/* source: templates/cs27Reg/css/bootstrap.css */
/*!
 * Bootstrap v4.1.0 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
*,::after,::before {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent
}

@-ms-viewport {
    width: device-width
}

article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section {
    display: block
}

body {
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #ffffff;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus {
    outline: 0!important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,h2,h3,h4,h5,h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    /* margin-bottom:1rem; */
}

abbr[data-original-title],abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

dl,ol,ul {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,ol ul,ul ol,ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

dfn {
    font-style: italic
}

b,strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:hover {
    color: #0056b3;
    text-decoration: underline
}

code,kbd,pre,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none;
    width: auto;
}

svg:not(:root) {
    overflow: hidden
}

table {
    /* border-collapse:collapse; */
    border-spacing: 0px 8px;
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

button,input,optgroup,select,textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none;
}

[type=reset],[type=submit],button,html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=date],input[type=datetime-local],input[type=month],input[type=time] {
    -webkit-appearance: listbox
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none!important
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit
}

.h1,h1 {
    font-size: 13px;
    font-family: unset;
    font-weight: 600;
    margin-left: 15px;
    margin-bottom: 10px;
}

.h2,h2 {
    font-size: 2rem
}

.h3,h3 {
    font-size: 1.75rem
}

.h4,h4 {
    font-size: 12px;
}

.h5,h5 {
    font-size: 1.25rem
}

.h6,h6 {
    font-size: 1rem
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2
}

hr {
    /* margin-top: 1rem; */
    /* margin-bottom: 1rem; */
    border: 0;
    /* border-top: 1px solid rgb(40 47 63); */
}

.small,small {
    font-size: 80%;
    font-weight: 400
}

.mark,mark {
    padding: .2em;
    background-color: #fcf8e3
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #6c757d
}

.blockquote-footer::before {
    content: "\2014 \00A0"
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #6c757d
}

code,kbd,pre,samp {
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-break: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #232627;
    border-radius: .2rem
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700
}

pre {
    display: flex;
    font-size: 13px;
    color: #7d818b;
    margin-bottom: 0px;
    justify-content: center;
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .container {
        max-width:540px
    }
}

@media (min-width: 768px) {
    .container {
        max-width:720px
    }
}

@media (min-width: 992px) {
    .container {
        max-width:960px
    }
}

@media (min-width: 1200px) {
    .container {
        max-width:1140px
    }
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    margin-bottom: 10px;
    padding-left: 15px
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    -ms-flex-order: -1;
    order: -1
}

.order-last {
    -ms-flex-order: 13;
    order: 13
}

.order-0 {
    -ms-flex-order: 0;
    order: 0
}

.order-1 {
    -ms-flex-order: 1;
    order: 1
}

.order-2 {
    -ms-flex-order: 2;
    order: 2
}

.order-3 {
    -ms-flex-order: 3;
    order: 3
}

.order-4 {
    -ms-flex-order: 4;
    order: 4
}

.order-5 {
    -ms-flex-order: 5;
    order: 5
}

.order-6 {
    -ms-flex-order: 6;
    order: 6
}

.order-7 {
    -ms-flex-order: 7;
    order: 7
}

.order-8 {
    -ms-flex-order: 8;
    order: 8
}

.order-9 {
    -ms-flex-order: 9;
    order: 9
}

.order-10 {
    -ms-flex-order: 10;
    order: 10
}

.order-11 {
    -ms-flex-order: 11;
    order: 11
}

.order-12 {
    -ms-flex-order: 12;
    order: 12
}

.offset-1 {
    margin-left: 8.333333%
}

.offset-2 {
    margin-left: 16.666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.333333%
}

.offset-5 {
    margin-left: 41.666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.333333%
}

.offset-8 {
    margin-left: 66.666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.333333%
}

.offset-11 {
    margin-left: 91.666667%
}

@media (min-width: 576px) {
    .col-sm {
        -ms-flex-preferred-size:0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-sm-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-sm-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-sm-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-sm-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-sm-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-sm-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-sm-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-sm-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-sm-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-sm-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-sm-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-sm-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-sm-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-sm-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-sm-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.333333%
    }

    .offset-sm-2 {
        margin-left: 16.666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.333333%
    }

    .offset-sm-5 {
        margin-left: 41.666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.333333%
    }

    .offset-sm-8 {
        margin-left: 66.666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.333333%
    }

    .offset-sm-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 768px) {
    .col-md {
        -ms-flex-preferred-size:0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-md-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-md-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-md-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-md-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-md-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-md-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-md-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-md-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-md-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-md-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-md-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-md-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-md-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-md-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-md-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-md-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.333333%
    }

    .offset-md-2 {
        margin-left: 16.666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.333333%
    }

    .offset-md-5 {
        margin-left: 41.666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.333333%
    }

    .offset-md-8 {
        margin-left: 66.666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.333333%
    }

    .offset-md-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 992px) {
    .col-lg {
        -ms-flex-preferred-size:0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-lg-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-lg-01 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 1%;
        max-width: 0px;
        margin-right: -63px;
    }

    .col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 28%;
        max-width: 28%;
    }

    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        /* max-width: 65.333333%; */
    }

    .col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 72%;
        max-width: 72%;
    }

    .col-lg-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-lg-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-lg-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-lg-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-lg-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-lg-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-lg-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-lg-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-lg-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-lg-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-lg-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-lg-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-lg-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-lg-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-lg-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-lg-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.333333%
    }

    .offset-lg-2 {
        margin-left: 16.666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.333333%
    }

    .offset-lg-5 {
        margin-left: 41.666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.333333%
    }

    .offset-lg-8 {
        margin-left: 66.666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.333333%
    }

    .offset-lg-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 1200px) {
    .col-xl {
        -ms-flex-preferred-size:0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-xl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-xl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-xl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-xl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-xl-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-xl-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-xl-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-xl-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-xl-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-xl-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-xl-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-xl-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-xl-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-xl-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-xl-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-xl-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-xl-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-xl-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.333333%
    }

    .offset-xl-2 {
        margin-left: 16.666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.333333%
    }

    .offset-xl-5 {
        margin-left: 41.666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.333333%
    }

    .offset-xl-8 {
        margin-left: 66.666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.333333%
    }

    .offset-xl-11 {
        margin-left: 91.666667%
    }
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent
}

.table td,.table th {
    padding: 0px 10px;
    border-top: 1px solid #dee2e6
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6
}

.table tbody+tbody {
    border-top: 2px solid #dee2e6
}

.table .table {
    background-color: #fff
}

.table-sm td,.table-sm th {
    padding: .3rem
}

.table-bordered {
    border: 1px solid #dee2e6
}

.table-bordered td,.table-bordered th {
    border: 1px solid #dee2e6
}

.table-bordered thead td,.table-bordered thead th {
    border-bottom-width: 2px;
}

.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.05)
}

.table-hover tbody tr:hover {
    background-color: rgba(0,0,0,.075)
}

.table-primary,.table-primary>td,.table-primary>th {
    background-color: #b8daff
}

.table-hover .table-primary:hover {
    background-color: #9fcdff
}

.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th {
    background-color: #9fcdff
}

.table-secondary,.table-secondary>td,.table-secondary>th {
    background-color: #d6d8db
}

.table-hover .table-secondary:hover {
    background-color: #c8cbcf
}

.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th {
    background-color: #c8cbcf
}

.table-success,.table-success>td,.table-success>th {
    background-color: #c3e6cb
}

.table-hover .table-success:hover {
    background-color: #b1dfbb
}

.table-hover .table-success:hover>td,.table-hover .table-success:hover>th {
    background-color: #b1dfbb
}

.table-info,.table-info>td,.table-info>th {
    background-color: #bee5eb
}

.table-hover .table-info:hover {
    background-color: #abdde5
}

.table-hover .table-info:hover>td,.table-hover .table-info:hover>th {
    background-color: #abdde5
}

.table-warning,.table-warning>td,.table-warning>th {
    background-color: #ffeeba
}

.table-hover .table-warning:hover {
    background-color: #ffe8a1
}

.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th {
    background-color: #ffe8a1
}

.table-danger,.table-danger>td,.table-danger>th {
    background-color: #f5c6cb
}

.table-hover .table-danger:hover {
    background-color: #f1b0b7
}

.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th {
    background-color: #f1b0b7
}

.table-light,.table-light>td,.table-light>th {
    background-color: #fdfdfe
}

.table-hover .table-light:hover {
    background-color: #ececf6
}

.table-hover .table-light:hover>td,.table-hover .table-light:hover>th {
    background-color: #ececf6
}

.table-dark,.table-dark>td,.table-dark>th {
    background-color: #c6c8ca
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe
}

.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th {
    background-color: #b9bbbe
}

.table-active,.table-active>td,.table-active>th {
    background-color: rgba(0,0,0,.075)
}

.table-hover .table-active:hover {
    background-color: rgba(0,0,0,.075)
}

.table-hover .table-active:hover>td,.table-hover .table-active:hover>th {
    background-color: rgba(0,0,0,.075)
}

.table .thead-dark th {
    color: #fff;
    background-color: #232627;
    border-color: #353a3b
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.table-dark {
    color: #fff;
    background-color: #232627
}

.table-dark td,.table-dark th,.table-dark thead th {
    border-color: #353a3b
}

.table-dark.table-bordered {
    border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255,255,255,.05)
}

.table-dark.table-hover tbody tr:hover {
    background-color: rgba(255,255,255,.075)
}

@media (max-width: 575.98px) {
    .table-responsive-sm {
        display:block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .table-responsive-sm>.table-bordered {
        border: 0
    }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        display:block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .table-responsive-md>.table-bordered {
        border: 0
    }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        display:block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .table-responsive-lg>.table-bordered {
        border: 0
    }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl {
        display:block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .table-responsive-xl>.table-bordered {
        border: 0
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.table-responsive>.table-bordered {
    border: 0
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media screen and (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}

.form-control::-webkit-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::-ms-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled,.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 2px)
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.form-control-file,.form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem;
    line-height: 1.5
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding-top: .375rem;
    padding-bottom: .375rem;
    margin-bottom: 0;
    line-height: 1.5;
    color: #232627;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm,.input-group-lg>.form-control-plaintext.form-control,.input-group-lg>.input-group-append>.form-control-plaintext.btn,.input-group-lg>.input-group-append>.form-control-plaintext.input-group-text,.input-group-lg>.input-group-prepend>.form-control-plaintext.btn,.input-group-lg>.input-group-prepend>.form-control-plaintext.input-group-text,.input-group-sm>.form-control-plaintext.form-control,.input-group-sm>.input-group-append>.form-control-plaintext.btn,.input-group-sm>.input-group-append>.form-control-plaintext.input-group-text,.input-group-sm>.input-group-prepend>.form-control-plaintext.btn,.input-group-sm>.input-group-prepend>.form-control-plaintext.input-group-text {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text {
    padding: 10px 15px;
    font-size: 11px;
    line-height: 1.5;
    color: #ffffff;
    border-radius: 9px;
}

.input-group-sm>.input-group-append>select.btn:not([size]):not([multiple]),.input-group-sm>.input-group-append>select.input-group-text:not([size]):not([multiple]),.input-group-sm>.input-group-prepend>select.btn:not([size]):not([multiple]),.input-group-sm>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),.input-group-sm>select.form-control:not([size]):not([multiple]),select.form-control-sm:not([size]):not([multiple]) {
    height: calc(1.8125rem + 2px);
}

.form-control-lg,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.input-group-lg>.input-group-append>select.btn:not([size]):not([multiple]),.input-group-lg>.input-group-append>select.input-group-text:not([size]):not([multiple]),.input-group-lg>.input-group-prepend>select.btn:not([size]):not([multiple]),.input-group-lg>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),.input-group-lg>select.form-control:not([size]):not([multiple]),select.form-control-lg:not([size]):not([multiple]) {
    height: calc(2.875rem + 2px)
}

.form-group {
    margin-bottom: 10px;
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

.form-row>.col,.form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem;
    display: none;
}

.form-check-input:disabled~.form-check-label {
    color: #6c757d
}

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #28a745
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1;
    color: #fff;
    background-color: rgba(40,167,69,.8);
    border-radius: .2rem
}

.custom-select.is-valid,.form-control.is-valid,.was-validated .custom-select:valid,.was-validated .form-control:valid {
    border-color: #28a745
}

.custom-select.is-valid:focus,.form-control.is-valid:focus,.was-validated .custom-select:valid:focus,.was-validated .form-control:valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
}

.custom-select.is-valid~.valid-feedback,.custom-select.is-valid~.valid-tooltip,.form-control.is-valid~.valid-feedback,.form-control.is-valid~.valid-tooltip,.was-validated .custom-select:valid~.valid-feedback,.was-validated .custom-select:valid~.valid-tooltip,.was-validated .form-control:valid~.valid-feedback,.was-validated .form-control:valid~.valid-tooltip {
    display: block
}

.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label {
    color: #28a745
}

.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip {
    display: block
}

.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label {
    color: #28a745
}

.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before {
    background-color: #71dd8a
}

.custom-control-input.is-valid~.valid-feedback,.custom-control-input.is-valid~.valid-tooltip,.was-validated .custom-control-input:valid~.valid-feedback,.was-validated .custom-control-input:valid~.valid-tooltip {
    display: block
}

.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before {
    background-color: #34ce57
}

.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(40,167,69,.25)
}

.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label {
    border-color: #28a745
}

.custom-file-input.is-valid~.custom-file-label::before,.was-validated .custom-file-input:valid~.custom-file-label::before {
    border-color: inherit
}

.custom-file-input.is-valid~.valid-feedback,.custom-file-input.is-valid~.valid-tooltip,.was-validated .custom-file-input:valid~.valid-feedback,.was-validated .custom-file-input:valid~.valid-tooltip {
    display: block
}

.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label {
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.25)
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1;
    color: #fff;
    background-color: rgba(220,53,69,.8);
    border-radius: .2rem
}

.custom-select.is-invalid,.form-control.is-invalid,.was-validated .custom-select:invalid,.was-validated .form-control:invalid {
    border-color: #dc3545
}

.custom-select.is-invalid:focus,.form-control.is-invalid:focus,.was-validated .custom-select:invalid:focus,.was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
}

.custom-select.is-invalid~.invalid-feedback,.custom-select.is-invalid~.invalid-tooltip,.form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip,.was-validated .custom-select:invalid~.invalid-feedback,.was-validated .custom-select:invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip {
    display: block
}

.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label {
    color: #dc3545
}

.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label {
    color: #dc3545
}

.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before {
    background-color: #efa2a9
}

.custom-control-input.is-invalid~.invalid-feedback,.custom-control-input.is-invalid~.invalid-tooltip,.was-validated .custom-control-input:invalid~.invalid-feedback,.was-validated .custom-control-input:invalid~.invalid-tooltip {
    display: block
}

.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
    background-color: #e4606d
}

.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
    box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(220,53,69,.25)
}

.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label {
    border-color: #dc3545
}

.custom-file-input.is-invalid~.custom-file-label::before,.was-validated .custom-file-input:invalid~.custom-file-label::before {
    border-color: inherit
}

.custom-file-input.is-invalid~.invalid-feedback,.custom-file-input.is-invalid~.invalid-tooltip,.was-validated .custom-file-input:invalid~.invalid-feedback,.was-validated .custom-file-input:invalid~.invalid-tooltip {
    display: block
}

.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label {
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.25)
}

.form-inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center
}

.form-inline .form-check {
    width: 100%
}

@media (min-width: 576px) {
    .form-inline label {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 0
    }

    .form-inline .form-group {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-plaintext {
        display: inline-block
    }

    .form-inline .custom-select,.form-inline .input-group {
        width: auto
    }

    .form-inline .form-check {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }

    .form-inline .form-check-input {
        position: relative;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }

    .form-inline .custom-control {
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media screen and (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:focus,.btn:hover {
    text-decoration: none
}

.btn.focus,.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}

.btn.disabled,.btn:disabled {
    opacity: .65
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.btn:not(:disabled):not(.disabled).active,.btn:not(:disabled):not(.disabled):active {
    background-image: none;
    background: linear-gradient(201deg, #3a8dff 0%, rgb(7 106 255) 55%);
    opacity: 1.0;
}

a.btn.disabled,fieldset:disabled a.btn {
    pointer-events: none
}

.btn-primary {
    height: 40px;
    border: none;
    transition: 0.2s;
    margin-right: 6px;
    background: #212d47;
    font-weight: 600;
    color: #ffffff;
    font-size: 11px;
    border-radius: 9px;
    padding: 0px 26px;
    cursor: pointer;
}

.btn-primary:hover {
 height: 40px;
    border: none;
    transition: 0.2s;
    margin-right: 6px;
    background: #283551;
    font-weight: 600;
    color: #ffffff;
    font-size: 11px !important;
    border-radius: 9px !important;
    padding: 0px 26px !important;
    cursor: pointer;
}

.btn-primary.focus,.btn-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.5)
}

.btn-primary.disabled,.btn-primary:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf
}

.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.5)
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62
}

.btn-secondary.focus,.btn-secondary:focus {
    box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
}

.btn-secondary.disabled,.btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
}

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34
}

.btn-success.focus,.btn-success:focus {
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
}

.btn-success.disabled,.btn-success:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430
}

.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b
}

.btn-info.focus,.btn-info:focus {
    box-shadow: 0 0 0 .2rem rgba(23,162,184,.5)
}

.btn-info.disabled,.btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f
}

.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(23,162,184,.5)
}

.btn-warning {
    color: #232627;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:hover {
    color: #232627;
    background-color: #e0a800;
    border-color: #d39e00
}

.btn-warning.focus,.btn-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
}

.btn-warning.disabled,.btn-warning:disabled {
    color: #232627;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle {
    color: #232627;
    background-color: #d39e00;
    border-color: #c69500
}

.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130
}

.btn-danger.focus,.btn-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
}

.btn-danger.disabled,.btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d
}

.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
}

.btn-light {
    color: #232627;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:hover {
    color: #232627;
    background-color: #e2e6ea;
    border-color: #dae0e5
}

.btn-light.focus,.btn-light:focus {
    box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
}

.btn-light.disabled,.btn-light:disabled {
    color: #232627;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle {
    color: #232627;
    background-color: #dae0e5;
    border-color: #d3d9df
}

.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
}

.btn-dark {
    color: #fff;
    background-color: #373c3d;
    border-color: #373c3d
}

.btn-dark:hover {
    color: #fff;
    background-color: #252829;
    border-color: #1f2122
}

.btn-dark.focus,.btn-dark:focus {
    box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
}

.btn-dark.disabled,.btn-dark:disabled {
    color: #fff;
    background-color: #373c3d;
    border-color: #373c3d
}

.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1f2122;
    border-color: #191b1b
}

.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
}

.btn-outline-primary {
    color: #007bff;
    background-color: transparent;
    background-image: none;
    border-color: #007bff
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary.focus,.btn-outline-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.5)
}

.btn-outline-primary.disabled,.btn-outline-primary:disabled {
    color: #007bff;
    background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.5)
}

.btn-outline-secondary {
    color: #6c757d;
    background-color: transparent;
    background-image: none;
    border-color: #6c757d
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary.focus,.btn-outline-secondary:focus {
    box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
}

.btn-outline-secondary.disabled,.btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
}

.btn-outline-success {
    color: #28a745;
    background-color: transparent;
    background-image: none;
    border-color: #28a745
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success.focus,.btn-outline-success:focus {
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
}

.btn-outline-success.disabled,.btn-outline-success:disabled {
    color: #28a745;
    background-color: transparent
}

.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
}

.btn-outline-info {
    color: #17a2b8;
    background-color: transparent;
    background-image: none;
    border-color: #17a2b8
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info.focus,.btn-outline-info:focus {
    box-shadow: 0 0 0 .2rem rgba(23,162,184,.5)
}

.btn-outline-info.disabled,.btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent
}

.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(23,162,184,.5)
}

.btn-outline-warning {
    color: #ffc107;
    background-color: transparent;
    background-image: none;
    border-color: #ffc107
}

.btn-outline-warning:hover {
    color: #232627;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning.focus,.btn-outline-warning:focus {
    box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
}

.btn-outline-warning.disabled,.btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent
}

.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle {
    color: #232627;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
}

.btn-outline-danger {
    color: #dc3545;
    background-color: transparent;
    background-image: none;
    border-color: #dc3545
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger.focus,.btn-outline-danger:focus {
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
}

.btn-outline-danger.disabled,.btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent
}

.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
}

.btn-outline-light {
    color: #f8f9fa;
    background-color: transparent;
    background-image: none;
    border-color: #f8f9fa
}

.btn-outline-light:hover {
    color: #232627;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light.focus,.btn-outline-light:focus {
    box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
}

.btn-outline-light.disabled,.btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent
}

.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle {
    color: #232627;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
}

.btn-outline-dark {
    color: #373c3d;
    background-color: transparent;
    background-image: none;
    border-color: #373c3d
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #373c3d;
    border-color: #373c3d
}

.btn-outline-dark.focus,.btn-outline-dark:focus {
    box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
}

.btn-outline-dark.disabled,.btn-outline-dark:disabled {
    color: #373c3d;
    background-color: transparent
}

.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #373c3d;
    border-color: #373c3d
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
}

.btn-link {
    font-weight: 400;
    color: #007bff;
    background-color: transparent
}

.btn-link:hover {
    color: #0056b3;
    text-decoration: underline;
    background-color: transparent;
    border-color: transparent
}

.btn-link.focus,.btn-link:focus {
    text-decoration: underline;
    border-color: transparent;
    box-shadow: none
}

.btn-link.disabled,.btn-link:disabled {
    color: #6c757d;
    pointer-events: none
}

.btn-group-lg>.btn,.btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.btn-group-sm>.btn,.btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: .5rem
}

input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block {
    width: 100%
}

.fade {
    transition: opacity .13s linear;
}

@media screen and (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media screen and (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.dropdown,.dropleft,.dropright,.dropup {
    position: relative
}

.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #232627;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropright .dropdown-toggle::after {
    vertical-align: 0
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropleft .dropdown-toggle::after {
    display: none
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top] {
    right: auto;
    bottom: auto
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #232627;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:focus,.dropdown-item:hover {
    color: #17191a;
    text-decoration: none;
    background-color: #f8f9fa
}

.dropdown-item.active,.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff
}

.dropdown-item.disabled,.dropdown-item:disabled {
    color: #6c757d;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1.5rem;
    color: #232627
}

.btn-group,.btn-group-vertical {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle
}

.btn-group-vertical>.btn,.btn-group>.btn {
    position: relative;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.btn-group-vertical>.btn:hover,.btn-group>.btn:hover {
    z-index: 1
}

.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus {
    z-index: 1
}

.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group,.btn-group-vertical .btn+.btn,.btn-group-vertical .btn+.btn-group,.btn-group-vertical .btn-group+.btn,.btn-group-vertical .btn-group+.btn-group {
    margin-left: -1px
}

.btn-toolbar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group>.btn:first-child {
    margin-left: 0
}

.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after {
    margin-left: 0
}

.dropleft .dropdown-toggle-split::before {
    margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center
}

.btn-group-vertical .btn,.btn-group-vertical .btn-group {
    width: 100%
}

.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group {
    margin-top: -1px;
    margin-left: 0
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn {
    margin-bottom: 0
}

.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: nowrap;
    -ms-flex-align: stretch;
    width: 100%;
    align-items: center;
}

.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0
}

.input-group>.custom-file:focus,.input-group>.custom-select:focus,.input-group>.form-control:focus {
    z-index: 3
}

.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control {
    margin-left: -1px
}

.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child) {
    margin-left: 13px;
}

.input-group>.custom-file {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.custom-file:not(:first-child) .custom-file-label,.input-group>.custom-file:not(:first-child) .custom-file-label::after {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group-append,.input-group-prepend {
    display: -ms-flexbox;
    display: flex
}

.input-group-append .btn,.input-group-prepend .btn {
    position: relative;
    z-index: 2
}

.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text {
    margin-left: -1px
}

.input-group-prepend {
    margin-right: -6px;
}

.input-group-append {
    margin-left: -1px
}

.input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.input-group-text input[type=checkbox],.input-group-text input[type=radio] {
    margin-top: 0
}

.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem
}

.custom-control-inline {
    display: -ms-inline-flexbox;
    display: flex;
    margin-right: 1rem;
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    background-color: #007bff
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
}

.custom-control-input:active~.custom-control-label::before {
    color: #fff;
    background-color: #b3d7ff
}

.custom-control-input:disabled~.custom-control-label {
    color: #6c757d
}

.custom-control-input:disabled~.custom-control-label::before {
    background-color: #e9ecef
}

.custom-control-label {
    margin-bottom: 0
}

.custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: -25px;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #dee2e6
}

.custom-control-label::after {
    position: absolute;
    top: .25rem;
    display: block;
    left: -25px;
    width: 1rem;
    height: 1rem;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%
}

.custom-checkbox .custom-control-label::before {
    border-radius: .25rem;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #5086ff;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    background-color: #007bff
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0,123,255,.5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
    background-color: rgba(0,123,255,.5)
}

.custom-radio .custom-control-label::before {
    border-radius: 4px;
}

.custom-radio .custom-control-input:checked~.custom-control-label::before {
    background-color: #007bff
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(0,123,255,.5)
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
    background-size: 8px 10px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.custom-select:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.075),0 0 5px rgba(128,189,255,.5)
}

.custom-select:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.custom-select[multiple],.custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: .75rem;
    background-image: none
}

.custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef
}

.custom-select::-ms-expand {
    opacity: 0
}

.custom-select-sm {
    height: calc(1.8125rem + 2px);
    padding-top: .375rem;
    padding-bottom: .375rem;
    font-size: 75%
}

.custom-select-lg {
    height: calc(2.875rem + 2px);
    padding-top: .375rem;
    padding-bottom: .375rem;
    font-size: 125%
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    margin-bottom: 0
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(2.25rem + 2px);
    margin: 0;
    opacity: 0
}

.custom-file-input:focus~.custom-file-label {
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}

.custom-file-input:focus~.custom-file-label::after {
    border-color: #80bdff
}

.custom-file-input:lang(en)~.custom-file-label::after {
    content: "Browse"
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #a1a8aa;
    font-size: 11px;
    font-weight: 600;
    background-color: #585f61;
    border-radius: 8px;
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(calc(2.25rem + 2px) - 1px * 2);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: 1px solid #ced4da;
    border-radius: 9px;
}

.custom-range {
    width: 100%;
    padding-left: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.custom-range:focus {
    outline: 0
}

.custom-range::-moz-focus-outer {
    border: 0
}

.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -webkit-appearance: none;
    appearance: none
}

.custom-range::-webkit-slider-thumb:focus {
    outline: 0;
    box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -moz-appearance: none;
    appearance: none
}

.custom-range::-moz-range-thumb:focus {
    outline: 0;
    box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
}

.custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    appearance: none
}

.custom-range::-ms-thumb:focus {
    outline: 0;
    box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)
}

.custom-range::-ms-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-ms-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: .5rem
}

.custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem
}

.nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem
}

.nav-link:focus,.nav-link:hover {
    text-decoration: none
}

.nav-link.disabled {
    color: #6c757d
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

.nav-tabs .nav-item {
    margin-bottom: -1px
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills .nav-link {
    border-radius: .25rem
}

.nav-pills .nav-link.active,.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #007bff
}

.nav-fill .nav-item {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .5rem 1rem
}

.navbar>.container,.navbar>.container-fluid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

.navbar-brand:focus,.navbar-brand:hover {
    text-decoration: none
}

.navbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none
}

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-align: center;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem
}

.navbar-toggler:focus,.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler:not(:disabled):not(.disabled) {
    cursor: pointer
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%
}

@media (max-width: 575.98px) {
    .navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid {
        padding-right:0;
        padding-left: 0
    }
}

@media (min-width: 576px) {
    .navbar-expand-sm {
        -ms-flex-flow:row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-sm .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand-sm .navbar-collapse {
        display: -ms-flexbox!important;
        display: flex!important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .navbar-expand-sm .navbar-toggler {
        display: none
    }
}

@media (max-width: 767.98px) {
    .navbar-expand-md>.container,.navbar-expand-md>.container-fluid {
        padding-right:0;
        padding-left: 0
    }
}

@media (min-width: 768px) {
    .navbar-expand-md {
        -ms-flex-flow:row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-md .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-md>.container,.navbar-expand-md>.container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand-md .navbar-collapse {
        display: -ms-flexbox!important;
        display: flex!important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .navbar-expand-md .navbar-toggler {
        display: none
    }
}

@media (max-width: 991.98px) {
    .navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid {
        padding-right:0;
        padding-left: 0
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        -ms-flex-flow:row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-lg .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand-lg .navbar-collapse {
        display: -ms-flexbox!important;
        display: flex!important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .navbar-expand-lg .navbar-toggler {
        display: none
    }
}

@media (max-width: 1199.98px) {
    .navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid {
        padding-right:0;
        padding-left: 0
    }
}

@media (min-width: 1200px) {
    .navbar-expand-xl {
        -ms-flex-flow:row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-xl .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand-xl .navbar-collapse {
        display: -ms-flexbox!important;
        display: flex!important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .navbar-expand-xl .navbar-toggler {
        display: none
    }
}

.navbar-expand {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.navbar-expand>.container,.navbar-expand>.container-fluid {
    padding-right: 0;
    padding-left: 0
}

.navbar-expand .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-expand>.container,.navbar-expand>.container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.navbar-expand .navbar-collapse {
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-light .navbar-brand {
    color: rgba(0,0,0,.9)
}

.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover {
    color: rgba(0,0,0,.9)
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,.5)
}

.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0,0,0,.7)
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0,0,0,.3)
}

.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link {
    color: rgba(0,0,0,.9)
}

.navbar-light .navbar-toggler {
    color: rgba(0,0,0,.5);
    border-color: rgba(0,0,0,.1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar-light .navbar-text {
    color: rgba(0,0,0,.5)
}

.navbar-light .navbar-text a {
    color: rgba(0,0,0,.9)
}

.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover {
    color: rgba(0,0,0,.9)
}

.navbar-dark .navbar-brand {
    color: #fff
}

.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,.5)
}

.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255,255,255,.75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255,255,255,.25)
}

.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link {
    color: #fff
}

.navbar-dark .navbar-toggler {
    color: rgba(255,255,255,.5);
    border-color: rgba(255,255,255,.1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar-dark .navbar-text {
    color: rgba(255,255,255,.5)
}

.navbar-dark .navbar-text a {
    color: #fff
}

.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover {
    color: #fff
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    color: #fff;
    background-clip: border-box;
    border-radius: 10px;
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group:first-child .list-group-item:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.card>.list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link+.card-link {
    margin-left: 1.25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    border-radius: 10px;
    height: 60px;
    background-color: rgb(30 34 47);
    border-bottom: 1px solid rgb(30 34 47);
}

.card-header:first-child {
    border-radius: 15px;
}

.card-header+.list-group .list-group-item:first-child {
    border-top: 0
}

.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0,0,0,.03);
    border-top: 1px solid rgba(0,0,0,.125)
}

.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
    margin-right: -.625rem;
    margin-bottom: -.75rem;
    margin-left: -.625rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem
}

.card-img {
    width: 100%;
    border-radius: calc(.25rem - 1px)
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img-bottom {
    width: 100%;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card-deck {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.card-deck .card {
    margin-bottom: 15px
}

@media (min-width: 576px) {
    .card-deck {
        -ms-flex-flow:row wrap;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px
    }

    .card-deck .card {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px
    }
}

.card-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.card-group>.card {
    margin-bottom: 15px
}

@media (min-width: 576px) {
    .card-group {
        -ms-flex-flow:row wrap;
        flex-flow: row wrap
    }

    .card-group>.card {
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        margin-bottom: 0
    }

    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }

    .card-group>.card:first-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .card-group>.card:first-child .card-header,.card-group>.card:first-child .card-img-top {
        border-top-right-radius: 0
    }

    .card-group>.card:first-child .card-footer,.card-group>.card:first-child .card-img-bottom {
        border-bottom-right-radius: 0
    }

    .card-group>.card:last-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .card-group>.card:last-child .card-header,.card-group>.card:last-child .card-img-top {
        border-top-left-radius: 0
    }

    .card-group>.card:last-child .card-footer,.card-group>.card:last-child .card-img-bottom {
        border-bottom-left-radius: 0
    }

    .card-group>.card:only-child {
        border-radius: .25rem
    }

    .card-group>.card:only-child .card-header,.card-group>.card:only-child .card-img-top {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }

    .card-group>.card:only-child .card-footer,.card-group>.card:only-child .card-img-bottom {
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: .25rem
    }

    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) {
        border-radius: 0
    }

    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top {
        border-radius: 0
    }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media (min-width: 576px) {
    .card-columns {
        -webkit-column-count:3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }

    .card-columns .card {
        display: inline-block;
        width: 100%
    }
}

.accordion .card:not(:first-of-type):not(:last-of-type) {
    border-bottom: 0;
    border-radius: 0
}

.accordion .card:not(:first-of-type) .card-header:first-child {
    border-radius: 0
}

.accordion .card:first-of-type {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.accordion .card:last-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: #6c757d;
    content: "/"
}

.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: underline
}

.breadcrumb-item+.breadcrumb-item:hover::before {
    text-decoration: none
}

.breadcrumb-item.active {
    color: #6c757d
}

.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6
}

.page-link:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}

.page-link:not(:disabled):not(.disabled) {
    cursor: pointer
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-primary {
    color: #fff;
    background-color: #007bff
}

.badge-primary[href]:focus,.badge-primary[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #0062cc
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d
}

.badge-secondary[href]:focus,.badge-secondary[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #545b62
}

.badge-success {
    color: #fff;
    background-color: #28a745
}

.badge-success[href]:focus,.badge-success[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #1e7e34
}

.badge-info {
    color: #fff;
    background-color: #17a2b8
}

.badge-info[href]:focus,.badge-info[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #117a8b
}

.badge-warning {
    color: #232627;
    background-color: #ffc107
}

.badge-warning[href]:focus,.badge-warning[href]:hover {
    color: #232627;
    text-decoration: none;
    background-color: #d39e00
}

.badge-danger {
    color: #fff;
    background-color: #dc3545
}

.badge-danger[href]:focus,.badge-danger[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #bd2130
}

.badge-light {
    color: #232627;
    background-color: #f8f9fa
}

.badge-light[href]:focus,.badge-light[href]:hover {
    color: #232627;
    text-decoration: none;
    background-color: #dae0e5
}

.badge-dark {
    color: #fff;
    background-color: #373c3d
}

.badge-dark[href]:focus,.badge-dark[href]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #1f2122
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem
}

@media (min-width: 576px) {
    .jumbotron {
        padding:4rem 2rem
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 4rem
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: .75rem 1.25rem;
    color: inherit
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff
}

.alert-primary hr {
    border-top-color: #9fcdff
}

.alert-primary .alert-link {
    color: #002752
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db
}

.alert-secondary hr {
    border-top-color: #c8cbcf
}

.alert-secondary .alert-link {
    color: #202326
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

.alert-success hr {
    border-top-color: #b1dfbb
}

.alert-success .alert-link {
    color: #0b2e13
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb
}

.alert-info hr {
    border-top-color: #abdde5
}

.alert-info .alert-link {
    color: #062c33
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba
}

.alert-warning hr {
    border-top-color: #ffe8a1
}

.alert-warning .alert-link {
    color: #533f03
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

.alert-danger hr {
    border-top-color: #f1b0b7
}

.alert-danger .alert-link {
    color: #491217
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe
}

.alert-light hr {
    border-top-color: #ececf6
}

.alert-light .alert-link {
    color: #686868
}

.alert-dark {
    color: #1d1f1f;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

.alert-dark hr {
    border-top-color: #b9bbbe
}

.alert-dark .alert-link {
    color: #040505
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #939b9d;
    border-radius: 15px;
}

.progress-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width .6s ease
}

@media screen and (prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite
}

.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start
}

.media-body {
    -ms-flex: 1;
    flex: 1
}

.list-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

.list-group-item-action:focus,.list-group-item-action:hover {
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa
}

.list-group-item-action:active {
    color: #232627;
    background-color: #e9ecef
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125)
}

.list-group-item:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.list-group-item:focus,.list-group-item:hover {
    z-index: 1;
    text-decoration: none
}

.list-group-item.disabled,.list-group-item:disabled {
    color: #6c757d;
    background-color: #fff
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.list-group-flush:first-child .list-group-item:first-child {
    border-top: 0
}

.list-group-flush:last-child .list-group-item:last-child {
    border-bottom: 0
}

.list-group-item-primary {
    color: #004085;
    background-color: #b8daff
}

.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover {
    color: #004085;
    background-color: #9fcdff
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #004085;
    border-color: #004085
}

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db
}

.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover {
    color: #383d41;
    background-color: #c8cbcf
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #383d41;
    border-color: #383d41
}

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb
}

.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover {
    color: #155724;
    background-color: #b1dfbb
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #155724;
    border-color: #155724
}

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb
}

.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover {
    color: #0c5460;
    background-color: #abdde5
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #0c5460;
    border-color: #0c5460
}

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba
}

.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover {
    color: #856404;
    background-color: #ffe8a1
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #856404;
    border-color: #856404
}

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb
}

.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover {
    color: #721c24;
    background-color: #f1b0b7
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #721c24;
    border-color: #721c24
}

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe
}

.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover {
    color: #818182;
    background-color: #ececf6
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182
}

.list-group-item-dark {
    color: #1d1f1f;
    background-color: #c6c8ca
}

.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover {
    color: #1d1f1f;
    background-color: #b9bbbe
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1d1f1f;
    border-color: #1d1f1f
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    /* text-shadow:0 1px 0 #fff; */
    opacity: .5
}

.close:focus,.close:hover {
    color: #000;
    text-decoration: none;
    opacity: .75
}

.close:not(:disabled):not(.disabled) {
    cursor: pointer
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none
}

.modal-open {
    overflow: hidden
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    background: #24242e12;
    left: 0;
    z-index: 1050;
    display: none;!i;!;
    overflow: hidden;
    outline: 0
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    !i;!;
    !i;!;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .0s ease-out,-webkit-transform .2s ease-out;
    -webkit-transform: translate(0,-25%);
    transform: translate(0,0%);
}

@media screen and (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (.5rem * 2))
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: none;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem
}

.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #e9ecef
}

.modal-footer>:not(:first-child) {
    margin-left: .25rem
}

.modal-footer>:not(:last-child) {
    margin-right: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 550px;
        margin: 1.75rem auto;
    }

    .modal-dialog-centered {
        min-height: calc(100% - (1.75rem * 2))
    }

    .modal-sm {
        max-width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg {
        max-width:800px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow {
    bottom: 0
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #000
}

.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before {
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000
}

.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom {
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow {
    top: 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #000
}

.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left {
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before {
    left: 0;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    /* border:1px solid rgba(0,0,0,.2); */
    border-radius: .3rem
}

.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    display: none;
    height: .5rem;
    margin: 0 .3rem
}

.popover .arrow::after,.popover .arrow::before {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-popover-auto[x-placement^=top],.bs-popover-top {
    margin-bottom: .5rem
}

.bs-popover-auto[x-placement^=top] .arrow,.bs-popover-top .arrow {
    bottom: calc((.5rem + 1px) * -1);
}

.bs-popover-auto[x-placement^=top] .arrow::after,.bs-popover-auto[x-placement^=top] .arrow::before,.bs-popover-top .arrow::after,.bs-popover-top .arrow::before {
    border-width: .5rem .5rem 0
}

.bs-popover-auto[x-placement^=top] .arrow::before,.bs-popover-top .arrow::before {
    bottom: 0;
    border-top-color: rgba(0,0,0,.25)
}

.bs-popover-auto[x-placement^=top] .arrow::after,.bs-popover-top .arrow::after {
    bottom: 1px;
    border-top-color: #fff
}

.bs-popover-auto[x-placement^=right],.bs-popover-right {
    margin-left: .5rem
}

.bs-popover-auto[x-placement^=right] .arrow,.bs-popover-right .arrow {
    left: calc((.5rem + 1px) * -1);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=right] .arrow::after,.bs-popover-auto[x-placement^=right] .arrow::before,.bs-popover-right .arrow::after,.bs-popover-right .arrow::before {
    border-width: .5rem .5rem .5rem 0
}

.bs-popover-auto[x-placement^=right] .arrow::before,.bs-popover-right .arrow::before {
    left: 0;
    border-right-color: rgba(0,0,0,.25)
}

.bs-popover-auto[x-placement^=right] .arrow::after,.bs-popover-right .arrow::after {
    left: 1px;
    border-right-color: #fff
}

.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom {
    margin-top: .5rem
}

.bs-popover-auto[x-placement^=bottom] .arrow,.bs-popover-bottom .arrow {
    top: calc((.5rem + 1px) * -1)
}

.bs-popover-auto[x-placement^=bottom] .arrow::after,.bs-popover-auto[x-placement^=bottom] .arrow::before,.bs-popover-bottom .arrow::after,.bs-popover-bottom .arrow::before {
    border-width: 0 .5rem .5rem .5rem
}

.bs-popover-auto[x-placement^=bottom] .arrow::before,.bs-popover-bottom .arrow::before {
    top: 0;
    border-bottom-color: rgba(0,0,0,.25)
}

.bs-popover-auto[x-placement^=bottom] .arrow::after,.bs-popover-bottom .arrow::after {
    top: 1px;
    border-bottom-color: #fff
}

.bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7
}

.bs-popover-auto[x-placement^=left],.bs-popover-left {
    margin-right: .5rem
}

.bs-popover-auto[x-placement^=left] .arrow,.bs-popover-left .arrow {
    right: calc((.5rem + 1px) * -1);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0
}

.bs-popover-auto[x-placement^=left] .arrow::after,.bs-popover-auto[x-placement^=left] .arrow::before,.bs-popover-left .arrow::after,.bs-popover-left .arrow::before {
    border-width: .5rem 0 .5rem .5rem
}

.bs-popover-auto[x-placement^=left] .arrow::before,.bs-popover-left .arrow::before {
    right: 0;
    border-left-color: rgba(0,0,0,.25)
}

.bs-popover-auto[x-placement^=left] .arrow::after,.bs-popover-left .arrow::after {
    right: 1px;
    border-left-color: #fff
}

.popover-header {
    padding: 15px;
    margin-bottom: 0;
    font-family: 'Montserrat';
    font-size: 12px;
    color: inherit;
    background-color: #4c505b;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: 12px 15px;
    color: #8b8b9b;
    position: relative;
    font-size: 11px;
    font-weight: 600;
    font-family: 'Montserrat';
}

.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 15px;
    height: 210px;
}

.carousel-item {
    position: relative;
    display: none;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    background: #22283e00;
    border-radius: 15px;
    transition: -webkit-transform .6s ease;
    transition: transform .6s ease;
    transition: transform .6s ease,-webkit-transform .6s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

@media screen and (prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item-next,.carousel-item-prev,.carousel-item.active {
    display: block;
}

.carousel-item-next,.carousel-item-prev {
    position: absolute;
    top: 0
}

.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style:preserve-3d)) {
    .carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right {
        -webkit-transform:translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.active.carousel-item-right,.carousel-item-next {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style:preserve-3d)) {
    .active.carousel-item-right,.carousel-item-next {
        -webkit-transform:translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

.active.carousel-item-left,.carousel-item-prev {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style:preserve-3d)) {
    .active.carousel-item-left,.carousel-item-prev {
        -webkit-transform:translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: .6s;
    transition-property: opacity
}

.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active {
    opacity: 1
}

.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right {
    opacity: 0
}

.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-prev,.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style:preserve-3d)) {
    .carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-prev,.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active {
        -webkit-transform:translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.carousel-control-next,.carousel-control-prev {
    position: absolute;
    top: -25px;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    transition: 0.2s;
    -ms-flex-pack: center;
    justify-content: center;
    width: 10%;
    color: #fff;
    text-align: center;
    opacity: .5;
}

.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,.carousel-control-prev-icon {
    display: inline-block;
    width: 23px;
    height: 25px;
    background: transparent no-repeat center center;
    background-size: 100% 100%;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators li {
    position: relative;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 6px;
    height: 6px;
    border-radius: 50px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    background-color: rgba(255,255,255,.5)
}

.carousel-indicators li::before {
    position: absolute;
    top: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: ""
}

.carousel-indicators li::after {
    position: absolute;
    bottom: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: ""
}

.carousel-indicators .active {
    background-color: #fff
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center
}

.align-baseline {
    vertical-align: baseline!important
}

.align-top {
    vertical-align: top!important
}

.align-middle {
    vertical-align: middle!important
}

.align-bottom {
    vertical-align: bottom!important
}

.align-text-bottom {
    vertical-align: text-bottom!important
}

.align-text-top {
    vertical-align: text-top!important
}

.bg-primary {
    background-color: #007bff!important
}

a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover {
    background-color: #0062cc!important
}

.bg-secondary {
    background-color: #6c757d!important
}

a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover {
    background-color: #545b62!important
}

.bg-success {
    background-color: #28a745!important
}

a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover {
    background-color: #1e7e34!important
}

.bg-info {
    background-color: #e5768d !important;
}

a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover {
    background-color: #117a8b!important
}

.bg-warning {
    background-color: #ffc107!important
}

a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover {
    background-color: #d39e00!important
}

.bg-danger {
    background-color: #dc3545!important
}

a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover {
    background-color: #bd2130!important
}

.bg-light {
    background-color: #f8f9fa!important
}

a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover {
    background-color: #dae0e5!important
}

.bg-dark {
    background-color: #373c3d!important
}

a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
    background-color: #1f2122!important
}

.bg-white {
    background-color: #fff!important
}

.bg-transparent {
    background-color: transparent!important
}

.border {
    border: 1px solid #dee2e6!important
}

.border-top {
    border-top: 1px solid #dee2e6!important
}

.border-right {
    border-right: 1px solid #dee2e6!important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6!important
}

.border-left {
    border-left: 1px solid #dee2e6!important
}

.border-0 {
    border: 0!important
}

.border-top-0 {
    border-top: 0!important
}

.border-right-0 {
    border-right: 0!important
}

.border-bottom-0 {
    border-bottom: 0!important
}

.border-left-0 {
    border-left: 0!important
}

.border-primary {
    border-color: #007bff!important
}

.border-secondary {
    border-color: #6c757d!important
}

.border-success {
    border-color: #28a745!important
}

.border-info {
    border-color: #17a2b8!important
}

.border-warning {
    border-color: #ffc107!important
}

.border-danger {
    border-color: #dc3545!important
}

.border-light {
    border-color: #f8f9fa!important
}

.border-dark {
    border-color: #373c3d!important
}

.border-white {
    border-color: #fff!important
}

.rounded {
    border-radius: .25rem!important
}

.rounded-top {
    border-top-left-radius: .25rem!important;
    border-top-right-radius: .25rem!important
}

.rounded-right {
    border-top-right-radius: .25rem!important;
    border-bottom-right-radius: .25rem!important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem!important;
    border-bottom-left-radius: .25rem!important
}

.rounded-left {
    border-top-left-radius: .25rem!important;
    border-bottom-left-radius: .25rem!important
}

.rounded-circle {
    border-radius: 50%!important
}

.rounded-0 {
    border-radius: 0!important
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.d-none {
    display: none; 
}

.d-inline {
    display: inline!important
}

.d-inline-block {
    display: inline-block!important
}

.d-block {
    display: block!important
}

.d-table {
    display: table!important
}

.d-table-row {
    display: table-row!important
}

.d-table-cell {
    display: table-cell!important
}

.d-flex {
    display: -ms-flexbox!important;
    display: flex!important
}

.d-inline-flex {
    display: -ms-inline-flexbox!important;
    display: inline-flex!important
}

@media (min-width: 576px) {
    .d-sm-none {
        display:none!important
    }

    .d-sm-inline {
        display: inline!important
    }

    .d-sm-inline-block {
        display: inline-block!important
    }

    .d-sm-block {
        display: block!important
    }

    .d-sm-table {
        display: table!important
    }

    .d-sm-table-row {
        display: table-row!important
    }

    .d-sm-table-cell {
        display: table-cell!important
    }

    .d-sm-flex {
        display: -ms-flexbox!important;
        display: flex!important
    }

    .d-sm-inline-flex {
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display:none!important
    }

    .d-md-inline {
        display: inline!important
    }

    .d-md-inline-block {
        display: inline-block!important
    }

    .d-md-block {
        display: block!important
    }

    .d-md-table {
        display: table!important
    }

    .d-md-table-row {
        display: table-row!important
    }

    .d-md-table-cell {
        display: table-cell!important
    }

    .d-md-flex {
        display: -ms-flexbox!important;
        display: flex!important
    }

    .d-md-inline-flex {
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display:none!important
    }

    .d-lg-inline {
        display: inline!important
    }

    .d-lg-inline-block {
        display: inline-block!important;
        background: #ff75750a;
        border: solid 1px #ff83835c;
        border-radius: 12px;
        width: 100%;
        position: relative;
        top: -25px;
        font-size: 11px;
        color: #ff8383f5;
        font-weight: 600;
    }

    .d-lg-block {
        display: block!important
    }

    .d-lg-table {
        display: table!important
    }

    .d-lg-table-row {
        display: table-row!important
    }

    .d-lg-table-cell {
        display: table-cell!important
    }

    .d-lg-flex {
        display: -ms-flexbox!important;
        display: flex!important
    }

    .d-lg-inline-flex {
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display:none!important
    }

    .d-xl-inline {
        display: inline!important
    }

    .d-xl-inline-block {
        display: inline-block!important
    }

    .d-xl-block {
        display: block!important
    }

    .d-xl-table {
        display: table!important
    }

    .d-xl-table-row {
        display: table-row!important
    }

    .d-xl-table-cell {
        display: table-cell!important
    }

    .d-xl-flex {
        display: -ms-flexbox!important;
        display: flex!important
    }

    .d-xl-inline-flex {
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media print {
    .d-print-none {
        display: none!important
    }

    .d-print-inline {
        display: inline!important
    }

    .d-print-inline-block {
        display: inline-block!important
    }

    .d-print-block {
        display: block!important
    }

    .d-print-table {
        display: table!important
    }

    .d-print-table-row {
        display: table-row!important
    }

    .d-print-table-cell {
        display: table-cell!important
    }

    .d-print-flex {
        display: -ms-flexbox!important;
        display: flex!important
    }

    .d-print-inline-flex {
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive::before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9::before {
    padding-top: 42.857143%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.flex-row {
    -ms-flex-direction: row!important;
    flex-direction: row!important
}

.flex-column {
    -ms-flex-direction: column!important;
    flex-direction: column!important
}

.flex-row-reverse {
    -ms-flex-direction: row-reverse!important;
    flex-direction: row-reverse!important
}

.flex-column-reverse {
    -ms-flex-direction: column-reverse!important;
    flex-direction: column-reverse!important
}

.flex-wrap {
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important
}

.flex-nowrap {
    -ms-flex-wrap: nowrap!important;
    flex-wrap: nowrap!important
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse!important;
    flex-wrap: wrap-reverse!important
}

.flex-fill {
    -ms-flex: 1 1 auto!important;
    flex: 1 1 auto!important
}

.flex-grow-0 {
    -ms-flex-positive: 0!important;
    flex-grow: 0!important
}

.flex-grow-1 {
    -ms-flex-positive: 1!important;
    flex-grow: 1!important
}

.flex-shrink-0 {
    -ms-flex-negative: 0!important;
    flex-shrink: 0!important
}

.flex-shrink-1 {
    -ms-flex-negative: 1!important;
    flex-shrink: 1!important
}

.justify-content-start {
    -ms-flex-pack: start!important;
    justify-content: flex-start!important
}

.justify-content-end {
    -ms-flex-pack: end!important;
    justify-content: flex-end!important
}

.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important
}

.justify-content-between {
    -ms-flex-pack: justify!important;
    justify-content: space-between!important
}

.justify-content-around {
    -ms-flex-pack: distribute!important;
    justify-content: space-around!important
}

.align-items-start {
    -ms-flex-align: start!important;
    align-items: flex-start!important
}

.align-items-end {
    -ms-flex-align: end!important;
    align-items: flex-end!important
}

.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important
}

.align-items-baseline {
    -ms-flex-align: baseline!important;
    align-items: baseline!important
}

.align-items-stretch {
    -ms-flex-align: stretch!important;
    align-items: stretch!important
}

.align-content-start {
    -ms-flex-line-pack: start!important;
    align-content: flex-start!important
}

.align-content-end {
    -ms-flex-line-pack: end!important;
    align-content: flex-end!important
}

.align-content-center {
    -ms-flex-line-pack: center!important;
    align-content: center!important
}

.align-content-between {
    -ms-flex-line-pack: justify!important;
    align-content: space-between!important
}

.align-content-around {
    -ms-flex-line-pack: distribute!important;
    align-content: space-around!important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch!important;
    align-content: stretch!important
}

.align-self-auto {
    -ms-flex-item-align: auto!important;
    align-self: auto!important
}

.align-self-start {
    -ms-flex-item-align: start!important;
    align-self: flex-start!important
}

.align-self-end {
    -ms-flex-item-align: end!important;
    align-self: flex-end!important
}

.align-self-center {
    -ms-flex-item-align: center!important;
    align-self: center!important
}

.align-self-baseline {
    -ms-flex-item-align: baseline!important;
    align-self: baseline!important
}

.align-self-stretch {
    -ms-flex-item-align: stretch!important;
    align-self: stretch!important
}

@media (min-width: 576px) {
    .flex-sm-row {
        -ms-flex-direction:row!important;
        flex-direction: row!important
    }

    .flex-sm-column {
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }

    .flex-sm-row-reverse {
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }

    .flex-sm-column-reverse {
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }

    .flex-sm-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }

    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }

    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }

    .flex-sm-fill {
        -ms-flex: 1 1 auto!important;
        flex: 1 1 auto!important
    }

    .flex-sm-grow-0 {
        -ms-flex-positive: 0!important;
        flex-grow: 0!important
    }

    .flex-sm-grow-1 {
        -ms-flex-positive: 1!important;
        flex-grow: 1!important
    }

    .flex-sm-shrink-0 {
        -ms-flex-negative: 0!important;
        flex-shrink: 0!important
    }

    .flex-sm-shrink-1 {
        -ms-flex-negative: 1!important;
        flex-shrink: 1!important
    }

    .justify-content-sm-start {
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }

    .justify-content-sm-end {
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }

    .justify-content-sm-center {
        -ms-flex-pack: center!important;
        justify-content: center!important
    }

    .justify-content-sm-between {
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }

    .justify-content-sm-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }

    .align-items-sm-start {
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }

    .align-items-sm-end {
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }

    .align-items-sm-center {
        -ms-flex-align: center!important;
        align-items: center!important
    }

    .align-items-sm-baseline {
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }

    .align-items-sm-stretch {
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }

    .align-content-sm-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }

    .align-content-sm-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }

    .align-content-sm-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }

    .align-content-sm-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }

    .align-content-sm-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }

    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }

    .align-self-sm-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }

    .align-self-sm-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }

    .align-self-sm-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }

    .align-self-sm-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }

    .align-self-sm-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }

    .align-self-sm-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        -ms-flex-direction:row!important;
        flex-direction: row!important
    }

    .flex-md-column {
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }

    .flex-md-row-reverse {
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }

    .flex-md-column-reverse {
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }

    .flex-md-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }

    .flex-md-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }

    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }

    .flex-md-fill {
        -ms-flex: 1 1 auto!important;
        flex: 1 1 auto!important
    }

    .flex-md-grow-0 {
        -ms-flex-positive: 0!important;
        flex-grow: 0!important
    }

    .flex-md-grow-1 {
        -ms-flex-positive: 1!important;
        flex-grow: 1!important
    }

    .flex-md-shrink-0 {
        -ms-flex-negative: 0!important;
        flex-shrink: 0!important
    }

    .flex-md-shrink-1 {
        -ms-flex-negative: 1!important;
        flex-shrink: 1!important
    }

    .justify-content-md-start {
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }

    .justify-content-md-end {
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }

    .justify-content-md-center {
        -ms-flex-pack: center!important;
        justify-content: center!important
    }

    .justify-content-md-between {
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }

    .justify-content-md-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }

    .align-items-md-start {
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }

    .align-items-md-end {
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }

    .align-items-md-center {
        -ms-flex-align: center!important;
        align-items: center!important
    }

    .align-items-md-baseline {
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }

    .align-items-md-stretch {
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }

    .align-content-md-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }

    .align-content-md-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }

    .align-content-md-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }

    .align-content-md-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }

    .align-content-md-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }

    .align-content-md-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }

    .align-self-md-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }

    .align-self-md-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }

    .align-self-md-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }

    .align-self-md-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }

    .align-self-md-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }

    .align-self-md-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        -ms-flex-direction:row!important;
        flex-direction: row!important
    }

    .flex-lg-column {
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }

    .flex-lg-row-reverse {
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }

    .flex-lg-column-reverse {
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }

    .flex-lg-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }

    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }

    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }

    .flex-lg-fill {
        -ms-flex: 1 1 auto!important;
        flex: 1 1 auto!important
    }

    .flex-lg-grow-0 {
        -ms-flex-positive: 0!important;
        flex-grow: 0!important
    }

    .flex-lg-grow-1 {
        -ms-flex-positive: 1!important;
        flex-grow: 1!important
    }

    .flex-lg-shrink-0 {
        -ms-flex-negative: 0!important;
        flex-shrink: 0!important
    }

    .flex-lg-shrink-1 {
        -ms-flex-negative: 1!important;
        flex-shrink: 1!important
    }

    .justify-content-lg-start {
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }

    .justify-content-lg-end {
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }

    .justify-content-lg-center {
        -ms-flex-pack: center!important;
        justify-content: center!important
    }

    .justify-content-lg-between {
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }

    .justify-content-lg-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }

    .align-items-lg-start {
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }

    .align-items-lg-end {
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }

    .align-items-lg-center {
        -ms-flex-align: center!important;
        align-items: center!important
    }

    .align-items-lg-baseline {
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }

    .align-items-lg-stretch {
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }

    .align-content-lg-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }

    .align-content-lg-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }

    .align-content-lg-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }

    .align-content-lg-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }

    .align-content-lg-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }

    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }

    .align-self-lg-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }

    .align-self-lg-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }

    .align-self-lg-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }

    .align-self-lg-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }

    .align-self-lg-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }

    .align-self-lg-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        -ms-flex-direction:row!important;
        flex-direction: row!important
    }

    .flex-xl-column {
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }

    .flex-xl-row-reverse {
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }

    .flex-xl-column-reverse {
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }

    .flex-xl-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }

    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }

    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }

    .flex-xl-fill {
        -ms-flex: 1 1 auto!important;
        flex: 1 1 auto!important
    }

    .flex-xl-grow-0 {
        -ms-flex-positive: 0!important;
        flex-grow: 0!important
    }

    .flex-xl-grow-1 {
        -ms-flex-positive: 1!important;
        flex-grow: 1!important
    }

    .flex-xl-shrink-0 {
        -ms-flex-negative: 0!important;
        flex-shrink: 0!important
    }

    .flex-xl-shrink-1 {
        -ms-flex-negative: 1!important;
        flex-shrink: 1!important
    }

    .justify-content-xl-start {
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }

    .justify-content-xl-end {
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }

    .justify-content-xl-center {
        -ms-flex-pack: center!important;
        justify-content: center!important
    }

    .justify-content-xl-between {
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }

    .justify-content-xl-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }

    .align-items-xl-start {
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }

    .align-items-xl-end {
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }

    .align-items-xl-center {
        -ms-flex-align: center!important;
        align-items: center!important
    }

    .align-items-xl-baseline {
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }

    .align-items-xl-stretch {
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }

    .align-content-xl-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }

    .align-content-xl-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }

    .align-content-xl-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }

    .align-content-xl-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }

    .align-content-xl-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }

    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }

    .align-self-xl-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }

    .align-self-xl-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }

    .align-self-xl-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }

    .align-self-xl-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }

    .align-self-xl-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }

    .align-self-xl-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

.float-left {
    float: left!important
}

.float-right {
    float: right!important
}

.float-none {
    float: none!important
}

@media (min-width: 576px) {
    .float-sm-left {
        float:left!important
    }

    .float-sm-right {
        float: right!important
    }

    .float-sm-none {
        float: none!important
    }
}

@media (min-width: 768px) {
    .float-md-left {
        float:left!important
    }

    .float-md-right {
        float: right!important
    }

    .float-md-none {
        float: none!important
    }
}

@media (min-width: 992px) {
    .float-lg-left {
        float:left!important
    }

    .float-lg-right {
        float: right!important
    }

    .float-lg-none {
        float: none!important
    }
}

@media (min-width: 1200px) {
    .float-xl-left {
        float:left!important
    }

    .float-xl-right {
        float: right!important
    }

    .float-xl-none {
        float: none!important
    }
}

.position-static {
    position: static!important
}

.position-relative {
    position: relative!important
}

.position-absolute {
    position: absolute!important
}

.position-fixed {
    position: fixed!important
}

.position-sticky {
    position: -webkit-sticky!important;
    position: sticky!important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

@supports ((position: -webkit-sticky) or (position:sticky)) {
    .sticky-top {
        position:-webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0
}

.sr-only-focusable:active,.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important
}

.shadow {
    /* box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; */
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important
}

.shadow-none {
    box-shadow: none!important
}

.w-25 {
    width: 25%!important
}

.w-50 {
    width: 50%!important
}

.w-75 {
    width: 75%!important
}

.w-100 {
    width: 100%!important
}

.w-auto {
    width: auto!important
}

.h-25 {
    height: 25%!important
}

.h-50 {
    height: 50%!important
}

.h-75 {
    height: 75%!important
}

.h-100 {
    height: 100%!important
}

.h-auto {
    height: auto!important
}

.mw-100 {
    max-width: 100%!important
}

.mh-100 {
    max-height: 100%!important
}

.m-0 {
    margin: 0!important
}

.mt-0,.my-0 {
    margin-top: 0!important
}

.mr-0,.mx-0 {
    margin-right: 0!important
}

.mb-0,.my-0 {
    margin-bottom: 0!important
}

.ml-0,.mx-0 {
    margin-left: 0!important
}

.m-1 {
    margin: .25rem!important
}

.mt-1,.my-1 {
    margin-top: 20px;
}

.mr-1,.mx-1 {
    margin-right: .25rem!important
}

.mb-1,.my-1 {
    margin-bottom: .25rem!important
}

.ml-1,.mx-1 {
    margin-left: .25rem!important
}

.m-2 {
    margin: .5rem!important
}

.mt-2,.my-2 {
}

.mr-2,.mx-2 {
    margin-right: .5rem!important
}

.mb-2,.my-2 {
    margin-bottom: .5rem!important
}

.ml-2,.mx-2 {
    margin-left: .5rem!important
}

.m-3 {
    margin: 1rem!important
}

.mt-3,.my-3 {
    margin-top: 1rem!important
}

.mr-3,.mx-3 {
    margin-right: 1rem!important
}

.mb-3,.my-3 {
    margin-bottom: 30px;
}

.ml-3,.mx-3 {
    margin-left: 1rem!important
}

.m-4 {
    margin: 1.5rem!important
}

.mt-4,.my-4 {
    margin-top: 1.5rem!important
}

.mr-4,.mx-4 {
    margin-right: 1.5rem!important
}

.mb-4,.my-4 {
    margin-bottom: 55px;
}

.ml-4,.mx-4 {
    margin-left: 1.5rem!important
}

.m-5 {
    margin: 3rem!important
}

.mt-5,.my-5 {
    /* margin-top: -30px; */
}

.mr-5,.mx-5 {
    margin-right: 3rem!important
}

.mb-5,.my-5 {
    margin-bottom: 3rem!important
}

.ml-5,.mx-5 {
    margin-left: 3rem!important
}

.p-0 {
    padding: 0!important
}

.pt-0,.py-0 {
    padding-top: 0!important
}

.pr-0,.px-0 {
    padding-right: 0!important
}

.pb-0,.py-0 {
    padding-bottom: 0!important
}

.pl-0,.px-0 {
    padding-left: 0!important
}

.p-1 {
    padding: .25rem!important
}

.pt-1,.py-1 {
    padding-top: .25rem!important
}

.pr-1,.px-1 {
    padding-right: .25rem!important
}

.pb-1,.py-1 {
    padding-bottom: .25rem!important
}

.pl-1,.px-1 {
    padding-left: .25rem!important
}

.p-2 {
    padding: .5rem!important
}

.pt-2,.py-2 {
    padding-top: .5rem!important
}

.pr-2,.px-2 {
    padding-right: .5rem!important
}

.pb-2,.py-2 {
    padding-bottom: .5rem!important
}

.pl-2,.px-2 {
    padding-left: .5rem!important
}

.p-3 {
    padding: 1rem!important
}

.pt-3,.py-3 {
    padding-top: 1rem!important
}

.pr-3,.px-3 {
    padding-right: 1rem!important
}

.pb-3,.py-3 {
    padding-bottom: 1rem!important
}

.pl-3,.px-3 {
    padding-left: 1rem!important
}

.p-4 {
    padding: 1.5rem!important
}

.pt-4,.py-4 {
    padding-top: 1.5rem!important
}

.pr-4,.px-4 {
    padding-right: 1.5rem!important
}

.pb-4,.py-4 {
    padding-bottom: 1.5rem!important
}

.pl-4,.px-4 {
    padding-left: 1.5rem!important
}

.p-5 {
    padding: 0px;
}

.pt-5,.py-5 {
    padding-top: 3rem!important
}

.pr-5,.px-5 {
    padding-right: 3rem!important
}

.pb-5,.py-5 {
    padding-bottom: 3rem!important
}

.pl-5,.px-5 {
    padding-left: 3rem!important
}

.m-auto {
    margin: auto!important
}

.mt-auto,.my-auto {
    margin-top: auto!important
}

.mr-auto,.mx-auto {
    margin-right: auto!important
}

.mb-auto,.my-auto {
    margin-bottom: auto!important
}

.ml-auto,.mx-auto {
    margin-left: auto!important
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin:0!important
    }

    .mt-sm-0,.my-sm-0 {
        margin-top: 0!important
    }

    .mr-sm-0,.mx-sm-0 {
        margin-right: 0!important
    }

    .mb-sm-0,.my-sm-0 {
        margin-bottom: 0!important
    }

    .ml-sm-0,.mx-sm-0 {
        margin-left: 0!important
    }

    .m-sm-1 {
        margin: .25rem!important
    }

    .mt-sm-1,.my-sm-1 {
        margin-top: .25rem!important
    }

    .mr-sm-1,.mx-sm-1 {
        margin-right: .25rem!important
    }

    .mb-sm-1,.my-sm-1 {
        margin-bottom: .25rem!important
    }

    .ml-sm-1,.mx-sm-1 {
        margin-left: .25rem!important
    }

    .m-sm-2 {
        margin: .5rem!important
    }

    .mt-sm-2,.my-sm-2 {
        margin-top: .5rem!important
    }

    .mr-sm-2,.mx-sm-2 {
        margin-right: .5rem!important
    }

    .mb-sm-2,.my-sm-2 {
        margin-bottom: .5rem!important
    }

    .ml-sm-2,.mx-sm-2 {
        margin-left: .5rem!important
    }

    .m-sm-3 {
        margin: 1rem!important
    }

    .mt-sm-3,.my-sm-3 {
        margin-top: 1rem!important
    }

    .mr-sm-3,.mx-sm-3 {
        margin-right: 1rem!important
    }

    .mb-sm-3,.my-sm-3 {
        margin-bottom: 1rem!important
    }

    .ml-sm-3,.mx-sm-3 {
        margin-left: 1rem!important
    }

    .m-sm-4 {
        margin: 1.5rem!important
    }

    .mt-sm-4,.my-sm-4 {
        margin-top: 1.5rem!important
    }

    .mr-sm-4,.mx-sm-4 {
        margin-right: 1.5rem!important
    }

    .mb-sm-4,.my-sm-4 {
        margin-bottom: 1.5rem!important
    }

    .ml-sm-4,.mx-sm-4 {
        margin-left: 1.5rem!important
    }

    .m-sm-5 {
        margin: 3rem!important
    }

    .mt-sm-5,.my-sm-5 {
        margin-top: 3rem!important
    }

    .mr-sm-5,.mx-sm-5 {
        margin-right: 3rem!important
    }

    .mb-sm-5,.my-sm-5 {
        margin-bottom: 3rem!important
    }

    .ml-sm-5,.mx-sm-5 {
        margin-left: 3rem!important
    }

    .p-sm-0 {
        padding: 0!important
    }

    .pt-sm-0,.py-sm-0 {
        padding-top: 0!important
    }

    .pr-sm-0,.px-sm-0 {
        padding-right: 0!important
    }

    .pb-sm-0,.py-sm-0 {
        padding-bottom: 0!important
    }

    .pl-sm-0,.px-sm-0 {
        padding-left: 0!important
    }

    .p-sm-1 {
        padding: .25rem!important
    }

    .pt-sm-1,.py-sm-1 {
        padding-top: .25rem!important
    }

    .pr-sm-1,.px-sm-1 {
        padding-right: .25rem!important
    }

    .pb-sm-1,.py-sm-1 {
        padding-bottom: .25rem!important
    }

    .pl-sm-1,.px-sm-1 {
        padding-left: .25rem!important
    }

    .p-sm-2 {
        padding: .5rem!important
    }

    .pt-sm-2,.py-sm-2 {
        padding-top: .5rem!important
    }

    .pr-sm-2,.px-sm-2 {
        padding-right: .5rem!important
    }

    .pb-sm-2,.py-sm-2 {
        padding-bottom: .5rem!important
    }

    .pl-sm-2,.px-sm-2 {
        padding-left: .5rem!important
    }

    .p-sm-3 {
        padding: 1rem!important
    }

    .pt-sm-3,.py-sm-3 {
        padding-top: 1rem!important
    }

    .pr-sm-3,.px-sm-3 {
        padding-right: 1rem!important
    }

    .pb-sm-3,.py-sm-3 {
        padding-bottom: 1rem!important
    }

    .pl-sm-3,.px-sm-3 {
        padding-left: 1rem!important
    }

    .p-sm-4 {
        padding: 1.5rem!important
    }

    .pt-sm-4,.py-sm-4 {
        padding-top: 1.5rem!important
    }

    .pr-sm-4,.px-sm-4 {
        padding-right: 1.5rem!important
    }

    .pb-sm-4,.py-sm-4 {
        padding-bottom: 1.5rem!important
    }

    .pl-sm-4,.px-sm-4 {
        padding-left: 1.5rem!important
    }

    .p-sm-5 {
        padding: 3rem!important
    }

    .pt-sm-5,.py-sm-5 {
        padding-top: 3rem!important
    }

    .pr-sm-5,.px-sm-5 {
        padding-right: 3rem!important
    }

    .pb-sm-5,.py-sm-5 {
        padding-bottom: 3rem!important
    }

    .pl-sm-5,.px-sm-5 {
        padding-left: 3rem!important
    }

    .m-sm-auto {
        margin: auto!important
    }

    .mt-sm-auto,.my-sm-auto {
        margin-top: auto!important
    }

    .mr-sm-auto,.mx-sm-auto {
        margin-right: auto!important
    }

    .mb-sm-auto,.my-sm-auto {
        margin-bottom: auto!important
    }

    .ml-sm-auto,.mx-sm-auto {
        margin-left: auto!important
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin:0!important
    }

    .mt-md-0,.my-md-0 {
        margin-top: 0!important
    }

    .mr-md-0,.mx-md-0 {
        margin-right: 0!important
    }

    .mb-md-0,.my-md-0 {
        margin-bottom: 0!important
    }

    .ml-md-0,.mx-md-0 {
        margin-left: 0!important
    }

    .m-md-1 {
        margin: .25rem!important
    }

    .mt-md-1,.my-md-1 {
        margin-top: .25rem!important
    }

    .mr-md-1,.mx-md-1 {
        margin-right: .25rem!important
    }

    .mb-md-1,.my-md-1 {
        margin-bottom: .25rem!important
    }

    .ml-md-1,.mx-md-1 {
        margin-left: .25rem!important
    }

    .m-md-2 {
        margin: .5rem!important
    }

    .mt-md-2,.my-md-2 {
        margin-top: .5rem!important
    }

    .mr-md-2,.mx-md-2 {
        margin-right: .5rem!important
    }

    .mb-md-2,.my-md-2 {
        margin-bottom: .5rem!important
    }

    .ml-md-2,.mx-md-2 {
        margin-left: .5rem!important
    }

    .m-md-3 {
        margin: 1rem!important
    }

    .mt-md-3,.my-md-3 {
        margin-top: 1rem!important
    }

    .mr-md-3,.mx-md-3 {
        margin-right: 1rem!important
    }

    .mb-md-3,.my-md-3 {
        margin-bottom: 1rem!important
    }

    .ml-md-3,.mx-md-3 {
        margin-left: 1rem!important
    }

    .m-md-4 {
        margin: 1.5rem!important
    }

    .mt-md-4,.my-md-4 {
        margin-top: 1.5rem!important
    }

    .mr-md-4,.mx-md-4 {
        margin-right: 1.5rem!important
    }

    .mb-md-4,.my-md-4 {
        margin-bottom: 1.5rem!important
    }

    .ml-md-4,.mx-md-4 {
        margin-left: 1.5rem!important
    }

    .m-md-5 {
        margin: 3rem!important
    }

    .mt-md-5,.my-md-5 {
        margin-top: 3rem!important
    }

    .mr-md-5,.mx-md-5 {
        margin-right: 3rem!important
    }

    .mb-md-5,.my-md-5 {
        margin-bottom: 3rem!important
    }

    .ml-md-5,.mx-md-5 {
        margin-left: 3rem!important
    }

    .p-md-0 {
        padding: 0!important
    }

    .pt-md-0,.py-md-0 {
        padding-top: 0!important
    }

    .pr-md-0,.px-md-0 {
        padding-right: 0!important
    }

    .pb-md-0,.py-md-0 {
        padding-bottom: 0!important
    }

    .pl-md-0,.px-md-0 {
        padding-left: 0!important
    }

    .p-md-1 {
        padding: .25rem!important
    }

    .pt-md-1,.py-md-1 {
        padding-top: .25rem!important
    }

    .pr-md-1,.px-md-1 {
        padding-right: .25rem!important
    }

    .pb-md-1,.py-md-1 {
        padding-bottom: .25rem!important
    }

    .pl-md-1,.px-md-1 {
        padding-left: .25rem!important
    }

    .p-md-2 {
        padding: .5rem!important
    }

    .pt-md-2,.py-md-2 {
        padding-top: .5rem!important
    }

    .pr-md-2,.px-md-2 {
        padding-right: .5rem!important
    }

    .pb-md-2,.py-md-2 {
        padding-bottom: .5rem!important
    }

    .pl-md-2,.px-md-2 {
        padding-left: .5rem!important
    }

    .p-md-3 {
        padding: 1rem!important
    }

    .pt-md-3,.py-md-3 {
        padding-top: 1rem!important
    }

    .pr-md-3,.px-md-3 {
        padding-right: 1rem!important
    }

    .pb-md-3,.py-md-3 {
        padding-bottom: 1rem!important
    }

    .pl-md-3,.px-md-3 {
        padding-left: 1rem!important
    }

    .p-md-4 {
        padding: 1.5rem!important
    }

    .pt-md-4,.py-md-4 {
        padding-top: 1.5rem!important
    }

    .pr-md-4,.px-md-4 {
        padding-right: 1.5rem!important
    }

    .pb-md-4,.py-md-4 {
        padding-bottom: 1.5rem!important
    }

    .pl-md-4,.px-md-4 {
        padding-left: 1.5rem!important
    }

    .p-md-5 {
        padding: 3rem!important
    }

    .pt-md-5,.py-md-5 {
        padding-top: 3rem!important
    }

    .pr-md-5,.px-md-5 {
        padding-right: 3rem!important
    }

    .pb-md-5,.py-md-5 {
        padding-bottom: 3rem!important
    }

    .pl-md-5,.px-md-5 {
        padding-left: 3rem!important
    }

    .m-md-auto {
        margin: auto!important
    }

    .mt-md-auto,.my-md-auto {
        margin-top: auto!important
    }

    .mr-md-auto,.mx-md-auto {
        margin-right: auto!important
    }

    .mb-md-auto,.my-md-auto {
        margin-bottom: auto!important
    }

    .ml-md-auto,.mx-md-auto {
        margin-left: auto!important
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin:0!important
    }

    .mt-lg-0,.my-lg-0 {
        margin-top: 0!important
    }

    .mr-lg-0,.mx-lg-0 {
        margin-right: 0!important
    }

    .mb-lg-0,.my-lg-0 {
        margin-bottom: 0!important
    }

    .ml-lg-0,.mx-lg-0 {
        margin-left: 0!important
    }

    .m-lg-1 {
        margin: .25rem!important
    }

    .mt-lg-1,.my-lg-1 {
        margin-top: .25rem!important
    }

    .mr-lg-1,.mx-lg-1 {
        margin-right: .25rem!important
    }

    .mb-lg-1,.my-lg-1 {
        margin-bottom: .25rem!important
    }

    .ml-lg-1,.mx-lg-1 {
        margin-left: .25rem!important
    }

    .m-lg-2 {
        margin: .5rem!important
    }

    .mt-lg-2,.my-lg-2 {
        margin-top: .5rem!important
    }

    .mr-lg-2,.mx-lg-2 {
        margin-right: .5rem!important
    }

    .mb-lg-2,.my-lg-2 {
        margin-bottom: .5rem!important
    }

    .ml-lg-2,.mx-lg-2 {
        margin-left: .5rem!important
    }

    .m-lg-3 {
        margin: 1rem!important
    }

    .mt-lg-3,.my-lg-3 {
        margin-top: 1rem!important
    }

    .mr-lg-3,.mx-lg-3 {
        margin-right: 1rem!important
    }

    .mb-lg-3,.my-lg-3 {
        margin-bottom: 1rem!important
    }

    .ml-lg-3,.mx-lg-3 {
        margin-left: 1rem!important
    }

    .m-lg-4 {
        margin: 1.5rem!important
    }

    .mt-lg-4,.my-lg-4 {
        margin-top: 1.5rem!important
    }

    .mr-lg-4,.mx-lg-4 {
        margin-right: 1.5rem!important
    }

    .mb-lg-4,.my-lg-4 {
        margin-bottom: 1.5rem!important
    }

    .ml-lg-4,.mx-lg-4 {
        margin-left: 1.5rem!important
    }

    .m-lg-5 {
        margin: 3rem!important
    }

    .mt-lg-5,.my-lg-5 {
        margin-top: 3rem!important
    }

    .mr-lg-5,.mx-lg-5 {
        margin-right: 3rem!important
    }

    .mb-lg-5,.my-lg-5 {
        margin-bottom: 3rem!important
    }

    .ml-lg-5,.mx-lg-5 {
        margin-left: 3rem!important
    }

    .p-lg-0 {
        padding: 0!important
    }

    .pt-lg-0,.py-lg-0 {
        padding-top: 0!important
    }

    .pr-lg-0,.px-lg-0 {
        padding-right: 0!important
    }

    .pb-lg-0,.py-lg-0 {
        padding-bottom: 0!important
    }

    .pl-lg-0,.px-lg-0 {
        padding-left: 0!important
    }

    .p-lg-1 {
        padding: .25rem!important
    }

    .pt-lg-1,.py-lg-1 {
        padding-top: .25rem!important
    }

    .pr-lg-1,.px-lg-1 {
        padding-right: .25rem!important
    }

    .pb-lg-1,.py-lg-1 {
        padding-bottom: .25rem!important
    }

    .pl-lg-1,.px-lg-1 {
        padding-left: .25rem!important
    }

    .p-lg-2 {
        padding: .5rem!important
    }

    .pt-lg-2,.py-lg-2 {
        padding-top: .5rem!important
    }

    .pr-lg-2,.px-lg-2 {
        padding-right: .5rem!important
    }

    .pb-lg-2,.py-lg-2 {
        padding-bottom: .5rem!important
    }

    .pl-lg-2,.px-lg-2 {
        padding-left: .5rem!important
    }

    .p-lg-3 {
        padding: 1rem!important
    }

    .pt-lg-3,.py-lg-3 {
        padding-top: 1rem!important
    }

    .pr-lg-3,.px-lg-3 {
        padding-right: 1rem!important
    }

    .pb-lg-3,.py-lg-3 {
        padding-bottom: 1rem!important
    }

    .pl-lg-3,.px-lg-3 {
        padding-left: 1rem!important
    }

    .p-lg-4 {
        padding: 1.5rem!important
    }

    .pt-lg-4,.py-lg-4 {
        padding-top: 1.5rem!important
    }

    .pr-lg-4,.px-lg-4 {
        padding-right: 1.5rem!important
    }

    .pb-lg-4,.py-lg-4 {
        padding-bottom: 1.5rem!important
    }

    .pl-lg-4,.px-lg-4 {
        padding-left: 1.5rem!important
    }

    .p-lg-5 {
        padding: 3rem!important
    }

    .pt-lg-5,.py-lg-5 {
        padding-top: 3rem!important
    }

    .pr-lg-5,.px-lg-5 {
        padding-right: 3rem!important
    }

    .pb-lg-5,.py-lg-5 {
        padding-bottom: 3rem!important
    }

    .pl-lg-5,.px-lg-5 {
        padding-left: 3rem!important
    }

    .m-lg-auto {
        margin: auto!important
    }

    .mt-lg-auto,.my-lg-auto {
        margin-top: auto!important
    }

    .mr-lg-auto,.mx-lg-auto {
        margin-right: auto!important
    }

    .mb-lg-auto,.my-lg-auto {
        margin-bottom: auto!important
    }

    .ml-lg-auto,.mx-lg-auto {
        margin-left: auto!important
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin:0!important
    }

    .mt-xl-0,.my-xl-0 {
        margin-top: 0!important
    }

    .mr-xl-0,.mx-xl-0 {
        margin-right: 0!important
    }

    .mb-xl-0,.my-xl-0 {
        margin-bottom: 0!important
    }

    .ml-xl-0,.mx-xl-0 {
        margin-left: 0!important
    }

    .m-xl-1 {
        margin: .25rem!important
    }

    .mt-xl-1,.my-xl-1 {
        margin-top: .25rem!important
    }

    .mr-xl-1,.mx-xl-1 {
        margin-right: .25rem!important
    }

    .mb-xl-1,.my-xl-1 {
        margin-bottom: .25rem!important
    }

    .ml-xl-1,.mx-xl-1 {
        margin-left: .25rem!important
    }

    .m-xl-2 {
        margin: .5rem!important
    }

    .mt-xl-2,.my-xl-2 {
        margin-top: .5rem!important
    }

    .mr-xl-2,.mx-xl-2 {
        margin-right: .5rem!important
    }

    .mb-xl-2,.my-xl-2 {
        margin-bottom: .5rem!important
    }

    .ml-xl-2,.mx-xl-2 {
        margin-left: .5rem!important
    }

    .m-xl-3 {
        margin: 1rem!important
    }

    .mt-xl-3,.my-xl-3 {
        margin-top: 1rem!important
    }

    .mr-xl-3,.mx-xl-3 {
        margin-right: 1rem!important
    }

    .mb-xl-3,.my-xl-3 {
        margin-bottom: 1rem!important
    }

    .ml-xl-3,.mx-xl-3 {
        margin-left: 1rem!important
    }

    .m-xl-4 {
        margin: 1.5rem!important
    }

    .mt-xl-4,.my-xl-4 {
        margin-top: 1.5rem!important
    }

    .mr-xl-4,.mx-xl-4 {
        margin-right: 1.5rem!important
    }

    .mb-xl-4,.my-xl-4 {
        margin-bottom: 1.5rem!important
    }

    .ml-xl-4,.mx-xl-4 {
        margin-left: 1.5rem!important
    }

    .m-xl-5 {
        margin: 3rem!important
    }

    .mt-xl-5,.my-xl-5 {
        margin-top: 3rem!important
    }

    .mr-xl-5,.mx-xl-5 {
        margin-right: 3rem!important
    }

    .mb-xl-5,.my-xl-5 {
        margin-bottom: 3rem!important
    }

    .ml-xl-5,.mx-xl-5 {
        margin-left: 3rem!important
    }

    .p-xl-0 {
        padding: 0!important
    }

    .pt-xl-0,.py-xl-0 {
        padding-top: 0!important
    }

    .pr-xl-0,.px-xl-0 {
        padding-right: 0!important
    }

    .pb-xl-0,.py-xl-0 {
        padding-bottom: 0!important
    }

    .pl-xl-0,.px-xl-0 {
        padding-left: 0!important
    }

    .p-xl-1 {
        padding: .25rem!important
    }

    .pt-xl-1,.py-xl-1 {
        padding-top: .25rem!important
    }

    .pr-xl-1,.px-xl-1 {
        padding-right: .25rem!important
    }

    .pb-xl-1,.py-xl-1 {
        padding-bottom: .25rem!important
    }

    .pl-xl-1,.px-xl-1 {
        padding-left: .25rem!important
    }

    .p-xl-2 {
        padding: .5rem!important
    }

    .pt-xl-2,.py-xl-2 {
        padding-top: .5rem!important
    }

    .pr-xl-2,.px-xl-2 {
        padding-right: .5rem!important
    }

    .pb-xl-2,.py-xl-2 {
        padding-bottom: .5rem!important
    }

    .pl-xl-2,.px-xl-2 {
        padding-left: .5rem!important
    }

    .p-xl-3 {
        padding: 1rem!important
    }

    .pt-xl-3,.py-xl-3 {
        padding-top: 1rem!important
    }

    .pr-xl-3,.px-xl-3 {
        padding-right: 1rem!important
    }

    .pb-xl-3,.py-xl-3 {
        padding-bottom: 1rem!important
    }

    .pl-xl-3,.px-xl-3 {
        padding-left: 1rem!important
    }

    .p-xl-4 {
        padding: 1.5rem!important
    }

    .pt-xl-4,.py-xl-4 {
        padding-top: 1.5rem!important
    }

    .pr-xl-4,.px-xl-4 {
        padding-right: 1.5rem!important
    }

    .pb-xl-4,.py-xl-4 {
        padding-bottom: 1.5rem!important
    }

    .pl-xl-4,.px-xl-4 {
        padding-left: 1.5rem!important
    }

    .p-xl-5 {
        padding: 3rem!important
    }

    .pt-xl-5,.py-xl-5 {
        padding-top: 3rem!important
    }

    .pr-xl-5,.px-xl-5 {
        padding-right: 3rem!important
    }

    .pb-xl-5,.py-xl-5 {
        padding-bottom: 3rem!important
    }

    .pl-xl-5,.px-xl-5 {
        padding-left: 3rem!important
    }

    .m-xl-auto {
        margin: auto!important
    }

    .mt-xl-auto,.my-xl-auto {
        margin-top: auto!important
    }

    .mr-xl-auto,.mx-xl-auto {
        margin-right: auto!important
    }

    .mb-xl-auto,.my-xl-auto {
        margin-bottom: auto!important
    }

    .ml-xl-auto,.mx-xl-auto {
        margin-left: auto!important
    }
}

.text-monospace {
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
}

.text-justify {
    text-align: justify!important
}

.text-nowrap {
    white-space: nowrap!important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left!important
}

.text-right {
    text-align: right!important
}

.text-center {
    text-align: center!important
}

@media (min-width: 576px) {
    .text-sm-left {
        text-align:left!important
    }

    .text-sm-right {
        text-align: right!important
    }

    .text-sm-center {
        text-align: center!important
    }
}

@media (min-width: 768px) {
    .text-md-left {
        text-align:left!important
    }

    .text-md-right {
        text-align: right!important
    }

    .text-md-center {
        text-align: center!important
    }
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align:left!important
    }

    .text-lg-right {
        text-align: right!important
    }

    .text-lg-center {
        text-align: center!important
    }
}

@media (min-width: 1200px) {
    .text-xl-left {
        text-align:left!important
    }

    .text-xl-right {
        text-align: right!important
    }

    .text-xl-center {
        text-align: center!important
    }
}

.text-lowercase {
    text-transform: lowercase!important
}

.text-uppercase {
    text-transform: uppercase!important
}

.text-capitalize {
    text-transform: capitalize!important
}

.font-weight-light {
    font-weight: 300!important
}

.font-weight-normal {
    font-weight: 400!important
}

.font-weight-bold {
    font-weight: 700!important
}

.font-italic {
    font-style: italic!important
}

.text-white {
    color: #fff!important
}

.text-primary {
    color: #007bff!important
}

a.text-primary:focus,a.text-primary:hover {
    color: #0062cc!important
}

.text-secondary {
    color: #6c757d!important
}

a.text-secondary:focus,a.text-secondary:hover {
    color: #545b62!important
}

.text-success {
    color: #28a745!important
}

a.text-success:focus,a.text-success:hover {
    color: #1e7e34!important
}

.text-info {
    color: #78a2ff!important;
}

a.text-info:focus,a.text-info:hover {
    color: #117a8b!important
}

.text-warning {
    color: #ffc107!important
}

a.text-warning:focus,a.text-warning:hover {
    color: #d39e00!important
}

.text-danger {
    color: #dc3545!important
}

a.text-danger:focus,a.text-danger:hover {
    color: #bd2130!important
}

.text-light {
    color: #f8f9fa!important
}

a.text-light:focus,a.text-light:hover {
    color: #dae0e5!important
}

.text-dark {
    color: #373c3d!important
}

a.text-dark:focus,a.text-dark:hover {
    color: #1f2122!important
}

.text-body {
    color: #232627!important
}

.text-muted {
    color: #6c757d!important
}

.text-black-50 {
    color: rgba(0,0,0,.5)!important
}

.text-white-50 {
    color: rgba(255,255,255,.5)!important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.visible {
    visibility: visible!important
}

.invisible {
    visibility: hidden!important
}

@media print {
    *,::after,::before {
        text-shadow: none!important;
        box-shadow: none!important
    }

    a:not(.btn) {
        text-decoration: underline
    }

    abbr[title]::after {
        content: " (" attr(title) ")"
    }

    pre {
        white-space: pre-wrap!important
    }

    blockquote,pre {
        border: 1px solid #adb5bd;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,tr {
        page-break-inside: avoid
    }

    h2,h3,p {
        orphans: 3;
        widows: 3
    }

    h2,h3 {
        page-break-after: avoid
    }

    @page {
        size: a3
    }

    body {
        min-width: 992px!important
    }

    .container {
        min-width: 992px!important
    }

    .navbar {
        display: none
    }

    .badge {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse!important
    }

    .table td,.table th {
        background-color: #fff!important
    }

    .table-bordered td,.table-bordered th {
        border: 1px solid #dee2e6!important
    }
}

@media (max-width: 992px) {
    .toper {
        flex-direction:column;
    }
}

@media (max-width: 992px) {
    .toper {
        max-height:640px;
    }
}

/* source: templates/cs27Reg/css/style_one.css */
.col-lg-2 li {
  list-style-type: none;
  line-height: 0px;
  margin-bottom: 3px;
}  

.sortition i {
    padding: 0px !important;
    border-radius: 50px;
    text-shadow: none !important;
    background: none !important;
    text-transform: uppercase;
}

.sortition .ending span::before {
    display: none;
}

.sortition .ending span::after {
    display: none;
}

.gift_lite_sortition {width: 93px;position: absolute;right: -30px;transition: 0.2s all;transform: skewX(11deg) rotate(5deg);}

.case_soderjimoe {
  margin-bottom: 20px;
  background: #4b4f59;
  padding: 16px;
  display: flex;
  gap: 15px;
  border-radius: 12px;
  align-items: center;
}

.case_soderjimoe i{
  font-size: 19px;
  color: #ffffff;
  background: #5e626d;
  display: flex;
  height: 40px;
  min-width: 40px;
  border-radius: 9px;
  width: 40px;
  align-items: center;
  justify-content: center;
}

.flex_case_soderjimoe {
  display: flex;
  flex-direction: column;
  line-height: 17px;
  font-weight: 600;
}

.text_case_a {
  font-size: 14px;
}

.text_case_b {
  font-size: 12px;
  color: #878a93;
}

#case-subjects {
  border-radius: 20px;
  backdrop-filter: blur(3px);
  background: linear-gradient(15deg, #3f4445 30%, #434751 100%);
  padding: 20px;
}

.label-info {
  color: #67c196;
}

.col-lg-2 ul{
  list-style-type: none;
  padding-inline-start: 0px;
  margin-top: 6px;
  margin-bottom: 0px;
}

.col-lg-3 li{
  list-style-type: none;
  line-height: 0px;
  margin-bottom: 3px;
}

.col-lg-3 ul{
  list-style-type: none;
  padding-inline-start: 0px;
  margin-top: 6px;
  margin-bottom: 0px;
}

.flex_online_users {
  border-radius: 15px;
  background: linear-gradient(1deg, #1a1c1c 30%, #232626 100%);
  padding: 17px;
  margin-bottom: 20px;
}

.flex_item_contact {
  display: flex;
  align-items: center;
}

.chat {
    width: 100%;
    padding: 15px !important;
    background: #fff0 !important;
    margin-bottom: 20px !important;
    border: solid 1px #3c4041;
}

.slider_menu {height: 125px;}

.left_btns {
  width: 70px;
  height: 116px;
  gap: 8px;
  padding: 8px;
  background: linear-gradient(49deg, #fc856626 30%, #ff768e47 100%);
  border-radius: 13px;
  display: flex;
  z-index: 1;
  position: relative;
  margin-right: 9px;
  float: left;
  flex-direction: column;
  justify-content: space-between;
}

.bans_btn_slider {
  height: 55px;
  border-radius: 11px;
  display: flex;
  background: radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%);
  color: #ffffff;
  font-size: 18px;
  text-shadow: #000000d4 1px 0 12px;
  transition: .2s all;
  align-items: center;
  justify-content: center;
}

.bans_btn_slider:hover {
  opacity: 0.6;
  text-shadow: #000000d4 1px 0 12px;
  color: #ffffff;
}

.muts_btn_slider {
  height: 55px;
  border-radius: 11px;
  color: #ffffff;
  background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%));
  display: flex;
  font-size: 18px;
  text-shadow: #000000d4 1px 0 12px;
  align-items: center;
  justify-content: center;
}

.muts_btn_slider:hover {
  opacity: 0.6;
  text-shadow: #000000d4 1px 0 12px;
  color: #ffffff;
}

.head_rside {
  width: 40%;
  padding: 15px;
  background: linear-gradient(15deg, #313435 30%, #353939 100%);
  border-radius: 20px;
  margin: 15px;
}

.news_block {
  height: 184px;
  display: flex;
  background: linear-gradient(1deg, #1a1c1c 30%, #1e2020 100%);
  gap: 20px;
  box-shadow: 0px 5px 10px #13151a4f;
  padding: 18px;
  border-radius: 18px;
  margin-bottom: 3px;
  align-items: center;
  justify-content: space-between;
}

.dropdown {
  display: inline-block;
  position: relative;
  font-size: 14px;
  color: #474747;
  height: 100%;
}
.dropdown .select {
    cursor: pointer;
    display: block;
}
.dropdown .select > i {
    font-size: 16px;
    color: #707387;
    cursor: pointer;
    transition: all .3s ease-in-out;
    float: right;
    line-height: 37px;
}

.dropdown.active .select > i {
    transform: rotate(-180deg)
}
.dropdown .dropdown-menu {
    position: absolute;
    background-color: #fff;
    width: 100%;
    left: 0;
    margin-top: 1px;
    box-shadow: 0 1px 2px rgb(204, 204, 204);
    border-radius: 0 1px 2px 2px;
    overflow: hidden;
    display: none;
    max-height: 144px;
    overflow-y: auto;
    z-index: 9
}
.dropdown .dropdown-menu li {
    padding: 10px;
    transition: all .2s ease-in-out;
    cursor: pointer
} 
.dropdown .dropdown-menu {
    padding: 0;
    list-style: none
}
.dropdown .dropdown-menu li:hover {
    background-color: #f2f2f2
}
.dropdown .dropdown-menu li:active {
    background-color: #e2e2e2
}

.number_online {
  color: #fff;
  font-weight: 600;
  font-size: 11px;
  margin-left: 9px;
}

.wrapper{
    width:100%;
    margin:0 auto;
}
.cTabs > div.active{
       font-size: 14px;
       text-decoration: none;
       width: 100% !important;
       height: 75px;
       gap: 13px;
       transition: 0.2s;
       overflow: hidden;
       padding: 0px 18px;
       border-radius: 12px;
       display: flex;
       margin-bottom: 8px;
       background: #222f49;
       cursor: pointer;
       color: #ffffff;
       font-weight: bold;
       align-items: center;
}

.cTabs > div.active .number_cTabs {
    font-size: 70px;
    position: relative;
    right: 0px;
    height: 100%;
    top: 15px;
    font-weight: 600;
    background: linear-gradient(to top, #2c3b57d6 0%, #26344ec4 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: sans-serif;
    line-height: 70px;
}

.cTabs > div.active .push_cTabs {
  color: #ffae4e;
  background: #ffae4e29;
  font-size: 10px;
  padding: 4px 8px;
  margin-left: 8px;
  margin-top: -3px;
  position: absolute;
  display: inline;
  border-radius: 5px;
}

.cTabs > div.active i{
       font-size: 20px;
    height: 40px;
    transition: 0.2s;
    border-radius: 10px;
    width: 40px;
    display: flex;
    background: #ffae4e40;
    cursor: pointer;
    color: #ffae4e;
    align-items: center;
    justify-content: center;
}

.cTabs > div.active .name_cTabs{
       font-size: 13.5px;
       color: #ffffff;
       transition: 0.2s;
}

.cTabs_block {
  display: flex;
  gap: 20px;
  margin-bottom: 30px;
}

.cTabs_left_block {
  background: #18233a;
  width: 70%;
  border-radius: 15px;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  justify-content: flex-end;
}

.twoname_cTabs {
  font-size: 10.9px;
  color: #6e7678;
}

.name_cTabs {
  font-size: 13.5px;
  color: #c5d9fe;
  transition: 0.2s;
}

.number_cTabs {
  font-size: 70px;
  position: relative;
  right: 0px;
  height: 100%;
  top: 15px;
  font-weight: 600;
  background: linear-gradient(to top, #26344e 0%, #26344ec4 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: sans-serif;
  line-height: 70px;
}

@media(min-width:768px){#muts .success > .row > div.with-icon {
    position: relative;
    padding-left: 46px;
}}

@media(min-width:768px){#muts .success > .row > div.with-icon > i {
    color: #59cc94;
    font-size: 15px;
    border-radius: 9px;
    background: #47bf8529;
    top: 9px;
    padding: 9px;
}}

@media(min-width:768px){#muts .success {
    box-shadow: none;
    margin: 0;
    border-bottom: 1px solid #f1f2f400;
    padding: 4px 27px;
    margin-bottom: 7px;
    transition: .2s all;
    border-radius: 11px;
    background: #9d6e7d38;
}}

@media(min-width:768px){#muts .success:hover {
      background: #9d6e7d5e;
      }}

@media(min-width:768px){#muts .success > .row > div > strong, #banlist .success > .row > div > p, #banlist .success > .row > div > span {
          display: inline-block;
          max-width: 110%;
          }}

 .table-adaptive .table-row > .row > div.with-icon > img {
    position: absolute;
    left: 1px;
    top: 10px;
}@media(min-width:768px){#muts .success > .row > div.with-icon > i{
    position: absolute;
    left: 1px;
    top: 10px;
}}

@media(min-width:768px){#muts .success .row {
    height: 50px;
    display: flex;
    flex-wrap: nowrap;
}}

@media(min-width:768px){#muts .success > .row > div.with-description > p {
    line-height: 22px;
    font-size: 12px;
    margin: 15px 0px 0;
    position: relative;
    top: -7px;
    border: none;
    background: #fff0;
    color: #ffff !important;
    font-weight: 600;
}}

@media(min-width:768px){#muts .success > .row > div {
    padding: 0 16px;
}}

@media(min-width:768px){#muts .success > .row > div.with-description > span {
    width: 100%;
    font-weight: 700;
    line-height: 20px;
    font-size: 10.5px;
    top: -13px;
    position: relative;
    color: #ad989f;
}}

.b_cTabs {
  display: flex;
    line-height: 17px;
    width: 240px;
    flex-direction: column;
}


@media(min-width:768px){#banlist .success > .row > div.with-icon {
    position: relative;
    padding-left: 46px;
}}

@media(min-width:768px){#banlist .success > .row > div.with-icon > i {
    color: #59cc94;
    font-size: 15px;
    border-radius: 9px;
    background: #47bf8529;
    top: 9px;
    padding: 9px;
}}

@media(min-width:768px){#banlist .success {
    box-shadow: none;
    margin: 0;
    border-bottom: 1px solid #f1f2f400;
    padding: 4px 27px;
    margin-bottom: 7px;
    transition: .2s all;
    border-radius: 11px;
    background: #9d6e7d38;
}}

@media(min-width:768px){#banlist .success:hover {
      background: #9d6e7d5e;
      }}

@media(min-width:768px){#banlist .success > .row > div > strong, #banlist .success > .row > div > p, #banlist .success > .row > div > span {
          display: inline-block;
          max-width: 110%;
          }}

 .table-adaptive .table-row > .row > div.with-icon > img {
    position: absolute;
    left: 1px;
    top: 10px;
}@media(min-width:768px){#banlist .success > .row > div.with-icon > i{
    position: absolute;
    left: 1px;
    top: 10px;
}}

@media(min-width:768px){#banlist .success .row {
    height: 50px;
    display: flex;
    flex-wrap: nowrap;
}}

@media(min-width:768px){#banlist .success > .row > div.with-description > p {
    line-height: 22px;
    font-size: 12px;
    margin: 15px 0px 0;
    position: relative;
    top: -7px;
    border: none;
    background: #fff0;
    color: #ffff !important;
    font-weight: 600;
}}

@media(min-width:768px){#banlist .success > .row > div {
    padding: 0 16px;
}}

@media(min-width:768px){#banlist .success > .row > div.with-description > span {
    width: 100%;
    font-weight: 700;
    line-height: 20px;
    font-size: 10.5px;
    top: -13px;
    position: relative;
    color: #ad989f;
}}

.success {
  -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    border-bottom: 1px solid #f1f2f400;
    padding: 4px 27px;
    margin-bottom: 7px;
    transition: .2s all;
    background: #18233a;
}

@media(min-width:768px){#banlist .danger > .row > div.with-icon {
    position: relative;
    padding-left: 46px;
}}

@media(min-width:768px){#banlist .danger > .row > div.with-icon > i {
    color: #59cc94;
    font-size: 15px;
    border-radius: 9px;
    background: #47bf8529;
    top: 9px;
    padding: 9px;
}}

@media(min-width:768px){#banlist .danger {
    box-shadow: none;
    margin: 0;
    border-bottom: 1px solid #f1f2f400;
    padding: 4px 27px;
    margin-bottom: 7px;
    transition: .2s all;
    border-radius: 11px;
    background: #9d6e7d38;
}}

@media(min-width:768px){#banlist .danger:hover {
      background: #9d6e7d5e;
      }}

@media(min-width:768px){#banlist .danger > .row > div > strong, #banlist .success > .row > div > p, #banlist .success > .row > div > span {
          display: inline-block;
          max-width: 110%;
          }}

 .table-adaptive .table-row > .row > div.with-icon > img {
    position: absolute;
    left: 1px;
    top: 10px;
}@media(min-width:768px){#banlist .danger > .row > div.with-icon > i{
    position: absolute;
    left: 1px;
    top: 10px;
}}

@media(min-width:768px){#banlist .danger .row {
    height: 50px;
    display: flex;
    flex-wrap: nowrap;
}}

@media(min-width:768px){#banlist .danger > .row > div.with-description > p {
    line-height: 22px;
    font-size: 12px;
    margin: 15px 0px 0;
    position: relative;
    top: -7px;
    border: none;
    background: #fff0;
    color: #ffff !important;
    font-weight: 600;
}}

@media(min-width:768px){#banlist .danger > .row > div {
    padding: 0 16px;
}}

@media(min-width:768px){#banlist .danger > .row > div.with-description > span {
    width: 100%;
    font-weight: 700;
    line-height: 20px;
    font-size: 10.5px;
    top: -13px;
    position: relative;
    color: #ad989f;
}}

#chat #chat_messages, #chat #messages {
    overflow-y: auto;
    width: calc(100% - 10px);
    height: 250px !important;
    margin-left: 7px;
}

@media(min-width:768px){#muts .danger > .row > div.with-icon {
    position: relative;
    padding-left: 46px;
}}

@media(min-width:768px){#muts .danger > .row > div.with-icon > i {
    color: #59cc94;
    font-size: 15px;
    border-radius: 9px;
    background: #47bf8529;
    top: 9px;
    padding: 9px;
}}

@media(min-width:768px){#muts .danger {
    box-shadow: none;
    margin: 0;
    border-bottom: 1px solid #f1f2f400;
    padding: 4px 27px;
    margin-bottom: 7px;
    transition: .2s all;
    border-radius: 11px;
    background: #9d6e7d38;
}}

@media(min-width:768px){#muts .danger:hover {
      background: #9d6e7d5e;
      }}

@media(min-width:768px){#muts .danger > .row > div > strong, #banlist .success > .row > div > p, #banlist .success > .row > div > span {
          display: inline-block;
          max-width: 110%;
          }}

 .table-adaptive .table-row > .row > div.with-icon > img {
    position: absolute;
    left: 1px;
    top: 10px;
}@media(min-width:768px){#muts .danger > .row > div.with-icon > i{
    position: absolute;
    left: 1px;
    top: 10px;
}}

@media(min-width:768px){#muts .danger .row {
    height: 50px;
    display: flex;
    flex-wrap: nowrap;
}}

@media(min-width:768px){#muts .danger > .row > div.with-description > p {
    line-height: 22px;
    font-size: 12px;
    margin: 15px 0px 0;
    position: relative;
    top: -7px;
    border: none;
    background: #fff0;
    color: #ffff !important;
    font-weight: 600;
}}

@media(min-width:768px){#muts .danger > .row > div {
    padding: 0 16px;
}}

@media(min-width:768px){#muts .danger > .row > div.with-description > span {
    width: 100%;
    font-weight: 700;
    line-height: 20px;
    font-size: 10.5px;
    top: -13px;
    position: relative;
    color: #ad989f;
}}

.block_select_servers {
  padding: 13px;
  border-radius: 50px;
  background: linear-gradient(1deg, #1a1c1c 30%, #1e2020 100%);
  margin-bottom: 20px;
}

.block_select_servers_blocked {
  padding: 13px 14px;
  border-radius: 14px;
  display: flex;
  background: linear-gradient(1deg, #1a1c1c 30%, #232626 100%);
  margin-bottom: 20px;
  justify-content: space-between;
}

#mutlist .success > .row > div.with-icon {
    position: relative;
    padding-left: 46px;
}

#mutlist .success > .row > div.with-icon > i {
    color: #59cc94;
    font-size: 15px;
    border-radius: 9px;
    background: #47bf8529;
    top: 9px;
    padding: 9px;
}

#mutlist .success {
    box-shadow: none;
    margin: 0;
    border-bottom: 1px solid #f1f2f400;
    padding: 4px 27px;
    margin-bottom: 7px;
    transition: .2s all;
    border-radius: 11px;
    background: #373c3d;
}

#mutlist .success:hover {
      background: #3c3c49;
      }

#mutlist .success > .row > div > strong{
          display: inline-block;
          max-width: 110%;
          }@media(min-width:768px){ #banlist .success > .row > div > p, #banlist .success > .row > div > span {
          display: inline-block;
          max-width: 110%;
          }}

#mutlist .success > .row > div.with-icon > i, .table-adaptive .table-row > .row > div.with-icon > img {
    position: absolute;
    left: 1px;
    top: 10px;
}

#mutlist .success .row {
    height: 50px;
    display: flex;
    flex-wrap: nowrap;
}

#mutlist .success > .row > div.with-description > p {
    line-height: 22px;
    font-size: 12px;
    margin: 15px 0px 0;
    position: relative;
    top: -7px;
    border: none;
    background: #fff0;
    color: #ffff !important;
    font-weight: 600;
}

#mutlist .success > .row > div {
    padding: 0 16px;
}

#mutlist .success > .row > div.with-description > span {
    width: 100%;
    font-weight: 700;
    line-height: 20px;
    font-size: 10.5px;
    top: -13px;
    position: relative;
    color: #767689;
}

.posetili {
  height: 254px;
  overflow: auto;
  padding-right: 5px;
}

.block_t_u {
  padding: 17px;
  border-radius: 17px;
  margin-bottom: 20px;
  background: linear-gradient(1deg, #1a1c1c 30%, #232626 100%);
  box-shadow: 0px 5px 10px #13151a4f;
}

.version_fixed {
  font-weight: 600;
  color: #746d70e0;
  position: fixed;
  bottom: 10px;
  font-size: 9px;
  left: 20px;
  z-index: 11;
}

.button_right_menu {
  width: 45px;
  padding-left: 5px;
  transition: 0.2s;
  background: linear-gradient(180deg, #4765a0 0%, rgb(64 92 147) 55%);
  color: #718fcb;
  border-radius: 50px 0px 0px 50px;
  overflow: hidden;
  margin-right: -8px;
  line-height: 0px;
  display: flex;
  font-size: 17px;
  height: 40px;
  align-items: center;
  justify-content: center;
}

.button_right_menu:hover {
  width: 45px;
    padding-left: 5px;
 background: linear-gradient(180deg, #4765a0 0%, rgb(64 92 147) 55%);
  transition: 0.2s;
  color: #ffffff;
  border-radius: 50px 0px 0px 50px;
  overflow: hidden;
  margin-right: -8px;
  line-height: 0px;
  display: flex;
  height: 40px;
  align-items: center;
  justify-content: center;
}

.button_right_menu1 {
 width: 45px;
 transition: 0.2s;
 padding-right: 2px;
 background: linear-gradient(180deg, #4765a0 0%, rgb(64 92 147) 55%);
 font-size: 17px;
 color: #718fcb;
 border-radius: 0px 50px 50px 0px;
 overflow: hidden;
 line-height: 0px;
 display: flex;
 height: 40px;
 align-items: center;
 justify-content: center;
}

.button_right_menu1:hover {
 width: 45px;
  padding-right: 2px;
background: linear-gradient(180deg, #4765a0 0%, rgb(64 92 147) 55%);
 transition: 0.2s;
 color: #ffffff;
 border-radius: 0px 50px 50px 0px;
 overflow: hidden;
 line-height: 0px;
 display: flex;
 height: 40px;
 align-items: center;
 justify-content: center;
}

.fire_top {
  width: 34px !important;
  background: #ff957329;
  border-radius: 8px;
  height: 34px;
  padding: 8px;
}

.block_servers {
    display: flex;
    border-radius: 20px;
    margin-bottom: 20px;
    background: linear-gradient(1deg, #1a1c1c 30%, #232626 100%);
    padding: 15px;
    flex-direction: column;
}

.online_servers_full span{
  color: #fff;
  font-weight: 600;
  font-size: 11.5px;
  display: flex;
  align-items: center;
}

.button_sortion .bx-crown{
  display: flex;
  padding-left: 1px;
  background: linear-gradient(34deg, #15c8f6 0%, rgb(71 166 255) 55%);
  height: 36px;
  font-size: 16px;
  width: 36px;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
}

.button_sortion .bx-trophy{
  display: flex;
  padding-left: 1px;
  background: linear-gradient(34deg, #ae6244 0%, #e59474 55%);
  height: 36px;
  font-size: 16px;
  width: 36px;
  color: #fff;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
}

.menuq {
  background: #212d4700;
  width: 100px;
  display: flex;
  height: auto;
  transition: 0.2s;
  gap: 9px;
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
}

.news_admin {
  display: flex;
  flex-direction: column;
  gap: 5px;
  justify-content: space-between;
}

.news_info {
  display: flex;
  width: 180px;
  background: linear-gradient(1deg, #323637 30%, #303334 100%);
  padding: 14px;
  border-radius: 15px;
  height: 100%;
  flex-direction: column;
}

.text_info_news i{
  color: #ffffff;
  font-size: 13px;
  font-weight: 100;
  background: linear-gradient(34deg, #c85353 0%, rgb(255 105 105) 55%);
  width: 25px;
  height: 25px;
  display: flex;
  border-radius: 7px;
  align-items: center;
  justify-content: center;
}


.menu_top_push_active {
  display: flex;
  font-weight: 600;
  transition: 0.2s;
  background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #656d6e 0, #404546 100%));
  text-shadow: #00000096 1px 0 10px;
  cursor: pointer;
  align-items: center;
  margin-right: 5px;
  height: 40px;
  width: 40px;
  border-radius: 50px;
  justify-content: center;
}

.menu_top_push_active:hover {
  opacity: 0.7;
}

.menu_top_push_active i{
	color: #9f969a;
	font-size: 16px;
	transition: 0.2s;
}

.menu_top_left {
  display: flex;
  position: relative;
}

.menu_top_left1 {
  display: flex;
  position: relative;
  margin-left: -3px;
  top: -1px;
}

.menu_top_rigth {
  display: flex;
  gap: 6px;
}

.search_user {
    background: #20294700;
    font-size: 10.8px;
    color: #8b8186;
    padding: 6px 25px 6px 8px;
    border: solid 1px #373b3c;
    cursor: pointer;
    float: left;
    position: relative;
    display: flex;
    margin-left: 5px;
    top: 16px;
    transition: 0.2s;
    height: 45px;
    font-weight: 600;
    border-radius: 50px;
    align-items: center;
}

.search_user:hover {
    background: #373b3c;
    border: solid 1px #373b3c;
    color: #ffffff;
}

.search_user:hover .svg_sdg{
  font-size: 13px;
  width: 31px;
  background: #434351;
  transition: 0.2s;
  height: 31px;
  display: flex;
  fill: #74748c;
  margin-right: 10px;
  border-radius: 50px;
  align-items: center;
  justify-content: center;
}

.two_top_menu {
    border-radius: 505px;
    padding: 9px 11px 9px 11px;
    box-shadow: 0px 10px 10px #00000012;
    display: flex;
    background: linear-gradient(0deg, #2d3132 30%, #353939 100%);
    margin-bottom: 20px;
    position: relative;
    border: solid 1px #353939;
    margin-top: -28px;
    justify-content: space-between;
    align-items: center;
}

.button_plus_purse {
  transition: 0.2s;
  display: flex;
  padding: 0px 19px;
  background: radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%);
  text-shadow: #000000a1 1px 0 10px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 10.5px;
  color: #ffffff;
  height: 34px;
  align-items: center;
  justify-content: center;
}

.button_plus_purse:hover {
  transition: 0.2s;
  opacity: 0.7;
}

.version i {
	width: 35px;
	height: 35px;
	border-radius: 10px;
	padding-right: 1px;
	display: flex;
	background: linear-gradient(237deg, #ffb875 0%, rgb(218 151 95) 55%);
	color: #fff;
	margin-right: 10px;
	font-size: 16px;
	align-items: center;
	justify-content: center;
}

.bottom_water_info {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.left_bottom_logo {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

.bottom_info {
    background: #2d303a00;
    height: 100px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo_button {
	width: 190px;
	height: 100%;
	transition: 0.2s;
	margin-right: 5px;
	cursor: pointer;
	border-radius: 10px;
}

.logo_button:hover {
	opacity: 0.7;
}

.shield_bottom {
  color: #746d70;
}

.bottom_info_left {
  display: flex;
  flex-direction: column;
  font-size: 11.5px;
  font-weight: 600;
}

.t1 {
	color: #6b7476 !important;
	font-size: 10.5px;
	margin-top: -23px;
}

.flip-tr {
  background: #2a2e2f;
  padding: 10px 20px;
  display: flex;
  gap: 16px;
  border-radius: 11px;
  margin-bottom: 7px;
  align-items: center;
}

.flip-tr i{
    color: #a5b2c4;
    font-size: 20px;
}

.h1-tr {
  color: #a5b2c4;
  font-size: 11px;
  font-weight: 600;
}

.h2-tr {
  font-size: 12px;
  font-weight: 600;
}

.edit-user-tag {
  font-size: 11px;
  display: block;
  margin-bottom: 3px;
  color: #7a8385;
}

#copyright {display: none;}

.img_navigation {
	width: 38px;
	height: 38px;
	transition: .3s all;
	border-radius: 50px;
}

.img_navigation:hover {
	opacity: 0.7;
    transition: .1s all;
}

.div_edit_user {
  padding: 20px;
  border-radius: 16px;
  background: linear-gradient(1deg, #1a1c1c 30%, #1e2020 100%);
  box-shadow: 0px 5px 10px #13151a4f;
  gap: 20px;
  margin-bottom: 15px;
  display: flex;
}

.ring-container {
    position: relative;
    left: 50px;
    top: -125px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.password_setting {
  border: none;
  padding: 14px;
  background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%));
  margin-top: 21px;
  text-shadow: #00000082 1px 0 10px;
  color: #ffffff;
  transition: .2s all;
  font-weight: 600;
  width: 100%;
  border-radius: 10px;
}

.password_setting:hover {
	opacity: 0.7;
}

.black_list_h1 {
  font-weight: 600;
  font-size: 17px;
}

.black_list_h2 {
  color: #857c7f;
  font-weight: 600;
  font-size: 12px;
  line-height: 13px;
}

.player_servers {
  height: 328px;
  overflow: auto;
  padding-right: 7px;
}

.banlist {
  display: flex;
  flex-wrap: nowrap;
}

.toper_mini_block {
   height: 135px;
   margin-bottom: 5px;
   width: 100%;
   display: flex;
   padding-bottom: 6px;
   gap: 11px;
   border-radius: 15px;
}

  .topic-answers div[id^="answer"] {
    position: relative;
    background: linear-gradient(1deg, #1a1c1c 30%, #1e2020 100%);
    display: flex;
    box-shadow: 0px 5px 10px #13151a4f;
    border-radius: 20px;
    margin-bottom: 35px;
    }

.block_mini_profile {
  border-radius: 17px;
  padding: 15px 16px;
  margin-bottom: 30px;
  background: linear-gradient(1deg, #2e3132 30%, #333738 100%);
  position: relative;
}

.block_authorization {
  border-radius: 16px;
  display: flex;
  flex-wrap: nowrap;
  background: linear-gradient(247deg, #1e2a42 0%, #18233a 20%);
}

.authorization_img {
  background: #212e49;
  width: 80%;
  border-radius: 16px 0px 0px 16px;
}

.authorization_plaza {
  display: flex;
  width: 100%;
  margin: 24px;
  justify-content: center;
}

.chat_block {
  display: flex;
  flex-direction: row;
  box-shadow: 0px 5px 10px #13151a4f;
  padding: 17px;
  background: linear-gradient(1deg, #1a1c1c 30%, #1e2020 100%);
  padding-bottom: 0px;
  border-radius: 20px;
  margin-bottom: 30px;
}

.users_online_chat {
  width: 100%;
  padding: 0px;
  gap: 9px;
  display: flex;
  flex-direction: column;
}

.btn_heading i{
  height: 45px;
  border: none;
  width: 45px;
  transition: 0.2s;
  margin-right: 6px;
  background: #2d3d62;
  font-weight: 600;
  color: #ffffff;
  font-size: 11px;
  border-radius: 13px;
}

.btn_heading {
  height: 45px;
  border: none;
  width: 45px;
  cursor: pointer;
  transition: 0.2s;
  background: #2a2e2f;
  color: #a1aec6;
  font-weight: 600;
  font-size: 20px;
  border-radius: 13px;
}

.btn_heading:hover {
  height: 45px;
  border: none;
  width: 45px;
  transition: 0.2s;
  background: #414647;
  font-weight: 600;
  color: #ffffff;
  font-size: 20px;
  border-radius: 13px;
}

.btn_heading_rules {
  height: 38px;
  border: none;
  cursor: pointer;
  display: flex;
  transition: 0.2s;
  padding: 0px 23px;
  background: #4d5355;
  font-weight: 600;
  color: #b1a5a9;
  font-size: 11.5px;
  border-radius: 9px;
  align-items: center;
  justify-content: center;
}

.btn_heading_rules:hover {
  background: #575e5f;
  color: #ffffff;
}

.btn_heading_full {
  height: 45px;
  border: none;
  cursor: pointer;
  display: flex;
  transition: 0.2s;
  padding: 0px 23px;
  background: #313536;
  font-weight: 600;
  color: #8b8184;
  font-size: 11.5px;
  border-radius: 10px;
  align-items: center;
  justify-content: center;
}

.btn_heading_full:hover {
  background: #4b5152;
  color: #ffffff;
}

.btn_admin_stn {
  height: 45px;
  border: none;
  cursor: pointer;
  display: flex;
  width: 45px;
  transition: 0.2s;
  padding: 0px 23px;
  background: #393e3f;
  font-weight: 600;
  color: #958b8f;
  font-size: 19px;
  border-radius: 11px;
  align-items: center;
  justify-content: center;
}

.btn_admin_stn:hover {
  background: #464b4c;
  color: #ffffff;
}

 .news_view_osn {
  font-size: 10.5px;
  display: flex;
  font-weight: 600;
  padding: 5px 14px;
  text-align: center;
  float: right;
  position: relative;
  top: -7px;
  line-height: 24px;
  margin-right: -7px;
  color: #7a8385;
  align-items: center;
} 

.news-block-info {
    padding: 0px;
    bottom: 15px;
    position: absolute;
    background: #fff0;
    width: -webkit-fill-available;
    margin-bottom: 30px;
    border-radius: 0px;
}

.news-block-imgg {
	padding: 13px;
	width: 100%;
	height: 270px;
	background: #fff0;
	display: flex;
	border-radius: 15px;
	justify-content: space-between;
	align-items: flex-start;
	flex-direction: column;
}

.news-block-imgg span {
  display: flex;
  position: relative;
  letter-spacing: 1px;
  backdrop-filter: blur(8px);
  gap: 10px;
  padding: 6px 16px 6px 7px;
  background: #00000047;
  align-items: center;
  font-size: 10px;
  color: rgb(255 255 255);
  font-weight: 600;
  border-radius: 50px;
}

.news-block-imgg span i{
    border-radius: 50%;
    font-size: 13px;
    color: rgb(255 255 255);
    display: flex;
    padding-left: 1px;
    width: 26px;
    background: #00000030;
    height: 26px;
    align-items: center;
    justify-content: center;
}

.news_delete {
  	background: #00000029;
  	color: #ffffff;
  	font-size: 11px;
  	text-align: center;
  	line-height: 40px;
  	border: none;
  	height: 39px;
  	margin-left: 6px;
  	width: 39px;
  	position: relative;
  	float: right;
  	transition: .2s all;
  	border-radius: 10px;
}

.news_delete:hover {
    background: #00000045;
	color: #ffffff;
  	font-size: 11px;
  	text-align: center;
  	line-height: 40px;
  	height: 39px;
  	margin-left: 6px;
  	width: 39px;
  	position: relative;
  	float: right;
  	transition: .2s all;
  	border-radius: 10px;
	
}

.punkt_news {
    font-size: 11px;
    font-weight: 600;
    background: #272f428f;
    padding: 13px;
    line-height: 13px;
    height: 49px;
    display: block;
    margin-top: 5px;
    border-radius: 10px;
}

.punkt_news i {
    height: 30px;
    color: #fff;
    background: linear-gradient(180deg, #3473ff 0%, rgb(80 134 255) 55%);
    border-radius: 9px;
    position: relative;
    line-height: 31px;
    text-align: center;
    top: -3px;
    width: 30px;
    font-size: 13px;
    float: left;
    margin-right: 10px;
}

.news_delete:active {
   background: #00000045;
   color: #ffffff;
  	font-size: 11px;
  	text-align: center;
  	line-height: 40px;
  	height: 39px;
  	margin-left: 6px;
  	width: 39px;
  	position: relative;
  	float: right;
  	transition: .2s all;
  	border-radius: 10px;
   -webkit-transform: scale(0.9);
   -ms-transform: scale(0.9);
   transform: scale(0.9);
}

.news-data {
	padding: 10px 0px;
	margin-top: 20px;
	font-size: 11px;
	margin-bottom: 30px;
	font-weight: 600;
	border-radius: 0px;
	border-bottom: solid 1px #383e4e9c;
	background: #fff0;
	border-top: solid 1px #383e4e9c;
}

.bottom_buttons {
  display: flex;
  align-items: center;
}

.block_message {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    gap: 10px;
}

#companions {
	width: 30%;
	box-shadow: 0px 5px 10px #13151a4f;
	border-radius: 20px;
	gap: 8px;
	background: linear-gradient(1deg, #1a1c1c 30%, #1e2020 100%);
	overflow: auto;
	max-height: 477px;
	display: flex;
	padding: 20px;
	flex-direction: column;
}

#companions::-webkit-scrollbar{
    display: none;
}

.block_auth_push {
	display: flex;
	margin-left: auto;
	align-items: center;
	gap: 10px;
	margin-right: auto;
	flex-direction: column;
}

.vaucher_activated {
      border: dashed 1px #5086ff;
      background: #5086ff1a;
      height: 70px;
      padding: 24px 16px;
      border-radius: 15px;
      font-size: 12px;
      display: flex;
      cursor: pointer;
      transition: .2s all;
      font-weight: 600;
      margin-bottom: 15px;
      align-items: center;
      justify-content: center;
}

.vaucher_activated:hover {
      border: dashed 1px #5086ff;
      background: #5086ff30;
      height: 70px;
      padding: 24px 16px;
      border-radius: 15px;
      font-size: 12px;
      transition: .2s all;
      display: flex;
      font-weight: 600;
      margin-bottom: 15px;
      align-items: center;
      justify-content: center;
}

.vaucher_activated:active {
      border: dashed 1px #5086ff;
      background: #5086ff30;
      height: 70px;
      padding: 24px 16px;
      border-radius: 15px;
      font-size: 12px;
      transition: .2s all;
      display: flex;
      font-weight: 600;
      margin-bottom: 15px;
		-webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    transition: .15s all;
      align-items: center;
      justify-content: center;
}

.nav_bottom_soc {
  background: #ffffff00;
  gap: 13px;
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
}

.span_number {
    border-radius: 50px;
    font-weight: 600;
    font-size: 17px;
    color: #fff;
    box-shadow: 0px 0px 20px #66878200;
    max-width: fit-content;
    transition: .2s all;
    display: flex;
}

.name_stats {
  font-size: 11px;
  color: #a39ea0;
}

.span_number small{
    font-weight: 600;
    font-size: 9px;
    padding: 0px 7px;
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%));
    text-shadow: #000000e0 1px 0 7px;
    border-radius: 50px;
    margin-left: 6px;
    position: relative;
    display: flex;
    height: 16px;
    box-shadow: 0px 0px 30px #ff807594;
    color: #fff;
    align-items: center;
    justify-content: center;
}


.span_text {
    font-weight: 600;
    font-size: 9.5px;
    transition: .2s all;
    letter-spacing: 1px;
    font-family: inherit;
    position: relative;
    color: #6a7375;
}

.razrabotal {
    float: right;
    font-size: 10.8px;
    line-height: 17px;
    margin-right: 2px;
    top: 4px;
    position: relative;
}

.stats_mini_block {
  display: flex;
  height: 60px;
  width: 96%;
  padding: 0px 12px;
  background: #595155;
  transition: .2s all;
  border-radius: 50px;
  cursor: pointer;
  margin-left: 10px;
  align-items: center;
  justify-content: space-between;
}

.stats_mini_block:hover {
    opacity: 0.8;
}

.online5 {
   position: relative;
   width: 15px;
   height: 15px;
   display: flex;
   margin-right: 10px;
   align-items: center;
   justify-content: center;
}

.online5::before,
.online5::after {
   border: 2px solid #5086ff21;
   border-radius: 50%;
   position: absolute;
   content: '';
   display: block;
}

.online5::before {
   width: 6px;
   height: 6px;
   border-bottom-color: #5086ff;
   border-left-color: #5086ff;
   animation: spinner-1o3y8q 0.75s infinite linear reverse;
}

.online5::after {
   animation: spinner-1o3y8q 1.5s infinite linear;
   height: 14px;
   width: 14px;
   border-right-color: #5086ff;
   border-top-color: #5086ff;
}

.top_mecenat {
    padding: 16px 20px;
    font-weight: 600;
    background: #272f428f;
    margin: -4px 0px 10px;
    padding-left: 78px;
    font-size: 11.5px;
    border-radius: 11px;
}

.bottom_inf {
    display: flex;
    align-items: center;
}

.info_button {
	line-height: 0px;
	font-weight: 600;
	margin-left: 15px;
	position: relative;
	top: 2px;
	font-size: 11px;
}

.h2_button {
    font-weight: 600;
    font-size: 10.5px;
    right: 1px;
    position: relative;
    line-height: 16px;
    color: #7a8385;
    top: -3px;
}

.author {
	color: #ffffff;
	font-size: 11.4px !important;
	transition: .2s all;
}

.logo {
	width: 190px;
	float: left;
	height: 100%;
	position: relative;
	top: 20px;
	margin-left: 2px;
	cursor: pointer;
	border-radius: 10px;
	transition: .20s all;
}

.logo:hover {
	opacity: 0.7;
	-webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    transition: .20s all;
}

.author:hover {
	color: #ffffff;
}

.navigation_head {
    border-radius: 13px 13px 0px 0px;
    transition: .2s all;
    background: linear-gradient(1deg, #3e4344 30%, #4f5556 100%);
    box-shadow: 0px 5px 10px #3d405329;
    height: 56px;
    padding: 11px 18px;
    padding-left: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.notification_collapse {
    padding: 0px;
    width: 70% !important;
    margin-bottom: 0px;
    background: #fff0;
    line-height: 17px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.notification_all_uved {
    color: #a1a8aa;
    font-weight: 600;
    text-align: center;
    font-size: 11px !important;
    margin-top: 20px;
    cursor: pointer;
    margin-bottom: -8px;
    position: relative;
    padding: 11px 20px;
    border: solid 1px #494e4f;
    border-radius: 10px;
    transition: .2s all;
}

.notification_all_uved:hover {
      border: solid 1px #4d5354;
      color: #ffffff;
      background: #4d5354;
}

.notification_delete_all {
    color: #abb1b2;
    font-weight: 600;
    font-size: 17px !important;
    width: auto !important;
    border: none;
    background: none;
    transition: .2s all;
}

.notification_delete_all:hover {
    color: #ffffff;
}

.discord_contact {
    background: #5865f2;
    width: 34px;
    display: block;
    float: left;
    position: relative;
    top: -2px;
    font-size: 16px;
    line-height: 37px;
    height: 34px;
    text-align: center;
    border-radius: 10px;
}

.vk_contact {
  font-size: 18px;
  width: 42px;
  transition: 0.2s;
  display: flex;
  color: #a1a8aa;
  background: #3d4142;
  height: 42px;
  border-radius: 11px;
  align-items: center;
  justify-content: center;
}

.vk_contact:hover {
  background: #0076ff;
  color: #ffff;
}

.tg_contact {
  font-size: 18px;
  width: 42px;
  transition: 0.2s;
  display: flex;
  color: #a1a8aa;
  background: #3d4142;
  height: 42px;
  border-radius: 11px;
  align-items: center;
  justify-content: center;
}

.tg_contact:hover {
  background: #3390ec;
  color: #ffff;
}

.steam_contact {
  font-size: 18px;
  width: 42px;
  display: flex;
  background: #3d4142;
  height: 42px;
  border-radius: 11px;
  color: #a1a8aa;
  transition: 0.2s;
  align-items: center;
  justify-content: center;
}

.steam_contact:hover {
  background: #646c6e;
  color: #ffff;
}


.info_notification {
    color: white;
    font-weight: 600;
    text-align: center;
    height: 35px;
    margin-top: -4px;
    position: relative;
    left: 4px;
    padding: 0px 20px;
    float: right;
    line-height: 30px;
    border-radius: 8px;
    border: 1.5px solid #404547;
    background: #404547;
    transition: .2s all;
}

.info_notification:hover {
    color: white;
    font-weight: 600;
    text-align: center;
    height: 35px;
    margin-top: -4px;
    position: relative;
    left: 4px;
    padding: 0px 20px;
    float: right;
    line-height: 30px;
    border-radius: 8px;
    border: 1.5px solid #3d4142;
    background: #3d4142;
    transition: .2s all;
}

.info_notification:active {
    color: white;
    font-weight: 600;
    text-align: center;
    height: 31px;
    margin-top: -4px;
    position: relative;
    left: 4px;
    padding: 0px 20px;
    float: right;
    line-height: 30px;
    border-radius: 8px;
    border: 1.5px solid #3d4142;
    background: #3d4142;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    transition: .15s all;
}

.notification_img {
	border-radius: 9px;
	padding: 9px;
	background: linear-gradient(41deg, rgb(39 47 66) 0%, rgb(49 58 80) 55%);
	margin-top: 3px;
	margin-bottom: 30px;
	margin-right: 15px;
	width: 35px;
	float: left;
	height: 35px;
	margin-left: -10px;
	color: #fff;
}

.block_nick_group {
	text-align: left;
	margin-left: 35px;
	width: 125px;
	top: 2px;
	position: relative;
	height: 10px;
}

.slick-active {
      /* margin-top: 8px; */
      width: 6px;
      /* padding: 0px; */
      position: relative;
      border-radius: 50px;
}

.slick-dots {
    color: #ffffff3d;
    font-size: 18px;
    position: absolute;
    left: 78px;
    bottom: -8px;
    transform: rotate(270deg);
    width: 0px;
    margin-bottom: -75px;
}

#slick-slide-control00 {
  display:none;
}

#slick-slide-control01 {
  display:none;
}

#slick-slide-control02 {
  display:none;
}

#slick-slide-control03 {
  display:none;
}


.balance_block {
	padding: 0px;
	display: flex;
	justify-content: space-between;
}

.balance_mini_profile {
  background: #333738;
  padding: 8px 9px;
  border-radius: 12px;
  transition: .2s all;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.info_navigation {
	padding-left: 10px;
	display: flex;
	flex-direction: column;
	line-height: 16px;
	position: relative;
	align-items: flex-start;
}

.info_navigation .bx-ruble {
	color: #ffffff;
	font-weight: 500;
	background: linear-gradient(180deg, #3473ff 0%, rgb(80 134 255) 55%);
	font-size: 10px;
	padding: 3px 3px 3px 4px;
	border-radius: 5px;
	top: 1px;
	position: relative;
}

.navigation_profile {
	border-radius: 20px;
	transition: .2s all;
	background: linear-gradient(1deg, #1a1c1c 30%, #232626 100%);
	gap: 11px;
	padding: 17px;
	box-shadow: 0px 5px 10px #13151a4f;
	display: flex;
	margin-bottom: 20px;
	flex-direction: column;
}

.navigation_profile .bxs-door-open{
	transition: all 0.2s;
	width: 29px;
	background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #889193 0, #4b5152 100%));
	font-size: 15px;
	color: #b5a6ab;
	height: 29px;
	cursor: pointer;
	display: flex;
	position: relative;
	border-radius: 50px;
	justify-content: center;
	align-items: center;
}

.navigation_profile .bxs-door-open:hover{
	opacity: 0.7;
}

.topusers-block {
    padding: 0px;
    background: #fff0;
    margin-bottom: 0px;
    margin-top: 0px;
    display: flex;
    box-shadow: 0px 5px 10px #13151a00;
    justify-content: space-between;
}

.topdonators-block {
 	 width: 48.3%;
 	 height: 65px;
 	 display: flex;
 	 background: #292c2d;
 	 padding: 24px 16px;
 	 border-radius: 12px;
 	 margin-bottom: 30px;
}

.topuserss-block {
	width: 48.2%;
	height: 65px;
	display: flex;
	padding: 24px 16px;
	margin-bottom: 30px;
	background: #292c2d;
	border-radius: 12px;
}

.userstext-block {
	font-size: 11px;
	font-weight: 900;
	line-height: 15px;
	width: 95px;
	padding-top: 5px;
	height: 40px;
	background: #ff4d4d00;
	margin-left: 20px;
	border-right: solid 1px #353a3b;
	position: relative;
	display: block;
	top: -11px;
}

.fa-message-lines:before {
    content: "\f4a6";
    color: #3330;
    transition: 0.2s;
    font-size: 15.5px;
    background: #323637;
    padding: 11.5px;
    height: 38px;
    cursor: pointer;
    top: 6px;
    border-radius: 10px;
    margin-right: -20px;
    margin-left: 5px;
    position: relative;
    font-weight: 500;
}

.servers-block {
 	display: flex;
 	box-shadow: 0px 5px 10px #13151a00;
 	background: #fff0;
 	justify-content: space-between;
}

.servers-online-block {
    opacity: 1;
    transition: .2s all;
    height: 57px;
    display: flex;
    width: 57px;
    min-width: 57px;
    margin-left: -4px;
    margin-right: 5px;
    border-radius: 50px;
    box-shadow: 0px 5px 10px #13151a0a;
    border: solid 4px #545966;
    margin-bottom: 0px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.servers-online-block:hover {
    opacity: 1;
    transition: .2s all;
    height: 57px;
    display: flex;
    width: 57px;
    margin-left: -4px;
    margin-right: 5px;
    border-radius: 50px;
    box-shadow: 0px 5px 10px #13151a0a;
    border: solid 4px #676c7a;
    margin-bottom: 0px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#servers {
    position: relative;
    gap: 7px;
    display: flex;
    width: 100%;
    flex-direction: column;
}

.servers-info-block {
    display: flex;
    height: 90px;
    position: relative;
    overflow: hidden;
    padding: 45px 10px 45px 15px;
    border-radius: 16px;
    border: solid 1px #484d4e;
    background-size: cover !important;
    align-items: center;
}

.servers-info-block .bx-cog {
     font-size: 12px;
     position: absolute;
     display: flex;
     top: 7px;
     left: 7px;
     transition: 0.2s;
     color: #8b8188;
     border-radius: 50px;
     align-items: center;
     justify-content: center;
}

.servers-info-block .bx-cog:hover {
     color: #ffffff;
  }

.servers-info-block .bx-heart:active{
	width: 24px;
	height: 24px;
	padding-right: 1px;
	display: flex;
	background: #ff6b7c;
	cursor: pointer;
	color: #ffffff;
	border: solid 1px #ff6b7c;
	transition: 0.2s;
	font-size: 12px;
	padding-left: 2px;
	border-radius: 7px;
	justify-content: center;
	align-items: center;
}

.servers-online-now {
	color: #fff;
	font-weight: 600;
	text-align: center;
	display: flex;
	height: 45px;
	width: 45px;
	z-index: 1;
	transition: .2s all;
	position: relative;
	font-size: 15px;
	border-radius: 50px;
	justify-content: center;
	align-items: center;
}

.servers-info-span {
    font-size: 11.5px;
    line-height: 20px;
    text-overflow: ellipsis;
    display: flex;
    z-index: 1;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    justify-content: space-between;
    align-items: center;
}

.pursee-button {
    padding: 9px;
    background: linear-gradient(180deg, #545b5c 30%, #454b4c 100%);
    top: 4px;
    position: relative;
    float: right;
    margin-left: auto;
}

.pursee-button:hover {
	opacity: 0.7;
}

.right-sidebar {
    width: 330px;
    top: 0;
    bottom: 0;
    margin-top: 20px;
    border-radius: 13px;
    margin-bottom: 20px;
    margin-left: 30px;
    z-index: 900;
    background-color: #ffffff;
    position: fixed;
}

.block-aut  {padding: 10px;display: flex;width: 34.4%;background: #292c2d;border-radius: 13px;position: relative;margin-right: auto;top: 230px;margin-left: auto;flex-direction: column;flex-wrap: nowrap;}

.img-setting {
width: 100px;
    border-radius: 15px;
}

.modal-bans  {
	padding: 0px;
    display: flex;
    margin-left: -14px;
    margin-bottom: 0px;
    background: #21253100;
    margin-right: -14px;
}

.login_account_btn  {
	width: 100%;
	border: none;
	border-radius: 10px;
	text-shadow: #00000085 1px 0 10px;
	background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%));
	padding: 14px;
	cursor: pointer;
	font-size: 11.5px;
	color: #ffffff;
	transition: .2s all;
	display: flex;
	font-weight: 600;
	justify-content: center;
	align-items: center;
}

.login_account_btn:hover  {
opacity: 0.7;
}

.authoriz {
	border: none;
	background: #25324d;
	border-radius: 9px;
	margin-top: 8px;
	margin-right: 8px;
	display: flex;
	padding: 11px 20px 11px 16px;
	color: #6e7678;
	transition: .2s all;
	font-weight: 600;
	justify-content: space-between;
	align-items: center;
}

.authoriz:hover {
	border: none;
	background: #2a3855;
	border-radius: 9px;
	margin-top: 8px;
	margin-right: 8px;
	display: flex;
	padding: 11px 20px 11px 16px;
	color: #ffffff;
	transition: .2s all;
	font-weight: 600;
	justify-content: space-between;
	align-items: center;
}

.authoriz i {
	font-size: 17px;
	margin-right: 6px;
}

.zareg {
    border: none;
    background: linear-gradient(34deg, #3473ff 0%, rgb(80 134 255) 55%);
    border-radius: 9px;
    margin-top: 8px;
    margin-right: 1px;
    display: flex;
    padding: 11px 20px;
    color: #ffff;
    transition: .2s all;
    font-weight: 600;
    justify-content: space-between;
    align-items: center;
}

.zareg i{
   font-size: 17px;
   margin-right: 6px;
}

.zareg:hover {
   border: none;
	opacity: 0.7;
    background: linear-gradient(34deg, #3473ff 0%, rgb(80 134 255) 55%);
    border-radius: 9px;
    margin-top: 8px;
    margin-right: 1px;
    display: flex;
    padding: 11px 20px;
    color: #ffff;
    transition: .2s all;
    font-weight: 600;
    justify-content: space-between;
    align-items: center;
}

.autorization  {
	background: #272a2b;
	padding: 12px 30px;
	border-radius: 8px;
	margin-right: 7px;
}

.registrationn  {
	background: #272a2b;
    padding: 12px 30px;
    border-radius: 8px;
}

#exTab1 .tab-content {
  color : white;
  background-color: #428bca00;
  margin-top: -20px;
}

#exTab2 h3 {
  color : white;
  background-color: #428bca;
  padding : 5px 15px;
}

#exTab1 .nav-pills > li > a {
  border-radius: 0;
  margin-right: 10px;
  background: #3a3f40;
  border-radius: 8px;
  color: #fff;
  top: -52px;
  position: relative;
  display: flex;
  padding: 12px 30px;
}

#exTab1 .nav-pills > li > a:hover {
  border-radius: 0;
  margin-right: 10px;
  background: #43494a;
  border-radius: 8px;
  color: #fff;
	display: flex;
  top: -52px;
  position: relative;
  padding: 12px 30px;
}

#exTab3 .nav-pills > li > a {
  border-radius: 4px 4px 0 0 ;
}

#exTab3 .tab-content {
  color : white;
  background-color: #428bca;
  padding : 5px 15px;
}

.but-bonus {
    padding: 16px;
    display: flex;
    background: linear-gradient(15deg, #2b2f30 30%, #303334 100%);
    border-radius: 14px;
    font-size: 10px;
    line-height: 15px;
    font-weight: 600;
    align-items: center;
}

.but-bonus i{background: linear-gradient(34deg, #c54242 0%, #ff5858 55%);height: 40px;min-width: 40px;border-radius: 11px;font-size: 18px;display: flex;margin-right: 11px;align-items: center;justify-content: center;}

.bottom-text {
    color: #7a8091;
    font-size: 11px;
}

.footer-osn {
    background: #292c2d;
    padding: 10px;
    padding-left: 30px;
    line-height: 20px;
    margin-top: 10px;
    padding-right: 30px;
    display: flex;
    margin-bottom: 20px;
    height: 110px;
    border-radius: 15px;
    align-items: center;
    justify-content: space-between;
}

.but-block {
	display: flex;
	width: 100%;
	padding: 0px;
	background: #fff0;
	margin-bottom: -18px;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.bottom-nav {
	background: #272b3800;
	display: flex;
	flex-wrap: nowrap;
	width: 500px;
	padding: 20px 20px 0px 20px;
	margin-bottom: 11px;
	border-radius: 15px;
}

.bottom-link {
	display: flex;
	padding: 0px;
	margin-bottom: 30px;
	background: #5b6b9b00;
	margin-right: 15px;
	border-radius: 15px;
	flex-wrap: wrap;
	flex-direction: column;
}

.logo-img {
	width: 125px;
	margin-top: -10px;
	margin-bottom: -10px;
	margin-right: -10px;
	margin-left: -10px;
}

.logo-img-top {
    width: 100px;
    margin-right: -10px;
    position: relative;
    margin-left: -8px;
    top: 2px;
}

.bonus-block {
	display: flex;
	border-radius: 15px;
	background: linear-gradient(1deg, #1a1c1c 30%, #232626 100%);
	padding: 18px;
	margin-bottom: 30px;
	gap: 10px;
	flex-direction: column;
}

.button-m {
	border: none;
	font-weight: 600;
	background: linear-gradient(15deg, #3b3f40 30%, #404547 100%);
	padding: 16px 25px;
	transition: 0.2s;
	border-radius: 11px;
	color: #fff;
}

.button-plateji {	
	display: flex;
    padding: 0px;
    background: #fff0;
    margin-bottom: 0px;
    justify-content: space-between;
}

.user-full {
    display: flex;
    background: #313536;
    border-radius: 19px;
    background-size: cover;
    transition: 0.2s;
    padding: 15px;
    padding-left: 27px;
    justify-content: space-between;
}

.user-full:hover .buttons_friends {
    display: flex;
    gap: 10px;
   animation: 0.5s show ease;
}

@keyframes show {
  from { opacity: 0; }
  to { opacity: 1; }
}

.user-img {
    width: 35px;
    border-radius: 11px;
}

.user_name_block {
	padding: 0px;
    display: flex;
    margin-left: 12px;
    line-height: 15px;
    border-radius: 0px;
    margin-bottom: 0px;
    float: right;
    flex-direction: column;
}

.button-m:hover {	
  opacity: 0.7;
}

.komissia-block {
	background: #89898900;
    width: 60%;
    padding-left: 20px;
    padding-top: 0px;
    margin-left: 20px;
    margin-top: 30px;
    border-radius: 0px;
}

.date-not {
    padding: 0px;
    color: #ffffff;
    font-weight: 600;
    font-size: 10px;
    padding-top: 10px;
    background: #fff0;
    margin-top: 10px;
}

.komissia-h1 {
	font-size: 13.1px;
    margin-bottom: 7px;
    margin-top: -5px;
    display: block;
}

.komissia-text {
	font-size: 11px;
    font-weight: 500;
    color: #7a8091;
}

.tabs-payment {
	background: #fff0;
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 30px;
    border-radius: 15px;
    padding: 0px;
    justify-content: space-between;
}

#noty_bottomRight_layout_container {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.block-history {
	padding: 0px;
	height: 200px;
	background: #fff0;
	overflow: auto;
	border-radius: 0px;
	margin-bottom: 0px;
}

.tabcontent {
  float: left;
  padding: 0px 20px;
  width: 100%;
  margin-top: 15px;
  border-left: none;
  height: 300px;
}

.steamid_recomended {
	display: flex;
	border-radius: 15px;
	padding: 17px 25px;
	height: 205px;
	margin-bottom: 30px;
	box-shadow: 0px 5px 10px #13151a0a;
	background: #18233a;
	flex-wrap: nowrap;
	flex-direction: column;
}

.promocode-block {
	display: flex;
	border-radius: 15px;
	padding: 24px 16px;
	margin-bottom: 30px;
	height: 95px;
	background: #272a2b;
}

.steamid_left {
    width: auto;
    background: #f6f8ff00;
    border-radius: 0px;
    padding: 10px 0px;
    margin-bottom: -10px;
}

.steamid_right {
    background: #ffffff00;
    padding: 0px;
    width: auto;
    position: relative;
}

.circle-h1 {
	background: #fff0;
	width: 8px;
	padding: 0px;
	height: 8px;
	top: 1.1px;
	position: relative;
	border-radius: 50%;
	border: solid 2px #fcc776;
}


.news-block-info {
    padding: 0px;
    bottom: 50px;
    width: auto;
    position: absolute;
    border-radius: 0px;
}

.news-block-img {
	height: 150px;
	display: flex;
	width: 225px;
	min-width: 225px;
	max-width: 225px;
	background: #383c3d;
	border-radius: 16px;
	flex-direction: column;
	justify-content: space-between;
}

.news-block {
    float: right;
    display: flex;
    padding: 3px;
    width: 100%;
    border-radius: 15px 0px 0px 15px;
    flex-direction: column;
    justify-content: space-between;
}

.news-button-bottom i{font-size: 15px;margin-left: 8px;}

.news-button-bottom {
	cursor: pointer;
	text-align: center;
	display: flex;
	font-size: 9.5px;
	border: solid 1px #ff8189;
	letter-spacing: 1px;
	padding: 11px 0px;
	background: #fff0;
	width: 190px;
	position: relative;
	font-weight: 600;
	color: #ff8189;
	border-radius: 50px;
	transition: .2s all;
	justify-content: center;
	align-items: center;
}

.news-button-bottom:hover {
    background: #ff8189;
	color: #ffffff;
}

.news-button-vk {
	cursor: pointer;
	text-align: center;
	display: flex;
	font-size: 11px;
	margin-top: 6px;
	padding: 9px 0px;
	position: relative;
	font-weight: 600;
	background: #4b5152;
	color: #a7a0a2;
	border-radius: 9px;
	transition: .2s all;
	justify-content: center;
	align-items: center;
}

.news-button-vk:hover {
    background: #0377fe;
	color: #ffffff;
}

.block-profile-user {
    display: flex;
    background: linear-gradient(22deg, rgb(33 37 49) 45%, rgb(46 51 66) 100%);
    flex-wrap: nowrap;
    padding: 0px;
    height: 130px;
    border-radius: 15px;
    margin-bottom: 30px;
}

.block-profile-left {
    width: 50%;
    background: #fff0;
    display: flex;
    border-radius: 15px;
    padding: 24px 0px;
    margin-bottom: 0px;
}

.block-profile-stats {
    display: flex;
    flex-wrap: nowrap;
    border-radius: 13px;
    gap: 7px;
    justify-content: space-between;
    margin-bottom: 13px;
    align-items: center;
}

.stats-text {
	font-size: 13px;
	font-weight: 600;
	color: #ffff;
	margin-bottom: 4px;
}

.block-stats {
	    color: #fff;
	    border: solid 1px #505657;
	    display: flex;
	    background: #5f555a8a;
	    padding: 0px 10px 0px 4px;
	    gap: 8px;
	    font-weight: 600;
	    font-size: 11px;
	    height: 26px;
	    border-radius: 50px;
	    align-items: center;
}

.block-stats .bx-heart{color: #ffffff;font-size: 10px;background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff685d 0, #d15249 100%));text-shadow: #000000d4 1px 0 7px;width: 18px;border-radius: 50px;padding-top: 2px;display: flex;height: 18px;align-items: center;justify-content: center;}

.block-stats .bx-message{
  color: #ffffff;
  font-size: 10px;
  background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #4fea9f 0, #38644f 100%));
  text-shadow: #000000d4 1px 0 7px;
  width: 18px;
  border-radius: 50px;
  padding-top: 2px;
  display: flex;
  height: 18px;
  align-items: center;
  justify-content: center;
}

.block-stats .bx-trophy{
  color: #ffffff;
  text-shadow: #000000cf 1px 0 10px;
  font-size: 11px;
  background: linear-gradient(34deg, #ad6f2c 0%, #ffa33e 55%);
  width: 18px;
  border-radius: 50px;
  display: flex;
  height: 18px;
  align-items: center;
  justify-content: center;
}

.block-profile-right {
    width: 50%;
	padding: 0px;
    border-radius: 15px;
    margin-bottom: 0px;
    background: #fff0;
}

.opiss {
    color: #6e7678;
    position: relative;
    font-size: 10px;
    top: -9px;
    font-weight: 600;
}

.table-adaptive .table-row > .row > div > strong, .table-adaptive .table-row > .row > div > p, .table-adaptive .table-row > .row > div > span, .table-adaptive .table-row > .row > div > .area-user, .wapper .monitoring .server p, .wapper .monitoring .server strong, .wapper .monitoring .server a, .block .block_head, .vertical-navigation li a, #place_for_messages .dialog > div:nth-child(1) div p, #events .event > a:not(.btn), #events .event > span, #top_users a div > span, #companions a div > span, #last_activity > div > p, #last_activity > span > p, #mybans > div > p, #mybans > span > p, #forum .row .col-lg-8 > div h3, #forum .row .col-lg-4 div p, #forum_topics .row .col-lg-9 h3, #forum_topics .row .col-lg-3 div p, .user a[href^="../profile"]:not(:first-child), .user .btn, .detailed-profile > div:nth-child(1) > div span, .detailed-profile table tr td:nth-child(2) span, .detailed-profile ul li a, #stats tr td, #news a.small-new div p {
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  /* overflow: hidden; */
  white-space: nowrap;
  }

.table-adaptive .table-row, .block, .block .block_head, .our-steam-group, .vertical-navigation, .forum-info, .money-info-block, .profile-top-menu {
  border-radius: 20px;
  }

.btn, .form-control, [class^="custom-"] {
  -webkit-box-shadow: none;
          box-shadow: none; }
  .btn:hover, .btn:focus, .btn:active, .btn.active, .btn:active:focus, .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active:focus, .btn:not(:disabled):not(.disabled).active:focus, .form-control:hover, .form-control:focus, .form-control:active, .form-control.active, .form-control:active:focus, .form-control:not(:disabled):not(.disabled):active, .form-control:not(:disabled):not(.disabled).active, .form-control:not(:disabled):not(.disabled):active:focus, .form-control:not(:disabled):not(.disabled).active:focus, [class^="custom-"]:hover, [class^="custom-"]:focus, [class^="custom-"]:active, [class^="custom-"].active, [class^="custom-"]:active:focus, [class^="custom-"]:not(:disabled):not(.disabled):active, [class^="custom-"]:not(:disabled):not(.disabled).active, [class^="custom-"]:not(:disabled):not(.disabled):active:focus, [class^="custom-"]:not(:disabled):not(.disabled).active:focus {
    -webkit-box-shadow: none;
            box-shadow: none; }

*[onclick], *[data-toggle="modal"] {
  cursor: pointer;
  font-size: 11px;
  }

*[onclick], *[data-toggle="modal"]:hover {
  cursor: pointer;
  font-size: 11px;
  }

*[class^="btn"]:focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important; }

.modal .modal-content {
  border-radius: 20px;
  margin-left: auto;
  padding: 5px;
  background: linear-gradient(1deg, #1a1c1c 30%, #1e2020 100%);
  margin-right: auto;
  }
  .modal .modal-content .modal-header {
    border-bottom: none;
    padding: 17px 20px 20px 20px;
    display: flex;
    }
    .modal .modal-content .modal-header .close {
      font-size: 20px;
      margin: 0px;
      height: 28px;
      opacity: 1;
      right: 23px;
      position: absolute;
      border-radius: 9px;
      width: 28px;
      background: linear-gradient(14deg, #ff4b4b21 10%, #ff4b4b3d 100%);
      font-weight: 500;
      transition: .2s all;
      padding: 0;
      color: #ff7e7ea1 !important;
      }

    .modal .modal-content .modal-header .close:hover {
      opacity: 0.7;
      }
    .modal .modal-content .modal-header h4 {
      font-weight: 600;
      font-size: 18px;
      color: #ffffff; }
  .modal .modal-content .modal-body {
    padding: 0 20px 20px 20px;
    }
    .modal .modal-content .modal-body h4 {
      font-weight: 600;
      font-size: 16px;
      color: #ffffff;
      }
    .modal .modal-content .modal-body table td {
      vertical-align: middle; }

.modal-backdrop.show {
  opacity: .75; }

.modal-lg2 {
  width: 1200px; }

.input-search {
  height: 80px;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  margin-top: -40px;
  margin-bottom: -23px;
  }

.search_btn {
  z-index: 2;
  position: absolute;
  left: 4px;
  transition: 0.2s;
  top: 30px;
  width: 36px;
  display: flex;
  height: 36px;
  fill: #a5999d;
  border-radius: 9px;
  background: linear-gradient(28deg, #4b5152 30%, #555c5d 100%);
  cursor: pointer;
  justify-content: center;
  align-items: center;
}

.search_btn:hover {
  opacity: 0.7;
}

  .input-search i.fa-search {
    z-index: 1000;
    position: absolute;
    left: 16px;
    top: 43px;
    color: #ffffff;
    font-size: 12px;
    cursor: pointer;
    }
  .input-search .custom-input, .input-search .custom-input input, .input-search .custom-input .custom-file label, .custom-file .input-search .custom-input label {
    border-radius: 15 !important;
    text-indent: 0 !important;
    border: 0 !important;
    margin: 0;
    }
  .input-search .custom-input {
    margin-left: 35px;
    height: 50px;
    width: calc( 100% - 0px);
    top: 19px;
    padding-right: 60px;
    }
    .input-search .custom-input.with-title span {
      top: 19px !important;
      }
  .input-search .custom-select {
    width: 130px;
    position: absolute;
    right: 10px;
    top: 28px;
    height: 40px;
    }
    .input-search .custom-select.with-title > select {
      line-height: 22px;
      font-size: 12px;
      padding-top: 13px;
      position: relative;
      }
    .input-search .custom-select.with-title > span {
      font-size: 10px;
      line-height: 14px;
      top: 4px;
      }

#toCopy {
	display:none
}

.flex_donate_merch .with-title {
	position:relative;
	top: 0px;
}

.custom-input {
  cursor: text;
  background: #f9faff00;
  margin-bottom: 0px;
  z-index: 1;
  position: relative;
  width: 100%;
  }

.custom-input i {
    z-index: 100 !important;
    position: absolute;
    color: #a5b2c4;
    left: 16px;
    top: 17px;
    font-size: 20px;
}
  .custom-input > small {
    cursor: default;
    position: relative;
    line-height: 17px;
    font-size: 11px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    opacity: 0;
    z-index: 2;
    }
  .custom-input > small:not(:empty) {
    opacity: 1;
    height: 30px;
    color: #a0c0bb;
    gap: 8px;
    display: flex;
    align-items: center;
    }
  .custom-input > input, .custom-file .custom-input > label {
    border-radius: 10px;
    z-index: 2;
    border: 0;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0 10px;
    font-weight: 500;
    font-size: 14px;
    }
    .custom-input > input::-webkit-input-placeholder, .custom-file .custom-input > label::-webkit-input-placeholder {
      color: #939b9d; }
    .custom-input > input:-ms-input-placeholder, .custom-file .custom-input > label:-ms-input-placeholder {
      color: #939b9d; }
    .custom-input > input::-ms-input-placeholder, .custom-file .custom-input > label::-ms-input-placeholder {
      color: #939b9d; }
    .custom-input > input::placeholder, .custom-file .custom-input > label::placeholder {
      color: #939b9d; }
  .custom-input.with-button > input, .custom-file .custom-input.with-button > label {
    padding-right: 58px; }
  .custom-input.with-button > button {
    z-index: 3;
    right: 6px;
    width: 115px;
    border: none;
    height: 42px;
    font-size: 10.5px;
    display: flex;
    background: linear-gradient(0deg, #534c4f94 30%, #534c4f 100%);
    color: #fff;
    border-top: solid 1px #635b5f;
    margin-top: 6px;
    position: absolute;
    font-weight: 600;
    border-radius: 10px;
    transition: 0.2s;
    align-items: center;
    justify-content: center;
    }
.custom-select.with-button > button {
    z-index: 3;
    right: 6px;
    background: linear-gradient(0deg, #534c4f94 30%, #534c4f 100%);
    width: 115px;
    border: none;
    height: 42px;
    font-size: 10.5px;
    display: flex;
    color: #fff;
    margin-top: 6px;
    border-top: solid 1px #635b5f;
    position: absolute;
    font-weight: 600;
    border-radius: 10px;
    transition: 0.2s;
    align-items: center;
    justify-content: center;
    }
    .custom-input.with-button > button > i {
      color: #ffffff;
      }
    .custom-input.with-button > button:hover {
      opacity: 0.7;
    }
  .custom-select.with-button > button:hover {
      opacity: 0.7;
    }
      .custom-input.with-button > button:hover > i {
        color: #fff; }
    .custom-input.with-button > button > i.fa-pencil {
      display: block;
      width: 100%;
      height: 100%;
      line-height: 31px;
      font-weight: 100;
      font-size: 11px !important;
      }
  .custom-input.with-title > input, .custom-file .custom-input.with-title > label {
    position: relative;
    font-size: 12px;
    background-color: #2b2f30;
    color: #fff;
    height: 55px;
    padding-top: 15px;
    padding-left: 50px;
    }
  .custom-input.with-title > span {
    z-index: 3;
    font-size: 11px;
    line-height: 18px;
    position: absolute;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    height: 18px;
    top: 19px;
    font-weight: 600;
    left: 50px;
    color: #8a8084 !important;
    }
  .custom-input.with-title > input:not(:placeholder-shown) + span, .custom-file .custom-input.with-title > label:not(:placeholder-shown) + span, .custom-input.with-title > input:focus + span, .custom-file .custom-input.with-title > label:focus + span {
    font-size: 11px;
    top: 20px;
    -webkit-transform: translateY(-12px);
    -ms-transform: translateY(-12px);
    transform: translateY(-12px);
    }
  .custom-input.with-title input.placeholder-hidden + span, .custom-input.with-title .custom-file label.placeholder-hidden + span, .custom-file .custom-input.with-title label.placeholder-hidden + span {
    left: 15px;
    font-size: 12px;
    -webkit-transform: translateY(-12px);
        -ms-transform: translateY(-12px);
            transform: translateY(-12px); }

.custom-select {
  cursor: text;
  background: #262f4200;
  z-index: 1;
  position: relative;
  border: 1px solid #262f4200;
  height: 49px;
  width: 100%;
  min-width: 90px;
  border-radius: 9px;
  margin-bottom: 14px;
  padding: 0;
  }
.custom-select i{
  z-index: 100 !important;
  position: absolute;
  color: #a5b2c4;
  left: 16px;
  top: 17px;
  font-size: 20px;
  }
  .custom-select > small {
    cursor: default;
    bottom: -22px;
    position: absolute;
    line-height: 17px;
    font-size: 12px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    opacity: 0;
    z-index: 2; }
  .custom-select > small:not(:empty) {
    opacity: 1; }
  .custom-select > select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border-radius: 6px;
    z-index: 2;
    border: 0;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0 13px;
    font-weight: 500;
    font-size: 14px; }
    .custom-select > select::-webkit-input-placeholder {
      color: #939b9d; }
    .custom-select > select:-ms-input-placeholder {
      color: #939b9d; }
    .custom-select > select::-ms-input-placeholder {
      color: #939b9d; }
    .custom-select > select::placeholder {
      color: #939b9d; }
  .custom-select.with-title > select {
    font-size: 11px;
    padding-top: 16px;
    background: #2b2f30;
    font-weight: 600;
    padding-left: 50px;
    height: 55px !important;
    top: -1px;
    cursor: pointer;
    transition: 0.2s;
    border-radius: 10px;
    color: #ffff;
    }
  .custom-select.with-title > select:focus {
    background: #3f4344;
    }
  .custom-select.with-title > span {
    z-index: 3;
    font-size: 11px;
    line-height: 14px;
    position: absolute;
    height: 18px;
    font-weight: 600;
    top: 10px;
    left: 50px;
    color: #a5b2c4 !important;
    }

.form-control {
  font-size: 11px;
  font-weight: 600;
  border-radius: 10px;
  height: 55px;
  text-indent: 0;
  background: #333738 !important;
  border: 1px solid #333738;
  color: #ffffff;
  transition: 0.2s;
  }
  .form-control:focus {
    border-color: #393d3e;
    color: #ffffff;
	  background: #393d3e !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    }

input.form-control, .custom-file label.form-control, input[type="file"], .custom-file label[type="file"], select.form-control, select[type="file"] {
  padding: 0 15px;
  line-height: 40px;
  margin-bottom: 10px;
  }
  input.form-control::-webkit-input-placeholder, .custom-file label.form-control::-webkit-input-placeholder, input[type="file"]::-webkit-input-placeholder, .custom-file label[type="file"]::-webkit-input-placeholder, select.form-control::-webkit-input-placeholder, select[type="file"]::-webkit-input-placeholder {
    font-size: 13px;
    color: #ffffff; }
  input.form-control:-ms-input-placeholder, .custom-file label.form-control:-ms-input-placeholder, input[type="file"]:-ms-input-placeholder, .custom-file label[type="file"]:-ms-input-placeholder, select.form-control:-ms-input-placeholder, select[type="file"]:-ms-input-placeholder {
    font-size: 13px;
    color: #ffffff; }
  input.form-control::-ms-input-placeholder, .custom-file label.form-control::-ms-input-placeholder, input[type="file"]::-ms-input-placeholder, .custom-file label[type="file"]::-ms-input-placeholder, select.form-control::-ms-input-placeholder, select[type="file"]::-ms-input-placeholder {
    font-size: 13px;
    color: #ffffff; }
  input.form-control::placeholder, .custom-file label.form-control::placeholder, input[type="file"]::placeholder, .custom-file label[type="file"]::placeholder, select.form-control::placeholder, select[type="file"]::placeholder {
    font-size: 11px;
    color: #a8aeaf; }

input[disabled], .custom-file label[disabled], select[disabled] {
  /* color: #777 !important; */
  cursor: not-allowed !important;
  }

.custom-file {
  border-radius: 4px;
  cursor: pointer; }
  .custom-file input, .custom-file label {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-color: #1247eb00 !important;
    }
  .custom-file label {
    width: 100%;
    height: 50px;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    cursor: pointer;
    z-index: 2;
    transition: 0.2s;
    color: #9b9497;
    font-size: 11px;
    font-weight: 600;
    background-color: #4c4448bf;
    border-radius: 11px;
    border: dashed 1px #695f64 !important;
    padding: 0 16px;
    align-items: center;
    justify-content: center;
    }

  .custom-file label:hover {
    color: #ffffff;
    background-color: #5f555abf;
    border: dashed 1px #756b70 !important;
    }
    .custom-file label::after {
      display:none;
      }
  .custom-file:hover label::after {
    opacity: 0.7;
    }


.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  color: #ffffff00;
  background-color: transparent;
  }

.custom-radio .custom-control-label {
  color: #6e7678;
  line-height: 24px;
  cursor: pointer;
  font-weight: 600;
  font-size: 11px;
  }
  .custom-radio .custom-control-label::before {
    background: #17171700 !important;
    border: 1px solid #6e7678 !important;
    }
  .custom-radio .custom-control-label::after, .custom-radio .custom-control-label::before {
    -webkit-box-shadow: none !important;
            box-shadow: none !important; }

.custom-checkbox {
  cursor: pointer; }
  .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    border: 0; }
  .custom-checkbox .custom-control-label {
    color: #6e7678;
    line-height: 25px;
    cursor: pointer;
    font-size: 10.9px;
    font-weight: 600;
    }
    .custom-checkbox .custom-control-label::before {
      background-color: #212d47;
      border: 1px solid #212d47;
      }
    .custom-checkbox .custom-control-label::after, .custom-checkbox .custom-control-label::before {
      -webkit-box-shadow: none !important;
              box-shadow: none !important; }

textarea:focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important; }

select.form-control {
  text-indent: 0px;
  height: 41px !important;
  position: relative;
  top: 8px;
  font-size: 10.5px;
  color: #ffffff;
  font-weight: 600;
  border-radius: 8px;
  }

input[disabled], .custom-file label[disabled] {
  cursor: text !important;
  background: transparent; }

input[type="file"], .custom-file label[type="file"] {
  text-indent: 0;
  border: 0;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 600;
  margin-left: -60px;
  color: #6a7273;
  overflow: hidden;
  max-width: 100%;
  }

.input-xs {
  height: 18px;
  padding: 0 6px;
  font-size: 12px;
  line-height: 18px;
  border-radius: 2px;
  width: auto; }
  .input-xsselect {
    height: 23px;
    line-height: 23px; }
  .input-xs[type="file"] {
    border-radius: 3px;
    padding: 0;
    height: 23px;
    width: auto;
    font-size: 12px;
    line-height: 23px; }

a.btn {
  line-height: 28px; }

a[data-toggle="popover"] {
  cursor: pointer; }

.input-group-sm {
  min-width: 150px;
  }
  .input-group-sm input, .input-group-sm .custom-file label, .custom-file .input-group-sm label {
    text-indent: 5px; }

.input-group .input-group-prepend .btn {
  margin: 0; }

.input-group .input-group-text {
  height: 40px;
  background-color: whitesmoke; }

.input-group.editing-date select {
  padding-left: 5px;
  text-indent: 0; }

.form-group label h4 {
  font-size: 16px;
  margin: 0;
  color: #ffffff; }

small {
  font-size: 12px;
  color: #978f94;
  font-weight: 600;
  line-height: 11px;
  }

* > p:last-child {
  color: #fff;
  font-weight: 600;
  }

p {
  margin-top: 0;
  margin-bottom: 20px;
  }

.text-warning {
  color: #ffbea4 !important;
  font-weight: 600;
  }

.text-success {
  color: #82b975 !important;
  }

.text-info {
    color: #ffa8b8 !important;
}

.text-error, .text-danger {
  color: #ff8b8b !important;
  font-size: 11.5px;
  border-radius: 8px;
  padding: 0px;
  }

a.text-danger:focus,a.text-danger:hover {
    color: #ce6e6e!important
}

.btn:not(:disabled):not(.disabled).active,.btn:not(:disabled):not(.disabled):active {
    position: relative;
  font-size: 11px;
  color: #ffffff !important;
  display: flex;
  background: #464b54;
  height: 50px !important;
  padding: 0px 25px !important;
  transition: 0.2s;
  font-weight: 600;
  align-items: center;
}

a.btn:not(.disp-n), input.btn:not(.disp-n), .custom-file label.btn:not(.disp-n), button.btn:not(.disp-n), label.btn:not(.disp-n) {
  position: relative;
  font-size: 11px;
  color: #ffffff !important;
  text-shadow: #00000063 1px 0 10px;
  display: flex;
  background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%));
  height: 50px !important;
  padding: 0px 25px !important;
  transition: 0.2s;
  border-radius: 10px !important;
  font-weight: 600;
  border: none;
  align-items: center;
  justify-content: center;
  }

a.btn:not(.disp-n), input.btn:not(.disp-n), .custom-file label.btn:not(.disp-n), button.btn:hover:not(.disp-n), label.btn:not(.disp-n) {
  font-size: 11px !important;
  opacity: 0.7;
  border-radius: 10px !important;
  padding: 0px 25px !important;
  background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%)) !important;
  }

    a.btn:not(.disp-n).btn-primary span, input.btn:not(.disp-n).btn-primary span, .custom-file label.btn:not(.disp-n).btn-primary span, button.btn:not(.disp-n).btn-primary span, label.btn:not(.disp-n).btn-primary span {
      color: #fff !important; }
  a.btn:not(.disp-n).btn-default, a.btn:not(.disp-n).btn-outline-primary, input.btn:not(.disp-n).btn-default, .custom-file label.btn:not(.disp-n).btn-default, input.btn:not(.disp-n).btn-outline-primary, .custom-file label.btn:not(.disp-n).btn-outline-primary, button.btn:not(.disp-n).btn-default, button.btn:not(.disp-n).btn-outline-primary, label.btn:not(.disp-n).btn-default, label.btn:not(.disp-n).btn-outline-primary {
    background: #43494a !important;
    border-radius: 11px;
    border: none;
    color: #8e9698;
    text-shadow: #00000000 1px 0 10px;
    padding: 0px 25px !important;
    border-radius: 10px !important;
    font-size: 11px;
    }
    a.btn:not(.disp-n).btn-default span, a.btn:not(.disp-n).btn-default i, a.btn:not(.disp-n).btn-outline-primary span, a.btn:not(.disp-n).btn-outline-primary i, input.btn:not(.disp-n).btn-default span, .custom-file label.btn:not(.disp-n).btn-default span, input.btn:not(.disp-n).btn-default i, .custom-file label.btn:not(.disp-n).btn-default i, input.btn:not(.disp-n).btn-outline-primary span, .custom-file label.btn:not(.disp-n).btn-outline-primary span, input.btn:not(.disp-n).btn-outline-primary i, .custom-file label.btn:not(.disp-n).btn-outline-primary i, button.btn:not(.disp-n).btn-default span, button.btn:not(.disp-n).btn-default i, button.btn:not(.disp-n).btn-outline-primary span, button.btn:not(.disp-n).btn-outline-primary i, label.btn:not(.disp-n).btn-default span, label.btn:not(.disp-n).btn-default i, label.btn:not(.disp-n).btn-outline-primary span, label.btn:not(.disp-n).btn-outline-primary i {
      color: #61696b;
      font-size: 22px;
      line-height: 46px;
      }

label.btn.btn-sm {
  height: 32px;
  line-height: 20px !important;
  font-size: 12px !important; }

blockquote {
  padding: 20px;
  margin: 15px 0 10px;
  border-radius: 0px 13px 13px 0px;
  border-left: 3px solid #f57386;
  background: #f5738617 none repeat scroll 0 0;
  font-size: 11px;
  }

blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0; }

blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777; }

blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0'; }

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid #eee;
  border-left: 0; }

.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: ''; }

.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014'; }

blockquote:before,
blockquote:after {
  content: "";
  }

@media (max-width: 991.99px) {
  .order-is-first {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1 !important;
    }
  .order-is-last {
    -ms-flex-order: 13;
    -webkit-box-ordinal-group: 14;
    order: 13 !important;
    } }

@media (min-width: 992px) {
  .order-is-first {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
            order: -1; }
  .order-is-last {
    -ms-flex-order: 13;
    -webkit-box-ordinal-group: 14;
            order: 13; } }

.table-adaptive {
    border-radius: 14px;
    color: #736a6e;
    font-size: 11px;
    font-weight: bold;
  }
  .table-adaptive.table-fused {
    overflow: hidden;
    border-radius: 4px;
    margin-top: 0px !important;
    }
    .table-adaptive.table-fused .loader {
      margin: 16px 0; }
    .table-adaptive.table-fused .table-row {
      -webkit-box-shadow: none;
      box-shadow: none;
      margin: 0;
      border-bottom: 1px solid #f1f2f400;
      padding: 4px 27px;
      margin-bottom: 7px;
      transition: .2s all;
      }

    .table-adaptive.table-fused .table-row:hover {
      background: #424849 !important;
      }

      .table-adaptive.table-fused .table-row:last-child {
        border-bottom: 0; }
  .table-adaptive .table-row {
    margin-bottom: 9px;
    border-radius: 11px;
    padding: 5px 28px;
    background: #353939;
    transition: 0.2s;
    }
  .table-adaptive .table-row:hover {
    background: #3e4243;
    }
    .table-adaptive .table-row > .row {
      height: 50px;
      display: flex;
      flex-wrap: nowrap;
      position: relative;
      }
      .table-adaptive .table-row > .row > div {
        padding: 0 16px;
        }
        .table-adaptive .table-row > .row > div > strong, .table-adaptive .table-row > .row > div > p, .table-adaptive .table-row > .row > div > span {
          display: inline-block;
          max-width: 110%;
          }
        .table-adaptive .table-row > .row > div > p {
          width: auto;
          color: #6c6e8100;
          font-weight: 600;
          font-size: 0px;
          line-height: 52px;
          }
        .table-adaptive .table-row > .row > div > strong {
          color: #6e7678;
          font-weight: 600;
          line-height: 48px;
          font-size: 12px;
          }
        .table-adaptive .table-row > .row > div > .area-user {
          color: #ffffff;
          font-weight: 600;
          line-height: 48px;
          font-size: 13px;
          }
          .table-adaptive .table-row > .row > div > .area-user a img {
            height: 25px;
            width: 25px;
            border-radius: 50%;
            margin-right: 5px;
            }
          .table-adaptive .table-row > .row > div > .area-user a i {
            font-style: normal; }
        .table-adaptive .table-row > .row > div > .area-image img {
          margin: 10px;
          max-height: 30px;
          width: auto; }
        .table-adaptive .table-row > .row > div.with-icon {
          position: relative;
          padding-left: 46px;
          }
          .table-adaptive .table-row > .row > div.with-icon > i, .table-adaptive .table-row > .row > div.with-icon > img {
            position: absolute;
            left: 1px;
            top: 18px;
            }
          .table-adaptive .table-row > .row > div.with-icon > i {
            color: #ff9573;
            font-size: 15px;
            border-radius: 9px;
            background: #ff957326;
            top: 9px;
            padding: 9px;
            }
          .table-adaptive .table-row > .row > div.with-icon > img {
            height: 20px;
            width: 20px;
            border-radius: 50px;
            top: 16px;
            }
        .table-adaptive .table-row > .row > div.with-description > p {
          line-height: 22px;
          font-size: 12px;
          margin: 15px 0px 0;
          position: relative;
          text-overflow: ellipsis;
          width: 150px;
          white-space: nowrap;
          top: -7px;
          font-style: normal;
          border: none;
          overflow: hidden;
          background: #fff0;
          color: #ffff;
          font-weight: 600;
          }
          .table-adaptive .table-row > .row > div.with-description > p a {
            color: #ffffff;
            font-style: normal;
            position: relative;
            z-index: 111;
            }
            .table-adaptive .table-row > .row > div.with-description > p a:hover {
            opacity: 0.7;
            }
        .table-adaptive .table-row > .row > div.with-description > p a i{
            color: #ffffff;
            font-style: normal;
            }
        .table-adaptive .table-row > .row > div.with-description > .area-user img {
          display: none; }
        .table-adaptive .table-row > .row > div.with-description > span {
          width: 100%;
          font-weight: 700;
          line-height: 20px;
          font-size: 10.5px;
          top: -20px;
          position: relative;
          color: #91868a;
          }
          .table-adaptive .table-row > .row > div.with-description > span a {
            color: #ffffff !important;
            margin-left: 5px;
            }
          .table-adaptive .table-row > .row > div.with-description > span p {
            color: #7a8091 !important;
            margin: 0;
            font-weight: 600;
            margin-left: 68px;
            text-align: center;
            position: relative;
            display: flex;
            font-size: 10px;
            top: -3px;
            flex-wrap: nowrap;
            justify-content: flex-start;
            }
        .table-adaptive .table-row > .row > div.with-button > .btn {
          margin: 8px 0 0;
          }
          .table-adaptive .table-row > .row > div.with-button > .btn i {
            font-size: 14px;
            line-height: 30px;
            text-align: center;
            }
    @media (max-width: 991.99px) {
      .table-adaptive .table-row > .row {
        height: auto;
        display: flex;
        padding-bottom: 15px;
        padding-top: 15px;
        flex-direction: column;
        }

		.btn_heading_rules {
  display: none;
}
		#servers {
    padding-right: 0px;
}
      .btn_heading_full {
   display: none;
}
        .table-adaptive .table-row > .row > div {
          padding: 0 16px;
          height: 42px;
          margin-left: 0px !important;
          }
          .table-adaptive .table-row > .row > div.with-icon {
            padding-left: 16px;
            }
            .table-adaptive .table-row > .row > div.with-icon > i, .table-adaptive .table-row > .row > div.with-icon > img {
              display: none;
              }
          .table-adaptive .table-row > .row > div.with-button .btn {
            width: 100%; } }

#cote {
  height: 150px;
  width: 150px;
  position: absolute;
  right: -25px;
  cursor: pointer;
  bottom: -29px;
  z-index: 1001; }
  #cote img {
    height: 150px;
    width: 150px; }

@media (max-width: 991.99px) {
  @media(min-width:768px){#muts .danger .row {
    height: 100%;
    flex-direction: column;
}}

	@media(min-width:768px){#muts .danger {
    padding-top: 17px;
    border-radius: 20px;
}}

	 .table-adaptive .table-row > .row > div.with-icon > img {
    display: none;
}@media(min-width:768px){#muts .danger > .row > div.with-icon > i{
    display: none;
}}

	@media(min-width:768px){#muts .danger > .row > div.with-icon {
    position: relative;
    padding-left: 17px;
}}
	
	#cote {
    display: none; } 

	@media(min-width:768px){#banlist .danger .row {
    height: 100%;
    flex-direction: column;
}}

	@media(min-width:768px){#banlist .danger {
    padding-top: 17px;
    border-radius: 20px;
}}

	 .table-adaptive .table-row > .row > div.with-icon > img {
    display: none;
}@media(min-width:768px){#banlist .danger > .row > div.with-icon > i{
    display: none;
}}

	@media(min-width:768px){#banlist .danger > .row > div.with-icon {
    position: relative;
    padding-left: 17px;
}}
  
  .double_heading i {min-width: 45px;}

	@media(min-width:768px){#banlist .success .row {
    height: 100%;
    flex-direction: column;
}}

	@media(min-width:768px){#banlist .success {
    padding-top: 17px;
    border-radius: 20px;
}}

	 .table-adaptive .table-row > .row > div.with-icon > img {
    display: none;
}@media(min-width:768px){#banlist .success > .row > div.with-icon > i{
    display: none;
}}

	@media(min-width:768px){#banlist .success > .row > div.with-icon {
    position: relative;
    padding-left: 17px;
}}

		@media(min-width:768px){#muts .success .row {
    height: 100%;
    flex-direction: column;
}}

	@media(min-width:768px){#muts .success {
    padding-top: 17px;
    border-radius: 20px;
}}

	 .table-adaptive .table-row > .row > div.with-icon > img {
    display: none;
}@media(min-width:768px){#muts .success > .row > div.with-icon > i{
    display: none;
}}

	@media(min-width:768px){#muts .success > .row > div.with-icon {
    position: relative;
    padding-left: 17px;
}}
}

.m-icon {
  font-family: Font Awesome\ 5 Pro;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -.0667em;
  font-weight: 900; }
  .m-icon.icon-trash:before {
    font-weight: 400;
    content: "\f1f8"; }
  .m-icon.icon-remove:before {
    content: "\f00d"; }
  .m-icon.icon-ok:before {
    content: "\f00c"; }
  .m-icon.icon-pencil:before {
    font-weight: 400;
    content: "\f040"; }
  .m-icon.icon-link:before {
    content: "\f0c1"; }
  .m-icon.icon-time:before {
    font-weight: 400;
    content: "\f017"; }
  .m-icon.icon-user:before {
    content: "\f007"; }
  .m-icon.icon-up:before {
    content: "\f077"; }
  .m-icon.icon-down:before {
    content: "\f078"; }
  .m-icon.icon-left:before {
    content: "\f104"; }
  .m-icon.icon-right:before {
    content: "\f105"; }
  .m-icon.icon-plus:before {
    content: "\f067"; }
  .m-icon.icon-minus:before {
    content: "\f068"; }
  .m-icon.icon-bank:before {
    content: "\f19c"; }
  .m-icon.icon-marker:before {
    content: "\f041"; }
  .m-icon.icon-vk:before {
    font-family: 'Font Awesome 5 Brands', serif;
    content: "\f189"; }
  .m-icon.icon-steam:before {
    font-weight: 400;
    font-family: 'Font Awesome 5 Brands', serif;
    content: "\f3f6"; }
  .m-icon.icon-fb:before {
    font-family: 'Font Awesome 5 Brands', serif;
    content: "\f39e"; }
  .m-icon.icon-bars:before {
    content: "\f0c9"; }
  .m-icon.icon-compress:before {
    content: "\f066"; }

.with_code {
   overflow-wrap: break-word;
   height: auto;
   font-weight: 500;
   background: rgb(30 34 47 / 0%);
   border-radius: 15px;
   flex: 0 0 auto;
  }

.with_code:hover .answer {
   color: #636b6d;
  }

.with_code:hover .answer:hover {
   color: #ffffff;
  }
  .with_code ol {
    list-style: decimal;
    margin-left: 15px; }
  .with_code ul {
    list-style: disc;
    margin-left: 15px; }
  .with_code em {
    font-style: italic; }
  .with_code video {
    max-width: 100%; }
  .with_code .player {
    height: 40px;
    overflow: hidden; }
    .with_code .player object {
      position: relative;
      margin-top: -22px; }
  .with_code video, .with_code iframe {
    border: 0;
    max-width: 100%; }
  .with_code img {
    height: auto;
    max-width: fit-content;
    width: 100%;
    }
    .with_code img[style="margin-left:auto;margin-right:auto;"] {
      margin: 0 auto;
      display: block; }
  .with_code .m-icon {
    font-size: 7px;
    margin-right: 4px;
    color: #ffffff;
    background: #fe7d7f;
    width: 15px;
    text-align: center;
    height: 15px;
    border-radius: 50px;
    line-height: 16px;
    }
  .with_code::after {
    clear: both;
    display: table;
    content: " "; }
  .with_code table {
    width: auto;
    max-width: 100% !important; }
    .with_code table tr td {
      border: 1px solid #f1f2f4;
      padding: 5px;
      word-break: break-all;
      white-space: pre-wrap;
      word-wrap: break-word; }
  .with_code .g_sticker {
    max-width: 250px !important; }

.order-is-first {
order: 13;
}
.order-is-last {order: -1;}

img.thumbnail-img {
  border-radius: 13px;
  height: auto;
  margin: 0;
  width: 100%;
  margin-top: 10px;
  }

#imgs .thumbnail {
  max-width: 100px;
  margin-right: 10px;
  margin-bottom: 0;
  float: left; }

#imgs::before, #imgs::after {
  display: table;
  content: " "; }

#imgs::after {
  clear: both; }

div.spoiler div.spoiler-title {
  font-size: 13px;
  font-weight: bold;
  padding: 5px 3px;
  border: 1px solid #f1f2f4;
  cursor: pointer;
  line-height: 25px;
  background: whitesmoke;
  height: 35px; }

div.spoiler div.spoiler-title div.spoiler-toggle {
  float: left;
  width: 11px;
  height: 11px;
  margin-top: 5px;
  margin-left: 10px;
  margin-right: 6px;
  cursor: pointer;
  -webkit-user-modify: read-only; }

div.spoiler div.spoiler-title div.hide-icon {
  background: url("../img/minus.png") no-repeat scroll left center transparent; }

div.spoiler div.spoiler-title div.show-icon {
  background: url("../img/plus.png") no-repeat scroll left center transparent; }

div.spoiler div.spoiler-content {
  font-size: 13px;
  border: 1px solid #f1f2f4;
  border-top: 0;
  padding: 6px 10px;
  background: #fff; }

div.spoiler div.title-text {
  float: left;
  height: 24px;
  line-height: 20px;
  font-weight: normal; }

.error_message, .success_message {
  height: 0;
  margin: 0;
  font-size: 12px;
  position: relative;
  float: right;
  top: -54px;
  right: 55px;
  }

.input_error {
  background-color: #ed717121 !important; }

.input_success {
  border-color: #8fc47a !important;
  background-color: #e3f5dc !important; }

.success_message {
  color: #0BB07B !important; }

.error_message {
  color: #ff686800 !important;
  }

.table-responsive {
  width: 100%;
  margin-bottom: 0px;
  border: 1px solid #f1f2f400;
  }

@media (min-width: 992px) {
  .table-responsive {
    overflow: hidden;
    background: #212d4700;
    padding: 0px;
    }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: normal !important;
    } }

.table-responsive > .table {
  margin-bottom: 0;
  }

.table-responsive > .table > thead > tr > th,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > td {
  white-space: nowrap;
  }

.table-responsive > table.table {
  border: 0 !important;
  }

.table-responsive > table.table > tbody:first-child > tr:first-child > th,
.table-responsive > table.table > tbody:first-child > tr:first-child > td,
.table-responsive > table.table > thead > tr:first-child > th,
.table-responsive > table.table > thead > tr:first-child > td {
  border-top: 0 !important;
  color: #8d8287 !important;
  }

.table-responsive > table.table > thead > tr > th:first-child,
.table-responsive > table.table > tbody > tr > th:first-child,
.table-responsive > table.table > tfoot > tr > th:first-child,
.table-responsive > table.table > thead > tr > td:first-child,
.table-responsive > table.table > tbody > tr > td:first-child,
.table-responsive > table.table > tfoot > tr > td:first-child {
  border-left: 0 !important;
  padding-right: 0px;
  color: #fff;
  border-radius: 9px 0px 0px 9px;
  padding-left: 20px;
  }

.table-responsive > table.table > thead > tr > th:last-child,
.table-responsive > table.table > tbody > tr > th:last-child,
.table-responsive > table.table > tfoot > tr > th:last-child,
.table-responsive > table.table > thead > tr > td:last-child,
.table-responsive > table.table > tbody > tr > td:last-child,
.table-responsive > table.table > tfoot > tr > td:last-child {
  border-right: 0 !important;
  border-radius: 0px 9px 9px 0px;
  }

.table-responsive > table.table > tbody > tr:last-child > th,
.table-responsive > table.table > tfoot > tr:last-child > th,
.table-responsive > table.table > tbody > tr:last-child > td,
.table-responsive > table.table > tfoot > tr:last-child > td {
  border-bottom: 0 !important;
  }

table.table.table-bordered {
  border-color: #e1e4e800 !important;
  }
  table.table.table-bordered tr {
    position: relative;
    height: 55px;
    background: #2b2f30;
    }
    tr:nth-child(even) {
      background-color: #3c4142 !important;
    }
    table.table.table-bordered tr td {
      font-size: 11px;
      padding-left: 0px;
      border: none;
      font-weight: 600;
      border-color: #353939 !important;
      }

table.table > thead tr td {
  font-size: 13px; }

table.table > tbody > tr.danger > td {
  border-color: #e8caca;
  color: #ff7e7e;
  }

table.table > tbody > tr.success > td {
  background: #e3f5dc;
  border-color: #cde8c3;
  color: #0BB07B; }
  table.table > tbody > tr.success > td span {
    color: #0BB07B; }

table.table > tbody > tr.warning > td {
  border-color: #e8ddca;
  color: #fba85e;
  }
  table.table > tbody > tr.warning > td span {
    color: #ffffff;
    }

table.table > tbody > tr > td {
  vertical-align: middle;
  font-size: 13px;
  line-height: 15px;
  color: #ffffff;
  }
  table.table > tbody > tr > td .btn {
    margin: 0; }
  table.table > tbody > tr > td p {
    margin: 0; }
  table.table > tbody > tr > td a {
    color: #ffffff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    }
    table.table > tbody > tr > td a[href*="profile"] img, table.table > tbody > tr > td a img[src="../files/avatars/no_avatar.jpg"] {
      height: 18px;
      width: 18px;
      margin-right: 5px;
      border-radius: 4px; }
    table.table > tbody > tr > td a[href*="profile"] i {
      font-style: normal; }

#search_ban_res_min > tr:nth-child(2n) {
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important; }
  #search_ban_res_min > tr:nth-child(2n) > td {
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important; }

#bans tr td:nth-child(1):hover,
#tickets tr td:nth-child(2):hover,
#open_tickets tr td:nth-child(2):hover,
#close_tickets tr td:nth-child(2):hover,
#search_ban_res_min tr td:nth-child(2):hover {
  background-color: #1f1f1f00; }

#bans tr td:nth-child(1) a,
#tickets tr td:nth-child(2) a,
#open_tickets tr td:nth-child(2) a,
#close_tickets tr td:nth-child(2) a,
#search_ban_res_min tr td:nth-child(2) a {
  max-width: 300px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
  top: 4px;
  margin-right: 30px;
  white-space: nowrap;
  display: inline-block;
  }

 #stats td {
  vertical-align: middle;
  cursor: pointer; }@media(min-width:768px){#muts td, #banlist td{
  vertical-align: middle;
  cursor: pointer; }}

td[colspan$="10"] img, td[colspan$="10"] {
  text-align: center;
  padding-bottom: 10px;
  color: #7d7679;
  width: 1220px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 600;
  margin: 0 auto;
  }

table tr[data-toggle="modal"] > td, table.admins tr > td {
  border-bottom: 0 !important; }

.hidden-tr > td {
  height: 0 !important;
  border: 0 !important;
  padding: 0 !important; }

.mce-tinymce {
  -webkit-box-shadow: none !important;
          box-shadow: none !important; }
  .mce-tinymce .mce-btn-small button {
    padding: 7px 6px; }
  .mce-tinymce .mce-path {
    padding: 14px; }
  .mce-tinymce .mce-btn-group:not(:first-child) {
    border-left: 0; }

.mce-fullscreen div[id^="mceu_"].mce-container.mce-fullscreen {
  z-index: 2000; }

.label.label-default {
  color: #466ea5; }

.label.label-success {
  color: #ffa0a0;
  }

.label.label-danger {
  color: #FF5D5D; }

#new_news .empty-element {
    margin-left: 15px;
    margin-right: 15px;
}

#users .empty-element {
    margin-bottom: 13px;
    border-radius: 14px !important;
    background: #2e3239bd !important;
    display: flex !important;
    width: 100%;
    font-weight: bold;
    margin-left: 15px;
    margin-right: 15px;
    color: #757b83;
    font-size: 11px;
    border: dashed 1px #4a4f59 !important;
    padding: 40px !important;
    align-items: center !important;
    justify-content: center !important;
}

#unfriends .empty-element {
    margin-left: 15px;
    margin-right: 15px;
}

.empty-element {
    margin-bottom: 13px;
    border-radius: 14px !important;
    background: #3f373a7a !important;
    display: flex !important;
    width: 100%;
    font-weight: bold;
    color: #81767b;
    font-size: 11px;
    border: dashed 1px #494f50 !important;
    padding: 40px !important;
    align-items: center !important;
    justify-content: center !important;
 }

div[id^="pagination"]::after {
  display: table;
  clear: both;
  content: ' '; }

.pagination {
  display: inline-block;
  border: solid 1px #473e41fa;
  border-radius: 50px;
  background: #5d55582e;
  padding: 7px 4px;
  }

.pagination > li {
  display: inline; }

.pagination > li:first-child > a, .pagination > li:last-child > a {
  background: #2b2f30;
  }
  .pagination > li:first-child > a span, .pagination > li:last-child > a span {
    color: #ffffff !important;
    }

.pagination > li:first-child > a > span, .pagination > li:last-child > a > span {
  font-family: Font Awesome\ 5 Pro;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  font-size: 0px;
  line-height: 30px;
  vertical-align: -.0667em;
  font-weight: 400;
  color: #ffffff;
  }
  .pagination > li:first-child > a > span:before, .pagination > li:last-child > a > span:before {
    color: #a1a8aa;
    font-size: 9px;
    position: relative;
    font-weight: 600;
    top: -1px;
    }

.pagination > li:first-child > a > span:before {
  content: "\f060"; }

.pagination > li:last-child > a > span:before {
  content: "\f061"; }

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  height: 35px;
  width: 35px;
  text-align: center;
  margin: 0 5px;
  border-radius: 50px;
  font-size: 11px;
  line-height: 34px;
  color: #a1a8aa;
  border: 1px solid #2b2f30;
  background: #2b2f30;
  }

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    border: 1px solid #4a5051;
    background: #4a5051;
    color: #ffff;
    }

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%)) !important;
  cursor: default;
  text-shadow: #000000d4 1px 0 7px;
  background-color: #41454d;
  border-color: #41454d;
  border: none;
  }

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  cursor: not-allowed; }

div[id^="pagination"] {
  display: block;
  text-align: center;
  margin: 0 auto 25px; }
  div[id^="pagination"] ul {
    float: left;
    margin: 0 -5px; }

@media (max-width: 991.99px) {
    .pagination > li.pagination-excess {
        display: none !important;
    }
	.btn_unban {
    gap: 8px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
}

.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  z-index: 1; }
  .owl-carousel > .container {
    padding: 0; }
  .owl-carousel.smiles_panel *::selection, .owl-carousel.smiles_panel *::-moz-selection {
    background: none; }
  .owl-carousel .owl-dots {
    display: none; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    }
    .owl-carousel .owl-stage:after {
      content: ".";
      display: block;
      clear: both;
      visibility: hidden;
      line-height: 0;
      height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    margin-left: 21.5px;
    width: 82%;
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
    }
  .owl-carousel .owl-wrapper, .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-wrapper, .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    padding: 0 !important;
    font: inherit;
    border: none !important;
    background: #505657;
    transition: 0.2s all;
    width: 37px;
    position: relative;
    border-radius: 10px;
    color: #afb4b5;
    }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: -webkit-grab;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }
  .owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
            animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both; }
  .owl-carousel .owl-animated-in {
    z-index: 0; }
  .owl-carousel .owl-animated-out {
    z-index: 1; }
  .owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
            animation-name: fadeOut; }

.no-js .owl-carousel {
  display: block; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out; }

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1100;
  background-color: black;
  opacity: 0.75;
  display: none; }

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 1110;
  text-align: center;
  line-height: 0;
  font-weight: normal;
  display: none;
  }
  .lightbox .lb-outerContainer {
    position: relative;
    background-color: white;
    /* *zoom: 1; */
    width: 250px;
    height: 250px;
    margin: 0 auto;
    border-radius: 2px; }
    .lightbox .lb-outerContainer .lb-container {
      padding: 2px; }
      .lightbox .lb-outerContainer .lb-container > .nav {
        left: 0; }
      .lightbox .lb-outerContainer .lb-container .lb-loader {
        position: absolute;
        top: 43%;
        left: 0;
        height: 25%;
        width: 100%;
        text-align: center;
        line-height: 0; }
        .lightbox .lb-outerContainer .lb-container .lb-loader .lb-cancel {
          display: block;
          width: 32px;
          height: 32px;
          margin: 0 auto;
          background: url("../img/loader.gif") no-repeat; }
      .lightbox .lb-outerContainer .lb-container .lb-image {
        display: block;
        height: auto;
        max-width: inherit;
        border-radius: 3px; }
      .lightbox .lb-outerContainer .lb-container .lb-nav {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 10; }
        .lightbox .lb-outerContainer .lb-container .lb-nav a {
          outline: none;
          background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="); }
        .lightbox .lb-outerContainer .lb-container .lb-nav .lb-prev, .lightbox .lb-outerContainer .lb-container .lb-nav .lb-next {
          height: 100%;
          cursor: pointer;
          display: block; }
        .lightbox .lb-outerContainer .lb-container .lb-nav a.lb-prev, .lightbox .lb-outerContainer .lb-container .lb-nav a.lb-next {
          opacity: 0;
          -webkit-transition: opacity 0.6s;
          -o-transition: opacity 0.6s;
          transition: opacity 0.6s;
          background: rgba(0, 0, 0, 0.26); }
        .lightbox .lb-outerContainer .lb-container .lb-nav a.lb-prev:after, .lightbox .lb-outerContainer .lb-container .lb-nav a.lb-next:after {
          font-family: Font Awesome\ 5 Pro;
          -moz-osx-font-smoothing: grayscale;
          -webkit-font-smoothing: antialiased;
          display: inline-block;
          font-style: normal;
          font-variant: normal;
          text-rendering: auto;
          font-size: 1.33333em;
          line-height: 0.75em;
          vertical-align: -.0667em;
          line-height: 0.75em;
          font-weight: 900;
          font-size: 30px;
          color: #fff;
          position: absolute;
          top: 50%;
          margin-top: -0.325em; }
        .lightbox .lb-outerContainer .lb-container .lb-nav a.lb-prev {
          width: 20%;
          left: 0;
          float: left; }
          .lightbox .lb-outerContainer .lb-container .lb-nav a.lb-prev::after {
            margin-left: -8px;
            left: 10%;
            content: "\f104"; }
        .lightbox .lb-outerContainer .lb-container .lb-nav a.lb-next {
          width: 20%;
          right: 0;
          float: right; }
          .lightbox .lb-outerContainer .lb-container .lb-nav a.lb-next::after {
            margin-right: -8px;
            right: 10%;
            content: "\f105"; }
        .lightbox .lb-outerContainer .lb-container .lb-nav a.lb-prev:hover, .lightbox .lb-outerContainer .lb-container .lb-nav a.lb-next:hover {
          opacity: 0.8; }
  .lightbox .lb-outerContainer:after {
    content: "";
    display: table;
    clear: both; }
  .lightbox a img {
    border: none; }

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  /* *zoom: 1; */
  width: 100%; }
  .lb-dataContainer::after {
    content: "";
    display: table;
    clear: both; }
  .lb-dataContainer .lb-data {
    padding: 0 4px;
    color: #ccc; }
    .lb-dataContainer .lb-data .lb-details {
      width: 85%;
      float: left;
      text-align: left;
      line-height: 1.1em; }
    .lb-dataContainer .lb-data .lb-caption {
      font-size: 13px;
      font-weight: bold;
      line-height: 1em; }
    .lb-dataContainer .lb-data .lb-number {
      display: block;
      clear: left;
      padding-bottom: 1em;
      font-size: 12px;
      color: #999; }
    .lb-dataContainer .lb-data .lb-close {
      color: #ccc;
      display: block;
      float: right;
      width: 30px;
      height: 30px;
      text-align: right;
      outline: none;
      opacity: 0.7;
      -webkit-transition: opacity 0.2s;
      -o-transition: opacity 0.2s;
      transition: opacity 0.2s; }
      .lb-dataContainer .lb-data .lb-close::after {
        font-family: Font Awesome\ 5 Pro;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        font-size: 1.33333em;
        line-height: 0.75em;
        vertical-align: -.0667em;
        font-weight: 900;
        content: "\f00d"; }
      .lb-dataContainer .lb-data .lb-close:hover {
        cursor: pointer;
        opacity: 1; }

.noty_bar.noty_type_error .noty_message {
  background: #fce3e3;
  color: #FF5D5D;
  border: 1px solid #e8caca; }

.noty_bar.noty_type_error a {
  color: #FF5D5D; }

.noty_bar .noty_message {
  padding: 15px !important;
  }
  .noty_bar .noty_message .noty_text {
    margin: -15px;
    display: block;
    font-weight: 400; }
    .noty_bar .noty_message .noty_text a {
      display: block;
      background: #e17b7d;
      color: #ffffff;
      font-size: 11px;
      padding: 15px 25px;
      }

.noty_bar .noty_message .noty_text a:hover {
      display: block;
      background: #c36c6e;
      color: #ffffff;
      font-size: 11px;
      padding: 15px 25px;
      }


.animated {
  border: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-radius: 9px !important;
  width: fit-content !important;
  background-color: #ffffff00 !important;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  .animated .infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }
  .animated .hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s; }

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes fadeOutDown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fadeIn {
  border-radius: 10px !important;
  background-color: rgb(47 51 58) !important;
  width: auto !important;
  float: right;
  }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

#nprogress {
  z-index: 1200;
  pointer-events: none; }
  #nprogress .spinner {
    display: block;
    position: fixed;
    z-index: 1200;
    top: 15px;
    right: 15px; }
  #nprogress .spinner-icon {
    width: 20px;
    display: none;
    height: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: solid 2px transparent;
    border-top-color: #8670ff00;
    border-left-color: #8670ff;
    border-radius: 50%;
    -webkit-animation: nprogress-spinner 400ms linear infinite;
    animation: nprogress-spinner 400ms linear infinite; }

.nprogress-custom-parent {
  overflow: hidden;
  position: relative; }
  .nprogress-custom-parent .spinner, .nprogress-custom-parent .bar {
    position: absolute; }

@-webkit-keyframes nprogress-spinner {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes nprogress-spinner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.result_ok, .result_ok_b {
  display: block;
  position: fixed;
  z-index: 1200;
  top: 16px;
  right: 18px;
  color: #5086ff;
  font-size: 16px;
  }

.result_error, .result_error_b {
  display: block;
  position: fixed;
  z-index: 1200;
  top: 17px;
  right: 18px;
  color: #5086ff;
  font-size: 16px;
  }

.wapper .header {
  position: relative; }

.b-page__content {
  height: 50px;
  background-color: #1c1e1f;
  }

.b-head-decor {
  display: none; }

.b-page_newyear .b-head-decor {
  z-index: 1200;
  position: absolute;
  top: 0;
  margin-top: -35px;
  left: 0;
  display: block;
  height: 105px;
  width: 100%;
  overflow: hidden;
  background: url(../img/balls/b-head-decor_newyear.png) repeat-x 0 0; }

.b-page_newyear .b-head-decor__inner {
  position: absolute;
  top: 0;
  left: 0;
  height: 115px;
  display: block;
  width: 373px; }

.b-page_newyear .b-head-decor::before {
  content: '';
  display: block;
  position: absolute;
  top: -115px;
  left: 0;
  z-index: 3;
  height: 115px;
  display: block;
  width: 100%;
  -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.75);
          box-shadow: 0 15px 30px rgba(0, 0, 0, 0.75); }

.b-page_newyear .b-head-decor__inner_n2 {
  left: 373px; }

.b-page_newyear .b-head-decor__inner_n3 {
  left: 746px; }

.b-page_newyear .b-head-decor__inner_n4 {
  left: 1119px; }

.b-page_newyear .b-head-decor__inner_n5 {
  left: 1492px; }

.b-page_newyear .b-head-decor__inner_n6 {
  left: 1865px; }

.b-page_newyear .b-head-decor__inner_n7 {
  left: 2238px; }

.b-ball {
  position: absolute; }

.b-ball_n1 {
  top: 0;
  left: 3px;
  width: 59px;
  height: 83px; }

.b-ball_n2 {
  top: -19px;
  left: 51px;
  width: 55px;
  height: 70px; }

.b-ball_n3 {
  top: 9px;
  left: 88px;
  width: 49px;
  height: 67px; }

.b-ball_n4 {
  top: 0;
  left: 133px;
  width: 57px;
  height: 102px; }

.b-ball_n5 {
  top: 0;
  left: 166px;
  width: 49px;
  height: 57px; }

.b-ball_n6 {
  top: 6px;
  left: 200px;
  width: 54px;
  height: 70px; }

.b-ball_n7 {
  top: 0;
  left: 240px;
  width: 56px;
  height: 67px; }

.b-ball_n8 {
  top: 0;
  left: 283px;
  width: 54px;
  height: 53px; }

.b-ball_n9 {
  top: 10px;
  left: 321px;
  width: 49px;
  height: 66px; }

.b-ball_n1 .b-ball__i {
  background: url(../img/balls/b-ball_n1.png) no-repeat; }

.b-ball_n2 .b-ball__i {
  background: url(../img/balls/b-ball_n2.png) no-repeat; }

.b-ball_n3 .b-ball__i {
  background: url(../img/balls/b-ball_n3.png) no-repeat; }

.b-ball_n4 .b-ball__i {
  background: url(../img/balls/b-ball_n4.png) no-repeat; }

.b-ball_n5 .b-ball__i {
  background: url(../img/balls/b-ball_n5.png) no-repeat; }

.b-ball_n6 .b-ball__i {
  background: url(../img/balls/b-ball_n6.png) no-repeat; }

.b-ball_n7 .b-ball__i {
  background: url(../img/balls/b-ball_n7.png) no-repeat; }

.b-ball_n8 .b-ball__i {
  background: url(../img/balls/b-ball_n8.png) no-repeat; }

.b-ball_n9 .b-ball__i {
  background: url(../img/balls/b-ball_n9.png) no-repeat; }

.b-ball_i1 .b-ball__i {
  background: url(../img/balls/b-ball_i1.png) no-repeat; }

.b-ball_i2 .b-ball__i {
  background: url(../img/balls/b-ball_i2.png) no-repeat; }

.b-ball_i3 .b-ball__i {
  background: url(../img/balls/b-ball_i3.png) no-repeat; }

.b-ball_i4 .b-ball__i {
  background: url(../img/balls/b-ball_i4.png) no-repeat; }

.b-ball_i5 .b-ball__i {
  background: url(../img/balls/b-ball_i5.png) no-repeat; }

.b-ball_i6 .b-ball__i {
  background: url(../img/balls/b-ball_i6.png) no-repeat; }

.b-ball_i1 {
  top: 0;
  left: 0;
  width: 25px;
  height: 71px; }

.b-ball_i2 {
  top: 0;
  left: 25px;
  width: 61px;
  height: 27px; }

.b-ball_i3 {
  top: 0;
  left: 176px;
  width: 29px;
  height: 31px; }

.b-ball_i4 {
  top: 0;
  left: 205px;
  width: 50px;
  height: 51px; }

.b-ball_i5 {
  top: 0;
  left: 289px;
  width: 78px;
  height: 28px; }

.b-ball_i6 {
  top: 0;
  left: 367px;
  width: 6px;
  height: 69px; }

.b-ball__i {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
      transform-origin: 50% 0;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  pointer-events: none; }

.b-ball_bounce .b-ball__right {
  position: absolute;
  top: 0;
  right: 0;
  left: 50%;
  bottom: 0;
  z-index: 9; }

.b-ball_bounce:hover .b-ball__right {
  display: none; }

.b-ball_bounce .b-ball__right:hover {
  left: 0;
  display: block !important; }

.b-ball_bounce.bounce > .b-ball__i {
  -webkit-transform: rotate(-9deg);
  -ms-transform: rotate(-9deg);
      transform: rotate(-9deg); }

.b-ball_bounce .b-ball__right.bounce + .b-ball__i {
  -webkit-transform: rotate(9deg);
  -ms-transform: rotate(9deg);
      transform: rotate(9deg); }

.b-ball_bounce.bounce1 > .b-ball__i {
  -webkit-transform: rotate(6deg);
  -ms-transform: rotate(6deg);
      transform: rotate(6deg); }

.b-ball_bounce .b-ball__right.bounce1 + .b-ball__i {
  -webkit-transform: rotate(-6deg);
  -ms-transform: rotate(-6deg);
      transform: rotate(-6deg); }

.b-ball_bounce.bounce2 > .b-ball__i {
  -webkit-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
      transform: rotate(-3deg); }

.b-ball_bounce .b-ball__right.bounce2 + .b-ball__i {
  -webkit-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
      transform: rotate(3deg); }

.b-ball_bounce.bounce3 > .b-ball__i {
  -webkit-transform: rotate(1.5deg);
  -ms-transform: rotate(1.5deg);
      transform: rotate(1.5deg); }

.b-ball_bounce .b-ball__right.bounce3 + .b-ball__i {
  -webkit-transform: rotate(-1.5deg);
  -ms-transform: rotate(-1.5deg);
      transform: rotate(-1.5deg); }

.win_day {
  background: url("../img/balls/win_day.png");
  background-size: 100% 100%;
  height: 80px;
  width: 170px;
  position: absolute;
  z-index: 1000;
  left: 0;
  top: 103px; }

@media (max-width: 991.99px) {
  .win_day, .b-page__content {
    display: none; } 
}

* {
  margin: 0;
  padding: 0;
  outline: none !important;
  }

html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  }

body {
  font-family: "Montserrat", sans-serif;
  line-height: 20px;
  background: url(../img/background.webp) no-repeat fixed center top;
  background-color: #101620;
  background-size: cover;
  font-size: 12px;
  color: #ffffff;
  }

a {
  color: #ff96a3;
  font-weight: 600;
  transition: 0.2s;
  }
a:hover {
  color: #d87c87;
  }
  a.small {
    color: #868e90;
    font-size: 9px;
    transition: 0.2s;
    font-family: revert;
    font-weight: 600;
    border-bottom: 1px solid #0c66ff;
    }
    a.small:hover, a.small:focus, a.small:visited {
      color: #fff;
    transition: 0.2s;}
  a:hover {
    text-decoration: none; }
  a[onclick] {
    color: #ffffff;
    cursor: pointer;
    }

h2 {
  font-weight: bold;
  line-height: 32px;
  font-size: 19px;
  }

.loader {
  border: 4px solid #43494a;
  border-radius: 50%;
  border-top: 4px solid #ff7e7b;
  margin-left: auto;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: auto;
  width: 40px;
  height: 40px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 0.5s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
  .logo h1 {
    line-height: 0;
    margin: 0;
    display: none; }
  .logo span {
    display: none;
    font-weight: 700;
    line-height: 56px;
    font-size: 20px;
    letter-spacing: 2px; }
    .logo span:nth-child(1) {
      color: #0a1f44; }
    .logo span:nth-child(2) {
      color: #0c66ff; }

.wapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  /* -webkit-box-direction: normal; */
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  padding: 0;
  }
  .wapper > .content {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }
  .wapper > .footer {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    place-self: center;
    background-color: #303334;
    padding-top: 36px;
    width: 59.5%;
    border-radius: 15px;
    margin-top: 30px;
    padding-bottom: 30px;
    position: relative;
    }
    .wapper > .footer .col-lg-4 .logo {
      display: block; }
      .wapper > .footer .col-lg-4 .logo span {
        font-size: 28px; }
    .wapper > .footer .col-lg-4 p {
      line-height: 20px;
      font-size: 12px;
      margin-top: 20px;
      text-align: justify; }
    .wapper > .footer .col-lg-2 strong {
      font-weight: bold;
      font-size: 16px;
      color: #989898;
      margin-bottom: 20px;
      display: block; }
    .wapper > .footer .col-lg-2 ul {
      position: relative;
      display: block;
      list-style: none; }
      .wapper > .footer .col-lg-2 ul li {
        margin: 0 0 8px; }
        .wapper > .footer .col-lg-2 ul li a {
          color: #ffffff;
          font-size: 14px; }
    .wapper > .footer hr {
      border-color: #f1f2f4; }
    .wapper > .footer .copyright #copyright {
      display: inline-block;
      margin: 0; }
      .wapper > .footer .copyright #copyright br {
        display: none; }
    .wapper > .footer .copyright a {
      font-weight: 600;
      }
    .wapper > .footer .copyright p {
      color: #ffffff;
      display: inline-block;
      margin: 0; }
      .wapper > .footer .copyright p span {
        position: relative;
        top: 2px;
        margin: 0 5px;
        color: #adb3b5; }
    @media (max-width: 991.99px) {
      .wapper > .footer .copyright p {
        min-height: 30px;
        line-height: 21px; }
      .wapper > .footer #copyright {
        width: 100%;
        display: block;
        height: 30px !important;
        line-height: 30px !important; } }
    @media (min-width: 992px) {
      .wapper > .footer #copyright {
        height: 40px;
        line-height: 40px;
        padding-left: 15px;
        border-left: 1px solid #f1f2f4; }
      .wapper > .footer .copyright p {
        height: 40px;
        line-height: 40px;
        margin-right: 15px;
        } }
  @media (max-width: 991.99px) {
    .wapper > .footer {
      padding-top: 50px;
      width: 72.5%;
      padding-left: 30px;
      }
      .wapper > .footer .col-lg-2 ul {
        margin-bottom: 30px; } }
  @media (min-width: 1200px) {
    .wapper .container {
      max-width: 1350px;
      } }
  .wapper .header {
    padding-top: 2px;
    background: #111923;
    height: 109px;
    border-bottom: 1px solid #242a4000;
    }

.forum_info_answer {
  display: flex;
  gap: 7px;
  height: 24px;
  margin-bottom: 10px;
}
    .wapper .header .auth-in, .wapper .header .reg-in {
      display: block;
      float: right;
      margin-left: 10px;
      margin-top: 12px; }
    .wapper .header .menu-trigger {
      font-family: Font Awesome\ 5 Pro;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      font-size: 1.33333em;
      line-height: 0.75em;
      vertical-align: -.0667em;
      font-weight: 900;
      text-align: center;
      color: #0a1f44;
      border: 1px solid #e8ebee;
      background-color: #fff;
      float: right;
      margin-left: 10px;
      margin-top: 12px; }
    .wapper .header .menu-trigger.collapsed:before {
      content: "\f0c9"; }
    .wapper .header .menu-trigger:not(.collapsed):before {
      content: "\f066"; }
  @media (min-width: 992px) {
    .wapper .header {
      position: relative; }
      .wapper .header ul {
        display: block;
        float: left;
        list-style: none;
        margin: 0 0 0 40px;
        }
        .wapper .header ul > li {
          float: left;
          margin: 0 17px;
          }
          .wapper .header ul > li > a {
            font-size: 12px;
            display: block;
            height: 56px;
            color: #333;
            }
	            .wapper .header ul > li > a:hover {
            font-size: 12px;
            display: block;
            color: #5086ff;
            }
        .wapper .header ul.user-menu {
          margin: 6px -8px;
          height: 32px;
          float: right;
          position: relative;
          }
          .wapper .header ul.user-menu > li {
            margin: 0 3px;
            }
            .wapper .header ul.user-menu > li.balance {
              color: #fff;
              position: relative;
              padding: 9px 7px 9px 50px;
              font-size: 11px;
              font-weight: 600;
              top: 10px;
              margin-left: 10px;
              line-height: 26px;
              margin-right: 5px;
              background: #333738;
              border-radius: 50px;
              }

    .wapper .header ul.user-menu > li.balance i{
                  font-size: 13px;
                  width: 31px;
                  background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 170%));
                  text-shadow: #000000d4 1px 0 7px;
                  transition: 0.2s;
                  height: 31px;
                  position: absolute;
                  display: flex !important;
                  left: 7px;
                  top: 6px;
                  color: #ffffff;
                  margin-right: 10px;
                  border-radius: 50px;
                  align-items: center;
                  justify-content: center;
              }
    
              .wapper .header ul.user-menu > li.balance span, .wapper .header ul.user-menu > li.balance i, .wapper .header ul.user-menu > li.balance a {
                display: inline-block; }
              .wapper .header ul.user-menu > li.balance span, .wapper .header ul.user-menu > li.balance i {
                font-size: 14px;
                line-height: 30px;
                }
              .wapper .header ul.user-menu > li.balance span {
                font-weight: 600;
                font-size: 11px;
                top: 5px;
                position: relative;
                padding-left: 6px;
                }
              .wapper .header ul.user-menu > li.balance i {
                font-weight: 500;
                }
              .wapper .header ul.user-menu > li.balance a {
                height: 32px;
                width: 95px;
                margin-top: -7px;
                margin-left: 12px;
                font-size: 10.5px;
                font-weight: 600;
                border-radius: 50px;
                line-height: 14px;
                color: #ffffff;
                }
                .wapper .header ul.user-menu > li.balance a i {
                  color: #fff;
                  top: -4px;
                  left: -3px; }
            .wapper .header ul.user-menu > li a i.fa-envelope {
              left: -2px; }
            .wapper .header ul.user-menu > li.collapsible {
              width: 38px;
              position: relative;
              margin-top: 1px;
              margin-left: 20px;
              }
              .wapper .header ul.user-menu > li.collapsible > a {
                width: 42px; }
                .wapper .header ul.user-menu > li.collapsible > a img {
                  width: 38px;
                  height: 38px;
                  border-radius: 50px;
                  margin-left: -15px;
                  top: -16px;
                  position: relative;
                  display: block;
                  float: left;
                  }
                .wapper .header ul.user-menu > li.collapsible > a i {
                  display: block;
                  float: right;
                  color: #f000;
                  line-height: 30px;
                  font-size: 10px;
                  }
            .collapsible_head{
                padding: 17px;
                border-radius: 15px;
                background: #434849;
                overflow: hidden;
                display: flex;
                gap: 10px;
                margin: 15px 15px 10px 15px;
                align-items: center;
                justify-content: space-between;
                }
	  
			  .collapsible_head .bxs-door-open {
			    color: #ff7a2a;
			    transition: all 0.2s;
			    background: #ff605424;
			    width: 35px;
			    border: solid 1px #ff665a3b;
			    height: 35px;
			    cursor: pointer;
			    display: flex;
			    position: relative;
			    font-size: 15px;
			    border-radius: 10px;
			    justify-content: center;
			    align-items: center;
				}
			  .collapsible_head .bxs-door-open:hover {
			    color: #ffffff;
			    background: #ff7a2a;
							    border: solid 1px #ff7a2a;
				}
            .collapsible_profile{
              position: relative;
              padding-left: 26%;
              top: 13px;
            }
            .wapper .header ul.user-menu > li > a {
              height: 32px;
              width: 32px;
              line-height: 39px;
              text-align: center;
              margin: 0;
              }
              .wapper .header ul.user-menu > li > a i {
                color: #999195;
                transition: 0.2s;
                padding: 9px;
                font-size: 20px;
                top: 13px;
                position: relative;
                font-weight: 500;
                }
    .wapper .header ul.user-menu > li > a i:hover {
                color: #ffffff;
                transition: 0.2s;
                font-size: 20px;
                top: 13px;
                position: relative;
                font-weight: 500;
                }
            .wapper .header ul.user-menu > li > ul {
              z-index: 1013;
              display: none;
              position: absolute;
              background: linear-gradient(15deg, #252829 30%, #323637 100%);
              right: calc(100% - 33px);
              width: 330px;
              height: auto;
              list-style: none;
              top: 66px;
              box-shadow: 0px 5px 10px #13151a4f;
              border-radius: 20px;
              overflow: hidden;
              }
              .wapper .header ul.user-menu > li > ul > li {
                text-align: left;
                width: 100%;
                margin: 0px;
                }
                .wapper .header ul.user-menu > li > ul > li:hover {
                  color: #171717; }
                .wapper .header ul.user-menu > li > ul > li > a {
                  font-weight: 600;
                  color: #6e7678;
                  font-size: 11px;
                  border-radius: 10px;
                  position: relative;
                  height: 43px;
                  text-overflow: ellipsis;
                  transition: 0.2s;
                  margin-bottom: 7px;
                  overflow: hidden;
                  white-space: nowrap;
                  padding: 10px;
                  }
    .wapper .header ul.user-menu > li > ul > li > a:hover {
                  background: #212d47;
                  }
 .header ul.user-menu > li > ul > li > a i {
                  color: #6e7678;
                  font-size: 17px;
                  margin-right: 5px;
                  transition: .2s all;
                  margin-left: 5px;
                  position: relative;
                  top: 3px;
                  }

					  .header ul.user-menu > li > ul > li > a b {
                  color: #6e7678;
                  font-size: 8px;
                  transition: .2s all;
                  margin-left: 5px;
                  background: #26334e;
                  border-radius: 50px;
                  position: relative;
                  top: -1px;
                  padding: 2px 9px;
                  }

              .wapper .header ul.user-menu > li > ul > li:last-child > a {
                border-bottom: 0; }
    .wapper .header-menu {
      background-color: #1e263800;
      position: relative;
      border-radius: 10px;
      }

      .wapper .header-menu .collapsible-menu {
        font-size: 14px;
        list-style: none;
        padding: 0;
        margin: 0;
        margin-top: -3px;
        overflow: hidden;
        height: 40px;
        }
        .wapper .header-menu .collapsible-menu > li {
          margin: 0;
          padding: 0;
          display: inline-block; }
          .wapper .header-menu .collapsible-menu > li.collapsible::after {
            font-family: Font Awesome\ 5 Pro;
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto;
            line-height: 0.75em;
            vertical-align: -.0667em;
            font-weight: 900;
            content: "\f078";
            position: relative;
            z-index: 1010;
            background: #4b5152;
            color: #ab9fa4;
            font-size: 7.4px;
            line-height: 1px;
            width: 16px;
            display: flex;
            height: 16px;
            border-radius: 50px;
            float: left;
            margin-top: 15px;
            margin-right: 10px;
            margin-left: -1px;
            justify-content: center;
            align-items: center;
            }
          .wapper .header-menu .collapsible-menu > li > a {
            position: relative;
            display: block;
            height: 48px;
            float: left;
            line-height: 46px;
            font-weight: 800;
            color: #a5b2c4;
            font-size: 13px;
            padding: 0 7px;
            }
            .wapper .header-menu .collapsible-menu > li > a:hover, .wapper .header-menu .collapsible-menu > li > a.open {
              color: #ffffff; }
          .wapper .header-menu .collapsible-menu > li:first-child > a {
            padding-left: 0; }
          .wapper .header-menu .collapsible-menu > li ul {
            display: none;
            list-style: none;
            background: linear-gradient(15deg, #252829 30%, #323637 100%);
            margin: 0;
            padding: 11px;
            position: absolute;
            box-shadow: 0px 5px 10px #13151a4f;
            min-width: 200px !important;
            z-index: 1011;
            top: 56px;
            border-radius: 15px;
            overflow: hidden;
            }
            .wapper .header-menu .collapsible-menu > li ul > li > a:hover {
               font-weight: 600;
               color: #ffffff;
               border-radius: 10px;
               font-size: 11px;
               background: #43494a;
               display: block;
               transition: .2s all;
               }
            .wapper .header-menu .collapsible-menu > li ul > li > a {
              font-weight: 600;
              color: #ffffff;
              font-size: 11px;
              border-radius: 10px;
              transition: .2s all;
              display: block;
              position: relative;
              height: 45px;
              line-height: 45px;
              padding-left: 15px;
              margin: 0px;
              }
            .wapper .header-menu .collapsible-menu > li ul > li:last-child > a {
              border-bottom: 0; } }

.table .table {
  background-color: #1b1b1b00;
}

.product_block2 {
  background: #1f2122;
  justify-content: space-between;
  max-height: 400px;
  display: flex;
  flex-direction: column;
 }
.block_flex2{background: #282b2c ;
  justify-content: space-between;
}
.product-content {
    width: 450px;
    padding: 0px;
    height: 70px;
    background: rgb(42 43 71 / 0%);
    border-radius: 15px;
    flex: 0 0 auto;
    }

.product-content1 {
    width: 450px;
    height: 70px;
    padding: 0px;
    text-align: center;
    background: rgb(42 43 71 / 0%);
    border-radius: 15px;
    flex: 0 0 auto;
    }

	@media (max-width: 576px) {
	.with_code {
    width: 94%;
    overflow-wrap: break-word;
    height: 100%;
    font-weight: 600;
    background: rgb(42 43 71 / 0%);
    border-radius: 15px;
    flex: 0 0 auto;
}

	.block_servers {
}
      .product-content {
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgb(42 43 71 / 0%);
    border-radius: 15px;
    flex: 0 0 auto;
    margin-top: 20px;
}
}

.promo-code {margin-top: -20px;}

.last_activ {
  background: #fff0;
  padding: 13px;
  border: solid 1px #353a3b;
  border-radius: 13px;
  margin-bottom: 18px;
  margin-top: 14px;
}

.name_sidebar {
  	color: #ffff;
  	position: relative;
  	font-weight: bold;
  	text-overflow: ellipsis;
  	width: 150px;
  	overflow: hidden;
  	white-space: nowrap;
  	font-size: 12px;
}

.heading_block {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  width: 100%;
  justify-content: space-between;
}

.double_heading i {
  width: 45px;
  height: 45px;
  background: radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%);
  text-shadow: #000000d4 1px 0 7px;
  display: flex;
  border-radius: 50px 10px 50px 50px;
  color: #ffffff;
  box-shadow: 3px 1px 0px 1px rgb(255 126 124 / 28%);
  margin-right: 17px;
  font-size: 19px;
  align-items: center;
  justify-content: center;
}  

.button_servers {
  display: flex;
  align-items: center;
  right: 18px;
  position: absolute;
  margin-top: -47px;
}

.online_scroll .block_online{
  display: none;
}

.online_scroll {
  height: 269px;
  overflow: auto;
  color: #fff0;
}

.online_scroll .user_online_top{
  display: none;
}

.online_scroll::-webkit-scrollbar{
    display: none;
}

 .topic-answers div[id^="answer"] .left-side {
      flex-grow: 3;
      border-radius: 20px;
      float: left;
      width: 27%;
      height: 100%;
      padding: 17px;
      text-align: center;
      }

    .topic-answers div[id^="answer"] .right-side {
      position: relative;
      -webkit-box-flex: 3;
      flex-grow: 3;
      border-radius: 20px;
      float: right;
      }

.chat_icon {
  background: #ff8b8b;
  color: #fff;
  width: 30px;
  height: 30px;
  text-align: center;
  font-size: 14px;
  display: inherit;
  line-height: 32px;
  margin-left: 9px;
  position: relative;
  margin-right: 10px;
  top: 2px;
  border-radius: 8px;
}

.buttons_top {
  display: flex;
  position: relative;
}

.forum_profile_reaction {
  gap: 10px;
  display: flex;
  align-items: center;
}

.forum_profile_reaction .bx-heart{
  border-radius: 9px;
  width: 35px;
  background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 170%));
  text-shadow: #000000d4 1px 0 7px;
  height: 35px;
  display: flex;
  font-size: 15px;
  color: #fff;
  align-items: center;
  justify-content: center;
}

.forum_profile_reaction .bx-message-square-detail{
      border-radius: 9px;
      width: 35px;
      background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 170%));
      text-shadow: #000000d4 1px 0 7px;
      height: 35px;
      display: flex;
      font-size: 15px;
      color: #fff;
      align-items: center;
      justify-content: center;
}

.forum_profile_reaction .bx-star{
      border-radius: 9px;
      width: 35px;
      background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 170%));
      text-shadow: #000000d4 1px 0 7px;
      height: 35px;
      display: flex;
      font-size: 15px;
      color: #fff;
      align-items: center;
      justify-content: center;
}

.reaction_block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: 15px;
  font-weight: bold;
  margin-left: 10px;
}

.button_player {
  border: none;
  background: #3a3f40;
  padding: 10px 15px;
  margin-right: 10px;
  color: #606768;
  font-weight: 600;
  font-size: 10.5px;
  border-radius: 8px;
  transition: 0.2s;
}

.button_player:hover {
  border: none;
  color: #ffff;
  background: #4c5254;
  padding: 10px 15px;
  margin-right: 10px;
    font-weight: 600;
  font-size: 10.5px;
  border-radius: 8px;
  transition: 0.2s;
}

.p_mobile {
    font-size: 10px;
    font-weight: 600;
    line-height: 12px;
    color: #6e7678 !important;
    width: 90%;
    margin-top: 4px;
}

.span_monile {
    font-size: 12.5px;
    font-weight: 600;
    position: relative;
}

.text_online {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.black_list_text {
  display: flex;
  flex-direction: column;
  line-height: 23px;
}

.black_list_button {
  border: none;
  padding: 13px 35px;
  background: linear-gradient(34deg, #b43535 0%, rgb(255 81 81) 55%);
  border-radius: 10px;
  color: #fff;
  transition: .2s all;
  font-weight: 600;
}

.black_list_button:hover {
  opacity: 0.7;
}

.black_list {
  border: solid 1px #383d3e;
  border-radius: 15px;
  display: flex;
  flex-direction: row;
  padding: 17px;
  padding-left: 19px;
  justify-content: space-between;
  align-items: center;
}

.black_list_left {
  display: flex;
  gap: 15px;
  align-items: center;
}

.block_setting_top {
      display: flex;
      padding: 0px;
      flex-direction: row;
      justify-content: space-between;
}

.block_setting_left {
    width: 40%;
    padding: 0px;
    margin-bottom: 0px;
}

.block_setting_right {
	width: 60%;
	padding: 0px;
	margin-left: 20px;
}

.block_setting_left1 {
    width: 60%;
    padding: 0px;
    margin-bottom: 0px;
}

.block_setting_right1 {
	width: 40%;
	padding: 0px;
	margin-left: 20px;
}

.referal_text {
  display: flex;
  flex-direction: column;
}

.referal_h1 {
  font-size: 15px;
  margin-bottom: 13px;
  padding-bottom: 13px;
  color: #fff;
  border-bottom: solid 1px #283652;
}

.black_list i {
	min-width: 40px;
	height: 40px;
	background: linear-gradient(34deg, #e75a50 0%, rgb(255 116 105) 55%);
	border-radius: 10px;
	display: flex;
	color: #fff;
	margin-right: 11px;
	font-size: 18px;
	align-items: center;
	justify-content: center;
}

.copyref {
  border: none;
  font-size: 16px;
  color: #acb2b4;
  padding-top: 3px;
  transition: .2s all;
  background: #fff0;
}

.copyref:hover {
  color: #ffffff;
}

.copy_link {
  background: #505658;
  border-radius: 10px;
  border: dashed 1px #756c6f;
  display: flex;
  font-size: 12px;
  height: 40px;
  gap: 12px;
  padding: 6px 11px;
  justify-content: space-between;
  align-items: center;
}

.copy_link span{
 color: #acb2b4;
 font-weight: bold;
 font-size: 11px;
}

.vk_block_setting_exit {
  background: linear-gradient(358deg, #0077ff6b 0%, #0077ffab 55%);
  width: 100%;
  padding: 13px 12px;
  font-size: 10.5px;
  transition: 0.2s;
  font-weight: 600;
  height: 55px;
  color: #fff;
  display: flex;
  border-radius: 11px;
  align-items: center;
  justify-content: space-between;
}

.vk_block_setting {
  background: linear-gradient(358deg, #0077ff6b 0%, #0077ffab 55%);
  width: 100%;
  padding: 13px 12px;
  font-size: 10.5px;
  transition: 0.2s;
  font-weight: 600;
  height: 55px;
  color: #fff;
  display: flex;
  border-radius: 11px;
  align-items: center;
  justify-content: flex-start;
}

.vk_block_setting:hover {
  opacity: 0.7;
}

.steam_block_setting_exit {
  background: linear-gradient(358deg, #53598687 0%, #687071 55%);
  width: 100%;
  padding: 13px 12px;
  font-size: 10.5px;
  transition: 0.2s;
  font-weight: 600;
  height: 55px;
  color: #fff;
  display: flex;
  border-radius: 11px;
  justify-content: space-between;
  align-items: center;
 }


.steam_block_setting {
  background: linear-gradient(358deg, #53598687 0%, #687071 55%);
  width: 100%;
  padding: 13px 12px;
  font-size: 10.5px;
  transition: 0.2s;
  font-weight: 600;
  height: 55px;
  color: #fff;
  display: flex;
  border-radius: 11px;
  align-items: center;
  justify-content: flex-start;
 }

.steam_block_setting:hover {
  opacity: 0.7;
 }

.vk_block_setting .bxl-vk {
  font-size: 17px;
  margin-right: 13px;
  height: 36px;
  display: flex;
  background: linear-gradient(358deg, #0067dd 0%, #1783ff 55%);
  width: 36px;
  border-radius: 10px;
  align-items: center;
  justify-content: center;
}

.vk_block_setting_exit .bxl-vk {
  font-size: 17px;
  margin-right: 13px;
  height: 36px;
  display: flex;
  background: linear-gradient(358deg, #0067dd 0%, #1783ff 55%);
  width: 36px;
  border-radius: 10px;
  align-items: center;
  justify-content: center;
}

.steam_block_setting i {
      font-size: 17px;
      margin-right: 13px;
      height: 36px;
      display: flex;
      background: linear-gradient(358deg, #7078ae91 0%, #8a9294 55%);
      width: 36px;
      border-radius: 10px;
      align-items: center;
      justify-content: center;
}

.steam_block_setting_exit .bxl-steam {
      font-size: 17px;
      margin-right: 13px;
      height: 36px;
      display: flex;
      background: linear-gradient(358deg, #7078ae91 0%, #8a9294 55%);
      width: 36px;
      border-radius: 10px;
      align-items: center;
      justify-content: center;
}

.button_vk_login {
      background: #ffffff26;
      padding: 6px 20px;
      border: solid 1px #ffffff26;
      border-radius: 7px;
      color: #ffffff9c;
      font-size: 10px;
      margin-right: -10px;
}

.button_vk_login:hover {
  background: #ffffff4a;
      padding: 6px 20px;
      border: solid 1px #ffffff26;
      border-radius: 7px;
      color: #ffffff;
      margin-right: -10px;
}

.button_steam_login {
      background: #ffffff0a;
      padding: 6px 20px;
      border: solid 1px #ffffff0a;
      border-radius: 7px;
      color: #ffffff66;
      font-size: 10px;
      margin-right: -10px;
}

.button_steam_login:hover {
  background: #ffffff17;
      padding: 6px 20px;
      border: solid 1px #ffffff1f;
      border-radius: 7px;
      color: #ffffff;
      margin-right: -10px;
}

.succesy_button_player {
      z-index: 2;
      border: none;
      text-shadow: #000000d4 1px 0 7px;
      background: radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%);
      color: #ffffff;
      right: 7px;
      width: 30px;
      height: 30px;
      font-size: 14px;
      margin-top: 26px;
      position: absolute;
      font-weight: 600;
      border-radius: 8px;
      transition: 0.2s;
}

.succesy_button_player:hover {
 opacity: 0.7;
}

.succesy_button {
      z-index: 2;
      border: none;
      color: #ffffff;
      background: linear-gradient(0deg, #404546 30%, #4a4f50 100%);
      right: 42px;
      width: 130px;
      margin-top: 26px;
      position: absolute;
      font-weight: 600;
      border-radius: 10px;
      padding: 11px 25px;
      transition: 0.2s;
}

.succesy_button:hover {
 opacity: 0.7;
}

.succesy_button_forum {
      z-index: 3;
      border: none;
      color: #ffffff;
      background: linear-gradient(0deg, #43494a 30%, #554d50 100%);
      right: 7px;
      width: 130px;
      margin-top: 7px;
      border-top: solid 1px #696064;
      position: absolute;
      font-weight: 600;
      border-radius: 10px;
      padding: 11px 25px;
      transition: 0.2s;
}

.succesy_button_forum:hover {
 opacity: 0.7;
}

.block_search {
      background: #313536;
      height: 50px;
      border-radius: 10px;
      display: flex;
      padding-left: 4px;
      align-items: center;
}

.group_sidebar {
      font-size: 11px;
      font-weight: 600;
      color: #818a8c;
}

.servers-online-max {
      font-size: 7.8px;
      font-weight: 600;
      color: #ffffff;
      position: absolute;
      margin-top: 37px;
      display: flex;
      margin-left: 27px;
      border: solid 5px #1d233a;
      background: linear-gradient(219deg, #337dff 0%, #005cff 95%);
      width: 29px;
      border-radius: 50px;
      height: 29px;
      justify-content: center;
      align-items: center;
}

.play-servers {
      font-size: 14px;
      width: 28px;
      position: relative;
      height: 28px;
      background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 170%));
      text-shadow: #000000c2 1px 0 7px;
      display: flex;
      color: #ffffff;
      border-radius: 50px;
      align-items: center;
      justify-content: center;
}

.play-servers:hover {
    opacity: 0.7;
    color: #ffffff;
}

.name_news {
      font-size: 17px;
      background-clip: text;
      font-weight: 600;
      color: white;
      text-overflow: ellipsis;
      width: 330px;
      overflow: hidden;
      white-space: nowrap;
}

.short_news {
      color: #b1a6ab;
      line-height: 14px;
      font-size: 11.3px;
      overflow: hidden;
      max-height: 40px;
      height: 40px;
      width: 300px;
      margin-top: 8px;
      margin-bottom: 22px;
      font-weight: 600;
}

.view_news {
      color: #a6adcd;
      gap: 10px;
      display: flex;
      border-radius: 12px;
      width: 60px;
      padding: 6px 12px;
      border: solid 1px #474d4e;
      font-size: 13px;
      align-items: center;
}

.line_menu {
      background: #6169ff;
      width: 35%;
      box-shadow: 0px -3px 13px #4f5eff;
      height: 2.1px;
      border-radius: 50px;
      position: relative;
      margin-left: auto;
      top: 14px;
      margin-right: auto;
}

#ending {
      display: flex;
}

.new_news {
      position: absolute;
      z-index: 20;
      background: linear-gradient(34deg, #bd4141 0%, #fd5656 55%);
      padding: 1px 9px;
      border-radius: 50px;
      box-shadow: 0px 0px 20px #fa555559;
      font-weight: 600;
      text-shadow: #00000096 1px 0 7px;
      font-size: 8.5px;
      color: #ffffff;
      margin-top: 30px;
      margin-left: 48px;
}

.sortion_block_head {
      background: #fff0;
      width: 160%;
      height: 380px;
      display: block;
      padding: 35px 45px;
}

.border_absolute {
      height: 116px;
      background: #34384000;
      width: 6px;
      z-index: 1;
      position: absolute;
      margin-left: 62px;
}

.first_text_news {
      color: #8d8588;
      font-weight: 600;
      font-size: 10.5px;
      margin-bottom: -3px;
}

.second_text_news {
      font-weight: 600;
      font-size: 11.5px;
      color: #ffffff;
      padding-left: 1px;
}

.news_info_set {
      display: flex;
      flex-direction: column;
      width: 100%;
      height: 45px;
      margin-top: -5px;
}

.sortition_lite_banner {
      display: flex;
      align-items: center;
      margin-top: -10px;
      width: fit-content;
}

.right_stats_info {
      margin-left: 15px;
      line-height: 17px;}

.flex_balance_mp {
      display: flex;
      align-items: center;
      gap: 10px;
}

.flex_balance_mp i{
  width: 35px;
  transition: all 0.2s;
  background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #606769 0, #4f5557 100%));
  height: 35px;
  font-size: 15px;
  display: flex;
  color: #afa4a7;
  border-radius: 10px;
  align-items: center;
  justify-content: center;
}

.flex_balance_mp span {
  font-weight: bold;
      font-size: 12px;
}

.profile_block {
      margin-bottom: 30px;
      border-radius: 20px;
      display: flex;
      gap: 15px;
}

.left_profile {
      border-radius: 20px;
      padding: 20px;
      background: #353939;
      background-size: cover;
      display: flex;
      justify-content: space-between;
}

.personal_card {
      display: flex;
      justify-content: space-between;
      padding-bottom: 15px;
      border-bottom: solid 1px #414647;
      margin-bottom: 15px;
}

.flex_user_info {
      display: flex;
      font-weight: bold;
      flex-direction: column;
      line-height: 18px;
}

.group_name {
      font-size: 11px;
}

.activity_name {
      font-size: 11px;
      border-radius: 11px;
      height: 45px;
      background: #353939;
      font-weight: 600;
      color: #aeb4b5;
      padding: 0px 25px;
      display: flex;
      align-items: center;
      justify-content: center;
}

.prof_l {
      display: flex;
      gap: 15px;
      align-items: center;
}

.persobal_card_flex {
      display: flex;
      gap: 15px;
      align-items: center;
}

.prof_r {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: flex-end;
}

.prof_r .bxs-door-open{
      color: #ff7a2a;
      transition: all 0.2s;
      background: #ff605424;
      width: 40px;
      border: solid 1px #ff665a3b;
      height: 40px;
      cursor: pointer;
      display: flex;
      position: relative;
      font-size: 17px;
      border-radius: 10px;
      justify-content: center;
      align-items: center;
}

.prof_r .bxs-door-open:hover {
	background: #ff756b;
      color: #ffffff;
}

.id {
      font-size: 12px !important;
      color: #c8c8c8 !important;
      margin-left: 1px;
}

.profile_top {
      border-radius: 20px;
      padding: 20px;
      background: linear-gradient(1deg, #1a1c1c 30%, #1e2020 100%);
      box-shadow: 0px 5px 10px #13151a4f;
}

.left_block {
      width: 60%;
}

.flex_contacts_btn {
      display: flex;
      justify-content: space-between;
      margin-top: 12px;
      border-bottom: solid 1px #2b2f30;
      padding-bottom: 14px;
}

.contacts_profile {
	display: flex;
	gap: 6px;
}

.prof_r_top {
      display: flex;
      gap: 10px;
}

.date_short {
      font-size: 10px;
      margin-left: 7px;
      font-family: 'Montserrat';
      font-weight: 600;
      color: #8d8689;
}

.send_comment {
      width: 100%;
      cursor: pointer;
      padding: 5px;
      margin-top: 5px;
      font-size: 10px;
      transition: .2s all;
      font-weight: bold;
      letter-spacing: 1px;
      border-radius: 50px;
      color: #ff7c76;
      border: solid 1px #ff7c76;
      background: #ff635c14;
}

.send_comment:hover {
    box-shadow: 0px 0px 20px #eb7e794d;
    background: #ff6d67;
    border: solid 1px #3f517d00;
    color: #ffffff;
}

.right_profile {
      width: 40%;
}

.admin_menu_block {
      display: flex;
      gap: 15px;
}

.left_block_admin {
      width: 100%;
      display: flex;
      gap: 10px;
      flex-direction: column;
}

.flex_modal_head {
      color: #ffff !important;
}

.flex_merchant_head {
      color: #ffff;
      margin-bottom: 10px;
}

.card-btn {
      color: #93888c !important;
      gap: 10px;
      background: #43494a;
      font-size: 11px;
      border-radius: 10px;
      display: flex;
      height: 42px;
      padding: 0px 15px;
      transition: 0.2s;
      align-items: center;
      justify-content: center;
}

.card-btn:hover {
  color: #ffffff !important;
      background: #4c5254;
}

.card-btn-s {
      color: #ffffff !important;
      gap: 10px;
      text-shadow: #000000d4 1px 0 10px;
      font-size: 17px;
      background: radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%);
      border-radius: 10px;
      display: flex;
      height: 42px;
      width: 42px;
      transition: 0.2s;
      align-items: center;
      justify-content: center;
}

.card-btn-s:hover {
  opacity: 0.7;
}

.flexinfo_card {
      display: flex;
      flex-direction: column;
}

.double_info_card {
      display: flex;
      flex-direction: column;
      width: 100%;
}

.activity_last_card {
      font-size: 11px;
      font-weight: bold;
      color: #897f83;
}

.btn_admins_menu {
      display: flex;
      flex-direction: column;
      width: 100%;
      gap: 7px;
}

.block_solution {
      padding: 20px;
      border-radius: 20px;
      margin-bottom: 20px;
      background: linear-gradient(1deg, #1a1c1c 30%, #232626 100%);
      box-shadow: 0px 5px 10px #0000000d;
}

.admins_img {
      border-radius: 7px !important;
      width: 25px !important;
      height: 25px !important;
      top: 14px !important;
      left: 10px !important;
}

.head_text_one {
      font-size: 11px;
      color: #8d9596;
}

.head_text_two {
      color: #fff;
      font-size: 12px;
}

.btn_setting_admins {
      height: 33px;
      border: none;
      cursor: pointer !important;
      display: flex !important;
      width: 120px !important;
      padding: 0px !important;
      transition: 0.2s;
      background: #4c5253;
      font-weight: 600;
      color: #958a8e !important;
      font-size: 11px;
      border-radius: 8px;
      align-items: center;
      justify-content: center;
}

.btn_setting_admins:hover {
  background: #5b6264;
      color: #ffffff !important;
      font-size: 11px;
}

.flex_text_head {
      display: flex;
      flex-direction: column;
      line-height: 17px;
}

@media(min-width:768px){.block_admins_select {
      margin-top: 20px;
      padding: 17px;
      padding-bottom: 11px;
      border: dashed 1px #393e3f;
      border-radius: 18px;
}}

.block_user {display: flex;}

.place_search {
      background: #393d5000 !important;
}

.line_info_stats {
      height: 2px;
      background: #fe8864;
      border-radius: 50px;
      display: block;
      box-shadow: 0px 0px 20px #fe8864;
      width: 100px;
}

.pagination_center {
      display: flex;
      justify-content: center;
}

.info_block_names img{
    width: 30px;
  height: 30px;
  display: block;
  position: relative;
}

.info_block_names {
      background: #383c3d;
      display: flex;
      padding: 10px;
      position: relative;
      gap: 10px;
      border-radius: 13px;
      font-weight: bold;
      align-items: center;
}

.info_block_names .progress {
	width: 100%;
	background-color: #ff7c8426;
	position: relative;
	height: 20px;
}

.info_block_names .progress span{position: absolute;width: 100%;display: flex;font-size: 10px;justify-content: center;}

.info_block_names .bx{
  display: flex;
  width: 45px;
  height: 45px;
  min-width: 45px;
  top: 0px !important;
  position: relative !important;
  font-size: 20px !important;
  right: 0px !important;
  transform: rotate(0deg) !important;
  border-radius: 11px;
  color: #ab9ca2 !important;
  align-items: center;
  background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #4c5253 0, #484e4f 100%));
  justify-content: center;
}

.flex_info_block_names {
      display: flex;
      flex-direction: column;
      line-height: 18px;
}

.btn_unban {
      margin-bottom: 15px;
}

.price_btn {
      background: #77b35340;
      padding: 8px 13px;
      color: #a6ed7c;
      border-radius: 7px;
      margin-left: 9px;
      margin-right: -10px;
      transition: 0.2s;
      font-size: 10px;
}

.text_desp_info {
      color: #958d90;
      font-size: 11px;
}

.name_info_block {
      font-size: 11px;
      color: #fff;
      padding-left: 1px;
}

.name_info_block a{
      display: flex;
      gap: 3px;
      color: #ffff;
}

.name_info_block a img{top: 1px !important;width: 18px;height: 18px;border-radius: 50px;}

.name_info_block p {
      font-size: 11px;
      color: #fff;
      padding-left: 1px;
      margin-bottom: 0px;
}

.search_user:hover .svg_sdg {
      background: #555c5e;
      fill: #ffffff;
}

.svg_sdg {
      width: 31px;
      background: #424849;
      transition: 0.2s;
      height: 31px;
      display: flex;
      position: relative;
      margin-left: -1px;
      fill: #abb1b3;
      margin-right: 10px;
      border-radius: 50px;
      align-items: center;
      justify-content: center;
}

.left_blocked {
      width: 48%;
      padding: 20px;
}

.btns_blocked {
      display: flex;
      gap: 10px;
}

.ban_btn_blocked {
      display: flex;
      cursor: pointer;
      transition: 0.2s;
      position: relative;
      letter-spacing: 1px;
      gap: 10px;
      padding: 7px 22px 7px 7px;
      background: rgb(254 136 99 / 18%);
      align-items: center;
      font-size: 10px;
      font-weight: 600;
      color: rgb(255 162 134);
      border-radius: 11px;
}

.ban_btn_blocked:hover {
  background: rgb(254 136 99 / 34%);
  color: rgb(255 255 255);
}

.ban_btn_blocked i {
    border-radius: 9px;
    font-size: 16px;
    color: rgb(253 172 148);
    display: flex;
    transition: 0.2s;
    padding-left: 1px;
    width: 33px;
    height: 33px;
    background: rgb(249 147 116 / 21%);
    align-items: center;
    justify-content: center;
}

.ban_btn_blocked:hover i {
    color: rgb(255 255 255);
    background: rgb(254 135 100);
}

.report_btn_blocked {
      display: flex;
      transition: 0.2s;
      position: relative;
      letter-spacing: 1px;
      gap: 10px;
      cursor: pointer;
      padding: 7px 22px 7px 7px;
      background: rgb(255 103 103 / 7%);
      align-items: center;
      font-size: 10px;
      color: rgb(255 128 128 / 93%);
      font-weight: 600;
      border-radius: 11px;
}

.report_btn_blocked:hover {
  background: rgb(255 92 92 / 19%);
      color: rgb(255 255 255 / 93%);
}

.report_btn_blocked i {
    border-radius: 9px;
    transition: 0.2s;
    font-size: 16px;
    color: rgb(255 121 121 / 93%);
    display: flex;
    padding-left: 1px;
    width: 33px;
    height: 33px;
    background: rgb(255 115 115 / 21%);
    align-items: center;
    justify-content: center;
}

.report_btn_blocked:hover i {
    color: rgb(255 255 255 / 93%);
      background: rgb(255 93 93);
}

.head_text {
      font-size: 12px;
      color: #fff;
}

.head_desp {
      font-size: 11px;
}

.flex_head {
      display: flex;
      gap: 10px;
      align-items: center;
      margin-left: 4px;
}

.mp_flex {
      display: flex;
      gap: 6px;
      margin-bottom: 5px;
}

.img_head {
      width: 36px;
      height: 36px;
      transition: 0.2s;
      border-radius: 50px;
      z-index: 1;
      position: relative;
}

.img_head:hover {
  opacity: 0.7;
}

.complaint_btn {
      color: #a6acc9;
      font-size: 14px;
      display: flex !important;
      line-height: 0px !important;
      margin-left: -3px !important;
      flex-direction: column-reverse;
}

.complaint_btn i{
      display: flex;
      line-height: 0px !important;
      padding: 0px !important;
      top: 0px !important;
      align-items: center;
      justify-content: center;
}

.complaint_btn span {
      width: 24px;
      position: relative;
      height: 24px;
      line-height: 0px;
      z-index: 900;
      display: flex;
      top: 2px;
      text-align: center;
      text-shadow: #000000 0px 0 5px;
      font-size: 9px;
      background: linear-gradient(34deg, #276542 0%, #4f9f71 55%);
      color: #fff;
      font-weight: 600;
      left: 15px;
      border: solid 3px #111923;
      border-radius: 50px;
      align-items: center;
      justify-content: center;
}

.unban_btn {
      display: flex !important;
      line-height: 0px !important;
      margin-left: -3px !important;
      flex-direction: column-reverse;
}

.unban_btn i{
      display: flex;
      line-height: 0px !important;
      padding: 0px !important;
      top: 0px !important;
      align-items: center;
      justify-content: center;
}

.unban_btn span {
      width: 24px;
      position: relative;
      height: 24px;
      line-height: 0px;
      z-index: 900;
      text-shadow: #000000 0px 0 5px;
      display: flex;
      top: 2px;
      text-align: center;
      font-size: 9px;
      background: linear-gradient(34deg, #5050a6 0%, #7979eb 65%);
      color: #fff;
      font-weight: 600;
      left: 15px;
      border: solid 3px #111923;
      border-radius: 50px;
      align-items: center;
      justify-content: center;
}

.head_btn {
      display: flex;
      flex-direction: column;
      line-height: 16px;
      font-weight: bold;
}

.add_admin_btn {
      width: 100%;
      background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 170%));
      padding: 15px;
      border-radius: 10px;
      margin-bottom: 10px;
      margin-top: 15px;
      transition: 0.2s;
      text-shadow: #00000091 1px 0 15px;
      opacity: 0.6;
      font-size: 12px;
      color: #fff;
      font-weight: bold;
      border: none;
}

.add_admin_btn:hover {
 opacity: 1;
}

.status_purse_minus {
      color: #ff7676;
      width: 32px;
      background: #ff76762b;
      display: flex;
      box-shadow: 0px 0px 36px #ff76764f;
      border: dashed 1px #ff767694;
      font-size: 12px;
      font-weight: 600;
      height: 32px;
      border-radius: 10px;
      justify-content: center;
      align-items: center;
}

.status_purse_plus {
      color: #6bcd77;
      width: 32px;
      background: #5fbd6a3b;
      display: flex;
      box-shadow: 0px 0px 36px #5fbd6a94;
      border: dashed 1px #5fbd6ade;
      font-size: 12px;
      font-weight: 600;
      height: 32px;
      border-radius: 10px;
      justify-content: center;
      align-items: center;
}

.text-success-custom {
      color: #5fbd6a;
}

.rihgt_item_td {
      text-align: -webkit-right;
      padding-right: 12px !important;
      overflow: hidden;
}

.text-success-custom-minus {
      color: #ff7676;
}

.text-danger-custom {
      color: #9f989b;
}

.text-danger-custom .text-danger{
      color: #ffffff !important;
}

.text-danger-custom .text-warning{
      color: #ffffff !important;
}

.text-danger-custom .text-success{
      color: #ffffff !important;
}

.right_td_head {
      text-align: -webkit-right;
}

.left_td_head {
      text-align: -webkit-left;
      padding: 0px !important;
}

.purse_list {
      height: 352px;
      overflow: auto;
      margin-bottom: 5px;
}

.form-group-custom {
      margin-bottom: 15px;
      margin-top: -15px;
}

.avatar_edit {
      margin-bottom: 10px;
      display: flex;
      background: linear-gradient(15deg, #343838 30%, #393d3e 100%);
      padding: 20px 10px 10px 10px;
      border-radius: 20px;
}

.avatar_edit_result {
      width: 100px;
      height: 100px;
      border-radius: 17px;
}

.purse_list::-webkit-scrollbar{
    display: none;
}

.text_bonuses {
      font-size: 13px;
}

.desp_bonuses {
      color: #91888c;
      font-size: 11px;
      display: block;
      line-height: 15px;
}

.flex_bonuses {
      display: flex;
      flex-direction: column;
      line-height: 17px;
}

.flex_user_avatar_edit {
      width: 73%;
}

.not_found_multi {
      color: #868e90;
      font-weight: bold;
      display: flex;
      align-items: center;
      justify-content: center;
}

.transparent_tr {
      background: #fff0 !important;
      height: 0px !important;
}

.load_image_edit {
      border: none;
      margin-top: 20px;
      color: #fff;
      background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%));
      text-shadow: #00000069 1px 0 10px;
      width: 35%;
      transition: 0.2s;
      cursor: pointer;
      font-weight: bold;
      font-size: 11px;
      border-radius: 9px;
      height: 41px;
}

.button_contact_osn {
  height: 36px;
  width: 36px;
  border-radius: 10px;
  border: solid 1px #ffffff1f;
  margin-right: -2px;
  color: #ffffff69;
  transition: 0.2s;
  background: #ffffff1a;
  display: flex;
  font-size: 16px;
  align-items: center;
  justify-content: center;
}

.button_contact_osn:hover {
  border: solid 1px #ffffff2b;
  color: #fff;
  background: #ffffff29;
}

.load_image_edit:hover {
  opacity: 0.7;
}

.flex_tr_ticket {
  display: flex;
  flex-direction: column;
  line-height: 18px;
}

.flex_blocked {
      display: flex;
      flex-direction: column;
      margin-bottom: 55px;
}

.custom_checkbox_block {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-top: 15px;
      font-size: 11.5px;
      font-weight: bold;
      color: #8a8186;
}

/* source: templates/cs27Reg/css/style_two.css */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.flex_modules {
  display: flex;
  gap: 10px;
  border-radius: 15px;
  height: 195px;
}

.last_activity_info {
  padding: 15px;
  border-radius: 11px;
  display: flex;
  background: linear-gradient(24deg, #f6797b29 30%, #f6797b57 100%);
  margin-bottom: 10px;
  align-items: center;
  justify-content: space-between;
}

.last_activity_info i{
  border-radius: 10px;
  font-size: 30px;
  color: #ffa6a6;
}

.icon_age {
  width: 42px;
  height: 42px;
  min-width: 42px;
  background: linear-gradient(34deg, #bd4141 0%, #fd5656 55%);
  border-radius: 11px;
  display: flex;
  padding-left: 3px;
  color: #fff;
  font-weight: 600;
  margin-right: 10px;
  font-size: 13px;
  align-items: center;
  justify-content: center;
}

.text_age {
  font-weight: 600;
  font-size: 12.5px;
}

.text_age_second {
  font-weight: 600;
  color: #8f878a;
  font-size: 11.5px;
}

.age_block {
  display: flex;
  margin-bottom: 20px;
  gap: 5px;
  align-items: center;
  border-radius: 15px;
  padding: 12px;
  border: solid 1px #4d4649;
}

.bottom_nav_title {font-weight: 600;font-size: 15px;}

.interaction_mess {
  display: flex;
  gap: 10px;
  width: 110px;
  flex-direction: row-reverse;
}

.circle_mini_sortion {
  width: 26px;
  margin-left: -9px;
  margin-right: 9px;
  position: absolute;
  left: 30px;
  height: 26px;
  animation: 1s linear 0s normal none infinite running rot;
  -webkit-animation: 1s linear 0s normal none infinite running rot;
}

.circle_sortion {
  width: 48px;
  margin-left: 0px;
  margin-right: 9px;
  height: 48px;
  animation: 1s linear 0s normal none infinite running rot;
  -webkit-animation: 3s linear 0s normal none infinite running rot;
}

@keyframes rot {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rot {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.rules_chat {
  background: #4e5456;
  display: flex;
  gap: 9px;
  font-weight: 600;
  padding: 0px 11px 0px 16px;
  color: #879092;
  font-size: 10.5px;
  border-radius: 9px;
  align-items: center;
}

.your_balance {
  color: #6a7375;
  font-size: 10.5px;
  margin-left: -1px;
}

.flex_us {
  display: flex;
  border-bottom: solid 1px #363b3c;
  padding-bottom: 10px;
  gap: 7px;
  margin-bottom: 10px;
}

.online_us {
    display: flex;
    border-radius: 12px;
    gap: 11px;
    transition: 0.2s;
    align-items: center;
    width: 100%;
}

.online_us .list_online{
    display: none;
}

.online_us i{
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #675e62 0, #414647 100%));
    text-shadow: #00000000 1px 0 10px;
    width: 36px;
    height: 36px;
    display: flex;
    color: #b5a6ab;
    border-radius: 9px;
    font-size: 18px;
    align-items: center;
    justify-content: center;
}

.online_us_all {
  display: flex;
  background: #303334;
  padding: 0px 11px;
  margin-top: 15px;
  height: 54px;
  border-radius: 50px;
  transition: .2s all;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}

.online_us_all:hover .today_online {
  background: #858d8f;
  color: #ffffff;
}

.online_us_all:hover {
    background: #404547;
}

.online_us_all i{
    width: 34px;
    height: 34px;
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #91999a 0, #796c7094 100%));
    text-shadow: #00000075 1px 0 10px;
    border-radius: 50px;
    display: flex;
    color: #b7aeb1;
    margin-right: 11px;
    font-size: 18px;
    align-items: center;
    justify-content: center;
}

.btn_users_chat {
  background: #545a5b;
  padding: 1px 9px;
  font-size: 8.5px;
  font-weight: 600;
  color: #878a9a;
  transition: 0.2s;
  border-radius: 50px;
}

.btn_users_chat:hover {
  background: #626a6c;
  color: #ffffff;
  font-size: 8.5px;
}

.login_share_flex {
  display: flex;
  justify-content: space-between;
  position: relative;
  align-items: flex-end;
  margin-bottom: 3px;
}

.share_login {
  border: none;
  background: #44485900;
  font-size: 10.5px;
  display: none;
  color: #798284;
  border-radius: 50px;
  font-weight: 600;
  position: relative;
  animation: 0.3s show ease;
}

.share_login:hover {
  color: #ffffff;
}

.sb_title {
  font-weight: 400;
  color: #fff;
  position: relative;
  font-size: 10px;
  font-family: "Unbounded", sans-serif;
}

.sb_description .bx-chevron-right{
  font-size: 15px;
  border: 1px solid #596062;
  background: #51474c8a;
  width: 29px;
  min-width: 29px;
  height: 29px;
  margin-left: 3px;
  border-radius: 50%;
  color: #FFFFFF;
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}

.sb_description {
	width: 38px;
	display: flex;
	padding-top: 5px;
	height: 38px;
	position: relative;
	padding-left: 2px;
	padding-right: 9px;
	background-color: #333737;
	border-top-right-radius: 21px;
	justify-content: center;
	align-items: center;
}

.sb_description:after {
    content: "";
    position: absolute;
    top: -20px;
    height: 20px;
    left: 0px;
    width: 16px;
    background-image: radial-gradient(ellipse at 20px 0px, rgba(255, 255, 255, 0) 70%, #333737 10%);
}

.sb_description:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: -15px;
    height: 20px;
    width: 16px;
    background-image: radial-gradient(ellipse at 18px 0px, rgb(235 88 88 / 0%) 70%, #333737 10%);
}

.small_menu_navigation {
  display: flex;
  gap: 6px;
  flex-direction: column;
}

.btn_long_nav {
  width: 29px;
  border-radius: 50px;
  display: flex;
  transition: 0.2s;
  height: 29px;
  background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #889193 0, #4b5152 100%));
  font-size: 15px;
  color: #b5a6ab;
  font-weight: 600;
  align-items: center;
  justify-content: center;
}

.btn_long_nav:hover {
    opacity: 0.7;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before, .slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

#top_users {
    display: flex;
    gap: 10px;
    flex-direction: column;
}

.tabs__panel {
	position: relative;
	top: -54px;
	margin-bottom: -54px;
}

.bx-chevron-down {
    position: absolute;
    top: 100%;
    right: 7px;
    color: #b5a7ae;
    margin-right: 0px;
    border: solid 3px #111923;
    padding: 2px;
    border-radius: 50%;
    background: #4e5455;
    z-index: 1;
    font-size: 12px;
}

.profile-info {
    background: #ffffff00;
    padding: 0px;
    border-radius: 15px;
    margin-bottom: -7px;
}

.profile-info1 {display: flex;flex-direction: column;border-radius: 18px;width: 100%;gap: 5px;}

.profile-info2 {
    background: #ffffff00;
    padding: 0px;
    border-radius: 15px;
    margin-bottom: -7px;
    width: 100%;
}

.profile-block-info {
    display: flex;
    padding-bottom: 7px;
    width: 100%;
    line-height: 18px;
    margin-bottom: 2px;
    gap: 10px;
    align-items: center;
}

.profile-block-info i{
    display: flex;
    font-size: 17px;
    align-items: center;
    width: 30px;
    border-radius: 50%;
    height: 30px;
    justify-content: center;
    background: #fd807530;
    color: #ff9086;
}

.profile-block-info img{
    height: 15px;
    width: 15px;
    border-radius: 10px;
}

.opisanie_privilegii {
    background: #2d3031;
    padding: 20px 20px;
    border-radius: 12px;
    font-size: 10.6px;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 20px;
}

.name_privilegii {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    display: block;
    margin-left: 1px;
}

.block-profile {
    border-radius: 18px;
    padding: 15px 15px 26px;
    margin-bottom: 77px;
    display: flex;
    background: #18233a;
}

.block-profile-stena {
    border-radius: 18px;
    display: flex;
    margin-top: 10px;
    flex-direction: column;
}

.profile_forum {
  border-radius: 13px;
  height: 100%;
  border: solid 1px #26324d;
  margin-left: 15px;
  padding: 15px 30px;
}

.profile_right_b {
  background: #272f4200;
  border-radius: 13px;
  height: 100%;
  width: 80%;
}

.access, .container-oplata, .epic, .legendary, .nice, .normal, .secret {
    align-items: center;
    -webkit-box-sizing: border-box;
    cursor: default;
    display: flex;
    height: 50px;
    margin-bottom: 5px;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: all .2s ease-out;
    width: 100%;
}

.textContainer-oplata {
    -webkit-box-flex: 1;
    display: flex;
    -ms-flex: 1;
    font-size: 11px;
    flex-direction: column;
    justify-content: space-evenly;
    overflow: hidden;
}

.access, .container-oplata, .epic, .legendary, .nice, .normal, .secret {
    align-items: center;
    -webkit-box-sizing: border-box;
    cursor: default;
    display: flex;
    height: 50px;
    margin-bottom: 5px;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: all .2s ease-out;
    width: 100%;
}

.secret {
    background: linear-gradient(90deg,#5ff96245,rgba(28,31,34,0));
    border-left: 3px solid #5ff962;
}

.legendary {
    background: linear-gradient(270deg,#fcc47017,rgb(38 41 52 / 0%));
}

.access, .container-oplata, .epic, .legendary, .nice, .normal, .secret {
    align-items: center;
    -webkit-box-sizing: border-box;
    cursor: default;
    display: flex;
    height: 50px;
    margin-bottom: 5px;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: all .2s ease-out;
    width: 100%;
}

.access, .container-oplata, .epic, .legendary, .nice, .normal, .secret {
    align-items: center;
    -webkit-box-sizing: border-box;
    cursor: default;
    display: flex;
    height: 50px;
    margin-bottom: 5px;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: all .2s ease-out;
    width: 100%;
}

.access, .container-oplata, .epic, .legendary, .nice, .normal, .secret {
    align-items: center;
    -webkit-box-sizing: border-box;
    cursor: default;
    display: flex;
    height: 50px;
    border-radius: 10px;
    margin-bottom: 10px;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: all .2s ease-out;
    width: 100%;
}

.normal {
    background: linear-gradient(270deg,#4d96ff12,rgba(28,31,34,0));
}

.nice {
    background: linear-gradient(270deg,#7e62f824,rgba(28,31,34,0));
}

.epic {
    background: linear-gradient(270deg,#5ff9620f,rgba(28,31,34,0));
}

.sobitia-block {
    display: flex;
    padding: 0px;
    background: #1e263800;
    /* padding: 15px; */
    flex-wrap: nowrap;
    margin-bottom: 50px;
    border-radius: 15px;
}

.line_h1 {
    width: 43px;
}

.line_block {
    padding: 0px;
    background: #fff0;
    display: flex;
    margin-bottom: 20px;
    border-radius: 15px;
    flex-direction: column-reverse;
}

.sobitia-left {
    width: 70%;
    margin-right: 30px;
    margin-bottom: 0px;
    height: 290px;
    border-radius: 15px;
}

.online-right {
    background: #fff0;
    width: 48%;
    padding: 0px;
    height: 261px;
    margin-bottom: 0px;
    border-radius: 15px;
}

#timeline {
    list-style: none;
    padding-left: 30px;
    float: left;
    height: 140px;
    border-left: 2px solid #343838;
}

#timeline li {
    margin: 40px 0;
    position: relative;
}

#timeline p {
    margin: 0 0 15px;
}

.purse-button-mobile {
    display: none;
}

.circle {
    margin-top: -10px;
    top: -16px;
    left: -35px;
    width: 8px;
    height: 8px;
    background: #343838;
    border: 2px solid #ddac64;
    border-radius: 50%;
    display: block;
    position: absolute;
}

.fa-bell:before {
    content: "\f0f3";
    color: #3330;
    transition: 0.2s;
    font-size: 16px;
    background: #f5f6f9;
    padding: 11px;
    cursor: pointer;
    top: 21px;
    border-radius: 10px;
    margin-right: 5px;
    margin-left: 5px;
    position: relative;
    font-weight: 400;
}

.blockprofile {
    width: 0px;
    border-radius: 0px;
    padding: 14px 0px 0px 0px;
    background: #d16c6c00;
    height: 30px;
    margin-top: 6px;
    position: relative;
    top: 8px;
    transition: 0.2s;
}

.blockprofile:hover {
    opacity: 0.7;
}

label {
    font-size: 1.3em;
    position: absolute;
    cursor: pointer;
    top: 20px;
    transition: transform 0.2s linear;
}

.container-buttons {
    display: flex;
    position: relative;
    justify-content: flex-end;
    width: 100%;
}

.container-buttons-card {
	    display: flex;
	    gap: 7px;
	    position: relative;
	    width: 55%;
	    justify-content: flex-end;
}

#bubble-1 {
    font-size: 16px;
    font-family: Verdana, sans-serif;
    line-height: 30px;
    height: 140px;
    padding: 20px 10px;
}

.balance-left-purse {
    height: 200px;
    padding: 20px 25px;
    background-size: cover !important;
    display: flex;
    padding-top: 6px;
    background: linear-gradient(16deg, #688f8a59 0%, #688f8a2e 65%);
    border-radius: 20px;
    justify-content: space-between;
}

.balance-left-purse i {
    font-size: 50px;
    position: relative;
    color: #ffcbc2;
    top: 12px;
}

.front i {
	font-size: 50px;
	position: relative;
	color: #ffcbc2;
	top: 12px;
}

.balance-left {
    height: 155px;
    padding: 20px 25px;
    display: flex;
    background-size: cover !important;
    padding-top: 6px;
    border-radius: 17px;
    flex-direction: column;
    justify-content: space-between;
}

.balance-left i {
	font-size: 40px;
	position: relative;
	margin-bottom: -70px;
	top: -60px;
	left: 160px;
	color: #ffcbc2;
	width: 10px;
}

.skidka-right {
    height: 48px;
    background: linear-gradient(208deg, #3e4243 0%, #2a2e2f 55%);
    padding: 0px 15px;
    display: flex;
    border-radius: 10px;
    align-items: center;
    justify-content: space-between;
}

.h1reg {
    font-weight: bold;
    position: relative;
    font-size: 20px;
}

.h2reg {
    font-weight: 600;
    position: relative;
    font-size: 10.5px;
    color: #ffffff;
}

.h1_purse {
    font-weight: bold;
    position: relative;
    font-size: 22px;
}

.h2_purse {
    font-weight: 600;
    position: relative;
    font-size: 12px;
    color: #ffffff;
    margin-top: 2px;
}

.razblokirovat {
    border: none;
    padding: 5px 20px;
    color: #ffffff;
    font-weight: 600;
    height: 40px;
    border-radius: 10px;
    font-size: 11px;
    margin-bottom: -8px;
    margin-top: -7px;
    transition: .2s all;
    cursor: pointer;
    margin-left: 11px;
    position: relative;
    background: #5bab63;
}

.razblokirovat:hover {
    border: none;
    padding: 10px 20px;
    color: #ffffff;
    font-weight: 600;
    height: 40px;
    border-radius: 10px;
    font-size: 11px;
    transition: .2s all;
    cursor: pointer;
    margin-left: 11px;
    position: relative;
    background: #47874d;
}

.zablokirovat {
    border: none;
    padding: 5px 20px;
    color: #ffffff;
    font-weight: 600;
    height: 40px;
    border-radius: 10px;
    font-size: 11px;
    margin-bottom: -8px;
    margin-top: -7px;
    transition: .2s all;
    cursor: pointer;
    margin-left: 11px;
    position: relative;
    background: #bf5a5a;
}

.zablokirovat:hover {
    border: none;
    padding: 5px 20px;
    color: #ffffff;
    font-weight: 600;
    height: 40px;
    border-radius: 10px;
    font-size: 11px;
    margin-bottom: -8px;
    margin-top: -7px;
    transition: .2s all;
    cursor: pointer;
    margin-left: 11px;
    position: relative;
    background: #9c4444;
}

.block-user {
    display: flex;
    flex-wrap: nowrap;
    border-radius: 13px;
    height: 55px;
    background: #272a2b;
    margin-bottom: 9px;
    padding: 15px;
}

.scroll-friends {
    padding: 0;
    height: 201px;
    background: #fff0;
    overflow: auto;
}

.name_friend {
    position: relative;
    top: 3px;
}

.chat-button {
    background: #3e4243;
    padding: 10px;
    height: 35px;
    line-height: 16px;
    font-size: 15px;
    top: 2px;
    color: #61696b;
    position: relative;
    float: right;
    margin-left: auto;
    border-radius: 10px;
}

.chat-button:hover {
    background: #454a4b;
    padding: 10px;
    height: 35px;
    box-shadow: 0px 5px 10px #0e101414;
    top: 2px;
    position: relative;
    line-height: 16px;
    color: #d7dae0;
    font-size: 15px;
    float: right;
    margin-left: 108px;
    border-radius: 10px;
}

.profile-button-mess {
	     color: #ffffffbf;
	     font-weight: bold;
	     height: 42px;
	     background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%));
	     border-radius: 10px;
	     text-shadow: #000000d4 1px 0 10px;
	     width: 42px;
	     font-size: 17px;
	     display: flex;
	     letter-spacing: 1px;
	     transition: .2s all;
	     cursor: pointer;
	     align-items: center;
	     justify-content: center;
}

.profile-button-mess:hover {
	     opacity: 0.7;
			     color: #ffffffbf;
}

.profile-button {
       color: #abb1b3 !important;
       font-weight: bold;
       height: 42px;
       border-radius: 9px;
       font-size: 11px;
       padding: 0px 25px;
       display: flex;
       transition: .2s all;
       background: #3c4041;
       align-items: center;
       justify-content: center;
}

.profile-button:hover {background: #434849;color: #ffff !important;}

.profile-settingss {
    color: #ffffff;
    font-weight: bold;
    height: 42px;
    border-radius: 9px;
    padding: 0px 20px;
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%));
    text-shadow: #000000d4 1px 0 10px;
    font-size: 10px;
    display: flex;
    letter-spacing: 1px;
    transition: .2s all;
    cursor: pointer;
    align-items: center;
    justify-content: center;
}

.profile-settingss:hover {
    color: #ffffff;
    opacity: 0.7;
}

.zablock {
    font-weight: 600;
    color: #ff7a2a;
    border-radius: 10px;
    font-size: 16px;
    transition: .2s all;
    border: solid 1px #ff665a4f;
    width: 40px;
    height: 40px;
    display: flex;
    cursor: pointer;
    z-index: 1;
    background: #ff605429;
    align-items: center;
    justify-content: center;
}

.zablock:hover {
background: #ff6b60;
	 color: #ffffff;
	 border: solid 1px #ff6b60;
}

.razblock {
   color: #95d8c3;
   font-weight: 600;
   border-radius: 10px;
   font-size: 16px;
   transition: .2s all;
   width: 40px;
   border: solid 1px #56957996;
   height: 40px;
   display: flex;
   cursor: pointer;
   z-index: 1;
   background: #56957961;
   align-items: center;
   justify-content: center;
}

.razblock:hover {
    color: #ffffff;
	background: #569579;
	border: solid 1px #569579;
}

.bottom-button {
    border: none;
    color: #ffffff;
    font-weight: 600;
    border-radius: 11px;
    font-size: 11px;
    padding: 14px 20px;
    transition: .2s all;
    cursor: pointer;
    margin-right: 5px;
    position: relative;
    background: #404547;
}

.bottom-button:hover {
    color: #ffffff;
    background: #4e5455;
}

.bottom-button:hover .price_btn {
    background: #629345;
    color: #ffffff;
}

.user-button-check {
    border: none;
    width: 40px;
    height: 40px;
    display: flex;
    font-weight: 600;
    border-radius: 9px;
    margin-right: 8px;
    font-size: 15px;
    transition: .2s all;
    background: #1d9d64;
    align-items: center;
    justify-content: center;
}

.user-button-check:hover {
    border: none;
    width: 40px;
    height: 40px;
    display: flex;
    font-weight: 600;
    border-radius: 9px;
    font-size: 15px;
        margin-right: 8px;
    transition: .2s all;
    background: #158352;
    align-items: center;
    justify-content: center;
}

.user-button-check1 {
    border: none;
    display: flex;
    font-weight: 600;
    border-bottom: dashed 1px #918c8e9c;
    color: #918c8e !important;
    font-size: 11px;
    transition: .2s all;
    align-items: center;
    justify-content: center;
}

.user-button-check1:hover {
    border-bottom: dashed 1px #ffffffb5;
    color: #ffffff !important;
}

.user-button {
   border: none;
   display: flex;
   font-weight: 600;
   border-bottom: dashed 1px #ffffff96;
   font-size: 11px;
   transition: .2s all;
   align-items: center;
   justify-content: center;
}

.user-button:hover {
 opacity: 0.6;
}

.block_head {
	font-size: 13px;
	font-weight: 600;
	display: flex;
	gap: 10px;
	margin-bottom: 10px;
	background: linear-gradient(1deg, #383c3d 30%, #3f4344 100%);
	color: #6a7375;
	border-radius: 14px;
	padding: 10px;
	align-items: center;
}

.block_head i{
	font-size: 16px;
	width: 38px;
	height: 38px;
	display: flex;
	background: linear-gradient(31deg, #4b5152 30%, #52585a 100%);
	color: #afa0a5;
	border-radius: 11px;
	align-items: center;
	justify-content: center;
}

.user_info {
    font-weight: 600;
    font-size: 12px;
    position: relative;
    border-radius: 50px;
}

.user_infoq {
    background: #ffffff00;
    padding: 0px;
    position: relative;
    top: 20px;
    float: left;
    display: flex;
    margin-right: 115px;
    align-items: flex-start;
}

.fire {
    width: 21px;
    position: absolute;
    margin-right: 6.6px;
    bottom: 1px;
    left: 28px;
    margin-bottom: -4px;
}

.nav_slider {
    margin: 0px;
    border-radius: 15px;
    margin-left: -18px;
    height: 130px;
}

.slick-track {
    position: relative;
    top: 0;
    padding: 0px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.smiless {
    width: 160px;
    float: right;
    display: block;
    margin-right: -15px;
}

.smiless_block {
    height: 315px;
    border-radius: 15px;
    background: #272a2b;
    padding: 24px 16px;
    margin-bottom: 30px;
}

.smileimg {
    width: 20px;
}

.logol {
    opacity: 1;
    transition: .2s all;
}

.logol .logo_o {
    opacity: 1;
    transition: .2s all;
    transition: transform .7s ease-in-out;
}

.logol:hover {
    transition: .4s all;
}

.logol:hover .logo_o {
    transition: .4s all;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}

.textlogo {
    float: left;
    color: #191919;
    font-size: 18px;
    width: 55px;
    font-weight: 600;
    margin-left: 10px;
    margin-top: 24px;
    position: relative;
}

.textcenter {
    color: #4887f9;
    display: inline-block;
    font-size: 19px;
    font-family: sans-serif;
}

.maxmin {
    color: #5e6270;
    font-size: 10.1px;
    line-height: 13px;
    display: block;
    text-align: center;
}

.intro__online-icon {
    width: 35px;
    margin-bottom: -8px;
    animation: blinker 2s linear infinite;
    display: block;
    position: relative;
    top: -4px;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.podmesto {
    margin-left: 3px;
    display: block;
}

.push_name {
    position: relative;
    top: 63px;
    font-weight: 600;
    color: #333;
    font-size: 13px;
}

.push_predname {
    font-size: 10.2px;
    line-height: 11px;
    color: #ffff;
    font-weight: 500;
    position: relative;
    top: 24px;
}

.push {
    display: block;
    width: 95%;
    opacity: 1;
    padding: 10px;
    height: 121px;
    cursor: pointer;
    transition: .2s all;
    border-radius: 15px;
    background: #ffffff;
}

.onlinefull {
    display: block;
    width: 128px;
    padding: 10px;
    height: 121px;
    float: right;
    position: relative;
    margin-bottom: -125px;
    top: -121px;
    border-radius: 15px;
    background: #272a2b;
}

.push:hover {
    display: block;
    width: 95%;
    padding: 10px;
    opacity: 0.8;
    transition: .2s all;
    height: 121px;
    cursor: pointer;
    border-radius: 15px;
}

.dropbtn {
    color: #ffffff;
    background: linear-gradient(9deg, #3e5c58 0%, #698681 55%);
    border-radius: 12px;
    font-size: 9px;
    font-weight: 600;
    height: 45px;
    width: 45px;
    border: none;
    transition: 0.2s;
    cursor: pointer;
}

.dropbtn:hover, .dropbtn:focus {
 opacity: 0.7;
}

.playserver {
    width: 25px;
    margin-top: -60px;
    margin-right: -32px;
    cursor: pointer;
    background: #383d3e;
    border-radius: 7px;
    padding: 7px;
    transition: 0.2s;
    float: right;
}

.playserver:hover {
    width: 25px;
    margin-top: -60px;
    margin-right: -32px;
    cursor: pointer;
    background: #44494a;
    border-radius: 7px;
    padding: 7px;
    transition: 0.2s;
    float: right;
}

.playserver2 {
    margin-top: -43px;
    cursor: pointer;
    background: #fbc37000;
    position: absolute;
    right: -10px;
    font-weight: 600;
    border: solid 1px #fbc370;
    font-size: 9px;
    transform: rotate(270deg);
    border-radius: 50px;
    padding: 1px 20px;
    transition: 0.2s;
    float: right;
}

.playserver2:hover {
    margin-top: -43px;
    position: absolute;
    right: -10px;
    cursor: pointer;
    background: #fcc47033;
    font-weight: 600;
    font-size: 9px;
    transform: rotate(270deg);
    border-radius: 50px;
    padding: 1px 20px;
    transition: 0.2s;
    float: right;
}

.img_personal_card {
    width: 65px;
    height: 65px;
    position: relative;
    border-radius: 15px;
    margin-left: 2px;
}

.avatarprofile_friend {
    width: 37px;
    height: 37px;
    position: relative;
    border-radius: 11px;
}

.userprofblock {
    margin-bottom: 65px;
    padding: 24px 16px;
    border-radius: 15px;
    height: 110px;
    background: linear-gradient(22deg, rgb(33 37 49) 45%, rgb(46 51 66) 100%);
    display: flex;
    flex-wrap: wrap;
}

.userprof {
    padding: 0;
    border-radius: 15px;
    width: 50%;
    background: #23273600;
    margin-top: 5px;
}

.username {
    font-size: 15px;
    font-weight: 600;
}

.username_friend {
    font-size: 13px;
    font-weight: 600;
    position: relative;
    top: 1px;
}

.lastname_friend {
    font-weight: 600;
    color: #6e7678;
    font-size: 10.5px;
    position: relative;
    top: -2px;
}

.select-arrow-3 {
    position: absolute;
    z-index: -9999;
    border: 8px solid transparent;
    border-bottom: 0;
    right: 6px;
}

.select-arrow-3:nth-child(1) {
    top: 11px;
    border-top-color: #6C7231;
}

.select-arrow-3:nth-child(2) {
    top: 8px;
    border-top-color: #FFF;
}

.procent {
    background: #5ea566;
    padding: 15px;
    font-size: 30px;
    line-height: 40px;
    height: 70px;
    margin-left: 20px;
    font-family: 'Montserrat';
    margin-right: 25px;
    margin-top: 15px;
    border-radius: 15px;
}

.skidkazag {
    font-size: 14px;
    position: relative;
    top: 30px;
    margin-left: -5px;
}

.skidka {
    height: 100px;
    display: flex;
    flex-wrap: wrap;
    background: #25262c;
    margin-bottom: 20px;
    border-radius: 15px;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.rubles {
    position: relative;
    top: -55px;
    font-size: 17px;
    color: #777a85;
    float: right;
    margin-bottom: -21px;
    margin-right: 15px;
    font-weight: 600;
}

.summa {
    font-size: 12px;
    font-weight: 600;
    margin-top: 10px;
}

.agregator {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 10px;
}

.selector {
    padding: 12px;
    border-radius: 10px;
    background: #32333a;
    font-weight: 600;
    color: #fff;
    font-size: 13px;
    width: 100%;
    height: 49px;
    cursor: pointer;
    transition: 0.2s;
    border-color: #32333a;
}

.selector:hover {
    padding: 12px;
    border-radius: 10px;
    background: #3a3b42;
    font-weight: 600;
    color: #fff;
    font-size: 13px;
    width: 100%;
    height: 49px;
    cursor: pointer;
    transition: 0.2s;
    border-color: #3a3b42;
}

.linkstats {
    background: #828aff00;
    padding: 10px 14px 10px 13px;
    border-radius: 10px;
    float: right;
    font-weight: 100;
    border: solid 1px #383d3e;
    color: #fff;
    font-size: 13px;
    cursor: pointer;
    transition: 0.2s;
    margin-right: 13px;
}

.linkstats:hover {
    background: #383d3e;
    padding: 10px 14px 10px 13px;
    border-radius: 10px;
    float: right;
    cursor: pointer;
    font-weight: 100;
    transition: 0.2s;
    font-size: 13px;
    margin-right: 13px;
}

.zagolovok {
    background: #fff0;
    margin-bottom: 50px;
}

.zatext {
    font-size: 33px;
    font-family: system-ui;
    position: relative;
    right: 140px;
    color: #fff0;
    -webkit-text-stroke: 0.4px #383d3e;
}

.heading {
    color: #ffff;
    position: relative;
    font-size: 16px;
    font-weight: 600;
}

.second_heading {
    font-size: 12px;
    color: #a39a9f;
    font-weight: 600;
}

.heading_cap {
  display: flex;
  flex-direction: column;
  line-height: 17px;
}

.double_heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.arrowtop {
    float: right;
    background: #333737;
    color: #fff;
    padding: 15px;
    position: relative;
    top: -15px;
    line-height: 10px;
    height: 40px;
    width: 40px;
    border-radius: 10px;
}

.section {
    height: 100vh;
    background: #dedede;
    margin-bottom: 20px;
    font-size: 100px;
}

html {
    scroll-behavior: smooth;
}

.scroll-container {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}

.nicknametop {
    float: left;
    position: relative;
    font-size: 11.5px;
    float: left;
    text-overflow: ellipsis;
    width: calc( 100% - 39px );
    overflow: hidden;
    white-space: nowrap;
    color: #fff;
    top: -26px;
}

.grouptop {
    float: left;
    position: relative;
    font-size: 10.5px;
    text-overflow: ellipsis;
    width: calc( 100% - 45px );
    overflow: hidden;
    white-space: nowrap;
    color: #6e7678;
    top: -51px;
}

.circleuved {
    width: 24px;
    position: relative;
    height: 24px;
    line-height: 17px;
    margin-bottom: -12px;
    text-shadow: #2e3132 0px 0 4px;
    z-index: 900;
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 170%));
    text-align: center;
    font-size: 9px;
    display: none;
    color: #fff;
    font-weight: 600;
    left: 11px;
    top: -3px;
    border: solid 3px #111923;
    border-radius: 50px;
}

.naviga {
    background: #23273600;
    font-weight: 600;
    color: #8c9496;
    font-size: 11px;
    display: block;
    position: relative;
    height: 43px;
    margin: auto;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 225px;
    transition: 0.2s;
    line-height: 22px;
    padding: 10px;
    border-radius: 10px;
}

.naviga:hover {
    background: #2a2e2f;
    font-weight: 600;
    color: #ffff;
    font-size: 11px;
    display: block;
    position: relative;
    height: 43px;
    margin: auto;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 225px;
    transition: 0.2s;
    line-height: 22px;
    padding: 10px;
    border-radius: 10px;
}

.knopki {
    height: 121px;
    margin-bottom: 0px;
    padding: 0px;
    border-radius: 15px;
    background: #fff0;
}

.knopka1 {
    background: #2a2e2f;
    float: left;
    width: 48.5%;
    border-radius: 15px;
    margin-bottom: 0px;
    height: 120px;
}

.knopka2 {
    float: right;
    background: #2a2e2f;
    width: 48.5%;
    border-radius: 15px;
    height: 120px;
}

.sett {
    color: #6a7274;
    font-weight: 600;
    transition: 1s all;
}

.sett:hover {
    color: #ffff;
    font-weight: 600;
    transform: rotateZ(360deg);
    transition: 1s all;
}

.uved {
    color: #6a7274;
}

.uved:hover {
    color: #ffff;
}

.blot {
    padding: 0px;
    margin: 0 auto;
    background: #1e1f3600;
}

.hide {
    display: none;
    animation: 0.5s disappear linear !important;
}

#button {
    cursor: pointer;
}

#block {
    width: 380px;
    max-height: 365px;
    overflow: auto;
    right: 70px;
    box-shadow: 0px 5px 10px #13151a4f;
    position: absolute;
    top: 67px;
    background: linear-gradient(15deg, #252829 30%, #323637 100%);
    z-index: 1900;
    border-radius: 15px;
}

#serverss {
    width: 100%;
    overflow: auto;
    margin-top: 3px;
    max-height: 195px;
    position: relative;
    background: #1e222f00;
}

@keyframes appear {
    from {
        max-height: 0px;
        min-height: 0px;
    }

    to {
        max-height: 300px;
        min-height: 120px;
    }
}

#block::-webkit-scrollbar {
    display: none;
}

#block div {
    width: 100%;
}

.w-100:hover {
    width: 100%!important;
    opacity: 0.7;
    transition: 0.2s;
}

.w-100 {
    width: 100%!important;
    opacity: 1;
    border-radius: 15px;
    transition: 0.2s;
}

.mader {
    width: 190px;
    float: right;
    right: 120px;
    height: 60px;
    background: #ffffff00;
    top: 18px;
    position: relative;
}

.stage {
    border-bottom: 3px solid #444;
    display: flex;
    height: 330px;
    width: 100%;
}

.spisok {
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    background: #252828;
    height: 93px;
    position: relative;
    opacity: 1;
    border-radius: 15px;
    transition: 0.2s;
}

.spisok:hover {
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    background: #2f3334;
    height: 93px;
    position: relative;
    opacity: 0.8;
    border-radius: 15px;
    transition: 0.2s;
}

.gift {
    float: left;
    font-weight: 600;
    font-size: 11px;
    position: relative;
    top: 30px;
    border-radius: 50px;
    padding: 11.5px;
    padding-left: 35px;
    padding-right: 35px;
    background: #2f3334;
    left: 10px;
}

.casebutton {
    line-height: 72px;
    border-radius: 9px;
    background: rgb(50 60 82);
    font-weight: bold;
    font-size: 11px;
    position: relative;
    top: -13px;
    margin-left: -1px;
    padding: 15px 7px;
    text-align: center;
}

.casebutton:hover {
    background: #464c4d;
}

.animate-pulse i{
    font-size: 17px;
    position: relative;
    color: #ffffff7d;
    top: 4px;
    margin-left: 10px;
}

.promo_btn {
    border-radius: 9px;
    display: flex;
    font-size: 15px;
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%));
    text-shadow: #000000d4 1px 0 7px;
    margin-top: 7px;
    -webkit-text-fill-color: white !important;
    width: 34px;
    z-index: 2;
    height: 34px;
    letter-spacing: 1px;
    position: absolute;
    top: 3px;
    right: 10px;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.promo_btn:hover {
    opacity: 0.8;
    color: #ffffff;
}

.bar_head {
    position: relative;
    margin-top: 65px;
    display: flex;
    gap: 13px;
    font-family: "Unbounded", sans-serif;
    flex-direction: column;
}

.title_head {
	font-size: 24px;
	font-weight: 600;
	letter-spacing: 1px;
	position: relative;
	color: #fff;
}

.text_head {
    font-size: 12px;
    font-weight: 400;
    color: #b1a5ad;
    line-height: 18px;
    margin-bottom: 60px;
    position: relative;
}

.populars {
    background: #00000040;
    padding: 3px;
    width: 152px;
    font-size: 11px;
    float: right;
    margin-top: 9px;
    margin-left: 10px;
    font-weight: 600;
    padding-left: 17px;
    top: -43px;
    position: relative;
    border-radius: 50px;
}

.popular {
    padding: 4px;
    width: 140px;
    background: #00000029;
    font-size: 11px;
    backdrop-filter: blur(5px);
    font-weight: 900;
    padding-left: 17px;
    color: #fff;
    margin-left: 15px;
    top: 12px;
    position: relative;
    border-radius: 50px;
}

.supp {
    padding: 2px;
    width: 100px;
    background: linear-gradient(to bottom right, #828aff, #ac84f9);
    font-size: 10px;
    font-weight: 600;
    padding-left: 19px;
    color: #ffff;
    margin-left: 0px;
    top: 80px;
    position: relative;
    border-radius: 50px;
}

label.toggle {
    position: relative;
    display: inline-block;
    float: right;
    width: 50px;
    height: 20px;
}

input[type="checkbox"] {
    position: relative;
    top: 18px;
    margin-left: -12px;
}

input:checked + .ball {
    background-color: #313b63;
}

input:checked + .ball:before {
    transform: translateX(28px);
}

.authorization {
    width: 100%;
    padding: 24px 16px;
    background: #22263400 !important;
    padding: 0px !important;
}

.flex_head_block_forum i{
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  height: 33px;
  color: #a79da2;
  background: linear-gradient(208deg, #4d5355 0%, #393e3f 55%);
  width: 33px;
  border-radius: 9px;
}

.flex_head_block_forum {
  display: flex;
  gap: 10px;
  margin-bottom: 16px;
  align-items: flex-end;
  justify-content: space-between;
}

.flex_head_block {
  display: flex;
  gap: 10px;
  align-items: flex-end;
  justify-content: space-between;
}

.flex_head_block i{
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%));
  font-size: 15px;
  text-shadow: #000000d4 1px 0 10px;
  color: #ffffff;
  height: 33px;
  width: 33px;
  border-radius: 50%;
}

.flex_top_usr_i {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 15px;
}

.flex_top_usr_i i{
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #675e62 0, #414647 100%));
  font-size: 17px;
  color: #b1a4aa;
  height: 36px;
  width: 36px;
  border-radius: 10px;
}

.flex_top_setting {
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
  align-items: center;
}

.flex_top_setting i{
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #a59a9f;
  background: linear-gradient(23deg, #51474ca3 0%, #494e4f 55%);
  height: 36px;
  width: 36px;
  border-radius: 10px;
}

.toper {
    background: #6080ff00;
    margin-bottom: 25px;
    border-radius: 15px;
    max-width: 1300px;
    display: flex;
}

@media (max-width: 1200px) {
    .block-aut {
        padding: 0px;
        display: flex;
        width: 100%;
        background: #fff0;
        margin-bottom: -40px;
        position: relative;
        margin-right: 15px;
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .profile-top-menu {
        overflow-x: auto;
        overflow-y: hidden;
        margin-bottom: 15px;
        height: 65px;
        display: flex;
        border-radius: 0px;
        width: 102%;
        list-style: outside;
        background: #ffffff00;
    }

    .block-user {
        display: flex;
        flex-wrap: nowrap;
        border-radius: 13px;
        background: #272a2b;
        margin-bottom: 9px;
        height: auto;
        padding: 15px;
    }

    .container-buttons {
        display: flex;
        position: relative;
        margin-right: auto;
        margin-left: inherit;
    }

    .profile-info1 {
        background: #ffffff00;
        padding: 0px;
        width: 100%;
        margin-right: 0px;
        border-radius: 15px;
        margin-bottom: 0px;
    }

    .profile-info {
        background: #ffffff00;
        padding: 0px;
        width: 100%;
        border-radius: 15px;
        margin-bottom: 0px;
    }

    .user_info {
        font-weight: 600;
        font-size: 11px;
        position: relative;
        border-radius: 50px;
        top: 6px;
    }

    .komissia-block {
        background: #89898900;
        width: 100%;
        padding-left: 20px;
        padding-top: 0px;
        margin-left: 20px;
        margin-top: 30px;
        border-radius: 0px;
    }

    .new > p:last-child span {
        margin-top: 10px;
        padding: 5px 10px;
        background: #383d3e;
        margin-bottom: 10px;
        display: block;
        font-size: 10px;
        border-radius: 7px;
        color: #fff;
    }

    .sobitia-block {
        display: flex;
        padding: 0px;
        background: #fff0;
        flex-wrap: wrap;
        margin-bottom: 30px;
        border-radius: 15px;
    }

    .sobitia-left {
        background: #fff0;
        width: 100%;
        padding: 0px;
        margin-right: 0px;
        margin-bottom: 30px;
        height: 260px;
        border-radius: 15px;
    }

    .online-right {
        background: #fff0;
        width: 100%;
        padding: 0px;
        height: 261px;
        margin-bottom: 0px;
        margin-top: 60px;
        border-radius: 15px;
    }

	#block {
	    max-height: 340px;
	    right: -37px;
	    width: 331px;
	    top: 60px;
	    border-radius: 15px;
	}

    .fa-bell:before {
        content: "\f0f3";
        color: #16161600;
        transition: 0.2s;
        font-size: 16px;
        background: #f5f6f9;
        padding: 11px;
        cursor: pointer;
        top: 21px;
        border-radius: 10px;
        margin-right: 5px;
        margin-left: 5px;
        position: relative;
        font-weight: 400;
    }

    .menuq {
    background: #383c3d;
    width: 48px;
    display: none;
    padding: 10px;
    cursor: pointer;
    height: auto;
    transition: 0.2s;
    border-radius: 10px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .bottom_stats {
    height: 90px;
    margin-bottom: 0px;
    display: none;
    margin-top: 0px;
    padding: 20px 5px;
    border-radius: 15px;
    background: #292c2d;
}

    .stats_vnutr {
    background: #fff0;
    z-index: 1;
    display: flex;
    height: 100%;
    position: relative;
    padding-bottom: 15px;
    border-radius: 0px;
    margin-bottom: -150px;
    flex-wrap: wrap;
}

    .toper_mini_right {
    display: none;
}

    .forum-infoo {
        display: none;
    }

    .modal-bans {
        padding: 0px;
        display: flex;
        margin-left: -14px;
        margin-bottom: 0px;
        background: #21253100;
        margin-right: -14px;
        flex-direction: column;
    }

    .table-adaptive .table-row {
        margin-bottom: 9px;
        border-radius: 15px;
        padding: 5px 30px;
    }

    #serverss {
        width: 100%;
        max-height: 300px;
        height: 183px;
        overflow: auto;
        flex: 1 1 auto;
        position: relative;
        top: 10px;
        background: #1e222f00;
        padding: 0px 5px 0px 0px;
        border-radius: 15px;
    }

    .intro__online-icon {
        width: 39px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: -13px;
        margin-top: 1px;
        display: block;
    }

    .onlinepulse {
        background: #ffffff00;
        height: 42px;
        padding: 0px;
        margin-right: auto;
        position: relative;
        right: 0px;
        margin-left: auto;
        margin-top: 13px;
        border-radius: 50px;
        border: solid 1px #383d3e;
        width: 42px;
        margin-bottom: -13px;
    }

    .maxmin {
        color: #777a85;
        font-size: 10.2px;
        line-height: 13px;
        display: none;
        text-align: center;
    }

    .push {
        display: block;
        width: 93%;
        padding: 10px;
        opacity: 1;
        height: 112px;
        cursor: pointer;
        transition: .2s all;
        border-radius: 15px;
        background: #ffffff;
    }

    .right-sidebar {
        display: none;
    }

    .nav_slider {
        margin: 0px;
    }

	.sb_title {
	    font-weight: 600;
	    color: #fff;
	    text-overflow: ellipsis;
	    width: calc(100% - 0px);
	    overflow: hidden;
	    white-space: nowrap;
	}

	.flex_balance_mp i {
    min-width: 35px;
}

	.sb_description {
    display: flex;
    font-weight: 600;
    width: fit-content;
    font-size: 0px;
    transition: .2s all;
    gap: 0px;
    padding: 0px 4px;
    border-radius: 50px;
    height: 23px;
    margin-bottom: -2px;
    align-items: center;
}
	
	.news_info {
    display: none;
	}

    .push:hover {
        display: block;
        width: 93%;
        padding: 10px;
        opacity: 0.8;
        height: 112px;
        cursor: pointer;
        transition: .2s all;
        border-radius: 15px;
        background: #2a2e2f;
    }

    .sidebar {
        position: fixed;
        left: 0;
        display: none;
        top: 0;
        height: 100%;
        width: 78px;
        background: #252828;
        padding: 6px 14px;
        z-index: 99;
        transition: all 0.5s ease;
    }

    .carousel-inner {
        position: relative;
        width: 100%;
        overflow: hidden;
        border-radius: 15px;
        height: 170px;
    }

    .mader {
        width: 190px;
        float: right;
        right: 45px;
        height: 60px;
        background: #ffffff00;
        top: 18px;
        position: relative;
    }
}

@media (max-width: 992px) {
    .toper {
        min-height:680px;
        margin-bottom: 70px;
    }

	.flex_modules {
    display: flex;
    height: 100%;
    gap: 10px;
    width: 100%;
    border-radius: 15px;
    flex-direction: column;
}

	.text_head {
    margin-bottom: 30px;
}
}

.toper_block {
    flex: 1 1 auto;
    margin-left: 15px;
    background: rgb(35 37 64 / 0%);
    border-radius: 15px;
}

@media (max-width: 992px) {
    .toper_block {
        width:100%;
        margin-left: 0px;
    }
}

.slide_block {
    max-height: 125px;
    margin: 0 9px 0 0;
    height: 116px;
    transition: .2s all;
    display: flex !important;
    line-height: 15px;
    background: #4a5051;
    position: relative;
    border-radius: 18px;
    flex-direction: column;
    justify-content: space-between;
}

.slide_block i {
    width: 34px;
    height: 34px;
    color: #ffffff;
    backdrop-filter: blur(7px);
    box-shadow: inset 0 0.125em 0.125em rgba(0, 0, 0, 0.05), inset 0 -0.125em 0.125em rgb(255 126 124 / 30%), 0 0.25em 0.125em -0.125em rgba(0, 0, 0, 0.2), 0 0 0.1em 0.25em inset rgb(255 121 138 / 8%), 0 0 0 0 rgb(255 255 255 / 0%);
    background: linear-gradient(180deg, #fe81720f 30%, #ff7c7c66 100%);
    font-size: 14px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
}

.slide_block:hover {
    background: #545a5b;
}

.slide_block:hover .enter_card_slider {
    background: #81717794;
    border: dashed 1px #a29599;
    color: #e2d2d8;
}

.slide_block:hover .sb_description .bx-chevron-right{
  border: 1px solid #868e90;
  background: #4b5152;
}


.slide_block:hover .sb_description i {
    color: #ffffff !important;
    background: #ff9b6900;
    transform: rotate(270deg);
}

@media (max-width: 992px) {
    .slide_block {
        margin-bottom: 20px;
        width: 100%;
    }
}

@media (max-width: 991.99px) {
    .authorization {
        width: 100%;
        padding: 24px 16px;
        border-radius: 10px;
        background: #242a4000;
        margin-bottom: 30px;
    }

    .auth_img {
        width: 260px;
        position: relative;
        top: -52px;
        float: right;
        display: none;
    }

    .wapper .header ul.user-menu > li.balance {
    color: #fff;
    position: relative;
    padding: 7px 15px 7px 15px;
    font-size: 11px;
    font-weight: 600;
    display: none;
    top: 10px;
    line-height: 25px;
    right: -20px;
    margin-right: -20px;
    background: #323637;
    border-radius: 9px;
    }

    .push {
        display: block;
        width: 130px;
        padding: 10px;
        opacity: 1;
        height: 112px;
        cursor: pointer;
        transition: .2s all;
        border-radius: 15px;
        background: #2a2e2f;
    }

    .push:hover {
        display: block;
        width: 130px;
        padding: 10px;
        opacity: 0.7;
        height: 112px;
        cursor: pointer;
        transition: .2s all;
        border-radius: 15px;
        background: #2a2e2f;
    }

    .fa-bell:before {
        content: "\f0f3";
        color: #16161600;
        transition: 0.2s;
        font-size: 16px;
        background: #f5f6f9;
        padding: 11px;
        cursor: pointer;
        top: 21px;
        border-radius: 10px;
        margin-right: 5px;
        margin-left: 5px;
        position: relative;
        font-weight: 400;
    }

    .fa-message-lines:before {
        content: "\f4a6";
        color: #3330;
        transition: 0.2s;
        font-size: 15.5px;
        background: #f5f6f9;
        padding: 11.5px;
        height: 38px;
        cursor: pointer;
        top: 15px;
        border-radius: 10px;
        margin-right: -20px;
        margin-left: 5px;
        position: relative;
        font-weight: 500;
    }

    .circleuved {
    width: 24px;
    position: relative;
    height: 24px;
    line-height: 17px;
    margin-bottom: -12px;
    z-index: 900;
    text-align: center;
    font-size: 9px;
    display: none;
    color: #fff;
    font-weight: 600;
    left: 11px;
    top: -3px;
    border-radius: 50px;
    }

    .blockprofile {
        width: 0px;
        border-radius: 0px;
        padding: 0px;
        background: #d16c6c00;
        left: 0px;
        height: 50px;
        top: 0px;
        margin-top: 2px;
        position: relative;
        border-left: solid 1px #eaefff00;
    }

        .blockprofile:hover {
        opacity: 0.7;
    }


.bottom_stats {
    height: 100%;
    margin-bottom: -34px;
    margin-top: 0px;
    padding: 20px 20px;
    border-radius: 15px;
    background: #1e263800;
}

    .a_mobile {
    width: 100%;
}

.bottom_name {
    position: relative;
    top: 7px;
    width: 100%;
    display: flex;
    line-height: 15px;
    flex-direction: column;
}
    
    .bottom_prev {
        display: flex;
        margin-top: 0px;
        width: 100%;
        background: #ffffff00;
        flex-direction: column;
    }

.stats_vnutr {
    background: #fff0;
    z-index: 1;
    display: flex;
    height: auto;
    position: relative;
    padding-bottom: 0px;
    border-radius: 0px;
    margin-bottom: 0px;
    flex-wrap: wrap;
}

    .stats_mini_block {
        background: #323637;
        display: flex;
        width: 100%;
        border-radius: 10px;
        overflow: hidden;
        margin-bottom: 7px;
        margin-right: 0px;
        padding: 0px 10px;
        height: 54px;
        z-index: 2;
        transition: .2s all;
        cursor: pointer;
        position: relative;
        align-items: center;
        justify-content: flex-start;
    }

    .span_number {
    font-weight: 600;
    font-size: 13px;
    transition: .2s all;
    display: flex;
}

    .stats_mini_block:hover {
        background: #373c3d;
        display: flex;
        width: 100%;
        border-radius: 10px;
        overflow: hidden;
        margin-right: 0px;
        padding: 0px 10px;
        height: 54px;
        z-index: 2;
        transition: .2s all;
        position: relative;
        align-items: center;
        justify-content: flex-start;
    }

    .but-block {
        display: block;
        width: auto;
        padding: 0px;
        background: #fff0;
        margin-bottom: 0px;
        flex-wrap: nowrap;
        justify-content: space-between;
    }

    .bottom-nav {
        background: #272b3800;
        display: flex;
        flex-wrap: nowrap;
        width: 500px;
        padding: 20px 20px 0px 20px;
        margin-bottom: 11px;
        margin-top: -70px;
        border-radius: 15px;
        flex-direction: column;
    }

    .bottom-text {
        color: #7a8091;
        font-size: 11px;
        width: 270px;
    }

    .block-profile-right {
        width: 50%;
        padding: 0px;
        display: none;
        border-radius: 15px;
        margin-bottom: 0px;
        background: #fff0;
    }

    .nav_slider {
        margin: 0px;
        width: 100%;
        margin-bottom: 80px;
    }

    .nicknametop {
        float: left;
        position: relative;
        left: 2px;
        font-size: 11px;
        display: none;
        color: #020202;
        top: -15px;
        margin-left: 0px;
    }

    .animate-pulse {
    line-height: 72px;
    border-radius: 9px;
    z-index: 100;
    background: linear-gradient(23deg, #25324d 0%, rgb(51 68 104) 70%);
    font-weight: bold;
    font-size: 11px;
    position: relative;
    color: rgb(255 255 255);
    top: -1px;
    padding: 17px 35px;
    text-align: center;
}

.animate-pulse:hover {
    opacity: 0.8;
    color: rgb(255 255 255);
}

@keyframes animate_pulse {
    0% {
        box-shadow: 0 0 0 0 #c9a55380;
    }

    70% {
        box-shadow: 0 0 0 10px rgba(228, 25, 49, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(228, 25, 49, 0);
    }
}

	.head_top_info {
    flex-direction: column;
    align-items: flex-start !important;
}

    .bx-chevron-down {top: 65%;right: -40px;}

}

.sub_menu {
  width: 66px;
  padding: 11px;
  display: flex;
  background: rgb(255 255 255 / 8%);
  backdrop-filter: blur(7px);
  z-index: 100;
  gap: 8px;
  border-radius: 50px;
  margin-left: 15px;
  flex-direction: column;
  align-items: center;
}

.flex_slide_text {
  padding: 11px;
  gap: 6px;
  display: flex;
  position: relative;
  width: 100%;
  flex-direction: column;
}

.btn_sub_menu {
  width: 47px;
  height: 47px;
  display: flex;
  text-shadow: #000000b3 1px 0 12px;
  background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%));
  font-size: 19px;
  color: #ffffff;
  border-radius: 50px;
  align-items: center;
  justify-content: center;
  opacity: 0.7;
  transition: 0.2s;
}

.btn_sub_menu:hover {
  opacity: 1;
  color: #ffff;
}

.status_user_chat {
  font-size: 10.5px;
  color: #90a19e;
  font-weight: 600;
}

.under_text {
  display: flex;
  flex-direction: column;
  line-height: 15px;
  font-size: 11.5px;
}

.flex_chat_user {
  display: flex;
  gap: 10px;
  height: 40px;
  align-items: center;
}

.btn_message {
  border-radius: 10px;
  width: 39px;
  background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%));
  display: flex;
  position: absolute;
  height: 39px;
  color: #ffffff !important;
  text-shadow: #000000ba 1px 0 10px;
  padding-left: 1px;
  font-size: 14px;
  top: 25px;
  right: 25px;
  align-items: center;
  justify-content: center;
}

.btn_message:hover {
 opacity: 0.7;
}

.point i {
        border-radius: 50px;
        color: rgb(255 255 255 / 64%);
        font-size: 13px;
        display: flex;
        padding-left: 1px;
        width: 26px;
        height: 26px;
        background: rgb(255 255 255 / 17%);
        align-items: center;
        justify-content: center;
}

.point {
    display: flex;
    position: relative;
    letter-spacing: 1px;
    backdrop-filter: blur(2px);
    gap: 10px;
    padding: 6px 16px 6px 6px;
    background: rgb(255 255 255 / 14%);
    align-items: center;
    font-size: 8px;
    color: rgb(255 255 255 / 81%);
    font-weight: 600;
    border-radius: 50px;
    animation-name: blink;
    animation-timing-function: linear;
    animation-duration: 1.0s;
    animation-iteration-count: infinite;
}

@keyframes blink {
  50% {
    opacity: 0.3;
  }
}

.all_allow {
  padding: 3px 10px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 10px;
  background: linear-gradient(34deg, #bd4141 0%, #fd5656 55%);
  z-index: 1;
  bottom: 16px;
  left: 13px;
  color: #ffffff;
  position: absolute;
}

.online_txt {
  display: flex;
  flex-direction: column;
  line-height: 15px;
  color: #a09598;
  font-size: 11px;
  font-weight: 600;
}

.border_sub_menu {
  background: #ffffff1a;
  width: 90%;
  display: block;
  margin-top: 3px;
  height: 1px;
}

.flex_today {
  display: flex;
  align-items: center;
}

.today_online {
  background: #596062;
  height: 34px;
  transition: 0.2s;
  width: 34px;
  color: #bfaab1;
  font-weight: 600;
  font-size: 12px;
  display: flex;
  border-radius: 50px;
  align-items: center;
  justify-content: center;
}

.online_second {
  font-size: 11.5px;
  color: #ffffff;
}

.message_global {
  max-width: 1000px;
  min-width: 100%;
}

.text_notification {
  display: flex;
  flex-direction: column;
  line-height: 17px;
}

.name_notification {
  color: #fff;
  font-weight: 600;
  font-size: 13px;
}

.notifications_list {
  padding: 0px 15px;
}

.notif_text {
  color: #ffffff;
}

.icon_notif {
  width: 40px !important;
  height: 40px;
  background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%));
  text-shadow: #000000d4 1px 0 7px;
  border-radius: 50px;
  display: flex;
  color: #ffffff;
  align-items: center;
  font-size: 18px;
  justify-content: center;
}

.date_not {
  display: flex;
  justify-content: center;
  z-index: 1;
  margin-top: -36px;
  position: relative;
}

.all_notif_btn {
  padding: 0px 15px;
  margin-top: -5px;
  margin-bottom: 23px;
}

.date_notif {
  font-size: 10.3px;
  font-weight: 600;
  background: linear-gradient(360deg, #545a5b 30%, #5b6263 100%);
  color: #ada0a6;
  padding: 3px 15px;
  border-radius: 50px;
}

.delete_message {
  color: #656d6e;
  font-size: 13px;
  float: right;
  left: 52px;
  top: -2px;
  position: relative;
  transition: .2s all;
}

.delete_message:hover {
  color: #ffffff;
}

.right_chat_info {
  display: flex;
  gap: 10px;
  align-items: center;
}

.gradient_online {
  width: 100%;
  display: block;
  height: 40px;
  position: relative;
  margin-bottom: -48px;
  top: -39px;
  z-index: 1;
  background: linear-gradient(360deg, #1a1c1c 10%, #2f324100 100%);
}

.promo_info {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 15px;
}

.promo_result .text-danger{font-size: 11px;margin-top: 8px;margin-bottom: 0px;}

.promo_title {
  font-weight: 600;
  font-size: 15px;
}

.promo_description {
  font-weight: 600;
  font-size: 11px;
  color: #aab0b2;
  line-height: 15px;
}

.notif_block_sucess {
    border-radius: 15px;
    background: linear-gradient(45deg, #404546 30%, #474c4d 100%);
    font-size: 10.3px;
    display: flex;
    padding: 27px 16px 27px 16px;
    gap: 12px;
    margin-top: 17px;
    font-weight: 600;
    height: auto;
    flex-direction: column;
}

  .notif_block_sucess .m-icon.icon-remove, .bs-callout .m-icon.icon-remove {
    position: absolute;
    right: 0px;
    margin-top: 19px;
    margin-right: -6px;
    transition: .2s all;
    font-size: 9px;
    width: 19px;
    line-height: 1px;
    border-radius: 50px;
    height: 19px;
    display: flex;
    z-index: 1;
    font-weight: 500;
    background: #ff737340;
    color: #fd7878;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    }

 .notif_block_sucess .m-icon.icon-remove:hover, .bs-callout .m-icon.icon-remove {
    opacity: 0.7;
    }

.birth_block {
  background: #2b2f30;
  padding: 20px;
  border-radius: 15px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
}

.birth_person {
  background: #404547;
  padding: 10px 13px;
  border-radius: 12px;
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: space-between;
}


.birth_login {
  color: #fff;
  font-weight: 600;
}

.birth_img {
  width: 37px;
  padding: 3px;
  height: 37px;
  border: solid 3px #62696b;
  margin-right: 11px;
  border-radius: 50%;
}

.birth_text {
  font-size: 14px;
  font-weight: 600;
}

.birth_day {
  color: #848c8e;
  font-size: 10.9px;
  font-weight: 600;
}

.birth_second {
  font-weight: 600;
  color: #5f6667;
  font-size: 11.5px;
  margin-top: 5px;
  margin-bottom: 13px;
  line-height: 15px;
}

.btn_birth {
  background: #5b6263;
  height: 34px;
  width: 34px;
  transition: 0.2s;
  font-size: 16px;
  color: #9da4a6;
  display: flex;
  border-radius: 9px;
  align-items: center;
  justify-content: center;
}

.btn_birth:hover {
   color: #ffffff;
    background: #6a7375;
}

.bottom_under {
  background: #111923;
  margin-top: 60px;
}

.info_card {
  display: flex;
  justify-content: space-between;
}

.block_open_cases {
  background: linear-gradient(0deg, #393c44 30%, #444851 100%);
  background-size: cover;
  font-weight: bold;
  line-height: 19px;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  display: flex;
  padding: 15px;
  flex-direction: row-reverse;
  justify-content: space-between;
}

.block_open_cases:hover {
opacity: 0.7;
}

.bottom_head {
  display: flex;
  background: #323637;
  margin-top: -50px;
  padding: 35px;
  border: solid 1px #3f4344;
  border-radius: 20px;
  align-items: center;
  flex-direction: column;
}

.name_card {
  font-weight: bold;
}

.desp_card {
  font-weight: bold;
  font-size: 11px;
  color: #8f8589;
}

.pro:hover .flex_promo_text {
    transition: 0.2s;
    text-shadow: #ff8fa0bf 1px 0 30px;
}

.pro{
    color: #ffffff;
    height: 60px;
    width: fit-content;
    display: flex;
    background: #ffffff00;
    cursor: default;
    gap: 6px;
    position: relative;
    padding: 0px 0px 13px 0px;
    float: left;
    font-size: 11px;
    margin-left: 20px;
    top: -2px;
    transition: 0.2s;
    font-weight: 600;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
}

.pro i{font-size: 18px;background: -webkit-linear-gradient(#ff8689, #cf5e61);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.arrta::after{
    content: '';
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    z-index: 10;
    border: 0;
}
.arrta::after{
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  margin-left: -15px;
  border-bottom: 15px solid #fff0;
  top: -15px;
}
.arrta::after {
    left: 8%;
}

.prcr {
  transition: opacity 0.2s ease-in;
  position: absolute;
  =:
  solid 1px #454a54;
  background: linear-gradient(15deg, #252829 30%, #323637 100%);
  backdrop-filter: blur(10px);
  box-shadow: 0 35px 20px 0 rgba(0, 0, 0, 0.2);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s, visibility 0s linear 0.2s;
  z-index: 9999;
  top: 70px;
  width: 300px;
  right: 0;
  border-radius: 15px;
  padding: 20px;
  left: 140%;
  margin-left: -140px;
}
.pro:hover .prcr {
  display: block;
  opacity: 1;
  visibility: visible;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.href_bottom {
  color: #8f878a;
  line-height: 18px !important;
}

.href_bottom:hover {
  color: #ffffff;
}

.line_purse {
  display: block;
  width: 30px;
  background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 170%));
  box-shadow: 0px 0px 20px #ff7989;
  height: 4px;
  margin-top: 5px;
  margin-bottom: 7px;
  border-radius: 50px;
}

.bottom_footer {
  display: flex;
  width: 100%;
}

.event_content {
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  line-height: 15px;
  display: block;
}

.event_date {
  color: #9b9195;
  font-size: 10.6px;
  font-weight: 600;
  margin-top: 5px;
}

.event_flex {
  display: flex;
  gap: 5px;
  flex-direction: column;
}

.row_events {
  display: flex;
  box-shadow: 0px 5px 10px #13151a4f;
  border-radius: 18px;
  background: linear-gradient(1deg, #1a1c1c 30%, #1e2020 100%);
  margin-bottom: 20px;
  gap: 15px;
  padding: 20px;
}

.right_events {
  width: 50%;
  padding: 17px;
  background: linear-gradient(1deg, #303334 30%, #414647 100%);
  background-size: cover;
  border-radius: 16px;
}

.small_online {
  max-width: 300px;
  display: flex;
}

.left_events {margin-bottom: -10px;width: 50%;}

.text_forum_activity {
  color: #ffff !important;
  font-size: 12px !important;
}

.line_purse1 {
  display: block;
  width: 8px;
  background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 170%));
  box-shadow: 0px 0px 20px #ff7989;
  height: 4px;
  margin-top: 5px;
  margin-right: 5px;
  margin-bottom: 7px;
  border-radius: 50px;
}

.last_activity_theme {
  color: #fff;
  font-size: 11.5px;
}

.img_actiity {
  width: 33px;
  height: 33px;
  border-radius: 50%;
  vertical-align: text-top;
}

.description_activity {
  font-weight: 600;
  color: #b3a8ac;
  font-size: 10.6px;
}

.activity_flex {
  display: flex;
  flex-direction: column;
  line-height: 17px;
}

.flex_activity {
  display: flex;
  flex-direction: column;
  line-height: 15px;
}

.activity_btn {
  border: none;
  transition: .2s all;
  background: #636b6d;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  color: #b9a8ae;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.activity_btn:hover {
  background: #99a0a2;
  color: #ffffff;
  transform: rotate(180deg);
}

.left_side_activity {
  display: flex;
  gap: 15px;
  align-items: center;
}

.event_login {
  font-weight: 600;
  font-size: 12px;
}

.stats_icon {
  width: 40px;
  height: 40px;
  background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #8d9596 0, #7f757a 100%));
  display: flex;
  border-radius: 50px;
  color: #c1b9bd;
  font-size: 17px;
  align-items: center;
  justify-content: center;
}

.text_top_users {
  color: #fff;
  font-weight: 600;
  font-size: 12.5px;
}

.cooperation_btn {
  border-radius: 50px;
  text-shadow: #00000087 1px 0 7px;
  background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%));
  color: #ffffff;
  width: 34px;
  display: flex;
  height: 34px;
  transition: .2s all;
  font-size: 8.5px;
  align-items: center;
  justify-content: center;
}

.cooperation_btn:hover {
  opacity: 0.7;
}

.flex_activity_info {
  display: flex;
  gap: 10px;
  align-items: center;
}

.add_theme_forum {
  width: 35px;
  background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%));
  height: 35px;
  text-shadow: #00000087 1px 0 7px;
  color: #ffffff;
  display: flex;
  transition: .2s all;
  font-size: 18px;
  border-radius: 9px;
  align-items: center;
  justify-content: center;
}

.add_theme_forum:hover {
  opacity: 0.7;
  color: #ffff;
}

.flex_activity span{
    font-size: 10.5px;
    color: #ffa6a6;
    font-weight: 600;
}

.line_title {
  display: flex;
}

.footer_description {
  font-weight: 600;
  color: #8f878a;
  font-size: 11.5px;
  line-height: 15px;
}

.top_user {
  display: flex;
  background: #373b3c;
  padding: 17px;
  background-size: cover;
  border-radius: 15px 15px 0px 0px;
  justify-content: space-between;
  flex-direction: column-reverse;
}

.img_top_user {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: solid 5px #373b3c;
}

.flex_top_users {
  position: relative;
  display: flex;
  flex-direction: column;
}

.desp_top_users {
  color: #ad9da3;
  position: relative;
  top: 2px;
  font-weight: 600;
  font-size: 11px;
  transition: .2s all;
}

.desp_top_users:hover {
  color: #ffffff;
}

.bottom_top_user {
  border-radius: 0px 0px 15px 15px;
  height: 35px;
  background: linear-gradient(90deg, #484e4f 10%, #373b3c 90%);
  padding-right: 35px;
  display: flex;
  align-items: center;
  border-top: solid 1px #4c5253;
  justify-content: space-around;
}

.rait_top {
  color: #fff;
  border: solid 1px #606769;
  display: flex;
  background: #515759;
  padding: 0px 10px 0px 4px;
  gap: 8px;
  font-weight: 600;
  font-size: 11px;
  height: 26px;
  border-radius: 50px;
  align-items: center;
}

.rait_top .bx-heart{
  border-radius: 50px;
  color: #fff;
  text-shadow: #000000d4 1px 0 7px;
  height: 18px;
  display: flex;
  width: 18px;
  font-size: 11px;
  background: linear-gradient(34deg, #bd4141 0%, #fd5656 55%);
  align-items: center;
  justify-content: center;
}

.rait_top .bx-message{border-radius: 50px;color: #fff;text-shadow: #000000d4 1px 0 7px;height: 18px;padding-top: 1px;display: flex;width: 18px;font-size: 10px;background: linear-gradient(34deg, #386650 0%, #4acf8f 55%);align-items: center;justify-content: center;}

.rait_top .bx-trophy{
  border-radius: 50px;
  text-shadow: #000000d4 1px 0 7px;
  color: #fff;
  height: 18px;
  display: flex;
  width: 18px;
  font-size: 11px;
  background: linear-gradient(34deg, #ad6f2c 0%, #ffa33e 55%);
  align-items: center;
  justify-content: center;
}

.flex_rait {
  display: flex;
  gap: 7px;
  margin-bottom: -23px;
}

.top1 {
  position: absolute;
  z-index: 20;
  background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff841a 0, #c78958 250%));
  padding: 1px 9px;
  border-radius: 50px;
  box-shadow: 0px 0px 20px #fa7e766e;
  font-weight: 600;
  text-shadow: #000000 1px 0 7px;
  font-size: 8.5px;
  color: #ffffff;
  margin-top: 18px;
  right: 50px;
}

.flex_info_top_user {
  display: flex;
  gap: 10px;
  margin-left: 3px;
  position: relative;
  top: 39px;
  align-items: center;
}

.tabs>input[type="radio"] {
    display: none;
}

.tabs>input[type="radio"]:checked+label {
    background-color: #585f60;
    font-size: 11px;
    font-weight: 600;
    color: #fff;
    border-radius: 9px;
    padding: 5px 5px;
}

.tabs>div {
    display: none;
    border-radius: 15px;
}

#tab-btn-1:checked~#content-1, #tab-btn-2:checked~#content-2, #tab-btn-3:checked~#content-3 {
    display: block;
}

.tabs>label {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    font-size: 11px;
    font-weight: 600;
    position: initial;
    border-radius: 9px;
    padding: 5px 5px;
    background-color: #63555a9e;
    border: 1px solid transparent;
    line-height: 1.5;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
    margin-left: -24px;
    cursor: pointer;
    margin-right: 24px;
    margin-bottom: 7px;
    z-index: 0;
}

.tabs>label:first-of-type {
    margin-left: 0;
}

.top_donator_flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.img_donators {
  height: 28px;
  width: 28px;
  border-radius: 8px;
  transition: .3s all;
  position: relative;
}

.flex_water_sdg {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-weight: bold;
  color: #746d70;
  line-height: 19px;
  font-size: 11.5px;
}

.center_sub {
  width: 90px;
  position: fixed;
  margin-top: auto;
  top: 33%;
  margin-bottom: auto;
  z-index: 100;
  gap: 1px;
  display: flex;
  align-items: center;
}

.flex_text_donators {
  display: flex;
  flex-direction: column;
  line-height: 15px;
}

.desp_donator {
  color: #a2afc7;
  font-size: 11px;
}

.text_donator {
  color: #ffff;
  font-size: 12px;
}

.btn_top_block {
  gap: 5px;
  display: flex;
  background: #393e3f;
  padding: 5px;
  margin-top: -5px;
  width: 100%;
  border-radius: 50px;
  margin-bottom: 50px;
  position: relative;
  z-index: 1;
}

.name_top_usr {
  color: #ffff;
  font-weight: 600;
  font-size: 13px;
}

.border_water_sdg {
  width: 46px;
  background: #ff7e7d33;
  height: 46px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex_top_usr {
  display: flex;
  flex-direction: column;
  line-height: 17px;
}

.desp_top_usr {
  color: #aba2a5;
  font-weight: 600;
  line-height: 15px;
  font-size: 11px;
}

.right_now_online {
  padding: 0px 12px;
  border-radius: 50px;
  font-weight: 600;
  background: linear-gradient(212deg, #87e59542 0%, #7eda8d17 85%);
  font-size: 8.1px;
  color: #94eb97;
  letter-spacing: 1px;
}

.head_online_users {
  color: #a5979d;
  font-weight: 600;
  font-size: 11.5px;
  margin-bottom: 10px;
  display: flex;
  padding-left: 5px;
  justify-content: space-between;
  align-items: center;
}

.profile_r_block {
  border-radius: 20px;
  padding: 20px;
  background: linear-gradient(1deg, #1a1c1c 30%, #1e2020 100%);
  box-shadow: 0px 5px 10px #13151a4f;
  margin-bottom: 13px;
}

.profile_r_block .empty-element {
	margin-bottom: 13px;
    border-radius: 14px !important;
    background: #3f373a7a !important;
    display: flex !important;
    width: 100%;
    font-weight: bold;
    color: #81767b;
    font-size: 11px;
    border: dashed 1px #494f50 !important;
    padding: 40px !important;
    align-items: center !important;
    justify-content: center !important;
}

.profile_r_block .lst_activity_block {
	background: linear-gradient(154deg, #333738 10%, #2b2f30 60%) !important;
}

.profile_r_block .activity_btn {
	background: #4e5455;
	color: #a5999f;
}

.profile_r_block .activity_btn:hover {
	background: #5d6465;
	color: #ffffff;
}

.profile_r_block .description_activity {
    font-weight: 600;
    color: #93898e;
    font-size: 10.6px;
}

.profile_r_block_activity {
  background: #3b4041;
  border-radius: 20px;
  padding: 20px;
  background-size: cover;
  margin-bottom: 13px;
}


#friends {
	display: flex;
	margin-top: 10px;
	overflow: hidden;
}

.small-friend {
    display: flex;
    gap: 6px;
    padding: 13px 10px;
    min-width: 89px;
    font-size: 10.5px;
    color: #fff;
    background: linear-gradient(0deg, #313536 30%, #3e4243 100%);
    max-width: 83px;
    margin-right: 2.2%;
    text-align: center;
    border-radius: 14px;
    flex-direction: column;
    align-items: center;
}

.small-friend span {
    text-overflow: ellipsis;
    width: 60px;
    overflow: hidden;
    white-space: nowrap;
}

.small-friend:hover {
    opacity: 0.7;
	color: #fff;
}

.btn_admin_func {
  background: #2a2e2f;
  width: 100%;
  padding: 0px 9px;
  color: #837a7d !important;
  gap: 10px;
  font-size: 11px;
  border-radius: 10px;
  display: flex;
  height: 48px;
  transition: 0.2s;
  align-items: center;
}

.btn_admin_func:hover {
  background: #3e4243;
  color: #ffffff !important;
}

.btn_admin_func:hover i{
  background: #ff798b;
  color: #ffffff !important;
}

.btn_admin_func i{
  font-size: 16px;
  transition: 0.2s;
  background: #434849;
  width: 32px;
  height: 32px;
  display: flex;
  border-radius: 8px;
  color: #a0adc6;
  align-items: center;
  justify-content: center;
}

.small-friend img{
    width: 44px;
    border-radius: 50%;
    height: 44px;
    z-index: 1;
    margin-right: 3.3%;
    padding: 3px;
}

.buttom_balance_left {
  display: flex;
  flex-direction: column;
  line-height: 19px;
}

.top_balance_left {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}

.link_water {
  color: #9d9598;
  border-bottom: dashed 1px #9d9598a6;
  padding-bottom: 3px;
  margin-left: 1px;
}

.link_water:hover {
  color: #ffffff;
  border-bottom: dashed 1px #ffffff;
}

.flex_head_l {
  display: flex;
  gap: 10px;
}

.procent_name_menu {
  color: #a8aeaf;
  font-weight: bold;
  font-size: 11px;
}

.procent_admin_menu {
  font-size: 12px;
  transition: 0.2s;
  font-weight: bold;
  display: flex;
  border-radius: 8px;
  color: #ffffff;
  align-items: center;
  justify-content: center;
}

.modal_head {
  width: 100%;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: -10px;
  display: flex;
  justify-content: space-between;
}

.personal_card_flex_top {
  border-radius: 20px;
  padding: 25px;
  background: linear-gradient(15deg, #313536 30%, #383c3d 100%);
}

.name_card_user {
  font-weight: bold;
  color: #ffcbc2;
}

.name_card_user_purse {
  font-weight: bold;
  color: #ffcbc2;
  font-size: 15px;
}

.login_card {
  font-weight: bold;
  font-size: 10px;
  text-transform: uppercase;
}

.login_card_purse {
  font-weight: bold;
  font-size: 12px;
  margin-top: 2px;
  color: #ffff;
  text-transform: uppercase;
}

.left_item_card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.right_item_card {display: flex;align-items: flex-end;}

.point_header {
  z-index: 1;
  display: block;
  width: 13px;
  height: 13px;
  border: solid 4px #272a2a;
  border-radius: 50%;
  background: #ffc491;
  top: 11px;
  position: absolute;
  right: 18px;
}

  .tabs__controls button {
    border: none;
    width: 100%;
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #889193 0, #4b5152 100%));
    font-size: 15px;
    color: #b5a6ab;
    height: 29px;
    border-radius: 50px;
    display: flex;
    font-weight: 600;
    font-size: 10px;
    transition: 0.2s;
    cursor: pointer;
    appearance: none;
    align-items: center;
    justify-content: center;
  }

  .tabs__controls button:hover,
  .tabs__controls button:focus {
    opacity: 0.7; 
  }

  .tabs__controls button[aria-selected="true"] {
    color: #f5fffd;
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%));
    text-shadow: #00000075 1px 0 7px;
  }

  .tabs__controls button[aria-selected="true"]:hover {
    color: #f5fffd;
	opacity: 1.0;
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%));
    text-shadow: #000000d4 1px 0 7px;
  }

  .tabs__controls {
  margin-bottom: 15px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  flex-direction: column;
  }

  ul {
    padding: 0;
    list-style: none;
  }

/* source: templates/cs27Reg/css/style_three.css */
.flex_online_servers {
    display: flex;
    flex-direction: column;
    line-height: 13px;
}

.right-side_flex {
  width: 77%;
  display: flex;
  padding: 20px;
  flex-direction: column;
  justify-content: space-between;
}

.thank_str {color: #817a7d;font-weight: 600;}

.text_operation_h1 {
  font-size: 13px;
  color: #94eb97;
}

.text_operation_h2 {
  font-size: 10.5px;
}

.text_operation_h11 {
  font-size: 13px;
  color: #ff6d6d;
}

.text_operation_h22 {
  font-size: 10.5px;
}

.flex_operation_text {
  display: flex;
  gap: 5px;
  font-weight: bold;
  flex-direction: column;
}

.flex_input_merchant {
  display: flex;
  gap: 7px;
  margin-bottom: 15px;
  align-items: center;
}

.flex_mini_user {
    display: flex;
    gap: 5px;
    border-radius: 50px;
    padding: 5px;
    background: #393e3f;
    align-items: center;
}

.discount_purse_block {
  border-radius: 16px;
  transition: .2s all;
  background: linear-gradient(1deg, #1a1c1c 30%, #232626 100%);
  gap: 11px;
  padding: 17px;
  box-shadow: 0px 5px 10px #13151a00;
  display: flex;
  margin-bottom: 20px;
  flex-direction: column;
  margin-top: 20px;
}

.discount_purse {
    background: #393e3f;
    padding: 8px 9px;
    border-radius: 12px;
    transition: .2s all;
    gap: 9px;
    display: flex;
    align-items: center;
}

.discount_purse i {
    width: 35px;
    transition: all 0.2s;
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%));
    text-shadow: #0000008c 1px 0 10px;
    height: 35px;
    font-size: 17px;
    display: flex;
    color: #ffffff;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
}

.discount_purse span{
  font-weight: bold;
  font-size: 13px;
  display: flex;
  gap: 6px;
  align-items: center;
}

.flex_my_stores {
  display: flex;
  flex-direction: column;
  font-weight: bold;
  line-height: 17px;
}

.my_stores_mini_btn {
  display: flex;
  border-radius: 13px;
  gap: 11px;
  margin-bottom: 15px;
  padding: 16px;
  background: linear-gradient(180deg, #fd7f7517 10%, #fe7a8338 100%) !important;
}

.my_stores_mini_btn i{
  display: flex;
  align-items: center;
  background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%));
  border-radius: 10px;
  text-shadow: #000000a1 1px 0 10px;
  padding: 10px;
  font-size: 16px;
  color: #ffffff;
}

.my_stores_mini_text {
  color: #ffff;
  font-size: 12px;
}

.my_stores_mini_info {
  font-size: 10.5px;
  color: #fd959e;
  font-weight: 600;
  border-bottom: dashed 1px #fd959ec9;
}

.my_stores_mini_info:hover {
  color: #ffffff;
  border-bottom: dashed 1px #ffffffad;
}

.mp_btn {
  background: #4a5051;
  display: flex;
  color: #a5979d;
  min-width: 43px;
  height: 43px;
  font-size: 18px;
  transition: 0.2s;
  align-items: center;
  border-radius: 10px;
  justify-content: center;
}

.mp_btn:hover {
  background: #585f61;
  color: #ffffff;
}

.mp_btn_profile {
  display: flex;
  color: #ffffff;
  background: linear-gradient(354deg, #484e4f 30%, #5b6264 100%) !important;
  border-top: solid 1px #878f91;
  height: 43px;
  width: 100%;
  font-size: 11px;
  transition: 0.2s;
  align-items: center;
  border-radius: 9px;
  justify-content: center;
}

.mp_btn_profile:hover {
  opacity: 0.7;
  color: #ffff;
}

.mini_profile_menu {
  margin: 0px 15px 0px 15px;
  display: flex;
  gap: 6px;
  flex-direction: column;
}

.all_friends_btn {
    color: #8d9596;
    font-size: 11px;
    border-bottom: dashed 1px #796d72c9;
    display: flex;
    align-items: center;
    justify-content: center;
}

.all_friends_btn:hover {
    border-bottom: dashed 1px #ffffffad;
    color: #ffffff;
}

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #111923;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    visibility: visible;
    transition: opacity 1s, visibility 0s 0s;
}

.preloader_hidden {
    visibility: hidden;
    opacity: 0;
    transition: opacity 1s, visibility 0s 1s;
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 60px;
    height: 60px;
    margin: -65px 0 0 -65px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #ff7a2a;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 1s linear infinite;
}

#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #ff7a2a;
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}

#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #ff7a2a;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.setting-privileges {
    border: none;
    transition: .2s all;
    background: #2c3a59;
    color: #676f71;
    width: 36px;
    float: right;
    margin-right: 10px;
    margin-top: 7px;
    border-radius: 10px;
    display: flex;
    font-size: 17px;
    height: 36px;
    align-items: center;
    justify-content: center;
}

.setting-privileges:hover {
    border: none;
    transition: .2s all;
    background: #494f50;
    color: #ffffff;
    width: 36px;
    border-radius: 10px;
    display: flex;
    font-size: 17px;
    height: 36px;
    align-items: center;
    justify-content: center;
}

.user_online_block {
    display: flex;
    border-radius: 50px;
    align-items: center;
    max-width: 85px;
    overflow: hidden;
}

.user_online_block .users_chat_online {
    display: none;
}

.user_online_top {}

.user_online_top i {
    border-radius: 50px;
    width: 15px;
    height: 15px;
    display: flex;
    font-size: 12px;
    padding: 0px;
    color: #a1a8a9;
    background: #61686a;
    align-items: center;
    justify-content: center;
}

.user_online_img {
    width: 33px;
    height: 33px;
    margin-right: -5px;
    border: solid 3px #414647;
    border-radius: 50%;
}

.social_auth {
    display: flex;
    gap: 7px;
    align-items: center;
    margin-top: 15px;
}

.double-profile {
    background: #1e263800;
    border-radius: 13px;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}

.number_player {
    background: #494e4f;
    width: 25px;
    border-radius: 6px;
    height: 25px;
    margin-right: 15px;
    font-size: 10px;
    font-weight: 600;
    margin-left: -5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.text-success-priv {
   z-index: 3;
   right: 6px;
   =: linear-gradient(23deg, #ff9b46 0%, #e5768d 55%);
   background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%));
   width: 115px;
   text-shadow: #000000d4 1px 0 7px;
   border: none;
   height: 42px;
   font-size: 10.5px;
   display: flex;
   top: 7px;
   color: #fff;
   position: absolute;
   font-weight: 600;
   border-radius: 10px;
   transition: 0.2s;
   align-items: center;
   justify-content: center;
}

.text-warning-priv {
  z-index: 3;
   right: 6px;
   background: linear-gradient(0deg, #d06262 30%, #ff7e7e 100%);
   width: 115px;
   border: none;
   height: 42px;
   font-size: 10.5px;
   display: flex;
   top: 7px;
   color: #fff;
   position: absolute;
   font-weight: 600;
   border-radius: 10px;
   transition: 0.2s;
   align-items: center;
   justify-content: center;
}

.answer_forum {
    color: #ffffff;
    border: none;
    background: linear-gradient(1deg, #353939 30%, #404445 100%);
    transition: .2s all;
    font-weight: 600;
    height: 45px;
    display: flex;
    font-size: 11px;
    position: relative;
    width: 100%;
    border-radius: 50px;
    align-items: center;
    justify-content: center;
}

.answer_forum:hover {
   opacity: 0.7;
}

.like_forum {
    color: #ffffff;
    background: #ff6666;
    transition: .2s all;
    border: none;
    height: 36px;
    font-size: 16px;
    width: 36px;
    display: flex;
    cursor: pointer;
    border-radius: 9px;
    align-items: center;
    justify-content: center;
}

.like_forum:hover {
     color: #ffffff;
    background: #cd5151;
}

.like_forum:hover .bx-heart {
    -webkit-animation: 1.3s ease-in-out 0s normal none infinite running trambling-animation;
    -moz-animation: 1.3s ease-in-out 0s normal none infinite running trambling-animation;
    -o-animation: 1.3s ease-in-out 0s normal none infinite running trambling-animation;
    animation: 1.3s ease-in-out 0s normal none infinite running trambling-animation;
}

@keyframes trambling-animation {

    0%,
    50%,
    100% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
    }

    10%,
    30% {
        transform: rotate(-10deg);
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
    }

    20%,
    40% {
        transform: rotate(10deg);
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
    }
}

.forum_next {
    overflow: hidden;
    border-radius: 11px;
    margin-bottom: 0px;
    font-size: 12px;
    width: 100%;
    display: flex;
    color: #889092;
    font-weight: 600;
    list-style: none;
    padding: 17px 0px 17px 15px;
}

.forum_next li {
    margin-right: 10px;
    color: #ffff;
    padding-right: 10px;
    display: flex;
    height: 18px;
    border-right: solid 1px #505657;
    align-items: center;
}

.forum_next li.active {
    color: #ffffff !important;
    border-right: none;
}

.forum_next li a {
    color: #898184;
}

.forum_next li a:hover {
    color: #ffffff;
}

.forum_delete {
    background: #3b3f40;
    color: #91878b;
    font-size: 9px;
    border: none;
    display: flex;
    height: 23px;
    margin-left: 6px;
    width: 23px;
    position: relative;
    float: right;
    transition: .2s all;
    border-radius: 50px;
    align-items: center;
    justify-content: center;
}

.forum_delete:hover {
    background: #484d4e;
    color: #ffffff;
}

.block_back {
    display: flex;
    border-radius: 13px;
    padding: 7px 13px;
    background: linear-gradient(1deg, #2d3132 30%, #383d3e 100%);
    margin-bottom: 20px;
    align-items: center;
    justify-content: space-between;
}

.back_forum {
    color: #ffffff;
    text-shadow: #000000d4 1px 0 7px;
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 170%));
    font-size: 13px;
    height: 40px;
    display: flex;
    width: 40px;
    transition: .2s all;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
}

.back_forum:hover {
   opacity: 0.7;
   color: #ffffff;
}

.head-forum {
    background: #272f4200;
    border-radius: 12px;
    display: flex;
    margin-top: -8px;
    margin-bottom: -7px;
    padding: 0px 15px;
}

.forum-setting {
    background: #323637;
    border-radius: 10px;
    padding: 11px 35px;
    font-size: 10.5px;
    color: #ffffff;
    margin-bottom: 10px;
}

.forum-setting:hover {
    background: #393d3e;
    border-radius: 10px;
    padding: 11px 35px;
    font-size: 10.5px;
    color: #ffffff;
    margin-bottom: 10px;
}

.last_online {
    width: 37px;
    height: 37px;
    background: linear-gradient(308deg, #52556b00 30%, #6d7280 100%);
    padding: 4px;
    border-radius: 50px;
    margin-right: 7px;
    margin-left: -1px;
}

.login_visit {
    font-weight: 600;
    font-size: 11px;
}

.visit_users_online1 {
    padding: 8px 14px 8px 9px;
    color: #fff;
    background: linear-gradient(89deg, #40435700 0%, #313536 55%);
    display: flex;
    background-color: #4b4043a3;
    border-radius: 50px;
    transition: .2s all;
    margin-bottom: -14px;
    align-items: center;
    justify-content: space-between;
}

.visit_users_online1:hover {
    background-color: #424849;
}

.gp_visit {
    color: #a0adc6;
    font-weight: 600;
    font-size: 10.5px;
}

.visit_users_online {
    padding: 0px;
    color: #fff;
    background: linear-gradient(89deg, #40435700 0%, #3c4041 55%);
    display: flex;
    background-color: #393e3f;
    border-radius: 50px;
    transition: .2s all;
    margin-bottom: 7px;
    align-items: center;
    justify-content: space-between;
}

.visit_users_online:hover {
    background-color: #404547;
}

.visit_users_online1 i {
    color: #a6969c;
    transition: 0.2s;
    background: #4b5152;
    padding-top: 1px;
    width: 33px;
    height: 33px;
    font-size: 15px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.visit_users_online1:hover i {
    color: #ffffff;
    background: #535a5b;
    transform: rotate(180deg);
}

.visit_users_online i {
    color: #a79ea1;
    transition: 0.2s;
    background: #555c5d;
    padding-top: 1px;
    width: 33px;
    margin-right: 8px;
    height: 33px;
    font-size: 15px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.visit_users_online:hover i {
    color: #ffffff;
    background: #5c6365;
    transform: rotate(180deg);
}

.block_visit {
    display: flex;
    line-height: 13px;
    flex-direction: column;
    margin-left: 3px;
}

.avatar_event {
    width: 34px;
    height: 34px;
    margin-top: 3px;
    border-radius: 50%;
}

.result_danger {
    background: #f258582b;
    color: #ffff;
    font-family: 'Montserrat';
    backdrop-filter: blur(6px);
    top: 4px;
    gap: 10px;
    padding: 13px 19px 13px 13px;
    position: relative;
    display: flex;
    font-size: 10.5px;
    border-radius: 11px;
    align-items: center;
}

.result_danger i{
  width: 37px;
  height: 37px;
  background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff5e5e 0, #8b2b2b 100%));
  text-shadow: #000000d4 1px 0 7px;
  display: flex;
  border-radius: 9px;
  font-size: 17px;
  align-items: center;
  color: #ffffff;
  justify-content: center;
}

.result_uspeshno {
    background: #94eb9721;
    color: #ffff;
    font-family: 'Montserrat';
    backdrop-filter: blur(6px);
    top: 4px;
    gap: 10px;
    padding: 13px 19px 13px 13px;
    position: relative;
    display: flex;
    font-size: 10.5px;
    border-radius: 11px;
    align-items: center;
}

.result_uspeshno i{
  width: 37px;
  height: 37px;
  background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #94eb97 0, #417943 100%));
  text-shadow: #000000d4 1px 0 7px;
  display: flex;
  border-radius: 9px;
  font-size: 17px;
  align-items: center;
  color: #ffffff;
  justify-content: center;
}

.block-ref-link {
    background: #272f4200;
    border-radius: 13px;
    width: 50%;
}

.info-referal {
    border-radius: 12px;
    padding: 20px;
    font-size: 10.5px;
    border: solid 1px #283652;
    display: flex;
    line-height: 16px;
    color: #6e7678;
    padding-bottom: 40px;
    font-weight: 600;
    flex-direction: column;
}

.button-contacts {
    position: relative;
    padding: 15px 25px;
    font-size: 10.5px;
    color: #ffffff;
    background: #323637;
    border: 1px solid #323637;
    line-height: normal;
    border-radius: 10px;
    font-weight: 600;
}

.button-contacts:hover {
    position: relative;
    padding: 15px 25px;
    font-size: 10.5px;
    color: #ffffff;
    background: #363a3b;
    border: 1px solid #363a3b;
    border-radius: 10px;
    font-weight: 600;
}

.flex_tab_settings {display: flex;gap: 10px;align-items: center;}

.navigation-setting li.active a {
    color: white;
    font-weight: 600;
    border: dashed 1px #323637;
    background: #323637;
}

.navigation-setting.with-icons li a {
    position: relative;
    border-radius: 13px;
    gap: 10px;
    display: flex;
    padding: 13px;
    height: 56px;
    text-align: center;
    align-items: center;
    justify-content: space-between;
}

.active-setting-square {
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 2px;
    background: #8fb5af;
}


.wh-18 {
    width: 1.0rem;
    height: 1.0rem;
    position: relative;
    margin-left: 6px;
}

.noty_skidka {
    background-color: #5086ff17;
    border-radius: 11px;
    font-size: 12px;
    padding-left: 20px;
    border: dashed 1px #5086ff;
    margin-top: 18px;
    display: flex;
    padding-right: 50px;
    font-weight: 600;
    margin-bottom: 20px;
    height: 10%;
    justify-content: flex-start;
    align-items: center;
}

.block_message_right {
    width: 70%;
    padding: 20px;
    border-radius: 20px;
    background: linear-gradient(1deg, #1a1c1c 30%, #1e2020 100%);
    box-shadow: 0px 5px 10px #00000014;
}

.text-\[var\(--color\)\] {
    color: #598bfe;
}

.login_donator {
    color: #ffff;
}

.userss_online {
    color: #ffffff;
    font-weight: 600;
    font-size: 10.5px;
    line-height: 14px;
    position: relative;
    margin-left: 10px;
}

.button_top {
    color: #ffffff;
    font-weight: 600;
    font-size: 11px;
    position: relative;
}

.summa_donators {
    padding: 5px 10px;
    border-radius: 50px;
    border: solid 1px #626a6c;
    display: flex;
    gap: 6px;
    background: #4c5254;
    color: #ffffff;
    font-size: 10px;
    transition: .2s all;
    align-items: center;
}

.summa_donators i {
    font-size: 16px;
    color: #ff8175;
    text-shadow: #ff8175 1px 0 10px;
}

.top_donators:hover .summa_donators {
    border: solid 1px #756a6e;
    background: #596061;
    color: #ffffff;
}

.donat_img {
    width: 120px;
    margin-top: -70px;
    float: right;
    left: 10px;
    top: 30px;
    position: relative;
}

.block_pass {
    margin-top: 15px;
    margin-bottom: 15px;
}

.auth_img {
    width: 260px;
    position: relative;
    top: -52px;
    float: right;
}

.zag_auth {
    height: 65px;
    border-radius: 15px 15px 0px 0px;
    background: linear-gradient(327deg, #407bff38 0%, rgb(64 123 255) 100%);
    padding: 20px;
    display: flex;
    align-items: center;
}

.admin-center {
    color: #6e7678 !important;
    font-size: 11px !important;
    display: block;
    border-radius: 10px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    height: 43px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 225px;
    transition: 0.2s;
    padding: 10px;
    line-height: 5px;
}

.admin-center:hover {
    font-weight: 600;
    color: #ffffff;
    background: #212d47;
    font-size: 11px;
    display: block;
    border-radius: 10px;
    position: relative;
    height: 43px;
    line-height: 5px;
    margin: auto;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 225px;
    transition: 0.2s;
}

.admin-center:hover .admin-panel {
    color: #ffffff;
    font-size: 8px;
    transition: .2s all;
    margin-left: 5px;
    background: #7c7bff;
    border-radius: 50px;
    position: relative;
    top: 0px;
    padding: 2px 9px;
}

.admin-center i {
    color: #6e7678;
    font-size: 17px;
    margin-right: 5px;
    transition: .2s all;
    margin-left: 5px;
    position: relative;
    top: 3px;
}

.admin-center:hover i {
    color: #7c7bff;
    font-size: 17px;
    margin-right: 5px;
    transition: .2s all;
    margin-left: 5px;
    position: relative;
    top: 3px;
}

.settings_header {
    display: flex;
    color: #ffffff;
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%));
    text-shadow: #000000a1 1px 0 10px;
    min-width: 43px;
    height: 43px;
    font-size: 18px;
    transition: 0.2s;
    align-items: center;
    border-radius: 10px;
    justify-content: center;
}

.settings_header:hover {
   opacity: 0.7;
   color: #fff;
}

#online_users {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.top_donators {
    display: block;
    border-radius: 13px;
    transition: .1s all;
    background: #3a3f40;
    padding: 11px 15px;
}

.top_donators:hover {
    background: #454a4b;
}

.profile_contact_telegram {
    display: flex;
    width: 100%;
    height: 55px;
    margin-bottom: 7px;
    background: #2a3855;
    border-radius: 12px;
    align-items: center;
}

.profile_contact_discord {
    display: flex;
    width: 100%;
    height: 42px;
    background: linear-gradient(49deg, #5866f14a 0%, #3d4142 55%);
    gap: 7px;
    padding: 0px 13px 0px 6px;
    border-radius: 10px;
    align-items: center;
}

.profile_contact_telegram .bxl-telegram {
    font-size: 15px;
    margin-left: 11px;
    width: 34px;
    display: flex;
    background: linear-gradient(216deg, #6ab5ff 0%, #3390ec 55%);
    height: 34px;
    border-radius: 9px;
    margin-right: 10px;
    align-items: center;
    justify-content: center;
}

.profile_contact_discord .bxl-discord-alt {
    font-size: 15px;
    width: 30px;
    background: #5866f1;
    display: flex;
    height: 30px;
    border-radius: 8px;
    align-items: center;
    justify-content: center;
}

.profile_contact_block {
    padding: 15px 16px;
    margin-bottom: -20px;
    background: #3a3f40;
    height: 60px;
    margin-top: 28px;
    border-radius: 12px;
}

.profile_contact_opisanie {
    font-size: 10.5px;
    font-weight: 600;
    position: relative;
    color: #6e7678;
}

.profile_contact_name {
    color: #fff !important;
    font-size: 11px;
}

.profile_contact_img {
    float: right;
    border-radius: 50%;
    width: 30px;
    top: 1px;
    position: relative;
}

.donat_block_top {
    background: #212d47;
    height: 60px;
    border-radius: 11px;
    padding: 10px;
    gap: 12px;
    display: flex;
    margin-bottom: 12px;
    transition: .2s all;
    justify-content: flex-start;
    align-items: center;
}

.donat_block_top i {
    /* background: #2c3a59; */
    height: 40px;
    font-size: 18px;
    background: linear-gradient(34deg, #4e4fb0 0%, rgb(108 109 229) 55%);
    border-radius: 11px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.a {
    border-radius: 50%;
    background: #5086ff;
    width: 23px;
    height: 19px;
    margin-right: -15px;
    margin-top: 25px;
    margin-left: -7px;
    z-index: 1;
    border: solid 4px #161d2c;
    display: flex;
    justify-content: center;
}

.a:before {
    content: '';
    display: block;
    border-radius: 50%;
    background: #161d2c;
    width: 50%;
    height: 50%;
    align-self: center;
}

.news_button {
    font-size: 10.7px;
    font-weight: 600;
    margin-left: 11px;
    position: relative;
    color: #ffff;
    top: 22px;
}

.forum_button {
    font-size: 9.9px;
    font-weight: 600;
    position: relative;
    line-height: 12px;
    color: #ffffff;
    margin-top: 10px;
    margin-bottom: 14px;
    text-align: center;
}

.pulse {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #7c86ff;
    box-shadow: 0 0 0 #606cff4f;
    animation: pulse 1.5s infinite;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 #7c86ff3d;
    }

    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% {
        -moz-box-shadow: 0 0 0 0 #7c86ff94;
        box-shadow: 0 0 0 0 #7f89ffab;
    }

    70% {
        -moz-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
        box-shadow: 0 0 0 6px rgba(204, 169, 44, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    }
}

.all_online {
    background: #37415800;
    transition: all 0.2s;
    padding: 8px;
    border-radius: 10px;
    font-size: 10.5px;
    border: dashed 1px #585f60;
    cursor: pointer;
    display: flex;
    color: #6e7678;
    margin: 0px 14px;
    margin-top: 9px;
    height: 42px;
    font-weight: 600;
    align-items: center;
    justify-content: center;
}

.all_online:hover {
    background: #283652;
    transition: all 0.2s;
    padding: 8px;
    border-radius: 10px;
    font-size: 10.5px;
    border: dashed 1px #283652;
    cursor: pointer;
    display: flex;
    color: #ffffff;
    margin-top: 9px;
    height: 42px;
    font-weight: 600;
    align-items: center;
    justify-content: center;
}

.online_full {
    background: #323637;
    border-radius: 10px;
    height: 50px;
    padding: 0px 15px;
    line-height: 14px;
    padding-right: 10px;
    display: flex;
    cursor: pointer;
    width: 100%;
    top: -22px;
    transition: .2s all;
    position: relative;
    flex-direction: column;
    justify-content: center;
}

.online_full:hover {
    background: #323637;
    border-radius: 10px;
    height: 50px;
    opacity: 0.7;
    transition: .2s all;
    padding: 0px 15px;
    line-height: 14px;
    padding-right: 10px;
    display: flex;
    width: 100%;
    top: -22px;
    position: relative;
    flex-direction: column;
    justify-content: center;
}

.online_full:active {
    background: #323637;
    border-radius: 10px;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    height: 50px;
    opacity: 0.7;
    transition: .2s all;
    padding: 0px 15px;
    line-height: 14px;
    padding-right: 10px;
    display: flex;
    width: 100%;
    top: -22px;
    position: relative;
    flex-direction: column;
    justify-content: center;
}

.online_full_user {
    /* background: #424849; */
    display: flex;
    border-bottom: solid 1px #474c4d;
    padding-bottom: 10px;
    margin-bottom: 10px;
    position: relative;
    justify-content: space-between;
    align-items: center;
}

.online_full_user b {
    border-radius: 50px;
    width: 35px;
    background: linear-gradient(34deg, #437652 0%, rgb(102 158 119) 55%);
    height: 20px;
    font-size: 11px;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
}

.img_online {
    width: 34px;
    position: relative;
    top: 4px;
    transition: .2s all;
    border-radius: 50%;
    margin-right: -13px;
    border: solid 3px #323637;
}

.img_online:hover {
    width: 34px;
    opacity: 0.8;
    transition: .2s all;
    position: relative;
    top: 4px;
    border-radius: 50%;
    margin-right: -13px;
    border: solid 3px #323637;
}

.toper_mini_right {
    height: 140px;
    margin-bottom: 1px;
    width: 135px;
    border-radius: 15px;
    z-index: 1;
    background: #1e263800;
}

.toper_mini_right1 {
    height: 100%;
    background: #292c2d;
    display: flex;
    border-radius: 15px;
    transition: .2s all;
    align-items: center;
    flex-direction: column;
    align-content: center;
    justify-content: flex-end;
}

.news_date {
    font-size: 10px;
    background: #2d76ff14;
    backdrop-filter: blur(1px);
    border-radius: 50px;
    border: solid 1px #ffffff1a;
    position: absolute;
    font-weight: 600;
    margin-top: 5px;
    text-align: center;
    text-overflow: ellipsis;
    width: calc(40% - 46px);
    overflow: hidden;
    white-space: nowrap;
    line-height: 25px;
    margin-left: 7px;
    color: #fff;
}

.ugol {
    width: 11px;
    position: relative;
    margin-bottom: -12px;
    height: 11px;
    position: absolute;
    bottom: 41px;
    z-index: 1;
    left: 24px;
    border-radius: 50%;
    border: solid 3px #292c2d;
}

.water_img {
    width: 20px;
    position: relative;
}

.water {
    float: left;
    position: relative;
    display: flex;
    padding: 10px;
    padding-top: 11px;
    width: 34px;
    margin-left: -7px;
    background: radial-gradient(circle, rgb(22 50 118) 20%, rgb(10 25 60) 70%);
    line-height: 10px;
    height: 34px;
    font-size: 12px;
    border-radius: 9px;
    align-items: center;
    justify-content: center;
}

.hide_uved {
    display: none;
}

.case_menu_button {
    background: linear-gradient(238deg, rgb(134 255 194 / 6%) 0%, rgb(39 47 66) 55%);
    color: #fff;
}

.new-menu {
    font-weight: 500;
    font-size: 8px;
    float: right;
    margin-top: 7px;
    color: #95ffcafc;
    padding: 0px 10px;
    border: 1px solid #95ffca94;
    filter: drop-shadow(rgba(107, 206, 165, 0.57) 0px 0px 16px);
    border-radius: 5px;
}

.head_chat {
    display: flex;
    justify-content: space-between;
    margin-bottom: -19px;
}

.img_input_chat {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    position: relative;
}

.show_user {
    color: #999195;
    line-height: 22px;
    font-size: 20px;
    height: 36px;
    width: 30px;
    transition: 0.2s;
    position: relative;
    cursor: pointer;
    top: 13px;
    border-radius: 10px;
}

.show_user:hover {
    color: #ffffff;
}

.show_user:hover .bx-bell {
    -webkit-animation: 1.3s ease-in-out 0s normal none infinite running trambling-animation;
    -moz-animation: 1.3s ease-in-out 0s normal none infinite running trambling-animation;
    -o-animation: 1.3s ease-in-out 0s normal none infinite running trambling-animation;
    animation: 1.3s ease-in-out 0s normal none infinite running trambling-animation;
}

@keyframes trambling-animation {

    0%,
    50%,
    100% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
    }

    10%,
    30% {
        transform: rotate(-10deg);
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
    }

    20%,
    40% {
        transform: rotate(10deg);
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -o-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
    }
}

.chat_date {
    font-size: 9px;
    color: #bdb1b6;
    border: solid 1px #454a4b;
    background: #ffffff00;
    padding: 0px 6px;
    border-radius: 50px;
    font-weight: 600;
    cursor: context-menu;
}

.answer {
    font-size: 10px;
    color: #58637800;
    margin-left: 120px;
    float: right;
    margin-right: 3px;
    transition: .2s all;
}

.answer:hover {
    font-size: 10px;
    color: #ffffff;
    margin-left: 120px;
    float: right;
    transition: .2s all;
}

.user_o_img {
    width: 30px !important;
    border-radius: 50px;
    height: 30px !important;
    transition: .2s all;
    float: inherit;
}

.chat_img {
    width: 29px !important;
    border-radius: 8px;
    height: 29px !important;
    transition: .2s all;
    float: inherit;
}

.chat_img:hover {
    opacity: 0.7;
}

.blockobr {
    height: 85px;
    background: #292c2d;
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 15px;
    transition: 0.2s;
}

.blockobr:hover {
    height: 85px;
    background: #2e3233;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 15px;
    transition: 0.2s;
}

.imgsupport {
    width: 80px;
    top: -16px;
    height: 82px;
    position: relative;
    line-height: 0px;
    float: left;
}

@media (max-width: 991.99px) {
    .page_auth_left {
        display: none !important;
    }

    .page_auth_right {
        width: 100% !important;
        align-items: center;
        background-color: #21233000 !important;
        padding: 70px 15px 70px 15px !important;
    }

    .login_block {
        width: 100% !important;
        margin-left: 0px !important;
    }

    .page_authorization {
    display: flex;
    min-height: 100vh;
    justify-content: center;
}

    .wapper .header {
        position: relative;
        height: 109px;
    }

    .row_widget {
    flex-direction: column;
}

    .center_sub {
        display: none;
    }

    .search_user {
        display: none;
    }

    .point_header {
        z-index: 1;
        display: block;
        width: 13px;
        height: 13px;
        border: solid 4px #272a2a;
        border-radius: 50%;
        background: #ffc491;
        top: 14px;
        position: absolute;
        right: -107px;
    }

    .pro {
        display: none;
    }

    .wapper .header ul {
        display: none;
        float: left;
        height: 100%;
        list-style: none;
    }

    .wapper .header ul>li {
        /* display: block; */
        float: left;
        margin: 0 17px;
    }

    .wapper .header ul>li>a {
        font-size: 20px;
        color: #74696f;
        line-height: 53px;
        text-align: center;
    }

    .wapper .header ul>li>a:hover {
        color: #ffffff;
    }

    .wapper .header ul.user-menu {
        display: block;
        margin-top: 15px;
        float: right;
        right: 37px;
        height: 32px;
        position: relative;
    }

    .wapper .header ul.user-menu>li {
        margin: 0 8px;
    }
    
    .news_block {
        height: auto;
        display: flex;
        gap: 20px;
        padding: 20px;
        border-radius: 18px;
        margin-bottom: 5px;
        align-items: center;
        justify-content: space-between;
        flex-direction: column;
    }

    .row_events {
        display: flex;
        border-radius: 18px;
        margin-bottom: 20px;
        gap: 15px;
        padding: 20px;
        flex-direction: column;
    }

    .left_events {
        margin-bottom: -10px;
        width: 100%;
    }

    .right_events {
        width: 100%;
        padding: 17px;
        background-size: cover;
        border-radius: 16px;
    }

    .flex_activity span {
        font-size: 10.5px;
        font-weight: 600;
        width: 80%
    }

    .bottom_footer {
        display: flex;
        width: 100%;
        flex-direction: column;
    }

    .bottom_info {
        background: #2d303a00;
        height: auto;
        display: flex;
        margin-top: 10px;
        gap: 10px;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: column;
    }

    .nav_menu {
        margin-left: -15px;
        margin-bottom: 20px;
    }

    .flex_new_new {
        display: flex;
        width: 100%;
        gap: 20px;
        flex-direction: column;
        align-items: stretch;
    }

    .news-block-img {
        height: 200px;
        width: 100%;
        border-radius: 16px;
        max-width: 100%;
    }

    .flex_info_new {
    display: flex;
    flex-direction: column;
    width: 100%;
    }

    .wapper .header ul.user-menu>li.collapsible {
        position: relative;
    }

    .wapper .header ul.user-menu>li.collapsible>a {
        width: 42px;
    }

    .wapper .header ul.user-menu>li.collapsible>a img {
        width: 35px;
        height: 35px;
        border-radius: 50px;
        display: block;
        float: left;
        position: absolute;
        top: 2px;
    }

    .referal_block_setting {
    flex-direction: column;
}

    .cTabs_block {
        display: flex;
        gap: 20px;
        margin-bottom: 30px;
        flex-direction: column;
    }

    .cTabs_left_block {
        background: #18233a;
        width: 100%;
        height: 300px;
        padding: 17px;
        border-radius: 15px;
        display: flex;
        flex-wrap: wrap;
        align-content: space-between;
        justify-content: flex-end;
    }

    .support_cTabs {
        width: 40px;
        cursor: pointer;
        transition: 0.2s;
        height: 40px;
        background: #263350;
        border-radius: 10px;
        margin-right: 0px;
        font-size: 17px;
        color: #6b7375;
        display: flex;
        margin-top: 0px;
        align-items: center;
        justify-content: center;
    }

    .support_cTabs:hover {
        width: 40px;
        transition: 0.2s;
        height: 40px;
        background: #414648;
        border-radius: 10px;
        margin-right: 0px;
        font-size: 17px;
        color: #ffffff;
        display: flex;
        margin-top: 0px;
        align-items: center;
        justify-content: center;
    }

    .text_left_cTabs i {
        display: none;
    }

    .text_left_cTabs {
        backdrop-filter: blur(5px);
        background: #00000038;
        border-radius: 12px;
        margin: 0px;
        width: 100%;
        padding: 20px;
        font-weight: 600;
        font-size: 10.5px;
    }

    .cf {
        background: #18233a;
        border-radius: 15px;
        padding: 23px;
        width: 100%;
    }

    .number_cTabs {
        display: none;
    }

    #chat #chat_messages,
    #chat #messages {
        overflow-y: auto;
        width: calc(100% - 10px);
        height: 280px !important;
        margin-left: 10px;
    }

    .button_player1 {
        border: none;
        background: #3a3f40;
        padding: 8px 20px;
        color: #606768;
        margin-left: 0px;
        margin-bottom: 10px;
        font-weight: 600;
        font-size: 10.5px !important;
        border-radius: 8px;
        transition: 0.2s;
    }

    .button_player1:hover {
        border: none;
        background: #414647;
        padding: 8px 20px;
        color: #ffffff;
        margin-left: 0px;
        font-weight: 600;
        font-size: 10.5px !importan;
        border-radius: 8px;
        transition: 0.2s;
    }

    .news-block-imgg {
        height: 210px;
    }

    .vk_support {
        background: linear-gradient(96deg, #0077ff 0%, rgb(39 140 255) 55%);
        border-radius: 12px;
        width: 100%;
        height: 60px;
        padding: 0px 14px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .ticket_support {
        background: linear-gradient(85deg, #009c3c 0%, rgb(65 180 109) 55%);
        border-radius: 12px;
        width: 100%;
        height: 60px;
        padding: 0px 14px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .send_support {
        width: 110px;
        transition: 0.2s;
        background: #ffffff36;
        display: flex;
        gap: 7px;
        height: 37px;
        font-size: 10.5px;
        cursor: pointer;
        border-radius: 9px;
        font-weight: 600;
        align-items: center;
        justify-content: center;
    }

    .send_support:hover {
        width: 110px;
        transition: 0.2s;
        background: #ffffff4d;
        display: flex;
        gap: 7px;
        height: 37px;
        font-size: 10.5px;
        cursor: pointer;
        border-radius: 9px;
        font-weight: 600;
        align-items: center;
        justify-content: center;
    }

    .version_fixed {
        font-weight: 600;
        color: #3f4445;
        position: fixed;
        bottom: 10px;
        font-size: 10px;
        display: none;
        left: 20px;
    }

    .news_info {
        display: flex;
        width: 100%;
        justify-content: space-between;
    }

    .button_sortion {
        background: #363a3b;
        width: 100%;
        display: flex;
        padding: 10px;
        cursor: pointer;
        height: auto;
        transition: 0.2s;
        border-radius: 13px;
        flex-direction: column;
        justify-content: flex-end;
    }

    .button_sortion:hover {
        opacity: 0.7;
        background: #303334;
        width: 100%;
        /* display: flex; */
        transition: 0.2s;
        padding: 10px;
        height: auto;
        border-radius: 13px;
        flex-direction: column;
        justify-content: flex-end;

    }

    .bottom_new {
        background: #18233a;
        border-radius: 15px;
        padding: 30px;
        margin-top: 50px;
        margin-bottom: 30px;
    }

    .bottom_water_info_right {
        display: flex;
        flex-direction: row-reverse;
        background: #212d47;
        border-radius: 12px;
        padding: 12px 0px;
        margin-top: 20px;
        align-items: center;
    }

    .bottom_water_info_left {
        display: none;
    }

    .version {
        background: #323637;
        border-radius: 12px;
        display: none;
        padding: 0px 12px;
        padding-right: 20px;
        align-items: center;
    }

    .nav_bottom_soc {
        background: #ffffff00;
        position: relative;
        display: none;
        margin-bottom: 20px;
    }

    .vertical-navigation {
        flex-direction: column;
        margin-bottom: 0px;
        width: 100%;
    }

    .vertical-navigation li a {
    border-radius: 10px !important;
    justify-content: flex-start !important;
    gap: 5px;
    display: flex;
    flex-direction: row;
}

    .block_select_servers {
    padding: 15px;
    border-radius: 20px;
}

    .vertical-navigation li {
    width: 100%;
    }

    .admin_menu_block {
    display: flex;
    gap: 15px;
    flex-direction: column;
}

    .balance-left i {
    display: none;
}

    .container-buttons-card {
    display: none;
}

    .profile_block {
    margin-bottom: 30px;
    border-radius: 20px;
    display: flex;
    gap: 15px;
    flex-direction: column;
}

    .personal_card {
    display: flex;
    justify-content: space-between;
    padding-bottom: 15px;
    gap: 10px;
    margin-bottom: 15px;
    flex-direction: column;
}

    .activity_name {
    display:none;
}

    .left_profile {
    border-radius: 20px;
    padding: 20px;
    background-size: cover;
    display: flex;
    gap: 20px;
    flex-direction: column;
    justify-content: space-between;
}

    .prof_r {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 5px;
    align-items: flex-start;
}

    .left_block {
    width: 100%;
}

    .right_profile {
    width: 100%;
}

    #friends {
    display: flex;
    margin-top: 10px;
    overflow: auto;
}
    #friends::-webkit-scrollbar{
    display: none;
}

    .flex_contacts_btn {
    display: flex;
    justify-content: space-between;
    margin-top: 12px;
    gap: 10px;
    border-bottom: solid 1px #484d4e;
    padding-bottom: 14px;
    flex-direction: column;
}

    .profile-settingss {
    color: #ffffffbf;
    font-weight: bold;
    height: 42px;
    border-radius: 9px;
    width: 100%;
    padding: 0px 20px;
    font-size: 10px;
    display: flex;
    letter-spacing: 1px;
    transition: .2s all;
    cursor: pointer;
    align-items: center;
    justify-content: center;
}

    .button_menu_collapse {
        display: flex !important;
        font-weight: 600;
        transition: 0.2s;
        background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #596061 0, #43494a 100%));
        cursor: pointer;
        color: #afa2a7;
        font-size: 17px;
        border: none;
        align-items: center;
        margin-right: 5px;
        height: 40px;
        width: 40px;
        border-radius: 50px;
        justify-content: center;
    }

        .button_menu_collapse:hover {
        opacity: 0.7;
    }

    .menu_top_push_active {
        display: none;
    }

    .row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
        flex-direction: row;
        flex-wrap: wrap;
    }

    #new_news {
        margin-bottom: 20px;
    }

    .flex-double {
        display: flex;
        gap: 15px;
        flex-direction: column;
    }

    .add-click {
        background: #18233a;
        margin-bottom: 0px;
        display: flex;
        height: 150px;
        padding: 24px 25px;
        width: 100%;
        border-radius: 15px;
        flex-direction: column;
    }

    .add-click:hover {
        background: #18233a;
        margin-bottom: 0px;
        display: flex;
        height: 150px;
        padding: 24px 25px;
        width: 100%;
        border-radius: 15px;
        flex-direction: column;
    }

    .return-click {
        background: #18233a;
        margin-bottom: 30px;
        display: flex;
        height: 150px;
        padding: 24px 25px;
        border-radius: 15px;
        width: 100%;
        flex-direction: column;
    }

    .return-click:hover {
        background: #18233a;
        margin-bottom: 30px;
        display: flex;
        opacity: 0.7;
        height: 150px;
        padding: 24px 25px;
        border-radius: 15px;
        width: 100%;
        flex-direction: column;
    }

    .tabs__buttons--container {
        display: flex;
        margin-bottom: 10px;
        width: auto;
        overflow: auto;
        padding-bottom: 10px;
    }

    .referal_block i {
        width: 40px;
        padding: 0px 13px;
        height: 40px;
        background: linear-gradient(180deg, #3473ff 0%, rgb(80 134 255) 55%);
        border-radius: 10px;
        display: flex;
        color: #fff;
        margin-right: 17px;
        font-size: 19px;
        align-items: center;
        justify-content: center;
    }

    .block-ref-link {
        background: #272f4200;
        border-radius: 13px;
        width: 100%;
    }

    .referal_block {
 flex-direction: column;
 }


    .three_support {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
        flex-direction: column;
    }

    .icon_support {
        background: #fff;
        width: 43px;
        height: 38px;
        display: none;
        border-radius: 10px;
        align-items: center;
        justify-content: center;
    }

    .block_setting_left1 {
        width: 100%;
        padding: 0px;
        margin-bottom: 40px;
    }

    .block_setting_right1 {
        width: 100%;
        padding: 0px;
        margin-left: 0px;
    }

    .referal_procent {
        border: none;
        background: #404445;
        padding: 11px 35px;
        border-radius: 9px;
        color: #848c8e;
        text-align: center;
        width: 100%;
        font-size: 11px;
        transition: .2s all;
        font-weight: 600;
    }



    .block_setting_left {
        width: 100%;
        padding: 0px;
        margin-bottom: 30px;
    }

    .black_list_left {
        display: flex;
        align-items: flex-start;
        margin-bottom: 10px;
        gap: 2px !important;
        flex-direction: column;
    }

    .black_list_button {
        width: 100%;
    }

    .black_list {
        flex-direction: column;
        align-items: flex-start;
    }

    .block_setting_right {
        width: 100%;
        padding: 0px;
        margin-left: 0px;
    }

    .block_setting_top {
        display: flex;
        padding: 0px;
        padding-bottom: 16px;
        flex-direction: column;
        justify-content: space-between;
    }

    .forum_button {
        font-size: 9.9px;
        font-weight: 600;
        position: relative;
        line-height: 0px;
        color: #ffffff;
        margin-top: 19px;
        margin-bottom: 14px;
        text-align: center;
    }

    .fbrs_online {
        font-size: 11px;
        color: #ffffff;
        width: 30px;
        border-radius: 8px;
        display: flex;
        background: linear-gradient(34deg, #289769 0%, rgb(53 180 127) 55%);
        height: 30px;
        align-items: center;
        justify-content: center;
    }


    .text_online {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .ring-container {
        position: relative;
        left: -15px;
        top: -55px;
        float: right;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .toper_mini_right {
        height: 70px;
        margin-bottom: 10px;
        width: 100%;
        border-radius: 15px;
        background: #1e263800;
        display: initial;
    }

    .toper_mini_right1 {
        height: 100%;
        background: #292c2d;
        display: flex;
        border-radius: 15px;
        transition: .2s all;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
    }

    .block_mini_profile {
        border-radius: 15px 15px 0px 0px;
        margin-bottom: -15px;
        padding: 13px 16px;
        margin-top: 30px;
        z-index: 1;
        background: #18233a;
        position: relative;
    }

    .toper_mini_blocks {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column-reverse;
    }

    .pursee-button {
        padding: 9px;
        height: 35px;
        background: linear-gradient(180deg, #3473ff 0%, rgb(80 134 255) 55%);
        line-height: 16px;
        font-size: 25px;
        top: 4px;
        display: none;
        color: #666e70;
        position: relative;
        float: right;
        margin-left: auto;
        border-radius: 10px;
    }

    .pretext {
        position: relative;
        font-size: 14px;
    }

    .buttons_top {
        display: flex;
        position: relative;
        float: right;
        left: 120px;
    }

    .banlist {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
    }

    .topic-answers div[id^="answer"] .left-side {
        width: 100%;
    }

    .right-side_flex {
    width: 100%;
    5: 500;
}

    .forum_shapka {
        display: flex;
        padding: 20px 0px;
        justify-content: space-between;
        flex-direction: column;
    }


    element.style {}

    .forum_deatails {
        background: #323637;
        padding: 10px 20px;
        height: 39px;
        color: #62696b;
        font-weight: 600;
        overflow: hidden;
        margin-top: 10px;
        font-size: 10.5px;
        border-radius: 10px;
        margin-bottom: -5px;
    }

    .block_back {
        display: flex;
        align-items: center;
        padding-right: 20px;
    }

    .back_forum {
    min-width: 40px;
}

    .forum_next {
    overflow: hidden;
    border-radius: 11px;
    margin-bottom: 0px;
    font-size: 11px;
    width: 100%;
    display: flex;
    color: #889092;
    font-weight: 600;
    list-style: none;
    padding: 17px 0px 17px 15px;
    }

    .forum_next {
        flex-direction: column;
        gap: 4px;
    }

    .forum_next li {
    border-right: none;
    }
    
    .topic-answers div[id^="answer"] .right-side {
        /* padding: 25px 25px 55px; */
        width: 100%;
    }

    .topic-answers div[id^="answer"] {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 15px;
        overflow: hidden;
        flex-direction: column;
    }


    .chat_block {
        display: flex;
        flex-direction: column;
        padding: 0px;
    }


    .add_news {
        height: 40px;
        border: none;
        transition: 0.2s;
        margin-right: 6px;
        background: #323637;
        font-weight: 600;
        color: #ffffff;
        font-size: 11px;
        border-radius: 9px;
        padding: 0px 26px;
        cursor: pointer;
        display: none;
    }

    .add_admins {
        height: 40px;
        border: none;
        width: 40px;
        transition: 0.2s;
        display: flex;
        margin-right: 6px;
        background: #212d47;
        font-weight: 600;
        color: #ffffff;
        font-size: 11px;
        border-radius: 9px;
        padding: 0px 0px;
        cursor: pointer;
        align-items: center;
        justify-content: center;
    }

    .add_admins:hover {
        height: 40px;
        border: none;
        width: 40px;
        transition: 0.2s;
        display: flex;
        margin-right: 6px;
        background: #334366;
        font-weight: 600;
        color: #ffffff;
        font-size: 11px;
        border-radius: 9px;
        padding: 0px 0px;
        cursor: pointer;
        align-items: center;
        justify-content: center;
    }


    .add_admins .admins_plus {
        display: block;
        font-size: 17px;
    }

    .add_admins .admins_all {
        display: none;
    }

    .answer {
        font-size: 10px;
        color: #58637800;
        margin-left: 120px;
        display: none;
        float: right;
        margin-right: 3px;
        transition: .2s all;
    }

    .users_online_chat {
    }

    .sortion_block_head {
        background: #fff0;
        width: 100%;
        height: 380px;
        display: block;
        padding: 15px 15px;
        position: relative;
        z-index: 2;
    }

    .head_rside {
        width: 100%;
        margin: 0px;
        display: none;
        padding-left: 18px;
        position: relative;
        z-index: 2;
    }

    .head_block {
        padding: 20px;
        flex-direction: column;
        background-position: -730px 0px !important;
        background-size: 700% !important;
    }

    .head_block:hover {
        background-size: cover;
    }

    .chat {
        width: 100%;
        padding: 15px !important;
        padding-bottom: 6px !important;
        background: #fff0 !important;
        margin-bottom: 6px !important;
        border: none;
    }

    .promo-code {
        background: #fff0;
        padding: 13px;
        border: dashed 1px #3b4041;
        border-radius: 13px;
        margin-bottom: 18px;
        margin-top: 14px;
        display: none;
    }

    .block_message_avalon {
        display: flex;
        justify-content: space-between;
        background: #18233a;
        border-radius: 15px;
        padding: 15px;
        flex-direction: column;
    }

    #companions {
        border-right: solid 1px #272f4200;
        width: 100%;
        height: auto;
        overflow: auto;
        margin-bottom: 30px;
    }

    .block_mes_avalon {
        width: 100%;
        margin-right: 4px;
        height: 273px;
        padding-right: 10px;
    }

    .show_user {
        color: #74696f;
        line-height: 22px;
        font-size: 20px;
        height: 36px;
        width: 30px;
        transition: 0.2s;
        position: relative;
        cursor: pointer;
        top: 5px;
        border-radius: 10px;
    }

    table.table.table-bordered tr {
        position: relative;
        display: flex;
        gap: 10px;
        margin-bottom: 10px;
        padding: 10px 15px;
        height: auto;
        border-radius: 12px;
        border-top: solid 0px #23273600;
        flex-direction: column;
        align-items: flex-start;
    }

    .table-responsive>table.table>thead>tr>th:first-child,
    .table-responsive>table.table>tbody>tr>th:first-child,
    .table-responsive>table.table>tfoot>tr>th:first-child,
    .table-responsive>table.table>thead>tr>td:first-child,
    .table-responsive>table.table>tbody>tr>td:first-child,
    .table-responsive>table.table>tfoot>tr>td:first-child {
        border-left: 0 !important;
        padding-right: 0px;
        color: #fff;
        width: 10px;
        border-radius: 10px 0px 0px 10px;
        padding-left: 0px;
    }

    .zareg {
        border: none;
        background: linear-gradient(34deg, #3473ff 0%, rgb(80 134 255) 55%);
        border-radius: 9px;
        margin-top: 8px;
        margin-right: 1px;
        display: flex;
        width: 43px;
        height: 43px;
        font-size: 0px;
        color: #ffff;
        transition: .2s all;
        font-weight: 600;
        justify-content: center;
        align-items: center;
    }

    .zareg:hover {
        border: none;
        background: linear-gradient(34deg, #3473ff 0%, rgb(80 134 255) 55%);
        border-radius: 9px;
        opacity: 0.7;
        margin-top: 8px;
        margin-right: 1px;
        display: flex;
        width: 43px;
        height: 43px;
        font-size: 0px;
        color: #ffff;
        transition: .2s all;
        font-weight: 600;
        justify-content: center;
        align-items: center;
    }

    .zareg i {
        font-size: 19px;
        margin-right: 0px;
    }


    .news-button-bottom {
        cursor: pointer;
        text-align: center;
        display: flex;
        font-size: 9.5px;
        letter-spacing: 1px;
        padding: 11px 0px;
        width: 100%;
        position: relative;
        font-weight: 600;
        border-radius: 50px;
        transition: .2s all;
        justify-content: center;
        align-items: center;
    }





    .slick-list {
        position: relative;
        display: block;
        overflow: hidden;
        margin: 0;
        padding: 0;
        margin-left: -20px;
        margin-right: 0px;
    }

    .block_nick_group {
        text-align: left;
        margin-left: 35px;
        width: 125px;
        height: 10px;
        display: none;
    }

    .wapper .header ul.user-menu>li.collapsible>a i {
        display: block;
        float: right;
        line-height: 30px;
        font-size: 10px;
    }



    .wapper .header ul.user-menu>li>ul {
     z-index: 1013;
     display: none;
     position: absolute;
     background: linear-gradient(15deg, #252829 30%, #323637 100%);
     right: calc(100% - 46px);
     width: 330px;
     height: auto;
     list-style: none;
     top: 60px;
     box-shadow: 0px 5px 10px #13151a4f;
     border-radius: 20px;
     overflow: hidden;
    }

    .wapper .header ul.user-menu>li>ul>li {
        text-align: left;
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }

    .wapper .header ul.user-menu>li>ul>li>a {
        font-weight: 600;
        color: #6e7678;
        font-size: 11px;
        display: block;
        border-radius: 10px;
        position: relative;
        height: 43px;
        margin: auto;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        max-width: 225px;
        transition: 0.2s;
        padding: 10px;
        line-height: 5px;
        left: -25px;
    }

    .header ul.user-menu>li>ul>li>a b {
        color: #6e7678;
        font-size: 8px;
        transition: .2s all;
        margin-left: 5px;
        background: #212d47;
        border-radius: 50px;
        position: relative;
        top: -1px;
        padding: 2px 9px;
    }

    .header ul.user-menu>li>ul>li>a:hover b {
        color: #ffffff;
        font-size: 8px;
        transition: .2s all;
        margin-left: 5px;
        background: #5086ff;
        border-radius: 50px;
        position: relative;
        top: -1px;
        padding: 2px 9px;
    }

    .header ul.user-menu>li>ul>li>a:hover i {
        color: #5086ff;
        transition: .2s all;
    }

    .header ul.user-menu>li>ul>li>a i {
        color: #6e7678;
        font-size: 17px;
        margin-right: 5px;
        transition: .2s all;
        margin-left: 5px;
        position: relative;
        top: 3px;
    }

    .wapper .header ul.user-menu>li>ul>li>a:hover {
        font-weight: 600;
        color: #ffffff;
        background: #212d47;
        font-size: 11px;
        display: block;
        border-radius: 10px;
        position: relative;
        height: 43px;
        line-height: 5px;
        margin: auto;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        max-width: 225px;
        transition: 0.2s;
    }

    .wapper .header ul.user-menu>li>ul>li:last-child>a {
        border-bottom: 0;
    }

    .wapper .header-menu {
        position: absolute;
        top: 60px;
        background: linear-gradient(15deg, #252829 30%, #323637 100%);
        border-radius: 20px;
        left: -12px;
        min-width: 300px;
        padding: 0px 17px 0px 17px;
        max-width: 300px;
        z-index: 1000;
    }

    .wapper .header-menu .container {
        padding: 0;
        margin-top: 17px;
        margin-bottom: 17px;
    }

    .wapper .header-menu .collapsible-menu {
        font-size: 14px;
        list-style: none outside none;
        position: relative;
        padding: 0;
        margin: 0;
    }

    .wapper .header-menu .collapsible-menu>li {
        display: block;
        position: relative;
    }

    .wapper .header-menu .collapsible-menu>li.collapsible {
        padding-right: 20px;
    }

    .wapper .header-menu .collapsible-menu>li.collapsible::before {
        font-family: Font Awesome\ 5 Pro;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 0.75em;
        vertical-align: -.0667em;
        font-weight: 900;
        content: "\f078";
        position: relative;
        z-index: 1010;
        background: #555c5e;
        color: #a3959a;
        font-size: 7.4px;
        line-height: 1px;
        width: 18px;
        margin-right: -7px;
        display: flex;
        height: 18px;
        border-radius: 50px;
        float: right;
        margin-top: 15px;
        justify-content: center;
        align-items: center;
    }

    .wapper .header-menu .collapsible-menu>li.collapsible>a {
        width: calc(100% + 20px);
    }

    .wapper .header-menu .collapsible-menu>li>a {
        height: 48px;
        display: block;
        position: relative;
        padding: 0 15px;
        margin: 0;
        border-radius: 10px;
        line-height: 48px;
        font-weight: 600;
        color: #ffffff;
        font-size: 12px;
    }

    .wapper .header-menu .collapsible-menu>li>a.open,
    .wapper .header-menu .collapsible-menu>li>a:hover {
        color: #ffffff;
        border-radius: 10px;
        background: #53484cbd;
    }

    .wapper .header-menu .collapsible-menu>li:last-child>a {
        border-bottom: 0;
    }

    .wapper .header-menu .collapsible-menu>li ul {
        display: none;
        list-style: none;
        margin: 0;
        padding: 10px;
    }

    .wapper .header-menu .collapsible-menu>li ul>li>a {
        position: relative;
        width: calc(100% - 30px);
        margin: 0 0 0 15px;
        padding: 0 10px;
        font-weight: 600;
        color: #ffffff;
        font-size: 11.5px;
        display: block;
        height: 50px;
        line-height: 50px;
        border-radius: 10px;
        transition: 0.2s;
    }

    .wapper .header-menu .collapsible-menu>li ul>li:hover {
        background: #464b4c;
        border-radius: 10px;
        transition: 0.2s;
    }

    .wapper .header-menu .collapsible-menu>li ul>li:last-child a {
        border-bottom: 0;
    }

    .collapsible_head {
        padding: 17px;
        background: #434849;
        border-radius: 15px;
        overflow: hidden;
        display: flex;
        gap: 10px;
        margin: 15px 15px 10px 15px;
        align-items: center;
        justify-content: space-between;
    }

    .collapsible_head .bxs-door-open {
        color: #ff7a2a;
        transition: all 0.2s;
        background: #ff605424;
        width: 35px;
        border: solid 1px #ff665a3b;
        height: 35px;
        cursor: pointer;
        display: flex;
        position: relative;
        font-size: 15px;
        border-radius: 10px;
        justify-content: center;
        align-items: center;
    }

    .collapsible_head .bxs-door-open:hover {
		color: #ffffff;
		background: #ff7a2a;
		border: solid 1px #ff7a2a;
	}
}

    .collapsible_head b {
        font-size: 12px;
        color: #b7c3d5;
    }

    .collapsible_profile {
        position: relative;
        padding-left: 30%;
        top: 12px;
    }

.wapper #hidden-menu.collapse.show,
.wapper #hidden-menu.collapsing {
    display: block !important;
}

.wapper .full-online {
    position: relative;
    top: -5px;
    display: inline-block;
    float: right;
    width: auto;
    height: 28px;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 20px;
    line-height: 28px;
    padding-left: 12px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 500;
}

.wapper .full-online>span {
    height: 24px;
    background: #0bb07b;
    width: auto;
    padding: 0 10px;
    display: inline-block;
    border-radius: 20px;
    text-align: center;
    line-height: 24px !important;
    float: right;
    margin-top: 2px;
    margin-right: 2px;
    margin-left: 10px;
}

.wapper .monitoring {
    height: 190px;
    max-height: 190px;
    width: 100%;
}

.wapper .monitoring .container>.info-line {
    height: 20px;
    margin-bottom: 20px;
}

.wapper .monitoring .container>.info-line span {
    text-transform: uppercase;
    color: #fff;
    line-height: 20px;
    font-size: 14px;
}

.wapper .monitoring #servers {
    width: 100%;
    white-space: nowrap;
    background: #2f3334;
    padding: 20px;
    border-radius: 15px;
    height: 122px;
}

.wapper .monitoring .monitoring-line .owl-stage-outer {
    position: relative;
    z-index: 1001;
}

.wapper .monitoring .monitoring-line:hover .owl-nav,
.wapper .monitoring .monitoring-line .owl-nav:hover .owl-nav {
    opacity: 1;
}

.wapper .monitoring .monitoring-line .owl-nav {
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    opacity: 0;
    position: absolute;
    z-index: 1000;
    width: calc(100% + 40px);
    top: 42px;
    left: -20px;
}

.wapper .monitoring .monitoring-line .owl-nav button {
    position: absolute;
    background: transparent !important;
}

.wapper .monitoring .monitoring-line .owl-nav button span {
    color: rgba(255, 255, 255, 0.8);
    font-size: 50px;
}

.wapper .monitoring .monitoring-line .owl-nav button.owl-prev {
    right: 0;
}

.wapper .monitoring .monitoring-line .owl-nav button.owl-prev.disabled {
    opacity: 0 !important;
}

.wapper .monitoring .monitoring-line .owl-nav button.owl-next {
    left: 0;
}

.wapper .monitoring .monitoring-line .owl-nav button.owl-next.disabled {
    opacity: 0 !important;
}

.wapper .monitoring .server {
    direction: ltr;
    position: relative;
    height: 80px;
    width: 100%;
    border-radius: 14px;
    overflow: hidden;
    display: inline-block;
    text-align: left;
}

.wapper .monitoring .server .map-image,
.wapper .monitoring .server .shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.wapper .monitoring .server .map-image,
.wapper .monitoring .server .shadow {
    background-size: 100% auto;
    background-position: center center;
}

.wapper .monitoring .server .shadow {
    background: rgb(43 46 78);
}

.wapper .monitoring .server p,
.wapper .monitoring .server strong,
.wapper .monitoring .server a {
    position: absolute;
    display: block;
    width: calc(100% - 16px);
    margin: 0;
    left: 8px;
}

.wapper .monitoring .server p {
    top: 45px;
    font-weight: 500;
    line-height: 16px;
    font-size: 10px;
    color: rgba(255, 255, 255, 0.8);
}

.wapper .monitoring .server p span {
    margin-right: 5px;
    font-size: 11px;
    top: -10px;
}

.wapper .monitoring .server strong {
    top: 14px;
    font-weight: 600;
    line-height: 16px;
    font-size: 12px;
    margin-left: 25px;
    width: 85%;
    color: #fff;
}

.wapper .monitoring .server a {
    top: 34px;
    font-weight: 500;
    line-height: 16px;
    font-size: 10.5px;
    margin-left: 25px;
}

.wapper .monitoring .server a i {
    margin-left: 2px;
}

.wapper .monitoring .server .progress {
    position: relative;
    bottom: -38px;
    right: 10px;
    width: 20%;
    float: left;
    transform: rotate(270deg);
    border-radius: 50px;
    height: 4px;
    background: #2f3334;
}

.wapper .monitoring .server .progress .progress-bar {
    border-radius: 4px;
}

.wapper .monitoring .server .progress .progress-bar.bg-info {
    background: -webkit-linear-gradient(271.35deg, #ff5980 1.46%, #ffa882 98.22%);
    background: -o-linear-gradient(271.35deg, #ff5980 1.46%, #ffa882 98.22%);
    background: linear-gradient(178.65deg, #8670ff 1.46%, #8670ff 98.22%);
}

.wapper .monitoring .server .progress .progress-bar.bg-success {
    background: -webkit-linear-gradient(271.35deg, #ffbb38 0%, #f07300 98.38%);
    background: -o-linear-gradient(271.35deg, #ffbb38 0%, #f07300 98.38%);
    background: linear-gradient(178.65deg, #8670ff 0%, #8670ff 98.38%);
}

.wapper .monitoring .server .progress .progress-bar.bg-warning {
    background: -webkit-linear-gradient(271.35deg, #ffbb38 0%, #f07300 98.38%);
    background: -o-linear-gradient(271.35deg, #ffbb38 0%, #f07300 98.38%);
    background: linear-gradient(178.65deg, #8670ff 0%, #8670ff 98.38%);
}

.wapper .monitoring .server .progress .progress-bar.bg-danger {
    background: -webkit-linear-gradient(272.47deg, #57d968 2.52%, #00d590 100%);
    background: -o-linear-gradient(272.47deg, #57d968 2.52%, #00d590 100%);
    background: linear-gradient(177.53deg, #8670ff 2.52%, #8670ff 100%);
}

.wapper .monitoring tbody[id^="players"] .btn {
    margin-bottom: 0;
}

.block_discord {
    padding: 24px 16px;
    margin-bottom: 25px;
}

.block {
    padding: 24px 16px;
    margin-bottom: 30px;
    background: linear-gradient(1deg, #1a1c1c 30%, #1e2020 100%);
}

.block_flex1 {
    display: flex;
}

.block .btn-block-head {
    float: right;
    display: inline-block;
    margin-top: 9px;
}

.block.with-menu .block_head {
    position: relative;
    z-index: 1001;
}

.block.with-menu ul {
    position: relative;
    z-index: 1000;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: -20px -16px -20px -16px;
    /* margin-top: 0; */
}

.block.block-table {
    padding: 10;
}

.block.block-table>.block_head {
    margin: 0;
    padding: 0 16px;
}

.block.block-table>.table-responsive {
    border: 0;
}

.block.block-table .noty-block {
    width: calc(100% - 60px);
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 20px;
}

.block .block_head {
    height: 50px;
    line-height: 24px;
    margin: -24px 0px;
    border-radius: 11px;
    background: #212d47;
    margin-bottom: 15px;
    display: flex;
    font-weight: 600;
    font-size: 12px;
    padding-left: 10px;
    margin-top: -10px;
    color: #ffffff;
    position: relative;
    align-items: center;
}

.block .block_head span {
    color: #636b6d;
    font-size: 12px;
    position: relative;
    font-weight: 600;
    margin-left: 5px;
}

.block .block_head a {
    color: #151515;
}

.block .block_head_image {
    width: calc(100% + 60px);
    margin: -30px;
    margin-bottom: 30px;
    padding: 0;
    height: 70px;
    overflow: hidden;
    border-radius: 3px 3px 0 0;
}

.block .table-adaptive.table-fused {
    overflow: hidden;
    border-radius: 4px;
    margin: 0 -15px;
    margin-bottom: -24px;
    margin-top: 8px;
}

.authorization a.small {
    width: 100%;
    display: block;
    font-size: 12px;
    text-align: center;
    color: #81797c;
    border: 0;
}

.authorization a.small:hover {
    color: #ffffff;
}

.authorization #steam_link {
    background-color: #373b3c;
    border: 0 !important;
    padding: 13px 10px;
    display: flex;
    width: 100%;
    border-radius: 9px;
    gap: 5px;
    color: #898083;
    font-size: 11.5px;
    align-items: center;
    justify-content: center;
}

.authorization #steam_link:hover {
    color: #ffffff;
    background-color: #3a3e3f;
}

.authorization #steam_link i {
    color: #a3a9aa;
    transition: 0.2s;
    font-size: 22px;
}


.authorization #steam_link:hover i {
    color: #ffffff;
}

.authorization #vk_link {
    border: 0 !important;
    padding: 13px 10px;
    display: flex;
    width: 100%;
    border-radius: 9px;
    gap: 5px;
    color: #898083;
    font-size: 11.5px;
    background-color: #373b3c;
    justify-content: center;
    align-items: center;
}

.authorization #vk_link i {
    color: #a3a9aa;
    transition: 0.2s;
    font-size: 22px;
}

.authorization #vk_link:hover {
    color: #ffffff;
    background-color: #0077ff;
}

.authorization #vk_link:hover i {
    color: #ffffff;
}

.authorization .row {
    margin-right: -5px;
    margin-left: -5px;
}

.authorization .row>div[class^="col-"] {
    padding-right: 5px;
    padding-left: 5px;
}

.authorization input.form-control,
.authorization .custom-file label.form-control,
.custom-file .authorization label.form-control {
    height: 48px;
    line-height: 48px;
}

.authorization #result {
    margin-bottom: 10px;
}

.registration .privacy-policy {
    border: 1px dashed #656d6f;
    display: block;
    padding: 15px;
    border-radius: 10px;
    font-size: 11px;
    background: #71636833;
    color: #cbc0c4;
    line-height: 14px;
    margin-bottom: 10px;
}

.registration a[onclick^="$('#registration').modal('hide');"] {
    width: 45px;
}

.registration a[onclick*="vk"] {
    border: 0 !important;
    padding: 13px 10px;
    display: flex;
    width: 100%;
    border-radius: 9px;
    gap: 5px;
    color: #898083;
    font-size: 11.5px;
    background-color: #373b3c;
    justify-content: center;
    align-items: center;
}

.registration a[onclick*="vk"] i {
    color: #a3a9aa;
    transition: 0.2s;
    font-size: 22px;
}

.registration a[onclick*="vk"]:hover i {
    color: #ffffff;
    transition: 0.2s;
    font-size: 22px;
}

.registration a[onclick*="steam"] i {
    color: #a3a9aa;
    transition: 0.2s;
    font-size: 22px;
}

.registration a[onclick*="steam"]:hover i {
    color: #ffffff;
    transition: 0.2s;
    font-size: 22px;
}

.registration a[onclick*="vk"]:hover {
    background-color: #0077ff !important;
    color: #ffff;
}


.registration a[onclick*="steam"] {
    background-color: #373b3c;
    border: 0 !important;
    padding: 13px 10px;
    display: flex;
    width: 100%;
    border-radius: 9px;
    gap: 5px;
    color: #898083;
    font-size: 11.5px;
    align-items: center;
    justify-content: center;
}

.registration a[onclick*="steam"]:hover {
    color: #ffffff;
    background-color: #3a3e3f !important;
}

.mini-profile .block_head {
    height: 72px;
    padding: 16px;
}

.mini-profile .block_head img {
    display: block;
    float: left;
    height: 40px;
    width: 40px;
    border-radius: 8px;
}

.mini-profile .block_head div {
    width: calc(100% - 56px);
    float: right;
}

.mini-profile .block_head div p,
.mini-profile .block_head div p>span {
    line-height: 20px;
    font-size: 14px;
    color: #939b9d;
    margin: 0;
}

.mini-profile .block_head div p b,
.mini-profile .block_head div p>span b {
    color: #0a1f44;
}

.mini-profile .vertical-navigation {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    list-style: none;
    overflow: hidden;
    background: #1b1b1b00;
    margin: -16px;
    margin-left: 0px;
    margin-bottom: -25px;
}

.mini-profile .vertical-navigation>ul {
    margin-bottom: 0;
}

.mini-profile .vertical-navigation li.user-balance a {
    line-height: 60px;
    height: 60px;
    padding: 0 24px;
}

.mini-profile .vertical-navigation li.user-balance a>i {
    position: relative;
}

.mini-profile .vertical-navigation li.user-balance a div {
    width: calc(100% - 38px);
    float: right;
    height: 32px;
    margin-top: 12px;
    line-height: 16px;
    position: relative;
}

.mini-profile .vertical-navigation li.user-balance a div p {
    color: #939b9d;
    font-size: 12px;
    margin: 0;
    width: auto;
    display: inline;
}

.mini-profile .vertical-navigation li.user-balance a div span {
    font-size: 14px;
    color: #0a1f44;
    font-weight: 500;
}

.mini-profile .vertical-navigation li.user-balance a div i {
    font-size: 12px;
}

.mini-profile .vertical-navigation li.user-balance a div button {
    position: absolute;
    height: 32px;
    line-height: 32px;
    right: 0;
    top: 2px;
}

.mini-profile .vertical-navigation li.user-balance a div button i {
    position: relative;
    top: -2px;
    font-size: 12px;
    margin-left: 3px;
}

.mini-profile .vertical-navigation li a {
    color: #71797b;
    transition: 0.2s;
}

.mini-profile .vertical-navigation li a:hover {
    color: #ffffff;
    transition: 0.2s;
}

.mini-profile .vertical-navigation li a>i {
    margin: 0 16px 0 0;
    font-size: 16px;
    display: inline-block;
    width: 16px;
    text-align: center;
}

.vk-widgets div[id^="vk_groups"] {
    margin-bottom: 30px;
}

.vk-widgets div[id^="vk_subscribe"] {
    margin: 2px 0;
}

.our-steam-group {
    display: block;
    padding: 25px 16px;
    margin-bottom: 10px;
    background: #182c4f;
    position: relative;
}

.our-steam-group span {
    font-weight: bold;
    line-height: 40px;
    font-size: 20px;
    letter-spacing: 0.5px;
    color: #fff;
}

.our-steam-group i {
    color: #19abff;
    font-size: 50px;
    position: absolute;
    right: 20px;
    margin-top: -6px;
}

.vertical-navigation {
    overflow: auto;
    display: flex;
    border-radius: 0px;
    gap: 7px;
    background: #fff0;
    align-items: center;
    margin-bottom: 0px;
}

.vertical-navigation::-webkit-scrollbar{
    background: #40455800;
    height: 3px;  
}

.vertical-navigation li {
    list-style-type: none;
}

.vertical-navigation li:first-child {
    border: 0;
}

.vertical-navigation li a {
    line-height: 20px;
    padding: 14px 15px;
    padding-right: 30px;
    font-size: 11px;
    font-weight: 600;
    display: flex;
    text-transform: uppercase;
    border-radius: 50px;
    background: #333738;
    color: #7b7477;
    transition: 0.2s;
    align-items: center;
    justify-content: space-between;
}

.vertical-navigation li a::before {
   content: '';
   position: relative;
   display: flex;
   width: 22px;
   min-width: 22px;
   min-height: 22px;
   height: 22px;
   font-size: 10px;
   border-radius: 6px;
   margin-right: 11px;
   background-color: #4a4f50;
   align-items: center;
   justify-content: center;
}


.vertical-navigation li a.active::before {
    content: '-';
    position: relative;
    display: flex;
    padding-bottom: 2px;
    width: 22px;
    height: 22px;
    color: #f78d94;
    font-size: 14px;
    border-radius: 6px;
    margin-right: 11px;
    background-color: #ff7b8440 !important;
    justify-content: center;
    align-items: center;
}

.vertical-navigation li a b {
    color: #7a8385;
    font-size: 10px;
    transition: .2s all;
    font-weight: 500;
    background-color: #1e1e1e00;
}

.vertical-navigation li a i {
    color: #6e7a9187;
    font-weight: 100;
    float: left;
    margin-right: 8px;
    font-size: 30px;
    background-color: #1e1e1e00;
}

.vertical-navigation li a:hover {
    background: #373b3c;
    color: #fff;
}

.vertical-navigation li a:hover b {
    color: #7a8385;
    font-size: 10px;
    font-weight: 500;
    background-color: #1e1e1e00;
}

.vertical-navigation li a.active {
    color: white;
    font-weight: 600;
    background-color: #3c4142;
}

.vertical-navigation li a.active b {
    color: #bbc5dd;
    font-size: 10px;
    font-weight: 500;
    background-color: #1e1e1e00;
}

.vertical-navigation li a.active i {
    color: #5086ff;
    font-weight: 100;
    float: left;
    margin-right: 8px;
    font-size: 30px;
    background-color: #1e1e1e00;
}

.vertical-navigation li.active a {
    color: white;
    font-weight: 600;
    padding: 14px 18px 14px 14px;
    background: #404546;
}

.vertical-navigation li.active a::before {
   content: '-';
   position: relative;
   display: flex;
   padding-bottom: 2px;
   width: 22px;
   min-width: 22px;
   min-height: 22px;
   height: 22px;
   color: #f78d94;
   font-size: 14px;
   border-radius: 50px;
   margin-right: 11px;
   background-color: #ff7b8440;
   justify-content: center;
   align-items: center;
}

.vertical-navigation.with-icons li a {
    position: relative;
    border-radius: 10px;
}

.vertical-navigationn {
    position: relative;
    padding-left: 40px;
    padding-right: 40px;
    width: 275px;
    text-align: center;
    margin-right: 10px;
    background: #272a2b;
    border-radius: 10px;
}

.vertical-navigation.with-icons li a i {
    line-height: 20px;
    position: relative;
    text-align: center;
}


#place_for_messages #messages {
    overflow-y: auto;
    height: 367px !important;
    margin-left: 10px;
}

#place_for_messages textarea {
    border: 0;
    border-radius: 13px;
    font-size: 11px;
    padding-right: 100px;
    padding-left: 20px;
    resize: none;
    padding-top: 15px;
    margin-bottom: 31px;
    width: 100%;
    border: solid 1px #101620;
    background: #101620 !important;
    height: 55px;
}

#place_for_messages .smile_input #smile_btn {
    top: px !important;
}

#place_for_messages .dialog {
    margin-bottom: 8px;
    height: 80px;
    border-radius: 3px;
    overflow: hidden;
    cursor: pointer;
}

#place_for_messages .dialog:nth-child(1) {
}

#place_for_messages .dialog>div:nth-child(1) {
    float: left;
    width: 100%;
    padding-left: 20px;
    display: flex;
    gap: 13px;
    height: 80px;
    line-height: 13px;
    border-radius: 13px;
    background-color: #35393a;
    transition: 0.2s;
    align-items: center;
}

#place_for_messages .dialog>div:nth-child(1) img {
    height: 45px;
    width: 45px;
    border-radius: 12px;
}

#place_for_messages .dialog>div:nth-child(1) div {
}

#place_for_messages .dialog>div:nth-child(1) div p {
    margin: 0;
    font-size: 11px;
    position: relative;
    font-weight: 600;
}

#place_for_messages .dialog>div:nth-child(1) div p:nth-child(2) {
    font-size: 11px;
    line-height: 20px;
    font-weight: 600;
    color: #8b8287;
}

#place_for_messages .dialog>div:nth-child(1) div p:nth-child(3) {
    margin-top: 1px;
}

#place_for_messages .dialog>div:nth-child(1) div p:nth-child(5),
#place_for_messages .dialog>div:nth-child(1) div p:nth-child(6) {
    margin-top: -5px;
}

#place_for_messages .dialog>div:nth-child(1) div p:nth-child(6) {
    margin-left: 3px;
}

#place_for_messages .dialog>div:nth-child(1) div p:nth-child(5),
#place_for_messages .dialog>div:nth-child(1) div p:nth-child(3),
#place_for_messages .dialog>div:nth-child(1) div p:nth-child(6) {
    font-size: 11px;
    font-weight: 600;
    line-height: 13px;
}

#place_for_messages .dialog>div:nth-child(2) {
    width: 50px;
    height: 50px;
    margin-top: 15px;
    display: flex;
    transition: 0.2s;
    background: linear-gradient(25deg, #554c51b8 30%, #53595a 100%);
    right: 50px;
    position: absolute;
    text-align: center;
    border-radius: 13px;
    align-items: center;
    justify-content: center;
}

#place_for_messages .dialog>div:nth-child(2) span {
    font-size: 15px;
    color: #978d93;
}

#place_for_messages .dialog>div:nth-child(1):hover {
    background-color: #3c4142;
    transition: 0.2s;
    border-color: #1b1b1b00;
}

#place_for_messages .dialog>div:nth-child(2):hover {
    opacity: 0.7;
}

#chat a.small {
    font-size: 14px;
}

#chat .input-group {
    margin: -16px;
    margin-bottom: 0;
    width: calc(100% + 32px);
    top: 10px;
}

#chat .input-group .smile_input {
    width: 100%;
    padding: 0px 16px;
}

#chat .input-group .smile_input input,
#chat .input-group .smile_input .custom-file label,
.custom-file #chat .input-group .smile_input label {
    height: 55px;
    line-height: 48px;
    padding-left: 20px;
    border-radius: 13px !important;
    margin-top: 17px;
    padding-right: 85px;
    border: solid 1px #101620;
    background: #101620 !important;
}

#chat .input-group .smile_input #smile_btn {
    position: absolute;
    right: 71px;
    top: 37px;
    font-size: 16px;
    font-weight: 100;
}

#chat .input-group .smile_input #smile_btn::after {
    color: #99a0a2;
    transition: .2s all;
    border-radius: 8px;
    position: relative;
}

#chat .input-group .smile_input #smile_btn:hover::after {
    color: #ffffff;
    transition: .2s all;
}

#chat .input-group button {
    font-family: Font Awesome\ 5 Pro;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-size: 1.33333em;
    line-height: 0.75em;
    vertical-align: -.0667em;
    position: absolute;
    top: 4px;
    right: 12px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #171717;
    color: #1b1b1b !important;
    overflow: hidden;
    font-weight: bold;
}

#chat .input-group button::before {
    position: absolute;
    font-weight: 400;
    content: "\f124";
    color: #fff;
    font-size: 20px;
    line-height: 49px;
    left: 8px;
    top: -5px;
}

#chat #drop_zone {
    height: 100%;
    position: relative;
    padding: 0px 20px 0px 10px;
    margin: 0 -16px -16px -16px;
    width: calc(100% + 30px);
}

#chat #drop_zone>#drop_mask {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: none;
    margin: -1px;
}

#chat #drop_zone.loader {
    background: #fff;
    opacity: 0.4;
}

#chat #drop_zone.hover,
#chat #drop_zone.error {
    font-family: Font Awesome\ 5 Pro;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-size: 1.33333em;
    line-height: 0.75em;
    vertical-align: -.0667em;
}

#chat #drop_zone.hover #chat_messages,
#chat #drop_zone.error #chat_messages {
    height: 396px;
}

#chat #drop_zone.hover:after,
#chat #drop_zone.error:after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    border-radius: 2px;
    text-align: center;
    font-size: 400%;
    line-height: 500%;
    outline-offset: -10px;
}

#chat #drop_zone.hover:after {
    content: "\f0c5";
    background: #e1effa;
    outline: 2px dashed #8db0cc;
    color: #0a1f44;
}

#chat #drop_zone.error:after {
    content: "\f2ed";
    background: #fce3e3;
    outline: 2px dashed #e09292;
    color: #f03d3d;
}

#chat #chat_messages .chat_message,
#chat #messages .chat_message {
    position: relative;
    overflow: hidden;
    padding: 8px 58px 5px 10px;
}

#chat #chat_messages .chat_message:first-child,
#chat #messages .chat_message:first-child {
    border-top: 0;
}

#chat #chat_messages .chat_message>a,
#chat #messages .chat_message>a {
    display: block;
    width: 36px;
    float: left;
}

#chat #chat_messages .chat_message>a img,
#chat #messages .chat_message>a img {
    border-radius: 50%;
    height: 33px;
    width: 33px;
    transition: .15s all;
}

#chat #chat_messages .chat_message>a img:active,
#chat #messages .chat_message>a img {
    border-radius: 50%;
    height: 33px;
    width: 33px;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    transition: .15s all;
}

#chat #chat_messages .chat_message>a span,
#chat #messages .chat_message>a span {
    width: 100%;
    display: block;
    text-align: center;
    color: #777a85;
    line-height: 25px;
    right: 3px;
    position: relative;
    font-size: 10px;
    font-weight: 600;
}

#chat #chat_messages .chat_message .message,
#chat #messages .chat_message .message {
    width: calc(100% - 6px);
    float: right;
    word-wrap: break-word;
    position: relative;
    /* overflow: hidden; */
    font-size: 14px;
    right: 5px;
    line-height: 18px;
}

#chat #chat_messages .chat_message .message .info,
#chat #messages .chat_message .message .info {
    line-height: 15px;
    font-size: 11px;
    display: block;
    font-weight: 600;
    height: 16px;
}

#chat #chat_messages .chat_message .message .info .author,
#chat #messages .chat_message .message .info .author {
    float: left;
    position: relative;
    cursor: pointer;
}

#chat #chat_messages .chat_message .message .with_code,
#chat #messages .chat_message .message .with_code {
    border-radius: 14px;
    padding: 3px 0px;
    display: flex;
    max-width: 100%;
    margin-top: -24px;
    font-weight: 500;
    font-size: 12px;
    line-height: 17px;
    color: #ffffff;
}

#chat #chat_messages .chat_message .message .with_code:hover .share_login {
    border: none;
    transition: .2s all;
    background: #44485900;
    font-size: 10.5px;
    display: flex;
    color: #bbaab1;
    border-radius: 50px;
    font-weight: 600;
    position: relative;
    transition: 0.2s;
    align-items: center;
    justify-content: center;
    animation: 0.3s show ease;
}

@keyframes show {
  from { opacity: 0; }
  to { opacity: 1; }
}

#chat #chat_messages .chat_message .message .with_code .share_login:hover {
    border: none;
    transition: .2s all;
    background: #44485900;
    font-size: 10.5px;
    display: flex;
    color: #ffffff;
    border-radius: 50px;
    font-weight: 600;
    position: relative;
    transition: 0.2s;
    align-items: center;
    justify-content: center;
}

#chat #chat_messages .chat_message .message .with_code img,
#chat #messages .chat_message .message .with_code img {
    width: 110px;
    height: 110px;
}

#chat #chat_messages .chat_message .dell_message,
#chat #chat_messages .chat_message .edit_message,
#chat #messages .chat_message .dell_message,
#chat #messages .chat_message .edit_message {
    color: #565d5f;
    position: absolute;
    top: 3px;
    transition: .2s all;
    font-size: 11px;
    cursor: pointer;
}

#chat #chat_messages .chat_message .dell_message,
#chat #chat_messages .chat_message .edit_message:hover,
#chat #messages .chat_message .dell_message,
#chat #messages .chat_message .edit_message {
    color: #aeb6c3;
    transition: .2s all;
    position: absolute;
    top: 3px;
    font-size: 11px;
    cursor: pointer;
}

#chat #chat_messages .chat_message .dell_message,
#chat #messages .chat_message .dell_message {
    right: 0;
}

#chat #chat_messages .chat_message .edit_message,
#chat #messages .chat_message .edit_message {
    right: 19px;
}

#chat #chat_messages .chat_message textarea,
#chat #messages .chat_message textarea {
    margin: 15px 3px 3px;
    width: calc(100% - 10px);
}

#chat .auth-to-write {
    height: 48px;
    margin-top: 50px;
    margin-bottom: -25px;
    line-height: 46px;
}

#chat .auth-to-write .btn {
    margin-top: 8px;
    margin-left: 8px;
    float: right;
}

#passive {
    text-align: center;
}

#smile_btn {
    font-family: Font Awesome\ 5 Pro;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-size: 1.33333em;
    line-height: 0.75em;
    vertical-align: -.0667em;
    width: 20px;
    height: 17px;
    line-height: 15px;
    cursor: pointer;
}

#smile_btn::after {
    color: #aeb4b5;
    content: "\f118";
    font-weight: 500;
}

.g_smile {
    height: 19px !important;
    width: 19px !important;
    margin-left: 2px;
    max-width: 19px;
    display: unset;
}

.g_sticker {
    height: auto;
    width: auto;
}

.popover-body>.smiles_box {
    max-height: 140px;
    overflow-x: hidden;
    padding-top: 2px;
    overflow-y: scroll;
    margin-bottom: 10px;
}

.popover-body>.smiles_box .smile {
    cursor: pointer;
    margin: 7px;
    float: left;
    width: 20px;
    height: 20px;
    transition: .3s all;
}

.popover-body>.smiles_box .smile:hover {
    cursor: pointer;
    margin: 7px;
    float: left;
    width: 20px;
    height: 20px;
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
    transition: .2s all;
}

.popover-body>.smiles_box .sticker {
    cursor: pointer;
    margin: 6px;
    float: left;
    width: 47px;
    height: 47px;
}

.smiles_panel {
    width: 100%;
    margin-top: 5px;
    padding: 0 18px;
}

.smiles_panel .smilebtn {
        float: left;
        height: 40px;
        border: solid 1px #595153;
        cursor: pointer;
        width: 40px;
        transition: 0.2s all;
        display: flex;
        border-radius: 9px;
        line-height: 34px;
        text-align: center;
        background-color: #675b5f5e;
        align-items: center;
        justify-content: center;
}

.smiles_panel .smilebtn:hover {
    border: solid 1px #61585a;
    background-color: #61585a;
}

.smiles_panel .smilebtn img {
    width: 24px;
    height: 24px;
}

.smiles_panel>.btn {
    margin: 0;
}

.smiles_panel>.btn:nth-child(1) {
    width: 80px;
}

.smiles_panel>.btn:nth-child(2) {
    width: 174px;
}

.smiles_panel .owl-stage-outer {
    position: relative;
    z-index: 1061;
}

.smiles_panel .owl-nav {
    position: absolute;
    width: calc(100% + 15px);
    top: 0;
    margin: 0 -20px;
    height: 40px;
    line-height: 1;
}

.smiles_panel .owl-nav button {
    display: block;
    width: 15px;
    background: transparent;
    border: 1px solid #e1e4e8 !important;
    border-radius: 2px;
    height: 40px;
    line-height: 1;
}

.smiles_panel .owl-nav button span {
    font-size: 20px;
    line-height: 12px;
}

.smiles_panel .owl-nav button.owl-prev {
    float: left;
}

.smiles_panel .owl-nav button.owl-next {
    float: right;
    right: 10px;
}

.smiles_panel .owl-nav button.owl-prev:hover {
    background: #585f61;
    color: #ffffff;
    }

.smiles_panel .owl-nav button.owl-next:hover {
    background: #585f61;
    color: #ffffff;
    }

.smiles-buy-panel {
    width: 100%;
    margin-top: 5px;
}

.smiles-buy-panel button {
    margin: 0 !important;
}

.smiles-buy-panel button:nth-child(1) {
    width: 100px;
}

.smiles-buy-panel button:nth-child(2) {
    width: calc(100% - 100px);
}

.stickers_img {
    border-radius: 2px;
    width: 236px;
    height: 250px;
}

.smile_input_forum .btn {
    display: inline-block;
    margin-right: 7px;
    margin-bottom: 0;
}

.smile_input_forum #smile_btn {
    position: relative;
    transition: 0.2s;
    display: flex;
    font-size: 14px;
    line-height: 40px;
    height: 41px;
    width: 41px;
    border-radius: 10px;
    background: #3c4041;
    align-items: center;
    justify-content: center;
}

.smile_input_forum #smile_btn:hover {
    background: #474c4d;
}

.smile_input_forum #smile_btn::after {
    position: absolute;
    top: 0;
}

#notifications_line {
    padding-bottom: 6px;
}

.noty-block,
.bs-callout {
    border-radius: 4px;
    position: relative;
    display: block;
    border-radius: 15px;
    width: 100%;
    padding: 27px 16px 20px 16px;
    font-weight: 600;
    font-size: 10px;
    color: #fff;
}

.noty-block h5,
.bs-callout h5 {
    font-size: 10px;
    font-weight: 900;
    border-radius: 0px;
    left: 17px;
    top: -42px;
    margin-bottom: -25px;
    position: relative;
    color: #676b78;
    width: 160px;
    line-height: 25px;
}

.noty-block.info,
.noty-block.bs-callout-info,
.noty-block.success,
.noty-block.bs-callout-success,
.noty-block.error,
.noty-block.bs-callout-danger,
.noty-block.warning,
.noty-block.bs-callout-warning,
.noty-block.primary,
.bs-callout.info,
.bs-callout.bs-callout-info,
.bs-callout.success,
.bs-callout.bs-callout-success,
.bs-callout.error,
.bs-callout.bs-callout-danger,
.bs-callout.warning,
.bs-callout.bs-callout-warning,
.bs-callout.primary {
    color: #e0e3e9;
}

.noty-block.info *,
.noty-block.bs-callout-info *,
.noty-block.success *,
.noty-block.bs-callout-success *,
.noty-block.error *,
.noty-block.bs-callout-danger *,
.noty-block.warning *,
.noty-block.bs-callout-warning *,
.noty-block.primary *,
.bs-callout.info *,
.bs-callout.bs-callout-info *,
.bs-callout.success *,
.bs-callout.bs-callout-success *,
.bs-callout.error *,
.bs-callout.bs-callout-danger *,
.bs-callout.warning *,
.bs-callout.bs-callout-warning *,
.bs-callout.primary * {
    line-height: 16px;
    color: #ffffff;
    font-weight: 600;
}

.noty-block.info p,
.noty-block.bs-callout-info p,
.noty-block.success p,
.noty-block.bs-callout-success p,
.noty-block.error p,
.noty-block.bs-callout-danger p,
.noty-block.warning p,
.noty-block.bs-callout-warning p,
.noty-block.primary p,
.bs-callout.info p,
.bs-callout.bs-callout-info p,
.bs-callout.success p,
.bs-callout.bs-callout-success p,
.bs-callout.error p,
.bs-callout.bs-callout-danger p,
.bs-callout.warning p,
.bs-callout.bs-callout-warning p,
.bs-callout.primary p {
    font-weight: 600;
    line-height: 10px;
    margin-bottom: 0px;
    font-size: 11px;
}

.noty-block.info,
.noty-block.bs-callout-info,
.bs-callout.info,
.bs-callout.bs-callout-info {
    background-color: #454b4c;
    border-radius: 15px;
    font-size: 10.3px;
    display: flex;
    border: solid 1px #4a5052;
    gap: 15px;
    font-weight: 600;
    height: auto;
}

.noty-block.success,
.noty-block.bs-callout-success,
.bs-callout.success,
.bs-callout.bs-callout-success {
    border-radius: 14px;
    background: linear-gradient(15deg, #2b2f30 30%, #303334 100%);
    font-size: 11px;
    padding: 20px;
    display: flex;
    height: auto;
    flex-direction: column;
}

.noty-block.error,
.noty-block.bs-callout-danger,
.bs-callout.error,
.bs-callout.bs-callout-danger {
    background-color: #5086ff1a;
    border-radius: 13px;
    font-size: 11px;
    margin-top: 20px;
    display: flex;
    font-weight: 600;
    border: solid 1px #5086ff;
    height: auto;
    flex-direction: column;
    align-items: center;
}

.noty-block.warning,
.noty-block.bs-callout-warning,
.bs-callout.warning,
.bs-callout.bs-callout-warning {
    background-color: #ffad0d;
}

.noty-block.primary,
.bs-callout.primary {
    background-color: #1e1e1e;
    -webkit-box-shadow: 0 18px 18px rgba(10, 31, 68, 0.05), 0 0 1px rgba(10, 31, 68, 0.1);
    box-shadow: 0 18px 18px rgba(10, 31, 68, 0.05), 0 0 1px rgba(10, 31, 68, 0.1);
}

.noty-block .m-icon.icon-remove,
.bs-callout .m-icon.icon-remove {
    position: absolute;
    top: 8px;
    right: 8px;
    transition: .2s all;
    font-size: 9.5px;
    width: 20px;
    border-radius: 50px;
    height: 20px;
    display: flex;
    z-index: 1;
    font-weight: 500;
    background: #ff737326;
    color: #ff888866;
    cursor: pointer;
    align-items: center;
    justify-content: center;
}

.noty-block .m-icon.icon-remove:hover,
.bs-callout .m-icon.icon-remove {
    background: #ff73733d;
    color: #ff8888ab;
}

.noty-block .close,
.bs-callout .close {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-weight: 100;
    font-size: 11px;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
}

#events {
    background: #fff0;
}

#events .event {
    position: relative;
    display: flex;
    padding: 20px 20px;
    gap: 15px;
    transition: 0.2s;
    background: linear-gradient(15deg, #41383b7d 30%, #303334 100%);
    border: solid 1px #303334;
    border-radius: 15px;
    margin-bottom: 10px;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}

#events .event:first-child {}

#events .event>div {
    position: relative;
    line-height: 12px;
}

#events .event>a:not(.btn) {
    display: block;
    color: #ffff;
    margin-left: 10px;
    font-size: 11px;
    background: #2e364a00;
    line-height: 60px;
    font-weight: bold;
}

#events .event>a:not(.btn) img {
    width: 30px;
    height: 30px;
    float: left;
    border-radius: 50%;
    margin: 15px 10px 18px 0px;
}

#events .event>span {
    color: #ffffff;
    float: left;
    display: block;
    height: 100%;
    width: 25%;
    padding-right: 10px;
    padding-left: 10px;
    line-height: 70px;
}

#events .event>a.btn {
    float: left;
    display: block;
    width: 15%;
    margin-top: 22.5px;
    line-height: 21px;
    margin-bottom: 22.5px;
}

#events .event>i {
    position: absolute;
    right: 8px;
    transition: .2s all;
    top: 8px;
    font-size: 9px;
    width: 19px;
    line-height: 1px;
    border-radius: 50px;
    height: 19px;
    display: flex;
    z-index: 1;
    font-weight: 500;
    background: #ff737326;
    color: #ff888866;
    cursor: pointer;
    align-items: center;
    justify-content: center;
}

#events .event>i:hover {
    background: #ff73733d;
    color: #ff8888ab;
}

@media (max-width: 991.99px) {
    #events .event>div {
        width: calc(100% - 50px);
    }

    #events .event>a:not(.btn) {
        width: 50px;
    }

    #events .event>a:not(.btn) img {
        margin-right: 0;
        margin-left: 10px;
    }

    #events .event>a:not(.btn) span {
        display: none;
    }

    #events .event>span {
        display: none;
    }

    #events .event>a.btn {
        display: none;
    }
}


.site-stats {
    background: #ffffff00;
    top: -3px;
    position: relative;
}

.site-stats strong {
    margin-left: 12px;
    line-height: 24px;
    font-size: 12.5px;
}

.site-stats strong span {
    background: #828aff;
    border-radius: 66px;
    margin-left: 5px;
    padding: 1px 10px;
    font-size: 11px;
    color: #ffffff;
}

.site-stats #site_stats {
    margin: -24px -16px;
    margin-bottom: 16px;
}

.site-stats #site_stats div.col-lg-4 {
    padding: 16px 47px;
}

.site-stats #site_stats div.col-lg-4 i {
    width: 48px;
    height: 48px;
    display: block;
    float: left;
    text-align: center;
    line-height: 48px;
    border-radius: 50%;
    background: #f1f2f4;
    font-size: 18px;
}

.site-stats #site_stats div.col-lg-4 div {
    width: calc(100% - 68px);
    float: right;
}

.site-stats #site_stats div.col-lg-4 div b {
    color: #0a1f44;
    font-weight: bold;
    line-height: 23px;
    font-size: 28px;
}

.site-stats #site_stats div.col-lg-4 div span {
    color: #939b9d;
    font-weight: 500;
    line-height: 16px;
    font-size: 12px;
    text-transform: uppercase;
}

.site-stats #online_users a {
    margin-right: 5px;
}

.site-stats #online_users,
.site-stats #load_last_online {
    color: #1b1b1b;
}

.site-stats #online_users a,
.site-stats #load_last_online a {
    display: inline-block;
    width: 36px;
    height: 32px;
    margin-right: -15px;
    margin-bottom: 15px;
}

.site-stats #online_users a img,
.site-stats #load_last_online a img {
    width: 40px;
    transition: .3s all;
    height: 40px;
    border: solid 3px #292c2d;
    border-radius: 50%;
}

.site-stats #online_users a img:hover,
.site-stats #load_last_online a img:hover {
    width: 40px;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    transition: .3s all;
    height: 40px;
    border-radius: 50%;
}

.site-stats #online_users {
    margin: -37px -16px;
    margin-bottom: 10px;
    padding: 54px 32px 0px 28px;
    border-radius: 15px 15px 0px 0px;
    background: #292c2d;
}

.site-stats #load_last_online {
    padding: 55px 16px 20px 27px;
    margin: -40px -16px;
    background: #292c2d;
    border-radius: 0px 0px 15px 15px;
}

.site-stats .empty-element {
    border: 0;
}

.servers-online-line {
    border-radius: 50px;
    overflow: hidden;
    height: 39px;
    width: 39px;
    position: absolute;
    display: flex;
    background: #38456100;
    border: 1px solid #2c2c2c00;
    align-items: center;
    justify-content: center;
}

.servers-online-line .progress-val {
    position: absolute;
    height: 100%;
    width: 100%;
    text-align: center;
    line-height: 30px;
    font-size: 13px;
}

.servers-online-line .progress-bar {
    margin: -1px;
    border-radius: 3px 0 0 3px;
}

.servers-online-line .progress-bar.bg-info {
    background-color: #ff050500 !important;
    width: 35px !important;
    filter: blur(6px);
    background: radial-gradient(circle, rgb(143 220 147 / 41%) 20%, rgb(58 63 82) 52%);
    box-shadow: 0px 0px 10px 0px #434849;
    height: 35px !important;
}

.servers-online-line .progress-bar.bg-success {
     background-color: #ff050500 !important;
    width: 35px !important;
    filter: blur(6px);
    background: radial-gradient(circle, rgb(143 220 147 / 41%) 20%, rgb(58 63 82) 52%);
    box-shadow: 0px 0px 10px 0px #434849;
    height: 35px !important;
}

.servers-online-line .progress-bar.bg-warning {
    background-color: #ff050500 !important;
    width: 35px !important;
    filter: blur(6px);
    background: radial-gradient(circle, rgb(255 140 160 / 56%) 20%, rgb(52 57 74 / 0%) 52%);
    box-shadow: 0px 0px 10px 0px #34394a00;
    height: 35px !important;
}

.servers-online-line .progress-bar.bg-danger {
    background-color: #ff050500 !important;
    width: 35px !important;
    filter: blur(6px);
    background: radial-gradient(circle, rgb(255 140 160 / 56%) 20%, rgb(52 57 74 / 0%) 52%);
    box-shadow: 0px 0px 10px 0px #34394a00;
    height: 35px !important;
}

#last_activity>div,
#last_activity>span,
#mybans>div,
#mybans>span {
    display: flex;
    background: linear-gradient(154deg, #555b5c 10%, #4c5253 60%);
    border-radius: 12px;
    backdrop-filter: blur(1px);
    margin-top: 10px;
    gap: 15px;
    padding: 12px 16px 14px 16px;
    align-items: center;
    justify-content: space-between;
}

#last_activity>div:first-child,
#last_activity>span:first-child,
#mybans>div:first-child,
#mybans>span:first-child {
    border-top: 0;
}

#last_activity>div:last-child,
#last_activity>span:last-child,
#mybans>div:last-child,
#mybans>span:last-child {
    /* margin-bottom: -19px; */
}

#last_activity>div>p,
#last_activity>span>p,
#mybans>div>p,
#mybans>span>p {
    display: block;
    width: 100%;
    margin: 0;
    font-style: "Open Sans";
}

#last_activity>div>p:nth-child(1),
#last_activity>span>p:nth-child(1),
#mybans>div>p:nth-child(1),
#mybans>span>p:nth-child(1) {
    margin-bottom: 2px;
}

#last_activity>div>p:nth-child(1) a,
#last_activity>span>p:nth-child(1) a,
#mybans>div>p:nth-child(1) a,
#mybans>span>p:nth-child(1) a {
    color: #ffffff;
    line-height: 22px;
    font-size: 12px;
    font-weight: 600;
}

#last_activity>div>p:nth-child(2),
#last_activity>span>p:nth-child(2),
#mybans>div>p:nth-child(2),
#mybans>span>p:nth-child(2) {
    color: #7d8789;
    font-size: 10.5px;
    line-height: 8px;
}

#last_activity>div>p:nth-child(2) a,
#last_activity>span>p:nth-child(2) a,
#mybans>div>p:nth-child(2) a,
#mybans>span>p:nth-child(2) a {
    margin-right: 5px;
}

#last_activity>div>p:nth-child(2) a img,
#last_activity>span>p:nth-child(2) a img,
#mybans>div>p:nth-child(2) a img,
#mybans>span>p:nth-child(2) a img {
    width: 16px;
    height: 16px;
    border-radius: 4px;
}

#mybans>div {
    display: none;
}

#mybans>div:nth-child(1),
#mybans>div:nth-child(2),
#mybans>div:nth-child(3) {
    display: block;
}

#mybans>div:nth-child(3) {
    margin-bottom: -19px;
}

#mybans>div:nth-child(4) {
    margin-top: 19px;
}

.popover_avatar {
    width: 50px;
    height: 50px;
    margin: -5px -8px;
    border-radius: 2px;
}

#new_news>.col-lg-4 div,
.news>.col-lg-4 div {
    margin-bottom: 30px;
    width: 100%;
    height: 265px;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}

#new_news>.col-lg-4 div img,
.news>.col-lg-4 div img {
    position: absolute;
    height: 100%;
}

#new_news>.col-lg-4 div .shadow,
.news>.col-lg-4 div .shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 32px 16px;
    background: #2125316b;
}

#new_news>.col-lg-4 div a,
.news>.col-lg-4 div a {
    color: #fff;
}

#new_news>.col-lg-4 div a:nth-child(2),
.news>.col-lg-4 div a:nth-child(2) {
    margin-top: 15px;
}

#new_news>.col-lg-4 div a:nth-child(2) h3,
.news>.col-lg-4 div a:nth-child(2) h3 {
    font-weight: 600;
    line-height: 26px;
    font-size: 18px;
}

#new_news>.col-lg-4 div a:nth-child(3),
.news>.col-lg-4 div a:nth-child(3) {
    position: absolute;
    bottom: 32px;
    line-height: 20px;
    font-size: 14px;
    letter-spacing: 1px;
    color: #fff;
}

#new_news>.col-lg-4 div a:nth-child(3) i,
.news>.col-lg-4 div a:nth-child(3) i {
    font-size: 80%;
    color: #939b9d;
}

.comment {
    position: relative;
    overflow: hidden;
    margin-bottom: 12px;
    background: linear-gradient(15deg, #353939 30%, #2b2f30 100%);
    border-radius: 15px;
    padding: 20px 20px 0px 20px;
}

.comment>a {
    display: block;
    width: 32px;
    float: left;
}

.comment>a img {
    height: 38px;
    width: 38px;
    border-radius: 12px;
    position: relative;
    top: -3px;
}

.comment>a span {
    width: 100%;
    display: block;
    text-align: center;
    color: #939b9d;
    line-height: 24px;
    font-size: 10px;
}

.comment .message {
    width: calc(100% - 40px);
    float: right;
    word-wrap: break-word;
    position: relative;
    /* top: 3px; */
    overflow: hidden;
    font-size: 14px;
    left: 10px;
    line-height: 18px;
}

.comment .message .info {
    line-height: 8px;
    display: block;
    height: 15px;
}

.comment .message .info .author {
    float: left;
    position: relative;
    transition: .2s all;
    /* right: 1px; */
    position: relative;
}

.comment .message .with_code {
    border-radius: 4px 15px 15px 15px;
    padding: 0px;
    max-width: 80%;
    background: #fff0;
    font-weight: 600;
    font-size: 11px;
    line-height: 15px;
    color: #9fa1ad;
}

.comment .message .with_code img {}

.comment .dell_message {
    color: #8d8689;
    position: absolute;
    top: 2px;
    font-size: 10px;
    cursor: pointer;
    transition: 0.2s;
}

.comment .dell_message:hover {
    color: #ffffff;
}

.comment .dell_message {
    right: 0;
}

#dop #imgs img {
    margin-bottom: 10px;
}

#dop #img_result p {
    margin-bottom: 10px;
}

.ban-application.ban-information p {
    margin-bottom: 0px;
    font-size: 11px;
    font-weight: 600;
    color: #6e7678;
}

.ban-application #closed .m-icon {
    display: none;
}

#forum .row {
    margin: 0px;
    margin-top: 10px;
    border-radius: 12px;
}

#forum .row .col-lg-8 {
    padding-top: 16px;
    padding-bottom: 14px;
    border-bottom: 1px solid #404546;
    display: flex;
    align-items: center;
}

#forum .row .col-lg-8 img {
    border-radius: 10px;
    height: 48px;
    width: 48px;
    float: left;
    margin-right: 16px;
}

#forum .row .col-lg-8>div {
    width: calc(100% - 64px);
    float: right;
}

#forum .row .col-lg-8>div h3 {
    margin: 0;
    line-height: 18px;
}

#forum .row .col-lg-8>div h3 a {
    font-weight: 600;
    font-size: 13px;
    line-height: 24px;
    color: #ffffff;
}

#forum .row .col-lg-8>div p {
    line-height: 20px;
    font-size: 11px;
    font-weight: 600;
    margin: 0;
    color: #6e7678;
}

#forum .row .col-lg-4 {
    padding-top: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #404546;
}

#forum .row .col-lg-4 div {
    border-left: 1px solid #404546;
    height: 48px;
    padding-left: 16px;
}

#forum .row .col-lg-4 div img {
    margin-top: 12px;
    height: 28px;
    width: 28px;
    float: left;
    border-radius: 8px;
}

#forum .row .col-lg-4 div p {
    width: calc(100% - 40px);
    float: right;
    font-size: 10.5px;
    line-height: 16px;
    font-weight: 600;
    color: #6e7678;
    display: inline-block;
    margin: 0;
}

#forum .row .col-lg-4 div p a {
    font-weight: 600;
    font-size: 11px;
    color: #0c66ff;
}

#forum .row .col-lg-4 div p i {
    font-size: 10px;
    margin-right: 2px;
    display: none;
}

#forum .row>div:nth-last-child(1),
#forum .row>div:nth-last-child(2) {
    border-bottom: 0;
}

.forum-info {
    background: #272a2b;
    height: 100px;
    border-radius: 15px;
    margin-bottom: 50px;
    position: relative;
    padding: 20px 0;
}

.forum-info div {
    position: relative;
}

.forum-info div .go-to-back {
    float: left;
    display: block;
    background: #424849;
    border-radius: 12px;
    height: 48px;
    width: 48px;
    font-size: 13px;
    margin-left: 10px;
    line-height: 48px;
    text-align: center;
    color: #ffffff;
    margin-top: 6px;
    margin-right: 25px;
}

.forum-info div .go-to-back:hover {
    float: left;
    display: block;
    background: #4a5051;
    border-radius: 12px;
    height: 48px;
    width: 48px;
    font-size: 13px;
    margin-left: 10px;
    line-height: 48px;
    text-align: center;
    color: #ffffff;
    margin-top: 6px;
    margin-right: 25px;
}

.forum-info div h3 {
    line-height: 24px;
    font-size: 16px;
    margin: 0;
    font-weight: 600;
    padding-top: 6px;
}

.forum-info div p {
    line-height: 24px;
    font-size: 11.5px;
    font-weight: 600;
    color: #7a8091;
}

.forum-info div p span {
    line-height: 16px;
    font-size: 12px;
    margin-right: 13px;
    color: #939b9d;
}

.forum-info div p span i {
    color: #adb3b5;
    margin-right: 6px;
}

.forum-info div #pagination2 {
    position: absolute;
    left: 79px;
    bottom: -18px;
    margin: 0;
}

.forum-info div #pagination2 .pagination>li>a,
.forum-info div #pagination2 .pagination>li>span {
    height: 18px;
    width: 18px;
    margin: 0 3px;
    line-height: 16px;
    font-size: 10px;
}

.forum-info div #pagination2 .pagination>li:first-child>a>span::before,
.forum-info div #pagination2 .pagination>li:last-child>a>span::before {
    font-size: 9px;
}

.forum-info div .add-topic,
.forum-info div .dell-topic {
    z-index: 1012;
    -webkit-box-shadow: 0 26px 26px rgba(10, 31, 68, 0.12), 0 0 1px rgba(10, 31, 68, 0.1);
    box-shadow: 0 26px 26px rgba(10, 31, 68, 0.12), 0 0 1px rgba(10, 31, 68, 0.1);
    display: block;
    position: absolute;
    height: 48px;
    width: 48px;
    border-radius: 12px;
    color: white;
    text-align: center;
    line-height: 48px;
    margin-right: 25px;
    font-size: 13px;
    bottom: 0px;
}

.forum-info div .add-topic {
    background: #424849;
    right: 0;
}

.forum-info div .add-topic:hover {
    background: #4a5051;
    right: 0;
}

.forum-info div .dell-topic {
    right: 60px;
    background: #f03d3d;
}

.forum-info h3 i.fa-lock,
.forum-info h3 i.fa-paperclip,
#forum_topics h3 i.fa-lock,
#forum_topics h3 i.fa-paperclip {
    color: white;
    width: 22px;
    height: 22px;
    border-radius: 6px;
    display: inline-block;
    font-size: 10px;
    text-align: center;
    line-height: 22px;
    margin-right: 1px;
}

.forum-info h3 i.fa-paperclip,
#forum_topics h3 i.fa-paperclip {
    background: #5086ff;
    margin-left: 5px;
}

.forum-info h3 i.fa-lock,
#forum_topics h3 i.fa-lock {
    background: #ff6868;
}

#forum_topics {
    padding: 15px 16px;
}

#forum_topics .row .col-lg-9 {
    padding: 16px;
    border-bottom: 1px solid #3e4344;
}

#forum_topics .row .col-lg-9 h3 {
    line-height: 24px;
    font-size: 15px;
}

#forum_topics .row .col-lg-9 h3 a {
    color: #ffffff;
    margin-left: 3px;
    position: relative;
    font-size: 13px;
    top: 1px;
}

#forum_topics .row .col-lg-9 p {
    line-height: 16px;
    font-size: 13px;
    margin: 0;
}

#forum_topics .row .col-lg-9 p span {
    line-height: 16px;
    font-size: 11px;
    margin-right: 6px;
    color: #6e7678;
}

#forum_topics .row .col-lg-9 p span img {
    border-radius: 7px;
    width: 25px;
    height: 25px;
    margin-right: 8px;
    margin-left: 2px;
}

#forum_topics .row .col-lg-9 p span a {
    position: relative;
}

#forum_topics .row .col-lg-9 p span i {
    color: #adb3b5;
    margin-right: 6px;
}

#forum_topics .row .col-lg-3 {
    padding: 16px;
    border-bottom: 1px solid #3e4344;
}

#forum_topics .row .col-lg-3 div {
    padding: 12px 18px;
    display: flex;
    height: 49px;
    justify-content: flex-start;
    align-items: center;
}

#forum_topics .row .col-lg-3 div img {
    height: 33px;
    width: 33px;
    border-radius: 8px;
    float: left;
    margin-top: 3px;
}

#forum_topics .row .col-lg-3 div p {
    color: #6e7678;
    display: block;
    width: calc(100% - 45px);
    float: left;
    margin: 0 0 0 10px;
    font-size: 11px;
    line-height: 16px;
}

#forum_topics .row .col-lg-3 div p i {
    color: #adb3b5;
    font-size: 11px;
    margin-right: 3px;
}

#forum_topics .row>div:nth-last-child(1),
#forum_topics .row>div:nth-last-child(2) {
    border-bottom: 0;
}

.topic-answers {
    background: #1b1b1b00;
}

.topic-answers div[id^="answer"]::after {
    clear: both;
    display: table;
    content: " ";
    position: absolute;
    bottom: 0;
    background: #f1f2f400;
    width: calc(100% - 58px);
    height: 1px;
    left: 26px;
}

.topic-answers div[id^="answer"] .right-side a.date,
.topic-answers div[id^="answer"] .right-side span {
}

.topic-answers div[id^="answer"] .right-side a.date a,
.topic-answers div[id^="answer"] .right-side span a {
    color: #ffffff;
    margin-left: 5px;
    margin-right: 5px;
}

.topic-answers div[id^="answer"] .right-side a.date i,
.topic-answers div[id^="answer"] .right-side span i {
    font-size: 12px;
    margin-right: 3px;
    color: #adb3b5;
}

.topic-answers div[id^="answer"] .right-side .with_code {
    padding: 0;
    line-height: 20px;
    background: #25293600;
    margin-top: 10px;
    font-size: 12px;
}

.topic-answers div[id^="answer"] .right-side .signature {
    line-height: 16px;
    font-size: 12px;
}

.topic-answers div[id^="answer"] .right-side .thank_str {
    font-size: 11px;
    font-weight: 600;
    color: #838b8d;
    overflow: hidden;
}

.topic-answers div[id^="answer"] .right-side .thank_str a {
    color: #8baea9;
}

.topic-answers div[id^="answer"] .right-side .likes-area {
    padding: 8px 0;
    position: absolute;
    width: calc(100% - 64px);
    top: -12px;
    right: -3px;
}

.topic-answers div[id^="answer"] .right-side .likes-area .btn,
.topic-answers div[id^="answer"] .right-side .likes-area .btn:focus {
    margin: 0 3px;
    border: 0;
    padding: 5px 20px;
    text-align: center;
    -webkit-box-shadow: 0 3px 4px rgba(10, 31, 68, 0.1), 0 0 1px rgba(10, 31, 68, 0.08);
    box-shadow: 0 3px 4px rgba(10, 31, 68, 0.1), 0 0 1px rgba(10, 31, 68, 0.08);
    border-radius: 7px;
}

.topic-answers div[id^="answer"] .right-side .likes-area i {
    margin: 0;
    text-align: center;
}

.topic-answers div[id^="answer"] .right-side::after {
    display: block;
    content: " ";
}

@media (max-width: 991.99px) .authorization {
    width: 100%;
    margin-top: 130px;
    padding: 24px 16px;
    border-radius: 10px;
    background: #303334;
    margin-bottom: 30px;
}

    {
    .forum-info {
        border-top: 0;
        background: #1b1b1b;
    }

    .forum-info.no-shadow {
        border-bottom: 1px solid #f1f2f4;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .podtoper {
        background: #303334;
        width: 93%;
        position: relative;
        height: 130px;
        top: 220px;
        margin-left: 15px;
        border-radius: 15px;
        margin-right: auto;
        margin-bottom: 300px;
    }

    .topzag {
        color: #7d70ff;
        font-size: 30px;
        top: 10px;
        position: relative;
        margin-left: 85px;
    }

    .toptext {
        position: relative;
        top: 30px;
        text-align: center;
        font-size: 10px;
        color: #868e90;
        width: 450px;
        font-weight: 600;
        line-height: 17px;
        margin-left: -62px;
    }

    a.button10 {
        color: white;
        position: absolute;
        top: 218px;
        font-weight: 100;
        font-size: 18px;
        width: 56px;
        text-align: center;
        height: 56px;
        line-height: 55px;
        border-radius: 10px;
        border: 1.5px solid #7d70ff;
        background: #323a5800;
        transition: .2s all;
    }

    a.button10:hover {
        color: white;
        position: absolute;
        top: 218px;
        font-weight: 100;
        font-size: 18px;
        width: 56px;
        text-align: center;
        height: 56px;
        line-height: 55px;
        border-radius: 10px;
        border: 1.5px solid #7d70ff;
        background: #7d70ff;
        transition: .2s all;
    }

    .toptop {
        background: #1e233600;
        width: 100%;
        position: relative;
        top: 80px;
        margin-left: 300px;
        right: 270px;
    }

    .topic-answers {
        margin: 0 -15px;
    }

    .topic-answers div[id^="answer"] {
        background: #1b1b1b;
        -webkit-box-shadow: 0 3px 4px rgba(10, 31, 68, 0.1), 0 0 1px rgba(10, 31, 68, 0.08);
        box-shadow: 0 3px 4px rgba(10, 31, 68, 0.1), 0 0 1px rgba(10, 31, 68, 0.08);
        position: relative;
        display: block;
        overflow: hidden;
    }

    .topic-answers div[id^="answer"]::after {
        display: none;
    }

    .topic-answers div[id^="answer"]:not(:first-child) {
        border-top: 1px solid #f1f2f4;
    }

    .topic-answers div[id^="answer"] .left-side {
        width: 100%;
        padding: 14px;
        text-align: left;
        -webkit-box-shadow: -1px 0px 26px rgba(10, 31, 68, 0.12);
        box-shadow: -1px 0px 26px rgba(10, 31, 68, 0.12);
    }

    .topic-answers div[id^="answer"] .left-side img {
        width: 32px;
        height: 32px;
        border-radius: 8px;
        margin: 0;
    }

    .topic-answers div[id^="answer"] .left-side a {
        line-height: 27px;
        font-size: 16px;
        font-weight: 600;
        color: #ffffff;
        margin-left: 10px;
    }

    .topic-answers div[id^="answer"] .left-side p,
    .topic-answers div[id^="answer"] .left-side span {
        display: none;
    }

    .topic-answers div[id^="answer"] .right-side {
        position: relative;
        padding: 14px 14px 56px;
        width: 100%;
    }

    .topic-answers div[id^="answer"] .right-side .likes-area {
        width: calc(100% - 28px);
    }
}

#sections .block_head {
    margin-bottom: 16px;
}

#sections .btn .m-icon {
    color: white;
}

.btn-group-toggle .btn.btn-default.active {
    color: #ffff;
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 170%)) !important;
    padding: 25px !important;
    !i;!;
    text-shadow: #00000063 1px 0 10px;
    border-radius: 10px !important;
}

.btn-group-toggle .btn.btn-default.active .title_rcon_btn {
    color: #ffffff !important;
    font-size: 10px !important;
    line-height: 0px !important;
    display: flex;
    height: 23px;
    border-radius: 50px;
    padding: 0px 10px;
    margin-top: -3px;
    background: #ffffff42;
    align-items: center;
}

.btn-group-toggle .btn.btn-default:not(.btn-sm) {
    line-height: 26px;
    height: 90px !important;
    border-radius: 15px !important;
}

form[id^="section_settings"] .btn-group-toggle>label,
div#add_section .btn-group-toggle>label {
    font-size: 14px;
    height: 30px;
    padding: 5px 11px;
    margin: 0 5px 5px 0;
}

table tbody[id^="forums"] img {
    display: block;
    margin: 0 auto;
    height: 50px;
    width: 50px;
}

table tbody[id^="forums"] tr td {
    padding: 5px;
}

table tbody[id^="forums"] tr td:first-child {
    max-width: 60px;
}

table tbody[id^="forums"] tr td:nth-child(2) {
    max-width: 150px;
}

table tbody[id^="forums"] tr td:nth-child(2) input,
table tbody[id^="forums"] tr td:nth-child(2) .custom-file label,
.custom-file table tbody[id^="forums"] tr td:nth-child(2) label {
    width: 100%;
}

table tbody[id^="forums"] tr td input,
table tbody[id^="forums"] tr td .custom-file label,
.custom-file table tbody[id^="forums"] tr td label {
    margin: 0;
}

@media(min-width:768px){#banlist div[id^="baninfo"] i {
    font-style: normal !important;
}}

@media(min-width:768px){#banlist div[id^="baninfo"] input,
#banlist div[id^="baninfo"] .custom-file label,
.custom-file #banlist div[id^="baninfo"] label {
    margin: 0;
}}

@media(min-width:768px){#muts div[id^="muteinfo"] i {
    font-style: normal !important;
}}

@media(min-width:768px){#muts div[id^="muteinfo"] input,
#muts div[id^="muteinfo"] .custom-file label,
.custom-file #muts div[id^="muteinfo"] label {
    margin: 0;
}}

#server_admins tr[id^="admin"]>td>i[class^="fa"],
#server_admins tr[id^="admin"]>td>.m-icon,
#admins tr[id^="admin"]>td>i[class^="fa"],
#admins tr[id^="admin"]>td>.m-icon {
    margin-left: 5px;
    color: #0c66ff;
    font-size: 12px;
    cursor: pointer;
}

#server_admins div[id^="admin_info"] table tbody tr td,
#admins div[id^="admin_info"] table tbody tr td {
    font-size: 13px;
    padding: 7px;
}

#server_admins div[id^="admin_info"] .services-title,
#admins div[id^="admin_info"] .services-title {
    margin-bottom: 12px;
    float: left;
}

#server_admins div[id^="admin_info"] .add-service,
#admins div[id^="admin_info"] .add-service {
    float: right;
}

#server_admins #admins_services td,
#admins #admins_services td {
    vertical-align: middle;
    word-wrap: normal;
    white-space: nowrap;
    font-size: 13px;
    padding: 7px;
}

#server_admins #admins_services td .btn,
#admins #admins_services td .btn {
    float: right;
}

#server_admins #admins_services td .btn>i[class^="fa"],
#server_admins #admins_services td .btn>.m-icon,
#admins #admins_services td .btn>i[class^="fa"],
#admins #admins_services td .btn>.m-icon {
    font-size: 12px;
    color: #0c66ff;
}

#server_admins #admins_services td p,
#admins #admins_services td p {
    display: block;
    width: auto;
    float: left;
}

#server_admins #admins_services td .form-control,
#admins #admins_services td .form-control {
    margin: 0;
}

#server_admins #admins_services td .hasDatepicker,
#admins #admins_services td .hasDatepicker {
    font-size: .875rem;
    line-height: 1.5;
    text-indent: 5px;
}

@media (max-width: 991.99px) {
    .admin-settings tr>td:first-child {
        display: none;
    }

    .admin-settings tr>td:last-child {
        border-left: 0;
    }

    .admin-settings tr>td:last-child small {
        display: block;
        float: right;
    }

    .admin-settings tr>td:last-child small::after {
        clear: both;
        display: table;
        content: " ";
    }
}

@media (min-width: 992px) {
    .admin-settings tr>td:last-child small {
        display: none;
    }
}

tr[id^="multi-account-"] span {
    font-size: 12px;
    cursor: pointer;
    margin-left: 5px;
}

#edit_user_avatar_result p {
    margin-bottom: 0;
}

div[id^="store_info"] table.table>tbody[id^="admins_services"]>tr>td {
    font-size: 10.5px;
}

div[id^="store_info"] table.table>tbody[id^="admins_services"]>tr>td button {
    margin-top: 5px;
    width: 100%;
}

div[id^="store_info"] table.table>tbody[id^="admins_services"]>tr>td select {
    margin-top: -2px;
    margin-bottom: 20px;
}

.text_cases {
    font-size: 16px;
    color: #ffffff;
    width: 34px;
    min-width: 34px;
    display: flex;
    border-radius: 9px;
    height: 34px;
    background: #edb1ba2e;
    align-items: center;
    justify-content: center;
}

.description_viget {color: #bba7aa;line-height: 14px;font-size: 9.5px;text-transform: uppercase;}

.text_viget {
    color: #ffffff;
    font-size: 11px;
    font-weight: 400;
    font-family: "Unbounded", sans-serif;
}

.info_cases {
    gap: 6px;
    display: flex;
    background: #ff88a11a;
    width: 16px;
    height: 16px;
    margin-bottom: 8px;
    color: #ff849d;
    border-radius: 50px;
    font-size: 6px !important;
    align-items: center;
    justify-content: center;
}

.user img {
    width: 32px;
    border-radius: 50px;
    position: relative;
    top: 3.5px;
    margin-right: 12px;
    margin-left: 7px;
}

.user span {
    display: inline-block;
    font-size: 10px;
    color: #171717;
    height: 0px;
    border-radius: 3px;
    position: relative;
    top: -2px;
    font-weight: 500;
}

.user a[href^="../profile"]:not(:first-child) {
    display: block;
    width: 100%;
    font-weight: 600;
    line-height: 26px;
    font-size: 14px;
    margin: 5px 0;
    color: #ffffff;
}

.user .btn {
    width: 100%;
    margin-bottom: 0;
}

.detailed-profile {
    overflow: hidden;
    border-radius: 4px;
    background: #181818;
    margin-bottom: 32px;
}

.detailed-profile>div:nth-child(1) {
    position: relative;
    height: 92px;
    background: #1e1e1e;
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    padding: 16px;
}

.detailed-profile>div:nth-child(1) .avatar {
    display: block;
    height: 60px;
    width: 60px;
    border-radius: 4px;
    float: left;
}

.detailed-profile>div:nth-child(1) .avatar img {
    height: 60px;
    width: 60px;
    border-radius: 4px;
    float: left;
}

.detailed-profile>div:nth-child(1)>div {
    float: right;
    width: calc(100% - 60px);
    padding: 13px 24px 13px 16px;
}

.detailed-profile>div:nth-child(1)>div span {
    display: block;
}

.detailed-profile>div:nth-child(1)>div span:first-child {
    color: white;
    font-weight: 600;
    line-height: 20px;
    font-size: 16px;
}

.detailed-profile>div:nth-child(1)>div span:last-child {
    font-weight: 500;
    line-height: 16px;
    font-size: 12px;
}

.detailed-profile>div:nth-child(1)>a:not(.avatar) {
    color: #a0a7a9;
    position: absolute;
    top: 38px;
    right: 16px;
    font-size: 20px;
}

.detailed-profile table {
    margin-top: 15px;
    margin-bottom: 15px;
    width: 100%;
}

.detailed-profile table tr td:nth-child(1) {
    padding: 10px 15px;
    width: 62px;
}

.detailed-profile table tr td:nth-child(1) i {
    height: 32px;
    width: 32px;
    border-radius: 50%;
    line-height: 32px;
    text-align: center;
    background: #313131;
    font-size: 16px;
    color: white;
}

.detailed-profile table tr td:nth-child(2) {
    width: 200px !important;
    border-bottom: 1px solid #313131;
}

.detailed-profile table tr td:nth-child(2) span {
    width: 204px !important;
    display: block;
    font-weight: 600;
    line-height: 18px;
    font-size: 14px;
    letter-spacing: 0.5px;
    color: white;
}

.detailed-profile table tr td:nth-child(2) p {
    font-weight: 500;
    line-height: 12px;
    font-size: 12px;
    color: #939b9d;
}

.detailed-profile table tr:last-child td:first-child {
    border-bottom: 1px solid #313131;
}

.detailed-profile ul {
    margin-bottom: 15px;
}

.detailed-profile ul li a {
    padding: 10px 15px;
    display: block;
    border: 1px solid #313131;
    margin: 4px 15px;
    border-radius: 4px;
    color: white;
    font-size: 13px;
}

.detailed-profile .go-exit {
    color: white;
    font-weight: 500;
    line-height: 20px;
    font-size: 14px;
    display: block;
    margin: 15px;
}

.detailed-profile .go-exit i {
    line-height: 20px;
    color: #939b9d;
    margin-right: 10px;
}

.money-info-block div {
    width: 50%;
    float: left;
}

.money-info-block div i {
    font-size: 18px;
    float: left;
    line-height: 38px;
    margin-right: 9px;
}

.money-info-block div p {
    color: rgba(255, 255, 255, 0.8);
    margin: 0;
}

.money-info-block div span {
    font-weight: 600;
    line-height: 20px;
    font-size: 16px;
}

.money-info-block:hover {
    color: white !important;
}

.profile-top-menu {
    margin-right: auto;
    overflow-y: hidden;
    overflow-x: auto;
    margin-bottom: 15px;
    height: 48px;
    width: 102%;
    margin-left: auto;
    list-style: none;
    background: #ffffff00;
    flex-wrap: nowrap;
}

.profile-top-menu li {
    display: inline-block;
}

.profile-top-menu li a {
    display: block;
    float: left;
    font-size: 11px;
    line-height: 40px;
    padding: 0 26.6px;
    color: #6a7274;
    border-radius: 10px;
    top: 3px;
    position: relative;
    background: #272a2b;
    margin: 0px 7px 0px 0px;
    font-weight: 600;
}

.profile-top-menu li a.active,
.profile-top-menu li a:hover {
    color: #ffffff;
    background: #383d3e;
}

.profile-page h2 {
    font-size: 16px;
    margin-top: -4px;
}

.profile-page table.profile-table {
    width: calc(100% + 32px);
    margin: -24px -16px;
    display: none;
}

.profile-page table.profile-table tr {
    border-bottom: 1px solid #f1f2f400;
}

.profile-page table.profile-table tr:last-child {
    border-bottom: 0;
}

.profile-page table.profile-table tr td:nth-child(1) {
    width: 66px;
    padding: 14px 17px;
}

.profile-page table.profile-table tr td:nth-child(1) i {
    width: 32px;
    height: 32px;
    border-radius: 9px;
    background: #383d3e;
    display: block;
    text-align: center;
    line-height: 32px;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    color: #ffffff;
}

.profile-page table.profile-table tr td:nth-child(1) i:not([class^="fa"]) {
    font-weight: 600;
}

.profile-page table.profile-table tr td:nth-child(1) i.fa-skype {
    color: white;
    background: #0078ca;
}

.profile-page table.profile-table tr td:nth-child(1) i.fa-telegram-plane {
    color: white;
    box-shadow: 0 0px 25px rgb(129 112 255 / 0%);
    background: #4c89cf;
    line-height: 34px;
}

.profile-page table.profile-table tr td:nth-child(1) i.fa-steam-symbol {
    color: white;
    background: black;
}

.profile-page table.profile-table tr td:nth-child(1) i.fa-facebook-f {
    color: white;
    background: #4267b2;
}

.profile-page table.profile-table tr td:nth-child(2) {
    padding: 14px 0;
}

.profile-page table.profile-table tr td:nth-child(2) p {
    position: relative;
    margin: 0;
    font-weight: 600;
    color: #ffffff;
    font-size: 11.5px;
    line-height: 18px;
    margin-left: 1px;
    letter-spacing: 0.5px;
}

.profile-page table.profile-table tr td:nth-child(2) p a {
    color: #ffffff;
}

.profile-page table.profile-table tr td:nth-child(2) p img {
    position: absolute;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    right: 20px;
    top: 2px;
}

.profile-page table.profile-table tr td:nth-child(2) span {
    line-height: 16px;
    font-size: 11px;
    font-weight: 600;
    color: #6a7274;
}

.profile-page #last_activity,
.profile-page #mybans {
    margin-top: -24px;
}

.profile-page #last_activity .empty-element,
.profile-page #mybans .empty-element {
    height: auto;
    padding-top: 14px !important;
    border: 0;
}

.profile-page .block.dialogs #chat .input-group {
    margin-bottom: -24px;
}

.pay-area {
    border-radius: 6px;
    margin-bottom: 30px;
    position: relative;
    padding: 20px 16px 0px 16px;
    background: linear-gradient(135deg, #333737 0%, #292c2c 100%);
    background-size: 100% auto;
}

.pay-area b {
    color: white;
    font-weight: bold;
    font-size: 16px;
    line-height: 25px;
    display: block;
    margin-bottom: 16px;
}

.pay-area .money-info-block {
    padding: 0;
    margin: 0;
    background: transparent;
    max-width: 230px;
}

.pay-area span[data-toggle] {
    cursor: pointer;
    height: 32px;
    display: inline-block;
    line-height: 30px;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.36);
    padding: 0 16px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 500;
    float: right;
    margin: 6px 0;
}

.pay-area .pay-input {
    height: 48px;
    position: absolute;
    bottom: 20px;
    width: calc(100% - 32px);
}

.pay-area .pay-input input,
.pay-area .pay-input .custom-file label,
.custom-file .pay-area .pay-input label {
    height: 48px;
    line-height: 48px;
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0;
    padding-right: 100px;
}

.pay-area .pay-input button {
    position: absolute;
    right: 8px;
    top: 8px;
    margin: 0;
}

.pay-area .pay-input .error_message {
    display: none !important;
}

@media (max-width: 991.99px) {
    .pay-area {
        background-size: auto 100%;
    }

    .pay-area span[data-toggle] {
        width: 100%;
        text-align: center;
        margin-top: 0;
        margin-bottom: 26px;
    }
}

@media(min-width:768px){#operations .with-icon {
    padding-left: 60px;
}}

@media(min-width:768px){#operations .with-icon i {
    left: 10px;
    top: 14px;
    width: 24px;
    margin-left: 5px;
    height: 24px;
    border-radius: 6px;
    border: 7px solid;
    text-align: center;
    line-height: 20px;
    font-size: 8px;
}}

@media(min-width:768px){#operations .with-icon i.fa-plus {
    color: #ffffff;
    background: #7ab981;
    border: 2px solid #7ab981;
}}

@media(min-width:768px){#operations .with-icon i.fa-minus {
    color: #ffffff;
    line-height: 20px;
    background: #e98383;
    border: 2px solid #e98383;
}}

.profile-settings h2 {
    font-size: 16px;
    color: #fff;
}

.profile-settings .btn i.fa-pencil {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 24px;
    font-size: 15px !important;
}

.profile-settings .m-icon {display: none;}

.profile-settings #vk_user img,
.profile-settings #steam_user img,
.profile-settings #fb_user img {
    height: 30px;
    width: 30px;
    margin-right: 8px;
    border-radius: 50%;
}

.profile-settings #vk_user span,
.profile-settings #steam_user span,
.profile-settings #fb_user span {
    display: inline;
}

.profile-settings table tr td[colspan="2"] {
    white-space: normal !important;
}

.profile-settings small.input-title {
    font-size: 11px;
    display: block;
    color: #99cb74;
    margin-bottom: 0px;
    border-radius: 10px;
    margin-top: 0px;
}

.profile-settings .edit-avatar img {
    width: 100px;
    height: 100px;
    border-radius: 20px;
}

.profile-settings .edit-privacy p {
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    color: #ffffff;
    margin-bottom: -16px;
}

.profile-settings .edit-date .col-12:last-child {
    position: relative;
}

.profile-settings .edit-date .col-12:last-child small {
    position: absolute;
    left: 15px;
    top: -24px;
}

.profile-settings .edit-date .col-3 .btn {
    margin-top: 7px;
}

#stats table {
    max-width: 100%;
}

#stats tr td {
    max-width: 200px;
}

#stats tr td .rank {
    width: 80px;
    height: 30px;
    display: block;
    margin: 0 auto;
}

#stats tr td a i {
    font-style: normal !important;
}

#stats .progress {
    position: relative;
    height: 17px;
    margin-top: 5px;
    width: 100%;
}

#stats .progress span {
    position: absolute;
    color: #ffffff;
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-size: 9.5px;
    top: -1px;
}

#stats .area-label {
    padding-top: 15px;
}

#stats .label {
    padding: 8px 10px;
    border-radius: 7px;
    background-color: #f5f5f52b;
    color: #ffffff;
    border: none;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#stats .label.label-primary {
    background-color: #0c66ff26;
    color: #fff;
    border: 0;
}

#stats .label.label-success {
    background-color: #a8ff8617;
    color: #b1f198 !important;
    =: #cde8c3;
}

#stats .label.label-info {
    background-color: #e1effa;
    color: #0a1f44;
    border-color: #cadded;
}

#stats .label.label-warning {
    background-color: #ffd2781f;
    color: #f1cb7e;
}

#stats .label.label-danger {
    background-color: #ff818129;
    color: #ff7979;
}

.new {
    padding-top: 16px;
}

.new>p:last-child {
    margin: -16px;
    padding: 21px 16px 0 16px;
    margin-bottom: -10px;
    margin-top: 16px;
    border-top: 1px solid #f1f2f400;
}

.new>p:last-child span {
    margin-top: 10px;
    padding: 5px 10px;
    background: #383d3e;
    margin-bottom: 10px;
    font-size: 10px;
    border-radius: 7px;
    color: #fff;
}

.new>p:last-child span a {
    color: #fff;
}

#news a.small-new {
    margin: 0 -16px;
    padding: 10px 16px 10px 16px;
    display: block;
    height: 60px;
    width: calc(100% + 32px);
}

#news a.small-new img {
    height: auto;
    width: 70px;
    display: none;
    border-radius: 4px;
    margin-right: 10px;
    float: left;
}

#news a.small-new div {
    width: calc(100% - 80px);
    /* float: right; */
}

#news a.small-new div p {
    font-size: 12px;
    margin: 0;
    line-height: 13.5px;
    display: block;
    color: #61696b;
}

#news a.small-new:last-child {
    /* margin-bottom: -23px; */
}

#main-slider.carousel {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    margin-left: 40px;
    margin-bottom: 30px;
    height: 400px;
    top: 60px;
}

#main-slider.carousel .carousel-inner {
    height: 100%;
    margin-top: 160px;
}

#main-slider.carousel .carousel-inner .carousel-item {
    height: 100%;
}

#main-slider.carousel .carousel-inner .carousel-item img {
    height: 100%;
    width: 100%;
}

#main-slider.carousel .he {
    height: 288px;
    width: 211px;
    position: absolute;
    top: 0;
    left: calc(50% - 90px);
    z-index: 11;
}

#main-slider.carousel .carousel-caption {
    left: 30px;
    top: 20px;
    border-radius: 15px;

    bottom: auto;
    height: 100px;
    width: 70%;
    padding: 30px;
    background-color: #2e3132;
    position: relative;
    z-index: 10;
    color: #fff;
    text-align: left;
}

#main-slider.carousel .carousel-caption h1 {
    font-size: 13px;

    font-weight: bold;
    margin-bottom: 30px;
}

#main-slider.carousel .carousel-caption h1 a {
    color: #fff;
}

#main-slider.carousel .carousel-control-prev,
#main-slider.carousel .carousel-control-next {
    height: 48px;
    width: 48px;
    top: 210px;
    /* border: 1.0px solid #3a3e3f; */
    padding-right: 1px;
    background: rgb(38 44 68 / 0%);
    bottom: 2px;
    opacity: 1;
    border-radius: 50%;
}


#main-slider.carousel .carousel-control-prev i,
#main-slider.carousel .carousel-control-next i {
    color: #ffffff;

}

#main-slider.carousel .carousel-control-prev:hover i,
#main-slider.carousel .carousel-control-next:hover i {
    color: #ffffff;
}

#main-slider.carousel .carousel-control-prev {
    left: 245px;
}

#main-slider.carousel .carousel-control-next {
    left: 788px;
}

@media (max-width: 991.99px) {
    #main-slider.carousel {
        height: 250px;
    }

    #main-slider.carousel .he {
        display: none;
    }

    #main-slider.carousel .carousel-caption {
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        border-radius: 4px;
        padding: 20px;
    }

    #main-slider.carousel .carousel-caption h1 {
        font-size: 200%;
        line-height: 100%;
        margin-bottom: 10px;
    }

    #main-slider.carousel .carousel-control-prev,
    #main-slider.carousel .carousel-control-next {
        height: 40px;
        width: 40px;
    }

    #main-slider.carousel .carousel-control-prev {
        /* right: 44px; */
        left: auto;
    }
}

.vk-widgets .block {
    padding-bottom: 0;
}

.vk-widgets a[id^="admin_widget"] {
    margin-top: 3px;
    margin-bottom: 3px;
    display: block;
}

.vk-widgets a[id^="admin_widget"] img {
    display: block;
    width: 30px;
    height: 30px;
    float: left;
    border-radius: 8px;
}

.vk-widgets a[id^="admin_widget"] span {
    display: block;
    width: calc(100% - 40px);
    float: right;
    line-height: 30px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 500;
    color: #ffffff;
    font-size: 13px;
}

.vk-widgets a[id^="admin_widget"]::after {
    clear: both;
    display: table;
    content: " ";
}

.disp-b {
    display: block;
}

.disp-n {
    display: none;
}

::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    /* background: rgb(28 31 39 / 0%); */
}

::-webkit-scrollbar-thumb {
    background: #4a5051;
    border-radius: 50px;
}

::-webkit-scrollbar-thumb:vertical:hover,
::-webkit-scrollbar-thumb:horizontal:hover {
    background: #4a5051;
}

#my_cases_area {
    margin-top: 10px;
    border-radius: 5px;
}

.popover {
    z-index: 60;
    display: block;
    left: -80px !important;
    top: -15px !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: start;
    text-decoration: none;
    text-transform: none;
    box-shadow: 0px 5px 10px #00000038;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    border: 1px solid rgb(0 0 0 / 0%);
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: #393d3e;
    background-clip: padding-box;
    border-radius: 15px;
}

.tabs__tab-btn {
    border: none;
    padding: 12px 35px;
    background: #24314c;
    border-radius: 10px;
    margin-right: 7px;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
}

.tabs__tab-btn--not-selected {
    border: none;
    padding: 12px 35px;
    background: #1c2740;
    border-radius: 10px;
    margin-right: 7px;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
}

.tabs__tab-btn:hover {
    border: none;
    padding: 12px 35px;
    background: #24314c;
    border-radius: 10px;
    margin-right: 7px;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
}

.tabs__tab--hide {
    display: none;
}

.tabs__tab--show {
    display: block;
}

.tabs__tab {
    animation: tabApear 0.6s;
}

@keyframes tabApear {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

.message_button {
    color: #ffffff;
    font-weight: 600;
    height: 33px;
    border-radius: 9px;
    font-size: 14px;
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%));
    opacity: 0.7;
    text-shadow: #000000d4 1px 0 10px;
    display: flex;
    width: 33px;
    transition: .2s all;
    cursor: pointer;
    align-items: center;
    justify-content: center;
}

.message_button:hover {
   opacity: 1;
   color: #ffffff;
}

.profile_button {
    color: #998f93;
    font-weight: 600;
    height: 33px;
    border-radius: 9px;
    font-size: 14px;
    display: flex;
    width: 33px;
    transition: .2s all;
    background: linear-gradient(25deg, #44494a 30%, #4b5153 100%);
    cursor: pointer;
    align-items: center;
    justify-content: center;
}

.profile_button:hover {
   opacity: 0.7;
   color: #998f93;
}

.name_players {
    text-overflow: ellipsis;
    width: 30%;
    overflow: hidden;
    white-space: nowrap;
}

.text_contactss {
    display: flex;
    flex-direction: column;
    line-height: 17px;
}


.date_forum {
    color: #817a7d;
    font-weight: 600;
    padding: 0px;
    font-size: 11.5px !important;
    margin-bottom: 20px;
    padding-bottom: 10px;
    display: block;
    border-bottom: dashed 1px #474d4e;
    width: 100%;
}

.friend_sv {
    display: flex;
    align-items: center;
}

.buttons_friends {
    display: none;
}

.buttons_friends_new {display: flex;gap: 10px;}

.tabes {
    border: solid 1px #414647;
    border-radius: 50px;
    width: 100%;
    padding: 7px;
    margin-bottom: 30px !important;
    margin-top: 30px !important;
    margin-left: 0px !important;
    display: flex !important;
    gap: 8px;
}

.tabes .tab {
    cursor: pointer;
    height: 50px;
    display: flex;
    font-weight: 600;
    border-radius: 50px;
    margin: 0px !important;
    color: #adb3b4;
    width: 100%;
    align-items: center;
    transition: 0.2s;
    justify-content: center;
}

.tabes .tab.active {
    color: #ffffff;
    text-shadow: #00000085 1px 0 10px;
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%));
    box-shadow: 0px 10px 40px #ff7f7b54;
}

.tabes .tab.active:hover {
    color: #ffffff;
    text-shadow: #00000085 1px 0 10px;
       background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%));
    box-shadow: 0px 10px 40px #ff7f7b54;
}

.tabes .tab:hover {
    color: #ffffff;
    background: #393e3f;
}

.tab-contentes {
    display: none;
}

.tab-contentes.active {
    display: block;
}

.form_control_auth {
    font-size: 11.5px;
    font-weight: 600;
    width: 86%;
    border-radius: 0px 11px 11px 0px;
    text-indent: 0;
    background: #363a3b !important;
    border: none;
    color: #ffffff;
}

.form_control_auth:focus {
    border-color: #363a3b;
    color: #ffffff;
    background: #363a3b !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.login_place {
    display: flex;
    flex-direction: column;
}

.input_login {
    display: flex;
    margin-bottom: 9px;
    background: #363a3b;
    border-radius: 11px;
    align-items: center;
}

.block_purse_base {
  border-radius: 15px;
  padding: 20px 20px 10px 20px;
  background: linear-gradient(15deg, #2b2f30 30%, #373b3c 100%);
  margin-bottom: 12px;
}

.button_summa {
  border: none;
  padding: 10px;
  border-radius: 9px;
  cursor: pointer;
  transition: 0.2s;
  background: linear-gradient(15deg, #414647 30%, #4c5253 100%);
  width: 70px;
  color: #fff;
  font-weight: bold;
}

.button_summa:hover {
  opacity: 0.7;
}

.select_number {
  padding: 15px;
  background: linear-gradient(15deg, #2b2f30 30%, #303334 100%);
  border-radius: 15px;
  display: flex;
  gap: 6px;
  margin-bottom: 15px;
}

.input_login i {
    height: 39px;
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #575e5f 0, #444a4b 100%));
    display: flex;
    width: 39px;
    min-width: 39px;
    margin-left: 7px;
    color: #adb3b4;
    margin-right: 8px;
    font-size: 17px;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
}

.button_social {
    display: flex;
    width: 100%;
    gap: 8px;
}

.authorization_welcome {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
    gap: 5px;
    font-weight: bolder;
}

.text_welcome {
    font-size: 18px;
}

.second_welcome {
    color: #8b8084;
    font-weight: bolder;
    text-align: center;
    line-height: 17px;
}

.flex_authorization_page {
    height: 87%;
    display: flex;
    width: 100%;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.line_social {
    background: #373b3c;
    height: 3px;
    width: 70%;
    border-radius: 150%;
    display: flex;
    margin-bottom: 5px;
    margin-top: 5px;
    justify-content: center;
    align-items: center;
}

.circle_social {
    background: #38343a;
    width: 16px;
    box-shadow: 0px 10px 40px #ff7e7bcc;
    height: 16px;
    border: solid 3px #ff7e7b;
    display: flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}

.circle_in_social {
    width: 4px;
    height: 4px;
    display: block;
    background: #fff;
    border-radius: 50%;
}

.privacy-policy {
    font-size: 12px;
    padding: 9px 11px;
    font-weight: 600;
    text-align: center;
    line-height: 18px;
    color: #7f7779;
}

.info_discount {
  padding: 20px;
  border: dashed 1px #5a6162;
  border-radius: 15px;
  background: #4b40447a;
}

.flex_discount {
  margin-bottom: 6px;
  display: flex;
  gap: 7px;
  align-items: center;
}

.flex_discount i{
  font-size: 18px;
  color: #ff8c86;
}

.flex_discount span{
  font-weight: bold;
  font-size: 14px;
}

.text_discount_info {
  color: #a4aaab;
  font-size: 11px;
  font-weight: bold;
  line-height: 16px;
  display: block;
}

.left_auth_block {
    display: flex;
    gap: 25px;
    flex-direction: column;
}

.text_auth_block {
    font-size: 60px;
    font-weight: 500;
    gap: 10px;
    line-height: 80px;
    display: flex;
    letter-spacing: 1px;
    flex-direction: column;
}

.future_text {
    font-size: 23px;
    border-radius: 50px;
    text-shadow: #00000085 1px 0 10px;
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%));
    box-shadow: 0px 10px 40px #ff7f7b54;
    width: auto;
    font-weight: 600;
    color: #ffffff;
    display: inline-flex;
    padding: 1px 50px;
}

.text_description_auth {
    color: #7d7379;
    font-size: 15px;
    display: block;
    line-height: 22px;
    font-weight: bolder;
}

.flex_auth_text {
    display: flex;
    align-items: center;
    gap: 15px;
}

.site_name_auth {
    padding: 17px 30px;
    border: solid 1px #433d40;
    border-radius: 50px;
    color: #7b787a;
    width: fit-content;
    font-size: 15px;
    font-weight: bold;
}

.text_social {
    color: #fff;
    font-weight: bold;
    font-size: 16px;
}

.desp_social {
    font-weight: bold;
    color: #7b7677;
    font-size: 13px;
}

.recovery_back {
    display: flex;
    gap: 8px;
    align-items: center;
    border: solid 1px #494e4f;
    border-radius: 50px;
    padding: 7px;
    margin-bottom: 20px;
}

.active_recovery {
    cursor: pointer;
    height: 50px;
    width: 100%;
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%));
    box-shadow: 0px 10px 40px #ff7f7b54;
    display: flex;
    font-weight: 600;
    text-shadow: #00000085 1px 0 10px;
    border-radius: 50px;
    align-items: center;
    transition: 0.2s;
    justify-content: center;
}

.back_recovery {
    cursor: pointer;
    height: 50px;
    display: flex;
    font-weight: 600;
    border-radius: 50px;
    width: 100%;
    color: #8d8487;
    align-items: center;
    transition: 0.2s;
    justify-content: center;
}

.back_recovery:hover {
    background: #424849;
    color: #fff;
}

.flex_social_text {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
    line-height: 18px;
}

.stable i {
    border-radius: 50px;
    font-size: 14px;
    color: rgb(255 211 221);
    display: flex;
    padding-left: 1px;
    width: 26px;
    height: 26px;
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #f99fb19e 0, #fe95440d 170%));
    align-items: center;
    justify-content: center;
}

.stable {
    display: flex;
    position: relative;
    backdrop-filter: blur(2px);
    letter-spacing: 1px;
    gap: 10px;
    background: linear-gradient(4deg, #fe876424 0%, #b7788661 55%);
    padding: 6px 16px 6px 6px;
    align-items: center;
    font-size: 8px;
    color: rgb(255 213 224);
    font-weight: 600;
    border-radius: 50px;
}

.circle_stats {
    width: 9px;
    display: block;
    height: 9px;
    position: relative;
    float: right;
    border-radius: 50%;
    border: solid 2px #61686a;
    margin-top: -26px;
    left: 4px;
    background: #3f4445;
}

.flex_online_block {
    display: flex;
    align-items: center;
    border-radius: 50px;
    padding: 3px 4px;
    background: #414647;
}

.arrow_users_top {
    background: #666e70;
    height: 33px;
    width: 33px;
    border: solid 3px #414647;
    color: #c5babf;
    margin-left: -2px;
    font-size: 17px;
    display: flex;
    z-index: 1;
    border-radius: 50px;
    justify-content: center;
    align-items: center;
}

.img_back_friends {
    position: relative;
    filter: blur(6px);
    opacity: 0.3;
    z-index: 0;
    margin-bottom: -55px;
    margin-left: -10px;
    width: 52px !important;
    height: 52px !important;
}

.img_back_user {
    position: relative;
    filter: blur(6px);
    opacity: 0.3;
    z-index: 0;
    border-radius: 14px;
    margin-bottom: 10px;
    margin-right: -59px;
    margin-left: -8px;
    width: 52px !important;
    height: 52px !important;
}

.img_back_head {
    position: relative;
    filter: blur(6px);
    opacity: 0.3;
    margin-bottom: -10px;
    margin-right: -53px;
    right: 10px;
    width: 40px !important;
    height: 40px !important;
}

.flex_profile_top {
    display: flex;
    gap: 8px;
    align-items: center;
}

.btn_admin_menu {
    width: 45px;
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%));
    text-shadow: #000000d4 1px 0 10px;
    transition: 0.2s;
    height: 45px;
    font-size: 19px;
    display: flex;
    border-radius: 11px;
    align-items: center;
    justify-content: center;
}

.btn_admin_menu:hover {
    opacity: 0.7;
    font-size: 19px;
}

input.form_control_auth,
.custom-file label.form_control_auth,
input[type="file"],
.custom-file label[type="file"],
select.form_control_auth,
select[type="file"] {
    padding: 6px 3px;
    line-height: 40px;
}

input.form_control_auth::-webkit-input-placeholder,
.custom-file label.form-control::-webkit-input-placeholder,
input[type="file"]::-webkit-input-placeholder,
.custom-file label[type="file"]::-webkit-input-placeholder,
select.form_control_auth::-webkit-input-placeholder,
select[type="file"]::-webkit-input-placeholder {
    font-size: 13px;
    color: #ffffff;
}

input.form_control_auth:-ms-input-placeholder,
.custom-file label.form_control_auth:-ms-input-placeholder,
input[type="file"]:-ms-input-placeholder,
.custom-file label[type="file"]:-ms-input-placeholder,
select.form_control_auth:-ms-input-placeholder,
select[type="file"]:-ms-input-placeholder {
    font-size: 13px;
    color: #ffffff;
}

input.form_control_auth::-ms-input-placeholder,
.custom-file label.form_control_auth::-ms-input-placeholder,
input[type="file"]::-ms-input-placeholder,
.custom-file label[type="file"]::-ms-input-placeholder,
select.form_control_auth::-ms-input-placeholder,
select[type="file"]::-ms-input-placeholder {
    font-size: 13px;
    color: #ffffff;
}

input.form_control_auth::placeholder,
.custom-file label.form-control::placeholder,
input[type="file"]::placeholder,
.custom-file label[type="file"]::placeholder,
select.form_control_auth::placeholder,
select[type="file"]::placeholder {
    font-size: 11.5px;
    color: #81777b;
}

/* source: templates/cs27Reg/css/style_sdg.css */
@media (max-width: 991.99px) {
	.block_buy_store_flex {
    flex-direction: column;
}
	.left_buy_store {
    flex-direction: column;
}
	.block_info_stores_left {
    width: 100% !important;
}
	.right_buy_store {
    width: 100% !important;
}
	.left_block_total_store {
    width: 100% !important;
}
	.block_total_store {
    flex-direction: column;
}
	.flex_prem_card_store {
    flex-direction: column;
}
	.flex_info_card_left info {
    margin-bottom: 20px;
}
	.section_store_card {
    display: flex !important;
    flex-direction: column;
}
}

.bind-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: -20px;
}

.flex_prem_card_store {
  display: flex;
  gap: 10px;
}

.prem_card_store {
  width: 100%;
  background: radial-gradient(100% 100% at 50% 0, #52585a 0, #393d3e 150%);
  border-radius: 15px;
  position: relative;
  overflow: hidden;
  padding: 18px;
}

.prem_card_store i {position: absolute;font-size: 105px;transform: rotate(336deg);right: -25px;display: unset;top: -15px;background: -webkit-linear-gradient(#5f6667, #695d610f);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.flex_under_card_prem {
  font-weight: 600;
  display: flex;
  gap: 3px;
  flex-direction: column;
}

.flex_under_card_prem span {
  font-size: 14px;
  position: relative;
}

.flex_under_card_prem text {
  font-size: 11px;
  line-height: 13.5px;
  color: #a1999b;
  position: relative;
}

.flex_total_header_store {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.flex_t_total_store_left {
  height: 36px;
  display: flex;
  font-weight: 600;
  border-radius: 50px;
  gap: 10px;
  background: radial-gradient(100% 100% at 50% 0, #9abc6540 0, #738c4b21 150%);
  align-items: center;
}

.price_current {
  height: 100%;
  border-radius: 50px;
  padding: 0px 20px;
  font-size: 12px;
  position: relative;
  overflow: hidden;
  display: flex;
  background: radial-gradient(100% 100% at 50% 0, #9bbd66 0, #29331b 250%);
  align-items: center;
  justify-content: center;
}

.price_current::after {
  content: "";
  position: absolute;
  top: -50%;
  left: -100%;
  width: 50%;
  height: 200%;
  transform: rotate(30deg);
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  animation: tag-shine 13s linear infinite;
}

@keyframes tag-shine {
  0% {
    left: -100%;
  }
  4% {
    left: 200%;
  }
  100% {
    left: 200%;
  }
}

.price-discount {
	background: radial-gradient(100% 100% at 50% 0, #9abc6540 0, #738c4b21 150%);
	border-radius: 50px;
	padding: 4px 8px;
	font-size: 11px;
	color: #9aba68;
}

.price_full {
  color: #90b15c;
  position: relative;
  margin-right: 15px;
}

.price_full:after {
    content: "";
    height: 1.4px;
    background: #90b15c;
    width: 110%;
    top: 50%;
    left: -3px;
    display: block;
    position: absolute;
}

.flex_l_total_store_left {
  display: flex;
  flex-direction: column;
  line-height: 17px;
}

.flex_l_total_store_left text {
  font-size: 11.5px;
  color: #898184;
  font-weight: 600;
}

.block_total_store {
  background: linear-gradient(
1deg, #1a1c1c 30%, #303435 100%);
  padding: 22px;
  border-radius: 20px;
  display: flex;
  gap: 20px;
}

.left_block_total_store {
  width: 80%;
}

.l_total_store_left {
      display: flex;
      flex-direction: column;
      gap: 7px;
}

.total_info_head {
  font-size: 16px;
  font-weight: 600;
}

.info_total_text span {
	display: flex;
	gap: 6px;
	align-items: center;
}

.info_total_text span i{color: #b9b0b3;font-size: 13px;width: 24px;display: flex;border-radius: 50px;height: 24px;background: radial-gradient(100% 100% at 50% 0, #5c6364 0, #3e4243 150%);align-items: center;justify-content: center;}

.info_total_text {
  display: flex;
  line-height: 15px;
  color: #978f92;
  padding-bottom: 7px;
  border-bottom: dashed 1px #414647;
  font-weight: 600;
  justify-content: space-between;
  align-items: center;
}

.info_total_text b {
  color: #fff;
}

.right_block_total_store {
  width: 100%;
  border-radius: 20px;
  padding: 15px;
  background: linear-gradient(15deg, #313536 30%, #3f4344 100%);
}

.flex_sbn_store_priv {
  display: flex;
  gap: 8px;
  flex-direction: column;
}

.btn_opisanie_card {
  background: #ffffff00;
  padding: 14px;
  gap: 5px;
  display: flex;
  color: #fff;
  font-size: 10px;
  border: solid 1px #635b5d;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
}

.btn_opisanie_card:hover {
	color: #fff;
	font-size: 10px;
	background: #fe7b80;
	border: solid 1px #fe7b80;
}

.btn_opisanie_card i {
  color: #ffff;
  position: relative !important;
  transform: unset !important;
  right: unset !important;
  -webkit-text-fill-color: unset !important;
  background: none !important;
  background-clip: unset !important;
  top: unset !important;
  font-size: 16px !important;
}

.block_info_stores_left .bxs-star {
  position: absolute;
  font-size: 105px;
  transform: rotate(336deg);
  right: -25px;
  display: unset;
  top: -15px;
  background: -webkit-linear-gradient(#5c6364, #655b5e1a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.flex_info_card_left {
  display: flex;
  height: max-content;
  line-height: 18px;
  font-weight: 600;
  flex-direction: column;
}

.flex_info_card_left span {
  font-size: 11.5px;
  color: #a59ea0;
  padding-bottom: 6px;
}

.flex_info_card_left text {
  font-size: 16px;
}

.flex_info_card_left info {
  margin-top: 10px;
  font-size: 11.5px;
  line-height: 15px;
  color: #a59ea0;
}

.block_info_stores_left infos {
  background: radial-gradient(100% 100% at 50% 0, #98ba6440 0, #98ba6414 150%);
  padding: 14px;
  text-transform: uppercase;
  font-size: 9px;
  gap: 5px;
  margin-top: 15px;
  line-height: 12px;
  color: #ffffff;
  display: flex;
  border-radius: 11px;
}

.block_info_stores_left infos i{
  background: -webkit-linear-gradient(#a1c766, #576d36);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 25px;
}

.block_info_stores_left {
  display: flex;
  position: relative;
  overflow: hidden;
  width: 85%;
  padding: 20px;
  background: radial-gradient(100% 100% at 50% 0, #4b5152 0, #393d3e 150%);
  border-radius: 17px;
  flex-direction: column;
  justify-content: space-between;
}

.row_stores_label {
  display: flex;
  gap: 10px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.bind-card {
    position: relative;
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 0px;
    padding: 13px 13px;
    border-radius: 14px;
    background: #181f3700;
    border: 1px solid #44494a;
    cursor: pointer;
    transition: .25s;
    overflow: hidden;
}

.bind-card:hover {
    border-color: #515758;
    transform: translateY(-2px);
    background: #272a2a;
}

.bind-card:hover .bind-icon {
    background: #4b5152;
    color: #ffffff;
}

.bind-card input {
    display: none;
}

.bind-icon {
    width: 38px;
    height: 38px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #3f4344;
    color: #90898c;
    font-size: 17px;
    transition: .25s;
}

.bind-text {
    flex: 1;
    line-height: 16px;
}

.bind-title {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 0px;
}

.bind-desc {
    color: #847d7f;
    font-size: 11px;
    line-height: 14px;
    font-weight: 600;
}

.bind-check {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 17px;
    height: 17px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: radial-gradient(100% 100% at 50% 0, #9bbd66 0, #29331b 250%);
    color: #fff;
    font-size: 6px;
    opacity: 0;
    transform: scale(.5);
    transition: .25s;
}

.bind-card:has(input:checked) {
    background: #ff7d7e0a;
    border-color: #ff7b81;
    box-shadow: 0 0 0 1px #ff7b817a, 0 0 25px #ff7b8121;
}

.bind-card:has(input:checked) .bind-icon {
    background: radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%);
    color: #fff;
}

.bind-card:has(input:checked) .bind-check {
    opacity: 1;
    transform: scale(1);
}

.bind-card,
.bind-card *,
.bind-check,
.bind-icon {
    transition: .25s ease;
}

.buttons_tarifs {
    display: flex;
    flex-direction: column;
    gap: 7px;
    width: 100%;
}

.line_head_stores {
  display: block;
  height: 2px;
  width: 40%;
  background: #43494a;
}

.number_head_line {
  font-size: 14px;
  color: #fff;
}

.header_stores {
  margin-bottom: 10px;
  display: flex;
  color: #999194;
  font-size: 11px;
  justify-content: space-between;
  font-family: "Unbounded", sans-serif;
  align-items: center;
}

.button_tarif {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    background: #454a4b;
    border: 1px solid #454a4b;
    border-radius: 12px;
    cursor: pointer;
    transition: .2s;
    text-align: left;
    justify-content: flex-start;
}

.button_tarif:hover {
    background: #4e5455;
    border: 1px solid #4e5455;
}

.button_tarif.active {
    background: radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%);
}

.button_tarif.active:hover .button_tarif_discount {
    background: #00000030;
    color: #ffffff;
}

.button_tarif.active .button_tarif_discount {
    background: #00000030;
    color: #ffffff;
}

.button_tarif.active .button_tarif_period {color: #ffffff;font-size: 10px;font-weight: 400;font-family: "Unbounded", sans-serif;}

.button_tarif_circle {
    width: 16px;
    height: 16px;
    border: 2px solid #796e72;
    border-radius: 50%;
    position: relative;
    flex-shrink: 0;
}

.button_tarif.active .button_tarif_circle {
    border-color: #ffffff94;
}

.button_tarif.active .button_tarif_circle::after {
    content: "";
    width: 4px;
    height: 4px;
    background: #ffffff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.button_tarif_text {
    display: flex;
    position: relative;
    align-items: flex-start;
    gap: 7px;
    width: 100%;
    flex-wrap: wrap;
    line-height: 9px;
    justify-content: space-between;
    flex-direction: column;
}

.button_tarif_period {
    color: #a3999c;
    font-size: 10px;
    font-weight: 400;
    font-family: "Unbounded", sans-serif;
}

.button_tarif_price {
    font-size: 10.5px;
    font-weight: 500;
    color: #ffffff;
    font-weight: 400;
    font-family: "Unbounded", sans-serif;
}

.button_tarif:hover .button_tarif_discount {
    background: #8a9395;
    color: #fff5f9;
}

.button_tarif_discount {
    font-size: 10px;
    font-weight: 600;
    border-radius: 7px;
    padding: 8px 10px;
    transition: 0.2s;
    right: 0px;
    position: absolute;
    background: #5d6465;
    color: #bbb2b5;
}

.section_store_card {
  display: grid;
  gap: 20px;
  margin-bottom: 20px;
  grid-template-columns: repeat(3, 1fr);
}

.block_buy_store {
  background: linear-gradient(1deg, #1a1c1c 30%, #232626 100%);
  padding: 20px;
  border-radius: 20px;
  margin-bottom: 15px;
}

.block_info_stores {width: 100%;}

.block_info_stores p{color: #99a5d1;font-size: 11.5px;line-height: 18px;}

.block_buy_store_flex {
  display: flex;
  gap: 20px;
}

.left_buy_store {
  width: 100%;
  display: flex;
  gap: 15px;
  border-radius: 20px;
  padding: 15px;
  background: linear-gradient(15deg, #313536 30%, #333738 100%);
}

.right_buy_store {
  width: 70%;
}

.first_flex_info_card {
  display: flex;
  gap: 5px;
  flex-direction: column;
  align-items: center;
}

.btn_card_store {
  background: radial-gradient(100% 100% at 50% 0, #414648 0, #303435 150%);
  width: 100%;
  height: 46px;
  font-size: 11px;
  display: flex;
  gap: 5px;
  color: #fff;
  border-radius: 11px;
  align-items: center;
  margin-top: 12px;
  justify-content: center;
}

.btn_card_store i {
	font-size: 16px;
}

.name_image_back {
  position: absolute;
  margin-left: -3px;
  padding-top: 10px;
  top: 58px;
  text-shadow: #fe7f7840 1px 0 48px;
  background: -webkit-linear-gradient(#ffffff, #fe7f7800);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Unbounded", sans-serif;
  font-size: 51px;
}

.hot_price_store_card {
  background: #97bb5d21;
  border-radius: 50px;
  font-size: 9.4px;
  margin-bottom: 4px;
  color: #9dc164;
  padding: 2px 15px 1px 15px;
}

.tag_action_card_store {
  background: #0000002e;
  padding: 4px 10px;
  border-radius: 50px;
  margin-right: -5px;
  font-size: 10px;
  margin-left: 3px;
}

.price_store_card {
  color: #fff;
  font-size: 11px;
  top: 12px;
  position: absolute;
  right: 12px;
  border-radius: 50px;
  padding: 5px 11px 5px 11px;
  background: radial-gradient(100% 100% at 50% 0, #9bbd66 0, #29331b 250%);
  text-shadow: #00000042 1px 0 10px;
}

.flex_card_info_store text {
	text-align: center;
	line-height: 15px;
	font-size: 11.5px;
	color: #898386;
}

.flex_card_info_store {
  padding: 23px;
  padding-top: 0px;
  display: flex;
  min-height: 168px;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.image_card_store {
  height: 150px;
  border-radius: 19px;
  margin-bottom: -22px;
  padding-bottom: 15px;
  display: flex;
  gap: 30px;
  align-items: center;
  flex-direction: column-reverse;
  justify-content: flex-start;
}

.name_image {
  font-size: 51px;
  height: 130px;
  padding-top: 10px;
  z-index: 1;
  top: 55px;
  text-shadow: #fe7f78 1px 0 40px;
  position: relative;
  font-family: "Unbounded", sans-serif;
  background: -webkit-linear-gradient(#fe7f78, #00050c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.name_card {
  color: #ffffff;
  font-size: 12.5px;
  text-transform: uppercase;
  text-align: center;
  font-weight: 400;
  font-family: "Unbounded", sans-serif;
}

.card_privilege {
  border-radius: 18px;
  background: linear-gradient(1deg, #1a1c1c 30%, #333738 100%);
  position: relative;
  border: solid 1px #333738;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.card_privilege:hover {
	opacity: 0.7;
}

.store_cards_flex .section {
    background: #dedede00;
    height: auto;
}

.btn_edit_settings_a {
  position: absolute;
  right: 9px !important;
  top: 9px !important;
  transition: 0.2s all;
  display: flex;
  color: #b6acaf !important;
  background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #555c5e 0, #454b4c 250%)) !important;
  z-index: 11;
  margin-top: 0px !important;
  height: 37px !important;
  border-radius: 10px !important;
  width: 37px !important;
  border: none;
  align-items: center;
  justify-content: center;
}

.btn_edit_settings_a:hover {
	opacity: 0.7;
}

.log_in_buton {
  background: radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%);
  color: #fff !important;
  padding: 0px 16px 0px 6px;
  font-size: 11px !important;
  gap: 8px;
  width: fit-content !important;
  display: flex !important;
  position: relative;
  margin-left: 4px !important;
  top: 11px !important;
  margin-right: 3px !important;
  border-radius: 50px;
  height: 42px !important;
  align-items: center;
}

.log_in_buton:hover {
  opacity: 0.7;
}


.log_in_buton i {
  height: 30px;
  width: 30px;
  background: #00000033;
  font-size: 16px !important;
  display: flex;
  top: 0px !important;
  color: #ffff !important;
  border-radius: 50px;
  align-items: center;
  justify-content: center;
}

.top_block_stats_player {
    display: flex;
    background: linear-gradient(15deg, #3c4041 30%, #404547 100%);
    background-size: cover;
    position: relative;
    overflow: hidden;
    height: 102px;
    padding: 15px;
    margin-top: 11px;
    border-radius: 15px;
    justify-content: space-between;
    flex-direction: column;
}

.top_block_stats_player .bx-trophy {
    position: absolute;
    font-size: 90px;
    top: 0px;
    right: -34px;
    color: #54494d99;
    transform: rotate(342deg);
}

.block_top_s_p {
    position: relative;
}

.top_block_stats_player .block_info_s_p i {
    border-radius: 50px;
    height: 18px;
    display: flex;
    width: 18px;
    font-size: 11px;
    align-items: center;
    justify-content: center;
}

.top_block_stats_player .block_info_s_p {
    color: #fff;
    display: flex;
    padding: 0px 9px 0px 4px;
    gap: 8px;
    width: fit-content;
    font-weight: 600;
    font-size: 11px;
    height: 26px;
    border-radius: 50px;
    justify-content: flex-start;
    align-items: center;
    border: solid 1px #606769;
    display: flex;
    background: #515759;
    flex-direction: row;
}

.top_block_stats_player .info_stats_top_p {
    margin-top: 55px !important;
}

.top_block_stats_player .info_stats_top_p {
    display: flex;
    margin-top: 0px;
    position: relative;
    bottom: 10px;
    width: 100%;
    justify-content: flex-start;
}

.none_img_top3 {
    position: absolute;
    width: 37px;
    height: 37px;
    display: flex;
    font-weight: 600;
    color: #998f94;
    left: 1px;
    font-size: 18px;
    border-radius: 50px;
    background: #525859;
    align-items: center;
    justify-content: center;
}

.login_s_t_p {
    display: flex
;
    align-items: center;
    font-weight: 600;
    position: absolute;
    left: 47px;
}

.login_s_t_p a {
    display: flex
;
    gap: 10px;
    align-items: center;
    position: relative;
}

.login_s_t_p img {
    width: 37px;
    height: 37px;
    margin-bottom: 5px;
    border-radius: 50px;
    margin-left: -46px;
}

.login_s_t_p a i {
    font-style: normal;
    position: relative;
    top: -10px;
}

.abs_info_stats {
    font-weight: 600;
    color: #978d91;
    transition: 0.2s;
    position: absolute;
    top: 16px;
    left: 47px;
}

.info_stats_top_p {
    display: flex
;
    gap: 7px;
    margin-top: 5px;
}

.block_info_s_p i {
    border-radius: 50px;
    color: #fff;
    text-shadow: #000000d4 1px 0 7px;
    height: 18px;
    display: flex
;
    width: 18px;
    font-size: 10px;
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 150%));
    align-items: center;
    justify-content: center;
}

.block_info_s_p .bx-trophy {
    border-radius: 50px;
    color: #fff;
    text-shadow: #000000d4 1px 0 7px;
    height: 18px;
    display: flex
;
    position: relative;
    width: 18px;
    right: 0px;
    transform: none;
    font-size: 10px;
    background: linear-gradient(34deg, #386650 0%, #4acf8f 55%);
    align-items: center;
    justify-content: center;
}

.abs_info_stats:hover {
    color: #ffffff;
}

.block_t_u .card_stats_top_player {
    display: none;
}

.block_t_u .col-lg-2 {
    display: none;
}

.block_t_u .col-lg-1 {
    display: none;
}

.block_t_u .col-lg-4 {
    display: none;
}

.not_activate_steam {
  display: flex;
  gap: 7px;
  font-weight: 600;
  align-items: center;
  color: #958d90;
  margin-left: 6px;
}

.not_activate_steam i {
  top: 0px !important;
  font-size: 26px !important;
  color: #81767a;
}

.block_profile_h_stats {
  transition: 0.2s all;
}

.left_profile_stats_player {
	position: relative;
	min-width: 300px;
}

.left_profile_stats_player span {
  font-weight: 600;
  position: absolute;
  left: 51px;
  font-size: 11px;
  cursor: pointer;
  top: 17px;
  color: #9f9a9b;
}

.btn_delete_player {
  border: none;
  background: radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%);
  height: 45px;
  padding: 0px 23px;
  border-radius: 10px;
  font-weight: 600;
  transition: 0.2s all;
  color: #fff;
}

.btn_delete_player:hover {
  opacity: 0.7;
}

.left_profile_stats_player i {font-style: normal;position: relative;top: -9px;font-size: 13px;}

.left_profile_stats_player .user-profile {
	margin-left: 3px;
	display: flex;
	gap: 9px;
	align-items: center;
}

.left_profile_stats_player .block_profile_h_stats:hover {
	opacity: 0.7;
}

.left_profile_stats_player img{
  width: 40px;
  height: 40px;
  transition: 0.2s all;
  border-radius: 10px;
}

.profile_stats_player {
  border-radius: 15px;
  background: linear-gradient(
359deg, #2b2f30 30%, #404445 100%);
  padding: 10px;
  margin-bottom: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.flex_servers_block_bms {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.block_select_servers_blocked_two {
    gap: 10px;
    padding: 13px 14px;
    border-radius: 14px;
    display: flex;
    background: linear-gradient(1deg, #1a1c1c 30%, #232626 100%);
    margin-bottom: 20px;
    justify-content: space-between;
    flex-direction: column;
}

.vertical_navigation_bms {
  overflow: auto;
  display: flex;
  border-radius: 0px;
  gap: 7px;
  background: #fff0;
  align-items: center;
  padding-top: 10px;
  border-top: solid 1px #2a2e2f;
  margin-bottom: 0px;
  flex-wrap: wrap;
}

.vertical_navigation_bms li.active a {
    color: white;
    font-weight: 600;
    background: #404546;
}

.vertical_navigation_bms li a {
    line-height: 20px;
    padding: 6px;
    padding-right: 30px;
    font-size: 11px;
    font-weight: 600;
    display: flex;
    text-transform: uppercase;
    border-radius: 7px;
    background: #353939;
    color: #7b7477;
    transition: 0.2s;
    align-items: center;
    justify-content: space-between;
}

.vertical_navigation_bms li a:hover {
    background: #404546;
    color: #ffffff;
}

.vertical_navigation_bms li a:hover::before {
    background-color: #596061;
}

.vertical_navigation_bms li a::before {
    content: '';
    position: relative;
    display: flex;
    width: 22px;
    min-width: 22px;
    min-height: 22px;
    height: 22px;
    transition: 0.2s all;
    font-size: 10px;
    border-radius: 6px;
    margin-right: 11px;
    background-color: #4a4f50;
    align-items: center;
    justify-content: center;
}

.vertical_navigation_bms li.active a::before {
    content: '-';
    position: relative;
    display: flex;
    padding-bottom: 2px;
    width: 22px;
    min-width: 22px;
    min-height: 22px;
    height: 22px;
    color: #f78d94;
    font-size: 14px;
    border-radius: 6px;
    margin-right: 11px;
    background-color: #ff7b8440;
    justify-content: center;
    align-items: center;
}

.block_head_vert_al {
  display: flex;
  align-items: center;
}

.block_head_vert_al i {
  width: 45px;
  height: 45px;
  background: radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%);
  text-shadow: #000000d4 1px 0 7px;
  display: flex;
  border-radius: 12px;
  color: #ffffff;
  box-shadow: 3px 1px 0px 1px rgb(255 126 124 / 28%);
  margin-right: 17px;
  font-size: 19px;
  align-items: center;
  justify-content: center;
}

.flex_vert_al {
  display: flex;
  flex-direction: column;
  line-height: 17px;
}

.flex_vert_al span {
  color: #ffff;
  position: relative;
  font-size: 16px;
  font-weight: 600;
}

.flex_vert_al text {
  font-size: 12px;
  color: #a39a9f;
  font-weight: 600;
}

.text_referal {
    font-weight: bold;
    font-size: 12px;
}

.desp_referal {
    font-weight: bold;
    font-size: 11px;
    color: #a7adaf;
    text-align: center;
    width: 80%;
    line-height: 14px;
}

.number_referal {
    background: #4c5253;
    width: 30px;
    height: 30px;
    position: relative;
    margin-right: auto;
    display: flex;
    font-weight: bold;
    font-size: 11px;
    color: #a4b0c8;
    margin-top: -27px;
    top: 25px;
    border-radius: 8px;
    align-items: center;
    justify-content: center;
}

.referal_block_settings {
  display: flex;
  padding: 20px;
  background: linear-gradient(15deg, #383c3d 30%, #393e3f 100%);
  border-radius: 17px;
  width: 100%;
  flex-direction: column;
  align-items: center;
}

.referal_block_settings i {
    width: 42px;
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff759145 0, #fe95442e 250%));
    height: 42px;
    border-radius: 10px;
    color: #ff9ba2;
    margin-bottom: 10px;
    font-size: 19px;
    display: flex;
    padding: 20px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.btn.focus,.btn:focus {
    box-shadow: none;
}

#result2 p {
	margin-bottom: 13px;
}

#result_api_reg p {
	text-align: center;
	line-height: 14px;
	margin-bottom: 10px;
}

.page_block {
    width: 800px;
    max-height: 500px;
    overflow: auto;
    padding: 10px;
}

.page_not_auth {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.btn_services_ok {
  transition: 0.2s all;
  border: none;
  border-radius: 8px;
  height: 40px;
  background: #434849;
  color: #ada1a6;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 10px;
}

.btn_services_ok:hover {
    background: #505657;
    color: #ffffff;
}

.btn_services {
    transition: 0.2s all;
    border: none;
    border-radius: 8px;
    height: 40px;
    background: #434849;
    color: #ada1a6;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 10px;
}

.btn_services:hover {
    background: #505657;
    color: #ffffff;
}

.modal_der {
  padding-bottom: 15px;width: 80%;
}

.te_pa {
    padding: 10px 10px 10px 0px;
}

.cookies_noty {
  position: fixed;
  z-index: 9999;
  left: 50%;
  bottom: 30px;
  transform: translateX(-50%);
  display: flex;
  font-weight: 600;
  backdrop-filter: blur(15px);
  overflow: hidden;
  max-width: 355px;
  background-color: #655a5e80;
  padding: 25px;
  border-radius: 16px;
  box-shadow: 0 6px 6px rgb(37 31 33 / 46%);
  flex-direction: column;
}

.cookies_noty i {
  position: absolute;
  font-size: 116px;
  transform: rotate(
259deg);
  right: -30px;
  bottom: -10px;
  background: -webkit-linear-gradient(#a3939969, #ffffff05);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.cookies_noty span {
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.cookies_noty text {
  font-size: 11px;
  line-height: 15px;
  color: #c3bbbe;
  margin-bottom: 10px;
}

.cookies_btn_flex {
  display: flex;
  gap: 7px;
}

.btn_cookie {
  transition: 0.2s;
  display: flex;
  padding: 0px 19px;
  border: none;
  background: radial-gradient(100% 100% at 50% 0, #8e9698 0, #43494a 250%);
  border-radius: 8px;
  cursor: pointer;
  font-size: 9.5px;
  font-weight: 600;
  color: #d0c4c8;
  text-transform: uppercase;
  height: 40px;
  align-items: center;
  justify-content: center;
}

.btn_cookie_yes {
  transition: 0.2s;
  display: flex;
  padding: 0px 19px;
  border: none;
  background: radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%);
  text-shadow: #000000a1 1px 0 10px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 9.5px;
  font-weight: 600;
  color: #ffffff;
  text-transform: uppercase;
  height: 40px;
  align-items: center;
  justify-content: center;
}

.btn_cookie_yes:hover {
	opacity:0.7;
}

.btn_cookie:hover {
	opacity:0.7;
	color: #d0c4c8;
}

.text_sf_reg {
    font-size: 11px;
    line-height: 14px;
}

.text_sf_reg a{
  color: #d7ced3;
}

.text_sf_reg a:hover{
  color: #b4abb0;
}

.custom_checkbox_reg {
  border-radius: 13px;
  padding: 10px;
  gap: 10px;
  margin-bottom: 10px;
  display: flex;
  margin-top: 0px;
  border: solid 1px #3e4243;
  align-items: flex-start;
  font-size: 11.5px;
  font-weight: bold;
  color: #8a8186;
}

.btn_edit_settings_a i {
	position: relative;
	left: auto;
	top: auto;
	font-size: 15px;
	color: #ffffff;
}

#edit_user_discord_result {
  margin-bottom: -25px;
	margin-top: 15px;
	color: #ffb47a;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 10px;
}

#edit_user_telegram_result {
  margin-bottom: -25px;
	margin-top: 15px;
	color: #ffb47a;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 10px;
}

#edit_user_steam_id_result {
  margin-bottom: -25px;
	margin-top: 15px;
	color: #ffb47a;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 10px;
}

#edit_user_prefix_result {
  margin-bottom: -25px;
	margin-top: 15px;
	color: #ffb47a;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 10px;
}

#edit_user_name_result {
  margin-bottom: -25px;
	margin-top: 15px;
	color: #ffb47a;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 10px;
}

#edit_user_nick_result {
   margin-bottom: -25px;
	margin-top: 15px;
	color: #ffb47a;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 10px;
}

#edit_user_login_result {
	margin-bottom: -25px;
	margin-top: 15px;
	color: #ffb47a;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 10px;
}

.flex_promo_text {
  gap: 5px;
  display: flex;
  transition: 0.2s;
  align-items: center;
}

.input_group_btn_banmut {
  position: absolute;
  right: 0px;
}

.btn_time_sd {
  width: 20px;
  height: 20px;
  font-size: 10px;
  border: none !important;
  background: #ffffff00;
}

.btn_time_sd i{
  width: 20px;
  height: 20px;
  font-size: 8px !important;
  font-weight: 300;
  border-radius: 5px;
  background: #515759;
  display: flex;
  color: #d7cad0 !important;
  align-items: center;
  justify-content: center;
}

.btn_time_sd i:hover{
  background: #5a6163;
  color: #ffffff !important;
}

.col_bamb {
	width: 100%;
	gap: 8px;
	display: flex;
	flex-direction: column;
}

.modal_bans {
	display: flex;
	gap: 15px;
}

.text_place_viget {
  width: fit-content;
  background: #353939;
  padding: 9px 5px 9px 15px;
  font-weight: 600;
  border-radius: 50px;
  margin-bottom: 10px;
  color: #999196 !important;
}

.donate_place_viget {
  background: #484d4e;
  padding: 7px 15px;
  border-radius: 50px;
  margin-left: 5px;
  color: #fff;
}

.donate_place_viget strong{
  color: #ff9b72 !important;
}

#user-nav-tabs {
  margin-bottom: 4px;
}

.flex_stats_player_progress {
  display: flex;
  gap: 8px;
  flex-direction: column;
}

.buy_purse {
  transition: 0.2s;
  color: #ffff;
  background: radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%);
  text-shadow: #000000d4 1px 0 10px;
  border: none;
  padding: 15px 20px;
  height: 55px;
  position: relative;
  font-size: 11px;
  border-radius: 11px;
  top: 1px;
  font-weight: 600;
}

.buy_purse:hover {
  opacity: 0.7;
}

.flex_tr_ticket .label {
    padding: 0px;
    border-radius: 7px;
    background-color: #f5f5f500 !important;
    color: #ffffff !important;
    border: none;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.label {
    padding: 8px 10px;
    border-radius: 7px;
    background-color: #f5f5f52b;
    color: #ffffff;
    border: none;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.label.label-primary {
    background-color: #0c66ff26;
    color: #fff;
    border: 0;
}

.label.label-success {
    background-color: #a8ff8617;
    color: #ff8686 !important;
    =: #cde8c3;
}

.label.label-info {
    background-color: #e1effa;
    color: #7dc794 !important;
    border-color: #cadded;
}

.label.label-warning {
    background-color: #ffd2781f;
    color: #f1cb7e;
}

.label.label-danger {
    background-color: #ff818129;
    color: #ff7979;
}

.flex_player_stats_top {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, 1fr);
}

.army_block_stats_plyer {
		display: grid;
		gap: 10px;
		grid-template-columns: repeat(2, 1fr);
		background: #2e3132;
		padding: 20px;
		border-radius: 20px;
		margin-top: 15px;
}

.stats_player_podblock {
  display: flex;
  gap: 8px;
  flex-direction: column;
}

.info_stats_top_p {
    display: flex;
    margin-top: 0px;
    position: relative;
    bottom: 10px;
    width: 100%;
    justify-content: center;
}

.block_info_s_p {
    color: #fff;
    display: flex;
    padding: 0px 9px 0px 4px;
    gap: 8px;
    width: 100px;
    font-weight: 600;
    font-size: 11px;
    height: 26px;
    border-radius: 0px;
    justify-content: flex-start;
    flex-direction: row-reverse;
    align-items: center;
}

.flex_player_top_stats .card_stats_top_player:nth-of-type(1) .text_mini_info {
    color: #ada085;
}

.flex_player_top_stats .card_stats_top_player:nth-of-type(2) .text_mini_info {
    color: #9d969d;
}

.flex_player_top_stats .card_stats_top_player:nth-of-type(3) .text_mini_info {
    color: #ad9492;
}

.flex_player_top_stats .card_stats_top_player:nth-of-type(1) .block_info_s_p i{
	color: #c7b08e;
	background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ebbc5745 0, #ebbc5705 150%));
}

.flex_player_top_stats .card_stats_top_player:nth-of-type(2) .block_info_s_p i{
	color: #b2b1bb;
	background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #b6bccf73 0, #b6bccf0d 150%));
}

.flex_player_top_stats .card_stats_top_player:nth-of-type(3) .block_info_s_p i{
	color: #c9a08d;
	background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #a85f3aa1 0, #45291b14 150%));
}

.flex_player_top_stats .card_stats_top_player:nth-of-type(1) .line_stats_mini {
    background: #55483f;
}

.flex_player_top_stats .card_stats_top_player:nth-of-type(2) .line_stats_mini {
    background: #5b555b;
}

.flex_player_top_stats .card_stats_top_player:nth-of-type(3) .line_stats_mini {
    background: #594443;
}

.block_info_s_p i {
        border-radius: 50px;
    height: 25px;
    display: flex;
    width: 25px;
    font-size: 11px;
    align-items: center;
    justify-content: center;
}

.flex_minii {
    font-family: "Unbounded", sans-serif;
    display: flex;
    line-height: 12px;
    flex-direction: column;
    align-items: flex-end;
}

.name_mini_info {
    font-size: 10px;
}

.text_mini_info {
    font-size: 8px;
    font-weight: 400;
}

.line_stats_mini {
    display: block;
    width: 1px;
    height: 32px;
}

.go_stats_info {
  width: 100%;
  position: absolute;
  height: 50px;
  z-index: 2;
}

.stats_card_place {
  font-weight: 600;
  font-size: 52px;
  letter-spacing: 1px;
  right: -5px;
  color: #ffffff12;
  line-height: 16px;
  position: absolute;
  font-family: 'Unbounded';
}

.login_user_top {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-style: normal;
  max-width: 100%;
  color: #fff;
  font-size: 14px;
}

.user-profile-login{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-style: normal;
    max-width: 100%;
    color: #fff !important;
    font-size: 14px;
}

.user_profile_data {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.stats_card_header {
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
  align-items: center;
  overflow: hidden;
  border-radius: 20px;
  padding: 30px 0px;
  justify-content: space-between;
}

.stats_card_profile {
  flex-shrink: 1;
}

.user-profile.user-profile-lg .user-profile-avatar {
    width: 40px;
    height: 40px;
}

.user-profile .user-profile-avatar {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    flex-shrink: 0;
}

.image-placeholder {
    position: relative;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    font-size: 20px;
    border-radius: 14px;
    justify-content: center;
}

div[class*=place-border].place-border-1, img[class*=place-border].place-border-1 {
  box-shadow: 0 0 0 3px rgb(96 77 52), 0 0 0 5px rgb(251, 194, 71);
  background: #81684b;
}
div[class*=place-border].place-border-1.image-placeholder span, img[class*=place-border].place-border-1.image-placeholder span {
  color: rgb(251, 194, 71);
}
div[class*=place-border].place-border-2, img[class*=place-border].place-border-2 {
  box-shadow: 0 0 0 3px rgb(91 87 95), 0 0 0 5px rgb(182, 188, 207);
  background: #706d77;
}
div[class*=place-border].place-border-2.image-placeholder span, img[class*=place-border].place-border-2.image-placeholder span {
  color: rgb(182, 188, 207);
}
div[class*=place-border].place-border-3, img[class*=place-border].place-border-3 {
  box-shadow: 0 0 0 3px rgb(95 63 52), 0 0 0 5px rgb(255, 133, 67);
  background: #7b5547;
}
div[class*=place-border].place-border-3.image-placeholder span, img[class*=place-border].place-border-3.image-placeholder span {
  color: rgb(255, 133, 67);
}

.user_profile_card_stats {
  display: flex;
  gap: 10px;
  flex-direction: column;
  align-items: center;
}

.user_profile_card_stats img{width: 60px;height: 60px;border-radius: 14px;}

.rank {
	width: 70px !important;
	height: 100% !important;
	border-radius: 0px !important;
}

.flex_player_top_stats .top_none{
  display: none;
}

.card_stats_top_player {
  display: flex;
  flex-direction: column;
  border-radius: 22px;
}

.card_stats_top_player:hover {
 opacity: 0.8;
}

.flex_player_top_stats {
  display: grid;
  gap: 15px;
  margin-bottom: 20px;
  grid-template-columns: repeat(3, 1fr);
}

.flex_player_top_stats .card_stats_top_player:nth-of-type(1) {
    background: linear-gradient(1deg, #fbc24712 30%, #fbc24745 100%);
    order: 2;
}

.flex_player_top_stats .card_stats_top_player:nth-of-type(1)  .user_profile_skill {
	background: #cd9f5838;
	color: #f3c359;
	padding: 8px 10px;
	border-radius: 7px;
	font-size: 11px;
}

.flex_player_top_stats .card_stats_top_player:nth-of-type(2) .user_profile_skill {
    background: #b6bccf38;
    color: #dee6ff;
    padding: 9px 10px;
    border-radius: 7px;
    font-size: 11px;
}

.flex_player_top_stats .card_stats_top_player:nth-of-type(3) .user_profile_skill {
    background: #ff854326;
    color: #ffa575;
    padding: 8px 10px;
    border-radius: 7px;
    font-size: 11px;
}


.flex_player_top_stats .card_stats_top_player:nth-of-type(2) {
    background: linear-gradient(1deg, #b6bccf21 30%, #b6bccf5e 100%);
    order: 1;
}

.flex_player_top_stats .card_stats_top_player:nth-of-type(3) {background: linear-gradient(1deg, #ff854312 30%, #ff854342 100%);order: 3;}

.select-wrapper {
    position: relative;
    width: 250px;
}

.form_custom_select {
    width: 100%;
    border-radius: 50px;
    padding: 0px 20px;
    height: 50px;
    border: none;
    transition: 0.2s all;
    font-weight: 600;
    color: #ffff;
    background: #313536;
    -webkit-appearance: none;
    cursor: pointer;
}

.form_custom_select:hover {
    color: #ffff;
    background: #3a3f40;
}

.select-arrow {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #a19299;
    font-size: 13px;
    padding: 4px;
    pointer-events: none;
    border: none;
}

.select-arrow.active {
    color: #ff0000;
}

.dialog_m {
      position: relative;
      overflow: hidden;
      padding: 28px 58px 5px 10px !important;
}

.photo_profile {
    display: flex;
    align-items: center;
}

.flex_viget {
  line-height: 13px;
  height: fit-content;
  display: flex;
  flex-direction: column;
}

.flex_online_us {
  gap: 6px;
  display: flex;
  align-items: center;
  padding: 8px;
}

.flex_enter_slide {
  display: flex;
  align-items: flex-end;
}

.enter_card_slider {
  font-size: 8.5px;
  background: #6b5d6294;
  padding: 3px 9px;
  border: dashed 1px #817579;
  color: #c5b9bd;
  display: flex;
  height: fit-content;
  width: 100%;
  margin: 7px;
  border-radius: 50px;
  transition: 0.2s all;
  justify-content: center;
  align-items: center;
}

.map_player_flex {
  display: flex;
  gap: 4px;
  align-items: center;
}

.game_name_server {
  color: #a9a0a6;
  display: flex;
  line-height: 12px;
  font-weight: 600;
  margin-bottom: 5px;
  flex-direction: column;
  font-size: 10.7px;
}

.flex_down_server {
  display: flex;
  align-items: center;
  gap: 3px;
  margin-left: -4px;
  width: fit-content;
}

.flex_down_server:hover {
  opacity: 0.6;
}

.bar .progress {
    bottom: 5px;
    height: 4px;
    position: initial;
    width: unset;
}

.bar {
    position: relative;
    width: 16px;
    transform: rotate(
270deg);
}

.general_online_block {
    width: 40%;
    border-radius: 16px;
    display: flex;
    position: relative;
    background: linear-gradient(1deg, #454a4b 30%, #555c5d 100%);
    box-shadow: 0px 5px 15px #21212552;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.general_online_block .bx-info-circle {
    font-size: 16px;
    color: #9f9398;
    transition: 0.3s all;
    top: 8px;
    cursor: help;
    position: absolute;
    right: 7px;
}

.online_number {
    font-family: "Unbounded", sans-serif;
}

.progress_full_block {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 7px;
    justify-content: center;
}

.progress_full_block i {
    position: absolute;
    font-size: 17px;
    color: #c3e987;
    right: 14px;
    top: 14px;
    animation: blinks 2s infinite;
}

@keyframes blinks {
  0%   { opacity: 1; }
  50%  { opacity: 0.3; }
  100% { opacity: 1; }
}

.sdg_online {
    font-size: 12px;
    color: #ffffff;
    font-weight: 350;
}

.now_number {
    margin-bottom: 2px;
    display: block;
}

.max_online {
    color: #a39a9d;
    font-size: 9px;
}

.online_desp {
    text-align: center;
    line-height: 11px;
    font-size: 9px;
    font-weight: 460;
    width: 90px;
    color: #a3b0c8;
    font-family: "Unbounded", sans-serif;
}

.heading_block_chat {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
  align-items: center;
  background: #393d3e;
  border-radius: 12px;
  padding: 10px;
}

.flex_heading_chat {
  display: flex;
  gap: 12px;
  align-items: center;
}

.flex_heading_chat i {
  width: 38px;
  height: 38px;
  background: radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%);
  text-shadow: #000000d4 1px 0 7px;
  display: flex;
  border-radius: 10px 10px 10px 10px;
  color: #ffffff;
  box-shadow: 3px 1px 0px 1px rgb(255 126 124 / 28%);
  font-size: 16px;
  align-items: center;
  justify-content: center;
}

.heading_chat_info {
  display: flex;
  flex-direction: column;
  font-weight: 600;
}

.double_btns_chat {
	gap: 7px;
	display: flex;
}

.heading_chat_info span {font-size: 13px;color: #fff;}

.heading_chat_info text {
  font-size: 11px;
  line-height: 13px;
  color: #ada2a7;
}

.tooltip-inner {
	border-radius: 8px;
	font-size: 10.4px;
	line-height: 12px;
	font-family: "Montserrat", sans-serif;
	padding: 13px 14px;
	text-align: left;
	font-weight: 600;
	border: solid 1px #44494a;
    background-color: rgb(54 48 50);
    color: #d0bfc5;
}

.tooltip .arrow {
	display: none;
}

.absolute_rank_mini {
  position: absolute;
  right: 20px;
}

.copy_adress {
  font-size: 11px;
  width: 28px;
  position: relative;
  height: 28px;
  background: #ffffff36;
  display: flex;
  color: #ffffff !important;
  border-radius: 50px;
  align-items: center;
  justify-content: center;
}

.copy_adress:hover {
  opacity: 0.7;
  color: #ffffff !important;
}

.map_back_server {
  width: 100%;
  height: 250px;
  box-shadow: inset 260px 30px 150px 0px #404546;
  left: 0px;
  background-size: cover !important;
  position: absolute;
  opacity: 0.7;
}

.steam_icon {
  background: #ffffff1c;
  width: 47px;
  font-size: 19px;
  transition: .2s all;
  display: flex;
  color: #898384;
  height: 47px;
  border-radius: 50px;
  align-items: center;
  justify-content: center;
}

.steam_icon:hover {
  background: #625682;
  color: #ffffff;
}

.btn_unblock_admin {
    z-index: 3;
    right: 6px;
    width: 185px;
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7c7f 0, #b55658 100%));
    text-shadow: #00000069 1px 0 7px;
    border: none;
    height: 42px;
    font-size: 10.5px;
    display: flex;
    top: 7px;
    color: #fff;
    position: absolute;
    font-weight: 600;
    border-radius: 10px;
    transition: 0.2s;
    align-items: center;
    justify-content: center;
}

.btn_unblock_admin:hover {
    opacity: 0.7;
}

.btn_smiles {
  border: none;
  text-shadow: #000000ba 1px 0 11px;
  background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%));
  color: #ffffff;
  font-family: 'Montserrat';
  font-size: 11px;
  transition: 0.2s all;
  width: 100%;
  font-weight: 600;
  height: 42px;
  border-radius: 10px;
}

.btn_smiles:hover {
  opacity: 0.7;
}

.head_mini_stats {
  color: #fff;
  font-size: 12px;
  display: block;
  margin-bottom: 10px;
}

.ending_end {
  display: flex;
  flex-direction: column;
  line-height: 15px;
  font-family: 'Montserrat';
  margin-right: 5px;
}

.sortition_end {
  color: #ffff;
  font-size: 12px;
}

.sortition_end_down {
  color: #a79d9f;
}

.winner_sortition {
  font-weight: bold;
  background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #4fea9f 0, #38644f 100%));
  position: relative;
  text-shadow: #00000052 1px 0 7px;
  height: 45px;
  line-height: 45px;
  font-size: 12px;
  padding: 0px 40px;
  border-radius: 10px;
  text-align: center;
}

.winner_sortition_down {
    margin-top: 0px;
    color: #978d92;
    margin-bottom: -10px;
}

.flex_winner {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.double_btns {
  display: flex;
  gap: 9px;
  align-items: center;
}

#users_online_number {
	background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #62696b 0, #484e4f 100%));
	text-shadow: #000000a1 1px 0 10px;
	width: 28px;
	height: 28px;
	margin-left: 5px;
	display: flex;
	color: #b1a0a6;
	border-radius: 9px;
	font-size: 10px;
	align-items: center;
	justify-content: center;
}

.online_now_head {
  height: 38px;
  border: none;
  display: flex;
  transition: 0.2s;
  background: #2c252996;
  padding: 0px 5px 0px 5px;
  font-weight: 600;
  gap: 8px;
  color: #ffffff;
  font-size: 11.5px;
  border-radius: 10px;
  align-items: center;
  justify-content: center;
}

.online_now_head i{
  text-shadow: #000000d4 1px 0 7px;
  width: 28px;
  background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%));
  height: 28px;
  display: flex;
  color: #fff;
  border-radius: 9px;
  font-size: 13px;
  align-items: center;
  justify-content: center;
}

.padding_lang {
  padding: 10px 0px;
}

.fixed_wiget_inv {
  display: block;
  height: 135px;
  position: absolute;
  z-index: 11;
  width: 300px;
}

.row_widget {
  display: flex;
  justify-content: space-between;
  gap: 25px;
}

.block_left_winget {
  width: 100%;
}

.block_right_winget {
  width: 100%;
}

.disp_widget {
  padding: 25px;
  border-radius: 20px;
  height: 100%;
  border: solid 1px #484c56;
  backdrop-filter: blur(3px);
  background: linear-gradient(15deg, #3f424b 30%, #494d57 100%);
  font-size: 12px;
  color: #91959f;
  font-weight: 600;
}

.disp_widget b{
  font-size: 12px;
  color: #bec1c7;
  font-weight: 600;
}

.block_head_widget {
  margin-bottom: 15px;
  border-radius: 10px;
  color: #fff;
  gap: 10px;
  display: flex;
  font-size: 17px;
  font-weight: 600;
  align-items: center;
}

.btn_server_play_cog {
  display: flex;
  gap: 6px;
  flex-direction: column;
  background: #00000029;
  border-radius: 50px;
  padding: 5px;
  backdrop-filter: blur(3px);
  align-items: center;
}

.referal_block_setting {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}

.invis_case {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.back_img_chat {
  margin-right: 10px;
  padding: 3px;
  display: flex;
  border-radius: 10px;
  height: fit-content;
  background: #ffffff00;
  align-items: center;
  justify-content: center;
}

.avatar_login {
  display: flex;
  align-items: flex-end;
  gap: 7px;
}

.text_chat {color: #ada6a9;line-height: 14px;max-width: auto;}

.dropdown_language {
  height: 40px;
  position: relative;
}
.dropdown_language .select {
    color: #ffffff;
    line-height: 34px;
    height: 40px;
    padding: 0px 10px 0px 10px;
    display: flex;
    position: relative;
    z-index: 1;
    gap: 8px;
    font-size: 11px;
    font-weight: 600;
    transition: 0.2s;
    cursor: pointer;
    border-radius: 50px;
    background-color: #414647 !important;
    background: linear-gradient(360deg, #2472fe00 0%, #675f62 458%);
    align-items: center;
    justify-content: center;
}
.dropdown_language .select:hover {
       background-color: #505657 !important;
       background: linear-gradient(360deg, #2472fe00 0%, #545b5c 458%);
}
.dropdown_language .select:hover i{
	background: #868f91;
	transform: rotate(90deg);
	color: #ffffff !important;
}
.dropdown_language .select i{
	z-index: 1111;
	transition: 0.2s;
	background: #596062;
	display: flex !important;
	width: 18px;
	transform: rotate(270deg);
	border-radius: 50px;
	height: 18px;
	margin-left: 1px;
	font-size: 12px !important;
	color: #bfb4b9 !important;
	align-items: center;
	justify-content: center;
}

.dropdown_language .dropdown-menu_language {
    max-width: 180px;
    background: linear-gradient(15deg, #252829 30%, #323637 100%);
    min-width: 180px;
    position: absolute;
    box-shadow: 0px 5px 10px #13151a4f;
    z-index: 1100;
    top: 67px;
    border-radius: 15px;
    margin: 0px !important;
    padding: 0px 11px !important;
    display: none;
}
.dropdown_language .dropdown-menu_language li {
    transition: all .2s ease-in-out;
    cursor: pointer;
    width: -webkit-fill-available;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 600;
    margin: 0px !important;
    padding: 12px;
} 
.dropdown_language .dropdown-menu_language li:hover {
   background: #454a4b;
}
.flag_img {
	margin-right: 4px;
	width: 17px;
	height: 17px;
	position: relative;
	top: -1px;
}
.dropdown_language .dropdown-menu_language {
    padding: 0;
    list-style: none
}

#selected-lang-image {
    width: 21px;
    height: 21px;
}

.line_promo_up {
  display: flex;
  width: 100%;
  gap: 5px;
  box-shadow: 0px 5px 30px #ff778c;
}

.input_promo {
  background-color: #dc778600 !important;
  border: dashed 1px #f27c6e !important;
  background: linear-gradient(23deg, #ff768d29 0%, #fe827238 55%);
  color: #ffff !important;
  padding-left: 45px !important;
}

.color_text_promo {
  left: 45px !important;
  color: #ffffffe0 !important;
}

.striped-circle {
    aspect-ratio: 1;
    border-radius: 50%;
    height: 70px;
    top: -30px;
    position: absolute;
    width: 100%;
    --stripe-color: #ffa66136;
    background: repeating-linear-gradient(90deg, var(--stripe-color), var(--stripe-color) 1px, transparent 1px, transparent 3px);
    -webkit-mask-image: radial-gradient(closest-side, black, transparent);
    mask-image: radial-gradient(closest-side, black, transparent);
}

.micro_line {
  display: block;
  width: 20px;
  border-radius: 50px;
  background: #e2788b6e;
  height: 3px;
}

.big_line {
  display: block;
  width: 100%;
  background: linear-gradient(358deg, #ff9b46 0%, #e5768d 55%);
  border-radius: 50px;
  height: 3px;
}

.progress-circle {
    width: 60px;
    transition: 0.2s;
    display: flex;
    height: 60px;
    position: relative;
    z-index: 1;
}

.progress-circle svg {
    transform: rotate(-90deg);
}

  .bg-info {
		 background-color: #b9e17b !important;
		}
  .bg-success {
          background-color: #b9e17b !important;
    }
  .bg-warning {
       background-color: #fe7f76 !important;
    }
  .bg-danger {
       background-color: #fe7f76 !important;
    }

.now_online_server {
    color: #fff;
    font-weight: 600;
    text-align: center;
    display: flex;
    height: 59px;
    position: absolute;
    width: 59px;
    margin-top: 1px;
    z-index: 1;
    transition: .2s all;
    font-size: 12px;
    border-radius: 50px;
    justify-content: center;
    align-items: center;
}

.bg-cl {
    stroke: #b9e17b !important;
    background-color: #b9e17b !important;
    background: radial-gradient(circle, #b9e17b2e 2%, rgb(58 63 82 / 0%) 52%);
}

.circle-bg {
   fill: none;
   stroke: #5f6668;
   stroke-width: 4;
}

.circle-progress {
   fill: none;
   stroke-width: 4;
   stroke-linecap: round;
   transition: stroke-dashoffset 0.5s ease;
}

.error_block {
  display: flex;
  height: 300px;
  justify-content: center;
}

.flex_server_info {
  font-weight: 600;
  max-width: 80%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-left: 7px;
}

.server_info_monitoring {
    color: #a9a0a6;
    display: flex;
    line-height: 17px;
    font-weight: 600;
    margin-bottom: 0px;
    flex-direction: column;
    font-size: 10.7px;
}

.connect_server {
  text-transform: uppercase;
  font-size: 10.9px;
  color: #8d8488;
  margin-top: 5px;
  border-bottom: dashed 1px;
}

.connect_server:hover {
  color: #ffff !important;
}

.player_number_info {
  display: flex;
  position: relative;
  height: 30px;
  width: 90px;
  background: #f97a7b36;
  align-items: center;
  font-size: 11px;
  color: #ff999a;
  font-weight: 600;
  border-radius: 50px;
  justify-content: center;
}

.name_server_info {
  font-size: 16px;
  text-align: center;
}

.info_server {
  position: relative;
  z-index: 1;
  font-weight: bold;
  display: flex;
  gap: 7px;
  flex-direction: column;
  align-items: center;
}

.gradient_server_info {
  display: block;
  height: 201px;
  margin-top: -200px;
  margin-bottom: -25px;
  position: relative;
  background: linear-gradient(1deg, #272a2b 6%, #2c262991 100%);
}

.server_info {
  width: 100%;
  display: flex;
  background-size: cover !important;
  height: 200px;
  background: #414648;
  justify-content: center;
  align-items: center;
}

.position_player {
	color: #aba0a6 !important;
	font-size: 11px !important;
	border-radius: 9px;
	width: 35px !important;
	!i;!;
	display: flex !important;
	height: 35px;
	left: 1px !important;
	position: absolute !important;
	background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #5b6264 0, #4b5153 100%));
	top: 8px !important;
	align-items: center;
	justify-content: center;
}

.signature_forum {
  margin-bottom: 0px;
}

.signature_forum p{
  margin-bottom: 0px;
  color: #817c7e;
  font-size: 12px;
  text-align: left;
  text-overflow: ellipsis;
  width: 110px;
  overflow: hidden;
  white-space: nowrap;
  margin-top: -2px;
}


.block_edit_user {
    padding: 20px;
    border-radius: 20px;
    background: linear-gradient(1deg, #1a1c1c 30%, #1e2020 100%);
    box-shadow: 0px 5px 10px #13151a4f;
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
}

.flip-tr_edit {
    background: #343838;
    padding: 10px 20px;
    display: flex;
    border-radius: 11px;
    margin-bottom: 7px;
    flex-direction: column;
}

.theme_info_forum {
  width: 140px;
}

.user_info_forum {
  display: flex;
  gap: 10px;
  transition: 0.2s;
  border-radius: 50px;
  padding: 8px 8px 8px 18px;
  background: linear-gradient(1deg, #434849 30%, #505657 100%);
  align-items: center;
}

.user_info_forum:hover {
  opacity: 0.7;
}

.error_text_h1 {
  font-size: 20px;
  color: #ff9c82;
}

.error_text_h2 {
  color: #776f74;
  text-align: center;
  line-height: 16px;
}

.error_block_two {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin-top: -50px;
  gap: 3px;
  margin-bottom: 60px;
  font-weight: bold;
}

  .box {
  width: 350px;
  height: 100%;
  border-radius: 20px;
  position: relative;

  .box__ghost {
  padding: 15px 25px 25px;
  position: absolute;
  left: 50%;
  top: 30%;
  transform: translate(-50%, -30%);

.symbol {
  &:nth-child(1) {
    opacity: 0.2;
    animation: shine 4s ease-in-out 3s infinite;
    
    &::before, &::after {
      content: '';
      width: 12px;
      height: 4px;
      background: #abb1b2;
      position: absolute;
      border-radius: 5px;
      bottom: 65px;
      left: 0;
    }
    
    &::before {
      transform: rotate(45deg);
    }
    
    &::after {
      transform: rotate(-45deg);
    }
  }
  
  &:nth-child(2) {
    position: absolute;
    left: -5px;
    top: 30px;
    height: 18px;
    width: 18px;
    border: 4px solid;
    border-color: #abb1b2;
    border-radius: 50%;
    opacity: 0.2;
    animation: shine 4s ease-in-out 1.3s infinite;
  }
  
  &:nth-child(3) {
    opacity: 0.2;
    animation: shine 3s ease-in-out 0.5s infinite;
        
    &::before, &::after {
      content: '';
      width: 12px;
      height: 4px;
      background: #abb1b2;
      position: absolute;
      border-radius: 5px;
      top: 5px;
      left: 40px;
    }
    
    &::before {
      transform: rotate(90deg);
    }
    
    &::after {
      transform: rotate(180deg);
    }
  }
    
  &:nth-child(4) {
    opacity: 0.2;
    animation: shine 6s ease-in-out 1.6s infinite;
        
    &::before, &::after {
      content: '';
      width: 15px;
      height: 4px;
      background: #abb1b2;
      position: absolute;
      border-radius: 5px;
      top: 10px;
      right: 30px;
    }
    
    &::before {
      transform: rotate(45deg);
    }
    
    &::after {
      transform: rotate(-45deg);
    }
  }
    
  &:nth-child(5) {
    position: absolute;
    right: 5px;
    top: 40px;
    height: 12px;
    width: 12px;
    border: 3px solid;
    border-radius: 50%;
    border-color: #abb1b2;
    opacity: 0.2;
    animation: shine 1.7s ease-in-out 7s infinite;
  }
    
  &:nth-child(6) {
    opacity: 0.2;
    animation: shine 2s ease-in-out 6s infinite;
        
    &::before, &::after {
      content: '';
      width: 15px;
      height: 4px;
      background: #abb1b2;
      position: absolute;
      border-radius: 5px;
      bottom: 65px;
      right: -5px;
    }
    
    &::before {
      transform: rotate(90deg);
    }
    
    &::after {
      transform: rotate(180deg);
    }
  }
}

  .box__ghost-container {
  width: 100px;
  background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 170%));
  height: 100px;
  border-radius: 100px 100px 0 0;
  position: relative;
  margin: 0 auto;
  animation: upndown 3s ease-in-out infinite;
  
  

 .box__ghost-eyes {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -45%);
  height: 12px;
  width: 70px;
        
.box__eye-left {
  width: 12px;
  height: 12px;
  background: #101620;
  border-radius: 50%;
  margin: 0 10px;
  position: absolute;
  left: 0;
}
  .box__eye-right {
  width: 12px;
  height: 12px;
  background: #101620;
  border-radius: 50%;
  margin: 0 10px;
  position: absolute;
  right: 0;
  }
      }

      .box__ghost-bottom {
  display:flex;
  position: absolute;
  top:100%;
  left:0;
  right:0;
  div {
          flex-grow:1;
          position: relative;
          top:-10px;
          height:20px;
          border-radius:100%;
          background: linear-gradient(1deg, #ff8865 0%, #ff8865 280%);
          
          
          

          &:nth-child(2n) {
          top: -12px;
          margin: 0 -0px;
          border-top: 15px solid $l-purple;
          background: #101620;
          }
        }
      }
  }
      
 .box__ghost-shadow {
  height: 10px;
  box-shadow: 0 50px 15px 5px #292c2d;
  border-radius: 50%;
  margin: 0 auto;
  animation: smallnbig 3s ease-in-out infinite;
  }
	  }
  }

@keyframes upndown {
  0% {transform: translateY(5px);}
  50% {transform: translateY(15px);}
  100% {transform: translateY(5px);}
}
@keyframes smallnbig {
  0% {width: 90px;}
  50% {width: 100px;}
  100% {width: 90px;}
}
@keyframes shine {
  0% {opacity: .2;}
  25% {opacity: .1;}
  50% {opacity: .2;}
  100% {opacity: .2;}
}

.center_message_support {
  display: flex;
  gap: 10px;
  font-size: 11px;
  font-weight: bold;
  color: #898386;
  flex-direction: column;
  align-items: center;
}

.btn_ticket_support {
  padding: 12px;
  border-radius: 13px;
  background: linear-gradient(15deg, #2a2e2f 30%, #333738 100%);
  display: flex;
  gap: 6px;
}

.close_ticket {
  border: none;
  color: #ffffff;
  background: radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%);
  text-shadow: #000000d4 1px 0 7px;
  font-weight: 600;
  border-radius: 10px;
  padding: 14px 25px;
  transition: 0.2s;
}

.close_ticket:hover {
  opacity: 0.7;
}

.delete_ticket:hover {
  opacity: 0.7;
}

.delete_ticket {
  border: none;
  color: #ffffff;
  font-weight: 600;
  background: linear-gradient(0deg, #414647 30%, #4b5152 100%);
  border-radius: 10px;
  padding: 14px 25px;
  transition: 0.2s;
}

.demo_btn_ticket {
  background: #ff768d2e;
  padding: 14px 25px;
  display: flex;
  color: #f99ba8;
  transition: 0.2s;
  font-size: 11.5px;
  border-radius: 10px;
  width: fit-content;
}

.demo_btn_ticket:hover {
  background: #ff768d4d;
  color: #ffffff;
}

.comment_ticket {
  padding: 17px;
  background: #333738;
  border-radius: 13px;
  padding-bottom: 1px;
  line-height: 16px;
  margin-bottom: 15px;
  font-size: 11px;
}

.comment_ticket img{
  width: fit-content;
  max-width: 100%;
  height: fit-content;
  max-height: 100%;
}

.demo_ticket {
  padding: 17px;
  background: #333738;
  border-radius: 11px;
  margin-bottom: 15px;
  font-weight: bold;
  color: #938a8d;
  display: block;
  font-size: 11px;
}

.div_edit_user_right {
  width: 100%;
}

.div_edit_user_left {
  width: 100%;
}

.find_succes_complaint {
  padding: 0px 15px;
  margin-top: 10px;
  margin-bottom: 16px;
}

.block_complaints {
  border-radius: 20px;
  padding: 17px;
  background: linear-gradient(1deg, #1a1c1c 30%, #1e2020 100%);
  margin-bottom: 20px;
  box-shadow: 0px 5px 10px #13151a4f;
  padding-bottom: 12px;
}

.block_complaints1 {
  border-radius: 20px;
  background: linear-gradient(1deg, #2f3334 30%, #383c3d 100%);
  padding: 0px 15px;
  margin-bottom: -10px;
  padding-bottom: 12px;
}

.table-row .small_us_av {
  height: 16px;
  width: 16px;
  margin-right: 2px;
  top: -2px;
  position: relative;
  border-radius: 8px;
}

.table-row .small_us_avv {
  height: 17px;
  width: 17px;
  margin-right: 3px;
  top: -17px;
  position: relative;
  border-radius: 8px;
}

.status_block i {
	color: #a5b2c4;
	font-size: 20px;
	left: -4px;
	top: 1px;
	position: relative;
}

.status_block span {
	color: #ffffff;
	font-size: 12px;
	margin-left: 8px;
	top: -3px;
	position: relative;
}

.left_my_stores {
  width: 50%;
  background: linear-gradient(1deg, #414559a6 30%, #545a5b 100%);
  border-radius: 15px;
}

.block_my_stores {
  border-radius: 20px;
  padding: 20px;
  background: linear-gradient(1deg, #1a1c1c 30%, #1e2020 100%);
  margin-bottom: 20px;
}

.block_support_add {
    border-radius: 20px;
    padding: 20px;
    background: linear-gradient(1deg, #1a1c1c 30%, #1e2020 100%);
    box-shadow: 0px 5px 10px #13151a4f;
    padding-top: 27px;
}

.noty_block_success {
  background: linear-gradient(1deg, #73989247 0%, #7398925e 55%);
  padding: 25px;
  border: dashed 1px #7c9f99a1;
  margin-bottom: 20px;
  display: flex;
  line-height: 21px;
  flex-direction: column;
  border-radius: 15px;
}

.noty_block_error {
  background: linear-gradient(1deg, #b97c7c3b 0%, #b97c7c5e 55%);
  padding: 25px;
  border: dashed 1px #b97c7c;
  margin-bottom: 20px;
  display: flex;
  line-height: 21px;
  flex-direction: column;
  border-radius: 15px;
}

.text_succes_purse {
  font-weight: bold;
  font-size: 16px;
  color: #accbc7;
}

.text_error_purse {
  font-weight: bold;
  font-size: 16px;
  color: #f39191;
}

.text_info_purse {
  font-weight: bold;
  font-size: 11px;
}

.login_purse_info {
  
}

.category_content {
  font-weight: bold;
  font-size: 11px;
  color: #9ea5a6;
  margin-top: 18px;
}

.select_content {
	display: flex;
	position: relative;
	letter-spacing: 1px;
	width: 210px;
	gap: 8px;
	padding: 6px 16px 6px 6px;
	background: rgb(254 123 129 / 20%);
	align-items: center;
	font-size: 9.5px;
	color: rgb(255 165 166);
	font-weight: 600;
	border-radius: 50px;
}

.select_content i{border-radius: 50%;color: rgb(255 184 193);font-size: 13px;display: flex;padding-left: 1px;width: 22px;height: 22px;background: rgb(254 122 133 / 36%);align-items: center;justify-content: center;}

.text_top_content {font-size: 17px;}

.desp_top_content {
  font-size: 11px;
  color: #8d8588;
}

.block_top_content {
  display: flex;
  flex-direction: column;
  line-height: 20px;
  background: linear-gradient(15deg, #2a2e2f 30%, #383c3d 100%);
  border-radius: 17px;
  font-weight: bold;
  padding: 26px;
  margin-bottom: 15px;
}

.accordion-container {
    width: 100%;
}

.flex_accordion_text {
  display: flex;
  gap: 12px;
  align-items: center;
}

.accordion-item {
     margin-top: 10px;
     background: #252829;
     border-radius: 15px;
}

.accordion-header .flex_accordion_text i{
  color: #ffffff;
  text-shadow: #0000004a 1px 0 10px;
  width: 37px;
  height: 37px;
  background: radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%);
  text-shadow: #000000d4 1px 0 7px;
  font-size: 16px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.accordion-header {
     color: #FFFFFF;
     padding: 14px;
     background: linear-gradient(1deg, #433a3da6 30%, #3c4041 100%);
     font-size: 12px;
     border: none;
     width: 100%;
     font-weight: bold;
     text-align: left;
     cursor: pointer;
     display: flex;
     justify-content: space-between;
     align-items: center;
     border-radius: 12px;
     transition: background-color 0.3s ease;
}

.accordion-header:hover {
    background-color: #4e5455;
}

.accordion-content {
    overflow: hidden;
    padding: 0px 20px;
    max-height: 0;
    border-radius: 15px;
    transition: max-height 0.3s ease;
}

.accordion-content p {
    margin: 15px 0;
    line-height: 1.5;
    font-size: 11.5px;
    color: #91888b;
}

.icon {
    transition: transform 0.2s ease;
    width: 25px;
    height: 25px;
    display: flex;
    font-size: 12px;
    align-items: center;
    color: #a0999c;
    background: #505658;
    border-radius: 50%;
    justify-content: center;
}

.active .icon {
    transform: rotate(180deg);
}

.support_btn_top {
    display: flex;
    gap: 8px;
    align-items: center;
    border: solid 1px #383d3e;
    border-radius: 14px;
    padding: 8px;
    width: 100%;
}

#content2,#content3,#content4 { 
  display: none; 
}

.btn_support {
 width: 100%;
}

.flex_text_supp {
  display: flex;
  flex-direction: column;
}

.add_ticket_support {
  transition: 0.2s;
  display: flex;
  height: 50px;
  background: radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%);
  text-shadow: #00000078 1px 0 15px;
  opacity: 0.7;
  color: #fff;
  font-size: 11.5px;
  cursor: pointer;
  border-radius: 11px;
  font-weight: 600;
  align-items: center;
  justify-content: center;
}

.add_ticket_support:hover {
  opacity: 1;
}

.btn_support_top {
      cursor: pointer;
      height: 50px;
      display: flex;
      font-weight: 600;
      font-size: 11.5px;
      border-radius: 11px;
      width: 100%;
      color: #877f82;
      align-items: center;
      transition: 0.2s;
      justify-content: center;
}

.btn_support_top:hover {
    color: #ffffff;
    font-size: 11.5px;
    background: #393e3f;
}

.active_btn_support_top {
      cursor: pointer;
      height: 50px;
      width: 100%;
      display: flex;
      background: radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%);
      font-size: 11.5px;
      text-shadow: #00000078 1px 0 15px;
      font-weight: 600;
      box-shadow: 0px 10px 40px #ff7d7f42;
      border-radius: 11px;
      align-items: center;
      transition: 0.2s;
      justify-content: center;
}

.block_forum_item {
  padding: 17px;
  margin-bottom: 10px;
  background: linear-gradient(15deg, #2b2f30 30%, #303334 100%);
  border-radius: 15px;
  display: flex;
  justify-content: space-between;
}

.block_support {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}

.block_support_left {
  padding: 19px;
  gap: 12px;
  background: linear-gradient(1deg, #1a1c1c 30%, #1e2020 100%);
  box-shadow: 0px 5px 10px #13151a4f;
  width: 32%;
  display: flex;
  border-radius: 20px;
  flex-direction: column;
}

.btn_support {
  padding: 20px;
  transition: .2s;
  background: #353939;
  display: flex;
  line-height: 16px;
  border-radius: 15px;
  cursor: pointer;
  flex-direction: column;
}

.btn_support:hover {
  opacity: 0.7;
}

.btn_support i{
	background: #51474bc7;
	width: 40px;
	border: dashed 1px #879092;
	height: 40px;
	color: #a1aec7;
	font-size: 18px;
	border-radius: 10px;
	display: flex;
	margin-bottom: 8px;
	align-items: center;
	justify-content: center;
}

.name_support_btn {
  font-size: 13px;
  font-weight: bold;
  color: #fff;
}

.desp_support_btn {
  font-size: 11px;
  font-weight: bold;
  color: #958d90;
}

.flex_btn_support {
  display: flex;
  gap: 12px;
  margin-bottom: 12px;
}

.block_support_right {
  width: 68%;
  box-shadow: 0px 5px 10px #13151a4f;
  border-radius: 20px;
  padding: 20px;
  background: linear-gradient(1deg, #1a1c1c 30%, #1e2020 100%);
}

.flex_block_forum_profile {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}

.forum_close_top {
  background: linear-gradient(23deg, #ff8383a6 0%, #ff8383 55%);
  text-shadow: #0000004a 1px 0 7px;
  width: 24px;
  height: 24px;
  display: flex;
  color: #ffffffe3;
  font-size: 12px;
  border-radius: 50px;
  align-items: center;
  justify-content: center;
}

.forum_fixed_top {
  width: 24px;
  background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #4fea9f 0, #38644f 100%));
  text-shadow: #000000d4 1px 0 7px;
  height: 24px;
  display: flex;
  color: #ffffff;
  font-size: 12px;
  border-radius: 50px;
  align-items: center;
  justify-content: center;
}

.forum_answer_top {
   padding: 2px 10px;
   gap: 4px;
   border: solid 1px #5e6567;
   background: #75666b5e;
   display: flex;
   font-size: 10px;
   font-weight: bold;
   border-radius: 50px;
   align-items: center;
}

.forum_answer_top i{
    font-size: 14px;
    color: #ffa05b;
    text-shadow: #ffa05b 1px 0 10px;
}

.forum_views_top {
  padding: 2px 10px;
  border: solid 1px #5e6567;
  background: #75666b5e;
  gap: 4px;
  display: flex;
  font-size: 10px;
  font-weight: bold;
  border-radius: 50px;
  align-items: center;
}

.forum_views_top i{
  font-size: 15px;
  color: #6fbf5c;
  text-shadow: #6fbf5c 1px 0 10px;
  position: relative;
  top: -1px;
}

.forum_img_user {
  width: 35px;
  height: 35px;
  border-radius: 50px;
}

.flex_forum_user {
  display: flex;
  flex-direction: column;
  line-height: 16px;
}

.flex_forum_info_left {
  display: flex;
  gap: 18px;
  align-items: center;
}

.flex_forum_info_right {
  display: flex;
  border-radius: 12px;
  gap: 13px;
  padding-right: 10px;
  align-items: center;
}

.forum_img {
  width: 55px;
  height: 55px;
  border-radius: 12px;
  margin-left: 5px;
}

.flex_info_forum {
  display: flex;
  flex-direction: column;
  line-height: 18px;
  justify-content: center;
}

.forum_empty {
  border-radius: 50px;
  display: flex;
  margin-bottom: 0px;
  width: 100%;
  font-weight: bold;
  color: #ab9fa4;
  background: linear-gradient(1deg, #434849 30%, #505657 100%);
  font-size: 11px;
  padding: 14px 47px;
  align-items: center;
  justify-content: center;
}

.forum_name_user {
  font-size: 16px;
  position: relative;
  top: 3px;
  color: #a3969b;
}

.forum_name_theme {
  color: #fff;
  text-overflow: ellipsis;
  width: 135px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
}

.forum_date {
  color: #afb4b5;
  font-weight: bold;
  font-size: 11px;
}

.name_forum {
  font-size: 14px;
  color: #ffff;
}

.desp_forum {
  color: #978e91;
  font-weight: bold;
  font-size: 11.5px;
}

.flex_user_full {
  display: flex;
  gap: 15px;
  align-items: center;
}

.user_avatar {
  width: 52px;
  height: 52px;
  position: relative;
  z-index: 1;
  border-radius: 12px;
}

.flex_user {
  display: flex;
  flex-direction: column;
  line-height: 19px;
  font-weight: bold;
}

.text_user {
  font-size: 13px;
}

.block_select_friends {
  padding: 13px 15px;
  border-radius: 15px;
  display: flex;
  background: linear-gradient(1deg, #1a1c1c 30%, #1e2020 100%);
  margin-bottom: 20px;
  justify-content: space-between;
}

.block_select_support {
  padding: 13px 15px;
  border-radius: 50px;
  background: linear-gradient(1deg, #1a1c1c 30%, #1e2020 100%);
  display: flex;
  margin-bottom: 10px;
  justify-content: space-between;
}

.desp_user {
  font-size: 11px;
}

.contacts_setting_block {
  padding: 18px;
  box-shadow: 0px 5px 10px #13151a4f;
  background: linear-gradient(1deg, #1a1c1c 30%, #1e2020 100%);
  border-radius: 20px;
  gap: 4px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
}

.discount_block {
  background: linear-gradient(1deg, #ea7c7d1f 30%, #ea7c7d4f 100%);
  margin-bottom: 15px;
  border-radius: 15px;
  height: 80px;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.discount_left {
  display: flex;
  gap: 10px;
  align-items: center;
}

.discount_left i{width: 40px;display: flex;background: linear-gradient(23deg, #ff9b46 0%, #e5768d 55%);font-size: 18px;min-width: 40px;border-radius: 10px;height: 40px;align-items: center;justify-content: center;}

.discount_text_flex {
  display: flex;
  flex-direction: column;
  line-height: 17px;
}

.discount_text_h1 {
  font-weight: bold;
  font-size: 12px;
}

.discount_text_h2 {
  font-weight: bold;
  font-size: 11px;
  color: #ffa3a0;
}

.discount_procent {
  height: 50px;
  display: flex;
  background: linear-gradient(23deg, #ff9b46 0%, #e5768d 55%);
  align-items: center;
  font-size: 12px;
  font-weight: bold;
  padding: 0px 25px;
  border-radius: 10px;
}

.our-services {
  margin-top:  50px;
}
.flip-container {
  border-radius: 15px;
  margin-bottom: 20px;
}

.flip-container:hover .flipper {
  -webkit-transform: rotateY(180deg);
  cursor:pointer;
}
.flip-container.hover .flipper {
  -webkit-transform: rotateY(180deg);
  cursor:pointer;
}

.front {
	height: 200px;
    padding: 20px 25px;
    background-size: cover !important;
    display: flex;
    padding-top: 6px;
    background: linear-gradient(16deg, #688f8a59 0%, #688f8a2e 65%);
    border-radius: 20px;
    justify-content: space-between;
}

.front h3 {
  text-align: center;
  font-size: 18px;
  font-family: "Poppins", sans-serif;
  color: white;
}

.front img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}

.back {
  height: 200px;
  border-radius: 20px;
  -webkit-backface-visibility: hidden;
  width: 100%;
  backdrop-filter: blur(4px);
  background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%));
  position: absolute;
  padding: 20px;
  top: 0;
  left: 0;
  -webkit-transform: rotateY(180deg);
  font-size: 18px;
  color: white;
}

.back h3 {
  margin-top: 20px;
}

.back p {
  font-size: 14px;
  font-family: "Poppins", sans-serif;
  margin-right:15px;
}

.flipper {
  -webkit-transition: 0.6s;
  -webkit-transform-style: preserve-3d;
  position: relative;
}

.checkbox.style-h {
display: block;
position: relative;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin-bottom: 0px;
top: 0px;
}
.checkbox.style-h input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.checkbox.style-h input:checked ~ .checkbox__checkmark {
background-color: #f7cb15;
}
.checkbox.style-h input:checked ~ .checkbox__checkmark:after {
opacity: 1;
top: -3px;
}
.checkbox.style-h input:checked ~ .checkbox__body {
	background-position: 0 0;
	background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%));
	color: #fff;
	text-shadow: #00000082 1px 0 10px;
}
.checkbox.style-h input:checked:hover ~ .checkbox__body {
	opacity: 1;
}
.checkbox.style-h:hover input ~ .checkbox__checkmark {
background-color: #f7cb15;
}
.checkbox.style-h:hover input:checked ~ .checkbox__checkmark {
background-color: #f7cb15;
}
.checkbox.style-h .checkbox__checkmark {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 15px;
display: none;
height: 22px;
width: 22px;
background-color: #f7cb15;
transition: background-color 0.25s ease;
border-radius: 4px;
box-shadow: inset 2px 2px 4px rgba(0,0,0,0.1), inset -2px -2px 4px rgba(255,255,255,0.4);
}
.checkbox.style-h .checkbox__checkmark:after {
content: "";
position: absolute;
left: 10px;
top: -15px;
width: 10px;
height: 20px;
border: solid #fff;
border-width: 0 4px 4px 0;
transform: rotate(45deg);
opacity: 0;
transition: opacity 0.25s ease, top 0.25s ease;
}
.checkbox.style-h .checkbox__body {
	color: #ffff;
	line-height: 1.4;
	font-size: 11px;
	font-weight: bold;
	background: linear-gradient(0deg, #464c4d 30%, #4c5253 100%);
	padding: 17px 20px;
	border-radius: 11px;
	text-align: center;
	width: 130px;
	transition: 0.2s;
}

.checkbox.style-h .checkbox__body:hover {
	opacity: 0.7;
}

.block_date_edit {
  background: #343838;
  border-radius: 15px;
  margin-top: 20px;
  margin-bottom: 0px;
  padding: 0px 15px 30px 15px;
}

.privaty_block {
  padding: 11px;
  background: linear-gradient(270deg, #52577000 10%, #373b3c 100%);
  border-radius: 13px;
  display: flex;
  gap: 6px;
  margin-bottom: 11px;
}

#edit_user_birth_result {
  font-size: 11px;
  color: #a0c0bb;
  width: 100%;
  display: flex;
  gap: 8px;
  font-weight: bold;
  padding-bottom: 10px;
  padding-top: 10px;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
}

.btn_edit_date {
  margin-top: 25px;
  width: 100%;
  transition: 0.2s;
  border-radius: 10px;
  color: #fff;
  font-weight: bold;
  border-top: solid 1px #60657fd4;
  background: linear-gradient(0deg, #52577087 30%, #5d6465 100%);
  border: none;
  padding: 14px;
}

.btn_edit_date:hover {
  opacity: 0.7;
}

.text_date_edit {
  font-weight: bold;
  margin-bottom: -25px;
  padding: 10px 0px;
  display: block;
  font-size: 10.5px;
  color: #8d8589;
}

.flex_edit_date {
  display: flex;
  gap: 4px;
}

.top_info_index {
  display: flex;
  gap: 7px;
  align-items: center;
}

.top_info_index i{
    font-size: 19px;
    color: #81777c;
    line-height: 0px;
}

.block_public_info {
  margin-top: -10px;
  display: flex;
  gap: 8px;
  flex-direction: column;
}

.active-setting {
    color: #fff;
    font-weight: 600;
    background: #6687826b;
    border-radius: 7px;
    height: 23px;
    width: 23px;
}

.non-active-setting {
    color: #fff;
    font-weight: 600;
    background: #5c6365;
    border-radius: 7px;
    transition: 0.2s;
    height: 23px;
    width: 23px;
}

.settings_ul {
  background: linear-gradient(1deg, #353939 30%, #414648 100%);
  border-radius: 20px;
  margin-top: 20px;
}

.img_header_drop {
  width: 38px;
  transition: .2s all;
  height: 38px;
  border-radius: 50px;
}

.img_header_drop:hover {
  opacity: 0.7;
}

.mechant_name {
  font-weight: bold;
  font-size: 13px;
  text-overflow: ellipsis;
  width: calc(100% - 120px);
  display: block;
  overflow: hidden;
  white-space: nowrap;
}

.dropdown_header {
  display: inline-block;
  position: relative;
  font-size: 14px;
  padding: 0px;
  top: 7px;
  color: #474747;
  height: 100%;
  text-align: left;
}
.dropdown_header .select_header {
    cursor: pointer;
    display: block;
}
.dropdown_header .select_header > i {
    font-size: 12px;
    color: #a2a9aa;
    background: #515758;
    border: solid 3px #272a2a;
    cursor: pointer;
    padding: 1px;
    border-radius: 50%;
    transition: all .3s ease-in-out;
    float: right;
}

.dropdown_header.active .select_header > i {
    transform: rotate(-180deg)
}
.dropdown_header .dropdown_menu_header {
    position: absolute;
    width: 320px;
    z-index: 1000;
    overflow: hidden;
    display: none;
    max-height: 144px;
    overflow-y: auto;
    height: auto;
    top: 55px;
    box-shadow: 0px 5px 10px #13151a4f;
    padding: 15px;
    border-radius: 20px;
    background: linear-gradient(45deg, #35393a 30%, #3e4243 100%);
}
.dropdown_header .dropdown_menu_header li {
    padding: 10px;
    transition: all .2s ease-in-out;
    cursor: pointer
} 
.dropdown_header .dropdown_menu_header {
    list-style: none
}
.dropdown_header .dropdown_menu_header li:hover {
    background-color: #f2f2f2
}
.dropdown_header .dropdown_menu_header li:active {
    background-color: #e2e2e2
}

input[type="checkbox"].switch_1{
	font-size: 30px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 40px;
	height: 20px;
	min-width: 40px;
	background: #3d4142;
	border-radius: 3em;
	position: relative;
	margin-left: 0px;
	top: 0px;
	cursor: pointer;
	outline: none;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	}
  
  input[type="checkbox"].switch_1:checked{
	background: #ff778a;
	}
  
  input[type="checkbox"].switch_1:after{
	position: absolute;
	content: "";
	width: 16px;
	top: 2px;
	height: 16px;
	border-radius: 50%;
	background: #fff;
	-webkit-box-shadow: 0 0 .25em rgba(0,0,0,.3);
	box-shadow: 0 0 .25em rgba(0,0,0,.3);
	-webkit-transform: scale(.7);
	transform: scale(.7);
	left: 3px;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	}
  
  input[type="checkbox"].switch_1:checked:after{
	left: calc(100% - 18px);
	}

.head_block {
  display: flex;
  margin-bottom: 25px;
  box-shadow: 0px 10px 10px #00000029;
  background: #1a1c1c;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  justify-content: space-between;
  background-size: 100%;
  transition: .5s all;
}

.block_stats_bans {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
  width: 100%;
  margin-bottom: 15px;
}

.levin_img33 {
	color: #ffff;
}

.stats_info_bans {
  width: auto;
  display: flex;
  background-size: cover !important;
  border-radius: 15px;
  background: linear-gradient(1deg, #474c4d 30%, #545b5c 100%);
  padding: 0px 20px;
  flex-direction: column;
  height: 100px;
  width: 100%;
  min-width: 100px;
  align-items: center;
  justify-content: space-between;
}

.text_bans {
  font-weight: bold;
  font-size: 20px;
  margin-top: 20px;
  letter-spacing: 1px;
}

.info_text_bans {
  text-transform: uppercase;
  font-weight: bold;
  background: linear-gradient(1deg, #fe88641f 30%, #fe886445 100%);
  font-size: 10.6px;
  backdrop-filter: blur(3px);
  display: flex;
  padding-bottom: 11px;
  width: 100%;
  color: #fff;
  height: 45px;
  border-radius: 16px 16px 0px 0px;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
}

.line_info_stats_r {
    height: 2px;
    background: #ff5b5b;
    border-radius: 50px;
    display: block;
    box-shadow: 0px 0px 20px #ff4949;
    width: 100px;
}

.info_text_bans_r {
  text-transform: uppercase;
  font-weight: bold;
  background: linear-gradient(1deg, #ff56580f 30%, #ff56583d 100%);
  font-size: 10.6px;
  backdrop-filter: blur(3px);
  display: flex;
  padding-bottom: 11px;
  color: #fff;
  width: 100%;
  height: 45px;
  border-radius: 16px 16px 0px 0px;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
}

.id_link {
  background: #ffffff29;
  padding: 10px 10px 10px 15px;
  border-radius: 11px;
  display: flex;
  font-weight: 600;
  font-size: 12px;
  justify-content: space-between;
  align-items: center;
}

.copy_ref {
  border: none;
  font-size: 15px;
  color: #ffffff;
  width: 30px;
  background: #ffffff40;
  border-radius: 7px;
  height: 30px;
  padding-top: 3px;
  transition: .2s all;
}

.copy_ref:hover {
  opacity: 0.7;
}

.head_top_info {
  display: flex;
  align-items: center;
  gap: 8px;
}

.flex_new_new {
  display: flex;
  gap: 20px;
  align-items: center;
}

.button_menu_collapse {
  display: none;
}

.tab-contents {
  height: 98%;
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
}

.page_auth_left {
    width: 100%;
    display: flex;
    background-size: cover !important;
    background: #101620;
    justify-content: center;
    align-items: center;
}

.page_authorization {
    display: flex;
    min-height: 100vh;
}

.login_block {
    width: 100%;
    padding: 0px 10px;
    height: fit-content;
}

.page_auth_right {
    display: flex;
    max-width: 28rem;
    padding: 70px 0px 70px 0px;
    justify-content: center;
    flex-direction: column;
    width: 50%;
    background-color: #111923;
}

#new_news {
  margin-bottom: 20px;
}

.head_block:hover {
 background-size: 101%;
}

.bottom_stats {
  padding: 13px;
  border-radius: 50px;
  width: 100%;
  border: solid 1px #464b4c;
  background: linear-gradient(1deg, #4f464a42 30%, #474d4e 100%);
  margin-top: 20px;
}

.stats_vnutr {
      display: flex;
      position: relative;
      gap: 10px;
}

.online2 {
   position: relative;
   width: 15px;
   height: 15px;
   display: flex;
   margin-right: -7px;
   margin-left: 7px;
   border-radius: 8px;
   padding: 16px;
   align-items: center;
   justify-content: center;
}

.online2::before,
.online2::after {
   border: 2px solid #30a77233;
   border-radius: 50%;
   position: absolute;
   content: '';
   display: block;
}

.online2::before {
   width: 6px;
   height: 6px;
   border-bottom-color: #30a772;
   border-left-color: #30a772;
   animation: spinner-1o3y8q 0.75s infinite linear reverse;
}

.online2::after {
   animation: spinner-1o3y8q 1.5s infinite linear;
   height: 14px;
   width: 14px;
   border-right-color: #30a772;
   border-top-color: #30a772;
}

@keyframes spinner-1o3y8q {
   to {
      transform: rotate(360deg);
   }
}

.online3 {
   position: relative;
   width: 30px;
   height: 30px;
   border-radius: 8px;
   background: #4bb78814;
   display: flex;
   margin-right: 10px;
   align-items: center;
   justify-content: center;
}

.online3::before,
.online3::after {
   border: 2px solid #33ad7840;
   border-radius: 50%;
   position: absolute;
   content: '';
   display: block;
}

.online3::before {
   width: 6px;
   height: 6px;
   border-bottom-color: #33ad78;
   border-left-color: #33ad78;
   animation: spinner-1o3y8q 0.75s infinite linear reverse;
}

.online3::after {
   animation: spinner-1o3y8q 1.5s infinite linear;
   height: 14px;
   width: 14px;
   border-right-color: #33ad78;
   border-top-color: #33ad78;
}

.bottom_prev {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0px;
  width: 100%;
  background: #ffffff00;
}

.bottom_name {
    position: relative;
    top: 7px;
}

.sdg_watermark {
  background: #ffffff1c;
  width: 47px;
  font-size: 19px;
  transition: .2s all;
  display: flex;
  color: #898384;
  height: 47px;
  border-radius: 50px;
  align-items: center;
  justify-content: center;
}

.sdg_watermark:hover {
  background: #07f;
  color: #ffffff;
}

.icon-vk {
 background: #ffffff1c;
 width: 47px;
 font-size: 19px;
 transition: .2s all;
 display: flex;
 color: #898384;
 height: 47px;
 border-radius: 50px;
 align-items: center;
 justify-content: center;
}

.icon-vk:hover {
  background: #07f;
  color: #ffffff;
}

.icon-tg {
 background: #ffffff1c;
 width: 47px;
 font-size: 19px;
 transition: .2s all;
 display: flex;
 color: #898384;
 height: 47px;
 border-radius: 50px;
 align-items: center;
 justify-content: center;
}

.icon-tg:hover {
  background: #2ba0d9;
  color: #ffffff;
}

.icon-ds {
  background: #ffffff1c;
  width: 47px;
  font-size: 19px;
  transition: .2s all;
  display: flex;
  color: #898384;
  height: 47px;
  border-radius: 50px;
  align-items: center;
  justify-content: center;
}

.icon-ds:hover {
  background: #5865f2;
  color: #ffffff;
}

.levin_img18 {
  color: #fffff;
}

.multiple-items {
    margin-left: -8px;
}

.multiple-items .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    border-radius: 50px;
    padding: 0;
}

.flex_notif {
  display: flex;
  gap: 15px;
}

.info_user_profile {
  color: #7f7377;
  font-weight: bold;
  transition: 0.2s;
  font-size: 11px;
  border-bottom: dashed 1px #7f7377db;
}

.info_user_profile:hover {
  color: #ffffff;
  border-bottom: dashed 1px #ffffffa1;
}

.flex_img_with_info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.hello_sidebar {
  color: #a2afc7;
}

.flex_privileges {
  display: flex;
  flex-direction: column;
  line-height: 15px;
}

.name_privileges {
  font-size: 12.1px;
}

.second_name_privileges {
  font-size: 10.5px;
  color: #959c9e;
}

.online_pro {
  position: relative;
  border-radius: 50%;
}

.online_prcr{
  position: absolute;
  -webkit-box-shadow: 0 35px 20px 0 rgba(0, 0, 0, 0.2);
  background: linear-gradient(15deg, #252829 30%, #323637 100%);
  box-shadow: 0 10px 10px 0 rgb(0 0 0 / 30%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s, visibility 0s linear 0.2s;
  transition: opacity 0.2s, visibility 0s linear 0.2s;
  z-index: 9999;
  top: 54px;
  width: 274px;
  right: 0;
  border-radius: 15px;
  padding: 14px;
  padding-bottom: 9px;
  left: -180%;
  margin-left: -171px;
}

.online_prcr .user_online_top {
display: none;
}

.online_pro:hover .online_prcr {
  display: block;
  opacity: 1;
  visibility: visible;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.arrtar::after{
    content: '';
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    z-index: 10;
    border: 0;
}
.arrtar::after{
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  margin-left: -15px;
  border-bottom: 20px solid #fff0;
  top: -20px;
}
.arrtar::after {
    left: 53%;
}
.prom{
  margin-top: 15px;
}

.online_prcr label{ 
  display:block;
}
.online_prcr select{ 
  width: 100%;
  padding: 10px 20px 10px 20px;
}

.privaty_text {
  margin-bottom: 5px;
  display: block;
  color: #898084;
  margin-top: 6px;
  font-weight: bold;
}

.block_avatar_edit {
  padding: 20px 20px 10px 20px;
  border-radius: 20px;
  background: linear-gradient(15deg, #383c3d 30%, #404445 100%);
  margin-top: 10px;
  margin-bottom: 20px;
}

.link_setting_block {
  padding: 17px;
  border-radius: 20px;
  background: linear-gradient(15deg, #363a3b 30%, #393e3f 100%);
  margin-top: 10px;
  margin-bottom: 20px;
}

.password_setting_block {
  padding: 0px 17px 11px 17px;
  border-radius: 16px;
  background: #343838;
  display: flex;
  gap: 8px;
  margin-top: 10px;
  flex-direction: column;
}

.link_text_setting {
  background: #ff7c8324;
  display: flex;
  gap: 13px;
  padding: 20px 20px;
  color: #ff95a7;
  border: dashed 1px #fe7988a6;
  margin-bottom: -5px;
  font-weight: bold;
  border-radius: 15px;
  font-size: 11px;
}

.link_text_setting i{
  display: flex;
  width: 40px;
  background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%));
  text-shadow: #00000082 1px 0 10px;
  height: 40px;
  min-width: 40px;
  color: #ffffff;
  border-radius: 11px;
  font-size: 19px;
  align-items: center;
  justify-content: center;
}

.privaty_block_settings {
  margin-bottom: 20px;
}

.save_signature {
  border: none;
  padding: 14px;
  background: linear-gradient(0deg, #4f464a80 30%, #474d4e 100%);
  color: #ffffff;
  margin-top: 4px;
  transition: .2s all;
  font-weight: 600;
  width: 100%;
  border-radius: 10px;
}

.save_signature:hover {
  opacity: 0.7;
}

.save_all {
  border: none;
  padding: 14px;
  color: #ffffff;
  background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #636a6c 0, #373b3c 250%));
  transition: .2s all;
  font-weight: 600;
  width: 100%;
  margin-bottom: -15px;
  border-radius: 10px;
  margin-top: 20px;
}

.save_all:hover {
  opacity: 0.7;
}

.save_all_info {
  color: #ffb47a;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 10px;
  margin-top: 18px;
  margin-bottom: -20px;
}

#edit_user_route_result {
  color: #a0c0bb;
  font-weight: bold;
  font-size: 11px;
  margin-top: 5px;
}

.flex_edit_avatar_setting {
  display: flex;
  gap: 20px;
}

.flex_edit_avatars {
  display: flex;
  width: 100%;
  flex-direction: column;
}

.img_edit_settings {
  width: 110px;
  height: 110px;
  border-radius: 16px;
}

.btn_avatar_setting {
  background: linear-gradient(0deg, #434849 30%, #555c5e 100%);
  border: none;
  height: 49px;
  border-radius: 10px;
  font-weight: bold;
  width: 150px;
  margin-top: 21px;
  font-size: 11px;
  cursor: pointer;
  transition: 0.2s;
  color: #fff;
}

.btn_avatar_setting:hover {
  opacity: 0.7;
}

.buttons_referal {
  margin-top: 30px;
  display: flex;
  gap: 15px;
}

.btn_referal {
  border: none;
  transition: 0.2s;
  background: none;
  color: #fff;
  font-weight: bold;
  border-bottom: dashed 1px #ffffffab;
}

.btn_referal:hover {
  opacity: 0.7;
}

.reveral_link_info {
  font-size: 11px;
  line-height: 15px;
  display: block;
  width: 90%;
  color: #ffffff;
  font-weight: bold;
  margin-top: 13px;
}

#edit_user_avatar_result {
  color: #a0c0bb;
  font-weight: bold;
  font-size: 11px;
  margin-top: 10px;
}

.link_info_setting {
  color: #ffff;
  display: block;
  line-height: 16px;
  margin-bottom: 6px;
}

.signature_block_setting {
  padding: 18px;
  box-shadow: 0px 5px 10px #13151a4f;
  background: linear-gradient(1deg, #1a1c1c 30%, #1e2020 100%);
  border-radius: 20px;
  gap: 4px;
  display: flex;
  flex-direction: column;
}

.flex_contacts_text {
  display: flex;
  line-height: 16px;
  flex-direction: column;
}

.flex_link_setting {
  width: 80%;
}

.icon_buy {
  font-size: 18px;
  margin-left: 8px;
  top: 2px;
  position: relative;
}

.head_privileges_store {
  padding: 10px;
  background: linear-gradient(1deg, #554c4fa6 30%, #4d5354 100%);
  border-radius: 13px;
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
  font-size: 11px;
  font-weight: bold;
  align-items: center;
}

.head_privileges_store i{
  width: 38px;
  background: linear-gradient(1deg, #736c6e8c 30%, #878f91 100%);
  display: flex;
  height: 38px;
  color: #b7acb0;
  font-size: 17px;
  border-radius: 10px;
  align-items: center;
  justify-content: center;
}

.flex_yes_or_no {
  display: flex;
  gap: 8px;
}

#store_service_info {
	padding: 0px 10px;
}

#store_service_info img {
	width: 100%;
	height: 100%;
	max-width: fit-content;
	max-height: fit-content;
	border-radius: 15px;
}

.editing_admins_full {
  display: flex;
  gap: 8px;
  flex-direction: column;
}

.editing_admins_full_btns {
  display: flex;
  gap: 10px;
  flex-direction: column;
}

.btn_editing_admins {
  border: none;
  font-weight: 600;
  background: linear-gradient(0deg, #534c4f94 30%, #534c4f 100%);
  height: 42px;
  transition: 0.2s;
  width: 150px;
  border-radius: 9px;
  color: #fff;
}

.btn_editing_admins:hover {
  opacity: 0.7;
}

.block_editing_admins {
  padding: 6px;
  border-radius: 10px;
  background: linear-gradient(270deg, #52577000 10%, #343838 100%);
  display: flex;
  padding-left: 20px;
  align-items: center;
  justify-content: space-between;
}

.new_table_forum {
  display: flex;
  align-items: center;
  background: linear-gradient(15deg, #303435 30%, #353a3b 100%);
  border-radius: 15px;
  gap: 30px;
  padding: 15px 20px;
  margin-bottom: 10px;
  justify-content: space-between;
}

.new_table_forum .btn-default{
	width: 55px;
	display: flex !important;
	transition: 0.2s !important;
	background: linear-gradient(26deg, #375955 0%, #668782 55%) !important;
	height: 55px !important;
	color: #ffff !important;
	border-radius: 12px !important;
	justify-content: center;
}

.new_table_forum .btn-default i{
	color: #ffff !important;
	font-size: 17px !important;
}

.new_tr_forum {
    display: flex;
    gap: 10px;
    width: 250px;
    line-height: 18px;
    align-items: center;
}

.new_tr_forum_btn {
    display: flex;
    gap: 6px;
    line-height: 18px;
    align-items: center;
}

.forum_btn_flex_theme {
    display: flex;
    gap: 6px;
    line-height: 18px;
    margin-top: 25px;
    align-items: center;
    margin-bottom: 30px;
}

.new_table_privileges {
  background: #343838;
  display: flex;
  align-items: center;
  border-radius: 11px;
  gap: 30px;
  padding: 15px 20px;
  margin-bottom: 10px;
}

.new_tr_privileges {
  display: flex;
  flex-direction: column;
  width: 150px;
  line-height: 18px;
}

.name_table_new {
  color: #837c80 !important;
}

.text_table_new {
  font-size: 12px;
  color: #ffff !important;
}

.timer_new_privileges {
  background: #fff0;
  border: none;
  color: #ffff;
  font-size: 12px;
  font-weight: bold;
}

.flex_flags_new {
  display: flex;
  align-items: center;
  border: solid 1px #4d474a;
  padding: 7px;
  border-radius: 50px;
}

.info_privileges_store {
  padding: 18px;
  border-radius: 18px;
  background: linear-gradient(15deg, #2b2f30 30%, #303334 100%);
  height: 100%;
  font-size: 11px;
}

.text_table_new_one {
  font-size: 12px;
  text-overflow: ellipsis;
  width: calc(100% - 45px);
  overflow: hidden;
  color: #ffff !important;
  white-space: nowrap;
}

.btn_flags {
  border: none;
  transition: 0.2s;
  margin-right: 4px;
  background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%));
  text-shadow: #00000063 1px 0 10px;
  color: #fff;
  font-size: 15px;
  display: flex;
  width: 24px;
  min-width: 24px;
  border-radius: 50%;
  height: 24px;
  align-items: center;
  justify-content: center;
}

.btn_flags:hover {
opacity: 0.7;
}

.cont_s_text_setting {
    color: #b4bae8;
    font-size: 11px;
}

.cont_text_setting {
  color: #add2ff;
  font-size: 11px;
}

.cont_desp_setting {
  font-size: 11px;
}

.block_admins_privileges {
  
}

.flex_text_priv {
  display: flex;
  line-height: 18px;
  flex-direction: column;
  justify-content: center;
  font-weight: bold;
}

.flex_text_complaint {
  display: flex;
  line-height: 16px;
  flex-direction: column;
  justify-content: center;
  font-weight: bold;
}

.flex_head_complaint {
  display: flex;
  margin-bottom: 10px;
  padding-top: 9px;
  justify-content: space-between;
  align-items: center;
}

.flex_head_privileges {
  display: flex;
  margin-bottom: 10px;
  padding-top: 9px;
  justify-content: space-between;
  align-items: center;
}

.text_flex_privileges {
  font-size: 16px;
  color: #fff;
}

.desp_flex_privileges {
  color: #7f7a7c !important;
  font-size: 12px;
}

.text_flex_complaint {
  font-size: 14px;
  color: #fff;
}

.desp_flex_complaint {
  color: #878184;
  font-size: 11px;
}

.delete_privileges {
  position: absolute;
  right: 27px;
  margin-top: -37px;
  transition: 0.2s;
  font-size: 12px;
  color: #93898e;
  border: none;
  background: none;
}

.delete_privileges:hover {
  color: #ffff;
}

.user_btn {
  display: flex;
  gap: 6px;
  flex-direction: column;
}

#users {
  margin-bottom: 15px;
  margin-top: 15px;
}

.right_user_top {
  display: flex;
  gap: 9px;
  align-items: center;
  width: 35%;
}

.heading_block_user {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    justify-content: space-between;
}

.select_filter_user {
  font-size: 11px;
    padding-top: 16px;
    background: #424849;
    font-weight: 600;
    padding-left: 50px;
    height: 55px;
    top: -1px;
    cursor: pointer;
    transition: 0.2s;
    border-radius: 10px;
    color: #ffff;
}

.block_companion {
  display: flex;
  border-radius: 13px;
  background: linear-gradient(359deg, #35393a 30%, #323637 100%);
  padding-left: 17px !important;
  backdrop-filter: blur(1px);
  padding: 14px;
  align-items: center;
  justify-content: space-between;
}

.img_companion {
    width: 37px;
    height: 37px;
    border-radius: 10px;
}

.btn_send_message {
  border-radius: 10px;
  width: 39px;
  display: flex;
  background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7a2a 0, #ff9b46 250%));
  position: absolute;
  text-shadow: #000000ba 1px 0 10px;
  height: 39px;
  color: #ffffff !important;
  padding-left: 1px;
  font-size: 14px;
  top: 8px;
  right: 25px;
  align-items: center;
  justify-content: center;
}

.btn_send_message:hover {
  opacity: 0.7;
}

.flex_edit_news {
  display: flex;
  gap: 15px;
  margin-bottom: 20px;
}

.btn-primary {
  padding: 0px 25px !important;
  border-radius: 12px;
  background: #343839;
  font-weight: 600;
  color: #91868b;
  height: 50px !important;
  margin-right: 0px;
}

.btn-primary:hover {
  height: 100%;
  border-radius: 12px !important;
  background: #3f4344 !important;
  padding: 0px 25px !important;
  margin-right: 0px;
}

.send_comment_btn {
  border: none;
  margin-right: 8px;
  padding: 0px 20px;
  height: 41px;
  background: #3c4041;
  transition: 0.2s;
  font-size: 11px;
  font-weight: bold;
  color: #aeb4b5;
  border-radius: 9px;
}

.send_comment_btn:hover {
  background: #454a4b;
  color: #ffffff;
}

.desp_companion {
  font-size: 11px;
  color: #878084;
}

.flex_companion_mini {
  display: flex;
  line-height: 16px;
  flex-direction: column;
}

.flex_info_new {
 display: flex;
  flex-direction: column; 
}

.flex_companion {
  display: flex;
  gap: 12px;
  font-size: 12px;
  font-weight: bold;
  align-items: center;
}

.companion_btn {
  color: #a79da2 !important;
  font-weight: 600;
  height: 37px;
  border-radius: 10px;
  font-size: 15px;
  opacity: 1;
  display: flex;
  width: 37px;
  background: linear-gradient(25deg, #4d5355 30%, #5a6163 100%);
  transition: .2s all;
  align-items: center;
  justify-content: center;
}

.companion_btn:hover {
  opacity: 0.7;
}

.news_flex {
  display: flex;
  gap: 20px;
  border-radius: 20px;
  margin-bottom: 30px;
}

.head_news {
  padding: 15px;
  border-radius: 15px;
  background: linear-gradient(15deg, #2b2f30 30%, #2b2f30 100%);
  display: flex;
  font-weight: bold;
  margin-bottom: 15px;
  align-items: center;
  justify-content: space-between;
}

.head_news .bx-message-square-dots{
  background: linear-gradient(23deg, #4a4f50 30%, #4f5556 100%);
  border-radius: 12px;
  width: 43px;
  height: 43px;
  font-size: 18px;
  min-width: 43px;
  color: #a3afc8;
  display: flex;
  align-items: center;
  justify-content: center;
}

.name_news_img {
  font-size: 17px;
  margin-bottom: 10px;
  margin-left: -13px;
  padding: 20px 50px;
  backdrop-filter: blur(4px);
  border-radius: 0px 50px 50px 0px;
  background: #fe778b24;
}

.block_comments {
  border-radius: 20px;
  padding: 20px;
  background: linear-gradient(1deg, #1a1c1c 30%, #1e2020 100%);
  box-shadow: 0px 5px 10px #13151a4f;
}

.flex_info_head_news {
  display: flex;
  line-height: 17px;
  flex-direction: column;
}

.text_news_info {
  font-size: 13px;
}

.img_edit_news {width: 100%;border-radius: 18px;height: 246px;background-size: cover;}

.flex_edit_img {
  margin-top: -65px;
}

.flex_img_edit_full {
  display: flex;
  flex-direction: column;
}

.desp_news_info {
  color: #acb2b4;
  font-size: 11px;
}

.edit_news_btn {
	border-radius: 12px;
	display: flex;
	background: linear-gradient(23deg, #434849 30%, #515759 100%);
	width: 43px;
	height: 43px;
	color: #aeb4b5 !important;
	align-items: center;
	font-size: 13px;
	justify-content: center;
}

.edit_news_btn:hover {
	opacity: 0.7;
}

.head_news_btn {
  gap: 8px;
  display: flex;
}

.block_edit_news {
    padding: 20px;
    border-radius: 20px;
    background: linear-gradient(1deg, #1a1c1c 30%, #1e2020 100%);
    box-shadow: 0px 5px 10px #13151a4f;
}

.edit_news_left {
  width: 33%;
}

.block_forum {
  border-radius: 20px;
  box-shadow: 0px 5px 10px #13151a4f;
  padding: 20px !important;
  background: linear-gradient(1deg, #1a1c1c 30%, #1e2020 100%);
  margin-bottom: 20px;
}

.custom_file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    margin-bottom: 0;
}

.load {
    width: 100%;
    height: 50px;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    backdrop-filter: blur(2px);
    cursor: pointer;
    z-index: 2;
    transition: 0.2s;
    color: #ff8493;
    font-size: 11px;
    font-weight: 600;
    background-color: #fd788829;
    border-radius: 11px;
    border: dashed 1px #fd788894 !important;
    padding: 0 16px;
    align-items: center;
    justify-content: center;
}

.load:hover {
    color: #ffffff;
    background-color: #fd78884d;
    border: dashed 1px #fd7888 !important;
}

.btn_admin_forum_full {
  background: #303334;
  display: flex;
  height: 50px;
  border: none;
  width: 130px;
  cursor: pointer;
  font-size: 11px;
  font-weight: bold;
  color: #8b8486 !important;
  border-radius: 12px;
  transition: 0.2s;
  align-items: center;
  justify-content: center;
}

.btn_admin_forum_full:hover {
  background: #454a4b;
  color: #ffffff !important;
}

.btn_admin_forum {
  background: #3b3f40;
  display: flex;
  height: 45px;
  font-size: 13px;
  color: #8b8286 !important;
  border-radius: 12px;
  width: 45px;
  transition: 0.2s;
  align-items: center;
  justify-content: center;
}

.btn_admin_forum:hover {
  background: #494f50;
  color: #ffffff !important;
}

.btn_edit_news_img {
  border: none;
  width: 100%;
  background: #3d4142;
  color: #958b90;
  transition: 0.2s;
  cursor: pointer;
  margin-top: 15px;
  border-radius: 10px;
  font-weight: bold;
  padding: 14px;
}

.btn_edit_news_img:hover {
  background: #454a4b;
  color: #ffffff;
}

.flex_btn_news_img {
  display: flex;
  gap: 10px;
  margin-top: -4px;
}

.edit_news_right {
  width: 67%;
}

.custom_file_padding {
  padding: 20px;
  padding-top: 0px;
}

.flex_head_news {
  display: flex;
  gap: 12px;
  align-items: center;
}

.img_forum_setting {
  height: 55px;
  width: 55px;
  border-radius: 12px;
}

.block_content_new {
  width: 60%;
  padding: 20px;
  background: linear-gradient(1deg, #1a1c1c 30%, #1e2020 100%);
  border-radius: 20px;
  box-shadow: 0px 5px 10px #13151a4f;
}

.left_news {
  width: 40%;
  padding: 20px;
  padding-bottom: 10px;
  background: linear-gradient(1deg, #1a1c1c 30%, #1e2020 100%);
  border-radius: 20px;
  box-shadow: 0px 5px 10px #13151a4f;
}

.btn_forum_setting_mini {
  border: none;
  width: 55px;
  transition: 0.2s;
  background: linear-gradient(15deg, #3e4344 30%, #4b5153 100%);
  height: 55px;
  color: #877e83;
  border-radius: 12px;
  font-size: 17px;
}

.btn_forum_setting_mini:hover {
  opacity: 0.7;
}

.btn_forum_setting_min {
  border: none;
  width: 55px;
  transition: 0.2s;
  background: linear-gradient(15deg, #3e4344 30%, #4b5153 100%);
  height: 55px;
  color: #acb2b4;
  border-radius: 12px;
  font-size: 18px;
}

.btn_forum_setting_min:hover {
  opacity: 0.7;
}

.new_tr_forum_flex {
  display: flex;
  gap: 15px;
}

.sections_list {
  position: relative;
  z-index: 1;
  display: flex;
  width: 1px;
  top: -26px;
  align-items: center;
}

.sections_list i{
  position: relative;
  color: #a5b2c4;
  font-size: 20px;
  left: 16px;
}

.sections_list span{
  position: relative;
  z-index: 1;
  top: -8px;
  margin-left: 30px;
  color: #a5b2c4;
  font-weight: bold;
  font-size: 11px;
}

.table_group_forum {
  margin-bottom: 7px;
}

.modal_btn_forum {
  padding: 13px 30px;
  border: none;
  border-radius: 10px;
  transition: 0.2s;
  font-size: 11px;
  color: #8f888c;
  background: #393e3f;
  font-weight: 600;
}

.modal_btn_forum:hover {
  color: #ffffff;
  background: #474d4e;
}

.btn_admin_topic {
  display: flex;
  gap: 7px;
}

.flex_btn_modal_forum {
  padding-top: 15px;
  border-top: solid 1px #333738;
}

.img_add_forum {
  width: 109px;
  opacity: 1;
  height: 109px;
  border-radius: 15px;
  transition: 0.2s;
}

.btn_forum_setting_delete {
  border: none;
  width: 55px;
  transition: 0.2s;
  background: linear-gradient(26deg, #b24040 0%, #ff6060 55%);
  height: 55px;
  color: #ffffff;
  border-radius: 12px;
  font-size: 17px;
}

.btn_forum_setting_delete:hover {
  opacity: 0.7;
}

.modal-body .form-group .btn-group-toggle {
  margin-bottom: 30px !important;
	padding-left: 0px !important;
}

.form-group .btn-group-toggle {
  padding-left: 0px !important;
}

.btn-group-toggle {
  display: flex;
  flex-wrap: wrap;
  padding-right: 7px;
  padding-left: 8px;
  margin-bottom: 15px;
}

.head_block_topic_full {
    display: flex;
    gap: 11px;
    align-items: center;
}

.head_block_topic_full i{
	width: 45px;
	height: 45px;
	background: linear-gradient(23deg, #313536 0%, #43494a 55%);
	border-radius: 12px;
	display: flex;
	margin-bottom: 4px;
	color: #a1aec7;
	font-size: 18px;
	min-width: 45px;
	align-items: center;
	justify-content: center;
}

.row_img_edit_forum {
  display: flex;
}

.block_btn_forum_top {
  display: flex;
  gap: 20px;
  margin-bottom: 10px;
}

.block_top_topic {
  padding: 20px;
  background: linear-gradient(1deg, #1a1c1c 30%, #1e2020 100%);
  box-shadow: 0px 5px 10px #13151a4f;
  border-radius: 20px;
  margin-bottom: 20px;
}

.name_info_block_topic {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.btn_add_forum {
  width: 100%;
  display: flex;
  background: linear-gradient(15deg, #303435 30%, #343838 100%);
  padding: 18px;
  font-size: 12px;
  color: #ffffff !important;
  align-items: center;
  border-radius: 11px;
  justify-content: center;
}

.btn_add_forum:hover {
   opacity: 0.7;
   font-size: 12px;
}

.head_block_topic {
  display: flex;
  flex-direction: column;
  line-height: 17px;
}

.name_topic_forum {
  font-size: 15px;
  font-weight: bold;
}

.block_forum_profile_top {
  border-radius: 17px;
  margin-bottom: 10px;
  background: linear-gradient(15deg, #313536 30%, #313536 100%);
  display: flex;
  gap: 15px;
  padding: 18px;
  flex-direction: column;
}

.flex_text_forum {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: 17px;
}

.name_user_forum {
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  display: block;
  text-align: left;
  text-overflow: ellipsis;
  width: 110px;
  overflow: hidden;
  white-space: nowrap;
}

.group_user_forum {
  font-size: 11px;
  font-weight: bold;
}

.img_forum_user {
  width: 45px;
  height: 45px;
  border-radius: 11px;
  transition: 0.2s;
  position: relative;
  z-index: 1;
}

.img_forum_user:hover {
  opacity: 0.7;
}

.img_forum_user_back {
  position: relative;
  filter: blur(5px);
  opacity: 0.3;
  z-index: 0;
  border-radius: 13px;
  margin-left: -10px;
  margin-right: -47px;
  width: 44px;
  height: 44px;
}

.avatar_profile {
  width: 73px;
  height: 73px;
  border-radius: 15px;
  margin-left: 5px;
}

.name_reaction_forum {
  font-size: 11px;
  color: #ffa9b3;
}

.info_reactions_profile {
  display: flex;
  background: linear-gradient(262deg, #ff7d7d12 30%, #ff7d7d2b 100%);
  gap: 12px;
  border-radius: 15px;
  padding: 13px;
  flex-direction: column;
}

.flex_user_info_topic {
  display: flex;
  gap: 14px;
  align-items: center;
}

.search_flex_users {
  display: flex;
  gap: 8px;
  width: 500px;
}

.flex_text_topic_forum {
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 18px;
}

.block_top_users {
    padding: 15px;
    border-radius: 50px;
    background: linear-gradient(1deg, #1a1c1c 30%, #1e2020 100%);
    display: flex;
    margin-bottom: 20px;
    justify-content: space-between;
}

@media (max-width: 1199px) {
.new_table_forum {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

	.table-row .small_us_av {
    display: none;
}

	.block_support_left {
    max-height: 520px;
}

	.block_stats_bans {
    display: flex;
    gap: 10px;
    flex-direction: column;
}

	.left_blocked {
    width: 60%;
    padding: 20px;
}
  
  .flex_mini_user {
    display: none;
}
}

@media (max-width: 991.99px) {
	.flex_servers_block_bms {
    gap: 6px;
    align-items: flex-start;
    flex-direction: column;
}

	    .log_in_buton {
        top: 1px !important;
        right: 0px;
        margin-right: -44px !important;
    }

	.modal_der {
  padding-bottom: 15px;width: 100%;
}


	.page_block {
    width: 100%;
}

.page_not_auth {
    padding: 0px 15px;
}

	.not_activate_steam i {
    font-size: 20px !important;
}

	.left_profile_stats_player {
    min-width: auto;
    display: flex;
    width: 100%;
    justify-content: flex-start;
}

	.right_profile_stats_player {
  width: 100%;
}

	.btn_delete_player {
    width: 100%;
}

	.profile_stats_player {
    display: flex;
    gap: 10px;
    flex-direction: column;
}

	.flex_player_stats_top {
    display: flex;
    gap: 10px;
    flex-direction: column;
}

	.link_text_setting {
    display: flex;
    flex-direction: column;
}

	.flex_edit_avatar_setting {
    gap: 10px;
    flex-direction: column;
}

	.flex_edit_date {
    gap: 0px;
    flex-direction: column;
}

	.cookies_noty {
    max-width: 100%;
    width: 305px;
}

	.modal_bans {
    flex-direction: column;
}

	.reward {
    width: 100% !important;
}

	.text_place_viget {
    display: none;
}

	.not_activate_steam {
    font-size: 11px;
    align-items: center;
    color: #958d90;
    margin-left: 0px;
}

	.row_viget {
    flex-direction: column;
}

	#dw_donations .block.dark .card {
    margin-bottom: 0px !important;
}
	
	.go_stats_info {
    width: 100%;
    position: absolute;
    height: 95%;
    z-index: 2;
}

	.d-md-none {
		display: none !important;
	}

	.flex_player_top_stats {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
    flex-direction: column;
}

	.form_custom_select {
    border-radius: 11px;
}

	.select-wrapper {
    position: relative;
    width: 100%;
    height: 52px;
}

	.head_block::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgb(45 38 41 / 81%);
        z-index: 2;
    }

	.progress_full_block {
    margin-bottom: 0px;
    top: 2px;
}

	.online_desp {
    text-align: left;
    position: relative;
    top: 8px;
    color: #aebbcf;
}

.sdg_online {
    font-size: 12px;
    color: #ffffff;
    font-weight: 350;
    position: absolute;
    left: 73px;
}

	.general_online_block {
    width: 100%;
    border-radius: 16px;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    padding: 14px;
    align-items: center;
    gap: 12px;
}

	.flex_rcon_shop {
    flex-direction: column;
}

	    .flex_mini_user {
        display: flex;
    }

	.block_top_users {
    border-radius: 20px;
}

	.search_flex_users {
    flex-direction: column;
    gap: 0px;
}

	.search_flex_users .custom-select.with-title > select{
    border-radius: 11px !important;
}

	.search_btn {
    border-radius: 9px;
}

	.search_flex_users .custom-select i {
	  border-radius: 9px !important;	
	}

	.block_message {
    gap: 0px;
    flex-direction: column;
}

	.block_message_right {
    width: 100%;
}
	
	.delete_privileges {
    position: absolute;
    right: 32px;
    margin-top: -12px;
    font-size: 13px;
    transition: 0.2s;
}

	.number_referal {
    margin-left: 0px;
}

	.right_user_top {
    display: flex;
    gap: 9px;
    align-items: center;
    flex-direction: column;
    width: 100%;
}

	.right_user_top .custom-select {
      width: 100% !important;
  }

	.heading_block_user {
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
    justify-content: space-between;
    flex-direction: column;
    gap: 20px;
}

	.edit_news_right {
    width: 100%;
}

	.block_search {
    border-radius: 10px;
    margin-top: 7px;
    width: 100%;
}

	.block_select_friends {
    padding: 15px;
    border-radius: 20px;
}

	.block_forum_item {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

	.desp_forum {
    font-size: 11px;
    line-height: 13px;
}

	.flex_info_forum {
    line-height: 25px;
}

	.flex_forum_info_right {
    border-left: none;
    width: auto;
}

	.block_btn_forum_top {
    gap: 10px;
}

	.new_table_forum {
    display: flex;
    border-radius: 15px;
    flex-direction: column;
    gap: 17px;
    align-items: flex-start;
}

	.new_tr_forum_flex {
    display: flex;
    width: 100%;
    flex-direction: column;
}

	.new_tr_forum {
    width: 100%;
}

	.name_info_block_topic {
    align-items: flex-start;
    flex-direction: column;
    gap: 15px;
}

	.block_support {
    flex-direction: column;
}

	.block_support_left {
    max-height: max-content;
    width: 100%;
}

	.block_support_right {
    width: 100%;
}

	.info_server {
    margin-top: 20px;
}

	.status_block {
		display: flex !important;
		flex-direction: row !important;
		margin-bottom: 0px !important;
		height: 56px !important;
	}

	.status_block small{
		color: #fff !important;
		font-size: 12px;
		position: relative;
		top: 10px;
	}

	.div_edit_user {
    flex-direction: column;
}

	.btn_ticket_support {
    flex-wrap: wrap;
}

	.block_select_servers_blocked {
    padding: 15px;
    border-radius: 20px;
    justify-content: space-between;
    flex-direction: column;
}

	.blocked_block {
    height: fit-content;
    padding: 15px;
}

	.edit_news_left {
    width: 100%;
}

	.flex_blocked {
    margin-bottom: 15px;
}

	.btns_blocked {
    display: none;
}

	.blocked_text {
    font-size: 19px;
}

	.blocked_desp {
    font-size: 11.5px;
}

	.left_blocked {
    width: 100%;
}

	.avatar_edit {
    padding: 20px;
    flex-direction: column;
}

	.flex_user_avatar_edit {
    width: 100%;
}

	.avatar_edit_result {
    width: 100px;
    height: 100px;
    border-radius: 17px;
    margin-left: -15px;
}
  
  .select_number {
    flex-wrap: wrap;
}

	.flex_edit_news {
    flex-direction: column;
}

	.transparent_tr {
    background: #fff0 !important;
    height: max-content !important;
    align-items: flex-start;
    padding: 0px !important;
}

	.status_purse_minus {
    box-shadow: none;
}

	.status_purse_plus {
    box-shadow: none;
}
  
  #loader {
    margin: -65px 0 0 -25px;
}

	.block_select_support {
    border-radius: 15px;
}
  
  .prof_l {
    flex-direction: column;
    align-items: flex-start;
}

	.contacts_profile {
    flex-wrap: wrap;
}

	.profile_contact_discord {
    width: fit-content;
}
  
  .status_user_chat {
    display: none;
}

	.news_flex {
    flex-direction: column;
}

	.left_news {
    width: 100%;
}

	.name_news_img {
    font-size: 14px;
}

	.block_content_new {
    width: 100%;
}
  
  .slider_menu {
    display:none;
}

	.img_edit_news {
    height: 180px;
}

.discount_block {
    height: auto;
    gap: 15px;
    align-items: flex-start;
    flex-direction: column;
}

.flex_yes_or_no {
    margin-bottom: 15px;
}

.name_server_info {
    max-width: 300px;
}

	.position_player {
    display: none !important;
}
}

/* source: templates/cs27Reg/css/style_editor.css */
.tox .tox-edit-area__iframe {
 background: #2e3233; !important;
 padding: 15px 15px;
}

.tox-tinymce {
 border-radius: 11px!important;
}

.tox .tox-menubar {
    background: #3c4041;
}

.tox .tox-collection--list .tox-collection__group {
    border-color: #5d6466;
}

.tox .tox-collection__item-accessory {
    color: rgb(179 166 172);
}

.tox .tox-collection__item-caret svg {
    fill: rgb(179 166 172);
}

.tox .tox-tbtn--bespoke .tox-tbtn__select-label {
    color: #d3c8cd;
}

.tox .tox-collection__item-icon svg {
    fill: #ffffff;
}

.tox .tox-menu {
    background-color: #494f50;
    border: 1px solid #494f50;
}

.tox .tox-collection__item-label {
    color: #d8ccd1;
}

.tox .tox-collection--list .tox-collection__item--active {
    background-color: #695f64;
    color: #ffff;
}

.tox .tox-mbtn:focus:not(:disabled) {
  background: #4c5253;
  color: #ffffff
}

.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
    background: #4c5253;
    color: #ffffff;
}

.tox .tox-mbtn {
    color: #afa7ab;
}

.tox .tox-mbtn--active {
    background: #5e6566;
    border: 0;
    box-shadow: none;
    color: #ffffff;
}

.tox .tox-toolbar, .tox .tox-toolbar__overflow, .tox .tox-toolbar__primary {
    background-color: #2b2f30;
}

.tox .tox-tbtn--enabled, .tox .tox-tbtn--enabled:hover {
    background: #525859;
    color: #ffffff;
}

.tox .tox-tbtn:hover svg {
    fill: #ffffff;
}

.tox .tox-tbtn svg {
    display: block;
    fill: #a0a7a9;
}

.tox .tox-tbtn--enabled svg, .tox .tox-tbtn--enabled:hover svg {
  fill: #ffffff
}

.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
  color: #ffffff
}

.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg {
  fill: #ffffff
}

.tox .tox-tbtn:hover {
    background: #505657;
}

.tox-tinymce {
    border: 1px solid #2b2f30;
}

.tox .tox-statusbar a, .tox .tox-statusbar__path-item, .tox .tox-statusbar__wordcount {
    color: rgb(127 112 119);
    text-decoration: none;
}

.tox .tox-statusbar__resize-handle svg {
    display: block;
    fill: rgb(127 112 119);
}

.tox .tox-toolbar-overlord {
    background-color: #2b2f30;
    border-bottom: 1px solid #2b2f30;
}

.tox .tox-statusbar {
    background-color: #2b2f30;
    border-top: 1px solid #2b2f30;
    color: rgb(255 255 255 / 70%);
}

/* source: templates/cs27Reg/css/main.css */
.with_code table tr td {
    word-break: normal;
}

.content-page-title {
    margin: 0 0 18px;
    color: #fff;
    font-family: "Unbounded", "Montserrat", sans-serif;
    font-size: clamp(22px, 3vw, 34px);
    font-weight: 700;
    line-height: 1.25;
}

.heading,
.title_head,
.name_topic_forum,
.name_news_img {
    margin: 0;
}

.flex_vert_al h1 {
    margin: 0;
    color: inherit;
    font: inherit;
}

/* Главный экран: управляемый перенос заголовка. */
.title_head__line {
    display: block;
}

.bar_head {
    margin-top: 35px;
}

/* Мини-блок розыгрыша должен оставаться внутри баннера после переноса H1 на три строки. */
.head_block {
    background-image: url(../img/headd.webp);
}

.head_block .bar_head > .text_head {
    margin-bottom: 8px;
}

/* Современные кнопки на странице загрузки CS 1.6. */
.with_code > p:has(> a[href*="cs-best.ru"]),
.with_code > p:has(> a[href*="cs16best.ru"]),
.with_code > p:has(> a[href*="cssbest.ru"]) {
    display: inline-block;
    margin: 0 8px 14px 0;
}

.with_code a[href*="cs-best.ru"] > .news-button-bottom,
.with_code a[href*="cs16best.ru"] > .news-button-bottom,
.with_code a[href*="cssbest.ru"] > .news-button-bottom {
    position: relative;
    isolation: isolate;
    float: none !important;
    display: inline-flex;
    width: 210px !important;
    min-height: 54px;
    margin: 0 !important;
    padding: 0 18px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    overflow: hidden;
    border: 1px solid rgba(255, 141, 151, .45);
    border-radius: 14px;
    background: linear-gradient(135deg, #ff7a2a 0%, #fe7f78 48%, #ff9b46 120%);
    box-shadow: 0 10px 24px rgba(253, 100, 124, .22), inset 0 1px 0 rgba(255, 255, 255, .2);
    color: #fff;
    font-family: "Unbounded", "Montserrat", sans-serif;
    font-size: 10px;
    font-weight: 650;
    line-height: 1.35;
    letter-spacing: .02em;
    text-align: center;
    text-shadow: 0 1px 8px rgba(31, 22, 27, .35);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.with_code a[href*="cs-best.ru"] > .news-button-bottom::before,
.with_code a[href*="cs16best.ru"] > .news-button-bottom::before,
.with_code a[href*="cssbest.ru"] > .news-button-bottom::before {
    content: "\2193";
    display: inline-flex;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 9px;
    background: rgba(42, 31, 37, .2);
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.with_code a[href*="cssbest.ru"] > .news-button-bottom::before {
    content: "\2630";
    font-size: 14px;
}

.with_code a[href*="cs-best.ru"] > .news-button-bottom::after,
.with_code a[href*="cs16best.ru"] > .news-button-bottom::after,
.with_code a[href*="cssbest.ru"] > .news-button-bottom::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    background: linear-gradient(110deg, transparent 25%, rgba(255, 255, 255, .18) 46%, transparent 67%);
    transform: translateX(-120%);
    transition: transform .45s ease;
}

.with_code a[href*="cs-best.ru"] > .news-button-bottom img,
.with_code a[href*="cs16best.ru"] > .news-button-bottom img,
.with_code a[href*="cssbest.ru"] > .news-button-bottom img {
    display: none !important;
}

.with_code a[href*="cs-best.ru"]:hover > .news-button-bottom,
.with_code a[href*="cs16best.ru"]:hover > .news-button-bottom,
.with_code a[href*="cssbest.ru"]:hover > .news-button-bottom {
    transform: translateY(-2px);
    border-color: rgba(255, 255, 255, .42);
    box-shadow: 0 14px 28px rgba(253, 100, 124, .3), inset 0 1px 0 rgba(255, 255, 255, .24);
}

.with_code a[href*="cs-best.ru"]:hover > .news-button-bottom::after,
.with_code a[href*="cs16best.ru"]:hover > .news-button-bottom::after,
.with_code a[href*="cssbest.ru"]:hover > .news-button-bottom::after {
    transform: translateX(120%);
}

/* Превью услуг в магазине берётся из изображения, загруженного в админке. */
.service_preview_image {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-fit: cover;
    object-position: center;
    transition: transform .35s ease, filter .35s ease;
}

.service_preview_fallback {
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    background: radial-gradient(circle at 50% 38%, rgba(254, 127, 120, .2), transparent 58%), #2a2d2e;
    color: #fe8b82;
    font-size: 42px;
}

.service_preview_fallback:not([hidden]) {
    display: flex;
}

.image_card_store {
    position: relative;
    overflow: hidden;
    padding: 0;
    margin-bottom: 0;
    background: #2a2d2e;
}

.image_card_store::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(28, 21, 25, .04) 45%, rgba(28, 21, 25, .58) 100%);
}

.price_store_card {
    z-index: 2;
}

.card_privilege:hover {
    opacity: 1;
    border-color: rgba(254, 127, 120, .45);
    transform: translateY(-2px);
    box-shadow: 0 14px 30px rgba(16, 11, 14, .24);
}

.card_privilege:hover .service_preview_image {
    transform: scale(1.045);
    filter: saturate(1.08);
}

.card_privilege {
    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.flex_card_info_store {
    min-height: 182px;
    padding: 18px 23px 23px;
}

.first_flex_info_card {
    width: 100%;
}

.name_card {
    display: block;
    width: 100%;
    margin: 0 0 8px;
    overflow: visible;
    color: #fff;
    font-size: 12.5px;
    line-height: 1.45;
    text-align: center;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;
}

@media (max-width: 767px) {
    .head_block {
        background-image: url(../img/hero-mobile.webp);
    }

    .title_head {
        font-size: 20px;
        line-height: 1.25;
    }

    .head_block .bar_head > .text_head {
        margin-bottom: 20px;
    }

    .with_code > p:has(> a[href*="cs-best.ru"]),
    .with_code > p:has(> a[href*="cs16best.ru"]),
    .with_code > p:has(> a[href*="cssbest.ru"]) {
        display: block;
        width: 100%;
        margin: 0 0 10px;
    }

    .with_code a[href*="cs-best.ru"],
    .with_code a[href*="cs16best.ru"],
    .with_code a[href*="cssbest.ru"],
    .with_code a[href*="cs-best.ru"] > .news-button-bottom,
    .with_code a[href*="cs16best.ru"] > .news-button-bottom,
    .with_code a[href*="cssbest.ru"] > .news-button-bottom {
        width: 100% !important;
    }
}

/* source: templates/cs27Reg/css/boxicons.min.css */
@font-face{font-display:swap;font-display:swap;font-family:boxicons;font-weight:400;font-style:normal;src:url(../fonts/boxicons.eot);src:url(../fonts/boxicons.eot) format('embedded-opentype'),url(../fonts/boxicons.woff2) format('woff2'),url(../fonts/boxicons.woff) format('woff'),url(../fonts/boxicons.ttf) format('truetype'),url(../fonts/boxicons.svg?#boxicons) format('svg')}.bx{font-family:boxicons!important;font-weight:400;font-style:normal;font-variant:normal;line-height:1;text-rendering:auto;display:inline-block;text-transform:none;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bx-ul{margin-left:2em;padding-left:0;list-style:none}.bx-ul>li{position:relative}.bx-ul .bx{font-size:inherit;line-height:inherit;position:absolute;left:-2em;width:2em;text-align:center}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-webkit-keyframes burst{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}90%{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:0}}@keyframes burst{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}90%{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:0}}@-webkit-keyframes flashing{0%{opacity:1}45%{opacity:0}90%{opacity:1}}@keyframes flashing{0%{opacity:1}45%{opacity:0}90%{opacity:1}}@-webkit-keyframes fade-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}75%{-webkit-transform:translateX(-20px);transform:translateX(-20px);opacity:0}}@keyframes fade-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}75%{-webkit-transform:translateX(-20px);transform:translateX(-20px);opacity:0}}@-webkit-keyframes fade-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}75%{-webkit-transform:translateX(20px);transform:translateX(20px);opacity:0}}@keyframes fade-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}75%{-webkit-transform:translateX(20px);transform:translateX(20px);opacity:0}}@-webkit-keyframes fade-up{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}75%{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0}}@keyframes fade-up{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}75%{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0}}@-webkit-keyframes fade-down{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}75%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}}@keyframes fade-down{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}75%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}}@-webkit-keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.95,.95,.95) rotate3d(0,0,1,-10deg);transform:scale3d(.95,.95,.95) rotate3d(0,0,1,-10deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1,1,1) rotate3d(0,0,1,10deg);transform:scale3d(1,1,1) rotate3d(0,0,1,10deg)}40%,60%,80%{-webkit-transform:scale3d(1,1,1) rotate3d(0,0,1,-10deg);transform:scale3d(1,1,1) rotate3d(0,0,1,-10deg)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.95,.95,.95) rotate3d(0,0,1,-10deg);transform:scale3d(.95,.95,.95) rotate3d(0,0,1,-10deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1,1,1) rotate3d(0,0,1,10deg);transform:scale3d(1,1,1) rotate3d(0,0,1,10deg)}40%,60%,80%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bx-spin{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}.bx-spin-hover:hover{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}.bx-tada{-webkit-animation:tada 1.5s ease infinite;animation:tada 1.5s ease infinite}.bx-tada-hover:hover{-webkit-animation:tada 1.5s ease infinite;animation:tada 1.5s ease infinite}.bx-flashing{-webkit-animation:flashing 1.5s infinite linear;animation:flashing 1.5s infinite linear}.bx-flashing-hover:hover{-webkit-animation:flashing 1.5s infinite linear;animation:flashing 1.5s infinite linear}.bx-burst{-webkit-animation:burst 1.5s infinite linear;animation:burst 1.5s infinite linear}.bx-burst-hover:hover{-webkit-animation:burst 1.5s infinite linear;animation:burst 1.5s infinite linear}.bx-fade-up{-webkit-animation:fade-up 1.5s infinite linear;animation:fade-up 1.5s infinite linear}.bx-fade-up-hover:hover{-webkit-animation:fade-up 1.5s infinite linear;animation:fade-up 1.5s infinite linear}.bx-fade-down{-webkit-animation:fade-down 1.5s infinite linear;animation:fade-down 1.5s infinite linear}.bx-fade-down-hover:hover{-webkit-animation:fade-down 1.5s infinite linear;animation:fade-down 1.5s infinite linear}.bx-fade-left{-webkit-animation:fade-left 1.5s infinite linear;animation:fade-left 1.5s infinite linear}.bx-fade-left-hover:hover{-webkit-animation:fade-left 1.5s infinite linear;animation:fade-left 1.5s infinite linear}.bx-fade-right{-webkit-animation:fade-right 1.5s infinite linear;animation:fade-right 1.5s infinite linear}.bx-fade-right-hover:hover{-webkit-animation:fade-right 1.5s infinite linear;animation:fade-right 1.5s infinite linear}.bx-xs{font-size:1rem!important}.bx-sm{font-size:1.55rem!important}.bx-md{font-size:2.25rem!important}.bx-lg{font-size:3rem!important}.bx-fw{font-size:1.2857142857em;line-height:.8em;width:1.2857142857em;height:.8em;margin-top:-.2em!important;vertical-align:middle}.bx-pull-left{float:left;margin-right:.3em!important}.bx-pull-right{float:right;margin-left:.3em!important}.bx-rotate-90{transform:rotate(90deg)}.bx-rotate-180{transform:rotate(180deg)}.bx-rotate-270{transform:rotate(270deg)}.bx-flip-horizontal{transform:scaleX(-1)}.bx-flip-vertical{transform:scaleY(-1)}.bx-border{padding:.25em;border:.07em solid rgba(0,0,0,.1);border-radius:.25em}.bx-border-circle{padding:.25em;border:.07em solid rgba(0,0,0,.1);border-radius:50%}.bxs-balloon:before{content:"\eb60"}.bxs-castle:before{content:"\eb79"}.bxs-coffee-bean:before{content:"\eb92"}.bxs-objects-horizontal-center:before{content:"\ebab"}.bxs-objects-horizontal-left:before{content:"\ebc4"}.bxs-objects-horizontal-right:before{content:"\ebdd"}.bxs-objects-vertical-bottom:before{content:"\ebf6"}.bxs-objects-vertical-center:before{content:"\ef40"}.bxs-objects-vertical-top:before{content:"\ef41"}.bxs-pear:before{content:"\ef42"}.bxs-shield-minus:before{content:"\ef43"}.bxs-shield-plus:before{content:"\ef44"}.bxs-shower:before{content:"\ef45"}.bxs-sushi:before{content:"\ef46"}.bxs-universal-access:before{content:"\ef47"}.bx-child:before{content:"\ef48"}.bx-horizontal-left:before{content:"\ef49"}.bx-horizontal-right:before{content:"\ef4a"}.bx-objects-horizontal-center:before{content:"\ef4b"}.bx-objects-horizontal-left:before{content:"\ef4c"}.bx-objects-horizontal-right:before{content:"\ef4d"}.bx-objects-vertical-bottom:before{content:"\ef4e"}.bx-objects-vertical-center:before{content:"\ef4f"}.bx-objects-vertical-top:before{content:"\ef50"}.bx-rfid:before{content:"\ef51"}.bx-shield-minus:before{content:"\ef52"}.bx-shield-plus:before{content:"\ef53"}.bx-shower:before{content:"\ef54"}.bx-sushi:before{content:"\ef55"}.bx-universal-access:before{content:"\ef56"}.bx-vertical-bottom:before{content:"\ef57"}.bx-vertical-top:before{content:"\ef58"}.bxl-graphql:before{content:"\ef59"}.bxl-typescript:before{content:"\ef5a"}.bxs-color:before{content:"\ef39"}.bx-reflect-horizontal:before{content:"\ef3a"}.bx-reflect-vertical:before{content:"\ef3b"}.bx-color:before{content:"\ef3c"}.bxl-mongodb:before{content:"\ef3d"}.bxl-postgresql:before{content:"\ef3e"}.bxl-deezer:before{content:"\ef3f"}.bxs-hard-hat:before{content:"\ef2a"}.bxs-home-alt-2:before{content:"\ef2b"}.bxs-cheese:before{content:"\ef2c"}.bx-home-alt-2:before{content:"\ef2d"}.bx-hard-hat:before{content:"\ef2e"}.bx-cheese:before{content:"\ef2f"}.bx-cart-add:before{content:"\ef30"}.bx-cart-download:before{content:"\ef31"}.bx-no-signal:before{content:"\ef32"}.bx-signal-1:before{content:"\ef33"}.bx-signal-2:before{content:"\ef34"}.bx-signal-3:before{content:"\ef35"}.bx-signal-4:before{content:"\ef36"}.bx-signal-5:before{content:"\ef37"}.bxl-xing:before{content:"\ef38"}.bxl-meta:before{content:"\ef27"}.bx-lemon:before{content:"\ef28"}.bxs-lemon:before{content:"\ef29"}.bx-cricket-ball:before{content:"\ef0c"}.bx-baguette:before{content:"\ef0d"}.bx-bowl-hot:before{content:"\ef0e"}.bx-bowl-rice:before{content:"\ef0f"}.bx-cable-car:before{content:"\ef10"}.bx-candles:before{content:"\ef11"}.bx-circle-half:before{content:"\ef12"}.bx-circle-quarter:before{content:"\ef13"}.bx-circle-three-quarter:before{content:"\ef14"}.bx-cross:before{content:"\ef15"}.bx-fork:before{content:"\ef16"}.bx-knife:before{content:"\ef17"}.bx-money-withdraw:before{content:"\ef18"}.bx-popsicle:before{content:"\ef19"}.bx-scatter-chart:before{content:"\ef1a"}.bxs-baguette:before{content:"\ef1b"}.bxs-bowl-hot:before{content:"\ef1c"}.bxs-bowl-rice:before{content:"\ef1d"}.bxs-cable-car:before{content:"\ef1e"}.bxs-circle-half:before{content:"\ef1f"}.bxs-circle-quarter:before{content:"\ef20"}.bxs-circle-three-quarter:before{content:"\ef21"}.bxs-cricket-ball:before{content:"\ef22"}.bxs-invader:before{content:"\ef23"}.bx-male-female:before{content:"\ef24"}.bxs-popsicle:before{content:"\ef25"}.bxs-tree-alt:before{content:"\ef26"}.bxl-venmo:before{content:"\e900"}.bxl-upwork:before{content:"\e901"}.bxl-netlify:before{content:"\e902"}.bxl-java:before{content:"\e903"}.bxl-heroku:before{content:"\e904"}.bxl-go-lang:before{content:"\e905"}.bxl-gmail:before{content:"\e906"}.bxl-flask:before{content:"\e907"}.bxl-99designs:before{content:"\e908"}.bxl-500px:before{content:"\e909"}.bxl-adobe:before{content:"\e90a"}.bxl-airbnb:before{content:"\e90b"}.bxl-algolia:before{content:"\e90c"}.bxl-amazon:before{content:"\e90d"}.bxl-android:before{content:"\e90e"}.bxl-angular:before{content:"\e90f"}.bxl-apple:before{content:"\e910"}.bxl-audible:before{content:"\e911"}.bxl-aws:before{content:"\e912"}.bxl-baidu:before{content:"\e913"}.bxl-behance:before{content:"\e914"}.bxl-bing:before{content:"\e915"}.bxl-bitcoin:before{content:"\e916"}.bxl-blender:before{content:"\e917"}.bxl-blogger:before{content:"\e918"}.bxl-bootstrap:before{content:"\e919"}.bxl-chrome:before{content:"\e91a"}.bxl-codepen:before{content:"\e91b"}.bxl-c-plus-plus:before{content:"\e91c"}.bxl-creative-commons:before{content:"\e91d"}.bxl-css3:before{content:"\e91e"}.bxl-dailymotion:before{content:"\e91f"}.bxl-deviantart:before{content:"\e920"}.bxl-dev-to:before{content:"\e921"}.bxl-digg:before{content:"\e922"}.bxl-digitalocean:before{content:"\e923"}.bxl-discord:before{content:"\e924"}.bxl-discord-alt:before{content:"\e925"}.bxl-discourse:before{content:"\e926"}.bxl-django:before{content:"\e927"}.bxl-docker:before{content:"\e928"}.bxl-dribbble:before{content:"\e929"}.bxl-dropbox:before{content:"\e92a"}.bxl-drupal:before{content:"\e92b"}.bxl-ebay:before{content:"\e92c"}.bxl-edge:before{content:"\e92d"}.bxl-etsy:before{content:"\e92e"}.bxl-facebook:before{content:"\e92f"}.bxl-facebook-circle:before{content:"\e930"}.bxl-facebook-square:before{content:"\e931"}.bxl-figma:before{content:"\e932"}.bxl-firebase:before{content:"\e933"}.bxl-firefox:before{content:"\e934"}.bxl-flickr:before{content:"\e935"}.bxl-flickr-square:before{content:"\e936"}.bxl-flutter:before{content:"\e937"}.bxl-foursquare:before{content:"\e938"}.bxl-git:before{content:"\e939"}.bxl-github:before{content:"\e93a"}.bxl-gitlab:before{content:"\e93b"}.bxl-google:before{content:"\e93c"}.bxl-google-cloud:before{content:"\e93d"}.bxl-google-plus:before{content:"\e93e"}.bxl-google-plus-circle:before{content:"\e93f"}.bxl-html5:before{content:"\e940"}.bxl-imdb:before{content:"\e941"}.bxl-instagram:before{content:"\e942"}.bxl-instagram-alt:before{content:"\e943"}.bxl-internet-explorer:before{content:"\e944"}.bxl-invision:before{content:"\e945"}.bxl-javascript:before{content:"\e946"}.bxl-joomla:before{content:"\e947"}.bxl-jquery:before{content:"\e948"}.bxl-jsfiddle:before{content:"\e949"}.bxl-kickstarter:before{content:"\e94a"}.bxl-kubernetes:before{content:"\e94b"}.bxl-less:before{content:"\e94c"}.bxl-linkedin:before{content:"\e94d"}.bxl-linkedin-square:before{content:"\e94e"}.bxl-magento:before{content:"\e94f"}.bxl-mailchimp:before{content:"\e950"}.bxl-markdown:before{content:"\e951"}.bxl-mastercard:before{content:"\e952"}.bxl-mastodon:before{content:"\e953"}.bxl-medium:before{content:"\e954"}.bxl-medium-old:before{content:"\e955"}.bxl-medium-square:before{content:"\e956"}.bxl-messenger:before{content:"\e957"}.bxl-microsoft:before{content:"\e958"}.bxl-microsoft-teams:before{content:"\e959"}.bxl-nodejs:before{content:"\e95a"}.bxl-ok-ru:before{content:"\e95b"}.bxl-opera:before{content:"\e95c"}.bxl-patreon:before{content:"\e95d"}.bxl-paypal:before{content:"\e95e"}.bxl-periscope:before{content:"\e95f"}.bxl-php:before{content:"\e960"}.bxl-pinterest:before{content:"\e961"}.bxl-pinterest-alt:before{content:"\e962"}.bxl-play-store:before{content:"\e963"}.bxl-pocket:before{content:"\e964"}.bxl-product-hunt:before{content:"\e965"}.bxl-python:before{content:"\e966"}.bxl-quora:before{content:"\e967"}.bxl-react:before{content:"\e968"}.bxl-redbubble:before{content:"\e969"}.bxl-reddit:before{content:"\e96a"}.bxl-redux:before{content:"\e96b"}.bxl-sass:before{content:"\e96c"}.bxl-shopify:before{content:"\e96d"}.bxl-sketch:before{content:"\e96e"}.bxl-skype:before{content:"\e96f"}.bxl-slack:before{content:"\e970"}.bxl-slack-old:before{content:"\e971"}.bxl-snapchat:before{content:"\e972"}.bxl-soundcloud:before{content:"\e973"}.bxl-spotify:before{content:"\e974"}.bxl-spring-boot:before{content:"\e975"}.bxl-squarespace:before{content:"\e976"}.bxl-stack-overflow:before{content:"\e977"}.bxl-steam:before{content:"\e978"}.bxl-stripe:before{content:"\e979"}.bxl-tailwind-css:before{content:"\e97a"}.bxl-telegram:before{content:"\e97b"}.bxl-tiktok:before{content:"\e97c"}.bxl-trello:before{content:"\e97d"}.bxl-trip-advisor:before{content:"\e97e"}.bxl-tumblr:before{content:"\e97f"}.bxl-tux:before{content:"\e980"}.bxl-twitch:before{content:"\e981"}.bxl-twitter:before{content:"\e982"}.bxl-unity:before{content:"\e983"}.bxl-unsplash:before{content:"\e984"}.bxl-vimeo:before{content:"\e985"}.bxl-visa:before{content:"\e986"}.bxl-visual-studio:before{content:"\e987"}.bxl-vk:before{content:"\e988"}.bxl-vuejs:before{content:"\e989"}.bxl-whatsapp:before{content:"\e98a"}.bxl-whatsapp-square:before{content:"\e98b"}.bxl-wikipedia:before{content:"\e98c"}.bxl-windows:before{content:"\e98d"}.bxl-wix:before{content:"\e98e"}.bxl-wordpress:before{content:"\e98f"}.bxl-yahoo:before{content:"\e990"}.bxl-yelp:before{content:"\e991"}.bxl-youtube:before{content:"\e992"}.bxl-zoom:before{content:"\e993"}.bx-collapse-alt:before{content:"\e994"}.bx-collapse-horizontal:before{content:"\e995"}.bx-collapse-vertical:before{content:"\e996"}.bx-expand-horizontal:before{content:"\e997"}.bx-expand-vertical:before{content:"\e998"}.bx-injection:before{content:"\e999"}.bx-leaf:before{content:"\e99a"}.bx-math:before{content:"\e99b"}.bx-party:before{content:"\e99c"}.bx-abacus:before{content:"\e99d"}.bx-accessibility:before{content:"\e99e"}.bx-add-to-queue:before{content:"\e99f"}.bx-adjust:before{content:"\e9a0"}.bx-alarm:before{content:"\e9a1"}.bx-alarm-add:before{content:"\e9a2"}.bx-alarm-exclamation:before{content:"\e9a3"}.bx-alarm-off:before{content:"\e9a4"}.bx-alarm-snooze:before{content:"\e9a5"}.bx-album:before{content:"\e9a6"}.bx-align-justify:before{content:"\e9a7"}.bx-align-left:before{content:"\e9a8"}.bx-align-middle:before{content:"\e9a9"}.bx-align-right:before{content:"\e9aa"}.bx-analyse:before{content:"\e9ab"}.bx-anchor:before{content:"\e9ac"}.bx-angry:before{content:"\e9ad"}.bx-aperture:before{content:"\e9ae"}.bx-arch:before{content:"\e9af"}.bx-archive:before{content:"\e9b0"}.bx-archive-in:before{content:"\e9b1"}.bx-archive-out:before{content:"\e9b2"}.bx-area:before{content:"\e9b3"}.bx-arrow-back:before{content:"\e9b4"}.bx-arrow-from-bottom:before{content:"\e9b5"}.bx-arrow-from-left:before{content:"\e9b6"}.bx-arrow-from-right:before{content:"\e9b7"}.bx-arrow-from-top:before{content:"\e9b8"}.bx-arrow-to-bottom:before{content:"\e9b9"}.bx-arrow-to-left:before{content:"\e9ba"}.bx-arrow-to-right:before{content:"\e9bb"}.bx-arrow-to-top:before{content:"\e9bc"}.bx-at:before{content:"\e9bd"}.bx-atom:before{content:"\e9be"}.bx-award:before{content:"\e9bf"}.bx-badge:before{content:"\e9c0"}.bx-badge-check:before{content:"\e9c1"}.bx-ball:before{content:"\e9c2"}.bx-band-aid:before{content:"\e9c3"}.bx-bar-chart:before{content:"\e9c4"}.bx-bar-chart-alt:before{content:"\e9c5"}.bx-bar-chart-alt-2:before{content:"\e9c6"}.bx-bar-chart-square:before{content:"\e9c7"}.bx-barcode:before{content:"\e9c8"}.bx-barcode-reader:before{content:"\e9c9"}.bx-baseball:before{content:"\e9ca"}.bx-basket:before{content:"\e9cb"}.bx-basketball:before{content:"\e9cc"}.bx-bath:before{content:"\e9cd"}.bx-battery:before{content:"\e9ce"}.bx-bed:before{content:"\e9cf"}.bx-been-here:before{content:"\e9d0"}.bx-beer:before{content:"\e9d1"}.bx-bell:before{content:"\e9d2"}.bx-bell-minus:before{content:"\e9d3"}.bx-bell-off:before{content:"\e9d4"}.bx-bell-plus:before{content:"\e9d5"}.bx-bible:before{content:"\e9d6"}.bx-bitcoin:before{content:"\e9d7"}.bx-blanket:before{content:"\e9d8"}.bx-block:before{content:"\e9d9"}.bx-bluetooth:before{content:"\e9da"}.bx-body:before{content:"\e9db"}.bx-bold:before{content:"\e9dc"}.bx-bolt-circle:before{content:"\e9dd"}.bx-bomb:before{content:"\e9de"}.bx-bone:before{content:"\e9df"}.bx-bong:before{content:"\e9e0"}.bx-book:before{content:"\e9e1"}.bx-book-add:before{content:"\e9e2"}.bx-book-alt:before{content:"\e9e3"}.bx-book-bookmark:before{content:"\e9e4"}.bx-book-content:before{content:"\e9e5"}.bx-book-heart:before{content:"\e9e6"}.bx-bookmark:before{content:"\e9e7"}.bx-bookmark-alt:before{content:"\e9e8"}.bx-bookmark-alt-minus:before{content:"\e9e9"}.bx-bookmark-alt-plus:before{content:"\e9ea"}.bx-bookmark-heart:before{content:"\e9eb"}.bx-bookmark-minus:before{content:"\e9ec"}.bx-bookmark-plus:before{content:"\e9ed"}.bx-bookmarks:before{content:"\e9ee"}.bx-book-open:before{content:"\e9ef"}.bx-book-reader:before{content:"\e9f0"}.bx-border-all:before{content:"\e9f1"}.bx-border-bottom:before{content:"\e9f2"}.bx-border-inner:before{content:"\e9f3"}.bx-border-left:before{content:"\e9f4"}.bx-border-none:before{content:"\e9f5"}.bx-border-outer:before{content:"\e9f6"}.bx-border-radius:before{content:"\e9f7"}.bx-border-right:before{content:"\e9f8"}.bx-border-top:before{content:"\e9f9"}.bx-bot:before{content:"\e9fa"}.bx-bowling-ball:before{content:"\e9fb"}.bx-box:before{content:"\e9fc"}.bx-bracket:before{content:"\e9fd"}.bx-braille:before{content:"\e9fe"}.bx-brain:before{content:"\e9ff"}.bx-briefcase:before{content:"\ea00"}.bx-briefcase-alt:before{content:"\ea01"}.bx-briefcase-alt-2:before{content:"\ea02"}.bx-brightness:before{content:"\ea03"}.bx-brightness-half:before{content:"\ea04"}.bx-broadcast:before{content:"\ea05"}.bx-brush:before{content:"\ea06"}.bx-brush-alt:before{content:"\ea07"}.bx-bug:before{content:"\ea08"}.bx-bug-alt:before{content:"\ea09"}.bx-building:before{content:"\ea0a"}.bx-building-house:before{content:"\ea0b"}.bx-buildings:before{content:"\ea0c"}.bx-bulb:before{content:"\ea0d"}.bx-bullseye:before{content:"\ea0e"}.bx-buoy:before{content:"\ea0f"}.bx-bus:before{content:"\ea10"}.bx-bus-school:before{content:"\ea11"}.bx-cabinet:before{content:"\ea12"}.bx-cake:before{content:"\ea13"}.bx-calculator:before{content:"\ea14"}.bx-calendar:before{content:"\ea15"}.bx-calendar-alt:before{content:"\ea16"}.bx-calendar-check:before{content:"\ea17"}.bx-calendar-edit:before{content:"\ea18"}.bx-calendar-event:before{content:"\ea19"}.bx-calendar-exclamation:before{content:"\ea1a"}.bx-calendar-heart:before{content:"\ea1b"}.bx-calendar-minus:before{content:"\ea1c"}.bx-calendar-plus:before{content:"\ea1d"}.bx-calendar-star:before{content:"\ea1e"}.bx-calendar-week:before{content:"\ea1f"}.bx-calendar-x:before{content:"\ea20"}.bx-camera:before{content:"\ea21"}.bx-camera-home:before{content:"\ea22"}.bx-camera-movie:before{content:"\ea23"}.bx-camera-off:before{content:"\ea24"}.bx-capsule:before{content:"\ea25"}.bx-captions:before{content:"\ea26"}.bx-car:before{content:"\ea27"}.bx-card:before{content:"\ea28"}.bx-caret-down:before{content:"\ea29"}.bx-caret-down-circle:before{content:"\ea2a"}.bx-caret-down-square:before{content:"\ea2b"}.bx-caret-left:before{content:"\ea2c"}.bx-caret-left-circle:before{content:"\ea2d"}.bx-caret-left-square:before{content:"\ea2e"}.bx-caret-right:before{content:"\ea2f"}.bx-caret-right-circle:before{content:"\ea30"}.bx-caret-right-square:before{content:"\ea31"}.bx-caret-up:before{content:"\ea32"}.bx-caret-up-circle:before{content:"\ea33"}.bx-caret-up-square:before{content:"\ea34"}.bx-carousel:before{content:"\ea35"}.bx-cart:before{content:"\ea36"}.bx-cart-alt:before{content:"\ea37"}.bx-cast:before{content:"\ea38"}.bx-category:before{content:"\ea39"}.bx-category-alt:before{content:"\ea3a"}.bx-cctv:before{content:"\ea3b"}.bx-certification:before{content:"\ea3c"}.bx-chair:before{content:"\ea3d"}.bx-chalkboard:before{content:"\ea3e"}.bx-chart:before{content:"\ea3f"}.bx-chat:before{content:"\ea40"}.bx-check:before{content:"\ea41"}.bx-checkbox:before{content:"\ea42"}.bx-checkbox-checked:before{content:"\ea43"}.bx-checkbox-minus:before{content:"\ea44"}.bx-checkbox-square:before{content:"\ea45"}.bx-check-circle:before{content:"\ea46"}.bx-check-double:before{content:"\ea47"}.bx-check-shield:before{content:"\ea48"}.bx-check-square:before{content:"\ea49"}.bx-chevron-down:before{content:"\ea4a"}.bx-chevron-down-circle:before{content:"\ea4b"}.bx-chevron-down-square:before{content:"\ea4c"}.bx-chevron-left:before{content:"\ea4d"}.bx-chevron-left-circle:before{content:"\ea4e"}.bx-chevron-left-square:before{content:"\ea4f"}.bx-chevron-right:before{content:"\ea50"}.bx-chevron-right-circle:before{content:"\ea51"}.bx-chevron-right-square:before{content:"\ea52"}.bx-chevrons-down:before{content:"\ea53"}.bx-chevrons-left:before{content:"\ea54"}.bx-chevrons-right:before{content:"\ea55"}.bx-chevrons-up:before{content:"\ea56"}.bx-chevron-up:before{content:"\ea57"}.bx-chevron-up-circle:before{content:"\ea58"}.bx-chevron-up-square:before{content:"\ea59"}.bx-chip:before{content:"\ea5a"}.bx-church:before{content:"\ea5b"}.bx-circle:before{content:"\ea5c"}.bx-clinic:before{content:"\ea5d"}.bx-clipboard:before{content:"\ea5e"}.bx-closet:before{content:"\ea5f"}.bx-cloud:before{content:"\ea60"}.bx-cloud-download:before{content:"\ea61"}.bx-cloud-drizzle:before{content:"\ea62"}.bx-cloud-lightning:before{content:"\ea63"}.bx-cloud-light-rain:before{content:"\ea64"}.bx-cloud-rain:before{content:"\ea65"}.bx-cloud-snow:before{content:"\ea66"}.bx-cloud-upload:before{content:"\ea67"}.bx-code:before{content:"\ea68"}.bx-code-alt:before{content:"\ea69"}.bx-code-block:before{content:"\ea6a"}.bx-code-curly:before{content:"\ea6b"}.bx-coffee:before{content:"\ea6c"}.bx-coffee-togo:before{content:"\ea6d"}.bx-cog:before{content:"\ea6e"}.bx-coin:before{content:"\ea6f"}.bx-coin-stack:before{content:"\ea70"}.bx-collapse:before{content:"\ea71"}.bx-collection:before{content:"\ea72"}.bx-color-fill:before{content:"\ea73"}.bx-columns:before{content:"\ea74"}.bx-command:before{content:"\ea75"}.bx-comment:before{content:"\ea76"}.bx-comment-add:before{content:"\ea77"}.bx-comment-check:before{content:"\ea78"}.bx-comment-detail:before{content:"\ea79"}.bx-comment-dots:before{content:"\ea7a"}.bx-comment-edit:before{content:"\ea7b"}.bx-comment-error:before{content:"\ea7c"}.bx-comment-minus:before{content:"\ea7d"}.bx-comment-x:before{content:"\ea7e"}.bx-compass:before{content:"\ea7f"}.bx-confused:before{content:"\ea80"}.bx-conversation:before{content:"\ea81"}.bx-cookie:before{content:"\ea82"}.bx-cool:before{content:"\ea83"}.bx-copy:before{content:"\ea84"}.bx-copy-alt:before{content:"\ea85"}.bx-copyright:before{content:"\ea86"}.bx-credit-card:before{content:"\ea87"}.bx-credit-card-alt:before{content:"\ea88"}.bx-credit-card-front:before{content:"\ea89"}.bx-crop:before{content:"\ea8a"}.bx-crosshair:before{content:"\ea8b"}.bx-crown:before{content:"\ea8c"}.bx-cube:before{content:"\ea8d"}.bx-cube-alt:before{content:"\ea8e"}.bx-cuboid:before{content:"\ea8f"}.bx-current-location:before{content:"\ea90"}.bx-customize:before{content:"\ea91"}.bx-cut:before{content:"\ea92"}.bx-cycling:before{content:"\ea93"}.bx-cylinder:before{content:"\ea94"}.bx-data:before{content:"\ea95"}.bx-desktop:before{content:"\ea96"}.bx-detail:before{content:"\ea97"}.bx-devices:before{content:"\ea98"}.bx-dialpad:before{content:"\ea99"}.bx-dialpad-alt:before{content:"\ea9a"}.bx-diamond:before{content:"\ea9b"}.bx-dice-1:before{content:"\ea9c"}.bx-dice-2:before{content:"\ea9d"}.bx-dice-3:before{content:"\ea9e"}.bx-dice-4:before{content:"\ea9f"}.bx-dice-5:before{content:"\eaa0"}.bx-dice-6:before{content:"\eaa1"}.bx-directions:before{content:"\eaa2"}.bx-disc:before{content:"\eaa3"}.bx-dish:before{content:"\eaa4"}.bx-dislike:before{content:"\eaa5"}.bx-dizzy:before{content:"\eaa6"}.bx-dna:before{content:"\eaa7"}.bx-dock-bottom:before{content:"\eaa8"}.bx-dock-left:before{content:"\eaa9"}.bx-dock-right:before{content:"\eaaa"}.bx-dock-top:before{content:"\eaab"}.bx-dollar:before{content:"\eaac"}.bx-dollar-circle:before{content:"\eaad"}.bx-donate-blood:before{content:"\eaae"}.bx-donate-heart:before{content:"\eaaf"}.bx-door-open:before{content:"\eab0"}.bx-dots-horizontal:before{content:"\eab1"}.bx-dots-horizontal-rounded:before{content:"\eab2"}.bx-dots-vertical:before{content:"\eab3"}.bx-dots-vertical-rounded:before{content:"\eab4"}.bx-doughnut-chart:before{content:"\eab5"}.bx-down-arrow:before{content:"\eab6"}.bx-down-arrow-alt:before{content:"\eab7"}.bx-down-arrow-circle:before{content:"\eab8"}.bx-download:before{content:"\eab9"}.bx-downvote:before{content:"\eaba"}.bx-drink:before{content:"\eabb"}.bx-droplet:before{content:"\eabc"}.bx-dumbbell:before{content:"\eabd"}.bx-duplicate:before{content:"\eabe"}.bx-edit:before{content:"\eabf"}.bx-edit-alt:before{content:"\eac0"}.bx-envelope:before{content:"\eac1"}.bx-envelope-open:before{content:"\eac2"}.bx-equalizer:before{content:"\eac3"}.bx-eraser:before{content:"\eac4"}.bx-error:before{content:"\eac5"}.bx-error-alt:before{content:"\eac6"}.bx-error-circle:before{content:"\eac7"}.bx-euro:before{content:"\eac8"}.bx-exclude:before{content:"\eac9"}.bx-exit:before{content:"\eaca"}.bx-exit-fullscreen:before{content:"\eacb"}.bx-expand:before{content:"\eacc"}.bx-expand-alt:before{content:"\eacd"}.bx-export:before{content:"\eace"}.bx-extension:before{content:"\eacf"}.bx-face:before{content:"\ead0"}.bx-fast-forward:before{content:"\ead1"}.bx-fast-forward-circle:before{content:"\ead2"}.bx-female:before{content:"\ead3"}.bx-female-sign:before{content:"\ead4"}.bx-file:before{content:"\ead5"}.bx-file-blank:before{content:"\ead6"}.bx-file-find:before{content:"\ead7"}.bx-film:before{content:"\ead8"}.bx-filter:before{content:"\ead9"}.bx-filter-alt:before{content:"\eada"}.bx-fingerprint:before{content:"\eadb"}.bx-first-aid:before{content:"\eadc"}.bx-first-page:before{content:"\eadd"}.bx-flag:before{content:"\eade"}.bx-folder:before{content:"\eadf"}.bx-folder-minus:before{content:"\eae0"}.bx-folder-open:before{content:"\eae1"}.bx-folder-plus:before{content:"\eae2"}.bx-font:before{content:"\eae3"}.bx-font-color:before{content:"\eae4"}.bx-font-family:before{content:"\eae5"}.bx-font-size:before{content:"\eae6"}.bx-food-menu:before{content:"\eae7"}.bx-food-tag:before{content:"\eae8"}.bx-football:before{content:"\eae9"}.bx-fridge:before{content:"\eaea"}.bx-fullscreen:before{content:"\eaeb"}.bx-game:before{content:"\eaec"}.bx-gas-pump:before{content:"\eaed"}.bx-ghost:before{content:"\eaee"}.bx-gift:before{content:"\eaef"}.bx-git-branch:before{content:"\eaf0"}.bx-git-commit:before{content:"\eaf1"}.bx-git-compare:before{content:"\eaf2"}.bx-git-merge:before{content:"\eaf3"}.bx-git-pull-request:before{content:"\eaf4"}.bx-git-repo-forked:before{content:"\eaf5"}.bx-glasses:before{content:"\eaf6"}.bx-glasses-alt:before{content:"\eaf7"}.bx-globe:before{content:"\eaf8"}.bx-globe-alt:before{content:"\eaf9"}.bx-grid:before{content:"\eafa"}.bx-grid-alt:before{content:"\eafb"}.bx-grid-horizontal:before{content:"\eafc"}.bx-grid-small:before{content:"\eafd"}.bx-grid-vertical:before{content:"\eafe"}.bx-group:before{content:"\eaff"}.bx-handicap:before{content:"\eb00"}.bx-happy:before{content:"\eb01"}.bx-happy-alt:before{content:"\eb02"}.bx-happy-beaming:before{content:"\eb03"}.bx-happy-heart-eyes:before{content:"\eb04"}.bx-hash:before{content:"\eb05"}.bx-hdd:before{content:"\eb06"}.bx-heading:before{content:"\eb07"}.bx-headphone:before{content:"\eb08"}.bx-health:before{content:"\eb09"}.bx-heart:before{content:"\eb0a"}.bx-heart-circle:before{content:"\eb0b"}.bx-heart-square:before{content:"\eb0c"}.bx-help-circle:before{content:"\eb0d"}.bx-hide:before{content:"\eb0e"}.bx-highlight:before{content:"\eb0f"}.bx-history:before{content:"\eb10"}.bx-hive:before{content:"\eb11"}.bx-home:before{content:"\eb12"}.bx-home-alt:before{content:"\eb13"}.bx-home-circle:before{content:"\eb14"}.bx-home-heart:before{content:"\eb15"}.bx-home-smile:before{content:"\eb16"}.bx-horizontal-center:before{content:"\eb17"}.bx-hotel:before{content:"\eb18"}.bx-hourglass:before{content:"\eb19"}.bx-id-card:before{content:"\eb1a"}.bx-image:before{content:"\eb1b"}.bx-image-add:before{content:"\eb1c"}.bx-image-alt:before{content:"\eb1d"}.bx-images:before{content:"\eb1e"}.bx-import:before{content:"\eb1f"}.bx-infinite:before{content:"\eb20"}.bx-info-circle:before{content:"\eb21"}.bx-info-square:before{content:"\eb22"}.bx-intersect:before{content:"\eb23"}.bx-italic:before{content:"\eb24"}.bx-joystick:before{content:"\eb25"}.bx-joystick-alt:before{content:"\eb26"}.bx-joystick-button:before{content:"\eb27"}.bx-key:before{content:"\eb28"}.bx-label:before{content:"\eb29"}.bx-landscape:before{content:"\eb2a"}.bx-laptop:before{content:"\eb2b"}.bx-last-page:before{content:"\eb2c"}.bx-laugh:before{content:"\eb2d"}.bx-layer:before{content:"\eb2e"}.bx-layer-minus:before{content:"\eb2f"}.bx-layer-plus:before{content:"\eb30"}.bx-layout:before{content:"\eb31"}.bx-left-arrow:before{content:"\eb32"}.bx-left-arrow-alt:before{content:"\eb33"}.bx-left-arrow-circle:before{content:"\eb34"}.bx-left-down-arrow-circle:before{content:"\eb35"}.bx-left-indent:before{content:"\eb36"}.bx-left-top-arrow-circle:before{content:"\eb37"}.bx-library:before{content:"\eb38"}.bx-like:before{content:"\eb39"}.bx-line-chart:before{content:"\eb3a"}.bx-line-chart-down:before{content:"\eb3b"}.bx-link:before{content:"\eb3c"}.bx-link-alt:before{content:"\eb3d"}.bx-link-external:before{content:"\eb3e"}.bx-lira:before{content:"\eb3f"}.bx-list-check:before{content:"\eb40"}.bx-list-minus:before{content:"\eb41"}.bx-list-ol:before{content:"\eb42"}.bx-list-plus:before{content:"\eb43"}.bx-list-ul:before{content:"\eb44"}.bx-loader:before{content:"\eb45"}.bx-loader-alt:before{content:"\eb46"}.bx-loader-circle:before{content:"\eb47"}.bx-location-plus:before{content:"\eb48"}.bx-lock:before{content:"\eb49"}.bx-lock-alt:before{content:"\eb4a"}.bx-lock-open:before{content:"\eb4b"}.bx-lock-open-alt:before{content:"\eb4c"}.bx-log-in:before{content:"\eb4d"}.bx-log-in-circle:before{content:"\eb4e"}.bx-log-out:before{content:"\eb4f"}.bx-log-out-circle:before{content:"\eb50"}.bx-low-vision:before{content:"\eb51"}.bx-magnet:before{content:"\eb52"}.bx-mail-send:before{content:"\eb53"}.bx-male:before{content:"\eb54"}.bx-male-sign:before{content:"\eb55"}.bx-map:before{content:"\eb56"}.bx-map-alt:before{content:"\eb57"}.bx-map-pin:before{content:"\eb58"}.bx-mask:before{content:"\eb59"}.bx-medal:before{content:"\eb5a"}.bx-meh:before{content:"\eb5b"}.bx-meh-alt:before{content:"\eb5c"}.bx-meh-blank:before{content:"\eb5d"}.bx-memory-card:before{content:"\eb5e"}.bx-menu:before{content:"\eb5f"}.bx-menu-alt-left:before{content:"\ef5b"}.bx-menu-alt-right:before{content:"\eb61"}.bx-merge:before{content:"\eb62"}.bx-message:before{content:"\eb63"}.bx-message-add:before{content:"\eb64"}.bx-message-alt:before{content:"\eb65"}.bx-message-alt-add:before{content:"\eb66"}.bx-message-alt-check:before{content:"\eb67"}.bx-message-alt-detail:before{content:"\eb68"}.bx-message-alt-dots:before{content:"\eb69"}.bx-message-alt-edit:before{content:"\eb6a"}.bx-message-alt-error:before{content:"\eb6b"}.bx-message-alt-minus:before{content:"\eb6c"}.bx-message-alt-x:before{content:"\eb6d"}.bx-message-check:before{content:"\eb6e"}.bx-message-detail:before{content:"\eb6f"}.bx-message-dots:before{content:"\eb70"}.bx-message-edit:before{content:"\eb71"}.bx-message-error:before{content:"\eb72"}.bx-message-minus:before{content:"\eb73"}.bx-message-rounded:before{content:"\eb74"}.bx-message-rounded-add:before{content:"\eb75"}.bx-message-rounded-check:before{content:"\eb76"}.bx-message-rounded-detail:before{content:"\eb77"}.bx-message-rounded-dots:before{content:"\eb78"}.bx-message-rounded-edit:before{content:"\ef5c"}.bx-message-rounded-error:before{content:"\eb7a"}.bx-message-rounded-minus:before{content:"\eb7b"}.bx-message-rounded-x:before{content:"\eb7c"}.bx-message-square:before{content:"\eb7d"}.bx-message-square-add:before{content:"\eb7e"}.bx-message-square-check:before{content:"\eb7f"}.bx-message-square-detail:before{content:"\eb80"}.bx-message-square-dots:before{content:"\eb81"}.bx-message-square-edit:before{content:"\eb82"}.bx-message-square-error:before{content:"\eb83"}.bx-message-square-minus:before{content:"\eb84"}.bx-message-square-x:before{content:"\eb85"}.bx-message-x:before{content:"\eb86"}.bx-meteor:before{content:"\eb87"}.bx-microchip:before{content:"\eb88"}.bx-microphone:before{content:"\eb89"}.bx-microphone-off:before{content:"\eb8a"}.bx-minus:before{content:"\eb8b"}.bx-minus-back:before{content:"\eb8c"}.bx-minus-circle:before{content:"\eb8d"}.bx-minus-front:before{content:"\eb8e"}.bx-mobile:before{content:"\eb8f"}.bx-mobile-alt:before{content:"\eb90"}.bx-mobile-landscape:before{content:"\eb91"}.bx-mobile-vibration:before{content:"\ef5d"}.bx-money:before{content:"\eb93"}.bx-moon:before{content:"\eb94"}.bx-mouse:before{content:"\eb95"}.bx-mouse-alt:before{content:"\eb96"}.bx-move:before{content:"\eb97"}.bx-move-horizontal:before{content:"\eb98"}.bx-move-vertical:before{content:"\eb99"}.bx-movie:before{content:"\eb9a"}.bx-movie-play:before{content:"\eb9b"}.bx-music:before{content:"\eb9c"}.bx-navigation:before{content:"\eb9d"}.bx-network-chart:before{content:"\eb9e"}.bx-news:before{content:"\eb9f"}.bx-no-entry:before{content:"\eba0"}.bx-note:before{content:"\eba1"}.bx-notepad:before{content:"\eba2"}.bx-notification:before{content:"\eba3"}.bx-notification-off:before{content:"\eba4"}.bx-outline:before{content:"\eba5"}.bx-package:before{content:"\eba6"}.bx-paint:before{content:"\eba7"}.bx-paint-roll:before{content:"\eba8"}.bx-palette:before{content:"\eba9"}.bx-paperclip:before{content:"\ebaa"}.bx-paper-plane:before{content:"\ef61"}.bx-paragraph:before{content:"\ebac"}.bx-paste:before{content:"\ebad"}.bx-pause:before{content:"\ebae"}.bx-pause-circle:before{content:"\ebaf"}.bx-pen:before{content:"\ebb0"}.bx-pencil:before{content:"\ebb1"}.bx-phone:before{content:"\ebb2"}.bx-phone-call:before{content:"\ebb3"}.bx-phone-incoming:before{content:"\ebb4"}.bx-phone-off:before{content:"\ebb5"}.bx-phone-outgoing:before{content:"\ebb6"}.bx-photo-album:before{content:"\ebb7"}.bx-pie-chart:before{content:"\ebb8"}.bx-pie-chart-alt:before{content:"\ebb9"}.bx-pie-chart-alt-2:before{content:"\ebba"}.bx-pin:before{content:"\ebbb"}.bx-planet:before{content:"\ebbc"}.bx-play:before{content:"\ebbd"}.bx-play-circle:before{content:"\ebbe"}.bx-plug:before{content:"\ebbf"}.bx-plus:before{content:"\ebc0"}.bx-plus-circle:before{content:"\ebc1"}.bx-plus-medical:before{content:"\ebc2"}.bx-podcast:before{content:"\ebc3"}.bx-pointer:before{content:"\ef5e"}.bx-poll:before{content:"\ebc5"}.bx-polygon:before{content:"\ebc6"}.bx-pound:before{content:"\ebc7"}.bx-power-off:before{content:"\ebc8"}.bx-printer:before{content:"\ebc9"}.bx-pulse:before{content:"\ebca"}.bx-purchase-tag:before{content:"\ebcb"}.bx-purchase-tag-alt:before{content:"\ebcc"}.bx-pyramid:before{content:"\ebcd"}.bx-qr:before{content:"\ebce"}.bx-qr-scan:before{content:"\ebcf"}.bx-question-mark:before{content:"\ebd0"}.bx-radar:before{content:"\ebd1"}.bx-radio:before{content:"\ebd2"}.bx-radio-circle:before{content:"\ebd3"}.bx-radio-circle-marked:before{content:"\ebd4"}.bx-receipt:before{content:"\ebd5"}.bx-rectangle:before{content:"\ebd6"}.bx-recycle:before{content:"\ebd7"}.bx-redo:before{content:"\ebd8"}.bx-refresh:before{content:"\ebd9"}.bx-registered:before{content:"\ebda"}.bx-rename:before{content:"\ebdb"}.bx-repeat:before{content:"\ebdc"}.bx-reply:before{content:"\ef5f"}.bx-reply-all:before{content:"\ebde"}.bx-repost:before{content:"\ebdf"}.bx-reset:before{content:"\ebe0"}.bx-restaurant:before{content:"\ebe1"}.bx-revision:before{content:"\ebe2"}.bx-rewind:before{content:"\ebe3"}.bx-rewind-circle:before{content:"\ebe4"}.bx-right-arrow:before{content:"\ebe5"}.bx-right-arrow-alt:before{content:"\ebe6"}.bx-right-arrow-circle:before{content:"\ebe7"}.bx-right-down-arrow-circle:before{content:"\ebe8"}.bx-right-indent:before{content:"\ebe9"}.bx-right-top-arrow-circle:before{content:"\ebea"}.bx-rocket:before{content:"\ebeb"}.bx-rotate-left:before{content:"\ebec"}.bx-rotate-right:before{content:"\ebed"}.bx-rss:before{content:"\ebee"}.bx-ruble:before{content:"\ebef"}.bx-ruler:before{content:"\ebf0"}.bx-run:before{content:"\ebf1"}.bx-rupee:before{content:"\ebf2"}.bx-sad:before{content:"\ebf3"}.bx-save:before{content:"\ebf4"}.bx-scan:before{content:"\ebf5"}.bx-screenshot:before{content:"\ef60"}.bx-search:before{content:"\ebf7"}.bx-search-alt:before{content:"\ebf8"}.bx-search-alt-2:before{content:"\ebf9"}.bx-selection:before{content:"\ebfa"}.bx-select-multiple:before{content:"\ebfb"}.bx-send:before{content:"\ebfc"}.bx-server:before{content:"\ebfd"}.bx-shape-circle:before{content:"\ebfe"}.bx-shape-polygon:before{content:"\ebff"}.bx-shape-square:before{content:"\ec00"}.bx-shape-triangle:before{content:"\ec01"}.bx-share:before{content:"\ec02"}.bx-share-alt:before{content:"\ec03"}.bx-shekel:before{content:"\ec04"}.bx-shield:before{content:"\ec05"}.bx-shield-alt:before{content:"\ec06"}.bx-shield-alt-2:before{content:"\ec07"}.bx-shield-quarter:before{content:"\ec08"}.bx-shield-x:before{content:"\ec09"}.bx-shocked:before{content:"\ec0a"}.bx-shopping-bag:before{content:"\ec0b"}.bx-show:before{content:"\ec0c"}.bx-show-alt:before{content:"\ec0d"}.bx-shuffle:before{content:"\ec0e"}.bx-sidebar:before{content:"\ec0f"}.bx-sitemap:before{content:"\ec10"}.bx-skip-next:before{content:"\ec11"}.bx-skip-next-circle:before{content:"\ec12"}.bx-skip-previous:before{content:"\ec13"}.bx-skip-previous-circle:before{content:"\ec14"}.bx-sleepy:before{content:"\ec15"}.bx-slider:before{content:"\ec16"}.bx-slider-alt:before{content:"\ec17"}.bx-slideshow:before{content:"\ec18"}.bx-smile:before{content:"\ec19"}.bx-sort:before{content:"\ec1a"}.bx-sort-alt-2:before{content:"\ec1b"}.bx-sort-a-z:before{content:"\ec1c"}.bx-sort-down:before{content:"\ec1d"}.bx-sort-up:before{content:"\ec1e"}.bx-sort-z-a:before{content:"\ec1f"}.bx-spa:before{content:"\ec20"}.bx-space-bar:before{content:"\ec21"}.bx-speaker:before{content:"\ec22"}.bx-spray-can:before{content:"\ec23"}.bx-spreadsheet:before{content:"\ec24"}.bx-square:before{content:"\ec25"}.bx-square-rounded:before{content:"\ec26"}.bx-star:before{content:"\ec27"}.bx-station:before{content:"\ec28"}.bx-stats:before{content:"\ec29"}.bx-sticker:before{content:"\ec2a"}.bx-stop:before{content:"\ec2b"}.bx-stop-circle:before{content:"\ec2c"}.bx-stopwatch:before{content:"\ec2d"}.bx-store:before{content:"\ec2e"}.bx-store-alt:before{content:"\ec2f"}.bx-street-view:before{content:"\ec30"}.bx-strikethrough:before{content:"\ec31"}.bx-subdirectory-left:before{content:"\ec32"}.bx-subdirectory-right:before{content:"\ec33"}.bx-sun:before{content:"\ec34"}.bx-support:before{content:"\ec35"}.bx-swim:before{content:"\ec36"}.bx-sync:before{content:"\ec37"}.bx-tab:before{content:"\ec38"}.bx-table:before{content:"\ec39"}.bx-tachometer:before{content:"\ec3a"}.bx-tag:before{content:"\ec3b"}.bx-tag-alt:before{content:"\ec3c"}.bx-target-lock:before{content:"\ec3d"}.bx-task:before{content:"\ec3e"}.bx-task-x:before{content:"\ec3f"}.bx-taxi:before{content:"\ec40"}.bx-tennis-ball:before{content:"\ec41"}.bx-terminal:before{content:"\ec42"}.bx-test-tube:before{content:"\ec43"}.bx-text:before{content:"\ec44"}.bx-time:before{content:"\ec45"}.bx-time-five:before{content:"\ec46"}.bx-timer:before{content:"\ec47"}.bx-tired:before{content:"\ec48"}.bx-toggle-left:before{content:"\ec49"}.bx-toggle-right:before{content:"\ec4a"}.bx-tone:before{content:"\ec4b"}.bx-traffic-cone:before{content:"\ec4c"}.bx-train:before{content:"\ec4d"}.bx-transfer:before{content:"\ec4e"}.bx-transfer-alt:before{content:"\ec4f"}.bx-trash:before{content:"\ec50"}.bx-trash-alt:before{content:"\ec51"}.bx-trending-down:before{content:"\ec52"}.bx-trending-up:before{content:"\ec53"}.bx-trim:before{content:"\ec54"}.bx-trip:before{content:"\ec55"}.bx-trophy:before{content:"\ec56"}.bx-tv:before{content:"\ec57"}.bx-underline:before{content:"\ec58"}.bx-undo:before{content:"\ec59"}.bx-unite:before{content:"\ec5a"}.bx-unlink:before{content:"\ec5b"}.bx-up-arrow:before{content:"\ec5c"}.bx-up-arrow-alt:before{content:"\ec5d"}.bx-up-arrow-circle:before{content:"\ec5e"}.bx-upload:before{content:"\ec5f"}.bx-upside-down:before{content:"\ec60"}.bx-upvote:before{content:"\ec61"}.bx-usb:before{content:"\ec62"}.bx-user:before{content:"\ec63"}.bx-user-check:before{content:"\ec64"}.bx-user-circle:before{content:"\ec65"}.bx-user-minus:before{content:"\ec66"}.bx-user-pin:before{content:"\ec67"}.bx-user-plus:before{content:"\ec68"}.bx-user-voice:before{content:"\ec69"}.bx-user-x:before{content:"\ec6a"}.bx-vector:before{content:"\ec6b"}.bx-vertical-center:before{content:"\ec6c"}.bx-vial:before{content:"\ec6d"}.bx-video:before{content:"\ec6e"}.bx-video-off:before{content:"\ec6f"}.bx-video-plus:before{content:"\ec70"}.bx-video-recording:before{content:"\ec71"}.bx-voicemail:before{content:"\ec72"}.bx-volume:before{content:"\ec73"}.bx-volume-full:before{content:"\ec74"}.bx-volume-low:before{content:"\ec75"}.bx-volume-mute:before{content:"\ec76"}.bx-walk:before{content:"\ec77"}.bx-wallet:before{content:"\ec78"}.bx-wallet-alt:before{content:"\ec79"}.bx-water:before{content:"\ec7a"}.bx-webcam:before{content:"\ec7b"}.bx-wifi:before{content:"\ec7c"}.bx-wifi-0:before{content:"\ec7d"}.bx-wifi-1:before{content:"\ec7e"}.bx-wifi-2:before{content:"\ec7f"}.bx-wifi-off:before{content:"\ec80"}.bx-wind:before{content:"\ec81"}.bx-window:before{content:"\ec82"}.bx-window-alt:before{content:"\ec83"}.bx-window-close:before{content:"\ec84"}.bx-window-open:before{content:"\ec85"}.bx-windows:before{content:"\ec86"}.bx-wine:before{content:"\ec87"}.bx-wink-smile:before{content:"\ec88"}.bx-wink-tongue:before{content:"\ec89"}.bx-won:before{content:"\ec8a"}.bx-world:before{content:"\ec8b"}.bx-wrench:before{content:"\ec8c"}.bx-x:before{content:"\ec8d"}.bx-x-circle:before{content:"\ec8e"}.bx-yen:before{content:"\ec8f"}.bx-zoom-in:before{content:"\ec90"}.bx-zoom-out:before{content:"\ec91"}.bxs-party:before{content:"\ec92"}.bxs-hot:before{content:"\ec93"}.bxs-droplet:before{content:"\ec94"}.bxs-cat:before{content:"\ec95"}.bxs-dog:before{content:"\ec96"}.bxs-injection:before{content:"\ec97"}.bxs-leaf:before{content:"\ec98"}.bxs-add-to-queue:before{content:"\ec99"}.bxs-adjust:before{content:"\ec9a"}.bxs-adjust-alt:before{content:"\ec9b"}.bxs-alarm:before{content:"\ec9c"}.bxs-alarm-add:before{content:"\ec9d"}.bxs-alarm-exclamation:before{content:"\ec9e"}.bxs-alarm-off:before{content:"\ec9f"}.bxs-alarm-snooze:before{content:"\eca0"}.bxs-album:before{content:"\eca1"}.bxs-ambulance:before{content:"\eca2"}.bxs-analyse:before{content:"\eca3"}.bxs-angry:before{content:"\eca4"}.bxs-arch:before{content:"\eca5"}.bxs-archive:before{content:"\eca6"}.bxs-archive-in:before{content:"\eca7"}.bxs-archive-out:before{content:"\eca8"}.bxs-area:before{content:"\eca9"}.bxs-arrow-from-bottom:before{content:"\ecaa"}.bxs-arrow-from-left:before{content:"\ecab"}.bxs-arrow-from-right:before{content:"\ecac"}.bxs-arrow-from-top:before{content:"\ecad"}.bxs-arrow-to-bottom:before{content:"\ecae"}.bxs-arrow-to-left:before{content:"\ecaf"}.bxs-arrow-to-right:before{content:"\ecb0"}.bxs-arrow-to-top:before{content:"\ecb1"}.bxs-award:before{content:"\ecb2"}.bxs-baby-carriage:before{content:"\ecb3"}.bxs-backpack:before{content:"\ecb4"}.bxs-badge:before{content:"\ecb5"}.bxs-badge-check:before{content:"\ecb6"}.bxs-badge-dollar:before{content:"\ecb7"}.bxs-ball:before{content:"\ecb8"}.bxs-band-aid:before{content:"\ecb9"}.bxs-bank:before{content:"\ecba"}.bxs-bar-chart-alt-2:before{content:"\ecbb"}.bxs-bar-chart-square:before{content:"\ecbc"}.bxs-barcode:before{content:"\ecbd"}.bxs-baseball:before{content:"\ecbe"}.bxs-basket:before{content:"\ecbf"}.bxs-basketball:before{content:"\ecc0"}.bxs-bath:before{content:"\ecc1"}.bxs-battery:before{content:"\ecc2"}.bxs-battery-charging:before{content:"\ecc3"}.bxs-battery-full:before{content:"\ecc4"}.bxs-battery-low:before{content:"\ecc5"}.bxs-bed:before{content:"\ecc6"}.bxs-been-here:before{content:"\ecc7"}.bxs-beer:before{content:"\ecc8"}.bxs-bell:before{content:"\ecc9"}.bxs-bell-minus:before{content:"\ecca"}.bxs-bell-off:before{content:"\eccb"}.bxs-bell-plus:before{content:"\eccc"}.bxs-bell-ring:before{content:"\eccd"}.bxs-bible:before{content:"\ecce"}.bxs-binoculars:before{content:"\eccf"}.bxs-blanket:before{content:"\ecd0"}.bxs-bolt:before{content:"\ecd1"}.bxs-bolt-circle:before{content:"\ecd2"}.bxs-bomb:before{content:"\ecd3"}.bxs-bone:before{content:"\ecd4"}.bxs-bong:before{content:"\ecd5"}.bxs-book:before{content:"\ecd6"}.bxs-book-add:before{content:"\ecd7"}.bxs-book-alt:before{content:"\ecd8"}.bxs-book-bookmark:before{content:"\ecd9"}.bxs-book-content:before{content:"\ecda"}.bxs-book-heart:before{content:"\ecdb"}.bxs-bookmark:before{content:"\ecdc"}.bxs-bookmark-alt:before{content:"\ecdd"}.bxs-bookmark-alt-minus:before{content:"\ecde"}.bxs-bookmark-alt-plus:before{content:"\ecdf"}.bxs-bookmark-heart:before{content:"\ece0"}.bxs-bookmark-minus:before{content:"\ece1"}.bxs-bookmark-plus:before{content:"\ece2"}.bxs-bookmarks:before{content:"\ece3"}.bxs-bookmark-star:before{content:"\ece4"}.bxs-book-open:before{content:"\ece5"}.bxs-book-reader:before{content:"\ece6"}.bxs-bot:before{content:"\ece7"}.bxs-bowling-ball:before{content:"\ece8"}.bxs-box:before{content:"\ece9"}.bxs-brain:before{content:"\ecea"}.bxs-briefcase:before{content:"\eceb"}.bxs-briefcase-alt:before{content:"\ecec"}.bxs-briefcase-alt-2:before{content:"\eced"}.bxs-brightness:before{content:"\ecee"}.bxs-brightness-half:before{content:"\ecef"}.bxs-brush:before{content:"\ecf0"}.bxs-brush-alt:before{content:"\ecf1"}.bxs-bug:before{content:"\ecf2"}.bxs-bug-alt:before{content:"\ecf3"}.bxs-building:before{content:"\ecf4"}.bxs-building-house:before{content:"\ecf5"}.bxs-buildings:before{content:"\ecf6"}.bxs-bulb:before{content:"\ecf7"}.bxs-bullseye:before{content:"\ecf8"}.bxs-buoy:before{content:"\ecf9"}.bxs-bus:before{content:"\ecfa"}.bxs-business:before{content:"\ecfb"}.bxs-bus-school:before{content:"\ecfc"}.bxs-cabinet:before{content:"\ecfd"}.bxs-cake:before{content:"\ecfe"}.bxs-calculator:before{content:"\ecff"}.bxs-calendar:before{content:"\ed00"}.bxs-calendar-alt:before{content:"\ed01"}.bxs-calendar-check:before{content:"\ed02"}.bxs-calendar-edit:before{content:"\ed03"}.bxs-calendar-event:before{content:"\ed04"}.bxs-calendar-exclamation:before{content:"\ed05"}.bxs-calendar-heart:before{content:"\ed06"}.bxs-calendar-minus:before{content:"\ed07"}.bxs-calendar-plus:before{content:"\ed08"}.bxs-calendar-star:before{content:"\ed09"}.bxs-calendar-week:before{content:"\ed0a"}.bxs-calendar-x:before{content:"\ed0b"}.bxs-camera:before{content:"\ed0c"}.bxs-camera-home:before{content:"\ed0d"}.bxs-camera-movie:before{content:"\ed0e"}.bxs-camera-off:before{content:"\ed0f"}.bxs-camera-plus:before{content:"\ed10"}.bxs-capsule:before{content:"\ed11"}.bxs-captions:before{content:"\ed12"}.bxs-car:before{content:"\ed13"}.bxs-car-battery:before{content:"\ed14"}.bxs-car-crash:before{content:"\ed15"}.bxs-card:before{content:"\ed16"}.bxs-caret-down-circle:before{content:"\ed17"}.bxs-caret-down-square:before{content:"\ed18"}.bxs-caret-left-circle:before{content:"\ed19"}.bxs-caret-left-square:before{content:"\ed1a"}.bxs-caret-right-circle:before{content:"\ed1b"}.bxs-caret-right-square:before{content:"\ed1c"}.bxs-caret-up-circle:before{content:"\ed1d"}.bxs-caret-up-square:before{content:"\ed1e"}.bxs-car-garage:before{content:"\ed1f"}.bxs-car-mechanic:before{content:"\ed20"}.bxs-carousel:before{content:"\ed21"}.bxs-cart:before{content:"\ed22"}.bxs-cart-add:before{content:"\ed23"}.bxs-cart-alt:before{content:"\ed24"}.bxs-cart-download:before{content:"\ed25"}.bxs-car-wash:before{content:"\ed26"}.bxs-category:before{content:"\ed27"}.bxs-category-alt:before{content:"\ed28"}.bxs-cctv:before{content:"\ed29"}.bxs-certification:before{content:"\ed2a"}.bxs-chalkboard:before{content:"\ed2b"}.bxs-chart:before{content:"\ed2c"}.bxs-chat:before{content:"\ed2d"}.bxs-checkbox:before{content:"\ed2e"}.bxs-checkbox-checked:before{content:"\ed2f"}.bxs-checkbox-minus:before{content:"\ed30"}.bxs-check-circle:before{content:"\ed31"}.bxs-check-shield:before{content:"\ed32"}.bxs-check-square:before{content:"\ed33"}.bxs-chess:before{content:"\ed34"}.bxs-chevron-down:before{content:"\ed35"}.bxs-chevron-down-circle:before{content:"\ed36"}.bxs-chevron-down-square:before{content:"\ed37"}.bxs-chevron-left:before{content:"\ed38"}.bxs-chevron-left-circle:before{content:"\ed39"}.bxs-chevron-left-square:before{content:"\ed3a"}.bxs-chevron-right:before{content:"\ed3b"}.bxs-chevron-right-circle:before{content:"\ed3c"}.bxs-chevron-right-square:before{content:"\ed3d"}.bxs-chevrons-down:before{content:"\ed3e"}.bxs-chevrons-left:before{content:"\ed3f"}.bxs-chevrons-right:before{content:"\ed40"}.bxs-chevrons-up:before{content:"\ed41"}.bxs-chevron-up:before{content:"\ed42"}.bxs-chevron-up-circle:before{content:"\ed43"}.bxs-chevron-up-square:before{content:"\ed44"}.bxs-chip:before{content:"\ed45"}.bxs-church:before{content:"\ed46"}.bxs-circle:before{content:"\ed47"}.bxs-city:before{content:"\ed48"}.bxs-clinic:before{content:"\ed49"}.bxs-cloud:before{content:"\ed4a"}.bxs-cloud-download:before{content:"\ed4b"}.bxs-cloud-lightning:before{content:"\ed4c"}.bxs-cloud-rain:before{content:"\ed4d"}.bxs-cloud-upload:before{content:"\ed4e"}.bxs-coffee:before{content:"\ed4f"}.bxs-coffee-alt:before{content:"\ed50"}.bxs-coffee-togo:before{content:"\ed51"}.bxs-cog:before{content:"\ed52"}.bxs-coin:before{content:"\ed53"}.bxs-coin-stack:before{content:"\ed54"}.bxs-collection:before{content:"\ed55"}.bxs-color-fill:before{content:"\ed56"}.bxs-comment:before{content:"\ed57"}.bxs-comment-add:before{content:"\ed58"}.bxs-comment-check:before{content:"\ed59"}.bxs-comment-detail:before{content:"\ed5a"}.bxs-comment-dots:before{content:"\ed5b"}.bxs-comment-edit:before{content:"\ed5c"}.bxs-comment-error:before{content:"\ed5d"}.bxs-comment-minus:before{content:"\ed5e"}.bxs-comment-x:before{content:"\ed5f"}.bxs-compass:before{content:"\ed60"}.bxs-component:before{content:"\ed61"}.bxs-confused:before{content:"\ed62"}.bxs-contact:before{content:"\ed63"}.bxs-conversation:before{content:"\ed64"}.bxs-cookie:before{content:"\ed65"}.bxs-cool:before{content:"\ed66"}.bxs-copy:before{content:"\ed67"}.bxs-copy-alt:before{content:"\ed68"}.bxs-copyright:before{content:"\ed69"}.bxs-coupon:before{content:"\ed6a"}.bxs-credit-card:before{content:"\ed6b"}.bxs-credit-card-alt:before{content:"\ed6c"}.bxs-credit-card-front:before{content:"\ed6d"}.bxs-crop:before{content:"\ed6e"}.bxs-crown:before{content:"\ed6f"}.bxs-cube:before{content:"\ed70"}.bxs-cube-alt:before{content:"\ed71"}.bxs-cuboid:before{content:"\ed72"}.bxs-customize:before{content:"\ed73"}.bxs-cylinder:before{content:"\ed74"}.bxs-dashboard:before{content:"\ed75"}.bxs-data:before{content:"\ed76"}.bxs-detail:before{content:"\ed77"}.bxs-devices:before{content:"\ed78"}.bxs-diamond:before{content:"\ed79"}.bxs-dice-1:before{content:"\ed7a"}.bxs-dice-2:before{content:"\ed7b"}.bxs-dice-3:before{content:"\ed7c"}.bxs-dice-4:before{content:"\ed7d"}.bxs-dice-5:before{content:"\ed7e"}.bxs-dice-6:before{content:"\ed7f"}.bxs-direction-left:before{content:"\ed80"}.bxs-direction-right:before{content:"\ed81"}.bxs-directions:before{content:"\ed82"}.bxs-disc:before{content:"\ed83"}.bxs-discount:before{content:"\ed84"}.bxs-dish:before{content:"\ed85"}.bxs-dislike:before{content:"\ed86"}.bxs-dizzy:before{content:"\ed87"}.bxs-dock-bottom:before{content:"\ed88"}.bxs-dock-left:before{content:"\ed89"}.bxs-dock-right:before{content:"\ed8a"}.bxs-dock-top:before{content:"\ed8b"}.bxs-dollar-circle:before{content:"\ed8c"}.bxs-donate-blood:before{content:"\ed8d"}.bxs-donate-heart:before{content:"\ed8e"}.bxs-door-open:before{content:"\ed8f"}.bxs-doughnut-chart:before{content:"\ed90"}.bxs-down-arrow:before{content:"\ed91"}.bxs-down-arrow-alt:before{content:"\ed92"}.bxs-down-arrow-circle:before{content:"\ed93"}.bxs-down-arrow-square:before{content:"\ed94"}.bxs-download:before{content:"\ed95"}.bxs-downvote:before{content:"\ed96"}.bxs-drink:before{content:"\ed97"}.bxs-droplet-half:before{content:"\ed98"}.bxs-dryer:before{content:"\ed99"}.bxs-duplicate:before{content:"\ed9a"}.bxs-edit:before{content:"\ed9b"}.bxs-edit-alt:before{content:"\ed9c"}.bxs-edit-location:before{content:"\ed9d"}.bxs-eject:before{content:"\ed9e"}.bxs-envelope:before{content:"\ed9f"}.bxs-envelope-open:before{content:"\eda0"}.bxs-eraser:before{content:"\eda1"}.bxs-error:before{content:"\eda2"}.bxs-error-alt:before{content:"\eda3"}.bxs-error-circle:before{content:"\eda4"}.bxs-ev-station:before{content:"\eda5"}.bxs-exit:before{content:"\eda6"}.bxs-extension:before{content:"\eda7"}.bxs-eyedropper:before{content:"\eda8"}.bxs-face:before{content:"\eda9"}.bxs-face-mask:before{content:"\edaa"}.bxs-factory:before{content:"\edab"}.bxs-fast-forward-circle:before{content:"\edac"}.bxs-file:before{content:"\edad"}.bxs-file-archive:before{content:"\edae"}.bxs-file-blank:before{content:"\edaf"}.bxs-file-css:before{content:"\edb0"}.bxs-file-doc:before{content:"\edb1"}.bxs-file-export:before{content:"\edb2"}.bxs-file-find:before{content:"\edb3"}.bxs-file-gif:before{content:"\edb4"}.bxs-file-html:before{content:"\edb5"}.bxs-file-image:before{content:"\edb6"}.bxs-file-import:before{content:"\edb7"}.bxs-file-jpg:before{content:"\edb8"}.bxs-file-js:before{content:"\edb9"}.bxs-file-json:before{content:"\edba"}.bxs-file-md:before{content:"\edbb"}.bxs-file-pdf:before{content:"\edbc"}.bxs-file-plus:before{content:"\edbd"}.bxs-file-png:before{content:"\edbe"}.bxs-file-txt:before{content:"\edbf"}.bxs-film:before{content:"\edc0"}.bxs-filter-alt:before{content:"\edc1"}.bxs-first-aid:before{content:"\edc2"}.bxs-flag:before{content:"\edc3"}.bxs-flag-alt:before{content:"\edc4"}.bxs-flag-checkered:before{content:"\edc5"}.bxs-flame:before{content:"\edc6"}.bxs-flask:before{content:"\edc7"}.bxs-florist:before{content:"\edc8"}.bxs-folder:before{content:"\edc9"}.bxs-folder-minus:before{content:"\edca"}.bxs-folder-open:before{content:"\edcb"}.bxs-folder-plus:before{content:"\edcc"}.bxs-food-menu:before{content:"\edcd"}.bxs-fridge:before{content:"\edce"}.bxs-game:before{content:"\edcf"}.bxs-gas-pump:before{content:"\edd0"}.bxs-ghost:before{content:"\edd1"}.bxs-gift:before{content:"\edd2"}.bxs-graduation:before{content:"\edd3"}.bxs-grid:before{content:"\edd4"}.bxs-grid-alt:before{content:"\edd5"}.bxs-group:before{content:"\edd6"}.bxs-guitar-amp:before{content:"\edd7"}.bxs-hand:before{content:"\edd8"}.bxs-hand-down:before{content:"\edd9"}.bxs-hand-left:before{content:"\edda"}.bxs-hand-right:before{content:"\eddb"}.bxs-hand-up:before{content:"\eddc"}.bxs-happy:before{content:"\eddd"}.bxs-happy-alt:before{content:"\edde"}.bxs-happy-beaming:before{content:"\eddf"}.bxs-happy-heart-eyes:before{content:"\ede0"}.bxs-hdd:before{content:"\ede1"}.bxs-heart:before{content:"\ede2"}.bxs-heart-circle:before{content:"\ede3"}.bxs-heart-square:before{content:"\ede4"}.bxs-help-circle:before{content:"\ede5"}.bxs-hide:before{content:"\ede6"}.bxs-home:before{content:"\ede7"}.bxs-home-circle:before{content:"\ede8"}.bxs-home-heart:before{content:"\ede9"}.bxs-home-smile:before{content:"\edea"}.bxs-hotel:before{content:"\edeb"}.bxs-hourglass:before{content:"\edec"}.bxs-hourglass-bottom:before{content:"\eded"}.bxs-hourglass-top:before{content:"\edee"}.bxs-id-card:before{content:"\edef"}.bxs-image:before{content:"\edf0"}.bxs-image-add:before{content:"\edf1"}.bxs-image-alt:before{content:"\edf2"}.bxs-inbox:before{content:"\edf3"}.bxs-info-circle:before{content:"\edf4"}.bxs-info-square:before{content:"\edf5"}.bxs-institution:before{content:"\edf6"}.bxs-joystick:before{content:"\edf7"}.bxs-joystick-alt:before{content:"\edf8"}.bxs-joystick-button:before{content:"\edf9"}.bxs-key:before{content:"\edfa"}.bxs-keyboard:before{content:"\edfb"}.bxs-label:before{content:"\edfc"}.bxs-landmark:before{content:"\edfd"}.bxs-landscape:before{content:"\edfe"}.bxs-laugh:before{content:"\edff"}.bxs-layer:before{content:"\ee00"}.bxs-layer-minus:before{content:"\ee01"}.bxs-layer-plus:before{content:"\ee02"}.bxs-layout:before{content:"\ee03"}.bxs-left-arrow:before{content:"\ee04"}.bxs-left-arrow-alt:before{content:"\ee05"}.bxs-left-arrow-circle:before{content:"\ee06"}.bxs-left-arrow-square:before{content:"\ee07"}.bxs-left-down-arrow-circle:before{content:"\ee08"}.bxs-left-top-arrow-circle:before{content:"\ee09"}.bxs-like:before{content:"\ee0a"}.bxs-location-plus:before{content:"\ee0b"}.bxs-lock:before{content:"\ee0c"}.bxs-lock-alt:before{content:"\ee0d"}.bxs-lock-open:before{content:"\ee0e"}.bxs-lock-open-alt:before{content:"\ee0f"}.bxs-log-in:before{content:"\ee10"}.bxs-log-in-circle:before{content:"\ee11"}.bxs-log-out:before{content:"\ee12"}.bxs-log-out-circle:before{content:"\ee13"}.bxs-low-vision:before{content:"\ee14"}.bxs-magic-wand:before{content:"\ee15"}.bxs-magnet:before{content:"\ee16"}.bxs-map:before{content:"\ee17"}.bxs-map-alt:before{content:"\ee18"}.bxs-map-pin:before{content:"\ee19"}.bxs-mask:before{content:"\ee1a"}.bxs-medal:before{content:"\ee1b"}.bxs-megaphone:before{content:"\ee1c"}.bxs-meh:before{content:"\ee1d"}.bxs-meh-alt:before{content:"\ee1e"}.bxs-meh-blank:before{content:"\ee1f"}.bxs-memory-card:before{content:"\ee20"}.bxs-message:before{content:"\ee21"}.bxs-message-add:before{content:"\ee22"}.bxs-message-alt:before{content:"\ee23"}.bxs-message-alt-add:before{content:"\ee24"}.bxs-message-alt-check:before{content:"\ee25"}.bxs-message-alt-detail:before{content:"\ee26"}.bxs-message-alt-dots:before{content:"\ee27"}.bxs-message-alt-edit:before{content:"\ee28"}.bxs-message-alt-error:before{content:"\ee29"}.bxs-message-alt-minus:before{content:"\ee2a"}.bxs-message-alt-x:before{content:"\ee2b"}.bxs-message-check:before{content:"\ee2c"}.bxs-message-detail:before{content:"\ee2d"}.bxs-message-dots:before{content:"\ee2e"}.bxs-message-edit:before{content:"\ee2f"}.bxs-message-error:before{content:"\ee30"}.bxs-message-minus:before{content:"\ee31"}.bxs-message-rounded:before{content:"\ee32"}.bxs-message-rounded-add:before{content:"\ee33"}.bxs-message-rounded-check:before{content:"\ee34"}.bxs-message-rounded-detail:before{content:"\ee35"}.bxs-message-rounded-dots:before{content:"\ee36"}.bxs-message-rounded-edit:before{content:"\ee37"}.bxs-message-rounded-error:before{content:"\ee38"}.bxs-message-rounded-minus:before{content:"\ee39"}.bxs-message-rounded-x:before{content:"\ee3a"}.bxs-message-square:before{content:"\ee3b"}.bxs-message-square-add:before{content:"\ee3c"}.bxs-message-square-check:before{content:"\ee3d"}.bxs-message-square-detail:before{content:"\ee3e"}.bxs-message-square-dots:before{content:"\ee3f"}.bxs-message-square-edit:before{content:"\ee40"}.bxs-message-square-error:before{content:"\ee41"}.bxs-message-square-minus:before{content:"\ee42"}.bxs-message-square-x:before{content:"\ee43"}.bxs-message-x:before{content:"\ee44"}.bxs-meteor:before{content:"\ee45"}.bxs-microchip:before{content:"\ee46"}.bxs-microphone:before{content:"\ee47"}.bxs-microphone-alt:before{content:"\ee48"}.bxs-microphone-off:before{content:"\ee49"}.bxs-minus-circle:before{content:"\ee4a"}.bxs-minus-square:before{content:"\ee4b"}.bxs-mobile:before{content:"\ee4c"}.bxs-mobile-vibration:before{content:"\ee4d"}.bxs-moon:before{content:"\ee4e"}.bxs-mouse:before{content:"\ee4f"}.bxs-mouse-alt:before{content:"\ee50"}.bxs-movie:before{content:"\ee51"}.bxs-movie-play:before{content:"\ee52"}.bxs-music:before{content:"\ee53"}.bxs-navigation:before{content:"\ee54"}.bxs-network-chart:before{content:"\ee55"}.bxs-news:before{content:"\ee56"}.bxs-no-entry:before{content:"\ee57"}.bxs-note:before{content:"\ee58"}.bxs-notepad:before{content:"\ee59"}.bxs-notification:before{content:"\ee5a"}.bxs-notification-off:before{content:"\ee5b"}.bxs-offer:before{content:"\ee5c"}.bxs-package:before{content:"\ee5d"}.bxs-paint:before{content:"\ee5e"}.bxs-paint-roll:before{content:"\ee5f"}.bxs-palette:before{content:"\ee60"}.bxs-paper-plane:before{content:"\ee61"}.bxs-parking:before{content:"\ee62"}.bxs-paste:before{content:"\ee63"}.bxs-pen:before{content:"\ee64"}.bxs-pencil:before{content:"\ee65"}.bxs-phone:before{content:"\ee66"}.bxs-phone-call:before{content:"\ee67"}.bxs-phone-incoming:before{content:"\ee68"}.bxs-phone-off:before{content:"\ee69"}.bxs-phone-outgoing:before{content:"\ee6a"}.bxs-photo-album:before{content:"\ee6b"}.bxs-piano:before{content:"\ee6c"}.bxs-pie-chart:before{content:"\ee6d"}.bxs-pie-chart-alt:before{content:"\ee6e"}.bxs-pie-chart-alt-2:before{content:"\ee6f"}.bxs-pin:before{content:"\ee70"}.bxs-pizza:before{content:"\ee71"}.bxs-plane:before{content:"\ee72"}.bxs-plane-alt:before{content:"\ee73"}.bxs-plane-land:before{content:"\ee74"}.bxs-planet:before{content:"\ee75"}.bxs-plane-take-off:before{content:"\ee76"}.bxs-playlist:before{content:"\ee77"}.bxs-plug:before{content:"\ee78"}.bxs-plus-circle:before{content:"\ee79"}.bxs-plus-square:before{content:"\ee7a"}.bxs-pointer:before{content:"\ee7b"}.bxs-polygon:before{content:"\ee7c"}.bxs-printer:before{content:"\ee7d"}.bxs-purchase-tag:before{content:"\ee7e"}.bxs-purchase-tag-alt:before{content:"\ee7f"}.bxs-pyramid:before{content:"\ee80"}.bxs-quote-alt-left:before{content:"\ee81"}.bxs-quote-alt-right:before{content:"\ee82"}.bxs-quote-left:before{content:"\ee83"}.bxs-quote-right:before{content:"\ee84"}.bxs-quote-single-left:before{content:"\ee85"}.bxs-quote-single-right:before{content:"\ee86"}.bxs-radiation:before{content:"\ee87"}.bxs-radio:before{content:"\ee88"}.bxs-receipt:before{content:"\ee89"}.bxs-rectangle:before{content:"\ee8a"}.bxs-registered:before{content:"\ee8b"}.bxs-rename:before{content:"\ee8c"}.bxs-report:before{content:"\ee8d"}.bxs-rewind-circle:before{content:"\ee8e"}.bxs-right-arrow:before{content:"\ee8f"}.bxs-right-arrow-alt:before{content:"\ee90"}.bxs-right-arrow-circle:before{content:"\ee91"}.bxs-right-arrow-square:before{content:"\ee92"}.bxs-right-down-arrow-circle:before{content:"\ee93"}.bxs-right-top-arrow-circle:before{content:"\ee94"}.bxs-rocket:before{content:"\ee95"}.bxs-ruler:before{content:"\ee96"}.bxs-sad:before{content:"\ee97"}.bxs-save:before{content:"\ee98"}.bxs-school:before{content:"\ee99"}.bxs-search:before{content:"\ee9a"}.bxs-search-alt-2:before{content:"\ee9b"}.bxs-select-multiple:before{content:"\ee9c"}.bxs-send:before{content:"\ee9d"}.bxs-server:before{content:"\ee9e"}.bxs-shapes:before{content:"\ee9f"}.bxs-share:before{content:"\eea0"}.bxs-share-alt:before{content:"\eea1"}.bxs-shield:before{content:"\eea2"}.bxs-shield-alt-2:before{content:"\eea3"}.bxs-shield-x:before{content:"\eea4"}.bxs-ship:before{content:"\eea5"}.bxs-shocked:before{content:"\eea6"}.bxs-shopping-bag:before{content:"\eea7"}.bxs-shopping-bag-alt:before{content:"\eea8"}.bxs-shopping-bags:before{content:"\eea9"}.bxs-show:before{content:"\eeaa"}.bxs-skip-next-circle:before{content:"\eeab"}.bxs-skip-previous-circle:before{content:"\eeac"}.bxs-skull:before{content:"\eead"}.bxs-sleepy:before{content:"\eeae"}.bxs-slideshow:before{content:"\eeaf"}.bxs-smile:before{content:"\eeb0"}.bxs-sort-alt:before{content:"\eeb1"}.bxs-spa:before{content:"\eeb2"}.bxs-speaker:before{content:"\eeb3"}.bxs-spray-can:before{content:"\eeb4"}.bxs-spreadsheet:before{content:"\eeb5"}.bxs-square:before{content:"\eeb6"}.bxs-square-rounded:before{content:"\eeb7"}.bxs-star:before{content:"\eeb8"}.bxs-star-half:before{content:"\eeb9"}.bxs-sticker:before{content:"\eeba"}.bxs-stopwatch:before{content:"\eebb"}.bxs-store:before{content:"\eebc"}.bxs-store-alt:before{content:"\eebd"}.bxs-sun:before{content:"\eebe"}.bxs-tachometer:before{content:"\eebf"}.bxs-tag:before{content:"\eec0"}.bxs-tag-alt:before{content:"\eec1"}.bxs-tag-x:before{content:"\eec2"}.bxs-taxi:before{content:"\eec3"}.bxs-tennis-ball:before{content:"\eec4"}.bxs-terminal:before{content:"\eec5"}.bxs-thermometer:before{content:"\eec6"}.bxs-time:before{content:"\eec7"}.bxs-time-five:before{content:"\eec8"}.bxs-timer:before{content:"\eec9"}.bxs-tired:before{content:"\eeca"}.bxs-toggle-left:before{content:"\eecb"}.bxs-toggle-right:before{content:"\eecc"}.bxs-tone:before{content:"\eecd"}.bxs-torch:before{content:"\eece"}.bxs-to-top:before{content:"\eecf"}.bxs-traffic:before{content:"\eed0"}.bxs-traffic-barrier:before{content:"\eed1"}.bxs-traffic-cone:before{content:"\eed2"}.bxs-train:before{content:"\eed3"}.bxs-trash:before{content:"\eed4"}.bxs-trash-alt:before{content:"\eed5"}.bxs-tree:before{content:"\eed6"}.bxs-trophy:before{content:"\eed7"}.bxs-truck:before{content:"\eed8"}.bxs-t-shirt:before{content:"\eed9"}.bxs-tv:before{content:"\eeda"}.bxs-up-arrow:before{content:"\eedb"}.bxs-up-arrow-alt:before{content:"\eedc"}.bxs-up-arrow-circle:before{content:"\eedd"}.bxs-up-arrow-square:before{content:"\eede"}.bxs-upside-down:before{content:"\eedf"}.bxs-upvote:before{content:"\eee0"}.bxs-user:before{content:"\eee1"}.bxs-user-account:before{content:"\eee2"}.bxs-user-badge:before{content:"\eee3"}.bxs-user-check:before{content:"\eee4"}.bxs-user-circle:before{content:"\eee5"}.bxs-user-detail:before{content:"\eee6"}.bxs-user-minus:before{content:"\eee7"}.bxs-user-pin:before{content:"\eee8"}.bxs-user-plus:before{content:"\eee9"}.bxs-user-rectangle:before{content:"\eeea"}.bxs-user-voice:before{content:"\eeeb"}.bxs-user-x:before{content:"\eeec"}.bxs-vector:before{content:"\eeed"}.bxs-vial:before{content:"\eeee"}.bxs-video:before{content:"\eeef"}.bxs-video-off:before{content:"\eef0"}.bxs-video-plus:before{content:"\eef1"}.bxs-video-recording:before{content:"\eef2"}.bxs-videos:before{content:"\eef3"}.bxs-virus:before{content:"\eef4"}.bxs-virus-block:before{content:"\eef5"}.bxs-volume:before{content:"\eef6"}.bxs-volume-full:before{content:"\eef7"}.bxs-volume-low:before{content:"\eef8"}.bxs-volume-mute:before{content:"\eef9"}.bxs-wallet:before{content:"\eefa"}.bxs-wallet-alt:before{content:"\eefb"}.bxs-washer:before{content:"\eefc"}.bxs-watch:before{content:"\eefd"}.bxs-watch-alt:before{content:"\eefe"}.bxs-webcam:before{content:"\eeff"}.bxs-widget:before{content:"\ef00"}.bxs-window-alt:before{content:"\ef01"}.bxs-wine:before{content:"\ef02"}.bxs-wink-smile:before{content:"\ef03"}.bxs-wink-tongue:before{content:"\ef04"}.bxs-wrench:before{content:"\ef05"}.bxs-x-circle:before{content:"\ef06"}.bxs-x-square:before{content:"\ef07"}.bxs-yin-yang:before{content:"\ef08"}.bxs-zap:before{content:"\ef09"}.bxs-zoom-in:before{content:"\ef0a"}.bxs-zoom-out:before{content:"\ef0b"}

/* source: templates/cs27Reg/css/google-translate.css */
/* Фиксируем позицию body, которую меняет панель гугла */

body {
    top: 0 !important;
    position: static !important;
}

/* Прячем панель гугла */

.skiptranslate {
    display: none !important;
}

/* Убираем подсветку ссылок */

.goog-text-highlight {
    background-color: inherit;
    box-shadow: none;
    box-sizing: inherit;
}

/* language */

.language {
    position: fixed;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999;
    display: flex;
    flex-direction: column;
}

.language__img {
    margin: 2px;
    cursor: pointer;
    opacity: .5;
}

.language__img:hover,
.language__img_active {
    opacity: 1;
}