html {
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
article,
aside,
footer,
header,
nav,
section {
display: block
}
h1 {
font-size: 2em;
margin: .67em 0
}
figcaption,
figure,
main {
display: block
}
figure {
margin: 1em 40px
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible
}
pre {
font-family: monospace, monospace;
font-size: 1em
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted
}
b,
strong {
font-weight: inherit
}
b,
strong {
font-weight: bolder
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em
}
dfn {
font-style: italic
}
mark {
background-color: #ff0;
color: #000
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
audio,
video {
display: inline-block
}
audio:not([controls]) {
display: none;
height: 0
}
img {
border-style: none
}
svg:not(:root) {
overflow: hidden
}
button,
input,
optgroup,
select,
textarea {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
margin: 0
}
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 {
border-style: none;
padding: 0
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
outline: 1px dotted ButtonText
}
fieldset {
padding: .35em .75em .625em
}
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal
}
progress {
display: inline-block;
vertical-align: baseline
}
textarea {
overflow: auto
}
[type=checkbox],
[type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
details,
menu {
display: block
}
summary {
display: list-item
}
canvas {
display: inline-block
}
template {
display: none
}
[hidden] {
display: none
}
@font-face {
font-family: 'numbers font';
src: url(/Content/fonts/exo.woff2) format('woff2'), url(/Content/fonts/exo.woff) format('woff');
font-weight: 400;
font-style: normal
}
body,
html {
height: 100%;
min-height: 100%
}
body {
color: #514d6a;
font-family: 'PT Sans', sans-serif;
font-size: 13px;
font-weight: 400
}
button,
input,
select,
textarea {
font-family: inherit;
font-size: inherit
}
a {
color: rgb(160, 158, 154);
text-decoration: none
}
a:hover {
color: #fe8d08;
text-decoration: none;
}
a.is-active {
color: #fe8d08;
text-decoration: none;
}
.clearfix:after {
clear: both;
content: '';
display: table
}
.main {
background: url(/Content/img/d2/background.png);
background-position: 50%;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
bottom: 40px;
left: 0;
position: absolute;
right: 360px;
top: 0;
background-color: #0a0a0a;
}
.main .mCSB_container {
background: url(/Content/img/d2/background.png);
background-position: 50%;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}
.main__inner {
background: url(/Content/img/d2/background_inner.png), linear-gradient(to bottom, rgba(18, 16, 34, 0) 0, #121022 100%);
background-size: cover
}
.main__inner .mCSB_container {
background: 0 0
}
.background-right {
background: url(/Content/img/d2/circle_background.png9);
height: 952px;
position: absolute;
right: 0;
top: 0;
width: 626px;
z-index: 10
}
.mCustomScrollbar {
-ms-touch-action: pinch-zoom;
touch-action: pinch-zoom
}
.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
-ms-touch-action: auto;
touch-action: auto
}
.mCustomScrollBox {
position: relative;
overflow: hidden;
height: 100%;
max-width: 100%;
outline: 0;
direction: ltr
}
.mCSB_container {
overflow: hidden;
width: auto;
height: auto;
min-height: 100%
}
.mCSB_inside>.mCSB_container {
margin-right: 30px
}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
margin-right: 0
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
margin-right: 0;
margin-left: 30px
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
margin-left: 0
}
.mCSB_scrollTools {
position: absolute;
width: 16px;
height: auto;
left: auto;
top: 0;
right: 0;
bottom: 0;
z-index: 220
}
.mCSB_outside+.mCSB_scrollTools {
right: -26px
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
right: auto;
left: 0
}
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
left: -26px
}
.mCSB_scrollTools .mCSB_draggerContainer {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: auto;
z-index: 220
}
.mCSB_scrollTools a+.mCSB_draggerContainer {
margin: 20px 0
}
.mCSB_scrollTools .mCSB_draggerRail {
width: 2px;
height: 100%;
margin: 0 auto;
border-radius: 16px
}
.mCSB_scrollTools .mCSB_dragger {
cursor: pointer;
width: 100%;
height: 30px;
z-index: 1
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
position: relative;
width: 10px;
height: 100%;
margin: 0 auto;
border-radius: 2px;
text-align: center
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
width: 12px
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
width: 8px
}
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonUp {
display: block;
position: absolute;
height: 20px;
width: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer
}
.mCSB_scrollTools .mCSB_buttonDown {
bottom: 0
}
.mCSB_container_wrapper {
position: absolute;
height: auto;
width: auto;
overflow: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin-right: 30px;
margin-bottom: 30px
}
.mCSB_container_wrapper>.mCSB_container {
padding-right: 30px;
padding-bottom: 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
bottom: 20px
}
.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
right: 20px
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
bottom: 0
}
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
right: 0
}
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
left: 20px
}
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
left: 0
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
margin-right: 0;
margin-left: 30px
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
padding-right: 0
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
padding-bottom: 0
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
margin-right: 0;
margin-left: 0
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
margin-bottom: 0
}
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
}
.mCSB_scrollTools {
opacity: .75;
filter: "alpha(opacity=75)";
-ms-filter: "alpha(opacity=75)"
}
.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
opacity: 0;
filter: "alpha(opacity=0)";
-ms-filter: "alpha(opacity=0)"
}
.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,
.mCustomScrollBox:hover>.mCSB_scrollTools,
.mCustomScrollBox:hover~.mCSB_scrollTools,
.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag {
opacity: 1;
filter: "alpha(opacity=100)";
-ms-filter: "alpha(opacity=100)"
}
.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, .4);
filter: "alpha(opacity=40)";
-ms-filter: "alpha(opacity=40)"
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #111;
filter: "alpha(opacity=50)";
-ms-filter: "alpha(opacity=50)"
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #111;
filter: "alpha(opacity=50)";
-ms-filter: "alpha(opacity=50)"
}
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #111;
filter: "alpha(opacity=50)";
-ms-filter: "alpha(opacity=50)"
}
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp {
background-repeat: no-repeat;
opacity: .4;
filter: "alpha(opacity=40)";
-ms-filter: "alpha(opacity=40)"
}
.mCSB_scrollTools .mCSB_buttonUp {
background-position: 0 0
}
.mCSB_scrollTools .mCSB_buttonDown {
background-position: 0 -20px
}
.mCSB_scrollTools .mCSB_buttonLeft {
background-position: 0 -40px
}
.mCSB_scrollTools .mCSB_buttonRight {
background-position: 0 -56px
}
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover,
.mCSB_scrollTools .mCSB_buttonUp:hover {
opacity: .75;
filter: "alpha(opacity=75)";
-ms-filter: "alpha(opacity=75)"
}
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active,
.mCSB_scrollTools .mCSB_buttonUp:active {
opacity: .9;
filter: "alpha(opacity=90)";
-ms-filter: "alpha(opacity=90)"
}
.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
right: 0;
margin: 12px 0
}
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
bottom: 0;
margin: 0 12px
}
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerContainer {
display: none
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
width: 4px;
background-color: #fff;
background-color: rgba(255, 255, 255, .1);
border-radius: 2px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 6px;
background-color: #fff;
background-color: rgba(255, 255, 255, .75);
border-radius: 2px
}
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 4px;
margin: 6px 0
}
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 6px;
margin: 5px auto
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, .85)
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, .9)
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
background: url(/Content/img/d2/icons.png);
background-position: -71px -111px;
width: 14px;
height: 8px;
top: 10px
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
background: url(/Content/img/d2/icons.png);
background-position: -85px -111px;
width: 14px;
height: 8px;
bottom: 10px
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -20px -40px
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
background-position: -20px -56px
}
.background-right {
background: url(/Content/img/d2/circle_background.png9);
height: 952px;
position: absolute;
right: 0;
top: 0;
width: 626px;
z-index: 10
}
.ps {
-ms-touch-action: auto;
touch-action: auto;
overflow: hidden!important;
-ms-overflow-style: none
}
.ps.ps--active-y>.ps__scrollbar-y-rail {
display: block;
background-color: transparent
}
.ps.ps--in-scrolling.ps--y>.ps__scrollbar-y-rail>.ps__scrollbar-y {
width: 6px
}
.ps>.ps__scrollbar-y-rail {
display: none;
position: absolute;
opacity: 0;
-webkit-transition: background-color .2s linear, opacity .2s linear;
transition: background-color .2s linear, opacity .2s linear;
right: 0;
width: 6px;
z-index: 170
}
.ps>.ps__scrollbar-y-rail>.ps__scrollbar-y {
position: absolute;
background-color: rgba(255, 255, 255, .4);
border-radius: 6px;
-webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
-webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
right: 6px;
width: 6px
}
.ps>.ps__scrollbar-y-rail:active>.ps__scrollbar-y,
.ps>.ps__scrollbar-y-rail:hover>.ps__scrollbar-y {
width: 6px
}
.ps:hover.ps--in-scrolling.ps--y>.ps__scrollbar-y-rail {
opacity: .9
}
.ps:hover.ps--in-scrolling.ps--y>.ps__scrollbar-y-rail>.ps__scrollbar-y {
width: 6px
}
.ps:hover>.ps__scrollbar-y-rail {
opacity: .6
}
.ps:hover>.ps__scrollbar-y-rail:hover {
opacity: .9
}
.selectric-wrapper {
display: inline-block;
position: relative;
cursor: pointer;
vertical-align: middle
}
.selectric-custom-select-big {
display: block
}
.selectric-responsive {
width: 100%
}
.selectric {
border-radius: 0;
position: relative;
overflow: hidden
}
.selectric .label {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin: 0 20px 0 0;
line-height: 13px;
color: #fe8d08;
height: 13px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.selectric-custom-select-big .label {
background: #202116;
border-radius: 5px 0 0 5px;
color: #a09e9a;
margin-right: 40px;
padding: 12px 15px
}
.selectric .button {
display: block;
position: absolute;
right: 5px;
top: 4px;
line-height: 6px;
background: url(/Content/img/dropdown.png);
color: transparent!important;
text-align: center;
width: 10px;
height: 6px
}
.selectric-items-filter-select .button {
background: url(/Content/img/d2/icons.png);
background-position: -141px -53px;
width: 7px;
height: 10px;
top: 0
}
.selectric-custom-select-big .button {
background: #202116 url(/Content/img/dropdown.png) no-repeat center center;
border-radius: 0 5px 5px 0;
bottom: 0;
height: auto;
right: 0;
top: 0;
width: 40px
}
.selectric-focus .selectric {
border-color: #aaa
}
.selectric-hover .selectric {
border-color: #c4c4c4
}
.selectric-hover .selectric .button {
color: #a2a2a2
}
.selectric-hover .selectric .button:after {
border-top-color: #a2a2a2
}
.selectric-open {
z-index: 9999
}
.selectric-open .selectric {
border-color: #c4c4c4
}
.selectric-open .selectric-items {
display: block
}
.selectric-disabled {
opacity: .5;
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.selectric-hide-select {
position: relative;
overflow: hidden;
width: 0;
height: 0
}
.selectric-hide-select select {
position: absolute;
left: -100%
}
.selectric-hide-select.selectric-is-native {
position: absolute;
width: 100%;
height: 100%;
z-index: 10
}
.selectric-hide-select.selectric-is-native select {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
border: none;
z-index: 1;
-webkit-box-sizing: border-box;
box-sizing: border-box;
opacity: 0
}
.selectric-input {
position: absolute!important;
top: 0!important;
left: 0!important;
overflow: hidden!important;
clip: rect(0, 0, 0, 0)!important;
margin: 0!important;
padding: 0!important;
width: 1px!important;
height: 1px!important;
outline: 0!important;
border: none!important;
background: 0 0!important
}
.selectric-temp-show {
position: absolute!important;
visibility: hidden!important;
display: block!important
}
.selectric-items {
display: none;
position: absolute;
top: 100%;
left: 0;
background: #0f0e15;
border: 1px solid #fe8d08;
z-index: -1;
-webkit-box-shadow: 0 0 10px -6px;
box-shadow: 0 0 10px -6px;
/* width: auto!important*/
}
.selectric-items .selectric-scroll {
height: 100%;
overflow: auto
}
.selectric-above .selectric-items {
top: auto;
bottom: 130%
}
.selectric-items li,
.selectric-items ul {
list-style: none;
padding: 0;
margin: 0;
font-size: 12px;
line-height: 20px;
min-height: 20px
}
.selectric-items li {
display: block;
padding: 10px;
color: #fe8d08;
cursor: pointer;
white-space: nowrap
}
.selectric-items li.selected {
background: #202116;
color: #fe8d08;
}
.selectric-items li.highlighted {
background: #202116;
color: #fe8d08;
}
.selectric-items li:hover {
background: #202116;
color: #fe8d08;
}
.selectric-items .disabled {
opacity: .5;
cursor: default!important;
background: 0 0!important;
color: #666!important;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.selectric-items .selectric-group .selectric-group-label {
font-weight: 700;
padding-left: 10px;
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: 0 0;
color: #444
}
.selectric-items .selectric-group.disabled li {
opacity: 1
}
.selectric-items .selectric-group li {
padding-left: 25px
}
.icon {
background: url(/Content/img/d2/icons.png);
display: inline-block;
vertical-align: middle
}
.icon__arrow-down {
background-position: -124px -110px;
width: 14px;
height: 8px
}
.icon__arrow-up {
background-position: -106px -90px;
width: 14px;
height: 8px
}
.icon__arrow {
background-position: -141px 0;
width: 12px;
height: 15px
}
.icon__arrows-down {
background-position: 0 -90px;
width: 53px;
height: 8px
}
.icon__arrows-top {
background-position: -53px -90px;
width: 53px;
height: 8px
}
.icon__change {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215.835%22%20height%3D%2214%22%20viewBox%3D%220%200%2015.834446%2013.999999%22%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M14.348%204.207C13.234%201.645%2010.74%200%207.932%200%205.06%200%202.434%201.8%201.4%204.48l2.178.84c.69-1.787%202.44-2.986%204.355-2.986%201.848%200%203.483%201.072%204.24%202.74l-1.588.636%204.062%202.343%201.188-4.44zM7.932%2011.667c-1.83%200-3.5-1.105-4.248-2.763l1.566-.606-4.02-2.292L0%2010.326l1.5-.578C2.59%2012.3%205.142%2014%207.93%2014c2.884%200%205.437-1.73%206.504-4.407l-2.167-.865c-.713%201.785-2.415%202.94-4.338%202.94z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
width: 16px;
height: 14px;
background-size: contain;
background-repeat: no-repeat;
background-position: 50%;
}
.icon__chat {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i0KHQu9C+0LlfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAgMTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjYjhiOGI4IiBkPSJNNTYuNCw2My43YzAuMSwwLjUsMC4xLDEuMSwwLjEsMS42YzAsMC43LDAsMS40LTAuMSwyLjJjLTAuMSwwLjctMC4yLDEuNS0wLjQsMi4yYy0yLjEsOC42LTguOCwxNS4zLTE3LDE4LjZjLTYuNSwyLjYtMTQsMy4zLTIwLjcsMS42Yy0xLjktMC41LTMuNy0xLjEtNS40LTEuOWMtMi4xLTEtNC0yLjEtNS44LTMuNWMtMS43LTEuMy0zLjQtMi45LTQuOC00LjZjLTAuNy0wLjktMC42LTIuMiwwLjItM2MwLjUtMC40LDEtMC42LDEuNi0wLjVjMi4xLDAuMyw0LDAuMSw2LjEtMC41YzAuOS0wLjMsMS42LTAuNiwyLjQtMWMtMS0xLjUtMS45LTMtMi40LTQuN2MtMC45LTIuNC0xLjItNS4xLTEtNy42YzAuMS0xLjIsMS4xLTIsMi4yLTEuOWMwLjcsMC4xLDEuMywwLjMsMS42LDAuOWwwLjIsMC4zbDAsMC4xbDAuMywwLjN2MGMwLjksMC45LDIuMSwxLjUsMy4zLDEuOGMwLjksMC4yLDEuOCwwLjIsMi43LDBsMC0wLjNjMC4zLTIsMC42LTQsMS43LTYuMmMwLjQtMC45LDEtMS45LDEuNi0yLjdjMC42LTAuOSwxLjMtMS43LDItMi40YzEuNi0xLjcsMy42LTMsNS45LTRjMS4xLTAuNSwyLjMtMC44LDMuNS0xLjFjMS4yLTAuMiwyLjQtMC40LDMuNy0wLjRjMS4yLDAsMi40LDAuMSwzLjcsMC40YzEuMiwwLjIsMi40LDAuNiwzLjUsMS4xbDAuMSwwYzAuOCwwLjQsMS42LDAuNywyLjQsMS4ybDExLjUsMC4xYzEuMSwwLjEsMiwxLjEsMiwyLjJjMCwwLjMtMC4xLDAuNS0wLjIsMC43bC00LjMsMTAuNkM1Ni42LDYzLjQsNTYuNSw2My41LDU2LjQsNjMuN0w1Ni40LDYzLjd6IE02NC4yLDE4TDY0LjIsMThjLTMsMi41LTQuOSw2LTQuOSw5LjhjMCwzLjMsMS40LDYuMiwzLjcsOC42YzAuNCwwLjQsMC42LDEsMC41LDEuNWwwLjEsNi41bDcuMy0yLjljMC40LTAuMiwwLjktMC4yLDEuMy0wLjFjMS40LDAuMywyLjgsMC40LDQuMiwwLjRjNy45LDAsMTcuMi01LjEsMTcuMi0xNGMwLTMuOC0xLjktNy4yLTQuOS05LjhDODIsMTIuNCw3MSwxMi40LDY0LjIsMThMNjQuMiwxOHogTTYxLjUsMTQuOEw2MS41LDE0LjhjOC4zLTYuOSwyMS42LTYuOSwyOS45LDBjNCwzLjMsNi40LDcuOCw2LjQsMTNDOTcuOSwzOS4xLDg2LjgsNDYsNzYuNSw0NmMtMS40LDAtMy0wLjEtNC41LTAuM2wtOS42LDMuOWMtMC4yLDAuMS0wLjUsMC4xLTAuNywwLjFjLTEuMSwwLTIuMS0wLjktMi4xLTIuMWwtMC4xLTguOGMtMi43LTMtNC4zLTYuOC00LjMtMTAuOUM1NS4xLDIyLjcsNTcuNiwxOC4xLDYxLjUsMTQuOEw2MS41LDE0Ljh6IE00My43LDU1LjdMNDMuNyw1NS43YzMuMSwwLDUuNywyLjYsNS43LDUuOGMwLDMuMS0yLjYsNS44LTUuNyw1LjhjLTMuMiwwLTUuOC0yLjYtNS44LTUuOEMzNy45LDU4LjMsNDAuNSw1NS43LDQzLjcsNTUuN0w0My43LDU1Ljd6IE00My43LDU5LjlMNDMuNyw1OS45Yy0wLjgsMC0xLjUsMC43LTEuNSwxLjVjMCwwLjksMC43LDEuNiwxLjUsMS42YzAuOCwwLDEuNS0wLjcsMS41LTEuNkM0NS4yLDYwLjYsNDQuNiw1OS45LDQzLjcsNTkuOUw0My43LDU5Ljl6IE01NC42LDU3LjFMNTQuNiw1Ny4xbDEuNC0zLjRoLTMuNkM1My4yLDU0LjcsNTQsNTUuOSw1NC42LDU3LjFMNTQuNiw1Ny4xeiBNOS42LDgxLjJMOS42LDgxLjJjMS41LDEuMiwzLjIsMi4yLDUsM2MxLjQsMC43LDMsMS4yLDQuNiwxLjZjNS45LDEuNCwxMi40LDAuOSwxOC4xLTEuNGM2LjktMi44LDEyLjctOC40LDE0LjUtMTUuN2MwLjEtMC41LDAuMi0xLjEsMC4zLTEuNmMwLTAuNiwwLjEtMS4xLDAuMS0xLjdjMC0xLTAuMS0yLTAuMy0yLjljLTAuMi0xLTAuNC0xLjktMC44LTIuN2MtMC43LTEuNy0xLjctMy4yLTMtNC41Yy0wLjYtMC43LTEuNC0xLjItMi4yLTEuOGMtMC43LTAuNS0xLjUtMC45LTIuMy0xLjJsLTAuMS0wLjFjLTAuOC0wLjQtMS44LTAuNy0yLjctMC44QzM5LjksNTEuMSwzOSw1MSwzOCw1MWMtMSwwLTIsMC4xLTIuOSwwLjJjLTAuOSwwLjItMS44LDAuNS0yLjcsMC44bDAsMGMtMS43LDAuNy0zLjMsMS44LTQuNSwzLjFjLTAuNiwwLjYtMS4xLDEuMi0xLjYsMS45Yy0wLjUsMC42LTAuOSwxLjQtMS4yLDIuMWMtMC44LDEuNy0xLjEsMy40LTEuNCw1LjFjMCwwLjYtMC4xLDEuMi0wLjIsMS42Yy0wLjEsMC43LTAuNiwxLjQtMS4zLDEuNmMtMS45LDAuOC00LjEsMC45LTYuMSwwLjVjLTAuNy0wLjItMS41LTAuNC0yLjMtMC43YzAuMSwwLjUsMC4yLDEuMSwwLjQsMS41YzAuNiwxLjksMS43LDMuNiwzLjEsNS4ybDAuMSwwLjJjMC43LDAuOSwwLjUsMi4yLTAuNCwyLjljLTEuNiwxLjMtMy40LDIuMy01LjQsMi45Yy0wLjgsMC4zLTEuNywwLjUtMi42LDAuNkM5LjEsODAuOCw5LjQsODEsOS42LDgxLjJMOS42LDgxLjJ6Ii8+PC9zdmc+);
width: 20px;
height: 21px;
background-size: contain;
background-repeat: no-repeat;
background-position: 50%;
}
.side-tabs_elem__active .icon__chat {
background-image: url(/Content/img/d2/icon__chat.svg);
width: 20px;
height: 21px;
background-size: contain;
background-repeat: no-repeat;
background-position: 50%;
}
.icon__close-blue {
background-position: -14px -134px;
width: 14px;
height: 12px
}
.icon__close-gray {
background-position: 0 -134px;
width: 14px;
height: 12px
}
.icon__close {
background-position: -124px -96px;
width: 14px;
height: 14px
}
.icon__coins {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i0KHQu9C+0LlfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAgMTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNODQuNSwxNS4xTDg0LjUsMTUuMUM3NS43LDYuMiw2My40LDAuNyw0OS45LDAuN2MtMTMuNSwwLTI1LjcsNS41LTM0LjUsMTQuM2gtMC4xQzYuNSwyMy45LDEsMzYuMSwxLDQ5LjdjMCwxMy41LDUuNSwyNS43LDE0LjMsMzQuNWwwLDBjOC45LDguOSwyMS4xLDE0LjQsMzQuNiwxNC40YzEzLjUsMCwyNS43LTUuNSwzNC42LTE0LjRoMC4xYzguOC04LjgsMTQuMy0yMSwxNC4zLTM0LjVDOTguOCwzNi4xLDkzLjQsMjMuOSw4NC41LDE1LjFMODQuNSwxNS4xeiBNNzkuMiw3OC45TDc5LjIsNzguOUw3OS4yLDc4LjlDNzEuNyw4Ni40LDYxLjQsOTEsNDkuOSw5MWMtMTEuNCwwLTIxLjgtNC42LTI5LjItMTIuMWwtMC4xLDBDMTMuMiw3MS40LDguNiw2MS4xLDguNiw0OS43YzAtMTEuNSw0LjYtMjEuOCwxMi4xLTI5LjNsMC4xLDBjNy40LTcuNSwxNy44LTEyLjEsMjkuMi0xMi4xYzExLjUsMCwyMS44LDQuNiwyOS4zLDEyLjF2MGM3LjUsNy40LDEyLjEsMTcuOCwxMi4xLDI5LjNDOTEuMyw2MS4xLDg2LjcsNzEuNCw3OS4yLDc4LjlMNzkuMiw3OC45eiBNNTYuMSwzMi4yTDU2LjEsMzIuMmMxLjksMCwzLjQsMS41LDMuNCwzLjRjMCwxLjMsMSwyLjMsMi4zLDIuM2MxLjIsMCwyLjItMSwyLjItMi4zYzAtNC4zLTMuNi03LjktNy45LTcuOWgtMy45VjI0YzAtMS4zLTEtMi4zLTIuMy0yLjNjLTEuMiwwLTIuMiwxLTIuMiwyLjN2My43aC0zLjljLTQuNCwwLTcuOSwzLjYtNy45LDcuOXY4YzAsMi4yLDAuOSw0LjIsMi4zLDUuNmMxLjQsMS40LDMuNCwyLjMsNS41LDIuM2g0djE1LjVoLTMuOWMtMC45LDAtMS44LTAuNC0yLjQtMXYwYy0wLjYtMC42LTEtMS41LTEtMi40YzAtMS4yLTEtMi4yLTIuMy0yLjJzLTIuMywxLTIuMywyLjJjMCwyLjIsMC45LDQuMiwyLjMsNS42bDAsMGMxLjQsMS40LDMuNCwyLjMsNS42LDIuM2gzLjl2My43YzAsMS4yLDEsMi4yLDIuMiwyLjJjMS4zLDAsMi4zLTEsMi4zLTIuMnYtMy43aDMuOWM0LjUsMCw3LjktMy41LDcuOS04VjU1YzAtMi4yLTAuOS00LjItMi40LTUuNmMtMS40LTEuNC0zLjQtMi40LTUuNi0yLjRoLTMuOVYzMi4ySDU2LjFMNTYuMSwzMi4yeiBNNDcuNyw0N0w0Ny43LDQ3aC00Yy0wLjksMC0xLjctMC40LTIuNC0xYy0wLjYtMC42LTEtMS41LTEtMi40di04YzAtMS45LDEuNS0zLjQsMy40LTMuNGgzLjlWNDdMNDcuNyw0N3ogTTU2LjEsNTEuNkw1Ni4xLDUxLjZjMC45LDAsMS44LDAuNCwyLjQsMWMwLjYsMC42LDEsMS41LDEsMi40djguN2MwLDEuOS0xLjUsMy40LTMuNCwzLjRoLTMuOVY1MS42SDU2LjFMNTYuMSw1MS42eiIvPjwvc3ZnPg==);
width: 20px;
height: 20px;
background-size: contain;
background-repeat: no-repeat;
background-position: 50%;
}
.icon__dots {
background-position: -37px -98px;
width: 25px;
height: 13px;
}
.icon__dropdown {
background-position: -141px -53px;
width: 7px;
height: 10px
}
.icon__enter-blue {
background-position: -141px -43px;
width: 11px;
height: 10px
}
.icon__enter {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i0KHQu9C+0LlfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAgMTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjMDAwIiBkPSJNNiwxMi43TDYsMTIuN2g4OC45YzIsMCwzLjcsMS43LDMuNywzLjd2MC4xdjY3LjdjMCwyLjEtMS43LDMuNy0zLjcsMy43aC0wLjFINmMtMiwwLTMuNy0xLjYtMy43LTMuN3YtMC4xVjE2LjVDMi4zLDE0LjQsMy45LDEyLjcsNiwxMi43TDYsMTIuN3ogTTkxLjIsMjMuNEw5MS4yLDIzLjRMNTIsNjIuNmMtMC45LDAuOS0yLjMsMC45LTMuMiwwTDkuNywyMy40djU3LjJoODEuNVYyMy40TDkxLjIsMjMuNHogTTg4LjEsMjAuMkw4OC4xLDIwLjJIMTIuN2wzNy43LDM3LjdMODguMSwyMC4yTDg4LjEsMjAuMnoiLz48L3N2Zz4=);
width: 16px;
height: 16px;
background-size: contain;
background-repeat: no-repeat;
background-position: 50%;
}
.icon__game-csgo {
background-position: -45px -25px;
width: 24px;
height: 24px
}
.icon__game-dota2 {
background-position: -72px -66px;
width: 23px;
height: 24px
}
.icon__game-h1z1js {
background-position: 0 -66px;
width: 24px;
height: 24px
}
.icon__game-h1z1kotk {
background-position: -104px 0;
width: 20px;
height: 24px
}
.icon__game-pubg {
background-position: -24px -66px;
width: 24px;
height: 24px
}
.icon__game-rust {
background: url(/Content/img/rust.png);
width: 24px;
height: 24px;
background-size: 100%;
}
.icon__game-tf2 {
background-position: -48px -66px;
width: 24px;
height: 24px
}
.icon__gamepad {
background-position: -62px -98px;
width: 20px;
height: 13px
}
.icon__logout {
background-image: url(/Content/img/d2/icon__logout.svg);
width: 16px;
height: 16px;
background-size: contain;
background-repeat: no-repeat;
background-position: 50%;
}
.icon__money {
background-position: 0 -31px;
width: 37px;
height: 35px
}
.icon__notify {
background-position: -124px 0;
width: 17px;
height: 19px
}
.icon__other {
background-position: -45px -49px;
width: 24px;
height: 15px
}
.icon__output {
background-image: url(/Content/img/d2/icon__output.svg);
width: 21px;
height: 21px;
background-size: contain;
background-repeat: no-repeat;
background-position: 50%;
}
.icon__replenish {
background-image: url(/Content/img/d2/icon__replenish.svg);
width: 20px;
height: 20px;
background-size: contain;
background-repeat: no-repeat;
background-position: 50%;
}
.icon__replenish-white {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i0KHQu9C+0LlfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAgMTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNODQuNSwxNS4xTDg0LjUsMTUuMUM3NS43LDYuMiw2My40LDAuNyw0OS45LDAuN2MtMTMuNSwwLTI1LjcsNS41LTM0LjUsMTQuM2gtMC4xQzYuNSwyMy45LDEsMzYuMSwxLDQ5LjdjMCwxMy41LDUuNSwyNS43LDE0LjMsMzQuNWwwLDBjOC45LDguOSwyMS4xLDE0LjQsMzQuNiwxNC40YzEzLjUsMCwyNS43LTUuNSwzNC42LTE0LjRoMC4xYzguOC04LjgsMTQuMy0yMSwxNC4zLTM0LjVDOTguOCwzNi4xLDkzLjQsMjMuOSw4NC41LDE1LjFMODQuNSwxNS4xeiBNNzkuMiw3OC45TDc5LjIsNzguOUw3OS4yLDc4LjlDNzEuNyw4Ni40LDYxLjQsOTEsNDkuOSw5MWMtMTEuNCwwLTIxLjgtNC42LTI5LjItMTIuMWwtMC4xLDBDMTMuMiw3MS40LDguNiw2MS4xLDguNiw0OS43YzAtMTEuNSw0LjYtMjEuOCwxMi4xLTI5LjNsMC4xLDBjNy40LTcuNSwxNy44LTEyLjEsMjkuMi0xMi4xYzExLjUsMCwyMS44LDQuNiwyOS4zLDEyLjF2MGM3LjUsNy40LDEyLjEsMTcuOCwxMi4xLDI5LjNDOTEuMyw2MS4xLDg2LjcsNzEuNCw3OS4yLDc4LjlMNzkuMiw3OC45eiBNNTYuMSwzMi4yTDU2LjEsMzIuMmMxLjksMCwzLjQsMS41LDMuNCwzLjRjMCwxLjMsMSwyLjMsMi4zLDIuM2MxLjIsMCwyLjItMSwyLjItMi4zYzAtNC4zLTMuNi03LjktNy45LTcuOWgtMy45VjI0YzAtMS4zLTEtMi4zLTIuMy0yLjNjLTEuMiwwLTIuMiwxLTIuMiwyLjN2My43aC0zLjljLTQuNCwwLTcuOSwzLjYtNy45LDcuOXY4YzAsMi4yLDAuOSw0LjIsMi4zLDUuNmMxLjQsMS40LDMuNCwyLjMsNS41LDIuM2g0djE1LjVoLTMuOWMtMC45LDAtMS44LTAuNC0yLjQtMXYwYy0wLjYtMC42LTEtMS41LTEtMi40YzAtMS4yLTEtMi4yLTIuMy0yLjJzLTIuMywxLTIuMywyLjJjMCwyLjIsMC45LDQuMiwyLjMsNS42bDAsMGMxLjQsMS40LDMuNCwyLjMsNS42LDIuM2gzLjl2My43YzAsMS4yLDEsMi4yLDIuMiwyLjJjMS4zLDAsMi4zLTEsMi4zLTIuMnYtMy43aDMuOWM0LjUsMCw3LjktMy41LDcuOS04VjU1YzAtMi4yLTAuOS00LjItMi40LTUuNmMtMS40LTEuNC0zLjQtMi40LTUuNi0yLjRoLTMuOVYzMi4ySDU2LjFMNTYuMSwzMi4yeiBNNDcuNyw0N0w0Ny43LDQ3aC00Yy0wLjksMC0xLjctMC40LTIuNC0xYy0wLjYtMC42LTEtMS41LTEtMi40di04YzAtMS45LDEuNS0zLjQsMy40LTMuNGgzLjlWNDdMNDcuNyw0N3ogTTU2LjEsNTEuNkw1Ni4xLDUxLjZjMC45LDAsMS44LDAuNCwyLjQsMWMwLjYsMC42LDEsMS41LDEsMi40djguN2MwLDEuOS0xLjUsMy40LTMuNCwzLjRoLTMuOVY1MS42SDU2LjFMNTYuMSw1MS42eiIvPjwvc3ZnPg==);
width: 20px;
height: 20px;
background-size: contain;
background-repeat: no-repeat;
background-position: 50%;
}
.icon__search {
background-position: -28px -134px;
width: 13px;
height: 11px
}
.icon__settings {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i0KHQu9C+0LlfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAgMTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjYjhiOGI4IiBwb2ludHM9Ijg0LjUsMzMuMyA4NC41LDMzLjMgODQuNSwzMy4zICIvPjxwYXRoIGZpbGw9IiNiOGI4YjgiIGQ9Ik00OS45LDMzYzQuOCwwLDkuMiwyLDEyLjMsNS4xczUuMSw3LjUsNS4xLDEyLjNjMCw0LjgtMiw5LjItNS4xLDEyLjRjLTMuMiwzLjEtNy41LDUuMS0xMi4zLDUuMWMtNC44LDAtOS4yLTItMTIuNC01LjFjLTMuMi0zLjItNS4xLTcuNS01LjEtMTIuNGMwLTQuOCwyLTkuMiw1LjEtMTIuM0M0MC43LDM0LjksNDUuMSwzMyw0OS45LDMzTDQ5LjksMzN6IE02MC4zLDExLjZMNjAuMywxMS42YzEuNywwLjQsMy40LDEuMSw0LjksMS43YzEuNiwwLjcsMy4yLDEuNSw0LjcsMi4zbDQuMi00LjFjMS40LTEuNSwzLjgtMS41LDUuMiwwbDkuNSw5LjVjMS40LDEuNCwxLjQsMy44LDAsNS4ybC00LjEsNC4yYzAuOCwxLjUsMS42LDMuMSwyLjMsNC43YzAuNywxLjYsMS4yLDMuMywxLjcsNC45aDUuOGMyLjEsMCwzLjgsMS43LDMuOCwzLjdsMCwwLjN2MTMuMWMwLDItMS43LDMuNy0zLjcsMy43aC01LjhjLTAuNCwxLjctMSwzLjQtMS43LDVMODcsNjZjLTAuNywxLjYtMS40LDMuMS0yLjIsNC41bDQuMSw0LjFjMS41LDEuNSwxLjQsMy44LDAsNS4ybC05LjUsOS41Yy0xLjQsMS40LTMuOCwxLjQtNS4yLDBMNzAsODUuM2MtMS41LDAuOS0zLjEsMS43LTQuNywyLjRjLTEuNiwwLjYtMy4yLDEuMi00LjksMS43djUuOGMwLDIuMS0xLjcsMy44LTMuOCwzLjhoLTAuM0g0My4yYy0yLDAtMy43LTEuNy0zLjctMy44aDB2LTUuOGMtMS43LTAuNS0zLjMtMS4xLTQuOS0xLjdjLTEuNi0wLjctMy4yLTEuNS00LjctMi40bC00LjIsNC4yYy0xLjUsMS41LTMuOCwxLjQtNS4zLDBsLTkuNS05LjVjLTEuNC0xLjQtMS40LTMuOCwwLTUuMmw0LjItNC4yYy0wLjktMS41LTEuNy0zLjEtMi40LTQuN2MtMC43LTEuNi0xLjItMy4zLTEuNy01SDUuMmMtMi4xLDAtMy43LTEuNy0zLjctMy43di0wLjRWNDMuN2MwLTIuMSwxLjctMy43LDMuNy0zLjdIMTFjMC41LTEuNywxLTMuNCwxLjctNWMwLjctMS42LDEuNC0zLjIsMi40LTQuN2wtNC4yLTQuMmMtMS40LTEuNS0xLjQtMy44LDAtNS4zbDkuNS05LjVjMS41LTEuNSwzLjgtMS41LDUuMywwbDQuMiw0LjFjMS41LTAuOCwzLjEtMS42LDQuNy0yLjNjMS42LTAuNiwzLjMtMS4yLDUtMS43VjUuN2MwLTIsMS43LTMuOCwzLjctMy44aDAuMWgxMy4zYzIuMSwwLDMuOCwxLjcsMy44LDMuOHYwLjFWMTEuNkw2MC4zLDExLjZ6IE02Mi40LDIwLjFMNjIuNCwyMC4xYy0yLTAuOC00LjEtMS41LTYuMi0xLjljLTEuOS0wLjMtMy40LTEuOC0zLjQtMy44VjkuNWgtNnY1LjFjMCwxLjgtMS4zLDMuMy0zLjEsMy43Yy0yLjIsMC40LTQuNCwxLTYuNSwxLjljLTIuMSwwLjktNC4xLDItNS45LDMuMmgtMC4xYy0xLjUsMS0zLjQsMC44LTQuNy0wLjRMMjMsMTkuM2wtNC4zLDQuM2wzLjUsMy42YzEuMywxLjIsMS42LDMuMywwLjYsNC44Yy0xLjMsMS44LTIuNCwzLjktMy4yLDZjLTAuOCwyLTEuNSw0LjEtMS45LDYuMmMtMC4yLDEuOC0xLjgsMy40LTMuNywzLjRIOC45djUuOUgxNGMxLjgsMCwzLjMsMS4zLDMuNywzLjFjMC40LDIuMiwxLjEsNC40LDIsNi41YzAuOCwyLDIsNC4xLDMuMiw1LjlWNjlsMCwwYzEsMS40LDAuOCwzLjQtMC40LDQuN2wtMy42LDMuN2w0LjMsNC4ybDMuNS0zLjVjMS4zLTEuMywzLjMtMS42LDQuOC0wLjVjMS44LDEuMywzLjksMi40LDYsMy4zYzIsMC44LDQsMS41LDYuMiwxLjljMS45LDAuMiwzLjMsMS44LDMuMywzLjd2NS4xaDZ2LTUuMWMwLTEuOCwxLjMtMy4zLDMuMS0zLjdjMi4yLTAuMyw0LjQtMSw2LjUtMS45YzIuMS0wLjksNC4xLTIsNi0zLjJsMCwwbDAuMSwwYzEuNC0xLDMuNC0wLjgsNC43LDAuNWwzLjYsMy41bDQuMy00LjJsLTMuNi0zLjZjLTEuMy0xLjItMS42LTMuMy0wLjUtNC44YzEuMy0xLjgsMi40LTMuOCwzLjItNS45bDAuMS0wLjFjMC44LTIsMS41LTQsMS45LTYuM2MwLjItMS45LDEuOC0zLjMsMy43LTMuM2g1LjF2LTUuOWgtNS4xYy0xLjcsMC0zLjMtMS4zLTMuNi0zLjFjLTAuNC0yLjItMS00LjQtMS45LTYuNWMtMC45LTIuMS0yLTQuMS0zLjItNmwwLTAuMWMtMS0xLjQtMC44LTMuNCwwLjQtNC43bDMuNi0zLjdsLTQuMy00LjNsLTMuNSwzLjVjLTEuMiwxLjMtMy4zLDEuNi00LjgsMC42QzY2LjYsMjIuMSw2NC41LDIxLDYyLjQsMjAuMUw2Mi40LDIwLjF6IE01OS4xLDQxLjJMNTkuMSw0MS4yYy0yLjQtMi40LTUuNi0zLjgtOS4yLTMuOGMtMy42LDAtNi45LDEuNS05LjIsMy44Yy0yLjMsMi40LTMuOCw1LjYtMy44LDkuMmMwLDMuNiwxLjUsNi44LDMuOCw5LjJjMi40LDIuNCw1LjYsMy44LDkuMiwzLjhjMy42LDAsNi44LTEuNCw5LjItMy44YzIuNC0yLjMsMy44LTUuNiwzLjgtOS4yQzYyLjksNDYuOCw2MS41LDQzLjYsNTkuMSw0MS4yTDU5LjEsNDEuMnoiLz48L3N2Zz4=);
width: 20px;
height: 21px;
background-size: contain;
background-repeat: no-repeat;
background-position: 50%;
}
.side-tabs_elem__active .icon__settings {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i0KHQu9C+0LlfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAgMTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjZmU4ZDA4IiBwb2ludHM9Ijg0LjUsMzMuMyA4NC41LDMzLjMgODQuNSwzMy4zICIvPjxwYXRoIGZpbGw9IiNmZThkMDgiIGQ9Ik00OS45LDMzYzQuOCwwLDkuMiwyLDEyLjMsNS4xczUuMSw3LjUsNS4xLDEyLjNjMCw0LjgtMiw5LjItNS4xLDEyLjRjLTMuMiwzLjEtNy41LDUuMS0xMi4zLDUuMWMtNC44LDAtOS4yLTItMTIuNC01LjFjLTMuMi0zLjItNS4xLTcuNS01LjEtMTIuNGMwLTQuOCwyLTkuMiw1LjEtMTIuM0M0MC43LDM0LjksNDUuMSwzMyw0OS45LDMzTDQ5LjksMzN6IE02MC4zLDExLjZMNjAuMywxMS42YzEuNywwLjQsMy40LDEuMSw0LjksMS43YzEuNiwwLjcsMy4yLDEuNSw0LjcsMi4zbDQuMi00LjFjMS40LTEuNSwzLjgtMS41LDUuMiwwbDkuNSw5LjVjMS40LDEuNCwxLjQsMy44LDAsNS4ybC00LjEsNC4yYzAuOCwxLjUsMS42LDMuMSwyLjMsNC43YzAuNywxLjYsMS4yLDMuMywxLjcsNC45aDUuOGMyLjEsMCwzLjgsMS43LDMuOCwzLjdsMCwwLjN2MTMuMWMwLDItMS43LDMuNy0zLjcsMy43aC01LjhjLTAuNCwxLjctMSwzLjQtMS43LDVMODcsNjZjLTAuNywxLjYtMS40LDMuMS0yLjIsNC41bDQuMSw0LjFjMS41LDEuNSwxLjQsMy44LDAsNS4ybC05LjUsOS41Yy0xLjQsMS40LTMuOCwxLjQtNS4yLDBMNzAsODUuM2MtMS41LDAuOS0zLjEsMS43LTQuNywyLjRjLTEuNiwwLjYtMy4yLDEuMi00LjksMS43djUuOGMwLDIuMS0xLjcsMy44LTMuOCwzLjhoLTAuM0g0My4yYy0yLDAtMy43LTEuNy0zLjctMy44aDB2LTUuOGMtMS43LTAuNS0zLjMtMS4xLTQuOS0xLjdjLTEuNi0wLjctMy4yLTEuNS00LjctMi40bC00LjIsNC4yYy0xLjUsMS41LTMuOCwxLjQtNS4zLDBsLTkuNS05LjVjLTEuNC0xLjQtMS40LTMuOCwwLTUuMmw0LjItNC4yYy0wLjktMS41LTEuNy0zLjEtMi40LTQuN2MtMC43LTEuNi0xLjItMy4zLTEuNy01SDUuMmMtMi4xLDAtMy43LTEuNy0zLjctMy43di0wLjRWNDMuN2MwLTIuMSwxLjctMy43LDMuNy0zLjdIMTFjMC41LTEuNywxLTMuNCwxLjctNWMwLjctMS42LDEuNC0zLjIsMi40LTQuN2wtNC4yLTQuMmMtMS40LTEuNS0xLjQtMy44LDAtNS4zbDkuNS05LjVjMS41LTEuNSwzLjgtMS41LDUuMywwbDQuMiw0LjFjMS41LTAuOCwzLjEtMS42LDQuNy0yLjNjMS42LTAuNiwzLjMtMS4yLDUtMS43VjUuN2MwLTIsMS43LTMuOCwzLjctMy44aDAuMWgxMy4zYzIuMSwwLDMuOCwxLjcsMy44LDMuOHYwLjFWMTEuNkw2MC4zLDExLjZ6IE02Mi40LDIwLjFMNjIuNCwyMC4xYy0yLTAuOC00LjEtMS41LTYuMi0xLjljLTEuOS0wLjMtMy40LTEuOC0zLjQtMy44VjkuNWgtNnY1LjFjMCwxLjgtMS4zLDMuMy0zLjEsMy43Yy0yLjIsMC40LTQuNCwxLTYuNSwxLjljLTIuMSwwLjktNC4xLDItNS45LDMuMmgtMC4xYy0xLjUsMS0zLjQsMC44LTQuNy0wLjRMMjMsMTkuM2wtNC4zLDQuM2wzLjUsMy42YzEuMywxLjIsMS42LDMuMywwLjYsNC44Yy0xLjMsMS44LTIuNCwzLjktMy4yLDZjLTAuOCwyLTEuNSw0LjEtMS45LDYuMmMtMC4yLDEuOC0xLjgsMy40LTMuNywzLjRIOC45djUuOUgxNGMxLjgsMCwzLjMsMS4zLDMuNywzLjFjMC40LDIuMiwxLjEsNC40LDIsNi41YzAuOCwyLDIsNC4xLDMuMiw1LjlWNjlsMCwwYzEsMS40LDAuOCwzLjQtMC40LDQuN2wtMy42LDMuN2w0LjMsNC4ybDMuNS0zLjVjMS4zLTEuMywzLjMtMS42LDQuOC0wLjVjMS44LDEuMywzLjksMi40LDYsMy4zYzIsMC44LDQsMS41LDYuMiwxLjljMS45LDAuMiwzLjMsMS44LDMuMywzLjd2NS4xaDZ2LTUuMWMwLTEuOCwxLjMtMy4zLDMuMS0zLjdjMi4yLTAuMyw0LjQtMSw2LjUtMS45YzIuMS0wLjksNC4xLTIsNi0zLjJsMCwwbDAuMSwwYzEuNC0xLDMuNC0wLjgsNC43LDAuNWwzLjYsMy41bDQuMy00LjJsLTMuNi0zLjZjLTEuMy0xLjItMS42LTMuMy0wLjUtNC44YzEuMy0xLjgsMi40LTMuOCwzLjItNS45bDAuMS0wLjFjMC44LTIsMS41LTQsMS45LTYuM2MwLjItMS45LDEuOC0zLjMsMy43LTMuM2g1LjF2LTUuOWgtNS4xYy0xLjcsMC0zLjMtMS4zLTMuNi0zLjFjLTAuNC0yLjItMS00LjQtMS45LTYuNWMtMC45LTIuMS0yLTQuMS0zLjItNmwwLTAuMWMtMS0xLjQtMC44LTMuNCwwLjQtNC43bDMuNi0zLjdsLTQuMy00LjNsLTMuNSwzLjVjLTEuMiwxLjMtMy4zLDEuNi00LjgsMC42QzY2LjYsMjIuMSw2NC41LDIxLDYyLjQsMjAuMUw2Mi40LDIwLjF6IE01OS4xLDQxLjJMNTkuMSw0MS4yYy0yLjQtMi40LTUuNi0zLjgtOS4yLTMuOGMtMy42LDAtNi45LDEuNS05LjIsMy44Yy0yLjMsMi40LTMuOCw1LjYtMy44LDkuMmMwLDMuNiwxLjUsNi44LDMuOCw5LjJjMi40LDIuNCw1LjYsMy44LDkuMiwzLjhjMy42LDAsNi44LTEuNCw5LjItMy44YzIuNC0yLjMsMy44LTUuNiwzLjgtOS4yQzYyLjksNDYuOCw2MS41LDQzLjYsNTkuMSw0MS4yTDU5LjEsNDEuMnoiLz48L3N2Zz4=);
width: 20px;
height: 21px;
background-size: contain;
background-repeat: no-repeat;
background-position: 50%;
}
.icon__social-fb {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%229%22%20height%3D%2218%22%20viewBox%3D%220%200%209%2018%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6%206h3l-.375%203H6v9H2.11V9H0V6h2.11V3.984c0-1.312.327-2.304.984-2.976C3.75.336%204.844%200%206.374%200H9v3H7.406c-.594%200-.976.094-1.148.28-.172.19-.258.5-.258.94V6z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
width: 9px;
height: 18px;
background-size: contain;
background-repeat: no-repeat;
background-position: 50%;
}
.icon__social-yt {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTAgOS4zMzNsNS4zMzMgMi42NjItNS4zMzMgMi42NzJ2LTUuMzM0em0xNC00LjMzM3YxNGMwIDIuNzYxLTIuMjM4IDUtNSA1aC0xNGMtMi43NjEgMC01LTIuMjM5LTUtNXYtMTRjMC0yLjc2MSAyLjIzOS01IDUtNWgxNGMyLjc2MiAwIDUgMi4yMzkgNSA1em0tNCA3Yy0uMDItNC4xMjMtLjMyMy01LjctMi45MjMtNS44NzctMi40MDMtLjE2NC03Ljc1NC0uMTYzLTEwLjE1MyAwLTIuNTk4LjE3Ny0yLjkwNCAxLjc0Ny0yLjkyNCA1Ljg3Ny4wMiA0LjEyMy4zMjMgNS43IDIuOTIzIDUuODc3IDIuMzk5LjE2MyA3Ljc1LjE2NCAxMC4xNTMgMCAyLjU5OC0uMTc3IDIuOTA0LTEuNzQ3IDIuOTI0LTUuODc3eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==");
width: 18px;
height: 18px;
background-size: contain;
background-repeat: no-repeat;
background-position: 50%;
}
.icon__social-gh {
background-position: -124px -83px;
width: 16px;
height: 13px
}
.icon__social-ig {
background-position: -82px -98px;
width: 15px;
height: 13px
}
.icon__social-sc {
background-position: -124px -69px;
width: 16px;
height: 14px
}
.icon__social-st {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2218%22%20viewBox%3D%220%200%2020%2018%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M17.656%205.353a2.727%202.727%200%200%201-2.723%202.723%202.72%202.72%200%200%201-2.723-2.723%202.72%202.72%200%200%201%202.723-2.724%202.727%202.727%200%200%201%202.723%202.723zm-8.593%208.28A2.777%202.777%200%200%200%205.67%2010.91l1.16.47a2.213%202.213%200%200%201%201.24%202.88%202.21%202.21%200%200%201-2.89%201.227c-.46-.18-.917-.37-1.374-.547a2.79%202.79%200%200%200%202.466%201.484%202.777%202.777%200%200%200%202.79-2.79zm9.263-8.27a3.41%203.41%200%200%200-6.82%200%203.406%203.406%200%200%200%203.416%203.405%203.403%203.403%200%200%200%203.404-3.404zm1.674%200a5.075%205.075%200%200%201-5.078%205.08l-4.877%203.56a3.794%203.794%200%200%201-3.773%203.426%203.804%203.804%200%200%201-3.705-2.993L0%2013.41V8.624l4.342%201.752a3.694%203.694%200%200%201%202.32-.513l3.17-4.543c.023-2.78%202.3-5.034%205.09-5.034A5.082%205.082%200%200%201%2020%205.364z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
width: 20px;
height: 18px;
background-size: contain;
background-repeat: no-repeat;
background-position: 50%;
}
.icon__social-tw {
background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2219%22%20height%3D%2215%22%20viewBox%3D%220%200%2019%2015%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M18.72%201.797c-.47.73-1.095%201.38-1.876%201.953v.47c0%202.733-.983%205.214-2.95%207.44C11.93%2013.887%209.32%2015%206.064%2015c-2.084%200-4.01-.573-5.78-1.72.415.053.714.08.897.08%201.745%200%203.308-.547%204.688-1.64a3.803%203.803%200%200%201-2.187-.763%203.578%203.578%200%200%201-1.327-1.855%204.7%204.7%200%200%200%20.703.078c.26%200%20.6-.052%201.015-.157a3.818%203.818%200%200%201-2.167-1.308%203.6%203.6%200%200%201-.88-2.402v-.04c.574.313%201.147.47%201.72.47-1.12-.73-1.68-1.785-1.68-3.165%200-.65.17-1.276.508-1.875%202.007%202.474%204.598%203.79%207.775%203.945-.052-.182-.078-.468-.078-.86%200-1.067.364-1.965%201.093-2.694C11.09.364%2011.987%200%2013.055%200c1.067%200%201.98.404%202.734%201.21.78-.13%201.588-.442%202.42-.937-.26.912-.82%201.615-1.68%202.11a6.45%206.45%200%200%200%202.19-.586z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
width: 19px;
height: 15px;
background-size: contain;
background-repeat: no-repeat;
background-position: 50%;
}
.icon__social-vk {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2222%22%20height%3D%2213%22%20viewBox%3D%220%200%2022%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M21.68%201.66s-.155-.446-1.126-.323l-3.215.022c-.246-.034-.425.066-.425.066s-.19.1-.28.346c-.523%201.35-1.193%202.51-1.193%202.51-1.43%202.435-2.01%202.568-2.243%202.412-.548-.346-.403-1.406-.403-2.165%200-2.367.357-3.35-.703-3.606C11.748.846%2011.49.79%2010.587.78c-1.15-.01-2.12%200-2.667.268-.37.178-.648.58-.48.603.212.034.692.134.948.48%200%200%20.28.458.324%201.463.123%202.78-.446%203.125-.446%203.125-.436.234-1.195-.157-2.31-2.456%200%200-.648-1.138-1.15-2.388-.09-.235-.268-.357-.268-.357s-.2-.157-.49-.2l-3.06.02c-.468%200-.635.213-.635.213s-.168.18-.01.547c2.387%205.614%205.11%208.426%205.11%208.426s2.49%202.6%205.313%202.422h1.283c.39-.033.59-.245.59-.245s.18-.2.168-.57c-.022-1.718.78-1.975.78-1.975.783-.246%201.787%201.663%202.858%202.4%200%200%20.815.558%201.43.435l2.856-.045c1.507-.01.793-1.26.793-1.26-.056-.1-.413-.87-2.132-2.467-1.786-1.663-1.55-1.396.614-4.275%201.317-1.752%201.84-2.824%201.674-3.28z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
width: 22px;
height: 13px;
background-size: contain;
background-repeat: no-repeat;
background-position: 50%;
}
.icon__sound-off {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2219.589%22%20viewBox%3D%220%200%205.2916665%205.1829076%22%3E%3Cg%20fill%3D%22%23a09e9a%22%3E%3Cg%20stroke-width%3D%222.091%22%3E%3Cpath%20d%3D%22M.054%202.59L2.614.21v4.763z%22%2F%3E%3Cpath%20d%3D%22M0%201.668h2.197v1.846H0z%22%2F%3E%3C%2Fg%3E%3Cg%20stroke-width%3D%222.375%22%3E%3Cpath%20d%3D%22M4.876%201.392l.39.39L3.258%203.79l-.39-.39z%22%2F%3E%3Cpath%20d%3D%22M3.258%201.392l-.39.39L4.88%203.79l.388-.39z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
width: 20px;
height: 20px;
background-size: contain;
background-repeat: no-repeat;
background-position: 50%;
}
.icon__sound-on {
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2219.589%22%20viewBox%3D%220%200%205.2916665%205.1829076%22%3E%3Cg%20fill%3D%22%23a09e9a%22%3E%3Cg%20stroke-width%3D%222.091%22%3E%3Cpath%20d%3D%22M.054%202.59L2.614.21v4.763z%22%2F%3E%3Cpath%20d%3D%22M0%201.668h2.197v1.846H0z%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M3.23%200v.678C4.048.93%204.636%201.69%204.636%202.59c0%20.903-.588%201.66-1.404%201.915v.678C4.41%204.91%205.293%203.85%205.293%202.59c0-1.258-.883-2.317-2.06-2.59z%22%20style%3D%22line-height%3Anormal%3Bfont-variant-ligatures%3Anormal%3Bfont-variant-position%3Anormal%3Bfont-variant-caps%3Anormal%3Bfont-variant-numeric%3Anormal%3Bfont-variant-alternates%3Anormal%3Bfont-feature-settings%3Anormal%3Btext-indent%3A0%3Btext-align%3Astart%3Btext-decoration-line%3Anone%3Btext-decoration-style%3Asolid%3Btext-decoration-color%3A%23000000%3Btext-transform%3Anone%3Btext-orientation%3Amixed%3Bshape-padding%3A0%3Bisolation%3Aauto%3Bmix-blend-mode%3Anormal%22%20color%3D%22%23000%22%20font-family%3D%22sans-serif%22%20white-space%3D%22normal%22%20overflow%3D%22visible%22%20solid-color%3D%22%23000000%22%20stroke-width%3D%222.375%22%2F%3E%3Cpath%20d%3D%22M3.23%201.39v2.402a1.325%201.325%200%200%200%20.77-1.2%201.325%201.325%200%200%200-.77-1.2z%22%20stroke-width%3D%222.787%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
width: 20px;
height: 20px;
background-size: contain;
background-repeat: no-repeat;
background-position: 50%;
}
.icon__timer {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i0KHQu9C+0LlfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAgMTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjZmZhYzFjIiBkPSJNNzAuMSw1MC42SDUzLjlWMjMuMmMwLTEuOS0xLjUtMy41LTMuNC0zLjVjLTEuOSwwLTMuNCwxLjUtMy40LDMuNVY1NGMwLDEuOSwxLjUsMy40LDMuNCwzLjRoMTkuNmMxLjksMCwzLjQtMS41LDMuNC0zLjRDNzMuNSw1Mi4yLDcyLDUwLjYsNzAuMSw1MC42TDcwLjEsNTAuNnogTTgyLjIsMjIuNEw4Mi4yLDIyLjRDNzQuMSwxNC4yLDYyLjksOS4yLDUwLjUsOS4yYy0xMi4zLDAtMjMuNSw1LTMxLjcsMTMuMWgwbDAsMGwwLDBDMTAuNywzMC40LDUuNyw0MS43LDUuNyw1NGMwLDEyLjQsNSwyMy42LDEzLjEsMzEuN3YtMC4xYzguMiw4LjEsMTkuNCwxMy4yLDMxLjcsMTMuMmMxMi4zLDAsMjMuNS01LDMxLjYtMTMuMWwwLjEsMHYtMC4xYzguMS04LjEsMTMuMi0xOS4zLDEzLjItMzEuN2MwLTEyLjItNC45LTIzLjQtMTMtMzEuNUw4Mi4yLDIyLjRMODIuMiwyMi40eiBNNzcuMyw4MC45TDc3LjMsODAuOUM3MC41LDg3LjcsNjEsOTIsNTAuNSw5MnMtMjAtNC4yLTI2LjgtMTEuMXYwQzE2LjgsNzQsMTIuNiw2NC41LDEyLjYsNTRjMC0xMC41LDQuMi0yMCwxMS4xLTI2Ljh2MGM2LjktNi45LDE2LjMtMTEuMSwyNi44LTExLjFzMTkuOSw0LjMsMjYuOCwxMS4xbDAuMiwwLjFjNi44LDYuOCwxMSwxNi4zLDExLDI2LjZDODguNCw2NC41LDg0LjIsNzQsNzcuMyw4MC45TDc3LjMsODAuOXogTTk3LjIsMjIuNkw5Ny4yLDIyLjZjLTEtMS41LTIuMS0yLjktMy4zLTQuM2MtMS4yLTEuNS0yLjQtMi44LTMuNi00Yy0xLjItMS4zLTIuNi0yLjQtNC0zLjZoLTAuMWwwLDBjLTEuNC0xLjItMi45LTIuMi00LjMtMy4zYy0xLjUtMS4xLTMuMS0yLTQuNy0yLjhjLTEuNS0wLjgtMy4yLTEuNi00LjktMi40Yy0xLjgtMC43LTMuOCwwLjEtNC42LDEuOGMtMC43LDEuOCwwLjEsMy44LDEuOCw0LjVjMS40LDAuNiwyLjgsMS4zLDQuMywyLjFjMS40LDAuNywyLjgsMS42LDQuMSwyLjRjMS40LDAuOSwyLjYsMS45LDMuOCwyLjhjMS4yLDEsMi40LDIuMSwzLjUsMy4yYzEuMiwxLjIsMi4zLDIuMywzLjIsMy41YzEsMS4yLDEuOSwyLjQsMi44LDMuOGMxLjEsMS42LDMuMiwyLDQuOCwxQzk3LjgsMjYuMyw5OC4yLDI0LjEsOTcuMiwyMi42TDk3LjIsMjIuNnogTTkuNiwyNi40TDkuNiwyNi40YzAuOS0xLjMsMS44LTIuNiwyLjgtMy44YzAuOS0xLjIsMi0yLjMsMy4yLTMuNWMxLjItMS4yLDIuMy0yLjMsMy41LTMuMmMxLjItMSwyLjQtMS45LDMuOC0yLjhjMS4zLTAuOSwyLjctMS43LDQuMS0yLjVsMC4yLTAuMWMxLjMtMC43LDIuNy0xLjQsNC4xLTJDMzMsNy44LDMzLjgsNS44LDMzLjEsNGMtMC43LTEuOC0yLjctMi42LTQuNS0xLjhjLTEuNiwwLjctMy4yLDEuNC00LjcsMi4zbC0wLjIsMC4xYy0xLjYsMC45LTMuMiwxLjgtNC43LDIuOGMtMS40LDEtMi45LDIuMS00LjMsMy4zYy0xLjUsMS4yLTIuOCwyLjQtNCwzLjZjLTEuMiwxLjItMi40LDIuNS0zLjYsNGMtMS4yLDEuNC0yLjMsMi44LTMuMiw0LjNjLTEuMSwxLjYtMC42LDMuNywwLjksNC44QzYuMywyOC40LDguNSwyOCw5LjYsMjYuNEw5LjYsMjYuNHoiLz48L3N2Zz4=);
width: 20px;
height: 20px;
background-size: contain;
background-repeat: no-repeat;
background-position: 50%;
}
.icon__user {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i0KHQu9C+0LlfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAgMTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjZmZmIiBwb2ludHM9Ijg0LjUsMzMuMyA4NC41LDMzLjMgODQuNSwzMy4zICIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik03NC44LDg3LjhjMCwxLjctMS40LDMuMi0zLjEsMy4yYy0xLjgsMC0zLjItMS40LTMuMi0zLjJjMC0zLjgtMS41LTYuNi0zLjYtOC42Yy0zLjQtMy4yLTgtNC42LTEwLjctNC44Yy0yLjMtMC4yLTQuMy0xLjItNS45LTIuN2gwYy0xLjUtMS41LTIuNC0zLjYtMi40LTUuOXYtMS4zYzAtMS4yLDAuNy0yLjIsMS43LTIuOGMyLjEtMS40LDMuMi00LjIsNC4xLTYuNWMwLjktMi4xLDEuNi0zLjksMy01LjJsMCwwbDAtMC4xbDAuMS0wLjFjMC44LTAuNywxLjgtMi4xLDIuNC0zLjZjMC40LTEuMiwwLjUtMi40LTAuMi0zLjJMNTYuOSw0M2gwYy0wLjctMC45LTAuOS0yLjUtMC42LTMuNWwwLDBjMC42LTIsMS4xLTMuOCwxLjMtNS42YzAuMi0xLjcsMC4yLTMuMywwLTQuOGgwYy0wLjMtMS45LTEuNy01LjItMy43LTcuNmMtMS4xLTEuMi0yLjMtMi4yLTMuMi0yYy0xLjEsMC4xLTIuMiwwLTMuMi0wLjRjLTAuOS0wLjUtMS44LTEuMi0yLjQtMi4xYy0wLjUtMC43LTEuNy0xLjEtMy4xLTEuNGMtMS45LTAuMy00LTAuMy01LjUtMC4zYy0zLjgsMC4xLTcsMC45LTkuNSwyLjZjLTIuMiwxLjUtNCwzLjgtNSw3bDAsMGwwLDBjLTAuOSwyLjUtMS4zLDUuMy0xLjMsNy45YzAsMi41LDAuNCw0LjksMS4zLDYuOGMwLjEsMC40LDAuMiwwLjksMC4yLDEuM2MwLDAuOC0wLjMsMS42LTAuOCwyLjJ2MGwwLDBsLTAuMSwwLjFjLTAuNiwwLjgtMC41LDItMC4yLDMuMWwwLTAuMWMwLjYsMS42LDEuNywzLDIuNSwzLjdoMGwwLjMsMC4zYzEuMywxLjMsMiwzLDIuOCw1YzEsMi40LDIuMiw1LjMsNC40LDYuN2MxLDAuNiwxLjYsMS42LDEuNiwyLjdsMCwwdjEuMmMwLDIuMy0xLDQuNC0yLjUsNS45Yy0xLjUsMS41LTMuNiwyLjUtNS44LDIuN2MtMi44LDAuMi03LjQsMS42LTEwLjcsNC44Yy0yLjIsMi0zLjcsNC44LTMuNyw4LjZjMCwxLjctMS40LDMuMi0zLjIsMy4yYy0xLjcsMC0zLjEtMS40LTMuMS0zLjJjMC01LjcsMi4zLTEwLjEsNS42LTEzLjJjNC41LTQuMywxMC44LTYuMywxNC42LTYuNmMwLjgsMCwxLjQtMC40LDEuOS0wLjhjMC4zLTAuMywwLjUtMC42LDAuNS0xYy0zLTIuNC00LjMtNS44LTUuNC04LjZjLTAuNS0xLjMtMS0yLjUtMS4zLTIuOGwtMC4xLDBsMCwwbDAsMGwwLDBjLTMuNi0zLjMtNi43LTkuNC0zLjktMTQuMWMtMC44LTIuNC0xLjItNS0xLjItNy43YzAtMy40LDAuNS02LjksMS42LTEwYzEuNi00LjYsNC4xLTgsNy42LTEwLjJjMy41LTIuNCw3LjktMy41LDEyLjgtMy42YzEuOCwwLDQuMywwLDYuOCwwLjRjMi44LDAuNSw1LjQsMS42LDcsMy45YzMuMy0wLjMsNi4yLDEuNSw4LjUsNC4yYzEuMSwxLjIsMiwyLjcsMi44LDQuMmMyLTAuNCw0LjMtMC4zLDYuNiwwLjFsMC4yLDBjMy4zLDAuNyw2LjQsMi4yLDcuOSw0YzIuOC0wLjEsNS4zLDEuNSw3LjIsMy43YzIuMywyLjcsNCw2LjcsNC40LDkuMWMwLjQsMi43LTAuMSw0LjktMC42LDYuOWMtMC4yLDEtMC40LDEuOS0wLjUsMi43YzEuNSwyLjQsMS40LDUuMSwwLjUsNy40Yy0wLjgsMi0yLDMuNy0zLjYsNS4zYy0wLjUsMC41LTAuOCwxLjYtMS4xLDIuMmMtMC45LDIuMi0xLjksNC45LTQuMiw2LjljMCwwLjIsMC4yLDAuNCwwLjMsMC42YzAuMiwwLjIsMC41LDAuMywxLjEsMC40YzMuMiwwLjMsOC42LDEuOSwxMi40LDUuNmMyLjgsMi43LDQuOCw2LjQsNC44LDExLjJjMCwxLjctMS40LDMuMi0zLjEsMy4yYy0xLjgsMC0zLjItMS40LTMuMi0zLjFjMC0zLTEuMi01LjEtMi45LTYuOGMtMi42LTIuNS02LjMtMy42LTguNS0zLjh2MGMtMi40LTAuMi00LjItMS4yLTUuNS0yLjhjLTEuMy0xLjYtMS45LTMuNy0xLjktNS45YzAtMS4yLDAuNi0yLjIsMS42LTIuN2MxLjYtMS4xLDIuNS0zLjMsMy4yLTUuMWwwLDBjMC43LTEuOCwxLjMtMy40LDIuNi00LjVsMCwwbDAuMS0wLjFjMC42LTAuNiwxLjQtMS42LDEuOS0yLjhjMC4zLTAuOCwwLjQtMS41LTAuMS0yYy0wLjUtMC42LTAuOC0xLjItMC44LTJjLTAuMS0xLjksMC4yLTMuNiwwLjctNS4zYzAuNC0xLjUsMC43LTMuMSwwLjUtNC41Yy0wLjMtMS41LTEuNC00LjEtMy02Yy0wLjgtMC45LTEuNi0xLjUtMi4yLTEuNWMtMSwwLjEtMiwwLTIuOS0wLjRsLTAuMi0wLjFjLTAuOC0wLjQtMS41LTEtMi0xLjhsMCwwYy0wLjQtMC42LTIuMi0xLjMtNC4zLTEuOGwtMC4yLDBjLTEuMS0wLjItMi4yLTAuMy0zLjEtMC4zbDAuMSwwLjRoMGMwLjMsMi4xLDAuMyw0LjMsMCw2LjVjLTAuMiwxLjctMC42LDMuNi0xLjIsNS42YzMsNC44LDAuMSwxMC44LTMuNiwxNC4zbC0wLjEsMC4xbDAsMGwwLDBsLTAuMSwwYy0wLjMsMC4zLTAuOCwxLjUtMS4zLDIuOWMtMS4xLDIuOC0yLjQsNi4xLTUuMyw4LjVjMC4xLDAuNSwwLjIsMC45LDAuNiwxLjF2MHYwYzAuNSwwLjQsMS4yLDAuNywxLjksMC44YzMuOCwwLjMsMTAuMSwyLjMsMTQuNiw2LjZDNzIuNCw3Ny44LDc0LjgsODIuMSw3NC44LDg3LjhMNzQuOCw4Ny44eiIvPjwvc3ZnPg==);
width: 12px;
height: 12px;
background-size: contain;
background-repeat: no-repeat;
background-position: 50%;
margin: 0 4px;
}
.icon__x2 {
background-position: -74px 0;
width: 30px;
height: 23px
}
.icon__x3 {
background-position: -74px -23px;
width: 28px;
height: 23px
}
.icon__x5 {
background-position: -45px 0;
width: 29px;
height: 25px
}
.icon__x50 {
background-position: 0 0;
width: 45px;
height: 31px
}
.form-group {
min-height: 20px;
margin-bottom: 20px
}
.form-label {
color: #a09e9a;
margin-bottom: 10px;
min-height: 14px;
}
.form-label_right {
color: #3c3b4a;
float: right
}
.custom-checkbox+label:before {
background: #202116 !important;
}
.form-control {
background: #202116;
border: none;
border-radius: 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #a09e9a;
display: block;
font-size: 13px;
line-height: 18px;
outline: 0;
padding: 10px 15px;
resize: none;
width: 100%
}
.form-control::-webkit-input-placeholder {
color: #a09e9a
}
.form-control::-moz-placeholder {
color: #a09e9a
}
.form-control:-moz-placeholder {
color: #a09e9a
}
.form-control:-ms-input-placeholder {
color: #a09e9a
}
.form-control__empty {
background: 0 0;
display: inline-block;
padding: 5px 20px 5px 5px;
width: auto
}
.form-control__empty::-webkit-input-placeholder {
color: #a09e9a
}
.form-control__empty::-moz-placeholder {
color: #a09e9a
}
.form-control__empty:-moz-placeholder {
color: #a09e9a
}
.form-control__empty:-ms-input-placeholder {
color: #a09e9a
}
.custom-checkbox {
position: absolute;
margin: 5px 0 0 10px
}
.custom-checkbox+label {
cursor: pointer;
position: relative;
padding: 0 0 0 36px;
line-height: 1.3em
}
.custom-checkbox+label:before {
content: "";
position: absolute;
display: block;
left: 0;
top: 0;
width: 35px;
height: 18px;
border-radius: 10px;
background: #171621;
border: 1px solid #171621;
-webkit-transition: all .3s;
transition: all .3s
}
.custom-checkbox+label:after {
content: "";
position: absolute;
display: block;
left: 1px;
top: 1px;
width: 16px;
height: 16px;
border-radius: 10px;
background: #6b6882;
border: 1px solid #6b6882;
-webkit-transition: all .3s;
transition: all .3s
}
.custom-checkbox+label:hover:after {
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
box-shadow: 0 0 3px rgba(0, 0, 0, .3)
}
.custom-checkbox:checked+label:after {
background: #fe8d08;
border: 1px solid #fe8d08;
margin-left: 20px
}
.btn {
background: #444;
border: none;
border-radius: 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
font-weight: 700;
cursor: pointer;
display: block;
line-height: 18px;
outline: 0;
padding: 10px 15px;
text-transform: uppercase;
width: 100%
}
.btn:hover {
background: #2b2b2b
}
.btn__big {
font-size: 14px;
padding: 16px 25px
}
.btn__blue {
background: #fe8d08;
}
.btn__blue:hover {
background: #fe8d08;
}
.btn__inverse {
background: 0 0;
border: 2px solid #fe8d08;
padding: 12px 21px;
text-transform: uppercase
}
.btn__inverse:hover {
background: rgba(254, 141, 8, .15)
}
.header {
display: table;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
position: relative;
width: 100%;
z-index: 151
}
.header_elem {
display: table-cell;
height: 50px;
vertical-align: middle
}
.header_logo{
cursor:pointer;
}
.header_elem__center {
text-align: left;
width: 100%
}
.header_elem-money {
border-radius: 40px;
color: #aba3ce;
display: block;
font-size: 0;
font-weight: 700;
padding: 15px 25px;
width: 150px
}
.header_elem-money:hover {
-webkit-box-shadow: -2px 2px 2px 0 #8c3c32;
box-shadow: -2px 2px 2px 0 #8c3c32;
color: #f4c357;
text-decoration: underline;
-webkit-text-decoration-style: dashed;
text-decoration-style: dashed
}
.header_elem-money:hover>.header_elem-money-text {
text-decoration: underline;
-webkit-text-decoration-style: dashed;
text-decoration-style: dashed
}
.header_elem-money-text {
display: inline-block;
font-size: 14px;
line-height: 18px;
margin-left: 10px;
text-transform: uppercase;
vertical-align: middle;
color: #fe8d08;
font-weight: 700;
text-shadow: 0 0 7px #fe8d08;
}
.header_menu {
color: #a09e9a;
cursor: pointer;
font-size: 14px;
padding: 20px;
vertical-align: middle
}
.header_menu:first-child {
margin-left: 70px
}
.header_menu:hover {
color: #fff;
text-decoration: none
}
.header_menu__dropdown {
display: inline-block;
outline: 0;
position: relative
}
.header_menu__dropdown:focus {
color: #fff;
text-decoration: none
}
.header_menu__dropdown:focus>.header_menu-dropdown {
display: block;
background: #232319;
}
.header_menu-icon {
position: relative;
z-index: 130
}
.header_menu-text {
display: inline-block;
position: relative;
vertical-align: middle;
z-index: 130
}
.header_menu-dropdown {
text-align: center;
background: #232319;
border-radius: 5px;
display: none;
left: 0;
min-width: 140px;
padding: 50px 20px 0 20px;
position: absolute;
right: 0;
top: 0
}
.header_menu-dropdown-elem {
border-top: 1px solid #fe8d08;
display: block;
height: 40px;
line-height: 40px;
padding: 0 10px;
color: #fff;
}
.header_menu-dropdown-elem:hover {
color: #fff;
text-decoration: underline;
}
.logo {
background: url();
display: inline-block;
height: 50px;
margin-left: 20px;
width: 120px
}
.footer-blur {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(18, 16, 34, 0)), to(#121022));
background: linear-gradient(to bottom, rgba(18, 16, 34, 0) 0, #121022 100%);
bottom: 40px;
height: 40px;
left: 0;
position: fixed;
right: 360px;
z-index: 130
}
.footer {
background: rgba(46, 48, 48, .95);
border: 1px solid hsla(0, 0%, 100%, .07);
bottom: 0;
height: 40px;
left: 0;
line-height: 40px;
padding: 0 50px;
position: fixed;
right: 360px;
z-index: 130
}
.footer_elem {
float: left;
line-height: 35px;
width: auto;
height: 35px;
}
.footer_elem__left {
width: auto;
margin-right: 40px;
}
.footer_elem__center {
line-height: 40px;
text-align: left
}
.footer_elem__right {
float: right;
line-height: 40px;
text-align: right
}
.footer_elem-social {
display: inline-block;
margin-right: 15px;
vertical-align: middle;
opacity: .35;
}
.footer_elem-social:last-child {
margin-right: 0
}
.footer_elem-social:hover {
opacity: 1
}
.footer_elem-text {
color: rgb(160, 158, 154);
display: inline-block;
}
.footer-separator {
display: inline-block;
height: 11px;
margin: 0 6px;
}
.badge {
background: #39721d;
border-radius: 8px;
color: #fff;
display: inline-block;
height: 15px;
line-height: 15px;
padding: 0 10px;
vertical-align: middle
}
.badge__dark {
background: #100f17;
color: #3e3c9a
}
.badge__side-menu-elem {
position: absolute;
left: 60%;
top: 25%
}
.side {
background: #0a0a0a;
bottom: 0;
position: fixed;
right: 0;
top: 0;
width: 360px
}
.side-menu {
height: 70px;
line-height: 60px;
padding: 0 25px
}
.side-menu_balance {
display: inline-block;
background: #fe8d08;
width: 360px;
line-height: 60px;
margin: 0 -25px;
text-align: center;
border-radius: 30px 0 0 30px;
}
.side-menu_balance-value {
font-weight: bold;
color: #fff;
display: inline-block;
font-size: 20px;
font-family: 'numbers font';
margin: 3px 0 0 10px;
vertical-align: middle
}
.side-menu_elems {
float: right
}
.side-menu_elem {
border: 1px solid transparent;
border-radius: 5px;
cursor: pointer;
display: inline-block;
height: 44px;
line-height: 42px;
margin-right: 50px;
position: relative;
text-align: center;
width: 44px
}
.side-menu_elem:last-child {
margin-right: 0
}
.side-menu_elem:hover {
border-color: #1c192b
}
.side-tabs {
display: table;
width: 100%
}
.side-tabs_elem {
background: #0a0a0a;
color: rgb(184, 184, 184);
cursor: pointer;
display: table-cell;
font-size: 16px;
height: 60px;
text-align: center;
vertical-align: middle
}
.side-tabs_elem__active {
color: #fe8d08;
text-shadow: 0 0 7px #fe8d08;
}
.side-tabs_elem-name {
display: inline-block;
margin-left: 6px;
font-weight: 700;
vertical-align: middle
}
.side-tab {
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 136px
}
.side-footer {
background: #0a0a0a;
bottom: 0;
height: 40px;
left: 0;
line-height: 40px;
padding: 0 20px;
position: absolute;
text-align: left;
right: 0
}
.side-footer_right {
float: right
}
.side-footer_elem {
display: inline-block;
line-height: 1;
margin-left: 20px;
vertical-align: middle;
}
.side-footer_elem:first-child {
margin-left: 0
}
.side-footer_elem-label {
color: #a09e9a;
display: inline-block;
vertical-align: middle
}
.chat-messages {
background: #0a0a0a;
bottom: 91px;
left: 0;
padding: 0 20px;
position: absolute;
right: 0;
top: 0
}
.chat-messages_elem {
border-bottom: 1px dashed #202116;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: table;
padding: 9px 0;
width: 100%
}
.chat-messages_elem:last-child {
border-bottom: none
}
.chat-messages_elem-photo-wrapper {
display: table-cell;
padding-right: 20px
}
.chat-messages_elem-photo {
border-radius: 24px;
height: 48px;
width: 48px
}
.chat-messages_elem-body-wrapper {
display: table-cell;
vertical-align: top;
width: 100%
}
.chat-messages_elem-header {
margin-bottom: 7px
}
.chat-messages_elem-header-right {
float: right;
margin-top: -2px
}
.chat-messages_elem-login {
color: #fe8d08;
display: inline-block;
}
.chat-messages_elem-login:hover {
cursor: pointer;
text-decoration: underline;
}
.rates-elem_user-login:hover {
cursor: pointer;
text-decoration: underline;
}
.rates-elem_user-login-text:hover {
cursor: pointer;
text-decoration: underline;
}
.chat-messages_elem-time {
color: #888;
display: inline-block;
margin-right: 7px;
vertical-align: middle
}
.chat-messages_elem-text {
color: #ccc;
line-height: 18px
}
.chat-input {
background: #0a0a0a;
bottom: 40px;
font-size: 0;
left: 0;
padding: 20px 20px 0 20px;
position: absolute;
right: 0
}
.chat-input_send {
cursor: pointer;
position: absolute;
right: 20px;
top: 20px;
background-color: #fe8d08;
height: 30px;
width: 30px;
border-radius: 15px;
line-height: 30px;
text-align: center;
margin-top: -5px;
}
.chat-input_field {
background: 0 0;
border: none;
border-bottom: 1px solid #fff;
color: #a09e9a;
font-size: 13px;
height: 30px;
line-height: 18px;
outline: 0;
padding: 0;
resize: none;
width: 100%
}
.chat-input_field::-webkit-input-placeholder {
color: #a09e9a
}
.chat-input_field::-moz-placeholder {
color: #a09e9a
}
.chat-input_field:-moz-placeholder {
color: #a09e9a
}
.chat-input_field:-ms-input-placeholder {
color: #a09e9a
}
.settings {
background: #0a0a0a;
bottom: 40px;
left: 0;
position: absolute;
right: 0;
top: 0
}
.settings_form {
padding: 20px
}
.settings_header {
border-bottom: 1px dashed #202116;
padding: 30px;
text-align: center
}
.settings_header-photo {
height: 110px;
width: 110px;
border-radius: 5px;
}
.settings_header-login {
color: #fe8d08;
font-size: 16px;
font-weight: 700;
margin-top: 10px
}
.settings_header-right {
position: absolute;
right: 20px;
top: 40px
}
.settings_header-time {
color: #3c3b4a;
display: inline-block;
margin-right: 7px;
vertical-align: middle
}
.spinner {
height: 440px;
margin-top: 40px;
position: relative;
width: 100%;
}
.spinner-circle {
background: url(/Content/img/d2/circle_background.png) no-repeat top center;
background-size: 98%;
height: 390px;
left: 50%;
margin-left: -195px;
position: absolute;
top: 0;
width: 390px;
z-index: 20;
transform: scale(0.9);
}
.spinner-pills {
height: 100%;
position: absolute;
top: 2px;
-webkit-transform-origin: 195px 195px;
transform-origin: 195px 195px;
width: 100%;
z-index: 50
}
/*.spinner-pills_elem {
background: #fff;
bottom: 13px;
height: 8px;
left: 50%;
margin: -4px 0 0 -8px;
position: absolute;
-webkit-transform-origin: 8px -174px;
transform-origin: 8px -174px;
width: 19px
}*/
/*.spinner-pills_elem {
background: transparent;
bottom: 11px;
left: 50%;
margin: -3px 0 0 -10px;
position: absolute;
-webkit-transform-origin: 8px -174px;
transform-origin: 8px -174px;
width: 19px;
border-bottom: 6px solid #fff;
height: 0;
}*/
.spinner-pills_elem {
bottom: 13px;
height: 8px;
left: 50%;
margin: -4px 0 0 -8px;
position: absolute;
-webkit-transform-origin: 8px -174px;
transform-origin: 8px -174px;
width: 20px;
}
.spinner-pills_elem path {
stroke-width: 6px;
}
/*.spinner-pills_elem__type0 {
background: #b47934
}
.spinner-pills_elem__type1 {
background: #e5bb49
}
.spinner-pills_elem__type2 {
background: #9a1f2d
}
.spinner-pills_elem__type3 {
background: #2dacb3
}*/
/*.spinner-pills_elem__type0 {
border-bottom-color: #b47934
}
.spinner-pills_elem__type1 {
border-bottom-color: #e5bb49
}
.spinner-pills_elem__type2 {
border-bottom-color: #9a1f2d
}
.spinner-pills_elem__type3 {
border-bottom-color: #2dacb3
}*/
.spinner-pills_elem__type0 {
stroke: #b47934
}
.spinner-pills_elem__type1 {
stroke: #e5bb49
}
.spinner-pills_elem__type2 {
stroke: #9a1f2d
}
.spinner-pills_elem__type3 {
stroke: #2dacb3
}
.spinner-rate {
height: 210px;
left: 50%;
margin: -105px 0 0 -105px;
position: absolute;
text-align: center;
top: 195px;
width: 210px;
z-index: 70
}
.spinner-rate_title {
color: #aba3ce;
font-size: 18px;
font-weight: 700;
margin-top: 60px;
text-transform: uppercase
}
.spinner-rate_value {
margin-top: 45px
}
.spinner-rate_field {
text-align: center;
width: 81px;
background: 0 0;
border: none;
color: #c6bcee;
font-family: 'numbers font';
font-size: 20px;
margin-top: 4px;
outline: 0;
padding: 7px 15px;
vertical-align: middle;
}
.spinner-timer {
display: block;
padding: 10px;
background: rgba(0, 0, 0, 0.5);
left: 50%;
margin-left: -50px;
position: absolute;
/*text-align: center;*/
top: 370px;
width: 80px;
z-index: 70
}
.spinner-timer:before {
left: 0;
border-left: 1px solid #fe8d08;
}
.spinner-timer:after {
right: 0;
border-right: 1px solid #fe8d08;
}
.spinner-timer:before, .spinner-timer:after {
content: '';
display: block;
position: absolute;
top: 0;
width: 20px;
height: 20px;
border-top: 1px solid #fe8d08;
}
.spinner-timer_title {
color: #fff;
font-weight: 700;
margin-left: 7px;
text-align: center;
}
.spinner-timer_time {
margin-top: 5px;
text-align: center;
}
.spinner-timer_time-value {
color: #aca3cf;
display: inline-block;
font-family: 'numbers font';
font-size: 16px;
margin-left: 5px;
width: 31px;
text-align: left;
vertical-align: middle
}
.spinner-rate-control {
font-size: 14px;
left: 50%;
margin-left: -50px;
position: absolute;
text-align: center;
top: 55px;
width: 100px;
z-index: 90
}
.spinner-rate-control_elem {
margin-left: -30px;
position: absolute;
text-align: center;
width: 60px
}
.spinner-rate-control_elem:hover {
text-decoration: none
}
.spinner-rate-control_elem__reset {
color: #686594;
text-transform: uppercase;
-webkit-transform: translate(-130px, 175px);
transform: translate(-130px, 175px)
}
.spinner-rate-control_elem__reset:hover {
color: #8582aa
}
.spinner-rate-control_elem__max {
color: #f4c357;
text-transform: uppercase;
-webkit-transform: translate(130px, 175px);
transform: translate(130px, 175px)
}
.spinner-rate-control_elem__max:hover {
color: #f7d487
}
.spinner-rate-control_elem__plus-tenth {
color: #514fa5;
-webkit-transform: rotate(-65deg);
transform: rotate(-65deg);
-webkit-transform-origin: 50% 145px;
transform-origin: 50% 145px
}
.spinner-rate-control_elem__plus-tenth:hover {
color: #6f6eb9
}
.spinner-rate-control_elem__plus-half {
color: #4947ab;
-webkit-transform: rotate(-30deg);
transform: rotate(-30deg);
-webkit-transform-origin: 50% 145px;
transform-origin: 50% 145px
}
.spinner-rate-control_elem__plus-half:hover {
color: #6766bf
}
.spinner-rate-control_elem__plus-one {
color: #574b9e
}
.spinner-rate-control_elem__plus-one:hover {
color: #7166b6
}
.spinner-rate-control_elem__plus-five {
color: #a08081;
-webkit-transform: rotate(25deg);
transform: rotate(25deg);
-webkit-transform-origin: 50% 145px;
transform-origin: 50% 145px
}
.spinner-rate-control_elem__plus-five:hover {
color: #b69d9e
}
.spinner-rate-control_elem__half {
color: #cea469;
-webkit-transform: rotate(50deg);
transform: rotate(50deg);
-webkit-transform-origin: 50% 145px;
transform-origin: 50% 145px
}
.spinner-rate-control_elem__half:hover {
color: #dbbb8f
}
.spinner-rate-control_elem__double {
color: #e3b35e;
-webkit-transform: rotate(75deg);
transform: rotate(75deg);
-webkit-transform-origin: 50% 145px;
transform-origin: 50% 145px
}
.spinner-rate-control_elem__double:hover {
color: #ebc889
}
.spinner-info_current {
background: url(/Content/img/d2/icon__logout.svg);
height: 259px;
position: absolute;
right: 70px;
top: 64px;
width: 62px;
z-index: 60
}
.spinner-info_current-arrow {
background: #fff;
border-radius: 45px;
height: 45px;
left: 50%;
line-height: 45px;
margin: -22px 0 0 -7px;
position: absolute;
text-align: center;
top: 50%;
width: 45px
}
.spinner-info_current-arrow__type0 {
background-color: #31256d;
-webkit-box-shadow: 0 0 0 7px rgba(49, 37, 109, .1);
box-shadow: 0 0 0 7px rgba(49, 37, 109, .1)
}
.spinner-info_current-arrow__type1 {
background-color: #5d3086;
-webkit-box-shadow: 0 0 0 7px rgba(93, 48, 134, .1);
box-shadow: 0 0 0 7px rgba(93, 48, 134, .1)
}
.spinner-info_current-arrow__type2 {
background-color: #2825c2;
-webkit-box-shadow: 0 0 0 7px rgba(40, 37, 194, .1);
box-shadow: 0 0 0 7px rgba(40, 37, 194, .1)
}
.spinner-info_current-arrow__type3 {
background-color: #f1be57;
-webkit-box-shadow: 0 0 0 7px rgba(241, 190, 87, .1);
box-shadow: 0 0 0 7px rgba(241, 190, 87, .1)
}
.spinner-info_current-arrow-icon {
left: 15px;
position: absolute;
top: 15px
}
.spinner-info_history {
/*position: absolute;
right: 45px;
top: 192px;
z-index: 60*/
}
.spinner-info_history-elem {
background: #fff;
/*border-radius: 2px;*/
display: inline-block;
height: 14px;
margin-right: 5px;
width: 4px
}
.spinner-info_history-elem__type0 {
background: #b47934
}
.spinner-info_history-elem__type1 {
background: #e5bb49
}
.spinner-info_history-elem__type2 {
background: #9a1f2d
}
.spinner-info_history-elem__type3 {
background: #2dacb3
}
/*
.spinner-info_history-elem:nth-child(1) {
-webkit-transform: rotate(-24deg);
transform: rotate(-24deg)
}
.spinner-info_history-elem:nth-child(2) {
-webkit-transform: rotate(-22.1deg);
transform: rotate(-22.1deg)
}
.spinner-info_history-elem:nth-child(3) {
-webkit-transform: rotate(-20.200000000000003deg);
transform: rotate(-20.200000000000003deg)
}
.spinner-info_history-elem:nth-child(4) {
-webkit-transform: rotate(-18.300000000000004deg);
transform: rotate(-18.300000000000004deg)
}
.spinner-info_history-elem:nth-child(5) {
-webkit-transform: rotate(-16.400000000000006deg);
transform: rotate(-16.400000000000006deg)
}
.spinner-info_history-elem:nth-child(6) {
-webkit-transform: rotate(-14.500000000000005deg);
transform: rotate(-14.500000000000005deg)
}
.spinner-info_history-elem:nth-child(7) {
-webkit-transform: rotate(-12.600000000000005deg);
transform: rotate(-12.600000000000005deg)
}
.spinner-info_history-elem:nth-child(8) {
-webkit-transform: rotate(-10.700000000000005deg);
transform: rotate(-10.700000000000005deg)
}
.spinner-info_history-elem:nth-child(9) {
-webkit-transform: rotate(-8.800000000000004deg);
transform: rotate(-8.800000000000004deg)
}
.spinner-info_history-elem:nth-child(10) {
-webkit-transform: rotate(-6.900000000000004deg);
transform: rotate(-6.900000000000004deg)
}
.spinner-info_history-elem:nth-child(11) {
-webkit-transform: rotate(-5.0000000000000036deg);
transform: rotate(-5.0000000000000036deg)
}
.spinner-info_history-elem:nth-child(12) {
-webkit-transform: rotate(-3.1000000000000036deg);
transform: rotate(-3.1000000000000036deg)
}
.spinner-info_history-elem:nth-child(13) {
-webkit-transform: rotate(-1.2000000000000037deg);
transform: rotate(-1.2000000000000037deg)
}
.spinner-info_history-elem:nth-child(14) {
-webkit-transform: rotate(.6999999999999962deg);
transform: rotate(.6999999999999962deg)
}
.spinner-info_history-elem:nth-child(15) {
-webkit-transform: rotate(2.599999999999996deg);
transform: rotate(2.599999999999996deg)
}
.spinner-info_history-elem:nth-child(16) {
-webkit-transform: rotate(4.4999999999999964deg);
transform: rotate(4.4999999999999964deg)
}
.spinner-info_history-elem:nth-child(17) {
-webkit-transform: rotate(6.399999999999997deg);
transform: rotate(6.399999999999997deg)
}
.spinner-info_history-elem:nth-child(18) {
-webkit-transform: rotate(8.299999999999997deg);
transform: rotate(8.299999999999997deg)
}
.spinner-info_history-elem:nth-child(19) {
-webkit-transform: rotate(10.199999999999998deg);
transform: rotate(10.199999999999998deg)
}
.spinner-info_history-elem:nth-child(20) {
-webkit-transform: rotate(12.099999999999998deg);
transform: rotate(12.099999999999998deg)
}
.spinner-info_history-elem:nth-child(21) {
-webkit-transform: rotate(13.999999999999998deg);
transform: rotate(13.999999999999998deg)
}
.spinner-info_history-elem:nth-child(22) {
-webkit-transform: rotate(15.899999999999999deg);
transform: rotate(15.899999999999999deg)
}
.spinner-info_history-elem:nth-child(23) {
-webkit-transform: rotate(17.799999999999997deg);
transform: rotate(17.799999999999997deg)
}
.spinner-info_history-elem:nth-child(24) {
-webkit-transform: rotate(19.699999999999996deg);
transform: rotate(19.699999999999996deg)
}
.spinner-info_history-elem:nth-child(25) {
-webkit-transform: rotate(21.599999999999994deg);
transform: rotate(21.599999999999994deg)
}
.spinner-info_history-elem:nth-child(26) {
-webkit-transform: rotate(23.499999999999993deg);
transform: rotate(23.499999999999993deg)
}*/
.spinner-info_history-title {
background: -webkit-gradient(linear, left top, right top, from(rgba(24, 20, 77, 0)), to(#18144d));
background: linear-gradient(to right, rgba(24, 20, 77, 0) 0, #18144d 100%);
border-radius: 0 55px 55px 0;
height: 55px;
left: 450px;
line-height: 55px;
position: absolute;
text-align: center;
top: 330px;
width: 170px;
z-index: 60
}
.spinner-info_history-title-text {
color: #686594;
display: inline-block;
margin-left: 10px;
text-transform: uppercase;
vertical-align: middle
}
.spinner-footer {
position: relative;
text-align: center;
width: 100%;
z-index: 70
}
.spinner-footer_change {
display: inline-block;
vertical-align: middle;
opacity: .5;
transition: opacity .2s;
}
.spinner-footer_change:hover {
color: #a09e9a !important;
opacity: 1;
}
.spinner-footer_change-text {
display: inline-block;
margin-left: 5px;
vertical-align: middle
}
.spinner-footer_sound {
width: 20px;
display: inline-block;
margin-left: 10px;
vertical-align: middle
}
.spinner-background_glow {
background: url(/Content/img/d2/icon__chat.svg);
height: 394px;
position: absolute;
right: 0;
top: 300px;
width: 1228px;
z-index: 5
}
.spinner-background_sniper {
background: url(/Content/img/d2/circle_background.png);
height: 463px;
position: absolute;
right: 30px;
top: 37px;
width: 872px;
z-index: 60
}
.horizont {
height: 450px;
margin: 40px auto 80px auto;
position: relative;
width: 100%
}
.horizont-slider {
background-color: rgba(34, 33, 34, .95);
border-radius: 5px;
border: 1px solid hsla(0, 0%, 100%, .07);
height: 64px;
margin: auto;
overflow: hidden;
position: relative;
width: 60%;
z-index: 5
}
.horizont-slider:after, .horizont-slider:before {
content: "";
position: absolute!important;
left: 0;
right: 0;
margin: auto;
width: 0;
height: 0;
border-left: .5rem solid transparent;
border-right: .5rem solid transparent;
}
.horizont-slider:before {
bottom: 7px;
border-bottom: .5rem solid rgba(34, 33, 34, .95);
z-index: 99;
}
.horizont-slider:after {
top: 7px;
border-top: .5rem solid rgba(34, 33, 34, .95);
}
.horizont-slider_bottom,
.horizont-slider_top {
background: -webkit-gradient(linear, left top, right top, from(rgba(62, 26, 93, 0)), color-stop(50%, #1f1e99), to(rgba(62, 26, 93, 0)));
background: linear-gradient(to right, rgba(62, 26, 93, 0) 0, #1f1e99 50%, rgba(62, 26, 93, 0) 100%);
height: 3px;
position: absolute;
top: 0;
width: 100%
}
.horizont-slider_bottom {
top: auto;
bottom: 0
}
.horizont-slider_left,
.horizont-slider_right {
background: -webkit-gradient(linear, left top, right top, from(rgba(34, 33, 34, .95)), color-stop(50%, rgba(34, 33, 34, .95)), to(rgba(34, 33, 34, 0)));
background: linear-gradient(to right, rgba(34, 33, 34, .95) 0, rgba(34, 33, 34, .95) 50%, rgba(34, 33, 34, 0) 100%);
height: 140px;
left: 0;
position: absolute;
top: 0;
width: 10%;
z-index: 120
}
.horizont-slider_right {
background: -webkit-gradient(linear, left top, right top, from(rgba(34, 33, 34, 0)), color-stop(50%, rgba(34, 33, 34, .95)), to(rgba(34, 33, 34, .95)));
background: linear-gradient(to right, rgba(34, 33, 34, 0) 0, rgba(34, 33, 34, .95) 50%, rgba(34, 33, 34, .95) 100%);
left: auto;
right: 0
}
.horizont-slider_lines {
background: url(/Content/img/background_lines.png) repeat-y center top;
height: 105px;
position: absolute;
top: 3px;
width: 100%
}
.horizont-pills {
position: relative;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d
}
.horizont-pills_elem {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background: #fff;
border-radius: 10px;
height: 50px;
left: 50%;
margin-left: -25px;
position: absolute;
top: 7px;
width: 50px
}
.horizont-pills_elem__type0 {
background: #b47934
}
.horizont-pills_elem__type1 {
background: #e5bb49
}
.horizont-pills_elem__type2 {
background: #9a1f2d
}
.horizont-pills_elem__type3 {
background: #2dacb3
}
.horizont-pills_elem__current:before {
border-radius: 20px;
content: '';
display: block;
height: 50px;
left: 0px;
position: absolute;
top: 0;
width: 50px;
}
.horizont-pills_elem__current:after {
background: url(/Content/img/d2/icons.png);
-shadow: inset 20px 20px 60px -10px #9e5131;
content: '';
display: block;
position: absolute
}
.horizont-pills_elem__current.horizont-pills_elem__type0:before {
/*-webkit-box-shadow: inset 20px 20px 60px -10px #221b53;
box-shadow: inset 20px 20px 60px -10px #fe8d08*/
}
.horizont-pills_elem__current.horizont-pills_elem__type0:after {
background-position: -74px 0;
width: 30px;
height: 23px;
left: 11px;
top: 13px;
}
.horizont-pills_elem__current.horizont-pills_elem__type1:before {
/*-webkit-box-shadow: inset 20px 20px 60px -10px #261b55;
box-shadow: inset 20px 20px 60px -10px #fe8d08*/
}
.horizont-pills_elem__current.horizont-pills_elem__type1:after {
background-position: -74px -23px;
width: 28px;
height: 23px;
left: 11px;
top: 13px;
}
.horizont-pills_elem__current.horizont-pills_elem__type2:before {
/*-webkit-box-shadow: inset 20px 20px 60px -10px #221b58;
box-shadow: inset 20px 20px 60px -10px #fe8d08*/
}
.horizont-pills_elem__current.horizont-pills_elem__type2:after {
background-position: -45px 0;
width: 29px;
height: 25px;
left: 11px;
top: 13px;
}
.horizont-pills_elem__current.horizont-pills_elem__type3:before {
/*-webkit-box-shadow: inset 20px 20px 60px -10px #9e5131;
box-shadow: inset 20px 20px 60px -10px #fe8d08*/
}
.horizont-pills_elem__current.horizont-pills_elem__type3:after {
background-position: 0 0;
width: 45px;
height: 31px;
left: 17px;
top: 26px
}
.horizont-top {
position: relative;
text-align: center;
width: 100%;
z-index: 70;
margin-bottom: 10px;
}
.horizont-top_change {
display: inline-block;
vertical-align: middle;
color: #a09e9a;
opacity: .5;
transition: opacity .2s;
}
.horizont-top_change:hover {
text-decoration: none;
color: #a09e9a !important;
opacity: 1;
}
.horizont-top_change-text {
display: inline-block;
margin-left: 5px;
vertical-align: middle
}
.horizont-top_sound {
display: inline-block;
margin-left: 40px;
vertical-align: middle;
width:20px;
}
.horizont-arrows {
margin: 20px 0;
text-align: center
}
.horizont-control {
position: relative;
text-align: center;
z-index: 70
}
.horizont-rate {
display: inline-block;
margin: 0 75px;
vertical-align: top
}
.horizont-rate__spinner {
position: absolute;
/*right: 10%;*/
left: 70%;
top: 50%;
margin: 0;
margin-top: -120px;
}
.horizont-rate_controls-elem {
color: #fff;
display: inline-block;
font-size: 16px;
margin: 0 5px 5px 5px;
width: 70px;
padding: 4px 0;
text-align: center;
border: 2px solid #fe8d08;
border-radius: 2rem;
}
.horizont-rate_controls-elem:hover {
color: #fe8d08
}
.horizont-rate_controls-elem__clear {
float: left;
color: #fe8d08;
margin-top: 10px;
}
.horizont-rate_controls-elem__max {
float: right;
color: #fe8d08;
margin-top: 10px;
}
.horizont-rate__spinner .horizont-rate__title {
margin-left: 10px;
}
.horizont-rate__title {
color: #fe8d08;
font-weight: 700;
font-size: 15px;
}
.horizont-rate_bottom {
position: relative;
width: 260px;
}
.horizont-rate_bottom-reset {
color: #686594;
display: inline-block;
float: left;
line-height: 50px;
margin-left: 20px;
text-transform: uppercase
}
.horizont-rate_bottom-reset:hover {
color: #c6bcee;
text-decoration: none
}
.horizont-rate_bottom-max {
color: #f4c357;
display: inline-block;
float: right;
line-height: 50px;
margin-right: 20px;
text-transform: uppercase
}
.horizont-rate_bottom-max:hover {
color: #f4d89a;
text-decoration: none
}
.horizont-rate_bottom-value {
background: transparent;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
padding: 5px 10px;
text-align: right;
width: 260px;
position: relative;
margin-bottom: 25px;
}
.horizont-rate_bottom-value .icon {
position: absolute;
top: 18px;
right: 18px;
}
.horizont-rate_bottom-field {
background: transparent;
border: none;
border-bottom: 1px solid #707071;
color: #fff;
font-size: 20px;
margin-top: 4px;
outline: 0;
padding: 7px 15px;
vertical-align: middle;
width: 210px;
text-align: left;
}
.horizont-timer {
display: block;
width: 100px;
margin: 20px auto 20px auto;
padding: 10px;
background: rgba(0, 0, 0, 0.5);
position: relative;
}
.horizont-timer:before,.horizontal_gl:before {
left: 0;
border-left: 1px solid #fe8d08;
}
.horizont-timer:after,.horizontal_gl:after {
right: 0;
border-right: 1px solid #fe8d08;
}
.horizont-timer:before, .horizont-timer:after, .horizontal_gl:before,.horizontal_gl:after {
content: '';
display: block;
position: absolute;
top: 0;
width: 20px;
height: 20px;
border-top: 1px solid #fe8d08;
}
.horizont-timer_title {
color: #fff;
font-weight: 700;
margin-left: 7px;
text-align: center;
}
.horizont-timer_time {
margin-top: 5px;
text-align: center;
}
.horizont-timer_time-value {
color: #aca3cf;
display: inline-block;
font-family: 'numbers font';
font-size: 16px;
margin-left: 5px;
width: 31px;
text-align: left;
vertical-align: middle
}
.horizont-history {
display: block;
width: 234px;
margin: 0 auto 20px auto;
padding: 10px;
background: rgba(0, 0, 0, 0.5);
position: relative;
}
.horizont-history__spinner {
position: absolute;
left: 13%;
top: 50%;
margin-top: -30px;
width: 144px;
}
.horizont-history:before {
left: 0;
border-left: 1px solid #fe8d08;
}
.horizont-history:after {
right: 0;
border-right: 1px solid #fe8d08;
}
.horizont-history:before, .horizont-history:after {
content: '';
display: block;
position: absolute;
top: 0;
width: 20px;
height: 20px;
border-top: 1px solid #fe8d08;
}
.horizont-history_elem {
background: #fff;
/*border-radius: 2px;*/
display: inline-block;
height: 14px;
margin-right: 5px;
width: 4px
}
.horizont-history_elem__type0 {
background: #b47934
}
.horizont-history_elem__type1 {
background: #e5bb49
}
.horizont-history_elem__type2 {
background: #9a1f2d
}
.horizont-history_elem__type3 {
background: #2dacb3
}
.horizont-history_title {
line-height: 15px;
text-align: center
}
.horizont-history_title-text {
color: #fff;
font-weight: 700;
display: inline-block;
margin-left: 10px;
text-transform: uppercase;
vertical-align: middle
}
.horizont-background_glow {
background: url(/Content/img/d2/icon__chat.svg);
height: 394px;
position: absolute;
right: 40%;
top: 340px;
width: 1228px;
z-index: 5
}
.horizont-background_sniper {
background: url(/Content/img/d2/circle_background.png);
height: 463px;
position: absolute;
right: 40%;
top: 80px;
width: 872px;
z-index: 60
}
.rates {
position: relative;
z-index: 70;
width: 76%;
margin: auto;
}
.rates-elem {
-webkit-box-sizing: border-box;
box-sizing: border-box;
float: left;
padding: 0 10px;
width: 25%
}
.rates-elem_logo {
width: 100%;
position: absolute;
margin-left: -5%;
cursor: pointer;
display: inline-block;
height: 100%;
margin-top: -5%;
float: right;
}
.rates-elem_logo img{
float: right;
margin: 13px 15px;
}
.rates-elem_logo .rates-elem_logo-front__anim0,
.rates-elem_logo .rates-elem_logo-front__anim1,
.rates-elem_logo .rates-elem_logo-front__anim3 {
-webkit-transition: width .3s ease-out 0s;
transition: width .3s ease-out 0s
}
.rates-elem_logo .rates-elem_logo-front__anim2,
.rates-elem_logo .rates-elem_logo-front__anim4 {
-webkit-transition: -webkit-transform .3s ease-out 0s;
transition: -webkit-transform .3s ease-out 0s;
transition: transform .3s ease-out 0s;
transition: transform .3s ease-out 0s, -webkit-transform .3s ease-out 0s
}
.rates-elem_logo:hover .rates-elem_logo-front__anim0 {
width: 60px
}
.rates-elem_logo:hover .rates-elem_logo-front__anim1 {
width: 110px
}
.rates-elem_logo:hover .rates-elem_logo-front__anim2 {
-webkit-transform: translateX(50px);
transform: translateX(50px)
}
.rates-elem_logo:hover .rates-elem_logo-front__anim3 {
width: 90px
}
.rates-elem_logo:hover .rates-elem_logo-front__anim4 {
-webkit-transform: translateX(30px);
transform: translateX(30px)
}
.rates-elem_logo-num {
border-radius: 20px;
height: 40px;
left: 5px;
position: absolute;
top: 5px;
width: 40px
}
.rates-elem_logo-num__type0 {
-webkit-box-shadow: inset 10px 10px 20px -5px #221b53;
box-shadow: inset 10px 10px 20px -5px #221b53
}
.rates-elem_logo-num__type1 {
-webkit-box-shadow: inset 10px 10px 20px -5px #261b55;
box-shadow: inset 10px 10px 20px -5px #261b55
}
.rates-elem_logo-num__type2 {
-webkit-box-shadow: inset 10px 10px 20px -5px #221b58;
box-shadow: inset 10px 10px 20px -5px #221b58
}
.rates-elem_logo-num__type3 {
-webkit-box-shadow: inset 10px 10px 20px -5px #9e5131;
box-shadow: inset 10px 10px 20px -5px #9e5131
}
.rates-elem_logo-num-icon {
bottom: 8px;
left: 5px;
position: absolute
}
.rates-elem_logo-num-icon__big {
bottom: 5px;
left: 0
}
.rates-elem_logo-back__type0 {
fill: rgba(49, 37, 109, .35)
}
.rates-elem_logo-back__type1 {
fill: rgba(93, 48, 134, .35)
}
.rates-elem_logo-back__type2 {
fill: rgba(40, 37, 194, .35)
}
.rates-elem_logo-back__type3 {
fill: rgba(241, 190, 87, .35)
}
.rates-elem_logo-front__type0 {
fill: #31256d
}
.rates-elem_logo-front__type1 {
fill: #5d3086
}
.rates-elem_logo-front__type2 {
fill: #2825c2
}
.rates-elem_logo-front__type3 {
fill: #f1be57
}
.rates-elem_info {
float: left;
text-align: left;
}
.rates-elem_info-users {
margin-bottom: 8px
}
.rates-elem_info-users-count {
color: #fff;
display: inline-block;
margin-left: 5px;
vertical-align: middle
}
.rates-elem_info-money-count {
color: #fff;
display: inline-block;
font-family: 'numbers font';
font-size: 16px;
margin-left: 5px;
vertical-align: middle
}
.rates-elem_users {
/*padding: 15px 0;*/
background: linear-gradient(180deg,#1e2122,rgba(30,33,34,0));
}
.rates-elem_user {
border-top: 1px dashed #202116;
display: table;
height: 54px;
padding: 0 8px;
max-width: 100%;
width: 95%
}
.rates-elem_user-photo-wrapper {
display: table-cell;
vertical-align: middle
}
.rates-elem_user-photo {
border-radius: 8px;
width: 40px;
height: 40px;
display: inline-block;
vertical-align: middle
}
.rates-elem_user-login {
display: table-cell;
color: #fe8d08;
line-height: 18px;
padding: 0 10px;
vertical-align: middle;
width: 100%
}
.rates-elem_user-rate {
color: #c27220;
float: right;
line-height: 54px
}
.rates-elem_user-login-text {
display: inline-block;
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-all;
line-break: strict
}
.rates-elem_user-rate {
color: #fe8d08;
text-shadow: 0 0 7px #fe8d08;
font-weight: 700;
display: table-cell;
line-height: 60px;
vertical-align: middle
}
.modal {
bottom: 0;
display: none;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 200
}
.modal_overlay {
background: rgba(0, 0, 0, .7);
bottom: 0;
cursor: pointer;
left: 0;
position: fixed;
right: 0;
top: 0
}
.modal_window {
background: #13130d;
border-radius: 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
left: 50%;
margin-left: -175px;
padding: 40px;
position: fixed;
top: 20%;
width: 350px
}
.modal_close {
cursor: pointer;
position: absolute;
right: 15px;
top: 15px
}
.modal_content-title {
color: #fe8d08;
font-size: 18px;
font-weight: 700;
margin-bottom: 20px;
text-align: center;
text-transform: uppercase
}
.modal_content-text {
color: #a09e9a;
font-size: 14px;
line-height: 18px;
margin-bottom: 20px;
text-align: center
}
.items {
bottom: 130px;
font-size: 0;
left: 0;
padding: 0 50px;
position: absolute;
right: 0;
top: 245px
}
.items_elem {
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
display: inline-block;
padding: 40px 20px;
text-align: center;
width: 20%;
height:305px;
}
.items_elem:hover {
background: #202116
}
.items_elem__inactive .items_elem-image {
opacity: .5
}
.items_elem__inactive .items_elem-price {
background: #1e1b32
}
.items_elem__active {
background: -webkit-gradient(linear, left bottom, left top, from(#fe8d08), to(#4a2818))!important;
background: linear-gradient(to top, #fe8d08 0, #4a2818 100%)!important
}
.items_elem-image-wrapper {
margin: 0 -20px 10px -20px
}
.items_elem-image {
height: 130px
}
.items_elem-name {
color: #fff;
font-size: 13px;
text-transform: uppercase;
height:28px;
}
.items_elem-price {
border-radius: 30px;
font-family: 'numbers font';
font-size: 16px;
height: 35px;
line-height: 37px;
margin-top: 20px;
width: 70px
}
.items-menu-wrapper {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 50px;
position: relative;
width: 100%;
z-index: 150
}
.items-menu {
border-bottom: 1px solid #fe8d08;
border-radius: 10px;
-webkit-box-shadow: 0 3px 0 0 #fe8d08;
box-shadow: 0 3px 0 0 #fe8d08;
height: 66px
}
.items-menu__shop {
background: url(/Content/img/d2/shop.png) no-repeat -30px 5px, -webkit-gradient(linear, left top, right top, from(#1b1241), to(#4a1841));
background: url(/Content/img/d2/shop.png) no-repeat -30px 5px, linear-gradient(to right, #0a0a0a 0, #4a2818 100%)
}
.items-menu__coins {
background: url(/Content/img/d2/coins.png) no-repeat -30px 5px, -webkit-gradient(linear, left top, right top, from(#1b1241), to(#4a1841));
background: url(/Content/img/d2/coins.png) no-repeat -30px 5px, linear-gradient(to right, #0a0a0a 0, #4a2818 100%)
}
.items-menu_header {
display: inline-block;
padding-left: 55px
}
.items-menu_header-title {
color: #fff;
font-size: 20px;
font-weight: 700;
margin-top: 7px
}
.items-menu_header-title-text {
display: inline-block;
margin-right: 10px;
vertical-align: middle
}
.items-menu_header-submenu-separator {
background: #514d6a;
border-radius: 3px;
display: inline-block;
height: 3px;
margin: 0 5px;
vertical-align: middle;
width: 3px
}
.items-menu_header-submenu {
margin-top: 5px
}
.items-menu_header-submenu-link:hover {
color: #fe8d08;
text-decoration: none
}
.items-menu_header-submenu-link__active {
color: #fe8d08
}
.items-menu_games {
float: right;
padding-right: 20px
}
.items-menu_games-elem {
border-bottom: 1px solid transparent;
color: #999;
display: inline-block;
font-size: 12px;
height: 66px;
line-height: 66px;
padding: 0 20px;
position: relative
}
.items-menu_games-elem:hover,
.items-menu_games-elem__active {
border-color: #fe8d08;
-webkit-box-shadow: 0 3px 0 0 #fff;
box-shadow: 0 3px 0 0 #ffc47e;
color: #fff;
text-decoration: none
}
.items-menu_games-elem__active {
background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, .05)), color-stop(50%, rgba(255, 255, 255, 0)));
background: linear-gradient(to top, rgba(255, 255, 255, .05) 0, rgba(255, 255, 255, 0) 50%)
}
.items-menu_games-elem__active:after,
.items-menu_games-elem__active:before {
background: #d6574c;
border-radius: 3px 3px 0 0;
bottom: -4px;
content: '';
display: block;
height: 6px;
left: 50%;
margin-left: -5px;
position: absolute;
width: 3px
}
.items-menu_games-elem__active:after {
left: auto;
margin-right: -5px;
right: 50%
}
.items-menu_games-elem-text {
display: inline-block;
margin-left: 5px;
vertical-align: middle
}
.items-filter {
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 30px;
margin-top: 20px;
padding: 0 50px;
position: relative;
width: 100%;
z-index: 150
}
.items-filter_elem {
background: #0a0a0a;
border-radius: 15px;
float: right;
height: 30px;
padding: 0 10px
}
.items-filter_elem .selectric-wrapper {
margin-left: 20px;
width: 150px
}
.items-filter_search {
cursor: pointer;
display: inline-block;
font-size: 0;
vertical-align: middle
}
.items-footer {
background: #0a0a0a;
bottom: 40px;
height: 50px;
left: 0;
padding: 20px 35px;
position: fixed;
right: 360px;
z-index: 130
}
.items-footer_container {
display: table;
width: 100%
}
.items-footer_block {
display: table-cell;
padding: 0 15px;
vertical-align: middle
}
.items-footer_block__center {
width: 100%
}
.items-footer_block-button {
width: 200px
}
.items-footer_label {
color: #a09e9a;
white-space: nowrap
}
.items-footer_value {
color: #fff;
font-size: 20px;
margin-top: 3px;
text-transform: uppercase;
white-space: nowrap
}
.items-footer_value-num {
font-family: 'numbers font'
}
.items-footer_list {
height: 50px;
overflow: hidden
}
.items-footer_list-elem-wrapper {
background: -webkit-gradient(linear, left bottom, left top, from(#1b1241), to(#4a1841));
background: linear-gradient(to top, #110d0b 0, #4a2818 100%);
border-radius: 3px;
display: inline-block;
margin-right: 10px;
padding: 2px
}
.items-footer_list-elem {
background: -webkit-gradient(linear, left bottom, left top, from(#16102f), to(#16102f));
background: linear-gradient(to top, #191409 0, #321a0f 100%);
border-radius: 2px;
font-size: 0;
height: 46px;
line-height: 70px;
position: relative;
text-align: center;
width: 46px
}
.items-footer_list-elem-close {
background: url(/Content/img/d2/icons.png);
background-position: -12px -126px;
cursor: pointer;
height: 12px;
position: absolute;
right: -3px;
top: -2px;
width: 14px
}
.items-footer_list-elem-close:hover {
background-position: -26px -126px;
width: 14px;
height: 12px
}
.items-footer_list-elem-price {
bottom: 2px;
color: #e3ad00;
font-size: 11px;
left: 2px;
line-height: 1;
position: absolute
}
.items-footer_list-elem-image {
display: inline;
max-height: 32px;
max-width: 32px
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
.ps {
overflow: auto!important
}
}
.rates-elem.lost {
opacity: .25;
}
.login_but {
padding: 19px 25px !important;
height: 35px !important;
}
.login_but button {
font-size: 18px;
}
.admin_here {
left: 59%;
top: 5%;
position: absolute;
margin: 16px;
border: 1px solid #ffffff;
padding: 5px;
border-radius: 5px;
background-color: #e75858;
color: white;
}
.admin_here_set {
display: block;
font-size: 11px;
position: static;
margin: 0px 0 0 43%;
border: 1px solid #ffffff;
padding: 3px;
border-radius: 5px;
background-color: #e75858;
color: white;
cursor: pointer;
}
.admin_here_bet {
display: none;
font-size: 11px;
position: static;
margin: -20px 0 0 6%;
border: 1px solid #ffffff;
padding: 3px;
border-radius: 5px;
background-color: #e75858;
color: white;
cursor: pointer;
}
.admin_here_icon {
color: #e75858;
font-size: 17px;
cursor: pointer;
float: right;
margin: 5px;
}
.admin_here_chat_nick {
color: gold;
border-radius: 5px;
background-color: #e75858;
color: white;
border: 1px solid #ffffff;
padding: 0px 4px;
margin: 0;
font-weight: bold;
}
.admin_here_chat_block {
font-size: 12px !important;
margin-top: -10px;
display: none;
height:100%;
}
.admin_here_chat_block .admin_here_icon {
float: none;
}
.admin_here_chat_block .admin_here_icon:hover {
color: white;
}
.bets .admin_here_icon {
float: none;
}
.alive_user {
color: #00ecff !important;
}
.admin_here_icon.alive_user {
cursor: default;
}
span.level {
background: linear-gradient(90deg, #1e2122, #2a2e30);
font-size: 10px;
color: #fab316;
text-transform: uppercase;
padding: 2px 4px;
margin-right: 5px;
}
.self {
border-left: 3px solid #fab316;
}
.spinner_gl {
font-size: 20px;
color: #fab316;
left: 12px;
text-align:center;
}
.chat-message_elem-photo {
width: 40px;
height: 40px;
border-radius: 8px;
}
.form-label_left {
float: left;
margin-bottom: 10px;
}
.horizontal_gl{
display: block;
width: 100px;
margin: 20px auto 20px auto;
padding: 10px;
background: rgba(0, 0, 0, 0.5);
position: relative;
height: 39px;
}
.header_menu__active {
color: #fe8d08 !important;
}
.sk-circle {
margin: 100px auto;
width: 60px;
height: 60px;
position: relative;
}
.sk-circle .sk-child {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.sk-circle .sk-child:before {
content: '';
display: block;
margin: 0 auto;
width: 15%;
height: 15%;
background-color: #fe8d08;
border-radius: 100%;
-webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle .sk-circle2 {
-webkit-transform: rotate(30deg);
-ms-transform: rotate(30deg);
transform: rotate(30deg); }
.sk-circle .sk-circle3 {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg); }
.sk-circle .sk-circle4 {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg); }
.sk-circle .sk-circle5 {
-webkit-transform: rotate(120deg);
-ms-transform: rotate(120deg);
transform: rotate(120deg); }
.sk-circle .sk-circle6 {
-webkit-transform: rotate(150deg);
-ms-transform: rotate(150deg);
transform: rotate(150deg); }
.sk-circle .sk-circle7 {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg); }
.sk-circle .sk-circle8 {
-webkit-transform: rotate(210deg);
-ms-transform: rotate(210deg);
transform: rotate(210deg); }
.sk-circle .sk-circle9 {
-webkit-transform: rotate(240deg);
-ms-transform: rotate(240deg);
transform: rotate(240deg); }
.sk-circle .sk-circle10 {
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg); }
.sk-circle .sk-circle11 {
-webkit-transform: rotate(300deg);
-ms-transform: rotate(300deg);
transform: rotate(300deg); }
.sk-circle .sk-circle12 {
-webkit-transform: rotate(330deg);
-ms-transform: rotate(330deg);
transform: rotate(330deg); }
.sk-circle .sk-circle2:before {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
-webkit-animation-delay: -1s;
animation-delay: -1s; }
.sk-circle .sk-circle4:before {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
-webkit-animation-delay: -0.7s;
animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
-webkit-animation-delay: -0.1s;
animation-delay: -0.1s; }
@-webkit-keyframes sk-circleBounceDelay {
0%, 80%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
} 40% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes sk-circleBounceDelay {
0%, 80%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
} 40% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.items_error{
color: #aba3ce;
font-size: 13px;
text-align: center;
margin: 50px;
}
#trade_offer{
display:none;
font-size: 15px;
color: #cac4e5;
width: 424px;
text-align: center;
margin: 100px auto;
}
#trade_offer .trade_offer_text{
margin: 14px;
}
#trade_offer .trade_offer_buttons{
height: 50px;
}
#trade_offer .trade_offer_button1{
width: 200px;
float: left;
}
#trade_offer .trade_offer_button2{
width: 200px;
float: right;
}
#trade_offer .trade_offer_text2{
margin: 14px;
font-size: 11px;
color: #686594;
}
.header_menu-dropdown:hover {
display: block;
}
#error_offer{
display: none;
font-size: 15px;
color: #cac4e5;
width: 500px;
text-align: center;
margin: 10px auto;
}
#error_offer .trade_offer_text{
margin: 30px;
}
#error_offer .trade_offer_text2 {
margin: 80px 14px 14px 14px;
font-size: 13px;
color: #686594;
}
#modal_services .modal_window{
width: 1000px;
margin-left: -500px;
top: 15%;
}
#modal_services .modal_content-text{
height: 500px;
padding: 20px;
}
#modal_faq .modal_window{
width: 1000px;
margin-left: -500px;
top: 15%;
}
#modal_faq .modal_content-text{
height: 500px;
padding: 20px;
text-align: left;
}
#modal_rules .modal_window{
width: 600px;
margin-left: -354px;
}
#modal_rules .modal_content-text{
height: 450px;
text-align: left;
padding: 20px;
}
#modal_faq .group{
margin-bottom: 15px;
border: 1px solid hsla(0,0%,100%,.07);
border-radius: 5px;
padding: 20px;
cursor: pointer;
}
#modal_faq .question{
font-weight: 700;
cursor: pointer;
position: relative;
float: left;
color: #9791b3;
}
#modal_faq .icon_add{
float: right;
font-size: 22px;
cursor: pointer;
}
#modal_faq .answer{
margin-top: 1rem;
display: none;
color: #9794ab;
}
#modal_faq .question_block{
width:100%;
height:20px;
}
.icon_yt{
color: #3a3849;
font-size: 16px !important;
padding-top: 11px;
}
.btn__withdraw_l{
height: 10px;
padding: 14px 21px;
width: 200px;
font-size: 12px;
line-height: 1px;
background: #fe8d08;
float: left;
margin: 0 0 0 5%;
border-radius: 5px 0 0 5px;
}
.btn__withdraw_r{
height: 10px;
padding: 14px 21px;
width: 200px;
font-size: 12px;
line-height: 1px;
background: #fe8d08;
float: left;
margin: 0;
border-radius: 0 5px 5px 0;
border-left: 1px solid #bc2840;
}
.btn__withdraw_c{
display:none;
height: 10px;
padding: 14px 21px;
width: 200px;
font-size: 12px;
line-height: 1px;
background: #fe8d08;
float: left;
margin: 0;
border-radius: 0;
border-left: 1px solid #bc2840;
}
.btn__withdraw_l:hover,.btn__withdraw_r:hover,.btn__withdraw_c:hover,.btn__withdraw_active{
background: #df8924;
}
.btn__withdraw_active{
cursor:default;
}
#my_items{
display:none;
}
hr{
border: 0;
border-top: 1px dashed #202116;
margin: 50px 0;
}
.group_send_coins{
height: 104px;
}
.group_send_coins .form-label{
min-height: 14px;
}
.group_send_coins [placeholder="steamid"]{
width: 70%;
float: left;
border-radius: 5px 0 0 0;
border-right: 1px solid #9b6629;
}
.group_send_coins [placeholder="amount"]{
width: 30%;
float: right;
border-radius: 0 5px 0 0;
}
.group_send_coins button{
height: 31px;
font-size: 13px;
padding: 6px 25px;
border-radius: 0 0 5px 5px;
}
.edit_chat_block{
display:none;
height: 70px;
padding: 10px;
font-size: 10px;
}
.edit_chat_block input[type="text"]{
width: 50%;
height: 12px;
float: right;
margin-right: 32%;
}
.edit_chat_block input[type="checkbox"]{
width: 57%;
height: 12px;
}
#save_chat{
height: 21px;
padding: 2px;
}
.bulb {
background-color: #7ed321;
width: 12px;
height: 12px;
border-radius: 50%;
display: inline-block;
vertical-align: middle;
}
.rates-elem_header {
cursor: pointer;
padding: 15px;
position: relative;
}
.rates-elem_header .rate-elem_header-background {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 10px;
border-radius: 7px 7px 0 0;
-webkit-transition: all .3s;
transition: all .3s;
z-index: -1;
}
.rates-elem_header:hover .rate-elem_header-background, .rates-elem_header__active .rate-elem_header-background {
height: 100%;
}
.rates-elem_header__x2 .rate-elem_header-background {
background: #b47934;
}
.rates-elem_header__x3 .rate-elem_header-background {
background: #e5bb49;
}
.rates-elem_header__x5 .rate-elem_header-background {
background: #9a1f2d;
}
.rates-elem_header__x50 .rate-elem_header-background {
background: #2dacb3;
}
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 5px;
vertical-align: middle;
border-top: 4px solid;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
color: #fe8d08;
position: relative;
z-index: 999;
}