/* font-family: "LatoRegular"; */
@font-face {
  font-family: "Cuprum";
  src: url("../fonts/cuprum/Cuprum-Regular.eot");
  src: url("../fonts/cuprum/Cuprum-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/cuprum/Cuprum-Regular.woff2") format("woff2"), url("../fonts/cuprum/Cuprum-Regular.woff") format("woff"), url("../fonts/cuprum/Cuprum-Regular.ttf") format("truetype"), url("../fonts/cuprum/Cuprum-Regular.svg#svgFontName") format("svg");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Cuprum";
  src: url("../fonts/cuprum/Cuprum-Bold.eot");
  src: url("../fonts/cuprum/Cuprum-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/cuprum/Cuprum-Bold.woff2") format("woff2"), url("../fonts/cuprum/Cuprum-Bold.woff") format("woff"), url("../fonts/cuprum/Cuprum-Bold.ttf") format("truetype"), url("../fonts/cuprum/Cuprum-Bold.svg#svgFontName") format("svg");
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: "Cuprum";
  src: url("../fonts/cuprum/Cuprum-Italic.eot");
  src: url("../fonts/cuprum/Cuprum-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/cuprum/Cuprum-Italic.woff2") format("woff2"), url("../fonts/cuprum/Cuprum-Italic.woff") format("woff"), url("../fonts/cuprum/Cuprum-Italic.ttf") format("truetype"), url("../fonts/cuprum/Cuprum-Italic.svg#svgFontName") format("svg");
  font-style: italic;
  font-weight: 500;
}
@font-face {
  font-family: "Cuprum";
  src: url("../fonts/cuprum/Cuprum-BoldItalic.eot");
  src: url("../fonts/cuprum/Cuprum-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/cuprum/Cuprum-BoldItalic.woff2") format("woff2"), url("../fonts/cuprum/Cuprum-BoldItalic.woff") format("woff"), url("../fonts/cuprum/Cuprum-BoldItalic.ttf") format("truetype"), url("../fonts/cuprum/Cuprum-BoldItalic.svg#svgFontName") format("svg");
  font-style: italic;
  font-weight: 700;
}
@font-face {
  font-family: "PT Sans";
  src: url("../fonts/ptsans/PTSans-Regular.eot");
  src: url("../fonts/ptsans/PTSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/ptsans/PTSans-Regular.woff2") format("woff2"), url("../fonts/ptsans/PTSans-Regular.woff") format("woff"), url("../fonts/ptsans/PTSans-Regular.ttf") format("truetype"), url("../fonts/ptsans/PTSans-Regular.svg#svgFontName") format("svg");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "PT Sans";
  src: url("../fonts/ptsans/PTSans-Bold.eot");
  src: url("../fonts/ptsans/PTSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/ptsans/PTSans-Bold.woff2") format("woff2"), url("../fonts/ptsans/PTSans-Bold.woff") format("woff"), url("../fonts/ptsans/PTSans-Bold.ttf") format("truetype"), url("../fonts/ptsans/PTSans-Bold.svg#svgFontName") format("svg");
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: "PT Sans";
  src: url("../fonts/ptsans/PTSans-Italic.eot");
  src: url("../fonts/ptsans/PTSans-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/ptsans/PTSans-Italic.woff2") format("woff2"), url("../fonts/ptsans/PTSans-Italic.woff") format("woff"), url("../fonts/ptsans/PTSans-Italic.ttf") format("truetype"), url("../fonts/ptsans/PTSans-Italic.svg#svgFontName") format("svg");
  font-style: italic;
  font-weight: 500;
}
@font-face {
  font-family: "PT Sans";
  src: url("../fonts/ptsans/PTSans-BoldItalic.eot");
  src: url("../fonts/ptsans/PTSans-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/ptsans/PTSans-BoldItalic.woff2") format("woff2"), url("../fonts/ptsans/PTSans-BoldItalic.woff") format("woff"), url("../fonts/ptsans/PTSans-BoldItalic.ttf") format("truetype"), url("../fonts/ptsans/PTSans-BoldItalic.svg#svgFontName") format("svg");
  font-style: italic;
  font-weight: 700;
}
@font-face {
  font-family: "Anton";
  src: url("../fonts/anton/Anton-Regular.eot");
  src: url("../fonts/anton/Anton-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/anton/Anton-Regular.woff2") format("woff2"), url("../fonts/anton/Anton-Regular.woff") format("woff"), url("../fonts/anton/Anton-Regular.ttf") format("truetype"), url("../fonts/anton/Anton-Regular.svg#svgFontName") format("svg");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/montserrat/Montserrat-Medium.eot");
  src: url("../fonts/montserrat/Montserrat-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat/Montserrat-Medium.woff2") format("woff2"), url("../fonts/montserrat/Montserrat-Medium.woff") format("woff"), url("../fonts/montserrat/Montserrat-Medium.ttf") format("truetype"), url("../fonts/montserrat/Montserrat-Medium.svg#svgFontName") format("svg");
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/montserrat/Montserrat-MediumItalic.eot");
  src: url("../fonts/montserrat/Montserrat-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat/Montserrat-MediumItalic.woff2") format("woff2"), url("../fonts/montserrat/Montserrat-MediumItalic.woff") format("woff"), url("../fonts/montserrat/Montserrat-MediumItalic.ttf") format("truetype"), url("../fonts/montserrat/Montserrat-MediumItalic.svg#svgFontName") format("svg");
  font-style: italic;
  font-weight: 500;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/montserrat/Montserrat-Bold.eot");
  src: url("../fonts/montserrat/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat/Montserrat-Bold.woff2") format("woff2"), url("../fonts/montserrat/Montserrat-Bold.woff") format("woff"), url("../fonts/montserrat/Montserrat-Bold.ttf") format("truetype"), url("../fonts/montserrat/Montserrat-Bold.svg#svgFontName") format("svg");
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/montserrat/Montserrat-BoldItalic.eot");
  src: url("../fonts/montserrat/Montserrat-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat/Montserrat-BoldItalic.woff2") format("woff2"), url("../fonts/montserrat/Montserrat-BoldItalic.woff") format("woff"), url("../fonts/montserrat/Montserrat-BoldItalic.ttf") format("truetype"), url("../fonts/montserrat/Montserrat-BoldItalic.svg#svgFontName") format("svg");
  font-style: italic;
  font-weight: 700;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/montserrat/Montserrat-Black.eot");
  src: url("../fonts/montserrat/Montserrat-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat/Montserrat-Black.woff2") format("woff2"), url("../fonts/montserrat/Montserrat-Black.woff") format("woff"), url("../fonts/montserrat/Montserrat-Black.ttf") format("truetype"), url("../fonts/montserrat/Montserrat-Black.svg#svgFontName") format("svg");
  font-style: normal;
  font-weight: 900;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/montserrat/Montserrat-BlackItalic.eot");
  src: url("../fonts/montserrat/Montserrat-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat/Montserrat-BlackItalic.woff2") format("woff2"), url("../fonts/montserrat/Montserrat-BlackItalic.woff") format("woff"), url("../fonts/montserrat/Montserrat-BlackItalic.ttf") format("truetype"), url("../fonts/montserrat/Montserrat-BlackItalic.svg#svgFontName") format("svg");
  font-style: italic;
  font-weight: 900;
}
.text-justify {
  text-align: justify !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center,
.garageDisplay .carArea .caRight .carButton.cbInspection .inspection-popup__header {
  text-align: center !important;
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
@media (max-width: 767px) {
  .text-right-xs {
    text-align: right !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .text-right-sm {
    text-align: right !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .text-right-md {
    text-align: right !important;
  }
}
@media (min-width: 1200px) {
  .text-right-lg {
    text-align: right !important;
  }
}
@media (max-width: 767px) {
  .text-center-xs {
    text-align: center !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .text-center-sm {
    text-align: center !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .text-center-md {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .text-center-lg {
    text-align: center !important;
  }
}
@media (max-width: 768px) {
  .text-left-xs {
    text-align: left !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .text-left-sm {
    text-align: left !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .text-left-md {
    text-align: left !important;
  }
}
@media (min-width: 1200px) {
  .text-left-lg {
    text-align: left !important;
  }
}
.old-price {
  color: #7b7171;
  font-size: 14px;
  position: relative;
  overflow: hidden;
}
.old-price:before {
  content: " ";
  position: absolute;
  border-bottom: 2px solid #e91010;
  -webkit-transform: rotate(-12deg);
  -ms-transform: rotate(-12deg);
  -o-transform: rotate(-12deg);
  transform: rotate(-12deg);
  width: 90%;
  height: 50%;
  top: 0;
  color: #e91010;
}
.gem-strikethrough {
  position: relative;
  overflow: hidden;
}
.gem-strikethrough:before {
  content: " ";
  position: absolute;
  border-bottom: 2px solid #e91010;
  -webkit-transform: rotate(-12deg);
  -ms-transform: rotate(-12deg);
  -o-transform: rotate(-12deg);
  transform: rotate(-12deg);
  width: 150%;
  height: 50%;
  top: 0;
  left: -25%;
  color: #e91010;
}
.text-strikethrough {
  text-decoration: line-through;
}
.radial-progress {
  width: 100px;
  height: 100px;
  background: #FFFFFF;
  border-radius: 50%;
  display: inline-block;
  /* progress */
  /* progress */
}
.radial-progress .mask,
.radial-progress .fill {
  width: 100px;
  height: 100px;
  position: absolute;
  border-radius: 50%;
}
.radial-progress .inside-circle {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: #fff;
  margin-top: 5px;
  margin-left: 5px;
  position: absolute;
}
.radial-progress .mask {
  clip: rect(0px, 100px, 100px, 50px);
}
.radial-progress .mask .fill {
  clip: rect(0px, 50px, 100px, 0px);
  background-color: #227ded;
}
.radial-progress .mask .fill.bg-primary {
  background-color: #3f91ea !important;
}
.radial-progress .mask .fill.bg-warning {
  background-color: #fbbc23 !important;
}
.radial-progress .mask .fill.bg-success {
  background-color: #419943 !important;
}
.radial-progress .mask .fill.bg-danger {
  background-color: #f74877 !important;
}
.radial-progress .mask.full,
.radial-progress .circle .fill {
  transform: rotate(130deg);
  animation: fill ease-in-out 3s;
}
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
@media (pointer: coarse) {
  html {
    -webkit-overflow-scrolling: touch;
  }
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table,
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
.f-s-10 {
  font-size: 10px!important;
}
.f-s-11 {
  font-size: 11px!important;
}
.f-s-12 {
  font-size: 12px!important;
}
.f-s-13 {
  font-size: 13px!important;
}
.f-s-14 {
  font-size: 14px!important;
}
.f-s-15 {
  font-size: 15px!important;
}
.f-s-16 {
  font-size: 16px!important;
}
.f-s-17 {
  font-size: 17px!important;
}
.f-s-18 {
  font-size: 18px!important;
}
.f-s-20 {
  font-size: 20px!important;
}
.f-s-22 {
  font-size: 22px!important;
}
.f-s-24 {
  font-size: 24px!important;
}
.f-s-26 {
  font-size: 26px!important;
}
.f-s-28 {
  font-size: 28px!important;
}
.f-s-30 {
  font-size: 30px!important;
}
.f-s-32 {
  font-size: 32px!important;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: #333;
  background-color: #fff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #3d8ee9;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #1668c3;
  text-decoration: underline;
  -webkit-text-underline-position: under;
  -ms-text-underline-position: below;
  text-underline-position: under;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 5px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.6;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 22px;
  margin-bottom: 22px;
  border: 0;
  border-top: 1px solid #f1f2f4;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
[role="button"] {
  cursor: pointer!important;
}
input[type=range].input-range {
  -webkit-appearance: none;
  margin: 12.5px 0;
  width: 100%;
}
input[type=range].input-range:focus {
  outline: none;
}
input[type=range].input-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 10px;
  border: 0;
  cursor: pointer;
  box-shadow: 0px 0px 1px rgba(33, 33, 33, 0.4), 0px 0px 0px rgba(46, 46, 46, 0.4);
  background-image: linear-gradient(to left, #48d624 0%, #3584e6 100%);
  border-radius: 5px;
  border: 1px solid #666;
}
input[type=range].input-range::-webkit-slider-thumb {
  box-shadow: 1px 1px 1px #000, 0px 0px 1px #0d0d0d;
  border: 1px solid #D9D9D9;
  height: 25px;
  width: 25px;
  background: #fff;
  border-radius: 50%;
  box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -8.5px;
}
input[type=range].input-range::-webkit-slider-thumb:before {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 50%;
  top: 50%;
  margin-left: -2px;
  transform: translate(-50%, -50%);
}
input[type=range].input-range::-webkit-slider-thumb:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 50%;
  top: 50%;
  margin-left: -2px;
  transform: translate(-50%, -50%);
}
input[type=range].input-range:focus::-webkit-slider-runnable-track {
  background-image: linear-gradient(to left, #48d624 0%, #3584e6 100%);
}
input[type=range].input-range::-moz-range-track {
  width: 100%;
  height: 10px;
  border: 0;
  cursor: pointer;
  box-shadow: 0px 0px 1px rgba(33, 33, 33, 0.4), 0px 0px 0px rgba(46, 46, 46, 0.4);
  background-image: linear-gradient(to left, #48d624 0%, #3584e6 100%);
  border-radius: 5px;
  border: 1px solid #666;
}
input[type=range].input-range::-moz-range-thumb {
  box-shadow: 1px 1px 1px #000, 0px 0px 1px #0d0d0d;
  border: 1px solid #D9D9D9;
  height: 25px;
  width: 25px;
  background: #fff;
  border-radius: 50%;
  box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb;
  cursor: pointer;
}
input[type=range].input-range::-moz-range-thumb:before {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 50%;
  top: 50%;
  margin-left: -2px;
  transform: translate(-50%, -50%);
}
input[type=range].input-range::-moz-range-thumb:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 50%;
  top: 50%;
  margin-left: -2px;
  transform: translate(-50%, -50%);
}
input[type=range].input-range::-ms-track {
  width: 100%;
  height: 10px;
  border: 0;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  border-width: 25px 0;
  color: transparent;
}
input[type=range].input-range::-ms-fill-lower {
  background-image: linear-gradient(to left, #48d624 0%, #3584e6 100%);
  border: 1px solid #666;
  border-radius: 10px;
  box-shadow: 0px 0px 1px rgba(33, 33, 33, 0.4), 0px 0px 0px rgba(46, 46, 46, 0.4);
}
input[type=range].input-range::-ms-fill-upper {
  background-image: linear-gradient(to left, #48d624 0%, #3584e6 100%);
  border: 1px solid #666;
  border-radius: 10px;
  box-shadow: 0px 0px 1px rgba(33, 33, 33, 0.4), 0px 0px 0px rgba(46, 46, 46, 0.4);
}
input[type=range].input-range::-ms-thumb {
  box-shadow: 1px 1px 1px #000, 0px 0px 1px #0d0d0d;
  border: 1px solid #D9D9D9;
  height: 25px;
  width: 25px;
  background: #fff;
  border-radius: 50%;
  box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb;
  cursor: pointer;
}
input[type=range].input-range::-ms-thumb:before {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 50%;
  top: 50%;
  margin-left: -2px;
  transform: translate(-50%, -50%);
}
input[type=range].input-range::-ms-thumb:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 50%;
  top: 50%;
  margin-left: -2px;
  transform: translate(-50%, -50%);
}
input[type=range].input-range:focus::-ms-fill-lower {
  background-image: linear-gradient(to left, #48d624 0%, #3584e6 100%);
}
input[type=range].input-range:focus::-ms-fill-upper {
  background-image: linear-gradient(to left, #48d624 0%, #3584e6 100%);
}
.badge {
  cursor: default;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  line-height: 1.2;
  color: #333333;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #f6f8fa;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 22px;
  margin-bottom: 11px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 11px;
  margin-bottom: 11px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 22px;
}
h2,
.h2 {
  font-size: 24px;
}
h3,
.h3 {
  font-size: 22px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}
p {
  margin: 0 0 11px;
}
.lead {
  margin-bottom: 22px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}
small,
.small {
  font-size: 78%;
}
mark,
.mark {
  background-color: #fcf8e3;
  padding: 0.2em;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center,
.garageDisplay .carArea .caRight .carButton.cbInspection .inspection-popup__header {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-muted {
  color: #888888;
}
.text-primary {
  color: #3584e6;
}
a.text-primary:hover,
a.text-primary:focus {
  color: #1a6ace;
}
.text-success {
  color: #579912;
}
a.text-success:hover,
a.text-success:focus {
  color: #3d6b0d;
}
.text-info {
  color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
  color: #245269;
}
.text-warning {
  color: #fbbc23;
}
a.text-warning:hover,
a.text-warning:focus {
  color: #e7a504;
}
.text-danger,
.garageDisplay .carArea .caRight .carButton.cbInspection .inspection-popup__header {
  color: #f74877;
}
a.text-danger:hover,
a.text-danger:focus {
  color: #f51753;
}
.bg-primary {
  color: #fff;
  background-color: #3584e6 !important;
}
a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #1a6ace !important;
}
.bg-success {
  background-color: rgba(47, 185, 50, 0.15) !important;
}
a.bg-success:hover,
a.bg-success:focus {
  background-color: rgba(37, 144, 39, 0.15) !important;
}
.bg-info {
  background-color: #d9edf7 !important;
}
a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee !important;
}
.bg-warning {
  background-color: #fcf8e3 !important;
}
a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5 !important;
}
.bg-danger {
  background-color: #f2dede !important;
}
a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9 !important;
}
.bg-danger-warning {
  background: #fe6991;
  background: -moz-linear-gradient(left, #fe6991 0%, #fac40e 100%);
  background: -webkit-linear-gradient(left, #fe6991 0%, #fac40e 100%);
  background: linear-gradient(to right, #fe6991 0%, #fac40e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe6991', endColorstr='#fac40e', GradientType=1);
}
.bg-info-success {
  background: #6cb5f3;
  background: -moz-linear-gradient(left, #6cb5f3 0%, #b2e37c 100%);
  background: -webkit-linear-gradient(left, #6cb5f3 0%, #b2e37c 100%);
  background: linear-gradient(to right, #6cb5f3 0%, #b2e37c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6cb5f3', endColorstr='#b2e37c', GradientType=1);
}
.bg-info-success .btn.btn-primary {
  box-shadow: 0 1px 1px #9d9797;
}
.page-header {
  padding-bottom: 10px;
  margin: 44px 0 22px;
  border-bottom: 1px solid #f1f2f4;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 11px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-styled {
  padding-left: 25px;
}
.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 22px;
}
dt,
dd {
  line-height: 1.6;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #f6f8fa;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase !important;
  text-transform: uppercase;
}
blockquote {
  padding: 11px 22px;
  margin: 0 0 22px;
  font-size: 17.5px;
  border-left: 5px solid #f1f2f4;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.6;
  color: #f6f8fa;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #f1f2f4;
  border-left: 0;
  text-align: right;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}
address {
  margin-bottom: 22px;
  font-style: normal;
  line-height: 1.6;
}
.green-progress-bar {
  text-align: center;
  height: 24px;
  position: relative;
}
.green-progress-bar .pb-inner {
  position: absolute;
  background-color: #F1F1F1;
  border: 1px solid #E6E6E6;
  box-sizing: border-box;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  width: 100%;
  height: 100%;
}
.green-progress-bar .indicator-inner {
  background: linear-gradient(180deg, #419943 0%, #2C672D 96.87%);
  height: 22px;
  margin: 2px 2px;
  position: absolute;
  left: 0;
  border-radius: 3px;
}
.green-progress-bar .pb-text {
  position: absolute;
  text-combine: #333;
  font-weight: bold;
  width: 100%;
}
.text-break-word {
  overflow-wrap: anywhere;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 5px;
  padding-right: 5px;
}
@media (min-width: 768px) {
  .container {
    width: 730px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 950px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1150px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 5px;
  padding-right: 5px;
}
.row {
  margin-left: -5px;
  margin-right: -5px;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
table {
  background-color: transparent;
}
caption {
  padding-top: 7px 7px;padding-bottom: 7px 7px;color: #888888;text-align: left;
}
.table > caption + thead > tr:first-child > th,
.table > caption + thead > tr:first-child > td {
  border-top: 0;
}
table col[class*="col-"] {
  position: static;float: none;display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;float: none;display: table-cell;
}
@media screen and (max-width: 767px) {
}.text-underline {
  text-decoration: underline;
}
caption {
  color: var(--tx-text-color);
  padding: 7px 10px;
  text-align: center;
}
caption.strong,
caption.strong {
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
}
caption p,
caption p {
  margin: 0;
  line-height: 20px;
}
caption p.h4,
caption p.h4 {
  margin: 0;
}
.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 16.5px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #e5e7eb;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 22px;
  margin-bottom: 0;
  background-color: var(--tx-panel-background);
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 7px 7px;
  line-height: 1.6;
  vertical-align: top;
  border-top: 1px solid #e5e7eb;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #e5e7eb;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td,
.table > caption + thead > tr:first-child > th,
.table > caption + thead > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #e5e7eb;
}
.table .table {
  background-color: #fff;
}
.table tr.disabled > td {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.table tr.success td {
  background: #fafbfc !important;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td,
.table > caption + thead > tr:first-child > th,
.table > caption + thead > tr:first-child > td {
  border-top: 1px solid #e5e7eb;
}
.table th.sortable > a.active {
  color: var(--tx-text-color);
  text-decoration: none;
}
.table th.sortable > a.active.text-link span {
  border-color: transparent;
}
.table.x-padding-0 > thead > tr > th,
.table.x-padding-0 > tbody > tr > th,
.table.x-padding-0 > tfoot > tr > th,
.table.x-padding-0 > thead > tr > td,
.table.x-padding-0 > tbody > tr > td,
.table.x-padding-0 > tfoot > tr > td,
.table.x-padding-0 > thead > tr > td:nth-child(2n),
.table.x-padding-0 > tbody > tr > td:nth-child(2n),
.table.x-padding-0 > tfoot > tr > td:nth-child(2n),
.table.x-padding-0 > thead > tr > td:nth-child(1n),
.table.x-padding-0 > tbody > tr > td:nth-child(1n),
.table.x-padding-0 > tfoot > tr > td:nth-child(1n) {
  padding: 7px 0;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td,
.table > thead > tr > td:nth-child(2n),
.table > tbody > tr > td:nth-child(2n),
.table > tfoot > tr > td:nth-child(2n),
.table > thead > tr > td:nth-child(1n),
.table > tbody > tr > td:nth-child(1n),
.table > tfoot > tr > td:nth-child(1n) {
  padding: 7px 7px;
  line-height: 1.6;
  vertical-align: middle;
  border-top: 1px solid #e5e7eb;
  border-right: none;
  background: transparent;
}
.table > thead > tr td,
.table > thead > tr:hover td,
.table > thead > tr th,
.table > thead > tr:hover th {
  background: #f6f8fa;
}
.table > tfoot p {
  margin-bottom: 0;
}
.table-bordered {
  border: 1px solid #e5e7eb;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #e5e7eb;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td,
.table-condensed > thead > tr > td:nth-child(2n),
.table-condensed > tbody > tr > td:nth-child(2n),
.table-condensed > tfoot > tr > td:nth-child(2n),
.table-condensed > thead > tr > td:nth-child(1n),
.table-condensed > tbody > tr > td:nth-child(1n),
.table-condensed > tfoot > tr > td:nth-child(1n) {
  padding: 5px 10px;
}
.taxi-level-up-table > thead > tr > th,
.taxi-level-up-table > tbody > tr > th,
.taxi-level-up-table > tfoot > tr > th,
.taxi-level-up-table > thead > tr > td,
.taxi-level-up-table > tbody > tr > td,
.taxi-level-up-table > tfoot > tr > td,
.taxi-level-up-table > thead > tr > td:nth-child(2n),
.taxi-level-up-table > tbody > tr > td:nth-child(2n),
.taxi-level-up-table > tfoot > tr > td:nth-child(2n),
.taxi-level-up-table > thead > tr > td:nth-child(1n),
.taxi-level-up-table > tbody > tr > td:nth-child(1n),
.taxi-level-up-table > tfoot > tr > td:nth-child(1n) {
  padding: 5px 10px;
}
@media (max-width: 600px) {
  .taxi-level-up-table > thead > tr > th,
  .taxi-level-up-table > tbody > tr > th,
  .taxi-level-up-table > tfoot > tr > th,
  .taxi-level-up-table > thead > tr > td,
  .taxi-level-up-table > tbody > tr > td,
  .taxi-level-up-table > tfoot > tr > td,
  .taxi-level-up-table > thead > tr > td:nth-child(2n),
  .taxi-level-up-table > tbody > tr > td:nth-child(2n),
  .taxi-level-up-table > tfoot > tr > td:nth-child(2n),
  .taxi-level-up-table > thead > tr > td:nth-child(1n),
  .taxi-level-up-table > tbody > tr > td:nth-child(1n),
  .taxi-level-up-table > tfoot > tr > td:nth-child(1n) {
    padding: 5px 0px;
  }
}
.table tr.disabled > td {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.table-justified {
  margin-left: -10px;
  margin-right: -10px;
  width: unset;
  padding-bottom: 25px;
}
.table-justified > .table,
.table-justified > .table-responsive > .table,
.table-justified > .panel-collapse > .table {
  margin-bottom: 0;
}
.table-justified > .table caption,
.table-justified > .table-responsive > .table caption,
.table-justified > .panel-collapse > .table caption,
.table-justified > .table caption,
.table-justified > .table-responsive > .table caption,
.table-justified > .panel-collapse > .table caption {
  padding-left: 10px;
  padding-right: 10px;
}
.table-justified > .table:first-child,
.table-justified > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.table-justified > .table:first-child > thead:first-child > tr:first-child,
.table-justified > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.table-justified > .table:first-child > tbody:first-child > tr:first-child,
.table-justified > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.table-justified > .table:first-child > thead:first-child > tr:first-child td:first-child,
.table-justified > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.table-justified > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.table-justified > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.table-justified > .table:first-child > thead:first-child > tr:first-child th:first-child,
.table-justified > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.table-justified > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.table-justified > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.table-justified > .table:first-child > thead:first-child > tr:first-child td:last-child,
.table-justified > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.table-justified > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.table-justified > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.table-justified > .table:first-child > thead:first-child > tr:first-child th:last-child,
.table-justified > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.table-justified > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.table-justified > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.table-justified > .table:last-child,
.table-justified > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.table-justified > .table:last-child > tbody:last-child > tr:last-child,
.table-justified > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.table-justified > .table:last-child > tfoot:last-child > tr:last-child,
.table-justified > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.table-justified > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.table-justified > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.table-justified > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.table-justified > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.table-justified > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.table-justified > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.table-justified > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.table-justified > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.table-justified > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.table-justified > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.table-justified > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.table-justified > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.table-justified > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.table-justified > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.table-justified > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.table-justified > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.table-justified > .panel-body + .table,
.table-justified > .panel-body + .table-responsive,
.table-justified > .table + .panel-body,
.table-justified > .table-responsive + .panel-body {
  border-top: 1px solid #e5e7eb;
}
.table-justified > .table > tbody:first-child > tr:first-child th,
.table-justified > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.table-justified > .table-bordered,
.table-justified > .table-responsive > .table-bordered {
  border-left: 0;
  border-right: 0;
}
.table-justified > .table-bordered > thead > tr > th:first-child,
.table-justified > .table-responsive > .table-bordered > thead > tr > th:first-child,
.table-justified > .table-bordered > tbody > tr > th:first-child,
.table-justified > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.table-justified > .table-bordered > tfoot > tr > th:first-child,
.table-justified > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.table-justified > .table-bordered > thead > tr > td:first-child,
.table-justified > .table-responsive > .table-bordered > thead > tr > td:first-child,
.table-justified > .table-bordered > tbody > tr > td:first-child,
.table-justified > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.table-justified > .table-bordered > tfoot > tr > td:first-child,
.table-justified > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.table-justified > .table-bordered > thead > tr > th:last-child,
.table-justified > .table-responsive > .table-bordered > thead > tr > th:last-child,
.table-justified > .table-bordered > tbody > tr > th:last-child,
.table-justified > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.table-justified > .table-bordered > tfoot > tr > th:last-child,
.table-justified > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.table-justified > .table-bordered > thead > tr > td:last-child,
.table-justified > .table-responsive > .table-bordered > thead > tr > td:last-child,
.table-justified > .table-bordered > tbody > tr > td:last-child,
.table-justified > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.table-justified > .table-bordered > tfoot > tr > td:last-child,
.table-justified > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.table-justified > .table-bordered > thead > tr:first-child > td,
.table-justified > .table-responsive > .table-bordered > thead > tr:first-child > td,
.table-justified > .table-bordered > tbody > tr:first-child > td,
.table-justified > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.table-justified > .table-bordered > thead > tr:first-child > th,
.table-justified > .table-responsive > .table-bordered > thead > tr:first-child > th,
.table-justified > .table-bordered > tbody > tr:first-child > th,
.table-justified > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.table-justified > .table-bordered > tbody > tr:last-child > td,
.table-justified > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.table-justified > .table-bordered > tfoot > tr:last-child > td,
.table-justified > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.table-justified > .table-bordered > tbody > tr:last-child > th,
.table-justified > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.table-justified > .table-bordered > tfoot > tr:last-child > th,
.table-justified > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.table-justified > .table-responsive {
  border: 0;
  margin-bottom: 0;
}
.table-justified:last-child {
  padding-bottom: 0;
}
.table-bordered-wrapper {
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid #e5e7eb;
}
.table-bordered-wrapper > .table-bordered {
  border-radius: 5px;
  overflow: hidden;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: white;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #f2f2f2;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #c5ffc7;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #abffae;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #e4f3ff;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #cae8ff;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #feeab9;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #fde2a0;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #fddbe4;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #fcc2d2;
}
.table-fixed {
  table-layout: fixed;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 22px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 8px;
  font-size: 14px;
  line-height: 1.6;
  color: #ccc;
}
.form-control {
  display: block;
  width: 100%;
  height: 40px;
  padding: 7px 10px;
  font-size: 14px;
  line-height: 1.6;
  color: #ccc;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus:not(:read-only) {
  border-color: #f74877;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 72, 119, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 72, 119, 0.6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control::-ms-expand {
  border: 0;
  background-color: transparent;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #f1f2f4;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 40px;
  }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 34px;
  }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"] {
    line-height: 51px;
  }
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  min-height: 22px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.form-control-static {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-bottom: 0;
  min-height: 36px;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-left: 0;
  padding-right: 0;
}
.input-sm {
  height: 34px;
  padding: 5px 10px;
  font-size: 11px;
  line-height: 1.2;
  border-radius: 3px;
}
select.input-sm {
  height: 34px;
  line-height: 34px;
}
textarea.input-sm,
select[multiple] .input-sm {
  height: auto;
}
.form-group-sm .form-control {
  height: 34px;
  padding: 5px 10px;
  font-size: 11px;
  line-height: 1.2;
  border-radius: 3px;
}
.form-group-sm select.form-control {
  height: 34px;
  line-height: 34px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 34px;
  min-height: 33px;
  padding: 6px 10px;
  font-size: 11px;
  line-height: 1.2;
}
.input-lg {
  height: 51px;
  padding: 10px 15px;
  font-size: 16px;
  line-height: 1.8;
  border-radius: 5px;
}
select.input-lg {
  height: 51px;
  line-height: 51px;
}
textarea.input-lg,
select[multiple] .input-lg {
  height: auto;
}
.form-group-lg .form-control {
  height: 51px;
  padding: 10px 15px;
  font-size: 16px;
  line-height: 1.8;
  border-radius: 5px;
}
.form-group-lg select.form-control {
  height: 51px;
  line-height: 51px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 51px;
  min-height: 38px;
  padding: 11px 15px;
  font-size: 16px;
  line-height: 1.8;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 50px;
}
.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  pointer-events: none;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 51px;
  height: 51px;
  line-height: 51px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 34px;
  height: 34px;
  line-height: 34px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label,
.has-success .error-block {
  color: #579912;
}
.has-success .form-control {
  border-color: #579912;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: #3d6b0d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #8be62b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #8be62b;
}
.has-success .input-group-addon {
  color: #579912;
  border-color: #579912;
  background-color: #419943;
}
.has-success .form-control-feedback {
  color: #579912;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label,
.has-warning .error-block {
  color: #fbbc23;
}
.has-warning .form-control {
  border-color: #fbbc23;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #e7a504;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fddb87;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fddb87;
}
.has-warning .input-group-addon {
  color: #fbbc23;
  border-color: #fbbc23;
  background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
  color: #fbbc23;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label,
.has-error .error-block {
  color: #f74877;
}
.has-error .form-control {
  border-color: #f74877;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: #f51753;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fbaac0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fbaac0;
}
.has-error .input-group-addon {
  color: #f74877;
  border-color: #f74877;
  background-color: #f2dede;
}
.has-error .form-control-feedback {
  color: #f74877;
}
.has-feedback label ~ .form-control-feedback {
  top: 27px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.help-block,
.error-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 8px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 30px;
}
.form-horizontal .form-group {
  margin-left: -5px;
  margin-right: -5px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 8px;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 5px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 11px;
  }
}
legend {
  font-weight: normal;
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
}
label {
  cursor: pointer;
  position: relative;
}
.form-control {
  border-width: 2px;
  color: #333333;
  line-height: 1.6;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
textarea.form-control {
  min-height: 150px;
  resize: vertical;
}
.form-control-inline {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 5px;
  padding-top: 0;
}
.form-horizontal .form-group:last-child {
  margin-bottom: 0;
}
.input-lg {
  padding: 10px 7px;
}
.intl-tel-input {
  width: 100%;
}
label {
  font-size: 14px;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
label.control-label a {
  text-decoration: none;
  border-bottom: 1px dashed;
}
label.control-label a:hover,
label.control-label a:active,
label.control-label a:focus {
  border-bottom-color: transparent;
}
.help-block,
.error-block {
  margin-top: 0;
  margin-bottom: 5px;
}
.help-block p:last-child,
.error-block p:last-child {
  margin-bottom: 0;
}
.form-group .form-control + .help-block,
.form-group .form-control + .error-block {
  margin-top: 3px;
  font-size: 11px;
}
.form-group .form-control + .error-block {
  margin-top: 3px;
  margin-bottom: 3px;
  font-size: 14px;
}
.error-block p {
  margin-bottom: 2px;
}
.error-block ul {
  padding-left: 15px;
}
.error-block.text-danger {
  color: #f74877;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"],
  input[type="time"],
  input[type="week"],
  input[type="datetime-local"],
  input[type="month"] {
    display: block;
  }
}
.resource-choice {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  text-decoration: none !important;
  padding: 10px 5px;
  margin: 0 5px;
  width: 100%;
  max-width: 100%;
  margin-bottom: 22px;
  background-color: #fff;
  border: 1px solid transparent;
  background-color: var(--tx-panel-background);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  border: none;
  border-color: #ddd;
  margin-bottom: 10px;
  overflow: visible;
  background: var(--tx-panel-background);
  z-index: 1;
  position: relative;
  border-radius: 4px;
  box-shadow: 0 1px 1px #d9d9d9;
  border: 1px solid #f1f2f4;
}
.resource-choice > .list-group,
.resource-choice > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.resource-choice > .list-group .list-group-item,
.resource-choice > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.resource-choice > .list-group:first-child .list-group-item:first-child,
.resource-choice > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.resource-choice > .list-group:last-child .list-group-item:last-child,
.resource-choice > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.resource-choice > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.resource-choice > .table,
.resource-choice > .table-responsive > .table,
.resource-choice > .panel-collapse > .table {
  margin-bottom: 0;
}
.resource-choice > .table caption,
.resource-choice > .table-responsive > .table caption,
.resource-choice > .panel-collapse > .table caption,
.resource-choice > .table caption,
.resource-choice > .table-responsive > .table caption,
.resource-choice > .panel-collapse > .table caption {
  padding-left: 10px;
  padding-right: 10px;
}
.resource-choice > .table:first-child,
.resource-choice > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.resource-choice > .table:first-child > thead:first-child > tr:first-child,
.resource-choice > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.resource-choice > .table:first-child > tbody:first-child > tr:first-child,
.resource-choice > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.resource-choice > .table:first-child > thead:first-child > tr:first-child td:first-child,
.resource-choice > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.resource-choice > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.resource-choice > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.resource-choice > .table:first-child > thead:first-child > tr:first-child th:first-child,
.resource-choice > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.resource-choice > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.resource-choice > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.resource-choice > .table:first-child > thead:first-child > tr:first-child td:last-child,
.resource-choice > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.resource-choice > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.resource-choice > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.resource-choice > .table:first-child > thead:first-child > tr:first-child th:last-child,
.resource-choice > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.resource-choice > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.resource-choice > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.resource-choice > .table:last-child,
.resource-choice > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.resource-choice > .table:last-child > tbody:last-child > tr:last-child,
.resource-choice > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.resource-choice > .table:last-child > tfoot:last-child > tr:last-child,
.resource-choice > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.resource-choice > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.resource-choice > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.resource-choice > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.resource-choice > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.resource-choice > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.resource-choice > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.resource-choice > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.resource-choice > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.resource-choice > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.resource-choice > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.resource-choice > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.resource-choice > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.resource-choice > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.resource-choice > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.resource-choice > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.resource-choice > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.resource-choice > .panel-body + .table,
.resource-choice > .panel-body + .table-responsive,
.resource-choice > .table + .panel-body,
.resource-choice > .table-responsive + .panel-body {
  border-top: 1px solid #e5e7eb;
}
.resource-choice > .table > tbody:first-child > tr:first-child th,
.resource-choice > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.resource-choice > .table-bordered,
.resource-choice > .table-responsive > .table-bordered {
  border: 0;
}
.resource-choice > .table-bordered > thead > tr > th:first-child,
.resource-choice > .table-responsive > .table-bordered > thead > tr > th:first-child,
.resource-choice > .table-bordered > tbody > tr > th:first-child,
.resource-choice > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.resource-choice > .table-bordered > tfoot > tr > th:first-child,
.resource-choice > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.resource-choice > .table-bordered > thead > tr > td:first-child,
.resource-choice > .table-responsive > .table-bordered > thead > tr > td:first-child,
.resource-choice > .table-bordered > tbody > tr > td:first-child,
.resource-choice > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.resource-choice > .table-bordered > tfoot > tr > td:first-child,
.resource-choice > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.resource-choice > .table-bordered > thead > tr > th:last-child,
.resource-choice > .table-responsive > .table-bordered > thead > tr > th:last-child,
.resource-choice > .table-bordered > tbody > tr > th:last-child,
.resource-choice > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.resource-choice > .table-bordered > tfoot > tr > th:last-child,
.resource-choice > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.resource-choice > .table-bordered > thead > tr > td:last-child,
.resource-choice > .table-responsive > .table-bordered > thead > tr > td:last-child,
.resource-choice > .table-bordered > tbody > tr > td:last-child,
.resource-choice > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.resource-choice > .table-bordered > tfoot > tr > td:last-child,
.resource-choice > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.resource-choice > .table-bordered > thead > tr:first-child > td,
.resource-choice > .table-responsive > .table-bordered > thead > tr:first-child > td,
.resource-choice > .table-bordered > tbody > tr:first-child > td,
.resource-choice > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.resource-choice > .table-bordered > thead > tr:first-child > th,
.resource-choice > .table-responsive > .table-bordered > thead > tr:first-child > th,
.resource-choice > .table-bordered > tbody > tr:first-child > th,
.resource-choice > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.resource-choice > .table-bordered > tbody > tr:last-child > td,
.resource-choice > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.resource-choice > .table-bordered > tfoot > tr:last-child > td,
.resource-choice > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.resource-choice > .table-bordered > tbody > tr:last-child > th,
.resource-choice > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.resource-choice > .table-bordered > tfoot > tr:last-child > th,
.resource-choice > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.resource-choice > .table-responsive {
  border: 0;
  margin-bottom: 0;
}
.resource-choice.collapsing {
  overflow: hidden;
}
.resource-choice > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.resource-choice > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.resource-choice > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333333;
}
.resource-choice > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}
.resource-choice table + .panel-body,
.resource-choice table + .panel-heading,
.resource-choice .panel-heading + .table,
.resource-choice .panel-heading + .panel-heading,
.resource-choice .panel-heading + .panel-body,
.resource-choice .panel-body + .panel-body,
.resource-choice .panel-body + .panel-heading,
.resource-choice table + .panel-body,
.resource-choice table + .panel-heading {
  border-top: 1px solid #e6e6e6;
}
.resource-choice .panel-body,
.resource-choice .panel-footer,
.resource-choice .panel-heading {
  padding: 15px 15px;
}
.resource-choice .panel-footer {
  border-top: 1px solid #e6e6e6;
}
.resource-choice .panel-footer p {
  margin-bottom: 0;
}
.resource-choice[role="button"]:hover {
  border: 1px #3584e6 solid;
}
.resource-choice[role="button"].selected {
  border: 1px #3584e6 solid;
  background: rgba(53, 132, 230, 0.2);
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 7px 10px;
  font-size: 14px;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.6;
  border-width: 2px;
  text-transform: uppercase;
  text-decoration: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}
.btn .label-count {
  position: absolute;
  top: 0;
  left: 50%;
}
.btn.pressed:after {
  content: none;
}
.btn-link {
  color: #3d8ee9;
  font-weight: normal;
  border-radius: 0;
  text-transform: none;
  text-decoration: underline;
  padding-left: 0;
  padding-right: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #1668c3;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #f6f8fa;
  text-decoration: none;
}
.btn-link.text-link {
  text-decoration: none;
}
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  text-decoration: none;
}
.btn-link.text-danger,
.btn-link.btn-danger {
  color: #f74877;
}
.btn-link.text-success,
.btn-link.btn-success {
  color: #419943;
}
.btn-link:disabled,
.btn-link:disabled:hover,
.btn-link:disabled:focus,
.btn-link:disabled:active {
  color: #333333;
  text-decoration: none;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-default {
  box-shadow: none;
  text-shadow: none;
  border-width: 1px;
  padding-top: 8px;
  padding-bottom: 8px;
  color: black;
  border-color: #dadada;
  background-image: -webkit-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
  background-image: -o-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
  background-image: linear-gradient(to bottom, #f7f7f7 0%, #ededed 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff7f7f7', endColorstr='#ffededed', GradientType=0);
}
.btn-default:hover,
.btn-default:active,
.btn-default:focus {
  color: black;
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #ededed 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #ededed 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #ededed 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffededed', GradientType=0);
}
.btn-primary-inverse {
  color: #3584e6;
  border-color: #3584e6;
  background-color: transparent;
}
.btn-primary-inverse:hover,
.btn-primary-inverse:active,
.btn-primary-inverse:focus {
  color: white;
  background-image: -webkit-linear-gradient(top, #84cbfb 0%, #3a8bf8 100%);
  background-image: -o-linear-gradient(top, #84cbfb 0%, #3a8bf8 100%);
  background-image: linear-gradient(to bottom, #84cbfb 0%, #3a8bf8 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff84cbfb', endColorstr='#ff3a8bf8', GradientType=0);
  background-origin: border-box;
  border-color: transparent;
}
.btn-primary {
  box-shadow: 0 1px 1px #d9d9d9;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  color: white;
  background-image: -webkit-linear-gradient(top, #3f91ea 0%, #3584e6 100%);
  background-image: -o-linear-gradient(top, #3f91ea 0%, #3584e6 100%);
  background-image: linear-gradient(to bottom, #3f91ea 0%, #3584e6 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3f91ea', endColorstr='#ff3584e6', GradientType=0);
  background-origin: border-box;
}
.btn-primary:hover,
.btn-primary.active,
.btn-primary:active,
.btn-primary:focus {
  color: white;
  background-image: -webkit-linear-gradient(top, #84cbfb 0%, #3a8bf8 100%);
  background-image: -o-linear-gradient(top, #84cbfb 0%, #3a8bf8 100%);
  background-image: linear-gradient(to bottom, #84cbfb 0%, #3a8bf8 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff84cbfb', endColorstr='#ff3a8bf8', GradientType=0);
}
:disabled > .btn-primary,
.btn-primary:disabled {
  background-image: -webkit-linear-gradient(top, #949494 0%, #8e8e8e 100%);
  background-image: -o-linear-gradient(top, #949494 0%, #8e8e8e 100%);
  background-image: linear-gradient(to bottom, #949494 0%, #8e8e8e 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff949494', endColorstr='#ff8e8e8e', GradientType=0);
  color: #333;
  text-shadow: none;
}
.btn-primary-light {
  background-image: -webkit-linear-gradient(top, #f9fafb 0%, #edf0f7 100%);
  background-image: -o-linear-gradient(top, #f9fafb 0%, #edf0f7 100%);
  background-image: linear-gradient(to bottom, #f9fafb 0%, #edf0f7 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9fafb', endColorstr='#ffedf0f7', GradientType=0);
  text-decoration: none;
  display: block;
  color: #333;
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.btn-primary-light:hover,
.btn-primary-light:active,
.btn-primary-light:focus {
  background-image: -webkit-linear-gradient(top, #98c4f0 0%, #5e9ce5 100%);
  background-image: -o-linear-gradient(top, #98c4f0 0%, #5e9ce5 100%);
  background-image: linear-gradient(to bottom, #98c4f0 0%, #5e9ce5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff98c4f0', endColorstr='#ff5e9ce5', GradientType=0);
  font-weight: bold;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  border-top-color: #98c4f0;
}
.btn-primary-lighter {
  background-image: -webkit-linear-gradient(top, #68b8f5 0%, #61b2f1 100%);
  background-image: -o-linear-gradient(top, #68b8f5 0%, #61b2f1 100%);
  background-image: linear-gradient(to bottom, #68b8f5 0%, #61b2f1 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff68b8f5', endColorstr='#ff61b2f1', GradientType=0);
  border-color: #4f9ee8;
  border-width: 1px;
  text-decoration: none;
  text-transform: none;
  color: white;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  display: block;
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.btn-primary-lighter .icon-append.icon-bordered {
  border-color: #4f9ee8;
}
.btn-primary-lighter:hover,
.btn-primary-lighter:active,
.btn-primary-lighter:focus {
  background-image: -webkit-linear-gradient(top, #73d2fb 0%, #68cbf9 100%);
  background-image: -o-linear-gradient(top, #73d2fb 0%, #68cbf9 100%);
  background-image: linear-gradient(to bottom, #73d2fb 0%, #68cbf9 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff73d2fb', endColorstr='#ff68cbf9', GradientType=0);
  border-color: #52b7f5;
  font-weight: normal;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
.btn-primary-lighter:hover .icon-append.icon-bordered,
.btn-primary-lighter:active .icon-append.icon-bordered,
.btn-primary-lighter:focus .icon-append.icon-bordered {
  border-color: #52b7f5;
}
.btn-warning {
  color: black;
  background-image: -webkit-linear-gradient(top, #fbcd20 0%, #fbbc23 100%);
  background-image: -o-linear-gradient(top, #fbcd20 0%, #fbbc23 100%);
  background-image: linear-gradient(to bottom, #fbcd20 0%, #fbbc23 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbcd20', endColorstr='#fffbbc23', GradientType=0);
  background-origin: border-box;
}
.btn-warning:hover,
.btn-warning:active,
.btn-warning:focus {
  color: black;
  background-image: -webkit-linear-gradient(top, #f7d96c 0%, #f7ca62 100%);
  background-image: -o-linear-gradient(top, #f7d96c 0%, #f7ca62 100%);
  background-image: linear-gradient(to bottom, #f7d96c 0%, #f7ca62 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff7d96c', endColorstr='#fff7ca62', GradientType=0);
}
.btn-warning-inverse {
  color: #fbbc23;
  border-color: #fbbc23;
  background-color: transparent;
}
.btn-warning-inverse:hover,
.btn-warning-inverse:active,
.btn-warning-inverse:focus {
  color: black;
  background-image: -webkit-linear-gradient(top, #f7d96c 0%, #f7ca62 100%);
  background-image: -o-linear-gradient(top, #f7d96c 0%, #f7ca62 100%);
  background-image: linear-gradient(to bottom, #f7d96c 0%, #f7ca62 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff7d96c', endColorstr='#fff7ca62', GradientType=0);
}
.btn-warning-inverse:disabled,
.btn-warning-inverse:disabled:hover,
.btn-warning-inverse:disabled:active,
.btn-warning-inverse:disabled:focus {
  background-image: none;
  background-color: #ccc;
  border-color: #333333;
  color: #333;
}
.btn-danger {
  box-shadow: 0 1px 1px #d9d9d9;
  color: white;
  background-image: -webkit-linear-gradient(top, #fa6f63 0%, #f9536f 100%);
  background-image: -o-linear-gradient(top, #fa6f63 0%, #f9536f 100%);
  background-image: linear-gradient(to bottom, #fa6f63 0%, #f9536f 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffa6f63', endColorstr='#fff9536f', GradientType=0);
  background-origin: border-box;
}
.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger:focus {
  color: white;
  background-image: -webkit-linear-gradient(top, #fb867c 0%, #fb8498 100%);
  background-image: -o-linear-gradient(top, #fb867c 0%, #fb8498 100%);
  background-image: linear-gradient(to bottom, #fb867c 0%, #fb8498 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffb867c', endColorstr='#fffb8498', GradientType=0);
}
.btn-dark {
  box-shadow: 0 1px 1px #d9d9d9;
  color: #f6f8fa;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
  text-transform: lowercase;
  background-image: -webkit-linear-gradient(top, #5e616d 0%, #52555f 100%);
  background-image: -o-linear-gradient(top, #5e616d 0%, #52555f 100%);
  background-image: linear-gradient(to bottom, #5e616d 0%, #52555f 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5e616d', endColorstr='#ff52555f', GradientType=0);
  background-origin: border-box;
}
.btn-dark:hover,
.btn-dark:active,
.btn-dark:focus {
  color: #f6f8fa;
  background-image: -webkit-linear-gradient(top, #6a6d7a 0%, #5e616d 100%);
  background-image: -o-linear-gradient(top, #6a6d7a 0%, #5e616d 100%);
  background-image: linear-gradient(to bottom, #6a6d7a 0%, #5e616d 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6a6d7a', endColorstr='#ff5e616d', GradientType=0);
}
.btn-danger-inverse {
  color: #f74877;
  border-color: #f74877;
  background-color: transparent;
}
.btn-danger-inverse:hover,
.btn-danger-inverse:active,
.btn-danger-inverse:focus {
  color: white;
  border-color: transparent;
  background-image: -webkit-linear-gradient(top, #f86089 0%, #f74877 100%);
  background-image: -o-linear-gradient(top, #f86089 0%, #f74877 100%);
  background-image: linear-gradient(to bottom, #f86089 0%, #f74877 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff86089', endColorstr='#fff74877', GradientType=0);
  background-origin: border-box;
}
.btn-success {
  background-image: -webkit-linear-gradient(top, #419943 0%, #327533 100%);
  background-image: -o-linear-gradient(top, #419943 0%, #327533 100%);
  background-image: linear-gradient(to bottom, #419943 0%, #327533 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff419943', endColorstr='#ff327533', GradientType=0);
  background-origin: border-box;
  color: white;
  text-shadow: 0 0 3px black;
}
.btn-success:hover,
.btn-success:active,
.btn-success:focus {
  color: white;
  background-image: -webkit-linear-gradient(top, #56b758 0%, #419943 100%);
  background-image: -o-linear-gradient(top, #56b758 0%, #419943 100%);
  background-image: linear-gradient(to bottom, #56b758 0%, #419943 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff56b758', endColorstr='#ff419943', GradientType=0);
  background-origin: border-box;
}
.btn-info {
  background-image: -webkit-linear-gradient(top, #a0d4ff 0%, #78ccef 100%);
  background-image: -o-linear-gradient(top, #a0d4ff 0%, #78ccef 100%);
  background-image: linear-gradient(to bottom, #a0d4ff 0%, #78ccef 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa0d4ff', endColorstr='#ff78ccef', GradientType=0);
  background-origin: border-box;
  color: white;
  text-shadow: 0 0 3px black;
}
.btn-info:hover,
.btn-info:active,
.btn-info:focus {
  color: white;
  background-image: -webkit-linear-gradient(top, #d3ebff 0%, #a6ddf4 100%);
  background-image: -o-linear-gradient(top, #d3ebff 0%, #a6ddf4 100%);
  background-image: linear-gradient(to bottom, #d3ebff 0%, #a6ddf4 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd3ebff', endColorstr='#ffa6ddf4', GradientType=0);
  background-origin: border-box;
}
.btn-transparent {
  background: none;
  border-color: transparent;
}
.btn-transparent:hover,
.btn-transparent:focus,
.btn-transparent:active {
  box-shadow: none;
}
.btn-static {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: default;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 7px 10px;
  font-size: 14px;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.6;
  border-width: 2px;
  text-transform: uppercase;
  text-decoration: none;
}
.btn-static-success-inverse {
  color: #419943;
  border-color: #419943;
  background-color: transparent;
}
.btn-success-inverse {
  color: #419943;
  border-color: #419943;
  background-color: transparent;
}
.btn-success-inverse:hover,
.btn-success-inverse:active,
.btn-success-inverse:focus {
  color: white;
  border-color: transparent;
  background-image: -webkit-linear-gradient(top, #49ab4b 0%, #419943 100%);
  background-image: -o-linear-gradient(top, #49ab4b 0%, #419943 100%);
  background-image: linear-gradient(to bottom, #49ab4b 0%, #419943 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff49ab4b', endColorstr='#ff419943', GradientType=0);
  background-origin: border-box;
}
.btn-success-inverse:disabled,
.btn-success-inverse:disabled:hover,
.btn-success-inverse:disabled:active,
.btn-success-inverse:disabled:focus {
  background-image: none;
  background-color: #ccc;
  border-color: #333333;
  color: #333;
}
.btn-transparent {
  background: none;
  border-color: transparent;
}
.btn-transparent:hover,
.btn-transparent:focus,
.btn-transparent:active {
  box-shadow: none;
}
.btn-close {
  background: none;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 100;
  width: 30px;
  height: 30px;
  padding: 0;
  text-align: center;
  line-height: 30px;
  vertical-align: middle;
  font-size: 14px;
  color: #f74877;
  border: 1px solid;
}
.btn-close i {
  padding: 0 !important;
  margin: 0 !important;
}
.btn-close:focus {
  opacity: 1;
  color: #f74877;
}
.btn-close:hover,
.btn-close:active {
  box-shadow: none;
  opacity: 0.6;
  color: #f74877;
}
.btn-open {
  background: none;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 100;
  width: 30px;
  height: 30px;
  padding: 0;
  text-align: center;
  line-height: 30px;
  vertical-align: middle;
  font-size: 14px;
  color: #125f9a;
  border: 1px solid;
}
.btn-open i {
  padding: 0 !important;
  margin: 0 !important;
  transition: all 0.3s ease-in-out;
  transform: rotate(180deg);
}
.btn-open:focus {
  opacity: 1;
  color: #125f9a;
}
.btn-open:hover,
.btn-open:active {
  box-shadow: none;
  opacity: 0.6;
  color: #125f9a;
}
.btn-open[aria-expanded=true] i {
  transform: rotate(180deg);
}
.btn-open[aria-expanded=false] i {
  transform: rotate(0deg);
}
.btn-social {
  border-radius: 50%;
  border: 1px solid #3584e6;
  color: #3584e6;
  background: transparent;
  padding: 0;
}
.btn-social i {
  line-height: 40px;
  width: 40px;
  text-align: center !important;
  text-align: center;
}
.btn-social:hover,
.btn-social:active,
.btn-social:focus {
  color: white;
  background: #3584e6;
}
.btn-color {
  border-radius: 50%;
  border: 1px solid #d4d4d4;
  color: #3584e6;
  background: transparent;
  padding: 3px;
}
.btn-color i {
  line-height: 22px;
  width: 22px;
  height: 22px;
  display: block;
  border-radius: 50%;
  text-align: center !important;
  text-align: center;
}
.btn-color:hover,
.btn-color:active,
.btn-color.active,
.btn-color:focus {
  background: #fccb12;
  border-color: #fccb12;
  box-shadow: none;
}
.btn-vk-light {
  border-color: #5C97E0;
  color: #5C97E0;
}
.btn-vk-light:hover,
.btn-vk-light:active,
.btn-vk-light:focus {
  background: #5C97E0;
}
.btn-facebook-light {
  border-color: #3367E6;
  color: #3367E6;
}
.btn-facebook-light:hover,
.btn-facebook-light:active,
.btn-facebook-light:focus {
  background: #3367E6;
}
.btn-vk {
  border-color: #2a5885;
  color: #2a5885;
}
.btn-vk:hover,
.btn-vk:active,
.btn-vk:focus {
  background: #2a5885;
}
.btn-vk .fa {
  font-family: "Font Awesome 5 Brands" !important;
}
.btn-facebook {
  border-color: #3b5998;
  color: #3b5998;
}
.btn-facebook:hover,
.btn-facebook:active,
.btn-facebook:focus {
  background: #3b5998;
}
.btn-twitter {
  border-color: #1da1f2;
  color: #1da1f2;
}
.btn-twitter:hover,
.btn-twitter:active,
.btn-twitter:focus {
  background: #1da1f2;
}
.btn-twitter .fa {
  font-family: "Font Awesome 5 Brands" !important;
}
.btn-ok {
  border-color: #ee8208;
  color: #ee8208;
}
.btn-ok:hover,
.btn-ok:active,
.btn-ok:focus {
  background: #ee8208;
}
.btn-google {
  border-color: #03a9f4;
  color: #03a9f4;
}
.btn-google:hover,
.btn-google:active,
.btn-google:focus {
  background: #03a9f4;
}
.btn-toggle {
  color: #f74877;
  background: #757b91;
}
.btn-toggle:focus {
  color: #f74877;
  background: #757b91;
}
.btn-red i {
  background: #99282c;
  color: #99282c;
}
.btn-black i {
  background: black;
  color: black;
}
.btn-white i {
  background: white;
  color: white;
}
.btn-blue i {
  background: #3b698a;
  color: #3b698a;
}
.btn-yellow i {
  background: #fbdd12;
  color: #fbdd12;
}
.btn-brown i {
  background: #7e7168;
  color: #7e7168;
}
.btn-lg {
  padding: 10px 7px;
  font-size: 16px;
  line-height: 1.8;
  border-radius: 5px;
}
.provider-extra-content {
  margin-top: 5px;
  margin-bottom: 5px;
}
.provider-extra-content .extra-title {
  margin-top: 0;
  margin-bottom: 10px;
  text-align: center;
}
.provider-extra-content .extra-image {
  width: 100%;
}
.btn-payment-wrapper.min-amount {
  display: none!important;
}
.btn-payment {
  margin-top: 5px;
  margin-bottom: 5px;
  width: 100%;
  padding-bottom: 80% !important;
  height: 0;
  position: relative;
  border: 1px solid #ccc;
  background-color: transparent;
  border-radius: 0;
}
.btn-payment i {
  position: absolute;
  top: 7px;
  left: 10px;
  right: 10px;
  bottom: 7px;
  width: auto;
  height: auto;
  background-size: cover;
}
.btn-payment .provider-bonus {
  border-radius: 0px 5px;
  right: -2px;
  top: -3px;
  background-color: #2872CC;
  color: white;
  text-transform: none;
  font-family: Cuprum, sans-serif;
  font-size: 14px;
}
.btn-payment.active,
.btn-payment:hover,
.btn-payment:active,
.btn-payment:focus {
  filter: grayscale(50%);
  -webkit-filter: grayscale(50%);
  border-color: #3887eb;
}
.btn-payment img.payment-logo {
  width: 100%;
  margin: -10px -10px;
}
.btn-payment .arrow-back {
  position: absolute;
  top: 35%;
}
/*
.panel-withdraw {
	.btn-payment {
		width: 100%;
		height: 48px;
		position: relative;
		border: none;
		padding: 0;

		.icon {
			background-size: cover;
		}

		&.active,
		&:hover,
		&:active,
		&:focus {

			.filter(grayscale(50%));

			background: linear-gradient(180deg, #FFFFFF 0%, #F0F1F6 100%);
			border: 2px solid #E5E5E5;
			box-sizing: border-box;
			border-radius: 5px;
		}
	}
}
// */
/*.btn-payment {
	margin-top: @grid-gutter-width/2;
	margin-bottom: @grid-gutter-width/2;
	width: 100%;
	height: 48px;
	position: relative;
	!*border: 1px solid @input-border;*!
	border: none;
	background-color: transparent;
	border-radius: 0;

	i {
		position: absolute;
		top: @padding-base-vertical;
		left: @padding-base-horizontal;
		right: @padding-base-horizontal;
		bottom: @padding-base-vertical;
		width: auto;
		height: auto;
	}

	.provider-bonus {
		border-radius: 0px 5px;
		right: -2px;
		top: -3px;
		background-color: #2872CC;
		color: white;
		text-transform: none;
		font-family: Cuprum, sans-serif;
		font-size: 14px;
	}

	.icon {
		background-size: cover;
	}

	&.active,
	&:hover,
	&:active,
	&:focus {

		.filter(grayscale(50%));

		background: linear-gradient(180deg, #FFFFFF 0%, #F0F1F6 100%);
		border: 2px solid #E5E5E5;
		box-sizing: border-box;
		border-radius: 5px;
	}
}*/
.btn-smile {
  background: none;
  border: transparent;
  width: 25px;
  height: 25px;
  padding: 0;
}
.btn-iconable {
  text-align: left;
  padding-right: 48px;
  position: relative;
  overflow: hidden;
}
.btn-iconable > i,
.btn-iconable > .icon-append {
  position: absolute;
  top: 50%;
  right: 0;
  min-width: 45px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  margin-top: -19px;
  vertical-align: middle;
}
.btn-iconable > i > i,
.btn-iconable > .icon-append > i {
  display: inline-block;
  vertical-align: middle;
  line-height: inherit;
}
.btn-iconable.btn-sm > .icon-append {
  min-width: 45px;
  height: 32px;
  line-height: 32px;
  margin-top: -16px;
}
.btn-iconable.btn-sm > .icon-append > i {
  line-height: inherit;
}
.btn-iconable.btn-sm > .icon-append.icon-bordered > i {
  margin-right: 10px;
  margin-left: 10px;
}
.btn-iconable > .icon-append.icon-bordered {
  border-left-width: 1px;
  border-left-style: solid;
}
.btn-iconable > .icon-append.icon-bordered > i {
  margin-right: 10px;
  margin-left: 10px;
}
.btn-iconable i {
  transition: all 0.3s ease-in-out;
}
.btn-iconable[aria-expanded="true"] i {
  transform: rotate(180deg);
}
.btn-sm {
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.6;
  border-radius: 5px;
}
.btn-xs {
  padding: 5px 10px;
  font-size: 14px;
  line-height: 13px;
  border-radius: 5px;
}
.btn-vote {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  position: relative;
  padding: 0;
  border: none;
  line-height: 30px;
  text-align: center;
  color: white;
  border-color: transparent;
  background-origin: border-box;
}
.btn-vote.inverse {
  background: #ccc;
}
.btn-vote:disabled,
.btn-vote:disabled:hover,
.btn-vote:disabled:active,
.btn-vote:disabled:focus {
  background-image: none;
  background-color: #ccc;
  color: #333;
}
.btn-success-vote {
  background-image: -webkit-linear-gradient(top, #b8e27b 0%, #8fd042 100%);
  background-image: -o-linear-gradient(top, #b8e27b 0%, #8fd042 100%);
  background-image: linear-gradient(to bottom, #b8e27b 0%, #8fd042 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb8e27b', endColorstr='#ff8fd042', GradientType=0);
  color: white;
}
.btn-success-vote:hover,
.btn-success-vote:active,
.btn-success-vote:focus {
  color: white;
  background-image: -webkit-linear-gradient(top, #ceeba5 0%, #a7da6b 100%);
  background-image: -o-linear-gradient(top, #ceeba5 0%, #a7da6b 100%);
  background-image: linear-gradient(to bottom, #ceeba5 0%, #a7da6b 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffceeba5', endColorstr='#ffa7da6b', GradientType=0);
}
.btn-danger-vote {
  background-image: -webkit-linear-gradient(top, #ffa4bc 0%, #ff749b 100%);
  background-image: -o-linear-gradient(top, #ffa4bc 0%, #ff749b 100%);
  background-image: linear-gradient(to bottom, #ffa4bc 0%, #ff749b 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffa4bc', endColorstr='#ffff749b', GradientType=0);
  color: white;
}
.btn-danger-vote:hover,
.btn-danger-vote:active,
.btn-danger-vote:focus {
  color: white;
  background-image: -webkit-linear-gradient(top, #ffd7e2 0%, #ffa7c0 100%);
  background-image: -o-linear-gradient(top, #ffd7e2 0%, #ffa7c0 100%);
  background-image: linear-gradient(to bottom, #ffd7e2 0%, #ffa7c0 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffd7e2', endColorstr='#ffffa7c0', GradientType=0);
}
.btn-improve {
  width: 26px;
  height: 26px;
  line-height: 24px;
  padding: 0;
  border-radius: 50%;
  color: white;
  font-size: 16px;
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(45deg, #f74877, #fbbc23);
  background-image: -o-linear-gradient(45deg, #f74877, #fbbc23);
  background-image: linear-gradient(45deg, #f74877, #fbbc23);
  background: white;
  color: #f74877;
  border: 1px solid #f74877;
}
.btn-improve:hover,
.btn-improve:active,
.btn-improve:focus {
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(45deg, #f9799b, ligten(#fbbc23, 10%));
  background-image: -o-linear-gradient(45deg, #f9799b, ligten(#fbbc23, 10%));
  background-image: linear-gradient(45deg, #f9799b, ligten(#fbbc23, 10%));
  background: white;
}
.btn-improve.active,
.btn-improve.active:hover,
.btn-improve.active:active,
.btn-improve.active:focus {
  background: #f74877;
  color: white;
}
.btn-settings {
  background: transparent;
  border: none;
  width: 36px;
  height: 36px;
  line-height: 36px;
  font-size: 22px;
  color: #646464;
}
.btn-settings:hover,
.btn-settings:active,
.btn-settings:focus {
  color: #333333;
}
.btn-settings.active,
.btn-settings.active:hover,
.btn-settings.active:active,
.btn-settings.active:focus {
  color: #f74877;
}
.btn-theme {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  border: 2px solid transparent;
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  white-space: nowrap;
  border-radius: 4px;
  user-select: none;
  font-family: 'Cuprum', "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.6;
  text-transform: uppercase;
  text-decoration: none;
}
.btn-theme:hover,
.btn-theme:focus {
  opacity: 0.8;
}
.btn-theme.active {
  border-color: #f74877;
}
.btn-theme.active:hover,
.btn-theme.active:focus {
  opacity: 1;
}
.btn-upgrade {
  position: relative;
  z-index: 1;
  width: 80px;
  transition: all 0.3s ease-in-out;
}
.btn-upgrade.active {
  box-shadow: 0 1px 1px #d9d9d9;
  color: black;
  background-image: -webkit-linear-gradient(top, #fbcd20 0%, #fbbc23 100%);
  background-image: -o-linear-gradient(top, #fbcd20 0%, #fbbc23 100%);
  background-image: linear-gradient(to bottom, #fbcd20 0%, #fbbc23 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbcd20', endColorstr='#fffbbc23', GradientType=0);
  background-origin: border-box;
  line-height: 30px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-upgrade.active:after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  right: 0;
  margin-top: 2px;
  margin-left: -40px;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  border-top: 10px solid #fbbc23;
  border-bottom: 10px solid transparent;
}
[data-loading='true'] {
  position: relative;
}
[data-loading='true'] > i {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  text-align: center;
  margin-left: -12px;
  margin-top: -12px;
  line-height: 24px;
  vertical-align: middle;
}
.btn-upgrade-amount {
  width: auto !important;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 11px;
  line-height: 1.6;
  color: #f6f8fa;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 1000;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
    border-top-right-radius: 0;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1010;
  display: none;
  float: left;
  min-width: 160px;
  padding: 0px 0;
  margin: 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  border-radius: 5px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
  overflow: hidden;
}
.dropdown-menu > li > a {
  display: block;
  padding: 10px 10px;
  clear: both;
  font-weight: normal;
  line-height: 1.6;
  color: white;
  text-decoration: none;
  white-space: nowrap;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
.dropdown-dark {
  border: none;
}
.dropdown-dark .dropdown-menu {
  min-width: 160px;
  background-color: rgba(73, 78, 111, 0.9);
  border: none;
}
.dropdown-dark .dropdown-menu > li > a:hover,
.dropdown-dark .dropdown-menu > li > a:focus {
  color: white;
  background-color: #6f738c;
}
.dropdown-dark .dropdown-menu > .active > a,
.dropdown-dark .dropdown-menu > .active > a:hover,
.dropdown-dark .dropdown-menu > .active > a:focus {
  color: #fff;
  background-color: #3584e6;
}
.dropdown-dark.open > .btn {
  background: rgba(73, 78, 111, 0.9);
  color: #fbbc23;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-color: transparent;
  background-origin: padding-box;
}
.dropdown-light {
  border: 1px solid transparent;
}
.dropdown-light .dropdown-menu {
  min-width: 160px;
  width: 100%;
  background-color: #f9fbfe;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border: 1px solid transparent;
  margin-top: -1px;
}
.dropdown-light .dropdown-menu > li > a {
  background: #f9fbfe;
  color: #767f8f;
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: none;
}
.dropdown-light .dropdown-menu > li + li > a {
  border-top: 1px solid #e3e9f1;
}
.dropdown-light .dropdown-menu > li > a:hover,
.dropdown-light .dropdown-menu > li > a:focus {
  background-color: #f2f8fc;
  color: #1e458b;
}
.dropdown-light .dropdown-menu > .active > a,
.dropdown-light .dropdown-menu > .active > a:hover,
.dropdown-light .dropdown-menu > .active > a:focus {
  background-color: #f2f8fc;
  color: #1e458b;
}
.dropdown-light > .btn {
  background-image: -webkit-linear-gradient(top, #e5eff8 0%, #d6e0ec 100%);
  background-image: -o-linear-gradient(top, #e5eff8 0%, #d6e0ec 100%);
  background-image: linear-gradient(to bottom, #e5eff8 0%, #d6e0ec 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5eff8', endColorstr='#ffd6e0ec', GradientType=0);
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: none;
  border-color: #d6e0ec;
  margin-bottom: 0;
  color: #1e458b;
}
.dropdown-light.open > .btn {
  background-image: -webkit-linear-gradient(top, #f2f8fc 0%, #e9f0f5 100%);
  background-image: -o-linear-gradient(top, #f2f8fc 0%, #e9f0f5 100%);
  background-image: linear-gradient(to bottom, #f2f8fc 0%, #e9f0f5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f8fc', endColorstr='#ffe9f0f5', GradientType=0);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-color: #e6eef5;
  color: #1e458b;
}
.dropdown-light.open .dropdown-menu {
  border-color: #e6eef5;
  border-top-color: transparent;
}
.dropdown-menu-right {
  left: auto;
  right: 0;
  border-top-right-radius: 0;
}
.dropdown-menu-left {
  left: 0;
  right: auto;
}
.dropdown-sm .dropdown-menu > li a {
  padding-top: 5px;
  padding-bottom: 5px;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group .form-control:focus {
  z-index: 3;
  border-color: #ccc;
}
.input-group.input-group-default .input-group-addon,
.input-group.input-group-default .form-control {
  border-width: 1px;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 51px;
  padding: 10px 15px;
  font-size: 16px;
  line-height: 1.8;
  border-radius: 5px;
  padding: 10px 7px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 51px;
  line-height: 51px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple] .input-group-lg > .form-control,
select[multiple] .input-group-lg > .input-group-addon,
select[multiple] .input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 34px;
  padding: 5px 10px;
  font-size: 11px;
  line-height: 1.2;
  border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 34px;
  line-height: 34px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple] .input-group-sm > .form-control,
select[multiple] .input-group-sm > .input-group-addon,
select[multiple] .input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 7px 10px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #ccc;
  text-align: center;
  background-color: white;
  border: 2px solid #ccc;
  border-radius: 4px;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 11px;
  border-radius: 3px;
}
.input-group-addon.input-lg {
  padding: 10px 15px;
  font-size: 16px;
  border-radius: 5px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group-addon:first-child + .form-control,
.input-group-btn:first-child + .form-control {
  border-left-width: 0;
  box-shadow: none;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}
.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 13px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #f1f2f4;
}
.nav > li.disabled > a {
  color: #f6f8fa;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #f6f8fa;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #f1f2f4;
  border-color: #3d8ee9;
}
.nav .nav-divider {
  height: 1px;
  margin: 10px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-justified-custom {
  width: 100%;
}
.nav-justified-custom > li {
  float: none;
}
.nav-justified-custom > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-justified-custom > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified-custom > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified-custom > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified-custom {
  border-bottom: 0;
}
.nav-tabs-justified-custom > li > a {
  margin-right: 0;
  border-radius: 4px;
}
@media (min-width: 768px) {
  .nav-tabs-justified-custom > li > a {
    border-radius: 0;
  }
}
.nav-tabs-custom > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs-custom > li + li > a {
  border-left-width: 0;
}
.nav-tabs-custom > li:first-child > a {
  border-left-width: 0;
}
.nav-tabs-custom > li:last-child > a {
  border-right-width: 0;
}
.nav-tabs-custom > li > a {
  border: 1px solid #ccd3da;
  border-radius: 4px 4px 0 0;
  position: relative;
  font-weight: normal;
  text-decoration: none;
  color: #333;
  font-size: 16px;
  line-height: 1.6;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding-top: 7.2px;
  padding-bottom: 7.2px;
  background-color: transparent;
  background-image: -webkit-linear-gradient(top, #fbfbfc 0%, #ebecf2 100%);
  background-image: -o-linear-gradient(top, #fbfbfc 0%, #ebecf2 100%);
  background-image: linear-gradient(to bottom, #fbfbfc 0%, #ebecf2 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbfbfc', endColorstr='#ffebecf2', GradientType=0);
}
.nav-tabs-custom > li > a i {
  position: absolute;
  top: 0px;
  background: transparent;
  border: none;
}
.nav-tabs-custom > li > a:hover {
  background-image: -webkit-linear-gradient(#fdfcfd, #eae1d4 94%, #d8c9ae);
  background-image: -o-linear-gradient(#fdfcfd, #eae1d4 94%, #d8c9ae);
  background-image: linear-gradient(#fdfcfd, #eae1d4 94%, #d8c9ae);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffdfcfd', endColorstr='#ffd8c9ae', GradientType=0);
  color: #1e458b;
}
.nav-tabs-custom > li.active > a,
.nav-tabs-custom > li.active > a:hover,
.nav-tabs-custom > li.active > a:focus {
  background-color: transparent;
  background-image: -webkit-linear-gradient(#fdfcfd, #eae1d4 94%, #d8c9ae);
  background-image: -o-linear-gradient(#fdfcfd, #eae1d4 94%, #d8c9ae);
  background-image: linear-gradient(#fdfcfd, #eae1d4 94%, #d8c9ae);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffdfcfd', endColorstr='#ffd8c9ae', GradientType=0);
  color: #1e458b;
  cursor: default;
}
.nav-tabs-custom.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs-custom.nav-justified > li {
  float: none;
}
.nav-tabs-custom.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-tabs-custom.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-tabs-custom.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs-custom.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-custom.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
@media (min-width: 768px) {
  .nav-tabs-custom.nav-justified > li > a {
    border-radius: 0;
  }
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-pills {
  box-shadow: 0 1px 1px #d9d9d9;
  margin-bottom: 10px;
  border-radius: 4px;
  overflow: hidden;
}
.nav-pills > li:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  overflow: hidden;
}
.nav-pills > li:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  overflow: hidden;
}
.nav-pills > li > a {
  background-image: -webkit-linear-gradient(top, #f9fafb 0%, #edf0f7 100%);
  background-image: -o-linear-gradient(top, #f9fafb 0%, #edf0f7 100%);
  background-image: linear-gradient(to bottom, #f9fafb 0%, #edf0f7 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9fafb', endColorstr='#ffedf0f7', GradientType=0);
  background-origin: border-box;
  border-bottom: 1px solid transparent;
  cursor: pointer;
  text-decoration: none;
  display: block;
  color: #333;
  padding-top: 7px;
  padding-bottom: 7px;
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  text-transform: none;
}
.nav-pills > li > a:hover,
.nav-pills > li > a:active,
.nav-pills > li > a:focus {
  background-image: -webkit-linear-gradient(top, #98c4f0 0%, #5f9de6 100%);
  background-image: -o-linear-gradient(top, #98c4f0 0%, #5f9de6 100%);
  background-image: linear-gradient(to bottom, #98c4f0 0%, #5f9de6 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff98c4f0', endColorstr='#ff5f9de6', GradientType=0);
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  border-top-color: #98c4f0;
  border-bottom-color: #3e6fd1;
}
.nav-pills > li.active > a {
  background-image: -webkit-linear-gradient(top, #98c4f0 0%, #5f9de6 100%);
  background-image: -o-linear-gradient(top, #98c4f0 0%, #5f9de6 100%);
  background-image: linear-gradient(to bottom, #98c4f0 0%, #5f9de6 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff98c4f0', endColorstr='#ff5f9de6', GradientType=0);
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  border-top-color: #98c4f0;
  border-bottom-color: #3e6fd1;
  font-weight: bold;
}
.nav-pills > li + li a {
  border-top: 1px solid #ccc;
}
.nav-pills li + li {
  margin-top: 0;
}
.nav-pills ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.nav-pills ul li + li > a {
  border-top-color: #bcd2eb;
}
.nav-pills ul li > a {
  background-image: -webkit-linear-gradient(top, #f4f6f9 0%, #edf0f7 100%);
  background-image: -o-linear-gradient(top, #f4f6f9 0%, #edf0f7 100%);
  background-image: linear-gradient(to bottom, #f4f6f9 0%, #edf0f7 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff4f6f9', endColorstr='#ffedf0f7', GradientType=0);
  text-decoration: none;
  color: #1e458b;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: none;
  font-size: 14px;
  display: block;
  padding-left: 20px;
  text-shadow: none;
}
.nav-pills ul li > a:hover,
.nav-pills ul li > a:active,
.nav-pills ul li > a:focus {
  background-image: -webkit-linear-gradient(top, white 0%, white 100%);
  background-image: -o-linear-gradient(top, white 0%, white 100%);
  background-image: linear-gradient(to bottom, white 0%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff', GradientType=0);
  text-shadow: none;
}
.nav-pills ul li.active > a {
  background-image: -webkit-linear-gradient(top, white 0%, white 100%);
  background-image: -o-linear-gradient(top, white 0%, white 100%);
  background-image: linear-gradient(to bottom, white 0%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff', GradientType=0);
  text-shadow: none;
  font-weight: bold;
}
.nav-pills ul ul {
  margin: 0;
  padding: 0;
  list-style: circle;
  border-top: 1px solid #d3dbe7;
}
.nav-pills ul ul li > a {
  background-image: -webkit-linear-gradient(top, white 0%, white 100%);
  background-image: -o-linear-gradient(top, white 0%, white 100%);
  background-image: linear-gradient(to bottom, white 0%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff', GradientType=0);
  text-transform: none;
  text-decoration: none;
  border: none;
  padding-left: 20px;
}
.nav-pills ul ul li > a:hover,
.nav-pills ul ul li > a:active,
.nav-pills ul ul li > a:focus {
  background-image: -webkit-linear-gradient(top, white 0%, white 100%);
  background-image: -o-linear-gradient(top, white 0%, white 100%);
  background-image: linear-gradient(to bottom, white 0%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff', GradientType=0);
  text-decoration: underline;
  text-shadow: none;
}
.nav-pills ul ul li.active > a {
  background-image: -webkit-linear-gradient(top, white 0%, white 100%);
  background-image: -o-linear-gradient(top, white 0%, white 100%);
  background-image: linear-gradient(to bottom, white 0%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff', GradientType=0);
  text-decoration: underline;
  text-shadow: none;
}
.nav-tabs {
  overflow: hidden;
}
@media (min-width: 768px) {
  .nav-tabs {
    padding-left: 10px;
    white-space: nowrap;
  }
}
.nav-tabs > li {
  float: left;
}
.nav-tabs > li.collapse {
  display: none;
}
.nav-tabs > li.collapse.in {
  display: block;
}
.nav-tabs > li + li {
  box-shadow: 0 -1px 10px #d0d0d0;
}
@media (min-width: 768px) {
  .nav-tabs > li {
    float: left;
    margin-bottom: -1px;
  }
  .nav-tabs > li + li {
    margin-left: 2px;
    margin-left: -1px;
    z-index: auto;
    box-shadow: -1px 8px 1px #bbbbbb;
  }
}
.nav-tabs > li > a {
  position: relative;
  background-image: -webkit-linear-gradient(top, #fafafa 0%, #e8e8e9 100%);
  background-image: -o-linear-gradient(top, #fafafa 0%, #e8e8e9 100%);
  background-image: linear-gradient(to bottom, #fafafa 0%, #e8e8e9 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa', endColorstr='#ffe8e8e9', GradientType=0);
  background-origin: border-box;
  color: #333;
  text-decoration: none;
  font-size: 16px;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border: 1px solid transparent;
  box-shadow: 0 0px 1px #a8a8a8;
  padding-top: 15px;
  padding-bottom: 15px;
  line-height: 1.6;
  border-radius: 4px 4px 0 0;
  margin-bottom: -5px;
}
.nav-tabs > li > a > span.badge {
  position: absolute;
  width: 22px;
  height: 22px;
  background: #f74877;
  text-align: center;
  line-height: 22px;
  color: white;
  top: 0px;
  right: 0;
  font-style: normal;
  border-radius: 50%;
  font-size: 14px;
  z-index: 500;
  padding: 0;
}
.nav-tabs > li > a.iconable {
  padding-right: 50px;
}
.nav-tabs > li > a.iconable > i {
  position: absolute;
  right: 0;
  width: 50px;
  text-align: center;
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  background: white;
  color: #f74877;
}
@media (min-width: 768px) {
  .nav-tabs > li > a {
    box-shadow: 0 1px 1px #a0a0a0;
    top: 4px;
    margin-bottom: 0;
    padding-top: 7px;
    padding-bottom: 7px;
  }
}
.nav-tabs > li > a:hover {
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #f5f5f5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff5f5f5', GradientType=0);
  border-color: transparent transparent #e3e4e5;
}
@media (min-width: 768px) {
  .nav-tabs > li.active {
    z-index: 10;
    margin-left: -1px;
  }
  .nav-tabs > li.active + li {
    margin-left: 0;
  }
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #2872cc;
  background-color: white;
  background-image: none;
  border-bottom-color: transparent;
  cursor: default;
}
@media (min-width: 768px) {
  .nav-tabs > li.active > a,
  .nav-tabs > li.active > a:hover,
  .nav-tabs > li.active > a:focus {
    box-shadow: none;
    border: 1px solid #ddd;
    top: 0;
    margin-right: 0;
    padding-top: 11px;
  }
  .nav-tabs > li.active > a:before,
  .nav-tabs > li.active > a:hover:before,
  .nav-tabs > li.active > a:focus:before {
    z-index: -1;
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    bottom: 0;
    width: 5px;
    border-radius: 4px 4px 0 0;
    background-image: -webkit-linear-gradient(top, transparent 0%, #a8a8b2 100%);
    background-image: -o-linear-gradient(top, transparent 0%, #a8a8b2 100%);
    background-image: linear-gradient(to bottom, transparent 0%, #a8a8b2 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ffa8a8b2', GradientType=0);
    transform: skew(-5deg);
    filter: blur(2px);
    -webkit-filter: blur(2px);
  }
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
    white-space: nowrap;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.nav-tabs.nav-tabs-xs > li a {
  padding-left: 10px;
  padding-right: 10px;
}
.nav-city > li > a {
  position: relative;
}
.nav-city > li > a > i {
  position: absolute;
  top: -5px;
  right: 0;
  width: 20px;
  height: 20px;
  background: #f74877;
  color: white;
  border-radius: 50%;
  text-align: center;
  line-height: 20px;
  font-size: 11px;
}
.nav-city > li.active > a > i {
  top: 0px;
}
.tab-content {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  background-color: var(--tx-wrapper-background);
  border: 1px solid #e3e4e5;
  overflow: hidden;
  box-shadow: 0 1px 1px #d9d9d9;
}
@media (min-width: 768px) {
  .tab-content {
    margin-top: -1px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
  }
}
.tab-pane {
  padding: 10px;
}
.tab-pane:not(.tab-reset) .tab-inner-justified,
.tab-pane:not(.tab-reset) hr {
  margin-left: -10px;
  margin-right: -10px;
}
.tab-pane.tab-reset {
  padding: 0;
}
.tab-pane .tab-block {
  padding: 10px;
}
.tab-pane .tab-header-block {
  padding: 15px 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e3e4e5;
  line-height: 25px;
}
.tab-pane .tab-header-block.cb {
  border-bottom: none;
}
.tab-pane .tab-header-block p {
  margin-bottom: 0;
}
.tab-pane .tab-nav-block {
  padding: 0 0;
}
.tab-pane .tab-title {
  margin: 0;
}
.nav-tabs-dark > li.active > a,
.nav-tabs-dark > li.active > a:hover,
.nav-tabs-dark > li.active > a:focus {
  background: #f6f8fa;
}
.tab-pane-dark {
  background: var(--tx-wrapper-background-second);
}
.nav-default {
  display: flex;
}
.nav-default .nav-item {
  display: block;
  padding: 7px 10px;
  text-decoration: none;
}
.nav-default .nav-itema:hover,
.nav-default .nav-itema:active,
.nav-default .nav-itema:focus {
  background-color: transparent;
}
.nav-default .nav-item.active {
  color: black;
}
.nav-tabs-default {
  display: flex;
  align-items: flex-end;
}
.nav-tabs-default .nav-item {
  display: block;
  padding: 7px 10px;
  text-decoration: none;
  position: relative;
  background-image: linear-gradient(to bottom, #fafafa 0%, #e8e8e9 100%);
  color: #333;
  font-size: 16px;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.6;
  border-radius: 4px 4px 0 0;
  box-shadow: 0 0px 1px #bbbbbb;
  margin-bottom: 0;
}
.nav-tabs-default .nav-item + .nav-item {
  margin-left: -2px;
  box-shadow: -1px 0px 1px #bbbbbb;
}
@media (max-width: 767px) {
  .nav-tabs-default .nav-item {
    padding: 7px 15px !important;
  }
}
.nav-tabs-default .nav-item.active {
  z-index: 10;
  margin-left: -1px;
  color: #2872cc;
  background-color: white;
  background-image: none;
  border-bottom-color: transparent;
  cursor: default;
  padding-top: 11px;
}
.nav-tabs-default .nav-item.active + .nav-item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 5px;
  background-image: linear-gradient(to bottom, transparent 0%, #a8a8b2 100%);
  transform: skew(-5deg);
  filter: blur(2px);
}
.nav-tabs-default .nav-item:last-child {
  padding-right: 20px !important;
  padding-left: 20px !important;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
    white-space: nowrap;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-links-custom {
  width: 100%;
  padding-left: 5px;
  padding-right: 5px;
}
.nav-links-custom > li {
  float: none;
}
.nav-links-custom > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-links-custom.nav-xs-full > li {
  width: 25%;
  float: left;
}
@media (min-width: 768px) {
  .nav-links-custom > li {
    width: 25%;
    float: left;
  }
  .nav-links-custom > li.custom-list-item {
    width: 50%;
  }
}
.nav-links-custom > li > button,
.nav-links-custom > li > form {
  margin: 0 5px;
}
.nav-links-custom > li button {
  padding: 9px 8px;
  box-shadow: 0 0 3px #dedede;
}
.nav-links-custom > li:first-child a {
  margin-left: 0;
}
.nav-links-custom > li:last-child a {
  margin-right: 0;
}
.nav-links-custom > li a {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 7px 10px;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.6;
  border-width: 2px;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  margin: 0 5px;
  padding: 9px 8px;
  box-shadow: 0 0 3px #dedede;
  color: black;
  font-size: 14px;
  text-shadow: none;
  font-weight: bold;
  border: 1px solid #dadada;
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #ededed 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #ededed 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #ededed 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffededed', GradientType=0);
}
.nav-links-custom > li a:focus,
.nav-links-custom > li a:active:focus,
.nav-links-custom > li a.active:focus,
.nav-links-custom > li a.focus,
.nav-links-custom > li a:active.focus,
.nav-links-custom > li a.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.nav-links-custom > li a:hover,
.nav-links-custom > li a:focus,
.nav-links-custom > li a.focus {
  color: #333;
  text-decoration: none;
}
.nav-links-custom > li a:active,
.nav-links-custom > li a.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.nav-links-custom > li a.disabled,
.nav-links-custom > li a[disabled],
fieldset[disabled] .nav-links-custom > li a {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.nav-links-custom > li a.disabled,
fieldset[disabled] a.nav-links-custom > li a {
  pointer-events: none;
}
.nav-links-custom > li a:focus,
.nav-links-custom > li a:active:focus,
.nav-links-custom > li a.active:focus,
.nav-links-custom > li a.focus,
.nav-links-custom > li a:active.focus,
.nav-links-custom > li a.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.nav-links-custom > li a:hover,
.nav-links-custom > li a:focus,
.nav-links-custom > li a.focus {
  color: #333;
  text-decoration: none;
}
.nav-links-custom > li a:active,
.nav-links-custom > li a.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.nav-links-custom > li a.disabled,
.nav-links-custom > li a[disabled],
fieldset[disabled] .nav-links-custom > li a {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.nav-links-custom > li a.disabled,
fieldset[disabled] a.nav-links-custom > li a {
  pointer-events: none;
}
.nav-links-custom > li a .label-count {
  position: absolute;
  top: 0;
  left: 50%;
}
.nav-links-custom > li a.pressed:after {
  content: none;
}
.nav-links-custom > li a .label-count {
  position: absolute;
  top: 0;
  left: 50%;
}
.nav-links-custom > li a .badge {
  position: relative;
  vertical-align: top;
}
.nav-links-custom > li a:hover,
.nav-links-custom > li a:focus,
.nav-links-custom > li a:active {
  color: black;
  text-shadow: none;
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
}
.nav-links-custom > li a.btn-danger {
  color: white;
  background-image: -webkit-linear-gradient(top, #fa6f63 0%, #f9536f 100%);
  background-image: -o-linear-gradient(top, #fa6f63 0%, #f9536f 100%);
  background-image: linear-gradient(to bottom, #fa6f63 0%, #f9536f 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffa6f63', endColorstr='#fff9536f', GradientType=0);
  background-origin: border-box;
}
.nav-links-custom > li a.btn-danger:hover,
.nav-links-custom > li a.btn-danger:focus,
.nav-links-custom > li a.btn-danger:active {
  color: white;
  background-image: -webkit-linear-gradient(top, #fb867c 0%, #fb8498 100%);
  background-image: -o-linear-gradient(top, #fb867c 0%, #fb8498 100%);
  background-image: linear-gradient(to bottom, #fb867c 0%, #fb8498 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffb867c', endColorstr='#fffb8498', GradientType=0);
}
.nav-links-custom > li.active > a {
  border: 1px solid transparent;
  color: white;
  background-image: -webkit-linear-gradient(top, #98c7ff 0%, #4697f3 100%);
  background-image: -o-linear-gradient(top, #98c7ff 0%, #4697f3 100%);
  background-image: linear-gradient(to bottom, #98c7ff 0%, #4697f3 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff98c7ff', endColorstr='#ff4697f3', GradientType=0);
  background-origin: border-box;
  text-shadow: 0 1px 0px black;
}
.nav-links-custom.nav-flex-link a {
  display: flex;
  align-items: center;
  justify-content: center;
}
.nav-links-custom.nav-flex-link a *:not(:last-child) {
  margin-right: 4px;
}
.nav-flex {
  display: flex;
  flex-flow: row;
  flex-wrap: nowrap;
}
.nav-flex > li {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  width: 100%;
  min-height: 1px;
}
.nav-flex > li > .btn-sm {
  padding: 5px 10px;
}
.nav-flex > li + li {
  margin-left: 2px;
}
.nav-pills-default {
  background: #f7f7f7;
}
.nav-pills-default > li {
  float: left;
}
.nav-pills-default > li + li {
  margin-left: 2px;
}
.nav-pills-default > li > a {
  padding: 10px 5px;
}
@media (min-width: 768px) {
}@media (max-width: 767px) {
}@media (min-width: 768px) {
}@media (min-width: 768px) {
}@media (max-width: 767px) {
}@media (max-width: 767px) {
}.navbar {
  position: relative;
  min-height: 40px;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}
@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  overflow-x: visible;
  padding-right: 10px;
  padding-left: 10px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -10px;
  margin-left: -10px;
}
@media (min-width: 768px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-nav {
  margin: 4.5px -10px;
  float: left;
  margin: 0;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 22px;
}
.navbar-nav > li.active > a {
  background: #f6f8fa;
  text-decoration: none;
  font-weight: bold;
}
.navbar-nav > li.active > a span {
  border-color: transparent;
}
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 22px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
.navbar-nav > li {
  float: left;
}
.navbar-nav > li > a {
  padding-top: 9px;
  padding-bottom: 9px;
}
.navbar-nav.nav-justified > li {
  float: none;
}
.navbar-form {
  padding: 10px 0;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 0px;
  margin-bottom: 0px;
  width: auto;
  border: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.navbar-form .form-group {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}
.navbar-form .form-control {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.navbar-form .form-control-static {
  display: inline-block;
}
.navbar-form .input-group {
  display: inline-table;
  vertical-align: middle;
}
.navbar-form .input-group .input-group-addon,
.navbar-form .input-group .input-group-btn,
.navbar-form .input-group .form-control {
  width: auto;
}
.navbar-form .input-group > .form-control {
  width: 100%;
}
.navbar-form .control-label {
  margin-bottom: 0;
  vertical-align: middle;
}
.navbar-form .radio,
.navbar-form .checkbox {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  vertical-align: middle;
}
.navbar-form .radio label,
.navbar-form .checkbox label {
  padding-left: 0;
}
.navbar-form .radio input[type="radio"],
.navbar-form .checkbox input[type="checkbox"] {
  position: relative;
  margin-left: 0;
}
.navbar-form .has-feedback .form-control-feedback {
  top: 0;
}
@media (max-width: 767px) {
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.navbar-btn {
  margin-top: 0px;
  margin-bottom: 0px;
}
.navbar-btn.btn-sm {
  margin-top: 3px;
  margin-bottom: 3px;
}
.navbar-btn.btn-xs {
  margin-top: 9px;
  margin-bottom: 9px;
}
.navbar-text {
  margin-top: 9px;
  margin-bottom: 9px;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}
.navbar-left {
  float: left !important;
}
.navbar-right {
  float: right !important;
}
.navbar-right ~ .navbar-right {
  margin-right: 0;
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
  color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777;
}
.navbar-default .navbar-nav > li > a {
  color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-link {
  color: #777;
}
.navbar-default .navbar-link:hover {
  color: #333;
}
.navbar-default .btn-link {
  color: #777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}
.content-nav-title {
  font-size: 22px;
  line-height: 46px;
  padding: 0 10px;
  margin: -10px -10px 10px -10px !important;
  border-bottom: none;
  background: #f6f8fa;
}
.content-nav-title h1,
.content-nav-title .h1 {
  font-weight: 400;
  border-bottom: none;
  padding: 0;
  line-height: 36px;
  margin-top: 0;
  margin-bottom: 0;
}
.content-nav-title a {
  display: inline-block;
  line-height: 48.4px;
  text-decoration: none;
  margin-bottom: 0;
  margin-top: 0;
}
.breadcrumb {
  padding: 8px 5px;
  margin-bottom: 22px;
  list-style: none;
  background-color: transparent;
  border-radius: 4px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  content: "/\00a0";
  padding: 0 5px;
  color: #ccc;
}
.breadcrumb > .active {
  color: #646464;
}
.label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
  padding: 5px;
  font-style: normal;
  vertical-align: text-bottom;
  font-size: 70%;
  z-index: 10;
  display: inline-block;
}
a.label:hover,
a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label.label-level {
  background-color: #f74877;
  font-size: 16px;
  padding: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  border-radius: 50%;
  display: inline-block;
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  border: 1px solid transparent;
}
.label.label-level.label-inverse {
  color: #f74877;
  background: white;
  text-shadow: none;
}
.label.label-level.label-sm {
  font-size: 11px;
  width: 20px;
  height: 20px;
  line-height: 20px;
}
.label.label-count {
  background-color: #f74877;
  font-size: 16px;
  padding: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  border-radius: 50%;
  display: inline-block;
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  border: 1px solid #f1f2f4;
}
.label.label-count.label-transparent,
.label.label-count.label-inverse {
  color: #f74877;
  background: transparent;
  text-shadow: none;
  border-color: transparent;
}
.label.label-count.label-white {
  background: white;
  color: #f74877;
}
.label.label-count.label-sm {
  font-size: 11px;
  width: 20px;
  height: 20px;
  line-height: 20px;
}
a label {
  text-decoration: none;
  border: none;
}
.label-default {
  background-image: -webkit-linear-gradient(top, #f6f8fa 0%, #c8d4e0 100%);
  background-image: -o-linear-gradient(top, #f6f8fa 0%, #c8d4e0 100%);
  background-image: linear-gradient(to bottom, #f6f8fa 0%, #c8d4e0 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff6f8fa', endColorstr='#ffc8d4e0', GradientType=0);
  border-color: #e6ebf1;
  color: #747474;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #d5dfe8;
}
.label-success {
  background-image: -webkit-linear-gradient(top, #419943 0%, #2c672d 100%);
  background-image: -o-linear-gradient(top, #419943 0%, #2c672d 100%);
  background-image: linear-gradient(to bottom, #419943 0%, #2c672d 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff419943', endColorstr='#ff2c672d', GradientType=0);
  border-color: #39873b;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #327533;
}
.label-danger {
  background-image: -webkit-linear-gradient(top, #f74877 0%, #ed0a47 100%);
  background-image: -o-linear-gradient(top, #f74877 0%, #ed0a47 100%);
  background-image: linear-gradient(to bottom, #f74877 0%, #ed0a47 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff74877', endColorstr='#ffed0a47', GradientType=0);
  border-color: #f63065;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #f51753;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: white;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #f74877;
  border-radius: 10px;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge,
.btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #3d8ee9;
  background-color: #fff;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
.badge-default {
  background-color: #dadada !important;
  color: #6f6c6c !important;
}
.badge-success {
  background-color: #419943 !important;
}
.badge-primary {
  background-color: #3584e6 !important;
}
.badge-danger {
  background-color: #f74877 !important;
}
.badge-warning {
  background-color: #fbbc23 !important;
}
.badge-secondary {
  background-color: #d9d9d9 !important;
}
.badge-primary {
  background-color: #3584e6 !important;
}
.badge-info {
  background-color: #125f9a !important;
}
.activity-badge {
  position: absolute;
  top: 20px;
  right: 0;
}
.activity-red-dot {
  width: 15px !important;
  height: 15px !important;
}
.layout-2023 .badge {
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.card-badge {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  font-weight: 700;
  padding: 3px 5px;
  line-height: 1;
  white-space: nowrap;
  border-radius: 6px 0;
  display: flex;
  align-items: center;
  gap: 4px;
}
.card-badge-danger {
  text-shadow: 1px 1px 0px #A44058;
  background: linear-gradient(180deg, #FF8AA6 0%, #E45678 100%);
}
.card-badge-default {
  color: #333;
  background: linear-gradient(180deg, #FFF 48.96%, #EFEFEF 100%);
}
.card-badge-success {
  text-shadow: 1px 1px 0px #3A6B31;
  background: radial-gradient(50% 46.13% at 53.03% 51.66%, rgba(255, 255, 255, 0.22) 28.48%, rgba(255, 255, 255, 0) 100%), #76D663;
}
.card-badge-primary {
  text-shadow: 1px 1px 0px #284775;
  background: radial-gradient(50% 46.13% at 53.03% 51.66%, rgba(255, 255, 255, 0.22) 28.48%, rgba(255, 255, 255, 0) 100%), #4A83DF;
}
.card-badge-warning {
  text-shadow: 1px 1px 0px #BB7732;
  background: radial-gradient(50% 46.13% at 53.03% 51.66%, rgba(255, 255, 255, 0.22) 28.48%, rgba(255, 255, 255, 0) 100%), #FFBF1B;
}
.alert {
  padding: 10px;
  margin-bottom: 22px;
  border: 1px solid transparent;
  border-radius: 5px;
  position: relative;
  border-radius: 0;
  border-width: 0 0 0 4px;
  padding-top: 2px;
  padding-bottom: 2px;
  text-align: left;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert h4 {
  margin-bottom: 0;
  font-weight: normal;
}
.alert h4 + p {
  margin-top: 11px;
}
.alert-secondary {
  border-color: #d9d9d9;
}
.alert-full {
  border: 2px solid transparent;
  border-width: 2px;
  border-radius: 4px;
  padding: 15px;
}
.alert-success {
  background-color: white;
  border-color: #39873b;
  color: #333;
  background: transparent;
  color: var(--tx-text-color);
}
.alert-success hr {
  border-top-color: #327533;
}
.alert-success .alert-link {
  color: #1a1a1a;
}
.alert-danger {
  background-color: white;
  border-color: #f63065;
  color: #333;
  background: transparent;
}
.alert-danger hr {
  border-top-color: #f51753;
}
.alert-danger .alert-link {
  color: #1a1a1a;
}
.alert-danger.alert-full h4,
.alert-danger.alert-full .h4 {
  color: #f74877;
}
.alert-danger-full {
  background-color: white;
  border-color: #f63065;
  color: #333;
  background: transparent;
  padding: 15px 20px;
  text-align: center;
  box-shadow: none;
  border-radius: 5px;
  font-size: 14px;
  color: black;
  border: 2px solid #f74877;
  background: white;
  text-shadow: none;
  position: relative;
  color: var(--tx-text-color);
  background: var(--tx-panel-background);
}
.alert-danger-full hr {
  border-top-color: #f51753;
}
.alert-danger-full .alert-link {
  color: #1a1a1a;
}
.alert-danger-full hr {
  border-top-color: #f51753;
}
.alert-danger-full .alert-link {
  color: #1a1a1a;
}
.alert-danger-full.alert-full h4,
.alert-danger-full.alert-full .h4 {
  color: #f74877;
}
.alert-danger-full h4,
.alert-danger-full .h4 {
  color: #f74877;
}
.alert-danger-full .close {
  right: 10px;
  top: 10px;
}
.alert-danger-full.error-block {
  color: #ffffff;
  background-color: #f63065;
}
.alert-success-solid {
  background-color: white;
  border-color: #39873b;
  color: #333;
  background: transparent;
  color: var(--tx-text-color);
  padding: 15px 20px;
  text-align: center;
  box-shadow: none;
  border-radius: 5px;
  font-size: 14px;
  color: black;
  border: 2px solid #419943;
  background: white;
  text-shadow: none;
  position: relative;
  background-image: -webkit-linear-gradient(top, #419943 0%, #327533 100%);
  background-image: -o-linear-gradient(top, #419943 0%, #327533 100%);
  background-image: linear-gradient(to bottom, #419943 0%, #327533 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff419943', endColorstr='#ff327533', GradientType=0);
  color: white;
}
.alert-success-solid hr {
  border-top-color: #327533;
}
.alert-success-solid .alert-link {
  color: #1a1a1a;
}
.alert-success-solid hr {
  border-top-color: #327533;
}
.alert-success-solid .alert-link {
  color: #1a1a1a;
}
.alert-success-solid h4,
.alert-success-solid .h4 {
  color: #419943;
}
.alert-success-solid .close {
  right: 10px;
  top: 10px;
}
.alert-success-full {
  background-color: white;
  border-color: #39873b;
  color: #333;
  background: transparent;
  padding: 15px 20px;
  text-align: center;
  box-shadow: none;
  border-radius: 5px;
  font-size: 14px;
  color: black;
  border: 2px solid #419943;
  background: white;
  text-shadow: none;
  position: relative;
  color: var(--tx-text-color);
  background: var(--tx-panel-background);
}
.alert-success-full hr {
  border-top-color: #327533;
}
.alert-success-full .alert-link {
  color: #1a1a1a;
}
.alert-success-full hr {
  border-top-color: #327533;
}
.alert-success-full .alert-link {
  color: #1a1a1a;
}
.alert-success-full h4,
.alert-success-full .h4 {
  color: #419943;
}
.alert-success-full .close {
  right: 10px;
  top: 10px;
}
.alert-warning-full {
  background-color: white;
  border-color: #fbb40a;
  color: #333;
  background: transparent;
  padding: 15px 20px;
  text-align: center;
  box-shadow: none;
  border-radius: 5px;
  font-size: 14px;
  color: black;
  border: 2px solid #fbbc23;
  background: white;
  text-shadow: none;
  position: relative;
  background: var(--tx-panel-background);
}
.alert-warning-full hr {
  border-top-color: #e7a504;
}
.alert-warning-full .alert-link {
  color: #1a1a1a;
}
.alert-warning-full hr {
  border-top-color: #e7a504;
}
.alert-warning-full .alert-link {
  color: #1a1a1a;
}
.alert-warning-full h4,
.alert-warning-full .h4 {
  color: #fbbc23;
}
.alert-warning-full .close {
  right: 10px;
  top: 10px;
}
.alert-info-full {
  background-color: #5cb3e4;
  border-color: transparent;
  color: white;
  padding: 15px 20px;
  text-align: center;
  box-shadow: none;
  border-radius: 5px;
  font-size: 14px;
  color: black;
  border: 2px solid #5cb3e4;
  background: white;
  text-shadow: none;
  position: relative;
  color: var(--tx-text-color);
  background: var(--tx-panel-background);
}
.alert-info-full hr {
  border-top-color: rgba(0, 0, 0, 0);
}
.alert-info-full .alert-link {
  color: #e6e6e6;
}
.alert-info-full h4,
.alert-info-full .h4 {
  color: #5cb3e4;
}
.alert-info-full .close {
  right: 10px;
  top: 10px;
}
.alert-info-full .text-warning {
  text-shadow: 0 1px 0px #737373;
  color: #ffd33a;
}
.alert-default {
  background-color: white;
  border-color: #cccccc;
  color: #333;
  background: transparent;
}
.alert-default hr {
  border-top-color: #bfbfbf;
}
.alert-default .alert-link {
  color: #1a1a1a;
}
.alert-default-full {
  padding: 20px 20px;
  background: linear-gradient(to bottom, var(--tx-panel-background) 0%, var(--tx-panel-background-second) 100%);
  border: 1px solid #e7e8ee;
  border-radius: 5px;
}
.alert-default-full .title-indent {
  margin-bottom: 0;
  text-transform: uppercase;
  line-height: 1.2;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.alert-default-full .title-indent strong {
  font-size: 22px;
  font-weight: normal;
}
.alert-warning {
  background-color: white;
  border-color: #fbb40a;
  color: #333;
  background: transparent;
}
.alert-warning hr {
  border-top-color: #e7a504;
}
.alert-warning .alert-link {
  color: #1a1a1a;
}
.alert-form.alert-success {
  text-align: center;
  background-color: var(--tx-panel-background);
  color: var(--tx-text-color);
  border: 2px solid #419943;
  border-radius: 4px;
  padding: 15px;
}
.alert-form.alert-danger {
  text-align: center;
  background-color: #f63065;
  color: #ffffff;
  border: 2px solid #f74877;
  border-radius: 4px;
  padding: 15px;
}
.alert-promo {
  position: relative;
  min-height: 220px;
  padding: 15px 30px;
  color: #ffffff;
  text-align: left;
  border-radius: 5px;
  font-size: 14px;
  border: 2px solid transparent;
  background: #000000;
  background-size: cover;
  background-clip: border-box;
  background-repeat: no-repeat;
  background-position: center center;
  font-size: 110%;
}
@media (max-width: 768px) {
  .alert-promo {
    padding: 12px 16px;
    min-height: 210px;
  }
}
.alert-promo .notice-close {
  position: absolute;
  z-index: 100;
  color: #ffffff;
  opacity: 0.5;
  top: 5px;
  right: 7px;
}
.alert-promo .notice-close:hover {
  color: #ffffff;
  opacity: 0.75;
}
.alert-promo .notice-close .fa {
  font-weight: normal;
  font-weight: lighter;
}
.alert-promo u {
  text-decoration: none;
  color: #fbbc23;
}
.alert-promo > h4 {
  color: #ffffff;
  font-size: 140%;
  line-height: 120%;
  font-weight: bold;
  max-width: calc(100% - 40px);
}
.alert-promo b,
.alert-promo strong {
  color: #ffffff;
}
.alert-promo ul {
  padding: 0.2em 0 0.2em 1.2em;
  list-style-type: square;
}
.alert-promo ul li {
  list-style: inherit;
}
.alert-promo ul li::marker {
  color: #fbbc23;
}
.alert-promo .notice-content {
  display: inline-block;
  max-width: 60%;
  color: #9b9b9b;
  opacity: 0.95;
}
.alert-promo .notice-content > p {
  line-height: 120%;
  margin-top: 5px;
  margin-bottom: 0;
}
.alert-promo .notice-content p + p {
  margin-top: 0;
}
.alert-promo .hl {
  color: #fbbc23;
}
.alert-promo .promo-timer {
  position: relative;
  min-height: 80px;
}
@media (max-width: 768px) {
  .alert-promo .promo-timer {
    min-height: 64px;
    font-size: 90%;
  }
}
.alert-promo .promo-timer .inverse-knob {
  transform: scaleX(-1);
}
.alert-promo .promo-timer .inverse-knob input {
  transform: scaleX(-1);
}
.alert-promo .promo-timer .countdown-knob {
  position: absolute;
  display: inline-block;
  width: 80px;
  height: 80px;
  -webkit-mask: url("/media/alerts/timer-style-web-mask.png") left top no-repeat;
  mask: url("/media/alerts/timer-style-web-mask.png") left top no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
}
@media (max-width: 768px) {
  .alert-promo .promo-timer .countdown-knob {
    width: 64px;
    height: 64px;
  }
}
.alert-promo .promo-timer .countdown-knob input {
  display: none !important;
}
.alert-promo .promo-timer .countdown-knob p {
  display: none;
}
.alert-promo .promo-timer .countdown-knob:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: transparent url("/media/alerts/timer-style-web.svg") left top no-repeat;
  background-size: 100% 100%;
}
.alert-promo .promo-timer .promo-timer-texts {
  display: inline-block;
  margin-left: 88px;
  padding: 16px 8px;
}
@media (max-width: 768px) {
  .alert-promo .promo-timer .promo-timer-texts {
    margin-left: 70px;
    padding: 8px 4px;
  }
}
.alert-promo .right-block {
  position: absolute;
  right: 20px;
  max-width: 36%;
  width: 36%;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
}
@media (max-width: 768px) {
  .alert-promo .right-block {
    right: 12px;
  }
}
.alert-promo .right-block .promo-lister {
  position: relative;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin: 0;
}
.alert-promo .right-block .promo-lister .lister-arrow-left,
.alert-promo .right-block .promo-lister .lister-arrow-right {
  position: absolute;
  z-index: 100;
  top: 72px;
  text-shadow: #000 2px 0 0px, #000 -2px 0 0px, #000 0 0 3px;
}
.alert-promo .right-block .promo-lister .lister-arrow-left {
  left: -1.2em;
}
.alert-promo .right-block .promo-lister .lister-arrow-right {
  right: -1.2em;
}
.alert-promo .right-block .promo-lister [data-carousel="left"],
.alert-promo .right-block .promo-lister [data-carousel="right"] {
  color: #fbbc23;
}
.alert-promo .right-block .promo-lister [data-carousel="left"] .fa,
.alert-promo .right-block .promo-lister [data-carousel="right"] .fa {
  font-weight: normal;
  font-weight: lighter;
  padding: 2px 8px 8px;
  font-size: 2.2em;
}
.alert-promo .right-block .promo-lister [data-carousel="left"]:hover,
.alert-promo .right-block .promo-lister [data-carousel="right"]:hover {
  color: #ffffff;
}
.alert-promo .right-block .promo-lister .promo-lister-content {
  z-index: 1;
}
.alert-promo .right-block .promo-lister .lister-item {
  text-align: center;
}
.alert-promo .right-block .promo-lister .lister-item .item-image {
  position: relative;
  height: 90px;
  width: 100%;
  max-width: 100%;
}
.alert-promo .right-block .promo-lister .lister-item .item-image > img {
  position: absolute;
  max-width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.alert-promo .right-block .promo-lister .lister-item .item-title {
  position: relative;
  font-weight: bold;
  font-size: 110%;
  white-space: nowrap;
  margin: -12px 0 -8px;
}
.alert-promo .right-block .promo-lister .lister-item .item-price {
  position: relative;
  font-weight: bold;
  font-family: "Cuprum", sans-serif;
  white-space: nowrap;
}
.alert-promo .right-block .promo-lister .lister-item .item-price .fa-rub {
  font-size: 90%;
}
.alert-promo .right-block .promo-lister .lister-item .item-price .price {
  color: #fbbc23;
  font-size: 220%;
}
@media (max-width: 768px) {
  .alert-promo .right-block .promo-lister .lister-item .item-price .price {
    font-size: 180%;
  }
}
.alert-promo .right-block .promo-lister .lister-item .item-price .old-price {
  font-size: 110%;
  margin-right: 0.35em;
}
@media (max-width: 768px) {
  .alert-promo .right-block .promo-lister .lister-item .item-price .old-price {
    font-size: 100%;
  }
}
.alert-promo .right-block .promo-lister .lister-item .item-price .old-price:after {
  transform: rotate(18deg);
  border: 1px solid #f74877;
}
.alert-promo .right-block .promo-url-link {
  position: relative;
  padding-left: 2.1em;
  padding-right: 2.1em;
}
@media (max-width: 768px) {
  .alert-promo .right-block .promo-url-link {
    padding-left: 1.4em;
    padding-right: 1.4em;
  }
}
.alert-promo:hover .notice-content {
  opacity: 1;
}
.alert-type-promo-gems {
  background-image: url("/media/alerts/promo-gems-bg.jpg");
}
.alert-type-promo-company-gems {
  background-image: url("/media/alerts/promo-company-gems-bg.jpg");
}
.alert-type-promo-taxi {
  background-image: url("/media/alerts/promo-taxi-bg.jpg");
}
.alert-type-promo-deposit-taxi {
  background-image: url("/media/alerts/promo-deposit-taxi-bg.jpg");
}
.alert-type-promo-deposit-taxi .right-block .promo-lister .lister-item .item-image {
  height: 120px;
}
.alert-type-promo-deposit-taxi .right-block .promo-lister .lister-item .item-image > img {
  max-width: 120%;
}
.alert-type-promo-premium {
  background-image: url("/media/alerts/promo-premium-bg.jpg");
}
.alert-type-promo-premium .right-block .promo-lister .lister-item .item-image {
  height: 50px;
  background: radial-gradient(15% 30% at 50% 50%, rgba(251, 188, 35, 0.5) 0%, rgba(251, 188, 35, 0) 100%), radial-gradient(18% 15% at 50% 50%, rgba(251, 188, 35, 0.5) 0%, rgba(251, 188, 35, 0) 100%), radial-gradient(30% 5% at 50% 50%, rgba(251, 188, 35, 0.5) 0%, rgba(251, 188, 35, 0) 100%);
  margin-top: 12px;
}
.alert-type-promo-premium .right-block .promo-lister .lister-item .item-image > img {
  max-width: 30%;
  top: auto;
  bottom: -40%;
}
.alert-type-promo-mot {
  background-image: url("/media/alerts/promo-mot-bg.jpg");
}
.alert-type-promo-mot .megatext {
  font-size: 500%;
  line-height: 100%;
  font-weight: bold;
  font-family: "Cuprum", serif;
  text-shadow: #fbbc23 0 0 20px;
}
.alert-type-promo-new-district-anons {
  background-image: url("/media/alerts/promo-new-district-bg.jpg");
}
.alert-type-promo-new-district-anons .right-block .promo-lister .lister-item {
  width: 100%;
}
.alert-type-promo-new-district-anons .right-block .promo-lister .lister-item .item-image {
  height: 140px;
  transition: all 0.3s ease-in-out;
}
.alert-type-promo-new-district-anons .right-block .promo-lister .lister-item .item-image > img {
  width: 95%;
}
.alert-type-promo-new-district-anons .right-block:hover .item-image,
.alert-type-promo-new-district-anons .right-block:focus .item-image,
.alert-type-promo-new-district-anons .right-block:active .item-image {
  transform: scale(1.05);
}
.alert-type-promo-new-district {
  background-image: url("/media/alerts/promo-new-district-bg.jpg");
}
.alert-type-promo-new-district .right-block .promo-lister .lister-item {
  width: 100%;
}
.alert-type-promo-new-district .right-block .promo-lister .lister-item .item-image {
  height: 120px;
  transition: all 0.3s ease-in-out;
}
.alert-type-promo-new-district .right-block .promo-lister .lister-item .item-image > img {
  width: 80%;
}
.alert-type-promo-new-district .right-block:hover .item-image,
.alert-type-promo-new-district .right-block:focus .item-image,
.alert-type-promo-new-district .right-block:active .item-image {
  transform: scale(1.05);
}
.alert-type-promo-new-district .big-name {
  font-size: 360%;
  line-height: 100%;
  font-weight: bold;
  color: #fbbc23;
}
.alert-type-promo-shopbox {
  background-image: url("/media/alerts/promo-shopbox-bg.jpg");
  min-height: 270px;
}
.alert-type-promo-shopbox .right-block {
  top: -2px;
  transform: none;
}
.alert-type-promo-shopbox .right-block .promo-lister .lister-arrow-left,
.alert-type-promo-shopbox .right-block .promo-lister .lister-arrow-right {
  top: 132px;
}
.alert-type-promo-shopbox .right-block .promo-lister .lister-item .item-image {
  min-height: 150px;
  background: url("/media/alerts/promo-shopbox-lights.png") top center no-repeat;
  background-size: cover;
  background-size: 85% auto;
  width: 138%;
  max-width: 138%;
  position: relative;
  transform: translateX(-50%);
  left: 50%;
}
.alert-type-promo-shopbox .right-block .promo-lister .lister-item .item-image > img {
  height: 96px;
  top: 1%;
  transform: translateX(-50%);
}
.alert-type-promo-shopbox .right-block .promo-lister .lister-item .item-image > .sub-items {
  position: absolute;
  bottom: 15px;
  min-height: 35px;
  width: 100%;
  left: 0;
}
@media (max-width: 768px) {
  .alert-type-promo-shopbox .right-block .promo-lister .lister-item .item-image > .sub-items {
    width: 89%;
    left: 5%;
  }
}
.alert-type-promo-shopbox .right-block .promo-lister .lister-item .item-image > .sub-items .img-responsive {
  height: 35px;
  transition: transform 0.2s;
}
@media (max-width: 768px) {
  .alert-type-promo-shopbox .right-block .promo-lister .lister-item .item-image > .sub-items .img-responsive {
    height: 38px;
    margin: -1px 0px;
  }
}
.alert-type-promo-shopbox .right-block .promo-lister .lister-item .item-image > .sub-items .img-responsive:hover {
  transform: scale(1.2);
}
.alert-type-promo-shopbox .right-block .promo-lister .lister-item .item-image > .sub-items .items-block {
  flex-wrap: wrap-reverse;
}
.alert-type-promo-shopbox .right-block .promo-lister .lister-item .item-image > .sub-items .items-block .badge {
  display: none;
}
.alert-type-promo-universal {
  min-height: 180px;
}
.alert-type-promo-universal .notice-content {
  max-width: 100%;
}
.global-notice .btn.btn-primary {
  box-shadow: none !important;
}
.progress {
  overflow: hidden;height: 22px;margin-bottom: 22px;background-color: #f5f5f5;border-radius: 4px;-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar,
.progress-custom .progress-bar,
.progress-custom-sm .progress-bar,
.progress-custom .progress-bar,
.progress-custom-sm .progress-bar,
.progress-custom .progress-bar,
.progress-custom-sm .progress-custom .progress-bar,
.progress-custom-sm .progress-bar,
.progress-custom .progress-custom-sm .progress-bar,
.progress-custom-sm .progress-custom .progress-bar,
.progress-custom .progress-custom-sm .progress-bar,
.progress-custom-sm .progress-custom .progress-bar,
.progress-custom-sm .progress-custom .progress-bar,
.progress-custom .progress-custom-sm .progress-bar,
.progress-custom .progress-custom-sm .progress-bar {
  float: left;width: 0%;height: 100%;font-size: 11px;line-height: 22px;color: #fff;text-align: center;background-color: #3584e6;-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);-webkit-transition: width 0.6s ease;-o-transition: width 0.6s ease;transition: width 0.6s ease;
}
.progress-striped .progress-bar,
.progress-striped .progress-custom .progress-bar,
.progress-striped .progress-custom-sm .progress-bar,
.progress-striped .progress-custom .progress-bar,
.progress-striped .progress-custom-sm .progress-bar,
.progress-striped .progress-custom .progress-bar,
.progress-striped .progress-custom-sm .progress-custom .progress-bar,
.progress-striped .progress-custom-sm .progress-bar,
.progress-striped .progress-custom .progress-custom-sm .progress-bar,
.progress-striped .progress-custom-sm .progress-custom .progress-bar,
.progress-striped .progress-custom .progress-custom-sm .progress-bar,
.progress-striped .progress-custom-sm .progress-custom .progress-bar,
.progress-striped .progress-custom-sm .progress-custom .progress-bar,
.progress-striped .progress-custom .progress-custom-sm .progress-bar,
.progress-striped .progress-custom .progress-custom-sm .progress-bar {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress.active .progress-bar,
.progress-bar.active,
.progress.active .progress-custom .progress-bar,
.progress-custom .progress-bar.active,
.progress.active .progress-custom-sm .progress-bar,
.progress-custom-sm .progress-bar.active,
.progress.active .progress-custom .progress-bar,
.progress-custom .progress-bar.active,
.progress.active .progress-custom-sm .progress-bar,
.progress-custom-sm .progress-bar.active,
.progress.active .progress-custom .progress-bar,
.progress-custom .progress-bar.active,
.progress.active .progress-custom-sm .progress-custom .progress-bar,
.progress-custom-sm .progress-custom .progress-bar.active,
.progress.active .progress-custom-sm .progress-bar,
.progress-custom-sm .progress-bar.active,
.progress.active .progress-custom .progress-custom-sm .progress-bar,
.progress-custom .progress-custom-sm .progress-bar.active,
.progress.active .progress-custom-sm .progress-custom .progress-bar,
.progress-custom-sm .progress-custom .progress-bar.active,
.progress.active .progress-custom .progress-custom-sm .progress-bar,
.progress-custom .progress-custom-sm .progress-bar.active,
.progress.active .progress-custom-sm .progress-custom .progress-bar,
.progress-custom-sm .progress-custom .progress-bar.active,
.progress.active .progress-custom-sm .progress-custom .progress-bar,
.progress-custom-sm .progress-custom .progress-bar.active,
.progress.active .progress-custom .progress-custom-sm .progress-bar,
.progress-custom .progress-custom-sm .progress-bar.active,
.progress.active .progress-custom .progress-custom-sm .progress-bar,
.progress-custom .progress-custom-sm .progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;-o-animation: progress-bar-stripes 2s linear infinite;animation: progress-bar-stripes 2s linear infinite;
}
.progress {
  position: relative;
  height: 8px;
  background: #ccc;
  border-radius: 5px;
  margin-bottom: 0;
  box-shadow: none;
  overflow: visible;
}
.progress-bar,
.progress-custom .progress-bar,
.progress-custom-sm .progress-bar,
.progress-custom-sm .progress-custom .progress-bar,
.progress-custom .progress-custom-sm .progress-bar {
  border-radius: 5px;
  box-shadow: none;
  position: static;
  transition: none !important;
}
.progress-bar > span,
.progress-bar > span,
.progress-custom .progress-bar > span,
.progress-custom-sm .progress-bar > span,
.progress-custom .progress-bar > span,
.progress-custom-sm .progress-bar > span,
.progress-custom .progress-bar > span,
.progress-custom-sm .progress-custom .progress-bar > span,
.progress-custom-sm .progress-bar > span,
.progress-custom .progress-custom-sm .progress-bar > span,
.progress-custom-sm .progress-custom .progress-bar > span,
.progress-custom .progress-custom-sm .progress-bar > span,
.progress-custom-sm .progress-custom .progress-bar > span,
.progress-custom-sm .progress-custom .progress-bar > span,
.progress-custom .progress-custom-sm .progress-bar > span,
.progress-custom .progress-custom-sm .progress-bar > span {
  position: absolute;
  left: 0;
  right: 0;
  top: -16px;
  line-height: 1;
  bottom: 0;
  z-index: 10;
  text-align: left;
  white-space: nowrap;
}
.progress-bar.progress-bar-success,
.progress-bar.progress-bar-success,
.progress-custom .progress-bar.progress-bar-success,
.progress-custom-sm .progress-bar.progress-bar-success,
.progress-custom .progress-bar.progress-bar-success,
.progress-custom-sm .progress-bar.progress-bar-success,
.progress-custom .progress-bar.progress-bar-success,
.progress-custom-sm .progress-custom .progress-bar.progress-bar-success,
.progress-custom-sm .progress-bar.progress-bar-success,
.progress-custom .progress-custom-sm .progress-bar.progress-bar-success,
.progress-custom-sm .progress-custom .progress-bar.progress-bar-success,
.progress-custom .progress-custom-sm .progress-bar.progress-bar-success,
.progress-custom-sm .progress-custom .progress-bar.progress-bar-success,
.progress-custom-sm .progress-custom .progress-bar.progress-bar-success,
.progress-custom .progress-custom-sm .progress-bar.progress-bar-success,
.progress-custom .progress-custom-sm .progress-bar.progress-bar-success {
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(20deg, #419943, #419943);
  background-image: -o-linear-gradient(20deg, #419943, #419943);
  background-image: linear-gradient(20deg, #419943, #419943);
}
.progress-bar-info {
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(20deg, #3f91ea, #3584e6);
  background-image: -o-linear-gradient(20deg, #3f91ea, #3584e6);
  background-image: linear-gradient(20deg, #3f91ea, #3584e6);
}
.progress-bar-warning {
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(20deg, #fbcd20, #fbbc23);
  background-image: -o-linear-gradient(20deg, #fbcd20, #fbbc23);
  background-image: linear-gradient(20deg, #fbcd20, #fbbc23);
}
.media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media,
.media-body {
  zoom: 1;
  overflow: hidden;
}
.media-body {
  width: 10000px;
}
.media-object {
  display: block;
}
.media-object.img-thumbnail {
  max-width: none;
}
.media-right,
.media > .pull-right {
  padding-left: 10px;
}
.media-left,
.media > .pull-left {
  padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
  position: relative;
}
.media-middle {
  vertical-align: middle;
}
.media-bottom {
  vertical-align: bottom;
}
.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.media-title {
  margin: 0;
}
.media-list {
  padding-left: 0;
  list-style: none;
}
.media-review {
  position: relative;
  margin-bottom: 10px;
}
.media-review .media-content {
  background: var(--tx-panel-background);
  border: 1px solid var(--tx-border-color);
  border-radius: 5px;
  padding: 15px 15px;
}
.media-review .img-block {
  width: 50px;
  height: 50px;
  background: #cdd0da;
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
  padding: 0;
  margin: auto;
  display: block;
}
.media-review .media-body p {
  margin-bottom: 0;
  position: relative;
  padding-bottom: 7px;
}
.media-review .media-body p.response {
  border-top: 1px solid #f6f8fa;
  padding-top: 7px;
}
.media-review .media-title {
  color: var(--tx-text-color);
  display: inline-block;
}
.media-review .media-title a {
  text-decoration: none;
  cursor: pointer;
  color: inherit;
}
.media-review .media-title a > span {
  border-bottom: 1px solid;
}
.media-review .media-title a:hover,
.media-review .media-title a:active,
.media-review .media-title a:focus {
  text-decoration: none;
}
.media-review .media-title a:hover > span,
.media-review .media-title a:active > span,
.media-review .media-title a:focus > span {
  border-color: transparent;
}
.media-review .media-heading a {
  text-decoration: none;
  cursor: pointer;
}
.media-review .media-heading a > span {
  border-bottom: 1px solid;
}
.media-review .media-heading a:hover,
.media-review .media-heading a:active,
.media-review .media-heading a:focus {
  text-decoration: none;
}
.media-review .media-heading a:hover > span,
.media-review .media-heading a:active > span,
.media-review .media-heading a:focus > span {
  border-color: transparent;
}
.media-review .media-heading time {
  margin-left: 10px;
  margin-right: 10px;
  font-size: 14px;
  display: inline-block;
  color: var(--tx-text-color);
}
.media-review .remove-message {
  opacity: 0;
  text-align: right;
  transition: opacity 0.3s ease-in-out;
}
.media-review:hover .remove-message {
  opacity: 1;
}
.media-review .media-footer {
  margin-top: 10px;
  border-top: 1px solid var(--tx-border-color);
  padding-top: 15px;
}
.media-review .media-footer p {
  padding-bottom: 0;
}
.media-unread .media-content {
  background: white;
  background-image: -webkit-linear-gradient(top, #b8d8fb 0%, white 100%);
  background-image: -o-linear-gradient(top, #b8d8fb 0%, white 100%);
  background-image: linear-gradient(to bottom, #b8d8fb 0%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb8d8fb', endColorstr='#ffffffff', GradientType=0);
  border: 1px solid #88bdf8;
}
.media-ticket {
  position: relative;
  margin-bottom: 10px;
  padding: 1px 5px;
}
.media-ticket .media-content {
  background: white;
  background-image: -webkit-linear-gradient(top, #fafbfc 0%, white 100%);
  background-image: -o-linear-gradient(top, #fafbfc 0%, white 100%);
  background-image: linear-gradient(to bottom, #fafbfc 0%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafbfc', endColorstr='#ffffffff', GradientType=0);
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  padding: 15px 15px;
}
.media-ticket .img-block {
  width: 70px;
  height: 70px;
  background: #cdd0da;
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
  padding: 0;
  margin: auto;
  display: block;
}
.media-ticket .media-body p {
  margin-bottom: 0;
  position: relative;
  padding-bottom: 7px;
}
.media-ticket .media-title {
  color: black;
  display: inline-block;
}
.media-ticket .media-title a {
  text-decoration: none;
  cursor: pointer;
  color: inherit;
}
.media-ticket .media-title a > span {
  border-bottom: 1px solid;
}
.media-ticket .media-title a:hover,
.media-ticket .media-title a:active,
.media-ticket .media-title a:focus {
  text-decoration: none;
}
.media-ticket .media-title a:hover > span,
.media-ticket .media-title a:active > span,
.media-ticket .media-title a:focus > span {
  border-color: transparent;
}
.media-ticket .media-heading a {
  text-decoration: none;
  cursor: pointer;
}
.media-ticket .media-heading a > span {
  border-bottom: 1px solid;
}
.media-ticket .media-heading a:hover,
.media-ticket .media-heading a:active,
.media-ticket .media-heading a:focus {
  text-decoration: none;
}
.media-ticket .media-heading a:hover > span,
.media-ticket .media-heading a:active > span,
.media-ticket .media-heading a:focus > span {
  border-color: transparent;
}
.media-ticket .media-heading time {
  margin-left: 10px;
  margin-right: 10px;
  font-size: 14px;
  display: inline-block;
  color: #646464;
}
.media-ticket .media-footer {
  margin-top: 10px;
  border-top: 1px solid #ccc;
  padding-top: 15px;
}
.media-ticket .media-footer .info-block {
  font-size: 11px;
  color: #333333;
}
.media-ticket .media-footer p {
  padding-bottom: 0;
}
.media-ref-chat-scroll-container {
  margin-left: -10px;
  margin-right: -10px;
}
.media-ref-chat {
  position: relative;
  margin-bottom: 10px;
  padding: 1px 10px;
}
.media-ref-chat .media-content {
  background: white;
  background-image: -webkit-linear-gradient(top, #fafbfc 0%, white 100%);
  background-image: -o-linear-gradient(top, #fafbfc 0%, white 100%);
  background-image: linear-gradient(to bottom, #fafbfc 0%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafbfc', endColorstr='#ffffffff', GradientType=0);
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  padding: 15px 15px;
}
.media-ref-chat .img-block {
  width: 70px;
  height: 70px;
  background: #cdd0da;
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
  padding: 0;
  margin: auto;
  display: block;
}
.media-ref-chat .media-body p {
  margin-bottom: 0;
  position: relative;
  padding-bottom: 7px;
}
.media-ref-chat .media-title {
  color: black;
  display: inline-block;
}
.media-ref-chat .media-title a {
  text-decoration: none;
  cursor: pointer;
  color: inherit;
}
.media-ref-chat .media-title a > span {
  border-bottom: 1px solid;
}
.media-ref-chat .media-title a:hover,
.media-ref-chat .media-title a:active,
.media-ref-chat .media-title a:focus {
  text-decoration: none;
}
.media-ref-chat .media-title a:hover > span,
.media-ref-chat .media-title a:active > span,
.media-ref-chat .media-title a:focus > span {
  border-color: transparent;
}
.media-ref-chat .media-heading a {
  text-decoration: none;
  cursor: pointer;
}
.media-ref-chat .media-heading a > span {
  border-bottom: 1px solid;
}
.media-ref-chat .media-heading a:hover,
.media-ref-chat .media-heading a:active,
.media-ref-chat .media-heading a:focus {
  text-decoration: none;
}
.media-ref-chat .media-heading a:hover > span,
.media-ref-chat .media-heading a:active > span,
.media-ref-chat .media-heading a:focus > span {
  border-color: transparent;
}
.media-ref-chat .media-heading time {
  margin-left: 10px;
  margin-right: 10px;
  font-size: 14px;
  display: inline-block;
  color: #646464;
}
.media-ref-chat .media-footer {
  margin-top: 10px;
  border-top: 1px solid #ccc;
  padding-top: 15px;
}
.media-ref-chat .media-footer .info-block {
  font-size: 11px;
  color: #333333;
}
.media-ref-chat .media-footer p {
  padding-bottom: 0;
}
.media-ref-chat.disabled {
  background: #f6f8fa;
}
.media-ref-chat.author {
  padding-left: 30px;
}
.media-ref-chat.referrer .media-content {
  background-image: -webkit-linear-gradient(top, #ebf3fc 0%, white 100%);
  background-image: -o-linear-gradient(top, #ebf3fc 0%, white 100%);
  background-image: linear-gradient(to bottom, #ebf3fc 0%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebf3fc', endColorstr='#ffffffff', GradientType=0);
}
.media-default {
  position: relative;
  margin-bottom: 10px;
  overflow: visible;
}
.media-default .media-content {
  background: linear-gradient(to bottom, var(--tx-panel-background-second) 0%, var(--tx-panel-background) 100%);
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  box-shadow: 0 1px 1px #d9d9d9;
  position: relative;
  z-index: 1;
}
.media-default .media-body + .media-footer,
.media-default .media-body + .media-body {
  border-top: 1px solid white;
}
.media-default .media-body,
.media-default .media-footer,
.media-default .media-heading {
  padding: 15px 15px;
}
.media-default .media-footer {
  border-top: 1px solid #e6e6e6;
}
.media-default .media-footer p {
  margin-bottom: 0;
  line-height: 51px;
}
.media-work .image-block {
  height: 55px;
}
.media-work .image-block .label-count {
  position: absolute;
  top: -10px;
  right: -10px;
}
.media-work .info-block p {
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.3;
  font-size: 13px;
  margin-bottom: 0;
}
.media-work .company-block .image-block {
  background: white;
  border-radius: 4px;
  width: 55px;
  height: 55px;
  border: 1px solid #f6f8fa;
  margin: auto;
}
.media-work .name-block {
  margin-bottom: 5px;
  white-space: nowrap;
  position: relative;
}
.media-work .name-block .title {
  font-weight: bold;
  font-size: 16px;
  line-height: 1.2;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 0 !important;
  display: inline-block;
  max-width: 70%;
  vertical-align: middle;
}
.media-work .company-block .name-block .company-icon {
  display: inline-block;
  position: absolute;
  top: 50%;
  margin-top: -20px;
}
.media-work .employer-block .name-block .title {
  font-weight: normal;
  color: black;
  display: inline;
}
.media-work .employer-block .name-block .id {
  color: #646464;
  font-size: 14px;
}
.media-cv-response .btn-close,
.panel-vacancy .btn-close {
  top: 0;
  right: 0;
}
.media-cv-response .actions-block .btn,
.panel-vacancy .actions-block .btn {
  margin-top: 8.5px;
}
.media-cv-response .actions-block p,
.panel-vacancy .actions-block p {
  margin-top: 6.5px;
  margin-bottom: 0;
}
.media-cv-response .actions-block .btn {
  margin-top: 8.5px;
}
.media-cv-response .actions-block p {
  margin-top: 17.5px;
  margin-bottom: 0;
}
.media-promote {
  color: var(--tx-text-color);
  font-size: 16px;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.media-promote .image-block img {
  display: inline-block;
}
.media-promote .name-block .title {
  margin-top: 0;
  margin-bottom: 0;
  color: var(--tx-text-color);
}
.media-promote ul {
  padding: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-left: 10px;padding-right: 10px;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
  padding: 0;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}
.panel-title > a {
  text-decoration: none;
  display: block;
}
.panel-title > .btn {
  display: block;
  text-align: left !important;
  padding: 7px 40px 7px 10px;
  text-align: left;
  padding-right: 48px;
  position: relative;
  overflow: hidden;
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  white-space: normal;
  text-transform: none;
}
.panel-title > .btn > i {
  position: absolute;
  right: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin-top: -20px;
  top: 50%;
  text-align: center;
  transition: transform 0.3s ease-in-out;
}
.panel-title > .btn[aria-expanded="true"] > i {
  transform: rotate(180deg);
}
.panel-title > .btn > i,
.panel-title > .btn > .icon-append {
  position: absolute;
  top: 50%;
  right: 0;
  min-width: 45px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  margin-top: -19px;
  vertical-align: middle;
}
.panel-title > .btn > i > i,
.panel-title > .btn > .icon-append > i {
  display: inline-block;
  vertical-align: middle;
  line-height: inherit;
}
.panel-title > .btn.btn-sm > .icon-append {
  min-width: 45px;
  height: 32px;
  line-height: 32px;
  margin-top: -16px;
}
.panel-title > .btn.btn-sm > .icon-append > i {
  line-height: inherit;
}
.panel-title > .btn.btn-sm > .icon-append.icon-bordered > i {
  margin-right: 10px;
  margin-left: 10px;
}
.panel-title > .btn > .icon-append.icon-bordered {
  border-left-width: 1px;
  border-left-style: solid;
}
.panel-title > .btn > .icon-append.icon-bordered > i {
  margin-right: 10px;
  margin-left: 10px;
}
.panel-title > .btn i {
  transition: all 0.3s ease-in-out;
}
.panel-title > .btn[aria-expanded="true"] i {
  transform: rotate(180deg);
}
.panel {
  margin-bottom: 10px;
  background-color: var(--tx-panel-background);
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  position: relative;
  border: none;
  overflow: visible;
}
.panel.collapsing {
  overflow: hidden;
}
.panel-content {
  position: relative;
}
.panel-content > .table,
.panel-content > .table-responsive > .table,
.panel-content > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel-content > .table caption,
.panel-content > .table-responsive > .table caption,
.panel-content > .panel-collapse > .table caption,
.panel-content > .table caption,
.panel-content > .table-responsive > .table caption,
.panel-content > .panel-collapse > .table caption {
  padding-left: 10px;
  padding-right: 10px;
}
.panel-content > .table:first-child,
.panel-content > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel-content > .table:first-child > thead:first-child > tr:first-child,
.panel-content > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel-content > .table:first-child > tbody:first-child > tr:first-child,
.panel-content > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel-content > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel-content > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel-content > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel-content > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel-content > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel-content > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel-content > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel-content > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.panel-content > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel-content > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel-content > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel-content > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel-content > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel-content > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel-content > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel-content > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel-content > .table:last-child,
.panel-content > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel-content > .table:last-child > tbody:last-child > tr:last-child,
.panel-content > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel-content > .table:last-child > tfoot:last-child > tr:last-child,
.panel-content > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.panel-content > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel-content > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel-content > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel-content > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel-content > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel-content > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel-content > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel-content > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel-content > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel-content > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel-content > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel-content > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel-content > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel-content > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel-content > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel-content > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.panel-content > .panel-body + .table,
.panel-content > .panel-body + .table-responsive,
.panel-content > .table + .panel-body,
.panel-content > .table-responsive + .panel-body {
  border-top: 1px solid #e5e7eb;
}
.panel-content > .table > tbody:first-child > tr:first-child th,
.panel-content > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel-content > .table-bordered,
.panel-content > .table-responsive > .table-bordered {
  border: 0;
}
.panel-content > .table-bordered > thead > tr > th:first-child,
.panel-content > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel-content > .table-bordered > tbody > tr > th:first-child,
.panel-content > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel-content > .table-bordered > tfoot > tr > th:first-child,
.panel-content > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel-content > .table-bordered > thead > tr > td:first-child,
.panel-content > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel-content > .table-bordered > tbody > tr > td:first-child,
.panel-content > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel-content > .table-bordered > tfoot > tr > td:first-child,
.panel-content > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel-content > .table-bordered > thead > tr > th:last-child,
.panel-content > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel-content > .table-bordered > tbody > tr > th:last-child,
.panel-content > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel-content > .table-bordered > tfoot > tr > th:last-child,
.panel-content > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel-content > .table-bordered > thead > tr > td:last-child,
.panel-content > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel-content > .table-bordered > tbody > tr > td:last-child,
.panel-content > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel-content > .table-bordered > tfoot > tr > td:last-child,
.panel-content > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel-content > .table-bordered > thead > tr:first-child > td,
.panel-content > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel-content > .table-bordered > tbody > tr:first-child > td,
.panel-content > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel-content > .table-bordered > thead > tr:first-child > th,
.panel-content > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel-content > .table-bordered > tbody > tr:first-child > th,
.panel-content > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel-content > .table-bordered > tbody > tr:last-child > td,
.panel-content > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel-content > .table-bordered > tfoot > tr:last-child > td,
.panel-content > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel-content > .table-bordered > tbody > tr:last-child > th,
.panel-content > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel-content > .table-bordered > tfoot > tr:last-child > th,
.panel-content > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel-content > .table-responsive {
  border: 0;
  margin-bottom: 0;
}
.panel-body {
  padding: 10px;
}
.panel-body + .panel-body {
  border-top: 1px solid transparent;
}
.panel-heading {
  padding: 0;
}
.panel-heading .panel-title {
  padding: 0;
}
.panel-footer {
  padding: 10px 10px;
  background-color: transparent;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top: none;
}
.panel-footer p:last-child {
  margin-bottom: 0;
}
.panel-footer strong,
.panel-footer .strong {
  text-transform: none;
  font-weight: bold;
}
.panel-heading i {
  margin-right: 5px;
}
.panel-group {
  margin-bottom: 22px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}
.collapse-down {
  margin-left: 2px;
  margin-right: 2px;
  position: relative;
  z-index: 0;
  margin-top: 0;
  background: var(--tx-panel-background-second);
  overflow: hidden;
  color: var(--tx-text-color);
  text-align: center;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  box-shadow: 0 1px 1px #a9a9a9;
  max-height: 0;
  transition: all 0.3s ease-in-out;
}
.collapse-down .btn-close {
  top: 0;
  right: 0;
}
.collapse-down .collapse-content,
.collapse-down .collapse-inner {
  padding: 35px 15px 15px;
}
.collapse-down h4,
.collapse-down .h4 {
  color: var(--tx-text-color);
}
.collapse-down .btn {
  box-shadow: none;
}
.collapse-down .help-block,
.collapse-down .error-block,
.collapse-down .error-block {
  color: var(--tx-text-color);
}
.collapse-down .alert-danger-full.error-block {
  color: black;
}
.collapse-down .form-group {
  text-align: left;
}
.collapse-down .form-group .error-block ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-block;
}
.collapse-down .form-group.has-error .error-block ul {
  border-bottom: 1px solid #f74877;
}
.collapse-down.in {
  max-height: 1000px;
}
.collapse-inner-wrapper,
.collapse-content {
  overflow: hidden;
  position: relative;
}
.panel-default {
  margin-bottom: 10px;
  overflow: visible;
  background: var(--tx-panel-background);
  z-index: 1;
  position: relative;
  border-radius: 4px;
  box-shadow: 0 1px 1px #d9d9d9;
  border: 1px solid #f1f2f4;
}
.panel-default table + .panel-body,
.panel-default table + .panel-heading,
.panel-default .panel-heading + .table,
.panel-default .panel-heading + .panel-heading,
.panel-default .panel-heading + .panel-body,
.panel-default .panel-body + .panel-body,
.panel-default .panel-body + .panel-heading,
.panel-default table + .panel-body,
.panel-default table + .panel-heading {
  border-top: 1px solid #e6e6e6;
}
.panel-default .panel-body,
.panel-default .panel-footer,
.panel-default .panel-heading {
  padding: 15px 15px;
}
.panel-default .panel-footer {
  border-top: 1px solid #e6e6e6;
}
.panel-default .panel-footer p {
  margin-bottom: 0;
}
.panel-heading.collapsed i {
  transform: rotate(180deg);
  translate: 0 0;
}
.collapsed i.fa-angle-up {
  transform: rotate(180deg);
  translate: 0 0;
}
.collapsed i.fa-caret-down {
  transform: rotate(180deg);
  translate: 0 0;
}
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 0.2;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: 0.5;
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.modal-open {
  overflow: hidden;
}
.modal-open .modal {
  overflow-x: hidden;overflow-y: auto;
}
.modal-scrollbar-measure {
  position: absolute;top: -9999px;width: 50px;height: 50px;overflow: scroll;
}
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1060;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  text-align: center;
  color: white;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal ul {
  padding-left: 15px;
}
.modal .part-block p {
  margin-bottom: 0;
}
.modal .price-block {
  margin-top: 10px;
}
.modal .ground-inner-block .img-block,
.modal .building-inner-block .img-block {
  height: 150px;
}
.modal .ground-inner-block .img-block .img,
.modal .building-inner-block .img-block .img {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 0px;
  right: 0;
  left: 0;
  bottom: 0;
}
.modal .btn {
  box-shadow: none;
}
.modal-dialog {
  height: -webkit-fill-available;
  align-content: center;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.modal-content {
  position: relative;
  background-color: #585d7a;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
  background: rgba(65, 60, 74, 0.93);
  border: none;
  color: white;
  font-size: 15px;
  background-color: rgba(88, 93, 122, 0.9);
  border: 1px solid rgba(67, 70, 92, 0.9);
  position: fixed;
  padding: 140px 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@media (orientation: landscape) {
  .modal-content {
    padding: 45px 0;
  }
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1044;
  background-color: #000;
  z-index: 1045;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  border: none;
  padding: 8px 50px;
}
.modal-header .close {
  color: #f74877;
  opacity: 1;
  box-shadow: none;
  text-shadow: none;
  transition: all 0.3s ease-in-out;
  border: 1px solid;
  padding: 0;
  line-height: 30px;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  font-size: 14px;
}
.modal-header .close:hover {
  transform: rotate(180deg);
}
.modal-title {
  margin: 0;
  line-height: 1.6;
  vertical-align: middle;
  color: white;
  margin-top: 5px;
  font-weight: normal;
}
.modal-title i {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  position: relative;
  margin-left: -40px;
}
.modal-title span {
  display: inline-block;
  vertical-align: middle;
}
.modal-body {
  position: relative;
  padding: 15px;
  padding: 10px 50px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
  border: none;
  padding: 20px 50px;
  text-align: center;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 440px;
    margin: 30px auto;
    position: relative;
  }
  .modal-content {
    position: relative;
    padding: 0;
  }
}
.modal-content {
  background: rgba(65, 60, 74, 0.93);
  border: none;
  color: white;
  font-size: 15px;
}
.modal-title {
  vertical-align: middle;
}
.modal-title i {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  position: relative;
  margin-left: -40px;
}
.modal-title span {
  display: inline-block;
  vertical-align: middle;
}
.modal-success .modal-title i {
  color: #419943;
}
.modal-danger .modal-title i {
  color: #f74877;
}
.modal-warning .modal-title i {
  color: #fbbc23;
}
.modal-ability .modal-body {
  padding-left: 20px;
  padding-right: 20px;
}
.modal ul {
  padding-left: 15px;
}
.modal-guide {
  position: absolute;
  width: 380px;
  z-index: 100000;
}
.modal-guide .modal-header {
  padding: 0;
}
.modal-guide .modal-body {
  padding: 0;
}
.modal-guide .modal-content {
  position: relative;
  padding: 0;
}
.modal-guide .modal-arrow {
  animation: MoveUpDown 1.4s ease-in-out infinite;
  position: absolute;
}
@keyframes MoveUpDown {
  0%,
  100% {
    transform: translateY(20px);
  }
  50% {
    transform: translateY(-30px);
  }
}
#modal-cars.users-cars-goodluck .profile-car-actions > :not(.profile-car-actions__goodLuck) {
  display: none;
}
#modal-cars.users-cars-badluck .profile-car-actions > :not(.profile-car-actions__badLuck) {
  display: none;
}
#modal-cars .profile-car-actions.mb-negative-10 {
  margin-bottom: -10px;
}
#modal-cars .profile-car-actions.mt-negative-15 {
  margin-top: -15px;
}
#modal-cars .no_item ~ div > :is(.btn-primary) {
  color: #333;
  text-shadow: none;
  cursor: not-allowed;
  opacity: 0.65;
  pointer-events: none;
  background-image: linear-gradient(to bottom, #949494 0%, #8e8e8e 100%);
  background-repeat: repeat-x;
}
@media (max-width: 766px) {
  .modal-white .modal-dialog.random {
    margin-top: 30%;
    margin-left: 5px;
    margin-right: 5px;
    width: unset !important;
    height: 200px;
  }
  .modal-white .modal-body {
    position: unset;
  }
}
.theme-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1100;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.theme-modal ::-webkit-scrollbar {
  display: none;
}
.theme-modal:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #3c538c8a;
  z-index: 0;
}
.theme-modal.show-modal {
  opacity: 1;
  visibility: visible;
}
.theme-modal.show-modal .theme-modal-scroll {
  transform: translateY(0);
  opacity: 1;
}
@media (max-width: 480px) {
  .theme-modal.stretched-modal .theme-modal-scroll {
    padding: 0;
    background: #f9f9fc;
  }
}
@media (max-width: 480px) {
  .theme-modal.stretched-modal .theme-modal-body {
    margin: 0;
    border-radius: 0;
    max-width: 100% !important;
    box-shadow: none;
  }
}
.theme-modal-scroll {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: start;
  justify-content: center;
  overflow-y: auto;
  padding: 50px 20px;
  transform: translateY(-25%);
  transition: 0.3s;
  opacity: 0;
}
.theme-modal-close {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 24px;
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  background: #fff;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25);
  line-height: 1;
  color: #3a5087;
  cursor: pointer;
  transition: 0.3s;
}
.theme-modal-close:hover {
  color: #fff;
  background: #3a5087;
  transform: rotate(180deg);
}
.theme-modal-close i {
  line-height: 11px;
  font-size: 16px;
}
.theme-modal-heading {
  position: relative;
  min-width: 220px;
  margin: 0 auto 10px;
  width: fit-content;
  text-align: center;
  background: #3a5087;
  box-shadow: 0px 4px 4px 0px #35497a inset;
  color: #fff;
  text-shadow: 1px 1px 0px #213d65;
  font-size: 20px;
  line-height: 1;
  padding: 10px;
}
@media (max-width: 480px) {
  .theme-modal-heading {
    font-size: 18px;
    margin-bottom: 30px;
  }
}
.theme-modal-heading:before,
.theme-modal-heading:after {
  content: " ";
  background: inherit;
  width: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
}
.theme-modal-heading:before {
  transform: skew(15deg);
  right: calc(100% - 6px);
  border-radius: 0 0 0 10px;
}
.theme-modal-heading:after {
  transform: skew(-15deg);
  left: calc(100% - 6px);
  border-radius: 0 0 10px 0;
}
.theme-modal-body {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 480px;
  margin: auto;
  border-radius: 16px;
  background: var(--tx-wrapper-background-second);
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
}
.theme-modal-content {
  padding: 20px;
}
@media (max-width: 480px) {
  .theme-modal-content {
    padding: 10px;
  }
}
.theme-modal-loader {
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-levels .modal-dialog {
  width: 570px;
  max-width: 100%;
}
.modal-levels .modal-content {
  padding: 0 10px;
}
.modal-levels .modal-body .mobile-table {
  overflow: scroll;
  max-height: 80vh;
}
@media (max-width: 767px) {
  .modal-levels .modal-dialog {
    margin: 10px auto;
  }
}
.modal-hints {
  z-index: 1430;
}
@media (min-width: 768px) {
  .modal-hints .modal-dialog {
    width: 650px;
    position: relative;
    left: 128px;
  }
  .modal-hints .modal-dialog:before {
    content: "";
    position: absolute;
    background-image: url("../icons/icon-help.png");
    width: 168px;
    height: 205px;
    right: 0;
    bottom: 0;
    z-index: 1;
  }
}
.modal-hints .modal-header {
  padding: 0;
}
.modal-hints .modal-header h4 {
  padding: 20px;
}
.modal-hints .modal-content {
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: #545977;
}
.modal-hints .modal-body {
  position: static;
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 150px;
}
.modal-hints .modal-footer {
  padding: 10px 20px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
}
.modal-hints .modal-footer .btn-primary-inverse {
  background-color: white;
}
.modal-white .modal-dialog {
  width: 700px;
}
@media (max-width: 768px) {
  .modal-white .modal-dialog {
    width: 100%;
  }
}
.modal-white .modal-header {
  padding: 0;
}
.modal-white .modal-header .close {
  z-index: 1;
  color: inherit;
}
.modal-white .modal-content {
  background: rgba(255, 255, 255, 0.95);
  color: #333;
  padding: 0;
}
.modal-calendar .modal-dialog {
  width: 700px;
}
@media (max-width: 480px) {
  .modal-calendar .modal-dialog {
    align-items: center;
  }
}
@media (max-width: 480px) {
  .modal-calendar .modal-body {
    padding-inline: 15px;
  }
}
.modal-scrollable {
  overflow: auto;
}
@media (max-width: 768px) {
  .modal-scrollable .modal-dialog {
    position: relative;
    width: 100%;
    margin: auto;
    display: flex;
    min-height: 100%;
  }
  .modal-scrollable .modal-dialog .modal-content {
    width: 100%;
    position: relative;
    padding: 0;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.6;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  filter: alpha(opacity=0);
  opacity: 0;
}
.tooltip.in {
  filter: alpha(opacity=90);
  opacity: 0.9;
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
  white-space: pre-line;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip-200px .tooltip {
  width: 200px;
}
.tooltip-100px .tooltip {
  width: 100px;
}
.tooltip-300px .tooltip {
  width: 300px;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 400px;
  padding: 1px;
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.6;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 16px;
  background-color: rgba(88, 93, 122, 0.9);
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover .btn-close {
  width: 30px;
  height: 30px;
  line-height: 30px;
  border: none;
  top: 0;
  right: 0;
}
.popover-title {
  margin: 0;
  padding: 5px 10px;
  font-size: 14px;
  background-color: rgba(82, 86, 113, 0.9);
  border-bottom: 1px solid rgba(71, 75, 98, 0.9);
  border-radius: 4px 4px 0 0;
  min-height: 24px;
  color: white;
  font-family: 'PT Sans';
}
.popover-content {
  padding: 5px 10px;
  color: white;
  font-size: 14px;
}
.popover-content .btn {
  box-shadow: none;
}
.popover-footer {
  padding: 5px 10px;
  text-align: center;
}
.popover-footer .btn {
  box-shadow: none;
}
.popover-footer .btn + .btn {
  margin-left: 10px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  border-width: 10px;
  content: "";
}
.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}
.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: rgba(88, 93, 122, 0.9);
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: rgba(88, 93, 122, 0.9);
}
.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: rgba(88, 93, 122, 0.9);
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: rgba(88, 93, 122, 0.9);
  bottom: -10px;
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after,
header.header .menu:before,
header.header .menu:after,
.user-info-block .balance-block ul:before,
.user-info-block .balance-block ul:after,
.panel-order .price-block:before,
.panel-order .price-block:after,
.car-block .price-block:before,
.car-block .price-block:after,
.bonus-block .bonus-car:before,
.bonus-block .bonus-car:after,
.qualify-block:before,
.qualify-block:after,
.company-header-block .reputation-block .row-reputation:before,
.company-header-block .reputation-block .row-reputation:after,
.company-content .row-garage-employers:before,
.company-content .row-garage-employers:after,
.row-orders:before,
.row-orders:after,
.panel-calculator .row-abilities:before,
.panel-calculator .row-abilities:after,
.panel-calculator .row-parts:before,
.panel-calculator .row-parts:after,
.table-scrolled tr:before,
.table-scrolled tr:after {
  content: " ";
  display: table;
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after,
header.header .menu:after,
.user-info-block .balance-block ul:after,
.panel-order .price-block:after,
.car-block .price-block:after,
.bonus-block .bonus-car:after,
.qualify-block:after,
.company-header-block .reputation-block .row-reputation:after,
.company-content .row-garage-employers:after,
.row-orders:after,
.panel-calculator .row-abilities:after,
.panel-calculator .row-parts:after,
.table-scrolled tr:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs,
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
  .btn.visible-xs,
  a.visible-xs {
    width: 100%;
    display: block;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm,
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
  .btn.visible-sm,
  a.visible-sm {
    width: 100%;
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md,
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
  .btn.visible-md,
  a.visible-md {
    width: 100%;
    display: block;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg,
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
  .btn.visible-lg,
  a.visible-lg {
    width: 100%;
    display: block;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print,
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
  .btn.visible-print,
  a.visible-print {
    width: 100%;
    display: block;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
.float-none > .col,
.float-none > [class*="col-"] {
  float: none;
}
.row-flex {
  margin-left: -5px;
  margin-right: -5px;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.row-flex > .col,
.row-flex > [class*="col-"] {
  float: none;
}
.row-flex.collapse {
  display: none;
}
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}
.col {
  float: left;
  position: relative;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
}
.align-middle {
  vertical-align: middle !important;
}
.custom-dropdown {
  position: relative;
  z-index: 50;
}
.custom-dropdown .custom-dropdown-label {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbfbfb+0,fbfbfb+8,f7f7f7+9,ededed+100 */
  background: #fbfbfb;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fbfbfb 0%, #fbfbfb 8%, #f7f7f7 9%, #e7e7e7 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fbfbfb 0%, #fbfbfb 8%, #f7f7f7 9%, #e7e7e7 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fbfbfb 0%, #fbfbfb 8%, #f7f7f7 9%, #e7e7e7 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#ededed', GradientType=0);
  /* IE6-9 */
  box-sizing: border-box;
  text-transform: uppercase;
  height: 30px;
  line-height: 28px;
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  border: #d1d1d7 1px solid;
  border-top-color: #dfdfe3;
  border-radius: 4px;
  position: relative;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  color: #000;
  text-align: center;
}
.custom-dropdown .custom-dropdown-label:hover {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbfbfb+0,fbfbfb+8,f9f9f9+9,f4f4f4+100 */
  background: #fbfbfb;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fbfbfb 0%, #fbfbfb 8%, #f9f9f9 9%, #f4f4f4 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fbfbfb 0%, #fbfbfb 8%, #f9f9f9 9%, #f4f4f4 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fbfbfb 0%, #fbfbfb 8%, #f9f9f9 9%, #f4f4f4 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#f4f4f4', GradientType=0);
  /* IE6-9 */
}
.custom-dropdown .custom-dropdown-label:before {
  background: url(../images/new_design/sprites.png) -799px -165px no-repeat;
  width: 11px;
  height: 7px;
  display: inline-block;
  content: " ";
  position: absolute;
  right: 9px;
  top: 11px;
}
.custom-dropdown .custom-dropdown-label:after {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f0f0+0,c9c9c9+100 */
  background: #f0f0f0;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f0f0f0 0%, #c9c9c9 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f0f0f0 0%, #c9c9c9 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f0f0f0 0%, #c9c9c9 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#c9c9c9', GradientType=0);
  /* IE6-9 */
  content: " ";
  width: 1px;
  height: 28px;
  position: absolute;
  top: 0;
  right: 28px;
  border-left: #fafafa 1px solid;
}
.custom-dropdown .custom-dropdown-label.slidedDown {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.custom-dropdown .custom-dropdown-label.slidedDown:before {
  background: url(../images/new_design/sprites.png) -799px -172px no-repeat;
  width: 11px;
  height: 7px;
  display: inline-block;
  content: " ";
  position: absolute;
  right: 9px;
  top: 11px;
}
.custom-dropdown .custom-dropdown-slidedown {
  display: none;
  font-size: 13px;
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #fff;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.custom-dropdown .custom-dropdown-slidedown .custom-dropdown-item {
  background: #616686;
  cursor: pointer;
  height: 27px;
  line-height: 27px;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
  padding: 0 7px;
  border-bottom: #757994 1px solid;
  text-transform: uppercase;
  display: block;
  color: white;
  text-decoration: none;
}
.custom-dropdown .custom-dropdown-slidedown .custom-dropdown-item:hover {
  background-color: #535772;
}
.custom-dropdown .custom-dropdown-slidedown .custom-dropdown-item:last-child {
  border-bottom: 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.custom-dropdown .custom-dropdown-slidedown .custom-dropdown-item a {
  color: white;
  text-decoration: none;
}
.custom-dropdown .custom-dropdown-slidedown .custom-dropdown-item b {
  float: right;
  color: #ffe04f;
  text-shadow: none;
  font-weight: normal;
}
.flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}
.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}
.flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}
.flex-wrap,
.garageDisplay .carArea .caRight .carButton.cbInspection .inspection-popup .service-station-banner {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}
.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}
.flex-fill {
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
}
.flex-grow-0 {
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
}
.flex-grow-1 {
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}
.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}
.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}
.justify-content-center,
.garageDisplay .carArea .caRight .carButton.cbInspection .inspection-popup .service-station-banner {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}
.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}
.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}
.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}
.align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}
.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}
.align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}
.align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}
.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}
.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}
.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}
.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}
.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}
.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}
.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}
.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}
.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}
.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}
.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}
.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}
@media (max-width: 480px) {
  .align-items-xs-center {
    align-items: center !important;
  }
  .align-content-xs-evenly {
    align-content: space-evenly !important;
  }
}
@media (min-width: 480px) {
  .flex-sm-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-sm-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-sm-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-sm-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-md-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-md-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-md-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-md-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-md-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-md-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-lg-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-lg-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-lg-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-xl-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-xl-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-xl-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
.d-none {
  display: none !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex,
.popup-container {
  display: inline-flex !important;
}
.d-xs-none {
  display: none !important;
}
.d-xs-inline {
  display: inline !important;
}
.d-xs-inline-block {
  display: inline-block !important;
}
.d-xs-block {
  display: block !important;
}
.d-xs-table {
  display: table !important;
}
.d-xs-table-row {
  display: table-row !important;
}
.d-xs-table-cell {
  display: table-cell !important;
}
.d-xs-flex {
  display: flex !important;
}
.d-xs-inline-flex {
  display: inline-flex !important;
}
@media (min-width: 768px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
.gap-1 {
  gap: 1px;
}
.gap-2 {
  gap: 2px;
}
.gap-3 {
  gap: 3px;
}
.gap-4 {
  gap: 4px;
}
.gap-5 {
  gap: 5px;
}
.gap-6 {
  gap: 6px;
}
.gap-7 {
  gap: 7px;
}
.gap-8 {
  gap: 8px;
}
.gap-9 {
  gap: 9px;
}
.gap-10 {
  gap: 10px;
}
.gap-11 {
  gap: 11px;
}
.gap-12 {
  gap: 12px;
}
.gap-13 {
  gap: 13px;
}
.gap-14 {
  gap: 14px;
}
.gap-15 {
  gap: 15px;
}
/*!
 * Font Awesome Pro 5.8.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */
.fa,
.fas,
.far,
.fal,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -0.0667em;
}
.fa-xs {
  font-size: 0.75em;
}
.fa-sm {
  font-size: 0.875em;
}
.fa-1x {
  font-size: 1em;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-6x {
  font-size: 6em;
}
.fa-7x {
  font-size: 7em;
}
.fa-8x {
  font-size: 8em;
}
.fa-9x {
  font-size: 9em;
}
.fa-10x {
  font-size: 10em;
}
.fa-fw {
  text-align: center;
  width: 1.25em;
}
.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit;
}
.fa-border {
  border-radius: 0.1em;
  border: solid 0.08em #eee;
  padding: 0.2em 0.25em 0.15em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
  margin-right: 0.3em;
}
.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
  margin-left: 0.3em;
}
.fa-spin {
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  animation: fa-spin 1s infinite steps(8);
}
@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(1, -1);
}
.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(-1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
  filter: none;
}
.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2em;
}
.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #fff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-500px:before {
  content: "\f26e";
}
.fa-abacus:before {
  content: "\f640";
}
.fa-accessible-icon:before {
  content: "\f368";
}
.fa-accusoft:before {
  content: "\f369";
}
.fa-acorn:before {
  content: "\f6ae";
}
.fa-acquisitions-incorporated:before {
  content: "\f6af";
}
.fa-ad:before {
  content: "\f641";
}
.fa-address-book:before {
  content: "\f2b9";
}
.fa-address-card:before {
  content: "\f2bb";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-adn:before {
  content: "\f170";
}
.fa-adobe:before {
  content: "\f778";
}
.fa-adversal:before {
  content: "\f36a";
}
.fa-affiliatetheme:before {
  content: "\f36b";
}
.fa-air-freshener:before {
  content: "\f5d0";
}
.fa-airbnb:before {
  content: "\f834";
}
.fa-alarm-clock:before {
  content: "\f34e";
}
.fa-algolia:before {
  content: "\f36c";
}
.fa-alicorn:before {
  content: "\f6b0";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-alipay:before {
  content: "\f642";
}
.fa-allergies:before {
  content: "\f461";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-amazon-pay:before {
  content: "\f42c";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}
.fa-amilia:before {
  content: "\f36d";
}
.fa-analytics:before {
  content: "\f643";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-android:before {
  content: "\f17b";
}
.fa-angel:before {
  content: "\f779";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angry:before {
  content: "\f556";
}
.fa-angrycreative:before {
  content: "\f36e";
}
.fa-angular:before {
  content: "\f420";
}
.fa-ankh:before {
  content: "\f644";
}
.fa-app-store:before {
  content: "\f36f";
}
.fa-app-store-ios:before {
  content: "\f370";
}
.fa-apper:before {
  content: "\f371";
}
.fa-apple:before {
  content: "\f179";
}
.fa-apple-alt:before {
  content: "\f5d1";
}
.fa-apple-crate:before {
  content: "\f6b1";
}
.fa-apple-pay:before {
  content: "\f415";
}
.fa-archive:before {
  content: "\f187";
}
.fa-archway:before {
  content: "\f557";
}
.fa-arrow-alt-circle-down:before {
  content: "\f358";
}
.fa-arrow-alt-circle-left:before {
  content: "\f359";
}
.fa-arrow-alt-circle-right:before {
  content: "\f35a";
}
.fa-arrow-alt-circle-up:before {
  content: "\f35b";
}
.fa-arrow-alt-down:before {
  content: "\f354";
}
.fa-arrow-alt-from-bottom:before {
  content: "\f346";
}
.fa-arrow-alt-from-left:before {
  content: "\f347";
}
.fa-arrow-alt-from-right:before {
  content: "\f348";
}
.fa-arrow-alt-from-top:before {
  content: "\f349";
}
.fa-arrow-alt-left:before {
  content: "\f355";
}
.fa-arrow-alt-right:before {
  content: "\f356";
}
.fa-arrow-alt-square-down:before {
  content: "\f350";
}
.fa-arrow-alt-square-left:before {
  content: "\f351";
}
.fa-arrow-alt-square-right:before {
  content: "\f352";
}
.fa-arrow-alt-square-up:before {
  content: "\f353";
}
.fa-arrow-alt-to-bottom:before {
  content: "\f34a";
}
.fa-arrow-alt-to-left:before {
  content: "\f34b";
}
.fa-arrow-alt-to-right:before {
  content: "\f34c";
}
.fa-arrow-alt-to-top:before {
  content: "\f34d";
}
.fa-arrow-alt-up:before {
  content: "\f357";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-arrow-from-bottom:before {
  content: "\f342";
}
.fa-arrow-from-left:before {
  content: "\f343";
}
.fa-arrow-from-right:before {
  content: "\f344";
}
.fa-arrow-from-top:before {
  content: "\f345";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-square-down:before {
  content: "\f339";
}
.fa-arrow-square-left:before {
  content: "\f33a";
}
.fa-arrow-square-right:before {
  content: "\f33b";
}
.fa-arrow-square-up:before {
  content: "\f33c";
}
.fa-arrow-to-bottom:before {
  content: "\f33d";
}
.fa-arrow-to-left:before {
  content: "\f33e";
}
.fa-arrow-to-right:before {
  content: "\f340";
}
.fa-arrow-to-top:before {
  content: "\f341";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-arrows-alt-h:before {
  content: "\f337";
}
.fa-arrows-alt-v:before {
  content: "\f338";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-artstation:before {
  content: "\f77a";
}
.fa-assistive-listening-systems:before {
  content: "\f2a2";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-asymmetrik:before {
  content: "\f372";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-atlas:before {
  content: "\f558";
}
.fa-atlassian:before {
  content: "\f77b";
}
.fa-atom:before {
  content: "\f5d2";
}
.fa-atom-alt:before {
  content: "\f5d3";
}
.fa-audible:before {
  content: "\f373";
}
.fa-audio-description:before {
  content: "\f29e";
}
.fa-autoprefixer:before {
  content: "\f41c";
}
.fa-avianex:before {
  content: "\f374";
}
.fa-aviato:before {
  content: "\f421";
}
.fa-award:before {
  content: "\f559";
}
.fa-aws:before {
  content: "\f375";
}
.fa-axe:before {
  content: "\f6b2";
}
.fa-axe-battle:before {
  content: "\f6b3";
}
.fa-baby:before {
  content: "\f77c";
}
.fa-baby-carriage:before {
  content: "\f77d";
}
.fa-backpack:before {
  content: "\f5d4";
}
.fa-backspace:before {
  content: "\f55a";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-bacon:before {
  content: "\f7e5";
}
.fa-badge:before {
  content: "\f335";
}
.fa-badge-check:before {
  content: "\f336";
}
.fa-badge-dollar:before {
  content: "\f645";
}
.fa-badge-percent:before {
  content: "\f646";
}
.fa-badger-honey:before {
  content: "\f6b4";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-balance-scale-left:before {
  content: "\f515";
}
.fa-balance-scale-right:before {
  content: "\f516";
}
.fa-ball-pile:before {
  content: "\f77e";
}
.fa-ballot:before {
  content: "\f732";
}
.fa-ballot-check:before {
  content: "\f733";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-band-aid:before {
  content: "\f462";
}
.fa-bandcamp:before {
  content: "\f2d5";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-barcode-alt:before {
  content: "\f463";
}
.fa-barcode-read:before {
  content: "\f464";
}
.fa-barcode-scan:before {
  content: "\f465";
}
.fa-bars:before {
  content: "\f0c9";
}
.fa-baseball:before {
  content: "\f432";
}
.fa-baseball-ball:before {
  content: "\f433";
}
.fa-basketball-ball:before {
  content: "\f434";
}
.fa-basketball-hoop:before {
  content: "\f435";
}
.fa-bat:before {
  content: "\f6b5";
}
.fa-bath:before {
  content: "\f2cd";
}
.fa-battery-bolt:before {
  content: "\f376";
}
.fa-battery-empty:before {
  content: "\f244";
}
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-slash:before {
  content: "\f377";
}
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battle-net:before {
  content: "\f835";
}
.fa-bed:before {
  content: "\f236";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-bell-school:before {
  content: "\f5d5";
}
.fa-bell-school-slash:before {
  content: "\f5d6";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bells:before {
  content: "\f77f";
}
.fa-bezier-curve:before {
  content: "\f55b";
}
.fa-bible:before {
  content: "\f647";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bimobject:before {
  content: "\f378";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-biohazard:before {
  content: "\f780";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitcoin:before {
  content: "\f379";
}
.fa-bity:before {
  content: "\f37a";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-blackberry:before {
  content: "\f37b";
}
.fa-blanket:before {
  content: "\f498";
}
.fa-blender:before {
  content: "\f517";
}
.fa-blender-phone:before {
  content: "\f6b6";
}
.fa-blind:before {
  content: "\f29d";
}
.fa-blog:before {
  content: "\f781";
}
.fa-blogger:before {
  content: "\f37c";
}
.fa-blogger-b:before {
  content: "\f37d";
}
.fa-bluetooth:before {
  content: "\f293";
}
.fa-bluetooth-b:before {
  content: "\f294";
}
.fa-bold:before {
  content: "\f032";
}
.fa-bolt:before {
  content: "\f0e7";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-bone:before {
  content: "\f5d7";
}
.fa-bone-break:before {
  content: "\f5d8";
}
.fa-bong:before {
  content: "\f55c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-book-alt:before {
  content: "\f5d9";
}
.fa-book-dead:before {
  content: "\f6b7";
}
.fa-book-heart:before {
  content: "\f499";
}
.fa-book-medical:before {
  content: "\f7e6";
}
.fa-book-open:before {
  content: "\f518";
}
.fa-book-reader:before {
  content: "\f5da";
}
.fa-book-spells:before {
  content: "\f6b8";
}
.fa-book-user:before {
  content: "\f7e7";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-books:before {
  content: "\f5db";
}
.fa-books-medical:before {
  content: "\f7e8";
}
.fa-boot:before {
  content: "\f782";
}
.fa-booth-curtain:before {
  content: "\f734";
}
.fa-bootstrap:before {
  content: "\f836";
}
.fa-bow-arrow:before {
  content: "\f6b9";
}
.fa-bowling-ball:before {
  content: "\f436";
}
.fa-bowling-pins:before {
  content: "\f437";
}
.fa-box:before {
  content: "\f466";
}
.fa-box-alt:before {
  content: "\f49a";
}
.fa-box-ballot:before {
  content: "\f735";
}
.fa-box-check:before {
  content: "\f467";
}
.fa-box-fragile:before {
  content: "\f49b";
}
.fa-box-full:before {
  content: "\f49c";
}
.fa-box-heart:before {
  content: "\f49d";
}
.fa-box-open:before {
  content: "\f49e";
}
.fa-box-up:before {
  content: "\f49f";
}
.fa-box-usd:before {
  content: "\f4a0";
}
.fa-boxes:before {
  content: "\f468";
}
.fa-boxes-alt:before {
  content: "\f4a1";
}
.fa-boxing-glove:before {
  content: "\f438";
}
.fa-brackets:before {
  content: "\f7e9";
}
.fa-brackets-curly:before {
  content: "\f7ea";
}
.fa-braille:before {
  content: "\f2a1";
}
.fa-brain:before {
  content: "\f5dc";
}
.fa-bread-loaf:before {
  content: "\f7eb";
}
.fa-bread-slice:before {
  content: "\f7ec";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-briefcase-medical:before {
  content: "\f469";
}
.fa-broadcast-tower:before {
  content: "\f519";
}
.fa-broom:before {
  content: "\f51a";
}
.fa-browser:before {
  content: "\f37e";
}
.fa-brush:before {
  content: "\f55d";
}
.fa-btc:before {
  content: "\f15a";
}
.fa-buffer:before {
  content: "\f837";
}
.fa-bug:before {
  content: "\f188";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-bullseye-arrow:before {
  content: "\f648";
}
.fa-bullseye-pointer:before {
  content: "\f649";
}
.fa-burn:before {
  content: "\f46a";
}
.fa-buromobelexperte:before {
  content: "\f37f";
}
.fa-burrito:before {
  content: "\f7ed";
}
.fa-bus:before {
  content: "\f207";
}
.fa-bus-alt:before {
  content: "\f55e";
}
.fa-bus-school:before {
  content: "\f5dd";
}
.fa-business-time:before {
  content: "\f64a";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-cabinet-filing:before {
  content: "\f64b";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-calculator-alt:before {
  content: "\f64c";
}
.fa-calendar:before {
  content: "\f133";
}
.fa-calendar-alt:before {
  content: "\f073";
}
.fa-calendar-check:before {
  content: "\f274";
}
.fa-calendar-day:before {
  content: "\f783";
}
.fa-calendar-edit:before {
  content: "\f333";
}
.fa-calendar-exclamation:before {
  content: "\f334";
}
.fa-calendar-minus:before {
  content: "\f272";
}
.fa-calendar-plus:before {
  content: "\f271";
}
.fa-calendar-star:before {
  content: "\f736";
}
.fa-calendar-times:before {
  content: "\f273";
}
.fa-calendar-week:before {
  content: "\f784";
}
.fa-camera:before {
  content: "\f030";
}
.fa-camera-alt:before {
  content: "\f332";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-campfire:before {
  content: "\f6ba";
}
.fa-campground:before {
  content: "\f6bb";
}
.fa-canadian-maple-leaf:before {
  content: "\f785";
}
.fa-candle-holder:before {
  content: "\f6bc";
}
.fa-candy-cane:before {
  content: "\f786";
}
.fa-candy-corn:before {
  content: "\f6bd";
}
.fa-cannabis:before {
  content: "\f55f";
}
.fa-capsules:before {
  content: "\f46b";
}
.fa-car:before {
  content: "\f1b9";
}
.fa-car-alt:before {
  content: "\f5de";
}
.fa-car-battery:before {
  content: "\f5df";
}
.fa-car-bump:before {
  content: "\f5e0";
}
.fa-car-crash:before {
  content: "\f5e1";
}
.fa-car-garage:before {
  content: "\f5e2";
}
.fa-car-mechanic:before {
  content: "\f5e3";
}
.fa-car-side:before {
  content: "\f5e4";
}
.fa-car-tilt:before {
  content: "\f5e5";
}
.fa-car-wash:before {
  content: "\f5e6";
}
.fa-caret-circle-down:before {
  content: "\f32d";
}
.fa-caret-circle-left:before {
  content: "\f32e";
}
.fa-caret-circle-right:before {
  content: "\f330";
}
.fa-caret-circle-up:before {
  content: "\f331";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-caret-square-down:before {
  content: "\f150";
}
.fa-caret-square-left:before {
  content: "\f191";
}
.fa-caret-square-right:before {
  content: "\f152";
}
.fa-caret-square-up:before {
  content: "\f151";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-carrot:before {
  content: "\f787";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cash-register:before {
  content: "\f788";
}
.fa-cat:before {
  content: "\f6be";
}
.fa-cauldron:before {
  content: "\f6bf";
}
.fa-cc-amazon-pay:before {
  content: "\f42d";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-apple-pay:before {
  content: "\f416";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-centercode:before {
  content: "\f380";
}
.fa-centos:before {
  content: "\f789";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-chair:before {
  content: "\f6c0";
}
.fa-chair-office:before {
  content: "\f6c1";
}
.fa-chalkboard:before {
  content: "\f51b";
}
.fa-chalkboard-teacher:before {
  content: "\f51c";
}
.fa-charging-station:before {
  content: "\f5e7";
}
.fa-chart-area:before {
  content: "\f1fe";
}
.fa-chart-bar:before {
  content: "\f080";
}
.fa-chart-line:before {
  content: "\f201";
}
.fa-chart-line-down:before {
  content: "\f64d";
}
.fa-chart-network:before {
  content: "\f78a";
}
.fa-chart-pie:before {
  content: "\f200";
}
.fa-chart-pie-alt:before {
  content: "\f64e";
}
.fa-chart-scatter:before {
  content: "\f7ee";
}
.fa-check:before {
  content: "\f00c";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-check-double:before {
  content: "\f560";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-cheese:before {
  content: "\f7ef";
}
.fa-cheese-swiss:before {
  content: "\f7f0";
}
.fa-cheeseburger:before {
  content: "\f7f1";
}
.fa-chess:before {
  content: "\f439";
}
.fa-chess-bishop:before {
  content: "\f43a";
}
.fa-chess-bishop-alt:before {
  content: "\f43b";
}
.fa-chess-board:before {
  content: "\f43c";
}
.fa-chess-clock:before {
  content: "\f43d";
}
.fa-chess-clock-alt:before {
  content: "\f43e";
}
.fa-chess-king:before {
  content: "\f43f";
}
.fa-chess-king-alt:before {
  content: "\f440";
}
.fa-chess-knight:before {
  content: "\f441";
}
.fa-chess-knight-alt:before {
  content: "\f442";
}
.fa-chess-pawn:before {
  content: "\f443";
}
.fa-chess-pawn-alt:before {
  content: "\f444";
}
.fa-chess-queen:before {
  content: "\f445";
}
.fa-chess-queen-alt:before {
  content: "\f446";
}
.fa-chess-rook:before {
  content: "\f447";
}
.fa-chess-rook-alt:before {
  content: "\f448";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-double-down:before {
  content: "\f322";
}
.fa-chevron-double-left:before {
  content: "\f323";
}
.fa-chevron-double-right:before {
  content: "\f324";
}
.fa-chevron-double-up:before {
  content: "\f325";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-chevron-square-down:before {
  content: "\f329";
}
.fa-chevron-square-left:before {
  content: "\f32a";
}
.fa-chevron-square-right:before {
  content: "\f32b";
}
.fa-chevron-square-up:before {
  content: "\f32c";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-chimney:before {
  content: "\f78b";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-chromecast:before {
  content: "\f838";
}
.fa-church:before {
  content: "\f51d";
}
.fa-circle:before {
  content: "\f111";
}
.fa-circle-notch:before {
  content: "\f1ce";
}
.fa-city:before {
  content: "\f64f";
}
.fa-claw-marks:before {
  content: "\f6c2";
}
.fa-clinic-medical:before {
  content: "\f7f2";
}
.fa-clipboard:before {
  content: "\f328";
}
.fa-clipboard-check:before {
  content: "\f46c";
}
.fa-clipboard-list:before {
  content: "\f46d";
}
.fa-clipboard-list-check:before {
  content: "\f737";
}
.fa-clipboard-prescription:before {
  content: "\f5e8";
}
.fa-clipboard-user:before {
  content: "\f7f3";
}
.fa-clock:before {
  content: "\f017";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-closed-captioning:before {
  content: "\f20a";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-download-alt:before {
  content: "\f381";
}
.fa-cloud-drizzle:before {
  content: "\f738";
}
.fa-cloud-hail:before {
  content: "\f739";
}
.fa-cloud-hail-mixed:before {
  content: "\f73a";
}
.fa-cloud-meatball:before {
  content: "\f73b";
}
.fa-cloud-moon:before {
  content: "\f6c3";
}
.fa-cloud-moon-rain:before {
  content: "\f73c";
}
.fa-cloud-rain:before {
  content: "\f73d";
}
.fa-cloud-rainbow:before {
  content: "\f73e";
}
.fa-cloud-showers:before {
  content: "\f73f";
}
.fa-cloud-showers-heavy:before {
  content: "\f740";
}
.fa-cloud-sleet:before {
  content: "\f741";
}
.fa-cloud-snow:before {
  content: "\f742";
}
.fa-cloud-sun:before {
  content: "\f6c4";
}
.fa-cloud-sun-rain:before {
  content: "\f743";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-cloud-upload-alt:before {
  content: "\f382";
}
.fa-clouds:before {
  content: "\f744";
}
.fa-clouds-moon:before {
  content: "\f745";
}
.fa-clouds-sun:before {
  content: "\f746";
}
.fa-cloudscale:before {
  content: "\f383";
}
.fa-cloudsmith:before {
  content: "\f384";
}
.fa-cloudversify:before {
  content: "\f385";
}
.fa-club:before {
  content: "\f327";
}
.fa-cocktail:before {
  content: "\f561";
}
.fa-code:before {
  content: "\f121";
}
.fa-code-branch:before {
  content: "\f126";
}
.fa-code-commit:before {
  content: "\f386";
}
.fa-code-merge:before {
  content: "\f387";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-codiepie:before {
  content: "\f284";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-coffee-togo:before {
  content: "\f6c5";
}
.fa-coffin:before {
  content: "\f6c6";
}
.fa-cog:before {
  content: "\f013";
}
.fa-cogs:before {
  content: "\f085";
}
.fa-coins:before {
  content: "\f51e";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-comment:before {
  content: "\f075";
}
.fa-comment-alt:before {
  content: "\f27a";
}
.fa-comment-alt-check:before {
  content: "\f4a2";
}
.fa-comment-alt-dollar:before {
  content: "\f650";
}
.fa-comment-alt-dots:before {
  content: "\f4a3";
}
.fa-comment-alt-edit:before {
  content: "\f4a4";
}
.fa-comment-alt-exclamation:before {
  content: "\f4a5";
}
.fa-comment-alt-lines:before {
  content: "\f4a6";
}
.fa-comment-alt-medical:before {
  content: "\f7f4";
}
.fa-comment-alt-minus:before {
  content: "\f4a7";
}
.fa-comment-alt-plus:before {
  content: "\f4a8";
}
.fa-comment-alt-slash:before {
  content: "\f4a9";
}
.fa-comment-alt-smile:before {
  content: "\f4aa";
}
.fa-comment-alt-times:before {
  content: "\f4ab";
}
.fa-comment-check:before {
  content: "\f4ac";
}
.fa-comment-dollar:before {
  content: "\f651";
}
.fa-comment-dots:before {
  content: "\f4ad";
}
.fa-comment-edit:before {
  content: "\f4ae";
}
.fa-comment-exclamation:before {
  content: "\f4af";
}
.fa-comment-lines:before {
  content: "\f4b0";
}
.fa-comment-medical:before {
  content: "\f7f5";
}
.fa-comment-minus:before {
  content: "\f4b1";
}
.fa-comment-plus:before {
  content: "\f4b2";
}
.fa-comment-slash:before {
  content: "\f4b3";
}
.fa-comment-smile:before {
  content: "\f4b4";
}
.fa-comment-times:before {
  content: "\f4b5";
}
.fa-comments:before {
  content: "\f086";
}
.fa-comments-alt:before {
  content: "\f4b6";
}
.fa-comments-alt-dollar:before {
  content: "\f652";
}
.fa-comments-dollar:before {
  content: "\f653";
}
.fa-compact-disc:before {
  content: "\f51f";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-compass-slash:before {
  content: "\f5e9";
}
.fa-compress:before {
  content: "\f066";
}
.fa-compress-alt:before {
  content: "\f422";
}
.fa-compress-arrows-alt:before {
  content: "\f78c";
}
.fa-compress-wide:before {
  content: "\f326";
}
.fa-concierge-bell:before {
  content: "\f562";
}
.fa-confluence:before {
  content: "\f78d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-container-storage:before {
  content: "\f4b7";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-conveyor-belt:before {
  content: "\f46e";
}
.fa-conveyor-belt-alt:before {
  content: "\f46f";
}
.fa-cookie:before {
  content: "\f563";
}
.fa-cookie-bite:before {
  content: "\f564";
}
.fa-copy:before {
  content: "\f0c5";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-corn:before {
  content: "\f6c7";
}
.fa-couch:before {
  content: "\f4b8";
}
.fa-cow:before {
  content: "\f6c8";
}
.fa-cpanel:before {
  content: "\f388";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-creative-commons-by:before {
  content: "\f4e7";
}
.fa-creative-commons-nc:before {
  content: "\f4e8";
}
.fa-creative-commons-nc-eu:before {
  content: "\f4e9";
}
.fa-creative-commons-nc-jp:before {
  content: "\f4ea";
}
.fa-creative-commons-nd:before {
  content: "\f4eb";
}
.fa-creative-commons-pd:before {
  content: "\f4ec";
}
.fa-creative-commons-pd-alt:before {
  content: "\f4ed";
}
.fa-creative-commons-remix:before {
  content: "\f4ee";
}
.fa-creative-commons-sa:before {
  content: "\f4ef";
}
.fa-creative-commons-sampling:before {
  content: "\f4f0";
}
.fa-creative-commons-sampling-plus:before {
  content: "\f4f1";
}
.fa-creative-commons-share:before {
  content: "\f4f2";
}
.fa-creative-commons-zero:before {
  content: "\f4f3";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-credit-card-blank:before {
  content: "\f389";
}
.fa-credit-card-front:before {
  content: "\f38a";
}
.fa-cricket:before {
  content: "\f449";
}
.fa-critical-role:before {
  content: "\f6c9";
}
.fa-croissant:before {
  content: "\f7f6";
}
.fa-crop:before {
  content: "\f125";
}
.fa-crop-alt:before {
  content: "\f565";
}
.fa-cross:before {
  content: "\f654";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-crow:before {
  content: "\f520";
}
.fa-crown:before {
  content: "\f521";
}
.fa-crutch:before {
  content: "\f7f7";
}
.fa-crutches:before {
  content: "\f7f8";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-css3-alt:before {
  content: "\f38b";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-curling:before {
  content: "\f44a";
}
.fa-cut:before {
  content: "\f0c4";
}
.fa-cuttlefish:before {
  content: "\f38c";
}
.fa-d-and-d:before {
  content: "\f38d";
}
.fa-d-and-d-beyond:before {
  content: "\f6ca";
}
.fa-dagger:before {
  content: "\f6cb";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-deaf:before {
  content: "\f2a4";
}
.fa-debug:before {
  content: "\f7f9";
}
.fa-deer:before {
  content: "\f78e";
}
.fa-deer-rudolph:before {
  content: "\f78f";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-democrat:before {
  content: "\f747";
}
.fa-deploydog:before {
  content: "\f38e";
}
.fa-deskpro:before {
  content: "\f38f";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-desktop-alt:before {
  content: "\f390";
}
.fa-dev:before {
  content: "\f6cc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-dewpoint:before {
  content: "\f748";
}
.fa-dharmachakra:before {
  content: "\f655";
}
.fa-dhl:before {
  content: "\f790";
}
.fa-diagnoses:before {
  content: "\f470";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-diaspora:before {
  content: "\f791";
}
.fa-dice:before {
  content: "\f522";
}
.fa-dice-d10:before {
  content: "\f6cd";
}
.fa-dice-d12:before {
  content: "\f6ce";
}
.fa-dice-d20:before {
  content: "\f6cf";
}
.fa-dice-d4:before {
  content: "\f6d0";
}
.fa-dice-d6:before {
  content: "\f6d1";
}
.fa-dice-d8:before {
  content: "\f6d2";
}
.fa-dice-five:before {
  content: "\f523";
}
.fa-dice-four:before {
  content: "\f524";
}
.fa-dice-one:before {
  content: "\f525";
}
.fa-dice-six:before {
  content: "\f526";
}
.fa-dice-three:before {
  content: "\f527";
}
.fa-dice-two:before {
  content: "\f528";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-digital-ocean:before {
  content: "\f391";
}
.fa-digital-tachograph:before {
  content: "\f566";
}
.fa-diploma:before {
  content: "\f5ea";
}
.fa-directions:before {
  content: "\f5eb";
}
.fa-discord:before {
  content: "\f392";
}
.fa-discourse:before {
  content: "\f393";
}
.fa-disease:before {
  content: "\f7fa";
}
.fa-divide:before {
  content: "\f529";
}
.fa-dizzy:before {
  content: "\f567";
}
.fa-dna:before {
  content: "\f471";
}
.fa-do-not-enter:before {
  content: "\f5ec";
}
.fa-dochub:before {
  content: "\f394";
}
.fa-docker:before {
  content: "\f395";
}
.fa-dog:before {
  content: "\f6d3";
}
.fa-dog-leashed:before {
  content: "\f6d4";
}
.fa-dollar-sign:before {
  content: "\f155";
}
.fa-dolly:before {
  content: "\f472";
}
.fa-dolly-empty:before {
  content: "\f473";
}
.fa-dolly-flatbed:before {
  content: "\f474";
}
.fa-dolly-flatbed-alt:before {
  content: "\f475";
}
.fa-dolly-flatbed-empty:before {
  content: "\f476";
}
.fa-donate:before {
  content: "\f4b9";
}
.fa-door-closed:before {
  content: "\f52a";
}
.fa-door-open:before {
  content: "\f52b";
}
.fa-dot-circle:before {
  content: "\f192";
}
.fa-dove:before {
  content: "\f4ba";
}
.fa-download:before {
  content: "\f019";
}
.fa-draft2digital:before {
  content: "\f396";
}
.fa-drafting-compass:before {
  content: "\f568";
}
.fa-dragon:before {
  content: "\f6d5";
}
.fa-draw-circle:before {
  content: "\f5ed";
}
.fa-draw-polygon:before {
  content: "\f5ee";
}
.fa-draw-square:before {
  content: "\f5ef";
}
.fa-dreidel:before {
  content: "\f792";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-dribbble-square:before {
  content: "\f397";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-drum:before {
  content: "\f569";
}
.fa-drum-steelpan:before {
  content: "\f56a";
}
.fa-drumstick:before {
  content: "\f6d6";
}
.fa-drumstick-bite:before {
  content: "\f6d7";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-duck:before {
  content: "\f6d8";
}
.fa-dumbbell:before {
  content: "\f44b";
}
.fa-dumpster:before {
  content: "\f793";
}
.fa-dumpster-fire:before {
  content: "\f794";
}
.fa-dungeon:before {
  content: "\f6d9";
}
.fa-dyalog:before {
  content: "\f399";
}
.fa-ear:before {
  content: "\f5f0";
}
.fa-ear-muffs:before {
  content: "\f795";
}
.fa-earlybirds:before {
  content: "\f39a";
}
.fa-ebay:before {
  content: "\f4f4";
}
.fa-eclipse:before {
  content: "\f749";
}
.fa-eclipse-alt:before {
  content: "\f74a";
}
.fa-edge:before {
  content: "\f282";
}
.fa-edit:before {
  content: "\f044";
}
.fa-egg:before {
  content: "\f7fb";
}
.fa-egg-fried:before {
  content: "\f7fc";
}
.fa-eject:before {
  content: "\f052";
}
.fa-elementor:before {
  content: "\f430";
}
.fa-elephant:before {
  content: "\f6da";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-h-alt:before {
  content: "\f39b";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-ellipsis-v-alt:before {
  content: "\f39c";
}
.fa-ello:before {
  content: "\f5f1";
}
.fa-ember:before {
  content: "\f423";
}
.fa-empire:before {
  content: "\f1d1";
}
.fa-empty-set:before {
  content: "\f656";
}
.fa-engine-warning:before {
  content: "\f5f2";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-envelope-open:before {
  content: "\f2b6";
}
.fa-envelope-open-dollar:before {
  content: "\f657";
}
.fa-envelope-open-text:before {
  content: "\f658";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-envira:before {
  content: "\f299";
}
.fa-equals:before {
  content: "\f52c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-erlang:before {
  content: "\f39d";
}
.fa-ethereum:before {
  content: "\f42e";
}
.fa-ethernet:before {
  content: "\f796";
}
.fa-etsy:before {
  content: "\f2d7";
}
.fa-euro-sign:before {
  content: "\f153";
}
.fa-evernote:before {
  content: "\f839";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-exchange-alt:before {
  content: "\f362";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-exclamation-square:before {
  content: "\f321";
}
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-expand:before {
  content: "\f065";
}
.fa-expand-alt:before {
  content: "\f424";
}
.fa-expand-arrows:before {
  content: "\f31d";
}
.fa-expand-arrows-alt:before {
  content: "\f31e";
}
.fa-expand-wide:before {
  content: "\f320";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-external-link-alt:before {
  content: "\f35d";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-external-link-square-alt:before {
  content: "\f360";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-dropper:before {
  content: "\f1fb";
}
.fa-eye-evil:before {
  content: "\f6db";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-facebook:before {
  content: "\f09a";
}
.fa-facebook-f:before {
  content: "\f39e";
}
.fa-facebook-messenger:before {
  content: "\f39f";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-fantasy-flight-games:before {
  content: "\f6dc";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-feather:before {
  content: "\f52d";
}
.fa-feather-alt:before {
  content: "\f56b";
}
.fa-fedex:before {
  content: "\f797";
}
.fa-fedora:before {
  content: "\f798";
}
.fa-female:before {
  content: "\f182";
}
.fa-field-hockey:before {
  content: "\f44c";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-figma:before {
  content: "\f799";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-alt:before {
  content: "\f15c";
}
.fa-file-archive:before {
  content: "\f1c6";
}
.fa-file-audio:before {
  content: "\f1c7";
}
.fa-file-certificate:before {
  content: "\f5f3";
}
.fa-file-chart-line:before {
  content: "\f659";
}
.fa-file-chart-pie:before {
  content: "\f65a";
}
.fa-file-check:before {
  content: "\f316";
}
.fa-file-code:before {
  content: "\f1c9";
}
.fa-file-contract:before {
  content: "\f56c";
}
.fa-file-csv:before {
  content: "\f6dd";
}
.fa-file-download:before {
  content: "\f56d";
}
.fa-file-edit:before {
  content: "\f31c";
}
.fa-file-excel:before {
  content: "\f1c3";
}
.fa-file-exclamation:before {
  content: "\f31a";
}
.fa-file-export:before {
  content: "\f56e";
}
.fa-file-image:before {
  content: "\f1c5";
}
.fa-file-import:before {
  content: "\f56f";
}
.fa-file-invoice:before {
  content: "\f570";
}
.fa-file-invoice-dollar:before {
  content: "\f571";
}
.fa-file-medical:before {
  content: "\f477";
}
.fa-file-medical-alt:before {
  content: "\f478";
}
.fa-file-minus:before {
  content: "\f318";
}
.fa-file-pdf:before {
  content: "\f1c1";
}
.fa-file-plus:before {
  content: "\f319";
}
.fa-file-powerpoint:before {
  content: "\f1c4";
}
.fa-file-prescription:before {
  content: "\f572";
}
.fa-file-signature:before {
  content: "\f573";
}
.fa-file-spreadsheet:before {
  content: "\f65b";
}
.fa-file-times:before {
  content: "\f317";
}
.fa-file-upload:before {
  content: "\f574";
}
.fa-file-user:before {
  content: "\f65c";
}
.fa-file-video:before {
  content: "\f1c8";
}
.fa-file-word:before {
  content: "\f1c2";
}
.fa-files-medical:before {
  content: "\f7fd";
}
.fa-fill:before {
  content: "\f575";
}
.fa-fill-drip:before {
  content: "\f576";
}
.fa-film:before {
  content: "\f008";
}
.fa-film-alt:before {
  content: "\f3a0";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-fingerprint:before {
  content: "\f577";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-fire-alt:before {
  content: "\f7e4";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-fire-smoke:before {
  content: "\f74b";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-fireplace:before {
  content: "\f79a";
}
.fa-first-aid:before {
  content: "\f479";
}
.fa-first-order:before {
  content: "\f2b0";
}
.fa-first-order-alt:before {
  content: "\f50a";
}
.fa-firstdraft:before {
  content: "\f3a1";
}
.fa-fish:before {
  content: "\f578";
}
.fa-fish-cooked:before {
  content: "\f7fe";
}
.fa-fist-raised:before {
  content: "\f6de";
}
.fa-flag:before {
  content: "\f024";
}
.fa-flag-alt:before {
  content: "\f74c";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-flag-usa:before {
  content: "\f74d";
}
.fa-flame:before {
  content: "\f6df";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-flask-poison:before {
  content: "\f6e0";
}
.fa-flask-potion:before {
  content: "\f6e1";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-flipboard:before {
  content: "\f44d";
}
.fa-flower:before {
  content: "\f7ff";
}
.fa-flower-daffodil:before {
  content: "\f800";
}
.fa-flower-tulip:before {
  content: "\f801";
}
.fa-flushed:before {
  content: "\f579";
}
.fa-fly:before {
  content: "\f417";
}
.fa-fog:before {
  content: "\f74e";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-minus:before {
  content: "\f65d";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-folder-plus:before {
  content: "\f65e";
}
.fa-folder-times:before {
  content: "\f65f";
}
.fa-folder-tree:before {
  content: "\f802";
}
.fa-folders:before {
  content: "\f660";
}
.fa-font:before {
  content: "\f031";
}
.fa-font-awesome:before {
  content: "\f2b4";
}
.fa-font-awesome-alt:before {
  content: "\f35c";
}
.fa-font-awesome-flag:before {
  content: "\f425";
}
.fa-font-awesome-logo-full:before {
  content: "\f4e6";
}
.fa-fonticons:before {
  content: "\f280";
}
.fa-fonticons-fi:before {
  content: "\f3a2";
}
.fa-football-ball:before {
  content: "\f44e";
}
.fa-football-helmet:before {
  content: "\f44f";
}
.fa-forklift:before {
  content: "\f47a";
}
.fa-fort-awesome:before {
  content: "\f286";
}
.fa-fort-awesome-alt:before {
  content: "\f3a3";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-fragile:before {
  content: "\f4bb";
}
.fa-free-code-camp:before {
  content: "\f2c5";
}
.fa-freebsd:before {
  content: "\f3a4";
}
.fa-french-fries:before {
  content: "\f803";
}
.fa-frog:before {
  content: "\f52e";
}
.fa-frosty-head:before {
  content: "\f79b";
}
.fa-frown:before {
  content: "\f119";
}
.fa-frown-open:before {
  content: "\f57a";
}
.fa-fulcrum:before {
  content: "\f50b";
}
.fa-function:before {
  content: "\f661";
}
.fa-funnel-dollar:before {
  content: "\f662";
}
.fa-futbol:before {
  content: "\f1e3";
}
.fa-galactic-republic:before {
  content: "\f50c";
}
.fa-galactic-senate:before {
  content: "\f50d";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-gas-pump:before {
  content: "\f52f";
}
.fa-gas-pump-slash:before {
  content: "\f5f4";
}
.fa-gavel:before {
  content: "\f0e3";
}
.fa-gem:before {
  content: "\f3a5";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-ghost:before {
  content: "\f6e2";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-gift-card:before {
  content: "\f663";
}
.fa-gifts:before {
  content: "\f79c";
}
.fa-gingerbread-man:before {
  content: "\f79d";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-github:before {
  content: "\f09b";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-gitkraken:before {
  content: "\f3a6";
}
.fa-gitlab:before {
  content: "\f296";
}
.fa-gitter:before {
  content: "\f426";
}
.fa-glass:before {
  content: "\f804";
}
.fa-glass-champagne:before {
  content: "\f79e";
}
.fa-glass-cheers:before {
  content: "\f79f";
}
.fa-glass-martini:before {
  content: "\f000";
}
.fa-glass-martini-alt:before {
  content: "\f57b";
}
.fa-glass-whiskey:before {
  content: "\f7a0";
}
.fa-glass-whiskey-rocks:before {
  content: "\f7a1";
}
.fa-glasses:before {
  content: "\f530";
}
.fa-glasses-alt:before {
  content: "\f5f5";
}
.fa-glide:before {
  content: "\f2a5";
}
.fa-glide-g:before {
  content: "\f2a6";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-globe-africa:before {
  content: "\f57c";
}
.fa-globe-americas:before {
  content: "\f57d";
}
.fa-globe-asia:before {
  content: "\f57e";
}
.fa-globe-europe:before {
  content: "\f7a2";
}
.fa-globe-snow:before {
  content: "\f7a3";
}
.fa-globe-stand:before {
  content: "\f5f6";
}
.fa-gofore:before {
  content: "\f3a7";
}
.fa-golf-ball:before {
  content: "\f450";
}
.fa-golf-club:before {
  content: "\f451";
}
.fa-goodreads:before {
  content: "\f3a8";
}
.fa-goodreads-g:before {
  content: "\f3a9";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-google-drive:before {
  content: "\f3aa";
}
.fa-google-play:before {
  content: "\f3ab";
}
.fa-google-plus:before {
  content: "\f2b3";
}
.fa-google-plus-g:before {
  content: "\f0d5";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-gopuram:before {
  content: "\f664";
}
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-gratipay:before {
  content: "\f184";
}
.fa-grav:before {
  content: "\f2d6";
}
.fa-greater-than:before {
  content: "\f531";
}
.fa-greater-than-equal:before {
  content: "\f532";
}
.fa-grimace:before {
  content: "\f57f";
}
.fa-grin:before {
  content: "\f580";
}
.fa-grin-alt:before {
  content: "\f581";
}
.fa-grin-beam:before {
  content: "\f582";
}
.fa-grin-beam-sweat:before {
  content: "\f583";
}
.fa-grin-hearts:before {
  content: "\f584";
}
.fa-grin-squint:before {
  content: "\f585";
}
.fa-grin-squint-tears:before {
  content: "\f586";
}
.fa-grin-stars:before {
  content: "\f587";
}
.fa-grin-tears:before {
  content: "\f588";
}
.fa-grin-tongue:before {
  content: "\f589";
}
.fa-grin-tongue-squint:before {
  content: "\f58a";
}
.fa-grin-tongue-wink:before {
  content: "\f58b";
}
.fa-grin-wink:before {
  content: "\f58c";
}
.fa-grip-horizontal:before {
  content: "\f58d";
}
.fa-grip-lines:before {
  content: "\f7a4";
}
.fa-grip-lines-vertical:before {
  content: "\f7a5";
}
.fa-grip-vertical:before {
  content: "\f58e";
}
.fa-gripfire:before {
  content: "\f3ac";
}
.fa-grunt:before {
  content: "\f3ad";
}
.fa-guitar:before {
  content: "\f7a6";
}
.fa-gulp:before {
  content: "\f3ae";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-h1:before {
  content: "\f313";
}
.fa-h2:before {
  content: "\f314";
}
.fa-h3:before {
  content: "\f315";
}
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-hacker-news-square:before {
  content: "\f3af";
}
.fa-hackerrank:before {
  content: "\f5f7";
}
.fa-hamburger:before {
  content: "\f805";
}
.fa-hammer:before {
  content: "\f6e3";
}
.fa-hammer-war:before {
  content: "\f6e4";
}
.fa-hamsa:before {
  content: "\f665";
}
.fa-hand-heart:before {
  content: "\f4bc";
}
.fa-hand-holding:before {
  content: "\f4bd";
}
.fa-hand-holding-box:before {
  content: "\f47b";
}
.fa-hand-holding-heart:before {
  content: "\f4be";
}
.fa-hand-holding-magic:before {
  content: "\f6e5";
}
.fa-hand-holding-seedling:before {
  content: "\f4bf";
}
.fa-hand-holding-usd:before {
  content: "\f4c0";
}
.fa-hand-holding-water:before {
  content: "\f4c1";
}
.fa-hand-lizard:before {
  content: "\f258";
}
.fa-hand-middle-finger:before {
  content: "\f806";
}
.fa-hand-paper:before {
  content: "\f256";
}
.fa-hand-peace:before {
  content: "\f25b";
}
.fa-hand-point-down:before {
  content: "\f0a7";
}
.fa-hand-point-left:before {
  content: "\f0a5";
}
.fa-hand-point-right:before {
  content: "\f0a4";
}
.fa-hand-point-up:before {
  content: "\f0a6";
}
.fa-hand-pointer:before {
  content: "\f25a";
}
.fa-hand-receiving:before {
  content: "\f47c";
}
.fa-hand-rock:before {
  content: "\f255";
}
.fa-hand-scissors:before {
  content: "\f257";
}
.fa-hand-spock:before {
  content: "\f259";
}
.fa-hands:before {
  content: "\f4c2";
}
.fa-hands-heart:before {
  content: "\f4c3";
}
.fa-hands-helping:before {
  content: "\f4c4";
}
.fa-hands-usd:before {
  content: "\f4c5";
}
.fa-handshake:before {
  content: "\f2b5";
}
.fa-handshake-alt:before {
  content: "\f4c6";
}
.fa-hanukiah:before {
  content: "\f6e6";
}
.fa-hard-hat:before {
  content: "\f807";
}
.fa-hashtag:before {
  content: "\f292";
}
.fa-hat-santa:before {
  content: "\f7a7";
}
.fa-hat-winter:before {
  content: "\f7a8";
}
.fa-hat-witch:before {
  content: "\f6e7";
}
.fa-hat-wizard:before {
  content: "\f6e8";
}
.fa-haykal:before {
  content: "\f666";
}
.fa-hdd:before {
  content: "\f0a0";
}
.fa-head-side:before {
  content: "\f6e9";
}
.fa-head-side-brain:before {
  content: "\f808";
}
.fa-head-side-medical:before {
  content: "\f809";
}
.fa-head-vr:before {
  content: "\f6ea";
}
.fa-heading:before {
  content: "\f1dc";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-headphones-alt:before {
  content: "\f58f";
}
.fa-headset:before {
  content: "\f590";
}
.fa-heart:before {
  content: "\f004";
}
.fa-heart-broken:before {
  content: "\f7a9";
}
.fa-heart-circle:before {
  content: "\f4c7";
}
.fa-heart-rate:before {
  content: "\f5f8";
}
.fa-heart-square:before {
  content: "\f4c8";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-helicopter:before {
  content: "\f533";
}
.fa-helmet-battle:before {
  content: "\f6eb";
}
.fa-hexagon:before {
  content: "\f312";
}
.fa-highlighter:before {
  content: "\f591";
}
.fa-hiking:before {
  content: "\f6ec";
}
.fa-hippo:before {
  content: "\f6ed";
}
.fa-hips:before {
  content: "\f452";
}
.fa-hire-a-helper:before {
  content: "\f3b0";
}
.fa-history:before {
  content: "\f1da";
}
.fa-hockey-mask:before {
  content: "\f6ee";
}
.fa-hockey-puck:before {
  content: "\f453";
}
.fa-hockey-sticks:before {
  content: "\f454";
}
.fa-holly-berry:before {
  content: "\f7aa";
}
.fa-home:before {
  content: "\f015";
}
.fa-home-alt:before {
  content: "\f80a";
}
.fa-home-heart:before {
  content: "\f4c9";
}
.fa-home-lg:before {
  content: "\f80b";
}
.fa-home-lg-alt:before {
  content: "\f80c";
}
.fa-hood-cloak:before {
  content: "\f6ef";
}
.fa-hooli:before {
  content: "\f427";
}
.fa-hornbill:before {
  content: "\f592";
}
.fa-horse:before {
  content: "\f6f0";
}
.fa-horse-head:before {
  content: "\f7ab";
}
.fa-hospital:before {
  content: "\f0f8";
}
.fa-hospital-alt:before {
  content: "\f47d";
}
.fa-hospital-symbol:before {
  content: "\f47e";
}
.fa-hospital-user:before {
  content: "\f80d";
}
.fa-hospitals:before {
  content: "\f80e";
}
.fa-hot-tub:before {
  content: "\f593";
}
.fa-hotdog:before {
  content: "\f80f";
}
.fa-hotel:before {
  content: "\f594";
}
.fa-hotjar:before {
  content: "\f3b1";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-house-damage:before {
  content: "\f6f1";
}
.fa-house-flood:before {
  content: "\f74f";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-hryvnia:before {
  content: "\f6f2";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-hubspot:before {
  content: "\f3b2";
}
.fa-humidity:before {
  content: "\f750";
}
.fa-hurricane:before {
  content: "\f751";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-ice-cream:before {
  content: "\f810";
}
.fa-ice-skate:before {
  content: "\f7ac";
}
.fa-icicles:before {
  content: "\f7ad";
}
.fa-id-badge:before {
  content: "\f2c1";
}
.fa-id-card:before {
  content: "\f2c2";
}
.fa-id-card-alt:before {
  content: "\f47f";
}
.fa-igloo:before {
  content: "\f7ae";
}
.fa-image:before {
  content: "\f03e";
}
.fa-images:before {
  content: "\f302";
}
.fa-imdb:before {
  content: "\f2d8";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-inbox-in:before {
  content: "\f310";
}
.fa-inbox-out:before {
  content: "\f311";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-industry:before {
  content: "\f275";
}
.fa-industry-alt:before {
  content: "\f3b3";
}
.fa-infinity:before {
  content: "\f534";
}
.fa-info:before {
  content: "\f129";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-info-square:before {
  content: "\f30f";
}
.fa-inhaler:before {
  content: "\f5f9";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-integral:before {
  content: "\f667";
}
.fa-intercom:before {
  content: "\f7af";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-intersection:before {
  content: "\f668";
}
.fa-inventory:before {
  content: "\f480";
}
.fa-invision:before {
  content: "\f7b0";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-island-tropical:before {
  content: "\f811";
}
.fa-italic:before {
  content: "\f033";
}
.fa-itch-io:before {
  content: "\f83a";
}
.fa-itunes:before {
  content: "\f3b4";
}
.fa-itunes-note:before {
  content: "\f3b5";
}
.fa-jack-o-lantern:before {
  content: "\f30e";
}
.fa-java:before {
  content: "\f4e4";
}
.fa-jedi:before {
  content: "\f669";
}
.fa-jedi-order:before {
  content: "\f50e";
}
.fa-jenkins:before {
  content: "\f3b6";
}
.fa-jira:before {
  content: "\f7b1";
}
.fa-joget:before {
  content: "\f3b7";
}
.fa-joint:before {
  content: "\f595";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-journal-whills:before {
  content: "\f66a";
}
.fa-js:before {
  content: "\f3b8";
}
.fa-js-square:before {
  content: "\f3b9";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-kaaba:before {
  content: "\f66b";
}
.fa-kaggle:before {
  content: "\f5fa";
}
.fa-key:before {
  content: "\f084";
}
.fa-key-skeleton:before {
  content: "\f6f3";
}
.fa-keybase:before {
  content: "\f4f5";
}
.fa-keyboard:before {
  content: "\f11c";
}
.fa-keycdn:before {
  content: "\f3ba";
}
.fa-keynote:before {
  content: "\f66c";
}
.fa-khanda:before {
  content: "\f66d";
}
.fa-kickstarter:before {
  content: "\f3bb";
}
.fa-kickstarter-k:before {
  content: "\f3bc";
}
.fa-kidneys:before {
  content: "\f5fb";
}
.fa-kiss:before {
  content: "\f596";
}
.fa-kiss-beam:before {
  content: "\f597";
}
.fa-kiss-wink-heart:before {
  content: "\f598";
}
.fa-kite:before {
  content: "\f6f4";
}
.fa-kiwi-bird:before {
  content: "\f535";
}
.fa-knife-kitchen:before {
  content: "\f6f5";
}
.fa-korvue:before {
  content: "\f42f";
}
.fa-lambda:before {
  content: "\f66e";
}
.fa-lamp:before {
  content: "\f4ca";
}
.fa-landmark:before {
  content: "\f66f";
}
.fa-landmark-alt:before {
  content: "\f752";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-laptop-code:before {
  content: "\f5fc";
}
.fa-laptop-medical:before {
  content: "\f812";
}
.fa-laravel:before {
  content: "\f3bd";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-laugh:before {
  content: "\f599";
}
.fa-laugh-beam:before {
  content: "\f59a";
}
.fa-laugh-squint:before {
  content: "\f59b";
}
.fa-laugh-wink:before {
  content: "\f59c";
}
.fa-layer-group:before {
  content: "\f5fd";
}
.fa-layer-minus:before {
  content: "\f5fe";
}
.fa-layer-plus:before {
  content: "\f5ff";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-leaf-heart:before {
  content: "\f4cb";
}
.fa-leaf-maple:before {
  content: "\f6f6";
}
.fa-leaf-oak:before {
  content: "\f6f7";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-lemon:before {
  content: "\f094";
}
.fa-less:before {
  content: "\f41d";
}
.fa-less-than:before {
  content: "\f536";
}
.fa-less-than-equal:before {
  content: "\f537";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-level-down-alt:before {
  content: "\f3be";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-up-alt:before {
  content: "\f3bf";
}
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-lightbulb:before {
  content: "\f0eb";
}
.fa-lightbulb-dollar:before {
  content: "\f670";
}
.fa-lightbulb-exclamation:before {
  content: "\f671";
}
.fa-lightbulb-on:before {
  content: "\f672";
}
.fa-lightbulb-slash:before {
  content: "\f673";
}
.fa-lights-holiday:before {
  content: "\f7b2";
}
.fa-line:before {
  content: "\f3c0";
}
.fa-link:before {
  content: "\f0c1";
}
.fa-linkedin:before {
  content: "\f08c";
}
.fa-linkedin-in:before {
  content: "\f0e1";
}
.fa-linode:before {
  content: "\f2b8";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-lips:before {
  content: "\f600";
}
.fa-lira-sign:before {
  content: "\f195";
}
.fa-list:before {
  content: "\f03a";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-location:before {
  content: "\f601";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-location-circle:before {
  content: "\f602";
}
.fa-location-slash:before {
  content: "\f603";
}
.fa-lock:before {
  content: "\f023";
}
.fa-lock-alt:before {
  content: "\f30d";
}
.fa-lock-open:before {
  content: "\f3c1";
}
.fa-lock-open-alt:before {
  content: "\f3c2";
}
.fa-long-arrow-alt-down:before {
  content: "\f309";
}
.fa-long-arrow-alt-left:before {
  content: "\f30a";
}
.fa-long-arrow-alt-right:before {
  content: "\f30b";
}
.fa-long-arrow-alt-up:before {
  content: "\f30c";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-loveseat:before {
  content: "\f4cc";
}
.fa-low-vision:before {
  content: "\f2a8";
}
.fa-luchador:before {
  content: "\f455";
}
.fa-luggage-cart:before {
  content: "\f59d";
}
.fa-lungs:before {
  content: "\f604";
}
.fa-lyft:before {
  content: "\f3c3";
}
.fa-mace:before {
  content: "\f6f8";
}
.fa-magento:before {
  content: "\f3c4";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-mail-bulk:before {
  content: "\f674";
}
.fa-mailbox:before {
  content: "\f813";
}
.fa-mailchimp:before {
  content: "\f59e";
}
.fa-male:before {
  content: "\f183";
}
.fa-mandalorian:before {
  content: "\f50f";
}
.fa-mandolin:before {
  content: "\f6f9";
}
.fa-map:before {
  content: "\f279";
}
.fa-map-marked:before {
  content: "\f59f";
}
.fa-map-marked-alt:before {
  content: "\f5a0";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-map-marker-alt:before {
  content: "\f3c5";
}
.fa-map-marker-alt-slash:before {
  content: "\f605";
}
.fa-map-marker-check:before {
  content: "\f606";
}
.fa-map-marker-edit:before {
  content: "\f607";
}
.fa-map-marker-exclamation:before {
  content: "\f608";
}
.fa-map-marker-minus:before {
  content: "\f609";
}
.fa-map-marker-plus:before {
  content: "\f60a";
}
.fa-map-marker-question:before {
  content: "\f60b";
}
.fa-map-marker-slash:before {
  content: "\f60c";
}
.fa-map-marker-smile:before {
  content: "\f60d";
}
.fa-map-marker-times:before {
  content: "\f60e";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-markdown:before {
  content: "\f60f";
}
.fa-marker:before {
  content: "\f5a1";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mask:before {
  content: "\f6fa";
}
.fa-mastodon:before {
  content: "\f4f6";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-meat:before {
  content: "\f814";
}
.fa-medal:before {
  content: "\f5a2";
}
.fa-medapps:before {
  content: "\f3c6";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-medium-m:before {
  content: "\f3c7";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-medrt:before {
  content: "\f3c8";
}
.fa-meetup:before {
  content: "\f2e0";
}
.fa-megaphone:before {
  content: "\f675";
}
.fa-megaport:before {
  content: "\f5a3";
}
.fa-meh:before {
  content: "\f11a";
}
.fa-meh-blank:before {
  content: "\f5a4";
}
.fa-meh-rolling-eyes:before {
  content: "\f5a5";
}
.fa-memory:before {
  content: "\f538";
}
.fa-mendeley:before {
  content: "\f7b3";
}
.fa-menorah:before {
  content: "\f676";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-meteor:before {
  content: "\f753";
}
.fa-microchip:before {
  content: "\f2db";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-alt:before {
  content: "\f3c9";
}
.fa-microphone-alt-slash:before {
  content: "\f539";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-microscope:before {
  content: "\f610";
}
.fa-microsoft:before {
  content: "\f3ca";
}
.fa-mind-share:before {
  content: "\f677";
}
.fa-minus:before {
  content: "\f068";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-minus-hexagon:before {
  content: "\f307";
}
.fa-minus-octagon:before {
  content: "\f308";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-mistletoe:before {
  content: "\f7b4";
}
.fa-mitten:before {
  content: "\f7b5";
}
.fa-mix:before {
  content: "\f3cb";
}
.fa-mixcloud:before {
  content: "\f289";
}
.fa-mizuni:before {
  content: "\f3cc";
}
.fa-mobile:before {
  content: "\f10b";
}
.fa-mobile-alt:before {
  content: "\f3cd";
}
.fa-mobile-android:before {
  content: "\f3ce";
}
.fa-mobile-android-alt:before {
  content: "\f3cf";
}
.fa-modx:before {
  content: "\f285";
}
.fa-monero:before {
  content: "\f3d0";
}
.fa-money-bill:before {
  content: "\f0d6";
}
.fa-money-bill-alt:before {
  content: "\f3d1";
}
.fa-money-bill-wave:before {
  content: "\f53a";
}
.fa-money-bill-wave-alt:before {
  content: "\f53b";
}
.fa-money-check:before {
  content: "\f53c";
}
.fa-money-check-alt:before {
  content: "\f53d";
}
.fa-monitor-heart-rate:before {
  content: "\f611";
}
.fa-monkey:before {
  content: "\f6fb";
}
.fa-monument:before {
  content: "\f5a6";
}
.fa-moon:before {
  content: "\f186";
}
.fa-moon-cloud:before {
  content: "\f754";
}
.fa-moon-stars:before {
  content: "\f755";
}
.fa-mortar-pestle:before {
  content: "\f5a7";
}
.fa-mosque:before {
  content: "\f678";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-mountain:before {
  content: "\f6fc";
}
.fa-mountains:before {
  content: "\f6fd";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-mug-hot:before {
  content: "\f7b6";
}
.fa-mug-marshmallows:before {
  content: "\f7b7";
}
.fa-music:before {
  content: "\f001";
}
.fa-napster:before {
  content: "\f3d2";
}
.fa-narwhal:before {
  content: "\f6fe";
}
.fa-neos:before {
  content: "\f612";
}
.fa-network-wired:before {
  content: "\f6ff";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-newspaper:before {
  content: "\f1ea";
}
.fa-nimblr:before {
  content: "\f5a8";
}
.fa-nintendo-switch:before {
  content: "\f418";
}
.fa-node:before {
  content: "\f419";
}
.fa-node-js:before {
  content: "\f3d3";
}
.fa-not-equal:before {
  content: "\f53e";
}
.fa-notes-medical:before {
  content: "\f481";
}
.fa-npm:before {
  content: "\f3d4";
}
.fa-ns8:before {
  content: "\f3d5";
}
.fa-nutritionix:before {
  content: "\f3d6";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-octagon:before {
  content: "\f306";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-oil-can:before {
  content: "\f613";
}
.fa-oil-temp:before {
  content: "\f614";
}
.fa-old-republic:before {
  content: "\f510";
}
.fa-om:before {
  content: "\f679";
}
.fa-omega:before {
  content: "\f67a";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-ornament:before {
  content: "\f7b8";
}
.fa-osi:before {
  content: "\f41a";
}
.fa-otter:before {
  content: "\f700";
}
.fa-outdent:before {
  content: "\f03b";
}
.fa-page4:before {
  content: "\f3d7";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-pager:before {
  content: "\f815";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-paint-brush-alt:before {
  content: "\f5a9";
}
.fa-paint-roller:before {
  content: "\f5aa";
}
.fa-palette:before {
  content: "\f53f";
}
.fa-palfed:before {
  content: "\f3d8";
}
.fa-pallet:before {
  content: "\f482";
}
.fa-pallet-alt:before {
  content: "\f483";
}
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-parachute-box:before {
  content: "\f4cd";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-parking:before {
  content: "\f540";
}
.fa-parking-circle:before {
  content: "\f615";
}
.fa-parking-circle-slash:before {
  content: "\f616";
}
.fa-parking-slash:before {
  content: "\f617";
}
.fa-passport:before {
  content: "\f5ab";
}
.fa-pastafarianism:before {
  content: "\f67b";
}
.fa-paste:before {
  content: "\f0ea";
}
.fa-patreon:before {
  content: "\f3d9";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-pause-circle:before {
  content: "\f28b";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-paw-alt:before {
  content: "\f701";
}
.fa-paw-claws:before {
  content: "\f702";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-peace:before {
  content: "\f67c";
}
.fa-pegasus:before {
  content: "\f703";
}
.fa-pen:before {
  content: "\f304";
}
.fa-pen-alt:before {
  content: "\f305";
}
.fa-pen-fancy:before {
  content: "\f5ac";
}
.fa-pen-nib:before {
  content: "\f5ad";
}
.fa-pen-square:before {
  content: "\f14b";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-pencil-alt:before {
  content: "\f303";
}
.fa-pencil-paintbrush:before {
  content: "\f618";
}
.fa-pencil-ruler:before {
  content: "\f5ae";
}
.fa-pennant:before {
  content: "\f456";
}
.fa-penny-arcade:before {
  content: "\f704";
}
.fa-people-carry:before {
  content: "\f4ce";
}
.fa-pepper-hot:before {
  content: "\f816";
}
.fa-percent:before {
  content: "\f295";
}
.fa-percentage:before {
  content: "\f541";
}
.fa-periscope:before {
  content: "\f3da";
}
.fa-person-booth:before {
  content: "\f756";
}
.fa-person-carry:before {
  content: "\f4cf";
}
.fa-person-dolly:before {
  content: "\f4d0";
}
.fa-person-dolly-empty:before {
  content: "\f4d1";
}
.fa-person-sign:before {
  content: "\f757";
}
.fa-phabricator:before {
  content: "\f3db";
}
.fa-phoenix-framework:before {
  content: "\f3dc";
}
.fa-phoenix-squadron:before {
  content: "\f511";
}
.fa-phone:before {
  content: "\f095";
}
.fa-phone-office:before {
  content: "\f67d";
}
.fa-phone-plus:before {
  content: "\f4d2";
}
.fa-phone-slash:before {
  content: "\f3dd";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-phone-volume:before {
  content: "\f2a0";
}
.fa-php:before {
  content: "\f457";
}
.fa-pi:before {
  content: "\f67e";
}
.fa-pie:before {
  content: "\f705";
}
.fa-pied-piper:before {
  content: "\f2ae";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-pied-piper-hat:before {
  content: "\f4e5";
}
.fa-pied-piper-pp:before {
  content: "\f1a7";
}
.fa-pig:before {
  content: "\f706";
}
.fa-piggy-bank:before {
  content: "\f4d3";
}
.fa-pills:before {
  content: "\f484";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-pizza:before {
  content: "\f817";
}
.fa-pizza-slice:before {
  content: "\f818";
}
.fa-place-of-worship:before {
  content: "\f67f";
}
.fa-plane:before {
  content: "\f072";
}
.fa-plane-alt:before {
  content: "\f3de";
}
.fa-plane-arrival:before {
  content: "\f5af";
}
.fa-plane-departure:before {
  content: "\f5b0";
}
.fa-play:before {
  content: "\f04b";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-playstation:before {
  content: "\f3df";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-plus:before {
  content: "\f067";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-plus-hexagon:before {
  content: "\f300";
}
.fa-plus-octagon:before {
  content: "\f301";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-podcast:before {
  content: "\f2ce";
}
.fa-podium:before {
  content: "\f680";
}
.fa-podium-star:before {
  content: "\f758";
}
.fa-poll:before {
  content: "\f681";
}
.fa-poll-h:before {
  content: "\f682";
}
.fa-poll-people:before {
  content: "\f759";
}
.fa-poo:before {
  content: "\f2fe";
}
.fa-poo-storm:before {
  content: "\f75a";
}
.fa-poop:before {
  content: "\f619";
}
.fa-popcorn:before {
  content: "\f819";
}
.fa-portrait:before {
  content: "\f3e0";
}
.fa-pound-sign:before {
  content: "\f154";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-pray:before {
  content: "\f683";
}
.fa-praying-hands:before {
  content: "\f684";
}
.fa-prescription:before {
  content: "\f5b1";
}
.fa-prescription-bottle:before {
  content: "\f485";
}
.fa-prescription-bottle-alt:before {
  content: "\f486";
}
.fa-presentation:before {
  content: "\f685";
}
.fa-print:before {
  content: "\f02f";
}
.fa-print-search:before {
  content: "\f81a";
}
.fa-print-slash:before {
  content: "\f686";
}
.fa-procedures:before {
  content: "\f487";
}
.fa-product-hunt:before {
  content: "\f288";
}
.fa-project-diagram:before {
  content: "\f542";
}
.fa-pumpkin:before {
  content: "\f707";
}
.fa-pushed:before {
  content: "\f3e1";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-python:before {
  content: "\f3e2";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-question:before {
  content: "\f128";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-question-square:before {
  content: "\f2fd";
}
.fa-quidditch:before {
  content: "\f458";
}
.fa-quinscape:before {
  content: "\f459";
}
.fa-quora:before {
  content: "\f2c4";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-quran:before {
  content: "\f687";
}
.fa-r-project:before {
  content: "\f4f7";
}
.fa-rabbit:before {
  content: "\f708";
}
.fa-rabbit-fast:before {
  content: "\f709";
}
.fa-racquet:before {
  content: "\f45a";
}
.fa-radiation:before {
  content: "\f7b9";
}
.fa-radiation-alt:before {
  content: "\f7ba";
}
.fa-rainbow:before {
  content: "\f75b";
}
.fa-raindrops:before {
  content: "\f75c";
}
.fa-ram:before {
  content: "\f70a";
}
.fa-ramp-loading:before {
  content: "\f4d4";
}
.fa-random:before {
  content: "\f074";
}
.fa-raspberry-pi:before {
  content: "\f7bb";
}
.fa-ravelry:before {
  content: "\f2d9";
}
.fa-react:before {
  content: "\f41b";
}
.fa-reacteurope:before {
  content: "\f75d";
}
.fa-readme:before {
  content: "\f4d5";
}
.fa-rebel:before {
  content: "\f1d0";
}
.fa-receipt:before {
  content: "\f543";
}
.fa-rectangle-landscape:before {
  content: "\f2fa";
}
.fa-rectangle-portrait:before {
  content: "\f2fb";
}
.fa-rectangle-wide:before {
  content: "\f2fc";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-red-river:before {
  content: "\f3e3";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-alien:before {
  content: "\f281";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-redhat:before {
  content: "\f7bc";
}
.fa-redo:before {
  content: "\f01e";
}
.fa-redo-alt:before {
  content: "\f2f9";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-repeat:before {
  content: "\f363";
}
.fa-repeat-1:before {
  content: "\f365";
}
.fa-repeat-1-alt:before {
  content: "\f366";
}
.fa-repeat-alt:before {
  content: "\f364";
}
.fa-reply:before {
  content: "\f3e5";
}
.fa-reply-all:before {
  content: "\f122";
}
.fa-replyd:before {
  content: "\f3e6";
}
.fa-republican:before {
  content: "\f75e";
}
.fa-researchgate:before {
  content: "\f4f8";
}
.fa-resolving:before {
  content: "\f3e7";
}
.fa-restroom:before {
  content: "\f7bd";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-retweet-alt:before {
  content: "\f361";
}
.fa-rev:before {
  content: "\f5b2";
}
.fa-ribbon:before {
  content: "\f4d6";
}
.fa-ring:before {
  content: "\f70b";
}
.fa-rings-wedding:before {
  content: "\f81b";
}
.fa-road:before {
  content: "\f018";
}
.fa-robot:before {
  content: "\f544";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-rocketchat:before {
  content: "\f3e8";
}
.fa-rockrms:before {
  content: "\f3e9";
}
.fa-route:before {
  content: "\f4d7";
}
.fa-route-highway:before {
  content: "\f61a";
}
.fa-route-interstate:before {
  content: "\f61b";
}
.fa-rss:before {
  content: "\f09e";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-ruble-sign:before {
  content: "\f158";
}
.fa-ruler:before {
  content: "\f545";
}
.fa-ruler-combined:before {
  content: "\f546";
}
.fa-ruler-horizontal:before {
  content: "\f547";
}
.fa-ruler-triangle:before {
  content: "\f61c";
}
.fa-ruler-vertical:before {
  content: "\f548";
}
.fa-running:before {
  content: "\f70c";
}
.fa-rupee-sign:before {
  content: "\f156";
}
.fa-rv:before {
  content: "\f7be";
}
.fa-sack:before {
  content: "\f81c";
}
.fa-sack-dollar:before {
  content: "\f81d";
}
.fa-sad-cry:before {
  content: "\f5b3";
}
.fa-sad-tear:before {
  content: "\f5b4";
}
.fa-safari:before {
  content: "\f267";
}
.fa-salad:before {
  content: "\f81e";
}
.fa-salesforce:before {
  content: "\f83b";
}
.fa-sandwich:before {
  content: "\f81f";
}
.fa-sass:before {
  content: "\f41e";
}
.fa-satellite:before {
  content: "\f7bf";
}
.fa-satellite-dish:before {
  content: "\f7c0";
}
.fa-sausage:before {
  content: "\f820";
}
.fa-save:before {
  content: "\f0c7";
}
.fa-scalpel:before {
  content: "\f61d";
}
.fa-scalpel-path:before {
  content: "\f61e";
}
.fa-scanner:before {
  content: "\f488";
}
.fa-scanner-keyboard:before {
  content: "\f489";
}
.fa-scanner-touchscreen:before {
  content: "\f48a";
}
.fa-scarecrow:before {
  content: "\f70d";
}
.fa-scarf:before {
  content: "\f7c1";
}
.fa-schlix:before {
  content: "\f3ea";
}
.fa-school:before {
  content: "\f549";
}
.fa-screwdriver:before {
  content: "\f54a";
}
.fa-scribd:before {
  content: "\f28a";
}
.fa-scroll:before {
  content: "\f70e";
}
.fa-scroll-old:before {
  content: "\f70f";
}
.fa-scrubber:before {
  content: "\f2f8";
}
.fa-scythe:before {
  content: "\f710";
}
.fa-sd-card:before {
  content: "\f7c2";
}
.fa-search:before {
  content: "\f002";
}
.fa-search-dollar:before {
  content: "\f688";
}
.fa-search-location:before {
  content: "\f689";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-searchengin:before {
  content: "\f3eb";
}
.fa-seedling:before {
  content: "\f4d8";
}
.fa-sellcast:before {
  content: "\f2da";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-server:before {
  content: "\f233";
}
.fa-servicestack:before {
  content: "\f3ec";
}
.fa-shapes:before {
  content: "\f61f";
}
.fa-share:before {
  content: "\f064";
}
.fa-share-all:before {
  content: "\f367";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-sheep:before {
  content: "\f711";
}
.fa-shekel-sign:before {
  content: "\f20b";
}
.fa-shield:before {
  content: "\f132";
}
.fa-shield-alt:before {
  content: "\f3ed";
}
.fa-shield-check:before {
  content: "\f2f7";
}
.fa-shield-cross:before {
  content: "\f712";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-shipping-fast:before {
  content: "\f48b";
}
.fa-shipping-timed:before {
  content: "\f48c";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-shish-kebab:before {
  content: "\f821";
}
.fa-shoe-prints:before {
  content: "\f54b";
}
.fa-shopping-bag:before {
  content: "\f290";
}
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-shopware:before {
  content: "\f5b5";
}
.fa-shovel:before {
  content: "\f713";
}
.fa-shovel-snow:before {
  content: "\f7c3";
}
.fa-shower:before {
  content: "\f2cc";
}
.fa-shredder:before {
  content: "\f68a";
}
.fa-shuttle-van:before {
  content: "\f5b6";
}
.fa-shuttlecock:before {
  content: "\f45b";
}
.fa-sickle:before {
  content: "\f822";
}
.fa-sigma:before {
  content: "\f68b";
}
.fa-sign:before {
  content: "\f4d9";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-sign-in-alt:before {
  content: "\f2f6";
}
.fa-sign-language:before {
  content: "\f2a7";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-sign-out-alt:before {
  content: "\f2f5";
}
.fa-signal:before {
  content: "\f012";
}
.fa-signal-1:before {
  content: "\f68c";
}
.fa-signal-2:before {
  content: "\f68d";
}
.fa-signal-3:before {
  content: "\f68e";
}
.fa-signal-4:before {
  content: "\f68f";
}
.fa-signal-alt:before {
  content: "\f690";
}
.fa-signal-alt-1:before {
  content: "\f691";
}
.fa-signal-alt-2:before {
  content: "\f692";
}
.fa-signal-alt-3:before {
  content: "\f693";
}
.fa-signal-alt-slash:before {
  content: "\f694";
}
.fa-signal-slash:before {
  content: "\f695";
}
.fa-signature:before {
  content: "\f5b7";
}
.fa-sim-card:before {
  content: "\f7c4";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-sistrix:before {
  content: "\f3ee";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-sith:before {
  content: "\f512";
}
.fa-skating:before {
  content: "\f7c5";
}
.fa-skeleton:before {
  content: "\f620";
}
.fa-sketch:before {
  content: "\f7c6";
}
.fa-ski-jump:before {
  content: "\f7c7";
}
.fa-ski-lift:before {
  content: "\f7c8";
}
.fa-skiing:before {
  content: "\f7c9";
}
.fa-skiing-nordic:before {
  content: "\f7ca";
}
.fa-skull:before {
  content: "\f54c";
}
.fa-skull-crossbones:before {
  content: "\f714";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-slack:before {
  content: "\f198";
}
.fa-slack-hash:before {
  content: "\f3ef";
}
.fa-slash:before {
  content: "\f715";
}
.fa-sledding:before {
  content: "\f7cb";
}
.fa-sleigh:before {
  content: "\f7cc";
}
.fa-sliders-h:before {
  content: "\f1de";
}
.fa-sliders-h-square:before {
  content: "\f3f0";
}
.fa-sliders-v:before {
  content: "\f3f1";
}
.fa-sliders-v-square:before {
  content: "\f3f2";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-smile:before {
  content: "\f118";
}
.fa-smile-beam:before {
  content: "\f5b8";
}
.fa-smile-plus:before {
  content: "\f5b9";
}
.fa-smile-wink:before {
  content: "\f4da";
}
.fa-smog:before {
  content: "\f75f";
}
.fa-smoke:before {
  content: "\f760";
}
.fa-smoking:before {
  content: "\f48d";
}
.fa-smoking-ban:before {
  content: "\f54d";
}
.fa-sms:before {
  content: "\f7cd";
}
.fa-snake:before {
  content: "\f716";
}
.fa-snapchat:before {
  content: "\f2ab";
}
.fa-snapchat-ghost:before {
  content: "\f2ac";
}
.fa-snapchat-square:before {
  content: "\f2ad";
}
.fa-snow-blowing:before {
  content: "\f761";
}
.fa-snowboarding:before {
  content: "\f7ce";
}
.fa-snowflake:before {
  content: "\f2dc";
}
.fa-snowflakes:before {
  content: "\f7cf";
}
.fa-snowman:before {
  content: "\f7d0";
}
.fa-snowmobile:before {
  content: "\f7d1";
}
.fa-snowplow:before {
  content: "\f7d2";
}
.fa-socks:before {
  content: "\f696";
}
.fa-solar-panel:before {
  content: "\f5ba";
}
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-alpha-down:before {
  content: "\f15d";
}
.fa-sort-alpha-up:before {
  content: "\f15e";
}
.fa-sort-amount-down:before {
  content: "\f160";
}
.fa-sort-amount-up:before {
  content: "\f161";
}
.fa-sort-down:before {
  content: "\f0dd";
}
.fa-sort-numeric-down:before {
  content: "\f162";
}
.fa-sort-numeric-up:before {
  content: "\f163";
}
.fa-sort-up:before {
  content: "\f0de";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-soup:before {
  content: "\f823";
}
.fa-sourcetree:before {
  content: "\f7d3";
}
.fa-spa:before {
  content: "\f5bb";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-spade:before {
  content: "\f2f4";
}
.fa-speakap:before {
  content: "\f3f3";
}
.fa-speaker-deck:before {
  content: "\f83c";
}
.fa-spider:before {
  content: "\f717";
}
.fa-spider-black-widow:before {
  content: "\f718";
}
.fa-spider-web:before {
  content: "\f719";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-spinner-third:before {
  content: "\f3f4";
}
.fa-splotch:before {
  content: "\f5bc";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-spray-can:before {
  content: "\f5bd";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-square-full:before {
  content: "\f45c";
}
.fa-square-root:before {
  content: "\f697";
}
.fa-square-root-alt:before {
  content: "\f698";
}
.fa-squarespace:before {
  content: "\f5be";
}
.fa-squirrel:before {
  content: "\f71a";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-staff:before {
  content: "\f71b";
}
.fa-stamp:before {
  content: "\f5bf";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-and-crescent:before {
  content: "\f699";
}
.fa-star-christmas:before {
  content: "\f7d4";
}
.fa-star-exclamation:before {
  content: "\f2f3";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-star-half-alt:before {
  content: "\f5c0";
}
.fa-star-of-david:before {
  content: "\f69a";
}
.fa-star-of-life:before {
  content: "\f621";
}
.fa-stars:before {
  content: "\f762";
}
.fa-staylinked:before {
  content: "\f3f5";
}
.fa-steak:before {
  content: "\f824";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-steam-symbol:before {
  content: "\f3f6";
}
.fa-steering-wheel:before {
  content: "\f622";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-sticker-mule:before {
  content: "\f3f7";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-stocking:before {
  content: "\f7d5";
}
.fa-stomach:before {
  content: "\f623";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-stop-circle:before {
  content: "\f28d";
}
.fa-stopwatch:before {
  content: "\f2f2";
}
.fa-store:before {
  content: "\f54e";
}
.fa-store-alt:before {
  content: "\f54f";
}
.fa-strava:before {
  content: "\f428";
}
.fa-stream:before {
  content: "\f550";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-stretcher:before {
  content: "\f825";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-stripe:before {
  content: "\f429";
}
.fa-stripe-s:before {
  content: "\f42a";
}
.fa-stroopwafel:before {
  content: "\f551";
}
.fa-studiovinari:before {
  content: "\f3f8";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-subway:before {
  content: "\f239";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-suitcase-rolling:before {
  content: "\f5c1";
}
.fa-sun:before {
  content: "\f185";
}
.fa-sun-cloud:before {
  content: "\f763";
}
.fa-sun-dust:before {
  content: "\f764";
}
.fa-sun-haze:before {
  content: "\f765";
}
.fa-sunrise:before {
  content: "\f766";
}
.fa-sunset:before {
  content: "\f767";
}
.fa-superpowers:before {
  content: "\f2dd";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-supple:before {
  content: "\f3f9";
}
.fa-surprise:before {
  content: "\f5c2";
}
.fa-suse:before {
  content: "\f7d6";
}
.fa-swatchbook:before {
  content: "\f5c3";
}
.fa-swimmer:before {
  content: "\f5c4";
}
.fa-swimming-pool:before {
  content: "\f5c5";
}
.fa-sword:before {
  content: "\f71c";
}
.fa-swords:before {
  content: "\f71d";
}
.fa-symfony:before {
  content: "\f83d";
}
.fa-synagogue:before {
  content: "\f69b";
}
.fa-sync:before {
  content: "\f021";
}
.fa-sync-alt:before {
  content: "\f2f1";
}
.fa-syringe:before {
  content: "\f48e";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-table-tennis:before {
  content: "\f45d";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-tablet-alt:before {
  content: "\f3fa";
}
.fa-tablet-android:before {
  content: "\f3fb";
}
.fa-tablet-android-alt:before {
  content: "\f3fc";
}
.fa-tablet-rugged:before {
  content: "\f48f";
}
.fa-tablets:before {
  content: "\f490";
}
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-tachometer-alt:before {
  content: "\f3fd";
}
.fa-tachometer-alt-average:before {
  content: "\f624";
}
.fa-tachometer-alt-fast:before {
  content: "\f625";
}
.fa-tachometer-alt-fastest:before {
  content: "\f626";
}
.fa-tachometer-alt-slow:before {
  content: "\f627";
}
.fa-tachometer-alt-slowest:before {
  content: "\f628";
}
.fa-tachometer-average:before {
  content: "\f629";
}
.fa-tachometer-fast:before {
  content: "\f62a";
}
.fa-tachometer-fastest:before {
  content: "\f62b";
}
.fa-tachometer-slow:before {
  content: "\f62c";
}
.fa-tachometer-slowest:before {
  content: "\f62d";
}
.fa-taco:before {
  content: "\f826";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-tally:before {
  content: "\f69c";
}
.fa-tanakh:before {
  content: "\f827";
}
.fa-tape:before {
  content: "\f4db";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-tasks-alt:before {
  content: "\f828";
}
.fa-taxi:before {
  content: "\f1ba";
}
.fa-teamspeak:before {
  content: "\f4f9";
}
.fa-teeth:before {
  content: "\f62e";
}
.fa-teeth-open:before {
  content: "\f62f";
}
.fa-telegram:before {
  content: "\f2c6";
}
.fa-telegram-plane:before {
  content: "\f3fe";
}
.fa-temperature-frigid:before {
  content: "\f768";
}
.fa-temperature-high:before {
  content: "\f769";
}
.fa-temperature-hot:before {
  content: "\f76a";
}
.fa-temperature-low:before {
  content: "\f76b";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-tenge:before {
  content: "\f7d7";
}
.fa-tennis-ball:before {
  content: "\f45e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-the-red-yeti:before {
  content: "\f69d";
}
.fa-theater-masks:before {
  content: "\f630";
}
.fa-themeco:before {
  content: "\f5c6";
}
.fa-themeisle:before {
  content: "\f2b2";
}
.fa-thermometer:before {
  content: "\f491";
}
.fa-thermometer-empty:before {
  content: "\f2cb";
}
.fa-thermometer-full:before {
  content: "\f2c7";
}
.fa-thermometer-half:before {
  content: "\f2c9";
}
.fa-thermometer-quarter:before {
  content: "\f2ca";
}
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}
.fa-theta:before {
  content: "\f69e";
}
.fa-think-peaks:before {
  content: "\f731";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbtack:before {
  content: "\f08d";
}
.fa-thunderstorm:before {
  content: "\f76c";
}
.fa-thunderstorm-moon:before {
  content: "\f76d";
}
.fa-thunderstorm-sun:before {
  content: "\f76e";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-ticket-alt:before {
  content: "\f3ff";
}
.fa-tilde:before {
  content: "\f69f";
}
.fa-times:before {
  content: "\f00d";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-times-hexagon:before {
  content: "\f2ee";
}
.fa-times-octagon:before {
  content: "\f2f0";
}
.fa-times-square:before {
  content: "\f2d3";
}
.fa-tint:before {
  content: "\f043";
}
.fa-tint-slash:before {
  content: "\f5c7";
}
.fa-tire:before {
  content: "\f631";
}
.fa-tire-flat:before {
  content: "\f632";
}
.fa-tire-pressure-warning:before {
  content: "\f633";
}
.fa-tire-rugged:before {
  content: "\f634";
}
.fa-tired:before {
  content: "\f5c8";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-toilet:before {
  content: "\f7d8";
}
.fa-toilet-paper:before {
  content: "\f71e";
}
.fa-toilet-paper-alt:before {
  content: "\f71f";
}
.fa-tombstone:before {
  content: "\f720";
}
.fa-tombstone-alt:before {
  content: "\f721";
}
.fa-toolbox:before {
  content: "\f552";
}
.fa-tools:before {
  content: "\f7d9";
}
.fa-tooth:before {
  content: "\f5c9";
}
.fa-toothbrush:before {
  content: "\f635";
}
.fa-torah:before {
  content: "\f6a0";
}
.fa-torii-gate:before {
  content: "\f6a1";
}
.fa-tornado:before {
  content: "\f76f";
}
.fa-tractor:before {
  content: "\f722";
}
.fa-trade-federation:before {
  content: "\f513";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-traffic-cone:before {
  content: "\f636";
}
.fa-traffic-light:before {
  content: "\f637";
}
.fa-traffic-light-go:before {
  content: "\f638";
}
.fa-traffic-light-slow:before {
  content: "\f639";
}
.fa-traffic-light-stop:before {
  content: "\f63a";
}
.fa-train:before {
  content: "\f238";
}
.fa-tram:before {
  content: "\f7da";
}
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-trash-alt:before {
  content: "\f2ed";
}
.fa-trash-restore:before {
  content: "\f829";
}
.fa-trash-restore-alt:before {
  content: "\f82a";
}
.fa-treasure-chest:before {
  content: "\f723";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-tree-alt:before {
  content: "\f400";
}
.fa-tree-christmas:before {
  content: "\f7db";
}
.fa-tree-decorated:before {
  content: "\f7dc";
}
.fa-tree-large:before {
  content: "\f7dd";
}
.fa-tree-palm:before {
  content: "\f82b";
}
.fa-trees:before {
  content: "\f724";
}
.fa-trello:before {
  content: "\f181";
}
.fa-triangle:before {
  content: "\f2ec";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-trophy-alt:before {
  content: "\f2eb";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-truck-container:before {
  content: "\f4dc";
}
.fa-truck-couch:before {
  content: "\f4dd";
}
.fa-truck-loading:before {
  content: "\f4de";
}
.fa-truck-monster:before {
  content: "\f63b";
}
.fa-truck-moving:before {
  content: "\f4df";
}
.fa-truck-pickup:before {
  content: "\f63c";
}
.fa-truck-plow:before {
  content: "\f7de";
}
.fa-truck-ramp:before {
  content: "\f4e0";
}
.fa-tshirt:before {
  content: "\f553";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-turkey:before {
  content: "\f725";
}
.fa-turtle:before {
  content: "\f726";
}
.fa-tv:before {
  content: "\f26c";
}
.fa-tv-retro:before {
  content: "\f401";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-typo3:before {
  content: "\f42b";
}
.fa-uber:before {
  content: "\f402";
}
.fa-ubuntu:before {
  content: "\f7df";
}
.fa-uikit:before {
  content: "\f403";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-umbrella-beach:before {
  content: "\f5ca";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-undo:before {
  content: "\f0e2";
}
.fa-undo-alt:before {
  content: "\f2ea";
}
.fa-unicorn:before {
  content: "\f727";
}
.fa-union:before {
  content: "\f6a2";
}
.fa-uniregistry:before {
  content: "\f404";
}
.fa-universal-access:before {
  content: "\f29a";
}
.fa-university:before {
  content: "\f19c";
}
.fa-unlink:before {
  content: "\f127";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-untappd:before {
  content: "\f405";
}
.fa-upload:before {
  content: "\f093";
}
.fa-ups:before {
  content: "\f7e0";
}
.fa-usb:before {
  content: "\f287";
}
.fa-usd-circle:before {
  content: "\f2e8";
}
.fa-usd-square:before {
  content: "\f2e9";
}
.fa-user:before {
  content: "\f007";
}
.fa-user-alt:before {
  content: "\f406";
}
.fa-user-alt-slash:before {
  content: "\f4fa";
}
.fa-user-astronaut:before {
  content: "\f4fb";
}
.fa-user-chart:before {
  content: "\f6a3";
}
.fa-user-check:before {
  content: "\f4fc";
}
.fa-user-circle:before {
  content: "\f2bd";
}
.fa-user-clock:before {
  content: "\f4fd";
}
.fa-user-cog:before {
  content: "\f4fe";
}
.fa-user-crown:before {
  content: "\f6a4";
}
.fa-user-edit:before {
  content: "\f4ff";
}
.fa-user-friends:before {
  content: "\f500";
}
.fa-user-graduate:before {
  content: "\f501";
}
.fa-user-hard-hat:before {
  content: "\f82c";
}
.fa-user-headset:before {
  content: "\f82d";
}
.fa-user-injured:before {
  content: "\f728";
}
.fa-user-lock:before {
  content: "\f502";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-user-md-chat:before {
  content: "\f82e";
}
.fa-user-minus:before {
  content: "\f503";
}
.fa-user-ninja:before {
  content: "\f504";
}
.fa-user-nurse:before {
  content: "\f82f";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-user-shield:before {
  content: "\f505";
}
.fa-user-slash:before {
  content: "\f506";
}
.fa-user-tag:before {
  content: "\f507";
}
.fa-user-tie:before {
  content: "\f508";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-users:before {
  content: "\f0c0";
}
.fa-users-class:before {
  content: "\f63d";
}
.fa-users-cog:before {
  content: "\f509";
}
.fa-users-crown:before {
  content: "\f6a5";
}
.fa-users-medical:before {
  content: "\f830";
}
.fa-usps:before {
  content: "\f7e1";
}
.fa-ussunnah:before {
  content: "\f407";
}
.fa-utensil-fork:before {
  content: "\f2e3";
}
.fa-utensil-knife:before {
  content: "\f2e4";
}
.fa-utensil-spoon:before {
  content: "\f2e5";
}
.fa-utensils:before {
  content: "\f2e7";
}
.fa-utensils-alt:before {
  content: "\f2e6";
}
.fa-vaadin:before {
  content: "\f408";
}
.fa-value-absolute:before {
  content: "\f6a6";
}
.fa-vector-square:before {
  content: "\f5cb";
}
.fa-venus:before {
  content: "\f221";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-viadeo:before {
  content: "\f2a9";
}
.fa-viadeo-square:before {
  content: "\f2aa";
}
.fa-vial:before {
  content: "\f492";
}
.fa-vials:before {
  content: "\f493";
}
.fa-viber:before {
  content: "\f409";
}
.fa-video:before {
  content: "\f03d";
}
.fa-video-plus:before {
  content: "\f4e1";
}
.fa-video-slash:before {
  content: "\f4e2";
}
.fa-vihara:before {
  content: "\f6a7";
}
.fa-vimeo:before {
  content: "\f40a";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-vimeo-v:before {
  content: "\f27d";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-vk:before {
  content: "\f189";
}
.fa-vnv:before {
  content: "\f40b";
}
.fa-volcano:before {
  content: "\f770";
}
.fa-volleyball-ball:before {
  content: "\f45f";
}
.fa-volume:before {
  content: "\f6a8";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-mute:before {
  content: "\f6a9";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-slash:before {
  content: "\f2e2";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-vote-nay:before {
  content: "\f771";
}
.fa-vote-yea:before {
  content: "\f772";
}
.fa-vr-cardboard:before {
  content: "\f729";
}
.fa-vuejs:before {
  content: "\f41f";
}
.fa-walker:before {
  content: "\f831";
}
.fa-walking:before {
  content: "\f554";
}
.fa-wallet:before {
  content: "\f555";
}
.fa-wand:before {
  content: "\f72a";
}
.fa-wand-magic:before {
  content: "\f72b";
}
.fa-warehouse:before {
  content: "\f494";
}
.fa-warehouse-alt:before {
  content: "\f495";
}
.fa-watch:before {
  content: "\f2e1";
}
.fa-watch-fitness:before {
  content: "\f63e";
}
.fa-water:before {
  content: "\f773";
}
.fa-water-lower:before {
  content: "\f774";
}
.fa-water-rise:before {
  content: "\f775";
}
.fa-wave-square:before {
  content: "\f83e";
}
.fa-waze:before {
  content: "\f83f";
}
.fa-webcam:before {
  content: "\f832";
}
.fa-webcam-slash:before {
  content: "\f833";
}
.fa-weebly:before {
  content: "\f5cc";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-weight:before {
  content: "\f496";
}
.fa-weight-hanging:before {
  content: "\f5cd";
}
.fa-weixin:before {
  content: "\f1d7";
}
.fa-whale:before {
  content: "\f72c";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-whatsapp-square:before {
  content: "\f40c";
}
.fa-wheat:before {
  content: "\f72d";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-whistle:before {
  content: "\f460";
}
.fa-whmcs:before {
  content: "\f40d";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-wifi-1:before {
  content: "\f6aa";
}
.fa-wifi-2:before {
  content: "\f6ab";
}
.fa-wifi-slash:before {
  content: "\f6ac";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-wind:before {
  content: "\f72e";
}
.fa-wind-warning:before {
  content: "\f776";
}
.fa-window:before {
  content: "\f40e";
}
.fa-window-alt:before {
  content: "\f40f";
}
.fa-window-close:before {
  content: "\f410";
}
.fa-window-maximize:before {
  content: "\f2d0";
}
.fa-window-minimize:before {
  content: "\f2d1";
}
.fa-window-restore:before {
  content: "\f2d2";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-windsock:before {
  content: "\f777";
}
.fa-wine-bottle:before {
  content: "\f72f";
}
.fa-wine-glass:before {
  content: "\f4e3";
}
.fa-wine-glass-alt:before {
  content: "\f5ce";
}
.fa-wix:before {
  content: "\f5cf";
}
.fa-wizards-of-the-coast:before {
  content: "\f730";
}
.fa-wolf-pack-battalion:before {
  content: "\f514";
}
.fa-won-sign:before {
  content: "\f159";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-wordpress-simple:before {
  content: "\f411";
}
.fa-wpbeginner:before {
  content: "\f297";
}
.fa-wpexplorer:before {
  content: "\f2de";
}
.fa-wpforms:before {
  content: "\f298";
}
.fa-wpressr:before {
  content: "\f3e4";
}
.fa-wreath:before {
  content: "\f7e2";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-x-ray:before {
  content: "\f497";
}
.fa-xbox:before {
  content: "\f412";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-yammer:before {
  content: "\f840";
}
.fa-yandex:before {
  content: "\f413";
}
.fa-yandex-international:before {
  content: "\f414";
}
.fa-yarn:before {
  content: "\f7e3";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-yen-sign:before {
  content: "\f157";
}
.fa-yin-yang:before {
  content: "\f6ad";
}
.fa-yoast:before {
  content: "\f2b1";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-youtube-square:before {
  content: "\f431";
}
.fa-zhihu:before {
  content: "\f63f";
}
.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
/*!
 * Font Awesome Pro 5.8.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: url('../../font-awesome/fonts/fa-brands-400.eot');
  src: url('../../font-awesome/fonts/fa-brands-400.eot?#iefix') format('embedded-opentype'), url('../../font-awesome/fonts/fa-brands-400.woff2') format('woff2'), url('../../font-awesome/fonts/fa-brands-400.woff') format('woff'), url('../../font-awesome/fonts/fa-brands-400.ttf') format('truetype'), url('../../font-awesome/fonts/fa-brands-400.svg#fontawesome') format('svg');
}
.fab {
  font-family: 'Font Awesome 5 Brands';
}
/*!
 * Font Awesome Pro 5.8.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */
@font-face {
  font-family: 'Font Awesome 5 Pro';
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url('../../font-awesome/fonts/fa-regular-400.eot');
  src: url('../../font-awesome/fonts/fa-regular-400.eot?#iefix') format('embedded-opentype'), url('../../font-awesome/fonts/fa-regular-400.woff2') format('woff2'), url('../../font-awesome/fonts/fa-regular-400.woff') format('woff'), url('../../font-awesome/fonts/fa-regular-400.ttf') format('truetype'), url('../../font-awesome/fonts/fa-regular-400.svg#fontawesome') format('svg');
}
.far {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
/*!
 * Font Awesome Pro 5.8.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */
@font-face {
  font-family: 'Font Awesome 5 Pro';
  font-style: normal;
  font-weight: 900;
  font-display: auto;
  src: url('../../font-awesome/fonts/fa-solid-900.eot');
  src: url('../../font-awesome/fonts/fa-solid-900.eot?#iefix') format('embedded-opentype'), url('../../font-awesome/fonts/fa-solid-900.woff2') format('woff2'), url('../../font-awesome/fonts/fa-solid-900.woff') format('woff'), url('../../font-awesome/fonts/fa-solid-900.ttf') format('truetype'), url('../../font-awesome/fonts/fa-solid-900.svg#fontawesome') format('svg');
}
.fa,
.fas {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
}
/*!
 * Font Awesome Pro 5.8.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */
@font-face {
  font-family: 'Font Awesome 5 Pro';
  font-style: normal;
  font-weight: 300;
  font-display: auto;
  src: url('../../font-awesome/fonts/fa-light-300.eot');
  src: url('../../font-awesome/fonts/fa-light-300.eot?#iefix') format('embedded-opentype'), url('../../font-awesome/fonts/fa-light-300.woff2') format('woff2'), url('../../font-awesome/fonts/fa-light-300.woff') format('woff'), url('../../font-awesome/fonts/fa-light-300.ttf') format('truetype'), url('../../font-awesome/fonts/fa-light-300.svg#fontawesome') format('svg');
}
.fal {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300;
}
.fa.fa-glass:before {
  content: "\f000";
}
.fa.fa-meetup {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-star-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-star-o:before {
  content: "\f005";
}
.fa.fa-remove:before {
  content: "\f00d";
}
.fa.fa-close:before {
  content: "\f00d";
}
.fa.fa-gear:before {
  content: "\f013";
}
.fa.fa-trash-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-trash-o:before {
  content: "\f2ed";
}
.fa.fa-file-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-file-o:before {
  content: "\f15b";
}
.fa.fa-clock-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-clock-o:before {
  content: "\f017";
}
.fa.fa-arrow-circle-o-down {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-arrow-circle-o-down:before {
  content: "\f358";
}
.fa.fa-arrow-circle-o-up {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-arrow-circle-o-up:before {
  content: "\f35b";
}
.fa.fa-play-circle-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-play-circle-o:before {
  content: "\f144";
}
.fa.fa-repeat:before {
  content: "\f01e";
}
.fa.fa-rotate-right:before {
  content: "\f01e";
}
.fa.fa-refresh:before {
  content: "\f021";
}
.fa.fa-list-alt {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-dedent:before {
  content: "\f03b";
}
.fa.fa-video-camera:before {
  content: "\f03d";
}
.fa.fa-picture-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-picture-o:before {
  content: "\f03e";
}
.fa.fa-photo {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-photo:before {
  content: "\f03e";
}
.fa.fa-image {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-image:before {
  content: "\f03e";
}
.fa.fa-pencil:before {
  content: "\f303";
}
.fa.fa-map-marker:before {
  content: "\f3c5";
}
.fa.fa-pencil-square-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-pencil-square-o:before {
  content: "\f044";
}
.fa.fa-share-square-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-share-square-o:before {
  content: "\f14d";
}
.fa.fa-check-square-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-check-square-o:before {
  content: "\f14a";
}
.fa.fa-arrows:before {
  content: "\f0b2";
}
.fa.fa-times-circle-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-times-circle-o:before {
  content: "\f057";
}
.fa.fa-check-circle-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-check-circle-o:before {
  content: "\f058";
}
.fa.fa-mail-forward:before {
  content: "\f064";
}
.fa.fa-eye {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-eye-slash {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-warning:before {
  content: "\f071";
}
.fa.fa-calendar:before {
  content: "\f073";
}
.fa.fa-arrows-v:before {
  content: "\f338";
}
.fa.fa-arrows-h:before {
  content: "\f337";
}
.fa.fa-bar-chart {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-bar-chart:before {
  content: "\f080";
}
.fa.fa-bar-chart-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-bar-chart-o:before {
  content: "\f080";
}
.fa.fa-twitter-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-facebook-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-gears:before {
  content: "\f085";
}
.fa.fa-thumbs-o-up {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-thumbs-o-up:before {
  content: "\f164";
}
.fa.fa-thumbs-o-down {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-thumbs-o-down:before {
  content: "\f165";
}
.fa.fa-heart-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-heart-o:before {
  content: "\f004";
}
.fa.fa-sign-out:before {
  content: "\f2f5";
}
.fa.fa-linkedin-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-linkedin-square:before {
  content: "\f08c";
}
.fa.fa-thumb-tack:before {
  content: "\f08d";
}
.fa.fa-external-link:before {
  content: "\f35d";
}
.fa.fa-sign-in:before {
  content: "\f2f6";
}
.fa.fa-github-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-lemon-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-lemon-o:before {
  content: "\f094";
}
.fa.fa-square-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-square-o:before {
  content: "\f0c8";
}
.fa.fa-bookmark-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-bookmark-o:before {
  content: "\f02e";
}
.fa.fa-twitter {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-facebook {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-facebook:before {
  content: "\f39e";
}
.fa.fa-facebook-f {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-facebook-f:before {
  content: "\f39e";
}
.fa.fa-github {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-credit-card {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-feed:before {
  content: "\f09e";
}
.fa.fa-hdd-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-hdd-o:before {
  content: "\f0a0";
}
.fa.fa-hand-o-right {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa.fa-hand-o-left {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa.fa-hand-o-up {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa.fa-hand-o-down {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa.fa-arrows-alt:before {
  content: "\f31e";
}
.fa.fa-group:before {
  content: "\f0c0";
}
.fa.fa-chain:before {
  content: "\f0c1";
}
.fa.fa-scissors:before {
  content: "\f0c4";
}
.fa.fa-files-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-files-o:before {
  content: "\f0c5";
}
.fa.fa-floppy-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-floppy-o:before {
  content: "\f0c7";
}
.fa.fa-navicon:before {
  content: "\f0c9";
}
.fa.fa-reorder:before {
  content: "\f0c9";
}
.fa.fa-pinterest {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-pinterest-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-google-plus-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-google-plus {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-google-plus:before {
  content: "\f0d5";
}
.fa.fa-money {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-money:before {
  content: "\f3d1";
}
.fa.fa-unsorted:before {
  content: "\f0dc";
}
.fa.fa-sort-desc:before {
  content: "\f0dd";
}
.fa.fa-sort-asc:before {
  content: "\f0de";
}
.fa.fa-linkedin {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-linkedin:before {
  content: "\f0e1";
}
.fa.fa-rotate-left:before {
  content: "\f0e2";
}
.fa.fa-legal:before {
  content: "\f0e3";
}
.fa.fa-tachometer:before {
  content: "\f3fd";
}
.fa.fa-dashboard:before {
  content: "\f3fd";
}
.fa.fa-comment-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-comment-o:before {
  content: "\f075";
}
.fa.fa-comments-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-comments-o:before {
  content: "\f086";
}
.fa.fa-flash:before {
  content: "\f0e7";
}
.fa.fa-clipboard {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-paste {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-paste:before {
  content: "\f328";
}
.fa.fa-lightbulb-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa.fa-exchange:before {
  content: "\f362";
}
.fa.fa-cloud-download:before {
  content: "\f381";
}
.fa.fa-cloud-upload:before {
  content: "\f382";
}
.fa.fa-bell-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-bell-o:before {
  content: "\f0f3";
}
.fa.fa-cutlery:before {
  content: "\f2e7";
}
.fa.fa-file-text-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-file-text-o:before {
  content: "\f15c";
}
.fa.fa-building-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-building-o:before {
  content: "\f1ad";
}
.fa.fa-hospital-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-hospital-o:before {
  content: "\f0f8";
}
.fa.fa-tablet:before {
  content: "\f3fa";
}
.fa.fa-mobile:before {
  content: "\f3cd";
}
.fa.fa-mobile-phone:before {
  content: "\f3cd";
}
.fa.fa-circle-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-circle-o:before {
  content: "\f111";
}
.fa.fa-mail-reply:before {
  content: "\f3e5";
}
.fa.fa-github-alt {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-folder-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-folder-o:before {
  content: "\f07b";
}
.fa.fa-folder-open-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-folder-open-o:before {
  content: "\f07c";
}
.fa.fa-smile-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-smile-o:before {
  content: "\f118";
}
.fa.fa-frown-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-frown-o:before {
  content: "\f119";
}
.fa.fa-meh-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-meh-o:before {
  content: "\f11a";
}
.fa.fa-keyboard-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-keyboard-o:before {
  content: "\f11c";
}
.fa.fa-flag-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-flag-o:before {
  content: "\f024";
}
.fa.fa-mail-reply-all:before {
  content: "\f122";
}
.fa.fa-star-half-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-star-half-o:before {
  content: "\f089";
}
.fa.fa-star-half-empty {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-star-half-empty:before {
  content: "\f089";
}
.fa.fa-star-half-full {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-star-half-full:before {
  content: "\f089";
}
.fa.fa-code-fork:before {
  content: "\f126";
}
.fa.fa-chain-broken:before {
  content: "\f127";
}
.fa.fa-shield:before {
  content: "\f3ed";
}
.fa.fa-calendar-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-calendar-o:before {
  content: "\f133";
}
.fa.fa-maxcdn {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-html5 {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-css3 {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-ticket:before {
  content: "\f3ff";
}
.fa.fa-minus-square-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-minus-square-o:before {
  content: "\f146";
}
.fa.fa-level-up:before {
  content: "\f3bf";
}
.fa.fa-level-down:before {
  content: "\f3be";
}
.fa.fa-pencil-square:before {
  content: "\f14b";
}
.fa.fa-external-link-square:before {
  content: "\f360";
}
.fa.fa-compass {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-caret-square-o-down {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa.fa-toggle-down {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-toggle-down:before {
  content: "\f150";
}
.fa.fa-caret-square-o-up {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa.fa-toggle-up {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-toggle-up:before {
  content: "\f151";
}
.fa.fa-caret-square-o-right {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa.fa-toggle-right {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-toggle-right:before {
  content: "\f152";
}
.fa.fa-eur:before {
  content: "\f153";
}
.fa.fa-euro:before {
  content: "\f153";
}
.fa.fa-gbp:before {
  content: "\f154";
}
.fa.fa-usd:before {
  content: "\f155";
}
.fa.fa-dollar:before {
  content: "\f155";
}
.fa.fa-inr:before {
  content: "\f156";
}
.fa.fa-rupee:before {
  content: "\f156";
}
.fa.fa-jpy:before {
  content: "\f157";
}
.fa.fa-cny:before {
  content: "\f157";
}
.fa.fa-rmb:before {
  content: "\f157";
}
.fa.fa-yen:before {
  content: "\f157";
}
.fa.fa-rub:before {
  content: "\f158";
}
.fa.fa-ruble:before {
  content: "\f158";
}
.fa.fa-rouble:before {
  content: "\f158";
}
.fa.fa-krw:before {
  content: "\f159";
}
.fa.fa-won:before {
  content: "\f159";
}
.fa.fa-btc {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-bitcoin {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-bitcoin:before {
  content: "\f15a";
}
.fa.fa-file-text:before {
  content: "\f15c";
}
.fa.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa.fa-youtube-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-youtube {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-xing {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-xing-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-youtube-play {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-youtube-play:before {
  content: "\f167";
}
.fa.fa-dropbox {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-stack-overflow {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-instagram {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-flickr {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-adn {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-bitbucket {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-bitbucket-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-bitbucket-square:before {
  content: "\f171";
}
.fa.fa-tumblr {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-tumblr-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-long-arrow-down:before {
  content: "\f309";
}
.fa.fa-long-arrow-up:before {
  content: "\f30c";
}
.fa.fa-long-arrow-left:before {
  content: "\f30a";
}
.fa.fa-long-arrow-right:before {
  content: "\f30b";
}
.fa.fa-apple {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-windows {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-android {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-linux {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-dribbble {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-skype {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-foursquare {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-trello {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-gratipay {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-gittip {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-gittip:before {
  content: "\f184";
}
.fa.fa-sun-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-sun-o:before {
  content: "\f185";
}
.fa.fa-moon-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-moon-o:before {
  content: "\f186";
}
.fa.fa-vk {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-weibo {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-renren {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-pagelines {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-stack-exchange {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-arrow-circle-o-right {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-arrow-circle-o-right:before {
  content: "\f35a";
}
.fa.fa-arrow-circle-o-left {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-arrow-circle-o-left:before {
  content: "\f359";
}
.fa.fa-caret-square-o-left {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa.fa-toggle-left {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-toggle-left:before {
  content: "\f191";
}
.fa.fa-dot-circle-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-dot-circle-o:before {
  content: "\f192";
}
.fa.fa-vimeo-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-try:before {
  content: "\f195";
}
.fa.fa-turkish-lira:before {
  content: "\f195";
}
.fa.fa-plus-square-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-plus-square-o:before {
  content: "\f0fe";
}
.fa.fa-slack {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-wordpress {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-openid {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-institution:before {
  content: "\f19c";
}
.fa.fa-bank:before {
  content: "\f19c";
}
.fa.fa-mortar-board:before {
  content: "\f19d";
}
.fa.fa-yahoo {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-google {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-reddit {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-reddit-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-stumbleupon-circle {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-stumbleupon {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-delicious {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-digg {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-pied-piper-pp {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-pied-piper-alt {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-drupal {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-joomla {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-spoon:before {
  content: "\f2e5";
}
.fa.fa-behance {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-behance-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-steam {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-steam-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-automobile:before {
  content: "\f1b9";
}
.fa.fa-cab:before {
  content: "\f1ba";
}
.fa.fa-envelope-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-envelope-o:before {
  content: "\f0e0";
}
.fa.fa-deviantart {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-soundcloud {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-file-pdf-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa.fa-file-word-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-file-word-o:before {
  content: "\f1c2";
}
.fa.fa-file-excel-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa.fa-file-powerpoint-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa.fa-file-image-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-file-image-o:before {
  content: "\f1c5";
}
.fa.fa-file-photo-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-file-photo-o:before {
  content: "\f1c5";
}
.fa.fa-file-picture-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-file-picture-o:before {
  content: "\f1c5";
}
.fa.fa-file-archive-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa.fa-file-zip-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-file-zip-o:before {
  content: "\f1c6";
}
.fa.fa-file-audio-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa.fa-file-sound-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-file-sound-o:before {
  content: "\f1c7";
}
.fa.fa-file-video-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-file-video-o:before {
  content: "\f1c8";
}
.fa.fa-file-movie-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-file-movie-o:before {
  content: "\f1c8";
}
.fa.fa-file-code-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-file-code-o:before {
  content: "\f1c9";
}
.fa.fa-vine {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-codepen {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-jsfiddle {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-life-ring {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-life-bouy {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-life-bouy:before {
  content: "\f1cd";
}
.fa.fa-life-buoy {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-life-buoy:before {
  content: "\f1cd";
}
.fa.fa-life-saver {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-life-saver:before {
  content: "\f1cd";
}
.fa.fa-support {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-support:before {
  content: "\f1cd";
}
.fa.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa.fa-rebel {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-ra {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-ra:before {
  content: "\f1d0";
}
.fa.fa-resistance {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-resistance:before {
  content: "\f1d0";
}
.fa.fa-empire {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-ge {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-ge:before {
  content: "\f1d1";
}
.fa.fa-git-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-git {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-hacker-news {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-y-combinator-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-y-combinator-square:before {
  content: "\f1d4";
}
.fa.fa-yc-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-yc-square:before {
  content: "\f1d4";
}
.fa.fa-tencent-weibo {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-qq {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-weixin {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-wechat {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-wechat:before {
  content: "\f1d7";
}
.fa.fa-send:before {
  content: "\f1d8";
}
.fa.fa-paper-plane-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-paper-plane-o:before {
  content: "\f1d8";
}
.fa.fa-send-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-send-o:before {
  content: "\f1d8";
}
.fa.fa-circle-thin {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-circle-thin:before {
  content: "\f111";
}
.fa.fa-header:before {
  content: "\f1dc";
}
.fa.fa-sliders:before {
  content: "\f1de";
}
.fa.fa-futbol-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-futbol-o:before {
  content: "\f1e3";
}
.fa.fa-soccer-ball-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-soccer-ball-o:before {
  content: "\f1e3";
}
.fa.fa-slideshare {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-twitch {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-yelp {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-newspaper-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa.fa-paypal {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-google-wallet {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-cc-visa {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-cc-mastercard {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-cc-discover {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-cc-amex {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-cc-paypal {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-cc-stripe {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-bell-slash-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-bell-slash-o:before {
  content: "\f1f6";
}
.fa.fa-trash:before {
  content: "\f2ed";
}
.fa.fa-copyright {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-eyedropper:before {
  content: "\f1fb";
}
.fa.fa-area-chart:before {
  content: "\f1fe";
}
.fa.fa-pie-chart:before {
  content: "\f200";
}
.fa.fa-line-chart:before {
  content: "\f201";
}
.fa.fa-lastfm {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-lastfm-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-ioxhost {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-angellist {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-cc {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-cc:before {
  content: "\f20a";
}
.fa.fa-ils:before {
  content: "\f20b";
}
.fa.fa-shekel:before {
  content: "\f20b";
}
.fa.fa-sheqel:before {
  content: "\f20b";
}
.fa.fa-meanpath {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-meanpath:before {
  content: "\f2b4";
}
.fa.fa-buysellads {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-connectdevelop {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-dashcube {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-forumbee {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-leanpub {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-sellsy {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-shirtsinbulk {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-simplybuilt {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-skyatlas {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-diamond {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-diamond:before {
  content: "\f3a5";
}
.fa.fa-intersex:before {
  content: "\f224";
}
.fa.fa-facebook-official {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-facebook-official:before {
  content: "\f09a";
}
.fa.fa-pinterest-p {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-whatsapp {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-hotel:before {
  content: "\f236";
}
.fa.fa-viacoin {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-medium {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-y-combinator {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-yc {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-yc:before {
  content: "\f23b";
}
.fa.fa-optin-monster {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-opencart {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-expeditedssl {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-battery-4:before {
  content: "\f240";
}
.fa.fa-battery:before {
  content: "\f240";
}
.fa.fa-battery-3:before {
  content: "\f241";
}
.fa.fa-battery-2:before {
  content: "\f242";
}
.fa.fa-battery-1:before {
  content: "\f243";
}
.fa.fa-battery-0:before {
  content: "\f244";
}
.fa.fa-object-group {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-object-ungroup {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-sticky-note-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-sticky-note-o:before {
  content: "\f249";
}
.fa.fa-cc-jcb {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-cc-diners-club {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-clone {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-hourglass-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-hourglass-o:before {
  content: "\f254";
}
.fa.fa-hourglass-1:before {
  content: "\f251";
}
.fa.fa-hourglass-2:before {
  content: "\f252";
}
.fa.fa-hourglass-3:before {
  content: "\f253";
}
.fa.fa-hand-rock-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-hand-rock-o:before {
  content: "\f255";
}
.fa.fa-hand-grab-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-hand-grab-o:before {
  content: "\f255";
}
.fa.fa-hand-paper-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-hand-paper-o:before {
  content: "\f256";
}
.fa.fa-hand-stop-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-hand-stop-o:before {
  content: "\f256";
}
.fa.fa-hand-scissors-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-hand-scissors-o:before {
  content: "\f257";
}
.fa.fa-hand-lizard-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-hand-lizard-o:before {
  content: "\f258";
}
.fa.fa-hand-spock-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-hand-spock-o:before {
  content: "\f259";
}
.fa.fa-hand-pointer-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa.fa-hand-peace-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-hand-peace-o:before {
  content: "\f25b";
}
.fa.fa-registered {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-creative-commons {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-gg {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-gg-circle {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-tripadvisor {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-odnoklassniki {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-odnoklassniki-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-get-pocket {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-wikipedia-w {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-safari {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-chrome {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-firefox {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-opera {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-internet-explorer {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-television:before {
  content: "\f26c";
}
.fa.fa-contao {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-500px {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-amazon {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-calendar-plus-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-calendar-plus-o:before {
  content: "\f271";
}
.fa.fa-calendar-minus-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-calendar-minus-o:before {
  content: "\f272";
}
.fa.fa-calendar-times-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-calendar-times-o:before {
  content: "\f273";
}
.fa.fa-calendar-check-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-calendar-check-o:before {
  content: "\f274";
}
.fa.fa-map-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-map-o:before {
  content: "\f279";
}
.fa.fa-commenting:before {
  content: "\f4ad";
}
.fa.fa-commenting-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-commenting-o:before {
  content: "\f4ad";
}
.fa.fa-houzz {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-vimeo {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-vimeo:before {
  content: "\f27d";
}
.fa.fa-black-tie {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-fonticons {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-reddit-alien {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-edge {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-credit-card-alt:before {
  content: "\f09d";
}
.fa.fa-codiepie {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-modx {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-fort-awesome {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-usb {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-product-hunt {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-mixcloud {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-scribd {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-pause-circle-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-pause-circle-o:before {
  content: "\f28b";
}
.fa.fa-stop-circle-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-stop-circle-o:before {
  content: "\f28d";
}
.fa.fa-bluetooth {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-bluetooth-b {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-gitlab {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-wpbeginner {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-wpforms {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-envira {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-wheelchair-alt {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-wheelchair-alt:before {
  content: "\f368";
}
.fa.fa-question-circle-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-question-circle-o:before {
  content: "\f059";
}
.fa.fa-volume-control-phone:before {
  content: "\f2a0";
}
.fa.fa-asl-interpreting:before {
  content: "\f2a3";
}
.fa.fa-deafness:before {
  content: "\f2a4";
}
.fa.fa-hard-of-hearing:before {
  content: "\f2a4";
}
.fa.fa-glide {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-glide-g {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-signing:before {
  content: "\f2a7";
}
.fa.fa-viadeo {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-viadeo-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-snapchat {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-snapchat-ghost {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-snapchat-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-pied-piper {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-first-order {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-yoast {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-themeisle {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-google-plus-official {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-google-plus-official:before {
  content: "\f2b3";
}
.fa.fa-google-plus-circle {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-google-plus-circle:before {
  content: "\f2b3";
}
.fa.fa-font-awesome {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-fa {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-fa:before {
  content: "\f2b4";
}
.fa.fa-handshake-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-handshake-o:before {
  content: "\f2b5";
}
.fa.fa-envelope-open-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-envelope-open-o:before {
  content: "\f2b6";
}
.fa.fa-linode {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-address-book-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-address-book-o:before {
  content: "\f2b9";
}
.fa.fa-vcard:before {
  content: "\f2bb";
}
.fa.fa-address-card-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-address-card-o:before {
  content: "\f2bb";
}
.fa.fa-vcard-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-vcard-o:before {
  content: "\f2bb";
}
.fa.fa-user-circle-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-user-circle-o:before {
  content: "\f2bd";
}
.fa.fa-user-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-user-o:before {
  content: "\f007";
}
.fa.fa-id-badge {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-drivers-license:before {
  content: "\f2c2";
}
.fa.fa-id-card-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-id-card-o:before {
  content: "\f2c2";
}
.fa.fa-drivers-license-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-drivers-license-o:before {
  content: "\f2c2";
}
.fa.fa-quora {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-free-code-camp {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-telegram {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-thermometer-4:before {
  content: "\f2c7";
}
.fa.fa-thermometer:before {
  content: "\f2c7";
}
.fa.fa-thermometer-3:before {
  content: "\f2c8";
}
.fa.fa-thermometer-2:before {
  content: "\f2c9";
}
.fa.fa-thermometer-1:before {
  content: "\f2ca";
}
.fa.fa-thermometer-0:before {
  content: "\f2cb";
}
.fa.fa-bathtub:before {
  content: "\f2cd";
}
.fa.fa-s15:before {
  content: "\f2cd";
}
.fa.fa-window-maximize {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-window-restore {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-times-rectangle:before {
  content: "\f410";
}
.fa.fa-window-close-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-window-close-o:before {
  content: "\f410";
}
.fa.fa-times-rectangle-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-times-rectangle-o:before {
  content: "\f410";
}
.fa.fa-bandcamp {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-grav {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-etsy {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-imdb {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-ravelry {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-eercast {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-eercast:before {
  content: "\f2da";
}
.fa.fa-snowflake-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
.fa.fa-snowflake-o:before {
  content: "\f2dc";
}
.fa.fa-superpowers {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-wpexplorer {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa.fa-spotify {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-fh {
  height: 1.28571429em;
  text-align: center;
}
.fa-fs {
  width: 1.28571429em;
  height: 1.28571429em;
  text-align: center;
  line-height: 1.28571429em;
}
.fa-bordered {
  border: 1px solid;
  border-radius: 50%;
}
.fa-vk:before {
  content: "\f189";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-facebook-official:before {
  content: "\f09a";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-google-plus:before {
  content: "\f2b3";
}
.fa-camera:before {
  content: "\f030";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-rub:before {
  content: "\f158";
}
.fa-bars:before {
  content: "\f0c9";
}
.fa-check:before {
  content: "\f00c";
}
.fa-event:before,
.fa-notice:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-envelope-o:before {
  content: "\f2b6";
}
.fa-salary:before,
.fa-money:before {
  content: "\f3d1";
}
.fa-plus:before {
  content: "\f067";
}
.fa-lock:before {
  content: "\f023";
}
.fa-th:before {
  content: "\f00a";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-employer:before,
.fa-user:before {
  content: "\f007";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-info:before {
  content: "\f129";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-search:before {
  content: "\f002";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-thumbs-o-up:before {
  content: "\f164";
}
.fa-thumbs-o-down:before {
  content: "\f165";
}
.fa-question:before {
  content: "\f128";
}
.fa-file-o:before {
  content: "\f15b";
}
.fa-minus:before {
  content: "\f068";
}
.fa-penalty:before,
.fa-exclamation:before {
  content: "\f12a";
}
.fa-police:before,
.fa-shield:before {
  content: "\f132";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-cog:before {
  content: "\f013";
}
.fa-cogs:before {
  content: "\f085";
}
.fa-signal:before {
  content: "\f012";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-calendar:before {
  content: "\f133";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-info:before {
  content: "\f129";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-star:before {
  content: "\f005";
}
.fa-circle:before {
  content: "\f111";
}
.fa-id-card:before {
  content: "\f2c2";
}
.fa-id-card-o:before {
  content: "\f2c2";
}
.fa-taxi:before {
  content: "\f1ba";
}
.fa-signal:before {
  content: "\f012";
}
.fa-sign-language:before {
  content: "\f2a7";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-bar-chart:before {
  content: "\f080";
}
.fa-check-circle-o:before {
  content: "\f058";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-comment:before {
  content: "\f075";
}
.fa-repeat:before {
  content: "\f363";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-play-circle-o:before {
  content: "\f144";
}
.fa-pause-circle-o:before {
  content: "\f28b";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-shield:before {
  content: "\f132";
}
.fa-bug:before {
  content: "\f188";
}
.fa-usd:before {
  content: "\f155";
}
.fa-town:before {
  content: " ";
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij4KPGc+Cgk8Zz4KCQk8Zz4KCQkJPHBhdGggZD0iTTQ4Ni40LDQ2MC44Yy0xLjQ3NiwwLTIuOTQ0LDAuMTI4LTQuMzg2LDAuMzg0Yy01Ljg4OC0xMC42MDctMTcuMDkyLTE3LjQ1MS0yOS43NDctMTcuNDUxICAgICBjLTEyLjY1NSwwLTIzLjg1OSw2Ljg0NC0yOS43NDcsMTcuNDUxYy0xLjQ0Mi0wLjI1Ni0yLjkxLTAuMzg0LTQuMzg2LTAuMzg0Yy0xNC4xMTQsMC0yNS42LDExLjQ4Ni0yNS42LDI1LjYgICAgIGMwLDMuMDA0LDAuNjE0LDUuODQ1LDEuNTc5LDguNTMzSDM1OC40di01MS4yaDQyLjY2N2M0LjcxLDAsOC41MzMtMy44MjMsOC41MzMtOC41MzNWOTMuODY3YzAtNC43MS0zLjgyMy04LjUzMy04LjUzMy04LjUzMyAgICAgaC0yNTZjLTQuNzEsMC04LjUzMywzLjgyMy04LjUzMyw4LjUzM3Y0MDkuNmMwLDQuNzEsMy44MjMsOC41MzMsOC41MzMsOC41MzNINDg2LjRjMTQuMTE0LDAsMjUuNi0xMS40ODYsMjUuNi0yNS42ICAgICBTNTAwLjUxNCw0NjAuOCw0ODYuNCw0NjAuOHogTTM1OC40LDEwMi40aDM0LjEzM3Y1MS4ySDM1OC40VjEwMi40eiBNMzU4LjQsMTcwLjY2N2gzNC4xMzN2NTEuMkgzNTguNFYxNzAuNjY3eiBNMzU4LjQsMjM4LjkzMyAgICAgaDM0LjEzM3Y1MS4ySDM1OC40VjIzOC45MzN6IE0zNTguNCwzMDcuMmgzNC4xMzN2NTEuMkgzNTguNFYzMDcuMnogTTM1OC40LDM3NS40NjdoMzQuMTMzdjUxLjJIMzU4LjRWMzc1LjQ2N3ogTTE4Ny43MzMsNDk0LjkzMyAgICAgSDE1My42di01MS4yaDM0LjEzM1Y0OTQuOTMzeiBNMTg3LjczMyw0MjYuNjY3SDE1My42di01MS4yaDM0LjEzM1Y0MjYuNjY3eiBNMTg3LjczMywzNTguNEgxNTMuNnYtNTEuMmgzNC4xMzNWMzU4LjR6ICAgICAgTTE4Ny43MzMsMjkwLjEzM0gxNTMuNnYtNTEuMmgzNC4xMzNWMjkwLjEzM3ogTTE4Ny43MzMsMjIxLjg2N0gxNTMuNnYtNTEuMmgzNC4xMzNWMjIxLjg2N3ogTTE4Ny43MzMsMTUzLjZIMTUzLjZ2LTUxLjJoMzQuMTMzICAgICBWMTUzLjZ6IE0yMzguOTMzLDQ5NC45MzNIMjA0Ljh2LTUxLjJoMzQuMTMzVjQ5NC45MzN6IE0yMzguOTMzLDQyNi42NjdIMjA0Ljh2LTUxLjJoMzQuMTMzVjQyNi42Njd6IE0yMzguOTMzLDM1OC40SDIwNC44di01MS4yICAgICBoMzQuMTMzVjM1OC40eiBNMjM4LjkzMywyOTAuMTMzSDIwNC44di01MS4yaDM0LjEzM1YyOTAuMTMzeiBNMjM4LjkzMywyMjEuODY3SDIwNC44di01MS4yaDM0LjEzM1YyMjEuODY3eiBNMjM4LjkzMywxNTMuNiAgICAgSDIwNC44di01MS4yaDM0LjEzM1YxNTMuNnogTTI5MC4xMzMsNDk0LjkzM0gyNTZ2LTUxLjJoMzQuMTMzVjQ5NC45MzN6IE0yOTAuMTMzLDQyNi42NjdIMjU2di01MS4yaDM0LjEzM1Y0MjYuNjY3eiAgICAgIE0yOTAuMTMzLDM1OC40SDI1NnYtNTEuMmgzNC4xMzNWMzU4LjR6IE0yOTAuMTMzLDI5MC4xMzNIMjU2di01MS4yaDM0LjEzM1YyOTAuMTMzeiBNMjkwLjEzMywyMjEuODY3SDI1NnYtNTEuMmgzNC4xMzNWMjIxLjg2NyAgICAgeiBNMjkwLjEzMywxNTMuNkgyNTZ2LTUxLjJoMzQuMTMzVjE1My42eiBNMzQxLjMzMyw0OTQuOTMzSDMwNy4ydi01MS4yaDM0LjEzM1Y0OTQuOTMzeiBNMzQxLjMzMyw0MjYuNjY3SDMwNy4ydi01MS4yaDM0LjEzMyAgICAgVjQyNi42Njd6IE0zNDEuMzMzLDM1OC40SDMwNy4ydi01MS4yaDM0LjEzM1YzNTguNHogTTM0MS4zMzMsMjkwLjEzM0gzMDcuMnYtNTEuMmgzNC4xMzNWMjkwLjEzM3ogTTM0MS4zMzMsMjIxLjg2N0gzMDcuMnYtNTEuMiAgICAgaDM0LjEzM1YyMjEuODY3eiBNMzQxLjMzMywxNTMuNkgzMDcuMnYtNTEuMmgzNC4xMzNWMTUzLjZ6IE00ODYuNCw0OTQuOTMzaC02OC4yNjdjLTQuNzAyLDAtOC41MzMtMy44MzEtOC41MzMtOC41MzMgICAgIHMzLjgzMS04LjUzMyw4LjUzMy04LjUzM2MxLjYzOCwwLDMuMTkxLDAuNDY5LDQuNjI1LDEuMzkxYzIuMzM4LDEuNTAyLDUuMjU3LDEuNzc1LDcuODM0LDAuNzM0ICAgICBjMi41NzctMS4wNDEsNC40OC0zLjI3Nyw1LjEwMy01Ljk4MmMxLjgwMS03Ljc3NCw4LjYxOS0xMy4yMSwxNi41NzItMTMuMjFjNy45NTMsMCwxNC43NzEsNS40MzYsMTYuNTcyLDEzLjIxICAgICBjMC42MjMsMi43MDUsMi41MjYsNC45NDEsNS4xMDMsNS45ODJjMi41NzcsMS4wNDEsNS40OTUsMC43NjgsNy44MzQtMC43MzRjNS41NDctMy41ODQsMTMuMTY3LDAuODAyLDEzLjE1OCw3LjE0MiAgICAgQzQ5NC45MzMsNDkxLjEwMiw0OTEuMTAyLDQ5NC45MzMsNDg2LjQsNDk0LjkzM3oiIGZpbGw9IiMwMDAwMDAiLz4KCQkJPHBhdGggZD0iTTE4Ny43MzMsNTkuNzMzdi0yNS42aDU5LjczM2M0LjcxLDAsOC41MzMtMy44MjMsOC41MzMtOC41MzN2LTguNTMzaDM0LjEzM1YyNS42YzAsNC43MSwzLjgyMyw4LjUzMyw4LjUzMyw4LjUzM0gzNTguNCAgICAgVjUxLjJIMjEzLjMzM2MtNC43MSwwLTguNTMzLDMuODIzLTguNTMzLDguNTMzczMuODIzLDguNTMzLDguNTMzLDguNTMzaDIxMy4zMzN2MzUzLjk1NGMwLDQuNzEsMy44MjMsOC41MzMsOC41MzMsOC41MzMgICAgIHM4LjUzMy0zLjgyMyw4LjUzMy04LjUzM1Y1OS43MzNjMC00LjcxLTMuODIzLTguNTMzLTguNTMzLTguNTMzaC01OS43MzNWMjUuNmMwLTQuNzEtMy44MjMtOC41MzMtOC41MzMtOC41MzNIMzA3LjJWOC41MzMgICAgIGMwLTQuNzEtMy44MjMtOC41MzMtOC41MzMtOC41MzNoLTUxLjJjLTQuNzEsMC04LjUzMywzLjgyMy04LjUzMyw4LjUzM3Y4LjUzM0gxNzkuMmMtNC43MSwwLTguNTMzLDMuODIzLTguNTMzLDguNTMzdjI1LjYgICAgIGgtNTkuNzMzYy00LjcxLDAtOC41MzMsMy44MjMtOC41MzMsOC41MzN2NDM1LjJINTEuMnYtMzQuOTk1YzE5LjQ0Ny0zLjk2OCwzNC4xMzMtMjEuMTk3LDM0LjEzMy00MS44MDUgICAgIGMwLTEuMTA5LTAuNDg2LTExMC45MzMtNDIuNjY3LTExMC45MzNDMC40ODYsMzA3LjIsMCw0MTcuMDI0LDAsNDE4LjEzM2MwLDIwLjYwOCwxNC42ODYsMzcuODM3LDM0LjEzMyw0MS44MDV2MzQuOTk1aC0yNS42ICAgICBjLTQuNzEsMC04LjUzMywzLjgyMy04LjUzMyw4LjUzM1MzLjgyMyw1MTIsOC41MzMsNTEyaDEwMi40YzQuNzEsMCw4LjUzMy0zLjgyMyw4LjUzMy04LjUzM3YtNDM1LjJIMTc5LjIgICAgIEMxODMuOTEsNjguMjY3LDE4Ny43MzMsNjQuNDQ0LDE4Ny43MzMsNTkuNzMzeiBNMTcuMDY3LDQxOC4xMzNjMC00Mi41MTMsMTEuNDE4LTkzLjg2NywyNS42LTkzLjg2NyAgICAgYzE0LjE4MiwwLDI1LjYsNTEuMzU0LDI1LjYsOTMuODY3YzAsMTQuMTE0LTExLjQ4NiwyNS42LTI1LjYsMjUuNlMxNy4wNjcsNDMyLjI0NywxNy4wNjcsNDE4LjEzM3oiIGZpbGw9IiMwMDAwMDAiLz4KCQk8L2c+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
}
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-handshake-o:before {
  content: "\f2b5";
}
.fa-car:before {
  content: "\f1b9";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-bolt:before {
  content: "\f0e7";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-superpowers:before {
  content: "\f2dd";
}
.fa-question-circle-o:before {
  content: "\f128";
}
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-tint:before {
  content: "\f043";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-linkedin:before {
  content: "\f08c";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-volume-control-phone:before {
  content: "\f2a0";
}
.fa-rss:before {
  content: "\f09e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-commenting:before {
  content: "\f4ad";
}
.fa-telegram:before {
  content: "\f2c6";
}
.fa-ok:before {
  content: "\f263";
}
.fa-glass:before {
  content: "\f000";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-share:before {
  content: "\f064";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-flag:before {
  content: "\f024";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f089";
}
.fa-star-half-o:before {
  content: "\f089";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-circle:before {
  content: "\f111";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-hourglass-o:before {
  content: "\f254";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-font-awesome:before {
  content: "\f2b4";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-building-o:before,
.fa-building-build:before,
.fa-building-ground:before,
.fa-building-lvlup:before {
  content: "\f1ad";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-football-o:before {
  content: "\f1e3";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-percent:before {
  content: "\f295";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-square-o:before {
  content: "\f044";
}
.fa-heart-o:before {
  content: "\f004";
}
.fa-driving-license:before {
  content: "\f2c2";
}
.fa-driving-license-o:before {
  content: "\f47f";
}
.fa-home:before {
  content: "\f015";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-telegram:before {
  content: "\f2c6";
}
.fa-users:before {
  content: "\f0c0";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-ethereum:before {
  content: "\f42e";
}
.fa-clock:before {
  content: "\f017";
}
.fa-business-time:before {
  content: "\f64a";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-id-card-alt:before {
  content: "\f47f";
}
.fa-car-garage:before {
  content: "\f5e2";
}
.fa-warehouse:before {
  content: "\f494";
}
.fa-file-signature:before {
  content: "\f573";
}
.fa-landmark:before {
  content: "\f66f";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-bookmark {
  content: "\f02e";
}
.fa-youtube {
  content: "\f167";
}
.fa-birthday-cake {
  content: "\f1fd";
}
.fa-dashboard {
  content: "\f210";
}
@font-face {
  font-family: "fa-extend";
  src: url("../fonts/fa-extend/icomoon.eot?746kcf");
  src: url("../fonts/fa-extend/icomoon.eot?746kcf#iefix") format("embedded-opentype"), url("../fonts/fa-extend/icomoon.ttf?746kcf") format("truetype"), url("../fonts/fa-extend/icomoon.woff?746kcf") format("woff"), url("../fonts/fa-extend/icomoon.svg?746kcf#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class*="fae-"] {
  font-family: "fa-extend" !important;
  font-weight: 400;
}
.fae-brazilian-real:before {
  content: "\e900";
  position: relative;
  top: 0.06em;
}
.icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  vertical-align: middle;
}
.icon-security {
  background-image: url("../icons/security.png");
}
.icon-lock {
  background-image: url("../icons/lock.png");
}
.icon-back {
  background: url(../img/back_link.svg) no-repeat;
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  top: -2px;
}
.icon-exit {
  background: url(../img/sprites.png) -215px -214px no-repeat;
  width: 19px;
  height: 24px;
  display: inline-block;
}
.icon-enter {
  background: url("../icons/icon-enter.png") no-repeat;
  width: 25px;
  height: 31px;
}
.icon-plus-lg {
  background: url("../icons/icon-plus.png") no-repeat;
  width: 60px;
  height: 60px;
}
.icon-big-hit {
  background: url("../icons/icon-big-hit.png") no-repeat;
  width: 74px;
  height: 75px;
  display: inline-block;
  line-height: 75px;
  text-align: center;
  font-style: normal;
  font-weight: bold;
  text-transform: uppercase;
  color: black;
}
.icon-check {
  width: auto;
  height: 0;
  padding-bottom: 50%;
  position: relative;
}
.icon-check:after {
  content: " ";
  background-color: transparent;
  background: url("../icons/icon-check.png") no-repeat;
  background-size: contain;
  position: absolute;
  background-position: center -5px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.icon-envelope {
  background-image: url("../icons/icon-envelope.png");
  width: 25px;
  height: 18px;
  display: inline-block;
}
.icon-pistol {
  background-image: url("../icons/icon-pistol.png");
  width: 23px;
  height: 18.86px;
  display: inline-block;
  transform: rotate(-20deg);
}
.icon-online {
  position: absolute;
  right: 10px;
  top: 0px;
  text-indent: -1000px;
  background: green;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  overflow: hidden;
  background-image: -moz-radial-gradient(3px 3px, circle, #aed555, #6dad01 100%);
  background-image: -ms-radial-gradient(3px 3px, circle, #aed555, #6dad01 100%);
  background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(#aed555), to(#6dad01));
  background-image: -webkit-radial-gradient(3px 3px, circle, #aed555, #6dad01 100%);
  background-image: -o-radial-gradient(3px 3px, circle, #aed555, #6dad01 100%);
  background-image: radial-gradient(3px 3px, circle, #aed555, #6dad01 100%);
}
.icon-offline {
  position: absolute;
  right: 10px;
  top: 0px;
  text-indent: -1000px;
  background: #eeeeee;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  overflow: hidden;
  background-image: -moz-radial-gradient(3px 3px, circle, #eeeeee, #ccc 100%);
  background-image: -ms-radial-gradient(3px 3px, circle, #eeeeee, #ccc 100%);
  background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(#eeeeee), to(#ccc));
  background-image: -webkit-radial-gradient(3px 3px, circle, #eeeeee, #ccc 100%);
  background-image: -o-radial-gradient(3px 3px, circle, #eeeeee, #ccc 100%);
  background-image: radial-gradient(3px 3px, circle, #eeeeee, #ccc 100%);
}
.icon-out-of-server {
  position: absolute;
  right: 10px;
  top: 0px;
  text-indent: -1000px;
  background: darkred;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  overflow: hidden;
  background-image: -moz-radial-gradient(3px 3px, circle, #e9eeec, #cc2946 100%);
  background-image: -ms-radial-gradient(3px 3px, circle, #e9eeec, #cc2946 100%);
  background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(#e9eeec), to(#cc2946));
  background-image: -webkit-radial-gradient(3px 3px, circle, #e9eeec, #cc2946 100%);
  background-image: -o-radial-gradient(3px 3px, circle, #e9eeec, #cc2946 100%);
  background-image: radial-gradient(3px 3px, circle, #e9eeec, #cc2946 100%);
}
.icon-online.icon-lg,
.icon-offline.icon-lg {
  width: 18px;
  height: 18px;
}
.icon-yandex,
.icon-qiwi,
.icon-card,
.icon-bitcoin,
.icon-bitcoinrpc,
.icon-card_visa,
.icon-card_mastercard,
.icon-payeer,
.icon-ips,
.icon-pm,
.icon-qiwi,
.icon-yandex,
.icon-okpay,
.icon-paxum,
.icon-advcash,
.icon-beeline,
.icon-mts,
.icon-megafon,
.icon-tele2,
.icon-evroset,
.icon-perfectmoney,
.icon-w1,
.icon-taxi,
.icon-svyaznoy {
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.icon-bitcoinrpc,
.icon-bitcoin {
  background-image: url("../icons/payments/bitcoin.png");
}
.icon-card_visa {
  background-image: url("../icons/payments/card_visa.png");
}
.icon-card_mastercard {
  background-image: url("../icons/payments/card_mastercard.png");
}
.icon-payeer {
  background-image: url("../icons/payments/payeer.png");
}
.icon-ips {
  background-image: url("../icons/payments/ips.png");
}
.icon-pm {
  background-image: url("../icons/payments/perfectmoney.png");
}
.icon-qiwi {
  background-image: url("../icons/payments/qiwi.png");
}
.icon-sber {
  background-image: url("../icons/payments/logo_sber.png");
  background-size: contain !important;
}
.icon-yandex {
  background-image: url("../icons/payments/yandex.png");
}
.icon-thedex {
  background-image: url("/media/images/payments/thedex.png");
}
.icon-stable {
  background-image: url("/media/images/payments/stable.png");
}
.icon-woodly {
  background-image: url("/media/images/payments/woodly.png");
}
.icon-okpay {
  background-image: url("../icons/payments/okpay.png");
}
.icon-paxum {
  background-image: url("../icons/payments/paxum.png");
}
.icon-advcash {
  background-image: url("../icons/payments/advcash.png");
}
.icon-card {
  background-image: url("../icons/payments/card.png");
}
.icon-beeline {
  background-image: url("../icons/payments/beeline.png");
}
.icon-mts {
  background-image: url("../icons/payments/mts.png");
}
.icon-megafon {
  background-image: url("../icons/payments/megafon.png");
}
.icon-tele2 {
  background-image: url("../icons/payments/tele2.png");
}
.icon-evroset {
  background-image: url("../icons/payments/evroset.png");
}
.icon-perfectmoney {
  background-image: url("../icons/payments/perfectmoney.png");
}
.icon-w1 {
  background-image: url("../icons/payments/w1.png");
}
.icon-svyaznoy {
  background-image: url("../icons/payments/svyaznoy.png");
}
.icon-freekassa {
  background-image: url("../icons/payments/freekassa.png?1");
}
.icon-ethereum {
  background-image: url("../icons/payments/ethereum.png?1");
}
.icon-litecoin {
  background-image: url("../icons/payments/litecoin.png?1");
}
.icon-megakassa {
  background-image: url("../icons/payments/megakassa.png");
}
.icon-alfabank {
  background-image: url("../icons/payments/alfabank.png");
}
.icon-webmoney {
  background-image: url("../icons/payments/webmoney.png");
}
.icon-promsvyazbank {
  background-image: url("../icons/payments/promsvyazbank.png");
}
.icon-wire {
  background-image: url("../icons/payments/wire.png");
}
.icon-tron-trx {
  background-image: url("../icons/payments/tron-logo.png?1");
  background-size: contain !important;
}
.icon-tron-usdt {
  background-image: url("../icons/payments/tron-usdt.png");
  background-size: contain !important;
}
.icon-eth-usdt {
  background-image: url("../icons/payments/eth-usdt.png");
  background-size: contain !important;
}
.icon-taxi {
  background-image: url("../icons/icon-money-pass.png");
  width: 100%;
  padding-bottom: 100%;
  top: 50% !important;
  bottom: 0;
  transform: translateY(-50%);
  height: 0;
}
.icon-smile {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  background-color: transparent;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
.chat-smile-icon {
  height: 30px;
}
.icon-plus {
  position: relative;
}
.icon-plus:after {
  content: " ";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-image: url(../img/sprites1.png);
  background-position: -413px -363px;
  background-size: initial;
  width: 23px;
  height: 23px;
  display: inline-block;
}
.icon-minus {
  position: relative;
}
.icon-minus:after {
  content: " ";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-image: url(../img/sprites1.png);
  background-position: -464px -365px;
  background-size: initial;
  width: 23px;
  height: 23px;
  display: inline-block;
}
.icon-money-deposit {
  background-image: url("../icons/icon-money-deposit.png");
  width: 100%;
  padding-bottom: 100%;
  top: 50% !important;
  bottom: 0;
  transform: translateY(-50%);
  height: 0;
}
.icon-money-ips {
  background-image: url("../icons/payments/ips.png");
  width: 100%;
  padding-bottom: 100%;
  top: 50% !important;
  bottom: 0;
  height: 0;
}
.icon-money-withdraw {
  background-image: url("../icons/icon-money-withdraw.png");
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  top: 50% !important;
  bottom: 0;
  transform: translateY(-50%);
}
.icon-stamp {
  background-image: url("../icons/icon-stamp.png");
  width: 110px;
  height: 140px;
}
.icon-money {
  width: 24px;
  height: 24px;
  background-image: url("../icons/icon-money.png");
}
.icon-eye {
  background-image: url("../icons/icon-eye.png");
  width: 24px;
  height: 24px;
}
.icon-pencil {
  background-image: url("../icons/icon-pencil.png");
  width: 24px;
  height: 24px;
}
.icon-down {
  background-image: url("../icons/icon-down.png");
  width: 37px;
  height: 37px;
}
.icon-invites {
  width: 24px;
  height: 24px;
  background: white;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid #eaedf2;
  text-align: center;
  line-height: 22px;
  font-style: normal;
}
.icon-link {
  background-image: url("../icons/icon-link.png");
  background-size: initial;
  width: 22px;
  height: 22px;
  display: inline-block;
  position: relative;
  top: -1px;
}
.icon-clock {
  background: url(../img/sprites.png) -800px -200px no-repeat;
  width: 15px;
  height: 16px;
  display: inline-block;
  position: relative;
  top: 4px;
  margin-right: 2px;
}
.icon-power {
  background: url(../img/sprites.png) -817px -201px no-repeat;
  width: 11px;
  height: 16px;
  display: inline-block;
  position: relative;
  top: 4px;
}
.icon-ww {
  background: url(../img/special/aside.png);
  width: 200px;
  height: 100px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.icon-ww-orders {
  background: url(../img/special/order.png);
  width: 100px;
  height: 105px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.icon-girl {
  background: url(../icons/icon-girl.png);
  width: 168px;
  height: 205px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.icon-battery-wrapper {
  background: url("../img/powerbank/battery.png");
  width: 400px;
  height: 667px;
}
.icon-ticket-a {
  background-image: url("../icons/ticket-a.png");
}
.icon-ticket-b {
  background-image: url("../icons/ticket-b.png");
}
.icon-ticket-c {
  background-image: url("../icons/ticket-c.png");
}
.icon-ticket-s {
  background-image: url("../icons/ticket-s.png");
}
.icon-car-wrench {
  background-image: url('../icons/icon_car_wrench.svg');
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.ia {
  background-image: url("../icons/achievements-icons.png");
  display: inline-block;
}
.ia-safes {
  width: 59px;
  height: 59px;
  background-size: 847.45762712% 435.59322034%;
  background-position: 0.22675737% 2.02020202%;
}
.ia-gear {
  width: 59px;
  height: 59px;
  background-size: 847.45762712% 435.59322034%;
  background-position: 14.73922902% 1.51515152%;
}
.ia-person {
  width: 59px;
  height: 59px;
  background-size: 847.45762712% 435.59322034%;
  background-position: 29.02494331% 2.52525253%;
}
.ia-like {
  width: 59px;
  height: 59px;
  background-size: 847.45762712% 435.59322034%;
  background-position: 100% 71.21212121%;
}
.ia-auction {
  width: 59px;
  height: 59px;
  background-size: 847.45762712% 435.59322034%;
  background-position: 100% 71.21212121%;
}
.ia-agreement {
  width: 59px;
  height: 59px;
  background-size: 847.45762712% 435.59322034%;
  background-position: 100% 71.21212121%;
}
.ia-ticker {
  width: 59px;
  height: 59px;
  background-size: 847.45762712% 435.59322034%;
  background-position: 43.08390023% 2.52525253%;
}
.ia-star {
  width: 59px;
  height: 59px;
  background-size: 847.45762712% 435.59322034%;
  background-position: 57.14285714% 2.52525253%;
}
.ia-purse {
  width: 59px;
  height: 59px;
  background-size: 847.45762712% 435.59322034%;
  background-position: 71.42857143% 3.53535354%;
}
.ia-money-box {
  width: 59px;
  height: 59px;
  background-size: 847.45762712% 435.59322034%;
  background-position: 85.48752834% 4.54545455%;
}
.ia-person-md {
  width: 59px;
  height: 59px;
  background-size: 847.45762712% 435.59322034%;
  background-position: 100% 4.04040404%;
}
.ia-building {
  width: 59px;
  height: 59px;
  background-size: 847.45762712% 435.59322034%;
  background-position: 0% 36.86868687%;
}
.ia-cart {
  width: 59px;
  height: 59px;
  background-size: 847.45762712% 435.59322034%;
  background-position: 14.73922902% 36.86868687%;
}
.ia-speaker {
  width: 59px;
  height: 59px;
  background-size: 847.45762712% 435.59322034%;
  background-position: 29.02494331% 37.87878788%;
}
.ia-handshake {
  width: 59px;
  height: 59px;
  background-size: 847.45762712% 435.59322034%;
  background-position: 43.08390023% 37.87878788%;
}
.ia-envelope {
  width: 59px;
  height: 59px;
  background-size: 847.45762712% 435.59322034%;
  background-position: 57.14285714% 37.87878788%;
}
.ia-cop {
  width: 59px;
  height: 59px;
  background-size: 847.45762712% 435.59322034%;
  background-position: 71.42857143% 38.88888889%;
}
.ia-car {
  width: 59px;
  height: 59px;
  background-size: 847.45762712% 435.59322034%;
  background-position: 85.48752834% 39.8989899%;
}
.ia-bill {
  width: 59px;
  height: 59px;
  background-size: 847.45762712% 435.59322034%;
  background-position: 100% 39.39393939%;
}
.ia-handcuffs {
  width: 59px;
  height: 59px;
  background-size: 847.45762712% 435.59322034%;
  background-position: 0% 68.68686869%;
}
.ia-teapot {
  width: 59px;
  height: 59px;
  background-size: 847.45762712% 435.59322034%;
  background-position: 14.73922902% 68.68686869%;
}
.ia-money {
  width: 59px;
  height: 59px;
  background-size: 847.45762712% 435.59322034%;
  background-position: 29.02494331% 69.6969697%;
}
.ia-card {
  width: 59px;
  height: 59px;
  background-size: 847.45762712% 435.59322034%;
  background-position: 43.08390023% 69.6969697%;
}
.ia-settings {
  width: 59px;
  height: 59px;
  background-size: 847.45762712% 435.59322034%;
  background-position: 57.14285714% 69.6969697%;
}
.ia-message {
  width: 59px;
  height: 59px;
  background-size: 847.45762712% 435.59322034%;
  background-position: 71.42857143% 70.70707071%;
}
.ia-ok {
  width: 59px;
  height: 59px;
  background-size: 847.45762712% 435.59322034%;
  background-position: 85.48752834% 71.71717172%;
}
.ia-billboard {
  width: 59px;
  height: 59px;
  background-size: 847.45762712% 435.59322034%;
  background-position: 100% 71.21212121%;
}
.ia-users {
  width: 59px;
  height: 59px;
  background-size: 847.45762712% 435.59322034%;
  background-position: 0% 100%;
}
.ia-chat {
  width: 59px;
  height: 59px;
  background-size: 847.45762712% 435.59322034%;
  background-position: 14.73922902% 100%;
}
.ia-1x {
  width: 59px;
  height: 59px;
}
.ia-2x {
  width: 59px;
  height: 59px;
}
.ia-3x {
  width: 59px;
  height: 59px;
}
.ia-4x {
  width: 50px;
  height: 50px;
}
.ia-5x {
  width: 55px;
  height: 55px;
}
.ia-equalizer {
  background-size: 847.45762712% 435.59322034%;
  background-position: 100% 4.04040404%;
  width: 59px;
  height: 59px;
}
.ia-dropbox {
  background-size: 847.45762712% 435.59322034%;
  background-position: 0.22675737% 2.02020202%;
  width: 59px;
  height: 59px;
}
.ia-wrench {
  background-size: 847.45762712% 435.59322034%;
  background-position: 57.14285714% 69.6969697%;
  width: 59px;
  height: 59px;
}
.ia-ello {
  background-size: 847.45762712% 435.59322034%;
  background-position: 85.48752834% 39.8989899%;
  width: 59px;
  height: 59px;
}
.ia-diamond {
  background-size: 847.45762712% 435.59322034%;
  background-position: 57.14285714% 2.52525253%;
  width: 59px;
  height: 59px;
}
.ia-star-full {
  background-size: 847.45762712% 435.59322034%;
  background-position: 57.14285714% 2.52525253%;
  width: 59px;
  height: 59px;
}
.ia-star-empty {
  background-size: 847.45762712% 435.59322034%;
  background-position: 57.14285714% 2.52525253%;
  width: 59px;
  height: 59px;
}
.ia-frustrated2 {
  background-size: 847.45762712% 435.59322034%;
  background-position: 100% 39.39393939%;
  width: 59px;
  height: 59px;
}
.ia-frustrated {
  background-size: 847.45762712% 435.59322034%;
  background-position: 100% 39.39393939%;
  width: 59px;
  height: 59px;
}
.ia-coin-dollar {
  background-size: 847.45762712% 435.59322034%;
  background-position: 85.48752834% 4.54545455%;
  width: 59px;
  height: 59px;
}
.ia-evil2 {
  background-size: 847.45762712% 435.59322034%;
  background-position: 85.48752834% 71.71717172%;
  width: 59px;
  height: 59px;
}
.ia-evil {
  background-size: 847.45762712% 435.59322034%;
  background-position: 85.48752834% 71.71717172%;
  width: 59px;
  height: 59px;
}
.ia-banknote {
  background-size: 847.45762712% 435.59322034%;
  background-position: 29.02494331% 69.6969697%;
  width: 59px;
  height: 59px;
}
.ia-wallet {
  background-size: 847.45762712% 435.59322034%;
  background-position: 71.42857143% 3.53535354%;
  width: 59px;
  height: 59px;
}
.ia-shop {
  background-size: 847.45762712% 435.59322034%;
  background-position: 0% 36.86868687%;
  background-image: url("../icons/achievements-icons.png");
  background-position: 0 37%;
  width: 59px;
  height: 59px;
}
.ia-ticket {
  background-size: 847.45762712% 435.59322034%;
  background-position: 0% 36.86868687%;
  background-image: url("../icons/achievements-icons.png");
  background-position: 0 37%;
  width: 59px;
  height: 59px;
}
.ia-road {
  background-size: 847.45762712% 435.59322034%;
  background-position: 71.42857143% 38.88888889%;
  width: 59px;
  height: 59px;
}
.ia-bubble {
  background-size: 847.45762712% 435.59322034%;
  background-position: 71.42857143% 70.70707071%;
  width: 59px;
  height: 59px;
}
.ia-bubbles3 {
  background-size: 847.45762712% 435.59322034%;
  background-position: 0% 100%;
  width: 59px;
  height: 59px;
}
.ia-bubbles4 {
  background-size: 847.45762712% 435.59322034%;
  background-position: 14.73922902% 100%;
  width: 59px;
  height: 59px;
}
.ia-wink {
  background-size: 847.45762712% 435.59322034%;
  background-position: 43.08390023% 37.87878788%;
  width: 59px;
  height: 59px;
}
.ia-happy {
  background-size: 847.45762712% 435.59322034%;
  background-position: 29.02494331% 37.87878788%;
  width: 59px;
  height: 59px;
}
.ia-user-plus {
  background-size: 847.45762712% 435.59322034%;
  background-position: 29.02494331% 2.52525253%;
  background-image: url("../icons/achievements-icons.png");
  background-position: 100% -10px;
  width: 59px;
  height: 59px;
}
.ia-sage,
.ia-landowner,
.ia-builder,
.ia-renovator,
.ia-premium,
.ia-mechanic,
.ia-boss,
.ia-agent,
.ia-director,
.ia-bank,
.ia-chief_on_line,
.ia-collector,
.ia-foreman,
.ia-bulldozerist,
.ia-miner_1,
.ia-miner_2,
.ia-miner_3,
.ia-miner_4,
.ia-miner_5,
.chief_on_line {
  background-position: center;
  background-size: 120%;
  background-repeat: no-repeat;
  width: 59px;
  height: 59px;
}
.ia-sage {
  background-image: url('../../dist/img/achievements/sage.png');
}
.ia-landowner {
  background-image: url('../../dist/img/achievements/landowner.png');
}
.ia-builder {
  background-image: url('../../dist/img/achievements/builder.png');
}
.ia-renovator {
  background-image: url('../../dist/img/achievements/renovator.png');
}
.ia-premium {
  background-image: url('../../dist/img/achievements/premium.png');
}
.ia-mechanic {
  background-image: url('../../dist/img/achievements/mechanic.png');
}
.ia-boss {
  background-image: url('../../dist/img/achievements/boss.png');
}
.ia-agent {
  background-image: url('../../dist/img/achievements/agent.png');
}
.ia-director {
  background-image: url('../../dist/img/achievements/director.png');
}
.ia-collector {
  background-image: url('../../dist/img/achievements/collector.png');
}
.ia-foreman {
  background-image: url('../../dist/img/achievements/foreman.png');
  background-size: 100%;
}
.ia-bulldozerist {
  background-image: url('../../dist/img/achievements/bulldozerist.png');
}
.ia-miner_1 {
  background-image: url('../../dist/img/achievements/miner_1.png');
}
.ia-miner_2 {
  background-image: url('../../dist/img/achievements/miner_2.png');
}
.ia-miner_3 {
  background-image: url('../../dist/img/achievements/miner_3.png');
}
.ia-miner_4 {
  background-image: url('../../dist/img/achievements/miner_4.png');
}
.ia-miner_5 {
  background-image: url('../../dist/img/achievements/miner_5.png');
}
.ia-chief_on_line {
  background-image: url('../../dist/img/achievements/chief_on_line.png');
}
.ia-bank {
  background-image: url('/media/images/new_design/city_main/bank.png');
}
.ia-person {
  background-image: url("../icons/achievements-icons.png");
  background-position: 100% -10px;
}
.ia-like {
  background-image: url("../icons/achievements-icons.png");
  background-position: 86.024943% 201.525253%;
}
.ia-agreement {
  background-image: url("../icons/achievements-icons.png");
  background-position: 157.024943% 37.525253%;
}
.ia-auction {
  background-image: url("../icons/achievements-icons.png");
  background-position: 435px 37%;
}
.ia-building {
  background-image: url("../icons/achievements-icons.png");
  background-position: 0 37%;
}
.io {
  display: block;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: transparent;
}
.io-custom {
  max-width: 130px;
}
.io-lucky {
  background-image: url("../icons/orders/icon-drink.png");
  height: 0;
  padding-bottom: 108.40336134%;
}
.io-unlucky {
  background-image: url("../icons/orders/icon-crazy.png");
  height: 0;
  padding-bottom: 105.78512397%;
}
.io-infection {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  font-family: "Font Awesome 5 Pro";
  color: #f74877;
  font-size: 400%;
  text-shadow: 1px 1px 0px black;
}
.io-infection.fa-pull-left {
  margin-right: 0.3em;
}
.io-infection.fa-pull-right {
  margin-left: 0.3em;
}
a.io-infection:hover,
a.io-infection:focus {
  color: #f51753;
}
.io-infection:before {
  content: "\f780";
}
.io-infection_mutate {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  font-family: "Font Awesome 5 Pro";
  color: #f74877;
  font-size: 400%;
  text-shadow: 1px 1px 0px black;
}
.io-infection_mutate.fa-pull-left {
  margin-right: 0.3em;
}
.io-infection_mutate.fa-pull-right {
  margin-left: 0.3em;
}
a.io-infection_mutate:hover,
a.io-infection_mutate:focus {
  color: #f51753;
}
.io-infection_mutate:before {
  content: "\f471";
}
.io-infection_other {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  font-family: "Font Awesome 5 Pro";
  color: #ff00e7;
  text-shadow: 1px 1px 0px black;
  font-size: 400%;
}
.io-infection_other.fa-pull-left {
  margin-right: 0.3em;
}
.io-infection_other.fa-pull-right {
  margin-left: 0.3em;
}
.io-infection_other:before {
  content: "\f728";
}
.io-infection_antidote {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  font-family: "Font Awesome 5 Pro";
  color: #579912;
  text-shadow: 1px 1px 0px black;
  font-size: 400%;
}
.io-infection_antidote.fa-pull-left {
  margin-right: 0.3em;
}
.io-infection_antidote.fa-pull-right {
  margin-left: 0.3em;
}
a.io-infection_antidote:hover,
a.io-infection_antidote:focus {
  color: #3d6b0d;
}
.io-infection_antidote:before {
  content: "\f0fa";
}
.io-prostitute {
  background-image: url("../icons/orders/icon-whore.png");
  height: 0;
  padding-bottom: 96.2962963%;
}
.io-millionaire {
  background-image: url("../icons/orders/icon-rich.png");
  height: 0;
  padding-bottom: 118.5483871%;
}
.io-robbery {
  background-image: url("../icons/orders/icon-robber.png");
  height: 0;
  padding-bottom: 97.69230769%;
}
.io-robberyAvoid,
.io-robbery-avoid {
  background-image: url("../icons/orders/icon-robbery-avoid.png");
  height: 0;
  padding-bottom: 97.69230769%;
}
.io-runaway {
  background-image: url("../icons/orders/icon-runaway.png");
  height: 0;
  padding-bottom: 100.68493151%;
}
.io-tips {
  background-image: url("../icons/orders/icon-tip.png");
  height: 0;
  padding-bottom: 96.96969697%;
}
.io-energyRefill {
  background-image: url("/media/images/new_design/shop/taxibull_1.png");
  height: 0;
  padding-bottom: 96.96969697%;
}
.io-bday {
  background-image: url("../icons/orders/icon-bday3.png");
  height: 0;
  padding-bottom: 96.25%;
}
.si {
  display: block;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: transparent;
}
.si-small-doping {
  background-image: url("../icons/shop/dope1.png");
  height: 0;
  padding-bottom: 100%;
}
.si-medium-doping {
  background-image: url("../icons/shop/dope2.png");
  height: 0;
  padding-bottom: 100%;
}
.si-large-doping {
  background-image: url("../icons/shop/dope3.png");
  height: 0;
  padding-bottom: 100%;
}
.si-small-stimulator {
  background-image: url("../icons/shop/stimul1.png");
  height: 0;
  padding-bottom: 100%;
}
.si-medium-stimulator {
  background-image: url("../icons/shop/stimul2.png");
  height: 0;
  padding-bottom: 100%;
}
.si-large-stimulator {
  background-image: url("../icons/shop/stimul3.png");
  height: 0;
  padding-bottom: 100%;
}
.si-energy-drink {
  background-image: url("../icons/shop/energy.png");
  height: 0;
  padding-bottom: 100%;
}
.si-small-money-capsule {
  background-image: url("../icons/shop/capsule1.png");
  height: 0;
  padding-bottom: 100%;
}
.si-medium-money-capsule {
  background-image: url("../icons/shop/capsule2.png");
  height: 0;
  padding-bottom: 100%;
}
.si-large-money-capsule {
  background-image: url("../icons/shop/capsule3.png");
  height: 0;
  padding-bottom: 100%;
}
.si-teleport {
  background-image: url("../icons/shop/teleport.png");
  height: 0;
  padding-bottom: 100%;
}
.si-kick {
  background-image: url("../icons/shop/kick.png");
  height: 0;
  padding-bottom: 100%;
}
.si-magic {
  background-image: url("../icons/shop/magic.png");
  height: 0;
  padding-bottom: 100%;
}
.si-police-call {
  background-image: url("../icons/shop/police.png");
  height: 0;
  padding-bottom: 100%;
}
.si-bandit {
  background-image: url("../icons/shop/gopnik.png");
  height: 0;
  padding-bottom: 100%;
}
.si-rob {
  background-image: url("../icons/shop/robbery.png");
  height: 0;
  padding-bottom: 100%;
}
.si-dispatch-form {
  background-image: url("../icons/shop/report.png");
  height: 0;
  padding-bottom: 100%;
}
.ab {
  display: block;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: transparent;
}
.ab-fast-order {
  background-image: url("../icons/abilities/5.png");
  height: 0;
  padding-bottom: 100%;
}
.ab-fast-rest {
  background-image: url("../icons/abilities/1.png");
  height: 0;
  padding-bottom: 100%;
}
.ab-super-fast-rest {
  background-image: url("../icons/abilities/2.png");
  height: 0;
  padding-bottom: 100%;
}
.ab-expensive-order {
  background-image: url("../icons/abilities/3.png");
  height: 0;
  padding-bottom: 100%;
}
.ab-tips {
  background-image: url("../icons/abilities/4.png");
  height: 0;
  padding-bottom: 100%;
}
.ab-super-fast-order {
  background-image: url("../icons/abilities/6.png");
  height: 0;
  padding-bottom: 100%;
}
.ab-wait-passenger {
  background-image: url("../icons/abilities/7.png");
  height: 0;
  padding-bottom: 100%;
}
.ab-best-order {
  background-image: url("../icons/abilities/8.png");
  height: 0;
  padding-bottom: 100%;
}
.swing-in-top-fwd {
  -webkit-animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
  animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}
@-webkit-keyframes swing-in-top-fwd {
  0% {
    -webkit-transform: rotateX(-100deg);
    transform: rotateX(-100deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 1;
  }
}
@keyframes swing-in-top-fwd {
  0% {
    -webkit-transform: rotateX(-100deg);
    transform: rotateX(-100deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 1;
  }
}
.slide-car {
  -webkit-animation: slide-car 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation: slide-car 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  overflow: hidden;
}
@-webkit-keyframes slide-car {
  0% {
    -webkit-transform: translateY(-50px) translateX(-190px) scale(0.3, 0.3);
    transform: translateY(-50px) translateX(-190px) scale(0.3, 0.3);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) translateX(0) scale(1, 1);
    transform: translateY(0) translateX(0) scale(1, 1);
    opacity: 1;
  }
}
@keyframes slide-car {
  0% {
    -webkit-transform: translateY(-50px) translateX(-190px) scale(0.3, 0.3);
    transform: translateY(-50px) translateX(-190px) scale(0.3, 0.3);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) translateX(0) scale(1, 1);
    transform: translateY(0) translateX(0) scale(1, 1);
    opacity: 1;
  }
}
.text-ticker {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
}
.text-ticker span {
  display: inline-block;
  animation: text-ticker 10s linear infinite;
  animation-delay: 1s;
}
@keyframes text-ticker {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}
.flash-container {
  display: none !important;
}
.toast-title {
  font-weight: bold;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
}
.toast-message {
  word-wrap: break-word;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
}
.toast-message a,
.toast-message label {
  color: #FFFFFF;
}
.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}
.toast-message p {
  margin-bottom: 0;
}
.toast-close-button {
  position: absolute;
  right: 5px;
  top: 5px;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #333333;
  text-shadow: 0 1px 0 #ffffff;
  line-height: 1;
}
.toast-close-button :hover {
  color: #000000;
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
#toast-container {
  position: fixed;
  z-index: 999999;
  pointer-events: none;
  left: 10px;
  right: 10px;
  top: 10px;
  /*overrides*/
}
@media (min-width: 768px) {
  #toast-container {
    left: auto;
  }
}
#toast-container * {
  box-sizing: border-box;
}
#toast-container > div {
  position: relative;
  pointer-events: auto;
  overflow: hidden;
  margin: 0 0 5px;
  padding: 15px 15px;
  padding-left: 44px;
  padding-right: 44px;
  width: 100%;
  box-shadow: 0 1px 1px #d9d9d9;
  color: #FFFFFF;
  filter: alpha(opacity=90);
  opacity: 0.9;
}
@media (min-width: 768px) {
  #toast-container > div {
    width: 300px;
    border-radius: 4px;
  }
}
#toast-container > div:hover {
  box-shadow: 0 0 12px #000000;
  box-shadow: 0 1px 3px #d9d9d9;
  filter: alpha(opacity=100);
  opacity: 1;
  cursor: pointer;
}
.toast {
  background-color: #030303;
}
.toast:before {
  position: absolute;
  font-family: 'Font Awesome 5 Pro';
  font-size: 24px;
  line-height: 24px;
  top: 50%;
  left: 0;
  width: 44px;
  text-align: center;
  font-weight: normal !important;
  margin-top: -12px;
  color: #FFF;
}
.toast-success {
  background: #DAF5DA;
  border: 2px solid #45AC47;
  color: #333333 !important;
}
.toast-success:before {
  content: "\f058";
  color: #333333;
}
.toast-success .btn-close {
  color: #333333;
  opacity: 0.4;
}
.toast-success .btn-close:hover {
  color: #000000 !important;
  opacity: 0.8 !important;
}
.toast-error {
  background: #FEDBDF;
  border: 2px solid #E45678;
  color: #333333 !important;
}
.toast-error:before {
  content: "\f071";
  color: #333333;
}
.toast-error .btn-close {
  color: #333333;
  opacity: 0.4;
}
.toast-error .btn-close:hover {
  color: #000000 !important;
  opacity: 0.8 !important;
}
.toast-info {
  background-color: #494e6f;
}
.toast-info:before {
  content: "\f129";
}
.toast-warning {
  background-color: #F89406;
}
.toast-warning:before {
  content: "\f071";
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  filter: alpha(opacity=40);
  opacity: 0.4;
}
/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media (max-width: 768px) {
  .toast-title {
    font-size: 14px;
  }
  .toast-message {
    font-size: 14px;
  }
  .toast-close-button {
    font-size: 16px;
  }
  #toast-container > div {
    padding: 4px 44px;
  }
}
.toast-success .text-danger {
  color: white;
}
.toast-success .text-success {
  color: #fff !important;
}
#wrapper,
.wrapper {
  max-width: 950px;
  min-width: 0 !important;
  margin: 0 auto;
  overflow: visible !important;
}
.page-index #wrapper,
.page-index .wrapper {
  max-width: 1340px;
  min-width: 480px !important;
}
@media (max-width: 991px) {
  #contentWrapper {
    overflow: visible;
  }
}
#contentWrapper #content {
  position: relative;
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 10px;
}
@media (max-width: 480px) {
  #contentWrapper #content {
    margin-bottom: 0;
  }
}
.content-wrapper {
  background: #f0f1f6;
  padding: 10px;
}
.girlBlock .enjoyButton {
  line-height: 1.3;
  padding-top: 35px !important;
}
.contentTitle {
  margin: -10px -10px 0 !important;
  padding-bottom: 10px;
  margin: 44px 0 22px;
  border-bottom: 1px solid #f1f2f4;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  border-bottom: none;
  background: var(--tx-panel-background);
  border-radius: 4px 4px 0 0;
  padding: 0;
  padding-left: 10px;
  padding-right: 10px;
  padding: 0 10px;
  font-size: 22px;
  height: 46px;
  line-height: 46px;
}
@media (max-width: 768px) {
  .contentTitle.lottery-header h1 {
    line-height: unset !important;
  }
  .contentTitle.lottery-header a {
    line-height: unset !important;
    margin-top: 8px;
  }
}
.contentTitle h1,
.contentTitle .h1 {
  font-weight: normal;
  border-bottom: none;
  padding: 0;
  line-height: 48.4px;
  margin-top: 0;
  margin-bottom: 0;
}
.contentTitle h1 time,
.contentTitle .h1 time {
  font-size: 14px;
}
.contentTitle a {
  display: inline-block;
  line-height: 48.4px;
  text-decoration: none;
  margin-bottom: 0;
  margin-top: 0;
}
.contentTitle h1.h5 {
  font-size: 16px;
}
.soft-disabled {
  opacity: 0.5;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.soft-disabled:hover {
  opacity: 1;
}
.garageListDisplay .carList {
  margin: -10px !important;
}
.garageListDisplay .carList.wos {
  padding-top: 15px;
}
.shopIndexTabs {
  margin: -10px -10px 0 !important;
}
.page-index .carsBlock {
  overflow: hidden !important;
}
.abProgress {
  margin-bottom: 6px;
}
.cityMenu {
  margin: -10px -10px 10px;
}
.financeMenu {
  margin: -10px -10px 50px -10px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.financeMenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: table;
  width: 100%;
}
.financeMenu ul li {
  display: table-cell;
  width: 1%;
}
.financeMenu ul li a {
  text-decoration: none;
}
.financeMenu .fiMain {
  position: relative;
}
.financeMenu .fiMain > li > a {
  display: block;
  text-align: center;
  white-space: nowrap;
  height: 41px;
  box-sizing: border-box;
  position: relative;
  font-family: "Cuprum", sans-serif;
  text-transform: none;
  font-size: 16px;
  line-height: 18px;
  color: #333;
  padding-top: 4px;
  background: linear-gradient(180deg, rgba(251, 251, 252, 0.5), rgba(235, 236, 242, 0.5) 100%), linear-gradient(90deg, #bbb, #fff 4px);
  box-shadow: 1px 0px 3px #a0a0a0;
  border-radius: 4px 4px 0px 0px;
}
.financeMenu .fiMain > li.active > a {
  background: #f6f8fa;
  height: 45px;
  color: #2872cc;
  text-decoration: none;
  bottom: 3px;
  border: 1px solid #dddddd;
  margin-left: -1px;
  margin-right: -1px;
}
.financeMenu .fiMain > li > a:hover {
  color: #2872cc;
}
.financeMenu .fiMain li.has-children ul {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.financeMenu .fiMain li a:after {
  background: #f6f8fa;
  box-sizing: border-box;
  content: " ";
  height: 40px;
  position: absolute;
  right: -1px;
}
.financeMenu .fiMain li:last-child a:after {
  display: none;
}
.financeMenu .fiMain > li:first-child > a {
  background: #f6f8fa;
}
.financeMenu .fiSub {
  top: 42px;
}
.financeMenu .fiSub li a {
  display: block;
  font-family: "Cuprum", sans-serif;
  font-size: 16px;
  line-height: 40px;
  color: #333;
  text-align: center;
  position: relative;
  box-sizing: border-box;
  white-space: nowrap;
  border-bottom: 1px #cbcdd7 solid;
  border-top: 1px #cbcdd7 solid;
}
.financeMenu .fiSub li {
  background: linear-gradient(180deg, #e7eaed 0%, #eaeef1 7.5%);
}
.financeMenu .fiSub li a:hover,
.financeMenu .fiSub li a.active {
  color: #3a69c9;
  background: linear-gradient(180deg, #7dade5 0%, #b1cff0 14.98%);
}
.financeMenu .fiSub li:not(:last-child) {
  border-right: 1px solid #cbcdd7;
}
.financeMenu .fiSub li a:after {
  background: #bdc0cc;
  position: absolute;
  width: 1px;
  height: 40px;
  right: -1px;
}
.financeMenu .fiSub li:last-child a {
  border-right: none;
}
.financeMenu .fiSub li:last-child a:after {
  display: none;
}
.financeMenu a i {
  display: inline-block;
  position: relative;
  margin-right: 5px;
}
.financeMenu a i.pig {
  background: url(/media/assets/app/src/icons/menu/pig.svg) no-repeat;
  width: 22px;
  height: 22px;
  top: 5px;
}
.financeMenu a.active i.pig,
.financeMenu a:hover i.pig {
  background: url(/media/assets/app/src/icons/menu/pig_hover.svg) no-repeat !important;
}
.financeMenu a i.promo {
  background: url(/media/assets/app/src/icons/menu/promo.svg) no-repeat;
  width: 22px;
  height: 22px;
  top: 8px;
}
.financeMenu a:hover i.promo,
.financeMenu a.active i.promo {
  background: url(/media/assets/app/src/icons/menu/promo_hover.svg) no-repeat;
}
.financeMenu a i.wallet {
  background: url(/media/assets/app/src/icons/menu/wallet.svg) no-repeat;
  width: 22px;
  height: 22px;
  top: 5px;
}
.financeMenu a:hover i.wallet,
.financeMenu a.active i.wallet {
  background: url(/media/assets/app/src/icons/menu/wallet_hover.svg) no-repeat;
}
.financeMenu a i.vyvesti {
  background: url(/media/assets/app/src/icons/menu/withdraw.png) no-repeat;
  width: 22px;
  height: 22px;
  top: 5px;
  background-size: contain;
}
.financeMenu a:hover i.vyvesti,
.financeMenu a.active i.vyvesti {
  background: url(/media/assets/app/src/icons/menu/withdraw_hover.png) no-repeat;
  background-size: contain;
}
.financeMenu a i.history {
  background: url(/media/assets/app/src/icons/menu/history.svg) no-repeat;
  width: 17px;
  height: 22px;
  top: 5px;
}
.financeMenu a:hover i.history,
.financeMenu a.active i.history {
  background: url(/media/assets/app/src/icons/menu/history_hover.svg) no-repeat;
}
.form-deposit .form-control {
  border: 1px solid #cccccc;
  box-sizing: border-box;
  border-radius: 4px;
}
@media only screen and (max-width: 767px) {
  .financeMenu .fiMain > li > a,
  .financeMenu .fiSub li a {
    font-size: 14px;
  }
}
#sidebar .menuBlock {
  border-radius: 4px;
}
#sidebar .menuBlock ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#sidebar .menuBlock ul li a {
  text-decoration: none;
}
#sidebar.animating + #contentWrapper,
#sidebar.in + #contentWrapper {
  overflow: hidden;
}
#sidebar .menuBlock > ul > li:first-child > a {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
#sidebar .menuBlock > ul > li:last-child > a {
  border-bottom: none;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
#sidebar .menuBlock ul > li a > .fa-stack,
#sidebar .menuBlock ul > li a > i:first-child {
  width: 24px;
  height: 24px;
  display: inline-block;
  position: absolute;
  left: 11px;
  top: 7px;
}
#sidebar .menuBlock ul > li a > .fa,
#sidebar .menuBlock ul > li a > .fa-stack {
  color: #969bad;
  width: 25px;
  text-align: center;
  line-height: 25px;
}
#sidebar .menuBlock ul > li a > .fa .fa-stack-1x,
#sidebar .menuBlock ul > li a > .fa-stack .fa-stack-1x,
#sidebar .menuBlock ul > li a > .fa .fa-stack-2x,
#sidebar .menuBlock ul > li a > .fa-stack .fa-stack-2x {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  font-size: 18px;
  line-height: 25px;
  display: block;
}
#sidebar .menuBlock ul > li a > .fa .fa-stack-2x,
#sidebar .menuBlock ul > li a > .fa-stack .fa-stack-2x {
  left: 0;
  font-size: 18px;
  line-height: 25px;
  display: block;
  top: 0;
}
#sidebar .menuBlock ul > li a > .fa .fa-stack-1x,
#sidebar .menuBlock ul > li a > .fa-stack .fa-stack-1x {
  right: -3px;
  left: auto;
  font-size: 16px;
  width: auto;
  bottom: 0px;
  height: auto;
  line-height: 1;
  top: auto;
  color: #fdd556;
  text-shadow: none;
}
#sidebar .menuBlock ul > li a:hover > .fa,
#sidebar .menuBlock ul > li a:focus > .fa,
#sidebar .menuBlock ul > li a:hover > .fa-stack,
#sidebar .menuBlock ul > li a:focus > .fa-stack {
  color: #747cc2;
}
#sidebar .menuBlock ul > li a:hover > .fa > .fa-stack-1x,
#sidebar .menuBlock ul > li a:focus > .fa > .fa-stack-1x,
#sidebar .menuBlock ul > li a:hover > .fa-stack > .fa-stack-1x,
#sidebar .menuBlock ul > li a:focus > .fa-stack > .fa-stack-1x {
  color: #f74877;
  text-shadow: 0 1px 0px #474d62;
}
#sidebar .menuBlock ul > li > a {
  position: relative;
  display: block;
  border-bottom: #565c70 1px solid;
  color: #fff;
  padding: 5px 10px;
  padding-left: 50px;
  background-image: -webkit-linear-gradient(top, #4b5166 0%, #454b60 100%);
  background-image: -o-linear-gradient(top, #4b5166 0%, #454b60 100%);
  background-image: linear-gradient(to bottom, #4b5166 0%, #454b60 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4b5166', endColorstr='#ff454b60', GradientType=0);
  font-size: 18px;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#sidebar .menuBlock ul > li > a .icon-prepend {
  position: absolute;
  top: 50%;
  color: #f74877 !important;
  text-shadow: 1px 1px 0px black;
  left: 23px;
  margin-top: -14px;
  z-index: 101;
  font-size: 113%;
}
#sidebar .menuBlock ul > li > a .fa.fa-angle-down {
  transition: all 0.3s ease-in-out;
}
#sidebar .menuBlock ul > li > a .badge {
  position: absolute;
  right: 10px;
  top: 50%;
  width: 24px;
  height: 24px;
  line-height: 24px;
  padding: 0;
  margin-top: -12px;
  text-align: center;
  border-radius: 50%;
  text-shadow: none;
  color: white;
  background: #5570c2;
  border: 1px solid #455ba2;
  border-right: 1px solid #748ed4;
  box-shadow: -1px 1px 2px #374386;
  font-size: 13px;
}
#sidebar .menuBlock ul > li > a .badge > i {
  position: relative;
  width: auto;
  height: auto;
  color: #f74877;
  top: 0;
  left: 0;
  margin: 0;
  line-height: 1;
}
#sidebar .menuBlock ul > li > a .badge.badge-text {
  width: auto;
  border: none;
  padding: 0 10px;
  border-radius: 5px;
}
#sidebar .menuBlock ul > li > a:hover {
  background: #feee6d;
  background: linear-gradient(to bottom, #feee6d 0%, #fcd015 7%, #f9b60c 93%, #f79d05 100%);
  color: #000000;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
  border-color: #454b60;
  text-decoration: none;
}
#sidebar .menuBlock ul > li > a:hover .badge {
  background: #858ccd;
}
#sidebar .menuBlock ul > li.active > a {
  background: #feee6d;
  background: linear-gradient(to bottom, #feee6d 0%, #fcd015 7%, #f9b60c 93%, #f79d05 100%);
  color: #000000;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
  border-color: #454b60;
  text-decoration: none;
}
#sidebar .menuBlock ul > li.active > a .badge {
  background: #858ccd;
}
#sidebar .menuBlock ul > li.active > a .fa.fa-angle-down {
  transform: rotate(180deg);
}
#sidebar .menuBlock ul ul {
  background-image: -webkit-linear-gradient(top, #616883 0%, #5a627e 100%);
  background-image: -o-linear-gradient(top, #616883 0%, #5a627e 100%);
  background-image: linear-gradient(to bottom, #616883 0%, #5a627e 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff616883', endColorstr='#ff5a627e', GradientType=0);
}
#sidebar .menuBlock ul ul > li {
  display: block;
  position: relative;
}
#sidebar .menuBlock ul ul > li.divider {
  border-top: 1px solid #707790;
  margin: 0px 0;
}
#sidebar .menuBlock ul ul > li.active > a {
  background: #feee6d;
  background: linear-gradient(to bottom, #feee6d 0%, #fbb134 100%);
  color: #000000;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
  border-color: #454b60;
  text-decoration: none;
}
#sidebar .menuBlock ul ul > li.active > a .badge {
  background: #858ccd;
}
#sidebar .menuBlock ul ul > li > a {
  font-size: 16px;
  color: white;
  padding: 3px 10px;
  padding-left: 50px;
  padding-right: 50px;
  background: none;
  border: none;
}
#sidebar .menuBlock ul ul > li > a:hover,
#sidebar .menuBlock ul ul > li > a:active,
#sidebar .menuBlock ul ul > li > a:focus {
  background: #feee6d;
  background: linear-gradient(to bottom, #feee6d 0%, #fbb134 100%);
  color: #000000;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
  border-color: #454b60;
  text-decoration: none;
}
#sidebar .menuBlock ul ul > li > a:hover .badge,
#sidebar .menuBlock ul ul > li > a:active .badge,
#sidebar .menuBlock ul ul > li > a:focus .badge {
  background: #858ccd;
}
#sidebar .menuBlock ul ul > li > a:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  content: "\f124";
  left: 30px;
  top: 50%;
  margin-top: -12px;
  line-height: 24px;
  font-size: 11px;
  z-index: 100;
}
#sidebar .menuBlock ul ul > li > a:before.fa-pull-left {
  margin-right: 0.3em;
}
#sidebar .menuBlock ul ul > li > a:before.fa-pull-right {
  margin-left: 0.3em;
}
#sidebar .menuBlock ul ul > li > a.disabled {
  opacity: 0.75;
  cursor: default;
}
#sidebar .menuBlock ul ul > li > a.disabled:before {
  content: "\f023";
}
#sidebar .financeBlock.financeBlockBottomMargin {
  margin-bottom: 18px;
}
#sidebar .financeBlock .fbDropDown {
  position: relative;
}
#sidebar .financeBlock .fbDropDown i {
  color: white;
  font-size: 18px;
  text-shadow: -1px -1px 0px #263243;
  background: none;
  width: auto;
  height: auto;
  display: inline-block;
  margin-top: 2px;
  transition: all 0.3s ease-in-out;
}
#sidebar .financeBlock .fbDropDown i.collapsed {
  transform: rotate(180deg);
  translate: 0 2px;
}
#sidebar .financeBlock .sblBottom {
  padding-top: 10px;
  padding-bottom: 0 !important;
}
#sidebar .financeBlock .walletIcon {
  float: left;
  width: 22px;
  height: 20px;
  display: inline-block;
  margin-right: 14px;
  margin-top: 2px;
  background: url("/media/assets/app/src/icons/wallet1.svg") no-repeat;
  padding-bottom: 1px !important;
}
#sidebar .financeBlock .starStickerIcon {
  float: left;
  color: #fff;
  width: 28px;
  height: 28px;
  font-size: 14px;
  line-height: 28px !important;
  align-items: center;
  text-align: center !important;
  background: url("/media/assets/app/src/icons/star1.svg") no-repeat;
}
#sidebar .financeBlock .starStickerIcon:hover {
  color: inherit !important;
}
.fbBottomCountInfo {
  color: #fff;
  position: absolute;
  bottom: -10px;
  width: 150px;
  background: #73798f;
  border: 0.5px solid #ffffff;
  box-sizing: border-box;
  border-radius: 4px;
  text-align: center;
  margin-top: 8px;
  text-decoration: none;
  text-shadow: 1px 1px 0px #263243;
}
.fbBottomCountInfo:hover {
  color: #fcd013;
}
.userProfile .avatarBlock .sendMessage a {
  text-decoration: none;
}
.whiteBlock .wbStyledTitle {
  font-size: 18px;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.userProfile .upMenu > ul > li a {
  font-weight: normal;
  font-size: 14px !important;
}
.loginPage {
  max-width: 1000px;
  margin: 0 auto 52px;
}
.loginPage .backLink {
  text-decoration: none;
}
.loginPage h1 a {
  text-decoration: none;
}
.eiAbilities .abIcon {
  position: relative;
  min-width: 51px;
  max-width: 7.5%;
}
.eiAbilities .abIcon .red-dot {
  z-index: 10;
  position: absolute;
  width: 9px;
  height: 9px;
  border-radius: 100%;
  top: 2px;
  right: 2px;
  background-color: #fe2500;
}
.getOrders .order .oBottom .oAddress {
  float: none;
  text-align: left;
  width: auto;
  overflow: hidden;
  font-size: 11px;
  text-overflow: ellipsis;
  max-height: 45px;
  text-wrap: pretty;
}
.cityMenu .cmSub li a b {
  color: #f74877;
  font-family: "PT Sans", sans-serif;
  position: relative;
  font-size: 14px;
  left: 0;
  top: -5px;
}
.loginPage form {
  max-width: 317px !important;
}
#sidebar .menuBlock ul li a b:empty,
#sidebar .menuBlock ul li a:hover b:empty {
  display: none;
}
.actsButton.active .actsbIcon {
  background: rgba(73, 78, 111, 0.9);
  color: #fbc810;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-color: transparent;
  background-clip: border-box;
}
.actsButton .actsbPopup .actsbItem {
  cursor: pointer;
  background: none;
  border: none;
  color: #fff;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-size: 13px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  text-decoration: none;
  white-space: nowrap;
  padding: 0 12px;
  line-height: 28px;
  display: block;
  width: 100%;
  text-align: left;
}
.actsButton .actsbPopup .actsbItem:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.whiteBlock .coolTabs ul {
  display: inline-block;
}
.whiteBlock .coolTabs {
  margin: -40px 0 0;
}
.actsButton.boostersButton.active {
  z-index: 200;
}
#sidebar .sbLiteBlock {
  overflow: visible;
  border-radius: 3px;
}
#sidebar .financeBlock .sblBottom {
  padding-top: 0;
}
#sidebar .financeBlock .fbRow {
  padding: 10px 15px;
  margin: 0;
  position: relative;
  overflow: visible;
}
#sidebar .financeBlock .fbRow:before,
#sidebar .financeBlock .fbRow:after {
  content: " ";
  display: table;
}
#sidebar .financeBlock .fbRow:after {
  clear: both;
}
#sidebar .financeBlock .fbRow:before,
#sidebar .financeBlock .fbRow:after {
  content: " ";
  display: table;
}
#sidebar .financeBlock .fbRow:after {
  clear: both;
}
#sidebar .financeBlock .fbRow:hover {
  background: #63687b;
  border-radius: 4px;
}
#sidebar .financeBlock .fbRow:after {
  background: none;
  height: 2px;
  content: " ";
  display: block;
  margin: 0px auto;
  bottom: auto;
  position: absolute;
  left: 0;
  right: 0;
  border-bottom: 1px solid #9c9fad;
  width: 100%;
  top: 0;
}
#sidebar .financeBlock .fbRow.last:after {
  border-bottom: none;
}
#sidebar .financeBlock .fbRow:first-child:after {
  content: none;
}
#sidebar .financeBlock .fbRow .fbAccName {
  float: none;
}
#sidebar .financeBlock .fbRow .fbOptions {
  float: none;
  width: 45%;
  display: block;
  margin: 0;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
#sidebar .financeBlock .fbRow .fbOptions li {
  display: block;
  text-align: right;
}
#sidebar .financeBlock .fbRow .fbOptions li:after {
  content: none;
}
#sidebar .financeBlock .fbRow .fbOptions li a {
  display: inline;
  padding: 0;
  text-decoration: none;
  text-align: right;
  line-height: 18px;
  font-size: 16px;
  text-transform: uppercase;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#sidebar .financeBlock .fbRow .fbOptions li p {
  padding: 0;
  text-decoration: none;
  font-size: 16px;
  text-transform: uppercase;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #fff;
  font-weight: normal;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}
#sidebar .financeBlock .fbRow .fbOptions li .middlePos {
  padding-top: 4px;
}
#sidebar .financeBlock .fbRow .fbHead {
  float: left;
  color: #fff;
  display: block;
  width: auto;
  height: auto;
  font-size: 18px;
  line-height: 24px;
  text-shadow: 1px 1px 0px #263243;
  margin-right: 10px;
  text-decoration: none !important;
  position: relative;
  z-index: 1000;
}
#sidebar .financeBlock .fbRow .fbHead:hover {
  color: #fcd013;
}
#sidebar .financeBlock .fbRow .label {
  color: #fff;
  display: block;
  padding: 0;
  text-align: left;
  font-size: 14px;
  line-height: 16px;
}
#sidebar .financeBlock .fbRow .value {
  display: block;
  width: auto;
  height: auto;
  font-size: 16px;
  line-height: 18px;
}
#sidebar .financeBlock .fbRow .value a {
  color: #fff;
  text-decoration: none !important;
}
#sidebar .financeBlock .fbRow .value a:hover {
  color: #fcd013;
}
#sidebar .financeBlock .fbRow .fbHeadContainer {
  width: 65%;
}
#sidebar .financeBlock .fbRow .fbAlertBox {
  float: right;
  width: 57px;
  height: 18px;
  background: #f74877;
  border-radius: 4px;
  z-index: 1000;
  cursor: default;
}
#sidebar .financeBlock .fbRow .fbAlertBox a:hover {
  color: #ffffff !important;
}
#sidebar .financeBlock .fbRow .fbAlertBoxText {
  height: 16px;
  font-family: Cuprum;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  align-items: center;
  text-align: center;
  color: #ffffff;
  padding-top: 1px;
}
#sidebar .financeBlock .fbRow .popover-bonus {
  top: 50%;
  left: 100%;
  min-width: 130px;
  transform: translateY(-50%);
}
#sidebar .financeBlock .fbRow .popover-bonus.in {
  display: block;
}
#sidebar .financeBlock .fbRow .popover-bonus .popover-content {
  padding: 5px;
}
#sidebar .financeBlock .fbRow .popover-bonus .btn {
  border-radius: 3px;
}
#sidebar .financeBlock .fbRow .popover-bonus .btn-get-bonus {
  display: flex;
  align-items: center;
}
#sidebar .financeBlock .fbRow .popover-bonus .gift-icon {
  display: inline-block;
  background-image: url("../img/aside/gift.png");
  background-size: contain;
  width: 17px;
  height: 20px;
  margin-left: -5px;
}
#sidebar .financeBlock .fbRow p {
  margin: 0;
}
#sidebar .financeBlock .fbRow .resources-label {
  font-size: 20px;
  color: #fff;
  margin-bottom: 10px;
}
#sidebar .financeBlock .fbRow .resource {
  margin-bottom: 15px;
}
#sidebar .financeBlock .fbRow .resource .label {
  font-size: 16px;
}
#sidebar .financeBlock .fbRow .resource .value {
  font-size: 16px;
}
#sidebar .financeBlock {
  position: relative;
}
#sidebar .financeBlock .centerBlock {
  padding: 5px 40px;
  margin-bottom: 10px;
}
.fbRowHead {
  cursor: pointer;
}
.employerCar .ecCarParams {
  z-index: 11;
}
.eiAbilities .abIcon .abiInfo {
  max-width: 240px;
  z-index: 100;
}
.eiAbilities .learn-ability {
  background: url(/media/images/study.svg) no-repeat;
  background-position: center center;
  color: white;
  fill: red;
  width: 100%;
  height: 100%;
  display: block;
  cursor: pointer;
}
.eiAbilities .abIcon .abiTitle {
  height: 100%;
  max-width: 75px;
}
.eiAbilities {
  display: flex;
  flex-wrap: wrap;
}
.eiAbilities.collapse:not(.in) {
  overflow: hidden;
}
.eiAbilities .empty-abilities:hover .abiTitle {
  background: url(../images/new_design/ability/hover.png) center center repeat;
}
.eiAbilities .empty-abilities .learn-ability {
  height: 60px;
}
.shadow-none {
  box-shadow: none;
}
#sidebar {
  z-index: 100;
}
.cityMenu .cmMain li.has-children ul {
  z-index: 10;
}
.vacListItem .title {
  max-width: 200px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.spykit-icon {
  width: 40px;
  height: 21px;
  display: inline-block;
  background: url("/media/images/clothes/1.png") no-repeat;
  background-size: 40px;
}
.spykit-icon.right-align {
  float: right;
  margin-right: 20px;
}
.spykit-income-row {
  color: #f74877;
}
.employers .employer .empInfo .empCompany {
  max-width: 135px;
  color: #f74877;
}
@media (max-width: 767px) {
  .employers .employer .empInfo .empCompany {
    max-width: 100px;
  }
}
.actsButton .actsbPopup {
  text-align: left;
}
.progressBar {
  display: block;
}
.pagination_ref span,
.pagination_ref a {
  line-height: 36px;
  vertical-align: top;
  font-size: 13px;
  font-weight: normal;
}
.pagination_ref span.current,
.pagination_ref a.current,
.pagination_ref span:hover,
.pagination_ref a:hover {
  border: 1px solid #fccc18;
}
@media (max-width: 767px) {
  .girlBlock .gbStat .sBlock i {
    display: none !important;
  }
}
@media (max-width: 767px) {
  #serverTime {
    display: none;
  }
}
.citySelect {
  width: 100%;
  display: block;
  margin-bottom: 5px;
}
.citySelect .dropdown-backdrop {
  display: none !important;
}
.citySelect .btn {
  background-image: -webkit-linear-gradient(top, #4b5166 0%, #454b60 100%);
  background-image: -o-linear-gradient(top, #4b5166 0%, #454b60 100%);
  background-image: linear-gradient(to bottom, #4b5166 0%, #454b60 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4b5166', endColorstr='#ff454b60', GradientType=0);
  border-width: 0;
  color: #fff;
  display: block;
  width: 100%;
  position: relative;
  z-index: 3;
}
.citySelect .btn .fa {
  position: relative;
  top: -2px;
  margin-right: 0;
  margin-left: 1px;
}
.citySelect .btn:not(.btn-disabled):hover {
  background: #feee6d;
  background: linear-gradient(to bottom, #feee6d 0%, #fcd015 7%, #f9b60c 93%, #f79d05 100%);
  color: #fff;
}
.citySelect .btn.btn-disabled {
  cursor: default;
}
.citySelect .dropdown-menu {
  background: #fff;
  width: 100%;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 5px;
  position: relative;
  margin-top: -7px;
  padding-top: 5px;
  z-index: 2;
  background-image: -webkit-linear-gradient(top, #616883 0%, #5a627e 100%);
  background-image: -o-linear-gradient(top, #616883 0%, #5a627e 100%);
  background-image: linear-gradient(to bottom, #616883 0%, #5a627e 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff616883', endColorstr='#ff5a627e', GradientType=0);
}
.citySelect .dropdown-menu li {
  display: block;
  position: relative;
}
.citySelect .dropdown-menu li:hover {
  background: #424a69;
}
.citySelect .hover-yellow:hover {
  background: linear-gradient(to bottom, #feee6d 0%, #fcd015 7%, #f9b60c 93%, #f79d05 100%);
}
.citySelect .open .dropdown-menu {
  display: block;
}
.citySelect .open .btn {
  background: #feee6d;
  background: linear-gradient(to bottom, #feee6d 0%, #fcd015 7%, #f9b60c 93%, #f79d05 100%);
  color: #fff;
}
.header > .container-fluid > .row {
  position: relative;
}
.citySelectHeader {
  position: absolute;
  left: 243px;
  z-index: 101;
}
.citySelectHeader .citySelect {
  width: 160px;
  margin-top: 27px;
  margin-left: 10px;
}
.citySelectHeader.front {
  top: 12px;
}
.langSelect {
  width: 100%;
  display: block;
  margin-bottom: 5px;
}
.langSelect .dropdown-backdrop {
  display: none !important;
}
.langSelect .btn {
  background-image: none;
  background-color: transparent;
  border-width: 0;
  color: #1e458b;
  display: block;
  width: 100%;
  position: relative;
}
.langSelect .btn .fa {
  position: relative;
  top: -2px;
  margin-right: 0;
  margin-left: 1px;
}
.langSelect .btn:hover {
  background: #feee6d;
  background: linear-gradient(to bottom, #feee6d 0%, #fcd015 7%, #f9b60c 93%, #f79d05 100%);
  color: #fff;
}
.langSelect .dropdown-menu {
  background: #fff;
  width: 100%;
  min-width: 50px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 5px;
  position: relative;
  margin-top: -7px;
  padding-top: 5px;
  z-index: 2;
  background-image: -webkit-linear-gradient(top, #616883 0%, #5a627e 100%);
  background-image: -o-linear-gradient(top, #616883 0%, #5a627e 100%);
  background-image: linear-gradient(to bottom, #616883 0%, #5a627e 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff616883', endColorstr='#ff5a627e', GradientType=0);
}
.langSelect .dropdown-menu li {
  display: block;
  position: relative;
}
.langSelect .dropdown-menu li:hover {
  background: #424a69;
}
.langSelect .open .dropdown-menu {
  display: block;
}
.langSelect .open .btn {
  background: #feee6d;
  background: linear-gradient(to bottom, #feee6d 0%, #fcd015 7%, #f9b60c 93%, #f79d05 100%);
  color: #fff;
}
.langSelectHeader {
  position: absolute;
  left: 409px;
  z-index: 30;
}
.langSelectHeader .langSelect {
  width: 50px;
  margin-top: 27px;
  margin-left: 13px;
}
.langSelectHeader.front {
  top: 12px;
}
.langSelectFooter {
  position: absolute;
  top: 0;
  right: -20px;
  z-index: 30;
}
.langSelectFooter .langSelect {
  width: 70px;
}
.langSelectFooter.front {
  top: 12px;
}
.langSelectFooter .flag {
  margin: 0 4px 0 0;
}
#originUser {
  position: fixed;
  left: 150px;
  top: 29px;
}
#originUser .dropdown-menu {
  background: #fff;
}
#originUser a {
  color: #000;
}
#originUser a:hover {
  background: #eee;
}
.countdown-knob > div {
  margin-left: 5px;
  margin-right: 5px;
}
.z-index-top {
  z-index: 1000 !important;
}
#sidebar .daily-tasks {
  padding: 0 10px;
  overflow-x: auto;
  background-color: #06152a;
  background-image: url("../img/aside/snow.png");
  background-repeat: no-repeat;
  background-size: 100%;
  display: flex;
  border-radius: 4px;
}
#sidebar .daily-tasks .daily-task-wrap {
  min-width: 150px;
  max-width: 150px;
  margin: 10px auto;
}
#sidebar .daily-tasks .daily-task-wrap:not(:first-child) {
  margin-left: 10px;
}
#sidebar .daily-tasks .daily-task-wrap .daily-task-name {
  color: #fbbc23;
  font-family: "PT Sans";
  font-size: 16px;
  font-weight: bold;
}
#sidebar .daily-tasks .daily-task-wrap .daily-task .task-goal {
  min-height: 120px;
  border-radius: 4px;
  background: radial-gradient(50% 50% at 50% 50%, #152946 16.07%, #091a32 100%);
  border: 1px solid #044aa1;
}
.f-s-8 {
  font-size: 8px !important;
}
.f-s-9 {
  font-size: 9px !important;
}
.f-s-10 {
  font-size: 10px !important;
}
.f-s-11 {
  font-size: 11px !important;
}
.f-s-12 {
  font-size: 12px !important;
}
.f-s-13 {
  font-size: 13px !important;
}
.f-s-14 {
  font-size: 14px !important;
}
.f-s-15 {
  font-size: 15px !important;
}
.f-s-16 {
  font-size: 16px !important;
}
.f-s-17 {
  font-size: 17px !important;
}
.f-s-18 {
  font-size: 18px !important;
}
.f-s-20 {
  font-size: 20px !important;
}
.f-s-22 {
  font-size: 22px !important;
}
.f-s-24 {
  font-size: 24px !important;
}
.f-s-26 {
  font-size: 26px !important;
}
.f-s-28 {
  font-size: 28px !important;
}
.f-s-30 {
  font-size: 30px !important;
}
.f-s-32 {
  font-size: 32px !important;
}
.border-top-left-radius-0 {
  border-top-left-radius: 0;
}
.border-bottom-left-radius-0 {
  border-bottom-left-radius: 0;
}
.border-top-right-radius-0 {
  border-top-right-radius: 0;
}
.border-bottom-right-radius-0 {
  border-bottom-right-radius: 0;
}
.border-radius-0 {
  border-radius: 0px;
}
.pop-down-menu {
  z-index: 1010;
  position: absolute;
  top: 100%;
  color: #fff;
  border-radius: 6px 0 6px 6px;
  left: 0;
}
.pop-down-menu.pop-down-right {
  left: auto;
  right: 0;
}
.pop-down-menu.pop-down-left {
  right: auto;
  left: 0;
}
.pop-down-menu.pop-down-dark {
  background: #595e7c;
}
.negative-bottom-5 {
  bottom: -5px;
}
.negative-bottom-10 {
  bottom: -10px;
}
.negative-bottom-20 {
  bottom: -20px;
}
.bottom-5 {
  bottom: 5px;
}
.bottom-10 {
  bottom: 10px;
}
.bottom-20 {
  bottom: 20px;
}
.banner-carousel {
  height: 140px;
  position: relative;
}
@media (max-width: 992px) {
  .banner-carousel {
    height: 170px;
  }
}
.banner-carousel .banner-items {
  position: absolute;
  border-radius: 6px;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.banner-carousel .banner-items > a,
.banner-carousel .banner-items .banner-block {
  z-index: 10;
}
.banner-carousel .banner-items .banner-block + .banner-block {
  padding: 0;
}
.banner-carousel .banner-block {
  border: none;
  height: 100%;
  cursor: pointer;
}
.banner-carousel .banner-block.light {
  color: black;
}
.banner-carousel .banner-block.light.to-right .banner-gradient {
  background: linear-gradient(to right, #fff 30%, rgba(255, 255, 255, 0.5) 60%, transparent 100%);
}
.banner-carousel .banner-block.light.to-left .banner-gradient {
  background: linear-gradient(to left, #fff 30%, rgba(255, 255, 255, 0.5) 60%, transparent 100%);
}
.banner-carousel .banner-block.dark {
  color: white;
}
.banner-carousel .banner-block.dark.to-right .banner-gradient {
  background: linear-gradient(to right, #000 30%, rgba(0, 0, 0, 0.5) 60%, transparent 100%);
}
.banner-carousel .banner-block.dark.to-left .banner-gradient {
  background: linear-gradient(to left, #000 30%, rgba(0, 0, 0, 0.5) 60%, transparent 100%);
}
.banner-carousel .banner-block:hover.to-right .banner-image {
  transform: scale(1.1) translate(30px, 0);
}
.banner-carousel .banner-block:hover.to-left .banner-image {
  transform: scale(1.1) translate(-30px, 0);
}
.banner-carousel .banner-block .banner-gradient {
  position: absolute;
  z-index: 20;
  width: 100%;
  height: 100%;
}
.banner-carousel .banner-block .banner-text {
  position: absolute;
  z-index: 33;
  font-size: 20px;
  top: 50%;
  transform: translate(0, -50%);
  left: 30px;
  right: 30px;
}
@media (max-width: 480px) {
  .banner-carousel .banner-block .banner-text {
    line-height: 25px;
  }
}
.banner-carousel .banner-block .banner-image {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  background-position: center;
  /*transition-property: transform;
			transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
			transition-duration: 150ms;*/
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  /*transition: transform .7s ease-in-out;
			transition: transform .7s ease-in-out,-webkit-transform .7s ease-in-out;*/
}
.banner-carousel .banner-dots {
  position: absolute;
  bottom: 10px;
  left: 30px;
  z-index: 40;
}
.banner-carousel .banner-dots .banner-dot {
  width: 10px;
  height: 10px;
  border: 1px solid white;
  border-radius: 50%;
  margin: 0 3px;
  cursor: pointer;
}
.banner-carousel .banner-dots .banner-dot.active {
  background-color: rgba(255, 255, 255, 0.8);
  cursor: none;
}
.banner-carousel .banner-dots .banner-dot:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.banner-carousel .next-slide,
.banner-carousel .prev-slide {
  display: flex;
  position: absolute;
  z-index: 40;
  top: 50%;
  height: 100%;
  width: 20px;
  transform: translate(0, -50%);
  justify-content: center;
  align-items: center;
  text-decoration: none;
}
.banner-carousel .next-slide {
  right: 0;
}
.banner-carousel .prev-slide {
  left: 0;
}
.roman-level {
  display: flex;
  width: 24px;
  height: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  border: 1.4px solid #fff;
  background: var(--orange-linar, radial-gradient(50% 46.13% at 53.03% 51.66%, rgba(255, 255, 255, 0.22) 28.48%, rgba(255, 255, 255, 0) 100%), linear-gradient(160deg, #ffbf1b 0%, #fe9e0d 35.94%, #ff881a 100%));
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  color: #fff;
  text-shadow: 1px 1px 0px rgba(187, 119, 50, 0.6);
  font-size: 16px;
  font-weight: 700;
  cursor: default;
}
.super-pink {
  color: #f47895;
}
.fa,
.fas {
  font-family: "Font Awesome 5 Pro";
}
.fa-2_5x {
  font-size: 2.5em;
}
.fa5-pro {
  font-family: 'Font Awesome 5 Pro' !important;
}
.fa5-brands {
  font-family: 'Font Awesome 5 Brands' !important;
}
@-moz-document url-prefix() {
  .swiper-3d .swiper-wrapper {
    transform-style: flat !important;
  }
}
.one-line-text {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.position-top-right,
.position-top-left,
.position-bottom-right,
.position-bottom-left {
  position: absolute;
}
.position-bottom-right {
  top: 100%;
  right: 0;
}
.position-bottom-left {
  top: 100%;
  left: 0;
}
.position-top-right {
  bottom: 100%;
  right: 0;
}
.position-top-left {
  bottom: 100%;
  left: 0;
}
.hide-zero-hours .less-hour [data-countdown="hours"],
.hide-zero-hours .less-hour [data-countdown="hours"] + .divider {
  display: none;
}
.overflow-unset {
  overflow: unset;
}
.margin-m10 {
  margin: -10px;
}
.filter-blur {
  filter: blur(5px);
}
.pointer-prevent {
  pointer-events: none;
}
.text-shadow-white {
  text-shadow: 0 0 3px #ffffff;
}
.z-index-1 {
  z-index: 1;
}
.rotate-180 {
  transform: rotate(180deg);
}
.rd-badge-icon {
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, #ff8aa6 0%, #e45678 100%);
  border: 1.4px solid #ffffff;
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
  color: #ffffff;
  text-shadow: 1px 1px 0px #a44058;
  font-weight: 700;
  border-radius: 100%;
  font-size: 10px;
  line-height: 16px;
}
.rd-badge-icon.badge-len-2 {
  font-size: 11px;
}
.rd-badge-icon.badge-len-3 {
  font-size: 7.4px;
}
.cursor-pointer {
  cursor: pointer;
}
.underline {
  text-decoration: underline;
}
.card-time-badge {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  text-shadow: 1px 1px 0px #a44058;
  font-weight: 700;
  padding: 3px 5px;
  line-height: 1;
  white-space: nowrap;
  background: linear-gradient(180deg, #ff8aa6 0%, #e45678 100%);
  border-radius: 6px 0;
  display: flex;
  align-items: center;
  gap: 4px;
}
.tx-hidden-mobile {
  display: block !important;
}
@media (max-width: 992px) {
  .tx-hidden-mobile {
    display: none !important;
  }
}
.tx-hidden-desktop {
  display: none !important;
}
@media (max-width: 992px) {
  .tx-hidden-desktop {
    display: block !important;
  }
}
@media (max-width: 992px) {
  .mobile-table {
    padding: 1px;
    overflow-x: auto;
  }
}
.collapsed .collapse-arrow {
  transform: rotate(180deg);
}
.blurry-text {
  filter: blur(5px);
  pointer-events: none;
}
.ips-autofill-img {
  max-width: 110px;
  margin-block: -20px;
}
.no-transform {
  transform: unset !important;
}
.strong {
  font-weight: bold;
  font-size: 114.28571429%;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  color: inherit;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small {
  color: inherit;
}
.text-alert {
  color: #f7d72d;
}
.text-gray {
  color: #c9c9c9;
}
.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
}
.text-scroll {
  white-space: nowrap;
  overflow-y: hidden;
  overflow-x: scroll;
}
.no-decoration {
  text-decoration: none !important;
}
.text-account-real {
  color: #f74877;
}
.badge-real {
  background-color: #f74877;
}
tr.real {
  background-color: #fef3f6;
}
.text-account-deposit {
  color: #3584e6;
}
.badge-deposit {
  background-color: #3584e6;
}
tr.deposit {
  background-color: #d4e5fa;
}
.text-account-passenger {
  color: #419943;
}
.badge-passenger {
  background-color: #419943;
}
tr.passenger {
  background-color: #afddb0;
}
.text-account-gem {
  color: #ff00e7;
}
.badge-gem {
  background-color: #ff00e7;
}
tr.gem {
  background-color: #ffb3f8;
}
.text-account-energy {
  color: #48a7ff;
}
.badge-energy {
  background-color: #48a7ff;
}
tr.energy {
  background-color: #fafdff;
}
.text-account-withdraw {
  color: #7e7e7e;
}
.badge-withdraw {
  background-color: #7e7e7e;
}
tr.withdraw {
  background-color: #d7d7d7;
}
.text-account-bonus {
  color: #ff7f50;
}
.badge-bonus {
  background-color: #ff7f50;
}
tr.bonus {
  background-color: #ffffff;
}
.text-rarity-regular {
  color: #129327;
}
.badge-regular {
  background-color: #129327;
}
tr.regular {
  background-color: #6bed80;
}
.text-rarity-rare {
  color: #3fb6db;
}
.badge-rare {
  background-color: #3fb6db;
}
tr.rare {
  background-color: #d5eff7;
}
.text-rarity-unique {
  color: #ef561e;
}
.badge-unique {
  background-color: #ef561e;
}
tr.unique {
  background-color: #fbd3c5;
}
.text-rarity-epic {
  color: #c709e8;
}
.badge-epic {
  background-color: #c709e8;
}
tr.epic {
  background-color: #efa8fc;
}
.warehouse-progress-bar {
  text-align: center;
  height: 12px;
  position: relative;
}
.warehouse-progress-bar .pb-inner {
  position: absolute;
  background-color: #f1f1f1;
  border: 1px solid #e6e6e6;
  box-sizing: border-box;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  width: 100%;
  height: 100%;
}
.warehouse-progress-bar .indicator-inner {
  max-width: 99%;
  height: 10px;
  margin: 1px 1px;
  position: absolute;
  left: 0;
  border-radius: 3px;
}
.sm-progress-bar {
  text-align: center;
  height: 8px;
  position: relative;
}
.sm-progress-bar .pb-inner {
  position: absolute;
  background-color: #f1f1f1;
  border: 1px solid #b8b8b8;
  box-sizing: border-box;
  box-shadow: inset 0 2px 4px rgb(0 0 0%);
  border-radius: 4px;
  width: 100%;
  height: 100%;
}
.sm-progress-bar .indicator-inner {
  background: linear-gradient(180deg, #419943 0%, #2c672d 96.87%);
  height: 6px;
  margin: 2px 2px;
  position: absolute;
  left: 0;
  border-radius: 3px;
}
.sm-progress-bar .pb-text {
  position: absolute;
  font-weight: bold;
  width: 100%;
}
.text-minion-yellow {
  color: #fbe352;
}
.text-shadow-white {
  text-shadow: 0 0 3px #ffffff;
}
.z-index-1 {
  z-index: 1;
}
.text-gradient-primary {
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background: linear-gradient(180deg, #81b5ff 0%, #4a83df 100%);
}
.text-gradient-primary:is(a, button, [data-target], .text-gradient-hover):hover {
  background: #1456c1;
}
.text-gradient-success {
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background: linear-gradient(180deg, #52be54 0%, #4ab34c 100%);
}
.text-gradient-success:is(a, button, [data-target], .text-gradient-hover):hover {
  background: #168d18;
}
.text-gradient-danger {
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background: linear-gradient(180deg, #FF8AA6 0%, #E45678 100%);
}
.text-gradient-danger:is(a, button, [data-target], .text-gradient-hover):hover {
  background: #d50b3c;
}
.text-gradient-warning {
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background: linear-gradient(180deg, #FFBF1B 0%, #FF881A 100%);
}
.text-gradient-warning:is(a, button, [data-target], .text-gradient-hover):hover {
  background: #f47501;
}
.card {
  border-radius: 6px;
  background: var(--tx-panel-background);
  box-shadow: 0px 0px 5px 0px var(--tx-box-shadow-color);
}
.text-grey-dark {
  color: #888b99;
}
html {
  min-height: 100%;
  position: relative;
}
body {
  margin: 0;
  padding: 0;
  background: linear-gradient(to right, var(--tx-body-bg1, transparent), var(--tx-body-bg2, transparent)), #e2e5ea url(../images/new_design/background_money_mob.jpg) repeat-x fixed center top;
  min-height: 100vh !important;
  color: var(--tx-text-color);
}
body:not(.layout-2023) {
  padding-bottom: 127px;
}
body.fixed {
  overflow: hidden;
}
body,
body * {
  outline: none !important;
}
.ulogin-dropdown {
  width: 200px;
}
.container-fluid {
  max-width: 950px;
}
body,
footer.footer,
header.header {
  min-width: 480px !important;
}
footer.footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 127px;
}
#contentWrapper #content.layout-transparent .content-wrapper {
  background: transparent;
}
.content-wrapper.content-full {
  padding: 0;
  background: transparent;
}
.content-wrapper.content-full .page-header {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}
.page-index .container-fluid {
  max-width: 1340px;
}
.page-index header.header {
  min-width: 480px !important;
  margin-bottom: 45px;
}
@media (min-width: 768px) {
  .page-index header.header {
    margin-bottom: 10px;
  }
}
.page-index footer.footer {
  min-width: 480px !important;
}
.content-wrapper .page-header {
  margin-top: -10px;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 10px;
}
.page-header {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  border-bottom: none;
  background: var(--tx-panel-background);
  border-radius: 4px 4px 0 0;
  padding: 0;
  padding-left: 10px;
  padding-right: 10px;
}
@media (max-width: 768px) {
  .page-header.lottery-header h1 {
    line-height: unset !important;
  }
  .page-header.lottery-header a {
    line-height: unset !important;
    margin-top: 8px;
  }
}
.page-header h1,
.page-header .h1 {
  font-weight: normal;
  border-bottom: none;
  padding: 0;
  line-height: 48.4px;
  margin-top: 0;
  margin-bottom: 0;
}
.page-header h1 time,
.page-header .h1 time {
  font-size: 14px;
}
.page-header a {
  display: inline-block;
  line-height: 48.4px;
  text-decoration: none;
  margin-bottom: 0;
  margin-top: 0;
}
.page-nav {
  margin-top: -10px;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 10px;
}
.page-nav .nav {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  overflow: hidden;
}
.page-header + .page-nav {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}
.close {
  position: absolute;
  right: 5px;
  top: 5px;
}
.loading-block {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.35);
  color: white;
}
.loading-block i {
  position: absolute;
  top: 50%;
  left: 50%;
  color: inherit;
  font-size: 28px;
  width: 54px;
  height: 54px;
  line-height: 54px;
  margin-top: -27px;
  margin-left: -27px;
  text-align: center;
  display: inline-block;
}
.circle {
  border-radius: 50%;
  overflow: hidden;
  font-style: normal;
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: white;
  display: inline-block;
  text-align: center;
}
.block {
  display: block;
}
.static {
  position: static;
}
.inline-block {
  display: inline-block;
  position: relative;
}
.inline {
  display: inline !important;
}
@media (max-width: 767px) {
  .block-xs {
    display: block;
  }
  .btn-block-xs {
    display: block;
    width: 100%;
  }
}
.relative {
  position: relative;
}
.text-section {
  margin-bottom: 10px;
}
.text-underline > span {
  border-bottom: 1px solid;
}
.text-underline-none {
  text-decoration: none;
}
a.text-underline-none:hover {
  text-decoration: underline;
}
.text-link {
  text-decoration: none;
  cursor: pointer;
}
.text-link > span {
  border-bottom: 1px solid;
}
.text-link:hover,
.text-link:active,
.text-link:focus {
  text-decoration: none;
}
.text-link:hover > span,
.text-link:active > span,
.text-link:focus > span {
  border-color: transparent;
}
.text-link-inverse {
  text-decoration: none;
}
.text-link-inverse > span {
  border-bottom: 1px solid transparent;
}
.text-link-inverse:hover > span,
.text-link-inverse:focus > span,
.text-link-inverse:active > span {
  border-color: inherit;
}
.text-link-dashed {
  text-decoration: none;
  cursor: pointer;
}
.text-link-dashed > span {
  border-bottom: 1px solid;
}
.text-link-dashed:hover,
.text-link-dashed:active,
.text-link-dashed:focus {
  text-decoration: none;
}
.text-link-dashed:hover > span,
.text-link-dashed:active > span,
.text-link-dashed:focus > span {
  border-color: transparent;
}
.text-link-dashed span {
  border-bottom-style: dashed;
}
.text-black {
  color: #333 !important;
}
@media (max-width: 767px) {
  .pt-xs {
    padding-top: 7px;
  }
  .mt-xs {
    margin-top: 5px;
  }
  .mtlg-xs {
    margin-top: 20px;
  }
  .mblg-xs {
    margin-bottom: 20px;
  }
  .mb-xs {
    margin-bottom: 5px;
  }
}
.ml {
  margin-left: 5px;
}
.ml-1 {
  margin-left: 10px !important;
}
.ml-2 {
  margin-left: 20px !important;
}
.mr {
  margin-right: 5px;
}
.mr-1 {
  margin-right: 10px !important;
}
.mr-2 {
  margin-right: 20px !important;
}
.mt {
  margin-top: 5px;
}
.mtlg {
  margin-top: 20px;
}
.mb + .mt {
  margin-top: 10px;
}
.mb {
  margin-bottom: 5px;
}
.mb-reset {
  margin-bottom: -10px;
}
.mt-reset {
  margin-top: -10px;
}
.mt-clear {
  margin-top: 0 !important;
}
.ml-reset {
  margin-left: -10px;
}
.mr-reset {
  margin-right: -10px;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-1 {
  margin-top: 10px;
}
.mt-2 {
  margin-top: 20px;
}
.mt-3 {
  margin-top: 30px;
}
.mt-4 {
  margin-top: 40px;
}
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.my-2 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.my-4 {
  margin-top: 40px;
  margin-bottom: 40px;
}
.mb-0,
.mb-clear {
  margin-bottom: 0 !important;
}
.mb-1,
.garageDisplay .carArea .caRight .carButton.cbInspection .inspection-popup .service-station-banner .discount-text {
  margin-bottom: 10px !important;
}
.mb-2 {
  margin-bottom: 20px !important;
}
.pt-1 {
  padding-top: 10px !important;
}
.pt-2 {
  padding-top: 20px !important;
}
.pb-1 {
  padding-bottom: 10px !important;
}
.pb-2 {
  padding-bottom: 20px !important;
}
.pl-1 {
  padding-left: 10px !important;
}
.pl-2 {
  padding-left: 20px !important;
}
.pr-1 {
  padding-right: 10px !important;
}
.pr-2 {
  padding-right: 20px !important;
}
.bb-clear {
  border-bottom: none !important;
}
.pt-0,
.pt-clear {
  padding-top: 0 !important;
}
.pb-0,
.pb-clear {
  padding-bottom: 0 !important;
}
@media (max-width: 767px) {
  .text-nowrap-xs {
    white-space: nowrap;
  }
  .small-xs {
    font-size: 11px;
  }
}
@media (min-width: 768px) {
  .pull-left-sm {
    float: left;
  }
}
#contentWrapper #content.page-inner .content-wrapper,
.page-inner .content-wrapper {
  background: var(--tx-wrapper-background);
}
#contentWrapper #content.page-tabs .content-wrapper,
.page-tabs .content-wrapper {
  background: none;
  padding: 0 !important;
}
a {
  color: #3d8ee9;
  text-decoration: underline;
  -webkit-text-underline-position: under;
  -ms-text-underline-position: below;
  text-underline-position: under;
}
a:hover,
a:active,
a:focus {
  text-decoration: none;
}
.carsBlock .car .cLevel {
  line-height: 1.3;
}
.mainBlock .newsBlock .news {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#sidebar .financeBlock .sbHeader a,
#sidebar .friendsBlock .sbHeader a {
  text-decoration: none;
}
.garageListDisplay .carList .clCar .clInfo1 .clName a,
.garageListDisplay .carList .clCar .clInfo1 .clFuel a {
  text-decoration: none;
}
.whiteBlock .coolTabs ul li a {
  font-size: 14px;
}
.garageDisplay .abilitiesBlock .shAbility .shaInfo {
  font-size: 11px;
  line-height: 1.1;
}
.garageDisplay .abilitiesBlock .shAbility .shaName .shaName,
.garageDisplay .abilitiesBlock .shAbility .shaName {
  font-size: 16px;
}
#sidebar .menuBlock ul li.active a i.home {
  background: url(../img/sprites.png) -23px -299px no-repeat;
}
#sidebar .menuBlock ul li.active a i.garage {
  background: url(../img/sprites.png) -23px -339px no-repeat;
}
#sidebar .menuBlock ul li.active a i.work {
  background: url(../img/sprites.png) -23px -379px no-repeat;
}
#sidebar .menuBlock ul li.active a i.finance {
  background: url(../img/sprites.png) -23px -417px no-repeat;
}
#sidebar .menuBlock ul li.active a i.messages {
  background: url(../img/sprites.png) -23px -459px no-repeat;
}
#sidebar .menuBlock ul li.active a i.friends {
  background: url(../img/sprites.png) -23px -499px no-repeat;
}
#sidebar .menuBlock ul li.active a i.partners {
  background: url(../img/sprites.png) -23px -541px no-repeat;
}
#sidebar .menuBlock ul li.active a i.settings {
  background: url(../img/sprites.png) -23px -580px no-repeat;
}
#sidebar .menuBlock ul li.active a i.exit {
  background: url(../img/sprites.png) -23px -621px no-repeat;
}
.time-date {
  color: #949494;
}
.main-link-block:disabled,
.main-link-block.disabled {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  cursor: not-allowed;
  background: white;
}
.main-link-block:disabled:hover,
.main-link-block.disabled:hover {
  background: white;
}
.text-company-name {
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #f74877;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.text-taxi-name {
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #3584e6;
  text-transform: uppercase;
}
.text-taxi-id {
  font-size: 80%;
  color: #929292;
  border-bottom-color: inherit;
}
.text-user-name {
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #3584e6;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
.text-user-name.text-danger {
  color: #f74877;
}
.large {
  font-size: 110%;
}
.bold {
  font-weight: bold;
}
.normal {
  font-weight: normal;
  font-size: 14px;
}
.font-cuprum,
.text-cuprum,
.garageDisplay .carArea .caRight .carButton.cbInspection .inspection-popup__header {
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.font-ptsans {
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.faq-container .page-header .btn-toggle {
  display: none;
}
@media (max-width: 991px) {
  .faq-container .page-header .btn-toggle {
    display: block;
    position: absolute;
    left: -5px;
    top: 0;
    bottom: 0;
    width: 45px;
    border-radius: 0;
  }
  .faq-container .page-header h1 {
    padding-left: 50px;
  }
}
.text-white,
.garageDisplay .carArea .caRight .carButton.cbInspection .inspection-popup .service-station-banner .discount-text,
.popup-container {
  color: white;
}
.text-blue {
  color: #86befd;
}
.bg-white {
  background: var(--tx-panel-background);
}
.bg-transparent {
  background: transparent;
}
time.time-formatted span > span:empty {
  display: none;
}
time.time-formatted span > span:empty + span {
  display: none;
}
.text-crossed {
  text-decoration: line-through;
}
.w-5 {
  width: 5% !important;
}
.w-10 {
  width: 10% !important;
}
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-100 {
  width: 100% !important;
}
.h-25 {
  height: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-100 {
  height: 100% !important;
}
.mw-100 {
  max-width: 100% !important;
}
.mh-100 {
  max-height: 100% !important;
}
.m-0,
.garageDisplay .carArea .caRight .carButton.cbInspection .inspectionBlock,
.garageDisplay .carArea .caRight .carButton.cbInspection .inspection-popup__header {
  margin: 0 !important;
}
.mt-0,
.my-0 {
  margin-top: 0 !important;
}
.mr-0,
.mx-0 {
  margin-right: 0 !important;
}
.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
  margin-left: 0 !important;
}
.m-1 {
  margin: 5px !important;
}
.mt-1,
.my-1 {
  margin-top: 5px !important;
}
.mr-1,
.mx-1 {
  margin-right: 5px !important;
}
.mb-1,
.my-1,
.garageDisplay .carArea .caRight .carButton.cbInspection .inspection-popup .service-station-banner .discount-text {
  margin-bottom: 5px !important;
}
.ml-1,
.mx-1 {
  margin-left: 5px !important;
}
.m-2 {
  margin: 10px !important;
}
.mt-2,
.my-2 {
  margin-top: 10px !important;
}
.mr-2,
.mx-2 {
  margin-right: 10px !important;
}
.mb-2,
.my-2 {
  margin-bottom: 10px !important;
}
.ml-2,
.mx-2 {
  margin-left: 10px !important;
}
.m-3 {
  margin: 20px !important;
}
.mt-3,
.my-3 {
  margin-top: 20px !important;
}
.mr-3,
.mx-3 {
  margin-right: 20px !important;
}
.mb-3,
.my-3 {
  margin-bottom: 20px !important;
}
.ml-3,
.mx-3 {
  margin-left: 20px !important;
}
.m-4 {
  margin: 30px !important;
}
.mt-4,
.my-4 {
  margin-top: 30px !important;
}
.mr-4,
.mx-4 {
  margin-right: 30px !important;
}
.mb-4,
.my-4 {
  margin-bottom: 30px !important;
}
.ml-4,
.mx-4 {
  margin-left: 30px !important;
}
.m-5 {
  margin: 60px !important;
}
.mt-5,
.my-5 {
  margin-top: 60px !important;
}
.mr-5,
.mx-5 {
  margin-right: 60px !important;
}
.mb-5,
.my-5 {
  margin-bottom: 60px !important;
}
.ml-5,
.mx-5 {
  margin-left: 60px !important;
}
.p-0,
.garageDisplay .carArea .caRight .carButton.cbInspection .inspectionBlock {
  padding: 0 !important;
}
.pt-0,
.py-0 {
  padding-top: 0 !important;
}
.pr-0,
.px-0 {
  padding-right: 0 !important;
}
.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
  padding-left: 0 !important;
}
.p-1 {
  padding: 5px !important;
}
.pt-1,
.py-1 {
  padding-top: 5px !important;
}
.pr-1,
.px-1 {
  padding-right: 5px !important;
}
.pb-1,
.py-1 {
  padding-bottom: 5px !important;
}
.pl-1,
.px-1 {
  padding-left: 5px !important;
}
.p-2,
.garageDisplay .carArea .caRight .carButton.cbInspection .inspection-popup {
  padding: 10px !important;
}
.pt-2,
.py-2 {
  padding-top: 10px !important;
}
.pr-2,
.px-2 {
  padding-right: 10px !important;
}
.pb-2,
.py-2 {
  padding-bottom: 10px !important;
}
.pl-2,
.px-2 {
  padding-left: 10px !important;
}
.p-3 {
  padding: 20px !important;
}
.pt-3,
.py-3 {
  padding-top: 20px !important;
}
.pr-3,
.px-3 {
  padding-right: 20px !important;
}
.pb-3,
.py-3 {
  padding-bottom: 20px !important;
}
.pl-3,
.px-3 {
  padding-left: 20px !important;
}
.p-4 {
  padding: 30px !important;
}
.pt-4,
.py-4 {
  padding-top: 30px !important;
}
.pr-4,
.px-4 {
  padding-right: 30px !important;
}
.pb-4,
.py-4 {
  padding-bottom: 30px !important;
}
.pl-4,
.px-4 {
  padding-left: 30px !important;
}
.p-5 {
  padding: 60px !important;
}
.pt-5,
.py-5 {
  padding-top: 60px !important;
}
.pr-5,
.px-5 {
  padding-right: 60px !important;
}
.pb-5,
.py-5 {
  padding-bottom: 60px !important;
}
.pl-5,
.px-5 {
  padding-left: 60px !important;
}
.m-auto {
  margin: auto !important;
}
.mt-auto,
.my-auto {
  margin-top: auto !important;
}
.mr-auto,
.mx-auto {
  margin-right: auto !important;
}
.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
  margin-left: auto !important;
}
@media (min-width: 768px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 5px !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 5px !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 5px !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 5px !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 5px !important;
  }
  .m-sm-2 {
    margin: 10px !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 10px !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 10px !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 10px !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 10px !important;
  }
  .m-sm-3 {
    margin: 20px !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 20px !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 20px !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 20px !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 20px !important;
  }
  .m-sm-4 {
    margin: 30px !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 30px !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 30px !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 30px !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 30px !important;
  }
  .m-sm-5 {
    margin: 60px !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 60px !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 60px !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 60px !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 60px !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 5px !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 5px !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 5px !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 5px !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 5px !important;
  }
  .p-sm-2 {
    padding: 10px !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 10px !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 10px !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 10px !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 10px !important;
  }
  .p-sm-3 {
    padding: 20px !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 20px !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 20px !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 20px !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 20px !important;
  }
  .p-sm-4 {
    padding: 30px !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 30px !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 30px !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 30px !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 30px !important;
  }
  .p-sm-5 {
    padding: 60px !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 60px !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 60px !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 60px !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 60px !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 5px !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 5px !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 5px !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 5px !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 5px !important;
  }
  .m-md-2 {
    margin: 10px !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 10px !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 10px !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 10px !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 10px !important;
  }
  .m-md-3 {
    margin: 20px !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 20px !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 20px !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 20px !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 20px !important;
  }
  .m-md-4 {
    margin: 30px !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 30px !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 30px !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 30px !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 30px !important;
  }
  .m-md-5 {
    margin: 60px !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 60px !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 60px !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 60px !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 60px !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 5px !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 5px !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 5px !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 5px !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 5px !important;
  }
  .p-md-2 {
    padding: 10px !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 10px !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 10px !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 10px !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 10px !important;
  }
  .p-md-3 {
    padding: 20px !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 20px !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 20px !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 20px !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 20px !important;
  }
  .p-md-4 {
    padding: 30px !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 30px !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 30px !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 30px !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 30px !important;
  }
  .p-md-5 {
    padding: 60px !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 60px !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 60px !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 60px !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 60px !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 5px !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 5px !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 5px !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 5px !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 5px !important;
  }
  .m-lg-2 {
    margin: 10px !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 10px !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 10px !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 10px !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 10px !important;
  }
  .m-lg-3 {
    margin: 20px !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 20px !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 20px !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 20px !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 20px !important;
  }
  .m-lg-4 {
    margin: 30px !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 30px !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 30px !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 30px !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 30px !important;
  }
  .m-lg-5 {
    margin: 60px !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 60px !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 60px !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 60px !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 60px !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 5px !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 5px !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 5px !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 5px !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 5px !important;
  }
  .p-lg-2 {
    padding: 10px !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 10px !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 10px !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 10px !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 10px !important;
  }
  .p-lg-3 {
    padding: 20px !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 20px !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 20px !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 20px !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 20px !important;
  }
  .p-lg-4 {
    padding: 30px !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 30px !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 30px !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 30px !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 30px !important;
  }
  .p-lg-5 {
    padding: 60px !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 60px !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 60px !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 60px !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 60px !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}
.mx-reset {
  margin-left: -10px;
  margin-right: -10px;
}
.my-reset {
  margin-top: -10px;
  margin-bottom: -10px;
}
.my-reset-2 {
  margin-top: -20px;
  margin-bottom: -20px;
}
.my-reset-3 {
  margin-top: -30px;
  margin-bottom: -30px;
}
.my-reset-4 {
  margin-top: -40px;
  margin-bottom: -40px;
}
.m-reset {
  margin-top: -10px;
  margin-bottom: -10px;
  margin-left: -10px;
  margin-right: -10px;
}
.font-weight-light {
  font-weight: 300 !important;
}
.font-weight-normal {
  font-weight: 400 !important;
}
.font-weight-bold {
  font-weight: 700 !important;
}
.font-italic {
  font-style: italic !important;
}
.text-white,
.garageDisplay .carArea .caRight .carButton.cbInspection .inspection-popup .service-station-banner .discount-text,
.popup-container {
  color: #fff !important;
}
.d-block {
  display: block;
}
.d-inline-block {
  display: inline-block;
}
.font-size-1x {
  font-size: 110%;
}
.font-size-2x {
  font-size: 120%;
}
.font-size-3x {
  font-size: 130%;
}
.font-size-4x {
  font-size: 140%;
}
.font-size-5x {
  font-size: 150%;
}
.font-size-6x {
  font-size: 160%;
}
.extra-small {
  font-size: 80% !important;
}
.box-shadow-none {
  box-shadow: none !important;
}
.text-shadow-none {
  text-shadow: none !important;
}
.text-shadow {
  text-shadow: 1px 1px 0px black;
}
.border {
  border: 1px solid;
}
.border-gray {
  border-color: #ebebeb;
}
.border-gray-400 {
  border-color: #b6b6b6;
}
.position-relative {
  position: relative;
}
.position-static {
  position: static;
}
.top-0 {
  top: 0;
}
@media (max-width: 768px) {
  .position-xs-sticky {
    position: sticky;
  }
}
.border-radius {
  border-radius: 5px !important;
}
.position-absolute {
  position: absolute;
}
.absolute-bottom {
  position: absolute;
  bottom: 0;
}
.absolute-bottom-center {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.absolute-top {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.absolute-top-right {
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
}
.absolute-top-left {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
}
.absolute-bottom-left {
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
}
.absolute-bottom-right {
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
}
.absolute-center {
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  right: 0;
  text-align: center;
}
.rounded {
  border-radius: 4px;
  overflow: hidden;
}
.rounded-50 {
  border-radius: 50px;
  overflow: hidden;
}
.rounded-25 {
  border-radius: 25px;
  overflow: hidden;
}
.rounded-only {
  border-radius: 4px;
}
.line-height-xs {
  line-height: 1.3;
}
.line-height-1 {
  line-height: 1;
}
.bg-white-50 {
  background-color: rgba(255, 255, 255, 0.5);
}
.bg-white-75 {
  background-color: rgba(255, 255, 255, 0.75);
}
.bg-white-90 {
  background-color: rgba(255, 255, 255, 0.9);
}
.text-middle {
  vertical-align: middle;
}
.border-primary {
  border-color: #3584e6;
}
.border-danger {
  border-color: #f74877;
}
.border-0 {
  border-width: 0 !important;
}
.border-none {
  border: none !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.sticky-bottom {
  position: sticky !important;
  bottom: 0;
}
.cursor-default {
  cursor: default !important;
}
.nickname {
  display: inline-flex;
  align-items: center;
  justify-content: start;
  max-width: max-content;
  width: -moz-available;
  width: -webkit-fill-available;
  width: fill-available;
}
.nickname .text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 120px;
}
.nickname .nickname-badge {
  width: 15px;
  height: 15px;
}
.bg-white-anti-flash {
  background: #f0f1f6;
}
.link {
  font-weight: 700;
  color: #3d77cb;
  text-decoration: none;
  font-size: 16px;
}
.link:hover {
  color: #4cb543;
}
.enclave-block {
  padding: 20px;
  padding-right: 145px;
}
.enclave-block h2 {
  margin: 0;
}
.panel-enclave .panel-body {
  background-image: url("../img/enclave.png");
  background-position: right top;
  background-repeat: no-repeat;
  border-bottom: 1px solid #e7e9ed;
}
.panel-custom .panel-heading + .table-main {
  margin-top: 10px;
}
.table-main.table thead tr th {
  background: #ebecef;
  color: #8d8d8d;
  text-align: left;
  border-style: groove;
  border-color: rgba(247, 247, 247, 0.22);
  border-width: 1px;
  text-transform: uppercase;
}
.table-enclave caption,
.table-enclave caption {
  font-size: 20px;
}
.liveInRoad .citySelect {
  display: inline-block;
  width: auto;
  margin-bottom: 0;
}
.liveInRoad .citySelect .dropdown {
  margin-top: -3px;
}
.liveInRoad .citySelect .ssTitle {
  display: none;
}
.liveInRoad .citySelect .btn {
  display: inline-block;
  width: auto;
  padding-top: 4px;
  padding-bottom: 4px;
}
@media (min-width: 481px) {
  .frontpage-banners {
    margin-bottom: -22px;
  }
}
.progress.progress-full,
.progress.progress-full {
  background-color: transparent;
  background-image: url("../img/progress_bg.png");
  background-repeat: no-repeat;
  background-position: left center;
  height: 26px;
  max-width: 214px;
  display: block;
  margin: auto;
  border: none;
  border-radius: 8px;
}
.progress.progress-full .progress-bar,
.progress.progress-full .progress-bar,
.progress.progress-full .progress-bar,
.progress.progress-full .progress-custom .progress-bar,
.progress.progress-full .progress-custom-sm .progress-bar,
.progress.progress-full .progress-custom .progress-bar,
.progress.progress-full .progress-custom-sm .progress-bar,
.progress.progress-full .progress-custom .progress-bar,
.progress.progress-full .progress-custom-sm .progress-custom .progress-bar,
.progress.progress-full .progress-custom-sm .progress-bar,
.progress.progress-full .progress-custom .progress-custom-sm .progress-bar,
.progress.progress-full .progress-custom-sm .progress-custom .progress-bar,
.progress.progress-full .progress-custom .progress-custom-sm .progress-bar,
.progress.progress-full .progress-custom-sm .progress-custom .progress-bar,
.progress.progress-full .progress-custom-sm .progress-custom .progress-bar,
.progress.progress-full .progress-custom .progress-custom-sm .progress-bar,
.progress.progress-full .progress-custom .progress-custom-sm .progress-bar {
  position: static;
  background-repeat: repeat-x;
  background-position: left center;
  background-color: transparent;
  transition: none !important;
}
.progress.progress-full .progress-bar.progress-bar-info,
.progress.progress-full .progress-bar.progress-bar-info,
.progress.progress-full .progress-bar.progress-bar-info,
.progress.progress-full .progress-custom .progress-bar.progress-bar-info,
.progress.progress-full .progress-custom-sm .progress-bar.progress-bar-info,
.progress.progress-full .progress-custom .progress-bar.progress-bar-info,
.progress.progress-full .progress-custom-sm .progress-bar.progress-bar-info,
.progress.progress-full .progress-custom .progress-bar.progress-bar-info,
.progress.progress-full .progress-custom-sm .progress-custom .progress-bar.progress-bar-info,
.progress.progress-full .progress-custom-sm .progress-bar.progress-bar-info,
.progress.progress-full .progress-custom .progress-custom-sm .progress-bar.progress-bar-info,
.progress.progress-full .progress-custom-sm .progress-custom .progress-bar.progress-bar-info,
.progress.progress-full .progress-custom .progress-custom-sm .progress-bar.progress-bar-info,
.progress.progress-full .progress-custom-sm .progress-custom .progress-bar.progress-bar-info,
.progress.progress-full .progress-custom-sm .progress-custom .progress-bar.progress-bar-info,
.progress.progress-full .progress-custom .progress-custom-sm .progress-bar.progress-bar-info,
.progress.progress-full .progress-custom .progress-custom-sm .progress-bar.progress-bar-info {
  background-image: url("../img/progress_fill_blue.png");
}
.progress.progress-full .progress-bar.progress-bar-warning,
.progress.progress-full .progress-bar.progress-bar-warning,
.progress.progress-full .progress-bar.progress-bar-warning,
.progress.progress-full .progress-custom .progress-bar.progress-bar-warning,
.progress.progress-full .progress-custom-sm .progress-bar.progress-bar-warning,
.progress.progress-full .progress-custom .progress-bar.progress-bar-warning,
.progress.progress-full .progress-custom-sm .progress-bar.progress-bar-warning,
.progress.progress-full .progress-custom .progress-bar.progress-bar-warning,
.progress.progress-full .progress-custom-sm .progress-custom .progress-bar.progress-bar-warning,
.progress.progress-full .progress-custom-sm .progress-bar.progress-bar-warning,
.progress.progress-full .progress-custom .progress-custom-sm .progress-bar.progress-bar-warning,
.progress.progress-full .progress-custom-sm .progress-custom .progress-bar.progress-bar-warning,
.progress.progress-full .progress-custom .progress-custom-sm .progress-bar.progress-bar-warning,
.progress.progress-full .progress-custom-sm .progress-custom .progress-bar.progress-bar-warning,
.progress.progress-full .progress-custom-sm .progress-custom .progress-bar.progress-bar-warning,
.progress.progress-full .progress-custom .progress-custom-sm .progress-bar.progress-bar-warning,
.progress.progress-full .progress-custom .progress-custom-sm .progress-bar.progress-bar-warning {
  background-image: url(../img/sprites.png);
  background-position: -750px -25px;
  background-repeat: no-repeat;
  display: block;
}
.progress.progress-full.progress-xs,
.progress.progress-full.progress-xs {
  background-image: url("../img/progress_bg_xs.png");
  max-width: 145px;
  height: 25px;
}
.progress.progress-full.progress-xs .progress-bar.progress-bar-info,
.progress.progress-full.progress-xs .progress-bar.progress-bar-info,
.progress.progress-full.progress-xs .progress-bar.progress-bar-info,
.progress.progress-full.progress-xs .progress-custom .progress-bar.progress-bar-info,
.progress.progress-full.progress-xs .progress-custom-sm .progress-bar.progress-bar-info,
.progress.progress-full.progress-xs .progress-custom .progress-bar.progress-bar-info,
.progress.progress-full.progress-xs .progress-custom-sm .progress-bar.progress-bar-info,
.progress.progress-full.progress-xs .progress-custom .progress-bar.progress-bar-info,
.progress.progress-full.progress-xs .progress-custom-sm .progress-custom .progress-bar.progress-bar-info,
.progress.progress-full.progress-xs .progress-custom-sm .progress-bar.progress-bar-info,
.progress.progress-full.progress-xs .progress-custom .progress-custom-sm .progress-bar.progress-bar-info,
.progress.progress-full.progress-xs .progress-custom-sm .progress-custom .progress-bar.progress-bar-info,
.progress.progress-full.progress-xs .progress-custom .progress-custom-sm .progress-bar.progress-bar-info,
.progress.progress-full.progress-xs .progress-custom-sm .progress-custom .progress-bar.progress-bar-info,
.progress.progress-full.progress-xs .progress-custom-sm .progress-custom .progress-bar.progress-bar-info,
.progress.progress-full.progress-xs .progress-custom .progress-custom-sm .progress-bar.progress-bar-info,
.progress.progress-full.progress-xs .progress-custom .progress-custom-sm .progress-bar.progress-bar-info {
  background-image: url("../img/progress_fill_blue_xs.png");
}
.progress.progress-full.progress-xs .progress-bar.progress-bar-info span,
.progress.progress-full.progress-xs .progress-bar.progress-bar-info span,
.progress.progress-full.progress-xs .progress-bar.progress-bar-info span,
.progress.progress-full.progress-xs .progress-custom .progress-bar.progress-bar-info span,
.progress.progress-full.progress-xs .progress-custom-sm .progress-bar.progress-bar-info span,
.progress.progress-full.progress-xs .progress-custom .progress-bar.progress-bar-info span,
.progress.progress-full.progress-xs .progress-custom-sm .progress-bar.progress-bar-info span,
.progress.progress-full.progress-xs .progress-custom .progress-bar.progress-bar-info span,
.progress.progress-full.progress-xs .progress-custom-sm .progress-custom .progress-bar.progress-bar-info span,
.progress.progress-full.progress-xs .progress-custom-sm .progress-bar.progress-bar-info span,
.progress.progress-full.progress-xs .progress-custom .progress-custom-sm .progress-bar.progress-bar-info span,
.progress.progress-full.progress-xs .progress-custom-sm .progress-custom .progress-bar.progress-bar-info span,
.progress.progress-full.progress-xs .progress-custom .progress-custom-sm .progress-bar.progress-bar-info span,
.progress.progress-full.progress-xs .progress-custom-sm .progress-custom .progress-bar.progress-bar-info span,
.progress.progress-full.progress-xs .progress-custom-sm .progress-custom .progress-bar.progress-bar-info span,
.progress.progress-full.progress-xs .progress-custom .progress-custom-sm .progress-bar.progress-bar-info span,
.progress.progress-full.progress-xs .progress-custom .progress-custom-sm .progress-bar.progress-bar-info span {
  text-align: center !important;
  right: 0;
  left: 0;
  top: 6px;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
  color: white;
  text-shadow: 0 1px 1px black;
}
.progress.progress-full.progress-lg,
.progress.progress-full.progress-lg {
  background-image: url("../img/progress_bg_lg.png");
  background-repeat: no-repeat;
  max-width: 324px;
  height: 35px;
}
.progress.progress-full.progress-lg .progress-bar span,
.progress.progress-full.progress-lg .progress-bar span,
.progress.progress-full.progress-lg .progress-bar span,
.progress.progress-full.progress-lg .progress-custom .progress-bar span,
.progress.progress-full.progress-lg .progress-custom-sm .progress-bar span,
.progress.progress-full.progress-lg .progress-custom .progress-bar span,
.progress.progress-full.progress-lg .progress-custom-sm .progress-bar span,
.progress.progress-full.progress-lg .progress-custom .progress-bar span,
.progress.progress-full.progress-lg .progress-custom-sm .progress-custom .progress-bar span,
.progress.progress-full.progress-lg .progress-custom-sm .progress-bar span,
.progress.progress-full.progress-lg .progress-custom .progress-custom-sm .progress-bar span,
.progress.progress-full.progress-lg .progress-custom-sm .progress-custom .progress-bar span,
.progress.progress-full.progress-lg .progress-custom .progress-custom-sm .progress-bar span,
.progress.progress-full.progress-lg .progress-custom-sm .progress-custom .progress-bar span,
.progress.progress-full.progress-lg .progress-custom-sm .progress-custom .progress-bar span,
.progress.progress-full.progress-lg .progress-custom .progress-custom-sm .progress-bar span,
.progress.progress-full.progress-lg .progress-custom .progress-custom-sm .progress-bar span {
  left: 0;
  right: 0;
  text-align: center;
  top: 0;
  bottom: 0;
  line-height: 35px;
}
.progress.progress-full.progress-lg .progress-bar.progress-bar-warning,
.progress.progress-full.progress-lg .progress-bar.progress-bar-warning,
.progress.progress-full.progress-lg .progress-bar.progress-bar-warning,
.progress.progress-full.progress-lg .progress-custom .progress-bar.progress-bar-warning,
.progress.progress-full.progress-lg .progress-custom-sm .progress-bar.progress-bar-warning,
.progress.progress-full.progress-lg .progress-custom .progress-bar.progress-bar-warning,
.progress.progress-full.progress-lg .progress-custom-sm .progress-bar.progress-bar-warning,
.progress.progress-full.progress-lg .progress-custom .progress-bar.progress-bar-warning,
.progress.progress-full.progress-lg .progress-custom-sm .progress-custom .progress-bar.progress-bar-warning,
.progress.progress-full.progress-lg .progress-custom-sm .progress-bar.progress-bar-warning,
.progress.progress-full.progress-lg .progress-custom .progress-custom-sm .progress-bar.progress-bar-warning,
.progress.progress-full.progress-lg .progress-custom-sm .progress-custom .progress-bar.progress-bar-warning,
.progress.progress-full.progress-lg .progress-custom .progress-custom-sm .progress-bar.progress-bar-warning,
.progress.progress-full.progress-lg .progress-custom-sm .progress-custom .progress-bar.progress-bar-warning,
.progress.progress-full.progress-lg .progress-custom-sm .progress-custom .progress-bar.progress-bar-warning,
.progress.progress-full.progress-lg .progress-custom .progress-custom-sm .progress-bar.progress-bar-warning,
.progress.progress-full.progress-lg .progress-custom .progress-custom-sm .progress-bar.progress-bar-warning {
  background-image: url("../img/progress_bar_warning_lg.png");
  background-repeat: no-repeat;
  background-position: left center;
}
.progress.progress-full.progress-lg .progress-bar.progress-bar-warning span,
.progress.progress-full.progress-lg .progress-bar.progress-bar-warning span,
.progress.progress-full.progress-lg .progress-bar.progress-bar-warning span,
.progress.progress-full.progress-lg .progress-custom .progress-bar.progress-bar-warning span,
.progress.progress-full.progress-lg .progress-custom-sm .progress-bar.progress-bar-warning span,
.progress.progress-full.progress-lg .progress-custom .progress-bar.progress-bar-warning span,
.progress.progress-full.progress-lg .progress-custom-sm .progress-bar.progress-bar-warning span,
.progress.progress-full.progress-lg .progress-custom .progress-bar.progress-bar-warning span,
.progress.progress-full.progress-lg .progress-custom-sm .progress-custom .progress-bar.progress-bar-warning span,
.progress.progress-full.progress-lg .progress-custom-sm .progress-bar.progress-bar-warning span,
.progress.progress-full.progress-lg .progress-custom .progress-custom-sm .progress-bar.progress-bar-warning span,
.progress.progress-full.progress-lg .progress-custom-sm .progress-custom .progress-bar.progress-bar-warning span,
.progress.progress-full.progress-lg .progress-custom .progress-custom-sm .progress-bar.progress-bar-warning span,
.progress.progress-full.progress-lg .progress-custom-sm .progress-custom .progress-bar.progress-bar-warning span,
.progress.progress-full.progress-lg .progress-custom-sm .progress-custom .progress-bar.progress-bar-warning span,
.progress.progress-full.progress-lg .progress-custom .progress-custom-sm .progress-bar.progress-bar-warning span,
.progress.progress-full.progress-lg .progress-custom .progress-custom-sm .progress-bar.progress-bar-warning span {
  color: white;
  text-shadow: 0 1px 2px black;
}
.radial-progress-container {
  display: inline-block;
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  vertical-align: middle;
  overflow: hidden;
}
.radial-progress-container > svg.radial-progress {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.radial-progress-container .radial-progress-help {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.radial-progress > circle {
  stroke-dashoffset: 0;
  stroke: #ccc;
  stroke-width: 10px;
  fill: transparent;
}
.radial-progress > .radial-progress-bar {
  transition: stroke-dashoffset 0.9s ease-in-out;
}
.radial-progress.radial-progress-warning > .radial-progress-bar {
  stroke: #fbbc23;
}
.radial-progress.radial-progress-danger > .radial-progress-bar {
  stroke: #f74877;
}
.radial-progress.radial-progress-success > .radial-progress-bar {
  stroke: #419943;
}
.progress-custom {
  height: 40px;
  overflow: hidden;
  position: relative;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  background: #465d7e;
  /* Old browsers */
  background: -moz-linear-gradient(top, #465d7e 1%, #596b88 10%, #596a87 50%, #536685 90%, #465e7f 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #465d7e 1%, #596b88 10%, #596a87 50%, #536685 90%, #465e7f 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #465d7e 1%, #596b88 10%, #596a87 50%, #536685 90%, #465e7f 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#465d7e', endColorstr='#465e7f', GradientType=0);
  /* IE6-9 */
  box-shadow: inset 0px 0px 2px #475d7d;
  border: 2px solid #c9cacc;
  padding: 1px;
}
.progress-custom:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: repeating-linear-gradient(90deg, transparent, transparent 10px, rgba(255, 255, 255, 0.15) 10px, rgba(0, 0, 0, 0.15) 12px);
}
.progress-custom.condensed {
  height: 30px;
}
.progress-custom .progress-bar,
.progress-custom .progress-bar,
.progress-custom .progress-custom-sm .progress-bar,
.progress-custom .progress-custom-sm .progress-bar,
.progress-custom .progress-custom-sm .progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 11px;
  line-height: 22px;
  color: #fff;
  text-align: center;
  background-color: #3584e6;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
  border-radius: 5px;
  box-shadow: none;
  position: static;
  transition: none !important;
  border-radius: 0;
}
.progress-custom .progress-bar > span,
.progress-custom .progress-bar > span,
.progress-custom .progress-custom .progress-bar > span,
.progress-custom .progress-custom-sm .progress-bar > span,
.progress-custom .progress-custom .progress-bar > span,
.progress-custom .progress-custom-sm .progress-bar > span,
.progress-custom .progress-custom .progress-bar > span,
.progress-custom .progress-custom-sm .progress-custom .progress-bar > span,
.progress-custom .progress-custom-sm .progress-bar > span,
.progress-custom .progress-custom .progress-custom-sm .progress-bar > span,
.progress-custom .progress-custom-sm .progress-custom .progress-bar > span,
.progress-custom .progress-custom .progress-custom-sm .progress-bar > span,
.progress-custom .progress-custom-sm .progress-custom .progress-bar > span,
.progress-custom .progress-custom-sm .progress-custom .progress-bar > span,
.progress-custom .progress-custom .progress-custom-sm .progress-bar > span,
.progress-custom .progress-custom .progress-custom-sm .progress-bar > span {
  position: absolute;
  left: 0;
  right: 0;
  top: -16px;
  line-height: 1;
  bottom: 0;
  z-index: 10;
  text-align: left;
  white-space: nowrap;
}
.progress-custom .progress-bar.progress-bar-success,
.progress-custom .progress-bar.progress-bar-success,
.progress-custom .progress-custom .progress-bar.progress-bar-success,
.progress-custom .progress-custom-sm .progress-bar.progress-bar-success,
.progress-custom .progress-custom .progress-bar.progress-bar-success,
.progress-custom .progress-custom-sm .progress-bar.progress-bar-success,
.progress-custom .progress-custom .progress-bar.progress-bar-success,
.progress-custom .progress-custom-sm .progress-custom .progress-bar.progress-bar-success,
.progress-custom .progress-custom-sm .progress-bar.progress-bar-success,
.progress-custom .progress-custom .progress-custom-sm .progress-bar.progress-bar-success,
.progress-custom .progress-custom-sm .progress-custom .progress-bar.progress-bar-success,
.progress-custom .progress-custom .progress-custom-sm .progress-bar.progress-bar-success,
.progress-custom .progress-custom-sm .progress-custom .progress-bar.progress-bar-success,
.progress-custom .progress-custom-sm .progress-custom .progress-bar.progress-bar-success,
.progress-custom .progress-custom .progress-custom-sm .progress-bar.progress-bar-success,
.progress-custom .progress-custom .progress-custom-sm .progress-bar.progress-bar-success {
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(20deg, #419943, #419943);
  background-image: -o-linear-gradient(20deg, #419943, #419943);
  background-image: linear-gradient(20deg, #419943, #419943);
}
.progress-custom .progress-bar > span,
.progress-custom .progress-bar > span,
.progress-custom .progress-custom .progress-bar > span,
.progress-custom .progress-custom-sm .progress-bar > span,
.progress-custom .progress-custom .progress-bar > span,
.progress-custom .progress-custom-sm .progress-bar > span,
.progress-custom .progress-custom .progress-bar > span,
.progress-custom .progress-custom-sm .progress-custom .progress-bar > span,
.progress-custom .progress-custom-sm .progress-bar > span,
.progress-custom .progress-custom .progress-custom-sm .progress-bar > span,
.progress-custom .progress-custom-sm .progress-custom .progress-bar > span,
.progress-custom .progress-custom .progress-custom-sm .progress-bar > span,
.progress-custom .progress-custom-sm .progress-custom .progress-bar > span,
.progress-custom .progress-custom-sm .progress-custom .progress-bar > span,
.progress-custom .progress-custom .progress-custom-sm .progress-bar > span,
.progress-custom .progress-custom .progress-custom-sm .progress-bar > span {
  top: 50%;
  transform: translateY(-50%);
  height: auto;
  display: block;
  bottom: auto;
  font-size: 14px;
  color: white;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.7);
}
@media (max-width: 575px) {
  .progress-custom .progress-bar > span,
  .progress-custom .progress-bar > span,
  .progress-custom .progress-custom .progress-bar > span,
  .progress-custom .progress-custom-sm .progress-bar > span,
  .progress-custom .progress-custom .progress-bar > span,
  .progress-custom .progress-custom-sm .progress-bar > span,
  .progress-custom .progress-custom .progress-bar > span,
  .progress-custom .progress-custom-sm .progress-custom .progress-bar > span,
  .progress-custom .progress-custom-sm .progress-bar > span,
  .progress-custom .progress-custom .progress-custom-sm .progress-bar > span,
  .progress-custom .progress-custom-sm .progress-custom .progress-bar > span,
  .progress-custom .progress-custom .progress-custom-sm .progress-bar > span,
  .progress-custom .progress-custom-sm .progress-custom .progress-bar > span,
  .progress-custom .progress-custom-sm .progress-custom .progress-bar > span,
  .progress-custom .progress-custom .progress-custom-sm .progress-bar > span,
  .progress-custom .progress-custom .progress-custom-sm .progress-bar > span {
    font-size: 12px;
  }
}
.progress-custom-sm {
  height: 26px;
  overflow: hidden;
  position: relative;
  border-radius: 6px;
  background: white;
  /* Old browsers */
  border: 1px solid #c9cacc;
}
.progress-custom-sm:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: repeating-linear-gradient(90deg, transparent, transparent 8px, rgba(255, 255, 255, 0.15) 8px, rgba(0, 0, 0, 0.15) 9px);
}
.progress-custom-sm.h-15 {
  height: 15px;
  border-radius: 4px;
}
.progress-custom-sm.h-15:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: repeating-linear-gradient(90deg, transparent, transparent 8px, rgba(255, 255, 255, 0.01) 8px, rgba(17, 99, 134, 0.1) 9px);
}
.progress-custom-sm .progress-bar,
.progress-custom-sm .progress-bar,
.progress-custom-sm .progress-custom .progress-bar,
.progress-custom-sm .progress-custom .progress-bar,
.progress-custom-sm .progress-custom .progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 11px;
  line-height: 22px;
  color: #fff;
  text-align: center;
  background-color: #3584e6;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
  border-radius: 5px;
  box-shadow: none;
  position: static;
  transition: none !important;
  border-radius: 0px;
}
.progress-custom-sm .progress-bar > span,
.progress-custom-sm .progress-bar > span,
.progress-custom-sm .progress-custom .progress-bar > span,
.progress-custom-sm .progress-custom-sm .progress-bar > span,
.progress-custom-sm .progress-custom .progress-bar > span,
.progress-custom-sm .progress-custom-sm .progress-bar > span,
.progress-custom-sm .progress-custom .progress-bar > span,
.progress-custom-sm .progress-custom-sm .progress-custom .progress-bar > span,
.progress-custom-sm .progress-custom-sm .progress-bar > span,
.progress-custom-sm .progress-custom .progress-custom-sm .progress-bar > span,
.progress-custom-sm .progress-custom-sm .progress-custom .progress-bar > span,
.progress-custom-sm .progress-custom .progress-custom-sm .progress-bar > span,
.progress-custom-sm .progress-custom-sm .progress-custom .progress-bar > span,
.progress-custom-sm .progress-custom-sm .progress-custom .progress-bar > span,
.progress-custom-sm .progress-custom .progress-custom-sm .progress-bar > span,
.progress-custom-sm .progress-custom .progress-custom-sm .progress-bar > span {
  position: absolute;
  left: 0;
  right: 0;
  top: -16px;
  line-height: 1;
  bottom: 0;
  z-index: 10;
  text-align: left;
  white-space: nowrap;
}
.progress-custom-sm .progress-bar.progress-bar-success,
.progress-custom-sm .progress-bar.progress-bar-success,
.progress-custom-sm .progress-custom .progress-bar.progress-bar-success,
.progress-custom-sm .progress-custom-sm .progress-bar.progress-bar-success,
.progress-custom-sm .progress-custom .progress-bar.progress-bar-success,
.progress-custom-sm .progress-custom-sm .progress-bar.progress-bar-success,
.progress-custom-sm .progress-custom .progress-bar.progress-bar-success,
.progress-custom-sm .progress-custom-sm .progress-custom .progress-bar.progress-bar-success,
.progress-custom-sm .progress-custom-sm .progress-bar.progress-bar-success,
.progress-custom-sm .progress-custom .progress-custom-sm .progress-bar.progress-bar-success,
.progress-custom-sm .progress-custom-sm .progress-custom .progress-bar.progress-bar-success,
.progress-custom-sm .progress-custom .progress-custom-sm .progress-bar.progress-bar-success,
.progress-custom-sm .progress-custom-sm .progress-custom .progress-bar.progress-bar-success,
.progress-custom-sm .progress-custom-sm .progress-custom .progress-bar.progress-bar-success,
.progress-custom-sm .progress-custom .progress-custom-sm .progress-bar.progress-bar-success,
.progress-custom-sm .progress-custom .progress-custom-sm .progress-bar.progress-bar-success {
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(20deg, #419943, #419943);
  background-image: -o-linear-gradient(20deg, #419943, #419943);
  background-image: linear-gradient(20deg, #419943, #419943);
}
.progress-custom-sm .progress-bar.bg-yellow,
.progress-custom-sm .progress-bar.bg-yellow,
.progress-custom-sm .progress-custom .progress-bar.bg-yellow,
.progress-custom-sm .progress-custom-sm .progress-bar.bg-yellow,
.progress-custom-sm .progress-custom .progress-bar.bg-yellow,
.progress-custom-sm .progress-custom-sm .progress-bar.bg-yellow,
.progress-custom-sm .progress-custom .progress-bar.bg-yellow,
.progress-custom-sm .progress-custom-sm .progress-custom .progress-bar.bg-yellow,
.progress-custom-sm .progress-custom-sm .progress-bar.bg-yellow,
.progress-custom-sm .progress-custom .progress-custom-sm .progress-bar.bg-yellow,
.progress-custom-sm .progress-custom-sm .progress-custom .progress-bar.bg-yellow,
.progress-custom-sm .progress-custom .progress-custom-sm .progress-bar.bg-yellow,
.progress-custom-sm .progress-custom-sm .progress-custom .progress-bar.bg-yellow,
.progress-custom-sm .progress-custom-sm .progress-custom .progress-bar.bg-yellow,
.progress-custom-sm .progress-custom .progress-custom-sm .progress-bar.bg-yellow,
.progress-custom-sm .progress-custom .progress-custom-sm .progress-bar.bg-yellow {
  background: #fce536;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fce536 0%, #f2cb20 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fce536 0%, #f2cb20 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fce536 0%, #f2cb20 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fce536', endColorstr='#f2cb20', GradientType=0);
  /* IE6-9 */
}
.progress-custom-sm .progress-bar.bg-gray,
.progress-custom-sm .progress-bar.bg-gray,
.progress-custom-sm .progress-custom .progress-bar.bg-gray,
.progress-custom-sm .progress-custom-sm .progress-bar.bg-gray,
.progress-custom-sm .progress-custom .progress-bar.bg-gray,
.progress-custom-sm .progress-custom-sm .progress-bar.bg-gray,
.progress-custom-sm .progress-custom .progress-bar.bg-gray,
.progress-custom-sm .progress-custom-sm .progress-custom .progress-bar.bg-gray,
.progress-custom-sm .progress-custom-sm .progress-bar.bg-gray,
.progress-custom-sm .progress-custom .progress-custom-sm .progress-bar.bg-gray,
.progress-custom-sm .progress-custom-sm .progress-custom .progress-bar.bg-gray,
.progress-custom-sm .progress-custom .progress-custom-sm .progress-bar.bg-gray,
.progress-custom-sm .progress-custom-sm .progress-custom .progress-bar.bg-gray,
.progress-custom-sm .progress-custom-sm .progress-custom .progress-bar.bg-gray,
.progress-custom-sm .progress-custom .progress-custom-sm .progress-bar.bg-gray,
.progress-custom-sm .progress-custom .progress-custom-sm .progress-bar.bg-gray {
  background: #dadbc1;
  /* Old browsers */
  background: -moz-linear-gradient(top, #dadbc1 1%, #c1be92 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #dadbc1 1%, #c1be92 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #dadbc1 1%, #c1be92 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dadbc1', endColorstr='#c1be92', GradientType=0);
  /* IE6-9 */
}
.progress-custom-sm .progress-bar.bg-danger,
.progress-custom-sm .progress-bar.bg-danger,
.progress-custom-sm .progress-custom .progress-bar.bg-danger,
.progress-custom-sm .progress-custom-sm .progress-bar.bg-danger,
.progress-custom-sm .progress-custom .progress-bar.bg-danger,
.progress-custom-sm .progress-custom-sm .progress-bar.bg-danger,
.progress-custom-sm .progress-custom .progress-bar.bg-danger,
.progress-custom-sm .progress-custom-sm .progress-custom .progress-bar.bg-danger,
.progress-custom-sm .progress-custom-sm .progress-bar.bg-danger,
.progress-custom-sm .progress-custom .progress-custom-sm .progress-bar.bg-danger,
.progress-custom-sm .progress-custom-sm .progress-custom .progress-bar.bg-danger,
.progress-custom-sm .progress-custom .progress-custom-sm .progress-bar.bg-danger,
.progress-custom-sm .progress-custom-sm .progress-custom .progress-bar.bg-danger,
.progress-custom-sm .progress-custom-sm .progress-custom .progress-bar.bg-danger,
.progress-custom-sm .progress-custom .progress-custom-sm .progress-bar.bg-danger,
.progress-custom-sm .progress-custom .progress-custom-sm .progress-bar.bg-danger {
  background: #f3b1c3;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f3b1c3 0%, #e54447 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f3b1c3 0%, #e54447 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f3b1c3 0%, #e54447 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3b1c3', endColorstr='#e54447', GradientType=0);
  /* IE6-9 */
}
.progress-custom-sm .progress-bar.bg-snow,
.progress-custom-sm .progress-bar.bg-snow,
.progress-custom-sm .progress-custom .progress-bar.bg-snow,
.progress-custom-sm .progress-custom-sm .progress-bar.bg-snow,
.progress-custom-sm .progress-custom .progress-bar.bg-snow,
.progress-custom-sm .progress-custom-sm .progress-bar.bg-snow,
.progress-custom-sm .progress-custom .progress-bar.bg-snow,
.progress-custom-sm .progress-custom-sm .progress-custom .progress-bar.bg-snow,
.progress-custom-sm .progress-custom-sm .progress-bar.bg-snow,
.progress-custom-sm .progress-custom .progress-custom-sm .progress-bar.bg-snow,
.progress-custom-sm .progress-custom-sm .progress-custom .progress-bar.bg-snow,
.progress-custom-sm .progress-custom .progress-custom-sm .progress-bar.bg-snow,
.progress-custom-sm .progress-custom-sm .progress-custom .progress-bar.bg-snow,
.progress-custom-sm .progress-custom-sm .progress-custom .progress-bar.bg-snow,
.progress-custom-sm .progress-custom .progress-custom-sm .progress-bar.bg-snow,
.progress-custom-sm .progress-custom .progress-custom-sm .progress-bar.bg-snow {
  background: #a2e2fc;
  /* Old browsers */
  background: -moz-linear-gradient(top, #a2e2fc 0%, #b4f1fd 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #a2e2fc 0%, #b4f1fd 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #a2e2fc 0%, #b4f1fd 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a2e2fc', endColorstr='#b4f1fd', GradientType=0);
  /* IE6-9 */
}
.progress-custom-sm .progress-bar.bg-snow:after,
.progress-custom-sm .progress-bar.bg-snow:after,
.progress-custom-sm .progress-custom .progress-bar.bg-snow:after,
.progress-custom-sm .progress-custom-sm .progress-bar.bg-snow:after,
.progress-custom-sm .progress-custom .progress-bar.bg-snow:after,
.progress-custom-sm .progress-custom-sm .progress-bar.bg-snow:after,
.progress-custom-sm .progress-custom .progress-bar.bg-snow:after,
.progress-custom-sm .progress-custom-sm .progress-custom .progress-bar.bg-snow:after,
.progress-custom-sm .progress-custom-sm .progress-bar.bg-snow:after,
.progress-custom-sm .progress-custom .progress-custom-sm .progress-bar.bg-snow:after,
.progress-custom-sm .progress-custom-sm .progress-custom .progress-bar.bg-snow:after,
.progress-custom-sm .progress-custom .progress-custom-sm .progress-bar.bg-snow:after,
.progress-custom-sm .progress-custom-sm .progress-custom .progress-bar.bg-snow:after,
.progress-custom-sm .progress-custom-sm .progress-custom .progress-bar.bg-snow:after,
.progress-custom-sm .progress-custom .progress-custom-sm .progress-bar.bg-snow:after,
.progress-custom-sm .progress-custom .progress-custom-sm .progress-bar.bg-snow:after {
  content: " ";
  height: 10px;
  width: 100%;
  background: url('/media/images/snow.svg') repeat-x left center;
  background-size: auto;
  display: block;
  margin-top: 1px;
}
.progress-custom-sm .progress-bar > span,
.progress-custom-sm .progress-bar > span,
.progress-custom-sm .progress-custom .progress-bar > span,
.progress-custom-sm .progress-custom-sm .progress-bar > span,
.progress-custom-sm .progress-custom .progress-bar > span,
.progress-custom-sm .progress-custom-sm .progress-bar > span,
.progress-custom-sm .progress-custom .progress-bar > span,
.progress-custom-sm .progress-custom-sm .progress-custom .progress-bar > span,
.progress-custom-sm .progress-custom-sm .progress-bar > span,
.progress-custom-sm .progress-custom .progress-custom-sm .progress-bar > span,
.progress-custom-sm .progress-custom-sm .progress-custom .progress-bar > span,
.progress-custom-sm .progress-custom .progress-custom-sm .progress-bar > span,
.progress-custom-sm .progress-custom-sm .progress-custom .progress-bar > span,
.progress-custom-sm .progress-custom-sm .progress-custom .progress-bar > span,
.progress-custom-sm .progress-custom .progress-custom-sm .progress-bar > span,
.progress-custom-sm .progress-custom .progress-custom-sm .progress-bar > span {
  top: 50%;
  transform: translateY(-50%);
  height: auto;
  display: block;
  bottom: auto;
  font-size: 12px;
  text-transform: uppercase;
  color: #4c4f5a;
}
[data-circular-progress] {
  --pgValue: 100;
  --inactive: #fff;
  --active: #F15F7B;
  --activeSecond: #F9A7B6;
  --percent: var(--pgValue);
  position: relative;
  border-radius: 100%;
}
[data-circular-progress][data-circular-progress="filled"] {
  --percent: (100 + var(--pgValue));
}
[data-circular-progress][data-circular-progress="filled"] .reverse {
  display: block;
}
[data-circular-progress][data-circular-progress="filled"] circle.active {
  stroke-dashoffset: calc(1px * var(--percent));
}
[data-circular-progress] .cooldown-timer {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  border-radius: 8px;
  background: #ffffffc7;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  font-size: 10px;
  color: #333;
  font-weight: 700;
  text-align: center;
}
[data-circular-progress] svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
  border-radius: 100%;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
}
[data-circular-progress] svg circle.inactive {
  fill: none;
  stroke: var(--inactive);
  stroke-width: 10%;
}
[data-circular-progress] svg circle.active {
  fill: none;
  stroke-width: 10%;
  stroke-dasharray: 100.1px;
  stroke-dashoffset: calc(100.1px - calc(1px * var(--percent)));
}
[data-circular-progress] svg circle.reverse {
  display: none;
  fill: none;
  stroke: #6198ECB2;
  stroke-width: 50;
  stroke-dasharray: 157;
  stroke-dashoffset: calc(157px + calc(157px * var(--percent) / 100));
  transform: scale(0.96);
  transform-origin: center;
}
[data-circular-progress] svg stop.gradient-start {
  stop-color: var(--active);
}
[data-circular-progress] svg stop.gradient-end {
  stop-color: var(--activeSecond);
}
[data-circular-progress].green-orange {
  --inactive: #fff;
  --active: #E27909;
  --activeSecond: #FFBC12;
  background: #609F53;
  color: #fff;
}
.label {
  padding: 5px;
  font-style: normal;
  vertical-align: text-bottom;
  font-size: 70%;
  z-index: 10;
}
.label.label-level {
  background-color: #f74877;
  font-size: 16px;
  padding: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  border-radius: 50%;
  display: inline-block;
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  border: 1px solid transparent;
}
.label.label-level.label-inverse {
  color: #f74877;
  background: white;
  text-shadow: none;
}
.label.label-level.label-sm {
  font-size: 11px;
  width: 20px;
  height: 20px;
  line-height: 20px;
}
.label.label-count {
  background-color: #f74877;
  font-size: 16px;
  padding: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  border-radius: 50%;
  display: inline-block;
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  border: 1px solid #f1f2f4;
}
.label.label-count.label-transparent,
.label.label-count.label-inverse {
  color: #f74877;
  background: transparent;
  text-shadow: none;
  border-color: transparent;
}
.label.label-count.label-white {
  background: white;
  color: #f74877;
}
.label.label-count.label-sm {
  font-size: 11px;
  width: 20px;
  height: 20px;
  line-height: 20px;
}
.btn .label-count {
  position: absolute;
  top: 0;
  left: 50%;
}
.label-info {
  background: #125f9a;
  display: inline-block;
}
.label-warning {
  background: #fbbc23;
  display: inline-block;
  text-transform: uppercase;
  text-shadow: 1px 1px 0px #797979;
  letter-spacing: 0.03em;
}
.label-success {
  display: inline-block;
  text-transform: uppercase;
  text-shadow: 1px 1px 0px #797979;
  letter-spacing: 0.03em;
}
.label-vote-count {
  min-width: 35px;
}
.label-mute {
  background-image: -webkit-linear-gradient(top, #125f9a 0%, #0b385a 100%);
  background-image: -o-linear-gradient(top, #125f9a 0%, #0b385a 100%);
  background-image: linear-gradient(to bottom, #125f9a 0%, #0b385a 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff125f9a', endColorstr='#ff0b385a', GradientType=0);
  border-color: #0f5183;
  background: #125f9a;
  display: inline-block;
  background: #888888;
  text-shadow: white, #d0d0d0, white, #c1c1c1, white, #cacaca, #ececec, #bfbfbf, #ececec;
}
.label-mute[href]:hover,
.label-mute[href]:focus {
  background-color: #0d436c;
}
.label {
  display: inline-block;
}
.btn-buy {
  background-image: url("../img/buy_btn_bg.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 110px;
  height: 67px;
}
.btn-buy:hover,
.btn-buy:active,
.btn-buy:focus {
  opacity: 0.8;
  background-image: url("../img/buy_btn_bg.png");
  box-shadow: none;
}
.btn-buy.btn-block {
  width: 100%;
}
.btn-buy.btn-bulldozer {
  background-image: url("../img/buy_bulldozer.png");
}
.rent-link {
  display: inline-block;
  background: url(../images/new_design/city_main/sprites.png) -352px -17px no-repeat;
  width: 94px;
  height: 90px;
}
.rent-link:hover {
  filter: grayscale(1);
}
.buyCar .roulette-link {
  display: inline-block;
  background: url(../img/shop/roulette_shop.png);
  width: 94px;
  height: 90px;
  background-size: cover;
}
.buyCar .roulette-link:hover {
  filter: grayscale(1);
}
.btn-buy-2 {
  background-image: url("../img/btn_buy_bg_2.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0px 73px;
  width: 31%;
  height: 0;
  padding-bottom: 25.90799031%;
}
.btn-buy-2:hover,
.btn-buy-2:active,
.btn-buy-2:focus {
  opacity: 1;
  background-image: url("../img/buy_btn_bg_hover.png");
  box-shadow: none;
}
.btn-buy-2.btn-block {
  width: 100%;
}
@media (max-width: 768px) {
  .btn-buy-2 {
    background-position: 0px 46px;
  }
}
.btn-buy-bulldozer {
  background-image: url("../img/buy_bulldozer_img.png");
  background-size: 100% 50%;
  background-repeat: no-repeat;
  background-position: center center;
  width: 35%;
  padding-bottom: 25.90799031%;
}
.btn-buy-bulldozer:hover,
.btn-buy-bulldozer:active,
.btn-buy-bulldozer:focus {
  opacity: 1;
  background-image: url("../img/buy_bulldozer_hover.png");
  box-shadow: none;
}
.btn-buy-bulldozer.btn-block {
  width: 100%;
}
.buy-no-padding {
  width: 100%;
  height: 100%;
  padding-bottom: 0;
  background-position: center center;
  background-size: 100%;
}
.btn-license {
  background-color: transparent;
  border: none;
  background-image: url("../img/btn_license.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  width: 228px;
  height: 52px;
}
.btn-license.discount {
  background-size: cover;
  width: 238px;
}
.btn-license.discount .price {
  right: 2px;
}
.btn-license:hover,
.btn-license:active,
.btn-license:focus {
  opacity: 0.8;
  background-image: url("../img/btn_license.png");
  box-shadow: none;
}
.btn-license span {
  position: absolute;
  top: 50%;
  margin-top: -11px;
  left: 10px;
  color: black;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
}
.btn-license .price {
  left: auto;
  right: 10px;
  color: white;
  font-weight: normal;
}
.btn-badge {
  position: absolute !important;
  top: -3px;
  right: -3px;
}
.btn-help {
  width: 20px;
  height: 20px;
  padding: 0 !important;
  line-height: 20px;
  border-radius: 50%;
  border: none;
  background: #fff;
  box-shadow: inset 0px 4px 8px #ccc;
  color: #4690e9;
  font-size: 10px;
}
.btn-help i {
  margin: 0;
}
.btn-group-sm > .btn-default,
.btn-group-xs > .btn-default {
  border-width: 2px;
}
.btn-default.btn-xs,
.btn-default.btn-sm {
  border-width: 2px;
}
.btn-energy-amplifiers[aria-describedby] {
  background: rgba(88, 93, 122, 0.9);
  color: #fbbc23;
  border-bottom-left-radius: 0;
  borderbutt-bottom-right-radius: 0;
  border-color: transparent;
}
.tooltip-disabled-element {
  pointer-events: none !important;
}
span.request-salary.disabled {
  cursor: not-allowed !important;
  opacity: 0.65 !important;
}
span.request-salary.disabled i.disabled {
  pointer-events: none !important;
}
.img-avatar-xs {
  width: 40px;
  height: 40px;
  background: transpare;
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
  padding: 0;
  margin: auto;
  display: block;
}
.img-avatar {
  width: 75px;
  height: 75px;
  background: #cdd0da;
  text-align: center;
  overflow: hidden;
  padding: 0;
  margin: auto;
  display: block;
  border-radius: 50%;
}
.img-avatar-lg {
  width: 145px;
  height: 145px;
  background: #cdd0da;
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
  padding: 0;
  margin: auto;
  display: block;
}
.img-circle {
  width: 75px;
  height: 75px;
  background: #cdd0da;
  text-align: center;
  overflow: hidden;
  padding: 0;
  margin: auto;
  display: block;
  border-radius: 50%;
}
.img-circle-lg {
  width: 100px;
  height: 100px;
  background: #cdd0da;
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
  padding: 0;
  margin: auto;
  display: block;
}
.img-vertical {
  height: 100%;
  position: relative;
  display: block;
  overflow: visible;
  font-size: 0;
  line-height: 0;
  text-align: center;
}
.img-vertical:before {
  content: " ";
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.img-vertical .img,
.img-vertical img {
  vertical-align: middle;
  display: inline-block;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  width: auto;
}
.img-vertical .img,
.img-vertical img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-vertical .img + a,
.img-vertical img + a {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  position: absolute;
}
.img-captcha {
  width: 100%;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #f6f8fa;
}
.image-block {
  position: relative;
}
.image-block .label.label-level {
  position: absolute;
  top: -10px;
  right: -5px;
  z-index: 10;
}
.img-user-avatar-container {
  max-width: 150px;
  width: 100%;
  position: relative;
  display: block;
  margin: auto;
  border-radius: 50%;
  border: 1px solid transparent;
  background: #f3f3f3;
}
.img-user-avatar-container i.avatar-badge {
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 37px;
  height: 20%;
  bottom: 0;
  z-index: 100;
  left: 50%;
  transform: translateX(-50%);
}
.img-user-avatar-container .ico-police-star {
  top: -4%;
  right: auto;
  left: 4%;
  z-index: 100;
  width: 40%;
  height: 40%;
}
.img-user-avatar-container .fa-premium {
  position: absolute;
  bottom: 6%;
  left: 50%;
  transform: translate(-50%, 50%);
  z-index: 10;
  text-align: center;
  line-height: 1;
  width: 40%;
  height: 40%;
  min-width: 15px;
  min-height: 15px;
  max-width: 36px;
  max-height: 36px;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #f74876;
  overflow: hidden;
}
.img-user-avatar-container .fa-premium:before {
  height: 100%;
  width: 100%;
}
.panel-daily-prizes .img-user-avatar-container,
.panel-super-prizes .img-user-avatar-container {
  margin-bottom: 8%;
}
.panel-daily-prizes .text-user-name,
.panel-super-prizes .text-user-name {
  position: relative;
  z-index: 3;
}
.img-user-avatar-container {
  width: 90%;
}
.img-user-avatar {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  position: relative;
  overflow: hidden;
  display: block;
  background-position: center center;
  background-size: cover;
  background-origin: border-box;
  border-radius: 50%;
}
.img-taxi-container {
  width: 100%;
  position: relative;
  display: block;
  margin: auto;
  overflow: hidden;
  padding-bottom: 75%;
}
.img-taxi-container + .label-level {
  top: 0;
  right: 0;
}
.img-taxi {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
.img-company-container {
  max-width: 150px;
  width: 100%;
  position: relative;
  display: block;
  margin: auto;
  border-radius: 4px;
  border: 1px solid transparent;
  overflow: hidden;
  background: #f3f3f3;
}
.img-company {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  position: relative;
  overflow: hidden;
  display: block;
  background-position: center center;
  background-size: cover;
  background-origin: border-box;
}
.img-block {
  position: relative;
}
.img-block .label-level {
  position: absolute;
  right: 0px;
  top: -5px;
}
.img-block .label-level.label-sm {
  right: -10px;
  top: -10px;
}
.img-block .label-biohazard {
  position: absolute;
  left: 5px;
  top: -5px;
  border-radius: 50%;
  padding: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
}
.img-block .label-biohazard.label-sm {
  right: -10px;
  top: -10px;
}
.img-block .label-rent {
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  height: auto;
  opacity: 0.8;
  font-size: 8px;
}
.img-block .icon-offline,
.img-block .icon-online {
  top: 0;
  right: 0;
}
.filter-grayscale-100 {
  filter: grayscale(100%);
}
.img-container .avatar-border,
.img-user-avatar-container .avatar-border {
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: center;
  z-index: 1;
  position: absolute;
  width: 160%;
  height: 160%;
  left: -30%;
  bottom: -35%;
}
.img-container:has(> .avatar-border) {
  overflow: visible;
  position: relative;
  margin: 10px;
}
.user-avatar-border {
  position: absolute;
  bottom: -34%;
  left: -30%;
  width: 160%;
  height: 160%;
  z-index: 2;
  background-size: 100%;
  background-repeat: no-repeat;
}
.panel-custom {
  margin-top: 29px;
  padding-top: 19px;
}
.panel-custom .panel-heading {
  padding: 0 !important;
  background-image: url("../img/panel_title.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  position: absolute;
  left: 0;
  right: 0;
  top: -39px;
  height: 38px;
  text-align: center !important;
  text-align: center;
}
.panel-custom-sm.panel-custom .panel-heading {
  background-image: url("../img/panel_title_xs.png");
}
.panel-custom .panel-heading .panel-custom-title,
.panel-custom .panel-heading .panel-title {
  margin: 0;
  font-size: 18px;
  font-weight: normal;
  line-height: 18px;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media (max-width: 767px) {
  .panel-custom .panel-heading .panel-custom-title,
  .panel-custom .panel-heading .panel-title {
    font-size: 14px;
  }
}
.panel-custom .panel-footer {
  line-height: 40px;
}
.panel-custom .panel-body {
  padding: 10px 15px;
}
.panel-custom .panel-body + .panel-body {
  border-top: 1px solid #e5e7eb;
}
.panel-order {
  background-image: url("../img/buy_bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #edeeef;
  border: 1px solid #e8e8e8;
}
.panel-order .panel-body {
  padding: 10px 15px;
}
.panel-justified {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  margin-left: -10px;
  margin-right: -10px;
}
.panel-justified .panel-content {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  border: none;
}
.panel-justified:last-child,
.panel-justified.panel:last-child {
  margin-bottom: -10px;
  border-bottom: 0;
}
.panel-faq {
  border-color: #f1f2f4;
}
.panel-faq > .panel-heading {
  color: #333;
  background-color: #f7f7f7;
  border-color: #f1f2f4;
}
.panel-faq > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #f1f2f4;
}
.panel-faq > .panel-heading .badge {
  color: #f7f7f7;
  background-color: #333;
}
.panel-faq > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #f1f2f4;
}
.panel-faq .panel-body > p:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .panel-profile-aside.mt {
    margin-top: 19px;
  }
}
.panel-profile-aside .panel-heading {
  padding: 10px 15px 5px;
}
.panel-profile-aside .panel-heading h4 {
  margin: 0;
}
.panel-profile-aside .panel-heading + .panel-body {
  padding-top: 5px;
}
.panel.panel-default .panel-heading {
  position: relative;
}
.panel.panel-default .panel-heading .btn-close {
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 475px) {
  .panel.panel-default.job .tooltip {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .panel.panel-default.job {
    font-size: 78%;
  }
}
.panel-hover:hover {
  box-shadow: 0 0 4px blueviolet !important;
}
.panel-vehicles {
  z-index: 15;
}
.corner-ribbon-wrapper {
  width: 45px;
  height: 45px;
  overflow: hidden;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 10;
}
.corner-ribbon {
  text-align: center;
  position: relative;
  display: block;
  left: 50%;
  top: 50%;
  font-weight: bold;
  margin-top: -17.07106781px;
  margin-left: -24.74873734px;
  width: 63.63961031px;
  height: 20px;
  line-height: 20px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
}
.corner-ribbon:before {
  left: 0;
}
.corner-ribbon:after {
  right: 0;
}
.corner-ribbon:before,
.corner-ribbon:after {
  content: "";
  border-top: 0px solid transparent;
  border-left: 0px solid transparent;
  border-right: 0px solid transparent;
  position: absolute;
  bottom: 0px;
}
.corner-ribbon-warning {
  color: #000;
  background-image: -webkit-linear-gradient(top, #fbcd20 0%, #fbbc23 100%);
  background-image: -o-linear-gradient(top, #fbcd20 0%, #fbbc23 100%);
  background-image: linear-gradient(to bottom, #fbcd20 0%, #fbbc23 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbcd20', endColorstr='#fffbbc23', GradientType=0);
}
.logo-container {
  text-align: center !important;
  margin: auto;
  height: 100%;
  position: relative;
  display: block;
  overflow: visible;
  font-size: 0;
  line-height: 0;
  text-align: center;
}
.logo-container:before {
  content: " ";
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.logo-container .img,
.logo-container img {
  vertical-align: middle;
  display: inline-block;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  width: auto;
}
.logo-container .img,
.logo-container img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.logo-container .img + a,
.logo-container img + a {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  position: absolute;
}
.logo-container:before {
  content: " ";
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.logo-container .img,
.logo-container img {
  vertical-align: middle;
  display: inline-block;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  width: auto;
}
.logo-container .img,
.logo-container img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.logo-container .img + a,
.logo-container img + a {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  position: absolute;
}
.logo {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 70px;
}
.logo:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  background: url(../img/logo.png) center center no-repeat;
  background-size: contain;
}
.logo.logo-master:after {
  background: url(../img/taxi_master.png) center center no-repeat;
  background-size: contain;
}
.logo.logo-paris:after {
  background: url(../img/taxi_paris.png) center center no-repeat;
  background-size: contain;
}
.ny-theme.logo:after {
  background: url(../img/logo-ny.png) center center no-repeat;
  background-size: contain;
}
.ny-theme.logo-master:after {
  background: url(../img/taxi_master_ny.png) center center no-repeat;
  background-size: contain;
}
.ny-theme.logo-paris:after {
  background: url(../img/taxi_paris_ny.png) center center no-repeat;
  background-size: contain;
}
.ny-theme.logo-polis:after {
  background: url(../img/taxi_polis_logo_ny.png) center center no-repeat;
  background-size: contain;
}
.may9-theme.logo-master:after {
  background: url(../img/taxi_master_may9.png) center center no-repeat;
  background-size: contain;
}
.may9-theme.logo-paris:after {
  background: url(../img/taxi_paris_may9.png) center center no-repeat;
  background-size: contain;
}
.bday-theme.logo-master:after {
  background: url(../img/taxi_master_bday_6.png?2) center center no-repeat;
  background-size: contain;
}
.bday-theme.logo-paris:after {
  background: url(../img/taxi_paris_bday_6.png?2) center center no-repeat;
  background-size: contain;
}
header.header {
  position: relative;
  margin-bottom: 0;
}
header.header .menu {
  display: block;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  position: relative;
  z-index: 1;
}
header.header .gift-icon {
  position: relative;
}
@media (max-width: 768px) {
  header.header .gift-icon {
    margin-top: 25px !important;
    margin-right: 10px;
  }
}
header.header .gift-icon:hover {
  opacity: 0.85;
}
header.header .gift-icon .red-dot {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 10px;
  height: 10px;
  background-color: #f74877;
  border-radius: 100%;
}
header.header .logo {
  text-indent: -5000px;
  height: 70px;
}
.no-auth-user header.header .logo {
  height: 90px;
}
@media (min-width: 768px) {
  header.header .logo {
    height: 90px;
  }
  .no-auth-user header.header .logo {
    height: 120px;
  }
}
@media (min-width: 768px) {
  header.header .logo {
    height: 90px;
  }
  .no-auth-user header.header .logo {
    height: 90px;
  }
}
@media (min-width: 992px) {
  header.header .logo,
  .no-auth-user header.header .logo {
    height: 80px;
    margin-top: 7px;
    margin-bottom: 7px;
  }
}
@media (min-width: 768px) {
  header.header .auth-block,
  header.header .user-block {
    margin-right: 20px;
    white-space: nowrap;
  }
}
.page-index header.header .logo {
  height: 100px;
}
@media (min-width: 768px) {
  .page-index header.header .logo {
    height: 140px;
  }
}
a.btn-exit {
  border: none;
  background: transparent;
  border-radius: 0;
}
a.btn-exit:hover,
a.btn-exit:focus,
a.btn-exit:active {
  background: #f1f2f4;
}
.user-block {
  display: inline-block;
  background: #f6f8fa;
  border-radius: 4px;
  padding-right: 55px;
  position: relative;
}
.user-block a.btn-exit {
  position: relative;
  position: absolute;
  right: 0;
  top: 0;
  width: 55px;
  height: 55px;
  text-align: center;
  padding: 0;
  line-height: 55px;
}
.user-block a.btn-exit:before {
  background: url(../img/sprites.png) -201px -200px;
  width: 2px;
  height: 55px;
  display: inline-block;
  content: " ";
  left: 0;
  top: 50%;
  margin-top: -27.5px;
  position: absolute;
}
.user-block .avatar-block {
  position: relative;
}
.user-block .avatar-block img {
  background: #cdd0da;
  height: 69px;
  width: 69px;
  margin-top: -7px;
  margin-bottom: -7px;
  margin-left: -7px;
  border-radius: 50%;
  padding: 3px;
  display: inline-block;
  position: relative;
}
.user-block .name-block {
  text-align: left !important;
  text-align: left;
  padding: 5.5px 10px;
}
.user-block .name-block .name {
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 0;
  color: black;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.user-block .name-block a {
  font-weight: bold;
  font-size: 16px;
  text-decoration: underline;
  line-height: 22px;
}
.user-block .name-block a:active,
.user-block .name-block a:focus,
.user-block .name-block a:hover {
  text-decoration: none;
}
.auth-block {
  display: inline-block;
  padding: 4.5px 10px;
  padding-left: 40px;
  position: relative;
  text-align: left;
}
.auth-block i {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  font-size: 24px;
  background-position: center;
}
@media (min-width: 768px) {
  .auth-block {
    padding: 9.5px 10px;
    padding-left: 40px;
  }
  .auth-block i {
    width: 40px;
    height: 55px;
    line-height: 55px;
  }
}
.auth-block p {
  margin-bottom: 0;
  line-height: 18px;
  font-size: 16px;
}
.auth-block p.title {
  text-transform: uppercase;
  color: #7e7e7e;
  font-size: 12px;
}
@media (min-width: 768px) {
  .auth-block p.title {
    font-size: 12px;
  }
}
.auth-block a {
  text-decoration: none;
  cursor: pointer;
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.auth-block a > span {
  border-bottom: 1px solid;
}
.auth-block a:hover,
.auth-block a:active,
.auth-block a:focus {
  text-decoration: none;
}
.auth-block a:hover > span,
.auth-block a:active > span,
.auth-block a:focus > span {
  border-color: transparent;
}
.auth-block a.text-info {
  color: #2b7ad7;
}
.auth-block a.text-danger {
  color: #f7457e;
}
@keyframes text-bounce {
  0% {
    color: #1e458b;
  }
  50% {
    color: #f74877;
  }
  100% {
    color: #1e458b;
  }
}
.animation-bounce,
.animation-bounce > a {
  animation-duration: 2.2s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-name: text-bounce;
}
.nav-top-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
  float: right;
  margin-top: 22px;
  margin-bottom: 22px;
}
.nav-top-menu.mobile {
  display: none;
}
.nav-top-menu__language-switcher {
  display: none;
}
@media (max-width: 768px) {
  .nav-top-menu__language-switcher {
    display: block;
  }
}
.page-index .nav-top-menu {
  float: none;
  display: inline-block;
}
.no-auth-user .nav-top-menu {
  margin-top: 5px;
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .nav-top-menu {
    margin-top: 5px;
    margin-bottom: 5px;
  }
}
@media (max-width: 768px) {
  .nav-top-menu.mobile {
    display: block;
  }
  .nav-top-menu.desktop {
    display: none;
  }
}
@media (min-width: 992px) {
  .nav-top-menu,
  .no-auth-user .nav-top-menu {
    margin-top: 18px;
    margin-bottom: 18px;
  }
  .page-index .nav-top-menu,
  .page-index .no-auth-user .nav-top-menu {
    margin-top: 5px;
    margin-bottom: 5px;
  }
}
.nav-top-menu > li {
  float: left;
}
.nav-top-menu > li > a {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 12px;
  text-decoration: none;
  text-align: center;
  display: block;
  color: #1e458b;
  padding: 5px 5px;
}
.nav-top-menu > li > a:hover {
  color: #fff;
}
@media (min-width: 768px) {
  .nav-top-menu > li > a {
    padding: 0;
    line-height: 56px;
    text-decoration: none;
    text-align: center;
    font-size: 14px;
  }
  .nav-top-menu > li > a:hover {
    color: #fff;
  }
  .nav-top-menu > li.active > a {
    color: white;
  }
  .nav-top-menu > li:nth-child(1) a {
    background: url(../img/sprites.png) -214px -22px no-repeat;
    width: 85px;
    padding-left: 18px;
  }
  .nav-top-menu > li:nth-child(1) a:focus,
  .nav-top-menu > li:nth-child(1) a:hover,
  .nav-top-menu > li:nth-child(1) a:active {
    background: url(../img/sprites.png) -214px -122px no-repeat;
    width: 85px;
    padding-left: 18px;
  }
  .nav-top-menu > li:nth-child(1).active > a {
    background: url(../img/sprites.png) -214px -122px no-repeat;
    width: 85px;
    padding-left: 18px;
  }
  .nav-top-menu > li:nth-child(2) a {
    background: url(../img/sprites.png) -299px -22px no-repeat;
    width: 68px;
  }
  .nav-top-menu > li:nth-child(2) a:focus,
  .nav-top-menu > li:nth-child(2) a:hover,
  .nav-top-menu > li:nth-child(2) a:active {
    background: url(../img/sprites.png) -299px -122px no-repeat;
    width: 68px;
  }
  .nav-top-menu > li:nth-child(2).active > a {
    background: url(../img/sprites.png) -299px -122px no-repeat;
    width: 68px;
  }
  .nav-top-menu > li:nth-child(3) a {
    background: url(../img/sprites.png) -367px -22px no-repeat;
    width: 104px;
  }
  .nav-top-menu > li:nth-child(3) a:focus,
  .nav-top-menu > li:nth-child(3) a:hover,
  .nav-top-menu > li:nth-child(3) a:active {
    background: url(../img/sprites.png) -367px -122px no-repeat;
    width: 104px;
  }
  .nav-top-menu > li:nth-child(3).active > a {
    background: url(../img/sprites.png) -367px -122px no-repeat;
    width: 104px;
  }
  .nav-top-menu > li:nth-child(4) a {
    background: url(../img/sprites.png) -471px -22px no-repeat;
    width: 64px;
  }
  .nav-top-menu > li:nth-child(4) a:focus,
  .nav-top-menu > li:nth-child(4) a:hover,
  .nav-top-menu > li:nth-child(4) a:active {
    background: url(../img/sprites.png) -471px -122px no-repeat;
    width: 64px;
  }
  .nav-top-menu > li:nth-child(4).active > a {
    background: url(../img/sprites.png) -471px -122px no-repeat;
    width: 64px;
  }
  .nav-top-menu > li:nth-child(5) a {
    background: url(../img/sprites.png) -535px -22px no-repeat;
    width: 152px;
    padding-right: 27px;
  }
  .nav-top-menu > li:nth-child(5) a:focus,
  .nav-top-menu > li:nth-child(5) a:hover,
  .nav-top-menu > li:nth-child(5) a:active {
    background: url(../img/sprites.png) -535px -122px no-repeat;
    width: 152px;
    padding-right: 27px;
  }
  .nav-top-menu > li:nth-child(5).active > a {
    background: url(../img/sprites.png) -535px -122px no-repeat;
    width: 152px;
    padding-right: 27px;
  }
}
@media (min-width: 992px) {
  .nav-top-menu > li > a {
    font-size: 15px;
  }
}
.nav-top-menu .text-danger,
.nav-top-menu .text-danger > a {
  color: #f74877 !important;
  text-decoration: underline;
}
.fa-swords {
  font-family: 'Font Awesome 5 Pro' !important;
  font-weight: 900 !important;
}
.page-index .nav-top-menu > li > a {
  font-size: 16px;
}
@media (min-width: 768px) {
  .page-index .nav-top-menu > li > a {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .page-index .nav-top-menu > li > a {
    font-size: 15px;
  }
}
@media (min-width: 991px) {
  .quest-icon {
    position: relative;
    left: 17px;
  }
  .clicker-informer {
    margin-top: -25px;
  }
}
@media (max-width: 991px) {
  .clicker-informer {
    margin-top: -10px;
  }
}
.clicker-informer {
  margin-right: 25px;
}
footer.footer {
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-image: -webkit-linear-gradient(top, #eaecf0 0%, #e2e5ea 100%);
  background-image: -o-linear-gradient(top, #eaecf0 0%, #e2e5ea 100%);
  background-image: linear-gradient(to bottom, #eaecf0 0%, #e2e5ea 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeaecf0', endColorstr='#ffe2e5ea', GradientType=0);
}
footer.footer .nav-block {
  margin-bottom: 10px;
}
footer.footer .nav {
  list-style: none;
  padding: 0;
  margin: 0;
}
footer.footer .nav > li {
  margin: 0;
}
footer.footer .nav > li + li {
  margin: 0;
}
footer.footer .nav > li > a {
  display: block;
  padding: 5px 10px;
  text-decoration: none;
}
footer.footer .nav .important a {
  color: #f14785;
  font-weight: bold;
}
.social-block .h4 {
  margin-top: 0;
}
.copyright-block {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 11px;
}
.premium_aside_tooltip {
  color: #FFEC98;
  white-space: initial;
}
.premium_aside_tooltip strong {
  font-size: 16px;
  margin-top: 5px;
}
#sidebar,
aside.aside {
  width: 246px;
  float: left;
  position: relative;
  z-index: 100;
  min-height: 1px;
  margin-bottom: 10px;
}
#sidebar .abName,
aside.aside .abName {
  position: relative;
  z-index: 10;
}
#sidebar .form-avatar,
aside.aside .form-avatar {
  background: none;
  border-radius: 0;
  border: none;
}
#sidebar .form-avatar .sidebar-top-nav,
aside.aside .form-avatar .sidebar-top-nav {
  position: absolute;
  display: flex;
  right: -42px;
  top: -20px;
}
#sidebar .form-avatar .abSmallUpload,
aside.aside .form-avatar .abSmallUpload,
#sidebar .form-avatar .abSmallCustomize,
aside.aside .form-avatar .abSmallCustomize,
#sidebar .form-avatar .premium-link,
aside.aside .form-avatar .premium-link {
  z-index: 3;
  background: #efefef;
}
#sidebar .form-avatar .abSmallUpload i,
aside.aside .form-avatar .abSmallUpload i,
#sidebar .form-avatar .abSmallCustomize i,
aside.aside .form-avatar .abSmallCustomize i,
#sidebar .form-avatar .premium-link i,
aside.aside .form-avatar .premium-link i {
  color: #333333;
  background: none !important;
  width: 21px !important;
  height: 21px !important;
  display: inline-block;
  line-height: 21px !important;
  font-size: 13px !important;
}
#sidebar .form-avatar .abSmallCustomize,
aside.aside .form-avatar .abSmallCustomize,
#sidebar .form-avatar .premium-link,
aside.aside .form-avatar .premium-link {
  width: 25px;
  height: 25px;
  border: #6a7086 2px solid;
  border-radius: 14.5px;
  box-shadow: 0 0 10px rgba(149, 224, 255, 0.5);
  cursor: pointer;
}
#sidebar .form-avatar .abSmallCustomize:hover,
aside.aside .form-avatar .abSmallCustomize:hover,
#sidebar .form-avatar .premium-link:hover,
aside.aside .form-avatar .premium-link:hover {
  box-shadow: 0 0 10px #95e0ff;
}
#sidebar .form-avatar .btn-transparent,
aside.aside .form-avatar .btn-transparent {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  width: 100%;
  color: #d0d2dc;
  text-shadow: 0 1px 0 #373737;
  padding: 20px;
}
#sidebar .form-avatar .btn-transparent i,
aside.aside .form-avatar .btn-transparent i {
  color: #3caaf5;
  font-size: 90px;
}
#sidebar .menuBlock ul li.shop a,
aside.aside .menuBlock ul li.shop a {
  color: #fcd013;
  display: flex;
}
#sidebar .menuBlock ul li.shop a .star-sticker-icon,
aside.aside .menuBlock ul li.shop a .star-sticker-icon {
  padding-right: 2px;
  display: flex;
  justify-content: center;
  font-size: 16px;
  color: #fff;
  width: 28px;
  height: 28px;
  line-height: 28px !important;
  align-items: center;
  text-align: center !important;
  background: url('/media/assets/app/src/icons/star1.svg') no-repeat;
}
#sidebar .menuBlock ul li.shop:hover a,
aside.aside .menuBlock ul li.shop:hover a,
#sidebar .menuBlock ul li.shop.active a,
aside.aside .menuBlock ul li.shop.active a {
  color: #000000;
}
#sidebar .auth-block,
aside.aside .auth-block {
  margin-top: 20px;
  margin-bottom: 20px;
}
#sidebar .auth-block p.title,
aside.aside .auth-block p.title {
  color: #c3c4cd;
  font-size: 13px;
}
#sidebar .auth-block p,
aside.aside .auth-block p {
  font-size: 17px;
}
#sidebar .auth-block p a,
aside.aside .auth-block p a {
  font-weight: normal;
}
#sidebar .auth-block p .text-info,
aside.aside .auth-block p .text-info {
  color: #add3ff;
}
#sidebar .auth-block p .text-danger,
aside.aside .auth-block p .text-danger {
  color: #ff77a3;
}
.edit-profile .premium-link {
  background: #efefef;
}
.edit-profile .premium-link i {
  color: #333333;
}
.edit-profile .premium-link,
.edit-profile .abSmallCustomize,
.edit-profile .abSmallUpload {
  width: 40px;
  height: 40px;
  border: #e8e8ec 1.5px solid;
  border-radius: 30.5px !important;
  box-shadow: 0 0 10px rgba(149, 224, 255, 0.5);
  cursor: pointer;
}
.edit-profile .premium-link:hover,
.edit-profile .abSmallCustomize:hover,
.edit-profile .abSmallUpload:hover {
  box-shadow: 0 0 10px #95e0ff;
}
@media (min-width: 768px) and (max-width: 992px) {
  .avatarCustomizeBlock .avatarPreviewBlock .img-container {
    margin: auto !important;
  }
}
.change-avatar .sblTop .sblBottom {
  background: radial-gradient(50% 50% at 50% 50%, #80859B 16.54%, #696E84 100%);
}
.aside-inner-block {
  background: url(../img/sb_lightblock_back.png) left top repeat;
  border-radius: 4px;
  text-align: center;
  margin-bottom: 10px;
  color: white;
}
.aside-inner-header,
.aside-inner-body {
  padding: 5px 10px;
}
.aside-inner-header p {
  margin-bottom: 0;
  color: #d0d1d2;
}
.aside-inner-title {
  position: relative;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 5px;
}
.aside-inner-title a {
  color: white;
  text-decoration: none;
}
.aside-inner-title:after {
  content: " ";
  position: absolute;
  background: url(../img/sprites.png) -700px -150px no-repeat;
  width: 78px;
  height: 2px;
  left: 50%;
  bottom: -5px;
  transform: translateX(-50%);
  display: block;
  margin: 0 auto;
}
.user-info-block {
  background: #f0f1f6;
}
.user-info-block .btn-toggle {
  height: 50px;
  width: 50px;
  margin-left: -5px;
  border-radius: 0;
  font-size: 20px;
  position: relative;
}
.user-info-block .btn-toggle .badge {
  position: absolute;
}
.user-info-block .btn-toggle .discount-badge {
  position: absolute;
  top: -6px;
  right: -6px;
  font-family: PT Sans;
  font-size: 14px;
  color: #fff;
  width: 24px;
  height: 24px;
  line-height: 24px !important;
  align-items: center;
  text-align: center !important;
  background: url(/media/assets/app/src/icons/star1.svg) no-repeat;
  background-size: 100%;
}
.user-info-block .btn-toggle .discount-badge:before {
  content: "%";
}
.user-info-block .avatar-block,
.user-info-block .name-block {
  padding-left: 10px;
  margin-right: 10px;
  height: 50px;
  vertical-align: middle;
  line-height: 50px;
  text-align: center;
  margin-bottom: 5px;
}
.user-info-block .avatar-block p,
.user-info-block .name-block p {
  margin-bottom: 0;
}
.user-info-block .name-block {
  text-transform: uppercase;
  color: black;
  font-size: 16px;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.user-info-block .avatar-block {
  position: relative;
}
.user-info-block .avatar-block a {
  text-decoration: none;
}
.user-info-block .avatar-block img {
  background: #cdd0da;
  height: 50px;
  width: 50px;
  top: 0;
  border-radius: 50%;
  padding: 3px;
  display: inline-block;
  position: relative;
}
.user-info-block .avatar-block figure {
  height: 50px;
  width: 50px;
  top: 4px;
}
.user-info-block .avatar-block figure :has(.avatar-border) {
  top: 4px;
}
.user-info-block .avatar-block figure .img-user-avatar-container {
  height: 100%;
}
.user-info-block .avatar-block i {
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 991px) {
  .user-info-block .avatar-block .avatar-badge {
    position: absolute;
    width: 37px;
    height: 15px;
    bottom: -7px;
    top: 26px;
    z-index: 100;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.user-info-block .balance-block {
  line-height: 1;
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .user-info-block .balance-block {
    margin-bottom: 0;
  }
}
.user-info-block .balance-block ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}
.user-info-block .balance-block ul li {
  position: relative;
  text-align: center !important;
  text-align: center;
  float: left;
  padding: 10px 12px;
}
.user-info-block .balance-block ul li:before {
  background: url(../img/sprites.png) -201px -200px;
  width: 2px;
  height: 50px;
  display: inline-block;
  content: " ";
  left: 0;
  top: 50%;
  margin-top: -25px;
  position: absolute;
}
.user-info-block .balance-block ul li a {
  display: block;
  color: #333;
  text-decoration: none;
}
.user-info-block .balance-block ul li i {
  line-height: 10px;
}
.user-info-block .balance-block .balance {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: black;
}
.user-info-block .power-progress-block,
.user-info-block .level-progress-block {
  padding-top: 32px;
  padding-bottom: 20px;
  color: black;
}
.aside-block .form-avatar .img-container {
  background-color: #8c91a4;
  border: 1px solid #8c91a4;
}
.aside-block .level-progress-block,
.aside-block .power-progress-block {
  margin-left: 16px;
  padding-top: 10px;
  margin-right: 16px;
  padding-bottom: 21px;
}
.aside-block .level-progress-block .progress-bar > span,
.aside-block .power-progress-block .progress-bar > span,
.aside-block .level-progress-block .progress-bar > span,
.aside-block .power-progress-block .progress-bar > span,
.aside-block .level-progress-block .progress-custom .progress-bar > span,
.aside-block .power-progress-block .progress-custom .progress-bar > span,
.aside-block .level-progress-block .progress-custom-sm .progress-bar > span,
.aside-block .power-progress-block .progress-custom-sm .progress-bar > span,
.aside-block .level-progress-block .progress-custom .progress-bar > span,
.aside-block .power-progress-block .progress-custom .progress-bar > span,
.aside-block .level-progress-block .progress-custom-sm .progress-bar > span,
.aside-block .power-progress-block .progress-custom-sm .progress-bar > span,
.aside-block .level-progress-block .progress-custom .progress-bar > span,
.aside-block .power-progress-block .progress-custom .progress-bar > span,
.aside-block .level-progress-block .progress-custom-sm .progress-custom .progress-bar > span,
.aside-block .power-progress-block .progress-custom-sm .progress-custom .progress-bar > span,
.aside-block .level-progress-block .progress-custom-sm .progress-bar > span,
.aside-block .power-progress-block .progress-custom-sm .progress-bar > span,
.aside-block .level-progress-block .progress-custom .progress-custom-sm .progress-bar > span,
.aside-block .power-progress-block .progress-custom .progress-custom-sm .progress-bar > span,
.aside-block .level-progress-block .progress-custom-sm .progress-custom .progress-bar > span,
.aside-block .power-progress-block .progress-custom-sm .progress-custom .progress-bar > span,
.aside-block .level-progress-block .progress-custom .progress-custom-sm .progress-bar > span,
.aside-block .power-progress-block .progress-custom .progress-custom-sm .progress-bar > span,
.aside-block .level-progress-block .progress-custom-sm .progress-custom .progress-bar > span,
.aside-block .power-progress-block .progress-custom-sm .progress-custom .progress-bar > span,
.aside-block .level-progress-block .progress-custom-sm .progress-custom .progress-bar > span,
.aside-block .power-progress-block .progress-custom-sm .progress-custom .progress-bar > span,
.aside-block .level-progress-block .progress-custom .progress-custom-sm .progress-bar > span,
.aside-block .power-progress-block .progress-custom .progress-custom-sm .progress-bar > span,
.aside-block .level-progress-block .progress-custom .progress-custom-sm .progress-bar > span,
.aside-block .power-progress-block .progress-custom .progress-custom-sm .progress-bar > span {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 100%;
  height: 22px;
  margin-top: 5px;
  text-align: center;
  color: #2b3040;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}
.aside-block .level-progress-block .progress-bar > span > span,
.aside-block .power-progress-block .progress-bar > span > span,
.aside-block .level-progress-block .progress-bar > span > span,
.aside-block .power-progress-block .progress-bar > span > span,
.aside-block .level-progress-block .progress-custom .progress-bar > span > span,
.aside-block .power-progress-block .progress-custom .progress-bar > span > span,
.aside-block .level-progress-block .progress-custom-sm .progress-bar > span > span,
.aside-block .power-progress-block .progress-custom-sm .progress-bar > span > span,
.aside-block .level-progress-block .progress-custom .progress-bar > span > span,
.aside-block .power-progress-block .progress-custom .progress-bar > span > span,
.aside-block .level-progress-block .progress-custom-sm .progress-bar > span > span,
.aside-block .power-progress-block .progress-custom-sm .progress-bar > span > span,
.aside-block .level-progress-block .progress-custom .progress-bar > span > span,
.aside-block .power-progress-block .progress-custom .progress-bar > span > span,
.aside-block .level-progress-block .progress-custom-sm .progress-custom .progress-bar > span > span,
.aside-block .power-progress-block .progress-custom-sm .progress-custom .progress-bar > span > span,
.aside-block .level-progress-block .progress-custom-sm .progress-bar > span > span,
.aside-block .power-progress-block .progress-custom-sm .progress-bar > span > span,
.aside-block .level-progress-block .progress-custom .progress-custom-sm .progress-bar > span > span,
.aside-block .power-progress-block .progress-custom .progress-custom-sm .progress-bar > span > span,
.aside-block .level-progress-block .progress-custom-sm .progress-custom .progress-bar > span > span,
.aside-block .power-progress-block .progress-custom-sm .progress-custom .progress-bar > span > span,
.aside-block .level-progress-block .progress-custom .progress-custom-sm .progress-bar > span > span,
.aside-block .power-progress-block .progress-custom .progress-custom-sm .progress-bar > span > span,
.aside-block .level-progress-block .progress-custom-sm .progress-custom .progress-bar > span > span,
.aside-block .power-progress-block .progress-custom-sm .progress-custom .progress-bar > span > span,
.aside-block .level-progress-block .progress-custom-sm .progress-custom .progress-bar > span > span,
.aside-block .power-progress-block .progress-custom-sm .progress-custom .progress-bar > span > span,
.aside-block .level-progress-block .progress-custom .progress-custom-sm .progress-bar > span > span,
.aside-block .power-progress-block .progress-custom .progress-custom-sm .progress-bar > span > span,
.aside-block .level-progress-block .progress-custom .progress-custom-sm .progress-bar > span > span,
.aside-block .power-progress-block .progress-custom .progress-custom-sm .progress-bar > span > span {
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.74);
}
.aside-block .power-progress-block .progress-bar > span > span,
.aside-block .power-progress-block .progress-bar > span > span,
.aside-block .power-progress-block .progress-custom .progress-bar > span > span,
.aside-block .power-progress-block .progress-custom-sm .progress-bar > span > span,
.aside-block .power-progress-block .progress-custom .progress-bar > span > span,
.aside-block .power-progress-block .progress-custom-sm .progress-bar > span > span,
.aside-block .power-progress-block .progress-custom .progress-bar > span > span,
.aside-block .power-progress-block .progress-custom-sm .progress-custom .progress-bar > span > span,
.aside-block .power-progress-block .progress-custom-sm .progress-bar > span > span,
.aside-block .power-progress-block .progress-custom .progress-custom-sm .progress-bar > span > span,
.aside-block .power-progress-block .progress-custom-sm .progress-custom .progress-bar > span > span,
.aside-block .power-progress-block .progress-custom .progress-custom-sm .progress-bar > span > span,
.aside-block .power-progress-block .progress-custom-sm .progress-custom .progress-bar > span > span,
.aside-block .power-progress-block .progress-custom-sm .progress-custom .progress-bar > span > span,
.aside-block .power-progress-block .progress-custom .progress-custom-sm .progress-bar > span > span,
.aside-block .power-progress-block .progress-custom .progress-custom-sm .progress-bar > span > span {
  color: #86befd;
}
.aside-block .level-progress-block .progress-bar > span > span,
.aside-block .level-progress-block .progress-bar > span > span,
.aside-block .level-progress-block .progress-custom .progress-bar > span > span,
.aside-block .level-progress-block .progress-custom-sm .progress-bar > span > span,
.aside-block .level-progress-block .progress-custom .progress-bar > span > span,
.aside-block .level-progress-block .progress-custom-sm .progress-bar > span > span,
.aside-block .level-progress-block .progress-custom .progress-bar > span > span,
.aside-block .level-progress-block .progress-custom-sm .progress-custom .progress-bar > span > span,
.aside-block .level-progress-block .progress-custom-sm .progress-bar > span > span,
.aside-block .level-progress-block .progress-custom .progress-custom-sm .progress-bar > span > span,
.aside-block .level-progress-block .progress-custom-sm .progress-custom .progress-bar > span > span,
.aside-block .level-progress-block .progress-custom .progress-custom-sm .progress-bar > span > span,
.aside-block .level-progress-block .progress-custom-sm .progress-custom .progress-bar > span > span,
.aside-block .level-progress-block .progress-custom-sm .progress-custom .progress-bar > span > span,
.aside-block .level-progress-block .progress-custom .progress-custom-sm .progress-bar > span > span,
.aside-block .level-progress-block .progress-custom .progress-custom-sm .progress-bar > span > span {
  color: #fcd013;
}
.aside-inner-block .friends-container .friend-block a {
  color: white;
}
.aside-order-block {
  margin-bottom: 5px;
}
.abAvatar i.avatar-badge {
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  left: 50%;
  bottom: 0;
  width: 67px;
  height: 41px;
  z-index: 10;
  border-radius: unset;
}
i.power-energy-icon {
  width: 11px;
  height: 17px;
  position: relative;
  top: 4px;
  display: inline-block;
  background-image: url("../img/aside/power-energy-icon.svg");
}
.power-count-wrap {
  padding: 0 12px;
}
.power-count-block {
  height: 37px;
  width: 222px;
  background-image: url("../img/aside/power-background.svg");
  background-repeat: no-repeat;
  position: relative;
  text-align: center;
  z-index: 1001;
}
.power-count-block .power-text {
  position: absolute;
  margin: auto;
  z-index: 5;
  width: 100%;
  color: white;
  top: 8px;
  text-shadow: 0 1px 0 #000000;
}
.power-count-block .power-text i.power-energy-icon {
  width: 11px;
  height: 17px;
  position: relative;
  top: 4px;
  display: inline-block;
  background-image: url("../img/aside/power-energy-icon.svg");
}
.power-count-block:after {
  content: "";
  position: absolute;
  width: 148px;
  height: 22px;
  background-image: url("../img/aside/background-separators.svg");
  background-repeat: no-repeat;
  left: 14px;
  top: 8px;
}
.power-count-block .power-progress-bar-wrap {
  float: left;
  width: 175px;
  padding-left: 2px;
}
.power-count-block .power-progress-bar-wrap .power-progress-bar {
  overflow: initial !important;
  position: relative;
  background-image: url("../img/aside/power-percent.png");
  background-repeat: no-repeat;
  height: 32px;
  margin: 3px 0 0 0;
  width: 100%;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.power-count-block .power-progress-bar-wrap .power-progress-bar .power-dazzle {
  position: absolute;
  top: 4px;
  height: 3px;
  width: 100%;
  z-index: 3;
  background-image: url("../img/aside/dazzle.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.power-count-block .power-progress-bar-wrap .power-progress-bar .power-separator {
  position: absolute;
  width: 17px;
  height: 56px;
  background-image: url("../img/aside/power-separator.png");
  background-repeat: no-repeat;
  right: -9px;
  top: -12px;
  z-index: 7;
}
.power-count-block .power-bank-block {
  cursor: pointer;
  float: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 45px;
  height: 33px;
  margin-top: 3px;
  background-image: url("../img/aside/power-bank.svg");
  z-index: 6;
  position: relative;
}
.power-count-block .power-bank-block:hover {
  background-image: url("../img/aside/power-bank-light.svg");
}
.power-count-block .power-bank-block:active {
  background-image: url("../img/aside/power-bank-press.svg");
}
.power-count-block .power-bank-block .battery-icon {
  width: 29px;
  height: 29px;
  margin: auto;
}
.power-count-block .power-bank-block .battery-icon.a10 {
  background-image: url("../img/aside/battery-10.svg");
}
.power-count-block .power-bank-block .battery-icon.a40 {
  background-image: url("../img/aside/battery-40.svg");
}
.power-count-block .power-bank-block .battery-icon.a70 {
  background-image: url("../img/aside/battery-70.svg");
}
.power-count-block .power-bank-block .battery-icon.a100 {
  background-image: url("../img/aside/battery-100.svg");
}
.power-actions-wrap {
  position: relative;
  z-index: 1001;
}
.power-actions-wrap .popup-power-actions {
  background: #595e7c;
  position: absolute;
  left: 0;
  top: calc(100% + 1px);
  color: #fff;
  z-index: 100;
  padding: 10px;
  cursor: default;
  display: none;
  border-radius: 6px;
  width: max-content;
}
@media (max-width: 480px) {
  .power-actions-wrap .popup-power-actions {
    width: calc(100% + 5px);
  }
}
@media (max-width: 991px) {
  .power-actions-wrap .popup-power-actions {
    left: -5px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
.power-actions-wrap .popup-power-actions .fill-power-btn {
  min-width: 200px;
  box-shadow: none;
}
.power-actions-wrap .popup-power-actions .disabled-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
#sidebar .avatarBlock {
  position: relative;
}
#sidebar .avatarBlock .abName a {
  color: white;
}
#sidebar .avatarBlock > .loading-block {
  z-index: 1000;
}
.radial-bar {
  font-size: 14px;
  color: #fff;
  border-radius: 100%;
  width: 30px;
  height: 30px;
  display: flex;
  background: transparent;
  text-decoration: none;
  color: #ffffff;
  transition: opacity 200ms;
}
.radial-bar:hover {
  opacity: 0.8;
}
.radial-bar .overlay {
  background-color: #419943;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  margin: auto;
  text-align: center;
}
.radial-bar .overlay .level-number {
  font-family: "PT SANS";
  line-height: 24px;
}
.radial-bar.gasoline {
  width: 35px;
  height: 35px;
}
.radial-bar.gasoline .overlay {
  width: 28px;
  height: 28px;
  background: #419943 url(../img/city/gasoline_icon.png) no-repeat center;
  background-size: 70%;
}
.panel-content .avatarCustomizeBlock .adapted-color {
  color: #333;
}
.avatarCustomizeBlock {
  position: relative;
}
.avatarCustomizeBlock h5 {
  font-size: 18px;
  text-align: left;
}
.avatarCustomizeBlock .subtitle {
  color: #FBBC23;
}
.avatarCustomizeBlock .sblBottom {
  padding: 15px !important;
  text-align: left;
}
.avatarCustomizeBlock .adapted-color {
  color: white;
}
.avatarCustomizeBlock .avatarPreviewBlock {
  margin: 5px 0;
  background: radial-gradient(50% 50% at 50% 50%, #80859B 16.54%, #696E84 100%);
  border: 1px solid #959AAF;
  box-sizing: border-box;
  border-radius: 4px;
  cursor: pointer;
}
.avatarCustomizeBlock .avatarPreviewBlock .img-container {
  width: 75px;
  height: 75px;
  position: relative;
  overflow: visible;
  margin: 15px auto;
}
.avatarCustomizeBlock .avatarPreviewBlock.selected {
  border: 2px solid #fcd013;
}
.avatarCustomizeBlock .avatarPreviewBlock.selected:after {
  background: url(/media/assets/app/src/icons/checked-green.png) no-repeat;
  background-size: contain;
  width: 25px;
  height: 25px;
  content: " ";
  position: absolute;
  right: -5px;
  top: -8px;
}
.avatarCustomizeBlock .avatarPreviewBlock:hover {
  background: linear-gradient(180deg, #80859B 0%, #696E84 100%);
  border: 1px solid #959AAF;
}
.avatarCustomizeBlock i.close-avatar-customize {
  color: white;
  cursor: pointer;
}
.banner-bonus-wrap {
  background-image: url("../img/aside/banner-bonus-bg.png");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 100%;
  height: 271px;
  margin-bottom: 5px;
  border-radius: 4px;
}
.banner-bonus-wrap .bonus-title {
  padding-top: 10px;
  text-align: center;
}
.banner-bonus-wrap .bonus-title .text-1 {
  font-family: PT Sans;
  font-weight: bold;
  font-size: 24px;
  line-height: 115%;
  letter-spacing: 0.02em;
  color: white;
  text-transform: uppercase;
}
.banner-bonus-wrap .bonus-title .text-2 {
  font-size: 18px;
  line-height: 115%;
  color: #FBBC23;
}
.banner-bonus-wrap .bonus-car-image {
  margin-top: -25px;
  margin-bottom: -20px;
  text-align: center;
}
.banner-bonus-wrap .bonus-car-name {
  color: #ffffff;
  text-align: center;
  font-size: 16px;
  line-height: 18px;
}
.banner-bonus-wrap .bonus-link {
  margin-top: 14px;
  text-align: center;
  font-size: 16px;
}
.banner-bonus-wrap .bonus-link a.btn {
  width: 184px;
}
.daily-bonus-block {
  background-color: #494E61;
}
.daily-bonus-block .get-bonus-btn {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
}
.daily-bonus-block .get-bonus-btn i.gift-icon {
  display: inline-block;
  background-image: url("../img/aside/gift.png");
  background-size: contain;
  width: 22px;
  height: 26px;
  margin-left: -5px;
}
.flag {
  width: 16px;
  height: 11px;
  background: url("../img/flags.png");
  display: inline-block;
}
/* Manual added flags for languages selector */
.flag.flag-en {
  background-position: -112px -143px;
}
/* Standard flags */
.flag.flag-ad {
  background-position: -16px 0;
}
.flag.flag-ae {
  background-position: -32px 0;
}
.flag.flag-af {
  background-position: -48px 0;
}
.flag.flag-ag {
  background-position: -64px 0;
}
.flag.flag-ai {
  background-position: -80px 0;
}
.flag.flag-al {
  background-position: -96px 0;
}
.flag.flag-am {
  background-position: -112px 0;
}
.flag.flag-ao {
  background-position: -128px 0;
}
.flag.flag-ar {
  background-position: -144px 0;
}
.flag.flag-as {
  background-position: -160px 0;
}
.flag.flag-at {
  background-position: -176px 0;
}
.flag.flag-au {
  background-position: -192px 0;
}
.flag.flag-aw {
  background-position: -208px 0;
}
.flag.flag-az {
  background-position: -224px 0;
}
.flag.flag-ba {
  background-position: -240px 0;
}
.flag.flag-bb {
  background-position: 0 -11px;
}
.flag.flag-bd {
  background-position: -16px -11px;
}
.flag.flag-be {
  background-position: -32px -11px;
}
.flag.flag-bf {
  background-position: -48px -11px;
}
.flag.flag-bg {
  background-position: -64px -11px;
}
.flag.flag-bh {
  background-position: -80px -11px;
}
.flag.flag-bi {
  background-position: -96px -11px;
}
.flag.flag-bj {
  background-position: -112px -11px;
}
.flag.flag-bm {
  background-position: -128px -11px;
}
.flag.flag-bn {
  background-position: -144px -11px;
}
.flag.flag-bo {
  background-position: -160px -11px;
}
.flag.flag-br {
  background-position: -176px -11px;
}
.flag.flag-bs {
  background-position: -192px -11px;
}
.flag.flag-bt {
  background-position: -208px -11px;
}
.flag.flag-bw {
  background-position: -224px -11px;
}
.flag.flag-by {
  background-position: -240px -11px;
}
.flag.flag-bz {
  background-position: 0 -22px;
}
.flag.flag-ca {
  background-position: -16px -22px;
}
.flag.flag-cd {
  background-position: -32px -22px;
}
.flag.flag-cf {
  background-position: -48px -22px;
}
.flag.flag-cg {
  background-position: -64px -22px;
}
.flag.flag-ch {
  background-position: -80px -22px;
}
.flag.flag-ci {
  background-position: -96px -22px;
}
.flag.flag-ck {
  background-position: -112px -22px;
}
.flag.flag-cl {
  background-position: -128px -22px;
}
.flag.flag-cm {
  background-position: -144px -22px;
}
.flag.flag-cn {
  background-position: -160px -22px;
}
.flag.flag-co {
  background-position: -176px -22px;
}
.flag.flag-cr {
  background-position: -192px -22px;
}
.flag.flag-cu {
  background-position: -208px -22px;
}
.flag.flag-cv {
  background-position: -224px -22px;
}
.flag.flag-cw {
  background-position: -240px -22px;
}
.flag.flag-cy {
  background-position: 0 -33px;
}
.flag.flag-cz {
  background-position: -16px -33px;
}
.flag.flag-de {
  background-position: -32px -33px;
}
.flag.flag-dj {
  background-position: -48px -33px;
}
.flag.flag-dk {
  background-position: -64px -33px;
}
.flag.flag-dm {
  background-position: -80px -33px;
}
.flag.flag-do {
  background-position: -96px -33px;
}
.flag.flag-dz {
  background-position: -112px -33px;
}
.flag.flag-ec {
  background-position: -128px -33px;
}
.flag.flag-ee {
  background-position: -144px -33px;
}
.flag.flag-eg {
  background-position: -160px -33px;
}
.flag.flag-er {
  background-position: -176px -33px;
}
.flag.flag-es {
  background-position: -192px -33px;
}
.flag.flag-et {
  background-position: -208px -33px;
}
.flag.flag-fi {
  background-position: -224px -33px;
}
.flag.flag-fj {
  background-position: -240px -33px;
}
.flag.flag-fk {
  background-position: 0 -44px;
}
.flag.flag-fm {
  background-position: -16px -44px;
}
.flag.flag-fo {
  background-position: -32px -44px;
}
.flag.flag-fr,
.flag.flag-bl,
.flag.flag-mf {
  background-position: -48px -44px;
}
.flag.flag-ga {
  background-position: -64px -44px;
}
.flag.flag-gb {
  background-position: -80px -44px;
}
.flag.flag-gd {
  background-position: -96px -44px;
}
.flag.flag-ge {
  background-position: -112px -44px;
}
.flag.flag-gf {
  background-position: -128px -44px;
}
.flag.flag-gh {
  background-position: -144px -44px;
}
.flag.flag-gi {
  background-position: -160px -44px;
}
.flag.flag-gl {
  background-position: -176px -44px;
}
.flag.flag-gm {
  background-position: -192px -44px;
}
.flag.flag-gn {
  background-position: -208px -44px;
}
.flag.flag-gp {
  background-position: -224px -44px;
}
.flag.flag-gq {
  background-position: -240px -44px;
}
.flag.flag-gr {
  background-position: 0 -55px;
}
.flag.flag-gt {
  background-position: -16px -55px;
}
.flag.flag-gu {
  background-position: -32px -55px;
}
.flag.flag-gw {
  background-position: -48px -55px;
}
.flag.flag-gy {
  background-position: -64px -55px;
}
.flag.flag-hk {
  background-position: -80px -55px;
}
.flag.flag-hn {
  background-position: -96px -55px;
}
.flag.flag-hr {
  background-position: -112px -55px;
}
.flag.flag-ht {
  background-position: -128px -55px;
}
.flag.flag-hu {
  background-position: -144px -55px;
}
.flag.flag-id {
  background-position: -160px -55px;
}
.flag.flag-ie {
  background-position: -176px -55px;
}
.flag.flag-il {
  background-position: -192px -55px;
}
.flag.flag-in {
  background-position: -208px -55px;
}
.flag.flag-io {
  background-position: -224px -55px;
}
.flag.flag-iq {
  background-position: -240px -55px;
}
.flag.flag-ir {
  background-position: 0 -66px;
}
.flag.flag-is {
  background-position: -16px -66px;
}
.flag.flag-it {
  background-position: -32px -66px;
}
.flag.flag-jm {
  background-position: -48px -66px;
}
.flag.flag-jo {
  background-position: -64px -66px;
}
.flag.flag-jp {
  background-position: -80px -66px;
}
.flag.flag-ke {
  background-position: -96px -66px;
}
.flag.flag-kg {
  background-position: -112px -66px;
}
.flag.flag-kh {
  background-position: -128px -66px;
}
.flag.flag-ki {
  background-position: -144px -66px;
}
.flag.flag-km {
  background-position: -160px -66px;
}
.flag.flag-kn {
  background-position: -176px -66px;
}
.flag.flag-kp {
  background-position: -192px -66px;
}
.flag.flag-kr {
  background-position: -208px -66px;
}
.flag.flag-kw {
  background-position: -224px -66px;
}
.flag.flag-ky {
  background-position: -240px -66px;
}
.flag.flag-kz {
  background-position: 0 -77px;
}
.flag.flag-la {
  background-position: -16px -77px;
}
.flag.flag-lb {
  background-position: -32px -77px;
}
.flag.flag-lc {
  background-position: -48px -77px;
}
.flag.flag-li {
  background-position: -64px -77px;
}
.flag.flag-lk {
  background-position: -80px -77px;
}
.flag.flag-lr {
  background-position: -96px -77px;
}
.flag.flag-ls {
  background-position: -112px -77px;
}
.flag.flag-lt {
  background-position: -128px -77px;
}
.flag.flag-lu {
  background-position: -144px -77px;
}
.flag.flag-lv {
  background-position: -160px -77px;
}
.flag.flag-ly {
  background-position: -176px -77px;
}
.flag.flag-ma {
  background-position: -192px -77px;
}
.flag.flag-mc {
  background-position: -208px -77px;
}
.flag.flag-md {
  background-position: -224px -77px;
}
.flag.flag-me {
  background-position: -112px -154px;
  height: 12px;
}
.flag.flag-mg {
  background-position: 0 -88px;
}
.flag.flag-mh {
  background-position: -16px -88px;
}
.flag.flag-mk {
  background-position: -32px -88px;
}
.flag.flag-ml {
  background-position: -48px -88px;
}
.flag.flag-mm {
  background-position: -64px -88px;
}
.flag.flag-mn {
  background-position: -80px -88px;
}
.flag.flag-mo {
  background-position: -96px -88px;
}
.flag.flag-mp {
  background-position: -112px -88px;
}
.flag.flag-mq {
  background-position: -128px -88px;
}
.flag.flag-mr {
  background-position: -144px -88px;
}
.flag.flag-ms {
  background-position: -160px -88px;
}
.flag.flag-mt {
  background-position: -176px -88px;
}
.flag.flag-mu {
  background-position: -192px -88px;
}
.flag.flag-mv {
  background-position: -208px -88px;
}
.flag.flag-mw {
  background-position: -224px -88px;
}
.flag.flag-mx {
  background-position: -240px -88px;
}
.flag.flag-my {
  background-position: 0 -99px;
}
.flag.flag-mz {
  background-position: -16px -99px;
}
.flag.flag-na {
  background-position: -32px -99px;
}
.flag.flag-nc {
  background-position: -48px -99px;
}
.flag.flag-ne {
  background-position: -64px -99px;
}
.flag.flag-nf {
  background-position: -80px -99px;
}
.flag.flag-ng {
  background-position: -96px -99px;
}
.flag.flag-ni {
  background-position: -112px -99px;
}
.flag.flag-nl,
.flag.flag-bq {
  background-position: -128px -99px;
}
.flag.flag-no {
  background-position: -144px -99px;
}
.flag.flag-np {
  background-position: -160px -99px;
}
.flag.flag-nr {
  background-position: -176px -99px;
}
.flag.flag-nu {
  background-position: -192px -99px;
}
.flag.flag-nz {
  background-position: -208px -99px;
}
.flag.flag-om {
  background-position: -224px -99px;
}
.flag.flag-pa {
  background-position: -240px -99px;
}
.flag.flag-pe {
  background-position: 0 -110px;
}
.flag.flag-pf {
  background-position: -16px -110px;
}
.flag.flag-pg {
  background-position: -32px -110px;
}
.flag.flag-ph {
  background-position: -48px -110px;
}
.flag.flag-pk {
  background-position: -64px -110px;
}
.flag.flag-pl {
  background-position: -80px -110px;
}
.flag.flag-pm {
  background-position: -96px -110px;
}
.flag.flag-pr {
  background-position: -112px -110px;
}
.flag.flag-ps {
  background-position: -128px -110px;
}
.flag.flag-pt {
  background-position: -144px -110px;
}
.flag.flag-pw {
  background-position: -160px -110px;
}
.flag.flag-py {
  background-position: -176px -110px;
}
.flag.flag-qa {
  background-position: -192px -110px;
}
.flag.flag-re {
  background-position: -208px -110px;
}
.flag.flag-ro {
  background-position: -224px -110px;
}
.flag.flag-rs {
  background-position: -240px -110px;
}
.flag.flag-ru {
  background-position: 0 -121px;
}
.flag.flag-rw {
  background-position: -16px -121px;
}
.flag.flag-sa {
  background-position: -32px -121px;
}
.flag.flag-sb {
  background-position: -48px -121px;
}
.flag.flag-sc {
  background-position: -64px -121px;
}
.flag.flag-sd {
  background-position: -80px -121px;
}
.flag.flag-se {
  background-position: -96px -121px;
}
.flag.flag-sg {
  background-position: -112px -121px;
}
.flag.flag-sh {
  background-position: -128px -121px;
}
.flag.flag-si {
  background-position: -144px -121px;
}
.flag.flag-sk {
  background-position: -160px -121px;
}
.flag.flag-sl {
  background-position: -176px -121px;
}
.flag.flag-sm {
  background-position: -192px -121px;
}
.flag.flag-sn {
  background-position: -208px -121px;
}
.flag.flag-so {
  background-position: -224px -121px;
}
.flag.flag-sr {
  background-position: -240px -121px;
}
.flag.flag-ss {
  background-position: 0 -132px;
}
.flag.flag-st {
  background-position: -16px -132px;
}
.flag.flag-sv {
  background-position: -32px -132px;
}
.flag.flag-sx {
  background-position: -48px -132px;
}
.flag.flag-sy {
  background-position: -64px -132px;
}
.flag.flag-sz {
  background-position: -80px -132px;
}
.flag.flag-tc {
  background-position: -96px -132px;
}
.flag.flag-td {
  background-position: -112px -132px;
}
.flag.flag-tg {
  background-position: -128px -132px;
}
.flag.flag-th {
  background-position: -144px -132px;
}
.flag.flag-tj {
  background-position: -160px -132px;
}
.flag.flag-tk {
  background-position: -176px -132px;
}
.flag.flag-tl {
  background-position: -192px -132px;
}
.flag.flag-tm {
  background-position: -208px -132px;
}
.flag.flag-tn {
  background-position: -224px -132px;
}
.flag.flag-to {
  background-position: -240px -132px;
}
.flag.flag-tr {
  background-position: 0 -143px;
}
.flag.flag-tt {
  background-position: -16px -143px;
}
.flag.flag-tv {
  background-position: -32px -143px;
}
.flag.flag-tw {
  background-position: -48px -143px;
}
.flag.flag-tz {
  background-position: -64px -143px;
}
.flag.flag-ua {
  background-position: -80px -143px;
}
.flag.flag-ug {
  background-position: -96px -143px;
}
.flag.flag-us {
  background-position: -112px -143px;
}
.flag.flag-uy {
  background-position: -128px -143px;
}
.flag.flag-uz {
  background-position: -144px -143px;
}
.flag.flag-va {
  background-position: -160px -143px;
}
.flag.flag-vc {
  background-position: -176px -143px;
}
.flag.flag-ve {
  background-position: -192px -143px;
}
.flag.flag-vg {
  background-position: -208px -143px;
}
.flag.flag-vi {
  background-position: -224px -143px;
}
.flag.flag-vn {
  background-position: -240px -143px;
}
.flag.flag-vu {
  background-position: 0 -154px;
}
.flag.flag-wf {
  background-position: -16px -154px;
}
.flag.flag-ws {
  background-position: -32px -154px;
}
.flag.flag-ye {
  background-position: -48px -154px;
}
.flag.flag-za {
  background-position: -64px -154px;
}
.flag.flag-zm {
  background-position: -80px -154px;
}
.flag.flag-zw {
  background-position: -96px -154px;
}
.box {
  margin-bottom: 10px;
}
.box:last-child {
  margin-bottom: 0;
}
.box .box-header {
  font-weight: bold;
}
.box .box-header i {
  margin-right: 2.5px;
}
.box .box-body {
  background: #f6f8fa;
  border-radius: 4px;
  border: 1px solid #f6f8fa;
  box-shadow: 0 1px 1px #d9d9d9;
  padding: 10px 10px;
}
.box .box-row {
  border-top: none;
  padding: 10px 10px;
  margin-left: -10px;
  margin-right: -10px;
}
.box .box-row + .box-row {
  border-top: 1px solid #f6f8fa;
}
.box .box-row .form-group:last-child {
  margin-bottom: 0;
}
.box .box-footer {
  padding: 10px 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 33px;
}
.form-horizontal .radio + .help-block,
.form-horizontal .checkbox + .help-block,
.form-horizontal .radio + .error-block,
.form-horizontal .checkbox + .error-block {
  margin-top: 5px;
}
.radio,
.checkbox {
  min-height: 26px;
}
.radio label,
.checkbox label {
  padding-left: 31px;
  position: relative;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  margin-left: -26px;
}
.input-xs > .radio input[type="radio"],
.input-xs > .radio-inline input[type="radio"],
.input-xs > .checkbox input[type="checkbox"],
.input-xs > .checkbox-inline input[type="checkbox"] {
  margin-left: -20px;
}
.radio-inline,
.checkbox-inline {
  padding-left: 31px;
  min-height: 26px;
  position: relative;
}
.radio-inline.input-xs,
.checkbox-inline.input-xs {
  padding-left: 25px;
}
input[type="radio"],
input[type="checkbox"] {
  position: relative;
  opacity: 0;
  visibility: hidden;
  display: inline-block;
  width: 26px;
  z-index: -1;
}
input[type="radio"] + span:before,
input[type="checkbox"] + span:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 26px;
  height: 26px;
  left: 0;
  top: 50%;
  margin-top: -13px;
  background-color: #fff;
  transition: box-shadow 0.15s ease-in-out;
  border: #d3d3d3 1px solid;
  box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  text-align: center;
  line-height: 26px;
}
input[type="radio"] + span:after,
input[type="checkbox"] + span:after {
  content: "";
  display: inline-block;
  position: absolute;
  opacity: 0;
  left: 0;
  top: 50%;
  margin-top: -13px;
  transition: opacity 0.15s ease-in-out;
  width: 26px;
  height: 26px;
  font-family: "Font Awesome 5 Pro";
  line-height: 26px;
  text-align: center;
  font-size: 14px;
}
.input-xs > input[type="radio"],
.input-xs > input[type="checkbox"] {
  width: 20px;
}
.input-xs > input[type="radio"] + span:before,
.input-xs > input[type="checkbox"] + span:before {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  line-height: 20px;
}
.input-xs > input[type="radio"] + span:after,
.input-xs > input[type="checkbox"] + span:after {
  margin-top: -10px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
}
input[type="radio"]:checked + span:after,
input[type="checkbox"]:checked + span:after {
  color: #3584e6;
  opacity: 1;
}
input[type="radio"]:disabled,
input[type="checkbox"]:disabled {
  cursor: not-allowed;
}
input[type="radio"]:disabled + span:before,
input[type="checkbox"]:disabled + span:before {
  cursor: not-allowed;
  opacity: 0.3;
  background-color: #ccc;
}
input[type="radio"]:disabled + span:after,
input[type="checkbox"]:disabled + span:after {
  cursor: not-allowed;
}
input[type="checkbox"] + span:before {
  border-radius: 4px;
}
input[type="checkbox"] + span:after {
  background: url(../img/sprites.png) -262px -210px no-repeat;
}
.input-xs > input[type="checkbox"] + span:before {
  border-radius: 3px;
}
.input-xs > input[type="checkbox"] + span:after {
  background: url(../img/sprites.png) -265px -214px no-repeat;
}
input[type="radio"] + span:before {
  border-radius: 50%;
}
input[type="radio"] + span:after {
  font-weight: bold;
  content: "\f111";
  font-size: 12px;
  width: 26px;
  height: 26px;
  text-align: center;
  vertical-align: middle;
  line-height: 26px;
}
.form-avatar {
  display: block;
  background: var(--tx-panel-background);
  padding: 7px 10px;
  border: 1px solid #e9eaf0;
  border-radius: 4px;
  position: relative;
  margin-bottom: 0;
}
.form-avatar .img-container {
  width: 145px;
  height: 145px;
  display: block;
  margin: auto;
  margin-bottom: 10px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #f6f8fa;
  background-image: url("../img/ph_avatar.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.form-avatar .confirm-block {
  background: rgba(0, 0, 0, 0.35);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  padding: 45px 30px;
  color: white;
}
.form-avatar .close {
  display: none;
  visibility: hidden;
}
.form-avatar.has-image .close {
  display: block;
  visibility: visible;
}
.custom-radio-block {
  background: #f8f9fb;
  margin-bottom: 10px;
  border-radius: 42.5px;
  overflow: hidden;
  display: block;
  border: 3px solid #3584e6;
  padding: 7px 36px 7px 10px;
  text-shadow: none;
  color: #646464;
}
.custom-radio-block input[type="radio"]:checked + span:before,
.custom-radio-block input[type="radio"] + span:after,
.custom-radio-block input[type="radio"] + span:before {
  right: 15px;
  left: auto;
}
.custom-radio-block:checked {
  border-color: #3584e6;
}
.custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.form-rating i {
  font-size: 20px;
  cursor: pointer;
}
input[type="number"]:read-only {
  -moz-appearance: textfield;
}
input[type="datetime-local"] {
  position: relative;
}
input[type="datetime-local"]::-webkit-calendar-picker-indicator {
  position: absolute;
  right: 10px;
}
.form-control:read-only {
  cursor: default;
}
.user-aside {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
}
@media (min-width: 768px) {
  .user-aside {
    float: left;
    width: 35%;
  }
}
.user-content {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
}
@media (min-width: 768px) {
  .user-content {
    float: left;
    width: 65%;
  }
}
.company-block .title {
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-size: 14px;
}
.form-profile-settings .form-group.has-error .help-block.error-block,
.form-profile-settings .form-group.has-error .error-block.error-block {
  padding: 3px 5px;
}
.form-profile-settings .help-block,
.form-profile-settings .error-block {
  margin-bottom: 0;
}
.form-profile-settings .help-block.error-block,
.form-profile-settings .error-block.error-block {
  margin-top: 5px;
  color: #ffffff;
  background-color: #f63065;
  border-radius: 4px;
  text-align: center;
}
.security-item-block {
  padding: 5px;
  padding-left: 50px;
  position: relative;
  margin-top: 5px;
  margin-bottom: 5px;
  border: 1px solid #ccc;
  border-radius: 4px;
  height: 100px;
}
@media (min-width: 992px) {
  .security-item-block {
    padding-left: 50px;
  }
}
.security-item-block.active p strong {
  color: #419943;
}
.security-item-block > i {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -25px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 25px;
}
@media (min-width: 992px) {
  .security-item-block > i {
    margin-top: -25px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 25px;
  }
}
.security-item-block h3 {
  font-size: 16px;
  margin: 0;
  margin-bottom: 11px;
}
.security-item-block p strong {
  display: block;
  color: #f74877;
}
.form-group.ip-addr .form-control-static {
  color: #3d8ee9;
  text-decoration: underline;
  cursor: pointer;
}
.form-group.ip-addr .form-control-static:hover,
.form-group.ip-addr .form-control-static:active,
.form-group.ip-addr .form-control-static:focus {
  text-decoration: none;
}
.panel-profile .panel-inner {
  background: var(--tx-panel-background-second) !important;
}
.panel-profile .actions-block {
  padding: 5px;
}
.panel-profile .actions-block .btn {
  font-family: "PT Sans";
  text-transform: none !important;
}
.panel-profile .actions-block .btn-block {
  margin-bottom: 5px;
}
.panel-profile .actions-block .dropdown .btn-block {
  margin-bottom: 0;
}
.panel-profile .info-block p {
  margin-bottom: 0;
}
.panel-profile .panel-heading {
  padding: 10px 10px;
}
.panel-profile .panel-title {
  font-size: 20px;
  font-weight: normal;
  text-transform: uppercase;
}
.panel-profile .online-status {
  font-size: 11px;
  vertical-align: middle;
  color: #ccc;
  text-transform: uppercase;
  display: inline-block;
}
.panel-profile .online-status.online {
  color: #419943;
}
.panel-profile .online-status .icon {
  position: relative;
  display: inline-block;
  vertical-align: baseline;
  right: auto;
  top: auto;
}
.panel-profile .online-status span {
  vertical-align: top;
  display: inline-block;
}
.panel-profile .rating-block {
  font-size: 14px;
}
.panel-profile .rating-block .division-block {
  font-size: 11px;
  color: #888888;
}
.table-work-history .period-column {
  max-width: 20%;
  min-width: 20%;
  width: 20%;
}
.table-work-history .info-column {
  max-width: 55%;
  min-width: 55%;
  width: 55%;
}
.table-work-history .income-column {
  max-width: 25%;
  min-width: 25%;
  width: 25%;
}
.table-work-history .period-block {
  font-size: 11px;
  font-weight: bold;
}
.table-work-history .income-block .money-income {
  display: block;
  font-size: 16px;
  color: #f74877;
  white-space: nowrap;
}
.table-work-history .income-block .orders-income {
  display: block;
  font-size: 14px;
  white-space: nowrap;
}
.table-work-history .description-block {
  font-size: 11px;
  text-align: left;
}
.table-work-history .company-block {
  margin-top: 5px;
  margin-bottom: 5px;
}
.table-work-history .company-block .image-block {
  height: 50px;
}
.league-block {
  font-size: 11px;
  text-align: center;
  color: #3d8ee9;
  text-decoration: none;
  width: 100px;
  display: block;
  margin: auto;
  line-height: 1.2;
}
.league-block:hover {
  text-decoration: underline;
}
.league-block .image-block {
  width: 50px;
  height: 50px;
  margin: auto;
}
.league-block p {
  margin-bottom: 0;
}
.achievement-progress-block {
  text-align: center;
  margin-bottom: 10px;
  display: block;
}
.achievement-progress-block .radial-progress-help {
  text-align: center;
  white-space: nowrap;
}
.achievement-progress-block .title {
  font-size: 16px;
  margin: 0;
}
.my-socials .soc {
  margin: 0 0 15px 0;
}
.my-socials .soc .name {
  width: 230px;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  font-size: 15px;
}
.my-socials .soc .icon {
  width: 32px;
  height: 32px;
  background: url("https://ulogin.ru/version/2.0/img/providers-64-classic.png?version=img.2.0.0") no-repeat;
  background-size: 32px;
}
.my-socials .soc .vkontakte {
  background-position: 0 -36px;
}
.my-socials .soc .odnoklassniki {
  background-position: 0 -70px;
}
.my-socials .soc .mailru {
  background-position: 0 -104px;
}
.my-socials .soc .facebook {
  background-position: 0 -138px;
}
.my-socials .soc .twitter {
  background-position: 0 -172px;
}
.my-socials .soc .google {
  background-position: 0 -206px;
}
.my-socials .soc .googleplus {
  background-position: 0 -716px;
}
.my-socials .soc .yandex {
  background-position: 0 -240px;
}
.my-socials .soc .livejournal {
  background-position: 0 -274px;
}
.my-socials .soc .openid {
  background-position: 0 -308px;
}
.my-socials .soc .flickr {
  background-position: 0 -342px;
}
.my-socials .soc .lastfm {
  background-position: 0 -376px;
}
.my-socials .soc .linkedin {
  background-position: 0 -410px;
}
.my-socials .soc .liveid {
  background-position: 0 -444px;
}
.my-socials .soc .soundcloud {
  background-position: 0 -478px;
}
.my-socials .soc .steam {
  background-position: 0 -512px;
}
.my-socials .soc .uid {
  background-position: 0 -546px;
}
.my-socials .soc .webmoney {
  background-position: 0 -580px;
}
.my-socials .soc .youtube {
  background-position: 0 -614px;
}
.my-socials .soc .foursquare {
  background-position: 0 -648px;
}
.my-socials .soc .tumblr {
  background-position: 0 -682px;
}
.my-socials .soc .vimeo {
  background-position: 0 -750px;
}
.my-socials .soc .instagram {
  background-position: 0 -784px;
}
.my-socials .soc .wargaming {
  background-position: 0 -818px;
}
.my-socials .soc .vkontakte {
  background-position: 0px -36px;
}
.my-socials .soc .odnoklassniki {
  background-position: 0px -70px;
}
.my-socials .soc .mailru {
  background-position: 0px -104px;
}
.my-socials .soc .fb {
  background-position: 0px -104px;
}
.my-socials .soc button {
  float: right;
}
.my-socials .attachedSocials {
  margin-bottom: 30px;
}
.nerf-block-profile {
  background: #fefeff;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0 1px 1px #d9d9d9;
  border: 1px solid #e6e6e6;
}
.wish-good-luck {
  display: flex;
  align-content: center;
  margin: 0 auto;
}
.wish-good-luck i.icon-horseshoe {
  margin-right: 5px;
}
i.icon-horseshoe {
  width: 20px;
  height: 20px;
  background: url("/media/profile/good-luck.png") no-repeat;
  background-size: contain;
}
.img-skill-garage-head {
  margin-right: 5px;
}
.img-skill-garage-head .skill-level {
  margin: 0 5px;
}
@media (max-width: 767px) {
  .img-skill-garage-head .skill-level {
    margin: 0 2px;
  }
}
.img-skill-container {
  max-width: 55px;
  width: 100%;
  position: relative;
  display: block;
  margin: auto;
}
.img-skill-container .img-skill {
  width: 100%;
  padding-bottom: 100%;
  position: relative;
  display: block;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
.content-wrapper:has(> .profile-page) {
  background: #f0f1f6;
}
.avatar-badge-list {
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
}
.avatar-badge-list .checkbox-inline {
  margin-left: 0;
  margin-right: 10px;
}
.avatar-badge-list .avatar-badge-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 5px 0;
  border: 1px solid #959aaf;
  box-sizing: border-box;
  border-radius: 15px;
  cursor: pointer;
  width: 65px;
  height: 65px;
  padding: 7px;
}
.avatar-badge-list .avatar-badge-container:hover {
  border: 2px solid #679731;
}
.avatar-badge-list .avatar-badge-container .img-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.avatar-badge-list .avatar-badge-container .img-container img {
  width: auto;
  height: 100%;
  max-width: 100%;
}
.avatar-badge-list .avatar-badge-container:after {
  content: " ";
}
.avatar-badge-list .avatar-badge-container .no-badge {
  text-align: center;
}
.avatar-badge-list .nickname-setting-color {
  width: 50px;
  height: 50px;
  box-sizing: border-box;
  border-radius: 15px;
  display: inline-block;
  border: #747892 1px solid;
  text-align: left;
  position: relative;
  cursor: pointer;
}
.avatar-badge-list .nickname-setting-color:hover {
  border: 2px solid #679731;
}
.avatar-badge-list .nickname-setting-color .nickname-setting {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.avatar-badge-list .nickname-setting-color .nickname-setting.no-nickname {
  font-size: 13px;
  margin-top: 3px;
  text-align: center;
}
.avatar-badge-list .nickname-setting-color:after {
  content: " ";
}
.avatar-badge-list .checkbox-inline {
  margin-top: unset;
  margin-bottom: unset;
  padding-left: unset;
  min-height: unset;
}
.avatar-badge-list input[type="radio"] {
  display: none;
}
.avatar-badge-list input[type="radio"]:checked ~ .avatar-badge-container::after,
.avatar-badge-list input[type="radio"]:checked ~ .nickname-setting-color::after {
  background: url(/media/assets/app/src/icons/checked-green.png) no-repeat;
  background-size: contain;
  width: 25px;
  height: 25px;
  content: " ";
  position: absolute;
  right: -5px;
  top: -8px;
}
.nickname-fieldlist:not(:first-child) {
  margin-top: 0;
  margin-bottom: 10px;
}
.nickname-fieldlist:last-child {
  margin-bottom: 0;
  margin-top: -7px;
}
.profile-page .profile-shop-block {
  position: relative;
}
.profile-page .profile-shop-box {
  padding-left: 0;
}
.profile-page .profile-shop-box .box-item-block {
  margin-bottom: 0 !important;
}
.profile-page .profile-shop-items {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  overflow-y: auto;
  padding-left: 10px;
}
.profile-page .box-item-block {
  width: 100%;
  padding: 0;
}
.profile-page .box-item-block .box-img {
  max-height: 100px;
}
.player-level-progress {
  --inactive: #9fc7ff;
  --active: #e27909;
  --activeSecond: #ffbc12;
  background: #3c538c;
  color: #fff;
  width: 100px;
  height: 100px;
  font-size: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.checkbox-switch {
  display: inline-block;
  height: 24px;
  position: relative;
  width: 42px;
}
.checkbox-switch input {
  display: none;
}
.checkbox-switch input:checked + .checkbox-switch-slider:before {
  background: linear-gradient(180deg, #93c8f7 0%, #518af1 80.21%);
}
.checkbox-switch input:checked + .checkbox-switch-slider:before {
  transform: translateX(14px);
}
.checkbox-switch .checkbox-switch-slider {
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.4s;
  border: 1px solid #b8cceb;
}
.checkbox-switch .checkbox-switch-slider.round {
  border-radius: 30px;
}
.checkbox-switch .checkbox-switch-slider.round::before {
  border-radius: 50%;
}
.checkbox-switch .checkbox-switch-slider::before {
  background: linear-gradient(180deg, #ff8aa6 0%, #e45678 100%);
  bottom: 2px;
  content: "";
  height: 18px;
  left: 4px;
  position: absolute;
  transition: 0.4s;
  width: 18px;
}
.radio-content input[type="radio"] {
  display: none;
}
.radio-content label {
  position: relative;
  display: inline-block;
  padding: 0 3px 2px 31px;
  cursor: pointer;
}
.radio-content label::before {
  position: absolute;
  content: "";
  top: 50%;
  border-radius: 100%;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.radio-content label::after {
  position: absolute;
  content: "";
  top: 50%;
  border-radius: 100%;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.radio-content label::before,
.radio-content label::after {
  position: absolute;
  content: "";
  top: 50%;
  border-radius: 100%;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.radio-content label::before {
  left: 0;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  border: 1px solid #b8cceb;
}
.radio-content label::after {
  opacity: 0;
  left: 5px;
  width: 14px;
  height: 14px;
  top: 5px;
  background: linear-gradient(180deg, #ff8aa6 0%, #e45678 100%);
  -webkit-transform: scale(2);
  transform: scale(2);
}
.radio-content input[type="radio"]:checked + label::after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
@media (max-width: 480px) {
  .save-setting {
    font-size: 16px !important;
  }
}
.user-hit {
  background: linear-gradient(180deg, #b796ff 0%, #9d7ae3 100%) !important;
  text-shadow: 1px 1px 0px #a585e6;
}
.user-hit:hover:not(:disabled) {
  background: #815ec7 !important;
}
.user-hit:hover:not(:disabled) .icon-append i {
  transform: rotate(90deg);
  transition: transform 0.3s ease;
}
.user-hit:active {
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
  text-shadow: -1px -1px 0px #9d7ae3;
}
.theme-switcher-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.theme-switcher-block.theme-switcher-new .theme-switcher {
  padding-bottom: 3px;
  margin-bottom: -3px;
}
.theme-switcher-block .form-group {
  flex: 1;
  margin: 0;
}
.theme-switcher-block .form-group > div {
  margin: 0;
}
.theme-switcher-block .btn {
  width: 140px;
}
.theme-switcher-block .checkbox {
  padding: 0;
}
.edit-profile i {
  color: var(--tx-text-color-reverse);
}
.garage-stat-container {
  border-top: 1px solid #e6e6e6;
  display: flex;
  justify-content: center;
  margin: -10px -10px 0;
}
.garage-stat-container .garage-stat-wrap {
  width: 550px;
  margin-bottom: 10px;
  padding: 10px;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
  background-color: white;
  border-bottom: 1px solid #e6e6e6;
}
.garage-stat-container .garage-stat-wrap.skills-stat-wrap {
  width: 100%;
}
.garageDisplay .tabsBlock .abilitiesBlock .shaContent .buyButton .not-enough-funds {
  cursor: not-allowed;
}
.garageDisplay .tabsBlock .abilitiesBlock .shaContent .buyButton .not-enough-funds a.disabled,
.garageDisplay .tabsBlock .abilitiesBlock .shaContent .buyButton .not-enough-funds a:hover.disabled,
.garageDisplay .tabsBlock .abilitiesBlock .shaContent .buyButton .not-enough-funds a:focus.disabled {
  pointer-events: none;
  background: #e6e8ec;
  font-family: "Cuprum", sans-serif;
  font-size: 16px;
  color: #7e7e7e;
  text-shadow: none;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 0 15px;
  cursor: default;
}
@media (max-width: 650px) {
  .ubsContent .btn {
    font-size: 12px;
  }
}
@media (max-width: 550px) {
  .ubsContent .btn {
    font-size: 11px;
    padding: 5px;
  }
}
.garage-stat-group {
  padding: 0 20px;
}
@media (max-width: 767px) {
  .garage-stat-group {
    padding: 0 10px;
  }
}
.garage-stat-group i {
  font-size: 17px;
  min-width: 17px;
}
@media (max-width: 767px) {
  .garage-stat-group i {
    font-size: 13px;
    min-width: 12px;
  }
}
.garage-stat-group:not(:first-child) {
  border-left: 1px solid #d9d9d9;
}
.carArea .row-info {
  z-index: 29 !important;
}
.tooltip-inner {
  width: max-content !important;
  max-width: 350px !important;
}
.tooltip {
  position: fixed;
}
.garage-level-badge {
  user-select: none;
  width: 21px;
  height: 21px;
  position: absolute;
  top: -2px;
  right: -2px;
  background-color: #419943;
  color: white;
  border-radius: 50%;
  font-size: 12px;
  font-family: "PT SANS";
}
.btn-plus {
  background: url(../img/city/green_plus.svg);
  width: 19px;
  height: 19px;
}
.btn-plus:hover {
  margin-top: 1px;
}
.btn-plus:active {
  filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5));
}
.bulldozer-image {
  height: 15px;
  width: 24px;
  display: inline-block;
  background-image: url(../img/city/bulldozer_icon.svg);
}
.cars-section .page-header {
  margin-top: 10px;
}
.panel-order .info-block p,
.car-block .info-block p {
  font-size: 13px;
  line-height: 20px;
  margin: 0;
  white-space: nowrap;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.panel-order .price-block,
.car-block .price-block {
  vertical-align: top;
  margin-left: -5px;
  margin-right: -5px;
}
.panel-order .price-block p,
.car-block .price-block p {
  line-height: 22px;
  margin-bottom: 0;
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
}
.panel-order .price-block .old-price,
.car-block .price-block .old-price {
  color: #7b7171;
  font-size: 16px;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
}
.panel-order .price-block .old-price:after,
.car-block .price-block .old-price:after {
  content: " ";
  position: absolute;
  border-bottom: 2px solid rgba(175, 0, 0, 0.5);
  -webkit-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  -o-transform: rotate(15deg);
  transform: rotate(15deg);
  left: -2px;
  right: -2px;
  top: 50%;
}
.panel-order .price-block .price,
.car-block .price-block .price {
  color: #579912;
  position: relative;
  font-weight: normal;
  font-size: 20px;
}
.panel-order .price-block .old-price {
  position: absolute;
  right: -20px;
  top: -20px;
}
.tournament-shop .panel-body .price-block .price {
  font-size: 18px;
}
.tournament-shop .panel-body .price-block .old-price {
  right: -5px;
  top: -26px;
}
.car-block {
  background-color: #e3e4e5;
  position: relative;
  border-radius: 4px;
  box-shadow: 0 1px 1px #d9d9d9;
  background-color: white;
  border: 1px solid #e6e6e6;
  margin-bottom: 5px;
}
.car-block .discount-sticker-icon {
  position: absolute;
  top: 10px;
  right: 10px;
  font-family: PT Sans;
  font-size: 22px;
  color: #fff;
  width: 40px;
  height: 40px;
  line-height: 40px !important;
  align-items: center;
  text-align: center !important;
  background: url(/media/assets/app/src/icons/star1.svg) no-repeat;
  background-size: 100%;
}
.car-block .discount-sticker-icon:before {
  content: "%";
}
.car-block .car-body,
.car-block .car-footer {
  padding: 10px 10px;
}
.car-block .text-payment-info {
  color: #8a8a8a;
  text-align: left;
  margin-bottom: 0;
  font-size: 12px;
}
.car-block .image-block {
  height: 200px;
  position: relative;
}
.car-block .image-block .img-taxi-container {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  padding-bottom: 0;
}
.car-block .image-block .img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: -30px;
}
.car-block .image-block i {
  position: absolute;
  right: -5px;
  top: -5px;
}
.car-block .car-footer {
  border-top: 1px solid #e2e5ea;
}
.car-block .name-block {
  margin-bottom: 5px;
}
.car-block .name-block h2,
.car-block .name-block .h2 {
  font-size: 20px;
  margin-top: 0;
  margin-bottom: 0;
}
.car-block .info-block {
  margin-top: 3.5px;
  margin-bottom: 3.5px;
}
.car-block .info-block p {
  font-size: 14px;
  line-height: 20px;
  margin: 0;
  white-space: nowrap;
}
.panel-order .btn-close {
  top: 20px;
  right: 10px;
}
.panel-order .name-block {
  text-align: center !important;
  text-align: center;
  margin-top: 65px;
  margin-bottom: 5px;
}
.panel-order .name-block h2,
.panel-order .name-block .h2 {
  font-size: 20px;
  margin-top: 0;
  margin-bottom: 0;
}
.panel-order .name-block .h2 {
  font-size: 20px;
}
@media (min-width: 768px) {
  .panel-order .name-block {
    margin-top: 86.66666667px;
    text-align: left !important;
    text-align: left;
  }
}
.panel-order .image-outer-block {
  height: 260px;
  position: relative;
}
.panel-order .image-outer-block .loading-block {
  display: none;
  opacity: 1;
  background: transparent;
  color: black;
}
.panel-order .image-outer-block .image-block {
  position: absolute;
  top: -40px;
  left: -40px;
  right: -40px;
  bottom: -40px;
  height: auto;
}
.panel-order .image-outer-block .image-block img {
  margin: auto;
}
.panel-order .image-outer-block[data-loading="true"] .loading-block {
  display: block;
  opacity: 1;
}
.panel-order .image-outer-block[data-loading="true"] img {
  opacity: 0;
}
.panel-order .icon-block {
  position: absolute;
  top: 0px;
  right: 0px;
}
.panel-order .info-block {
  margin-top: 3.5px;
  margin-bottom: 3.5px;
  text-align: center !important;
  text-align: center;
  margin-top: 8.5px;
  margin-bottom: 5px;
}
.panel-order .info-block p {
  font-size: 14px;
  line-height: 20px;
  margin: 0;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .panel-order .info-block {
    text-align: left !important;
    text-align: left;
  }
}
.panel-order .info-block .income-caption {
  display: block;
}
.panel-order .info-block p {
  white-space: initial;
}
.panel-order .price-block {
  margin-top: 65px;
  margin-bottom: 5px;
  color: black;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .panel-order .price-block {
    margin-top: 86.66666667px;
    text-align: left !important;
    text-align: left;
  }
}
.panel-order .price-block .price {
  margin-left: 5px;
}
.panel-order .buy-block {
  margin-bottom: 5px;
}
.panel-order .help-block,
.panel-order .error-block {
  font-size: 11px;
}
.panel-order .color-select-block h5 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 2.5px;
}
.panel-order .color-select-block .btn-color {
  margin-left: 1.66666667px;
  margin-right: 1.66666667px;
}
.safe-block {
  border: 1px solid #f74877;
  padding: 10px;
  text-align: center;
  position: relative;
  padding-top: 90px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.safe-block i {
  display: block;
  background-image: url("../img/safe-icon-psd.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  width: 100%;
  height: 0;
  padding-bottom: 60%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 0;
}
@media (min-width: 992px) {
  .safe-block i {
    padding-bottom: 60%;
  }
}
.safe-block .level-name {
  position: absolute;
  top: 7px;
  right: 10px;
  text-align: center;
  display: inline-block;
  padding: 5px 10px;
  font-size: 13px;
  line-height: 11px;
  background: #f74877;
  border-radius: 15px;
  color: #fff;
  text-decoration: none;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.safe-block a.level-name {
  cursor: pointer;
}
.safe-block .limit-block {
  margin-bottom: 0;
}
.safe-block:hover {
  border-color: #3584e6;
}
.safe-block.disabled {
  border-color: #ccc !important;
}
.safe-block.disabled i {
  filter: grayscale(100%);
  opacity: 0.2;
  top: 50%;
  transform: translateY(-50%);
}
.safe-block .text-disabled {
  position: absolute;
  left: 10px;
  right: 10px;
  top: 50%;
  color: #000000;
  transform: translateY(-50%);
}
.safe-info-block {
  padding: 20px 0;
}
.safe-info-block p {
  margin-bottom: 3px;
}
.modal-upgrade-safe .modal-body {
  padding: 10px 20px;
}
.modal-upgrade-safe .h4,
.modal-upgrade-safe p {
  color: white;
}
.modal-upgrade-safe .h4 {
  margin-top: 20px;
  margin-bottom: 10px;
}
.modal-upgrade-safe p {
  margin-bottom: 0;
  font-size: 14px;
}
.table-params-wrapper {
  margin: -10px -10px 0 -10px;
  overflow: hidden;
}
.table-params {
  border-bottom: 1px solid #e5e7eb;
  background: #fbfcfd;
  margin-bottom: 10px;
}
.table-params tr td span + .tooltip {
  min-width: 200px;
}
.table-params tr td:last-child {
  text-align: center;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-size: 16px;
  border-left: 1px solid #e5e7eb;
}
.table-params tr td:last-child span {
  cursor: pointer;
}
.whiteBlock .coolTabs ul li.active {
  margin: -2px -5px 0 -2px !important;
}
.whiteBlock .coolTabs ul li a {
  padding: 0 15px 0 15px !important;
}
.whiteBlock .coolTabs ul li.active a {
  padding: 0 17px 0 17px !important;
}
.garageDisplay .tabsBlock .coolTabs ul li i {
  top: auto !important;
  display: inline-block;
  vertical-align: middle;
  color: #afafb9;
  font-size: 16px;
  margin-right: 2px !important;
  margin-left: auto !important;
}
.garageDisplay .tabsBlock .coolTabs ul li.active i {
  color: #e6b40f;
}
.garageDisplay .tabsBlock .coolTabs ul li span {
  display: inline-block;
  vertical-align: middle;
}
.garageDisplay .tabsBlock {
  padding: 0px 10px !important;
}
.garageDisplay .infoBlock {
  padding: 10px 0 !important;
}
.garageDisplay .upgradesBlock {
  margin: 0 -10px !important;
}
.garageDisplay .upgradesBlock .ubSlots {
  margin: 0 !important;
}
.garageDisplay .upgradesBlock .ubTitle {
  margin: 0;
}
.license-section {
  padding-top: 10px;
}
.license-section .description-block {
  position: relative;
  background: #45485b;
  border-radius: 10px;
  padding: 10px 10px 10px 25px;
}
.license-section .fa-info-circle {
  position: absolute;
  left: 5px;
  top: 15px;
}
.modal-garage .modal-body {
  padding: 10px 50px;
}
.modal-garage .modal-body h4 {
  color: white;
  margin-top: 0;
}
.modal-garage .sell-block .img-taxi-block {
  margin-top: 35px;
}
.modal-garage .fuel-block .img-taxi-block {
  margin-top: 5px;
}
.modal-garage .fuel-block,
.modal-garage .sell-block {
  text-align: left;
}
.modal-garage .fuel-block p,
.modal-garage .sell-block p {
  font-size: 13px;
  margin-bottom: 0;
}
.modal-garage .fuel-block .total-block,
.modal-garage .sell-block .total-block {
  margin-top: 10px;
  color: #ffe222;
  font-weight: bold;
}
.modal-garage .fuel-block .img-taxi-block,
.modal-garage .sell-block .img-taxi-block {
  background: rgba(255, 255, 255, 0.9);
  border-radius: 3px;
}
.getOrderOnRest .btn,
.empActions .btn {
  padding: 10px 10px;
  min-width: 115px;
  font-size: 16px;
  line-height: 20px;
}
.garageDisplay .infoBlock .ibRight .table {
  margin-bottom: 0;
}
.garageDisplay .infoBlock .ibNoCompany {
  margin-top: 0px;
  text-align: center;
  padding: 0;
}
@media (min-width: 768px) {
}
.ibCompany {
  text-align: center;
}
.ibCompany .h4 {
  color: #419943;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
}
.ibCompany .company-name-block .title {
  font-size: 16px;
}
@media (min-width: 768px) {
}
.garageDisplay .upgradesBlock .ubSlot .ubsImage img {
  max-height: 90px;
  margin: auto;
}
.ubsInstalled .max-level {
  margin: 15px 0 0;
  font-family: "Cuprum", "sans-serif";
}
.ubsInstalled .ubsEffect {
  height: 60px;
}
@media (min-width: 768px) {
  .ubsInstalled .ubsEffect {
    height: 45px;
  }
}
.carArea .row-info {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1000;
}
.carArea .caLeft {
  padding: 10px 0 5px;
}
.carArea .caiContainer .img-taxi-container {
  height: 250px;
  padding: 0;
  max-width: 400px;
}
.carArea .caiContainer .img-taxi-container .img {
  background-position: center center;
  background-size: contain;
}
.carArea .caImage.old .img-taxi-container {
  height: 250px;
  padding: 0;
  max-width: 500px;
}
.carArea .caImage.old.old-1 .img-taxi-container {
  max-width: 360px;
}
.carArea .caImage.old.old-32 .img-taxi-container,
.carArea .caImage.old.old-13 .img-taxi-container,
.carArea .caImage.old.old-5 .img-taxi-container {
  max-width: 400px;
}
.carArea .caImage.old.old-14,
.carArea .caImage.old.old-15 {
  max-width: 600px;
  top: 20px;
}
.carArea.enlarge-1 .caImage .img-taxi-container {
  height: 300px;
  max-width: 700px;
  margin: -20px auto;
}
.carArea.enlarge-1 .caImage .img-taxi-container .img {
  margin: -20px auto;
}
.carArea.enlarge-2 .caImage .img-taxi-container {
  height: 350px;
  padding: 0;
  max-width: 700px;
  margin: -30px auto;
}
.carArea.enlarge-2 .caImage .img-taxi-container .img {
  margin: -25px auto;
}
.carArea.enlarge-3 .caImage .img-taxi-container {
  height: 370px;
  padding: 0;
  max-width: 535px;
  margin: -20px auto;
}
.carArea.enlarge-3 .caImage .img-taxi-container .img {
  margin: -30px auto;
}
.caLevel {
  vertical-align: middle;
}
.text-status {
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  vertical-align: middle;
  display: inline-block;
}
.text-status span {
  display: inline-block;
  vertical-align: middle;
}
.text-status .icon {
  display: inline-block;
  position: relative;
  width: 14px;
  height: 14px;
  left: 0;
  margin: 0 2px;
  vertical-align: middle;
  top: 0;
  line-height: 14px;
}
.btn-garage {
  background: #f7f7f7;
  width: 42px;
  height: 42px;
  border: #dbdbe0 1px solid;
  box-sizing: border-box;
  box-shadow: inset 0 2px 5px rgba(255, 255, 255, 0.8);
  border-radius: 4px;
  cursor: pointer;
  text-align: center;
  /* float: left; */
  margin-left: 1px;
  position: relative;
  display: inline-block;
  padding: 0;
  vertical-align: top;
  line-height: 40px;
  font-size: 20px;
}
.carButton {
  vertical-align: top;
}
.container-taxi-bonus .taxi-block:first-child {
  border-top: 0;
}
.container-taxi-bonus .taxi-block:last-child {
  border-bottom: 0;
}
.container-taxi-bonus .taxi-block .collapse-down.in {
  max-height: 100%;
}
.container-taxi-bonus .img-taxi-block {
  width: 50px;
  margin: auto;
}
.container-taxi-bonus .img-taxi-block .label-level {
  right: -20px;
}
.container-taxi-bonus .img-taxi-container {
  overflow: visible;
}
.container-taxi-bonus .img-taxi {
  top: -20px;
  right: -20px;
  bottom: -20px;
  left: -20px;
}
.container-sell-bonus .sell-info-block p {
  margin-bottom: 0;
}
.container-sell-bonus .shop-items-container {
  padding-bottom: 0;
  margin-bottom: 15px;
}
.container-sell-bonus .shop-items-container .shop-item-block {
  margin-top: 5px;
  margin-bottom: 0;
}
.container-sell-bonus .shop-items-container .shop-item-block .shop-item-content {
  background: #eee;
  border: 1px solid #eee;
}
.container-sell-bonus .shop-items-container .shop-item-block.active .shop-item-content {
  background: white;
  border-color: #419943;
}
.container-sell-bonus .shop-items-container .shop-item-block.active .shop-item-content input[type="text"] {
  border-color: #419943;
}
.container-sell-bonus .shop-items-container .shop-item-block .amount-block {
  width: 100%;
  position: relative;
  display: block;
}
.container-sell-bonus .shop-items-container .shop-item-block .info-block {
  padding: 5px;
  height: 125px;
}
.container-total-bonus .shop-item-block.small {
  position: relative;
  display: inline-block;
}
.container-total-bonus .shop-item-block.small img {
  width: auto;
  height: 60px;
  display: inline-block;
}
.container-total-bonus .shop-item-block.small .amount {
  font-style: normal;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  font-weight: bold;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.container-total-bonus .shop-item-block.small .amount i {
  font-style: normal;
}
.alert-sell-bonus {
  overflow: hidden;
}
.alert-sell-bonus .icon-girl {
  position: absolute;
  top: -20px;
  left: 30px;
  width: 140px;
}
.alert-sell-bonus .shop-item-block.small {
  position: relative;
  display: inline-block;
}
.alert-sell-bonus .shop-item-block.small img {
  width: auto;
  height: 50px;
  display: inline-block;
}
.garageDisplay .infoBlock .fuel-block .icon,
.garageDisplay .infoBlock .inspection-block .icon {
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: transparent;
  display: block;
  width: auto;
}
.garageDisplay .infoBlock .fuel-block .icon {
  background-image: url(../images/new_design/fuel.png);
  height: 0;
  padding-bottom: 86.11111111%;
}
.garageDisplay .infoBlock .inspection-block .icon {
  background-image: url(../images/new_design/inspection.png);
  height: 0;
  padding-bottom: 86.11111111%;
}
.garageDisplay .carArea .caRight .carButton.cbSubscribe i {
  color: #d3d3d3;
}
@media (max-width: 768px) {
  .garageDisplay .carArea .caRight {
    padding-top: 5px;
  }
}
.garageDisplay .carArea .caRight .carButton {
  color: #d3d3d3;
  width: 42px;
  height: 42px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}
.garageDisplay .carArea .caRight .carButton a {
  text-decoration: none;
  color: currentColor;
}
.garageDisplay .carArea .caRight .carButton a.contractLink {
  text-decoration: underline;
}
.garageDisplay .carArea .caRight .carButton.short {
  color: #3584e6;
}
.garageDisplay .carArea .caRight .carButton.expired {
  color: #f74877;
}
.garageDisplay .carArea .caRight .carButton .carbuttonIcon {
  font-size: 27px;
}
.garageDisplay .carArea .caRight .carButton .carbuttonIcon.bg {
  width: 27px;
  height: 27px;
}
.garageDisplay .carArea .caRight .carButton.active {
  height: 46px;
  padding-bottom: 4px;
}
@media (max-width: 768px) {
  .garageDisplay .carArea .caRight .carButton {
    width: 27px;
    height: 27px;
  }
  .garageDisplay .carArea .caRight .carButton.active {
    height: 30px;
    padding-bottom: 3px;
  }
  .garageDisplay .carArea .caRight .carButton .carbuttonIcon {
    font-size: 18px;
  }
  .garageDisplay .carArea .caRight .carButton .carbuttonIcon.bg {
    width: 18px;
    height: 18px;
  }
  .garageDisplay .carArea .caRight .carButton .carbuttonIcon-colorize {
    background-size: 666px !important;
    background-position: -207px -244px !important;
  }
}
.garageDisplay .carArea .caRight .carButton.cbInspection .inspectionBlock .help {
  background: rgba(89, 94, 124, 0.9);
}
.garageDisplay .carArea .caRight .carButton.cbInspection .inspection-popup .text-success {
  color: #8fef2a;
}
.garageDisplay .carArea .caRight .carButton.cbInspection .inspection-popup .list-unstyled {
  padding-left: 5px;
  text-align: start;
}
.garageDisplay .carArea .caRight .carButton.cbInspection .inspection-popup .service-station-banner {
  background: #4c4f64 !important;
}
.garageDisplay .carArea .caRight .carButton.cbSubscribe.subscribed i {
  color: #f67d01;
}
.garageDisplay .edit-name-icon {
  color: #f74877;
  cursor: pointer;
  font-size: 18px;
}
.garageDisplay .edit-name-icon:hover {
  opacity: 0.9;
}
.garageDisplay .edit-name-icon .edit-name-tooltip {
  width: 100%;
  height: 100%;
  display: block;
}
.dailyBonus.activeDailyBonus i {
  color: #f1bf4a;
}
.dailyBonus .badge {
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
}
.modal-daily-taxi-bonus .modal-body .bonus-bar {
  margin-top: 15px;
  width: 100%;
}
.modal-daily-taxi-bonus .modal-body .bonus-bar .bonuses {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  font-size: 14px;
  justify-content: center;
}
.modal-daily-taxi-bonus .modal-body .bonus-bar .bonuses > div:has(div.disabled) {
  cursor: not-allowed !important;
}
.modal-daily-taxi-bonus .modal-body .bonus-bar .bonuses > div:has(div.used) {
  opacity: 0.4;
}
.modal-daily-taxi-bonus .modal-body .bonus-bar .bonuses > div:has(div.active) {
  opacity: 1;
}
.modal-daily-taxi-bonus .modal-body .bonus-bar .bonuses > div {
  width: 22%;
  padding-bottom: 10px;
  margin-right: 3%;
}
.modal-daily-taxi-bonus .modal-body .bonus-bar .bonuses > div .bonus-block {
  margin-left: auto;
  margin-right: auto;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid #000;
  border-radius: 4px;
  padding-bottom: 55%;
  margin-bottom: 5px;
  position: relative;
}
.modal-daily-taxi-bonus .modal-body .bonus-bar .bonuses > div .bonus-block.disabled {
  pointer-events: none;
}
.modal-daily-taxi-bonus .modal-body .bonus-bar .bonuses > div .bonus-block:hover {
  box-shadow: 0 0 0 5px black;
}
.modal-daily-taxi-bonus .modal-body .bonus-bar .bonuses > div .bonus-block .bonus-icon {
  width: 60%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.modal-daily-taxi-bonus .modal-body .bonus-bar .bonuses > div .bonus-block .bonus-text {
  color: #419943;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 18px;
}
.modal-daily-taxi-bonus .modal-body .bonus-bar .bonuses > div .status {
  font-size: 12px;
  position: absolute;
  left: 0;
  right: 0;
  top: 20px;
  font-weight: bold;
}
.modal-taxi-rename .modal-dialog {
  width: 420px !important;
}
@media (max-width: 767px) {
  .modal-taxi-rename .modal-dialog {
    margin: 50px auto 0;
    height: 230px;
  }
}
.modal-taxi-rename .modal-dialog .modal-content {
  background: var(--drk-background, rgba(255, 255, 255, 0.95));
  color: #333;
}
.modal-taxi-rename .modal-dialog .modal-content .modal-header {
  color: #333;
}
.modal-taxi-rename .modal-dialog .modal-content .modal-header h4 {
  font-size: 18px;
}
.modal-taxi-rename .modal-dialog .modal-content .modal-header .close {
  top: 10px;
  right: 10px;
  color: inherit;
}
.modal-taxi-rename .modal-dialog .modal-content .modal-body {
  background-image: url("../images/new_design/rename-modal-bg.png");
  padding: 30px 70px;
  position: relative;
}
.modal-taxi-rename .modal-dialog .modal-content .modal-body .taxi-icon {
  width: 134px;
  height: 101px;
  position: absolute;
  right: 0;
  top: 0;
}
.modal-taxi-rename .modal-dialog .modal-content .modal-body .input-name {
  width: 270px;
}
.garageDisplay .no-garage-place-icon {
  color: #f74877;
  font-size: 15px;
  position: relative;
  opacity: 0.9;
}
.garageDisplay .no-garage-place-icon:after {
  content: "";
  display: block;
  width: 1.5em;
  height: 1.5em;
  background: url("/media/images/new_design/shop/no-garage-place.png") center center;
  background-size: contain;
}
.garageDisplay .no-garage-place-icon:hover {
  opacity: 1;
}
.employers .empsList .control-room-sign:hover {
  color: #f7457e;
}
.employers-business .empAbilities {
  display: none;
}
.employers .nav li .bulldozer-image {
  background-image: url(../img/city/bulldozer_icon_black.svg);
}
.employers .nav li.active .bulldozer-image {
  -webkit-filter: drop-shadow(0px 1px 0px #000000);
  filter: drop-shadow(0px 1px 0px #000000);
  background-image: url(../img/city/bulldozer_icon_white.svg);
}
.garageDisplay .taxi-ability-items-wrap {
  position: relative;
  z-index: 10;
  overflow: hidden;
  border-radius: 6px;
}
.empsList .taxi-ability-items-wrap {
  overflow: hidden;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.taxi-items-list {
  white-space: nowrap;
  position: relative;
}
.taxi-items-list .taxi-item {
  position: relative;
  width: 46px;
  height: 46px;
  float: left;
  padding: 3px 4px;
  text-align: center;
  box-sizing: border-box;
}
.taxi-items-list .taxi-item .badge {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
.taxi-items-list .taxi-item .abImageContainer img {
  max-height: 40px;
}
.taxi-items-list .taxi-item canvas {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.taxi-items-list .taxi-item.disabled {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.taxi-items-list .taxi-item.setting {
  padding: 3px 7.5px;
  min-height: 46px;
}
.taxi-items-list .list-empty {
  height: 47px;
}
.taxi-items-list .taxi-item {
  height: 46px;
}
.taxi-items-list .taxi-item.ready {
  cursor: pointer;
}
.taxi-items-list .taxi-item.ready:hover {
  filter: grayscale(0);
}
.taxi-items-list .taxi-item.ready.grayscale {
  filter: grayscale(0.75);
}
.taxi-items-list.bg-blue .taxi-item.ready:hover {
  background: radial-gradient(#ffffff, #58a2ed);
}
.taxi-items-list.bg-green .taxi-item.ready:hover {
  background: radial-gradient(#ffffff, #3d8d28);
}
.items-menu-settings {
  margin-top: 5px;
  padding: 0 10px 10px;
}
.items-menu-settings .items-menu-item {
  height: 37px;
}
.items-menu-settings .items-menu-item__iconContainer {
  width: 40px;
  display: inline-block;
  text-align: center;
}
.items-menu-settings .items-menu-item__icon {
  max-width: 30px;
  max-height: 30px;
}
.empAbilities {
  display: flex;
  justify-content: space-between;
  white-space: nowrap;
  flex-wrap: nowrap;
}
.empAbilities .abilities-scroll {
  overflow-x: auto;
  display: flex;
  position: relative;
}
.book-circle-icon {
  border-radius: 50%;
  background-color: white;
  border: 2px solid #3584e6;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.circle-icon {
  border-radius: 50%;
  border: 2px solid;
  background-color: white;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.circle-icon.book {
  border-color: #3584e6;
}
.circle-icon.cart {
  border-color: #419943;
}
.filterButton {
  background: #f7f7f7;
  border: #d6d6d6 1px solid;
  box-sizing: border-box;
  border-radius: 4px;
  cursor: pointer;
  text-align: center;
  margin-left: 3px;
  position: relative;
  display: inline-block;
  padding: 14px 8px;
}
@media (max-width: 766px) {
  .filterButton {
    padding: 9px 8px;
  }
}
.filterButton:hover {
  box-shadow: 0 0 4px white inset, 0 2px 2px #d6d6d6;
}
.filterButton i.full {
  color: #c9c9c9;
}
.filterButton i.notFull {
  color: #f74877;
}
.filterButton.active {
  background: #595e7c;
  box-shadow: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border: 0;
}
.filterButton.active + div.popDown {
  display: block !important;
}
.filterButton.selected {
  padding: 9px;
}
@media (max-width: 766px) {
  .filterButton.selected {
    padding: 4px;
  }
}
.filterButton.selected > i:before {
  font-size: 24px;
}
.employers .popDown {
  background: #595e7c;
  position: absolute;
  right: 0;
  top: 100%;
  color: #fff;
  text-shadow: 1px 1px 0 rgb(0 0 0%);
  z-index: 100;
  padding: 10px;
  cursor: default;
  display: none !important;
  border-radius: 6px 0 6px 6px;
  min-width: 220px;
}
.employers .popDown .filter-button {
  margin-left: auto;
  margin-right: auto;
  box-shadow: none;
}
.nav-links-custom.nav-flex-link div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.nav-links-custom.nav-xs-full > li.filter {
  width: 7%;
  float: right;
}
.nav-links-custom.nav-xs-full > li {
  width: 15%;
  float: left;
}
.popup-container.open .popup-container__trigger {
  background: #595e7c;
}
.popup-container__trigger {
  background: transparent;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  line-height: 0;
}
.popup-container__trigger-left {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.popup-container__content {
  padding: 10px;
  box-shadow: none;
  background: #595e7c;
}
.popup-container__content-fuel {
  width: 400px;
}
.popup-container__content-fuel .fuelBlock {
  padding: 10px 0px;
}
.popup-container__content-fuel .xyiiButton .blueButton {
  height: 40px;
  line-height: 40px;
}
.popup-container__content-fuel .xyiContainer {
  margin: 0 auto;
}
.popup-container__content-fuel .xyiImage {
  background: url(../images/new_design/sprites.png) -260px -300px no-repeat;
  width: 52px;
  height: 62px;
  display: inline-block;
  float: left;
  margin-top: 4px;
}
.popup-container__content-fuel .xyiInfo {
  margin-left: 60px;
}
.popup-container__content-fuel .xyiiValue {
  margin-bottom: 1px;
  font-family: "PT Sans", sans-serif;
  color: #ffffff;
  font-size: 18px;
}
.popup-container__content-fuel .xyiiAuto:after {
  content: " ";
  clear: both;
  display: block;
  height: 0;
}
.popup-container__content-fuel .xyiiAuto .schbWrapper {
  float: left;
  margin-right: 10px;
}
.popup-container__content-fuel .xyiiPrice {
  font-family: "Cuprum", sans-serif;
  /*text-transform: uppercase;*/
  text-transform: none;
  color: #ffffff;
  font-size: 13px;
}
.popup-container__content-fuel .xyiiPrice span {
  color: #f7457e;
}
.popup-container__content-fuel .btn-primary {
  box-shadow: none;
}
.popup-container__content-left {
  border-top-right-radius: 0px;
  left: unset;
  right: 100%;
  top: 0px;
  bottom: unset;
}
.popup-container-fuel {
  position: absolute;
  top: 140px;
  right: 5px;
}
.radial-progress-v3 {
  width: 80px;
  height: 80px;
  position: relative;
}
@media (max-width: 768px) {
  .radial-progress-v3 {
    width: 40px;
    height: 40px;
  }
}
.radial-progress-v3__image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-origin: border-box;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.radial-progress-v3__image-gasoline {
  background-image: url("../images/new_design/gasoline.svg");
  background-position: 47% center;
  background-size: 43%;
}
.radial-progress-v3:hover .radial-progress-v3__background {
  fill: #44a346;
}
.radial-progress-v3__background {
  mix-blend-mode: overlay;
  transition: all 250ms;
  fill: #858e99;
}
.garageDisplay .taxi-list-wrap {
  position: absolute;
  top: 50px;
  left: 0px;
  z-index: 1055;
  opacity: 0.95;
}
.garageDisplay .taxi-list-wrap .panel {
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
}
.garageDisplay .taxi-list-wrap .taxi-list-table {
  background: linear-gradient(180deg, #f6faff 0%, #e5e9ed 100%);
}
.garageDisplay .taxi-list-wrap .taxi-list-table tbody tr:only-child td:only-child {
  width: 50%;
}
.garageDisplay .taxi-list-wrap .taxi-list-table .taxi-block {
  background: linear-gradient(180deg, #f6faff 0%, #e5e9ed 100%);
}
.garageDisplay .taxi-list-wrap .taxi-list-table .taxi-block a.selectTaxi {
  display: block;
  line-height: inherit;
  text-decoration: none;
}
.garageDisplay .taxi-list-wrap .taxi-list-table .taxi-block:hover {
  background: linear-gradient(360deg, #3584e6 0%, #509af6 45.48%, #84bfff 100%);
}
.garageDisplay .taxi-list-wrap .taxi-list-table .taxi-block.selected {
  background: #3584e6;
}
.btn-abilities-toggle {
  border-radius: 50%;
  min-width: auto !important;
  display: flex;
  width: 34px;
  height: 34px;
  justify-content: center;
  align-items: center;
}
.btn-show-details {
  border-radius: 50%;
  min-width: auto !important;
  width: 34px;
  height: 34px;
  justify-content: center;
  align-items: center;
}
.districtSelect > * {
  width: 100%;
  min-width: 100px !important;
}
.districtSelect .dropdown-menu {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 5px;
  position: absolute;
  max-height: 300px;
  overflow-y: scroll;
  background-image: -webkit-linear-gradient(top, #616883 0%, #5a627e 100%);
  background-image: -o-linear-gradient(top, #616883 0%, #5a627e 100%);
  background-image: linear-gradient(to bottom, #616883 0%, #5a627e 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff616883', endColorstr='#ff5a627e', GradientType=0);
}
.points-footer {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 15px;
  margin-bottom: 10px;
}
.points-footer .points-footer-item .btn-submit {
  min-width: 250px;
  margin-bottom: 5px;
}
@media (max-width: 480px) {
  .points-footer .points-footer-item .btn-submit {
    min-width: 150px;
  }
}
.points-footer .points-footer-item .btn-cancel {
  min-width: 150px;
}
@media (max-width: 480px) {
  .points-footer .points-footer-item .btn-cancel {
    min-width: 120px;
  }
}
.garageDisplay .upgradesBlock {
  margin: 0 !important;
  padding-bottom: 10px;
}
.garageDisplay .upgradesBlock .ubTitle {
  line-height: 1 !important;
  padding-bottom: 10px;
  margin: 15px 0 5px;
}
.garageDisplay .upgradesBlock .ubSlots {
  border: none !important;
}
.garageDisplay .upgradesBlock .ubSlots > .row {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}
.garageDisplay .upgradesBlock .ubSlots ~ .ubTitle {
  margin-top: 17px;
}
.garageDisplay .upgradesBlock .ubSlots .ubSlot {
  border: 1px solid #e6e8ec;
  margin: 0;
  width: 100%;
  height: 250px;
  padding: 10px 0 0;
}
.garageDisplay .upgradesBlock .ubSlots .ubSlot:not(:last-child) {
  border-right: none;
}
.garageDisplay .upgradesBlock .ubSlots .ubSlot .ubsLevelNeed:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  font-family: "Font Awesome 5 Pro";
  content: "\f30d";
  font-size: 60px;
  background: none;
}
.garageDisplay .upgradesBlock .ubSlots .ubSlot .ubsLevelNeed:before.fa-pull-left {
  margin-right: 0.3em;
}
.garageDisplay .upgradesBlock .ubSlots .ubSlot .ubsLevelNeed:before.fa-pull-right {
  margin-left: 0.3em;
}
.garageDisplay .upgradesBlock .ubSlots .ubSlot .ubsAvailable i {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  font-family: "Font Awesome 5 Pro";
  color: #f2c144;
  background: none;
  padding-top: 40px;
}
.garageDisplay .upgradesBlock .ubSlots .ubSlot .ubsAvailable i.fa-pull-left {
  margin-right: 0.3em;
}
.garageDisplay .upgradesBlock .ubSlots .ubSlot .ubsAvailable i.fa-pull-right {
  margin-left: 0.3em;
}
.garageDisplay .upgradesBlock .ubSlots .ubSlot .ubsAvailable i:before {
  content: "\f055";
  font-size: 63px;
}
.garageDisplay .upgradesBlock .ubuPart {
  border-right: 0;
}
.garageDisplay .upgradesBlock .upgradePopup {
  border: none !important;
  box-shadow: none !important;
}
.garageDisplay .upgradesBlock .upgradePopup .upgradeContainer {
  box-shadow: 0 0px 3px #ccc;
}
.btn-level-up.fa-level-up:hover {
  filter: drop-shadow(1px 0px 1px #419943);
}
@media (min-width: 993px) {
  .btn-renew-license + .tooltip {
    display: none !important;
  }
}
.taxi-small-bonuses {
  display: flex;
  gap: 10px;
}
.taxi-small-bonuses .circular-progress-svg:hover {
  cursor: pointer;
}
.taxi-small-bonuses .add-btn {
  display: none;
}
.taxi-small-bonuses .bonus-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  padding: 5px;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
}
.taxi-small-bonuses .bonus-icon img {
  width: 15px;
  height: 15px;
  border-radius: 100%;
  box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
}
.taxi-small-bonuses .bonus-data,
.taxi-small-bonuses .cooldown-timer {
  display: none;
}
.monthly-income-block {
  border-right: 1px solid #c9c9c9;
}
.employerOrder .oSpecial.tariff-1 {
  margin-bottom: 10px !important;
}
.taxi-ability-items-wrap .taxi-items-scroll {
  flex-wrap: wrap;
}
.taxi-items-scroll {
  display: flex;
  gap: 5px;
  padding-bottom: 5px;
}
.taxi-item-check {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  font-size: 10px;
  background: #fff;
  box-shadow: 0px 1px 5px 0px #00000033;
  color: #3c538c;
}
.taxi-item-checkbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: end;
  justify-content: end;
  z-index: 1;
}
.taxi-item-checkbox input:not(:checked) + .taxi-item-check:before {
  display: none;
}
.table-cars .image-block {
  height: 60px;
}
.table-cars .image-column {
  max-width: 120px;
  min-width: 120px;
  width: 120px;
}
.table-cars .info-block {
  text-transform: uppercase;
}
.table-cars .info-block p {
  margin-bottom: 0;
}
.table-cars .info-block .title {
  color: #f74877;
  margin: 0;
  line-height: 1;
  font-weight: normal;
}
.garage-car-row + .garage-car-row {
  border-top: 1px solid #e5e7eb;
}
.bulldozer-icon {
  width: 24px;
  height: 15px;
  display: inline-block;
  background-image: url('../img/city/bulldozer_icon.svg');
  background-repeat: no-repeat;
}
.garage-car-block {
  padding: 10px 5px;
  height: 80px;
  position: relative;
  float: left;
  width: 50%;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
}
.garage-car-block:nth-child(2n+1) {
  position: relative;
}
.garage-car-block:nth-child(2n+1):before {
  background: url(../img/sprites.png) -201px -200px;
  width: 2px;
  height: 60px;
  display: inline-block;
  content: " ";
  right: 0;
  top: 50%;
  margin-top: -30px;
  position: absolute;
}
.garage-car-block .image-block {
  height: 60px;
  padding-left: 5px;
  padding-right: 5px;
}
.garage-car-block .info-block {
  margin-top: 14px;
  margin-bottom: 14px;
}
.garage-car-block .info-block p {
  margin-bottom: 0;
  font-size: 14px;
}
.garage-car-block .info-block .title {
  color: #f74877;
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  margin: 0;
  font-weight: normal;
}
.table-achievements .image-block,
.table-points .image-block {
  width: 60px;
  height: 60px;
  background: #cdd0da;
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
  padding: 0;
  margin: auto;
  display: block;
}
.table-achievements .info-block p,
.table-points .info-block p {
  margin-bottom: 0;
  color: #646464;
}
.table-achievements .info-block .title,
.table-points .info-block .title {
  margin: 0;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
}
.table-achievements .circle-points,
.table-points .circle-points {
  background: #f6f8fa;
  border: 1px solid #f6f8fa;
  line-height: 50px;
  width: 50px;
  height: 50px;
  color: #f74877;
  font-weight: bold;
}
.table-user-info .name-column,
.table-security .name-column {
  max-width: 50%;
  min-width: 50%;
  width: 50%;
}
.table-employers .info-column {
  max-width: 250px;
  min-width: 250px;
  width: 250px;
}
.table-company .info-column {
  max-width: 130px;
  min-width: 130px;
  width: 130px;
}
.table-company .image-column,
.table-employers .image-column {
  max-width: 60px;
  min-width: 60px;
  width: 60px;
}
.table-company .image-block,
.table-employers .image-block {
  height: 80px;
}
.table-company .info-block p,
.table-employers .info-block p {
  margin-bottom: 0;
}
.table-company .info-block .title,
.table-employers .info-block .title {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.table-company .league-column,
.table-employers .league-column {
  max-width: 120px;
  min-width: 120px;
  width: 120px;
}
.table-company .league-column .image-block,
.table-employers .league-column .image-block {
  height: 40px;
}
.panel-office-shares .panel-body {
  position: relative;
}
.panel-office-shares .panel-footer p {
  line-height: 1.6;
}
.panel-office-shares .dropdown {
  position: absolute;
  left: 15px;
  top: 15px;
  width: 60px;
}
.panel-office-shares .dropdown .dropdown-menu {
  min-width: 54px;
  background-color: rgba(73, 78, 111, 0.9);
  border: none;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.panel-office-shares label {
  color: white;
  display: block;
  text-align: left;
}
.panel-office-shares label input {
  display: none;
}
.panel-office-shares label span:before,
.panel-office-shares label span:after {
  content: "";
  display: none;
}
.panel-office-shares label:hover {
  background: #4c4f6b;
  color: white;
}
.panel-office-shares label input:checked + span {
  color: #ccc;
}
hr.office-hr {
  background: #E6E6E6;
}
.office-skill-block {
  float: left;
  width: 50%;
  margin: 15px 0;
}
.office-skill-row + .office-skill-row {
  border-top: 1px solid #e5e7eb;
}
.chart-finance {
  width: 100%;
  height: 0;
  padding-bottom: 80%;
  position: relative;
}
.chart-finance .chart-container {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.chart-finance .label-empty {
  text-align: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
}
.stat-container .chart-finance {
  height: 200px;
  padding-bottom: 0;
}
.embed-responsive-chart {
  width: 100%;
  height: 0;
  position: relative;
}
.embed-responsive-chart.embed-responsive-2by1 {
  padding-bottom: 50%;
}
.embed-responsive-chart .chart-container {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.financeMenu {
  margin: -10px -10px 10px -10px;
}
.financeMenu li.active.has-children {
  padding-bottom: 25px;
}
.accounts-container {
  position: relative;
  margin-bottom: 10px;
}
.deposit-pack {
  position: relative;
  color: #737272;
  height: 96px;
}
.deposit-pack-item {
  font-family: "PT Sans", sans-serif;
  font-size: 14px;
  color: #737272;
  background: linear-gradient(180deg, #FFFFFF 0%, #F0F1F6 100%);
  border: 2px solid #E5E5E5;
  box-sizing: border-box;
  border-radius: 5px;
  height: 100%;
}
.deposit-pack-item:hover {
  border-color: #419943;
  color: #419943;
}
.deposit-pack-item.active {
  border-color: #419943;
  color: #419943;
}
.deposit-pack-item .deposit-pack-img {
  width: 40px;
  height: 40px;
}
@media (max-width: 765px) {
  .deposit-pack-item {
    font-size: 11px;
  }
  .deposit-pack-item .deposit-pack-img {
    width: 35px;
    height: 35px;
  }
}
@media (max-width: 635px) {
  .deposit-pack-item {
    font-size: 9px;
  }
}
.account-toggle {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.account-block + .account-block {
  border-top: 1px solid white;
}
.account-block .name-block {
  margin: 0;
  line-height: 20px;
}
.account-block .name-block strong {
  font-size: 16px;
  color: #f74877;
  font-weight: normal;
}
.account-block-inner {
  padding: 10px 10px;
  margin-left: -5px;
  margin-right: -5px;
}
.account-collapse {
  overflow: hidden !important;
}
.account-collapse.collapsing,
.account-collapse.collapse {
  padding-top: 0;
  padding-bottom: 0;
}
.panel-deposit .info-block {
  padding: 0;
}
.panel-deposit .info-block .name {
  font-weight: bold;
  font-size: 16px;
}
.panel-deposit .info-block .help {
  font-size: 11px;
  margin-bottom: 5px;
}
.panel-deposit .summary-block {
  position: relative;
}
.panel-deposit .summary-block .commission {
  white-space: nowrap;
}
.panel-deposit .summary-block .control-block {
  margin-bottom: 0;
}
.panel-deposit .summary-block .tokens-left {
  margin: 10px 0;
  text-align: center;
  color: #f74877;
}
.panel-deposit .icon-block {
  position: relative;
  height: 0;
  width: 100%;
  padding-bottom: 100%;
}
.panel-deposit .icon-block i {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: auto;
  height: auto;
}
.panel-deposit .sum-error-block {
  color: #f74877;
  margin-top: 5px;
}
.panel-deposit .sum-error-block .sum {
  white-space: nowrap;
}
.bonus-block h3 {
  font-size: 20px;
  margin-top: 5px;
}
.bonus-block h4 {
  font-size: 16px;
  font-weight: bold;
  margin: 0;
}
.bonus-block .payment-bonus-list {
  margin: 10px 0;
  padding: 5px 10px;
  background-color: white;
  border: 1px solid #e6e6e6;
  display: block;
  border-radius: 4px;
  box-shadow: 0 1px 1px #d9d9d9;
}
.bonus-block .bonus-car {
  margin: -10px 0;
  text-align: center;
}
.bonus-block .bonus-car img {
  margin-right: 20px;
  max-height: 100px;
}
.bonus-block .bonus-car strong {
  margin-top: 10px;
  display: inline-block;
}
.bonus-block .bonus {
  padding: 7px 0;
}
.bonus-block .bonus .price {
  font-weight: bold;
  color: #419943;
}
.bonus-exchange-block {
  margin-bottom: 5px;
}
.form-exchange {
  margin-top: 10px;
}
.form-exchange .form-group .help-block,
.form-exchange .form-group .error-block {
  margin-bottom: 0;
}
.form-exchange .info-block {
  margin-top: 10px;
}
.qiwi-section .img-block {
  height: 200px;
}
.alert-deposit-bonus .img-alert {
  position: relative;
  left: 0;
  top: 50%;
  width: 100px;
  font-size: 36px;
  height: 100px;
  line-height: 100px;
  border-radius: 50%;
  background: #419943;
  color: white;
  font-style: normal;
  text-align: center;
  display: inline-block;
}
.alert-deposit-bonus h4 {
  margin-top: 15px;
}
.provider-bonus {
  position: absolute;
  z-index: 2;
  top: -8px;
  left: 25%;
  color: #125f9a;
}
.provider-currency {
  position: absolute;
  z-index: 2;
  border-radius: 0px 5px;
  left: -2px;
  bottom: -2px;
  background-color: #8c8c8c;
  color: white;
  text-transform: none;
  font-family: Cuprum, sans-serif;
  font-size: 14px;
  padding: 0 5px;
}
.provider-min-amount {
  position: absolute;
  z-index: 2;
  border-radius: 5px 0px;
  right: 2px;
  bottom: -2px;
  color: white;
  background-color: #f74877;
  text-transform: none;
  font-family: Cuprum, sans-serif;
  font-size: 14px;
  padding: 0 5px;
}
.main-bonus-bg {
  float: left;
  width: 654px;
  height: 130px;
  display: inline-block;
  margin-top: 15px;
  padding: 20px 20px;
  color: #fff;
  font-size: 18px;
  line-height: 23px;
  font-family: PT Sans;
}
.main-bonus-bg .main-bonus-title {
  font-size: 18px;
}
.main-bonus-bg .main-bonus-line {
  font-style: normal;
  font-size: 20px;
  line-height: 20px;
}
.main-bonus-bg .dyn-left-container {
  float: left;
}
.bg1 {
  background: url("/media/assets/app/src/images/new_design/add_bonus_bg1.png") no-repeat;
  overflow: visible;
}
.bg1 .dyn-right-container {
  float: right;
}
.bg1 .car-image {
  width: 240px;
  float: right;
  transform: scale(-1, 1);
  left: 456px;
  position: absolute;
  margin: -21px 0px 0px -18px;
}
.bg2 {
  background: url("/media/assets/app/src/images/new_design/add_bonus_bg2.png") no-repeat;
  color: #333;
  overflow: hidden;
}
.bg2 .dyn-right-container {
  left: 444px;
  position: absolute;
  width: 215px;
  height: 140px;
  overflow: hidden;
}
.bg2 .car-image {
  transform: translate(1, 1);
  width: 276px;
  margin: -39px 0px 0px -10px;
}
.add-bonus-list {
  float: left;
  width: 316px;
  min-height: 112px;
  background: #FFFFFF;
  border: 1px solid #E6E6E6;
  box-sizing: border-box;
  border-radius: 0px 0px 5px 5px;
  padding-top: 10px;
  padding-left: 18px;
}
.add-bonus-line {
  float: left;
  line-height: 14px;
  font-style: normal;
  font-size: 14px;
}
.add-bold-line {
  float: left;
  font-weight: bold;
  margin-right: 6px;
}
.add-bonus-button {
  background: linear-gradient(180deg, #FFFFFF 0%, #F0F1F6 100%);
  border: 2px solid #E5E5E5;
  box-sizing: border-box;
  border-radius: 5px;
}
.add-bonus-increase-block {
  display: inline-block;
  vertical-align: middle;
  border: 0px;
  text-align: center;
  margin: auto;
  width: 50%;
  height: 112px;
}
.add-bonus-increase-block .message {
  padding-top: 20px;
  height: 18px;
  font-family: PT Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  color: #3D8EE9;
}
.add-bonus-increase-block .add-bonus-button {
  width: 130px;
  /*height: 40px;*/
  background: linear-gradient(180deg, #FFFFFF 0%, #F0F1F6 100%);
  border: 2px solid #E5E5E5;
  box-sizing: border-box;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 30px 100px;
}
.add-bonus-increase-block .add-bonus-text {
  font-family: Cuprum;
  font-size: 14px;
  line-height: 16px;
  color: #333333;
}
.add-table-prices-container {
  background: #FFFFFF;
  border: 1px solid #E5E5E5;
  box-sizing: border-box;
  border-radius: 4px;
  font-family: PT Sans;
  margin-top: 20px;
}
.add-table-prices-container thead th {
  background-color: #F6F8FA;
  height: 40px;
  border-bottom: 1px solid #E5E5E5;
}
.add-table-prices-container thead th:nth-child(1) {
  border-right: 1px solid #E5E5E5;
}
.add-table-prices-container tbody td {
  border-bottom: 1px solid #E5E5E5;
}
.add-table-prices-container tbody td:nth-child(1) {
  border-right: 1px solid #E5E5E5;
}
.add-table-prices-container tbody tr:hover td {
  background-color: #F5FFF5;
  cursor: pointer;
}
.add-table-prices-container .first-row {
  background: #F6F8FA;
  border: 1px solid #E5E5E5;
  box-sizing: border-box;
  border-radius: 4px 4px 0px 0px;
}
.add-table-prices-container .first-row .th-right {
  border-right: 1px solid #E5E5E5;
  text-align: center;
}
.add-table-prices-container .first-row .th-left {
  text-align: center;
  color: #333333;
}
.add-table-prices-container .first-row .th-content {
  font-size: 15px;
  line-height: 19px;
  font-style: normal;
  padding-top: 10px;
}
.add-table-prices-container .td-row {
  background: #FFF;
  border: 1px solid #E5E5E5;
  border-top: 0px;
  font-size: 14px;
}
.add-table-prices-container .bold {
  font-weight: bold;
}
.add-table-prices-container .green {
  color: #419943;
}
.add-table-prices-container .blue {
  color: #2872CC;
}
.add-table-prices-container .last-line {
  border-radius: 0 0 4px 4px;
}
.wallet-section .whiteBlock {
  padding: 15px;
}
.wallet-section .amount {
  font-family: "Cuprum", sans-serif;
  font-size: 18px;
  min-width: 95px;
  display: inline-block;
}
.wallet-section .icon-history-blue {
  background: url(/media/assets/app/src/icons/menu/history_hover.svg) no-repeat;
  width: 17px;
  height: 22px;
  top: 5px;
  display: inline-block;
  vertical-align: middle;
}
.wallet-section .whiteBlock .btn {
  font-family: Cuprum, sans-serif;
  font-size: 14px;
}
.offer-block .offer {
  position: relative;
  width: 100%;
}
.offer-block .pink-bg {
  background-color: #f74877;
}
.offer-block .offer-text {
  font-size: 15px;
}
.offer-block .offer-taxi {
  width: 141%;
  height: 170%;
  background-size: contain !important;
  background: url('/media/garage/cars/vw_polo/front/yellow.png') no-repeat center center;
  background-size: auto;
  position: relative;
  bottom: 20%;
  left: -26%;
}
.offer-block .offer-taxi-icon {
  z-index: 2;
  object-fit: cover;
  position: absolute;
  bottom: -10px;
  right: -10px;
  width: 254px;
  height: 100%;
}
.offer-block .offer-road-bg {
  min-height: 120px;
  background: url('/media/assets/app/src/img/finance/deposit-taxi-bg.jpg') no-repeat right;
  background-size: cover;
}
.offer-block .offer-road-bg .offer-text {
  color: white;
}
.offer-block .offer-road-bg .offer-taxi-icon {
  transform: scale(-1, 1) !important;
}
.offer-block .offer-gray-bg {
  background: url('/media/assets/app/src/img/finance/gray-bg.jpg') left top;
  background-size: cover;
  min-height: 120px;
}
.offer-block .offer-gray-bg .offer-text {
  color: black;
}
.offer-block .offer-gray-bg .crop {
  position: relative;
  width: 100%;
  height: 140px;
  overflow: hidden;
}
.offer-block .offer-gray-bg .offer-taxi-icon {
  position: absolute;
  left: 57%;
  top: 54%;
  height: 100%;
  width: 139%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.offer-block .offer-bg {
  background: url('/media/assets/app/src/img/finance/bg2.png');
  background-position: left top;
  opacity: 0.05;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.offer-block .offer-bottom {
  width: 100%;
}
.offer-block .offer-bottom .offer-bottom-left {
  width: 50%;
  background: #FFFFFF;
  border: 1px solid #E6E6E6;
  box-sizing: border-box;
  border-radius: 0px 0px 5px 5px;
}
.offer-block .offer-bottom .offer-bottom-right {
  width: 50%;
}
.offer-block .offer-bottom .offer-bottom .text-blue {
  color: #3D8EE9;
}
.offer-block .pay-info-text {
  z-index: 5;
}
.icon-promo {
  background: url(/media/assets/app/src/img/finance/icon-promo.svg) no-repeat;
  width: 28px;
  height: 28px;
  display: inline-block;
  vertical-align: middle;
}
.payment-sharing {
  margin: -10px -10px -10px;
  border: 0;
  background: linear-gradient(180deg, #624BD4 0%, #F74877 100%);
  color: #FFFFFF;
}
.payment-sharing .wp-title {
  margin: 0;
  padding: 5px 15px;
  color: #888888;
  background: #FFFFFF;
  font-weight: bold;
  font-size: 100%;
  text-transform: uppercase;
}
.payment-sharing .panel-body {
  padding: 0;
}
.payment-sharing .card-block {
  position: relative;
  background: linear-gradient(106.97deg, #624BD4 55.5%, #F74877 100%);
  box-shadow: 4px 8px 16px rgba(0, 0, 0, 0.25);
  border-radius: 20px;
  height: 260px;
  color: #FFFFFF;
}
.payment-sharing .card-block .wp-logo {
  position: absolute;
  display: inline-block;
  width: 196px;
  height: 90px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url('../img/finance/wp-logo.png') center center no-repeat;
}
.payment-sharing .card-block .wp-date {
  position: absolute;
  display: inline-block;
  left: 2vw;
  top: 2vw;
  text-align: left;
}
.payment-sharing .card-block .wp-date .val {
  font-weight: bold;
  font-size: 140%;
}
.payment-sharing .card-block .wp-amount {
  position: absolute;
  display: inline-block;
  right: 2vw;
  top: 2vw;
  text-align: right;
}
.payment-sharing .card-block .wp-amount .val {
  font-weight: bold;
  font-size: 240%;
}
.payment-sharing .card-block .wp-amount .val i {
  font-size: 90%;
}
.payment-sharing .card-block .wp-user {
  position: absolute;
  display: inline-block;
  left: 2vw;
  bottom: 2vw;
  text-align: left;
}
.payment-sharing .card-block .wp-user .val {
  font-weight: bold;
  text-transform: uppercase;
}
.payment-sharing .card-block .wp-user .img-user-avatar-container {
  display: block;
  width: 50px;
  max-width: 50px;
  margin: 0 0 0.8vw 1vw;
}
.payment-sharing .card-block .wp-psystem {
  position: absolute;
  display: inline-block;
  right: 2vw;
  bottom: 2vw;
  text-align: right;
}
.payment-sharing .card-block .wp-psystem .wp-ps-visa {
  height: 3vw;
}
.payment-sharing .register-block {
  position: relative;
  height: 240px;
  background: url('../img/finance/wp-reg.png') center bottom no-repeat;
  background-size: contain;
}
.payment-sharing .register-block .reg-btn {
  display: inline-block;
  margin-top: 160px;
  margin-left: 64%;
  min-width: 30%;
}
.tooltip-socials-share {
  margin: 5px;
}
.tooltip-socials-share .jssocials-share-logo {
  padding: 0.3em;
  border-radius: 50%;
  color: #333333;
  background: #FFFFFF;
  display: inline-block;
  text-align: center;
  min-width: 1.6em;
}
.ips-bill {
  position: relative;
}
.ips-bill .bill-table {
  background: transparent;
  border-collapse: collapse;
}
.ips-bill .bill-table td {
  border: 1px solid #E5E5E5;
}
.ips-bill .bill-table .bill-label {
  background: transparent;
  font-weight: bold;
  padding: 10px 15px;
  text-align: left;
  width: 50%;
}
.ips-bill .bill-table .bill-value {
  background: #FFFFFF;
  padding: 10px 15px;
  text-align: right;
}
.ips-bill .stamp {
  position: absolute;
  display: inline-block;
  left: 26%;
  top: 2.8em;
  width: 6.5em;
  height: 6.5em;
  text-align: center;
  border-radius: 50%;
  border: 0.45em solid #DDD;
  box-sizing: border-box;
  filter: drop-shadow(0px 1px 0px #263243);
  padding: 1.4em 0.2em;
  font-family: Cuprum, sans-serif;
  font-weight: bold;
  font-size: 24px;
  line-height: 120%;
  text-transform: uppercase;
  text-shadow: 0px 1px 0px #263243;
  transform: rotate(-30deg);
}
.ips-bill .stamp.stamp-success {
  border-color: #579912;
  color: #579912;
}
.withdraw-discount-image {
  background-image: url("../img/finance/withdraw_discount.png");
  width: 100%;
  height: 149px;
}
@media (max-width: 767px) {
  .withdraw-discount-image {
    height: 116px;
  }
}
.withdraw-discount-image .discount-center-text-1 {
  font-family: PT Sans, sans-serif;
  font-weight: bold;
  font-size: 57px;
  line-height: 50%;
  text-align: center;
  letter-spacing: 0.04em;
  color: #ffb960;
  background: linear-gradient(94.81deg, #FBBC23 1.95%, #FFF2D2 18.89%, #FDD779 27.03%, #E8B53F 37.4%, #E8B53F 57.49%, #FFF2D2 68.28%, #FDD678 77.57%, #BB8210 91.51%);
  filter: drop-shadow(1.14316px 3.42948px 0 #191919);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.withdraw-discount-image .discount-center-text-2 {
  font-size: 32px;
  line-height: 100%;
}
.withdraw-discount-image .withdraw-buy-premium-text {
  font-family: PT Sans, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 120%;
  color: #FFFFFF;
}
@media (max-width: 480px) {
  .withdraw-discount-image .withdraw-buy-premium-text {
    font-size: 13px;
  }
}
.withdraw-result .withdraw-premium-required {
  background: #E6E7E9;
  border: 1px solid #E6E6E6;
  box-sizing: border-box;
  border-radius: 4px;
}
.withdraw-result .withdraw-discount-info-block {
  font-family: "PT Sans", sans-serif;
  border: 2px solid #CCCCCC;
  box-sizing: border-box;
  border-radius: 4px;
}
.withdraw-result .withdraw-discount-info-block.active {
  border: 5px solid #ffc90c;
}
.withdraw-result .withdraw-discount-info-block.premium-sub-block {
  background-image: url("../img/finance/crown.png");
  background-repeat: no-repeat;
  background-position: right 30px top 50%;
}
.withdraw-result .withdraw-discount-info-block.sum-block {
  background-image: url("../img/finance/rubble.png");
  background-repeat: no-repeat;
  background-position: right 30px top 50%;
}
.withdraw-result .withdraw-discount-info-block .withdraw-result-text-sum {
  font-size: 18px;
}
.account-icon-image {
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  vertical-align: middle;
  min-width: 1.2em;
  height: 1.2em;
}
.account-icon-image:before {
  display: none;
}
.txm-account-icon {
  display: inline-block;
  min-width: 1em;
  height: 1em;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-style: normal;
}
.txm-account-icon.money:before,
.txm-account-icon.deposit:before,
.txm-account-icon.withdraw:before,
.txm-account-icon.passenger:before,
.txm-account-icon.ips:before,
.txm-account-icon.eps:before {
  content: "\f53a";
}
.txm-account-icon.energy:before {
  content: "\f0e7";
}
.txm-account-icon.gem:before {
  content: "\f3a5";
}
.txm-account-icon.ore:before {
  content: "\f6d2";
  font-weight: 900;
}
.txm-account-icon.tournament {
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  vertical-align: middle;
  min-width: 1.2em;
  height: 1.2em;
  background: url('/media/images/icons/tournament_points.png');
  margin-top: -0.25em;
}
.txm-account-icon.tournament:before {
  display: none;
}
.txm-account-icon.roulette {
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  vertical-align: middle;
  min-width: 1.2em;
  height: 1.2em;
  background: url('/media/images/roulette/coin.png');
  margin-top: -0.25em;
}
.txm-account-icon.roulette:before {
  display: none;
}
.txm-account-icon.roulette2 {
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  vertical-align: middle;
  min-width: 1.2em;
  height: 1.2em;
  background: url('../img/finance/account/roulette.png');
}
.txm-account-icon.roulette2:before {
  display: none;
}
.txm-account-icon.taximanite {
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  vertical-align: middle;
  min-width: 1.2em;
  height: 1.2em;
  background: url('../img/finance/account/taximanite.png');
  margin-top: -0.25em;
}
.txm-account-icon.taximanite:before {
  display: none;
}
.txm-scale {
  transform: scale(1.7);
  margin-top: -0.2em;
}
.crypto-payment {
  position: relative;
  display: flex;
  align-items: center;
  height: 149px;
  padding: 25px 35px;
  border-radius: 10px;
  margin-bottom: 30px;
  background: #451B66 url('../img/finance/crypto/background.png') no-repeat right;
  background-size: cover;
  overflow: hidden;
}
@media (max-width: 992px) {
  .crypto-payment {
    height: 120px;
    padding: 13px 20px;
  }
}
.crypto-payment:after {
  content: '';
  background: url('../img/finance/crypto/light.png') no-repeat right;
  position: absolute;
  bottom: 0;
  right: 0;
  height: 100%;
  background-size: cover;
  padding-right: 85%;
}
@media (max-width: 480px) {
  .crypto-payment:after {
    right: -15%;
    padding-right: 100%;
  }
}
.crypto-payment__inner {
  max-width: 350px;
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 10px;
  z-index: 10;
}
@media (max-width: 992px) {
  .crypto-payment__inner {
    max-width: 205px;
  }
}
.crypto-payment__text {
  color: #FFF;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}
@media (max-width: 992px) {
  .crypto-payment__text {
    font-size: 14px;
    line-height: 17px;
  }
}
.crypto-payment__text span {
  color: #FF4F7E;
}
.crypto-payment__btn {
  width: 200px;
  box-shadow: none;
  border-radius: 4px !important;
  text-transform: uppercase !important;
  font-size: 16px !important;
  background: #F74877 !important;
  padding-block: 7px !important;
}
@media (max-width: 992px) {
  .crypto-payment__btn {
    width: 140px;
    font-size: 14px !important;
  }
}
.crypto-payment__car,
.crypto-payment__car-mob {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  height: 100%;
}
@media (max-width: 480px) {
  .crypto-payment__car {
    display: none;
  }
}
@media (min-width: 481px) {
  .crypto-payment__car-mob {
    display: none;
  }
}
.table-history {
  border-bottom-left-radius: 15px !important;
  border-bottom-right-radius: 15px !important;
}
.table-history .column-date {
  max-width: 25%;
  min-width: 25%;
  width: 25%;
}
.table-history .column-amount {
  max-width: 15%;
  min-width: 15%;
  width: 15%;
}
.table-history .column-description {
  max-width: 60%;
  min-width: 60%;
  width: 60%;
}
.table-deposit-history .column-date {
  max-width: 20%;
  min-width: 20%;
  width: 20%;
}
.table-deposit-history .column-amount {
  max-width: 18%;
  min-width: 18%;
  width: 18%;
}
.table-deposit-history .column-name {
  max-width: 12%;
  min-width: 12%;
  width: 12%;
}
.table-deposit-history .column-description {
  max-width: 50%;
  min-width: 50%;
  width: 50%;
}
.benefit-block {
  padding: 0;
  text-align: center;
}
.benefit-block i {
  width: 40px;
  height: 40px;
  line-height: 38px;
  display: inline-block;
  border-radius: 50%;
  color: #fbbc23;
  border: 1px solid #fbbc23;
  font-style: normal;
  font-size: 20px;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .benefit-block i {
    width: 80px;
    height: 80px;
    line-height: 78px;
    font-size: 40px;
  }
}
.benefit-block .icon-credit {
  width: 80px;
  height: 80px;
  margin: 0 auto;
}
.benefit-block .icon-credit-1 {
  background: url("/media/assets/app/src/img/finance/icon-credit-1.png") no-repeat center center;
}
.benefit-block .icon-credit-2 {
  background: url("/media/assets/app/src/img/finance/icon-credit-2.png") no-repeat center center;
}
.benefit-block .icon-credit-3 {
  background: url("/media/assets/app/src/img/finance/icon-credit-3.png") no-repeat center center;
}
.benefit-block h2 {
  margin-bottom: 15.4px;
}
.benefit-block p {
  color: var(--tx-text-color);
}
.credit-item-block {
  float: left;
  width: 50%;
  position: relative;
  min-height: 1px;
  padding-left: 2.5px;
  padding-right: 2.5px;
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .credit-item-block {
    float: left;
    width: 20%;
  }
}
.form-radio-credit .custom-radio {
  position: relative;
  text-align: center;
  width: 100%;
  background: transparent;
  display: block;
  border: 1px solid #f1f2f4;
  padding: 21px 5px 7px;
  cursor: pointer;
}
.form-radio-credit .custom-radio .custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.form-radio-credit .custom-radio .custom-control-indicator {
  transition: background-color 0.3s ease;
  background-color: var(--tx-panel-background);
  border-radius: 5px;
  background-image: none !important;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.form-radio-credit .custom-radio .custom-control-indicator:before,
.form-radio-credit .custom-radio .custom-control-indicator:after {
  content: none;
}
.form-radio-credit .custom-radio .h4 {
  display: block;
  margin-top: 5px;
  margin-bottom: 5px;
  z-index: 1;
  position: relative;
}
.form-radio-credit .custom-radio .description {
  display: block;
  z-index: 1;
  position: relative;
}
.form-radio-credit .custom-radio .description span {
  line-height: 1;
  vertical-align: top;
  font-weight: normal;
  color: var(--tx-text-color);
  font-size: 16px;
}
@media (min-width: 768px) {
  .form-radio-credit .custom-radio .description span {
    font-size: 14px;
  }
}
.form-radio-credit .custom-radio .description span strong {
  color: #f74877;
  font-size: 180%;
  font-weight: normal;
}
.form-radio-credit .custom-radio i {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  display: block;
}
.form-radio-credit .custom-radio .custom-control-input:checked ~ .custom-control-indicator {
  border-color: #125f9a;
  border-width: 2px;
}
.form-radio-credit .custom-radio .custom-control-input:checked ~ i {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}
.has-error .form-radio-credit .custom-radio .custom-control-indicator {
  border: 1px solid #f74877;
}
.friend-block {
  padding: 20px 15px;
  position: relative;
  border-radius: 4px;
  box-shadow: 0 1px 1px #d9d9d9;
  background-color: white;
  border: 1px solid #e6e6e6;
  margin-bottom: 5px;
}
.friend-block .title {
  color: black;
  font-size: 16px;
  font-weight: bold;
  line-height: 25px;
  text-decoration: none;
  cursor: pointer;
  text-transform: uppercase;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block !important;
}
.friend-block .title > span {
  border-bottom: 1px solid;
}
.friend-block .title:hover,
.friend-block .title:active,
.friend-block .title:focus {
  text-decoration: none;
}
.friend-block .title:hover > span,
.friend-block .title:active > span,
.friend-block .title:focus > span {
  border-color: transparent;
}
.friend-block .name-block {
  vertical-align: middle;
  margin-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.friend-block .name-block .title,
.friend-block .name-block .label {
  display: inline-block;
  vertical-align: middle;
}
.friend-block .options-block {
  margin-bottom: 5px;
}
.friend-block .options-block a {
  line-height: 25px;
  text-decoration: none;
  cursor: pointer;
  margin-right: 5px;
}
.friend-block .options-block a > span {
  border-bottom: 1px solid;
}
.friend-block .options-block a:hover,
.friend-block .options-block a:active,
.friend-block .options-block a:focus {
  text-decoration: none;
}
.friend-block .options-block a:hover > span,
.friend-block .options-block a:active > span,
.friend-block .options-block a:focus > span {
  border-color: transparent;
}
.friend-block .remove {
  position: absolute;
  font-size: 11px;
  right: 7.5px;
  top: 10px;
}
.friends-container .friend-block {
  background: transparent;
  text-align: center;
  position: relative;
  float: left;
  width: 33.33333333%;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 7px;
  padding-bottom: 7px;
  box-shadow: none;
  border: none;
}
.friends-container .friend-block a {
  color: #333;
}
.friends-container .friend-block .image-block {
  position: relative;
}
.friends-container .friend-block .name-block {
  margin-top: 0;
  font-weight: normal;
  font-size: 14px;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
.modal-white .modal-content {
  background-color: white;
  color: black;
}
.modal-white .modal-dialog {
  width: 700px;
}
@media (max-width: 768px) {
  .modal-white .modal-dialog {
    width: 100%;
  }
}
.modal-white .modal-title {
  color: black;
}
.modal-white .title {
  font-size: 14px;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
}
.modal-white .modal-header {
  border-bottom: 1px solid #f2eded;
}
.modal-white .modal-body {
  padding: 10px 15px;
}
.modal-white .modal-body p {
  font-size: 14px;
}
.modal-white .profile-car .profile-car-block:nth-child(2n) {
  border-left: 1px solid #e6e6e6;
}
.modal-white .top-line {
  border-top: 1px solid #e6e6e6;
}
.profile-message-button {
  padding: 8px 10px;
}
.profile-message-button:hover {
  background: #4a83df;
}
.profile-message-button span > i {
  margin-right: 8px !important;
  margin-left: 8px !important;
}
.btn-telegram {
  display: inline-flex;
  align-items: center;
  background: #54a9eb;
  font-size: 16px;
  line-height: 20px;
  padding: 7px 16px;
  border-radius: 20px;
  text-decoration: none;
  color: #fff;
}
.btn-telegram:hover,
.btn-telegram:focus,
.btn-telegram::after {
  color: #fff;
}
.btn-telegram:hover {
  background: #338dd4;
}
.btn-telegram .fab {
  font-size: 24px;
  margin-right: 13px;
}
.media-message-container {
  margin-left: -10px;
  margin-right: -10px;
}
.media-message-block {
  position: relative;
  padding-left: 10px;
  margin-bottom: 10px;
  padding-right: 10px;
  padding-top: 1px;
  padding-bottom: 1px;
}
.media-message-block:last-child {
  margin-bottom: 0;
}
.media-message-block .media-content {
  background: white;
  background-image: -webkit-linear-gradient(top, #fafbfc 0%, white 100%);
  background-image: -o-linear-gradient(top, #fafbfc 0%, white 100%);
  background-image: linear-gradient(to bottom, #fafbfc 0%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafbfc', endColorstr='#ffffffff', GradientType=0);
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  padding: 20px 15px;
}
.media-message-block .img-block {
  width: 50px;
  height: 50px;
  background: #cdd0da;
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
  padding: 0;
  margin: auto;
  display: block;
}
.media-message-block .media-body p {
  margin-bottom: 0;
  position: relative;
  vertical-align: bottom;
}
.media-message-block .media-body p > img {
  vertical-align: bottom;
  height: 28px;
  width: auto;
}
.media-message-block .media-body p.indent span {
  font-weight: bold;
}
.media-message-block .media-title {
  color: black;
  display: inline-block;
}
.media-message-block .media-title a {
  text-decoration: none;
  cursor: pointer;
  color: inherit;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
.media-message-block .media-title a > span {
  border-bottom: 1px solid;
}
.media-message-block .media-title a:hover,
.media-message-block .media-title a:active,
.media-message-block .media-title a:focus {
  text-decoration: none;
}
.media-message-block .media-title a:hover > span,
.media-message-block .media-title a:active > span,
.media-message-block .media-title a:focus > span {
  border-color: transparent;
}
.media-message-block .media-heading a {
  text-decoration: none;
  cursor: pointer;
}
.media-message-block .media-heading a > span {
  border-bottom: 1px solid;
}
.media-message-block .media-heading a:hover,
.media-message-block .media-heading a:active,
.media-message-block .media-heading a:focus {
  text-decoration: none;
}
.media-message-block .media-heading a:hover > span,
.media-message-block .media-heading a:active > span,
.media-message-block .media-heading a:focus > span {
  border-color: transparent;
}
.media-message-block .media-heading time {
  margin-left: 10px;
  margin-right: 10px;
  font-size: 14px;
  display: inline-block;
  color: #646464;
}
.media-message-block.indent {
  padding-left: 20px;
}
.media-message-block.active {
  background: #dce6f4;
}
.media-message-block.disabled {
  background: #d7e0ee;
}
.media-message-block.media-control {
  transition: padding 0.3s ease-in-out;
}
.media-message-block.media-control .media-content {
  padding-right: 61px;
  transition: padding 0.3s ease-in-out;
}
.media-message-block.media-control.indent .media-content {
  padding-right: 51px;
  transition: padding 0.3s ease-in-out;
}
.media-message-block.media-control.active,
.media-message-block.media-control:hover {
  padding-right: 56px;
}
.media-message-block.media-control.active.indent,
.media-message-block.media-control:hover.indent {
  padding-right: 46px;
}
.media-message-block.media-control.active .media-content,
.media-message-block.media-control:hover .media-content {
  padding-right: 15px;
}
.media-message-block.media-control.active .actions-block,
.media-message-block.media-control:hover .actions-block {
  opacity: 1;
}
.media-message-block .actions-block {
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  width: 46px;
  height: 46px;
  line-height: 46px;
  transition: opacity 0.3s ease-in-out;
}
.media-message-block .hover-visible {
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.media-message-block:hover .hover-visible {
  opacity: 1;
}
.media-messages-section .animation-container {
  position: relative;
  display: block;
  overflow: hidden;
  height: 50px;
}
.media-messages-section .title-block {
  position: absolute;
  left: 0;
  top: 0;
  height: 50px;
  transition: top 0.3s ease-in-out;
  line-height: 40px;
}
.media-messages-section .title-block .title {
  font-size: 16px;
  text-decoration: none;
  cursor: pointer;
}
.media-messages-section .title-block .title > span {
  border-bottom: 1px solid;
}
.media-messages-section .title-block .title:hover,
.media-messages-section .title-block .title:active,
.media-messages-section .title-block .title:focus {
  text-decoration: none;
}
.media-messages-section .title-block .title:hover > span,
.media-messages-section .title-block .title:active > span,
.media-messages-section .title-block .title:focus > span {
  border-color: transparent;
}
.media-messages-section .media-actions-block {
  position: absolute;
  top: 100%;
  left: 0;
  height: 50px;
  transition: top 0.3s ease-in-out;
}
.media-messages-section.has-selected .title-block {
  top: -100%;
}
.media-messages-section.has-selected .media-actions-block {
  top: 0;
}
.media-message-container.media-message-container-scrollable {
  overflow: scroll;
  padding-top: 5px;
  padding-bottom: 5px;
  transition: padding 0.3s ease-in-out;
}
.media-message-container:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  text-align: center;
  left: 50%;
  top: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 10;
  line-height: 50px;
  width: 50px;
  animation: fa-spin 2s infinite linear;
  font-size: 24px;
  color: #333;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.media-message-container:before.fa-pull-left {
  margin-right: 0.3em;
}
.media-message-container:before.fa-pull-right {
  margin-left: 0.3em;
}
.media-message-container.loading {
  padding-top: 100px;
}
.media-message-container.loading:before {
  content: "\f021";
  opacity: 1;
}
.bonus-block {
  padding-top: 20px;
  padding-bottom: 20px;
}
.partner-promo-section .partner-title {
  text-align: center;
  margin-top: 30px;
}
.partner-promo-section .head-ref-lvl-block {
  margin: 5px 0;
  border: 1px solid #e6e6e6;
  box-sizing: border-box;
  box-shadow: 1px 1px 4px #d9d9d9;
  border-radius: 4px;
  font-size: 130%;
}
.partner-promo-section .head-ref-lvl-block .h {
  background: #fbbc23;
  border-radius: 4px 4px 0 0;
  color: #ffffff;
  margin: -1px;
  padding: 6px;
}
.partner-promo-section .head-ref-lvl-block .h.lvl-1 {
  background: #3584e6;
}
.partner-promo-section .head-ref-lvl-block .h.lvl-2 {
  background: #f74877;
}
.partner-promo-section .head-ref-lvl-block .percent {
  padding: 12px;
  font-size: 140%;
  font-weight: bold;
  color: #333333;
}
.partner-promo-section .promo-block {
  padding: 10px 5px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  box-sizing: border-box;
  box-shadow: 1px 1px 4px #d9d9d9;
  line-height: 1.3;
  font-size: 90%;
  text-align: center;
}
.partner-promo-section .promo-feature-container {
  margin-bottom: 20px;
}
.partner-promo-section .promo-feature-container .feature-value {
  font-size: 160%;
  font-weight: bold;
}
.partner-promo-section .promo-feature-container .feature-text {
  line-height: 18px;
  text-align: left;
  padding-left: 15px;
}
.partner-promo-section .withdraw-container {
  margin-bottom: 20px;
}
.partner-promo-section .withdraw-container .withdraw-amount {
  font-size: 200%;
  font-weight: bold;
}
.partner-promo-section .withdraw-container .bg-lightgray {
  background: #f0f0f0;
}
.partner-promo-section .levelup-container,
.partner-promo-section .my-referrals-container,
.partner-promo-section .link-container,
.partner-promo-section .achievements-container {
  margin-bottom: 20px;
}
.partner-promo-section .achievements-container .achievement-block {
  border: #e6e8ec 1px solid;
  margin: 10px 0;
}
.partner-promo-section .achievements-container .achievement-block .achievement-text {
  width: 100%;
}
.partner-promo-section .achievements-container .achievement-block.achievement-done {
  color: darkgrey;
}
.partner-promo-section .achievements-container .achievement-block.achievement-done .achievement-progress {
  width: 30%;
  color: #419943;
  font-weight: bold;
  text-align: center;
}
.partner-promo-section .achievements-container .achievement-block.achievement-done .achievement-icon {
  border: 1px solid darkgrey;
}
.partner-promo-section .achievements-container .achievement-block.achievement-done .achievement-icon img {
  filter: grayscale(1);
}
.partner-promo-section .achievements-container .achievement-block.achievement-reached {
  border: 1px solid #419943;
}
.partner-promo-section .achievements-container .achievement-block.achievement-reached .achievement-progress {
  color: #419943;
  font-weight: bold;
  text-align: center;
}
.partner-promo-section .achievements-container .achievement-block.achievement-reached .achievement-icon {
  border: 1px solid #419943;
}
.partner-promo-section .achievements-container .achievement-block .achievement-icon {
  border: 1px solid darkgrey;
  min-width: 75px;
  width: 75px;
  height: 75px;
  border-radius: 50%;
  overflow: hidden;
  padding: 0;
  display: block;
  position: relative;
  margin: auto 10px auto auto;
}
.partner-promo-section .achievements-container .achievement-block .achievement-icon img {
  width: 100%;
  height: auto;
}
.partner-promo-section .achievements-container .achievement-block .progress-bar-block .sm-progress-bar {
  max-width: 340px;
  width: 90%;
}
.partner-promo-section .achievements-container .achievement-block .progress-bar-block .sm-progress-bar .indicator-inner {
  margin: 2px 1px;
}
.partner-promo-section .achievements-container .achievement-block .progress-bar-block .progress-status {
  margin: 10px;
  width: 40px;
}
.partner-promo-section .link-container label {
  font-size: 15px;
  margin-bottom: 0;
  cursor: default;
}
.partner-promo-section .link-container label a {
  color: #145ced;
  cursor: pointer;
  text-decoration: underline;
}
.partner-promo-section .link-container label a:focus {
  text-decoration: underline;
}
.partner-promo-section .link-container label a:hover {
  cursor: pointer;
}
.partner-promo-section .link-container input {
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid #6a7782;
  box-shadow: none;
}
.partner-promo-section .link-container .dropdown-menu {
  background: #fbbc23;
}
.partner-promo-section .link-container .dropdown-menu a {
  color: black;
}
.partner-promo-section .link-container .dropdown-menu a:hover {
  background-color: #fbcd20;
}
.partner-promo-section .my-referrals-container .table.referrals-table a {
  color: var(--tx-text-color);
  text-decoration: none;
  cursor: pointer;
}
.partner-promo-section .pro-info-container .pro-info-bullets ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.partner-promo-section .pro-info-container .pro-info-bullets li {
  padding-left: 1em;
  text-indent: -1em;
}
.partner-promo-section .pro-info-container .pro-info-bullets li:before {
  content: "—";
  padding-right: 5px;
}
.partner-benefit-block i {
  width: 50px;
  height: 50px;
  line-height: 48px;
  font-size: 25px;
  border-width: 2px;
}
@media (min-width: 768px) {
  .partner-benefit-block i {
    width: 100px;
    height: 100px;
    line-height: 98px;
    font-size: 50px;
  }
}
.partner-benefit-block i span {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 50%;
  display: inline-block;
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .partner-benefit-block i span {
    background-size: auto;
  }
}
.partner-benefit-block i span.partner-icon-1 {
  background-image: url("/media/assets/app/src/img/partner/partner-icon-1.png");
}
.partner-benefit-block i span.partner-icon-2 {
  background-image: url("/media/assets/app/src/img/partner/partner-icon-2.png");
}
.partner-benefit-block i span.partner-icon-3 {
  background-image: url("/media/assets/app/src/img/partner/partner-icon-3.png");
}
.partner-link-block {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 30px;
  border-top: 1px solid #e6e6e6;
}
.partner-link-block .btn-copy-link {
  line-height: 1.7;
}
.partner-ref-table {
  margin-bottom: 10px;
  border-radius: 15px;
  box-shadow: 0 0 4px var(--tx-box-shadow-color);
  border: 1px solid #e6e6e6;
  box-sizing: border-box;
}
.partner-ref-table .h {
  font-size: 120%;
  text-align: center;
  padding: 10px 0;
  border-bottom: 1px solid #e6e6e6;
}
.partner-ref-table .c {
  padding: 12px 10px;
}
.partner-ref-table .c .row {
  margin: 2px 0;
}
.banner-block {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #f1f2f4;
}
.banner-block + .banner-block {
  padding-top: 10px;
}
.banner-block h2 {
  margin-bottom: 22px;
}
.banner-block .image-block {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 20px;
}
.banner-block .image-block img {
  margin: auto;
}
.banner-block textarea.form-control {
  min-height: 88px;
  height: 88px;
  resize: none;
  margin-bottom: 5px;
}
.qualify-block {
  margin-left: -5px;
  margin-right: -5px;
  border-top: 1px solid #ccc;
}
.qualify-block .about-block {
  position: relative;
  float: left;
  width: 33.33333333%;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  min-height: 220px;
}
.qualify-block .progress-block {
  position: relative;
  float: left;
  width: 66.66666667%;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  background: var(--tx-panel-background);
  min-height: 220px;
}
.qualify-block .conditions-block .title,
.qualify-block .progress-block .title,
.qualify-block .about-block .title {
  font-size: 18px;
  margin-top: 10px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .qualify-block .conditions-block .title,
  .qualify-block .progress-block .title,
  .qualify-block .about-block .title {
    font-size: 22px;
  }
}
.qualify-block .progress-block .checkbox-inline {
  padding-left: 36px;
  cursor: default;
}
.qualify-block .progress-block input[type="checkbox"] + span {
  color: var(--tx-text-color);
  opacity: 0.8;
}
.qualify-block .progress-block input[type="checkbox"]:checked + span {
  color: var(--tx-text-color);
  opacity: 1;
}
.qualify-block .conditions-block {
  padding: 7px 20px;
}
.qualify-block .conditions-block p {
  line-height: 40px;
}
.qualify-block .conditions-block p label {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.2;
}
.qualify-block .conditions-block p label small {
  display: block;
}
.qualify-block .conditions-block.disabled {
  filter: blur(2px);
  -webkit-filter: blur(2px);
}
.qualify-block .about-block {
  text-align: center;
}
.qualify-block .about-block .bonus-block {
  padding: 7px 0;
}
.qualify-block .about-block .bonus-block .bonus {
  padding: 0;
  font-size: 16px;
  margin-bottom: 32px;
  font-weight: bold;
}
.qualify-block .about-block .bonus-block .bonus small {
  font-size: 11px;
  display: block;
  font-weight: normal;
}
@media (min-width: 768px) {
  .qualify-block .about-block .bonus-block .bonus small {
    font-size: 14px;
  }
}
.qualify-block .actions-block {
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding: 7px 10px;
}
.partner-how-to {
  margin-top: 40px;
  margin-bottom: 30px;
  min-height: 248px;
  background: url("/media/assets/app/src/img/partner/bg.png") center center;
  background-size: cover;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}
.partner-how-to i {
  display: inline-block;
  height: 240px;
  width: 100%;
  background: url("/media/assets/app/src/img/partner/mesh.png") center center no-repeat;
  background-size: contain;
}
.media-partner-chat i {
  font-size: 80px;
  line-height: 98px;
  height: 100px;
  width: 100px;
  color: #f74877;
  border: 1px solid;
  border-radius: 50%;
  text-align: center;
}
/* Modal and floatbar */
.partner-content-wrapper {
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.partner-title {
  color: var(--tx-text-color);
}
.partner-default {
  padding: 0;
}
@media (max-width: 768px) {
  .partner-default .font-size-3x {
    font-size: 120%;
  }
}
.partner-default .panel-body {
  background: url("/media/assets/app/src/images/new_design/partner/bg.jpg");
}
.partner-default .partner-content {
  position: relative;
  text-align: left;
}
.partner-default .partner-desc {
  display: inline-block;
  font-size: 200%;
  line-height: 120%;
  text-transform: uppercase;
  padding: 40px 30px;
  width: 70%;
  white-space: pre;
}
@media (max-width: 768px) {
  .partner-default .partner-desc {
    font-size: 150%;
    padding: 40px 10px;
  }
}
.partner-default .partner-desc b {
  font-weight: normal;
  color: #f74877;
}
.partner-default .partner-glyphs {
  position: absolute;
  left: 62%;
  width: 35%;
  top: 50%;
  transform: translateY(-46%);
  border: 0;
}
.partner-default .panel-heading {
  margin-top: 12px;
  margin-bottom: 8px;
  text-align: left;
  padding-left: 4%;
}
.partner-default .panel-body {
  border: 0;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  padding-left: 4%;
  padding-right: 4%;
}
.partner-default .panel-footer {
  margin-top: 10px;
}
.partner-default .panel-footer #partner-copy-link {
  font-size: 100%;
}
.partner-default .panel-footer .partner-general-link {
  font-size: 95%;
  display: inline-block;
  margin: 10px 0 0;
}
#modal-partner .modal-dialog {
  width: 700px;
}
@media (max-width: 768px) {
  #modal-partner .modal-dialog {
    width: 100%;
  }
}
#modal-partner .modal-header {
  padding: 0;
}
#modal-partner .modal-header .close {
  z-index: 1;
  color: inherit;
}
#modal-partner .modal-content {
  background: rgba(255, 255, 255, 0.95);
  color: #333;
  padding: 0;
}
.partner-float-container {
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
  margin: auto;
  width: 950px;
}
@media (max-width: 991px) {
  .partner-float-container {
    width: 98%;
  }
}
@media (max-width: 767px) {
  .partner-float-container {
    width: 100%;
  }
}
.partner-float-container .badge {
  position: absolute;
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 16px;
}
.partner-float-container .partner-block {
  min-width: 450px;
  width: 706px;
  margin: auto;
  margin-left: 246px;
  position: relative;
  border-radius: 5px 0 0 0;
  background: #fbcd20;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 991px) {
  .partner-float-container .partner-block {
    margin-left: auto;
  }
}
@media (max-width: 767px) {
  .partner-float-container .partner-block {
    width: 98%;
    min-width: auto;
  }
}
.partner-float-container .partner-block:hover,
.partner-float-container .partner-block:focus,
.partner-float-container .partner-block:active {
  transform: scale(1.05);
}
.partner-float-container .partner-block .btn-close {
  z-index: 100;
  right: 0px;
  top: -40px;
  height: 40px;
  min-width: 106px;
  width: auto;
  border-radius: 5px 5px 0 0;
  border-width: 0;
  background: #fbcd20;
  color: #333333;
  padding-left: 1em;
}
.partner-float-container .partner-block .btn-close .cross {
  display: inline-block;
  text-align: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #333333;
  margin: 5px;
}
.partner-float-container .partner-block .bg2 {
  position: absolute;
  display: inline-block;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: url("/media/assets/app/src/images/new_design/partner/floatbar_bg.png");
  background-size: cover;
  border-radius: inherit;
}
.partner-float-container .partner-block a {
  border-bottom: 0;
  position: relative;
  text-decoration: none !important;
  background-clip: padding-box;
  height: 80px;
  color: inherit;
}
.partner-float-container .partner-block a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 180px;
  height: 100px;
  background-size: contain;
  background-position: center bottom;
  background-repeat: no-repeat;
  z-index: 0;
}
.partner-float-container .partner-block .partner-info,
.partner-float-container .partner-block .partner-btn-details {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.partner-float-container .partner-block .partner-info {
  left: 20px;
  color: #000000;
  font-family: "PT Sans", sans-serif;
  font-weight: normal;
  font-size: 110%;
  max-width: 500px;
}
@media (max-width: 767px) {
  .partner-float-container .partner-block .partner-info {
    left: 10px;
    max-width: 62%;
  }
}
.partner-float-container .partner-block .partner-info strong {
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
}
.partner-float-container .partner-block .partner-btn-details {
  left: 520px;
  right: 20px;
  text-align: center;
}
@media (max-width: 767px) {
  .partner-float-container .partner-block .partner-btn-details {
    right: 10px;
    left: auto;
    max-width: 33%;
  }
}
.partner-float-container .partner-block .partner-btn-details button {
  width: 100%;
}
.partner-rewards {
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
  display: flex;
  flex-direction: column;
}
.partner-rewards .usual-present {
  margin: 0 !important;
}
.partner-rewards .usual-present .usual-image {
  width: 50px;
  height: auto;
  max-height: 50px;
}
@media (max-width: 991px) {
  .partner-rewards .usual-present .usual-image {
    width: 60px;
  }
}
.partner-rewards .usual-present span {
  font-size: 14px;
  font-weight: normal;
}
.partner-rewards .usual-present .ia {
  width: 50px;
  height: 50px;
}
@media (max-width: 991px) {
  .partner-rewards .usual-present .ia {
    width: 60px;
    height: 60px;
  }
}
.partner-rewards .usual-present .icon-achievement-circle {
  height: 50px;
  width: 50px;
  /*background: #FAFAFA;*/
  /*border: 2px solid #E6E6E6;*/
  /*box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.6);*/
  position: relative;
  /*border-radius: 50%;*/
  margin: 0 2px;
}
.partner-rewards .usual-present .icon-achievement-circle .icon-achievement {
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 100%;
  background-size: 100% !important;
  background-repeat: no-repeat !important;
  background-position: -4px 4px !important;
  transition: width 0.5s, height 0.5s, transform 0.5s;
}
.partner-rewards .usual-present .user-task {
  width: 70px;
  height: auto;
  max-height: 70px;
}
.partner-rewards .btn-claim-reward .reward-count {
  background-image: linear-gradient(to bottom, #fbcd20 0%, #fbbc23 100%);
  font-size: 20px;
  line-height: 40px;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  display: inline-block;
  position: absolute;
  left: -16px;
  top: -3px;
  padding-bottom: 8px;
  border: 1px solid #f2ae0d;
}
.partner-rewards .btn-claim-reward:hover .reward-count {
  background-image: linear-gradient(to bottom, #f7d96c 0%, #f7ca62 100%);
}
.partner-rewards .reward-level:not(:last-child) {
  border-bottom: 1px solid #e6e6e6;
}
.referrer-announcement-text a {
  color: #548CE5 !important;
}
.news-list-item {
  margin-bottom: 10px;
  background: #f8f9fb;
  box-shadow: 0 1px 1px #a9a9a9;
  border-radius: 5px;
  border-top: 8px solid #fbfbfd;
  border-bottom: 8px solid #fbfbfd;
}
.news-list-item + .news-list-item {
  margin-top: 10px;
}
.news-list-item .news-list-item-body,
.news-list-item .news-list-item-footer,
.news-list-item .news-list-item-heading {
  padding: 7px 20px;
}
.news-list-item .news-list-item-body {
  color: #646464;
}
.news-list-item .title {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
}
.news-list-item .title a {
  color: #333;
}
.news-list-item .title time {
  font-size: 14px;
  display: block;
  line-height: 20px;
  color: #979b9f;
}
.news-list-item .description-block table,
.news-list-item .description-block img,
.news-list-item .description-block table {
  max-width: 100% !important;
}
.news-list-item .description-block img {
  display: "inline-block";
  max-width: 100%;
  height: auto;
}
.news-list-item .description-block table,
.news-list-item .description-block table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 22px;
  margin-bottom: 0;
  background-color: var(--tx-panel-background);
  border: 1px solid #e5e7eb;
  width: 100% !important;
}
.news-list-item .description-block table > thead > tr > th,
.news-list-item .description-block table > tbody > tr > th,
.news-list-item .description-block table > tfoot > tr > th,
.news-list-item .description-block table > thead > tr > td,
.news-list-item .description-block table > tbody > tr > td,
.news-list-item .description-block table > tfoot > tr > td,
.news-list-item .description-block table > thead > tr > th,
.news-list-item .description-block table > tbody > tr > th,
.news-list-item .description-block table > tfoot > tr > th,
.news-list-item .description-block table > thead > tr > td,
.news-list-item .description-block table > tbody > tr > td,
.news-list-item .description-block table > tfoot > tr > td {
  padding: 7px 7px;
  line-height: 1.6;
  vertical-align: top;
  border-top: 1px solid #e5e7eb;
}
.news-list-item .description-block table > thead > tr > th,
.news-list-item .description-block table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #e5e7eb;
}
.news-list-item .description-block table > caption + thead > tr:first-child > th,
.news-list-item .description-block table > colgroup + thead > tr:first-child > th,
.news-list-item .description-block table > thead:first-child > tr:first-child > th,
.news-list-item .description-block table > caption + thead > tr:first-child > td,
.news-list-item .description-block table > colgroup + thead > tr:first-child > td,
.news-list-item .description-block table > thead:first-child > tr:first-child > td,
.news-list-item .description-block table > caption + thead > tr:first-child > th,
.news-list-item .description-block table > colgroup + thead > tr:first-child > th,
.news-list-item .description-block table > thead:first-child > tr:first-child > th,
.news-list-item .description-block table > caption + thead > tr:first-child > td,
.news-list-item .description-block table > colgroup + thead > tr:first-child > td,
.news-list-item .description-block table > thead:first-child > tr:first-child > td,
.news-list-item .description-block table > caption + thead > tr:first-child > th,
.news-list-item .description-block table > caption + thead > tr:first-child > td {
  border-top: 0;
}
.news-list-item .description-block table > tbody + tbody,
.news-list-item .description-block table > tbody + tbody {
  border-top: 2px solid #e5e7eb;
}
.news-list-item .description-block table .table,
.news-list-item .description-block table .table {
  background-color: #fff;
}
.news-list-item .description-block table > thead > tr > th,
.news-list-item .description-block table > tbody > tr > th,
.news-list-item .description-block table > tfoot > tr > th,
.news-list-item .description-block table > thead > tr > td,
.news-list-item .description-block table > tbody > tr > td,
.news-list-item .description-block table > tfoot > tr > td,
.news-list-item .description-block table > thead > tr > th,
.news-list-item .description-block table > tbody > tr > th,
.news-list-item .description-block table > tfoot > tr > th,
.news-list-item .description-block table > thead > tr > td,
.news-list-item .description-block table > tbody > tr > td,
.news-list-item .description-block table > tfoot > tr > td {
  padding: 7px 7px;
  line-height: 1.6;
  vertical-align: top;
  border-top: 1px solid #e5e7eb;
}
.news-list-item .description-block table > thead > tr > th,
.news-list-item .description-block table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #e5e7eb;
}
.news-list-item .description-block table > caption + thead > tr:first-child > th,
.news-list-item .description-block table > colgroup + thead > tr:first-child > th,
.news-list-item .description-block table > thead:first-child > tr:first-child > th,
.news-list-item .description-block table > caption + thead > tr:first-child > td,
.news-list-item .description-block table > colgroup + thead > tr:first-child > td,
.news-list-item .description-block table > thead:first-child > tr:first-child > td,
.news-list-item .description-block table > caption + thead > tr:first-child > th,
.news-list-item .description-block table > colgroup + thead > tr:first-child > th,
.news-list-item .description-block table > thead:first-child > tr:first-child > th,
.news-list-item .description-block table > caption + thead > tr:first-child > td,
.news-list-item .description-block table > colgroup + thead > tr:first-child > td,
.news-list-item .description-block table > thead:first-child > tr:first-child > td,
.news-list-item .description-block table > caption + thead > tr:first-child > th,
.news-list-item .description-block table > caption + thead > tr:first-child > td {
  border-top: 0;
}
.news-list-item .description-block table > tbody + tbody,
.news-list-item .description-block table > tbody + tbody {
  border-top: 2px solid #e5e7eb;
}
.news-list-item .description-block table .table,
.news-list-item .description-block table .table {
  background-color: #fff;
}
.news-list-item .description-block table tr.disabled > td,
.news-list-item .description-block table tr.disabled > td {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.news-list-item .description-block table tr.success td,
.news-list-item .description-block table tr.success td {
  background: #fafbfc !important;
}
.news-list-item .description-block table > caption + thead > tr:first-child > th,
.news-list-item .description-block table > colgroup + thead > tr:first-child > th,
.news-list-item .description-block table > thead:first-child > tr:first-child > th,
.news-list-item .description-block table > caption + thead > tr:first-child > td,
.news-list-item .description-block table > colgroup + thead > tr:first-child > td,
.news-list-item .description-block table > thead:first-child > tr:first-child > td,
.news-list-item .description-block table > caption + thead > tr:first-child > th,
.news-list-item .description-block table > colgroup + thead > tr:first-child > th,
.news-list-item .description-block table > thead:first-child > tr:first-child > th,
.news-list-item .description-block table > caption + thead > tr:first-child > td,
.news-list-item .description-block table > colgroup + thead > tr:first-child > td,
.news-list-item .description-block table > thead:first-child > tr:first-child > td,
.news-list-item .description-block table > caption + thead > tr:first-child > th,
.news-list-item .description-block table > caption + thead > tr:first-child > td {
  border-top: 1px solid #e5e7eb;
}
.news-list-item .description-block table th.sortable > a.active,
.news-list-item .description-block table th.sortable > a.active {
  color: var(--tx-text-color);
  text-decoration: none;
}
.news-list-item .description-block table th.sortable > a.active.text-link span,
.news-list-item .description-block table th.sortable > a.active.text-link span {
  border-color: transparent;
}
.news-list-item .description-block table.x-padding-0 > thead > tr > th,
.news-list-item .description-block table.x-padding-0 > tbody > tr > th,
.news-list-item .description-block table.x-padding-0 > tfoot > tr > th,
.news-list-item .description-block table.x-padding-0 > thead > tr > td,
.news-list-item .description-block table.x-padding-0 > tbody > tr > td,
.news-list-item .description-block table.x-padding-0 > tfoot > tr > td,
.news-list-item .description-block table.x-padding-0 > thead > tr > td:nth-child(2n),
.news-list-item .description-block table.x-padding-0 > tbody > tr > td:nth-child(2n),
.news-list-item .description-block table.x-padding-0 > tfoot > tr > td:nth-child(2n),
.news-list-item .description-block table.x-padding-0 > thead > tr > td:nth-child(1n),
.news-list-item .description-block table.x-padding-0 > tbody > tr > td:nth-child(1n),
.news-list-item .description-block table.x-padding-0 > tfoot > tr > td:nth-child(1n),
.news-list-item .description-block table.x-padding-0 > thead > tr > th,
.news-list-item .description-block table.x-padding-0 > tbody > tr > th,
.news-list-item .description-block table.x-padding-0 > tfoot > tr > th,
.news-list-item .description-block table.x-padding-0 > thead > tr > td,
.news-list-item .description-block table.x-padding-0 > tbody > tr > td,
.news-list-item .description-block table.x-padding-0 > tfoot > tr > td,
.news-list-item .description-block table.x-padding-0 > thead > tr > td:nth-child(2n),
.news-list-item .description-block table.x-padding-0 > tbody > tr > td:nth-child(2n),
.news-list-item .description-block table.x-padding-0 > tfoot > tr > td:nth-child(2n),
.news-list-item .description-block table.x-padding-0 > thead > tr > td:nth-child(1n),
.news-list-item .description-block table.x-padding-0 > tbody > tr > td:nth-child(1n),
.news-list-item .description-block table.x-padding-0 > tfoot > tr > td:nth-child(1n) {
  padding: 7px 0;
}
.news-list-item .description-block table > thead > tr > th,
.news-list-item .description-block table > tbody > tr > th,
.news-list-item .description-block table > tfoot > tr > th,
.news-list-item .description-block table > thead > tr > td,
.news-list-item .description-block table > tbody > tr > td,
.news-list-item .description-block table > tfoot > tr > td,
.news-list-item .description-block table > thead > tr > td:nth-child(2n),
.news-list-item .description-block table > tbody > tr > td:nth-child(2n),
.news-list-item .description-block table > tfoot > tr > td:nth-child(2n),
.news-list-item .description-block table > thead > tr > td:nth-child(1n),
.news-list-item .description-block table > tbody > tr > td:nth-child(1n),
.news-list-item .description-block table > tfoot > tr > td:nth-child(1n),
.news-list-item .description-block table > thead > tr > th,
.news-list-item .description-block table > tbody > tr > th,
.news-list-item .description-block table > tfoot > tr > th,
.news-list-item .description-block table > thead > tr > td,
.news-list-item .description-block table > tbody > tr > td,
.news-list-item .description-block table > tfoot > tr > td,
.news-list-item .description-block table > thead > tr > td:nth-child(2n),
.news-list-item .description-block table > tbody > tr > td:nth-child(2n),
.news-list-item .description-block table > tfoot > tr > td:nth-child(2n),
.news-list-item .description-block table > thead > tr > td:nth-child(1n),
.news-list-item .description-block table > tbody > tr > td:nth-child(1n),
.news-list-item .description-block table > tfoot > tr > td:nth-child(1n) {
  padding: 7px 7px;
  line-height: 1.6;
  vertical-align: middle;
  border-top: 1px solid #e5e7eb;
  border-right: none;
  background: transparent;
}
.news-list-item .description-block table > thead > tr td,
.news-list-item .description-block table > thead > tr:hover td,
.news-list-item .description-block table > thead > tr th,
.news-list-item .description-block table > thead > tr:hover th,
.news-list-item .description-block table > thead > tr td,
.news-list-item .description-block table > thead > tr:hover td,
.news-list-item .description-block table > thead > tr th,
.news-list-item .description-block table > thead > tr:hover th {
  background: #f6f8fa;
}
.news-list-item .description-block table > tfoot p,
.news-list-item .description-block table > tfoot p {
  margin-bottom: 0;
}
.news-list-item .description-block table tr.disabled > td,
.news-list-item .description-block table tr.disabled > td {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.news-list-item .description-block table tr.success td,
.news-list-item .description-block table tr.success td {
  background: #fafbfc !important;
}
.news-list-item .description-block table > thead > tr > th,
.news-list-item .description-block table > tbody > tr > th,
.news-list-item .description-block table > tfoot > tr > th,
.news-list-item .description-block table > thead > tr > td,
.news-list-item .description-block table > tbody > tr > td,
.news-list-item .description-block table > tfoot > tr > td,
.news-list-item .description-block table > thead > tr > th,
.news-list-item .description-block table > tbody > tr > th,
.news-list-item .description-block table > tfoot > tr > th,
.news-list-item .description-block table > thead > tr > td,
.news-list-item .description-block table > tbody > tr > td,
.news-list-item .description-block table > tfoot > tr > td {
  border: 1px solid #e5e7eb;
}
.news-list-item .description-block table > thead > tr > th,
.news-list-item .description-block table > thead > tr > td,
.news-list-item .description-block table > thead > tr > th,
.news-list-item .description-block table > thead > tr > td {
  border-bottom-width: 2px;
}
.news-list-item .description-block table > thead > tr > th,
.news-list-item .description-block table > tbody > tr > th,
.news-list-item .description-block table > tfoot > tr > th,
.news-list-item .description-block table > thead > tr > td,
.news-list-item .description-block table > tbody > tr > td,
.news-list-item .description-block table > tfoot > tr > td,
.news-list-item .description-block table > thead > tr > th,
.news-list-item .description-block table > tbody > tr > th,
.news-list-item .description-block table > tfoot > tr > th,
.news-list-item .description-block table > thead > tr > td,
.news-list-item .description-block table > tbody > tr > td,
.news-list-item .description-block table > tfoot > tr > td {
  border: 1px solid #e5e7eb;
}
.news-list-item .description-block table > thead > tr > th,
.news-list-item .description-block table > thead > tr > td,
.news-list-item .description-block table > thead > tr > th,
.news-list-item .description-block table > thead > tr > td {
  border-bottom-width: 2px;
}
.news-item .panel-default {
  box-shadow: none;
}
.news-item .panel-default.panel-custom .panel-heading + .panel-body {
  border-top: 0;
}
.news-item .row > p {
  margin: 0;
}
.news-item .bignum {
  font-size: 220%;
  font-weight: bold;
  color: #f74877;
}
.news-item .white-glow {
  text-shadow: rgba(255, 255, 255, 0.99) -1px 0px 1px, rgba(255, 255, 255, 0.99) 1px 0px 1px, rgba(255, 255, 255, 0.99) 0px -1px 1px, rgba(255, 255, 255, 0.99) 0px 1px 1px, rgba(255, 255, 255, 0.99) -1px 0px 2px, rgba(255, 255, 255, 0.99) 1px 0px 2px, rgba(255, 255, 255, 0.99) 0px -2px 2px, rgba(255, 255, 255, 0.99) 0px 2px 2px;
}
.news-item .snippet-drawing {
  background: url('../img/snippet-drawing-bg.png') center center no-repeat;
  background-size: cover;
}
.news-item .snippet-drawing img.car {
  position: absolute;
  width: 45%;
  top: -2%;
  right: -3%;
}
.news-item .snippet-contest .prizes .prizes-first {
  position: relative;
  font-size: 90%;
  min-height: 140px;
}
.news-item .snippet-contest .prizes .prizes-first .place_with_cup {
  margin: 0 0 0 30px;
  padding: 0 0 0 38px;
  background: url('../img/snippet-contest-cup.png') 0 5px no-repeat;
  background-size: 28px auto;
  background-origin: border-box;
}
.news-item .snippet-contest .prizes .prizes-first img.car {
  position: absolute;
  width: 70%;
  right: 5%;
  bottom: 0;
  margin-bottom: -5%;
}
.news-item .snippet-contest .prizes .prizes-secondary {
  position: relative;
  font-size: 90%;
  min-height: 50px;
}
.news-item .snippet-contest .prizes .prizes-secondary img.car {
  position: absolute;
  width: 55%;
  top: 0;
  right: 4%;
  min-width: 70px;
}
.news-item .snippet-contest .prizes .prizes-secondary > div {
  position: relative;
}
.news-item .snippet-contest-short {
  background: #FFFFFF url('../img/snippet-contest-cups.png') right bottom no-repeat;
  background-size: 50% auto;
  background-position: 95% 85%;
}
.news-item .snippet-car-row {
  position: relative;
  background: url('../img/snippet-taxi-bg.jpg') top center no-repeat;
  background-size: cover;
  background-origin: border-box;
}
.news-item .snippet-car-row .car-row-collapse {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.news-item .snippet-car-row img.car {
  margin: -20px auto -30px;
}
.news-item .snippet-car-row .car-details {
  min-height: 3em;
}
.news-item .snippet-shopbox {
  background: url('../img/snippet-shopbox-bg.jpg') center center no-repeat;
  background-size: 100% 100%;
  background-origin: border-box;
}
.news-item .snippet-shopbox .box-price {
  color: #333333;
  font-size: 240%;
  font-weight: bold;
}
.news-item .snippet-shopbox .box-img {
  width: 70%;
  margin: auto;
}
.reviews-section .auth-block {
  padding: 30px 50px;
  text-align: center;
}
.reviews-section .auth-block h4 {
  margin-bottom: 30px;
}
.reviews-section .form-reviews {
  margin-top: 30px;
}
.reviews-section .form-reviews .alert {
  margin-top: 10px;
  margin-bottom: 10px;
}
.likes-count {
  display: inline-block;
  width: 22px;
  text-align: left;
  margin-left: 10px;
}
.support-info-block {
  position: relative;
  display: block;
  padding-left: 50px;
  min-height: 40px;
  margin-bottom: 10px;
}
.support-info-block > i {
  position: absolute;
  left: 0;
  top: 50%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  background: #f74877;
  color: white;
  font-style: normal;
  transform: translateY(-50%);
  text-align: center;
}
.table-support-requests .column-icon {
  max-width: 50px;
  min-width: 50px;
  width: 50px;
}
.table-support-requests .column-id {
  max-width: 60px;
  min-width: 60px;
  width: 60px;
}
.table-support-requests .column-date {
  max-width: 200px;
  min-width: 200px;
  width: 200px;
}
.ticket-help-block {
  margin-top: 20px;
  margin-bottom: 20px;
  position: relative;
  display: block;
  padding-left: 90px;
  min-height: 80px;
}
.ticket-help-block > i {
  position: absolute;
  left: 0;
  top: 50%;
  width: 80px;
  font-size: 20px;
  height: 80px;
  line-height: 80px;
  border-radius: 50%;
  background: #f74877;
  color: white;
  font-style: normal;
  transform: translateY(-50%);
  text-align: center;
}
.panel-ticket .panel-heading {
  border-bottom: 1px solid #e6e6e6;
}
.panel-ticket .panel-heading .panel-title {
  font-size: 16px;
  margin-bottom: 5px;
}
.panel-ticket .panel-heading p {
  margin-bottom: 0;
}
.panel-ticket .panel-footer p {
  line-height: 1.6;
}
.error404 .error-block,
.error500 .error-block {
  margin: 100px 0;
}
.shopIndexTabs {
  height: 43px;
  border-top: #ced3db 1px solid;
  border-bottom: #cfd8de 1px solid;
  margin: -5px -5px 0;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.shopIndexTabs a {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbfbfc+0,ebecf2+100 */
  background: #fbfbfc;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fbfbfc 0%, #ebecf2 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fbfbfc 0%, #ebecf2 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fbfbfc 0%, #ebecf2 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfc', endColorstr='#ebecf2', GradientType=0);
  /* IE6-9 */
  background-image: -webkit-linear-gradient(top, #555 0%, #333 100%);
  background-image: -o-linear-gradient(top, #555 0%, #333 100%);
  background-image: linear-gradient(to bottom, #555 0%, #333 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff555555', endColorstr='#ff333333', GradientType=0);
  box-sizing: border-box;
  text-decoration: none;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  color: #000;
  text-transform: none;
  width: 50%;
  display: block;
  float: left;
  height: 41px;
  line-height: 41px;
  text-align: center;
}
.shopIndexTabs a:first-child {
  border-top-left-radius: 6px;
}
.shopIndexTabs a.active:first-child {
  border-right: #ccd7e0 1px solid;
}
.shopIndexTabs a.active:last-child {
  border-left: #ccd7e0 1px solid;
}
.shopIndexTabs a:last-child {
  border-top-right-radius: 6px;
}
.shopIndexTabs a.active {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdfcfd+0,e1d5c1+90,d8c9ae+100 */
  background: #fdfcfd;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fdfcfd 0%, #e1d5c1 90%, #d8c9ae 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fdfcfd 0%, #e1d5c1 90%, #d8c9ae 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fdfcfd 0%, #e1d5c1 90%, #d8c9ae 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfcfd', endColorstr='#d8c9ae', GradientType=0);
  /* IE6-9 */
  color: #2c5fc6;
}
.shop-items-container {
  padding-bottom: 20px;
}
.shop-items-container .shop-item-block {
  margin-bottom: 10px;
  transition: all ease-in-out 0.15s;
  float: left;
  width: 50%;
  position: relative;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 768px) {
  .shop-items-container .shop-item-block {
    float: left;
    width: 25%;
  }
}
.shop-items-container .shop-item-block .shop-item-content {
  min-height: 415px;
  position: relative;
  background: #fff;
  margin-left: 5px;
  margin-right: 5px;
  border-radius: 5px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  padding: 15px 10px 110px;
}
.shop-items-container .shop-item-block .shop-item-content a {
  cursor: pointer;
  text-decoration: none;
}
.shop-items-container .shop-item-block .shop-item-content a .title {
  text-decoration: none;
}
.shop-items-container .shop-item-block .shop-item-content a .title > span {
  border-bottom: 1px solid;
}
.shop-items-container .shop-item-block .shop-item-content a:hover {
  opacity: 0.8;
}
.shop-items-container .shop-item-block .shop-item-content a:hover .title {
  text-decoration: none;
}
.shop-items-container .shop-item-block .shop-item-content a:hover .title > span {
  border-bottom-color: transparent;
}
.shop-items-container .shop-item-block.shop-item-my-block .shop-item-content .info-block {
  height: 58.8px;
}
.shop-items-container .shop-item-block.shop-item-block-lg {
  position: relative;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 768px) {
  .shop-items-container .shop-item-block.shop-item-block-lg {
    float: left;
    width: 50%;
  }
}
.shop-items-container .shop-item-block.shop-item-block-lg .shop-item-content {
  padding-bottom: 60px;
  min-height: 320px;
}
@media (min-width: 768px) {
  .shop-items-container .shop-item-block.shop-item-block-lg .shop-item-content {
    min-height: 300px;
  }
}
.shop-items-container .shop-item-block.shop-item-block-lg .shop-item-content .info-block {
  height: 58.8px;
}
.shop-items-container .shop-item-block .shop-item-inner {
  width: 100%;
  transition: all ease-in-out 0.15s;
}
.shop-items-container .shop-item-block .btn-close {
  display: none;
}
.shop-items-container .shop-item-block.expanded {
  z-index: 100;
}
.shop-items-container .shop-item-block.expanded .shop-item-inner {
  width: 200%;
}
.shop-items-container .shop-item-block.expanded:nth-child(2n) .shop-item-inner {
  width: 200%;
  margin-left: -100%;
}
.shop-items-container .shop-item-block.expanded .btn-close {
  display: block;
}
.shop-items-container .shop-item-block.expanded .description-block {
  padding-bottom: 0;
}
.shop-items-container .shop-item-block .image-block {
  height: 140px;
  transition: all ease-in-out 0.15s;
}
.shop-items-container .shop-item-block .name-block .title {
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000;
  font-size: 16px;
  margin-bottom: 5px;
  margin-top: 5px;
  text-transform: uppercase;
}
.shop-items-container .shop-item-block .description-block {
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #7e7e7e;
  text-transform: uppercase;
  padding-bottom: 25px;
}
.shop-items-container .shop-item-block .info-block {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 110px;
  border-top: #e5e7eb 1px solid;
  width: 100%;
  padding: 15px 10px;
}
.shop-items-container .shop-item-block .info-block p {
  margin-bottom: 0;
}
.shop-items-container .shop-item-block .price-block {
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #419943;
  font-size: 16px;
  margin-bottom: 15px;
}
.shop-items-container .shop-item-block .amount-block {
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  float: left;
  width: 0%;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0;
  transition: all ease-in-out 0.15s;
}
.shop-items-container .shop-item-block .amount-block .form-control {
  text-align: center !important;
  text-align: center;
  width: 50px;
}
.shop-items-container .shop-item-block .buy-block {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0;
  transition: all ease-in-out 0.15s;
}
.shop-items-container .shop-item-block.expanded .buy-block,
.shop-items-container .shop-item-block.expanded .amount-block {
  position: relative;
  float: left;
  width: 50%;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0;
}
.shop-items-container .shop-item-block.expanded .image-block {
  height: 180px;
}
.shop-items-container .shop-item-block .message-block {
  background: #595e7c;
  left: 0;
  top: 100%;
  position: absolute;
  padding-top: 5px;
  line-height: 35px;
  color: #ffdd23;
  z-index: -1;
  height: 40px;
  opacity: 0;
  width: 100%;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  margin-top: -40px;
  transition: all ease-in-out 0.3s;
  display: none;
}
.shop-items-container .shop-item-block .message-block.in {
  margin-top: -5px;
  opacity: 1;
}
.shop-items-container .shop-item-block .message-block i {
  background-image: url(../img/sprites1.png);
  background-position: -507px -356px;
  background-size: initial;
  width: 11px;
  height: 11px;
  display: inline-block;
  margin-right: 4px;
}
.shop-items-container .shop-item-block .message-block.has-error {
  color: white;
}
.shop-items-container .shop-item-block .message-block.has-error i {
  background-image: url(../img/sprites1.png);
  background-position: -525px -356px;
  background-size: initial;
  width: 11px;
  height: 11px;
  display: inline-block;
  margin-right: 4px;
}
.shop-items-container .shop-item-block .message-block:after {
  background: #fff;
  content: " ";
  height: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.shop-items-container .shop-item-block.expanded .message-block {
  display: block;
}
.shop-items-container .shop-item-block .btn-primary {
  font-size: 16px;
}
.shop-items-container .shop-item-block .btn-default {
  background: #f9f9f9;
  background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f6f6f6 100%);
  background-image: -o-linear-gradient(top, #f9f9f9 0%, #f6f6f6 100%);
  background-image: linear-gradient(to bottom, #f9f9f9 0%, #f6f6f6 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff6f6f6', GradientType=0);
  width: 40px;
  height: 40px;
  border: #e2e3e4 1px solid;
  position: relative;
  border-radius: 6px;
  padding: 0;
}
.shop-items-container .shop-item-block .form-control {
  height: 42px;
  border: #d3d3d3 1px solid;
  outline: none;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  padding: 10px 5px;
  box-sizing: border-box;
  width: 50px;
  color: #737171;
  text-align: center;
}
.shop-items-custom-container .shop-item-block {
  position: relative;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
.shop-items-custom-container .shop-item-block .image-block {
  height: 100px;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.shop-items-custom-container .shop-item-block .title {
  margin: 0 !important;
  font-size: 16px;
  color: black;
  font-weight: bold;
}
.shop-items-custom-container .shop-item-block .description-block {
  color: #333333;
  padding-bottom: 40px;
}
.shop-items-custom-container .shop-item-block .description-block p {
  margin: 0;
}
.shop-items-custom-container .shop-item-block .info-block {
  position: absolute;
  bottom: 0;
  color: #419943;
}
.shop-items-custom-container .shop-item-block .info-block p {
  margin-bottom: 0;
}
.clothing-block {
  padding-bottom: 70px;
  position: relative;
}
@media (min-width: 768px) {
  .clothing-block {
    height: 350px;
  }
}
.clothing-block .image-block {
  height: 100px;
}
.clothing-block .name-block .title {
  margin: 0;
  text-transform: uppercase;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #3584e6;
}
@media (min-width: 768px) {
  .clothing-block .buy-block {
    height: 70px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }
}
.clothing-block .buy-block p {
  text-transform: uppercase;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media (min-width: 768px) {
  .clothing-block.custom-block .image-block {
    height: 310px;
  }
}
.bulldozer-image {
  height: 15px;
  width: 24px;
  display: inline-block;
  background-image: url(../img/city/bulldozer_icon_black.svg);
}
.bulldozer-image-primary {
  background-image: url(../img/city/bulldozer_icon.svg);
}
.bulldozer-image.buildozer-white {
  background-image: url(../img/city/bulldozer_icon_white.svg) !important;
}
.bulldozer-image.buildozer-black {
  background-image: url(../img/city/bulldozer_icon_black.svg) !important;
}
.active .bulldozer-image {
  background-image: url(../img/city/bulldozer_icon.svg);
}
.shop-wrap .link-block {
  background-color: #f8f9fb;
  border-radius: 4px;
  max-height: 300px;
  box-shadow: 0 1px 1px #d9d9d9;
  border: 1px solid #f1f2f4;
  position: relative;
}
.shop-wrap .link-block .discount-icon {
  position: absolute;
  top: 10px;
  right: 10px;
  font-family: PT Sans;
  font-size: 16px;
  color: #fff;
  width: 28px;
  height: 28px;
  line-height: 28px !important;
  align-items: center;
  text-align: center !important;
  background: url(/media/assets/app/src/icons/star1.svg) no-repeat;
  background-size: 100%;
}
.shop-wrap .link-block .discount-icon:before {
  content: "%";
}
.shop-wrap .links-block-text {
  display: block;
  font-family: 'PT Sans', sans-serif;
  font-size: 20px;
  line-height: 130%;
  text-shadow: 0px 0 5px white;
  cursor: pointer;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 7px;
}
.shop-wrap .link-block:hover {
  box-shadow: 0 0 8px rgb(0 0 0%);
  opacity: 0.5;
}
.shop-wrap .buy-building-block {
  cursor: pointer;
  text-align: center;
}
.shop-wrap .buy-building-block .discount-icon {
  position: absolute;
  top: 5px;
  right: 5px;
  font-family: PT Sans;
  font-size: 14px;
  color: #fff;
  width: 26px;
  height: 26px;
  line-height: 26px !important;
  align-items: center;
  text-align: center !important;
  background: url(/media/assets/app/src/icons/star1.svg) no-repeat;
  background-size: 100%;
}
.shop-wrap .buy-building-block .discount-icon:before {
  content: "%";
}
.shop-wrap .building-image {
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-height: 100px;
}
.shop-wrap .building-image-text {
  text-decoration: none !important;
  margin: 0 auto;
  text-align: center;
  color: black;
}
.shop-wrap .image {
  background: no-repeat center;
  height: 190px;
  cursor: pointer;
}
.shop-wrap .premium-link {
  background-image: url(../img/shop/premium.png);
  background-size: 55%;
}
@media (max-width: 991px) {
  .shop-wrap .premium-link {
    background-size: 40%;
  }
}
@media (max-width: 775px) {
  .shop-wrap .premium-link {
    background-size: 50%;
  }
}
@media (max-width: 550px) {
  .shop-wrap .premium-link {
    background-size: 60%;
  }
}
.shop-wrap .taxi-link {
  background-image: url(../img/shop/taxi.png);
  background-size: contain;
}
.shop-wrap .bulldozer-link {
  background-image: url(../img/shop/bulldozer.png);
  background-size: contain;
}
.shop-wrap .gem-link {
  background-image: url(../img/shop/gem.png);
  background-size: contain;
}
.shop-wrap .items-link {
  background-image: url(../img/shop/bonus.png);
  background-size: contain;
}
.shop-wrap .business-link {
  background-image: url(../img/shop/business.png);
  background-size: contain;
}
@media (max-width: 991px) {
  .shop-wrap .business-link {
    background-size: 80%;
  }
}
.shop-wrap .building-link {
  background-image: url(../img/shop/building.png);
  background-size: contain;
}
@media (max-width: 991px) {
  .shop-wrap .building-link {
    background-size: 80%;
  }
}
.shop-wrap .tournament-link {
  background-image: url(../img/shop/tournament_shop.png);
  background-size: 80%;
}
.shop-wrap .roulette-link {
  background-image: url(../img/shop/roulette_shop.png);
  background-size: 80%;
}
.cmSubShop {
  left: 0;
  right: 0;
  bottom: 0;
  border-top: #d4d9e1 1px solid;
  border-bottom: #d4d9e1 1px solid;
  z-index: 100;
  list-style: none;
  margin: 0;
  padding: 0;
  display: table;
  width: 100%;
  background: #f0f1f6;
}
.cmSubShop > li {
  display: table-cell;
  width: 1%;
}
.cmSubShop > li a {
  background: linear-gradient(to bottom, #e7eaed 0%, #eaeef1 6%, #f3f5f7 7%, #fbfcfe 100%);
  display: block;
  height: 35px;
  line-height: 35px;
  color: #3a69c9;
  text-decoration: none;
  text-align: center;
  position: relative;
  border-right: #d4d9e1 1px solid;
  box-sizing: border-box;
  padding: 0 5px;
  white-space: nowrap;
}
.cmSubShop > li a:hover {
  background: linear-gradient(to bottom, #7dade5 0%, #b1cff0 15%, #b1cff0 90%, #deecf9 100%);
}
.cmSubShop > li a.active {
  background: linear-gradient(to bottom, #7dade5 0%, #b1cff0 15%, #b1cff0 90%, #deecf9 100%);
}
.nav.nav-shop li a .star-sticker-icon {
  margin-left: 4px;
  float: right;
  font-family: PT Sans;
  font-size: 12px;
  color: #fff;
  width: 23px;
  height: 23px;
  line-height: 23px !important;
  align-items: center;
  text-align: center !important;
  background: url(/media/assets/app/src/icons/star1.svg) no-repeat;
  background-size: 100%;
}
.nav.nav-shop li a .star-sticker-icon:before {
  content: "%";
}
.tournament-shop .tournament-points {
  font-size: 22px;
}
.tournament-shop .tournament-points small {
  font-size: 14px;
}
.box-item-block.upgradeProfileItem .badge {
  position: absolute;
  top: 0;
  right: 0;
}
.roulette-page .gifts-table tr.received .name {
  text-decoration: line-through;
  color: #666;
}
.roulette-page .gifts-table tr.received img {
  filter: grayscale(1);
}
div.collapsed i.fa.fa-angle-down {
  transform: rotate(180deg);
}
.shop-chain .chain-step-wrap {
  overflow: hidden;
}
.shop-chain .chain-step-wrap > * {
  position: relative;
  z-index: 2;
}
.shop-chain .chain-step-wrap:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: #000;
  -webkit-mask-image: linear-gradient(to right, transparent 0%, #0000001c 40%, #000000e3 100%);
}
.shop-chain .chain-step-wrap.rewards-received .chain-step-reward {
  opacity: 0.5;
}
.shop-chain .chain-step-wrap.rewards-received .step-account-type {
  opacity: 0.7;
}
.shop-chain .chain-step-wrap .chain-step-title {
  line-height: 60px;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8));
  border-bottom: 1px solid;
  border-image: linear-gradient(to right, rgba(251, 226, 34, 0), rgba(251, 226, 34, 1), rgba(251, 226, 34, 0)) 3;
}
.shop-chain .chain-step-wrap .chain-step-body .chain-step-rewards {
  display: flex;
  justify-content: end;
  gap: 10px;
}
@media (max-width: 992px) {
  .shop-chain .chain-step-wrap .chain-step-body .chain-step-rewards {
    justify-content: center;
  }
}
.shop-chain .chain-step-wrap .chain-step-body .chain-step-rewards .chain-step-reward .reward-counter {
  font-size: 18px;
  position: absolute;
  top: 0;
  right: 25px;
}
.shop-chain .chain-step-wrap .chain-step-body .step-reward-name-wrap {
  max-height: 37px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 16px 0 0;
  width: 160px;
  min-height: 74px;
  padding: 10px 5px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left: 0;
  border-right: 0;
  border-style: solid;
  border-image: linear-gradient(to right, rgba(251, 226, 34, 0), rgba(251, 226, 34, 1), rgba(251, 226, 34, 0)) 3;
  background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.shop-chain .chain-step-wrap .chain-step-body .step-reward-name-wrap .step-reward-name {
  font-size: 18px;
  line-height: 130%;
  text-shadow: 1px 1px 1px black;
}
.shop-chain .chain-step-wrap .chain-step-body .step-description {
  width: 90%;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 68.75%, rgba(0, 0, 0, 0) 100%);
  color: white;
  padding: 7px 0;
}
@media (max-width: 992px) {
  .shop-chain .chain-step-wrap .chain-step-body .step-description {
    width: 100%;
    text-align: center;
  }
}
.shop-chain .chain-step-wrap .chain-step-body .chain-step-body-left {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 76.06%, rgba(0, 0, 0, 0) 100%);
  width: fit-content;
  color: #FBE222;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  padding: 11px 40px;
}
@media (max-width: 992px) {
  .shop-chain .chain-step-wrap .chain-step-body .chain-step-body-left {
    margin-top: 2px;
  }
}
.shop-chain .chain-step-wrap .chain-step-body .step-choose-buttons {
  display: flex;
  gap: 3px;
}
.shop-chain .chain-step-wrap .chain-step-body .step-choose-btn {
  position: relative;
  padding: 4px 16px;
  line-height: 38px;
  border-radius: 3px;
  color: #fff;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
.shop-chain .chain-step-wrap .chain-step-body .step-choose-btn:before,
.shop-chain .chain-step-wrap .chain-step-body .step-choose-btn:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  z-index: -2;
  border-width: 2px 2.5px 2px 2.5px;
  border-style: solid;
  border-color: #79624A;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 5.53%, rgba(255, 255, 255, 0.29) 47.81%, rgba(255, 255, 255, 0) 51.18%), linear-gradient(102deg, #A98C43 -3.15%, #B99053 28.77%, #88623F 85.67%);
  background-size: auto 200%;
  opacity: 0.8;
}
.shop-chain .chain-step-wrap .chain-step-body .step-choose-btn:before {
  top: -1px;
  bottom: 50%;
  border-bottom: none;
  -webkit-transform: skewX(30deg);
  background-position-y: 0%;
}
.shop-chain .chain-step-wrap .chain-step-body .step-choose-btn:after {
  top: 50%;
  bottom: -1px;
  border-top: none;
  -webkit-transform: skewX(-30deg);
  background-position-y: 100% !important;
}
.shop-chain .chain-step-wrap .chain-step-body .step-choose-btn:hover {
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0px 0px 30px #FFE1B8);
}
.shop-chain .chain-step-wrap .chain-step-body .step-choose-btn:hover:not(.is-active, :last-child):before,
.shop-chain .chain-step-wrap .chain-step-body .step-choose-btn:hover:not(.is-active, :last-child):after {
  border-color: #FFD097;
}
.shop-chain .chain-step-wrap .chain-step-body .step-choose-btn.is-active:before,
.shop-chain .chain-step-wrap .chain-step-body .step-choose-btn.is-active:after {
  opacity: 1;
  border-color: #D68735;
  background-size: auto 200% !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 5.53%, rgba(255, 255, 255, 0.29) 47.81%, rgba(255, 255, 255, 0) 51.18%), linear-gradient(102deg, #FFBF1B -3.15%, #FE9E0D 28.77%, #FF881A 85.67%);
}
.shop-chain .chain-step-wrap .chain-step-body .step-choose-btn.is-active .step-choose-text:before,
.shop-chain .chain-step-wrap .chain-step-body .step-choose-btn.is-active .step-choose-text:after {
  content: "";
  position: absolute;
  left: -6px;
  right: -3.5px;
  z-index: -1;
  border-width: 2px 2.5px 2px 2.5px;
  border-style: solid;
  border-color: #FBE222;
}
.shop-chain .chain-step-wrap .chain-step-body .step-choose-btn.is-active .step-choose-text:before {
  top: -5px;
  bottom: 50%;
  border-bottom: none;
  border-radius: 3px 1px 0 0;
  -webkit-transform: skewX(30deg);
}
.shop-chain .chain-step-wrap .chain-step-body .step-choose-btn.is-active .step-choose-text:after {
  top: 50%;
  bottom: -5px;
  border-top: none;
  border-radius: 0 0 1px 3px;
  -webkit-transform: skewX(-30deg);
}
.shop-chain .chain-step-wrap .chain-step-body .step-choose-btn.is-active .step-choose-border:before,
.shop-chain .chain-step-wrap .chain-step-body .step-choose-btn.is-active .step-choose-border:after {
  content: "";
  position: absolute;
  left: 11px;
  right: 8px;
  z-index: -1;
  border-width: 2px 2.5px 2px 2.5px;
  border-style: solid;
  border-color: #FBE222;
  filter: blur(0.3px);
}
.shop-chain .chain-step-wrap .chain-step-body .step-choose-btn.is-active .step-choose-border:before {
  top: 5px;
  bottom: 50%;
  border-bottom: none;
  border-radius: 3px 1px 0 0;
  -webkit-transform: skewX(30deg);
}
.shop-chain .chain-step-wrap .chain-step-body .step-choose-btn.is-active .step-choose-border:after {
  top: 50%;
  bottom: 5px;
  border-top: none;
  border-radius: 0 0 1px 3px;
  -webkit-transform: skewX(-30deg);
}
.shop-chain .chain-step-wrap .chain-step-body .step-choose-btn:last-child:hover {
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0px 0px 30px #E28EA2);
}
.shop-chain .chain-step-wrap .chain-step-body .step-choose-btn:last-child:hover:not(.is-active):before,
.shop-chain .chain-step-wrap .chain-step-body .step-choose-btn:last-child:hover:not(.is-active):after {
  border-color: #FFB8C9;
}
.shop-chain .chain-step-wrap .chain-step-body .step-choose-btn:last-child:before,
.shop-chain .chain-step-wrap .chain-step-body .step-choose-btn:last-child:after {
  opacity: 1;
  border-color: #A44058;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 5.53%, rgba(255, 255, 255, 0.29) 47.81%, rgba(255, 255, 255, 0) 51.18%), linear-gradient(102deg, #E45678 -3.15%, #E45678 28.77%, #CA4767 85.67%);
}
.shop-chain .chain-step-wrap .chain-step-body .step-choose-btn:last-child.is-active .step-choose-text:before,
.shop-chain .chain-step-wrap .chain-step-body .step-choose-btn:last-child.is-active .step-choose-text:after {
  border-color: #FF89A4;
}
.shop-chain .chain-step-wrap .chain-step-body .step-choose-btn:last-child.is-active .step-choose-border:before,
.shop-chain .chain-step-wrap .chain-step-body .step-choose-btn:last-child.is-active .step-choose-border:after {
  border-color: #FDA8FF;
}
.shop-chain .chain-step-wrap .chain-step-body .step-purchase-btn {
  min-width: 180px;
  margin-left: auto;
  text-shadow: 1px 1px 0px #065907;
  font-size: 20px;
  font-weight: 700;
}
@media (max-width: 992px) {
  .shop-chain .chain-step-wrap .chain-step-body .step-purchase-btn {
    width: 100%;
    margin-top: 20px;
    font-size: 18px;
  }
}
.shop-chain .chain-step-wrap .chain-step-body .step-purchase-btn span {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row-reverse;
  gap: 10px;
}
.shop-chain .chain-step-wrap .chain-step-body .step-purchase-btn .txm-account-icon {
  transform: scale(1.6);
  filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.25));
}
.buy-building-block .building-block-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.buy-building-block .building-image {
  max-height: 110px;
  width: auto;
}
.notifications-container .list-content {
  display: none;
}
.notifications-container .notification {
  position: relative;
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  z-index: 1600;
  color: white;
  margin: 0 auto 15px;
}
.notifications-container .notification .counter-wrap {
  display: block;
  text-decoration: none;
  margin-top: 10px;
  border-radius: 4px;
}
.notifications-container .notification .counter-wrap .notification-tiny-icon {
  display: flex;
  justify-content: center;
  color: #fff;
  margin-top: 5px;
}
.notifications-container .notification .notification-title {
  color: white;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
}
.notifications-container .notification .btn-close {
  color: #f74877;
  right: 0;
  top: 0;
  background: none;
  border: none;
}
.notifications-container .notification .btn.btn-primary {
  padding: 7px 15px;
}
.notifications-container .notification .btn.btn-danger {
  padding: 7px 15px;
}
.notifications-container .notification a,
.notifications-container .notification .h5,
.notifications-container .notification .h4,
.notifications-container .notification p {
  color: white;
}
.notifications-container .notification a.text-primary {
  color: #3584e6;
}
.notifications-container .notification a.text-lightblue {
  color: #a3ccff;
}
.notifications-container .notification p {
  margin-bottom: 0;
}
.notifications-container .notification .name-block,
.notifications-container .notification .image-block,
.notifications-container .notification .image-container {
  margin-bottom: 5px;
}
.notifications-container .notification .description-block {
  margin-bottom: 0;
}
.notifications-container .notification .description-block + .actions-block {
  margin-top: 5px;
}
.notifications-container .notification .actions-block .btn {
  box-shadow: none;
}
.notifications-container .notification .notification-points {
  background: #fff;
  border-radius: 40px;
  width: 40px;
  height: 40px;
  color: #f74877;
  font-size: 21px;
  text-align: center;
  line-height: 39px;
  margin-top: 17px;
}
.notifications-container .notification-default {
  display: block;
  width: 280px;
  background: rgba(88, 93, 122, 0.9);
  border-radius: 5px;
  margin-bottom: 10px;
  box-shadow: 0 1px 1px black;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}
.notifications-container .notification-default .notification-inner {
  padding: 15px 15px;
  position: relative;
}
.notifications-container .notification-default .notification-inner .col-xs-3 i.fa {
  max-width: 100%;
}
.notifications-container .notification-default:hover {
  background: rgba(67, 70, 92, 0.9);
  box-shadow: 0 1px 1px black;
}
.notifications-container .notification-default .image-block {
  position: relative;
  margin: auto;
  text-align: center;
  height: 110px;
}
.notifications-container .notification-default .image-block img {
  background: transparent;
  display: inline-block;
  width: 80px;
  border-radius: 4px;
}
.notifications-container .notification-default .image-block .label-level {
  position: absolute;
  top: 20px;
  right: -5px;
}
.notifications-container .notification-default .description-block {
  font-size: 14px;
  line-height: 1.4;
}
.notifications-container .notification-default .img-taxi-block {
  border-radius: 5px;
  border-color: #dadada;
  background-image: -moz-radial-gradient(center, circle, #f7f7f7, #ededed 100%);
  background-image: -ms-radial-gradient(center, circle, #f7f7f7, #ededed 100%);
  background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(#f7f7f7), to(#ededed));
  background-image: -webkit-radial-gradient(center, circle, #f7f7f7, #ededed 100%);
  background-image: -o-radial-gradient(center, circle, #f7f7f7, #ededed 100%);
  background-image: radial-gradient(center, circle, #f7f7f7, #ededed 100%);
}
.notifications-container .notification-default .img-achievement-block i {
  display: block;
  margin: auto;
}
.notifications-container .notification-default .notification-progress {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background: rgba(67, 70, 92, 0.9);
}
.notifications-container .notification-default .img-money .icon-money-withdraw,
.notifications-container .notification-default .img-money .icon-money-deposit {
  top: 0;
  transform: none;
}
.notification-employer .image-block .label-level {
  top: 10px;
}
.notification-employer .image-block img {
  border-radius: 50%;
}
.notifications-container {
  position: fixed;
  top: 55px;
  padding: 10px;
  right: 0;
  min-width: 300px;
  opacity: 0;
  display: none;
  z-index: 1500;
  overflow-x: hidden;
  max-height: 100%;
}
.notifications-inner {
  position: relative;
}
.notifications-title {
  background: rgba(255, 255, 255, 0.95);
  padding: 10px;
  border-radius: 3px;
  margin-bottom: 10px;
}
.notifications-title h4 {
  margin: 0;
}
.notifications-title .btn-close {
  margin: 0;
  padding: 0;
  border: none;
}
.notification-open .notifications-container {
  display: block;
  opacity: 1;
  z-index: 9999;
}
.notification-open .notifications-container .my-notification-actions {
  display: none;
}
@media (max-width: 768px) {
  .modal-new-taxi-buy .modal-dialog {
    width: 100% !important;
    box-shadow: none !important;
  }
  .modal-new-taxi-buy .modal-content {
    padding-top: 0px !important;
    margin-top: 0px !important;
  }
  .modal-new-taxi-buy .bg-car-name {
    display: none !important;
  }
  .modal-new-taxi-buy .bg-car-image {
    margin: 0 auto !important;
    position: unset !important;
  }
}
.modal-new-taxi .modal-dialog {
  width: 690px;
  box-shadow: 3px 9px 16px rgba(0, 0, 0, 0.4);
  border-radius: 4px;
}
.modal-new-taxi .modal-dialog .modal-header {
  padding: 18px 50px;
}
.modal-new-taxi .modal-dialog .modal-body {
  padding-top: 0;
}
.modal-new-taxi .modal-dialog .modal-content {
  background: rgba(65, 60, 74, 0.93);
}
.modal-new-taxi .modal-dialog .modal-content .text-1 {
  line-height: 39px;
  font-size: 30px;
  font-family: "PT Sans";
  font-weight: bold;
}
.modal-new-taxi .modal-dialog .modal-content .text-2 {
  font-size: 24px;
  font-family: "PT Sans";
  line-height: 110%;
}
.modal-new-taxi .modal-dialog .modal-content .car-name {
  color: #ffc94c;
}
.modal-new-taxi .modal-dialog .modal-content .car-got-description {
  display: block;
  margin-top: 20px;
}
.modal-new-taxi .modal-dialog .modal-content .bg-car-name {
  width: 100%;
  position: absolute;
  font-size: 70px;
  top: -10px;
  left: 0;
  opacity: 0.25;
  z-index: 1;
  line-height: 90%;
}
.modal-new-taxi .modal-dialog .modal-content .bg-car-image {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 330px;
  height: 250px;
  margin: 0 0 -110px 0;
  position: absolute;
  left: 0;
  top: 0;
}
.modal-new-taxi .modal-dialog .modal-content .car-image {
  position: relative;
  z-index: 1;
  left: -50px;
  top: 0;
}
.modal-new-taxi .modal-dialog .modal-content .modal-footer {
  padding: 15px;
  border-top: 1px solid #55525e;
}
.modal-new-taxi .modal-dialog .modal-content .modal-footer .share-text {
  font-size: 16px;
  line-height: 110%;
  margin-bottom: 10px;
}
.modal-new-taxi .modal-dialog .modal-content .modal-footer .btn-social i {
  font-size: 20px;
  font-family: "Font Awesome 5 Brands" !important;
}
.modal-new-taxi .modal-dialog .modal-content .modal-footer .prize-bar {
  margin-top: 15px;
  width: 100%;
}
.modal-new-taxi .modal-dialog .modal-content .modal-footer .prize-bar .reward-icons {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  font-size: 14px;
  justify-content: center;
}
.modal-new-taxi .modal-dialog .modal-content .modal-footer .prize-bar .reward-icons > div {
  width: 20%;
  padding-bottom: 10px;
  margin-right: 2%;
}
.modal-new-taxi .modal-dialog .modal-content .modal-footer .prize-bar .reward-icons > div.disabled {
  opacity: 0.3;
}
.modal-new-taxi .modal-dialog .modal-content .modal-footer .prize-bar .reward-icons .prize-block {
  min-width: 60px;
  max-width: 80px;
  margin-left: auto;
  margin-right: auto;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid #000;
  border-radius: 4px;
  padding-bottom: 55%;
  height: 0;
  margin-bottom: 5px;
  position: relative;
  transition: transform 0.3s ease;
}
.modal-new-taxi .modal-dialog .modal-content .modal-footer .prize-bar .reward-icons .prize-block:hover {
  transform: scale(1.1);
}
.modal-new-taxi .modal-dialog .modal-content .modal-footer .prize-bar .reward-icons .prize-block .prize-icon {
  width: 60%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.modal-new-taxi .modal-dialog .modal-content .modal-footer .prize-bar .reward-icons .prize-text {
  color: #419943;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 18px;
}
.modal-activity .modal-dialog .modal-content {
  overflow-y: auto;
}
.modal-activity .modal-dialog .modal-content .modal-body .activityButton {
  display: block;
  position: relative;
  text-decoration: none;
  color: white;
  margin: 10px 0px;
  padding: 0px 5px;
  border-radius: 7px;
  width: 100%;
  height: 120px;
  border: 2px solid #000;
}
.modal-activity .modal-dialog .modal-content .modal-body .activityButton .text {
  text-wrap: wrap;
  text-align: left;
  position: relative;
}
.modal-activity .modal-dialog .modal-content .modal-body .activityButton .footer-info {
  width: 100%;
  position: absolute;
  background-color: #0c0c0c;
  color: #fbbc23;
  height: 24px;
  bottom: 0;
  left: 0;
  border-radius: 0 0 6px 6px;
  margin: 0px;
}
.modal-activity .modal-dialog .modal-content .modal-body .activityButton .footer-info span.timer {
  position: absolute;
  left: 5px;
}
.modal-activity .modal-dialog .modal-content .modal-body .activityButton .footer-info span.timer > * {
  position: relative;
}
.modal-activity .modal-dialog .modal-content .modal-body .activityButton .red-dot {
  position: absolute;
  top: -5px;
  right: -5px;
  width: 20px;
  height: 20px;
  background-color: #f74877;
  border-radius: 100%;
}
@media (min-width: 766px) {
  .modal-activity .modal-dialog {
    width: 600px;
  }
  .modal-activity .modal-dialog .modal-content {
    max-height: 600px;
  }
}
.modal-active-bonus .modal-dialog .modal-content {
  overflow-y: auto;
}
.modal-active-bonus .modal-dialog .modal-content .container-fluid {
  padding-left: 15px;
  padding-right: 15px;
}
.modal-active-bonus .modal-dialog .modal-content .container-fluid .modal-body {
  padding: 10px 0;
  text-align: initial;
}
.modal-active-bonus .modal-dialog .modal-content .container-fluid .modal-body .description .panel {
  background-color: initial;
  background-image: initial;
}
.modal-active-bonus .modal-dialog .modal-content .container-fluid .modal-body .description .panel .panel-title {
  color: black;
}
.modal-active-bonus .modal-dialog .modal-content .container-fluid .modal-body .description .table {
  background-color: initial;
}
.modal-active-bonus .modal-dialog .modal-content .container-fluid .modal-body .description .snippet-drawing {
  background: url("../img/snippet-drawing-bg.png") center center no-repeat;
  background-size: cover;
}
.modal-active-bonus .modal-dialog .modal-content .container-fluid .modal-body .description .snippet-drawing img.car {
  position: absolute;
  width: 45%;
  top: -2%;
  right: -3%;
}
.modal-active-bonus .modal-dialog .modal-content .container-fluid .modal-body .description .snippet-contest .prizes .prizes-first {
  position: relative;
  font-size: 90%;
  min-height: 140px;
}
.modal-active-bonus .modal-dialog .modal-content .container-fluid .modal-body .description .snippet-contest .prizes .prizes-first .place_with_cup {
  margin: 0 0 0 30px;
  padding: 0 0 0 38px;
  background: url("../img/snippet-contest-cup.png") 0 5px no-repeat;
  background-size: 28px auto;
  background-origin: border-box;
}
.modal-active-bonus .modal-dialog .modal-content .container-fluid .modal-body .description .snippet-contest .prizes .prizes-first img.car {
  position: absolute;
  width: 70%;
  right: 5%;
  bottom: 0;
  margin-bottom: -5%;
}
.modal-active-bonus .modal-dialog .modal-content .container-fluid .modal-body .description .snippet-contest .prizes .prizes-secondary {
  position: relative;
  font-size: 90%;
  min-height: 50px;
}
.modal-active-bonus .modal-dialog .modal-content .container-fluid .modal-body .description .snippet-contest .prizes .prizes-secondary img.car {
  position: absolute;
  width: 55%;
  top: 0;
  right: 4%;
  min-width: 70px;
}
.modal-active-bonus .modal-dialog .modal-content .container-fluid .modal-body .description .snippet-contest .prizes .prizes-secondary > div {
  position: relative;
}
.modal-active-bonus .modal-dialog .modal-content .container-fluid .modal-body .description .snippet-contest-short {
  background: #ffffff url("../img/snippet-contest-cups.png") right bottom no-repeat;
  background-size: 50% auto;
  background-position: 95% 85%;
}
.modal-active-bonus .modal-dialog .modal-content .container-fluid .modal-body .description .snippet-car-row {
  color: black;
  position: relative;
  background: url("../img/snippet-taxi-bg.jpg") top center no-repeat;
  background-size: cover;
  background-origin: border-box;
}
.modal-active-bonus .modal-dialog .modal-content .container-fluid .modal-body .description .snippet-car-row .car-row-collapse {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.modal-active-bonus .modal-dialog .modal-content .container-fluid .modal-body .description .snippet-car-row img.car {
  margin: -20px auto -30px;
}
.modal-active-bonus .modal-dialog .modal-content .container-fluid .modal-body .description .snippet-car-row .car-details {
  min-height: 3em;
}
.modal-active-bonus .modal-dialog .modal-content .container-fluid .modal-body .description .snippet-shopbox {
  background: url("../img/snippet-shopbox-bg.jpg") center center no-repeat;
  background-size: 100% 100%;
  background-origin: border-box;
}
.modal-active-bonus .modal-dialog .modal-content .container-fluid .modal-body .description .snippet-shopbox .box-price {
  color: #333333;
  font-size: 240%;
  font-weight: bold;
}
.modal-active-bonus .modal-dialog .modal-content .container-fluid .modal-body .description .snippet-shopbox .box-img {
  width: 70%;
  margin: auto;
}
.modal-active-bonus .modal-dialog .modal-content .container-fluid .modal-body .description img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 766px) {
  .modal-active-bonus .modal-dialog {
    width: 750px;
  }
  .modal-active-bonus .modal-dialog .modal-content {
    max-height: 800px;
  }
}
.notification-page .notification {
  position: relative;
  padding: 0;
  background-color: var(--tx-panel-background);
  border-radius: 5px;
  margin-bottom: 10px;
  box-shadow: 0 0 4px var(--tx-box-shadow-color);
}
.notification-page .notification .counter-wrap {
  display: none;
}
.notification-page .notification .notification-inner {
  padding: 5px 10px;
}
.notification-page .notification .notification-inner .col-xs-3 i.fa {
  max-width: 100%;
}
.notification-page .notification .btn-change {
  position: absolute;
  top: 30px;
  right: 35px;
  font-size: 20px;
  z-index: 10;
}
.notification-page .notification .btn-change:hover {
  opacity: 0.8;
}
.notification-page .notification .unread-badge {
  position: absolute;
  top: -3px;
  right: -4px;
  display: flex;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  background-color: #f74877;
}
.notification-page .notification .unread-border {
  width: 100%;
  border-radius: 5px;
  height: 100%;
  position: absolute;
  border: 1px solid #f74877;
}
.notification-page .notification.non-viewed {
  border: 1px solid #f74877;
}
.notification-page .notification .date {
  position: absolute;
  font-family: Cuprum;
  top: 5px;
  right: 5px;
}
.notification-page .notification .row {
  display: flex;
  align-items: center;
}
.notification-page .notification .col-xs-3 {
  width: 10%;
}
.notification-page .notification .col-xs-9 {
  width: 80%;
}
.notification-page .notification h4 {
  margin-right: 50px;
}
.notification-page .notification p {
  line-height: 130%;
  margin-bottom: 0;
}
.notification-page .notification .actions-block {
  display: none !important;
}
.notification-page .notification .notification-title {
  margin: 0;
}
.notification-page .notification .btn.btn-close {
  display: none;
}
.notification-page .notification.collapse.hidden {
  display: block !important;
}
@media (max-width: 767px) {
  .notification-page .notification .col-xs-3 {
    width: 17%;
  }
  .notification-page .notification .col-xs-9 {
    width: 72%;
  }
}
.hint {
  position: relative;
  padding: 15px 15px;
  color: white;
  border-radius: 5px;
  box-shadow: 0 1px 1px #a9a9a9;
  margin-bottom: 20px;
}
.hint h4,
.hint .h4 {
  color: white;
}
.hint .title {
  margin-top: 5px;
  margin-bottom: 5px;
}
.hint-custom {
  background: rgba(88, 93, 122, 0.9);
  padding-right: 163px;
}
.hint-custom:after {
  content: "";
  position: absolute;
  right: -20px;
  bottom: 0;
  background: url("../icons/icon-help.png");
  width: 168px;
  height: 205px;
  z-index: 1;
}
.old-value {
  color: #a4a4a4;
  position: relative;
  font-family: "PT Sans";
  font-size: 12px;
  width: fit-content;
}
.old-value:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: #898989;
  background-color: #898989;
  transform: translateY(-50%) rotate(-15deg);
}
.city-section {
  position: relative;
  z-index: 110;
  margin-left: -10px;
  margin-right: -10px;
  padding: 0 10px 0;
}
.city-section .table-justified {
  margin-left: -10px;
  margin-right: -10px;
}
.city-section .table {
  background: white;
}
.city-section .city-heading {
  margin-bottom: 10px;
}
.city-section .city-heading .h1,
.city-section .city-heading h1 {
  margin-top: 5px;
  margin-bottom: 5px;
}
.city-section.orders-history-section .history-car-icon {
  height: 150px;
}
@media (max-width: 766px) {
  .city-section.orders-history-section .history-car-icon {
    height: 100px;
  }
}
.bcg-none {
  background: none !important;
}
@media (max-width: 766px) {
  .alert-promo {
    margin-left: 5px;
    margin-right: 5px;
  }
}
.table-orders .image-column {
  max-width: 80px;
  min-width: 80px;
  width: 80px;
  vertical-align: middle;
  white-space: nowrap;
}
.table-orders .address-column {
  position: relative;
}
.table-orders .address-block p {
  margin-bottom: 0;
}
.table-orders .image-block {
  display: inline-block;
  vertical-align: middle;
}
.table-orders .image-block img,
.table-orders .image-block i {
  display: block;
  width: 60px;
  border-radius: 4px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.table-orders .special-block {
  position: absolute;
  right: 10px;
  width: 80px;
}
.form-avatar .img-container {
  overflow: unset;
  position: relative;
}
.image-block .label.label-level.first {
  background: #fbbc23;
}
.image-block .label.label-level.second {
  background: #3584e6;
}
.image-block .label.label-level.other {
  background: #dadada;
}
.table-header {
  font-size: 20px;
  white-space: nowrap;
}
.salary-section .payments-block {
  padding: 20px 20px;
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #f8f9fb 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #f8f9fb 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #f8f9fb 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f9fb', GradientType=0);
  border: 1px solid #e7e8ee;
  border-radius: 5px;
}
.salary-section .payments-block p {
  margin-bottom: 0;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1;
  text-transform: uppercase;
}
.salary-section .payments-block .title {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 14px;
}
.salary-section .payments-block .amount {
  font-size: 22px;
}
.salary-section .payments-block .btn {
  margin-top: 5px;
  margin-bottom: 5px;
}
.price-table-block caption,
.price-table-block caption {
  background: white;
  margin: 0;
  border: 1px solid #e5e7eb;
}
.price-table-block .table {
  background: white;
}
.table-license .column-buy,
.table-license .column-prolong {
  max-width: 210px;
  min-width: 210px;
  width: 210px;
}
.table-license.table-license-popup .time-date {
  color: currentColor;
}
.table-license .column-remove {
  max-width: 157px;
  min-width: 157px;
  width: 157px;
}
.table-license .column-taxi {
  max-width: 90px;
  min-width: 90px;
  width: 90px;
}
@media (min-width: 768px) {
  .table-license .column-taxi {
    max-width: 200px;
    min-width: 200px;
    width: 200px;
  }
}
.table-license .text-taxi-name {
  white-space: nowrap;
  display: inline-block;
  max-width: 100%;
}
.table-license .text-taxi-name.not-employed {
  color: #888888;
}
@media (min-width: 768px) {
  .table-license .text-taxi-name {
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
.license-form .alert-form.error-block {
  padding: 7px;
  margin-bottom: 7px;
}
.license-form .alert-form.error-block p {
  font-size: 12px;
}
.modal-taxi-block .img-block {
  margin-top: 10px;
  position: relative;
  background: #f1f1f1;
  border-radius: 3px;
  border-color: #dadada;
  background-image: -moz-radial-gradient(center, circle, #f7f7f7, #ededed 100%);
  background-image: -ms-radial-gradient(center, circle, #f7f7f7, #ededed 100%);
  background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(#f7f7f7), to(#ededed));
  background-image: -webkit-radial-gradient(center, circle, #f7f7f7, #ededed 100%);
  background-image: -o-radial-gradient(center, circle, #f7f7f7, #ededed 100%);
  background-image: radial-gradient(center, circle, #f7f7f7, #ededed 100%);
}
.modal-taxi-block p {
  margin-bottom: 0;
}
.modal-taxi-block h4,
.modal-taxi-block h5 {
  color: white;
}
.panel-license-in-progress {
  background: transparent;
}
.panel-license-in-progress .level-company {
  position: absolute;
  left: 0px;
  top: -6px;
}
.panel-license .panel-heading .panel-title {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 24px;
}
.panel-license .panel-heading,
.panel-license .panel-footer {
  padding: 20px 10px;
}
.panel-license .panel-heading p,
.panel-license .panel-footer p {
  margin-bottom: 0;
  color: var(--tx-text-color);
}
.panel-license .panel-footer {
  position: relative;
  padding: 30px 10px;
}
.panel-license .panel-footer i {
  position: absolute;
  right: -10px;
  bottom: -35px;
}
.form-license .alert {
  background-color: white;
  border-color: #f63065;
  color: #333;
  background: transparent;
  padding: 15px 20px;
  text-align: center;
  box-shadow: none;
  border-radius: 5px;
  font-size: 14px;
  color: black;
  border: 2px solid #f74877;
  background: white;
  text-shadow: none;
  position: relative;
  color: var(--tx-text-color);
  background: var(--tx-panel-background);
}
.form-license .alert hr {
  border-top-color: #f51753;
}
.form-license .alert .alert-link {
  color: #1a1a1a;
}
.form-license .alert hr {
  border-top-color: #f51753;
}
.form-license .alert .alert-link {
  color: #1a1a1a;
}
.form-license .alert.alert-full h4,
.form-license .alert.alert-full .h4 {
  color: #f74877;
}
.form-license .alert h4,
.form-license .alert .h4 {
  color: #f74877;
}
.form-license .alert .close {
  right: 10px;
  top: 10px;
}
.form-license .alert.error-block {
  color: #ffffff;
  background-color: #f63065;
}
.table-license-prices {
  text-align: center;
  table-layout: fixed;
}
.table-penalties .column-form {
  max-width: 160px;
  min-width: 160px;
  width: 160px;
}
.table-penalties .column-form .error-block {
  color: #f74877;
  margin-bottom: 0;
}
.form-options {
  margin-bottom: 10px;
}
.form-fire .error-block {
  margin-top: 5px;
  margin-bottom: 0;
  line-height: 1.2;
}
.form-fire .error-block p {
  line-height: 1.2;
}
.table-responsive .table-salary .column-company {
  max-width: 100px;
  min-width: 100px;
  width: 100px;
}
@media (min-width: 768px) {
  .table-responsive .table-salary .column-company {
    max-width: 200px;
    min-width: 200px;
    width: 200px;
  }
}
@media (min-width: 768px) {
  .table-responsive .table-salary .column-taxi {
    max-width: 180px;
    min-width: 180px;
    width: 180px;
  }
}
.table-responsive .table-salary .column-date {
  max-width: 110px;
  min-width: 110px;
  width: 110px;
}
@media (min-width: 768px) {
  .table-responsive .table-salary .column-date {
    max-width: 110px;
    min-width: 110px;
    width: 110px;
  }
}
.table-responsive .table-salary .column-form {
  white-space: normal;
  max-width: 150px;
  min-width: 150px;
  width: 150px;
}
.table-responsive .table-salary .taxi-block {
  line-height: 40px;
}
.table-responsive .table-salary .taxi-block .img-vertical {
  height: 40px;
}
.table-work-place .column-company {
  max-width: 200px;
  min-width: 200px;
  width: 200px;
}
.city-exchange-stats-container {
  margin-top: 20px;
}
.city-exchange-stats-container .title,
.city-exchange-stats-container .legend-block {
  line-height: 20px;
}
.city-exchange-stats-container .title {
  margin: 0;
  font-size: 22px;
}
.city-exchange-stats-container .legend-block {
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
.city-exchange-stats-container .legend-block span {
  display: inline-block;
  margin-left: 5px;
}
.city-exchange-stats-container .chart-container {
  margin-top: 5px;
}
.employerOrder .img-user-avatar-container,
.chase-block .img-user-avatar-container,
.employer .img-user-avatar-container {
  width: 60px;
}
.employerOrder .oTop {
  padding: 15px 10px;
}
.employers .employer .employerOrder .oRight {
  margin-right: 0;
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: right;
}
.employers .employer .empLine1 {
  padding-bottom: 0;
}
.employers .employer .upgrade-info-block {
  position: absolute;
  top: 0;
  left: 10px;
  z-index: 1000;
}
.employers .employer .upgrade-info-block i.fa-cog {
  color: #70bc61;
}
.employers .employer .upgrade-info-block .upgrade-info-tooltip {
  max-width: 150px;
  min-width: 150px;
}
.employers .employer .upgrade-info-block .upgrade-info-tooltip .img-block {
  position: relative;
  width: 25%;
}
.employers .employer .upgrade-info-block .upgrade-info-tooltip .img-block .badge {
  right: 0;
  top: 0;
}
.employers .employer .empImage {
  float: none;
  width: 100px;
  box-sizing: border-box;
  padding: 0px;
  position: relative;
  display: inline-block;
  vertical-align: top;
  max-width: 90px;
  min-width: 90px;
}
.employers .employer .empImage .img-taxi {
  top: -10px;
  right: -10px;
  bottom: -10px;
  left: -10px;
}
.employers .employer .empInfo {
  padding: 10px 0;
  display: inline-block;
  vertical-align: top;
  margin-left: 0;
}
.employers .employer .empInfo .fa-id-card.collapse:not(.in) {
  display: none !important;
}
.employers .employer .empInfo .taxi-fuel-block {
  position: absolute;
  width: 550px;
  z-index: 20;
}
@media (max-width: 768px) {
  .employers .employer .empInfo .taxi-fuel-block {
    width: 350px;
  }
}
.employers .employer .empActions {
  text-align: center;
  float: none;
  padding: 10px 10px;
}
@media (min-width: 768px) {
  .employers .employer .empActions {
    text-align: right;
    padding: 15px 10px;
  }
}
.employers .employer .empActions .progressBar {
  float: none;
  width: 100%;
  display: inline-block;
  vertical-align: top;
}
.cityMain .eventsBlocks {
  margin-top: 12px;
  margin-bottom: 20px;
}
.cityMain .eventsBlocks .grid {
  display: grid;
  grid-template-columns: 32% 32% 32%;
  grid-auto-rows: 140px;
  grid-row-gap: 10px;
  grid-column-gap: 10px;
  position: relative;
}
@media (max-width: 690px) {
  .cityMain .eventsBlocks .grid {
    grid-template-columns: 50% 50%;
    margin-right: 2%;
  }
}
.cityMain .eventsBlocks .grid .contest {
  background-origin: border-box;
  position: relative;
  text-decoration: none;
  background-size: cover;
  background-color: white;
  border-radius: 6px;
  background-repeat: no-repeat;
  cursor: pointer;
  opacity: 1;
}
.cityMain .eventsBlocks .grid .contest:hover {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  opacity: 0.5;
}
.cityMain .eventsBlocks .grid .winning {
  left: 10px;
  position: relative;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  color: #f74877;
  text-align: left;
}
.cityMain .eventsBlocks .grid .name {
  left: 10px;
  position: relative;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  color: #333333;
  white-space: pre-wrap;
  text-align: left;
}
.cityMain .eventsBlocks .grid .contest-footer-info {
  text-align: left;
  padding: 1px 5px 0;
  position: absolute;
  width: 102%;
  background-color: #0c0c0c;
  color: #fbbc23;
  height: 24px;
  bottom: 0;
  border-radius: 0 0 6px 6px;
  margin: -2px;
}
.cityMain .eventsBlocks .grid .contest-footer-info .position {
  position: absolute;
  right: 5px;
}
.cityMain .linksBlocks {
  margin-top: 20px;
  margin-bottom: 25px;
  display: flex;
  width: 100%;
}
@media (max-width: 767px) {
  .cityMain .linksBlocks {
    margin-bottom: 5px;
  }
}
.cityMain .linksBlocks .links {
  flex: 1 1 100%;
  display: inline-flex;
  flex-direction: column;
  min-width: 80px;
  min-height: 70px;
  background: #ffffff;
  border-radius: 8px;
  padding: 10px 10px 0px;
  position: relative;
  border: 1px solid #ffffff;
  text-decoration: none;
}
.cityMain .linksBlocks .links .background {
  width: 100%;
  flex: 0 0 50px;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}
.cityMain .linksBlocks .links .background__licence {
  background: url(../../../../images/new_design/city_main/licence.png);
}
.cityMain .linksBlocks .links .background__carService {
  background: url(../../../../images/new_design/city_main/car_service.png);
}
.cityMain .linksBlocks .links .background__bonusFactory {
  background: url(../../../../images/new_design/city_main/factory.png);
}
.cityMain .linksBlocks .links .background__bookmakerCompany {
  background: url(../../../../images/new_design/city_main/bookmaker.png);
}
.cityMain .linksBlocks .links .background__constructionCompany {
  background: url(../../../../images/new_design/city_main/construction.png);
}
.cityMain .linksBlocks .links .background__control-room {
  background: url(../../../../images/new_design/city_main/control_room.png);
}
.cityMain .linksBlocks .links .background__miningCompany {
  background: url(../../../../images/new_design/city_main/mining.png);
}
.cityMain .linksBlocks .links .background__recycling-company {
  background: url(../../../../images/new_design/city_main/recycling.png);
}
.cityMain .linksBlocks .links .background__bank-company {
  background: url(../../../../images/new_design/city_main/bank.png);
}
.cityMain .linksBlocks .links.link-disabled {
  display: flex;
  align-items: center;
  color: #888888;
  cursor: not-allowed !important;
}
.cityMain .linksBlocks .links.link-disabled .fa.fa-lock-alt {
  height: 50px;
  line-height: 50px;
}
.cityMain .linksBlocks .links.link-disabled h2.title {
  color: #888888;
}
.cityMain .linksBlocks .links .title {
  min-height: 48px;
  width: 100%;
  flex: 1 1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 5px 0px;
  margin: 0px;
  font-family: "Cuprum", sans-serif;
  text-transform: uppercase;
  color: #000;
  font-size: 16px;
  font-weight: bold;
}
@media (max-width: 765px) {
  .cityMain .linksBlocks .links .title {
    font-size: 12px;
  }
}
.cityMain .linksBlocks .links:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 1;
  border-radius: inherit;
  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.3);
  transition: opacity 0.15s ease-in-out;
  z-index: 0;
  left: 0px;
  top: 0px;
}
.cityMain .linksBlocks .links:is(:hover, :focus-visible) {
  border: 1px solid #f9f4e8;
}
.cityMain .linksBlocks .links:is(:hover, :focus-visible):after {
  opacity: 0.3;
}
.cityMain .linksBlocks .links:active {
  border: 1px solid #f9f4e8;
}
.cityMain .linksBlocks .links:active:after {
  opacity: 0.1;
}
.cityMain .linksBlocks .links:not(:last-child) {
  margin-right: 10px;
}
.cityMain .linksBlocks .links .buttons-loader {
  left: 0px;
  top: 0px;
  border-radius: inherit;
}
.cityMain .ratingTable {
  margin-top: 10px;
  margin-bottom: 20px;
  position: relative;
  width: 100%;
}
.cityMain .ratingTable .black {
  color: #0c0c0c;
}
.cityMain .ratingTable .btn {
  bottom: -45px;
  position: absolute;
  left: 30%;
  width: 150px;
}
@media (max-width: 675px) {
  .cityMain .ratingTable .btn {
    left: 20%;
  }
}
.cityMain .ratingTable:last-of-type {
  margin-left: 10px;
}
.cityMain .buttons-loader {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 9999999;
  background-color: #d2d2d2;
  opacity: 0.7;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cityMain .buttons-loader .fa-spinner {
  font-size: 54px;
}
.cityStartItems .ssItem.openBookmaker:before {
  background: url(../../../../images/new_design/city_main/bookmaker.png) no-repeat;
  background-size: contain;
  width: 104px;
  height: 89px;
  display: inline-block;
}
.cityStartItems .ssItem.doTechInspection:before {
  background: url(../../../../images/new_design/city_main/tech_insp.png) no-repeat;
  background-size: contain;
  width: 104px;
  height: 89px;
  display: inline-block;
}
.cityStartItems .ssItem.createCarService:before {
  background: url(../../../../images/new_design/city_main/car_service.png) no-repeat;
  background-size: contain;
  width: 104px;
  height: 89px;
  display: inline-block;
}
.cityStartItems .ssItem.getLicence:before {
  background: url(../../../../images/new_design/city_main/licence.png) no-repeat;
  background-size: contain;
  width: 104px;
  height: 89px;
  display: inline-block;
}
.cityStartItems .ssItem.createAgency:before {
  background: url(../../../../images/new_design/city_main/agency.png) no-repeat;
  background-size: contain;
  width: 104px;
  height: 89px;
  display: inline-block;
}
.cityStartItems .ssItem.createConstructionCompany:before {
  background: url(../../../../images/new_design/city_main/construction.png) no-repeat;
  background-size: contain;
  width: 104px;
  height: 89px;
  display: inline-block;
  margin-left: 20px;
}
.cityStartItems .ssItem.createMiningCompany:before {
  background: url(../../../../images/new_design/city_main/mining.png) no-repeat;
  background-size: contain;
  width: 104px;
  height: 89px;
  display: inline-block;
}
.cityStartItems .ssItem.createBonusFactory:before {
  background: url(../../../../images/new_design/city_main/factory.png) no-repeat;
  background-size: contain;
  width: 104px;
  height: 89px;
  display: inline-block;
}
.cityStartItems .ssItem.createControlRoom:before {
  background: url(../../../../images/new_design/city_main/control_room.png) no-repeat;
  background-size: contain;
  width: 104px;
  height: 89px;
  display: inline-block;
}
.cityStartItems .ssItem.createRecyclingCompany:before {
  background: url(../../../../images/new_design/city_main/recycling.png) no-repeat;
  background-size: contain;
  width: 104px;
  height: 89px;
  display: inline-block;
}
.cityStartItems .ssItem.createBankCompany:before {
  background: url(../../../../images/new_design/city_main/bank.png) no-repeat;
  background-size: contain;
  width: 104px;
  height: 89px;
  display: inline-block;
}
.cityStartItems .ssItem.createShamanCompany:before {
  background: url(../../../../images/new_design/city_main/shaman.png) no-repeat;
  background-size: contain;
  width: 104px;
  height: 89px;
  display: inline-block;
}
.text-wrap {
  word-wrap: break-word;
}
.eiShopItems .scItem {
  width: 400px;
  border-bottom: #6f738d 1px solid;
  overflow: hidden;
  padding: 10px;
  cursor: default;
  position: relative;
}
.eiShopItems .scItem .sciAmount {
  position: absolute;
  right: 10px;
  top: 10px;
  width: auto;
  margin: 0;
}
.eiShopItems .scItem .power-block {
  position: absolute;
  right: 10px;
  bottom: 10px;
  margin: 0;
  font-weight: bold;
  color: #afb5b9;
}
.eiShopItems .scItem.ready .power-block {
  color: #f74877;
}
.eiShopItems .scItem .sciTitle {
  width: auto;
  height: auto;
  height: 80px;
  position: relative;
  display: block;
  overflow: visible;
  font-size: 0;
  line-height: 0;
  text-align: center;
}
.eiShopItems .scItem .sciTitle:before {
  content: " ";
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.eiShopItems .scItem .sciTitle .img,
.eiShopItems .scItem .sciTitle img {
  vertical-align: middle;
  display: inline-block;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  width: auto;
}
.eiShopItems .scItem .sciTitle .img,
.eiShopItems .scItem .sciTitle img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.eiShopItems .scItem .sciTitle .img + a,
.eiShopItems .scItem .sciTitle img + a {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  position: absolute;
}
.eiShopItems .scItem .sciInfo {
  float: none;
  margin-left: 0;
}
.garageDisplay .employers .employer .garage-employer-hidden {
  display: none;
}
.garageDisplay .employers .employer .garage-employer-block {
  display: block !important;
}
.employerOrder .oRight {
  padding: 10px 0;
  float: none;
  margin: 0;
}
.employerOrder .btn-static,
.employerOrder .btn {
  padding: 10px 10px;
  min-width: 115px;
  font-size: 16px;
  line-height: 20px;
}
.employerOrder .oLeft,
.employerOrder .oRight {
  float: none;
}
.employerOrder .oTop,
.employerOrder .oBottom {
  padding: 0;
}
.employerOrder .progressBar {
  display: block;
}
.getOrderOnRest .gorStatus {
  font-size: 16px;
  line-height: 44px;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
.employerOrder .robbed-block,
.employers .robbed-block {
  padding: 10px;
  text-align: center;
  margin: 0;
}
.employerOrder .robbed-block .text-robbed,
.employers .robbed-block .text-robbed {
  font-size: 20px;
  text-transform: uppercase;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #f74877;
}
.employerOrder .robbed-block p,
.employers .robbed-block p {
  margin: 0;
}
.ab-captcha {
  padding: 60px 0;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 3px;
  border: 1px solid #484848;
  z-index: 1000;
  box-shadow: 0 1px 6px black;
  color: white;
  text-align: center;
  font-size: 16px;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
.ab-captcha p {
  margin-bottom: 20px;
}
.ab-captcha.in {
  transform: none;
  visibility: visible;
  opacity: 1;
}
#ab-recaptcha {
  margin: auto;
  display: block;
  text-align: center;
  width: 300px;
}
.col-ab {
  position: relative;
  float: left;
  width: 33.33333333%;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
}
.col-ab + .col-xs-4 {
  position: absolute;
  visibility: visible;
  opacity: 0;
  right: 10px;
  z-index: -1;
}
.col-ab + .col-xs-4 .btn {
  cursor: default;
}
.col-ab .btnn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 7px 10px;
  font-size: 14px;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.6;
  border-width: 2px;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  background-color: #3584e6;
  background-image: -webkit-linear-gradient(top, #62a0ec 0%, #3584e6 100%);
  background-image: -o-linear-gradient(top, #62a0ec 0%, #3584e6 100%);
  background-image: linear-gradient(to bottom, #62a0ec 0%, #3584e6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62a0ec', endColorstr='#ff3584e6', GradientType=0);
  border-color: #1e76e3;
  box-shadow: 0 1px 1px #d9d9d9;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  color: white;
  background-image: -webkit-linear-gradient(top, #3f91ea 0%, #3584e6 100%);
  background-image: -o-linear-gradient(top, #3f91ea 0%, #3584e6 100%);
  background-image: linear-gradient(to bottom, #3f91ea 0%, #3584e6 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3f91ea', endColorstr='#ff3584e6', GradientType=0);
  background-origin: border-box;
  cursor: default;
}
.col-ab .btnn:focus,
.col-ab .btnn:active:focus,
.col-ab .btnn.active:focus,
.col-ab .btnn.focus,
.col-ab .btnn:active.focus,
.col-ab .btnn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.col-ab .btnn:hover,
.col-ab .btnn:focus,
.col-ab .btnn.focus {
  color: #333;
  text-decoration: none;
}
.col-ab .btnn:active,
.col-ab .btnn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.col-ab .btnn.disabled,
.col-ab .btnn[disabled],
fieldset[disabled] .col-ab .btnn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.col-ab .btnn.disabled,
fieldset[disabled] a.col-ab .btnn {
  pointer-events: none;
}
.col-ab .btnn:focus,
.col-ab .btnn:active:focus,
.col-ab .btnn.active:focus,
.col-ab .btnn.focus,
.col-ab .btnn:active.focus,
.col-ab .btnn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.col-ab .btnn:hover,
.col-ab .btnn:focus,
.col-ab .btnn.focus {
  color: #333;
  text-decoration: none;
}
.col-ab .btnn:active,
.col-ab .btnn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.col-ab .btnn.disabled,
.col-ab .btnn[disabled],
fieldset[disabled] .col-ab .btnn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.col-ab .btnn.disabled,
fieldset[disabled] a.col-ab .btnn {
  pointer-events: none;
}
.col-ab .btnn .label-count {
  position: absolute;
  top: 0;
  left: 50%;
}
.col-ab .btnn.pressed:after {
  content: none;
}
.col-ab .btnn .label-count {
  position: absolute;
  top: 0;
  left: 50%;
}
.col-ab .btnn:focus,
.col-ab .btnn.focus {
  color: #fff;
  background-image: -webkit-linear-gradient(top, #90bbf1 0%, #3584e6 100%);
  background-image: -o-linear-gradient(top, #90bbf1 0%, #3584e6 100%);
  background-image: linear-gradient(to bottom, #90bbf1 0%, #3584e6 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff90bbf1', endColorstr='#ff3584e6', GradientType=0);
  border-color: #1e76e3;
}
.col-ab .btnn:hover {
  color: #fff;
  background-image: -webkit-linear-gradient(top, #90bbf1 0%, #3584e6 100%);
  background-image: -o-linear-gradient(top, #90bbf1 0%, #3584e6 100%);
  background-image: linear-gradient(to bottom, #90bbf1 0%, #3584e6 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff90bbf1', endColorstr='#ff3584e6', GradientType=0);
  border-color: #1e76e3;
}
.col-ab .btnn:active,
.col-ab .btnn.active,
.open > .dropdown-toggle.col-ab .btnn {
  color: #fff;
  background-image: -webkit-linear-gradient(top, #90bbf1 0%, #3584e6 100%);
  background-image: -o-linear-gradient(top, #90bbf1 0%, #3584e6 100%);
  background-image: linear-gradient(to bottom, #90bbf1 0%, #3584e6 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff90bbf1', endColorstr='#ff3584e6', GradientType=0);
  border-color: #1e76e3;
}
.col-ab .btnn:active:hover,
.col-ab .btnn.active:hover,
.open > .dropdown-toggle.col-ab .btnn:hover,
.col-ab .btnn:active:focus,
.col-ab .btnn.active:focus,
.open > .dropdown-toggle.col-ab .btnn:focus,
.col-ab .btnn:active.focus,
.col-ab .btnn.active.focus,
.open > .dropdown-toggle.col-ab .btnn.focus {
  color: #fff;
  background-image: -webkit-linear-gradient(top, #90bbf1 0%, #1a6ace 100%);
  background-image: -o-linear-gradient(top, #90bbf1 0%, #1a6ace 100%);
  background-image: linear-gradient(to bottom, #90bbf1 0%, #1a6ace 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff90bbf1', endColorstr='#ff1a6ace', GradientType=0);
  border-color: #1e76e3;
}
.col-ab .btnn:active,
.col-ab .btnn.active,
.open > .dropdown-toggle.col-ab .btnn {
  background-image: none;
}
.col-ab .btnn.disabled:hover,
.col-ab .btnn[disabled]:hover,
fieldset[disabled] .col-ab .btnn:hover,
.col-ab .btnn.disabled:focus,
.col-ab .btnn[disabled]:focus,
fieldset[disabled] .col-ab .btnn:focus,
.col-ab .btnn.disabled.focus,
.col-ab .btnn[disabled].focus,
fieldset[disabled] .col-ab .btnn.focus {
  background-color: #3584e6;
  border-color: #1e76e3;
}
.col-ab .btnn .badge {
  color: #3584e6;
  background-color: #fff;
}
.col-ab .btnn:hover,
.col-ab .btnn.active,
.col-ab .btnn:active,
.col-ab .btnn:focus {
  color: white;
  background-image: -webkit-linear-gradient(top, #84cbfb 0%, #3a8bf8 100%);
  background-image: -o-linear-gradient(top, #84cbfb 0%, #3a8bf8 100%);
  background-image: linear-gradient(to bottom, #84cbfb 0%, #3a8bf8 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff84cbfb', endColorstr='#ff3a8bf8', GradientType=0);
}
:disabled > .col-ab .btnn,
.col-ab .btnn:disabled {
  background-image: -webkit-linear-gradient(top, #949494 0%, #8e8e8e 100%);
  background-image: -o-linear-gradient(top, #949494 0%, #8e8e8e 100%);
  background-image: linear-gradient(to bottom, #949494 0%, #8e8e8e 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff949494', endColorstr='#ff8e8e8e', GradientType=0);
  color: #333;
  text-shadow: none;
}
.bookmaker-info {
  display: block;
  margin: auto;
  background-color: white;
  height: 90px;
  border-radius: 4px;
}
.bookmaker-info .info-block {
  position: absolute;
  margin: 10px 0 10px 15px;
}
.bookmaker-info .btn-block {
  position: absolute;
  bottom: 20px;
  right: 15px;
  width: 145px;
}
.animation-shake {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}
@keyframes shake {
  10%,
  90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%,
  80% {
    transform: translate3d(2px, 0, 0);
  }
  30%,
  50%,
  70% {
    transform: translate3d(-6px, 0, 0);
  }
  40%,
  60% {
    transform: translate3d(6px, 0, 0);
  }
}
.fame-hall-block:before {
  background-image: url("../img/city/famehall.png");
  width: 80px;
  height: 80px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.shame-hall-block:before {
  background-image: url("../img/city/shamehall.png");
  width: 80px;
  height: 80px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.warehouse-section .btn.btn-increase-capacity {
  width: 20px;
  height: 20px;
  padding: 0;
}
.warehouse-section .resource-bar {
  background: #f1f1f1;
  border: 1px solid #e6e6e6;
  box-sizing: border-box;
  box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  width: 100%;
  height: 20px;
  position: relative;
  margin-top: 10px;
}
.warehouse-section .resource-bar .resource-current {
  position: absolute;
  top: -2px;
  font-weight: bold;
  width: 100%;
  text-align: center;
  z-index: 10;
}
.warehouse-section .resource-bar .resource-bar-filled {
  background: linear-gradient(180deg, #419943 0%, #2c672d 96.87%);
  border-radius: 3px;
  height: 18px;
  position: absolute;
}
.warehouse-section .resource-block {
  background: #fbfbfb;
  border: 1px solid #e6e6e6;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 5px;
}
.warehouse-section .resource-block .resource-title {
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  text-align: center;
}
.warehouse-section .resource-block .resource-icon {
  margin-top: 5px;
  margin: 0 auto;
  height: 61px;
  width: auto;
  background-repeat: no-repeat;
  background-size: contain;
  background-position-x: center;
  background-position-y: center;
}
.warehouse-section .resource-block .resource-icon.resource-icon-1 {
  background-image: url("/media/resources/1.png");
}
.warehouse-section .resource-block .resource-icon.resource-icon-2 {
  background-image: url("/media/resources/2.png");
}
.warehouse-section .resource-block .resource-icon.resource-icon-3 {
  background-image: url("/media/resources/3.png");
}
.warehouse-section .resource-block .resource-icon.resource-icon-4 {
  background-image: url("/media/resources/4.png");
}
.warehouse-section .resource-block .resource-icon.resource-icon-5 {
  background-image: url("/media/resources/5.png");
}
span.mobile-icon-tab {
  display: none;
}
@media (max-width: 765px) {
  span.text-tab {
    display: none;
  }
  span.mobile-icon-tab {
    display: block;
  }
}
.popover-energy-amplifiers {
  border-top-right-radius: 0;
  max-width: 303px;
}
.popover-energy-amplifiers .scItem {
  width: unset !important;
}
.popover-energy-amplifiers .img-block {
  width: 45px !important;
}
.semi-transparent-image {
  position: relative;
  display: inline-flex;
  width: inherit;
  height: inherit;
}
.semi-transparent-image__image {
  width: 100%;
  height: 100%;
}
.semi-transparent-image__image-frontside {
  opacity: 1;
}
.semi-transparent-image__image-backside {
  position: absolute;
  opacity: 0.3;
  top: 0px;
  left: 0px;
}
.badge.arena-badge {
  color: white;
  background: #5570c2;
  border: 1px solid #455ba2;
  border-right: 1px solid #748ed4;
  box-shadow: -1px 1px 2px #374386;
  border-radius: 5px;
  cursor: pointer;
}
.crossRotate.active i {
  transform: rotate(180deg);
}
strike,
del {
  text-decoration: line-through;
  text-decoration-thickness: 0.1rem;
}
@media (max-width: 768px) {
  .mt-xs-4 {
    margin-top: 42px;
  }
}
@media (max-width: 768px) {
  .mt-xs-1 {
    margin-top: 5px;
  }
}
.has-bubble .bubble-message {
  position: absolute;
  color: #333;
  background: #fdfdfe;
  border: 1px solid #c7c6c6;
  border-radius: 10px;
  display: inline-block;
  margin-bottom: 10px;
  top: 53px;
  left: 3px;
  z-index: 100;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 2px;
  text-align: left;
  padding: 5px 10px;
  width: max-content;
  max-width: 400px;
}
@media (max-width: 768px) {
  .has-bubble .bubble-message {
    left: 26px;
  }
}
.has-bubble .bubble-message:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 10;
  width: 36px;
  height: 18px;
  top: -17px;
  left: 23px;
  border-bottom-right-radius: 70% 100%;
  border-bottom-left-radius: 10% 100%;
  box-shadow: #fdfdfe 15px 0px 0 0, #c7c6c6 16px 1px 0;
  transform: rotate(180deg);
  transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  -webkit-transform: rotate(180deg);
}
.has-bubble .bubble-message:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 10;
  width: 20px;
  height: 16px;
  top: -15px;
  left: 24px;
  border-bottom-right-radius: 100% 100%;
  border-bottom-left-radius: 10% 100%;
  box-shadow: #c7c6c6 1px 1px 0px 0;
  transform: rotate(180deg);
  transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  -webkit-transform: rotate(180deg);
}
.has-bubble-right .bubble-message {
  left: unset;
  right: 3px;
}
@media (max-width: 768px) {
  .has-bubble-right .bubble-message {
    right: 26px;
  }
}
.has-bubble-right .bubble-message:before {
  left: unset;
  right: 23px;
  transform: rotate(180deg) scaleX(-1);
}
.has-bubble-right .bubble-message:after {
  left: unset;
  right: 24px;
  transform: rotate(180deg) scaleX(-1);
}
.has-bubble.my-message {
  text-align: right;
}
.has-bubble.my-message .dq-avatar {
  left: auto;
  right: 10px;
}
.has-bubble.my-message .message {
  border-color: #7dade5;
  background: linear-gradient(180deg, #b1cff0 25%, #7dade5 99%);
}
.has-bubble.my-message.show-arrow .message:before {
  left: auto;
  right: -30px;
  border-top-right-radius: 10% 100%;
  border-top-left-radius: 80% 100%;
  box-shadow: #7dade5 -16px 0px 0 0, rgba(0, 0, 0, 0.15) -16px 4px 2px;
}
.has-bubble.liked .message {
  color: #599028;
}
.has-bubble.disliked .message {
  color: #f74877;
}
.dropdown-message .dropdown-menu .dropdown-item .fa-dollar {
  color: #579912;
}
.dropdown-message .dropdown-menu .dropdown-item .fa-gift {
  color: #548de3;
}
.dropdown-message .dropdown-menu .dropdown-item .fa-horse.luck {
  color: #f2c84b;
}
.dropdown-message .dropdown-menu .dropdown-item .fa-horse.unluck {
  color: #e8706b;
}
.dropdown-message .dropdown-menu .dropdown-item .fa-lock {
  color: #ff0000;
}
.dropdown-message .dropdown-menu .dropdown-item .fa-trash-alt {
  color: #eb7331;
}
.btn-theme-1 {
  background-image: url("../img/company/1.png");
  background-repeat: repeat;
  background-position: center -1px;
  background-origin: border-box;
}
.btn-theme-1.active,
.btn-theme-1:active {
  background-image: url("../img/company/1.png");
  background-repeat: repeat;
  background-position: center -1px;
}
.theme-1 .theme-bg {
  background-image: url("../img/company/1.png");
  background-repeat: repeat;
  background-position: center -1px;
}
.theme-1 .theme-bg-color {
  color: white;
  background: #000;
}
.theme-1 .theme-bg-color a {
  color: white;
}
.btn-theme-2 {
  background-image: url("../img/company/2.png");
  background-repeat: repeat;
  background-position: center -1px;
  background-origin: border-box;
}
.btn-theme-2.active,
.btn-theme-2:active {
  background-image: url("../img/company/2.png");
  background-repeat: repeat;
  background-position: center -1px;
}
.theme-2 .theme-bg {
  background-image: url("../img/company/2.png");
  background-repeat: repeat;
  background-position: center -1px;
}
.theme-2 .theme-bg-color {
  color: white;
  background: #689c17;
}
.theme-2 .theme-bg-color a {
  color: white;
}
.btn-theme-3 {
  background-image: url("../img/company/3.png");
  background-repeat: repeat;
  background-position: center -1px;
  background-origin: border-box;
}
.btn-theme-3.active,
.btn-theme-3:active {
  background-image: url("../img/company/3.png");
  background-repeat: repeat;
  background-position: center -1px;
}
.theme-3 .theme-bg {
  background-image: url("../img/company/3.png");
  background-repeat: repeat;
  background-position: center -1px;
}
.theme-3 .theme-bg-color {
  color: black;
  background: #e2b600;
}
.theme-3 .theme-bg-color a {
  color: black;
}
.btn-theme-4 {
  background-image: url("../img/company/4.png");
  background-repeat: repeat;
  background-position: center -1px;
  background-origin: border-box;
}
.btn-theme-4.active,
.btn-theme-4:active {
  background-image: url("../img/company/4.png");
  background-repeat: repeat;
  background-position: center -1px;
}
.theme-4 .theme-bg {
  background-image: url("../img/company/4.png");
  background-repeat: repeat;
  background-position: center -1px;
}
.theme-4 .theme-bg-color {
  color: white;
  background: rgba(99, 87, 96, 0.95);
}
.theme-4 .theme-bg-color a {
  color: white;
}
.btn-theme-5 {
  background-image: url("../img/company/5.png");
  background-repeat: repeat;
  background-position: center -1px;
  background-origin: border-box;
}
.btn-theme-5.active,
.btn-theme-5:active {
  background-image: url("../img/company/5.png");
  background-repeat: repeat;
  background-position: center -1px;
}
.theme-5 .theme-bg {
  background-image: url("../img/company/5.png");
  background-repeat: repeat;
  background-position: center -1px;
}
.theme-5 .theme-bg-color {
  color: white;
  background: #a0963a;
}
.theme-5 .theme-bg-color a {
  color: white;
}
.btn-theme-6 {
  background-image: url("../img/company/6.png");
  background-repeat: repeat;
  background-position: center -1px;
  background-origin: border-box;
}
.btn-theme-6.active,
.btn-theme-6:active {
  background-image: url("../img/company/6.png");
  background-repeat: repeat;
  background-position: center -1px;
}
.theme-6 .theme-bg {
  background-image: url("../img/company/6.png");
  background-repeat: repeat;
  background-position: center -1px;
}
.theme-6 .theme-bg-color {
  color: white;
  background: #ee831f;
}
.theme-6 .theme-bg-color a {
  color: white;
}
.btn-theme-7 {
  background-image: url("../img/company/7.png");
  background-repeat: repeat;
  background-position: center -1px;
  background-origin: border-box;
}
.btn-theme-7.active,
.btn-theme-7:active {
  background-image: url("../img/company/7.png");
  background-repeat: repeat;
  background-position: center -1px;
}
.theme-7 .theme-bg {
  background-image: url("../img/company/7.png");
  background-repeat: repeat;
  background-position: center -1px;
}
.theme-7 .theme-bg-color {
  color: white;
  background: #b69c87;
}
.theme-7 .theme-bg-color a {
  color: white;
}
.btn-theme-8 {
  background-image: url("../img/company/8.png");
  background-repeat: repeat;
  background-position: center -1px;
  background-origin: border-box;
}
.btn-theme-8.active,
.btn-theme-8:active {
  background-image: url("../img/company/8.png");
  background-repeat: repeat;
  background-position: center -1px;
}
.theme-8 .theme-bg {
  background-image: url("../img/company/8.png");
  background-repeat: repeat;
  background-position: center -1px;
}
.theme-8 .theme-bg-color {
  color: black;
  background: #e9ebe3;
}
.theme-8 .theme-bg-color a {
  color: black;
}
.btn-theme-9 {
  background-image: url("../img/company/9.png");
  background-repeat: repeat;
  background-position: center -1px;
  background-origin: border-box;
}
.btn-theme-9.active,
.btn-theme-9:active {
  background-image: url("../img/company/9.png");
  background-repeat: repeat;
  background-position: center -1px;
}
.theme-9 .theme-bg {
  background-image: url("../img/company/9.png");
  background-repeat: repeat;
  background-position: center -1px;
}
.theme-9 .theme-bg-color {
  color: white;
  background: #d69728;
}
.theme-9 .theme-bg-color a {
  color: white;
}
.btn-theme-10 {
  background-image: url("../img/company/10.png");
  background-repeat: repeat;
  background-position: center -1px;
  background-origin: border-box;
}
.btn-theme-10.active,
.btn-theme-10:active {
  background-image: url("../img/company/10.png");
  background-repeat: repeat;
  background-position: center -1px;
}
.theme-10 .theme-bg {
  background-image: url("../img/company/10.png");
  background-repeat: repeat;
  background-position: center -1px;
}
.theme-10 .theme-bg-color {
  color: white;
  background: black;
}
.theme-10 .theme-bg-color a {
  color: white;
}
.company-name-block {
  white-space: nowrap;
  width: 100%;
  display: block;
}
.company-name-block .sub-title,
.company-name-block .title {
  display: block;
  float: left;
}
.company-name-block .title {
  font-size: 18px;
  line-height: 40px;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  max-width: 60%;
}
@media (max-width: 767px) {
  .company-name-block .title {
    max-width: 50%;
  }
}
@media (min-width: 768px) {
  .company-name-block .title {
    font-size: 24px;
  }
}
.company-name-block .title > span,
.company-name-block .title > a {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-bottom: 2px;
}
.company-name-block .sub-title {
  text-transform: uppercase;
  display: block;
  font-size: 14px;
  color: #f74877;
  line-height: 40px;
  margin-bottom: 0;
  padding-left: 45px;
  position: relative;
  margin-right: 10px;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  max-width: 40%;
}
.company-name-block .sub-title img {
  position: absolute;
  width: 40px;
  height: 40px;
  left: 2px;
  top: 50%;
  margin-top: -22.5px;
}
.collapse-theme {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background: white;
  z-index: 980;
  padding: 10px;
  box-shadow: 0 1px 1px #ccc;
}
.theme-collapse-container {
  position: absolute;
  margin-top: -10px;
  left: 0;
  right: 0;
}
.theme-collapse-container .popover-theme {
  width: 160px;
  left: 100%;
  margin-left: -215px;
  margin-top: -30px;
}
.theme-collapse-container .popover-theme.in {
  display: block;
}
.theme-collapse-container .popover-theme .popover-content p {
  font-size: 14px;
}
.theme-container {
  position: relative;
  z-index: 1;
  background: var(--tx-wrapper-background);
}
.theme-container .col-theme {
  position: relative;
  float: left;
  width: 20%;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.theme-container .col-theme.default {
  cursor: not-allowed;
}
.theme-container .col-theme.default .btn-theme {
  border-color: #3584e6;
}
.theme-container .col-theme.selected .btn-theme {
  border-color: #419943;
}
.reputation-block p {
  text-align: center;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.2;
  color: var(--tx-text-color);
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.reputation-block p.small {
  color: #7e7e7e;
  font-size: 11px;
  text-transform: uppercase;
}
.corner {
  z-index: 450;
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  box-shadow: -1px 1px 1px #adadad;
  border-radius: 0 0 0 10px;
  overflow: hidden;
  transition: all 0.1s ease-in-out;
}
.corner:before,
.corner:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 50%;
  margin-top: -28.28427125px;
  margin-right: -28.28427125px;
  width: 56.56854249px;
  height: 56.56854249px;
  transform: rotate(45deg);
  transition: all 0.1s ease-in-out;
}
.corner:before {
  background: url("../img/company-corner.png");
  background-repeat: repeat;
  background-position: top center;
  clip: rect(0, 56.56854249px, 28.28427125px, 0);
}
.corner:after {
  background: linear-gradient(to bottom, black 0%, #ededed 49%, #cccccc 49%, whitesmoke 56%, #e6e8f0 100%);
  clip: rect(28.28427125px, 56.56854249px, 56.56854249px, 0);
}
.corner:hover {
  width: 46px;
  height: 46px;
}
.corner:hover:before,
.corner:hover:after {
  margin-top: -32.52691193px;
  margin-right: -32.52691193px;
  width: 65.05382387px;
  height: 65.05382387px;
}
.corner:hover:before {
  clip: rect(0, 65.05382387px, 32.52691193px, 0);
}
.corner:hover:after {
  clip: rect(32.52691193px, 65.05382387px, 65.05382387px, 0);
}
.company-header-block {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: -10px;
  margin-left: -10px;
  margin-right: -10px;
  position: relative;
}
.company-header-block.theme-none {
  background-image: url("../img/company/1.png");
}
.company-header-block .mask {
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  height: 300px;
}
.company-header-block .col-reputation {
  float: left;
  width: 41.66666667%;
  position: relative;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
}
@media (min-width: 768px) {
  .company-header-block .col-reputation {
    float: left;
    width: 29.16666667%;
  }
}
.company-header-block .col-account {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 1.1em;
}
@media (min-width: 768px) {
  .company-header-block .col-account {
    float: left;
    width: 29.16666667%;
  }
}
@media (min-width: 768px) {
  .company-header-block .col-account {
    right: 41.66666667%;
  }
}
.company-header-block .col-league {
  float: left;
  width: 58.33333333%;
  position: relative;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
}
@media (min-width: 768px) {
  .company-header-block .col-league {
    float: left;
    width: 41.66666667%;
  }
}
@media (min-width: 768px) {
  .company-header-block .col-league {
    left: 29.16666667%;
  }
}
.company-header-block .btn-improve {
  position: absolute;
  top: -10px;
  right: 20px;
}
.company-header-block .btn-settings {
  position: absolute;
  right: 50px;
}
.company-header-block .company-image-container {
  position: relative;
  padding: 12px;
}
.company-header-block .company-image-container .label-level {
  position: absolute;
  top: -10px;
  right: 0;
}
.company-header-block .company-name-block {
  margin-top: 0;
  height: 50px;
  background: rgba(255, 255, 255, 0.97);
  border: 1px solid #e4e6ed;
  padding: 5px 10px 5px 20px;
  border-radius: 50px 0 0 50px;
}
.company-header-block .company-image-block {
  position: relative;
  padding-bottom: 100%;
  height: 0;
  border-radius: 5px;
  background: white;
  overflow: hidden;
}
.company-header-block .company-image-block img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
}
.company-header-block .alert-image-block {
  position: absolute;
  background: white;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 10;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.company-header-block .alert-image-block i {
  position: absolute;
  background: white;
  border-radius: 30px 30px 0 0;
  top: -20px;
  left: 50%;
  margin-left: -15px;
  width: 30px;
  z-index: -1;
  line-height: 30px;
}
.company-header-block .info-block {
  margin-top: 30px;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .company-header-block .info-block {
    margin-top: 10px;
  }
}
.company-header-block .reputation-block {
  text-align: center;
  padding: 6.5px;
  width: 135px;
  border: 1px solid #e4e6ed;
  background: rgba(255, 255, 255, 0.97);
  height: 45px;
  border-radius: 45px;
}
.company-header-block .reputation-block .row-reputation {
  margin-left: 0;
  margin-right: 0;
}
.company-header-block .reputation-block .col-vote {
  position: relative;
  float: left;
  width: 25%;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0;
}
.company-header-block .reputation-block .col-reputation {
  position: relative;
  float: left;
  width: 50%;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0;
}
.company-header-block .account-block {
  display: inline-block;
  width: 145px;
  margin: auto;
  position: relative;
}
.company-header-block .account-info-block {
  background: rgba(255, 255, 255, 0.97);
  border: 1px solid #e4e6ed;
  height: 45px;
  display: block;
  margin: auto;
  position: relative;
  padding: 10px;
  line-height: 25px;
  color: #f74877;
  border-radius: 45px;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
}
.company-header-block .account-info-block i.icon {
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -12.5px;
}
.company-header-block .account-info-block.disabled {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}
.company-header-block .account-info-block .balance-company-bill {
  font-size: 18px;
  color: #f74877;
  text-decoration: none;
}
.company-header-block .account-alerts-block {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: -22.5px;
  padding-top: 22.5px;
  padding-bottom: 0;
  border-bottom-left-radius: 22.5px;
  border-bottom-right-radius: 22.5px;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  text-align: center;
}
.company-header-block .company-league-block {
  position: relative;
  padding-left: 70px;
  width: 190px;
  height: 45px;
  margin: auto;
}
@media (max-width: 991px) {
  .company-header-block .company-league-block {
    position: absolute;
    top: 20px;
  }
}
.company-header-block .company-league-block .image-block {
  height: 80px;
  width: 80px;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -40px;
  background: rgba(255, 255, 255, 0.97);
  padding: 10px;
  border-radius: 50%;
  z-index: 11;
}
.company-header-block .company-league-block .name-block {
  z-index: 10;
  position: relative;
  background: rgba(255, 255, 255, 0.97);
  border: 1px solid #e4e6ed;
  border-radius: 0 45px 45px 0;
  padding: 10px;
  padding-left: 25px;
  height: 45px;
  text-align: left;
  font-size: 14px;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  margin: 0;
  line-height: 25px;
}
.company-header-block .company-league-block .name-block p {
  margin-bottom: 0;
}
.company-header-block .company-league-block .sub-name-block {
  position: absolute;
  top: 100%;
  width: 120px;
  right: 0;
  text-align: center;
  padding-top: 22.5px;
  padding-bottom: 0;
  margin-top: -22.5px;
  border-bottom-left-radius: 22.5px;
  border-bottom-right-radius: 22.5px;
  z-index: 0;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
.company-header-block .company-league-block .sub-name-block p {
  margin-bottom: 0;
}
.company-header-block .company-league-block .sub-name-block-top {
  bottom: 100%;
  top: unset;
  border-radius: 22.5px 22.5px 0 0;
  margin-bottom: -22.5px;
  padding-bottom: 22.5px;
  padding-top: 0;
}
.company-header-block .company-league-block .sub-name-block-top span {
  position: relative;
  top: 1.5px;
}
.company-header-block .progress-bar > span,
.company-header-block .progress-bar > span,
.company-header-block .progress-custom .progress-bar > span,
.company-header-block .progress-custom-sm .progress-bar > span,
.company-header-block .progress-custom .progress-bar > span,
.company-header-block .progress-custom-sm .progress-bar > span,
.company-header-block .progress-custom .progress-bar > span,
.company-header-block .progress-custom-sm .progress-custom .progress-bar > span,
.company-header-block .progress-custom-sm .progress-bar > span,
.company-header-block .progress-custom .progress-custom-sm .progress-bar > span,
.company-header-block .progress-custom-sm .progress-custom .progress-bar > span,
.company-header-block .progress-custom .progress-custom-sm .progress-bar > span,
.company-header-block .progress-custom-sm .progress-custom .progress-bar > span,
.company-header-block .progress-custom-sm .progress-custom .progress-bar > span,
.company-header-block .progress-custom .progress-custom-sm .progress-bar > span,
.company-header-block .progress-custom .progress-custom-sm .progress-bar > span {
  text-align: center !important;
  right: 0;
  left: 0;
  top: 6px;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
  color: white;
  text-shadow: 0 1px 1px black;
}
.company-content {
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: -10px;
  position: relative;
}
.company-content .contest-block {
  border-bottom: 1px solid #e5e7eb;
}
.company-content .contest-block .panel-body {
  padding: 0;
}
.company-content .panel-business {
  margin-bottom: 0 !important;
}
.company-content .header-block p {
  margin-bottom: 0;
}
.company-content .owner-block,
.company-content .notice-block,
.company-content .header-block,
.company-content .vacancies-block {
  border-bottom: 1px solid #e5e7eb;
}
.company-content .title {
  font-size: 16px;
  margin-top: 0;
  margin-bottom: 10px;
  line-height: 40px;
}
@media (min-width: 768px) {
  .company-content .title {
    font-size: 20px;
  }
}
.company-content .row-garage-employers {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 10px;
}
.company-content .col-garage {
  border-bottom: 1px solid #e5e7eb;
  border-right: 1px solid #e5e7eb;
  position: relative;
  float: left;
  width: 37.5%;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0;
}
.company-content .col-employers {
  border-bottom: 1px solid #e5e7eb;
  position: relative;
  float: left;
  width: 62.5%;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0;
}
.company-content .garage-container,
.company-content .employers-container {
  height: 140px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.company-content .garage-taxi-block {
  margin-top: 5px;
  margin-bottom: 5px;
  color: #646464;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 1.2;
}
.company-content .garage-taxi-block .image-block {
  height: 60px;
}
.company-content .garage-taxi-block .info-block {
  margin-top: 13.2px;
  margin-bottom: 13.2px;
}
.company-content .garage-taxi-block p {
  margin-bottom: 0;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.company-content .garage-taxi-block .title {
  font-size: 14px;
  color: #488cdb;
  margin: 0;
  font-weight: normal;
  line-height: 20px;
}
.company-content .garage-widget .clName {
  font-family: "Cuprum";
  text-transform: uppercase;
}
.company-content .garage-widget .garage-taxi-block {
  text-transform: none;
  line-height: 22px;
}
.company-content .employer-block {
  padding-top: 10px;
  float: left;
  width: 33.33333333%;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
  position: relative;
}
@media (min-width: 768px) {
  .company-content .employer-block {
    float: left;
    width: 20%;
  }
}
.company-content .employer-block .img-avatar {
  width: 60px;
  height: 60px;
  background: #cdd0da;
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
  padding: 0;
  margin: auto;
  display: block;
}
.company-content .employer-block .name-block {
  text-transform: uppercase;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.table-events .col-event {
  max-width: 140px;
  min-width: 140px;
  width: 140px;
  text-align: center;
}
.table-events .time-block {
  color: #969bad;
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: inline-block;
}
.table-abilities > tbody > tr > th .collapse-line {
  text-decoration: none;
  color: inherit;
}
.table-abilities > tbody > tr > td {
  padding: 0px 5px;
}
.table-abilities .time-block {
  white-space: nowrap;
}
.table-company-orders .text-info {
  color: #6da3e2;
}
.table-company-orders .col-user {
  max-width: 140px;
  min-width: 140px;
  width: 140px;
}
.table-company-orders .col-taxi {
  max-width: 20%;
  min-width: 20%;
  width: 20%;
}
.table-company-orders .col-order {
  max-width: 20%;
  min-width: 20%;
  width: 20%;
}
.table-company-orders p {
  margin-bottom: 0;
}
.table-company-orders .col-user .image-block img {
  width: 50px;
  height: 50px;
  background: #cdd0da;
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
  padding: 0;
  margin: auto;
  display: block;
}
.table-company-orders .col-user .name-block a,
.table-company-orders .col-user .name-block p {
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  white-space: nowrap;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 50px;
  display: block;
}
.table-company-orders .col-taxi {
  text-align: center;
}
.table-company-orders .col-taxi .image-block {
  height: 50px;
}
.table-company-orders .col-taxi .name-block {
  margin-bottom: 0;
  color: #6da3e2;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  white-space: nowrap;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 50px;
}
.table-company-orders .col-order {
  position: relative;
}
.table-company-orders .col-order .special-block {
  position: absolute;
  right: 5px;
  width: 40px;
}
.table-company-orders .order-block {
  font-weight: bold;
  color: var(--tx-text-color);
  text-transform: lowercase;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.table-company-orders .col-remain,
.table-company-orders .col-status {
  text-transform: uppercase;
  color: var(--tx-text-color);
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.table-company-orders .abilities-block,
.table-company-orders .shop-block {
  white-space: nowrap;
}
.table-company-orders .order-item-block {
  width: 26px;
  display: inline-block;
}
.table-company-info-wrapper {
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid #e5e7eb;
}
.table-company-info tr th {
  text-align: left;
  font-weight: normal;
  max-width: 80%;
  min-width: 80%;
  width: 80%;
}
.table-company-info tr td {
  text-align: center;
}
.table-company-info p {
  margin-bottom: 0;
}
.table-company-info h5,
.table-company-info .h5 {
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  display: block;
}
.notice-block .author-block .image-block img {
  width: 80px;
  height: 80px;
  background: #cdd0da;
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
  padding: 0;
  margin: auto;
  display: block;
}
.notice-block .author-block .name-block a {
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  white-space: nowrap;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.notice-block .btn-link .fa-bordered {
  background: white;
  border: 1px solid #ccc;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  line-height: 20px;
  text-align: center;
}
.vacancy-block .image-block {
  position: relative;
  margin-bottom: 10px;
}
.vacancy-block .image-block img {
  border: 1px solid #efefef;
  border-radius: 5px;
}
.vacancy-block .league-block .image-block img {
  border: none;
}
.vacancy-block .league-block .block {
  color: #3584e6;
}
.vacancy-block .header-info-block {
  margin-bottom: 0px;
}
.vacancy-block .header-info-block p {
  margin-bottom: 0;
}
.vacancy-block .header-info-block time {
  color: #969bad;
  text-transform: uppercase;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.vacancy-block .header-info-block .status {
  text-transform: uppercase;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.vacancy-block .company-name-block {
  margin-bottom: 0px;
  margin-top: 0;
  background: none;
  margin-left: 0;
  border: none;
  height: auto;
  padding: 0;
}
.vacancy-block .company-name-block .title {
  text-transform: uppercase;
  line-height: 22px;
  margin-bottom: 0;
  margin-top: 0;
}
.vacancy-block .company-name-block .sub-title {
  line-height: 22px;
}
.vacancy-block .description-block {
  margin-top: 5px;
}
.vacancy-block .description-block,
.vacancy-block .requirements-block {
  color: #969bad;
  position: relative;
}
.vacancy-block .description-block .title,
.vacancy-block .requirements-block .title {
  margin-bottom: 0px;
  font-size: 18px;
}
.vacancy-block .description-block .title strong,
.vacancy-block .requirements-block .title strong {
  font-weight: normal;
  color: var(--tx-text-color);
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.vacancy-block .description-block p,
.vacancy-block .requirements-block p {
  line-height: 1.2;
}
.vacancy-block .license-block p {
  margin-bottom: 0;
}
.vacancy-block strong {
  font-size: 16px;
  font-weight: normal;
  color: black;
}
.vacancy-block h4 {
  margin-bottom: 5px;
  margin-top: 10px;
}
.vacancy-block .fa-stack-special .fa-stack-2x {
  font-size: 0.5em;
  width: auto;
  left: auto;
  bottom: 10px;
  right: 10px;
}
.vacancy-block .auto-hire {
  font-weight: bold;
  text-transform: uppercase;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  vertical-align: middle;
}
.vacancy-block .settings-block {
  position: relative;
  bottom: -5px;
  right: 0;
  text-align: right;
}
.vacancy-block .settings-block .btn {
  padding: 0;
}
.form-vacancy-reply .error-block {
  text-shadow: none;
}
.cv-container {
  margin-top: 20px;
  margin-bottom: 20px;
  max-height: 190px;
  overflow-y: scroll;
  overflow-x: auto;
}
.cv-block {
  border-radius: 85px;
  height: 85px;
  padding: 7px 36px 7px 10px;
}
.cv-block .image-block {
  height: 60px;
  display: inline-block;
}
.cv-block .name-block {
  font-size: 15px;
  text-shadow: none;
  color: black;
}
.cv-block .caption-block {
  font-size: 14px;
  text-transform: uppercase;
  text-shadow: none;
  color: #646464;
}
.cv-block time,
.cv-block .description-block {
  display: block;
  font-size: 18px;
  color: #646464;
  text-shadow: none;
  line-height: 1.2;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.cv-block time {
  font-size: 14px;
}
.cv-block.indent {
  padding: 0;
  cursor: pointer;
}
.cv-block.indent span {
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 80px;
  font-size: 20px;
}
.table-employers .col-user {
  max-width: 120px;
  min-width: 120px;
  width: 120px;
}
.table-employers .col-taxi {
  max-width: 140px;
  min-width: 140px;
  width: 140px;
}
.table-employers .col-orders {
  max-width: 100px;
  min-width: 100px;
  width: 100px;
}
.table-employers .col-salary {
  max-width: 100px;
  min-width: 100px;
  width: 100px;
}
.table-employers .col-choice {
  max-width: 45px;
  min-width: 45px;
  width: 45px;
}
.table-employers .col-user .image-block {
  height: 30px;
}
.table-employers .col-user .image-block .img-avatar {
  width: 30px;
  height: 30px;
  background: #cdd0da;
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
  padding: 0;
  margin: auto;
  display: block;
}
.table-employers .col-user .name-block {
  margin-top: 3.8px;
  margin-bottom: 3.8px;
  line-height: 1.6;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.table-employers .col-user .name-block p {
  margin-bottom: 0;
}
.table-employers .col-taxi .image-block {
  height: 40px;
}
.table-employers .col-taxi .name-block {
  margin-top: 2.4px;
  margin-bottom: 2.4px;
  line-height: 1.6;
  font-size: 11px;
  white-space: nowrap;
}
.table-employers .col-taxi .name-block p {
  margin-bottom: 0;
}
.table-employers .col-status {
  text-align: center;
  font-size: 11px;
}
.table-employers .col-orders {
  text-align: center;
  font-size: 11px;
}
.modal-fire textarea.form-control {
  min-height: 80px;
  resize: none;
}
.modal-fire .help-block,
.modal-fire .error-block {
  color: white;
  margin-top: 10px;
}
.collapse-employer-bonus {
  position: relative;
}
.collapse-employer-bonus .alert {
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  border-radius: 0;
}
.collapse-employer-bonus legend {
  margin-top: 10px;
  margin-bottom: 30px;
  border-bottom: none;
}
.collapse-employer-bonus .btn-close {
  right: 0;
  top: 0;
}
.collapse-employer-bonus .form-group {
  text-align: left;
}
.table-employer-orders .col-date {
  max-width: 14%;
  min-width: 14%;
  width: 14%;
  text-align: center;
}
.table-employer-orders .col-orders,
.table-employer-orders .col-amount {
  max-width: 43%;
  min-width: 43%;
  width: 43%;
  text-align: center;
}
.table-employer-orders .table {
  margin-bottom: 0;
  table-layout: fixed;
}
.table-claims .col-taxi {
  max-width: 15%;
  min-width: 15%;
  width: 15%;
}
.table-claims .col-description {
  max-width: 60%;
  min-width: 60%;
  width: 60%;
}
.table-claims .col-form {
  max-width: 25%;
  min-width: 25%;
  width: 25%;
}
.table-claims .name-block p,
.table-claims .description-block p {
  margin-bottom: 0;
}
.work-places-container .employer-block {
  width: 100%;
  float: none;
  padding: 0;
  text-align: left;
}
.company-bill-section .info-block {
  margin: 0 8px;
}
.company-bill-section .info-block span {
  font-size: 24px;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.table-salary .col-checkbox,
.table-invoices .col-checkbox {
  max-width: 60px;
  min-width: 60px;
  width: 60px;
  text-align: center;
}
@media (max-width: 991px) {
  .table-salary .col-checkbox,
  .table-invoices .col-checkbox {
    max-width: 30px;
    min-width: 30px;
    width: 30px;
  }
}
.table > thead > tr > td.invoice-new,
.table > tbody > tr > td.invoice-new,
.table > tfoot > tr > td.invoice-new,
.table > thead > tr > th.invoice-new,
.table > tbody > tr > th.invoice-new,
.table > tfoot > tr > th.invoice-new,
.table > thead > tr.invoice-new > td,
.table > tbody > tr.invoice-new > td,
.table > tfoot > tr.invoice-new > td,
.table > thead > tr.invoice-new > th,
.table > tbody > tr.invoice-new > th,
.table > tfoot > tr.invoice-new > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.invoice-new:hover,
.table-hover > tbody > tr > th.invoice-new:hover,
.table-hover > tbody > tr.invoice-new:hover > td,
.table-hover > tbody > tr:hover > .invoice-new,
.table-hover > tbody > tr.invoice-new:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.invoice-paid,
.table > tbody > tr > td.invoice-paid,
.table > tfoot > tr > td.invoice-paid,
.table > thead > tr > th.invoice-paid,
.table > tbody > tr > th.invoice-paid,
.table > tfoot > tr > th.invoice-paid,
.table > thead > tr.invoice-paid > td,
.table > tbody > tr.invoice-paid > td,
.table > tfoot > tr.invoice-paid > td,
.table > thead > tr.invoice-paid > th,
.table > tbody > tr.invoice-paid > th,
.table > tfoot > tr.invoice-paid > th {
  background-color: white;
}
.table-hover > tbody > tr > td.invoice-paid:hover,
.table-hover > tbody > tr > th.invoice-paid:hover,
.table-hover > tbody > tr.invoice-paid:hover > td,
.table-hover > tbody > tr:hover > .invoice-paid,
.table-hover > tbody > tr.invoice-paid:hover > th {
  background-color: #f2f2f2;
}
.table-salary td {
  min-height: 36px;
}
.table-salary .checkbox-inline {
  padding-top: 0;
  min-height: 20px;
  margin: 0;
}
.table-salary .column-company {
  max-width: 240px;
  min-width: 240px;
  width: 240px;
}
@media (max-width: 991px) {
  .table-salary .column-company {
    max-width: 50px;
    min-width: 50px;
    width: 50px;
  }
}
.table-salary .column-date {
  max-width: 80px;
  min-width: 80px;
  width: 80px;
}
.table-salary .column-taxi {
  max-width: 170px;
  min-width: 170px;
  width: 170px;
}
@media (max-width: 991px) {
  .table-salary .column-taxi {
    max-width: 100px;
    min-width: 100px;
    width: 100px;
  }
}
.table-salary .detailed-header {
  width: 4em;
  max-width: 4em;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media (max-width: 991px) {
  .table-salary .detailed-header {
    display: none;
  }
}
.table-salary .detailed-header-mobile {
  display: none;
}
@media (max-width: 991px) {
  .table-salary .detailed-header-mobile {
    display: table-cell;
    width: 12em;
    max-width: 12em;
  }
}
.table-salary .detailed {
  white-space: nowrap;
  text-align: center;
}
@media (max-width: 991px) {
  .table-salary .detailed {
    display: none;
  }
}
.table-salary .detailed-mobile {
  display: none;
}
@media (max-width: 991px) {
  .table-salary .detailed-mobile {
    display: table-cell;
    white-space: nowrap;
    text-align: left;
    width: 12em;
    max-width: 12em;
  }
  .table-salary .detailed-mobile .type {
    display: inline-table;
    text-align: right;
    width: 5.5em;
    max-width: 5.5em;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 80%;
  }
}
.form-company-avatar {
  margin: auto;
  position: relative;
  padding: 15px;
}
.form-company-avatar .btn-close {
  right: 0;
  top: 0;
  display: none;
}
.form-company-avatar.has-image .btn-close {
  display: block;
}
.form-company-avatar .image-block {
  margin-bottom: 10px;
  overflow: hidden;
}
.form-company-avatar .image-block img {
  max-width: 145px;
  max-height: 145px;
  height: auto;
  width: auto;
  border: 1px solid #ccc;
  border-radius: 5px;
}
.form-company-avatar .confirm-block {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 70px 10px;
  text-align: center;
  color: white;
  display: none;
}
.form-company-avatar .confirm-block.in {
  display: block;
}
.form-company-avatar .confirm-block .btn {
  box-shadow: none;
}
.company-extended-block {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.company-extended-block:before {
  content: "";
  position: absolute;
  top: -30px;
  left: -20px;
  right: -20px;
  bottom: -60px;
  background-image: url(../img/extended_company.png);
  background-position: center center;
  background-size: cover;
  filter: blur(5px);
  z-index: -1;
  opacity: 0.2;
}
.company-extended-block h2 span {
  border-bottom: 1px solid;
}
.company-extended-block .h4 {
  margin-top: 30px;
}
.company-extended-block .benefits-container {
  margin-bottom: 40px;
}
.company-extended-block .benefits-container i {
  color: #f74877;
  border: 1px solid #f74877;
  background: rgba(255, 255, 255, 0.65);
}
.company-extended-block .btn-lg span {
  border-bottom: 1px solid;
  text-shadow: 1px 1px 0px #333333;
}
.chart-help-block {
  background: #757b92;
  padding: 15px;
  border-radius: 3px;
  color: white;
}
.chart-help-block p {
  margin: 0;
}
.chart-help-block span {
  display: inline-block;
  vertical-align: middle;
}
.chart-help-block .text-user-name,
.chart-help-block .text-taxi-name {
  color: white;
}
.company-metainfo {
  display: flex;
  align-items: center;
  justify-content: center;
}
.company-metainfo__name {
  flex: 30% 1 1;
  overflow: hidden;
}
.company-metainfo__free-slots {
  flex: 80px 0 1;
}
.company-metainfo__founder {
  max-width: 30%;
  text-align: end;
}
.company-metainfo__founder .text-user-name {
  line-height: 100%;
}
.company-metainfo__founder .text-user-name .nickname .text {
  max-width: 69px;
}
.company-content .tab-content {
  background: #f9f9fc;
}
.company-content .tab-pane .tab-block {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 10px;
}
.company-content .tab-nav-block {
  margin-bottom: 10px;
}
.company-bonuses {
  padding: 10px;
}
.company-bonuses .bonus-content {
  border-radius: 5px;
  margin-bottom: 10px;
  border: 1px solid #e6e6e6;
  background-image: linear-gradient(to bottom, var(--tx-panel-background) 0%, var(--tx-panel-background-second) 100%);
}
.company-bonuses .bonus-content .panel-body {
  padding: 20px;
}
@media (max-width: 480px) {
  .taxi-company-title {
    max-width: 100px;
  }
}
@media (max-width: 480px) {
  .company-active-contest {
    margin-left: 25%;
    transform: translateX(calc(-50% - 5px));
  }
}
.service-finisher {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-transform: none;
  color: #f74877;
  white-space: nowrap;
}
@media (max-width: 480px) {
  .company-name-block .company-type {
    display: flex;
    max-width: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.levelup-discount {
  animation: levelup-discount 1s;
  animation-iteration-count: 3;
}
@keyframes levelup-discount {
  0%,
  100% {
    color: #fff;
    border-color: #f74877;
    background-color: #f74877;
  }
  50% {
    color: #fff;
    border-color: #fbbc23;
    background-color: #fbbc23;
  }
}
.company-custom .panel-title {
  color: #f84877;
  font-size: 24px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  line-height: 14px;
}
@media (max-width: 480px) {
  .company-custom .panel-title {
    font-size: 20px;
  }
}
.taxi-company .company-header-block .mask {
  height: 100%;
}
.taxi-company .company-header-block .company-image-container .label-level {
  top: 0;
}
.panel-vacancy,
.panel-user-taxi-info {
  padding-top: 20px;
}
.panel-vacancy .status-block,
.panel-user-taxi-info .status-block {
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
  padding: 0 5px;
  text-transform: uppercase;
  font-size: 12px;
  color: #9a9999;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.panel-vacancy .status-block p,
.panel-user-taxi-info .status-block p {
  margin-bottom: 0;
}
.panel-user-taxi-info time {
  display: block;
}
.panel-user-taxi-info .employer-block {
  display: block;
  float: none;
  width: auto;
  text-align: left;
}
.panel-user-taxi-info .employer-block .label-online {
  position: absolute;
  bottom: -2px;
  right: -2px;
}
.panel-user-taxi-info .employer-block .label-online .icon {
  position: relative;
  right: 0;
}
.panel-user-taxi-info .employer-block .image-block img {
  width: 60px;
  height: 60px;
  background: #cdd0da;
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
  padding: 0;
  margin: auto;
  display: block;
}
.panel-user-taxi-info .employer-block .name-block {
  text-transform: uppercase;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #3d8ee9;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: -3px;
  margin-bottom: -3px;
  line-height: 22px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.panel-user-taxi-info .employer-block .name-block p {
  margin-bottom: 0;
}
.panel-user-taxi-info .employer-block .name-block p {
  margin-bottom: 0;
}
.panel-user-taxi-info .employer-block .name-block .title {
  font-weight: bold;
}
.panel-user-taxi-info .employer-block .name-block a {
  display: block;
}
.panel-user-taxi-info .info-block {
  position: relative;
  text-transform: uppercase;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  margin-bottom: 0;
}
.panel-user-taxi-info .info-block p {
  margin-bottom: 0;
}
.panel-user-taxi-info .description-block h4 {
  font-size: 18px;
  font-weight: normal;
  color: black;
  margin-bottom: 0;
  margin-top: 0;
}
.panel-user-taxi-info .description-block p {
  color: #969bad;
  line-height: 1.2;
}
.panel-user-taxi-info .ability-block {
  white-space: nowrap;
}
.panel-user-taxi-info .ability-block .text-no-part {
  line-height: 37px;
  margin: 0;
  text-transform: uppercase;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.panel-user-taxi-info .actions-block,
.panel-user-taxi-info .help-block,
.panel-user-taxi-info .error-block {
  position: relative;
}
.panel-user-taxi-info .actions-block p,
.panel-user-taxi-info .help-block p,
.panel-user-taxi-info .error-block p {
  margin-bottom: 0;
}
.panel-user-taxi-info .actions-block .btn-link,
.panel-user-taxi-info .help-block .btn-link,
.panel-user-taxi-info .error-block .btn-link {
  display: inline-block;
  font-size: 14px;
  text-transform: lowercase;
  margin: 0px 0;
  vertical-align: middle;
  border: none;
  padding: 2px 0;
}
.panel-user-taxi-info .actions-block .btn-link + a,
.panel-user-taxi-info .help-block .btn-link + a,
.panel-user-taxi-info .actions-block .btn-link + .btn-link,
.panel-user-taxi-info .help-block .btn-link + .btn-link,
.panel-user-taxi-info .error-block .btn-link + a,
.panel-user-taxi-info .error-block .btn-link + .btn-link {
  margin-left: 7px;
}
.panel-user-taxi-info .actions-block .btn-link .icon,
.panel-user-taxi-info .help-block .btn-link .icon,
.panel-user-taxi-info .error-block .btn-link .icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  vertical-align: middle;
  line-height: 24px;
  border: 1px solid #edf0f4;
  border-radius: 50%;
}
.panel-user-taxi-info .actions-block form .error-block,
.panel-user-taxi-info .help-block form .error-block,
.panel-user-taxi-info .error-block form .error-block {
  margin: 10px 0;
}
.panel-user-taxi-info .actions-block form .error-block p,
.panel-user-taxi-info .help-block form .error-block p,
.panel-user-taxi-info .error-block form .error-block p {
  margin: 0;
}
.vertical-info-block,
.requirement-block,
.cv-requirement-block,
.vacancy-requirement-block {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 32px;
  text-align: center;
  line-height: 1.2;
  display: inline-block;
  vertical-align: top;
  padding-right: 5px;
  padding-left: 5px;
}
.vertical-info-block h5,
.requirement-block h5,
.cv-requirement-block h5,
.vacancy-requirement-block h5,
.vertical-info-block .h5,
.requirement-block .h5,
.cv-requirement-block .h5,
.vacancy-requirement-block .h5 {
  font-size: 16px;
  display: block;
  margin: 0;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 20px;
}
.vertical-info-block h5.small,
.requirement-block h5.small,
.cv-requirement-block h5.small,
.vacancy-requirement-block h5.small,
.vertical-info-block .h5.small,
.requirement-block .h5.small,
.cv-requirement-block .h5.small,
.vacancy-requirement-block .h5.small,
.vertical-info-block h5 .small,
.requirement-block h5 .small,
.cv-requirement-block h5 .small,
.vacancy-requirement-block h5 .small,
.vertical-info-block .h5 .small,
.requirement-block .h5 .small,
.cv-requirement-block .h5 .small,
.vacancy-requirement-block .h5 .small,
.vertical-info-block h5 small,
.requirement-block h5 small,
.cv-requirement-block h5 small,
.vacancy-requirement-block h5 small,
.vertical-info-block .h5 small,
.requirement-block .h5 small,
.cv-requirement-block .h5 small,
.vacancy-requirement-block .h5 small {
  font-size: 12px;
}
.vertical-info-block p,
.requirement-block p,
.cv-requirement-block p,
.vacancy-requirement-block p,
.vertical-info-block span,
.requirement-block span,
.cv-requirement-block span,
.vacancy-requirement-block span {
  display: block;
  line-height: 30px;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
.vertical-info-block .fa-stack,
.requirement-block .fa-stack,
.cv-requirement-block .fa-stack,
.vacancy-requirement-block .fa-stack {
  font-size: 0.5em;
  margin: auto;
}
.vertical-info-block.vertical-info-block-lg p,
.requirement-block.vertical-info-block-lg p,
.cv-requirement-block.vertical-info-block-lg p,
.vacancy-requirement-block.vertical-info-block-lg p,
.vertical-info-block.requirement-block-lg p,
.requirement-block.requirement-block-lg p,
.cv-requirement-block.requirement-block-lg p,
.vacancy-requirement-block.requirement-block-lg p {
  font-size: 16px;
  line-height: 36px;
}
.mining-requirement-block {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 32px;
  text-align: left;
  line-height: 1.2;
}
.mining-requirement-block h5 {
  font-size: 16px;
  display: block;
  margin: 0;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 20px;
}
.mining-requirement-block p {
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
  margin: 10px 0 0;
}
.vacancies-scroll-container {
  margin-top: 20px;
  margin-bottom: 20px;
  max-height: 190px;
  overflow-y: scroll;
  overflow-x: auto;
}
.vacancy-radio-block {
  overflow: hidden;
  height: 85px;
}
.vacancy-radio-block .image-block {
  height: 65px;
}
.vacancy-radio-block .name-block {
  line-height: 40px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.vacancy-radio-block .name-block .title {
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  white-space: nowrap;
}
.vacancy-radio-block .name-block .sub-title {
  color: #f74877;
  white-space: nowrap;
}
.vacancy-radio-block .description-block {
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.vacancy-radio-block .cv-requirement-block {
  margin-top: 5px;
}
.player-ability {
  display: inline-block;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
  width: 30px;
  border-radius: 50%;
  text-align: left;
  color: #f74877;
  cursor: pointer;
}
.player-ability i {
  font-size: 10px;
  color: #ccc;
}
.player-ability:hover {
  color: #f74877;
}
.player-ability:hover i {
  color: #f74877;
}
.taxi-part {
  display: inline-block;
  filter: grayscale(100%);
  -wekit-filter: grayscale(100%);
  opacity: 0.6;
}
.taxi-part .img-block {
  height: 30px;
}
.taxi-part .img-block .label-level {
  font-size: 11px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  left: -5px;
  bottom: -5px;
  top: auto;
}
.taxi-part:hover,
.taxi-part.active {
  filter: none;
  -wekit-filter: none;
  opacity: 1;
}
.taxi-ability {
  position: relative;
  display: block;
  width: 25%;
  float: left;
  filter: grayscale(100%);
  -wekit-filter: grayscale(100%);
  opacity: 0.6;
  text-align: center;
  white-space: nowrap;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  vertical-align: top;
}
.taxi-ability .img-block {
  display: inline-block;
  height: 30px;
}
.taxi-ability .label-level {
  font-size: 11px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  left: auto;
  top: 0;
  right: 0;
  position: absolute;
}
.taxi-ability.active {
  filter: none;
  -wekit-filter: none;
  opacity: 1;
}
.city-profile-section .info-section {
  padding-top: 7px;
  padding-bottom: 7px;
}
.city-profile-section .info-section p {
  text-transform: uppercase;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 0;
  color: #333333;
}
.city-profile-section .info-section p + p {
  margin-left: 20px;
}
.city-profile-section .section {
  padding-top: 10px;
  padding-bottom: 10px;
}
.city-profile-section .section .title {
  margin-bottom: 10px;
  margin-top: 0px;
}
.common-actions-section .panel .panel-heading,
.common-actions-section .panel .panel-body,
.common-actions-section .panel .panel-footer {
  padding-top: 10px;
  padding-bottom: 10px;
}
.common-actions-section .panel .panel-content {
  height: 189px;
}
.common-actions-section .panel .panel-heading {
  margin-bottom: 0;
}
.common-actions-section .panel .panel-heading h4,
.common-actions-section .panel .panel-heading .h4 {
  margin: 0;
}
.common-actions-section .panel .panel-heading a,
.common-actions-section .panel .panel-heading span.title {
  position: absolute;
  top: 8px;
  color: white;
  margin-left: 2px;
}
.common-actions-section .panel .panel-heading a i,
.common-actions-section .panel .panel-heading span.title i {
  background: #a1a1a1;
}
.common-actions-section .panel .panel-body {
  height: 86px;
}
.common-actions-section .panel .panel-body p {
  margin-bottom: 0;
}
.common-actions-section .panel .panel-footer {
  height: 60px;
}
.panel-profile-bill .panel-body p,
.panel-profile-bill .panel-body p {
  font-size: 26px;
  line-height: 60.5px;
}
.panel-profile-bill .panel-body.expanded p,
.panel-profile-bill .panel-body.expanded p {
  font-size: 14px;
  line-height: 22px;
}
.panel-profile-bill .btn-rounded,
.panel-profile-bill .btn-rounded {
  background: #ededed;
  border: 1px solid #dadbe5;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  padding: 0;
}
.panel-profile-bill .btn-rounded:hover,
.panel-profile-bill .btn-rounded:hover,
.panel-profile-bill .btn-rounded:active,
.panel-profile-bill .btn-rounded:active,
.panel-profile-bill .btn-rounded:focus,
.panel-profile-bill .btn-rounded:focus {
  opacity: 0.6;
}
.specification-block {
  background-repeat: no-repeat;
  background-position: top center;
  width: 150px;
  height: 150px;
  margin: auto;
  position: relative;
  border: 10px solid #c9ced7;
  border-radius: 50%;
}
.specification-block h4 {
  font-size: 48px;
  font-weight: bold;
  margin: 0;
  color: var(--tx-text-color);
}
.specification-block p {
  text-transform: uppercase;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: var(--tx-text-color);
  position: relative;
}
.specification-block .points-block {
  position: relative;
  white-space: nowrap;
}
.specification-block .points-block i {
  position: absolute;
  background: white;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  border-radius: 50%;
  font-size: 11px;
  color: #f74877;
  border: 1px solid #f74877;
  top: 0;
  margin-left: -15px;
  z-index: 0;
}
.specification-block .points-block span {
  position: relative;
}
.specification-block .tooltip-block {
  padding: 20px 0;
}
.specification-block .tooltip-block i {
  position: relative;
  color: #f74877;
  top: -5px;
}
.specification-block .btn {
  color: var(--tx-text-color-reverse);
}
.specification-block .btn-increase {
  position: absolute;
  background: #fddd29;
  padding: 0;
  border-radius: 50% !important;
  text-align: center;
  line-height: 45px;
  box-shadow: inset 0 1px 10px #f7a508;
  font-size: 16px;
  right: -15px;
  top: -20px;
  width: 50px;
  height: 50px;
  border: 5px solid #c9ced7;
}
.specification-block .btn-increase:hover,
.specification-block .btn-increase:active,
.specification-block .btn-increase:focus {
  background: #fde55c;
}
.specification-block .btn-increase:active,
.specification-block .btn-increase:active:hover,
.specification-block .btn-increase:active:active,
.specification-block .btn-increase:active:focus {
  box-shadow: inset 0 3px 10px #de9507;
  background: #fde55c;
}
.specification-block .btn-increase:disabled,
.specification-block .btn-increase:disabled:hover,
.specification-block .btn-increase:disabled:active,
.specification-block .btn-increase:disabled:focus {
  opacity: 1;
  background: #ccc;
  box-shadow: inset 0 1px 10px #9e9e9e;
}
.specification-block .btn-decrease {
  position: absolute;
  background: white;
  padding: 0;
  border-radius: 50% !important;
  text-align: center;
  line-height: 35px;
  box-shadow: inset 0 1px 10px #636363;
  font-size: 16px;
  left: -15px;
  bottom: -5px;
  width: 40px;
  height: 40px;
  border: 5px solid #c9ced7;
}
.specification-block .btn-decrease:hover,
.specification-block .btn-decrease:active,
.specification-block .btn-decrease:focus {
  background: #ff3731;
}
.specification-block .btn-decrease:active,
.specification-block .btn-decrease:active:hover,
.specification-block .btn-decrease:active:active,
.specification-block .btn-decrease:active:focus {
  box-shadow: inset 0 3px 10px #e40600;
  background: #ff3731;
}
.specification-block .btn-decrease:disabled,
.specification-block .btn-decrease:disabled:hover,
.specification-block .btn-decrease:disabled:active,
.specification-block .btn-decrease:disabled:focus {
  opacity: 1;
  background: #ccc;
  box-shadow: inset 0 1px 10px #9e9e9e;
}
.taxi-specification-section .specification-wrapper {
  margin: 20px auto;
}
.specification-description-block {
  font-size: 14px;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: #646464;
}
.specification-description-block span > span {
  font-size: 110%;
}
.specifications-section {
  position: relative;
}
.specifications-section .panel {
  background: rgba(0, 0, 0, 0.71);
  color: white;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: not-allowed;
}
.specifications-section .panel-content {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  background: none;
  border: none;
  box-shadow: none;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  transform: translateY(-50%);
}
.specifications-section .panel-content .btn {
  box-shadow: none;
}
.specification-form-block .header-block {
  margin-bottom: 20px;
}
.specification-form-block .header-block h4 {
  margin-bottom: 0;
}
.specification-form-block .header-block p {
  font-size: 11px;
}
.specification-form-block .info-block .points-plus {
  color: #f74877;
}
.specification-form-block .info-block .points-minus {
  color: #419943;
}
.specification-form-block .info-block .points-plus,
.specification-form-block .info-block .points-minus {
  text-transform: lowercase;
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.specification-form-block .info-block .points-plus.fade,
.specification-form-block .info-block .points-minus.fade {
  display: none;
}
.specification-form-block .info-block .points-plus.fade.in,
.specification-form-block .info-block .points-minus.fade.in {
  display: inline;
}
.specification-form-block .price-block {
  line-height: 1.3;
  margin: 0;
}
.specification-form-block .price-block .text-large {
  font-size: 120%;
}
.specification-form-block .price-block .text-large small {
  font-size: 11px;
}
.stats-profile-section.section {
  padding-bottom: 0;
}
.specification-table {
  margin-bottom: 0;
}
.specification-table tr td:last-child {
  width: 100px;
  text-align: center;
  font-size: 160%;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.specification-table tr.incremented td:last-child {
  color: #419943;
}
.company-create-section {
  position: relative;
}
.company-create-section .mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 300px;
  background: url("../img/company_bg.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.company-create-section .city-heading h1 {
  font-size: 24px;
  text-transform: uppercase;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-top: 20px;
  position: relative;
}
.company-create-section .description-block {
  margin-bottom: 45px;
  position: relative;
}
@media (min-width: 768px) {
  .company-create-section .description-block {
    margin-bottom: 85px;
  }
}
.company-create-section .btn-hide {
  text-decoration: none;
}
.company-create-section .btn-hide i {
  font-size: 20px;
  display: block;
}
.company-create-section .btn-hide span {
  text-decoration: underline;
  text-transform: uppercase;
}
.company-create-section .btn-hide:focus span,
.company-create-section .btn-hide:hover span,
.company-create-section .btn-hide:active span {
  text-decoration: none;
}
.panel-company-info.panel-default + .panel-company-info {
  margin-top: 10px;
}
.panel-company-info.panel-default .panel-body + .panel-list,
.panel-company-info.panel-default .panel-footer {
  border-top: 1px solid #e5e7eb;
}
.panel-company-info.panel-default .panel-title {
  font-size: 24px;
}
.panel-company-info.panel-default .panel-body {
  color: #646464;
}
.panel-company-info.panel-default .image-block {
  display: block;
  margin: auto;
  text-align: center;
}
.panel-company-info.panel-default .image-block img {
  display: inline-block;
}
.panel-company-info.panel-default ul {
  list-style: none;
  padding: 0;
  margin-bottom: 0px;
}
.panel-company-info.panel-default ul li {
  text-transform: uppercase;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.panel-company-info.panel-default ul li small {
  text-transform: none;
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.panel-company-info.panel-default .panel-list {
  padding: 0;
  margin-bottom: 3px;
}
.panel-company-info.panel-default .panel-list li {
  padding: 7px 15px;
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: none;
}
.panel-company-info.panel-default .panel-list li + li {
  border-top: 1px solid #e5e7eb;
}
.panel-company-info.panel-default .panel-footer p {
  line-height: 20px;
}
.panel-company-info.panel-default .panel-footer .btn-primary-inverse {
  position: relative;
}
.panel-company-info.panel-default .panel-footer .btn-primary-inverse:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  width: 0;
  height: 0;
  border-top: 10px solid;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.panel-company-info.panel-default .panel-footer .btn-primary-inverse:hover:after,
.panel-company-info.panel-default .panel-footer .btn-primary-inverse:active:after,
.panel-company-info.panel-default .panel-footer .btn-primary-inverse:focus:after {
  border-top: 10px solid #3a8bf8;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.rating-section a.active {
  text-decoration: none;
  color: var(--tx-text-color);
  pointer-events: none;
  cursor: default;
}
.rating-section .navbar-xs {
  margin-left: -10px;
  margin-right: -10px;
}
.rating-section .navbar-xs .navbar-nav {
  width: 100%;
}
.rating-section .navbar-xs .navbar-nav > li {
  float: none;
}
.rating-section .navbar-xs .navbar-nav > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.rating-section .navbar-xs .navbar-nav > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .rating-section .navbar-xs .navbar-nav > li {
    display: table-cell;
    width: 1%;
  }
  .rating-section .navbar-xs .navbar-nav > li > a {
    margin-bottom: 0;
  }
}
.rating-section .navbar-xs .navbar-nav > li {
  float: none;
}
.rating-section .navbar-xs .navbar-nav > li > a {
  text-align: center;
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .rating-section .navbar-xs .navbar-nav > li {
    display: table-cell;
    width: 1%;
    white-space: nowrap;
  }
  .rating-section .navbar-xs .navbar-nav > li > a {
    margin-bottom: 0;
  }
}
.rating-section .navbar-xs .navbar-nav li a {
  white-space: nowrap;
  padding: 5px 5px;
}
.rating-section .leagues-section {
  padding-top: 10px;
  padding-bottom: 10px;
}
.rating-section .col-league {
  position: relative;
  float: left;
  width: 25%;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
}
.rating-section .col-league .league-block {
  width: auto;
}
.rating-section .col-league .league-block a {
  display: inline-block;
}
.rating-section .col-league .league-block p {
  margin-bottom: 0;
}
.rating-section .col-league .league-block .img-block {
  height: 50px;
  position: relative;
  display: block;
  overflow: visible;
  font-size: 0;
  line-height: 0;
  text-align: center;
  border-radius: 50%;
}
.rating-section .col-league .league-block .img-block:before {
  content: " ";
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.rating-section .col-league .league-block .img-block .img,
.rating-section .col-league .league-block .img-block img {
  vertical-align: middle;
  display: inline-block;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  width: auto;
}
.rating-section .col-league .league-block .img-block .img,
.rating-section .col-league .league-block .img-block img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.rating-section .col-league .league-block .img-block .img + a,
.rating-section .col-league .league-block .img-block img + a {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  position: absolute;
}
.rating-section .col-league .league-block .name-block {
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 50px;
  text-align: left;
}
@media (max-width: 768px) {
  .rating-section .col-league .league-block .name-block {
    text-transform: none;
  }
}
.rating-section .col-league .league-block .sub-name-block {
  color: #333;
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  line-height: 22px;
  position: absolute;
  bottom: 0;
}
.rating-section .col-league .league-block.indent .name-block {
  color: #f74877;
}
.rating-section .col-league .league-block:hover .image-block,
.rating-section .col-league .league-block:focus .image-block,
.rating-section .col-league .league-block:active .image-block {
  opacity: 0.8;
}
.table-rating {
  margin-bottom: -10px !important;
}
.table-rating .col-rating-pos {
  max-width: 50px;
  min-width: 50px;
  width: 50px;
  text-align: center;
}
.table-rating .col-rating-pos i {
  font-style: normal;
  background: #dadada;
  color: black;
  border-radius: 50%;
  padding: 6px;
  display: inline-block;
  width: 30px;
  height: 30px;
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.table-rating tbody tr:nth-child(1) .col-rating-pos i {
  background: #f74877;
  color: white;
}
.table-rating tbody tr:nth-child(2) .col-rating-pos i {
  background: #fbbc23;
  color: black;
}
.table-rating tbody tr:nth-child(3) .col-rating-pos i {
  background: #3584e6;
  color: white;
}
.table-rating .col-income {
  line-height: 40px !important;
}
@media (min-width: 768px) {
  .table-rating .col-income {
    max-width: 190px;
    min-width: 190px;
    width: 190px;
  }
}
.table-rating .col-income .inline-block {
  vertical-align: middle;
}
.table-rating .col-subject {
  min-width: 150px;
}
.table-rating .rating-income,
.table-rating .rating-delta {
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.table-rating .company-block .rating-delta,
.table-rating .player-block .rating-delta {
  line-height: 40px;
}
.table-rating .company-block .image-block {
  height: 40px;
}
.table-rating .company-block .name-block p {
  margin-bottom: 0;
  color: var(--tx-text-color);
  line-height: 20px;
}
.table-rating .company-block .name-block p.company-title {
  font-weight: bold;
}
.table-rating .name-block {
  line-height: 40px;
}
.table-rating .present-block {
  display: flex;
  justify-content: center;
  position: relative;
  text-align: center;
}
.table-rating .present-block.handed {
  opacity: 0.3;
}
.table-rating .present-block .amount-badge {
  cursor: default;
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: white;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #f74877;
  border-radius: 10px;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #125f9a !important;
  position: absolute;
  bottom: 0;
}
.table-rating .present-block .amount-badge:empty {
  display: none;
}
.btn .table-rating .present-block .amount-badge {
  position: relative;
  top: -1px;
}
.btn-xs .table-rating .present-block .amount-badge,
.btn-group-xs > .btn .table-rating .present-block .amount-badge {
  top: 0;
  padding: 1px 5px;
}
a.table-rating .present-block .amount-badge:hover,
a.table-rating .present-block .amount-badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.list-group-item.active > .table-rating .present-block .amount-badge,
.nav-pills > .active > a > .table-rating .present-block .amount-badge {
  color: #3d8ee9;
  background-color: #fff;
}
.list-group-item > .table-rating .present-block .amount-badge {
  float: right;
}
.list-group-item > .table-rating .present-block .amount-badge + .table-rating .present-block .amount-badge {
  margin-right: 5px;
}
.nav-pills > li > a > .table-rating .present-block .amount-badge {
  margin-left: 3px;
}
.table-rating .present-block .amount-badge.arena-badge {
  color: white;
  background: #5570c2;
  border: 1px solid #455ba2;
  border-right: 1px solid #748ed4;
  box-shadow: -1px 1px 2px #374386;
  border-radius: 5px;
  cursor: pointer;
}
.table-player-rating .player-block .name-block {
  margin-bottom: 0;
  color: #333;
  line-height: 40px;
}
.table-player-rating .player-block .name-block .anonim-name {
  color: #888;
}
@media (max-width: 480px) {
  .table-player-rating .player-block .name-block .text-user-name {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
  }
}
.table-player-rating .player-block .img-block {
  max-width: 40px;
  margin: auto;
}
.panel-league p {
  margin-bottom: 0;
}
.panel-league .title {
  text-transform: uppercase;
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #f74877;
  font-size: 22px;
  font-weight: bold;
  line-height: 66px;
}
@media (max-width: 767px) {
  .panel-league .title {
    font-size: 16px;
  }
}
.panel-league a {
  color: var(--tx-text-color);
  text-decoration: none;
}
.panel-league a span {
  border-color: transparent;
}
.panel-league a:hover span,
.panel-league a:active span,
.panel-league a:focus span {
  color: #f74877;
}
.panel-league .name img {
  width: 20px;
}
.panel-league .image-block {
  height: 66px;
}
.company-league-link {
  margin-bottom: 0;
  white-space: nowrap;
  vertical-align: middle;
  font-size: 16px;
}
.company-league-link .text-company-name {
  max-width: 40%;
  display: inline-block;
  vertical-align: middle;
}
.company-league-links-3 .company-league-link,
.company-league-links-4 .company-league-link,
.company-league-links-5 .company-league-link,
.company-league-links-6 .company-league-link,
.company-league-links-7 .company-league-link,
.company-league-links-8 .company-league-link,
.company-league-links-9 .company-league-link,
.company-league-links-10 .company-league-link,
.company-league-links-11 .company-league-link,
.company-league-links-12 .company-league-link,
.company-league-links-13 .company-league-link,
.company-league-links-14 .company-league-link {
  font-size: 14px;
}
.getOrders {
  position: relative;
}
@media (min-width: 768px) {
  .getOrders .find-service-station {
    margin-top: 2px;
  }
}
.getOrders > .loading-block {
  display: none;
}
.getOrders.loading > .loading-block {
  display: block;
  border-radius: 3px;
  left: 5px;
  right: 5px;
  background: rgba(120, 126, 148, 0.5);
  z-index: 100;
  cursor: wait;
  width: auto;
}
.getOrders.loading > .loading-block i {
  font-size: 20px;
  color: #f74877;
}
.getOrders .order {
  overflow: hidden;
}
.special-order {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  left: 0;
  padding: 10px 0;
  background: #f8f9fb;
  border-radius: 6px;
}
.special-order .image-block {
  width: 80px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 0;
}
.special-order h4,
.special-order p {
  position: relative;
  z-index: 1;
}
.special-order .special-by-luck {
  color: #fe7195;
  font-size: 14px;
}
.getOrderOnRest,
.employer,
.employerOrder {
  position: relative;
}
.getOrderOnRest .info-popup-collapse,
.employer .info-popup-collapse,
.employerOrder .info-popup-collapse {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--tx-panel-background);
  font-size: 14px;
  transition: height 0.3s ease-in-out;
  height: 0 !important;
  z-index: 1039 !important;
  border-radius: 3px;
}
.getOrderOnRest .info-popup-collapse.in,
.employer .info-popup-collapse.in,
.employerOrder .info-popup-collapse.in {
  height: 100% !important;
  min-height: 200px;
}
.getOrderOnRest .info-popup-collapse.in .text-block,
.employer .info-popup-collapse.in .text-block,
.employerOrder .info-popup-collapse.in .text-block {
  opacity: 1;
}
.getOrderOnRest .info-popup-collapse .btn-close,
.employer .info-popup-collapse .btn-close,
.employerOrder .info-popup-collapse .btn-close {
  position: absolute;
  right: 5px;
  top: 5px;
  font-size: 14px;
  line-height: 30px;
  width: 30px;
  height: 30px;
  min-width: 0;
  padding: 0;
}
.getOrderOnRest .info-popup-collapse .collapse-inner-wrapper,
.employer .info-popup-collapse .collapse-inner-wrapper,
.employerOrder .info-popup-collapse .collapse-inner-wrapper {
  position: static;
}
.getOrderOnRest .info-popup-collapse .text-block,
.employer .info-popup-collapse .text-block,
.employerOrder .info-popup-collapse .text-block {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease-in-out;
  opacity: 0;
}
.getOrderOnRest .info-popup-collapse .title,
.employer .info-popup-collapse .title,
.employerOrder .info-popup-collapse .title {
  color: black;
}
.getOrderOnRest .info-popup-collapse.has-error,
.employer .info-popup-collapse.has-error,
.employerOrder .info-popup-collapse.has-error {
  background: rgba(255, 249, 251, 0.9);
}
.getOrderOnRest .info-popup-collapse.has-error .title,
.employer .info-popup-collapse.has-error .title,
.employerOrder .info-popup-collapse.has-error .title {
  color: #f74877;
}
.getOrderOnRest .info-popup-collapse.has-error .btn,
.employer .info-popup-collapse.has-error .btn,
.employerOrder .info-popup-collapse.has-error .btn {
  box-shadow: none;
}
.getOrderOnRest .btn-xs,
.employer .btn-xs,
.employerOrder .btn-xs {
  padding: 7px 7px;
  font-size: 14px;
  line-height: 18px;
}
.getOrders .order-level-1 .level-block {
  color: #b3b3b3;
  text-shadow: 1px 1px 1px white;
}
.getOrders .order-level-1 .oAddress {
  color: #b3b3b3;
}
.getOrders .order-level-2 .level-block {
  color: #84aab4;
  text-shadow: 1px 1px 1px #d0d0d0;
}
.getOrders .order-level-2 .oAddress {
  color: #84aab4;
}
.getOrders .order-level-3 .level-block {
  color: #8187b4;
  text-shadow: 1px 1px 1px white;
}
.getOrders .order-level-3 .oAddress {
  color: #8187b4;
}
.getOrders .order-level-4 .level-block {
  color: #00caba;
  text-shadow: 1px 1px 1px #c1c1c1;
}
.getOrders .order-level-4 .oAddress {
  color: #00caba;
}
.getOrders .order-level-5 .level-block {
  color: #ff8600;
  text-shadow: 1px 1px 1px white;
}
.getOrders .order-level-5 .oAddress {
  color: #ff8600;
}
.getOrders .order-level-6 .level-block {
  color: #bf00d2;
  text-shadow: 1px 1px 1px #cacaca;
}
.getOrders .order-level-6 .oAddress {
  color: #bf00d2;
}
.getOrders .order-level-7 .level-block {
  color: #ea00ca;
  text-shadow: 1px 1px 1px #ececec;
}
.getOrders .order-level-7 .oAddress {
  color: #ea00ca;
}
.getOrders .order-level-8 .level-block {
  color: #ff0000;
  text-shadow: 1px 1px 1px #bfbfbf;
}
.getOrders .order-level-8 .oAddress {
  color: #ff0000;
}
.getOrders .order-level-9 .level-block {
  color: #0000b9;
  text-shadow: 1px 1px 1px #ececec;
}
.getOrders .order-level-9 .oAddress {
  color: #0000b9;
}
.order-type-usual,
.getOrders .order-type-usual {
  background-color: white;
  border: 1px solid #dcdcdc;
}
.order-type-hackwork,
.getOrders .order-type-hackwork {
  background-color: #e5e7eb;
  border: 1px solid #c7c6c6;
}
.order-type-hackwork .oTop,
.getOrders .order-type-hackwork .oTop {
  border-color: transparent;
}
.order-type-hackwork .oBottom,
.getOrders .order-type-hackwork .oBottom {
  border-color: #c7c6c6;
}
.order-type-elite,
.getOrders .order-type-elite {
  background-color: #eaffef;
  border: 1px solid #9ed0a9;
}
.order-type-elite .oTop,
.getOrders .order-type-elite .oTop {
  border-color: transparent;
}
.order-type-elite .oBottom,
.getOrders .order-type-elite .oBottom {
  border-color: #9ed0a9;
}
.order-type-contest,
.getOrders .order-type-contest {
  background-color: #eaf8ff;
  border: 1px solid #c7c6c6;
}
.order-type-contest .oTop,
.getOrders .order-type-contest .oTop {
  border-color: transparent;
}
.order-type-contest .oBottom,
.getOrders .order-type-contest .oBottom {
  border-color: #c7c6c6;
}
.getOrders .level-block {
  width: 34px;
  height: 34px;
  line-height: 30px;
  background: rgba(255, 255, 255, 0.81);
  box-shadow: 1px 2px 4px #888787;
  border-radius: 50%;
  border: 2px solid;
  font-size: 22px;
  text-align: center;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: auto;
}
.order.disabled:not(.extended) {
  opacity: 0.3;
  cursor: not-allowed;
}
.order .oParams .order-power {
  margin-left: 15px;
  margin-right: -2px !important;
}
.order .panel-error {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 0;
  background: rgba(120, 126, 148, 0.9);
}
.order .panel-error .btn-close {
  right: 5px;
  top: 5px;
  background: #f74877;
  border-color: #f74877;
  color: white;
}
.order .panel-error .panel-content {
  background: transparent;
  border: none;
  box-shadow: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.order .panel-error .panel-body {
  padding: 30px 20px 20px;
  text-align: center;
  color: white;
}
.order .panel-error .panel-body a {
  color: #94c6ff !important;
  font-weight: bold;
}
.order .panel-error .panel-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.order .panel-error .panel-footer .btn {
  box-shadow: none;
}
.employer-order-block .img-order {
  max-width: 60px;
  overflow: hidden;
  border-radius: 50%;
  margin: auto;
}
.employer-order-block .param-block {
  position: relative;
}
.employer-order-block .param-block > span {
  display: inline-block;
}
.employer-order-block .param-block .control-block {
  position: absolute;
  top: 0;
  display: inline-block;
  right: 0;
  white-space: nowrap;
  transform: translateX(100%);
  margin-right: -5px;
}
.employer-order-block .param-block.param-block-energy {
  min-width: 0;
}
.employer-order-block .param-block.param-block-energy > span {
  min-width: 0;
  display: inline-block;
}
.employer-order-block .param-block.param-block-price .control-block {
  margin-left: -5px;
  margin-right: 0;
  right: -5px;
  /*left: 0;*/
  /*transform: translateX(-100%);*/
}
.captcha-container {
  position: relative;
}
.captcha-container[data-loading="true"] .loading-block {
  display: block;
}
.order.special-ww2017 .oBottom .oAddress {
  font-weight: bold;
  color: #cd0127;
  font-size: 12px;
  line-height: 16px;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.order.special-ww2017 .icon-ww-orders {
  width: 94px;
  position: absolute;
  top: -8px;
  left: 4px;
}
.employers .employer .employerOrder.special-ww2017 .oBottom .oAddress {
  font-weight: bold;
  color: #cd0127;
  font-size: 12px;
  line-height: 16px;
}
.employers .employer .employerOrder.special-ww2017 .icon-ww-orders {
  width: 94px;
  position: absolute;
  top: -9px;
  right: 0;
}
.employers .employer .employerOrder.special-ww2017 .oRight {
  margin-right: 95px;
  color: #e53e3e;
  font-weight: bold;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.row-orders {
  margin-left: -5px;
  margin-right: -5px;
}
.row-orders .order {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  transition: all 0.1s ease-in-out;
}
@media (min-width: 768px) {
  .row-orders .order {
    float: left;
    width: 50%;
  }
}
.row-orders .order.extended {
  position: relative;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  min-height: 200px;
  display: block !important;
  margin-bottom: 0 !important;
}
@media (min-width: 768px) {
  .row-orders .order.extended {
    float: left;
    width: 100%;
  }
}
.row-orders .order.extended .order-inner-block {
  margin-bottom: 0;
}
.row-orders .order .order-inner-block {
  border-radius: 6px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  padding: 3px;
  background: #f8f9fb;
  margin-bottom: 10px;
  position: relative;
  border: 1px solid transparent;
}
.row-orders .order .oInner {
  border: 1px dashed transparent;
  border-radius: 6px;
}
.row-orders .order.order-private .oInner .oImage .fa {
  position: absolute;
  top: 5px;
  left: 5px;
  color: #419943;
  font-size: 16px;
}
.row-orders .order.order-fractional .oInner .oImage .fa {
  position: absolute;
  top: 5px;
  left: 5px;
  font-size: 16px;
}
.row-orders .order.order-private-player .order-inner-block {
  border-color: #f74877;
}
.row-orders .order.order-private-player .oInner {
  border-color: #3584e6;
}
.row-orders .order.order-private-company .order-inner-block {
  border-color: #3584e6;
}
.row-orders .order.order-private-company .oInner {
  border-color: #f74877;
}
.captcha-container {
  display: none;
}
.loading-block {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  right: 0;
  height: 100%;
  box-sizing: border-box;
  padding: 10px;
}
.callback-container {
  display: none;
  box-sizing: border-box;
  padding: 10px;
  position: relative;
  text-align: center;
}
@media (min-width: 992px) {
  .callback-container {
    position: absolute;
    left: 50%;
    top: 0;
    width: 50%;
    height: 100%;
    text-align: center;
  }
}
.order:not(.extended) .callback-container,
.order:not(.extended) .captcha-container {
  display: none !important;
}
.order.extended.loading .loading-block {
  display: block;
  border-radius: 3px;
  background: rgba(120, 126, 148, 0.5);
  z-index: 100;
  cursor: wait;
}
.order.extended.loading .loading-block i {
  font-size: 20px;
  color: #333;
}
.callback-container .timer {
  padding: 5px;
}
@media (min-width: 992px) {
  .callback-container .timer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }
}
.passengers-row {
  height: 68px;
  margin: 0;
  padding: 0;
}
.passenger-face {
  width: 30px;
  height: 30px;
  margin: 2px;
  display: inline-block;
  overflow: hidden;
  border: 1px solid #ccc;
  border-radius: 50%;
  background-image: url('../img/ph_avatar.png');
  background-size: contain;
}
.passenger-face.disabled {
  opacity: 0.4;
}
.ore-icon-gray {
  background-image: url(../../src/img/orders/ore_icon_gray.png);
  width: 11px;
  height: 11px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 100%;
}
.ore-icon-yellow {
  background-image: url(../../src/img/orders/ore_icon_yellow.png);
  width: 13px;
  height: 13px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 100%;
}
.order-gasoline .radial-progress-v3-gasoline {
  width: 44px;
  height: 44px;
}
.employerOrder .dialog-quests-block {
  background: #fff url("../img/dquest/dialog-bg.png") right top repeat-y;
}
.employerOrder .dialog-quests-header {
  position: relative;
  overflow: hidden;
  margin-right: -10px;
  padding-right: 10px;
}
.employerOrder .dialog-quests-header .bg-question-sign {
  position: absolute;
  display: inline-block;
  width: 140px;
  height: 140px;
  background: #000;
  color: #fff;
  opacity: 0.05;
  text-align: center;
  font-size: 140px;
  font-weight: bold;
  line-height: 100%;
  border-radius: 50%;
}
.employerOrder .dialog-quests-header .bg-question-sign:nth-child(1) {
  transform: rotate(30deg);
  left: 0px;
  top: 50px;
}
.employerOrder .dialog-quests-header .bg-question-sign:nth-child(2) {
  transform: rotate(-15deg);
  right: -4px;
  top: 7px;
}
.employerOrder .dialog-quests-header .dialog-message {
  position: relative;
  text-align: left;
  padding: 0 14%;
}
.employerOrder .dialog-quests-header .dialog-message .dq-avatar {
  position: absolute;
  left: 10px;
  top: 40px;
}
.employerOrder .dialog-quests-header .dialog-message .message {
  position: relative;
  color: var(--tx-text-color);
  background: var(--tx-panel-background-second);
  border: 1px solid #c7c6c6;
  border-radius: 10px;
  padding: 10px;
  display: inline-block;
  min-width: 10%;
  margin-bottom: 10px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 2px;
  text-align: left;
}
.employerOrder .dialog-quests-header .dialog-message.show-arrow .message {
  margin-bottom: 30px;
}
.employerOrder .dialog-quests-header .dialog-message.show-arrow .message:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 10;
  width: 40px;
  height: 16px;
  bottom: -15px;
  left: -30px;
  border-bottom-right-radius: 80% 100%;
  border-bottom-left-radius: 10% 100%;
  box-shadow: #fdfdfe 16px 0px 0 0, rgba(0, 0, 0, 0.15) 16px 4px 2px;
}
.employerOrder .dialog-quests-header .dialog-message.my-message {
  text-align: right;
}
.employerOrder .dialog-quests-header .dialog-message.my-message .dq-avatar {
  left: auto;
  right: 10px;
}
.employerOrder .dialog-quests-header .dialog-message.my-message .message {
  color: #333;
  border-color: #7dade5;
  background: linear-gradient(180deg, #b1cff0 25%, #7dade5 99%);
}
.employerOrder .dialog-quests-header .dialog-message.my-message.show-arrow .message:before {
  left: auto;
  right: -30px;
  border-bottom-right-radius: 10% 100%;
  border-bottom-left-radius: 80% 100%;
  box-shadow: #7dade5 -16px 0px 0 0, rgba(0, 0, 0, 0.15) -16px 4px 2px;
}
.employerOrder .dialog-quests-header .dialog-message.liked .message {
  color: #599028;
}
.employerOrder .dialog-quests-header .dialog-message.disliked .message {
  color: #f74877;
}
.employerOrder .question-timer {
  height: 20px;
  margin-left: 14%;
  width: 72%;
  padding: 0;
  border-radius: 5px;
}
.employerOrder .question-timer .pbInner {
  height: 20px;
  border: 0;
  background: linear-gradient(90deg, #f74877 0%, #fcd013 34.21%, #419943 70.83%, #3584e6 100%);
  background-size: 520px auto;
}
.employerOrder .question-timer .pbInner:after {
  display: none;
}
.employerOrder .question-timer .indInner {
  left: 0;
  top: 0;
  height: 20px;
  margin: -20px 0 0;
  border-radius: 5px;
}
.employerOrder .question-timer .indicator {
  position: absolute;
  left: auto;
  right: 0;
  background: #586b87;
}
.employerOrder .question-timer .text {
  padding-top: 1px;
  font-size: 90%;
  color: #ffffff;
}
.employerOrder .dialog-quests-options {
  list-style-type: upper-alpha;
  padding: 0 0 0 30px;
}
.employerOrder .dialog-quests-options li:before,
.employerOrder .dialog-quests-options li::marker {
  font-weight: bold;
}
.employerOrder .dialog-quests-options li .opt {
  cursor: pointer;
  margin-left: -30px;
  padding: 10px;
  padding-left: 30px;
  background: linear-gradient(180deg, var(--drk-background, #fdfdfe) 0%, var(--drk-background, #f0f1f6) 100%);
  border: 1px solid #c7c6c6;
  box-sizing: border-box;
  border-radius: 5px;
}
.employerOrder .dialog-quests-options li .opt:hover {
  color: #3a69c9;
  background: linear-gradient(180deg, #fdfdfe 0%, #f0f1f6 100%);
  border: 2px solid #3584e6;
  margin: -1px;
  margin-left: -31px;
}
.employerOrder .dialog-quests-options li:hover {
  color: #3a69c9;
}
.employerOrder .dialog-quests-result {
  position: relative;
  background: var(--tx-panel-background-second);
  border: 2px solid #c7c6c6;
  border-radius: 4px;
}
.employerOrder .dialog-quests-result h4 {
  color: #333;
}
.employerOrder .dialog-quests-result .prize-items .item-row {
  width: 70%;
  position: relative;
  min-height: 70px;
}
.employerOrder .dialog-quests-result .prize-items .item-row .item-img {
  display: inline-block;
  width: 70px;
  height: 70px;
  position: absolute;
  left: -12px;
  top: 0;
}
.employerOrder .dialog-quests-result .prize-items .item-row .item-text {
  margin-left: 60px;
  padding-top: 10px;
}
.employerOrder .dialog-quests-result.dq-none {
  text-align: center;
  color: #c7c6c6;
}
.employerOrder .dialog-quests-result.dq-liked {
  border: 2px solid #419943;
  background: var(--tx-panel-background-second);
  background-image: url("../img/dquest/liked_top_bg.png"), url("../img/dquest/liked_bg.png");
  background-position: right bottom, right bottom;
  background-repeat: no-repeat, no-repeat;
}
.employerOrder .dialog-quests-result.dq-liked h4 {
  color: #419943;
}
.employerOrder .dialog-quests-result.dq-disliked {
  border: 2px solid #c7c6c6;
  background: var(--tx-panel-background-second);
  background-image: url("../img/dquest/disliked_top_bg.png"), url("../img/dquest/disliked_bg.png");
  background-position: right bottom, right bottom;
  background-repeat: no-repeat, no-repeat;
}
.employerOrder .dialog-quests-result.dq-disliked h4 {
  color: #ff0000;
}
.party-order-container {
  background: url(../img/orders/party-order-bg1.jpg);
  border: 1px solid #C7C6C6;
  box-sizing: border-box;
  box-shadow: 1px 1px 4px #D9D9D9;
  background-size: cover;
  background-position: center center;
  position: relative;
}
.party-order-container ~ .party-order-container {
  margin-top: 10px;
}
.party-order-container .progress-custom {
  border: 0;
  border-radius: 5px;
  padding: 1px;
}
.party-order-container .progress-custom .progress-bar,
.party-order-container .progress-custom .progress-bar,
.party-order-container .progress-custom .progress-custom .progress-bar,
.party-order-container .progress-custom .progress-custom-sm .progress-bar,
.party-order-container .progress-custom .progress-custom .progress-bar,
.party-order-container .progress-custom .progress-custom-sm .progress-bar,
.party-order-container .progress-custom .progress-custom .progress-bar,
.party-order-container .progress-custom .progress-custom-sm .progress-custom .progress-bar,
.party-order-container .progress-custom .progress-custom-sm .progress-bar,
.party-order-container .progress-custom .progress-custom .progress-custom-sm .progress-bar,
.party-order-container .progress-custom .progress-custom-sm .progress-custom .progress-bar,
.party-order-container .progress-custom .progress-custom .progress-custom-sm .progress-bar,
.party-order-container .progress-custom .progress-custom-sm .progress-custom .progress-bar,
.party-order-container .progress-custom .progress-custom-sm .progress-custom .progress-bar,
.party-order-container .progress-custom .progress-custom .progress-custom-sm .progress-bar,
.party-order-container .progress-custom .progress-custom .progress-custom-sm .progress-bar {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background: #91bffb;
  background: linear-gradient(90deg, #91bffb 0%, #b9db79 100%);
}
.party-order-container .progress-custom .progress-bar[aria-valuenow="1"],
.party-order-container .progress-custom .progress-bar[aria-valuenow="1"],
.party-order-container .progress-custom .progress-custom .progress-bar[aria-valuenow="1"],
.party-order-container .progress-custom .progress-custom-sm .progress-bar[aria-valuenow="1"],
.party-order-container .progress-custom .progress-custom .progress-bar[aria-valuenow="1"],
.party-order-container .progress-custom .progress-custom-sm .progress-bar[aria-valuenow="1"],
.party-order-container .progress-custom .progress-custom .progress-bar[aria-valuenow="1"],
.party-order-container .progress-custom .progress-custom-sm .progress-custom .progress-bar[aria-valuenow="1"],
.party-order-container .progress-custom .progress-custom-sm .progress-bar[aria-valuenow="1"],
.party-order-container .progress-custom .progress-custom .progress-custom-sm .progress-bar[aria-valuenow="1"],
.party-order-container .progress-custom .progress-custom-sm .progress-custom .progress-bar[aria-valuenow="1"],
.party-order-container .progress-custom .progress-custom .progress-custom-sm .progress-bar[aria-valuenow="1"],
.party-order-container .progress-custom .progress-custom-sm .progress-custom .progress-bar[aria-valuenow="1"],
.party-order-container .progress-custom .progress-custom-sm .progress-custom .progress-bar[aria-valuenow="1"],
.party-order-container .progress-custom .progress-custom .progress-custom-sm .progress-bar[aria-valuenow="1"],
.party-order-container .progress-custom .progress-custom .progress-custom-sm .progress-bar[aria-valuenow="1"] {
  border-radius: 5px;
}
.party-order-container .time-left .radial-progress,
.party-order-container .time-left .radial-progress .mask,
.party-order-container .time-left .radial-progress .fill {
  width: 24px;
  height: 24px;
}
.party-order-container .time-left .radial-progress .mask {
  clip: rect(0px, 24px, 24px, 12px);
}
.party-order-container .time-left .radial-progress .mask .fill {
  clip: rect(0px, 12px, 24px, 0px);
  -webkit-mask: url("/media/alerts/timer-style-web-mask.png") left top no-repeat;
  mask: url("/media/alerts/timer-style-web-mask.png") left top no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.party-order-container .time-left .radial-progress .inside-circle {
  width: 18px;
  height: 18px;
  margin-top: 3px;
  margin-left: 3px;
}
.party-order-container .round-timer {
  font-size: 4px;
  -webkit-mask: url("/media/alerts/timer-style-web-mask.png") left top no-repeat;
  mask: url("/media/alerts/timer-style-web-mask.png") left top no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.party-order-container .party-companies {
  overflow: auto;
  max-height: 55px;
}
.party-order-container .party-companies .party-company {
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.party-order-container .party-companies .party-company:nth-child(odd) {
  border-right: 1px solid #C7C6C6;
}
.party-order-container .party-companies .party-company:nth-child(even) {
  padding-left: 10px;
}
.party-order-container .party-companies .party-company .company-name {
  overflow: hidden;
  text-overflow: ellipsis;
}
.party-order-container .party-companies .party-company .company-name a {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.party-order-container .party-companies .party-company .company-members .company-member {
  display: inline-block;
  width: 25px;
  height: 25px;
  margin: 0 -13px 0 0px;
  border-radius: 13px;
  background: #fff;
  filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.25));
}
.party-order-container .party-companies .party-company .company-members .company-member .img-taxi-container {
  margin-top: 3px;
}
.party-order-container .party-member {
  margin-bottom: 4px;
  position: relative;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
}
.party-order-container .party-member .party-member-name {
  overflow: hidden;
  text-overflow: ellipsis;
}
.party-order-container .party-member .radial-progress,
.party-order-container .party-member .radial-progress .mask,
.party-order-container .party-member .radial-progress .fill {
  width: 60px;
  height: 60px;
}
.party-order-container .party-member .radial-progress .mask {
  clip: rect(0px, 60px, 60px, 30px);
}
.party-order-container .party-member .radial-progress .mask .fill {
  clip: rect(0px, 30px, 60px, 0px);
}
.party-order-container .party-member .radial-progress .inside-circle {
  width: 50px;
  height: 50px;
}
.party-order-container .party-member .radial-progress .inside-circle .fa {
  position: absolute;
  top: 5px;
  left: 20px;
}
.party-order-container .party-member .party-member-circle {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #fff;
  display: inline-block;
}
.party-order-container .party-member .party-member-circle.party-member-circle-empty {
  background: url(../img/orders/car-icon.svg) #FFFFFF 12px 10px no-repeat;
}
.party-order-container .party-member .party-member-circle.party-member-circle-empty.btn:hover {
  box-shadow: 0px 2px 4px rgba(51, 51, 51, 0.25);
  background: url(../img/orders/car-icon-shadowed.svg) #f0f8ff 12px 10px no-repeat;
}
.party-order-container .party-member .party-member-circle.bulldozer-icon-empty {
  background: #FFFFFF url(../img/orders/bulldozer-icon.png) no-repeat center;
  background-size: contain;
}
.party-order-container .party-member .party-member-circle.bulldozer-icon-empty:hover {
  box-shadow: 0px 2px 4px rgba(51, 51, 51, 0.25);
}
.party-order-container .btn-party-leave {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  width: 26px;
  height: 26px;
  border-radius: 13px;
  box-shadow: 0px 1.875px 1.875px rgba(0, 0, 0, 0.7);
  background: #fff;
  margin: 0;
  padding: 0;
}
.party-order-container .btn-party-leave:hover {
  background: #f0f8ff;
}
.party-order-container .btn-party-leave:before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  left: 2px;
  top: 2px;
  background: url("data:image/svg+xml,%3Csvg width='11' height='10' viewBox='0 0 11 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.95961 0.223003C9.66227 -0.0743343 9.18051 -0.0743343 8.88317 0.223003L5.18262 3.92353L1.48206 0.223003C1.18472 -0.0743343 0.70296 -0.0743343 0.405621 0.223003C0.108282 0.52034 0.108282 1.0021 0.405621 1.29944L4.10617 4.99997L0.405621 8.7005C0.108282 8.99784 0.108282 9.4796 0.405621 9.77693C0.554416 9.92573 0.749129 10 0.943842 10C1.13856 10 1.33327 9.92573 1.48206 9.77693L5.18262 6.0764L8.88317 9.77693C9.03197 9.92573 9.22668 10 9.42139 10C9.6161 10 9.81082 9.92573 9.95961 9.77693C10.257 9.4796 10.257 8.99784 9.95961 8.7005L6.25906 4.99997L9.95961 1.29944C10.257 1.0021 10.257 0.52034 9.95961 0.223003Z' fill='%23F74877'/%3E%3C/svg%3E") rgba(0, 0, 0, 0) center center no-repeat;
}
.party-order-failed {
  border-radius: 4px;
  overflow: hidden;
  padding: 10px;
  background: url(../img/orders/order-failed.jpg);
  background-size: cover;
  background-position: center center;
}
.party-order-failed .gameover-icon {
  width: 80px;
  height: 80px;
  background: url(../img/orders/gameover.png);
  background-size: cover;
  background-position: center center;
}
.party-order-completed {
  border-radius: 4px;
  overflow: hidden;
  padding: 10px;
  background: url(../img/orders/order-success1.jpg);
  background-size: cover;
  background-position: center center;
}
.party-order-completed .completed-prize {
  padding-top: 10px;
  width: 110px;
  height: 80px;
  background: #333333;
  opacity: 0.9;
  border: 1px solid #419943;
  box-sizing: border-box;
  border-radius: 5px;
  text-align: center;
}
.info-popup-collapse {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.96);
  font-size: 14px;
  transition: height 0.3s ease-in-out;
  height: 0 !important;
  z-index: 10;
  border-radius: 3px;
}
.info-popup-collapse.in {
  height: 100% !important;
  min-height: 200px;
}
.info-popup-collapse.in .text-block {
  opacity: 1;
}
.info-popup-collapse .btn-close {
  position: absolute;
  right: 5px;
  top: 5px;
  font-size: 14px;
  line-height: 30px;
  width: 30px;
  height: 30px;
  min-width: 0;
  padding: 0;
}
.info-popup-collapse .collapse-inner-wrapper {
  position: static;
}
.info-popup-collapse .text-block {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease-in-out;
  opacity: 0;
}
.info-popup-collapse .title {
  color: black;
}
.info-popup-collapse.has-error {
  background: rgba(255, 249, 251, 0.9);
}
.info-popup-collapse.has-error .title {
  color: #f74877;
}
.info-popup-collapse.has-error .btn {
  box-shadow: none;
}
.info-popup-collapse.curtain {
  background: rgba(109, 109, 109, 0.9);
}
.info-popup-collapse.curtain .btn {
  box-shadow: none;
}
.land-claiming-container .claiming-member {
  position: relative;
}
.land-claiming-container .claiming-member:hover.active .claiming-member-inner {
  box-shadow: 0 0 10px 3px #f74877;
}
.land-claiming-container .claiming-member:hover.disabled .claiming-member-inner {
  box-shadow: 0 0 10px 3px #d9d9d9;
}
.land-claiming-container .claiming-member.disabled .claiming-text {
  color: #888888;
}
.land-claiming-container .claiming-member.member-empty.active {
  cursor: pointer;
}
.land-claiming-container .claiming-member .claiming-member-inner {
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  width: 50px;
}
.land-claiming-container .claiming-member .claiming-member-inner .circular-progress-svg {
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
}
.land-claiming-container .claiming-member .claiming-member-inner .claiming-member-content img {
  border-radius: 50%;
}
.land-claiming-container .claiming-member .claiming-member-inner .claiming-member-content .fa.fa-plus {
  position: absolute;
  top: 19px;
  left: 19px;
}
.land-claiming-container .claiming-member .claiming-text {
  user-select: none;
  cursor: inherit;
  position: absolute;
  font-size: 10px;
  width: 100%;
  padding: 0 3px;
  bottom: -10px;
  text-align: center;
  border-radius: 4px;
  margin: auto;
  background: white;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.land-claiming-container .white-opacity {
  background: rgba(255, 255, 255, 0.8);
}
.land-game-container .land-game-left .land-game-top-img {
  position: absolute;
  top: 0;
  right: 0;
}
.land-game-container .land-game-left .land-game-bottom-img {
  position: absolute;
  bottom: 0;
  left: 0;
}
.land-claiming-progress-bar .progressBar {
  height: 40px;
}
.land-claiming-progress-bar .progressBar .pbInner {
  background: url("/media/city/special-orders/progress_bar_bg.png") !important;
}
.land-claiming-progress-bar .progressBar .indInner .indicator {
  background: url("/media/city/special-orders/progress_bar_progress.png") right;
  background-size: cover;
}
.land-claiming-progress-bar .progressBar .indInner .indicator > span {
  background-image: none;
}
.land-claiming-progress-bar .progressBar .text {
  text-shadow: 1px 1px 0 black;
}
.special-ny2025-gift .ny2025-gift-btn {
  transition: 0.5s ease;
}
.special-ny2025-gift .ny2025-gift-btn:hover {
  opacity: 0.6;
}
.ubsContent p {
  margin-bottom: 0;
}
.ubsContent .btn {
  margin-top: 25px;
}
.ubsContent .image-block {
  height: 90px;
}
.ubsContent .ubsName {
  margin-top: 5px;
}
.modal .part-block p {
  margin-bottom: 0;
}
.modal .price-block {
  margin-top: 10px;
}
.scItem .amount {
  font-weight: bold;
  color: #afb5b9;
  font-size: 16px;
  width: 28px;
  line-height: 16px;
  margin: 21px 0 0 14px;
}
.hints-backdrop {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(189, 189, 189, 0.7);
  display: none;
  z-index: 1400;
}
.hint-clone.in {
  z-index: 1410;
}
.hint-clone.in .hint-mask {
  display: block;
}
.hint-clone .hint-mask {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1420;
  display: none;
}
.popover-hint {
  min-width: 220px;
  z-index: 1410;
  background: rgba(84, 89, 119, 0.9);
}
.popover-hint .popover-content {
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.popover-hint .popover-footer {
  position: absolute;
  top: 100%;
  padding: 15px;
  left: 0;
  right: 0;
}
.popover-hint.top .popover-footer {
  top: auto;
  bottom: 100%;
}
.hints-open {
  overflow: hidden !important;
}
.modal-cancel .taxi-block,
.modal-rent .taxi-block {
  padding: 10px 30px;
  text-align: left;
  border-radius: 5px;
  color: white;
  margin-bottom: 10px;
}
.modal-cancel .taxi-block .image-block,
.modal-rent .taxi-block .image-block {
  margin: auto;
  width: 100%;
  height: auto;
  border-radius: 5px;
  background-image: -webkit-linear-gradient(top, #fafbfc 0%, white 100%);
  background-image: -o-linear-gradient(top, #fafbfc 0%, white 100%);
  background-image: linear-gradient(to bottom, #fafbfc 0%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafbfc', endColorstr='#ffffffff', GradientType=0);
}
.modal-cancel .taxi-block .name-block,
.modal-rent .taxi-block .name-block {
  margin-top: 13px;
  text-transform: uppercase;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: white;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: bold;
}
.modal-cancel .taxi-block .name-block p,
.modal-rent .taxi-block .name-block p {
  margin-bottom: 0;
}
.modal-cancel .form-group,
.modal-rent .form-group {
  margin-bottom: 0;
}
.modal-cancel textarea.form-control,
.modal-rent textarea.form-control {
  min-height: 60px;
}
.panel-default.panel-rent .panel-body {
  height: 150px;
}
@media (max-width: 767px) {
  .panel-default.panel-rent .panel-body {
    height: 180px;
  }
}
.panel-default.panel-rent .panel-body p:last-child {
  margin-bottom: 0;
}
.panel-default.panel-rent .panel-footer p {
  line-height: 1.6;
}
.panel-default.panel-rent .panel-footer p.strong {
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 5px;
}
.steps-container .step-block {
  padding: 20px 0;
}
.steps-container .step-block i {
  width: 40px;
  height: 40px;
  line-height: 38px;
  display: inline-block;
  border-radius: 50%;
  color: #fbbc23;
  border: 1px solid #fbbc23;
  font-style: normal;
  font-size: 20px;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .steps-container .step-block i {
    width: 80px;
    height: 80px;
    line-height: 78px;
    font-size: 40px;
  }
}
.steps-container .step-block p {
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: #3584e6;
  font-weight: bold;
  font-size: 15px;
}
.steps-container .step-block.indent i {
  color: #f74877;
  border-color: #f74877;
}
.steps-container .step-block.indent p {
  color: #f74877;
}
.panel-user-taxi-info .panel-content,
.panel-ad-notice .panel-content {
  overflow: visible;
}
.panel-user-taxi-info .taxi-block,
.panel-ad-notice .taxi-block {
  padding: 15px;
}
.panel-user-taxi-info .taxi-block .image-block,
.panel-ad-notice .taxi-block .image-block {
  height: 60px;
}
.panel-user-taxi-info .taxi-block .name-block,
.panel-ad-notice .taxi-block .name-block {
  padding-top: 0px;
}
.panel-user-taxi-info .taxi-block .name-block .title,
.panel-ad-notice .taxi-block .name-block .title {
  color: var(--tx-text-color);
  text-transform: uppercase;
  font-size: 15px;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: bold;
  display: block;
  vertical-align: middle;
}
.panel-user-taxi-info .taxi-block .name-block .title > span,
.panel-ad-notice .taxi-block .name-block .title > span {
  display: block;
  vertical-align: middle;
}
.panel-user-taxi-info .taxi-block .name-block p,
.panel-ad-notice .taxi-block .name-block p {
  margin-bottom: 0;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
  line-height: 16px;
}
.panel-user-taxi-info .taxi-block .name-block p > small,
.panel-ad-notice .taxi-block .name-block p > small,
.panel-user-taxi-info .taxi-block .name-block p > .small,
.panel-ad-notice .taxi-block .name-block p > .small {
  font-size: 70%;
}
@media (min-width: 768px) {
  .panel-user-taxi-info .taxi-block .name-block p,
  .panel-ad-notice .taxi-block .name-block p {
    font-size: 13px;
  }
}
.panel-user-taxi-info .progress,
.panel-ad-notice .progress,
.panel-user-taxi-info .progress,
.panel-ad-notice .progress {
  margin: 0;
}
.panel-user-taxi-info .progress-bar > span,
.panel-ad-notice .progress-bar > span,
.panel-user-taxi-info .progress-bar > span,
.panel-ad-notice .progress-bar > span,
.panel-user-taxi-info .progress-custom .progress-bar > span,
.panel-ad-notice .progress-custom .progress-bar > span,
.panel-user-taxi-info .progress-custom-sm .progress-bar > span,
.panel-ad-notice .progress-custom-sm .progress-bar > span,
.panel-user-taxi-info .progress-custom .progress-bar > span,
.panel-ad-notice .progress-custom .progress-bar > span,
.panel-user-taxi-info .progress-custom-sm .progress-bar > span,
.panel-ad-notice .progress-custom-sm .progress-bar > span,
.panel-user-taxi-info .progress-custom .progress-bar > span,
.panel-ad-notice .progress-custom .progress-bar > span,
.panel-user-taxi-info .progress-custom-sm .progress-custom .progress-bar > span,
.panel-ad-notice .progress-custom-sm .progress-custom .progress-bar > span,
.panel-user-taxi-info .progress-custom-sm .progress-bar > span,
.panel-ad-notice .progress-custom-sm .progress-bar > span,
.panel-user-taxi-info .progress-custom .progress-custom-sm .progress-bar > span,
.panel-ad-notice .progress-custom .progress-custom-sm .progress-bar > span,
.panel-user-taxi-info .progress-custom-sm .progress-custom .progress-bar > span,
.panel-ad-notice .progress-custom-sm .progress-custom .progress-bar > span,
.panel-user-taxi-info .progress-custom .progress-custom-sm .progress-bar > span,
.panel-ad-notice .progress-custom .progress-custom-sm .progress-bar > span,
.panel-user-taxi-info .progress-custom-sm .progress-custom .progress-bar > span,
.panel-ad-notice .progress-custom-sm .progress-custom .progress-bar > span,
.panel-user-taxi-info .progress-custom-sm .progress-custom .progress-bar > span,
.panel-ad-notice .progress-custom-sm .progress-custom .progress-bar > span,
.panel-user-taxi-info .progress-custom .progress-custom-sm .progress-bar > span,
.panel-ad-notice .progress-custom .progress-custom-sm .progress-bar > span,
.panel-user-taxi-info .progress-custom .progress-custom-sm .progress-bar > span,
.panel-ad-notice .progress-custom .progress-custom-sm .progress-bar > span {
  position: absolute;
  top: 0;
  line-height: 25px;
  left: 0;
  right: 0;
  text-align: center;
  color: white;
  text-shadow: 1px 1px 0 black;
}
.panel-user-taxi-info .taxi-parts-block,
.panel-ad-notice .taxi-parts-block {
  white-space: nowrap;
}
.panel-user-taxi-info .text-user-name,
.panel-ad-notice .text-user-name {
  margin-top: 15px;
  margin-bottom: 15px;
}
.panel-user-taxi-info .text-no-part,
.panel-ad-notice .text-no-part {
  line-height: 50px;
  margin: 0;
  text-transform: uppercase;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.panel-user-taxi-info .taxi-part,
.panel-ad-notice .taxi-part {
  max-width: 25%;
  padding: 0 5px;
}
.panel-user-taxi-info .taxi-part .image-block,
.panel-ad-notice .taxi-part .image-block {
  height: auto;
}
.panel-user-taxi-info .taxi-part .image-block img,
.panel-ad-notice .taxi-part .image-block img {
  border: 1px solid #ccc;
  border-radius: 50%;
  overflow: hidden;
  padding: 10px;
}
.panel-user-taxi-info .taxi-part.disabled,
.panel-ad-notice .taxi-part.disabled {
  cursor: not-allowed;
}
.panel-user-taxi-info .info-block,
.panel-ad-notice .info-block {
  position: relative;
  text-transform: uppercase;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  margin-bottom: 20px;
}
.panel-user-taxi-info .info-block p,
.panel-ad-notice .info-block p {
  margin-bottom: 0;
}
.panel-user-taxi-info .description-block h4,
.panel-ad-notice .description-block h4 {
  font-size: 18px;
  font-weight: normal;
  color: black;
  margin-bottom: 0;
  margin-top: 0;
}
.panel-user-taxi-info .description-block p,
.panel-ad-notice .description-block p {
  color: #969bad;
  margin-bottom: 0;
  line-height: 1.2;
}
.panel-user-taxi-info .abilities-block,
.panel-ad-notice .abilities-block {
  white-space: nowrap;
  border-top: 1px solid #ccc;
}
.panel-user-taxi-info .abilities-block + .panel-body,
.panel-ad-notice .abilities-block + .panel-body {
  border-top: 1px solid #ccc;
}
.panel-user-taxi-info .taxi-ability,
.panel-ad-notice .taxi-ability {
  width: 12.5%;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  position: relative;
  display: block;
  float: left;
  filter: grayscale(100%);
  -wekit-filter: grayscale(100%);
  opacity: 0.6;
  text-align: center;
  white-space: nowrap;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  vertical-align: top;
}
.panel-user-taxi-info .taxi-ability + .taxi-ability,
.panel-ad-notice .taxi-ability + .taxi-ability {
  border-left-color: #ccc;
}
.panel-user-taxi-info .taxi-ability:first-child .popover-container,
.panel-ad-notice .taxi-ability:first-child .popover-container {
  left: 0;
  transform: none;
}
.panel-user-taxi-info .taxi-ability:first-child .popover-container:after,
.panel-ad-notice .taxi-ability:first-child .popover-container:after {
  left: 10%;
}
.panel-user-taxi-info .taxi-ability:last-child .popover-container,
.panel-ad-notice .taxi-ability:last-child .popover-container {
  left: auto;
  right: 0;
  transform: none;
}
.panel-user-taxi-info .taxi-ability:last-child .popover-container:after,
.panel-ad-notice .taxi-ability:last-child .popover-container:after {
  right: 10%;
}
.panel-user-taxi-info .taxi-ability:hover .popover-container,
.panel-ad-notice .taxi-ability:hover .popover-container {
  display: block;
}
.panel-user-taxi-info .taxi-ability .image-block,
.panel-ad-notice .taxi-ability .image-block {
  display: inline-block;
  height: 80px;
}
@media (max-width: 767px) {
  .panel-user-taxi-info .taxi-ability .image-block,
  .panel-ad-notice .taxi-ability .image-block {
    height: 60px;
  }
}
.panel-user-taxi-info .taxi-ability .label-level,
.panel-ad-notice .taxi-ability .label-level {
  font-size: 11px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  left: auto;
  top: 0;
  right: 0;
  position: absolute;
}
.panel-user-taxi-info .taxi-ability.active,
.panel-ad-notice .taxi-ability.active {
  filter: none;
  -wekit-filter: none;
  opacity: 1;
}
.panel-user-taxi-info .row-custom,
.panel-ad-notice .row-custom {
  margin: 0;
}
.panel-user-taxi-info .row-custom + .row-custom,
.panel-ad-notice .row-custom + .row-custom {
  border-top: 1px solid #ccc;
}
.panel-user-taxi-info .col-custom,
.panel-ad-notice .col-custom {
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}
.panel-user-taxi-info .col-custom + .col-custom,
.panel-ad-notice .col-custom + .col-custom {
  border-left-color: #ccc;
}
.panel-user-taxi-info .renter-block,
.panel-ad-notice .renter-block,
.panel-user-taxi-info .lord-block,
.panel-ad-notice .lord-block {
  padding: 10px;
}
.panel-user-taxi-info .renter-block p,
.panel-ad-notice .renter-block p,
.panel-user-taxi-info .lord-block p,
.panel-ad-notice .lord-block p {
  margin-bottom: 0;
}
.panel-user-taxi-info .renter-block .name-block,
.panel-ad-notice .renter-block .name-block,
.panel-user-taxi-info .lord-block .name-block,
.panel-ad-notice .lord-block .name-block {
  text-transform: uppercase;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.panel-user-taxi-info .renter-block .name-block .title,
.panel-ad-notice .renter-block .name-block .title,
.panel-user-taxi-info .lord-block .name-block .title,
.panel-ad-notice .lord-block .name-block .title {
  font-weight: bold;
  font-size: 16px;
}
.panel-user-taxi-info .renter-block .name-block + .description-block,
.panel-ad-notice .renter-block .name-block + .description-block,
.panel-user-taxi-info .lord-block .name-block + .description-block,
.panel-ad-notice .lord-block .name-block + .description-block {
  margin-top: 10px;
}
.panel-user-taxi-info .renter-block .label-online,
.panel-ad-notice .renter-block .label-online,
.panel-user-taxi-info .lord-block .label-online,
.panel-ad-notice .lord-block .label-online {
  position: absolute;
  bottom: 0;
  right: 0;
}
.panel-user-taxi-info .renter-block .label-online i,
.panel-ad-notice .renter-block .label-online i,
.panel-user-taxi-info .lord-block .label-online i,
.panel-ad-notice .lord-block .label-online i {
  right: 0;
}
.panel-user-taxi-info .renter-block,
.panel-ad-notice .renter-block {
  padding: 10px 10px;
}
.panel-user-taxi-info .renter-block .name-block,
.panel-ad-notice .renter-block .name-block {
  margin-top: 0px;
}
.panel-user-taxi-info .income-block p,
.panel-ad-notice .income-block p {
  padding: 7px;
  line-height: 24px;
  vertical-align: middle;
  margin-bottom: 0;
}
.panel-user-taxi-info .income-block .tax,
.panel-ad-notice .income-block .tax {
  vertical-align: middle;
  font-size: 24px;
}
.panel-user-taxi-info .requirements-container,
.panel-ad-notice .requirements-container {
  padding: 10px;
  min-height: 100px;
}
.panel-user-taxi-info .stats-container,
.panel-ad-notice .stats-container {
  margin: 10px 0;
}
.panel-user-taxi-info .salary-block,
.panel-ad-notice .salary-block {
  padding: 15px 0;
}
.panel-user-taxi-info .has-actions .stats-container,
.panel-ad-notice .has-actions .stats-container,
.panel-user-taxi-info .has-actions .renter-block,
.panel-ad-notice .has-actions .renter-block,
.panel-user-taxi-info .has-actions .lord-block,
.panel-ad-notice .has-actions .lord-block {
  padding-bottom: 40px;
}
.panel-user-taxi-info .actions-block,
.panel-ad-notice .actions-block {
  padding: 15px;
}
.panel-user-taxi-info .actions-block,
.panel-ad-notice .actions-block {
  position: relative;
}
.panel-user-taxi-info .actions-block p,
.panel-ad-notice .actions-block p {
  margin-bottom: 0;
  line-height: 28px;
}
.panel-user-taxi-info .actions-block .time-block,
.panel-ad-notice .actions-block .time-block {
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
.panel-user-taxi-info .actions-block a,
.panel-ad-notice .actions-block a,
.panel-user-taxi-info .actions-block .btn-link,
.panel-ad-notice .actions-block .btn-link {
  display: inline-block;
  font-size: 14px;
  text-transform: lowercase;
  margin: 0px 0;
  vertical-align: middle;
  border: none;
  padding: 2px 0;
}
.panel-user-taxi-info .actions-block a + a,
.panel-ad-notice .actions-block a + a,
.panel-user-taxi-info .actions-block .btn-link + a,
.panel-ad-notice .actions-block .btn-link + a,
.panel-user-taxi-info .actions-block a + .btn-link,
.panel-ad-notice .actions-block a + .btn-link,
.panel-user-taxi-info .actions-block .btn-link + .btn-link,
.panel-ad-notice .actions-block .btn-link + .btn-link {
  margin-left: 7px;
}
.panel-user-taxi-info .actions-block a .icon,
.panel-ad-notice .actions-block a .icon,
.panel-user-taxi-info .actions-block .btn-link .icon,
.panel-ad-notice .actions-block .btn-link .icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  vertical-align: middle;
  line-height: 24px;
  border: 1px solid #edf0f4;
  border-radius: 50%;
}
.panel-user-taxi-info .actions-block form .error-block p,
.panel-ad-notice .actions-block form .error-block p {
  margin: 0;
}
.panel-user-taxi-info .requirement-block,
.panel-ad-notice .requirement-block {
  width: 100%;
}
.panel-user-taxi-info .requirements-container p,
.panel-ad-notice .requirements-container p {
  margin-bottom: 0;
  line-height: 1.2;
}
.panel-user-taxi-info .requirements-container .title,
.panel-ad-notice .requirements-container .title {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  margin-bottom: 5px;
  line-height: 1.6;
}
.panel-user-taxi-info .requirements-container ul,
.panel-ad-notice .requirements-container ul {
  list-style: none;
  padding-left: 0;
}
.panel-user-taxi-info .period-block,
.panel-ad-notice .period-block {
  padding: 10px;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 20px;
}
.panel-user-taxi-info .period-block p,
.panel-ad-notice .period-block p {
  margin-bottom: 0;
}
.panel-user-taxi-info .cancel-block .strong,
.panel-ad-notice .cancel-block .strong {
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  text-transform: uppercase;
  margin: 0;
}
.panel-user-taxi-info.panel-contract .actions-container,
.panel-ad-notice.panel-contract .actions-container {
  padding: 10px;
}
.panel-user-taxi-info.panel-contract .actions-block,
.panel-ad-notice.panel-contract .actions-block {
  padding: 0;
}
.panel-user-taxi-info .actions-block .text-info,
.panel-ad-notice .actions-block .text-info {
  margin-top: 10px;
  line-height: 20px;
}
.radio-review-choice {
  text-align: left;
}
.radio-review-choice input[type="radio"] + span {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.radio-review-choice input[type="radio"] + span:before {
  border-radius: 50%;
  position: relative;
  display: inline-block;
  margin: 0;
  vertical-align: middle;
}
.radio-review-choice.rate-4 .title {
  font-weight: bold;
  color: #419943;
}
.radio-review-choice.rate-3 .title {
  color: #419943;
}
.radio-review-choice.rate-1 .title {
  color: #f74877;
}
.radio-review-choice.rate-0 .title {
  font-weight: bold;
  color: #f74877;
}
.collapse-review header {
  margin-bottom: 10px;
}
.collapse-review header p {
  margin-bottom: 0;
}
.collapse-review h4 {
  margin-bottom: 0;
  margin-top: 0;
}
.rent-stats-container .title {
  font-size: 20px;
  line-height: 20px;
  margin: 10px;
}
.rent-stats-container .legend-block {
  line-height: 20px;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 10px;
  text-transform: uppercase;
}
.popover-container {
  position: absolute;
  background: rgba(82, 87, 122, 0.9);
  padding: 0px 10px;
  width: 180px;
  left: 50%;
  transform: translateX(-50%);
  bottom: 100%;
  margin-bottom: 13px;
  border-radius: 6px;
  z-index: 100;
}
.popover-container:after {
  content: " ";
  background: url(../img/sprites.png) -831px -150px no-repeat;
  width: 17px;
  height: 13px;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 100%;
  margin-left: -6px;
  opacity: 0.9;
}
.popover-ability-container {
  display: none;
  color: #c9d7f7;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
  white-space: normal;
}
.popover-ability-container h4 {
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #fff;
  font-weight: normal;
  font-size: 18px;
  margin-bottom: 6px;
  line-height: 18px;
}
.popover-ability-container .needs-block {
  color: #ffe222;
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  margin-top: 6px;
}
.popover-ability-container .status-block {
  margin-bottom: 0;
}
.text-canceled,
.btn-review-add {
  padding: 0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
  margin: 0;
}
.taxi-bonus-list .taxi-bonus-item {
  width: 25px;
  height: 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
  margin-right: 2px;
  border: 0;
}
.taxi-bonus-list .taxi-bonus-item,
.taxi-bonus .bonus-icon {
  background-size: contain;
  background-repeat: no-repeat;
}
.taxi-bonus.radar .bonus-icon {
  background-image: url(/media/images/new_design/shop/radar.png);
}
.taxi-bonus.withoutCaptcha .bonus-icon {
  background-image: url(/media/images/new_design/shop/no-captcha.png);
}
.taxi-bonus.fuelBonus .bonus-icon {
  background-image: url(/media/images/new_design/shop/fuel-reduce.png);
}
.taxi-bonus.powerBonus .bonus-icon {
  background-image: url(/media/images/new_design/shop/power-reduce.png);
}
.taxi-bonus-list .taxi-bonus-item.radar {
  background-image: url(../img/taxi_bonuses/sm/radar.png);
}
.taxi-bonus-list .taxi-bonus-item.withoutCaptcha {
  background-image: url(../img/taxi_bonuses/sm/no-captcha.png);
}
.taxi-bonus-list .taxi-bonus-item.fuelBonus {
  background-image: url(../img/taxi_bonuses/sm/fuel-reduce.png);
}
.taxi-bonus-list .taxi-bonus-item.powerBonus {
  background-image: url(../img/taxi_bonuses/sm/power-reduce.png);
}
.panel-ad-notice .taxi-parts-block {
  display: flex;
  gap: 13px;
  overflow-x: auto;
  padding-top: 10px;
}
.panel-ad-notice .taxi-parts-block .taxi-part {
  padding: 0;
  max-width: unset;
}
.panel-ad-notice .taxi-parts-block .taxi-part .image-block {
  width: 70px;
  height: 70px;
}
.odv-container {
  position: relative;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 100px;
  z-index: 0;
}
@media (max-width: 992px) {
  .odv-container {
    margin-left: 0;
  }
}
.odv-show {
  overflow: hidden !important;
  border: none;
  border-radius: 0;
  padding: 0;
}
.odv-show .odv-caption {
  background: url(../img/sprites.png) -100px -150px no-repeat;
  width: 83px;
  height: 35px;
  display: inline-block;
  font-family: 'Cuprum', sans-serif;
  text-transform: uppercase;
  position: absolute;
  right: 3px;
  top: 3px;
  color: #8d8d8d;
  font-size: 11px;
  text-align: right;
  box-sizing: border-box;
  text-decoration: none;
  padding: 2px 4px 0 0;
}
.odv-show .odv-content a {
  color: #3989e7;
  font-size: 16px;
  display: block;
  text-decoration: none;
  margin-bottom: 6px;
  padding-right: 65px;
  position: relative;
}
.odv-show.odv-mat {
  padding: 0;
  background: none;
  border: none;
  border-radius: 10px;
}
.odv-show.odv-mat span {
  display: block;
}
.odv-show.odv-mat span img {
  border-radius: 10px;
}
aside .odv-show.odv-mat span a {
  height: 300px;
  position: relative;
  display: block;
  overflow: visible;
  font-size: 0;
  line-height: 0;
  text-align: center;
}
aside .odv-show.odv-mat span a:before {
  content: " ";
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
aside .odv-show.odv-mat span a .img,
aside .odv-show.odv-mat span a img {
  vertical-align: middle;
  display: inline-block;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  width: auto;
}
aside .odv-show.odv-mat span a .img,
aside .odv-show.odv-mat span a img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}
aside .odv-show.odv-mat span a .img + a,
aside .odv-show.odv-mat span a img + a {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  position: absolute;
}
#content .odv-show.odv-mat span a img {
  padding: 0;
  height: 90px;
}
#content .tb1 img {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
}
.zone-top {
  margin-bottom: 10px;
}
.zone-bottom {
  margin-top: 10px;
}
/*!
 * froala_editor v2.9.4 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2019 Froala Labs
 */

.clearfix::after{clear:both;display:block;content:"";height:0}.hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}img.fr-rounded,.fr-img-caption.fr-rounded img{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}img.fr-bordered,.fr-img-caption.fr-bordered img{border:solid 5px #CCC}img.fr-bordered{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fr-img-caption.fr-bordered img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}img.fr-shadow,.fr-img-caption.fr-shadow img{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16)}.fr-view{word-wrap:break-word}.fr-view span[style~="color:"] a{color:inherit}.fr-view strong{font-weight:700}.fr-view table{border:0;border-collapse:collapse;empty-cells:show;max-width:100%}.fr-view table td{min-width:5px}.fr-view table.fr-dashed-borders td,.fr-view table.fr-dashed-borders th{border-style:dashed}.fr-view table.fr-alternate-rows tbody tr:nth-child(2n){background:#f5f5f5}.fr-view table td,.fr-view table th{border:1px solid #ddd}.fr-view table td:empty,.fr-view table th:empty{height:20px}.fr-view table td.fr-highlighted,.fr-view table th.fr-highlighted{border:1px double red}.fr-view table td.fr-thick,.fr-view table th.fr-thick{border-width:2px}.fr-view table th{background:#e6e6e6}.fr-view hr{clear:both;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;page-break-after:always}.fr-view .fr-file{position:relative}.fr-view .fr-file::after{position:relative;content:"\1F4CE";font-weight:400}.fr-view pre{white-space:pre-wrap;word-wrap:break-word;overflow:visible}.fr-view[dir=rtl] blockquote{border-left:0;border-right:solid 2px #5e35b1;margin-right:0;padding-right:5px;padding-left:0}.fr-view[dir=rtl] blockquote blockquote{border-color:#00bcd4}.fr-view[dir=rtl] blockquote blockquote blockquote{border-color:#43a047}.fr-view blockquote{border-left:solid 2px #5e35b1;margin-left:0;padding-left:5px;color:#5e35b1}.fr-view blockquote blockquote{border-color:#00bcd4;color:#00bcd4}.fr-view blockquote blockquote blockquote{border-color:#43a047;color:#43a047}.fr-view span.fr-emoticon{font-weight:400;font-family:"Apple Color Emoji","Segoe UI Emoji",NotoColorEmoji,"Segoe UI Symbol","Android Emoji",EmojiSymbols;display:inline;line-height:0}.fr-view span.fr-emoticon.fr-emoticon-img{background-repeat:no-repeat!important;font-size:inherit;height:1em;width:1em;min-height:20px;min-width:20px;display:inline-block;margin:-.1em .1em .1em;line-height:1;vertical-align:middle}.fr-view .fr-text-gray{color:#AAA!important}.fr-view .fr-text-bordered{border-top:solid 1px #222;border-bottom:solid 1px #222;padding:10px 0}.fr-view .fr-text-spaced{letter-spacing:1px}.fr-view .fr-text-uppercase{text-transform:uppercase}.fr-view .fr-class-highlighted{background-color:#ff0}.fr-view .fr-class-code{border-color:#ccc;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background:#f5f5f5;padding:10px;font-family:"Courier New",Courier,monospace}.fr-view .fr-class-transparency{opacity:.5}.fr-view img{position:relative;max-width:100%}.fr-view img.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.fr-view img.fr-dib.fr-fil{margin-left:0;text-align:left}.fr-view img.fr-dib.fr-fir{margin-right:0;text-align:right}.fr-view img.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}.fr-view img.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}.fr-view img.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.fr-view span.fr-img-caption{position:relative;max-width:100%}.fr-view span.fr-img-caption.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.fr-view span.fr-img-caption.fr-dib.fr-fil{margin-left:0;text-align:left}.fr-view span.fr-img-caption.fr-dib.fr-fir{margin-right:0;text-align:right}.fr-view span.fr-img-caption.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}.fr-view span.fr-img-caption.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}.fr-view span.fr-img-caption.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.fr-view .fr-video{text-align:center;position:relative}.fr-view .fr-video.fr-rv{padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}.fr-view .fr-video.fr-rv>iframe,.fr-view .fr-video.fr-rv object,.fr-view .fr-video.fr-rv embed{position:absolute!important;top:0;left:0;width:100%;height:100%}.fr-view .fr-video>*{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;max-width:100%;border:0}.fr-view .fr-video.fr-dvb{display:block;clear:both}.fr-view .fr-video.fr-dvb.fr-fvl{text-align:left}.fr-view .fr-video.fr-dvb.fr-fvr{text-align:right}.fr-view .fr-video.fr-dvi{display:inline-block}.fr-view .fr-video.fr-dvi.fr-fvl{float:left}.fr-view .fr-video.fr-dvi.fr-fvr{float:right}.fr-view a.fr-strong{font-weight:700}.fr-view a.fr-green{color:green}.fr-view .fr-img-caption{text-align:center}.fr-view .fr-img-caption .fr-img-wrap{padding:0;display:inline-block;margin:auto;text-align:center;width:100%}.fr-view .fr-img-caption .fr-img-wrap img{display:block;margin:auto;width:100%}.fr-view .fr-img-caption .fr-img-wrap>span{margin:auto;display:block;padding:5px 5px 10px;font-size:14px;font-weight:initial;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-opacity:.9;-moz-opacity:.9;opacity:.9;-ms-filter:"alpha(Opacity=0)";width:100%;text-align:center}.fr-view button.fr-rounded,.fr-view input.fr-rounded,.fr-view textarea.fr-rounded{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-view button.fr-large,.fr-view input.fr-large,.fr-view textarea.fr-large{font-size:24px}a.fr-view.fr-strong{font-weight:700}a.fr-view.fr-green{color:green}img.fr-view{position:relative;max-width:100%}img.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}img.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}img.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}img.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}img.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}img.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}span.fr-img-caption.fr-view{position:relative;max-width:100%}span.fr-img-caption.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}span.fr-img-caption.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}span.fr-img-caption.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}span.fr-img-caption.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}span.fr-img-caption.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}span.fr-img-caption.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}
.panel-post-item .title {
  font-size: 20px;
  margin: 0;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.panel-post-item .title a {
  line-height: 24px;
  text-decoration: none;
}
.panel-post-item .title time {
  line-height: 24px;
  color: var(--tx-text-color);
}
.abc {
  display: block;
}
.media-comment .media-left {
  padding: 0 7px;
}
.media-comment .media-left .img-block {
  width: 50px;
}
.media-comment .media-body {
  overflow: visible;
}
.media-comment .media-body {
  padding: 0;
}
.media-comment .title {
  line-height: 30px;
  margin-bottom: 0;
  font-size: 16px;
}
.media-comment .title small,
.media-comment .title time {
  font-size: 11px;
}
.media-comment .comment-content-block {
  color: var(--tx-text-color);
}
.media-comment .media-comment {
  margin-top: 20px;
  margin-left: -40px;
}
.comment-actions-block {
  list-style: none;
  white-space: nowrap;
  margin: 0;
  padding: 0;
}
.comment-actions-block li {
  display: inline-block;
  font-size: 11px;
}
.comment-actions-block li + li {
  margin-left: 5px;
}
.voting-container {
  max-width: 130px;
  position: relative;
}
.voting-container .voting-error {
  position: absolute;
  top: 100%;
}
.voting-block {
  white-space: nowrap;
  line-height: 30px;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.voting-block > div {
  display: inline-block;
  vertical-align: middle;
  padding: 0 5px;
  min-width: 30px;
}
.voting-block p {
  margin-bottom: 0;
}
.smiles-wrapper img {
  max-height: 20px;
}
.form-comment {
  border-top: 1px solid #f6f8fa;
  padding-top: 10px;
}
.form-comment .img-block {
  margin-top: 45px;
}
.blog-content-page h2 {
  margin-bottom: 20px;
}
.blog-content-page h2 a,
.blog-content-page h2 a:hover,
.blog-content-page h2 a:focus,
.blog-content-page h2 a:active {
  color: var(--tx-text-color);
  text-decoration: none;
}
mark,
code,
samp,
kbd {
  padding: 0.2rem 0.4rem;
  display: inline-block;
  line-height: 1;
  border-radius: 4px;
  font-family: Tahoma, sans-serif;
}
mark {
  background-color: #fbbc23;
  color: #000;
  text-decoration: none;
}
var,
kbd {
  font-size: 90%;
  font-style: normal;
  color: rgba(0, 0, 0, 0.5);
}
samp {
  background: #125f9a;
  color: rgba(255, 255, 255, 0.9);
}
code {
  background: rgba(0, 0, 0, 0.05);
}
kbd {
  background: #000;
  color: rgba(255, 255, 255, 0.85);
  white-space: nowrap;
}
body.page-shares {
  position: relative;
}
body.page-shares .container-shares {
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
body.page-shares .asterisk {
  display: none;
}
body.page-shares .content-wrapper .page-header {
  margin-bottom: 0;
}
.icon-ticker-container {
  width: 100%;
}
.icon-ticker {
  width: 100%;
  padding-bottom: 100%;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
}
.icon-ticker-tax1 {
  background-image: url("../img/shares/taxi-1.png");
}
.icon-ticker-tax2 {
  background-image: url("../img/shares/taxi-2.png");
}
.icon-ticker-tax3 {
  background-image: url("../img/shares/taxi-3.png");
}
.icon-ticker-cls3 {
  background-image: url("../img/shares/clicks-1.png");
}
.icon-ticker-cls5 {
  background-image: url("../img/shares/clicks-2.png");
}
.icon-ticker-cls7 {
  background-image: url("../img/shares/clicks-3.png");
}
.container-shares .page-header {
  margin: 0;
}
.container-shares .page-header .btn-link {
  padding: 0;
  line-height: 40px;
}
.container-shares .container-text a,
.container-shares .container-text ul,
.container-shares .container-text p {
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 22px;
}
.container-shares .container-layout {
  background: white;
  overflow: hidden;
  border-radius: 4px;
}
.nav-shares {
  background: white;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.nav-shares > li a {
  padding: 15px 20px;
  font-size: 16px;
  line-height: 20px;
  text-decoration: none;
  background-image: -webkit-linear-gradient(top, #4b5166 0%, #454b60 100%);
  background-image: -o-linear-gradient(top, #4b5166 0%, #454b60 100%);
  background-image: linear-gradient(to bottom, #4b5166 0%, #454b60 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4b5166', endColorstr='#ff454b60', GradientType=0);
  color: white;
}
.nav-shares > li a:hover,
.nav-shares > li a:focus,
.nav-shares > li a:active {
  opacity: 0.8;
}
.nav-shares > li a .badge {
  position: relative;
  top: -2px;
}
.nav-shares > li:first-child,
.nav-shares > li:first-child > a {
  border-top-left-radius: 4px;
}
.nav-shares > li:last-child,
.nav-shares > li:last-child > a {
  border-top-right-radius: 4px;
}
.nav-shares > li.active > a,
.nav-shares > li.active > a:hover,
.nav-shares > li.active > a:focus,
.nav-shares > li.active > a:active {
  background-image: -webkit-linear-gradient(top, #fa6f63 0%, #f9536f 100%);
  background-image: -o-linear-gradient(top, #fa6f63 0%, #f9536f 100%);
  background-image: linear-gradient(to bottom, #fa6f63 0%, #f9536f 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffa6f63', endColorstr='#fff9536f', GradientType=0);
  color: white;
}
.nav-shares > li:hover .dropdown-menu {
  display: block;
}
.nav-shares .dropdown-menu {
  background: white;
  right: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav-shares .dropdown-menu > li > a {
  color: #3d8ee9;
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: none;
  background: white;
}
.nav-shares .dropdown-menu > li > a:hover,
.nav-shares .dropdown-menu > li > a:active,
.nav-shares .dropdown-menu > li > a:focus {
  background: #f7f7f7;
}
.nav-shares .dropdown-menu > li.active > a {
  background: #f1f1f1;
}
.ticker-block {
  position: relative;
  border: 1px solid #f6f8fa;
  background: var(--tx-panel-background);
  border-radius: 4px;
  margin-bottom: 10px;
  overflow: hidden;
  display: block;
  box-shadow: 0 1px 1px #a9a9a9;
}
.ticker-block:hover {
  box-shadow: 0 1px 3px #989898;
}
.ticker-block .container-block {
  padding: 10px;
}
.ticker-block .block-body {
  padding-bottom: 50px;
}
.ticker-block .block-footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-top: 1px solid #f6f8fa;
  padding: 5px;
  background: #f5f5f5;
}
.ticker-block.trend-up .price-block {
  color: #419943;
}
.ticker-block.trend-up .block-footer {
  background: #f1fff2;
}
.ticker-block.trend-down .price-block {
  color: #f74877;
}
.ticker-block.trend-down .block-footer {
  background: #fdf3f5;
}
.ticker-block p {
  margin-bottom: 0;
}
.ticker-block .title-block {
  margin: 10px 0;
  text-align: center;
}
.ticker-block .title {
  font-size: 24px;
}
.ticker-block .description {
  font-size: 13px;
}
.ticker-block .indent {
  border-bottom: 1px solid;
}
.ticker-block .info {
  line-height: 20px;
  text-align: center;
}
.ticker-block .info .indent {
  font-weight: bold;
  font-size: 120%;
}
.ticker-block .img-block {
  margin: 10px auto;
  max-width: 90px;
}
.ticker-block .price-block {
  text-align: center;
  font-size: 20px;
  line-height: 40px;
}
.ticker-list .ticker-item {
  overflow: hidden;
  padding: 15px 10px;
}
.ticker-list .ticker-item:first-child {
  border-top-left-radius: 15px;
}
.ticker-list .ticker-item.active {
  background-color: #deebfb;
}
.ticker-list .ticker-item.active .ticker-link {
  color: var(--tx-text-color-reverse);
}
.ticker-list .ticker-item.active:hover .ticker-link,
.ticker-list .ticker-item.active:focus .ticker-link {
  color: var(--drk-color);
}
.ticker-list .ticker-item:hover,
.ticker-list .ticker-item:focus {
  background-color: var(--drk-background-hover, #ececec);
}
.ticker-list .ticker-link {
  color: var(--tx-text-color);
  text-decoration: none;
  display: block;
}
.table-shares {
  margin: 0;
  background: transparent;
}
.table-shares.table > tbody > tr > td {
  padding: 0;
  border-color: #f1f1f1;
  border-right: 1px solid #f1f1f1;
  font-size: 16px;
  line-height: 35px;
}
.table-shares.table > tbody > tr.active > td {
  background: #deebfb;
}
.table-shares .title {
  font-size: 22px;
}
.table-shares .img-block {
  position: relative;
  max-width: 33px;
  border-radius: 50%;
  overflow: hidden;
  padding: 5px;
  background: white;
  border: 1px solid #f5f5f5;
}
.table-shares .ticker-emission {
  font-size: 10px;
  position: absolute;
  bottom: 0;
  left: 50px;
}
.table-shares a {
  padding: 15px 10px;
  color: #333;
  text-decoration: none;
  display: block;
  position: relative;
}
.table-shares a:hover,
.table-shares a:focus {
  background: #f9f9f9;
}
.table-shares p {
  margin-bottom: 0;
}
.table-shares .trend-up .price {
  color: #419943;
}
.table-shares .trend-down .price {
  color: #f74877;
}
.table-stat {
  position: relative;
  background: white;
  overflow: hidden;
  border-radius: 4px;
  box-shadow: 0 1px 1px #d9d9d9;
}
.table-stat table,
.table-stat table {
  table-layout: fixed;
  margin: 0;
}
.table-stat .table-bordered {
  border: none;
}
.table-stat .table-hover > tbody > tr {
  cursor: pointer;
}
.table-stat caption,
.table-stat caption {
  background: white;
  font-size: 16px;
  padding: 7px 5px;
  line-height: 20px;
}
.table-stat .table-scroll {
  overflow: auto;
  max-height: 400px;
  padding: 70px 0 0;
}
.table-stat .table-head {
  position: absolute;
  left: 0;
  right: 0;
}
.table-stat .table-head {
  top: 0;
  background: #f1f2f4;
  border-bottom: 1px solid #333333;
}
.table-stat .table-footer {
  bottom: 0;
  background: #f1f2f4;
  border-top: 1px solid #333333;
}
.table-stat tr td + td {
  border-left: 1px solid #e5e7eb;
}
.section-chart {
  background: white;
  margin-bottom: 0;
  overflow: hidden;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
.section-ticker-actions {
  margin-bottom: 10px;
}
.ticker-info {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.95);
  overflow: hidden;
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
.ticker-info .collapse-content {
  padding: 10px;
  padding-left: 0;
}
.ticker-info.collapsing {
  bottom: auto;
}
.ticker-info.collapse {
  bottom: 100%;
}
.ticker-info.collapse.in {
  bottom: 0 !important;
}
.ticker-info .description p {
  margin-bottom: 0;
}
.google-chart-tooptip {
  padding: 10px;
  border-radius: 4px;
  border: 1px solid #f1f2f4;
  font-size: 20px;
}
.panel-stock .panel-heading + .panel-body {
  padding-top: 0;
}
.panel-stock .switch-group {
  margin: 20px 0;
}
.panel-stock .panel-body {
  min-height: 275px;
}
.panel-stock .panel-title {
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 18px;
}
.panel-stock .panel-title a.active span {
  color: #888888;
  border-color: transparent;
}
.panel-stock .panel-heading i {
  margin-right: 0;
}
.panel-stock .panel-heading .alert {
  margin: 0;
  padding: 10px;
}
.panel-alert .title-indent {
  margin-bottom: 0;
  text-transform: uppercase;
  line-height: 1.2;
}
.panel-alert .title-indent strong {
  font-size: 22px;
  font-weight: normal;
}
@keyframes marquee {
  from {
    text-indent: 100%;
  }
  to {
    text-indent: -100%;
  }
}
.shares-news {
  overflow: hidden;
  white-space: nowrap;
  animation: marquee 20s linear infinite;
  background: #deebfb;
  padding: 5px;
  font-size: 16px;
  color: #185baf;
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 25px;
}
.shi {
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: top;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.shi-sell {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABSElEQVRIS+2VTU7DMBCF30QoEmqQuAFi2UVL2HTNzwXgJtyAcoPeBC7Az7qrWCzYwRWQGoRUoRpNZVu2k9jBanZkZdnx+zJvnh3CwA8NrA8H8DqdzossWxxX1eeuwAbA4iC6BVAVROc25KMsDxmYAjYAFqmlfAFwYkPU/DMDfHCfKh2LfMge0fWPlPcASiXWqC4GaTTZg+j9Qg2c6nguZl9rijyIKIjOWMy3UM0F7euMKUNWm83iIMtudHN9C1VVDfv4Pb3HAFYXs3kGyNHT8i7ka4uFjn2j9frqK88fJkKcso4B1JczuU3K4zJ6+CwIJ8uxTwLfBOxPhNjqJAHamvs+Hh/Vef7G4rweBHRV02WjdVZ0P9IAf7FR97HVIluoa2wHIRSQnQBClSUD7K8eBNDXxuQK/gHm2uhjRSjK0Xsn9kOJrQ8O+AWuPIIoIuNLswAAAABJRU5ErkJggg==");
}
.shi-trades {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABi0lEQVQ4T82UsU7CUBSG/3MhOjjYxMU49Q3sQtLgAishsZ0cwTeg8QV4ASxvIE5u0sEYNxgMaeJS3oBHYDFGA/eYQ7hQAdEmDNypPT3/1/+cc+8l7HjRjnnYH6ATOtYhH3XAOCGiyZR08BYMkswO3dC14yAeSasKLfdKUe6BQARCOQ5e+5mAbqtYB6k7sL6eKiSKVQ9gC4wPUlTZCkw7ETcL2HyKDIwJsAxcwr+W7N5edBh0qUmXJcnAmHmoFdeVVn0iHAssvhl00jtlrWSBAVSTpJkLQhuMpsA+1XspCZJxISw6OQ1HYF7Xs6ZM5zniYeRH4nq5DEzEADpEFM7Ac9ipbVt5oDYB7l/8aDaYatcrAegBKD/50XIoaZhxIqUyqGHeV8V/ApnhGPGmE5QGamAsOUoGs8mhfJTNembbnjw/+9Gi2dVHrz/7AaFpxNLX1diPko0jI9aEhgJCDQSK0c4ErHQ9J6t4q8N0bzYl/je2KHn/gbLbJ4CTB5IvwJYBHACjrLG1k7KL2/sbCqYOJL/sVfEAAAAASUVORK5CYII=");
}
.shi-briefcase {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABHklEQVQ4T2NkoDJgpLJ5DPQ10MHBIYCJiWnC////H4B8wsjIqPDv37+EAwcOHMDlM7gLP8Up2bCyczYhK3z2i1mRm+nfB36W/+9B4h//MAp+/cckIMX29z6yut8/v9fxLbp3BGwpiAAZxisgd5iS8Pz84ZEtyFCwgV8SVAq4+WT6KTHw66cnhTwL7kwYDgZKyjEweEVBQmPbMgaG54+whgyKlz/FyafwCijOxqoSZKA31MCtuA38/OF+Kt+ih3PAYfg8gMGBg1tiPweXCAMTIwtJcfPv/x+G719eMPz8/sZRcgPDAbiB/xkZ9pNkEppixv8MowZSMwxB4fssgGEBAyNDAAMDAz+JkfOR4T/DAqkNDAXwwoFEA/Aqp3oBCwAqMokVQ1vrDwAAAABJRU5ErkJggg==");
}
.shi-bill {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAC3UlEQVQ4T62UW0iTYRjH/3PahvMwJ7o8wDbnIXE5FWeYm84KzzPBi67CIKGLuijoJouC8KaIDpaFqWBWWCB0EdUo8QDeVDYlK+cBLfUzQzc3ne70bV98n/nhmGKFz937vs//9/6f53l5Odjl4OwyD/8FPHKt9CwxQ9TFxMa2dtfpL2w29dfAQ/fKJKTVdXOe+Fnp9XgD7XY7woVC87eGoch/AhZdrzhmWVqqt6/ZZVK5lKtIT4Nt2YZPAwYsLiwiQZ6g0Z9/2b8B3dZhYX1Ri9lsrhaECITJKUmQJUj92j1qHMP09Exf/5Ue7ZbAkhs6tdVibTCZTUpZgjRAka6AacGEsdFxuFwupOxLBg0f+Ghg9NmqLDx93OEdu/+V6wPMvVxw1WqxnPZ6KFFWdgYjpIMWGgbWxRtRUJgPk8nELA/m5aK3pw/wclp7Lr2tpfeYklUXNfp5gigWi8XQVZWz4rbWdsbZ5sjKzmKc0eFwOtHx5Bn4PP6qsXE4hAXSE5wcHP+uLdIAARxQHgo8Hg8EMefXN2GEEILgYGbf6XRicdEEkiIRGhxS03nyeTs7FFVd3oRIEia3rq5AKBAiOSZpxzdPetwwTA0xeQrJ/nMt1Q9us0D6sXLDA265SRcqs3WICotaL8vtgHFuFJO/psAL3AOlVIl4URx72cjsCLq+dPsD6YzypqNUfprGR/BuuAtGYtTHbVlmCeRiObv3fuID1twOX4f0aUVzlUuTqg4izASGfnzGqcO1uKtv9CtdFi2DPFrGOKspOI4Rwrg1UNdaZVWnqMPo0mbNBDKlGWjqaoaL9J20UpKODKmSAR1IzMG2Dsse6pbjIuNDtan5rCsa/MrwmoXGiWJRllkKfhCf7fHrwTeICI30L7m4qdxmXbUKchJVzM2bgwbTzjeGtXHW1vsIKw7b1kNR39GSpIfkgqIAzs4fEQUKnD8/YIxob+OLE51ndlbt+Bp9E3Yd+Bsh6i0kf+NbIgAAAABJRU5ErkJggg==");
}
.shi-grow {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABG0lEQVQ4T+2UPU7DQBCF31uJioIcgZ5YcAKyUeLKjW8AF0BC4gCEG3AEc4KkSCoH4ZiOLnLo4QY0UO6gccA/UiIlIYgUbLPa0c6nt29mh9jy4pZ5+H2gDR8ajh8RRQ5UvYDTdBBc1l4ynt0COC5i5B06R5GeFyq04ejEQZ4A7oGYpP3A1oBxloBsFTGRG/hebynwNBxGJM8EzgHm8UfAbxggUzhciOFV2g/CjRRWYZR9mwzab+qp7msDNVH4nuQ+fMGWttSqHipUITVF82Qp4N1mG6sCFyoaz0qYXug2+UfAOLMwpuwt4DVv1o0VxlkP5HWlWSfwPfsPXKPKWhSgHALGvORFUW+rS4fA/fM5nDushBP43vxT7PyA/QT1IM4VKoFaxQAAAABJRU5ErkJggg==");
}
.shi-faq {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABT0lEQVQ4T2NkoDJgxGZe/+nfDsz/Gf7jsusvK8vDQkPGB9jksRo44dRPnIaBDBHgYPz8/geDXaEZ2wV0Q1EMdFr6ZcL//wz6/mqsDvhCwkeDleHIgz9YDUUx0HHplwOMDIz2fqoseEM2UJuV4ddfBoajWAwly0BNMSawhb//MjLcfvvnYKEZB9xHZBmI7Pz/DP9JN3DvhZcMlx9+YmBnY2Zw1hNjUJPmgZtJloHLDjxmCLKSYrj97AvD5QefGKIcZCkzEKZ73bGnDOyszAzephKUG3j5wUeGM7ffM0TayzJwsDFTbiAoHGVFuVHCD2QqWWEI0vjyw08Gfi4WFNdRZCDIhToKAgziAuwoiZ5sF+LKOgNjoJUMIhbxZWphToaDDAxMFwrN2Apg6rBmPWLL3H3R3BjFH4qAw9IvBgz/mAWINfBALOcBvOUhsQbhUwcAiz6qFZgYKCoAAAAASUVORK5CYII=");
}
.shi-trade {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABhklEQVQ4T63UMUgCURgH8P+7JiGihpaWglqDC5JExGxv0KamsqW1svYMWrNaW7q2prrBPRUxy0DBtSAbJIg6y9IK77145V2eendSvu3ufffj/73vcQRdXqTLHmxBMSz2P99X8rVPFWWqjpek25JVCEuQY7RGzt6Uivhe/gADchUBM1aoKahhIERkjB093im8nUU7tC3YjOW3s0He5tDCiGSHtoBmmHZudug3OHvqDwPY/OfEt6IBOfwDnvhjIJj+F8gQj87JPi2hr/pSlRhlw39BiUAKjj5HMBqQY/oZTkXcewTCih3oHZ1EQSmi8FTUSxno/kUotcpf6KBrxx0EEQ6tQI4te+ZxkDxG4ubqt5TRpfR6SjKAzl232MOEbCPIAb74x6YYAJXQicxaKmcA+YMr4mHNIE+UuM7AO+ZsTVYvToeSeqeGe+iKeGKAcdpWyepePB1K+rQgBtBsMIO9A3h4Vdoeb+NAWlvuYDDNKqVq4HLjXG6b0O7KdLJv+z/sBGms6Tr4BU4lvxV/Wn4aAAAAAElFTkSuQmCC");
}
.shi-rating {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAACgUlEQVQ4T62TX0hTURjAv+9eXdt0ebcWOWcgEvSW6yF6KbxBiJsGQqVReN0gfAliEETUiy/9eQnsNR/2R3qwGi3IzSRwPkYPqW+BiJBzllvb3NzG3L0nzpW7tnU3wfpeDuf78zvfv4NQIzFPf5fFNbdeq1e7Jz08Z3RFUpU2VC7UmGP0CwRJWtPMWEycfodlmawaSCpJ5kQ6pynuSTEA5FrEHK+Ay8BNn90LDAQ7RsPBncCV2waDfqpRlsl4usd0c25lc9o+RAg6rUJoiPqXgVG/Y50RJV5kmSA1WNsNPVVATStA8U/C0a3MMgJwViHUFfU7iFUIyawycMPvWOoUQjalL2R+hMhAvRGguxcgsQYQWym/kYr+MNJLAbScyKK3UwjzVUBaMjLEaxmdi1ADmR+OAGCvTLCc2QeVgWQR+17LgKjPMYFIUh1CeLIKGJvu50WCE8pL5OOwFxDH1IHwAvtm3BuvHDYQwas6FBq44bNPImKbVQi5yPx1JwDjUQdKruj27hKIZBJYdHfeCi0pvSj3UFFQKCDY9E3krtHctqw26a149o5UIvcJC0OVsKqSKwOV8o9xutNabXN7pa2Q28sm0/mATsq7a5e6LlAB/HwzcNF8VD+LyBjkQREpk0pkLtD9q7ejf5Vc60jCN7ryhcw3qtdxzSfwUrDqq9X6HwikAXHvuVV6mp1fTtXLrO5Q1AJ++c7Ku2ka+yrvXiM5MEPyiR8RSy0vKYRt2h3Hy5GZQwMfXBvkxwePLFQCpt7n+KfvwouHGsrDqwP7/7lGngRm61bWsGQKfPz8fBXu0b3P8E/A/5oh7eFxY761+2RRXpe175rV7aQu++ztB3nqavIbXaz9FYqJbywAAAAASUVORK5CYII=");
}
.shi-ticker1 {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAACD0lEQVRoQ+2YTUsCQRiAxxUSpBIjSo/dXe0QQXUxOtsPsLp0Lqq7kIH3ijp3qfwBeY68VBAd8uPeUY1IrBAM3A1HpnRnv2Z3Zpep9ajuzPPM+zXqA5y/fJzzA0/A7Qh6EfizEajEYkng9+9DwW73QKxWiyxkqafQAHhSAVxkIUJNQAdcefBURWwLEIAzEbEsYATuj82CzuoGhA5cnYNu9UmrBGxFhFjALHh7RhwCDj5XmIiYFiAFFwQAQmMjUKL18QUkqe9DW8RQwCp4OBQAPqEPLUsANFsdJiKaAjTAlUnPQgQTYAHOUuRHwAlwFiK/AomErNbnUDtEXQUV52COK5+Lbl+qtszayZrq+1ZSSyyVILumgBVwREcqgJ4jEdEUsANuV4BEBBeIx4tAkrLvZ9c3vYXMpIrWaLUaATM1Mr65sgwEISuWy/CyiHWh+8eG3BtAejnO4lqst+Zgai3MTQ8xYwK1eltGA8hpUKP9eiLRSFBfoP7SVu1GRos79XlkyoLAVi7nFN/QPqeZDLbv/xQ4yufhSUQmJxyJRP31De6zm07TiQD3AqgGRkNhRyLw2WrCfajXALcC3KcQ9wJeDRCWPvUi5j6FuBfgqgZuHxrYbfTw4hhmsdNzYG99B6uepXmD3wNqAoW7git3odRiyhOAJ8B9CnElQDhzXP+64b/TrhMaAHgCbkfIi4DbEfgGfITqQGT9b/kAAAAASUVORK5CYII=");
  background-size: 24px;
}
.shi-ticker2 {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAADHklEQVRoQ+2Yz28SQRTHv2+xjYaomJg0Ro3YQ8utGGlPJmDj0SjcTIgBLsbEQMvRU+lfsBbi0bbG9Gwj9tritWDKyVB7EA96lSb+SBe6Y2ZxG37uLgoym/ASEsIOO9/Pe2/mzTyCzY1srh8jgGFHcBSBUQRaPBB49StAkrrGf2aqFMs9PJMzcpJwKTS/8aMM4JoGAJR3ws7rtgGQdxVv9qC61yh4O+w0dLIQEZD3mJuqyhKA6JuDWpPDhQZoFK6rtgUATxUCW+Aeb81voQHkXSVKUCMABbotTOEA6t5GBEwNgshtVjeGDsDzWqopM4xRwKroRqi+AtwKZgMOSGsgmHqOiwg9vWPmYNPnfQXwh7ZOiorpzKIBeHyZwMTVyR0rwvUxwkTA48ukQFiauDLZi34xUoh7HgTN8yIAfJFfVACsH9WOl8vFJP/eZG1HCY8vnQORXxSAr89WNcEMWNnPxxdNAaZ9mQoRzgsHwFhlv5C4YGMAHO4X4i5TANunkHiLePUQhPWjai1laRHzENl6G9VzzNaFTIfwh7b4vqvtSFZMmEqsi+WHOVLZW8nhcNoSgIueupkJShJeGwE8fv6oXmzGxusdBEXxAuCfIBFmrMDrY/p6GtVf2ljcOok5AQDFknPj641j+P0AtaMgVCwSkdYuMbKBAHhmM1xUpNvE4eUHOHvxHFgHgCaYfJVfcqLaDa2LDQTALI3uLdzFpanLK8m58bazSiedWlSqSqoTyEAA3F7ZdXrs1LfuoWexUj7RlDpmqcKfdwIZCACfbNqX3iSi+12EvSzl420tEisQrSADA/DMpqMAaU3XdmPlUj5h2MO0AsMjkv3w81Pj2L515szS6BjSjYP8k6IVoUZj5je+VwDSi+fn7bDTsKHQU290kGmkQ/H2uiSp2npSVSna1/a6cRpp16bbpULcsJ//rxFq/X9PETBLIzAslwrxVL9FGr2vJwBtN5rNFAmdjweqitDH9/FNsQF8aX4kkJtEMvYOoNT/Th+uoecI/KkJiwRygVgZ1eNcqZjkHbyh2F8BDEVpl0lHAMOOxigCw47AbzfkeEDIjCBNAAAAAElFTkSuQmCC");
  background-size: 24px;
}
.shi-sale {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACNUlEQVRIS+2VvU8UURTFf/fN7MwK8o24EpEtRION0BkrILHWEAs7O239Eyhs7EisjI2dxo+IhY0FamEjBRYmSDBxQSVqQHYhmJ3ZnblmV3YWV3RnCXS+5FX3vnvuPTnnPmGfj+xzfWID6HPSGPc8ygXQIUTao+ZUsyBvEKYIvScySqYSiw8w7SxhSV/diQP9KGP+scYBbuHRKsu0mSQJ04Fj3AjMDz0K4Rq5MM+6HpGrJBsHeGgpawEE/5jBAjos5GIQMdMIRYolsBlCQX/dykkIlG6zgUCRMX8XALdR2ixoMWALONt68xWKChshZAPkSlU88Sf4T1E9feteUjQ7tzCCmNMIkVtTH65PNJl5WvOvoSSg3aho9t37SeAyVAvXTma8dVoXH9Hn3cDqKQkfiKuiB89efurvTXUlbCtyYi1A4P1geWmB408v0dkRcLg/rKbUM9rNu1MaBCHtLc0kHYek60SP855P3vfJbmxiWYbxmXGMgdSZLZPFMdrM23n9svqdlewGed/D8woRgOsmSDou3e0tpLo6OXXvZDnWdM6NT9Hj6Vd6tKcb297idgdpFYsBn7+tcOL+SDk6OFRtgr2mqATQe7aGItWcjPiR+n5bFRWKvq7msp7v2YVicLAyhG1bm82OmO6uQwf+oEhZRMiUP5zAuyOjZHdc17NzCxMqck2g7W/GU8iJ6uTw4MBEPXOW4jsuu7LRkDRoulpEMqCZ4cGBF3EKN/zhNFJ0e27sdb1bgJ8rTw4oQ4ODtQAAAABJRU5ErkJggg==");
}
.shi-help {
  height: 20px;
  width: 20px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABvUlEQVQ4T61UsS8DYRT/vVZaUa2ydD1CYlOJyWwRCwOTpMVWETryDxhLJB2plYFFDSYiJsPZJBUuseiipZpoo33y3eXau95Xrkm/7fvuvd/7/d7v3SN0+VCX8dAWUElxGL5yDKhHAYoahVkFPCqqgWMtSUUZGSmgkv6cB+OIiMKyJGYugrCiJULnrd8dgEr6M0OgmJtWMHNGWw+tWGNtgIIZgc6sAdGIF9GIR39S83Wo+ZqtFoMXrEwbgEbPSi9WmYvjPdiY8tkADu6rOH38abzp8qvBYbOnTcD01xaBU9bsw7lejA56sHrxrT+Le+69jrWscTcPg5Jaon9P3C2Azt4JuYbUGvp9QHapD0+FeqNAE5CPtUQo3gJYUgmYkJkhwPZnejE25MHOdRW3r03J+jAxVG09OOkacHvaj9kRL3bvKrh8tpuiAwIPWiKoz+qfkk22N8tyqf9IdpriZhYNhjJTUhwmf0kDaKAVSJiRK9SweVWR1OAPrgQVx9iISNlgC0NO5vvwVna6a7BrM9hm6Y5+PTTHxcxvuxwIyMjkG4n8wUDc1XJoMBW/or8cl66vSiDT0fpy664srusb+xf4/78VH9Z7cwAAAABJRU5ErkJggg==");
}
.shi-buy {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABUUlEQVRIS+2WwUrDMBjH86UHJ4Ux9gKedzInwZu7D+weZfoCeh/sUdrB7vagMG/15FsMEYqbYD75YiPptxbT1t3WS5o2+f3TXxJSEAe+4MB8cQwwhtVCDU50mALAuVW+vnk0dlorIigBsln2RuVoPjrrw/AVAE6p3inAjBjDBwLtIB9TWdSV0GILEnqtAywcBCgCo8DsRwUoRHx5x811H4bL59sn875WEYF6OlxsZT6zGlw4wQyg8E71ncyvqC21s30qA0oggZmrwY6UYEaNDlOjqoDzfbUXwBVUaXBhfLIncXRH5lbT5H5PEVcA8itCHSRVGjjIjnwSR0j3q2lSXqYc7vqs0sBBfwZczC8jKYPYnSzbiWug540DqBOFfAYfqV0BfMJcLW5A3X3tMvUZ3b8F+IC8vqAL6Bjwu3Gaaiytoqadfdp3OnB8fxZan2i+Ad9wkJMoiCsdNwAAAABJRU5ErkJggg==");
}
.shi-timer {
  height: 28px;
  width: 28px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAEd0lEQVRIS6WWTUxUVxSAz3kww8zw4wRNgDTioAVe4qJI/SmY6LAQDYl0IssuwEWraU2FpAsTSUoTTVw0ERqb9GeBLLqUDhCJ4sLBRKhoZbp7iMiAaQYT2zDAMMMA7zTnwnt5b978iL2rmXvOvd89550/hB2uT874PKqqtvIxSZL6/rjnD+3kCjQq13h97rw8tZUIvYjgBoDQJmLfs3v+gKZ3+IzPm0P0kP9vIjakkPFjPESwiEiBtTWpLxjwL2rndeCRU74aSaLfWdn4CCKISBLW3AwpvH3yrZQjzzpcNfynIr4a3KNusmC0wyODqlIQEXYlnQ8S4fmnD/xB3teBRxubg4j4UTKsafHtN41L/3wGAN4srguMFO3+bdi95/tU0ImRgUM68Njps+0A0k0zjJa+Wpj/szIRb0gGuWprAYhgdXLS8oZpu+Phj6XlHyNikVmodjy5P9QtLDx2utkPgJ9qCkS0dHlhPlyRiFeL4CgogLKrV8FRVQW2sjLTPevhMKw+fw5venpAXVkRslm7Y6qntLzMDKWBJ/cHfQJ4tLE5gIgn+XcyrPDECQGTCgt1UG5urvi9sbGh76nLyxC+fh2WHz1KCSWi0YmRQa8JyAHyZXhusmo9Lr5XWWcn7GpqsrjN6XSKvVgsZpFF7t4VYF5b7t1Xy9/UBDxy6mwbotS9HSC/sjJb9sGNGynjJBOQD/x95Ypu6UjR7s85kIjU9qcPhm6b0qLntdLNoc/f7MM7d0xuNJKzAdm9L1tatG8auLxX7rCkxbgsewhgli9my9jCdCsbkM9FhochfO2auAIBKuoURVQk3cJxWW4jgF7ePNDfD7bS0v8F5OidaWnRgOfrFOW2CfhYlrsQ4FvelMfG0sJY8C4Wsp5SXy/uIYDvjitKlwk4Jsv8glZO6vJbt9ICERGkFy+EfLOyMuPD5i9dEjkKAH31itL2fsBoFHBuDtBmg5yDByGRSKSFZgS+k0tXVmD9l5/A9sVFsBcXQ35+PkSj0bTQjC7NGjQGGBQUCKvsdnta6Nr0NMy2irbJkWkNGmNaWCpMCpjmR4a6XC6IRCJcFnX3Zk0L1hyTZW60W4nf3y+KNmSAabdzIBlhXMRfnjunJf5ovaLorc3U8cdl2UsAoptrpU2dmQGppAQ0N2YMy22hsbQhQEOdougTgwnI+o+rq/2IW60qXfHOBDW6kogGjk9N+Yz6FuCkx+NezcvjdiW6v2hPnZ1b7s2w2I1cyrT2RER/udbWvIdCIX2eMeWh8S6G/ut0PnMSHeB9hpW0twMXheSSt76wsNWAu7v1BhxDnCmOxQ4nw9ICuV3lE/VeeDP/at96Yn+yYWLEANCqiEk8Z7O/+rmkfH8UeXAaEvUzo0sZJklSLzdjHhd/eK24CYDroJgIMqxRBOj6eq8sxkNuuqqqWqCWb8jTGwB6GKb1MIZwnvLkpgJ4cHuUJICQBMBtJ6C1H9blkZOhABSaGBkUI6W2LECerONxWDQOr1ksSynmodrhAHfyZG4Bvs/lOznzH4etLzuYAE1cAAAAAElFTkSuQmCC);
}
.shi-sign {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAACSUlEQVRIS+XVsU8TURwH8O/vztMw2NTBATRBHBwYTOPgwlICdVNhKMRgk9bNyfIPyOmiC6QrRFPwamqLoecEpiWHxt1GJxIHHV2kLhh6vf7Mqx4p7bV31xISY+fX93nf936/3xFO+Ecn7OHfAIs5TSWiBVkxz41PJyp+bslXQqOQDlqmUgAwwsTxSDS24wcTaz2DxXUtTIwCg96dUsy432T2wTyB2/mXcQanmTAfid5N+U3VvN4VLOUyq0yYAvFUL1fYeriuoI0xKHxjZq7sNdleMhncl+U0M7+5uLS06ilhr1jB+Bg88+vH2uj7UlgxqwFmTjSjjgnFm9XBKb/JOI3g1pD+4kA5f1OyrN2r25uDAr2wuHjotIF/qpEMJh7382YCwwEMUwqMvL288d2SBq4I9Nqm/rRrwlJOKzOgR2Zjqtc3szEAIfEfUwr8FGiNBp5MT4x1fsO/5a/Kihny2met2OEhGQm6jyNYW+M3CgX81Ws6v5gDqInSVydnY7rbdfaCtYHFfEYnYE9WzPluV9or1gYa2ewlS6rpIAwTSamJ6Nyj1qT9YB2Ht92HIKjNs7NfrOvXopjXdggoT87EkmLhcWAdQVGtIITt9jguzBEsrmeSYKjNY41X8AF1jB15zw595lbd7aMtn6kQc9xuDTaUEJhe4Ut1EHUEGhv2iDknFCB4QVZqa6I1lh+PPr9z/du9s6fN3QZq4YHTBHFL1vGLb483AMNigL/eWskOBfeth7c+P0OlukG38cnr5k7rXL/4/Wz+f4K/AXVCLizMOn9IAAAAAElFTkSuQmCC);
}
.shi-orders {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAA5ElEQVRIS2NkoDFgpLH5DBgW9J/+7VBoynoAZDGIDaJJ4cPUwhyOYcGEUz//MzD8B1vAwMAItoAUfoEZO4qZOCwgP+AGlwWPXn1jePTmO17vyIlwMsiJccHVkOSDI9feMBy99havBdZawgw2WiLkWQDxwTcCPuAi3wfkRDVJQYQrDkDhDgKg+KEoDnAFkZwIJFJBwQdikx3Joz4AFzawlDK19Ox/EPt3qA488ZATB6yrr4D1Z3cbg83GawG+ZAqLH/RURGULMFMR1SzA5buBt4Cc4gGbHpyRTDMLqGUwujk0b1UAAKeXyxlEVohFAAAAAElFTkSuQmCC");
}
.shi-ore {
  background-image: url("/media/mining/exchange_resource/iron.png");
}
.ticker-nav a {
  font-size: 16px;
}
.ticker-nav a.active {
  color: #f74877;
}
.exchange-table-block {
  margin-bottom: 0;
}
.exchange-height-block {
  max-height: 341px;
  margin-bottom: 0;
  overflow-y: auto;
}
.ticker-list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}
@media (max-width: 767px) {
  .ticker-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
body.page-clicks {
  position: relative;
}
body.page-clicks #wrapper {
  position: relative;
}
body.page-clicks #sidebar {
  float: left;
  width: 50%;
  position: relative;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  display: block;
  position: absolute;
  top: 55px;
  transition: left 0.3s ease-in-out;
  left: -50%;
}
@media (min-width: 992px) {
  body.page-clicks #sidebar {
    float: left;
    width: 25%;
  }
}
body.page-clicks #sidebar.active {
  left: 0;
}
body.page-clicks #sidebar.active + #contentWrapper {
  left: 50%;
}
@media (min-width: 992px) {
  body.page-clicks #sidebar {
    position: relative !important;
    top: 0;
    left: 0;
  }
  body.page-clicks #sidebar.active + #contentWrapper {
    left: 0;
  }
}
body.page-clicks #contentWrapper {
  margin: 0;
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  transition: left 0.3s ease-in-out;
  left: 0;
}
@media (min-width: 992px) {
  body.page-clicks #contentWrapper {
    float: left;
    width: 75%;
  }
}
body.page-clicks #contentWrapper #content {
  margin: 0;
}
body.page-clicks .aside-inner-block {
  overflow: hidden;
}
body.page-clicks .user-info-block .btn-toggle {
  margin-left: 0;
}
body.page-clicks .row-main {
  overflow: hidden;
}
@media (min-width: 992px) {
  body.page-clicks .row-main {
    overflow: auto;
  }
}
.user-aside-block {
  padding: 20px;
  text-align: center;
}
.user-aside-block .title a {
  font-size: 20px;
  color: white;
}
.finance-aside-block {
  position: relative;
  padding: 10px 10px;
  margin: 0;
  overflow: visible;
}
.finance-aside-block:hover {
  background: #63687b;
}
.finance-aside-block:after {
  background: none;
  height: 2px;
  content: " ";
  display: block;
  margin: 0px auto;
  bottom: auto;
  position: absolute;
  left: 0;
  right: 0;
  border-bottom: 1px solid #9c9fad;
  width: 100%;
  top: 0;
}
.finance-aside-block p {
  margin-bottom: 0;
}
.finance-aside-block ul {
  float: none;
  width: 50%;
  display: block;
  margin: 0;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.finance-aside-block ul li {
  display: block;
}
.finance-aside-block ul a {
  text-align: right;
  display: block;
  padding: 0;
  text-decoration: none;
  line-height: 16px;
  font-size: 14px;
  text-transform: uppercase;
}
.finance-aside-block a {
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
  color: #fff;
  text-decoration: none;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
.finance-aside-block a:hover,
.finance-aside-block a:active,
.finance-aside-block a:focus {
  color: #fbbc23;
}
.finance-aside-block .label {
  color: #e0e0e0;
  font-weight: normal;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
  display: block;
  padding: 0;
  text-align: left;
  font-size: 12px;
  line-height: 16px;
}
.finance-aside-block .value {
  display: block;
  width: auto;
  height: auto;
  font-size: 18px;
  line-height: 20px;
  text-align: left;
}
.finance-aside-block .important {
  color: #fcd013;
}
.nav-aside-menu {
  list-style: none;
  text-align: left;
  display: block;
  margin: 0;
  padding: 0;
}
.nav-aside-menu li {
  display: block;
}
.nav-aside-menu li .menu-line {
  position: relative;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-decoration: none;
  cursor: pointer;
}
.nav-aside-menu li .menu-line:active,
.nav-aside-menu li .menu-line:focus,
.nav-aside-menu li .menu-line:hover {
  background: linear-gradient(to bottom, #feee6d 0%, #fcd015 7%, #f9b60c 93%, #f79d05 100%);
  color: #000000;
  text-shadow: none;
}
.nav-aside-menu li .menu-line:active a,
.nav-aside-menu li .menu-line:focus a,
.nav-aside-menu li .menu-line:hover a,
.nav-aside-menu li .menu-line:active i,
.nav-aside-menu li .menu-line:focus i,
.nav-aside-menu li .menu-line:hover i {
  color: #000000;
  text-shadow: none;
}
.nav-aside-menu li .menu-line.disabled,
.nav-aside-menu li .menu-line:disabled,
.nav-aside-menu li .menu-line.disabled:active,
.nav-aside-menu li .menu-line:disabled:active,
.nav-aside-menu li .menu-line.disabled:focus,
.nav-aside-menu li .menu-line:disabled:focus,
.nav-aside-menu li .menu-line.disabled:hover,
.nav-aside-menu li .menu-line:disabled:hover {
  color: #d6d6d6;
  cursor: not-allowed;
  background: inherit;
}
.nav-aside-menu li .menu-line a,
.nav-aside-menu li .menu-line i {
  text-decoration: none;
}
.nav-aside-menu li a {
  position: relative;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-decoration: none;
  cursor: pointer;
}
.nav-aside-menu li a:active,
.nav-aside-menu li a:focus,
.nav-aside-menu li a:hover {
  background: linear-gradient(to bottom, #feee6d 0%, #fcd015 7%, #f9b60c 93%, #f79d05 100%);
  color: #000000;
  text-shadow: none;
}
.nav-aside-menu li a.disabled,
.nav-aside-menu li a:disabled,
.nav-aside-menu li a.disabled:active,
.nav-aside-menu li a:disabled:active,
.nav-aside-menu li a.disabled:focus,
.nav-aside-menu li a:disabled:focus,
.nav-aside-menu li a.disabled:hover,
.nav-aside-menu li a:disabled:hover {
  color: #d6d6d6;
  cursor: not-allowed;
  background: inherit;
}
.nav-aside-menu li.active > .menu-line {
  cursor: pointer;
  background: linear-gradient(to bottom, #feee6d 0%, #fcd015 7%, #f9b60c 93%, #f79d05 100%);
  color: #000000;
  text-shadow: none;
}
.nav-aside-menu li.active > .menu-line > a {
  color: #000000;
}
.nav-aside-menu li.active > .menu-line > i {
  color: #000000;
  padding: 11px 8px;
}
.nav-aside-menu > li > .menu-line {
  border-bottom: #565c70 1px solid;
  color: #fff;
  background-image: -webkit-linear-gradient(top, #4b5166 0%, #454b60 100%);
  background-image: -o-linear-gradient(top, #4b5166 0%, #454b60 100%);
  background-image: linear-gradient(to bottom, #4b5166 0%, #454b60 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4b5166', endColorstr='#ff454b60', GradientType=0);
  font-size: 18px;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}
.nav-aside-menu > li > .menu-line > a {
  padding: 5px 10px;
  color: #fff;
}
.nav-aside-menu > li > .menu-line > i {
  padding: 11px 5px;
  color: #fff;
}
.nav-aside-menu > li > a {
  border-bottom: #565c70 1px solid;
  color: #fff;
  padding: 5px 10px;
  background-image: -webkit-linear-gradient(top, #4b5166 0%, #454b60 100%);
  background-image: -o-linear-gradient(top, #4b5166 0%, #454b60 100%);
  background-image: linear-gradient(to bottom, #4b5166 0%, #454b60 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4b5166', endColorstr='#ff454b60', GradientType=0);
  font-size: 18px;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}
.nav-aside-menu > li > a > i {
  position: absolute;
  right: 0;
  width: 30px;
  height: 30px;
  text-align: center;
  top: 50%;
  margin-top: -15px;
  line-height: 30px;
  transition: all 0.3s ease-in-out;
}
.nav-aside-menu > li[aria-expanded="true"] > a > i {
  transform: rotate(180deg);
}
.nav-aside-menu > li > ul {
  margin: 0;
  padding: 0;
}
.nav-aside-menu > li > ul > li.active > a {
  background: linear-gradient(to bottom, #feee6d 0%, #fcd015 7%, #f9b60c 93%, #f79d05 100%);
  color: #000000;
  text-shadow: none;
}
.nav-aside-menu > li > ul > li > a {
  font-size: 16px;
  color: white;
  padding: 3px 10px;
  padding-left: 30px;
  background: none;
  border: none;
}
.nav-aside-menu > li > ul > li > a:before {
  display: inline-block;
  font: normal normal normal 14px/1;
  font-family: "Font Awesome 5 Pro";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  content: "\f124";
  left: 10px;
  top: 50%;
  margin-top: -12px;
  line-height: 24px;
  font-size: 11px;
  z-index: 100;
}
.odv-site-block {
  padding: 10px;
  background-image: linear-gradient(to bottom, var(--tx-panel-background-second) 0%, var(--tx-panel-background) 100%);
}
.odv-item {
  border: 1px solid #ececec;
  border-bottom: none;
  margin: 10px 0;
  box-shadow: 0 1px 1px #d9d9d9;
  border-radius: 5px;
}
.odv-item .control-btn .btn {
  border: none;
  margin: auto;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  font-size: 30px;
}
.odv-item .control-btn .btn[data-loading="true"] {
  position: relative;
}
.odv-item .control-btn .btn[data-loading="true"] > i {
  margin-left: -15px;
  margin-top: -15px;
}
.odv-item .odv-caption {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.odv-item .odv-text {
  color: #828282;
}
.odv-item .odv-properties {
  margin: 0;
  padding: 0;
  list-style: none;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .odv-item .odv-properties__check-reports {
    flex-basis: 100%;
    margin-left: 0 !important;
    margin-top: 10px;
  }
}
.odv-item .odv-properties li {
  display: inline-block;
}
.odv-item .odv-properties li + li {
  margin-left: 10px;
}
.odv-item .odv-properties.task-tools + li {
  margin-left: 5px;
}
.odv-item .odv-properties.task-tools i {
  font-size: 18px;
}
.odv-item .odv-properties.task-tools button {
  padding: 0 !important;
  height: 20px;
}
.odv-item .alert {
  margin: 0;
}
.odv-item .alert.alert-form.alert-danger {
  margin: 0;
}
.odv-item form .alert {
  margin: 10px 0 !important;
}
.odv-item .odv-info,
.odv-item .odv-error {
  background: #d4e4f1;
  color: #15566d;
  text-shadow: 2px 2px 6px #fbfbfb;
  border-top: 1px solid #ccc;
  text-align: center;
  padding: 4px 0;
}
.odv-item .odv-info p,
.odv-item .odv-error p {
  margin: 0 !important;
}
.odv-item .odv-error {
  background: #f1d2cc;
  color: #f74877;
}
.odv-item .odv-balance {
  text-align: center;
  display: block;
  border: none;
  margin: 10px 0;
  font-size: 15px;
  text-transform: uppercase;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.odv-item .odv-form-legacy {
  padding: 0 10px 10px 10px;
  border-top: 1px solid #ccc;
}
.surfing-site {
  padding: 5px 10px;
  border-bottom: solid 1px #dddddd;
}
.surfing-site:last-child {
  border-bottom: none;
}
.surfing-site + .surfing-site {
  border-top: solid 1px #dddddd;
}
.surfing-site .odv-properties {
  font-size: 16px;
}
.surfing-site .colored {
  font-weight: bold;
  color: #fd9e09;
}
.surfing-site .surf-price {
  font-size: 130%;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #505050;
}
.surfing-site .vip {
  color: #f79d05;
}
.surfing-site .form .success {
  border-left: 3px solid #419943;
  font-size: 15px;
  margin: 10px;
  color: #419943;
  padding-left: 10px;
}
.task-highlight-block {
  color: #484e62;
  background-color: #fffaed;
  border-color: #e1d884;
  text-align: left !important;
  text-align: left;
}
.task-item {
  position: relative;
}
.task-item p {
  margin: 0;
}
.task-item .colored {
  font-weight: bold;
  color: #f74877;
}
.task-item .price {
  font-size: 150%;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #505050;
}
.task-item .vip {
  color: #f79d05;
}
.task-item .task-description {
  color: #484e62;
  background-color: #fffaed;
  border-color: #e1d884;
  text-align: left !important;
  text-align: left;
  position: absolute;
  border: 1px solid #bfbda8;
  padding: 10px;
  z-index: 10;
  top: 20px;
  left: 100px;
}
.table tr.success td {
  background: #fafbfc !important;
}
.panel-odv .panel-heading {
  padding: 10px 0;
}
.panel-odv .panel-heading h4 {
  margin: 0;
}
.panel-odv .panel-heading + .panel-body {
  border-top: 1px solid #dedede;
}
.claims-block {
  border-top: 1px solid #e2e2e2;
  padding-top: 10px;
  margin-top: 10px;
}
.claims-block p {
  margin-bottom: 0;
}
.claims-block ul {
  padding-left: 10px;
  margin-bottom: 0;
}
.task-list .task-btns {
  font-size: 16px;
}
.task-list .task-btns .btn-xs {
  padding: 4px;
}
.task-list .filters {
  border-bottom: solid 1px #dddddd;
  padding: 10px;
  margin: 0 -10px;
}
.task-list .filters span.filter-label {
  display: inline-block;
  width: 120px;
  line-height: 35px;
  color: #807a7a;
}
.task-list .filters .filter-list {
  padding-top: 0px;
}
.task-list .filters .filter-list ul {
  padding: 0;
  margin: 0;
}
.task-list .filters .filter-list ul li {
  list-style-type: none;
  padding: 2px 0;
  border-bottom: 1px solid #dddddd;
}
.task-list .filters .filter-list ul li a {
  text-decoration: none;
  padding-left: 10px;
  display: block;
  color: #646464;
}
.task-list .filters .filter-list ul li a:before {
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font: normal normal normal 14px/1;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0c8";
  margin-right: 5px;
  line-height: 18px;
  font-size: 11px;
  z-index: 100;
  color: #dadada;
}
.task-list .filters .filter-list ul li a:hover {
  background: #f6f8fa -20%;
  color: #f74877;
}
.task-list .filters .filter-list ul li a:hover:before {
  color: #f74877;
}
.task-list .filters .filter-list ul li:last-child {
  border-bottom: none;
}
.task-list .filters .filter-list ul li.active a {
  color: #f74877;
}
.task-list .filters .filter-list ul li.active a:before {
  content: "\f14a";
  color: #f74877;
}
.task-list .claim-input {
  width: 100%;
  height: 80px;
  color: #333333;
}
.task-list .pagination_ref {
  text-align: left !important;
  text-align: left;
  padding: 20px 10px;
}
.task-list .tasks-total {
  width: 80px;
}
.task-container {
  margin-top: 0;
  padding-top: 0;
}
.task-container .row-heading {
  background: #dbdbdc;
  color: #333;
  margin-left: -10px;
  margin-right: -10px;
  padding: 5px 10px;
  border-bottom: 1px solid #a1a3ad;
  font-size: 14px;
}
.task-container .task-price {
  color: #f74877;
  font-size: 18px;
}
.task-container hr {
  margin: 5px 0;
  border-top: 1px solid #e6e6e6;
}
.task-container .alert {
  padding: 10px;
  margin: 0;
  border-radius: 4px;
  border-width: 1px;
}
.task-container .alert-warning-full {
  color: #484e62;
  background-color: #fffaed;
  border-color: #e1d884;
  text-align: left !important;
  text-align: left;
}
.task-container .alert-danger-full {
  background: #f3c2cf;
  border-width: 1px;
}
.task-container p {
  margin-bottom: 5px;
}
.task-container .task-header {
  font-size: 18px;
  color: #3f51b5;
}
.task .badge {
  text-decoration: none;
  min-width: 20px;
  vertical-align: initial;
  border-radius: 4px;
}
.task .badge.accepted {
  background-color: #3584e6;
}
.task .badge.rejected {
  background-color: #fbbc23;
}
.task .badge.favorite {
  background-color: #419943;
}
.task .badge.feedback {
  background-color: #125f9a;
}
.task .badge.in-progress {
  background-color: #ccc;
}
.task-disabled-block {
  font-size: 16px;
}
#modal-lg {
  z-index: 100001;
}
@media (max-width: 768px) {
  #modal-lg button[disabled] {
    display: none;
  }
  #modal-lg ._d-xs-none {
    display: none;
  }
  #modal-lg .modal-content {
    padding: 0px;
    overflow: auto;
  }
  #modal-lg .modal-body {
    padding: 10px;
  }
}
@media (min-width: 768px) {
  #modal-lg .modal-dialog {
    width: 700px;
  }
  #modal-lg .modal-dialog .modal-content {
    text-align: left !important;
    text-align: left;
  }
  #modal-lg .modal-dialog .modal-content .modal-body {
    padding: 20px !important;
  }
}
#modal-lg .task-list-item {
  margin-bottom: 25px;
}
#modal-lg .task-list-item .img-user-avatar-container {
  width: 70px;
  margin-top: 5px;
}
#modal-lg .task-list-item a {
  color: #fff;
}
#modal-lg .task-list-item .row-text {
  border: 1px solid #795548;
  background: #fffaf0;
  color: #333;
}
#modal-lg .task-list-item .row-text p:last-child {
  margin-bottom: 0 !important;
}
#modal-lg p.text-muted {
  color: #f7f6f4;
}
.report-text {
  display: block;
  height: 40px;
  padding: 7px 10px;
  color: #ccc;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  border-width: 2px;
  color: #333333;
  line-height: 1.6;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: 100%;
  color: #333;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
.report-text:focus:not(:read-only) {
  border-color: #f74877;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 72, 119, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 72, 119, 0.6);
}
.report-text::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.report-text:-ms-input-placeholder {
  color: #999;
}
.report-text::-webkit-input-placeholder {
  color: #999;
}
.report-text::-ms-expand {
  border: 0;
  background-color: transparent;
}
.report-text[disabled],
.report-text[readonly],
fieldset[disabled] .report-text {
  background-color: #f1f2f4;
  opacity: 1;
}
.report-text[disabled],
fieldset[disabled] .report-text {
  cursor: not-allowed;
}
textarea.report-text {
  height: auto;
}
textarea.report-text {
  min-height: 150px;
  resize: vertical;
}
.report-text:read-only {
  cursor: default;
}
textarea.report-text {
  height: 130px;
}
.task-rate {
  width: 100%;
  color: #333;
}
.row-bottom-border {
  border-bottom: 1px solid #ccc;
}
.fix-container.active {
  margin-top: 20px;
  margin-top: 10px !important;
}
.page-header h1.h5 {
  font-size: 16px;
}
.task-panel {
  margin-bottom: 22px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.task-panel .panel-heading {
  padding: 10px 10px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.task-panel .panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.btn-full-width {
  width: 100%;
}
.task-highlight,
.text-highlight {
  color: #e48903;
}
.faq #add-cat {
  margin-top: 10px;
}
.faq .edit-form {
  margin: 10px 0;
}
.faq .category-row {
  margin: 0 0 2px 0;
}
.faq .category-row .remove-cat {
  font-size: 16px;
}
.faq .category-row .order-number {
  font-size: 16px;
  color: gray;
  display: block;
}
.faq .category-row .category-name {
  font-size: 16px;
  text-decoration: none;
  color: #333333;
}
.faq .category-row .category-name i {
  visibility: hidden;
}
.faq .category-row .category-name:hover {
  color: #3d8ee9;
  border-bottom: 1px dashed #3d8ee9;
}
.faq .category-row .category-name:hover i {
  visibility: visible;
}
.faq .faq-container .faq-row {
  margin: 20px 0;
}
.faq .faq-container .faq-row .faq-caption {
  background-color: #f9f9f9;
  margin: 10px -10px;
  padding: 2px 10px;
}
.faq .faq-container .faq-row .faq-content,
.faq .faq-container .faq-row .faq-content p {
  font-size: 14px;
  padding: 0;
}
.faq .faq-container .faq-row .edit-faq {
  text-decoration: none;
  color: #333;
}
.faq .faq-container .faq-row .edit-faq i {
  visibility: hidden;
}
.faq .faq-container .faq-row .edit-faq:hover {
  color: #3d8ee9;
  border-bottom: 1px dashed;
}
.faq .faq-container .faq-row .edit-faq:hover i {
  visibility: visible;
}
.faq .faq-container .faq-row .right-block {
  text-align: right;
  padding: 10px;
}
.faq .faq-container .faq-row .right-block .remove-content {
  font-size: 16px;
}
.faq .faq-container .faq-row:first-child {
  margin-top: -20px;
}
.survey-section .progress,
.survey-section .progress {
  margin-bottom: 10px;
  margin-top: 10px;
  height: 10px;
}
.survey-section .progress-label {
  margin-bottom: 0;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.donation-section > section {
  padding-bottom: 20px;
}
.donation-section > section + .page-header {
  margin-top: 0;
}
.panel-donations .panel-heading h4 {
  font-size: 16px;
  margin: 0;
}
.table-donations caption,
.table-donations caption {
  padding: 15px 0;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.table-donations caption h4,
.table-donations caption h4 {
  margin: 0;
  font-size: 16px;
}
.table-donations p {
  margin-bottom: 0;
}
.table-donations .img-block {
  max-width: 40px;
  margin: auto;
}
.table-donations.table-donations-scrollable tbody {
  max-height: 340px;
  overflow: scroll;
  display: block;
}
.drawing-container > section {
  margin-bottom: 20px;
}
.drawing-container > section .page-header {
  margin-top: 0;
}
.drawing-container .countdown-block {
  height: 140px;
}
.drawing-container .countdown-block .countdown {
  font-size: 40px;
  text-align: center;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.drawing-container .countdown-block .countdown .timer {
  white-space: nowrap;
}
.drawing-container .countdown-block .countdown .timer > span {
  display: inline-block;
  width: 100px;
}
.drawing-container .panel-heading h4 {
  margin: 0;
}
.alert-drawing .img-block {
  max-width: 300px;
  margin: auto;
}
.alert-daily-prize h4 {
  margin: 0;
  margin-bottom: 20px;
  color: var(--tx-text-color);
  line-height: 1.4;
}
.alert-daily-prize p {
  margin-bottom: 0;
}
.table-super-prizes .col-user,
.table-daily-prizes .col-user {
  max-width: 160px;
  min-width: 160px;
  width: 160px;
}
.table-super-prizes .col-user .text-user-name,
.table-daily-prizes .col-user .text-user-name {
  margin-top: 10px;
  display: block;
}
@media (max-width: 768px) {
  .contest-section {
    overflow-x: auto;
  }
}
.contest-section .panel-title h4 {
  margin: 0;
}
.contest-section .panel-heading + .panel-body {
  padding-top: 0;
}
.contest-section .prize-block h4 {
  margin-bottom: 10px;
}
.contest-section .countdown-block {
  height: 140px;
}
.contest-section .countdown-block .countdown {
  font-size: 40px;
  text-align: center;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.contest-section .countdown-block .countdown .timer {
  white-space: nowrap;
}
.contest-section .countdown-block .countdown .timer > span {
  display: inline-block;
  width: 100px;
}
.contest-section .nav-contest {
  margin-left: -10px;
  margin-right: -10px;
  padding: 0;
  background: white;
  margin-bottom: 10px;
}
.contest-section .nav-contest ul {
  padding: 0;
  float: none;
}
.contest-section .nav-contest ul li a,
.contest-section .nav-contest ul li strong {
  padding: 5px;
  text-decoration: none;
  text-align: center;
  display: block;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .table-participants {
    white-space: nowrap;
  }
}
.table-participants .icon-position {
  font-style: normal;
  width: 30px;
  height: 30px;
  display: inline-block;
  padding: 0;
  border: 1px solid #f5f5f5;
  background: white;
  border-radius: 50%;
  line-height: 30px;
  text-align: center;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.table-participants .icon-position[data-position="1"] {
  background: #419943;
  color: white;
}
.table-participants .icon-position[data-position="2"] {
  background: #fbbc23;
  color: white;
}
.table-participants .icon-position[data-position="3"] {
  background: #125f9a;
  color: white;
}
.table-participants .col-position {
  max-width: 60px;
  min-width: 60px;
  width: 60px;
}
.table-participants .col-user {
  width: 300px;
  max-width: 260px;
  min-width: 260px;
  width: 260px;
  position: relative;
}
@media (max-width: 767px) {
  .table-participants .col-user {
    min-width: auto;
  }
}
.table-participants .col-user .text-user-name {
  margin: 5px 0;
  display: block;
}
.table-participants .rating-diff-block {
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  position: absolute;
  bottom: 0;
  right: 0;
  line-height: 1.1;
  padding: 3px;
}
.table-participants .col-info p {
  margin-bottom: 0;
}
.table-participants .col-info[data-position="1"] {
  font-size: 22px;
}
.table-participants .col-info[data-position="2"] {
  font-size: 21px;
}
.table-participants .col-info[data-position="3"] {
  font-size: 20px;
}
.table-participants .col-info[data-position="4"] {
  font-size: 19px;
}
.table-participants .col-info[data-position="5"] {
  font-size: 18px;
}
.table-participants .col-info[data-position="6"] {
  font-size: 17px;
}
.table-participants .col-info[data-position="7"] {
  font-size: 16px;
}
.table-participants .col-info[data-position="8"] {
  font-size: 15px;
}
.table-participants .col-info[data-position="9"] {
  font-size: 14px;
}
.table-participants .col-prize {
  max-width: 120px;
  min-width: 120px;
  width: 120px;
}
@media (max-width: 767px) {
  .table-participants .col-prize {
    min-width: auto;
  }
}
.alert-contest {
  position: relative;
  font-size: 16px;
  margin-bottom: 5px;
  padding: 10px;
  color: white;
  text-shadow: 1px 1px 0px #050505;
  background: black;
  border-color: #ccc;
}
.alert-contest h5,
.alert-contest h4 {
  color: white;
  text-shadow: 1px 1px 0px #050505;
}
.alert-contest p {
  margin-bottom: 0;
}
.alert-contest .btn {
  box-shadow: none;
}
.alert-contest .mask {
  background: url("../img/contest/bg.jpg");
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  opacity: 0.6;
  filter: grayscale(100%);
}
.alert-contest.active {
  border-color: #39873b;
}
.alert-contest.active .mask {
  filter: grayscale(0);
}
.alert-sidebar-tournament {
  position: relative;
  font-size: 16px;
  margin-bottom: 5px;
  padding: 0;
  color: white;
  text-shadow: 1px 1px 0px #050505;
  border-color: #9a7b83;
}
.alert-sidebar-tournament h5,
.alert-sidebar-tournament h4 {
  color: white;
  text-shadow: 1px 1px 0px #050505;
}
.alert-sidebar-tournament p {
  margin-bottom: 0;
}
.alert-sidebar-tournament .btn {
  box-shadow: none;
}
.alert-sidebar-tournament .mask {
  background: url("../img/contest/tournament.jpg") no-repeat;
  position: absolute;
  top: 0px;
  right: 0;
  left: 0px;
  bottom: 0px;
  opacity: 0.7;
  filter: grayscale(50%);
}
.alert-sidebar-tournament.active {
  border-color: #f74877;
}
.alert-sidebar-drawing {
  position: relative;
  font-size: 16px;
  margin-bottom: 5px;
  padding: 10px;
  color: white;
  text-shadow: 1px 1px 0px #050505;
  background: black;
}
.alert-sidebar-drawing h5,
.alert-sidebar-drawing h4 {
  color: white;
  text-shadow: 1px 1px 0px #050505;
}
.alert-sidebar-drawing p {
  margin-bottom: 0;
}
.alert-sidebar-drawing .btn {
  box-shadow: none;
}
.alert-sidebar-drawing .mask {
  background: url("../img/contest/bg-contest.png");
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  opacity: 0.6;
}
.prize-block .name-block {
  display: block;
  min-height: 40px;
  margin-top: 10px;
}
.prize-block .text-paid {
  font-size: 11px;
  margin-bottom: 0;
}
.table-prizes .col-user {
  max-width: 150px;
  min-width: 150px;
  width: 150px;
}
@media (min-width: 992px) {
  .table-prizes .col-user {
    max-width: 200px;
    min-width: 200px;
    width: 200px;
  }
}
.table-prizes .name-block {
  margin: 10px 0;
}
.table-prizes .col-position {
  max-width: 40px;
  min-width: 40px;
  width: 40px;
}
.table-prizes .col-prize {
  max-width: 150px;
  min-width: 150px;
  width: 150px;
}
@media (min-width: 992px) {
  .table-prizes .col-prize {
    max-width: 250px;
    min-width: 250px;
    width: 250px;
  }
}
.table-prizes .col-prize p {
  margin-bottom: 0;
}
.table-prizes .amount-block {
  color: inherit;
  margin: 0;
}
.table-prizes .amount-block.text-muted {
  color: #888888;
}
.table-prizes .tariff-block .img-container {
  width: 60px;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  border: none;
}
.table-prizes .ico-position {
  width: 30px;
  height: 30px;
  line-height: 30px;
  display: inline-block;
  text-align: center;
  font-style: normal;
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 50%;
}
.table-prizes .btn-prize-tariff {
  display: block;
}
.table-prizes .present img {
  width: 50px;
}
.table-prizes .present p {
  color: #888888;
}
.table-prizes tr:nth-child(1) .ico-position {
  background: #39873b;
  border-color: #39873b;
  color: white;
}
.table-prizes tr:nth-child(1) .present p {
  color: #39873b;
}
.table-prizes tr:nth-child(2) .ico-position {
  background: #fbb40a;
  border-color: #fbb40a;
  color: white;
}
.table-prizes tr:nth-child(2) .present p {
  color: #fbb40a;
}
.table-prizes tr:nth-child(3) .ico-position {
  background: #5cb3e4;
  border-color: #5cb3e4;
  color: white;
}
.table-prizes tr:nth-child(3) .present p {
  color: #5cb3e4;
}
.table-prizes tr:nth-child(4) .ico-position {
  background: #f74877;
  border-color: #f74877;
  color: white;
}
.table-prizes tr:nth-child(4) .present p {
  color: #f74877;
}
.panel-contest .panel-title {
  font-size: 22px;
}
.contest-results-container {
  position: relative;
  display: block;
  border-top: 1px solid transparent;
  margin-top: 10px;
}
.contest-results-container .mask {
  left: -11px;
  right: -11px;
  bottom: -11px;
  background-image: none;
  background-color: #0000002e;
  border-top: 1px solid white;
}
.contest-results-container h5 {
  color: white;
  opacity: 1;
  margin: 10px 0;
  position: relative;
}
.contest-results-container .countdown {
  margin-top: 10px;
}
.alert-9may {
  position: relative;
  font-size: 16px;
  margin-bottom: 5px;
  padding: 10px;
  color: white;
  text-shadow: 1px 1px 0px #050505;
  background: black;
  border-color: #ccc;
}
.alert-9may h5,
.alert-9may h4 {
  color: white;
  text-shadow: 1px 1px 0px #050505;
}
.alert-9may p {
  margin-bottom: 0;
}
.alert-9may .btn {
  box-shadow: none;
}
.alert-9may .mask {
  background: url("../img/contest/bg-9may.jpg");
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  filter: grayscale(0%);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.alert-summer2021 {
  position: relative;
  font-size: 16px;
  margin-bottom: 5px;
  padding: 10px;
  color: white;
  text-shadow: 1px 1px 0px #050505;
  background: black;
  border-color: #3584e6;
}
.alert-summer2021 h5,
.alert-summer2021 h4 {
  color: white;
  text-shadow: 1px 1px 0px #050505;
}
.alert-summer2021 p {
  margin-bottom: 0;
}
.alert-summer2021 .btn {
  box-shadow: none;
}
.alert-summer2021 .mask {
  background: url("../img/contest/bg-summer2021.png");
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  filter: grayscale(0%);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.alert-ny2022 {
  position: relative;
  font-size: 16px;
  margin-bottom: 5px;
  padding: 10px;
  color: white;
  text-shadow: 1px 1px 0px #050505;
  background: black;
  border-color: #3584e6;
}
.alert-ny2022 h5,
.alert-ny2022 h4 {
  color: white;
  text-shadow: 1px 1px 0px #050505;
}
.alert-ny2022 p {
  margin-bottom: 0;
}
.alert-ny2022 .btn {
  box-shadow: none;
}
.alert-ny2022 .mask {
  background: url("../img/contest/santa.jpg");
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  filter: grayscale(0%);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.contest-countdown .panel-body {
  padding: 0;
}
.contest-countdown .knob {
  font-size: 18px !important;
  color: var(--tx-text-color) !important;
}
.contest-type-nytree .contest-countdown {
  background: url("../img/nytree/contest-countdown-bg.png") center center no-repeat;
  background-size: 670px auto;
}
.contest-type-nytree .contest-prizes-block {
  display: none;
}
.contest-type-nytree .contest-finished .contest-prizes-block {
  display: block;
}
.consolation-prize-block {
  position: relative;
  justify-content: center;
  font-family: "PT Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 13px;
  display: flex;
  align-items: center;
  color: #333333;
}
.consolation-prize-block img {
  width: 40px;
  height: 40px;
}
.consolation-prize-block .badge {
  cursor: default;
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: white;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  border-radius: 10px;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #125f9a !important;
  position: absolute;
  bottom: 0;
  scale: 0.65;
}
.custom-participant {
  background: #e7f3fe;
  cursor: pointer;
}
.custom-participant:hover {
  background: #d1e9ff;
}
.custom-participant.collapsed .fa-angle-down {
  transform: rotate(180deg);
}
.hall-section:after,
.hall-section:before {
  content: "";
  position: absolute;
  background-image: url("../img/famehall/bg.png");
  background-size: contain;
  background-position: top center;
  left: 0;
  top: -36px;
  width: 300px;
  height: 392px;
  background-repeat: no-repeat;
  z-index: 1;
}
.hall-section.hall-section-main:after,
.hall-section.hall-section-main:before {
  width: 175px;
  height: 230px;
  top: -45px;
}
.hall-section.hall-section-main:before {
  left: -15px;
}
.hall-section.hall-section-main:after {
  right: -15px;
}
.hall-section.hall-section-main .row-main-users {
  min-height: 200px;
}
.hall-section.hall-section-main .row-main-users .panel-content {
  padding: 0;
}
.hall-section.hall-section-main .text-empty {
  margin: 70px 0;
  font-size: 18px;
}
.hall-section.hall-section-main .nav .btn {
  border-radius: 0;
}
.hall-section:after {
  left: auto;
  right: 0;
  height: 470px;
  transform: scaleX(-1);
}
.hall-section .nav {
  background: #f6f8fa;
  margin-bottom: 10px;
  border-radius: 3px;
  overflow: hidden;
  box-shadow: 0px 1px 0px #ccc;
}
.hall-section .nav li + li {
  border-left: 1px solid #a91414;
}
.hall-section .nav a {
  text-decoration: none;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  padding: 10px;
}
.hall-section .nav li.active > a,
.hall-section .nav li.active > a:hover,
.hall-section .nav li.active > a:active,
.hall-section .nav li.active > a:focus {
  box-shadow: inset 0px 1px 5px #612226;
  background-image: -webkit-linear-gradient(top, #fb8b81 0%, #fb8ea0 100%);
  background-image: -o-linear-gradient(top, #fb8b81 0%, #fb8ea0 100%);
  background-image: linear-gradient(to bottom, #fb8b81 0%, #fb8ea0 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffb8b81', endColorstr='#fffb8ea0', GradientType=0);
  font-weight: bold;
  color: white;
  cursor: default;
  opacity: 1;
}
.hall-section .page-header {
  background: #dfb152;
  color: white;
  text-align: center;
}
.hall-section .page-header h1 {
  color: white;
  text-transform: uppercase;
  font-weight: bold;
  display: inline-block;
  padding: 0px 15px;
  background: #7d3400;
  position: relative;
  box-shadow: 0 0 10px #7d3400;
  z-index: 11;
  font-size: 18px;
}
.panel-hall-user {
  float: left;
  width: 33.33333333%;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
  z-index: 11;
}
.panel-hall-user .h3 {
  margin: 10px 0;
}
.panel-hall-user .info-block .small {
  font-size: 12px;
  white-space: nowrap;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
}
.panel-hall-user.panel-hall-user-1 {
  position: relative;
  float: left;
  width: 33.33333333%;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  left: 33.33333333%;
}
.panel-hall-user.panel-hall-user-1 .panel-body {
  border: 2px solid #f74877;
  border-radius: 3px;
}
.panel-hall-user.panel-hall-user-1 .h3 {
  color: #f74877;
}
.panel-hall-user.panel-hall-user-1 .img-user-avatar-container {
  max-width: 135px;
  margin-top: 20px;
}
.panel-hall-user.panel-hall-user-2 {
  margin-top: 80px;
  position: relative;
  float: left;
  width: 29.16666667%;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  right: 31.25%;
}
.panel-hall-user.panel-hall-user-2 .panel-body {
  border: 2px solid #fbbc23;
  border-radius: 3px;
}
.panel-hall-user.panel-hall-user-2 .h3 {
  color: #000000;
  font-size: 18.7px;
}
.panel-hall-user.panel-hall-user-2 .img-block {
  width: 62%;
  margin: 0 auto;
}
.panel-hall-user.panel-hall-user-2 .img-user-avatar-container {
  margin-top: 18px;
}
.panel-hall-user.panel-hall-user-3 {
  margin-top: 120px;
  position: relative;
  float: left;
  width: 25%;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  left: 8.33333333%;
}
.panel-hall-user.panel-hall-user-3 .panel-body {
  padding: 10px;
}
.panel-hall-user.panel-hall-user-3 .panel-body {
  border: 2px solid #3584e6;
  border-radius: 3px;
}
.panel-hall-user.panel-hall-user-3 .h3 {
  color: #000000;
  font-size: 15.4px;
}
.panel-hall-user.panel-hall-user-3 .img-block {
  width: 50%;
  margin: 0 auto;
}
.panel-hall-user.panel-hall-user-3 .img-user-avatar-container {
  margin-top: 10px;
}
.panel-hall-user .img-user-avatar-container {
  margin-bottom: 5px;
}
.table-hall .icon-position {
  font-style: normal;
  width: 30px;
  height: 30px;
  display: inline-block;
  padding: 0;
  border: 1px solid #f5f5f5;
  background: white;
  border-radius: 50%;
  line-height: 30px;
  text-align: center;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.table-hall .icon-position[data-position="1"] {
  background: #419943;
  color: white;
}
.table-hall .icon-position[data-position="2"] {
  background: #fbbc23;
  color: white;
}
.table-hall .icon-position[data-position="3"] {
  background: #125f9a;
  color: white;
}
.table-hall .col-position {
  max-width: 60px;
  min-width: 60px;
  width: 60px;
}
.table-hall .col-user {
  min-width: 180px;
  position: relative;
}
.table-hall .col-user a {
  text-decoration: none !important;
}
.table-hall .col-user .text-user-name {
  margin: 5px 0;
  display: block;
}
.alert-power-bank .img-container {
  margin-top: 25px;
}
.progress-battery {
  background: url("../img/powerbank/battery.png");
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 110px;
  height: 187px;
  margin: auto;
}
.progress-battery .progress-bar,
.progress-battery .progress-bar,
.progress-battery .progress-custom .progress-bar,
.progress-battery .progress-custom-sm .progress-bar,
.progress-battery .progress-custom .progress-bar,
.progress-battery .progress-custom-sm .progress-bar,
.progress-battery .progress-custom .progress-bar,
.progress-battery .progress-custom-sm .progress-custom .progress-bar,
.progress-battery .progress-custom-sm .progress-bar,
.progress-battery .progress-custom .progress-custom-sm .progress-bar,
.progress-battery .progress-custom-sm .progress-custom .progress-bar,
.progress-battery .progress-custom .progress-custom-sm .progress-bar,
.progress-battery .progress-custom-sm .progress-custom .progress-bar,
.progress-battery .progress-custom-sm .progress-custom .progress-bar,
.progress-battery .progress-custom .progress-custom-sm .progress-bar,
.progress-battery .progress-custom .progress-custom-sm .progress-bar {
  position: absolute;
  bottom: 0;
  overflow: hidden;
  height: auto;
  width: 100%;
  background: none;
  float: none;
  transition: all 0.5s ease-in-out !important;
}
.progress-battery .progress-bar:after,
.progress-battery .progress-bar:after,
.progress-battery .progress-custom .progress-bar:after,
.progress-battery .progress-custom-sm .progress-bar:after,
.progress-battery .progress-custom .progress-bar:after,
.progress-battery .progress-custom-sm .progress-bar:after,
.progress-battery .progress-custom .progress-bar:after,
.progress-battery .progress-custom-sm .progress-custom .progress-bar:after,
.progress-battery .progress-custom-sm .progress-bar:after,
.progress-battery .progress-custom .progress-custom-sm .progress-bar:after,
.progress-battery .progress-custom-sm .progress-custom .progress-bar:after,
.progress-battery .progress-custom .progress-custom-sm .progress-bar:after,
.progress-battery .progress-custom-sm .progress-custom .progress-bar:after,
.progress-battery .progress-custom-sm .progress-custom .progress-bar:after,
.progress-battery .progress-custom .progress-custom-sm .progress-bar:after,
.progress-battery .progress-custom .progress-custom-sm .progress-bar:after {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 110px;
  height: 187px;
  background: url("../img/powerbank/battery_full.png");
  background-position: bottom center;
  background-repeat: no-repeat;
}
.progress-battery .progress-help {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  font-size: 14px;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: white;
  text-align: center;
  text-shadow: 1px 1px 0px #2f2f2f;
}
.easyCaptcha {
  display: inline-block;
  min-height: 120px;
  position: relative;
  overflow: hidden;
}
.easyCaptcha .captcha-mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ccc;
  display: none;
  border-radius: 5px;
}
.easyCaptcha .captcha-mask i {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  margin-left: -15px;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  color: black;
}
.easyCaptcha .captchaQuestion {
  border-radius: 5px;
  overflow: hidden;
  width: 240px;
}
.easyCaptcha .captchaAnswers {
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
  border-bottom-right-radius: 5px;
  overflow: hidden;
  border-bottom-left-radius: 5px;
}
.easyCaptcha .captchaAnswers .captchaAnswer {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 60px;
  border: none;
  background: transparent;
  border-radius: 0;
  vertical-align: bottom;
  padding: 0;
  margin: 0;
}
.easyCaptcha .captchaControls {
  overflow: hidden;
}
.easyCaptcha .captchaControls .btn {
  margin-top: 10px;
  color: black;
  border: none;
}
@media (min-width: 992px) {
  .easyCaptcha .captchaControls {
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0.4;
    transition: all 0.3s ease-in-out;
    border-bottom-left-radius: 5px;
    overflow: hidden;
  }
  .easyCaptcha .captchaControls:hover {
    opacity: 1;
  }
  .easyCaptcha .captchaControls .btn {
    margin-top: 0;
    background: none;
  }
  .easyCaptcha .captchaControls .btn span {
    display: none;
  }
}
.easyCaptcha.loading .captcha-mask {
  display: block;
}
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-target {
  position: relative;
  direction: ltr;
}
.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  /* Fix 401 */
}
.noUi-connect {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}
.noUi-origin {
  position: absolute;
  height: 0;
  width: 0;
}
.noUi-handle {
  position: relative;
  z-index: 1;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
  transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}
.noUi-state-drag * {
  cursor: inherit !important;
}
/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.noUi-base,
.noUi-handle {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 18px;
}
.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  left: -17px;
  top: -6px;
}
.noUi-vertical {
  width: 18px;
}
.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px;
}
/* Styling;
 */
.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}
.noUi-connect {
  background: #3FB8AF;
  border-radius: 4px;
  box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45);
  -webkit-transition: background 450ms;
  transition: background 450ms;
}
/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}
.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}
.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}
/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}
.noUi-handle:after {
  left: 17px;
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}
.noUi-vertical .noUi-handle:after {
  top: 17px;
}
/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8;
}
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}
/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-pips {
  position: absolute;
  color: #999;
}
/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}
.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}
/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC;
}
.noUi-marker-sub {
  background: #AAA;
}
.noUi-marker-large {
  background: #AAA;
}
/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}
.noUi-value-horizontal {
  -webkit-transform: translate3d(-50%, 50%, 0);
  transform: translate3d(-50%, 50%, 0);
}
.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}
/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}
.noUi-value-vertical {
  -webkit-transform: translate3d(0, 50%, 0);
  transform: translate3d(0, 50%, 0);
  padding-left: 25px;
}
.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}
.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}
.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}
.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}
.panel-calculator .row-abilities {
  margin-left: 0;
  margin-right: 0;
}
.panel-calculator .row-abilities .col {
  position: relative;
  float: left;
  width: 12.5%;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0;
}
.panel-calculator .img-block {
  position: relative;
  width: 75%;
  margin: auto;
}
@media (min-width: 992px) {
  .panel-calculator .img-block {
    height: 200px;
    width: auto;
  }
}
@media (min-width: 992px) {
  .panel-calculator .img-taxi-container .img {
    position: absolute;
    left: -10px;
    right: -10px;
    top: -10px;
    bottom: -10px;
  }
}
.panel-calculator .row-parts {
  margin-left: 0;
  margin-right: 0;
}
.panel-calculator .row-parts .col {
  position: relative;
  float: left;
  width: 12.5%;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0;
}
.panel-calculator .row-parts .col:first-child .popover-container,
.panel-calculator .row-abilities .col:first-child .popover-container {
  left: 0;
  transform: none;
}
.panel-calculator .row-parts .col:first-child .popover-container:after,
.panel-calculator .row-abilities .col:first-child .popover-container:after {
  left: 10%;
}
.panel-calculator .row-parts .col:last-child .popover-container,
.panel-calculator .row-abilities .col:last-child .popover-container {
  left: auto;
  right: 0;
  transform: none;
}
.panel-calculator .row-parts .col:last-child .popover-container:after,
.panel-calculator .row-abilities .col:last-child .popover-container:after {
  right: 10%;
}
.panel-calculator .btn-part,
.panel-calculator .btn-ability {
  background: none;
  border: none;
  position: relative;
  filter: grayscale(100%);
}
.panel-calculator .btn-part .level,
.panel-calculator .btn-ability .level {
  background-color: #f74877;
  padding: 0;
  border-radius: 50%;
  display: inline-block;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  border: 1px solid transparent;
  color: white;
  font-size: 11px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  left: auto;
  top: 0;
  right: 0;
  position: absolute;
}
.panel-calculator .btn-part:hover + .popover-container,
.panel-calculator .btn-ability:hover + .popover-container {
  display: block;
}
.panel-calculator .btn-part.active,
.panel-calculator .btn-ability.active {
  filter: grayscale(0%);
}
.panel-calculator .noUi-base {
  background-image: linear-gradient(to left, #48d624 0%, #3584e6 100%);
}
.panel-calculator .noUi-horizontal {
  height: 10px;
  margin-top: 15px;
}
@media (min-width: 992px) {
  .panel-calculator .noUi-horizontal {
    margin-top: 5px;
  }
}
.panel-calculator .noUi-horizontal .noUi-handle {
  width: 40px;
  height: 34px;
  left: -17px;
  top: -14px;
}
.panel-calculator .noUi-horizontal .noUi-handle:before,
.panel-calculator .noUi-horizontal .noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 50%;
  top: 50%;
  margin-left: -2px;
  transform: translate(-50%, -50%);
}
.panel-calculator .noUi-horizontal .noUi-handle:after {
  margin-right: -2px;
}
@media (min-width: 992px) {
  .panel-calculator .noUi-horizontal .noUi-handle {
    width: 34px;
    height: 28px;
    left: -17px;
    top: -10px;
  }
}
.panel-calculator .noUi-horizontal .noUi-tooltip {
  display: none;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: rgba(255, 255, 255, 0.9);
}
.panel-calculator .noUi-horizontal .noUi-handle.noUi-active .noUi-tooltip,
.panel-calculator .noUi-horizontal .noUi-handle:hover .noUi-tooltip {
  display: block;
}
.panel-calculator .btn-help {
  position: relative;
  margin-top: -3px;
  margin-left: 10px;
}
.panel-calculator .btn-help.collapse.in {
  display: inline-block;
}
.panel-calculator .section-filter {
  position: relative;
}
.panel-calculator .row-filter {
  margin-left: -15px;
  margin-right: -15px;
  overflow: hidden;
  position: relative;
}
@media (min-width: 992px) {
  .panel-calculator .aside-filter {
    position: absolute;
    top: 21px;
    right: 0;
    background: rgba(255, 255, 255, 0.78);
    padding: 20px;
    padding-left: 40px;
    margin-right: 40px;
    transform: translateX(100%);
    bottom: 27px;
    transition: all 0.3s linear;
    border: 1px solid #e5e6e6;
    border-bottom-color: #ababab;
    border-right: 0;
  }
  .panel-calculator .aside-filter .btn-toggle {
    position: absolute;
    top: 50%;
    left: 0;
    width: 40px;
    background: none;
    font-size: 30px;
    transform: translateY(-50%) rotate(0);
    transition: all 0.3s linear;
  }
  .panel-calculator .aside-filter.active {
    margin-right: 0px;
    transform: translateX(0%);
    padding-left: 40px;
  }
  .panel-calculator .aside-filter.active .btn-toggle {
    transform: rotate(180deg) translateY(50%);
  }
}
@media (min-width: 992px) {
  .panel-calculator .embed-responsive-chart {
    padding-bottom: 60%;
    width: 95%;
    margin: 0;
  }
}
.panel-calculator [data-toggle='collapse'][aria-expanded] > i {
  transition: all 0.3s ease-in-out;
}
.panel-calculator [data-toggle='collapse'][aria-expanded='true'] > i {
  transform: rotate(180deg);
}
.panel-calculator [data-toggle='collapse'][aria-expanded='true'] [data-expanded='true'] {
  display: inline;
}
.panel-calculator [data-toggle='collapse'][aria-expanded='true'] [data-expanded='false'] {
  display: none;
}
.panel-calculator [data-toggle='collapse'][aria-expanded='false'] [data-expanded='true'] {
  display: none;
}
.panel-calculator [data-toggle='collapse'][aria-expanded='false'] [data-expanded='false'] {
  display: inline;
}
.panel-calculator .row-title h2,
.panel-calculator .row-title p {
  line-height: 40px;
}
.panel-calculator span.collapse.in {
  display: inline;
}
.form-group-slider {
  padding-bottom: 5px;
}
.form-group-slider .text-max,
.form-group-slider .text-min {
  line-height: 40px;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .form-group-slider .text-max,
  .form-group-slider .text-min {
    line-height: 18px;
  }
  .form-group-slider .text-min {
    font-size: 90%;
    font-weight: 400;
  }
  .form-group-slider .text-max {
    font-size: 115%;
    font-weight: 800;
  }
}
.calculator-section .car-block .image-block {
  height: 140px;
}
.calculator-section .car-block .image-block .img {
  margin: 0;
}
.calculator-section .car-block .name-block {
  position: relative;
}
.calculator-section .car-block .name-block .help-block,
.calculator-section .car-block .name-block .error-block {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.popover-configurator.popover-list {
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 0;
  font-size: 14px;
}
.ny-page {
  position: relative;
}
.ny-page .mask {
  position: absolute;
  top: 50px;
  left: 0;
  right: 0px;
  bottom: -30px;
  z-index: 0;
  background-image: url("../img/ny2.png");
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: contain;
}
.ny-page > header,
.ny-page > section {
  position: relative;
  z-index: 1;
}
.ny-page header.page-header {
  background: #d80256;
  color: white;
  border-bottom: 1px solid #ecedef;
  text-align: center;
}
.ny-page header.page-header h1 {
  position: relative;
  color: white;
}
.ny-page header.page-header .mask {
  background-image: url("../img/ny-header.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 0.8;
  top: 0;
  bottom: 0;
  z-index: 0;
}
.ny-page .table {
  background-color: rgba(255, 255, 255, 0.7);
}
.text-ny {
  color: #d90555;
}
.img-santa {
  width: 100%;
  height: 300px;
  background: url("../img/santa.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
}
.alert-new-year {
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.45) 0%, #f8f9fb 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.45) 0%, #f8f9fb 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.45) 0%, #f8f9fb 100%);
}
.alert-sidebar-new-year {
  position: relative;
  font-size: 26px;
  margin-bottom: 5px;
  padding: 30px 10px;
  color: #f84776;
  text-shadow: 1px 1px 0 white;
  background: black;
  overflow: hidden;
}
.alert-sidebar-new-year a {
  color: #f84776;
  text-shadow: 1px 1px 0 white;
}
.alert-sidebar-new-year a span {
  border-color: #f84776;
}
.alert-sidebar-new-year .mask {
  background: url(../img/ny-bg.jpg);
  background-size: cover;
  position: absolute;
  bottom: -45px;
  left: 0;
  /* bottom: 0; */
  opacity: 1;
  top: 0;
  right: 0;
}
.alert-sidebar-new-year .img-santa {
  width: 100px;
  height: 140px;
  position: absolute;
  right: -50px;
}
.modal-new-year .text-danger {
  color: #f74877;
  text-shadow: none;
}
.modal-new-year .text-white {
  text-shadow: 1px 1px 0 #f74877;
  color: white;
}
.modal-new-year .modal-dialog {
  width: 600px;
}
.modal-new-year .modal-content {
  border: 2px solid #d90555;
  overflow: hidden;
  color: white;
}
.modal-new-year .modal-content .mask {
  background-image: url("../img/ny-header.png");
  background-position: top center;
  background-repeat: no-repeat;
  position: absolute;
  top: -100px;
  left: 0;
  right: 0;
  bottom: 100px;
  z-index: 0;
  opacity: 0.85;
}
.modal-new-year .modal-body {
  padding-top: 65px;
}
@keyframes snow {
  0% {
    box-shadow: 9vw -141vh 1px 2px white, 19vw -83vh 6px 5px white, 65vw -112vh 1px 4px white, -60vw -54vh 6px 2px white, 35vw -62vh 6px 5px white, -38vw -93vh 3px 4px white, -18vw -63vh 6px 2px white, -59vw -88vh 1px 2px white, 31vw -74vh 3px 2px white, -80vw -129vh 6px 3px white, 74vw -147vh 5px 2px white, -69vw -125vh 3px 5px white, 81vw -146vh 5px 4px white, -7vw -85vh 1px 5px white, 26vw -75vh 8px 5px white, -90vw -118vh 8px 1px white, 3vw -109vh 1px 5px white, -24vw -128vh 8px 2px white, -8vw -114vh 5px 4px white, -60vw -51vh 1px 2px white, -2vw -78vh 5px 5px white, -50vw -129vh 7px 5px white, 5vw -81vh 2px 4px white, -18vw -74vh 2px 1px white, 78vw -114vh 2px 2px white, -48vw -121vh 5px 1px white, 4vw -147vh 6px 5px white, -38vw -136vh 8px 4px white, 45vw -106vh 8px 1px white, -19vw -75vh 2px 3px white, 84vw -128vh 6px 5px white, -1vw -116vh 5px 3px white, 40vw -140vh 1px 5px white, -25vw -60vh 1px 3px white, 88vw -114vh 4px 5px white, -87vw -91vh 3px 1px white, 7vw -77vh 3px 3px white, -78vw -91vh 2px 3px white, 40vw -52vh 5px 4px white, 19vw -109vh 6px 3px white, -5vw -89vh 7px 2px white, 19vw -130vh 6px 3px white, 11vw -143vh 5px 1px white, -36vw -148vh 7px 5px white, 88vw -108vh 2px 1px white, -28vw -102vh 1px 5px white, -2vw -109vh 1px 2px white, -21vw -54vh 1px 2px white, 10vw -77vh 5px 3px white, -77vw -88vh 5px 2px white, 57vw -109vh 3px 5px white, -12vw -111vh 5px 4px white, 49vw -82vh 2px 1px white, -43vw -88vh 1px 4px white, 4vw -100vh 7px 2px white, 7vw -90vh 6px 3px white, 56vw -98vh 7px 2px white, 9vw -75vh 5px 1px white, 98vw -132vh 1px 4px white, -96vw -148vh 1px 1px white, 99vw -59vh 5px 2px white, -78vw -75vh 2px 3px white, -15vw -111vh 6px 2px white, 19vw -107vh 5px 1px white, 90vw -145vh 6px 5px white, -12vw -61vh 6px 2px white, 72vw -125vh 1px 1px white, -68vw -58vh 6px 2px white, 26vw -64vh 5px 3px white, 4vw -131vh 1px 5px white, -20vw -81vh 5px 5px white, -16vw -104vh 1px 1px white, 21vw -118vh 2px 3px white, -18vw -105vh 4px 2px white, 16vw -64vh 5px 4px white, -92vw -107vh 1px 5px white, 15vw -82vh 6px 3px white, -9vw -104vh 3px 1px white;
  }
  100% {
    box-shadow: 25vw 160vh 6px 1px white, -78vw 173vh 4px 4px white, 60vw 194vh 5px 1px white, -76vw 189vh 5px 1px white, 91vw 187vh 1px 5px white, -97vw 158vh 2px 3px white, 16vw 127vh 4px 2px white, -15vw 132vh 6px 3px white, 4vw 138vh 2px 3px white, -60vw 111vh 7px 3px white, 57vw 159vh 6px 1px white, -31vw 163vh 3px 3px white, 9vw 119vh 1px 1px white, -57vw 165vh 1px 1px white, 75vw 192vh 3px 3px white, -30vw 124vh 8px 2px white, 76vw 154vh 2px 1px white, -29vw 157vh 7px 5px white, 37vw 136vh 6px 1px white, -74vw 145vh 5px 1px white, 35vw 145vh 7px 5px white, -26vw 167vh 3px 1px white, 61vw 123vh 4px 3px white, -29vw 150vh 1px 4px white, -8vw 200vh 8px 5px white, -25vw 135vh 5px 5px white, 60vw 194vh 2px 5px white, -43vw 168vh 1px 3px white, 14vw 168vh 8px 4px white, -24vw 112vh 7px 1px white, 52vw 115vh 1px 1px white, -5vw 128vh 3px 3px white, 1vw 112vh 4px 1px white, 14vw 165vh 1px 4px white, 29vw 139vh 1px 4px white, -96vw 134vh 5px 2px white, 10vw 158vh 2px 4px white, -11vw 103vh 7px 4px white, 44vw 104vh 1px 5px white, 1vw 197vh 1px 5px white, -7vw 178vh 7px 2px white, -7vw 155vh 1px 3px white, 36vw 101vh 6px 5px white, -60vw 106vh 7px 4px white, 78vw 102vh 1px 4px white, 1vw 156vh 6px 2px white, 32vw 196vh 8px 5px white, -59vw 127vh 1px 5px white, 23vw 160vh 4px 1px white, -90vw 159vh 1px 5px white, 18vw 173vh 6px 2px white, 16vw 197vh 4px 3px white, -13vw 154vh 3px 4px white, -8vw 145vh 8px 5px white, 3vw 122vh 5px 1px white, -54vw 177vh 1px 5px white, 44vw 120vh 8px 1px white, -65vw 122vh 8px 4px white, 12vw 160vh 6px 4px white, 3vw 193vh 8px 2px white, 31vw 147vh 1px 4px white, 13vw 200vh 2px 5px white, 64vw 137vh 7px 3px white, -54vw 189vh 4px 2px white, 56vw 105vh 4px 1px white, 7vw 183vh 7px 1px white, 99vw 145vh 3px 3px white, -8vw 159vh 1px 5px white, 37vw 121vh 4px 1px white, -26vw 152vh 8px 5px white, 72vw 103vh 4px 5px white, -5vw 173vh 1px 4px white, 14vw 108vh 8px 1px white, -11vw 194vh 5px 5px white, 77vw 156vh 6px 1px white, -59vw 155vh 1px 3px white, 7vw 172vh 3px 3px white, 10vw 175vh 7px 4px white;
  }
}
.snow {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.snow .snow-item {
  position: absolute;
  width: 5px;
  height: 5px;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  animation: snow 10000ms linear infinite;
}
.snow .snow-item .snow-item:nth-child(2) {
  left: 25vw;
  animation-delay: 1000ms;
}
.snow .snow-item .snow-item:nth-child(3) {
  right: 25vw;
  animation-delay: 1000ms;
}
.btn-ny {
  width: 80px;
  height: 80px;
  background: url("../img/ny-gift.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  transition: opacity 0.3s ease-in-out;
}
.btn-ny:hover,
.btn-ny:active,
.btn-ny:focus {
  opacity: 0.8;
}
.ico-ny-prize {
  background: url("../img/ny-prize1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  padding-bottom: 80%;
  display: block;
  position: relative;
}
@keyframes ny-numbers-changed {
  0%,
  85.7% {
    transform: matrix(1, 0, 0, 1, 0, 0);
    opacity: 1;
    animation-timing-function: ease-out;
  }
  100% {
    transform: matrix(1, 0, 0, 1, 0, 0);
    opacity: 0;
  }
}
@keyframes ny-item-appears {
  0%,
  5% {
    transform: translate(-50%, -50%) matrix(1, 0, 0, 1, 0, 0);
    opacity: 0;
    animation-timing-function: ease-in-out;
  }
  40% {
    transform: translate(-50%, -50%) matrix(1.3, 0, 0, 1.3, 0, 0);
    opacity: 1;
    animation-timing-function: ease-in-out;
  }
  60% {
    transform: translate(-50%, -50%) matrix(1.3, 0, 0, 1.3, 0, 0);
    opacity: 1;
    animation-timing-function: ease-in-out;
  }
  100% {
    transform: translate(-50%, -50%) matrix(1.000001, 0, 0, 1.000001, 0, 0);
    opacity: 1;
  }
}
@keyframes ny-item-disappears {
  0%,
  1% {
    transform: translate(-50%, -50%) matrix(1.000001, 0, 0, 1.000001, 0, 0);
    opacity: 1;
    animation-timing-function: ease-in-out;
  }
  4% {
    transform: translate(-50%, -50%) matrix(1.3, 0, 0, 1.3, 0, 0);
    opacity: 1;
    animation-timing-function: ease-in-out;
  }
  7% {
    transform: translate(-50%, -50%) matrix(0.01, 0, 0, 0.01, 0, 0);
    opacity: 0;
    animation-timing-function: ease-in-out;
  }
  100% {
    transform: translate(-50%, -50%) matrix(0.01, 0, 0, 0.01, 0, 0);
    opacity: 0;
  }
}
@keyframes ny-item-flash {
  0%,
  25% {
    transform: translate(-50%, -50%) matrix(0.8, 0, 0, 0.8, 0, 0);
    opacity: 0;
    animation-timing-function: ease-out;
  }
  50% {
    transform: translate(-50%, -50%) matrix(1.3, 0, 0, 1.3, 0, 0);
    opacity: 1;
    animation-timing-function: linear;
  }
  80% {
    transform: translate(-50%, -50%) matrix(1, 0, 0, 1, 0, 0);
    opacity: 0;
    animation-timing-function: linear;
  }
  100% {
    transform: translate(-50%, -50%) matrix(1.000001, 0, 0, 1.000001, 0, 0);
    opacity: 0;
  }
}
.ny-tree-toy-pos {
  position: relative;
  display: inline-block;
  width: 8.9%;
  padding-bottom: 8.3%;
  box-sizing: border-box;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) matrix(1.000001, 0, 0, 1.000001, 0, 0);
}
.ny-tree-toy-pos > div,
.ny-tree-toy-pos > span {
  position: absolute;
  display: inline-block;
  left: 0;
  width: 100%;
  top: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
}
.ny-tree-toy-pos .ny-tree-toy {
  display: inline-block;
  cursor: pointer;
  left: 12%;
  width: 76%;
  top: 12%;
  height: 80%;
}
.ny-tree-toy-pos .ny-tree-toy > img {
  width: 100%;
}
.ny-tree-toy-pos .ny-tree-ball {
  display: inline-block;
  border-radius: 50%;
  background: #A4A4A4;
  left: 12%;
  width: 78%;
  top: 10%;
  height: 82%;
  filter: blur(0.1px);
  transform: scale(1.000001);
  transition: all 0.3s ease-in-out;
}
.ny-tree-toy-pos .ny-tree-ball:before {
  content: "";
  position: absolute;
  left: 41%;
  width: 18%;
  top: -12%;
  height: 30%;
  border-radius: 10%;
  background: #A4A4A4;
}
.ny-tree-toy-pos .ny-tree-ball .shines {
  position: absolute;
  display: inline-block;
  filter: blur(4px);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background: #FFFFFF;
  opacity: 0.99;
}
.ny-tree-toy-pos .ny-tree-ball .shines:nth-child(1) {
  left: 30%;
  top: 33%;
  width: 30%;
  height: 40%;
}
.ny-tree-toy-pos .ny-tree-ball .shines:nth-child(2) {
  left: 23%;
  top: 71%;
  width: 12%;
  height: 24%;
}
.ny-tree-toy-pos .ny-tree-ball .shines:nth-child(3) {
  left: 75%;
  top: 64%;
  width: 30%;
  height: 40%;
}
.ny-tree-toy-pos:hover .ny-tree-ball {
  transform: scale(1.35);
}
.ny-tree-toy-pos:hover .ny-tree-toy {
  transform: scale(1.25);
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.99), 0 0 20px rgba(255, 255, 255, 0.99), 0 0 20px rgba(255, 255, 255, 0.99);
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.5);
}
.ny-tree-toy-pos .ny-tree-toy-flash {
  display: inline-block;
  background: url('../img/nytree/flash-toy-appear.png') center center no-repeat;
  background-size: cover;
  left: 51%;
  top: 51%;
  transform: translate(-50%, -50%) matrix(1.000001, 0, 0, 1.000001, 0, 0);
}
.ny-tree-toy-pos.ny-tree-toy-cat-1 .ny-tree-ball {
  background: #A4A4A4;
}
.ny-tree-toy-pos.ny-tree-toy-cat-1 .ny-tree-ball:before {
  background: #A4A4A4;
}
.ny-tree-toy-pos.ny-tree-toy-cat-2 .ny-tree-ball {
  background: #397B00;
}
.ny-tree-toy-pos.ny-tree-toy-cat-2 .ny-tree-ball:before {
  background: #397B00;
}
.ny-tree-toy-pos.ny-tree-toy-cat-3 .ny-tree-ball {
  background: #2872CC;
}
.ny-tree-toy-pos.ny-tree-toy-cat-3 .ny-tree-ball:before {
  background: #2872CC;
}
.ny-tree-toy-pos.ny-tree-toy-cat-4 .ny-tree-ball {
  background: #f08220;
}
.ny-tree-toy-pos.ny-tree-toy-cat-4 .ny-tree-ball:before {
  background: #f08220;
}
.ny-tree-toy-pos.ny-tree-toy-cat-5 .ny-tree-ball {
  background: #f74848;
}
.ny-tree-toy-pos.ny-tree-toy-cat-5 .ny-tree-ball:before {
  background: #f74848;
}
.ny-tree-toy-pos.ny-tree-toy-cat-6 .ny-tree-ball {
  background: #BF48F7;
}
.ny-tree-toy-pos.ny-tree-toy-cat-6 .ny-tree-ball:before {
  background: #BF48F7;
}
.ny-tree-toy-pos.ny-tree-toy-cat-7 .ny-tree-ball {
  background: #e3ce17;
}
.ny-tree-toy-pos.ny-tree-toy-cat-7 .ny-tree-ball:before {
  background: #e3ce17;
}
.ny-tree-toy-pos.fresh-toy {
  animation: ny-item-appears 1200ms;
}
.ny-tree-toy-pos.fresh-toy .ny-tree-toy-flash {
  animation: ny-item-flash 5000ms;
}
.ny-tree-toy-pos.disappear {
  animation: ny-item-disappears 10s;
}
.ny-tree-toy {
  transform: scale(1.000001);
  transition: all 0.3s ease-in-out;
}
.ny-tree-toy:hover {
  transform: scale(1.25);
}
.ny-tree-block {
  position: relative;
  padding-left: 0;
  padding-right: 0;
}
.ny-tree-block .ny-tree-bg {
  border: 0;
  width: 100%;
}
.ny-tree-block .ny-tree-bg-bottom-ctr {
  position: absolute;
  display: inline-block;
  left: 0;
  width: 100%;
  bottom: 0;
}
.ny-tree-block .ny-tree-bg-bottom-ctr > img {
  border: 0;
  width: 100%;
}
.ny-tree-block .ny-tree-info {
  position: absolute;
  display: inline-block;
  left: 0;
  width: 100%;
  bottom: 0;
  text-align: center;
  padding-bottom: 1.6vw;
}
.ny-tree-block .ny-tree-info .bignum {
  font-size: 200%;
  color: #419943;
}
.ny-tree-block .ny-tree-info .ny-tree-upgrade-btn {
  min-width: 80%;
}
.ny-tree-block .ny-tree-info .ny-tree-contest-btn {
  min-width: 80%;
}
.ny-tree-block .ny-tree-info .ny-tree-upgrade-btn-ctr {
  position: relative;
}
.ny-tree-block .ny-tree-info .ny-tree-upgrade-btn-ctr .ny-tree-max-pumping {
  position: absolute;
  display: inline-block;
  left: 50%;
  top: 0;
  white-space: nowrap;
  text-align: center;
  padding: 0.75em 1.8em;
  background: #FCD013;
  border-radius: 2px;
  opacity: 0.95;
  color: #333333;
  font-size: 110%;
  transform: translate(-50%, -50%) rotate(-5deg);
}
.ny-tree-block .ny-tree-ctr {
  position: absolute;
  display: inline-block;
  left: 14%;
  width: 72%;
  top: 0%;
}
.ny-tree-block .ny-tree-ctr .ny-tree-layout {
  border: 0;
  width: 100%;
}
.ny-tree-block .ny-tree-ctr .ny-tree-img {
  border: 0;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.ny-tree-block .ny-tree-ctr .ny-tree-toy-pos {
  position: absolute;
  width: 8.9%;
  padding-bottom: 8.3%;
}
.ny-tree-page {
  position: relative;
}
.ny-tree-page .ny-tree-row {
  margin: -10px -10px 10px;
}
.ny-tree-page .ny-tree-upgrade-block {
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 10px;
  margin-top: -10px;
  padding: 0 20px 10px;
  background: #E8FAFE;
}
.ny-tree-page .ny-tree-upgrade-block .panel-body {
  padding-bottom: 20px;
}
.ny-tree-page .ny-tree-upgrade-block .ny-tree-buy-upgrade-btn {
  min-width: 22%;
}
.ny-tree-page .ny-tree-toys-block {
  position: relative;
  background: linear-gradient(180deg, #82E1FF 0%, #A1F1FF 100%);
  border: 1px solid #FFFFFF;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 0 0.5% 1.5% 2.2%;
}
.ny-tree-page.toy-processing .ny-tree-toy {
  cursor: wait !important;
}
.ny-tree-page.toy-processing-show .ny-tree-toy {
  opacity: 0.5 !important;
  transition: opacity 0.3s ease-in-out;
}
.ny-tree-fader {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #777777;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  opacity: 0.25;
}
.snowflake {
  position: absolute;
  background: url('../img/nytree/snowflake.svg') center center no-repeat;
  background-size: 100% 100%;
  width: 1.5vw;
  height: 1.5vw;
  left: 0;
  top: 0;
  transform: translate(-50%, -50%);
}
.ny-tree-office-block {
  background: #90DBFF url('../img/nytree/block-bg.jpg') center center;
  background-size: cover;
}
.ny-tree-office-block .panel-body {
  position: relative;
}
.ny-tree-office-block .col-ny-tree {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 0;
  width: 35%;
  height: 100%;
  background: url('../img/nytree/block-tree-bg.png') center center no-repeat;
  background-size: 100% auto;
}
.ny-tree-office-block .col-ny-tree-badge {
  position: absolute;
  display: inline-block;
  left: 53%;
  top: 85%;
  white-space: nowrap;
  text-align: center;
  padding: 0.5em 1.5em;
  background: #FCD013;
  border-radius: 2px;
  opacity: 0.95;
  color: #333333;
  transform: translate(-50%, -50%) rotate(-5deg);
}
.ny-tree-office-block .col-ny-tree-badge:hover {
  color: #333333;
  text-decoration: none;
}
.ny-tree-office-block .col-info {
  padding: 10px 20px;
}
.ny-tree-office-block .col-info .ny-tree-go-btn {
  min-width: 40%;
}
.ny-tree-office-block .col-info .stats-row {
  margin-right: -10px;
  margin-top: -10px;
}
.ny-tree-office-block .col-info .stats-row .stats-block {
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, #82E1FF 0%, #A1F1FF 100%);
  border: 1px solid #E6E6E6;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 15px 0;
  margin-right: 10px;
  text-align: center;
  white-space: nowrap;
}
.ny-tree-office-block .col-info .stats-row .stats-block .bignum {
  font-size: 200%;
  color: #419943;
}
.ny-tree-office-block .col-info .stats-row .stats-block .snowflake:nth-child(1) {
  left: 87%;
  top: 16%;
  transform: translate(-50%, -50%) scale(0.99);
}
.ny-tree-office-block .col-info .stats-row .stats-block .snowflake:nth-child(2) {
  left: 22%;
  top: 25%;
  transform: translate(-50%, -50%) scale(0.81);
}
.ny-tree-office-block .col-info .stats-row .stats-block .snowflake:nth-child(3) {
  left: 5%;
  top: 48%;
  transform: translate(-50%, -50%) scale(0.62);
}
.ny-tree-office-block .col-info .stats-row .stats-block .snowflake:nth-child(4) {
  left: 86%;
  top: 48%;
  transform: translate(-50%, -50%) scale(0.62);
}
.ny-tree-office-block .col-info .stats-row .stats-block .snowflake:nth-child(5) {
  left: 42%;
  top: 11%;
  transform: translate(-50%, -50%) scale(0.62);
}
.ny-tree-office-block .col-info .stats-row .stats-block .snowflake:nth-child(6) {
  left: 68%;
  top: 8%;
  transform: translate(-50%, -50%) scale(0.42);
}
.ny-tree-profile-block {
  background: #90DBFF;
  padding-top: 0;
}
.ny-tree-profile-block .panel-heading {
  z-index: 1;
  top: -20px;
}
.ny-tree-profile-block .panel-body {
  position: relative;
  padding: 0;
  border-radius: 4px;
}
.ny-tree-profile-block .panel-body .ny-tree-row {
  margin: 0;
}
.ny-tree-profile-block .panel-body .ny-tree-block {
  border-radius: 4px;
  background: #90DBFF url('../img/nytree/bg.jpg') center center;
  background-size: cover;
  padding-bottom: 122%;
}
.ny-tree-profile-block .panel-body .ny-tree-block .ny-tree-ctr {
  left: 0;
  width: 100%;
}
.ny-tree-sidebar-block {
  position: relative;
  background: #90DBFF url('../img/nytree/sidebar-bg.jpg') center center;
  background-size: cover;
  border: 1px solid #FFFFFF;
  border-radius: 5px;
  margin-bottom: 5px;
  padding: 15px 12px 20px;
  color: #333333;
  font-size: 16px;
  line-height: 1.2;
}
.ny-tree-sidebar-block p {
  margin: 0 0 8px;
}
.ny-tree-order-toys {
  position: relative;
  background: #005387 url('../img/nytree/spec-bg.jpg') center center no-repeat;
  background-size: cover;
  border-radius: 5px;
  padding: 25px 0;
  margin: 10px 0 20px;
  min-height: 150px;
  color: #ffffff;
}
.ny-tree-order-toys p {
  font-size: 120%;
  font-weight: bold;
  margin: 0 0 6px;
  padding-left: 20px;
}
.ny-tree-order-toys .btn-primary {
  min-width: 30%;
}
.ny-tree-order-toys .ny-tree-toy-ctr {
  position: relative;
  display: inline-block;
  width: 27%;
  padding-bottom: 25%;
  margin: 10px 0 0 20px;
}
.ny-tree-order-toys .ny-tree-toy-pos {
  position: relative;
  display: inline-block;
  width: 27%;
  padding-bottom: 26.1%;
  left: auto;
  top: auto;
  opacity: 0.95;
  transform: translate(0%, 30%);
}
.ny-tree-order-toys .ny-tree-toy-pos .ny-tree-ball {
  transition: all 0.3s ease-in-out;
  box-shadow: 0px 0 20px rgba(255, 255, 255, 0.99), 0px 0 20px rgba(255, 255, 255, 0.99);
}
.ny-tree-order-toys .ny-tree-toy-pos .ny-tree-toy-cat-label {
  transition: all 0.3s ease-in-out;
  position: absolute;
  display: inline-block;
  transform: translateX(-50%);
  top: 100%;
  left: 50%;
  bottom: auto;
  width: auto;
  height: auto;
  box-shadow: -10px 0 20px rgba(255, 255, 255, 0.99), 10px 0 20px rgba(255, 255, 255, 0.99);
}
.ny-tree-order-toys .ny-tree-toy-pos:hover .ny-tree-ball {
  transform: scale(1.25);
}
.ny-tree-order-toys .ny-tree-toy-pos:hover .ny-tree-toy-cat-label {
  filter: brightness(130%);
  box-shadow: -10px 0 20px rgba(255, 255, 255, 0.99), 10px 0 20px rgba(255, 255, 255, 0.99), 0px 0 20px rgba(255, 255, 255, 0.99);
}
.ny-tree-toy-ctr {
  position: relative;
  display: inline-block;
  width: 8.9%;
  padding-bottom: 8.3%;
  margin: 0 0.95% 1% 0;
  background: #FFFFFF;
  border: 2px solid #E6E6E6;
  box-sizing: border-box;
  border-radius: 4px;
}
.ny-tree-toy-ctr .ny-tree-toy {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
}
.ny-tree-toy-ctr .ny-tree-toy > img {
  width: 100%;
}
.ny-tree-toy-ctr .ny-tree-toy-counter {
  position: absolute;
  top: -2px;
  right: -2px;
  background: #E6E6E6;
  color: #333333;
  border-radius: 0 4px;
  font-size: 85%;
  line-height: 100%;
  padding: 2px 5px 5px;
  opacity: 0.9;
}
.ny-tree-toy-ctr.ny-tree-toy-cat-1 {
  border-color: #A4A4A4;
  background: radial-gradient(50% 50% at 50% 50%, #C4C4C4 0%, #A4A4A4 100%);
}
.ny-tree-toy-ctr.ny-tree-toy-cat-1 .ny-tree-toy-counter {
  background: linear-gradient(180deg, #C4C4C4 0%, #A4A4A4 100%);
  box-shadow: -1px 4px 4px rgba(0, 0, 0, 0.25);
  color: #333333;
}
.ny-tree-toy-ctr.ny-tree-toy-cat-2 {
  border-color: #397B00;
  background: radial-gradient(50% 50% at 50% 50%, #419943 0%, #397B00 100%);
}
.ny-tree-toy-ctr.ny-tree-toy-cat-2 .ny-tree-toy-counter {
  background: linear-gradient(180deg, #419943 0%, #397B00 100%);
  box-shadow: -1px 4px 4px rgba(0, 0, 0, 0.25);
  color: #FFFFFF;
}
.ny-tree-toy-ctr.ny-tree-toy-cat-3 {
  border-color: #2872CC;
  background: radial-gradient(50% 50% at 50% 50%, #3584E6 0%, #2872CC 100%);
}
.ny-tree-toy-ctr.ny-tree-toy-cat-3 .ny-tree-toy-counter {
  background: linear-gradient(180deg, #3584E6 0%, #2872CC 100%);
  box-shadow: -1px 4px 4px rgba(0, 0, 0, 0.25);
  color: #FFFFFF;
}
.ny-tree-toy-ctr.ny-tree-toy-cat-4 {
  border-color: #f08220;
  background: radial-gradient(50% 50% at 50% 50%, #f7ac6a 0%, #f08220 100%);
}
.ny-tree-toy-ctr.ny-tree-toy-cat-4 .ny-tree-toy-counter {
  background: linear-gradient(180deg, #f7ac6a 0%, #f08220 100%);
  box-shadow: -1px 4px 4px rgba(0, 0, 0, 0.25);
  color: #FFFFFF;
}
.ny-tree-toy-ctr.ny-tree-toy-cat-5 {
  border-color: #f74848;
  background: radial-gradient(50% 50% at 50% 50%, #ff7070 0%, #f74848 100%);
}
.ny-tree-toy-ctr.ny-tree-toy-cat-5 .ny-tree-toy-counter {
  background: linear-gradient(180deg, #ff7070 0%, #f74848 100%);
  box-shadow: -1px 4px 4px rgba(0, 0, 0, 0.25);
  color: #FFFFFF;
}
.ny-tree-toy-ctr.ny-tree-toy-cat-6 {
  border-color: #BF48F7;
  background: radial-gradient(50% 50% at 50% 50%, #C070FF 0%, #BF48F7 100%);
}
.ny-tree-toy-ctr.ny-tree-toy-cat-6 .ny-tree-toy-counter {
  background: linear-gradient(180deg, #C070FF 0%, #BF48F7 100%);
  box-shadow: -1px 4px 4px rgba(0, 0, 0, 0.25);
  color: #FFFFFF;
}
.ny-tree-toy-ctr.ny-tree-toy-cat-7 {
  border-color: #e3ce17;
  background: radial-gradient(50% 50% at 50% 50%, #f2e679 0%, #e3ce17 100%);
}
.ny-tree-toy-ctr.ny-tree-toy-cat-7 .ny-tree-toy-counter {
  background: linear-gradient(180deg, #f2e679 0%, #e3ce17 100%);
  box-shadow: -1px 4px 4px rgba(0, 0, 0, 0.25);
  color: #FFFFFF;
}
.ny-tree-toy-cat-label {
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 14px;
  white-space: nowrap;
}
.ny-tree-toy-cat-label-1 {
  border-color: #A4A4A4;
  background: #A4A4A4;
  color: #333333;
  text-shadow: -1px 0px 4px rgba(255, 255, 255, 0.5), 1px 0px 4px rgba(255, 255, 255, 0.5);
}
.ny-tree-toy-cat-label-2 {
  border-color: #397B00;
  background: #397B00;
  color: #FFFFFF;
  text-shadow: -1px 0px 4px rgba(255, 255, 255, 0), 1px 0px 4px rgba(255, 255, 255, 0);
}
.ny-tree-toy-cat-label-3 {
  border-color: #2872CC;
  background: #2872CC;
  color: #FFFFFF;
  text-shadow: -1px 0px 4px rgba(255, 255, 255, 0), 1px 0px 4px rgba(255, 255, 255, 0);
}
.ny-tree-toy-cat-label-4 {
  border-color: #f08220;
  background: #f08220;
  color: #FFFFFF;
  text-shadow: -1px 0px 4px rgba(255, 255, 255, 0), 1px 0px 4px rgba(255, 255, 255, 0);
}
.ny-tree-toy-cat-label-5 {
  border-color: #f74848;
  background: #f74848;
  color: #FFFFFF;
  text-shadow: -1px 0px 4px rgba(255, 255, 255, 0), 1px 0px 4px rgba(255, 255, 255, 0);
}
.ny-tree-toy-cat-label-6 {
  border-color: #BF48F7;
  background: #BF48F7;
  color: #FFFFFF;
  text-shadow: -1px 0px 4px rgba(255, 255, 255, 0), 1px 0px 4px rgba(255, 255, 255, 0);
}
.ny-tree-toy-cat-label-7 {
  border-color: #e3ce17;
  background: #e3ce17;
  color: #FFFFFF;
  text-shadow: -1px 0px 4px rgba(255, 255, 255, 0), 1px 0px 4px rgba(255, 255, 255, 0);
}
.alert-icon {
  border-radius: 50%;
  height: 90px;
  text-align: center;
  line-height: 90px;
}
.alert-icon i {
  line-height: 90px;
}
.alert-info-full .alert-icon {
  color: #125f9a;
}
.buildings-container .building-model-block,
.buildings-container .ground-model-block {
  margin-bottom: 10px;
  transition: all ease-in-out 0.15s;
}
.buildings-container .building-model-block .item-content,
.buildings-container .ground-model-block .item-content {
  min-height: 0px;
  position: relative;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.buildings-container .building-model-block.building-model-info-block .item-content,
.buildings-container .ground-model-block.building-model-info-block .item-content {
  min-height: 0px;
  padding-bottom: 0px;
}
.buildings-container .building-model-block .description-block,
.buildings-container .ground-model-block .description-block {
  padding-bottom: 0;
}
.buildings-container .building-model-block .image-block,
.buildings-container .ground-model-block .image-block {
  height: 90px;
}
.buildings-container .title {
  font-size: 20px;
}
.ground-info-container .ground-info-block {
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin-bottom: 0;
}
.ground-info-container .ground-info-block:before {
  content: "";
  position: absolute;
  top: -30px;
  left: -20px;
  right: -20px;
  bottom: -60px;
  background-image: url(../img/extended_company.png);
  background-position: center center;
  background-size: cover;
  filter: blur(5px);
  z-index: -1;
  opacity: 0.2;
}
.ground-info-container .image-block {
  border-radius: 50%;
  border: 1px solid #f5f5f5;
  background: #f5f5f5;
}
.grounds-outer-container {
  background: url("../img/buildings/ground_mask.jpg");
  background-repeat: repeat;
}
.ground-model-outer-block.ground-block-company {
  position: relative;
  float: left;
  width: 25%;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0;
}
.ground-model-outer-block.ground-block-user {
  position: relative;
  float: left;
  width: 50%;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0;
}
.ground-model-block {
  width: 100%;
  height: 0;
  position: relative;
  display: block;
  padding-bottom: 80%;
}
.ground-model-block .mask {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border: 1px solid rgba(255, 255, 255, 0.1);
  cursor: pointer;
  background: rgba(0, 0, 0, 0.3);
}
.ground-model-block:not(.bought):hover .mask {
  border-color: rgba(255, 255, 255, 0.5);
  background-color: rgba(255, 255, 255, 0.1);
}
.ground-model-block.bought:hover .mask {
  border-color: rgba(255, 255, 255, 0.5);
  background-color: rgba(255, 255, 255, 0.1);
}
.ground-model-block:hover .collapse {
  display: block;
}
.ground-model-block:hover .collapse.in {
  display: none;
}
.ground-model-block.bought .mask {
  background: transparent;
}
.ground-model-block .btn-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ground-model-block .btn {
  box-shadow: none;
  cursor: pointer;
}
.ground-model-block .btn-link {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  white-space: nowrap;
  opacity: 0.7;
  text-decoration: none;
}
.ground-model-block .btn-link:hover {
  opacity: 1;
  -webkit-filter: brightness(1);
  filter: brightness(1);
}
.ground-model-block .stat-tooltip {
  position: absolute;
  top: 10px;
  left: 10px;
  background: rgba(255, 255, 255, 0.5);
  display: inline-block;
  padding: 1px 5px;
  border-radius: 3px;
  transition: all 0.2s ease-in-out;
}
.ground-model-block .health-info {
  background: rgba(255, 255, 255, 0.6);
  display: inline-block;
  border-radius: 3px;
  padding: 1px 5px;
}
.ground-model-block .health-info.bg-danger {
  background: rgba(242, 222, 222, 0.6) !important;
}
.ground-model-block .health-info.bg-warning {
  background: rgba(252, 248, 227, 0.6) !important;
}
.ground-model-block .bottom-container {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  transition: all 0.2s ease-in-out;
}
.ground-model-block .destroyed-container {
  position: absolute;
  left: 50%;
  top: 65%;
  transform: translate(-50%, -50%);
}
.ground-model-block .self-service-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 5px;
}
.ground-model-block .self-service-container .progress,
.ground-model-block .self-service-container .progress {
  height: 18px;
}
.ground-model-block .self-service-container .progress-bar-help {
  top: 0;
  text-shadow: 1px 1px 1px black;
  font-size: 14px;
}
.ground-model-block .service-container {
  position: absolute;
  left: 50%;
  bottom: 5px;
  transform: translateX(-50%);
}
.ground-model-block .label-level {
  top: 10px;
  right: 10px;
}
.ground-model-block .id-info {
  padding: 1px 5px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 3px;
}
.ground-model-block .ability-info {
  width: 100%;
  background: rgba(255, 255, 255, 0.75);
}
.ground-model-block:hover .stat-tooltip,
.ground-model-block:hover .bottom-container {
  opacity: 1;
}
.building-block {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.building-block.destroyed {
  background: rgba(0, 0, 0, 0.66);
  filter: brightness(0.5) !important;
}
.building-block:hover {
  -webkit-filter: brightness(0.9);
  filter: brightness(0.9);
}
.building-block .img-block {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.building-block .img-block .img {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: -15px;
  right: 0;
  left: 0;
  bottom: 0;
}
.panel-building .img-block {
  height: 200px;
}
.panel-building .img-block .img {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 0px;
  right: 0;
  left: 0;
  bottom: 0;
}
.modal .ground-inner-block .img-block,
.modal .building-inner-block .img-block {
  height: 150px;
}
.modal .ground-inner-block .img-block .img,
.modal .building-inner-block .img-block .img {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 0px;
  right: 0;
  left: 0;
  bottom: 0;
}
.user-buildings-block,
.company-buildings-block {
  padding: 10px;
}
.user-buildings-block .img-block,
.company-buildings-block .img-block {
  position: relative;
  float: left;
  width: 20%;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  float: none;
}
.panel-office-buildings .panel-body {
  padding: 0;
}
.panel-office-buildings .panel-heading {
  z-index: 1;
}
.user-buildings-block {
  margin-top: -20px;
  z-index: 0;
  padding: 30px 10px 10px;
}
.auction-section .timer {
  font-size: 50px;
}
.section-police .panel-police {
  margin-top: 30px;
}
@media (min-width: 768px) {
  .section-police .panel-police {
    margin-top: 0;
  }
}
.section-police .panel-police .panel-content:before {
  content: "";
  background-image: url(../img/police/star3.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: -30px;
  right: 45px;
  width: 100px;
  height: 100px;
}
.section-police .panel-police .panel-content .panel-body + .panel-body {
  border-top: 0;
  padding-top: 5px;
}
.section-police .panel-police .panel-content .panel-body + .panel-body .col-xs-12:last-child .alert-recruit-prize {
  margin-bottom: 0;
}
.ico-police-star {
  background-image: url(../img/police/star3.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 70px;
  height: 70px;
  position: absolute;
  top: 5px;
  left: -15px;
}
.building-level-badge {
  background-color: white;
  font-size: 16px;
  padding: 0;
  color: #f74877;
  width: 25px;
  height: 25px;
  line-height: 21px;
  border-radius: 50%;
  display: inline-block;
  font-family: 'PT Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-shadow: none;
  border: #e9eaf0 1px solid;
  font-weight: bold;
}
.position-top-right {
  position: absolute;
  top: -10px;
  right: 0;
}
.job-company-badge {
  position: absolute;
  top: -15px;
  right: 0;
}
.job-work-button-badge {
  position: absolute;
  top: -3px;
  right: -3px;
}
.main-flex-sheet {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.main-flex-sheet .flex-sheet {
  display: flex;
  width: 79%;
  min-width: 200px;
  align-items: center;
  justify-content: space-around;
  flex-direction: row;
  flex-wrap: wrap;
}
.main-flex-sheet .flex-sheet > div {
  flex: 1 1 50%;
  height: 50%;
  padding: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 575px) {
  .main-flex-sheet .flex-sheet > div > p > span {
    font-size: 10px;
  }
}
a img.building-img {
  width: 90%;
  position: relative;
  z-index: 1;
  bottom: 17px;
  margin: 0 auto;
}
@media (max-width: 700px) {
  a img.building-img {
    bottom: 12px;
  }
}
@media (min-width: 700px) {
  .text-uppercase-lg {
    text-transform: uppercase !important;
  }
}
@media (max-width: 700px) {
  .polis-content {
    font-size: 12px;
  }
}
.polis-content .build-container {
  min-height: 77px;
}
.polis-content .ground {
  width: 100%;
  position: absolute;
  left: 0;
}
.polis-content .ground.no-building {
  bottom: 0;
}
.building-repair-state-badge {
  opacity: 0.9;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  color: white !important;
  border-radius: 4px;
  position: absolute;
  font-size: 8px;
  text-align: center;
  line-height: 1.2;
  padding: 3px 0;
}
.company-custom .building-repair-state-badge {
  font-size: 13px;
}
.alert-recruit-prize .img-taxi {
  top: -40px;
  left: -20px;
  right: -20px;
  bottom: -40px;
}
.alert-recruit-prize .img-taxi-container {
  padding-bottom: 60%;
}
.alert-recruit-prize .line-height-13 {
  line-height: 1.3;
}
.alert-sidebar-police {
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.45) 0%, #f8f9fb 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.45) 0%, #f8f9fb 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.45) 0%, #f8f9fb 100%);
  height: 65px;
  border-radius: 3px;
}
.alert-sidebar-police .crime-level {
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-size: 35px;
  font-weight: bold;
  display: block;
  position: absolute;
  top: 5px;
  left: 45px;
  text-shadow: 1px 1px 0px #5f5f5f;
}
.alert-sidebar-police .ico {
  width: 50px;
  height: 50px;
  top: 5px;
  left: 0px;
}
.table-robs.table-company-orders .col-id {
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  max-width: 100px;
  min-width: 100px;
  width: 100px;
}
.table-robs.table-company-orders .col-rob-status {
  max-width: 120px;
  min-width: 120px;
  width: 120px;
}
.table-robs.table-company-orders .col-taxi {
  max-width: 180px;
  min-width: 180px;
  width: 180px;
}
.table-robs.table-company-orders .col-order-price {
  max-width: 150px;
  min-width: 150px;
  width: 150px;
}
.countdown-main .countdown {
  height: 65px;
  font-size: 40px;
  text-align: center;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.countdown-main .countdown .timer {
  white-space: nowrap;
}
.countdown-main .countdown .timer > span {
  display: inline-block;
  width: 100px;
}
.countdown-xs .countdown {
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.countdown-xs .countdown .timer {
  white-space: nowrap;
}
.countdown-xs .countdown .timer > span {
  display: inline-block;
  width: 30px;
}
.countdown-xs.countdown-xs-days {
  font-size: 15px;
}
.countdown-xs.countdown-xs-days .timer > span {
  width: 26px;
}
.recruit-container {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1002;
}
.recruit-container .recruit-block {
  position: relative;
  display: block;
  text-align: center;
}
.recruit-container .recruit-police-block {
  width: 440px;
  margin: auto;
  background: rgba(114, 120, 142, 0.87);
  border: 1px solid #7e7e7e;
  border-radius: 11px;
  border-bottom-right-radius: 0;
  border-bottom: 0;
  color: white;
}
.recruit-container .recruit-police-block .close {
  position: absolute;
  right: 410px;
  top: -55px;
  color: #f74877;
  border: 2px solid #f74877;
  opacity: 1;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  font-size: 16px;
  background: white;
}
@media (min-width: 768px) {
  .recruit-container .recruit-police-block .close {
    position: absolute;
    right: -20px;
    top: -15px;
    color: #f74877;
    background: transparent;
    border: 2px solid #f74877;
    opacity: 1;
    border-radius: 50%;
    width: 23px;
    height: 23px;
    font-size: 13px;
  }
}
.recruit-container .recruit-police-block i.ico {
  background-image: url("../img/police/star3.png");
  background-position: left bottom;
  background-size: contain;
  background-repeat: no-repeat;
  width: 85px;
  height: 100px;
  position: absolute;
  left: -34px;
  bottom: -10px;
}
.recruit-container .recruit-police-block p {
  padding-left: 50px;
  margin-bottom: 0;
  height: 40px;
  line-height: 20px;
  font-size: 16px;
}
.recruit-container .recruit-police-block .btn {
  margin-top: 0;
  box-shadow: none;
  line-height: 40px;
  padding: 0 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.section-recruit .alert-prize .img-taxi {
  top: -55px;
  left: -35px;
  right: -35px;
  bottom: -55px;
}
.section-recruit .alert-prize .img-taxi-container {
  padding-bottom: 56%;
}
.section-recruit .ico {
  left: 10px;
  top: 0px;
}
.backdrop-loading {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.backdrop-loading-default {
  background: rgba(255, 255, 255, 0.3);
  color: #545454;
  cursor: not-allowed;
  z-index: 800;
}
.backdrop-loading-default i {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  border-radius: 50%;
  text-align: center;
  font-size: 20px;
  line-height: 40px;
  z-index: 800;
  text-shadow: 0px 0px 1px black;
  color: #f74877;
}
.gifts .buy-section .info-block ul li {
  text-align: left;
}
.gifts .my-coupons h5 {
  margin-top: 0;
  font-size: 20px;
}
.alert-sidebar-fifa {
  background-image: -webkit-linear-gradient(top, #8e070a 0%, #d41a1d 100%);
  background-image: -o-linear-gradient(top, #8e070a 0%, #d41a1d 100%);
  background-image: linear-gradient(to bottom, #8e070a 0%, #d41a1d 100%);
  height: 65px;
  border-radius: 3px;
  color: white;
  position: relative;
  margin-top: 86px;
}
.alert-sidebar-fifa .ico-fifa {
  background: url(../img/fifa/fifa_logo.png);
  background-size: contain;
  top: -96px;
  bottom: 0;
  z-index: 1;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center center;
  right: 0;
  left: 37px;
  height: 109px;
  width: 150px;
}
.ico-flag {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-color: white;
  border-radius: 50%;
  border: 3px solid white;
}
.ico-flag.ico-flag-ar {
  background-image: url("../img/fifa/flag/AR.png");
}
.ico-flag.ico-flag-be {
  background-image: url("../img/fifa/flag/BE.png");
}
.ico-flag.ico-flag-ch {
  background-image: url("../img/fifa/flag/CH.png");
}
.ico-flag.ico-flag-cr {
  background-image: url("../img/fifa/flag/CR.png");
}
.ico-flag.ico-flag-dk {
  background-image: url("../img/fifa/flag/DK.png");
}
.ico-flag.ico-flag-es {
  background-image: url("../img/fifa/flag/ES.png");
}
.ico-flag.ico-flag-gb-eng {
  background-image: url("../img/fifa/flag/GB.png");
}
.ico-flag.ico-flag-ir {
  background-image: url("../img/fifa/flag/IR.png");
}
.ico-flag.ico-flag-jp {
  background-image: url("../img/fifa/flag/JP.png");
}
.ico-flag.ico-flag-ma {
  background-image: url("../img/fifa/flag/MA.png");
}
.ico-flag.ico-flag-ng {
  background-image: url("../img/fifa/flag/NG.png");
}
.ico-flag.ico-flag-pe {
  background-image: url("../img/fifa/flag/PE.png");
}
.ico-flag.ico-flag-pt {
  background-image: url("../img/fifa/flag/PT.png");
}
.ico-flag.ico-flag-ru {
  background-image: url("../img/fifa/flag/RU.png");
}
.ico-flag.ico-flag-se {
  background-image: url("../img/fifa/flag/SE.png");
}
.ico-flag.ico-flag-tn {
  background-image: url("../img/fifa/flag/TN.png");
}
.ico-flag.ico-flag-au {
  background-image: url("../img/fifa/flag/AU.png");
}
.ico-flag.ico-flag-br {
  background-image: url("../img/fifa/flag/BR.png");
}
.ico-flag.ico-flag-co {
  background-image: url("../img/fifa/flag/CO.png");
}
.ico-flag.ico-flag-de {
  background-image: url("../img/fifa/flag/DE.png");
}
.ico-flag.ico-flag-eg {
  background-image: url("../img/fifa/flag/EG.png");
}
.ico-flag.ico-flag-fr {
  background-image: url("../img/fifa/flag/FR.png");
}
.ico-flag.ico-flag-hr {
  background-image: url("../img/fifa/flag/HR.png");
}
.ico-flag.ico-flag-is {
  background-image: url("../img/fifa/flag/IS.png");
}
.ico-flag.ico-flag-kr {
  background-image: url("../img/fifa/flag/KR.png");
}
.ico-flag.ico-flag-mx {
  background-image: url("../img/fifa/flag/MX.png");
}
.ico-flag.ico-flag-pa {
  background-image: url("../img/fifa/flag/PA.png");
}
.ico-flag.ico-flag-pl {
  background-image: url("../img/fifa/flag/PL.png");
}
.ico-flag.ico-flag-rs {
  background-image: url("../img/fifa/flag/RS.png");
}
.ico-flag.ico-flag-sa {
  background-image: url("../img/fifa/flag/SA.png");
}
.ico-flag.ico-flag-sn {
  background-image: url("../img/fifa/flag/SN.png");
}
.ico-flag.ico-flag-uy {
  background-image: url("../img/fifa/flag/UY.png");
}
.fifa-events-container {
  max-height: 175px;
  overflow: scroll;
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
}
.fifa-event {
  background: white;
  border-radius: 3px;
  padding: 10px;
}
.fifa-event + .fifa-event {
  margin-top: 15px;
}
.fifa-event time {
  font-size: 12px;
  color: #888888;
}
.map-race {
  background-image: url(../img/race/mask.jpg);
  background-repeat: no-repeat;
  /* background-size: cover; */
  height: 670px;
  padding-top: 150px;
  position: relative;
  background-position: top center;
}
.map-race .header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.58);
  padding: 10px;
  color: white;
}
.map-race .header .btn {
  box-shadow: none;
}
@media (max-width: 991px) {
  .map-race .header .small {
    font-size: 70%;
  }
}
.map-race .notice-block {
  position: absolute;
  background: #676b7d;
  color: white;
  left: 50%;
  top: 50%;
  font-size: 20px;
  transform: translate(-50%, -50%);
  width: 470px;
  border-radius: 10px;
  box-shadow: 5px 10px 15px 6px black;
  padding: 20px;
}
.map-race .notice-block.notice-big {
  font-size: 40px;
}
.map-race .footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.58);
  padding: 10px;
  color: white;
}
.map-race .footer .btn {
  box-shadow: none;
}
.block-racer {
  display: block;
  height: 40px;
  position: relative;
}
.block-racer.main {
  background: rgba(204, 204, 204, 0.16);
}
.block-racer .img-block {
  width: 100px;
}
.block-racer .racer {
  position: absolute;
  top: -23px;
}
@media (min-width: 992px) {
  .block-racer .img-block {
    width: 200px;
  }
  .block-racer .racer {
    position: absolute;
    top: -67px;
  }
}
.block-racer .info-block {
  position: absolute;
  top: 50%;
  right: 0px;
  text-align: center;
  background: rgba(115, 121, 145, 0.72);
  padding: 3px;
  border-radius: 4px;
  font-size: 100%;
  color: white;
  transform: translate(100%, -50%);
  box-shadow: 0px 1px 1px black;
  line-height: 1.2;
}
.block-racer .info-block a {
  text-decoration: none;
}
.block-racer .info-block a:hover {
  text-decoration: underline;
  color: #fbbc23;
}
.content-race {
  margin: -10px;
}
.service-station.theme-1 .header:before {
  background-image: url("../img/company/1.png");
}
.service-station.theme-1 .bg-theme {
  color: white;
  background: #000;
}
.service-station.theme-1 .bg-theme a.text-link {
  color: white;
}
.change-theme .btn-theme.btn-theme-1 {
  background-image: url("../img/company/1.png");
  background-repeat: repeat;
  background-position: center -1px;
  background-origin: border-box;
  opacity: 0.7;
}
.change-theme .btn-theme.btn-theme-1.active,
.change-theme .btn-theme.btn-theme-1:active {
  background-image: url("../img/company/1.png");
  background-repeat: repeat;
  background-position: center -1px;
  opacity: 1;
}
.service-station.theme-2 .header:before {
  background-image: url("../img/company/2.png");
}
.service-station.theme-2 .bg-theme {
  color: white;
  background: #689c17;
}
.service-station.theme-2 .bg-theme a.text-link {
  color: white;
}
.change-theme .btn-theme.btn-theme-2 {
  background-image: url("../img/company/2.png");
  background-repeat: repeat;
  background-position: center -1px;
  background-origin: border-box;
  opacity: 0.7;
}
.change-theme .btn-theme.btn-theme-2.active,
.change-theme .btn-theme.btn-theme-2:active {
  background-image: url("../img/company/2.png");
  background-repeat: repeat;
  background-position: center -1px;
  opacity: 1;
}
.service-station.theme-3 .header:before {
  background-image: url("../img/company/3.png");
}
.service-station.theme-3 .bg-theme {
  color: black;
  background: #e2b600;
}
.service-station.theme-3 .bg-theme a.text-link {
  color: black;
}
.change-theme .btn-theme.btn-theme-3 {
  background-image: url("../img/company/3.png");
  background-repeat: repeat;
  background-position: center -1px;
  background-origin: border-box;
  opacity: 0.7;
}
.change-theme .btn-theme.btn-theme-3.active,
.change-theme .btn-theme.btn-theme-3:active {
  background-image: url("../img/company/3.png");
  background-repeat: repeat;
  background-position: center -1px;
  opacity: 1;
}
.service-station.theme-4 .header:before {
  background-image: url("../img/company/4.png");
}
.service-station.theme-4 .bg-theme {
  color: white;
  background: rgba(99, 87, 96, 0.95);
}
.service-station.theme-4 .bg-theme a.text-link {
  color: white;
}
.change-theme .btn-theme.btn-theme-4 {
  background-image: url("../img/company/4.png");
  background-repeat: repeat;
  background-position: center -1px;
  background-origin: border-box;
  opacity: 0.7;
}
.change-theme .btn-theme.btn-theme-4.active,
.change-theme .btn-theme.btn-theme-4:active {
  background-image: url("../img/company/4.png");
  background-repeat: repeat;
  background-position: center -1px;
  opacity: 1;
}
.service-station.theme-5 .header:before {
  background-image: url("../img/company/5.png");
}
.service-station.theme-5 .bg-theme {
  color: white;
  background: #a0963a;
}
.service-station.theme-5 .bg-theme a.text-link {
  color: white;
}
.change-theme .btn-theme.btn-theme-5 {
  background-image: url("../img/company/5.png");
  background-repeat: repeat;
  background-position: center -1px;
  background-origin: border-box;
  opacity: 0.7;
}
.change-theme .btn-theme.btn-theme-5.active,
.change-theme .btn-theme.btn-theme-5:active {
  background-image: url("../img/company/5.png");
  background-repeat: repeat;
  background-position: center -1px;
  opacity: 1;
}
.service-station.theme-6 .header:before {
  background-image: url("../img/company/6.png");
}
.service-station.theme-6 .bg-theme {
  color: white;
  background: #ee831f;
}
.service-station.theme-6 .bg-theme a.text-link {
  color: white;
}
.change-theme .btn-theme.btn-theme-6 {
  background-image: url("../img/company/6.png");
  background-repeat: repeat;
  background-position: center -1px;
  background-origin: border-box;
  opacity: 0.7;
}
.change-theme .btn-theme.btn-theme-6.active,
.change-theme .btn-theme.btn-theme-6:active {
  background-image: url("../img/company/6.png");
  background-repeat: repeat;
  background-position: center -1px;
  opacity: 1;
}
.service-station.theme-7 .header:before {
  background-image: url("../img/company/7.png");
}
.service-station.theme-7 .bg-theme {
  color: white;
  background: #b69c87;
}
.service-station.theme-7 .bg-theme a.text-link {
  color: white;
}
.change-theme .btn-theme.btn-theme-7 {
  background-image: url("../img/company/7.png");
  background-repeat: repeat;
  background-position: center -1px;
  background-origin: border-box;
  opacity: 0.7;
}
.change-theme .btn-theme.btn-theme-7.active,
.change-theme .btn-theme.btn-theme-7:active {
  background-image: url("../img/company/7.png");
  background-repeat: repeat;
  background-position: center -1px;
  opacity: 1;
}
.service-station.theme-8 .header:before {
  background-image: url("../img/company/8.png");
}
.service-station.theme-8 .bg-theme {
  color: black;
  background: #e9ebe3;
}
.service-station.theme-8 .bg-theme a.text-link {
  color: black;
}
.change-theme .btn-theme.btn-theme-8 {
  background-image: url("../img/company/8.png");
  background-repeat: repeat;
  background-position: center -1px;
  background-origin: border-box;
  opacity: 0.7;
}
.change-theme .btn-theme.btn-theme-8.active,
.change-theme .btn-theme.btn-theme-8:active {
  background-image: url("../img/company/8.png");
  background-repeat: repeat;
  background-position: center -1px;
  opacity: 1;
}
.service-station.theme-9 .header:before {
  background-image: url("../img/company/9.png");
}
.service-station.theme-9 .bg-theme {
  color: white;
  background: #d69728;
}
.service-station.theme-9 .bg-theme a.text-link {
  color: white;
}
.change-theme .btn-theme.btn-theme-9 {
  background-image: url("../img/company/9.png");
  background-repeat: repeat;
  background-position: center -1px;
  background-origin: border-box;
  opacity: 0.7;
}
.change-theme .btn-theme.btn-theme-9.active,
.change-theme .btn-theme.btn-theme-9:active {
  background-image: url("../img/company/9.png");
  background-repeat: repeat;
  background-position: center -1px;
  opacity: 1;
}
.service-station.theme-10 .header:before {
  background-image: url("../img/company/10.png");
}
.service-station.theme-10 .bg-theme {
  color: white;
  background: black;
}
.service-station.theme-10 .bg-theme a.text-link {
  color: white;
}
.change-theme .btn-theme.btn-theme-10 {
  background-image: url("../img/company/10.png");
  background-repeat: repeat;
  background-position: center -1px;
  background-origin: border-box;
  opacity: 0.7;
}
.change-theme .btn-theme.btn-theme-10.active,
.change-theme .btn-theme.btn-theme-10:active {
  background-image: url("../img/company/10.png");
  background-repeat: repeat;
  background-position: center -1px;
  opacity: 1;
}
.service-station .header {
  position: relative;
}
.service-station .header:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-repeat: repeat;
  background-position: center -1px;
}
.service-station .header .block {
  z-index: 2;
  position: relative;
  height: 45px;
}
.service-station .header .block + .block {
  margin-top: -20px;
  z-index: 1;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 22px;
  border-bottom-right-radius: 22px;
}
.service-station .header .rating {
  padding-top: 12px;
}
.service-station .header .text-user-name {
  max-width: 100px;
}
.service-station .header .image {
  position: relative;
  border: 1px solid #ccc;
}
.service-station .header .info {
  padding: 10px;
  position: absolute;
  top: 0;
  left: 0;
}
.service-station .header .controls {
  padding: 10px;
  position: absolute;
  top: 0;
  right: 0;
}
.service-station .header .balance {
  text-align: center;
}
.service-station .cost-block .progress,
.service-station .cost-block .progress {
  height: 16px;
}
.service-station .cost-block .progress-bar.progress-bar-deposit,
.service-station .cost-block .progress-bar.progress-bar-deposit,
.service-station .cost-block .progress-custom .progress-bar.progress-bar-deposit,
.service-station .cost-block .progress-custom-sm .progress-bar.progress-bar-deposit,
.service-station .cost-block .progress-custom .progress-bar.progress-bar-deposit,
.service-station .cost-block .progress-custom-sm .progress-bar.progress-bar-deposit,
.service-station .cost-block .progress-custom .progress-bar.progress-bar-deposit,
.service-station .cost-block .progress-custom-sm .progress-custom .progress-bar.progress-bar-deposit,
.service-station .cost-block .progress-custom-sm .progress-bar.progress-bar-deposit,
.service-station .cost-block .progress-custom .progress-custom-sm .progress-bar.progress-bar-deposit,
.service-station .cost-block .progress-custom-sm .progress-custom .progress-bar.progress-bar-deposit,
.service-station .cost-block .progress-custom .progress-custom-sm .progress-bar.progress-bar-deposit,
.service-station .cost-block .progress-custom-sm .progress-custom .progress-bar.progress-bar-deposit,
.service-station .cost-block .progress-custom-sm .progress-custom .progress-bar.progress-bar-deposit,
.service-station .cost-block .progress-custom .progress-custom-sm .progress-bar.progress-bar-deposit,
.service-station .cost-block .progress-custom .progress-custom-sm .progress-bar.progress-bar-deposit {
  background-color: #3584e6;
}
.service-station .cost-block .progress-bar.progress-bar-passenger,
.service-station .cost-block .progress-bar.progress-bar-passenger,
.service-station .cost-block .progress-custom .progress-bar.progress-bar-passenger,
.service-station .cost-block .progress-custom-sm .progress-bar.progress-bar-passenger,
.service-station .cost-block .progress-custom .progress-bar.progress-bar-passenger,
.service-station .cost-block .progress-custom-sm .progress-bar.progress-bar-passenger,
.service-station .cost-block .progress-custom .progress-bar.progress-bar-passenger,
.service-station .cost-block .progress-custom-sm .progress-custom .progress-bar.progress-bar-passenger,
.service-station .cost-block .progress-custom-sm .progress-bar.progress-bar-passenger,
.service-station .cost-block .progress-custom .progress-custom-sm .progress-bar.progress-bar-passenger,
.service-station .cost-block .progress-custom-sm .progress-custom .progress-bar.progress-bar-passenger,
.service-station .cost-block .progress-custom .progress-custom-sm .progress-bar.progress-bar-passenger,
.service-station .cost-block .progress-custom-sm .progress-custom .progress-bar.progress-bar-passenger,
.service-station .cost-block .progress-custom-sm .progress-custom .progress-bar.progress-bar-passenger,
.service-station .cost-block .progress-custom .progress-custom-sm .progress-bar.progress-bar-passenger,
.service-station .cost-block .progress-custom .progress-custom-sm .progress-bar.progress-bar-passenger {
  background-color: #fbbc23;
}
.service-station .cost-block .progress-bar.progress-bar-real,
.service-station .cost-block .progress-bar.progress-bar-real,
.service-station .cost-block .progress-custom .progress-bar.progress-bar-real,
.service-station .cost-block .progress-custom-sm .progress-bar.progress-bar-real,
.service-station .cost-block .progress-custom .progress-bar.progress-bar-real,
.service-station .cost-block .progress-custom-sm .progress-bar.progress-bar-real,
.service-station .cost-block .progress-custom .progress-bar.progress-bar-real,
.service-station .cost-block .progress-custom-sm .progress-custom .progress-bar.progress-bar-real,
.service-station .cost-block .progress-custom-sm .progress-bar.progress-bar-real,
.service-station .cost-block .progress-custom .progress-custom-sm .progress-bar.progress-bar-real,
.service-station .cost-block .progress-custom-sm .progress-custom .progress-bar.progress-bar-real,
.service-station .cost-block .progress-custom .progress-custom-sm .progress-bar.progress-bar-real,
.service-station .cost-block .progress-custom-sm .progress-custom .progress-bar.progress-bar-real,
.service-station .cost-block .progress-custom-sm .progress-custom .progress-bar.progress-bar-real,
.service-station .cost-block .progress-custom .progress-custom-sm .progress-bar.progress-bar-real,
.service-station .cost-block .progress-custom .progress-custom-sm .progress-bar.progress-bar-real {
  background-color: #419943;
}
.service-station .cost-block .progress-bar > span,
.service-station .cost-block .progress-bar > span,
.service-station .cost-block .progress-custom .progress-bar > span,
.service-station .cost-block .progress-custom-sm .progress-bar > span,
.service-station .cost-block .progress-custom .progress-bar > span,
.service-station .cost-block .progress-custom-sm .progress-bar > span,
.service-station .cost-block .progress-custom .progress-bar > span,
.service-station .cost-block .progress-custom-sm .progress-custom .progress-bar > span,
.service-station .cost-block .progress-custom-sm .progress-bar > span,
.service-station .cost-block .progress-custom .progress-custom-sm .progress-bar > span,
.service-station .cost-block .progress-custom-sm .progress-custom .progress-bar > span,
.service-station .cost-block .progress-custom .progress-custom-sm .progress-bar > span,
.service-station .cost-block .progress-custom-sm .progress-custom .progress-bar > span,
.service-station .cost-block .progress-custom-sm .progress-custom .progress-bar > span,
.service-station .cost-block .progress-custom .progress-custom-sm .progress-bar > span,
.service-station .cost-block .progress-custom .progress-custom-sm .progress-bar > span {
  top: 0;
  line-height: 15px;
}
.service-station .cost-block .price {
  font-size: 24px;
  line-height: 1;
}
.service-station .cost-block .price-block {
  vertical-align: middle;
}
.service-station .cost-block .input-group-price .input-group-addon {
  border-left: 0;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.service-station .cost-block .input-group-price .input-group-btn {
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
}
.service-station .section-upgrades .map,
.service-station .section-upgrades .service {
  overflow: hidden;
  position: relative;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.service-station .section-upgrades .map.in,
.service-station .section-upgrades .service.in {
  opacity: 1;
}
.service-station .section-upgrades .service {
  display: none;
  overflow: hidden;
}
.service-station .section-upgrades .service:before {
  content: '';
  background: url('../img/service_station/3.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  filter: blur(3px);
}
.service-station .section-upgrades .service.service-1:before {
  background-image: url('../img/service_station/1.png');
}
.service-station .section-upgrades .service.service-2:before {
  background-image: url('../img/service_station/2.png');
}
.service-station .section-upgrades .service.service-3:before {
  background-image: url('../img/service_station/3.png');
}
.service-station .section-upgrades .slot {
  position: relative;
  float: left;
  width: 33.33333333%;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0;
}
.service-station .section-upgrades .slot:before {
  content: '';
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.service-station .section-upgrades .slot:after {
  content: '';
  position: absolute;
  background-size: contain;
}
.service-station .section-upgrades .slot.slot-1:before {
  background-image: url('../img/service_station/1.png');
}
.service-station .section-upgrades .slot.slot-1:after {
  background-image: url('../img/service_station/1.cover.png');
  width: 42.5px;
  height: 42.5px;
  bottom: 5px;
  right: 60px;
}
.service-station .section-upgrades .slot.slot-1.disabled:before {
  content: ' ';
  background-image: url('../img/service_station/1.disabled.png');
}
.service-station .section-upgrades .slot.slot-1.disabled:after {
  content: none;
}
.service-station .section-upgrades .slot.slot-2:before {
  background-image: url('../img/service_station/2.png');
}
.service-station .section-upgrades .slot.slot-2:after {
  background-image: url('../img/service_station/2.cover.png');
  width: 42.5px;
  height: 42.5px;
  bottom: 5px;
  right: 60px;
}
.service-station .section-upgrades .slot.slot-2.disabled:before {
  content: ' ';
  background-image: url('../img/service_station/2.disabled.png');
}
.service-station .section-upgrades .slot.slot-2.disabled:after {
  content: none;
}
.service-station .section-upgrades .slot.slot-3:before {
  background-image: url('../img/service_station/3.png');
}
.service-station .section-upgrades .slot.slot-3:after {
  background-image: url('../img/service_station/3.cover.png');
  width: 83px;
  height: 49.5px;
  bottom: 18px;
  right: 25px;
}
.service-station .section-upgrades .slot.slot-3.disabled:before {
  content: ' ';
  background-image: url('../img/service_station/3.disabled.png');
}
.service-station .section-upgrades .slot.slot-3.disabled:after {
  content: none;
}
.service-station .section-upgrades .slot .user {
  top: 28%;
}
.service-station .section-upgrades .slot .top-block {
  display: flex;
  align-items: center;
  position: absolute;
  left: 50%;
  gap: 5px;
  transform: translateX(-50%);
  top: 6px;
  width: 200px;
}
@media (max-width: 768px) {
  .service-station .section-upgrades .slot .top-block {
    width: 150px;
  }
}
.service-station .section-upgrades .slot .timer-container {
  background-color: #39394cbd;
  border: 3px solid #39394c;
  align-content: center;
}
.service-station .section-upgrades .slot .speed-up-button {
  height: 30px;
}
@media (max-width: 768px) {
  .service-station .section-upgrades .slot .speed-up-button .speed-up-text {
    display: none;
  }
}
.service-station .section-upgrades .slot .speed-up-button .fa-clock-o {
  font-size: 14px;
}
.service-station .section-upgrades .slot .controls {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
}
.service-station .section-upgrades .slot .controls.top {
  top: 0;
  bottom: auto;
}
.service-station .section-upgrades .slot .do-service-control {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  z-index: 10;
}
.service-station .section-upgrades .slot .book-control {
  position: absolute;
  bottom: 5px;
  right: 5px;
  z-index: 10;
}
.service-station .section-upgrades .slot .book-control .btn-warning {
  white-space: normal;
  width: 70px;
  text-align: right;
  line-height: 13px;
  font-weight: normal;
  border-radius: 0;
  padding: 5px 10px;
  background: rgba(251, 201, 34, 0.8);
  font-size: 80%;
}
.service-station .section-upgrades .slot .book-control .btn-warning > span:before {
  content: " ";
  background: transparent;
  top: 0;
  left: -8px;
  bottom: 0;
  display: block;
  position: absolute;
  border-right: 8px solid rgba(251, 201, 34, 0.8);
  border-bottom: 40px solid transparent;
  border-left: none;
  border-top: none;
}
.service-station .section-upgrades .slot .book-control .btn-warning:hover,
.service-station .section-upgrades .slot .book-control .btn-warning:active {
  background: #f7d66a;
}
.service-station .section-upgrades .slot .book-control .btn-warning:hover > span:before,
.service-station .section-upgrades .slot .book-control .btn-warning:active > span:before {
  border-right: 8px solid #f7d66a;
}
.service-station .section-upgrades .slot .queue {
  left: 5px;
  width: auto;
  position: absolute;
  padding: 5px;
  background: rgba(39, 45, 67, 0.67);
  bottom: 5px;
}
.service-station .section-upgrades .slot .queue:before {
  content: " ";
  background: transparent;
  top: 0;
  right: -8px;
  bottom: 0;
  display: block;
  position: absolute;
  border-left: 8px solid rgba(39, 45, 67, 0.67);
  border-top: 29px solid transparent;
  border-right: none;
  border-bottom: none;
}
.service-station .section-upgrades .slot-container {
  width: 100%;
  padding-bottom: 68%;
  position: relative;
  height: 0;
}
.service-station .section-upgrades .user {
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
}
.service-station .section-upgrades .image {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}
.service-station .section-upgrades .image .img-block {
  position: absolute;
  width: 150px;
  left: 50%;
  transform: translate(-50%, -20%);
}
.service-station .section-upgrades .slot-control {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  z-index: 10;
}
@media (min-width: 768px) {
  .service-station .table-client-history .details {
    max-width: 240px;
    min-width: 240px;
    width: 240px;
  }
}
.service-station .table-client-history .taxi .img-taxi-container {
  padding-bottom: 45%;
}
.service-station .table-client-history .taxi .img-taxi-container i {
  top: -10px;
  bottom: -10px;
}
.service-station .btn-primary.btn-service-station {
  background-image: url('../img/service_station/btn-primary.png');
  background-position: center -3px;
  background-color: transparent;
  border: none;
  box-shadow: none;
  height: 45px;
  padding: 10px 12px;
  width: 140px;
}
.service-station .btn-primary.btn-service-station:hover,
.service-station .btn-primary.btn-service-station:active {
  background-position: center -53px;
}
.service-station .btn-warning.btn-service-station {
  box-shadow: 0 0 13px #16181d;
}
.service-station.station-promoted .panel {
  border: 2px solid #f74877;
}
.service-station.station-promoted .panel .panel-content .panel-body {
  background-color: #fcf8e3 !important;
}
a.service-station.station-promoted .panel .panel-content .panel-body:hover,
a.service-station.station-promoted .panel .panel-content .panel-body:focus {
  background-color: #f7ecb5 !important;
}
.service-station.station-promoted .station-name .text-black {
  color: #f74877;
}
a.service-station.station-promoted .station-name .text-black:hover,
a.service-station.station-promoted .station-name .text-black:focus {
  color: #f51753;
}
.table-bordered-custom th {
  font-weight: 400;
  overflow: hidden;
}
.table-bordered-custom th span {
  position: relative;
}
.table-bordered-custom th span:before {
  content: '..................................................................................................................................................................................................';
  text-indent: 2px;
  white-space: nowrap;
  position: absolute;
  display: block;
  bottom: -3px;
  left: 100%;
  z-index: 0;
  font-weight: 100;
  font-size: 13px;
}
.table-bordered-custom tbody > tr th,
.table-bordered-custom tbody > tr td:nth-child(1n),
.table-bordered-custom tbody > tr td:nth-child(2n) {
  border-top: none;
}
.custom-select select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-radius: 10px !important;
  padding-left: 25px;
}
.custom-select .icon {
  position: absolute;
  top: 15px;
  right: 10px;
  color: #333333;
}
.section-hero {
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.section-hero-helper {
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media (min-width: 768px) {
  .section-hero-helper .girl {
    position: absolute;
    bottom: -21px;
    left: 30px;
  }
  .section-hero-helper .helper-items {
    padding-left: 250px;
  }
}
.section-hero-steps {
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.section-hero-steps .block {
  padding-left: 45px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.section-hero-steps h4 {
  position: relative;
  padding-left: 50px;
  left: -50px;
}
.section-hero-steps h4 .ico-step {
  width: 50px;
  line-height: 50px;
  border: none;
  position: absolute;
  left: 0px;
  font-size: 50px;
  z-index: 0;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  text-align: center;
  font-style: normal;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.section-hero-steps .panel-default .panel-content {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.table-scrolled thead {
  display: block;
}
.table-scrolled tbody {
  max-height: 300px;
  overflow-y: auto;
  display: block;
}
.table-scrolled td[class*="col-"],
.table-scrolled th[class*="col-"] {
  display: block;
  float: left;
  border-right: none;
}
.table-scrolled tr {
  display: block;
  margin-left: 0;
  margin-right: 0;
}
.btn-question {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  padding: 0;
}
.section-hero-helper .panel-default .panel-content {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.section-hero-helper .helper-item {
  font-size: 15px;
}
@media (min-width: 768px) {
  .section-hero-helper .helper-item .block {
    height: 160px;
  }
}
.alert-premium {
  text-align: center;
  padding: 10px;
  border-radius: 3px;
  border: 3px solid #f74876;
}
.fa-premium:before {
  content: '';
  background-image: url('../img/premium-icon.svg');
  background-size: cover;
  background-size: 90%;
  background-position: center center;
  width: 1em;
  height: 1em;
  display: inline-block;
}
.my-tasks .task-block {
  background: var(--tx-panel-background);
  border: 1px solid #e6e6e6;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 0;
  filter: drop-shadow(1px 1px 4px #d9d9d9);
}
.my-tasks .task-block.task-completed .achievement-icon {
  position: relative;
  background-size: cover !important;
  background: url("/media/assets/app/dist/img/achievements/finished_light.png") no-repeat center top;
}
.my-tasks .task-block.task-completed .achievement-icon img {
  position: relative;
  z-index: 1;
}
.my-tasks .task-block.task-completed .achievement-icon:before {
  content: " ";
  width: 100%;
  height: 100%;
  background: url("/media/assets/app/dist/img/achievements/finished_stars.png") no-repeat center top;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.my-tasks .task-block.task-gray {
  height: 100%;
}
.my-tasks .task-block .achievement-icon {
  height: 131px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.my-tasks .task-block .achievement-icon img {
  max-height: 131px;
  max-width: 100%;
}
@media (max-width: 767px) {
  .my-tasks .task-block .achievement-icon .achievement-icon {
    height: 105px;
  }
}
.my-tasks .task-block .achievement-icon:hover img {
  animation: pulse;
  animation-duration: 1s;
}
.my-tasks .task-block .achievement-description {
  /*height: 40px;*/
}
.my-tasks .task-block .achievement-content {
  min-height: 135px;
  line-height: 1.2;
  margin-top: -15px;
  padding: 0 15px;
}
.my-tasks .task-block .achievement-content .achievement-title {
  font-size: 18px;
  padding-top: 16px;
  padding-bottom: 15px;
}
.my-tasks .task-block.task-rewarded .achievement-content {
  background: url("/media/assets/app/dist/img/achievements/rewarded.svg") no-repeat center top;
  background-size: cover;
}
.my-tasks .task-block.task-rewarded .achievement-description,
.my-tasks .task-block.task-rewarded .achievement-reward,
.my-tasks .task-block.task-rewarded .achievement-reward > span,
.my-tasks .task-block.task-rewarded .achievement-progress-label {
  color: white !important;
}
.my-tasks .task-buttons {
  height: 40px;
}
.achievement-progress-label {
  color: #888888;
}
.achievement-progress .achievement-progress-bar {
  height: 6px;
  width: 90px;
  background: #f0f1f6;
}
.achievement-progress .achievement-progress-bar-fill {
  background: linear-gradient(270deg, #fcd013 -1.92%, #fbbc23 100%);
  width: 50%;
  height: 100%;
}
.alert-achievements {
  height: 63px;
  padding: 0 10px;
  margin-bottom: 8px;
  border-color: #c19a34;
}
.alert-achievements .row {
  z-index: 1;
  position: relative;
}
.alert-achievements a {
  text-decoration: none;
}
.alert-achievements a div.title {
  display: block;
  z-index: 1;
  line-height: 19px;
  font-size: 16px;
  vertical-align: middle;
  padding-top: 11px;
  color: black;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.alert-achievements a:hover div.title {
  color: #262626;
  text-decoration: underline;
}
.alert-achievements .icon-achievement-block {
  width: 100%;
  position: relative;
}
.alert-achievements .icon-achievement-block .icon-achievement-circle {
  height: 45px;
  width: 45px;
  background: #fafafa;
  /*border: 2px solid #E6E6E6;*/
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.6);
  position: relative;
  margin: 0 auto;
  border-radius: 50%;
}
.alert-achievements .icon-achievement-block .icon-achievement-circle.reached {
  /*border: 2px solid #F74877;*/
  padding: 2px;
  background: -webkit-linear-gradient(left top, #fcd013 0%, #f74877 100%);
}
.alert-achievements .icon-achievement-block .icon-achievement-circle.reached .bg-white {
  border-radius: 50%;
  width: 41px;
  height: 41px;
  position: absolute;
}
.alert-achievements .icon-achievement-block .icon-achievement-circle.reached .bg-white:after {
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: cover !important;
  background: url("/media/assets/app/dist/img/achievements/xs/finished_light.png") no-repeat center top;
  top: 0;
  left: 0;
  z-index: 1;
}
.alert-achievements .icon-achievement-block .icon-achievement-circle.reached .bg-white:before {
  content: " ";
  width: 100%;
  height: 100%;
  background: url("/media/assets/app/dist/img/achievements/xs/finished_stars.png") no-repeat center top;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}
.alert-achievements .icon-achievement-block .icon-achievement-circle .icon-achievement {
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 100%;
  background-size: 119% !important;
  background-repeat: no-repeat !important;
  background-position: -4px 4px !important;
  transition: width 0.5s, height 0.5s, transform 0.5s;
}
.alert-achievements .icon-achievement-block .icon-achievement-circle:hover .icon-achievement {
  animation: jello;
  animation-duration: 1s;
}
.alert-achievements .icon-achievement-block .achievement-info {
  background: rgba(0, 0, 0, 0.8);
  padding: 12px;
  box-sizing: border-box;
  max-width: 300px;
  display: none;
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
  top: 0;
  left: 60px;
  position: absolute;
  text-transform: none;
  border-radius: 6px;
  z-index: 5;
  margin-right: 80px;
  width: 200px;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.alert-achievements .icon-achievement-block .achievement-info .title {
  font-size: 18px;
  color: white;
  padding: 0 0 10px 0;
}
.alert-achievements .icon-achievement-block .achievement-info p {
  margin: 0;
}
.alert-achievements .mask {
  background: url("/media/images/achievement-bg.jpg");
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
}
.panel-achievements .achievement-block {
  background: var(--tx-panel-background-second);
  border: 1px solid #e6e6e6;
  box-sizing: border-box;
  border-radius: 5px;
  filter: drop-shadow(1px 1px 4px #d9d9d9);
  margin-bottom: 10px;
}
.panel-achievements .achievement-block .title {
  font-size: 18px;
  color: var(--tx-text-color);
}
.panel-achievements .achievement-block .icon-achievement {
  height: 87px;
  width: auto;
  margin: 0 auto;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position-x: center !important;
}
.panel-achievements .panel-body {
  padding: 10px 15px 0 15px;
}
.panel-achievements .panel-footer {
  padding: 0 10px 10px 10px;
}
.task-gray .icon-achievement,
.task-gray .icon-achievement-circle {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.5;
}
.clicker-main {
  display: flex;
  flex-wrap: wrap;
  padding: 10px;
  background: #fff;
  border-radius: 0px 0px 5px 5px;
}
.clicker-main__header {
  flex: 100% 0 0;
}
.clicker-main__participation {
  flex: 30% 0 0;
  margin: 10px 0 0 10px;
}
.clicker-main__participants {
  flex: 100% 0 0;
  margin-top: 10px;
}
.clicker-main__shop {
  flex: 65% 1 0;
  margin-top: 10px;
}
.clicker-main__logs {
  flex: 100% 0 0;
  padding: 0 5px;
  margin-top: 10px;
}
.clicker-header {
  position: relative;
  background-image: url(/media/images/new_design/clicker_header.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right;
  height: 150px;
}
.clicker-header__description {
  position: absolute;
  top: 20px;
  left: 20px;
  font-family: "PT Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 36px;
  color: #000000;
}
.clicker-header__timer {
  position: absolute;
  bottom: 20px;
  left: 20px;
}
.clicker-header__info {
  transform: translateY(-12px);
}
.clicker-header__rules {
  cursor: pointer;
  position: absolute;
  bottom: 20px;
  height: 30px;
  left: 329px;
  background: #88e9fe;
  border-radius: 5px;
  z-index: 10;
  width: 250px;
  font-family: "Cuprum";
  font-size: 14px;
  line-height: 16px;
  display: flex !important;
  justify-content: space-around;
  align-items: center;
}
.clicker-header__rules img {
  height: 18px;
}
.info-tooltip {
  font-family: "Cuprum";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #ffffff;
}
.info-tooltip__header {
  font-weight: 700;
  color: #fbbc23;
}
.logs {
  position: relative;
  display: flex;
  flex-direction: column;
  max-height: 23px;
  width: 100%;
  background: none;
  border: none;
  margin: 0px;
  padding: 0px;
  text-align: left;
}
.logs::before {
  content: "";
  transition: all 150ms;
  width: 100%;
  height: 0px;
  position: absolute;
  top: 100%;
  left: 0px;
  display: block;
  box-shadow: 0px -6px 28px 7px rgb(255 255 255);
}
.logs-expanded {
  max-height: unset;
}
.logs-expanded::before {
  opacity: 0;
}
.log {
  width: 100%;
  border-left: 3px solid transparent;
  font-family: "PT Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 160%;
  /* or 22px */
  color: #333333;
}
.log__info {
  display: flex;
}
.log__icon {
  flex: 30px 0 0;
  text-align: center;
}
.participants__header,
.participant {
  display: grid;
  grid-template-columns: 0.75fr 1fr 40px;
  gap: 10px;
}
.participants {
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  overflow: hidden;
}
.participants .tooltip {
  z-index: 100000;
}
.participants__top {
  width: 100%;
  transition: height 200ms, transform 200ms;
  will-change: height, transform;
}
.participants__siblings {
  width: 100%;
}
.participants__toggler-container {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.participants__toggler {
  font-family: "Cuprum";
  font-style: normal;
  font-weight: 400;
  color: #3584e6;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0px;
  white-space: nowrap;
}
.participants__header {
  position: relative;
  z-index: 1;
  background: #f6f8fa;
  font-family: "PT Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  color: #333333;
  height: 30px;
}
.participants__th {
  display: flex;
  align-items: center;
  justify-content: center;
}
.participants__th:first-child {
  border-right: 1px solid #e5e5e5;
}
.participants__th-players {
  position: relative;
}
.participants__participant {
  transition: background-color 100ms;
}
.participants__participant-mark {
  background-color: rgba(239, 180, 58, 0.2);
}
.participant {
  height: 40px;
  width: 100%;
  border-top: 1px solid #e5e5e5;
}
.participant > div:first-child {
  border-right: 1px solid #e5e5e5;
}
.participant__content {
  display: flex;
  align-items: center;
  margin-left: 5px;
}
.participant__rank {
  min-width: 20px;
  font-family: "Cuprum";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: #333333;
}
.participant__login {
  font-family: "Cuprum";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  text-decoration-line: underline;
  text-transform: uppercase;
  color: #3584e6;
  cursor: pointer;
}
.participant__user {
  position: relative;
  width: 30px;
  height: 30px;
  margin: 0 12px 0px 7px;
}
.participant__avatar {
  width: 100%;
  height: 100%;
}
.participant__dx {
  background-color: #3584e6;
  position: absolute;
  bottom: 0px;
  left: 50%;
  font-size: 11px;
  transform: translateX(-50%);
  line-height: 1;
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-weight: 700;
  color: #fff;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  border-radius: 10px;
  font-family: Cuprum, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.participant__reward {
  display: flex;
  justify-content: center;
}
.participant__reward-content {
  position: relative;
  justify-content: center;
  font-family: "PT Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 13px;
  display: flex;
  align-items: center;
  color: #333333;
}
.participant__reward-icon {
  height: 40px;
  width: 40px;
}
.participant__badge {
  cursor: default;
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: white;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #f74877;
  border-radius: 10px;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #125f9a !important;
  position: absolute;
  bottom: 0;
  scale: 0.65;
}
.participant__badge:empty {
  display: none;
}
.btn .participant__badge {
  position: relative;
  top: -1px;
}
.btn-xs .participant__badge,
.btn-group-xs > .btn .participant__badge {
  top: 0;
  padding: 1px 5px;
}
a.participant__badge:hover,
a.participant__badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.list-group-item.active > .participant__badge,
.nav-pills > .active > a > .participant__badge {
  color: #3d8ee9;
  background-color: #fff;
}
.list-group-item > .participant__badge {
  float: right;
}
.list-group-item > .participant__badge + .participant__badge {
  margin-right: 5px;
}
.nav-pills > li > a > .participant__badge {
  margin-left: 3px;
}
.participant__badge.arena-badge {
  color: white;
  background: #5570c2;
  border: 1px solid #455ba2;
  border-right: 1px solid #748ed4;
  box-shadow: -1px 1px 2px #374386;
  border-radius: 5px;
  cursor: pointer;
}
.participant__distance {
  margin-left: auto;
  margin-right: 5px;
}
.participant__actions {
  padding: 0px 5px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.participant__actions .btn {
  border: 0px;
  padding: 0px;
  padding: 0px 5px;
}
.participant__actions .btn:active {
  box-shadow: none;
}
.participant__armored-badge {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%) !important;
}
.participant__armored {
  position: relative;
}
.shop__tabs {
  display: flex;
  height: 45px;
}
.shop__content-bg {
  background: #f6f8fa;
  padding: 5px;
  border: 1px solid #e5e5e5;
  border-radius: 0px 0px 5px 5px;
  overflow: hidden;
}
.shop__content {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 5px;
  width: 100%;
}
.shop__tab {
  flex: 100% 1 1;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Cuprum";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  color: #333333;
  transition: all 200ms;
  background: linear-gradient(180deg, #fbfbfc 0%, #ebecf2 100%);
  box-shadow: 0px 1px 4px #a0a0a0;
  border-radius: 5px 5px 0px 0px;
  border: 1px solid #e5e5e5;
  position: relative;
}
.shop__tab-selected {
  color: #2872cc;
  /*z-index: 1;*/
}
.shop__tab-selected:last-child {
  box-shadow: -4px 4px 4px rgba(0, 0, 0, 0.25);
}
.shop__tab-selected:first-child {
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
}
.card-loader {
  width: 100%;
  height: 100%;
  opacity: 0.2;
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 35px;
  transform: translateY(40px);
  opacity: 0;
  transition: all 300ms;
}
.card-loader__status {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 200ms;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card-loader__status-pending svg {
  height: 100%;
}
.card-loader__status-success,
.card-loader__status-fail {
  color: #fff;
}
.shop-card {
  overflow: hidden;
  padding: 10px 0px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  transition: all 150ms;
  position: relative;
}
.shop-card-loading .card-loader,
.shop-card-loading-success .card-loader,
.shop-card-loading-fail .card-loader {
  transform: translateY(0px);
  opacity: 1;
}
.shop-card-loading .shop-card__badge,
.shop-card-loading-success .shop-card__badge,
.shop-card-loading-fail .shop-card__badge {
  opacity: 0;
  transform: translateY(-5px);
}
.shop-card-loading {
  box-shadow: 0px 0px 4px -1px rgb(239 180 58);
  border: 1px solid rgb(239 180 58);
}
.shop-card-loading .card-loader {
  background: rgb(239 180 58);
}
.shop-card-loading .card-loader__status-pending {
  opacity: 1;
}
.shop-card-loading-success {
  box-shadow: 0px 0px 4px -1px green;
  border: 1px solid green;
}
.shop-card-loading-success .card-loader {
  background: green;
}
.shop-card-loading-success .card-loader__status-success {
  opacity: 1;
}
.shop-card-loading-fail {
  box-shadow: 0px 0px 4px -1px red;
  border: 1px solid red;
}
.shop-card-loading-fail .card-loader {
  background: red;
}
.shop-card-loading-fail .card-loader__status-fail {
  opacity: 1;
}
.shop-card:hover {
  background: #f5f5f5;
}
.shop-card:disabled {
  background: #ededed;
  opacity: 0.95;
  cursor: not-allowed;
}
.shop-card__icon {
  width: 100%;
  height: 55px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.shop-card__icon-charge {
  background-image: url(/media/images/new_design/shop/clicker_charge.svg);
}
.shop-card__icon-armor {
  background-image: url(/media/images/new_design/shop/clicker_armor.svg);
}
.shop-card__badge {
  margin-top: -2px;
  transition: all 200ms;
  transform: translateY(0px);
}
.shop-card__price {
  font-family: "PT Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 23px;
  text-align: center;
  color: #f74877;
}
.me {
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
}
.me__avatar-container {
  flex: 0 0 60px;
  height: 60px;
  position: relative;
}
.me__armor {
  position: absolute;
  bottom: 0;
  left: 0;
}
.me__armor img {
  height: 32px;
}
.me__avatar {
  width: 100%;
  height: 100%;
}
.me__info-container {
  padding-left: 10px;
  flex: 1 1 calc(100% - 40px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.me__change-selector {
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
  margin: 5px 0;
}
.me__change-selector button {
  font-size: 12px;
  padding: 4px 8px;
}
.me__login {
  font-family: "Cuprum";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  text-transform: uppercase;
  color: #3584e6;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  white-space: nowrap;
}
.me__place {
  font-family: "PT Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #f74877;
}
.me__dx {
  font-family: "PT Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 10px;
  color: #bbb;
}
.me__push_container {
  position: relative;
  margin-top: 10px;
}
.me__push_container__buttons {
  display: flex;
  justify-content: center;
}
.me__push-btn {
  border: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  font-size: 20px;
  position: relative;
  width: 100%;
}
.me__push-btn:disabled .me__push-badge {
  color: #c9c9c9;
}
.me__push-btn__right {
  border-radius: 0px 0px 5px 0px;
}
.me__push-btn__left {
  border-radius: 0px 0px 0px 5px;
}
.me__push-icon-container {
  position: relative;
  margin-right: 7px;
}
.me__push-icon {
  width: 15px;
  margin-right: 5px;
}
.me__push-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 6px;
  margin-right: 10px;
  background: #419943;
  border: 1px solid #f6f8fa;
  font-family: "PT Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 1;
  text-align: center;
  color: #ffffff;
  text-shadow: 0px 1px 0px #263243;
  border-radius: 10px;
  min-width: 30px;
}
.clicker-timer {
  border: 1px solid #dadde5;
  border-radius: 7px;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.clicker-timer__bg {
  background-image: url(/media/images/new_design/blue_timer_bg.svg);
  background-repeat: repeat-x;
  background-size: contain;
  transform: scaleY(1.5);
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  position: absolute;
}
.clicker-timer__content {
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Cuprum";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  color: #333333;
}
.timer-container {
  position: relative;
  height: 30px;
  width: 292px;
}
.timer-container__flag {
  position: absolute;
  width: 50px;
  left: -18px;
  bottom: 13px;
}
.timer-container__time-warn {
  background-color: #f2dede !important;
  margin-top: 10px;
  margin-top: 5px !important;
  color: red;
  text-align: center;
  font-size: 12px;
  border-radius: 10px;
}
a.timer-container__time-warn:hover,
a.timer-container__time-warn:focus {
  background-color: #e4b9b9 !important;
}
@media (max-width: 768px) {
  .clicker-header {
    background-position: -128px;
  }
  .clicker-header__rules {
    width: 150px;
    font-size: 10px;
    line-height: 10px;
    left: auto;
    right: 10px;
  }
  .clicker-header__rules img {
    height: 16px;
  }
  .shop-card {
    padding: 5px 0px 0px;
  }
  .shop-card__price {
    font-size: 10px;
  }
  .shop-card__icon {
    height: 35px;
  }
  .me__change-selector button {
    padding: 4px;
  }
  .me__avatar-container {
    flex: 0 0 40px;
    height: 40px;
  }
  .me__armor img {
    height: 22px;
  }
  .me__armor .badge {
    font-size: 8px;
    padding: 1px 5px;
  }
  .me__position {
    display: flex;
    justify-content: space-between;
  }
  .me__login {
    font-size: 14px;
  }
  .me__place,
  .me__dx {
    font-size: 12px;
    margin: 0;
    line-height: 14px;
  }
  .me__avatar-container {
    align-self: center;
  }
  .me__push-icon {
    width: 15px;
  }
  .me__push-btn {
    font-size: 11px;
    height: 44px;
    width: 100%;
  }
  .me__push_container {
    margin-top: 0;
  }
  .clicker-main {
    display: flex;
    flex-wrap: wrap;
    padding: 0px;
    background: #fff;
    border-radius: 0px 0px 5px 5px;
  }
  .clicker-main__participants {
    padding: 0 5px;
  }
  .clicker-main__participation {
    flex: 40% 0 0;
    margin: 5px;
    margin-left: 0;
  }
  .clicker-main__shop {
    flex: 50% 1 0;
    margin: 5px;
  }
  .card-loader {
    height: 30px;
  }
  .card-loader__status {
    font-size: 10px;
  }
}
.upgrade-chance-tooltip {
  color: #3d528c;
}
.tournament-taxi-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
@media (max-width: 480px) {
  .tournament-taxi-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.tournament-taxi {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 0 !important;
  user-select: none;
}
.tournament-taxi:hover .tournament-taxi-image img {
  transform: scale(1.15);
}
.tournament-taxi.taxi-selected {
  box-shadow: 0px 0px 3px 1px #70BC61 !important;
}
.tournament-taxi-footer {
  display: flex;
  gap: 10px;
  margin-top: auto;
}
.tournament-taxi-checkbox {
  position: absolute;
  top: 5px;
  left: 5px;
}
.tournament-taxi-checkbox input {
  position: absolute;
  margin: 0;
}
.tournament-taxi-checkbox input:checked + i {
  color: #70BC61;
}
.tournament-taxi-checkbox i {
  width: 25px;
  height: 25px;
  border: #d3d3d3 1px solid;
  box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: transparent;
  font-weight: bold;
  font-size: 17px;
}
.tournament-taxi-meta {
  position: absolute;
  top: 5px;
  right: 5px;
  text-align: right;
  display: flex;
  flex-direction: column;
  line-height: 18px;
}
.tournament-taxi-image {
  display: flex;
  position: relative;
  margin-top: 25px;
}
.tournament-taxi-image img {
  transition: 0.2s;
}
.tournament-taxi-level {
  position: absolute;
  top: 10px;
  right: -5px;
}
.tournament-taxi-name {
  color: #3f91ea;
  font-weight: bold;
  font-size: 16px;
}
.tournament-taxi .taxi-small-bonuses {
  gap: 8px;
  flex-wrap: wrap;
}
.tournament-taxi .upgrade-info-block {
  width: 20px;
  height: 20px;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #E56690;
}
.tournament-car-upgrades .img-block {
  position: relative;
  width: 40px;
}
.tournament-car-upgrades .img-block .badge {
  top: 0;
  right: 0;
}
.installment-row {
  margin-top: -10px;
}
.installment-tariffs {
  margin: 0 -10px -10px;
  padding: 15px 10px;
  background: #fff;
}
.svg-mask {
  width: 0;
  height: 0;
  position: absolute;
}
.content-tabs {
  position: relative;
  display: flex;
  justify-content: space-between;
  list-style-type: none;
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: var(--tx-panel-background);
  padding: 0;
  z-index: 100;
  margin-bottom: 0;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.content-tabs.content-tabs-short {
  justify-content: flex-start;
}
.content-tabs.garage-tabs {
  justify-content: start;
  margin: -10px -10px 10px -10px;
}
.content-tabs.garage-tabs .content-tab-item:not(.active):hover .content-tab-item-name {
  color: #F47895;
}
.content-tabs.garage-tabs .content-tab-item-name {
  margin-left: 10px;
  z-index: 1;
}
@media (max-width: 480px) {
  .content-tabs.garage-tabs .content-tab-item-name {
    margin-left: 0;
  }
}
.content-tabs.garage-tabs .content-tab-item-link {
  padding: 14.5px 0 14.5px 20px;
  overflow-y: clip;
}
@media (max-width: 480px) {
  .content-tabs.garage-tabs .content-tab-item-link {
    padding: 9.5px 0 9.5px 20px;
    min-height: 40px;
  }
}
.content-tabs.garage-tabs .content-tab-item-link:hover .content-tab-item-image img {
  transform: scale(1.1);
}
.content-tabs.garage-tabs .content-tab-item-image {
  position: absolute;
}
.content-tabs.garage-tabs .content-tab-item-image img {
  transition: 0.2s;
  max-width: inherit;
  max-height: inherit;
}
.content-tabs.garage-tabs .content-tab-item-badge {
  position: absolute;
  top: 0;
  right: 0;
}
.content-tabs.garage-tabs .content-tab-item.active {
  background: radial-gradient(50% 50% at 50% 50%, #ffd68e 0%, #ff9900 100%);
  border-top-left-radius: 32px;
}
.content-tabs.garage-tabs .content-tab-item.active:before {
  background-image: linear-gradient(180deg, hsl(35.81deg 100% 50.39%) 0%, hsl(34.13deg 100% 57.25%) 20%, hsl(34.02deg 100% 61.96%) 40%, hsl(34.08deg 100% 58.24%) 60%, hsl(35.81deg 100% 50.39%) 80%, hsl(36deg 100% 50%) 100%);
}
@media (max-width: 480px) {
  .content-tabs.garage-tabs .content-tab-item.active:before {
    background-image: linear-gradient(180deg, #ff9902 0%, #ffa52d 20%, #ffaf45 40%, #ffab3e 60%, #ff9e1c 80%, #ff9900 100%);
  }
}
.content-tabs.garage-tabs .content-tab-item.active:first-child {
  border-top-left-radius: 32px;
}
.content-tabs.garage-tabs .content-tab-item.active:not(:first-child) {
  border-top-left-radius: 40px;
}
.content-tabs.garage-tabs .content-tab-item.active:not(:first-child) .content-tab-item-image {
  left: 4px;
  top: 2px;
}
.content-tabs.garage-tabs .content-tab-item.active .content-tab-item-name {
  text-shadow: 1px 1px 0px #bb7732;
}
@media (max-width: 480px) {
  .content-tabs.garage-tabs .content-tab-item.active .content-tab-item-name {
    display: block !important;
  }
}
@media (max-width: 480px) {
  .content-tabs.garage-tabs .content-tab-item-name {
    font-size: 14px;
  }
}
.content-tabs.garage-tabs .content-tab-taxi .content-tab-item-image {
  left: -28px;
  top: -5px;
}
@media (max-width: 480px) {
  .content-tabs.garage-tabs .content-tab-taxi .content-tab-item-image {
    top: -1px;
    left: -19px;
  }
}
.content-tabs.garage-tabs .content-tab-taxi .content-tab-item-image img {
  height: 70px;
}
@media (max-width: 480px) {
  .content-tabs.garage-tabs .content-tab-taxi .content-tab-item-image img {
    height: 45px;
  }
}
.content-tabs.garage-tabs .content-tab-taxi .rd-badge-icon {
  top: 8px;
}
.content-tabs.garage-tabs .content-tab-mining .content-tab-item-image {
  left: -10px;
  top: 2px;
}
@media (max-width: 480px) {
  .content-tabs.garage-tabs .content-tab-mining .content-tab-item-image {
    left: -4px;
  }
}
.content-tabs.garage-tabs .content-tab-mining .content-tab-item-image img {
  height: 70px;
}
@media (max-width: 480px) {
  .content-tabs.garage-tabs .content-tab-mining .content-tab-item-image img {
    height: 47px;
  }
}
.content-tabs.garage-tabs .content-tab-building .content-tab-item-image {
  left: -3px;
  top: 2px;
}
@media (max-width: 480px) {
  .content-tabs.garage-tabs .content-tab-building .content-tab-item-image {
    left: 0;
  }
}
.content-tabs.garage-tabs .content-tab-building .content-tab-item-image img {
  height: 69px;
}
@media (max-width: 480px) {
  .content-tabs.garage-tabs .content-tab-building .content-tab-item-image img {
    height: 55px;
  }
}
.content-tabs.garage-tabs .content-tab-businesses .content-tab-item-image {
  left: -4px;
  top: 2px;
}
@media (max-width: 480px) {
  .content-tabs.garage-tabs .content-tab-businesses .content-tab-item-image {
    left: -1px;
  }
}
.content-tabs.garage-tabs .content-tab-businesses .content-tab-item-image img {
  height: 87px;
}
@media (max-width: 480px) {
  .content-tabs.garage-tabs .content-tab-businesses .content-tab-item-image img {
    height: 56px;
  }
}
.content-tabs.garage-tabs .content-tab-job .content-tab-item-image {
  left: -3px;
  top: 2px;
}
@media (max-width: 480px) {
  .content-tabs.garage-tabs .content-tab-job .content-tab-item-image {
    left: 2px;
  }
}
.content-tabs.garage-tabs .content-tab-job .content-tab-item-image img {
  height: 76px;
}
@media (max-width: 480px) {
  .content-tabs.garage-tabs .content-tab-job .content-tab-item-image img {
    height: 55px;
  }
}
.content-tabs.garage-tabs .content-tab-job.active .content-tab-item-image {
  left: 10px !important;
}
@media (max-width: 480px) {
  .content-tabs.garage-tabs .content-tab-job.active .content-tab-item-image {
    left: 6px !important;
  }
}
.content-tabs.garage-tabs .tab-more {
  width: 50px;
  margin-left: auto;
}
@media (max-width: 480px) {
  .content-tabs.garage-tabs .tab-more {
    width: 35px;
  }
}
.content-tabs.garage-tabs .tab-more-icon {
  padding: 10px 0;
}
@media (max-width: 480px) {
  .content-tabs.garage-tabs .tab-more-icon {
    padding: 7px 0;
  }
}
.content-tabs.garage-tabs .tab-more-icon svg {
  height: 30px;
}
@media (max-width: 480px) {
  .content-tabs.garage-tabs .tab-more-icon svg {
    height: 25px;
  }
}
.content-tabs.auto-tabs {
  justify-content: flex-start;
  width: fit-content;
  border-top-right-radius: 30px;
}
.content-tabs.auto-tabs .content-tab-item {
  flex-grow: 0;
  min-width: 100px;
}
@media (max-width: 480px) {
  .content-tabs.auto-tabs .content-tab-item {
    min-width: 55px;
  }
}
.content-tabs.auto-tabs .content-tab-item:last-child {
  transform: skewX(25deg);
  border-top-right-radius: 5px;
}
.content-tabs.auto-tabs .content-tab-item:last-child .content-tab-item-link {
  transform: skewX(-25deg);
}
.content-tabs.auto-tabs .content-tab-item:last-child .tooltip {
  transform: skewX(-25deg);
}
.content-tabs .content-tab-item {
  position: relative;
  transform: skewX(25deg);
  border-top-right-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--tx-panel-background);
  box-shadow: 3px 0 3px -2px rgba(0, 0, 0, 0.15), inset 0 -8px 7px -11px #0000006e;
  max-width: 200px;
  flex-grow: 1;
}
.content-tabs .content-tab-item img {
  max-width: 42px;
  max-height: 34px;
}
@media (max-width: 480px) {
  .content-tabs .content-tab-item img {
    max-width: 35px;
    max-height: 30px;
  }
}
.content-tabs .content-tab-item:first-child {
  border-top-left-radius: 40px;
}
.content-tabs .content-tab-item:first-child:not(.active):before {
  content: "";
  position: absolute;
  left: -11px;
  top: 0;
  width: 11px;
  height: 100%;
  box-shadow: inset 0 -8px 7px -11px #0000006e;
}
.content-tabs .content-tab-item:first-child .content-tab-item-link {
  overflow: clip;
  border-top-left-radius: 15px;
}
.content-tabs .content-tab-item-last,
.content-tabs .content-tab-item:last-child {
  box-shadow: inset 0 -8px 7px -11px #0000006e;
  border-top-right-radius: 15px;
  transform: skewX(0deg);
}
.content-tabs .content-tab-item-last .content-tab-item-link,
.content-tabs .content-tab-item:last-child .content-tab-item-link {
  transform: skewX(0deg);
}
.content-tabs .content-tab-item-last .tooltip,
.content-tabs .content-tab-item:last-child .tooltip {
  transform: skewX(0deg);
}
.content-tabs .content-tab-item-image {
  position: relative;
  display: flex;
  align-items: center;
}
@media (max-width: 480px) {
  .content-tabs .content-tab-item-image {
    margin-right: 0;
  }
}
.content-tabs .content-tab-item-image i.fa,
.content-tabs .content-tab-item-image i.fas {
  color: #333333;
}
.content-tabs .content-tab-item-image svg {
  max-width: 1em;
  max-height: 1em;
}
.content-tabs .content-tab-item-image + .content-tab-item-name {
  margin-left: 6px !important;
}
.content-tabs .content-tab-item-image [class*="hidden-"] + .content-tab-item-badge {
  position: unset;
}
.content-tabs .content-tab-item-name {
  white-space: nowrap;
}
.content-tabs .content-tab-item-link {
  transform: skewX(-25deg);
  text-decoration: none;
  color: var(--tx-tab-text-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  padding: 8.5px 20px;
  width: 100%;
  height: 100%;
  transition: scale 100ms;
  cursor: pointer;
}
@media (max-width: 480px) {
  .content-tabs .content-tab-item-link {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.content-tabs .content-tab-item .tooltip {
  transform: skewX(-25deg);
}
@media (min-width: 769px) {
  .content-tabs .content-tab-item .tooltip {
    display: none !important;
  }
}
.content-tabs .content-tab-item-badge {
  position: absolute;
  top: -10px;
  right: -10px;
}
.content-tabs .content-tab-item.active {
  background: #3a5087;
  z-index: 14 !important;
  border-top-left-radius: 25px;
}
.content-tabs .content-tab-item.active:not(:first-child) {
  border-top-left-radius: 35px;
}
@media (max-width: 480px) {
  .content-tabs .content-tab-item.active:not(:first-child) {
    margin-left: -5px;
  }
}
.content-tabs .content-tab-item.active:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0;
  width: 20px;
  height: 100%;
  transform: skewX(140deg);
  border-top-left-radius: 5px;
  box-shadow: inset 0 -8px 7px -11px #0000006e;
  background: #3a5087;
}
.content-tabs .content-tab-item.active .content-tab-item-image svg path {
  fill: #fff;
}
.content-tabs .content-tab-item.active .content-tab-item-image i.fa,
.content-tabs .content-tab-item.active .content-tab-item-image i.fas {
  color: #fff;
}
@media (min-width: 481px) {
  .content-tabs .content-tab-item.active .content-tab-item-image + .content-tab-item-name {
    display: flex;
  }
}
.content-tabs .content-tab-item.active .content-tab-item-link {
  color: #fff;
}
@media (max-width: 768px) {
  .content-tabs .content-tab-item:not(.active) .content-tab-item-name {
    display: none;
  }
}
.content-tabs .content-tab-item:not(.active) .content-tab-item-image {
  margin-right: 0;
}
.content-tabs .content-tab-item:not(.active):hover .content-tab-item-link {
  color: #e45678;
}
.content-tabs .content-tab-item:not(.active):hover .content-tab-item-image {
  color: #e45678;
}
.content-tabs .content-tab-item:not(.active):hover .content-tab-item-image svg path {
  fill: #e45678;
}
.content-tabs .content-tab-item:not(.active):hover .content-tab-item-image i.fa,
.content-tabs .content-tab-item:not(.active):hover .content-tab-item-image i.fas {
  color: #e45678;
}
.content-tabs .content-tab-item:not(.active):hover .content-tab-item-image .txm-account-icon {
  filter: brightness(1.2);
}
.content-tabs .content-tab-item:not(.active):first-child:before {
  left: -8.3px;
  width: 8.3px;
}
.content-tabs .content-tab-item:first-child.active {
  border-top-left-radius: 28px;
}
.content-tabs .content-tab-item:first-child.active:before {
  transform: skewX(-25deg);
  border-top-left-radius: 15px;
}
.content-tabs .content-tab-item:has(+ .active) {
  box-shadow: inset 0 -8px 7px -11px #0000006e;
}
.content-tabs .content-tab-item:nth-child(1) {
  z-index: 12;
}
.content-tabs .content-tab-item:nth-child(2) {
  z-index: 11;
}
.content-tabs .content-tab-item:nth-child(3) {
  z-index: 10;
}
.content-tabs .content-tab-item:nth-child(4) {
  z-index: 9;
}
.content-tabs .content-tab-item:nth-child(5) {
  z-index: 8;
}
.content-tabs .content-tab-item:nth-child(6) {
  z-index: 7;
}
.content-tabs .content-tab-item:nth-child(7) {
  z-index: 6;
}
.content-tabs .content-tab-item:nth-child(8) {
  z-index: 5;
}
.content-tabs .content-tab-item:nth-child(9) {
  z-index: 4;
}
.content-tabs .content-tab-item:nth-child(10) {
  z-index: 3;
}
.content-tabs .content-tab-item:nth-child(11) {
  z-index: 2;
}
.content-tabs .content-tab-item:nth-child(12) {
  z-index: 1;
}
.content-tabs .content-tab-item:nth-child(13) {
  z-index: 0;
}
.content-tabs .tab-more {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-top-right-radius: 15px;
  box-shadow: inset 0 -8px 7px -11px #0000006e;
  transform: skewX(0deg);
  flex-grow: 0;
  width: 35px;
}
.content-tabs .tab-more-icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.content-tabs .tab-more-icon svg {
  height: 20px;
  z-index: 1;
}
.content-tabs .tab-more-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  z-index: 1;
}
.content-tabs .tab-more.tab-more-active .tab-more-icon:after,
.content-tabs .tab-more.tab-more-toggled .tab-more-icon:after {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  width: calc(100% + 20px);
  height: 100%;
  background: #3c538c;
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 40% 100%);
  border-top-right-radius: 10px;
}
.content-tabs .tab-more.tab-more-active .tab-more-icon svg circle,
.content-tabs .tab-more.tab-more-toggled .tab-more-icon svg circle {
  fill: #fff;
}
.content-tabs .tab-more.tab-more-toggled .content-tab-submenu {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
.content-tabs .content-tab-submenu {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  padding: 0;
  list-style-type: none;
  border-radius: 10px;
  width: max-content;
  z-index: 1;
  transition: 0.3s;
  transform: translateY(80px);
  opacity: 0;
  visibility: hidden;
}
.content-tabs .content-tab-submenu:before {
  content: "";
  display: block;
  width: 100%;
  height: 10px;
  position: absolute;
  right: 0;
  top: -10px;
}
.content-tabs .content-tab-submenu:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: #484d60;
  position: absolute;
  right: 10px;
  top: -17px;
  clip-path: polygon(50% 50%, 0% 100%, 100% 100%);
}
.content-tabs .content-tab-submenu > li {
  overflow: hidden;
}
.content-tabs .content-tab-submenu > li:first-child {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.content-tabs .content-tab-submenu > li:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.content-tabs .content-tab-submenu:has(.tab-submenu-listitem:first-child:hover):after {
  background: linear-gradient(180deg, #fbec7b 0%, #f6d754 100%);
}
.content-tabs .content-tab-submenu .tab-submenu-item {
  padding: 10px;
  font-weight: 400;
  line-height: 18px;
  display: flex;
  align-items: center;
  color: #ffffff;
  text-decoration: none;
  background: linear-gradient(180deg, #4d5164 0%, #484d60 100%);
}
.content-tabs .content-tab-submenu .tab-submenu-item img,
.content-tabs .content-tab-submenu .tab-submenu-item i,
.content-tabs .content-tab-submenu .tab-submenu-item svg {
  height: 1em;
  margin-right: 10px;
}
.content-tabs .content-tab-submenu .tab-submenu-item svg path {
  fill: #fff;
}
.content-tabs .content-tab-submenu .tab-submenu-item:hover,
.content-tabs .content-tab-submenu .tab-submenu-item-active {
  background: linear-gradient(180deg, #fbec7b 0%, #f6d754 4.69%, #ecaa3e 83.33%, #eba33a 100%);
  color: #333333;
}
.content-tabs .content-tab-submenu .tab-submenu-item:hover img,
.content-tabs .content-tab-submenu .tab-submenu-item-active img {
  filter: invert(1);
}
.content-tabs .content-tab-submenu .tab-submenu-item:hover svg path,
.content-tabs .content-tab-submenu .tab-submenu-item-active svg path {
  fill: #333;
}
.content-tabs .content-tab-submenu .tab-submenu-item-badge {
  margin-left: 8px;
}
.strip-paddings {
  margin: -10px -10px 10px -10px;
}
.content-children-tabs {
  display: flex;
  justify-content: flex-start;
  list-style-type: none;
  background: #3b4f87;
  padding: 0;
  margin: 0;
  overflow-x: auto;
}
.content-children-tabs .content-tab-item {
  display: flex;
  width: 100%;
  max-width: 200px;
}
.content-children-tabs .content-tab-item-link {
  position: relative;
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  padding: 10px;
  width: 100%;
  text-decoration: none;
  color: #fff;
  white-space: nowrap;
}
@media (max-width: 480px) {
  .content-children-tabs .content-tab-item-link {
    padding: 5px;
    font-size: 12px;
  }
}
.content-children-tabs .content-tab-item-link:after {
  visibility: hidden;
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 3px;
  background: #f27290;
  transition: 0.2s;
}
.content-children-tabs .content-tab-item-link:hover {
  background: #485b92;
}
.content-children-tabs .content-tab-item-link:hover:after {
  visibility: visible;
  left: 0;
  width: 100%;
}
.content-children-tabs .content-tab-item.active .content-tab-item-link {
  text-shadow: 0 0 2px #333;
  font-weight: bold;
}
.content-children-tabs .content-tab-item.active .content-tab-item-link .badge {
  text-shadow: none;
}
.content-children-tabs .content-tab-item.active .content-tab-item-link:after {
  visibility: visible;
  left: 0;
  width: 100%;
}
.garage-children-tabs {
  padding: 0;
  list-style-type: none;
  display: flex;
  background: var(--tx-panel-background);
}
.garage-children-tabs .content-tab-item {
  width: 100%;
}
.garage-children-tabs .content-tab-item:hover,
.garage-children-tabs .content-tab-item.active {
  background: #f19d38;
}
.garage-children-tabs .content-tab-item:hover .content-tab-item-name,
.garage-children-tabs .content-tab-item.active .content-tab-item-name {
  color: #fff;
}
.garage-children-tabs .content-tab-item:hover .content-tab-item-image i,
.garage-children-tabs .content-tab-item.active .content-tab-item-image i {
  color: #fff;
}
.garage-children-tabs .content-tab-item:hover .content-tab-item-image svg path,
.garage-children-tabs .content-tab-item.active .content-tab-item-image svg path {
  fill: #fff;
}
.garage-children-tabs .content-tab-item:hover .content-tab-item-image + .content-tab-item-name,
.garage-children-tabs .content-tab-item.active .content-tab-item-image + .content-tab-item-name {
  color: #fff;
}
.garage-children-tabs .content-tab-item-link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px;
  text-decoration: none;
  font-size: 14px;
  color: var(--tx-text-color);
}
.garage-children-tabs .content-tab-item-image {
  display: flex;
}
.garage-children-tabs .content-tab-item-image img,
.garage-children-tabs .content-tab-item-image svg {
  height: 1em;
  width: auto;
}
.garage-children-tabs .content-tab-item-image path {
  fill: #000;
}
@media (max-width: 480px) {
  .garage-children-tabs .content-tab-item-image + .content-tab-item-name {
    display: none;
  }
}
.garage-children-tabs .content-tab-item-name {
  position: relative;
}
.garage-children-tabs .content-tab-item-name .rd-badge-icon {
  position: absolute;
  top: -3px;
  right: -20px;
  font-size: 11px;
}
.object-tabs .content-tabs,
.object-tabs .garage-children-tabs,
.object-tabs .strip-paddings {
  margin: 0 !important;
}
@media (max-width: 480px) {
  .tabs-mobile-icon .content-tab-item:not(.active) .content-tab-item-image + .content-tab-item-name {
    display: none;
  }
}
.taximanite-tabs .content-tab-item-image img {
  max-width: 20px;
  max-height: 20px;
}
.content-tabs-backlink {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  text-decoration: none;
}
@media (max-width: 480px) {
  .content-tabs-backlink {
    width: 30px;
    height: 30px;
    margin-right: 5px;
    border-radius: 100%;
    background: #ffffff;
  }
}
@media (max-width: 480px) {
  .content-tabs-backlink span {
    display: none;
  }
}
.content-tabs-backlink .icon {
  position: unset;
}
.content-tab-item.tab-locked svg path,
.content-tab-item.tab-locked:hover svg path {
  fill: #b4b4b4 !important;
}
.content-tab-item.tab-locked i.fa,
.content-tab-item.tab-locked i.fas,
.content-tab-item.tab-locked:hover i.fa,
.content-tab-item.tab-locked:hover i.fas {
  color: #b4b4b4 !important;
}
.content-tab-item.tab-locked a {
  cursor: default;
}
@media (max-width: 480px) {
  .ratings-submenu .content-tab-item-link {
    font-size: 12px;
  }
}
.construction-company-slot.level-1 {
  background-image: url('../img/business/construction_company/1.jpg');
}
.construction-company-slot.level-2 {
  background-image: url('../img/business/construction_company/2.jpg');
}
.construction-company-slot.level-3 {
  background-image: url('../img/business/construction_company/3.jpg');
}
.construction-company-slot.level-4 {
  background-image: url('../img/business/construction_company/4.jpg');
}
.construction-company-slot.level-5 {
  background-image: url('../img/business/construction_company/5.jpg');
}
.construction-company-slot.level-6 {
  background-image: url('../img/business/construction_company/6.jpg');
}
.construction-company-slot.level-7 {
  background-image: url('../img/business/construction_company/7.jpg');
}
.recycling-company-slot.level-1 {
  background-image: url('../img/business/recycling_company/recycling/1.jpg');
}
.recycling-company-slot.level-2 {
  background-image: url('../img/business/recycling_company/recycling/2.jpg');
}
.recycling-company-slot.level-3 {
  background-image: url('../img/business/recycling_company/recycling/3.jpg');
}
.recycling-company-slot.level-4 {
  background-image: url('../img/business/recycling_company/recycling/4.jpg');
}
.recycling-company-slot.level-5 {
  background-image: url('../img/business/recycling_company/recycling/5.jpg');
}
.recycling-company-slot.level-6 {
  background-image: url('../img/business/recycling_company/recycling/6.jpg');
}
.recycling-company-slot.level-7 {
  background-image: url('../img/business/recycling_company/recycling/7.jpg');
}
.bank-company-slot.level-1 {
  background-image: url('../img/business/bank_company/workplace/1.jpg');
}
.bank-company-slot.level-2 {
  background-image: url('../img/business/bank_company/workplace/2.jpg');
}
.bank-company-slot.level-3 {
  background-image: url('../img/business/bank_company/workplace/3.jpg');
}
.bank-company-slot.level-4 {
  background-image: url('../img/business/bank_company/workplace/4.jpg');
}
.bank-company-slot.level-5 {
  background-image: url('../img/business/bank_company/workplace/5.jpg');
}
.bank-company-slot.level-6 {
  background-image: url('../img/business/bank_company/workplace/6.jpg');
}
.bank-company-slot.level-7 {
  background-image: url('../img/business/bank_company/workplace/7.jpg');
}
.shaman-company-slot.level-1 {
  background-image: url('../img/business/shaman_company/workplace/1.jpg');
}
.shaman-company-slot.level-2 {
  background-image: url('../img/business/shaman_company/workplace/2.jpg');
}
.shaman-company-slot.level-3 {
  background-image: url('../img/business/shaman_company/workplace/3.jpg');
}
.shaman-company-slot.level-4 {
  background-image: url('../img/business/shaman_company/workplace/4.jpg');
}
.shaman-company-slot.level-5 {
  background-image: url('../img/business/shaman_company/workplace/5.jpg');
}
.shaman-company-slot.level-6 {
  background-image: url('../img/business/shaman_company/workplace/6.jpg');
}
.shaman-company-slot.level-7 {
  background-image: url('../img/business/shaman_company/workplace/7.jpg');
}
.bonus-factory-slot.level-1 {
  background-image: url('../img/business/bonus_factory/1.jpg');
}
.bonus-factory-slot.level-2 {
  background-image: url('../img/business/bonus_factory/2.jpg');
}
.bonus-factory-slot.level-3 {
  background-image: url('../img/business/bonus_factory/3.jpg');
}
.bonus-factory-slot.level-4 {
  background-image: url('../img/business/bonus_factory/4.jpg');
}
.bonus-factory-slot.level-5 {
  background-image: url('../img/business/bonus_factory/5.jpg');
}
.bonus-factory-slot.level-6 {
  background-image: url('../img/business/bonus_factory/6.jpg');
}
.bonus-factory-slot.level-7 {
  background-image: url('../img/business/bonus_factory/7.jpg');
}
.licence-company-slot.level-1 {
  background-image: url('../img/business/licence_company/active.jpg');
}
.licence-company-slot.level-2 {
  background-image: url('../img/business/licence_company/active.jpg');
}
.licence-company-slot.level-3 {
  background-image: url('../img/business/licence_company/active.jpg');
}
.licence-company-slot.level-4 {
  background-image: url('../img/business/licence_company/active.jpg');
}
.licence-company-slot.level-5 {
  background-image: url('../img/business/licence_company/active.jpg');
}
.licence-company-slot.level-6 {
  background-image: url('../img/business/licence_company/active.jpg');
}
.licence-company-slot.level-7 {
  background-image: url('../img/business/licence_company/active.jpg');
}
.bookmaker-company-slot.level-1 {
  background-image: url('../img/business/bookmaker_company/workplace-bg.jpg');
}
.bookmaker-company-slot.level-2 {
  background-image: url('../img/business/bookmaker_company/workplace-bg.jpg');
}
.bookmaker-company-slot.level-3 {
  background-image: url('../img/business/bookmaker_company/workplace-bg.jpg');
}
.bookmaker-company-slot.level-4 {
  background-image: url('../img/business/bookmaker_company/workplace-bg.jpg');
}
.bookmaker-company-slot.level-5 {
  background-image: url('../img/business/bookmaker_company/workplace-bg.jpg');
}
.bookmaker-company-slot.level-6 {
  background-image: url('../img/business/bookmaker_company/workplace-bg.jpg');
}
.bookmaker-company-slot.level-7 {
  background-image: url('../img/business/bookmaker_company/workplace-bg.jpg');
}
.control-room-slot.level-1 {
  background-image: url('../img/business/control_room/slot_bg.png');
}
.control-room-slot.level-2 {
  background-image: url('../img/business/control_room/slot_bg.png');
}
.control-room-slot.level-3 {
  background-image: url('../img/business/control_room/slot_bg.png');
}
.control-room-slot.level-4 {
  background-image: url('../img/business/control_room/slot_bg.png');
}
.control-room-slot.level-5 {
  background-image: url('../img/business/control_room/slot_bg.png');
}
.control-room-slot.level-6 {
  background-image: url('../img/business/control_room/slot_bg.png');
}
.control-room-slot.level-7 {
  background-image: url('../img/business/control_room/slot_bg.png');
}
.switch-theme {
  position: fixed;
  top: 50%;
  left: 100%;
  transform: translateY(-50%) translateX(-48px);
  display: flex;
  align-items: center;
  width: max-content;
  padding: 5px 10px 5px 5px;
  background: linear-gradient(98.73deg, #395C86 0%, #6B49B3 77.13%);
  border-radius: 10px 0 0 10px;
  transition: 0.3s;
  z-index: 1040;
}
.switch-theme.toggle-switch-theme {
  transform: translateY(-50%) translateX(-100%);
}
.switch-theme img {
  width: 40px;
}
.switch-theme a {
  color: #fff;
  text-decoration: none;
  margin-left: 10px;
  font-size: 14px;
  line-height: 16px;
}
.inventory-modal .inventory-modal-tabs {
  position: absolute;
  bottom: 100%;
}
.inventory-modal .theme-modal-close {
  top: unset;
  bottom: calc(100% + 6px);
}
.inventory-modal .theme-modal-body {
  max-width: 397px;
  margin: 50px auto 0;
  border-top-left-radius: 0;
}
.inventory-modal .theme-modal-content {
  padding: 10px;
  min-height: 397px;
}
.inventory-modal .content-tab-item {
  min-width: 128px;
}
.inventory-modal .content-tab-item-name {
  display: block !important;
}
.inventory-modal .content-tab-item-image svg {
  max-height: 1.2em;
}
.inventory-modal .content-tab-item.active .content-tab-item-link {
  font-weight: bold;
  padding-right: 16px;
  padding-left: 16px;
}
.inventory-modal .content-tab-item .inventory-tab-badge {
  position: absolute;
  top: 0;
  right: 0px;
  transform: skew(-25deg) translateY(-50%);
}
.game-objects {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.game-object {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 69px;
  height: 69px;
  padding: 8px;
  aspect-ratio: 1;
  border-radius: 6px;
  background: var(--equipment-background, var(--tx-panel-background));
  border: 2px solid transparent;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.24);
  cursor: pointer;
}
.game-object-image {
  max-width: 100%;
  max-height: 100%;
}
.game-object-amount {
  position: absolute;
  top: -2px;
  left: -2px;
  padding: 3px 6px;
  border-radius: 6px 0px;
  font-size: 12px;
  color: #fff;
  font-weight: bold;
  line-height: 1;
  background: linear-gradient(180deg, #81b5ff 0%, #4a83df 100%);
}
.game-object-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  position: absolute;
  border-radius: 4px !important;
}
.game-object-btn img {
  height: 14px;
}
.game-object-remove {
  left: 2px;
  bottom: 2px;
}
.game-object-exchange {
  bottom: 2px;
  right: 2px;
}
.game-object-progress,
.game-object-progress-mask {
  position: absolute;
  top: 7px;
  left: 7px;
  width: calc(100% - 14px);
  height: calc(100% - 14px);
}
.game-object-progress-mask {
  border-radius: 100%;
  box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.15);
}
.game-object-progress-timer {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  border-radius: 8px;
  background: #ffffffc7;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  font-size: 10px;
  color: #333;
  font-weight: 700;
  text-align: center;
}
.game-object-progress svg {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
  border-radius: 100%;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
}
.game-object-rank {
  position: absolute;
  left: 50%;
  bottom: 0px;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  padding: 1px;
  border-radius: 6px;
  color: #fff;
  border: 1px solid transparent;
  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.12) inset;
  background: var(--equipment-rank-background);
}
.game-object:hover {
  background-color: #eff4ff;
}
.game-object.active {
  border-color: #81b5ff;
  background-color: #eff4ff;
}
.game-object.exceeded {
  border-color: #F47895;
}
.game-object.exceeded .game-object-amount {
  background: #F47895;
}
.game-object.new {
  border-color: #52BE54;
}
.game-object.new:before {
  content: "";
  border-radius: 100px;
  border: 2px solid #fff;
  background: linear-gradient(180deg, #77D764 0%, #28A02C 100%);
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -3px;
  right: -3px;
  width: 13px;
  height: 13px;
}
.game-object.new .game-object-amount {
  background: #52BE54;
}
.game-object.cooldown .game-object-image {
  max-width: calc(100% - 10px);
  max-height: calc(100% - 10px);
  filter: grayscale(1);
}
.game-object.link-slot {
  cursor: pointer;
  text-decoration: none;
}
.game-object.link-slot .slot-text {
  color: #419943;
}
.game-object.link-slot:hover {
  background-color: #eff4ff;
}
.game-object.disabled-slot {
  background: #e7e7ec;
}
.game-object.soon-slot {
  color: #888B99;
  font-size: 12px;
  background: #f9f9fc;
  flex-direction: column;
  gap: 5px;
}
.game-object .slot-text {
  user-select: none;
  color: #888B99;
  text-transform: capitalize;
}
.inv-action-modal {
  background: linear-gradient(180deg, #4d5164 0%, #484d60 100%);
  padding: 10px;
  border-radius: 10px;
  width: fit-content;
  min-width: 270px;
  max-width: 320px;
  color: #fff;
  z-index: 110;
}
.inv-action-modal.type-gift {
  min-width: 190px;
}
.inv-action-modal-close {
  position: absolute;
  top: 8px;
  right: 10px;
  color: #888B99;
  font-size: 15px;
  cursor: pointer;
}
.inv-action-modal-close:hover {
  color: #fff;
}
.inv-action-modal .btn {
  box-shadow: none;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.inv-action-modal-arrow {
  position: absolute;
  height: 10px;
  width: 10px;
}
.inv-action-modal-arrow[data-placement="top-start"] {
  bottom: -7px;
  left: 30px;
  transform: rotate(180deg);
}
.inv-action-modal-arrow[data-placement="top-end"] {
  bottom: -7px;
  right: 30px;
  transform: rotate(180deg);
}
.inv-action-modal-arrow[data-placement="bottom-start"] {
  top: -7px;
  left: 30px;
}
.inv-action-modal-arrow[data-placement="bottom-end"] {
  top: -7px;
  right: 30px;
}
.inv-action-modal-arrow[data-placement="left-start"] {
  top: 30px;
  right: -7px;
  transform: rotate(90deg);
}
.inv-action-modal-arrow[data-placement="left-end"] {
  bottom: 30px;
  right: -7px;
  transform: rotate(90deg);
}
.inv-action-modal-arrow[data-placement="right-end"] {
  bottom: 30px;
  left: -7px;
  transform: rotate(-90deg);
}
.inv-action-modal-arrow[data-placement="right-start"] {
  top: 30px;
  left: -7px;
  transform: rotate(-90deg);
}
.inv-gameitem {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.inv-gameitem-preview {
  display: flex;
  gap: 10px;
}
.inv-gameitem-preview .game-object {
  cursor: default;
}
.inv-gameitem-info {
  display: flex;
  flex-direction: column;
  padding-top: 10px;
  gap: 10px;
}
.inv-gameitem-name {
  color: #fbe222;
  font-size: 16px;
  line-height: 1;
}
.inv-gameitem-desc {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 12px;
  max-width: 170px;
  line-height: normal;
}
.inv-gameitem-energy {
  color: #e7e7ec;
  font-size: 12px;
  display: flex;
  justify-content: space-between;
}
.inv-gameitem-energy-value {
  color: #fbe222;
  font-weight: bold;
}
.inv-gameitem-divider {
  height: 1px;
  background: #888B99;
  margin: 0 -10px;
}
.inv-gameitem-exceeded {
  color: #F47895;
  font-size: 13px;
  line-height: 13px;
}
.inv-menu {
  display: flex;
  flex-direction: column;
}
.inv-menu-back {
  cursor: pointer;
  margin-left: auto;
  padding: 5px 0px;
}
.inv-menu-back:hover {
  filter: brightness(2);
}
.inv-menu-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 3px;
}
.inv-menu-image {
  max-width: 24px;
  max-height: 24px;
}
.inv-menu-divider {
  height: 1px;
  background: #888B99;
  margin: 5px -10px 0;
}
.inv-menu-label {
  color: #c8c9d1;
  font-size: 12px;
  margin-bottom: 2px;
}
.inv-menu-image.inv-contact-image {
  width: 24px;
  height: 24px;
  border-radius: 100px;
  border: 1px solid #ff8aa6;
}
.inv-menu-title {
  color: #fbe222;
  font-size: 16px;
}
.inv-menu-title.inv-contact-title span {
  font-weight: 700;
  color: #fff;
}
.inv-menu-list {
  display: flex;
  flex-direction: column;
  max-height: 200px;
  overflow-y: auto;
  margin: 0 -10px -10px;
  border-radius: 0 0 10px 10px;
}
.inv-menu-list.inv-reward-list {
  border-radius: 0;
}
.inv-menu-loading,
.inv-menu-response {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  margin-top: 7px;
}
.inv-menu-response .fa-times {
  margin-top: 2px;
}
.inv-menu-search {
  position: relative;
  margin: 4px 0 7px;
  color: #333;
}
.inv-menu-search input[type="search"] {
  width: 100%;
  border-radius: 6px;
  border: 0;
  padding: 4px 10px;
}
.inv-menu-search .fa-search {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  cursor: pointer;
}
.inv-menu-selector-slider {
  -webkit-appearance: none;
  width: 100%;
  height: 4px;
  border-radius: 5px;
  background: radial-gradient(50% 46.13% at 53.03% 51.66%, rgba(255, 255, 255, 0.22) 28.48%, rgba(255, 255, 255, 0) 100%), linear-gradient(102deg, #ffbf1b -3.15%, #fe9e0d 28.77%, #ff881a 85.67%);
  margin: 10px 0 15px;
}
.inv-menu-selector-slider::-moz-range-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  border: 2px solid #fff;
  border-radius: 100%;
  background: linear-gradient(180deg, #FF8AA6 0%, #E45678 100%);
  cursor: pointer;
}
.inv-menu-selector-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  border: 2px solid #fff;
  border-radius: 100%;
  background: linear-gradient(180deg, #FF8AA6 0%, #E45678 100%);
  cursor: pointer;
}
.inv-menu-selector-slider.move-slider::-moz-range-thumb {
  background: linear-gradient(180deg, #81B5FF 0%, #4A83DF 100%);
}
.inv-menu-selector-slider.move-slider::-webkit-slider-thumb {
  background: linear-gradient(180deg, #81B5FF 0%, #4A83DF 100%);
}
.inv-menu-selector-text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
}
.inv-menu-selector-text .selector-value {
  color: #fbe222;
}
.inv-menu-selector-text .selector-value span:first-child {
  font-weight: 700;
}
.inv-menu-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 8px 0 4px;
  background: linear-gradient(180deg, #4d5164 0%, #484d60 100%);
  cursor: pointer;
}
.inv-menu-item:not(:last-child) {
  border-bottom: 1px solid #575c6e;
}
.inv-menu-item:hover {
  background: linear-gradient(180deg, #fbec7b 0%, #f6d754 4.69%, #ecaa3e 83.33%, #eba33a 100%);
}
.inv-menu-item:hover .inv-menu-item-name {
  color: #333;
}
.inv-menu-item-image {
  max-width: 54px;
}
.inv-menu-item-image img {
  max-width: 100%;
}
.inv-menu-item-name {
  font-size: 12px;
}
.inv-menu-item-status {
  position: relative;
  margin-left: auto;
  font-weight: bold;
}
.inv-menu-item.inv-contact {
  padding: 5px 10px;
}
.inv-menu-item.inv-contact .inv-menu-item-image {
  max-width: 30px;
  max-height: 30px;
}
.inv-menu-item.inv-contact .inv-menu-item-image img {
  border-radius: 100%;
}
.inv-reward {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  font-weight: 700;
  border-top: 1px solid #888B99;
  padding: 10px;
}
.inv-reward-intro {
  position: relative;
}
.inv-reward-intro .game-object-remove {
  bottom: 30px;
}
.inv-reward-big {
  border: 0;
  text-align: center;
  flex-direction: column;
}
.inv-reward-big img {
  max-width: 120px !important;
  max-height: 90px;
  margin: 0 15px;
}
.inv-reward img {
  max-width: 35px;
}
.inv-loading {
  position: relative;
}
.inv-loading:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  border-radius: inherit;
}
.inv-loading:after {
  content: "\f110";
  position: absolute;
  top: 50%;
  left: 50%;
  font-family: 'Font Awesome 5 Pro';
  animation: inv-loading 1s infinite linear;
}
@keyframes inv-loading {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.backpack-info-text {
  color: #888b99;
  font-size: 16px;
  line-height: 1;
  margin: 15px 0 8px;
  padding: 8px 10px;
  text-align: center;
}
.inventory-filters {
  display: flex;
  flex-wrap: nowrap;
  gap: 5px;
  overflow-x: auto;
  padding-bottom: 10px;
  white-space: nowrap;
  scrollbar-width: none;
}
.inventory-filters .inventory-filter-item {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 8px;
  font-size: 13px;
  border-radius: 20px;
  border: 1px solid #ccc;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.inventory-filters .inventory-filter-item.active {
  background-color: #E0ECFF;
}
@media (min-width: 1200px) {
  .inventory-filters .inventory-filter-item:hover {
    background-color: #E0ECFF;
  }
}
.inventory-info-text {
  color: #888B99;
  font-size: 16px;
  line-height: 1;
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 5px 0 15px;
  padding: 8px 10px;
  border-radius: 6px;
}
.inventory-info-text.exceeded {
  color: #F47895;
  border: 1px solid #F47895;
}
.inventory-info-text img {
  width: 30px;
  height: 30px;
}
.thumb-style {
  -webkit-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  border: 2px solid #fff;
  border-radius: 100%;
  background: linear-gradient(180deg, #FF8AA6 0%, #E45678 100%);
  cursor: pointer;
}
.inventory-icon {
  position: fixed !important;
  right: 100px;
  bottom: 30px;
  z-index: 1040;
}
.inventory-icon.has-chat-icon {
  right: 170px;
}
.inventory-icon img {
  width: 100%;
}
.slot-info-text span {
  color: #fbe222;
  font-size: 12px;
}
.inv-shop-box-rewards {
  margin: 0 -10px;
}
.inv-shop-box-reward {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 700;
  border-top: 1px solid #888B99;
  padding: 2px 8px;
}
.inv-shop-box-reward img {
  max-width: 30px;
  max-height: 30px;
}
.dummy-container .dummy-wrap {
  position: relative;
  height: 300px;
}
.dummy-container .dummy-wrap .dummy-background {
  width: 100%;
  height: 100%;
  position: absolute;
  background-image: url("../img/dummy/dummy_bg.png");
  background-position: center;
  background-repeat: no-repeat;
}
.dummy-container .dummy-wrap .dummy-background .dummy-person-man {
  width: inherit;
  height: 100%;
  position: absolute;
  background-image: url("../img/dummy/dummy_man.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.dummy-container .dummy-wrap .dummy-background .dummy-person-woman {
  width: inherit;
  height: 100%;
  position: absolute;
  background-image: url("../img/dummy/dummy_women.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.dummy-container .dummy-wrap .dummy-content .dummy-style-settings {
  position: absolute;
  bottom: 10px;
  left: 10px;
}
.dummy-container .dummy-wrap .dummy-content .dummy-style-settings .dummy-style-list {
  position: absolute;
  top: 0;
}
.dummy-container .dummy-wrap .dummy-content .dummy-slots-left {
  position: absolute;
  top: 15px;
  left: 15px;
  display: flex;
  flex-direction: column;
}
.dummy-container .dummy-wrap .dummy-content .dummy-slots-right {
  position: absolute;
  top: 15px;
  right: 15px;
  display: flex;
  flex-direction: column;
}
.dummy-container .dummy-wrap .dummy-content .dummy-slot-wrap {
  width: 64px;
  height: 64px;
  background: linear-gradient(180deg, rgba(89, 105, 114, 0.8) 0%, rgba(155, 167, 174, 0.8) 100%);
  border-radius: 5px;
  margin-bottom: 10px;
}
.dummy-container .dummy-wrap .dummy-content .dummy-slot-content {
  width: 100%;
  height: 100%;
  position: relative;
}
.dummy-container .dummy-wrap .dummy-content .dummy-slot-content .dummy-slot-remove {
  position: absolute;
  top: 5px;
  right: 5px;
  background-color: #f74877;
}
.dummy-container .dummy-wrap .dummy-content .dummy-slot-content .dummy-slot-image {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.advent-calendar {
  background: linear-gradient(239deg, #97BCEC 2.31%, #4B84CF 97.5%);
}
.advent-calendar__girlands {
  width: 100%;
  height: 43px;
  background: url('../img/advent-calendar/girlands.png');
  background-size: cover;
}
.advent-calendar__grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 20px 33px;
  padding: 10px;
  margin-top: 8px;
}
@media (max-width: 768px) {
  .advent-calendar__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 480px) {
  .advent-calendar__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.advent-calendar__top {
  grid-column: 1/3;
}
.advent-calendar__bottom {
  grid-column: 1/4;
}
@media (max-width: 768px) {
  .advent-calendar__bottom {
    grid-column: 1/3;
  }
}
.advent-calendar__deer {
  grid-column: 4/-1;
  grid-row: 6/4;
}
@media (max-width: 768px) {
  .advent-calendar__deer {
    grid-column: 4/3;
    grid-row: unset;
  }
}
@media (max-width: 480px) {
  .advent-calendar__deer {
    grid-column: 1/3;
  }
}
.advent-calendar__task {
  position: relative;
  height: 98px;
  background: #fff;
  border: 0;
  padding: 0;
  border-radius: 10px;
  cursor: default;
}
.advent-calendar__task-inner {
  height: 100%;
  padding: 10px;
}
.advent-calendar__task-content {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 5px;
}
.advent-calendar__task-counter {
  color: #666;
  font-size: 80px;
  font-weight: 700;
  padding-top: 10px;
}
.advent-calendar__task-goal {
  color: #333;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 120%;
}
.advent-calendar__task-skip {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 25px;
  height: 25px;
  padding: 0 !important;
  border-radius: 6px 0;
}
.advent-calendar__task.task-opened .advent-calendar__task-content {
  border-radius: 8px;
  box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.25);
}
.advent-calendar__task.task-closed {
  background: url('../img/advent-calendar/wall-gifts.png');
  background-size: cover;
}
.advent-calendar__task.state-complete .card-badge {
  text-shadow: 1px 1px 0px #3A6B31;
  background: radial-gradient(50% 46.13% at 53.03% 51.66%, rgba(255, 255, 255, 0.22) 28.48%, rgba(255, 255, 255, 0) 100%), #76D663;
}
.advent-calendar__task.state-complete .advent-calendar__task-content {
  position: relative;
  background: linear-gradient(#97CBEC 0%, #2381BD 100%);
  overflow: hidden;
}
.advent-calendar__task.state-complete .advent-calendar__task-content:before {
  content: '';
  position: absolute;
  top: -70px;
  left: -50%;
  width: 200%;
  aspect-ratio: 1/1;
  z-index: 0;
  background-image: repeating-conic-gradient(from 15deg, #ebf3fe00 0 9deg, #d6e7fb 9deg 18deg);
  animation: spin 13s linear infinite;
  background-size: 100%;
  opacity: 0.4;
}
@media (max-width: 768px) {
  .advent-calendar__task.state-complete .advent-calendar__task-content:before {
    top: -150px;
  }
}
.advent-calendar__task.state-active {
  cursor: pointer;
}
.advent-calendar__task.state-active:hover {
  box-shadow: 0 0 20px #ffffff;
}
.advent-calendar__task.state-active .card-badge {
  text-shadow: 1px 1px 0px #284775;
  background: radial-gradient(50% 46.13% at 53.03% 51.66%, rgba(255, 255, 255, 0.22) 28.48%, rgba(255, 255, 255, 0) 100%), #4A83DF;
}
.advent-calendar__task.state-active .advent-calendar__task-content {
  background: linear-gradient(#97CBEC 0%, #2381BD 100%);
}
.advent-calendar__task.state-waiting .card-badge {
  text-shadow: 1px 1px 0px #A44058;
  background: linear-gradient(180deg, #FF8AA6 0%, #E45678 100%);
}
.advent-calendar__task.state-ready {
  cursor: pointer;
}
.advent-calendar__task.state-ready .card-badge {
  text-shadow: 1px 1px 0px #BB7732;
  background: radial-gradient(50% 46.13% at 53.03% 51.66%, rgba(255, 255, 255, 0.22) 28.48%, rgba(255, 255, 255, 0) 100%), #FFBF1B;
}
.advent-calendar__task.state-ready .advent-calendar__task-content {
  background: linear-gradient(222deg, #FFD706 -6.31%, #E0972A 85.35%);
}
.advent-calendar__task .card-badge {
  z-index: 1;
}
.advent-reward-img {
  max-width: 62px;
  max-height: 50px;
  z-index: 1;
}
.advent-quest__progress {
  display: flex;
  flex-direction: column;
}
.advent-quest__progress-header {
  font-weight: bold;
}
.advent-quest__progress-data {
  display: flex;
  gap: 5px;
}
.advent-quest__progress-value {
  flex-shrink: 0;
  white-space: nowrap;
  font-weight: 700;
}
.advent-quest__rewards {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 10px;
}
.advent-quest__rewards-title {
  font-weight: bold;
  margin-bottom: 5px;
}
.advent-quest__reward {
  display: flex;
  align-items: center;
  gap: 4px;
  border-left: 2px solid #fca952;
  padding-left: 4px;
}
.advent-quest__reward-image {
  max-width: 30px;
  max-height: 30px;
}
.advent-quest__reward-title {
  font-size: 14px;
  line-height: 12px;
}
.advent-quest__buttons {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.advent-quest__buttons button {
  min-width: 100px;
}
.advent-quest__timer {
  position: unset;
  text-align: center;
  width: fit-content;
  margin: 5px auto 0;
  border-radius: 6px;
}
.advent-calendar__snowmaiden {
  position: relative;
  display: flex;
  align-items: center;
  gap: 15px;
  border-radius: 8px;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
  padding: 6px 10px;
  background: url('../img/advent-calendar/bottom-gifts.png') no-repeat bottom, linear-gradient(180deg, #F24822 -4.38%, #AC3C23 152.76%);
  background-size: 100% auto;
}
.advent-calendar__snowmaiden-img {
  flex-shrink: 0;
  position: relative;
  border-radius: 100px;
  border: 1.2px solid #3C538C;
  background: #3C538C;
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.15), 0px 0px 0px 2.4px #7EB2FF inset, 0px 6px 4px 0px rgba(0, 0, 0, 0.25) inset;
  width: 78px;
  height: 78px;
  margin-top: 7px;
}
.advent-calendar__snowmaiden-img-mask {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(100% + 20%);
  overflow: hidden;
  border-radius: inherit;
}
.advent-calendar__snowmaiden-img .advent-snowmaiden {
  position: absolute;
  max-width: 120%;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.advent-calendar__snowmaiden-img .advent-snowmaiden-lights {
  position: absolute;
  z-index: 1;
  top: 5px;
  left: calc(50% + 2px);
  width: 50px;
  transform: translateX(-50%);
}
.advent-calendar__snowmaiden-text {
  font-size: 15px;
  color: #fff;
  max-width: 60%;
  line-height: normal;
}
.advent-calendar__candy {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 98px;
  border-radius: 8px;
  background: linear-gradient(180deg, #F24822 -4.38%, #AC3C23 152.76%);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}
.advent-calendar__candy-mask {
  position: relative;
  display: flex;
  max-width: 85px;
}
.advent-calendar__candy-img {
  max-width: 100%;
  height: auto;
}
.advent-calendar__candy-img-lights {
  position: absolute;
  width: 94%;
  top: 0px;
  left: -2px;
}
.advent-calendar__candy-gingerbreads {
  max-height: 100%;
}
.advent-calendar__candy-baubles {
  right: 50px;
  position: absolute;
  top: 0;
  width: 55px;
}
.advent-calendar__candy-text {
  color: #FFF;
  font-size: 16px;
  line-height: normal;
  max-width: 275px;
}
@media (max-width: 480px) {
  .advent-calendar__candy-text {
    max-width: 265px;
  }
}
.advent-calendar__deer {
  display: flex;
  align-items: end;
  margin-bottom: -10px;
  margin-right: -25px;
}
.advent-calendar__deer-tree {
  max-width: 100%;
}
.advent-calendar__deer-tree-lights {
  position: absolute;
  TOP: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.advent-calendar__deer-mask {
  position: relative;
}
.advent-calendar__deer-door {
  max-width: 100%;
}
.advent-calendar__deer-floral {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 35%;
  left: 50%;
  transform: translateX(-50%);
}
.advent-calendar__deer-floral-main {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.advent-calendar__deer-gifts {
  margin-left: -20px;
  margin-bottom: -19px;
}
.f-anim-hue {
  -webkit-animation: f-anim-hue 0.5s infinite;
}
.f-anim-brightness {
  -webkit-animation: f-anim-brightness 0.7s infinite;
}
.f-anim-opacity {
  -webkit-animation: f-anim-opacity 0.7s infinite;
}
@keyframes f-anim-brightness {
  0%,
  100% {
    -webkit-filter: brightness(2);
  }
  25% {
    -webkit-filter: brightness(0.5);
  }
  50% {
    -webkit-filter: brightness(1);
  }
  75% {
    -webkit-filter: brightness(1.5);
  }
}
@keyframes f-anim-hue {
  0%,
  100% {
    opacity: 1;
    -webkit-filter: hue-rotate(0deg);
  }
  50% {
    opacity: 0.8;
    -webkit-filter: hue-rotate(60deg) brightness(1.5);
  }
}
@keyframes f-anim-opacity {
  0%,
  100% {
    -webkit-filter: opacity(1);
  }
  50% {
    -webkit-filter: opacity(0);
  }
}
.craft-taximanite {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  border-bottom: 1px solid #e4e4e4;
  padding-bottom: 10px;
}
.taximanite-warehouse {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
}
.taximanite-warehouse img {
  max-height: 100%;
}
.pvp-arena__content {
  background: var(--tx-wrapper-background-second);
  padding: 10px;
  border-radius: 10px;
}
.pvp-arena__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: -10px -10px 27px;
  padding: 20px 16px;
}
@media (max-width: 480px) {
  .pvp-arena__header {
    flex-direction: column-reverse;
    justify-content: left;
    padding: 15px;
  }
}
.pvp-arena__header-title {
  position: relative;
  margin: 0;
  color: var(--tx-text-color);
  font-size: 24px;
  font-weight: 700;
}
.pvp-arena__header-info {
  position: absolute;
  top: -5px;
  left: calc(100% + 8px);
  cursor: pointer;
}
.pvp-arena__header-time {
  color: #989898;
  font-size: 12px;
}
.pvp-arena__header-back {
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 4px;
}
.pvp-arena__header-back img {
  margin-top: -3px;
}
.pvp-arena__header-meta {
  display: flex;
  flex-direction: column;
}
@media (max-width: 480px) {
  .pvp-arena__header-meta {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
}
.pvp-arena__header.pvp-arena__banner {
  height: 145px;
  background: url("../img/arena/arena-top.png");
  background-size: cover;
  border-radius: 10px 10px 0 0;
}
@media (max-width: 480px) {
  .pvp-arena__header.pvp-arena__banner {
    height: 124px;
    background-position-x: 72.5%;
  }
}
.pvp-battles {
  position: relative;
  margin: 6px;
}
.pvp-battle {
  position: relative;
  display: flex;
  padding: 12px 65px 53px;
  flex-direction: column;
  align-items: center;
  gap: 26px;
  border-radius: 8px;
  background: var(--tx-panel-background);
  box-shadow: 0px 0px 4px 0px var(--tx-box-shadow-color);
}
@media (max-width: 480px) {
  .pvp-battle {
    padding: 21px;
    gap: 18px;
  }
}
.pvp-battle.pvp-battle__versus {
  padding-top: 43px;
}
.pvp-battle__title {
  font-size: 16px;
  font-weight: 700;
  color: #989898;
}
.pvp-battle__btn {
  padding-block: 7px !important;
}
@media (max-width: 480px) {
  .pvp-battle__btn {
    padding-inline: 10px !important;
  }
}
.pvp-battle__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 480px) {
  .pvp-battle__inner {
    gap: 15px;
  }
}
.pvp-battle__user {
  display: flex;
  align-items: center;
  gap: 32px;
  flex: 1;
}
@media (max-width: 480px) {
  .pvp-battle__user {
    flex-direction: column !important;
    gap: 10px;
  }
}
@media (max-width: 480px) {
  .pvp-battle__user-data {
    text-align: center !important;
  }
}
.pvp-battle__user-login {
  color: var(--tx-text-color);
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
}
.pvp-battle__user-win {
  width: 25px;
  height: 25px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 10;
  transform: translate(25%, 25%);
}
@media (max-width: 480px) {
  .pvp-battle__user-hit {
    font-size: 12px !important;
  }
}
.pvp-battle__user-bubble {
  position: absolute;
  top: 80px !important;
  right: 0 !important;
}
@media (max-width: 480px) {
  .pvp-battle__user-bubble {
    right: 0px !important;
    top: 100% !important;
  }
}
.pvp-battle__user-bubble p {
  margin: 0;
}
.pvp-battle__user.pvp-battle__opponent {
  position: relative;
  flex-direction: row-reverse;
}
.pvp-battle__user.pvp-battle__opponent .pvp-battle__user-data {
  text-align: right;
}
.pvp-battle__user:not(.pvp-battle__opponent) .pvp-battle__user-login {
  color: #609f53;
}
.pvp-battle__user .img-user-avatar-container {
  width: 80px;
  height: 80px;
  margin: 0;
}
.pvp-battle__user .img-user-avatar-container.avatar-border {
  border-radius: 80px;
  border: 3px solid #f1f1f7;
  background: lightgray 50% / cover no-repeat;
  box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.24);
}
.pvp-battle__user .img-user-avatar-container .img-user-avatar {
  background-position-y: top;
}
.pvp-battle__user.knockdown .img-user-avatar {
  filter: grayscale(1);
}
.pvp-battle__user.knockdown .pvp-battle__user-login,
.pvp-battle__user.knockdown .pvp-battle__user-amount {
  color: #989898;
}
.pvp-battle__plate {
  position: absolute !important;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pvp-battle__timer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  min-height: 32px;
  line-height: 7px;
  background: #fcb808;
  font-size: 10px !important;
  padding-block: 3px !important;
}
.pvp-battle__timer:after {
  background: linear-gradient(#ffe4bb, #9b610a);
}
.pvp-battle__timer .countdown {
  font-size: 18px !important;
  font-weight: 700;
  line-height: 16px;
}
.pvp-battle__link {
  position: absolute;
  top: 0;
  right: 34px;
  transform: translateY(-50%);
  border-radius: 8px;
  background: #fdfdfd;
  box-shadow: 0px 2px 14px 0px rgba(90, 134, 239, 0.22);
  text-decoration: none;
  padding: 7px 14px;
  color: #518af1;
  line-height: 18px;
  z-index: 10;
}
@media (max-width: 480px) {
  .pvp-battle__link {
    font-size: 12px;
    right: 10px;
  }
  .pvp-battle__link:first-letter {
    text-transform: uppercase;
  }
  .pvp-battle__link span {
    display: none;
  }
}
.pvp-battle__user-amount {
  color: #609f53;
  font-size: 15px;
}
.pvp-battle__user .opponent-search {
  border: 1px solid #ea6282;
  padding: 10px;
  background: #fff;
  width: 100px;
  height: 100px;
  -moz-animation: opponent-search 2s infinite;
  -webkit-animation: opponent-search 2s infinite;
  animation: opponent-search 2s infinite;
}
.pvp-battle__user .opponent-search .img-user-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: none !important;
  border: 2px solid #ea6282;
  padding: 0;
  height: 100%;
  color: #eb6484;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  line-height: 10px;
}
.pvp-battle__items {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 20px 10px;
  margin-top: 30px;
}
@media (max-width: 480px) {
  .pvp-battle__items {
    grid-template-columns: repeat(3, minmax(0px, 1fr));
  }
}
.pvp-battle__item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pvp-battle__item-img {
  max-width: 100%;
  max-height: 90px;
  margin: -6px;
}
.pvp-battle__item-img.img-strip {
  transform: scale(1.3);
}
.pvp-battle__item-title {
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  z-index: 5;
}
.pvp-battle__item-price {
  font-size: 13px;
  color: #67666f;
}
.pvp-battle__logs {
  padding: 25px;
}
@media (max-width: 480px) {
  .pvp-battle__logs {
    padding: 10px;
    margin-top: 20px;
  }
}
.pvp-battle__logs-title {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
}
.pvp-battle__logs-list {
  margin-top: 10px;
  max-height: 200px;
  overflow-y: auto;
}
.pvp-battle__log {
  line-height: 14px;
  margin-bottom: 5px;
}
.pvp-battle__log-date {
  color: #939aaa;
  font-size: 13px;
  margin-right: 6px;
}
.pvp-battle__log-text {
  color: #3f5b83;
}
.pvp-battle__log a {
  text-decoration: none;
}
.pvp-battle__status {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-width: 144px;
  padding: 6px 24px;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  border-radius: 6px;
  white-space: nowrap;
}
.pvp-battle__status i {
  font-size: 18px;
}
.pvp-battle__status-win {
  background: linear-gradient(to right, #ffbf1b, #fe9e0d, #ff881a);
  text-shadow: 1px 1px 0px #d68836;
}
.pvp-battle__status-lost {
  background: linear-gradient(180deg, #ff8aa6 0%, #e45678 100%);
  text-shadow: 1px 1px 0px #a44058;
}
.pvp-battle__status-draw {
  background: linear-gradient(214deg, #d7d6d4 15.24%, #adadb3 79.83%);
  text-shadow: 1px 1px 0px #7f7f7f;
}
.pvp-battle__progress {
  display: flex;
  gap: 1px;
  width: 100%;
  max-width: 530px;
  border-radius: 100px;
  border: 1px solid #d9d9d9;
  background: #f1f1f7;
  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.1) inset;
  padding: 3px;
}
.pvp-battle__progress .progress-custom {
  height: 10px;
}
@keyframes opponent-search {
  0% {
    box-shadow: 0 0 0 0 #ea6282;
  }
  70% {
    box-shadow: 0 0 0 10px rgba(88, 120, 243, 0);
  }
  100% {
    box-shadow: 0 0 0 50px rgba(88, 120, 243, 0);
  }
}
.arena-widget {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  padding: 5px 3px;
  border-radius: 16px;
  text-decoration: none;
  border: 1px solid #ff8aa6;
  background: #ff9500 url("../img/arena/shield.png") no-repeat right / auto 100%;
}
@media (max-width: 992px) {
  .arena-widget {
    display: flex !important;
    width: fit-content !important;
    flex-direction: row;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 1px 15px;
    border: 0;
    background-image: url("../img/arena/widget-mobile-bg.png");
    background-size: cover;
    background-color: #ffcc00;
  }
}
.arena-widget:hover {
  border-color: #007aff;
  background-color: #32ade6;
}
.arena-widget__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}
@media (max-width: 992px) {
  .arena-widget__header {
    white-space: nowrap;
    gap: 0;
    margin-right: 10px;
  }
}
.arena-widget__title {
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  text-shadow: 0.3px 0.3px 0px rgba(0, 0, 0, 0.25);
  line-height: 1;
}
@media (max-width: 992px) {
  .arena-widget__title {
    font-size: 9px;
  }
}
.arena-widget__timer {
  color: #fff;
  text-shadow: 0.3px 0.3px 0px rgba(0, 0, 0, 0.25);
  font-size: 8px;
  line-height: 1;
}
@media (max-width: 992px) {
  .arena-widget__timer {
    font-size: 7px;
  }
}
.arena-widget__participant {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 2px;
  margin-top: 3px;
}
@media (max-width: 992px) {
  .arena-widget__participant {
    margin: 0;
    gap: 5px;
  }
}
.arena-widget__participant-img {
  width: 18px;
  height: 18px;
  object-fit: cover;
  object-position: top center;
  border-radius: 100px;
  border: 1.2px solid #f1f1f7;
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.24);
}
.arena-widget__participant-login {
  text-overflow: ellipsis;
  overflow: hidden;
  color: #fff;
  text-shadow: 0.3px 0.3px 0px #213d65;
  font-size: 9px;
  font-weight: 700;
}
.arena-widget__participant-data {
  display: flex;
  flex-direction: column;
  line-height: 1;
  width: 52px;
}
@media (max-width: 992px) {
  .arena-widget__participant-data {
    width: unset;
    max-width: 100px;
  }
}
.arena-widget__participant-amount {
  color: #fff;
  text-shadow: 0.3px 0.3px 0px #000000;
  font-size: 12px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 3px;
}
.arena-widget__participant-amount .txm-account-icon {
  font-size: 75% !important;
  scale: 1.3;
}
.arena-widget__participant.p-lost .arena-widget__participant-amount {
  color: #f00;
  text-shadow: 0.3px 0.3px 0px #ea6331;
}
.arena-widget__participant.p-win .arena-widget__participant-amount {
  color: #008000;
  text-shadow: 0.3px 0.3px 0px #213d65;
}
@media (max-width: 992px) {
  .arena-widget__opponent {
    flex-direction: row-reverse;
  }
}
.arena-widget__swords {
  width: 15px;
  height: 15px;
  margin: 0 5px;
  filter: drop-shadow(0.3px 0.3px 0px rgba(0, 0, 0, 0.25));
}
@media (min-width: 993px) {
  .arena-widget__swords {
    display: none;
  }
}
@media (min-width: 993px) {
  .app-header .arena-widget {
    display: none;
  }
}
@media (max-width: 992px) {
  .app-sidebar .arena-widget {
    display: none;
  }
}
.pvp-slider {
  max-width: 100%;
}
@media (max-width: 992px) {
  .pvp-slider {
    position: absolute !important;
    bottom: 3px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
@media (max-width: 992px) {
  .pvp-slider .swiper-slide {
    display: flex;
    justify-content: center;
  }
}
.ribbon::before,
.ribbon::after {
  content: '';
  position: absolute;
  bottom: -6px;
  width: 24px;
  height: 19px;
  background-size: 100% 100% !important;
}
@media (max-width: 480px) {
  .ribbon::before,
  .ribbon::after {
    width: 15px;
    height: 12px;
    bottom: -4px;
  }
}
.ribbon::before {
  left: -11px;
}
@media (max-width: 480px) {
  .ribbon::before {
    left: -7px;
  }
}
.ribbon::after {
  right: -11px;
  transform: rotateY(180deg);
}
@media (max-width: 480px) {
  .ribbon::after {
    right: -7px;
  }
}
.ribbon-warning::before,
.ribbon-warning::after {
  background: url('../img/city/theme/ribbon.svg');
}
.ribbon-danger::before,
.ribbon-danger::after {
  background: url('../img/city/theme/ribbon-danger.svg');
}
.ribbon-grey::before,
.ribbon-grey::after {
  background: url('../img/city/theme/ribbon-grey.svg');
}
.tower {
  background: var(--tx-wrapper-background-second);
  border-radius: 10px;
}
@media (max-width: 480px) {
  .tower {
    padding: 10px;
  }
}
.tower-breadcrumbs {
  border-bottom: 1px solid var(--tx-border-color);
}
.tower-breadcrumbs__icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  border-radius: 100%;
  border: 1px solid #8f8f8f;
  margin-left: 4px;
  background-size: 100%;
  background-repeat: no-repeat;
}
.tower-breadcrumbs .breadcrumbs-item.current {
  display: flex;
  align-items: center;
}
.tower-breadcrumbs .breadcrumbs-items {
  display: flex;
  align-items: center;
  gap: 4px;
}
.tower-header__title {
  font-weight: 700;
  margin: 10px 0 5px;
}
.tower-header__desc {
  padding: 20px;
  line-height: 21px;
}
.tower-levels {
  padding: 20px;
  border-radius: 0 0 10px 10px;
  background-size: cover !important;
}
@media (max-width: 480px) {
  .tower-levels {
    margin-inline: -10px;
    margin-bottom: -10px;
  }
}
.tower-levels__list {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  width: 100%;
  padding: 20px 0 50px;
}
.tower-level {
  border: 1px solid #7d93ce;
  border-radius: 10px;
  width: 100%;
}
.tower-level__rewards {
  display: flex;
  align-items: start;
  gap: 8px;
}
.tower-level__reward {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 4px;
}
.tower-level__reward-image {
  max-height: 28px;
}
@media (max-width: 480px) {
  .tower-level__reward-image {
    max-height: 22px;
  }
}
.tower-level__reward-text {
  max-width: 100px;
  line-height: 14px;
  text-align: center;
  color: #fff;
}
.tower-level__reward-text .txm-account-icon {
  margin-top: -5px;
  font-size: 80%;
}
.tower-level__reward-text .text-nowrap {
  white-space: unset !important;
}
.tower-level__content {
  position: relative;
  background: rgba(255, 255, 255, 0.4);
  padding: 16px;
  border-radius: 0 0 9px 9px;
  backdrop-filter: blur(2px);
}
@media (max-width: 480px) {
  .tower-level__content {
    padding: 10px;
  }
}
.tower-level__content .pvp-battle.pvp-battle__versus {
  margin: -16px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  box-shadow: none;
}
@media (max-width: 480px) {
  .tower-level__content .pvp-battle.pvp-battle__versus {
    margin: -10px;
  }
}
.tower-level__content .pvp-battle.pvp-battle__versus .pvp-battle__user-amount {
  font-size: 24px;
}
@media (max-width: 480px) {
  .tower-level__content .pvp-battle.pvp-battle__versus .pvp-battle__user-amount {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.tower-level__content .pvp-battle__progress .progress-custom {
  height: 40px;
}
.tower-level__header {
  background: linear-gradient(90deg, #3a5087 0%, #526cc3 100%);
  display: flex;
  justify-content: space-between;
  padding: 10px 20px;
  border-radius: 9px 9px 0 0;
}
@media (max-width: 480px) {
  .tower-level__header {
    padding: 6px 10px;
  }
}
.tower-level__header-meta {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.tower-level__header-inner {
  display: flex;
  align-items: center;
  gap: 10px;
}
.tower-level__header-title {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
}
@media (max-width: 480px) {
  .tower-level__header-title {
    font-size: 14px;
  }
}
.tower-level__data {
  max-width: calc(67% - 14px);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
@media (max-width: 480px) {
  .tower-level__data {
    max-width: calc(55% - 14px);
  }
}
.tower-level__actions {
  width: 100%;
}
.tower-level__actions .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
}
@media (max-width: 480px) {
  .tower-level__actions .btn {
    font-size: 14px !important;
    padding-block: 4px !important;
  }
}
.tower-level__mentor {
  position: absolute;
  right: 8px;
  bottom: 0;
  max-width: calc(33% - 16px);
  width: 100%;
  display: flex;
  justify-content: space-around;
}
@media (max-width: 480px) {
  .tower-level__mentor {
    max-width: calc(45% - 16px);
  }
}
.tower-level__mentor-person {
  max-width: 120px;
  max-height: 240px;
}
@media (max-width: 480px) {
  .tower-level__mentor-person {
    max-width: 100px;
    max-height: 200px;
  }
}
.tower-level__mentor-lock {
  position: absolute;
  top: calc(50% + 10px);
  left: 50%;
  transform: translate(-50%, -50%);
}
.tower-level__timer {
  color: #f47895;
  font-size: 16px;
  line-height: normal;
}
@media (max-width: 480px) {
  .tower-level__timer {
    font-size: 13px;
  }
}
.tower-level__payable {
  display: flex;
  align-items: center;
  gap: 4px;
  line-height: normal;
}
.tower-level__payable img {
  height: 1.2em;
}
.tower-level__arrow {
  transform: rotate(180deg);
}
.tower-level__state {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.tower-level__task * {
  margin: 0;
}
.tower-level.level-conquered .tower-level__header {
  background: linear-gradient(90deg, #0c7514 0%, #1cc728 100%);
}
.tower-level.tower-level-lock {
  border-color: #b1b1b1;
}
.tower-level.tower-level-lock .tower-level__header {
  background: linear-gradient(90deg, #4a5163 0.2%, #aaa 160.42%);
}
.tower-level.tower-level-lock .tower-level__timer,
.tower-level.tower-level-lock .tower-level__data .tower-level__actions,
.tower-level.tower-level-lock .tower-level__mentor-person {
  filter: contrast(0) brightness(0.8) blur(2px);
}
.tower-level.tower-level-lock .tower-level__rewards {
  filter: grayscale(1);
}
.tower-level .items-block {
  max-width: 200px;
}
.tower-level .pvp-battle__status {
  top: 25px;
}
.tower-level .tower-level__actions .btn.disabled {
  box-shadow: 0px 1px 2.6px 0px rgba(77, 77, 77, 0.45) !important;
  background: linear-gradient(180deg, #e1e1e1 0%, #a6a6a6 100%) !important;
}
.tower-pioneer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #fbbc23;
  font-size: 16px;
}
.tower-pioneer__user {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #fff;
  text-decoration: none;
}
.tower-pioneer__user:hover {
  color: #fff;
}
.tower-pioneer__user .img-user-avatar-container {
  width: 30px;
  height: 30px;
}
.tower-pioneer__empty {
  font-style: italic;
  color: #dadada;
}
.mmoclicker {
  /* Анимация "активации" */
  /* Основной контейнер для прогресс-бара */
  /* Анимация заполнения */
  /* Эффект звёзд */
  /* Анимация звёзд */
  /* Эффект конфетти */
  /* Анимация конфетти */
  /* Основной контейнер для изображения и эффектов */
  /* Изображение уровня */
  /* Эффект звёзд */
  /* Анимация звёзд */
  /* Эффект конфетти */
  /* Анимация конфетти */
  /* Анимация номера уровня */
  /* Анимация появления и исчезновения номера уровня */
}
.mmoclicker .picture-container {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #ececec;
  border-radius: 13px;
  width: 100%;
  cursor: pointer;
}
.mmoclicker .picture-container img.image {
  display: block;
  padding: 10px;
  max-height: 200px;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 0 auto;
}
.mmoclicker .picture-container .balance-overlay {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  /* Полупрозрачный черный фон */
  color: white;
  /* Цвет текста */
  padding: 5px 10px;
  border-radius: 0 0 13px 13px;
  font-family: Arial, sans-serif;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  /* Тень для текста */
}
.mmoclicker .picture-container .balance-overlay .balance {
  font-size: 18px;
  margin-bottom: 4px;
}
.mmoclicker .picture-container .balance-overlay .user-avatar {
  position: relative;
}
.mmoclicker .picture-container .balance-overlay .user-avatar .rd-badge-icon {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 25px;
  height: 25px;
  font-size: 14px;
}
.mmoclicker .picture-container .plus-one {
  position: absolute;
  z-index: 100;
  opacity: 1;
  transition: opacity 1s ease-in-out, transform 1s ease-in-out;
  -webkit-user-select: none;
  /* Для Safari и старых версий Chrome */
  -moz-user-select: none;
  /* Для Firefox */
  -ms-user-select: none;
  /* Для старых версий Internet Explorer */
  user-select: none;
  /* Для современных браузеров */
}
.mmoclicker .picture-container .plus-one .user {
  font-size: 28px;
  font-weight: bold;
  color: #F47895;
}
.mmoclicker .picture-container .plus-one .clan .img-user-avatar-container {
  width: 20px;
}
.mmoclicker .mmoc-shop-item {
  cursor: pointer;
  margin-bottom: 10px;
  user-select: none;
  transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out;
}
.mmoclicker .mmoc-shop-item .rd-badge-icon {
  position: absolute;
  bottom: -7px;
  left: 25%;
  transform: translate(100%, -50%);
  width: auto;
  min-width: 18px;
  padding: 3px 4px;
  border-radius: 5px;
}
.mmoclicker .mmoc-shop-item.shop-item-active {
  animation: activate 0.2s ease-in-out;
  /* Анимация при активации */
}
.mmoclicker .mmoc-shop-item.shop-item-active:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25);
  transform: translateY(-2px);
  background-color: #eff3fa;
}
.mmoclicker .mmoc-shop-item.shop-item-active:active {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  transform: translateY(4px);
}
.mmoclicker .mmoc-shop-item.shop-item-inactive {
  color: #999999;
  background-color: #ededed;
  cursor: not-allowed;
}
.mmoclicker .mmoc-bonus-item {
  cursor: pointer;
  user-select: none;
  transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out;
  width: 60px;
  height: 60px;
  padding: 5px;
  border: 2px solid #3584e6;
  text-align: center;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
}
.mmoclicker .mmoc-bonus-item .bonus-image {
  position: absolute;
  top: 10px;
  left: 0;
  width: 100%;
}
.mmoclicker .mmoc-bonus-item .bonus-image img {
  height: 50px;
}
.mmoclicker .mmoc-bonus-item.shop-bonus-active:hover {
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.35);
  transform: translateY(-2px);
  background-color: #eff3fa;
}
.mmoclicker .mmoc-bonus-item.shop-bonus-active:active {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  transform: translateY(4px);
}
.mmoclicker .mmoc-bonus-item.shop-bonus-inactive {
  background-color: #ededed !important;
  border: 2px solid #cdcdcd !important;
}
.mmoclicker .mmoc-bonus-item.shop-bonus-inactive:hover {
  transform: translateY(-2px);
}
@keyframes activate {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 rgba(46, 204, 113, 0.4);
  }
  50% {
    transform: scale(1.03);
    box-shadow: 0 0 20px rgba(46, 204, 113, 0.8);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 rgba(46, 204, 113, 0.4);
  }
}
.mmoclicker .progress-container {
  width: 100%;
  max-width: 300px;
  height: 18px;
  background-color: #888b99;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  box-shadow: inset -2px -2px 3px 1px rgba(0, 0, 0, 0.2);
  /* Заполненная часть прогресс-бара */
  /* Текст поверх прогресс-бара */
}
.mmoclicker .progress-container .progress-bar,
.mmoclicker .progress-container .progress-bar,
.mmoclicker .progress-container .progress-custom .progress-bar,
.mmoclicker .progress-container .progress-custom-sm .progress-bar,
.mmoclicker .progress-container .progress-custom .progress-bar,
.mmoclicker .progress-container .progress-custom-sm .progress-bar,
.mmoclicker .progress-container .progress-custom .progress-bar,
.mmoclicker .progress-container .progress-custom-sm .progress-custom .progress-bar,
.mmoclicker .progress-container .progress-custom-sm .progress-bar,
.mmoclicker .progress-container .progress-custom .progress-custom-sm .progress-bar,
.mmoclicker .progress-container .progress-custom-sm .progress-custom .progress-bar,
.mmoclicker .progress-container .progress-custom .progress-custom-sm .progress-bar,
.mmoclicker .progress-container .progress-custom-sm .progress-custom .progress-bar,
.mmoclicker .progress-container .progress-custom-sm .progress-custom .progress-bar,
.mmoclicker .progress-container .progress-custom .progress-custom-sm .progress-bar,
.mmoclicker .progress-container .progress-custom .progress-custom-sm .progress-bar {
  height: 100%;
  width: 0%;
  /* Начальное значение прогресса */
  background: linear-gradient(90deg, #f47895, #e45678);
  border-radius: 20px;
  transition: width 0.5s ease-in-out;
  position: relative;
}
.mmoclicker .progress-container .progress-bar::after,
.mmoclicker .progress-container .progress-bar::after,
.mmoclicker .progress-container .progress-custom .progress-bar::after,
.mmoclicker .progress-container .progress-custom-sm .progress-bar::after,
.mmoclicker .progress-container .progress-custom .progress-bar::after,
.mmoclicker .progress-container .progress-custom-sm .progress-bar::after,
.mmoclicker .progress-container .progress-custom .progress-bar::after,
.mmoclicker .progress-container .progress-custom-sm .progress-custom .progress-bar::after,
.mmoclicker .progress-container .progress-custom-sm .progress-bar::after,
.mmoclicker .progress-container .progress-custom .progress-custom-sm .progress-bar::after,
.mmoclicker .progress-container .progress-custom-sm .progress-custom .progress-bar::after,
.mmoclicker .progress-container .progress-custom .progress-custom-sm .progress-bar::after,
.mmoclicker .progress-container .progress-custom-sm .progress-custom .progress-bar::after,
.mmoclicker .progress-container .progress-custom-sm .progress-custom .progress-bar::after,
.mmoclicker .progress-container .progress-custom .progress-custom-sm .progress-bar::after,
.mmoclicker .progress-container .progress-custom .progress-custom-sm .progress-bar::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  animation: fillAnimation 2s linear infinite;
}
.mmoclicker .progress-container .progress-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: Arial, sans-serif;
  font-size: 12px;
  /*font-weight: bold;*/
  z-index: 2;
  white-space: nowrap;
}
.mmoclicker .sub-menu {
  margin: -10px 0 10px 0;
}
.mmoclicker .sub-menu ul {
  box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.25);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.mmoclicker .sub-menu ul li.active:first-child,
.mmoclicker .sub-menu ul li:hover:first-child {
  border-bottom-left-radius: 10px;
}
.mmoclicker .sub-menu ul li.active:last-child,
.mmoclicker .sub-menu ul li:hover:last-child {
  border-bottom-right-radius: 10px;
}
@keyframes fillAnimation {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}
.mmoclicker .star {
  position: absolute;
  width: 20px;
  height: 20px;
  background: url('https://www.svgrepo.com/show/532289/star-alt-1.svg') no-repeat center center;
  background-size: contain;
  animation: float 2s ease-in-out;
  opacity: 0;
  z-index: 120;
}
@keyframes float {
  0% {
    transform: translateY(0) scale(0);
    opacity: 1;
  }
  50% {
    transform: translateY(-50px) scale(1.2);
    opacity: 1;
  }
  100% {
    transform: translateY(-100px) scale(0);
    opacity: 0;
  }
}
.mmoclicker .confetti {
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #ffcc00;
  border-radius: 50%;
  animation: confetti-fall 2s ease-in-out;
  opacity: 0;
}
@keyframes confetti-fall {
  0% {
    transform: translateY(0) rotate(0deg);
    opacity: 1;
  }
  100% {
    transform: translateY(200px) rotate(360deg);
    opacity: 0;
  }
}
.mmoclicker .level-container {
  position: relative;
  width: 300px;
  height: 300px;
  margin: 50px auto;
}
.mmoclicker .level-image {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
.mmoclicker .star {
  position: absolute;
  width: 20px;
  height: 20px;
  background: url('/media/assets/app/src/img/taxipolis/star.svg') no-repeat center center;
  background-size: contain;
  animation: float 2s ease-in-out;
  opacity: 0;
}
@keyframes float {
  0% {
    transform: translateY(0) scale(0);
    opacity: 1;
  }
  50% {
    transform: translateY(-50px) scale(1.2);
    opacity: 1;
  }
  100% {
    transform: translateY(-150px) scale(0);
    opacity: 0;
  }
}
.mmoclicker .confetti {
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #ffcc00;
  border-radius: 50%;
  animation: confetti-fall 2s ease-in-out;
  opacity: 0;
}
@keyframes confetti-fall {
  0% {
    transform: translateY(0) rotate(0deg);
    opacity: 1;
  }
  100% {
    transform: translateY(200px) rotate(360deg);
    opacity: 0;
  }
}
.mmoclicker .level-number {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  font-size: 22px;
  text-align: center;
  font-family: Arial, sans-serif;
  color: #F47895;
  text-shadow: 1px 1px 4px #333;
  animation: levelUpAnimation 5s ease-in-out forwards;
  opacity: 0.25;
  white-space: nowrap;
}
.mmoclicker .level-number span {
  color: #0a91ff;
  font-weight: bold;
}
@keyframes levelUpAnimation {
  0% {
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
  }
  20% {
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 1;
  }
  80% {
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
  }
}
.mmoclicker .glow-1 img {
  filter: drop-shadow(0 0 4px #000000) drop-shadow(0 0 4px #2eff2e);
}
.mmoclicker .glow-2 img {
  filter: drop-shadow(0 0 4px #000000) drop-shadow(0 0 4px #05f8cb);
}
.mmoclicker .glow-3 img {
  filter: drop-shadow(0 0 4px #000000) drop-shadow(0 0 4px #ffa90c);
}
.mmoclicker .glow-4 img {
  filter: drop-shadow(0 0 4px #000000) drop-shadow(0 0 4px #4a05f8);
}
.mmoclicker .glow-5 img {
  filter: drop-shadow(0 0 4px #000000) drop-shadow(0 0 4px #f805bf);
}
.mmoclicker .million-fingers-container {
  display: flex;
  justify-content: center;
}
.mmoclicker-bonus-popover .values {
  list-style-type: square;
  margin: 0 !important;
  padding-left: 15px;
}
[x-cloak] {
  display: none !important;
}
.my-clan {
  background: #e7f3fe !important;
}
.button-settings {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
  border-radius: 100%;
  margin-left: 4px;
  border: none;
  outline: none;
  background: #fff;
}
@media (max-width: 768px) {
  .button-settings {
    width: 20px;
    height: 20px;
    box-shadow: none;
  }
}
.button-settings:hover {
  background: #efefefa3;
}
.mini-game__container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mini-game__sound {
  position: absolute;
  top: 8px;
  left: 8px;
  border-radius: 30px;
  width: 24px;
  height: 24px;
  font-size: 12px;
  border: 0;
  color: #3a5187;
  background: #fff;
}
.mini-game__start {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mini-game__meta {
  background: #131313;
  border: 1px solid #ccc;
  color: #fff;
  border-radius: 6px;
  padding: 4px;
}
.mini-game__status {
  margin: 0;
}
.mini-game__desc {
  font-size: 14px;
}
.modal-minigame .modal-body {
  padding-inline: 10px;
}
#mg-connect_wires .modal-content {
  background: var(--tx-panel-background, #fff) url("../img/mini-game/connect_wires.png");
  background-size: 100% auto;
  background-position: center;
}
#mg-defeat_enemy .modal-content {
  background: var(--tx-panel-background, #fff) url("../img/mini-game/defeat_enemy.jpg");
  background-size: 100% auto;
  background-position: center bottom;
}
#mg-hold_steering_wheel .modal-content {
  background: #000;
}
#mg-hold_steering_wheel canvas {
  background-image: url("../img/mini-game/car-interior.png");
  background-size: 100% auto;
  background-position-y: center;
  background-repeat: no-repeat;
}
#mg-open_safe .modal-content {
  background: #8a8a8e;
}
#mg-pay_by_card .modal-content {
  background: #2a2a2a;
}
#mg-assemble_puzzle .modal-content {
  background: #333;
}
#mg-find_pair .modal-content {
  background: #333333;
}
.layout-2023 {
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media (max-width: 992px) {
  .layout-2023 {
    margin-left: 5px;
    background-position-x: -250px;
    background-position-y: 60px;
    background-size: 1450px;
  }
}
@media (max-width: 480px) {
  .layout-2023 {
    background-position-x: -290px;
  }
}
.layout-2023.no-auth-user #contentWrapper,
.layout-2023.no-auth-user #content {
  margin-left: 0 !important;
}
.layout-2023 .goog-te-banner-frame.skiptranslate,
.layout-2023 .goog-logo-link,
.layout-2023 .goog-te-gadget span {
  display: none !important;
}
.layout-2023 #google_translate_element {
  display: inline-block;
}
.layout-2023 .goog-te-gadget {
  font-size: 0 !important;
  /* НЕ УДАЛЯТЬ!!! */
}
.layout-2023 .goog-te-gadget .goog-te-combo {
  margin: 0 !important;
  background-color: #fff !important;
  border: 1px solid #d1d5db !important;
  padding: 2px 4px;
  border-radius: 3px;
  font-size: 12px;
  color: #111827;
  outline: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  transition: border-color 0.2s, box-shadow 0.2s;
  cursor: pointer;
}
.layout-2023 .goog-te-gadget .goog-te-combo:focus {
  border-color: #3b82f6 !important;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3) !important;
}
.layout-2023 .goog-te-gadget .goog-te-combo option {
  background-color: #fff !important;
  color: #111827 !important;
  font-size: 12px !important;
  padding: 2px 4px;
}
.layout-2023 #wrapper {
  margin-bottom: 20px;
}
.layout-2023 #wrapper,
.layout-2023 .wrapper,
.layout-2023 .container-fluid {
  max-width: 1000px;
}
.layout-2023 #contentWrapper {
  margin-left: -80px;
}
@media (max-width: 992px) {
  .layout-2023 #contentWrapper {
    margin-left: 0;
  }
}
.layout-2023 #contentWrapper #content {
  margin-left: 100px;
}
@media (max-width: 992px) {
  .layout-2023 #contentWrapper #content {
    margin-left: 0;
  }
}
.layout-2023 .tab-content {
  box-shadow: none;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
@media (min-width: 767px) {
  .layout-2023 .tab-content {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
  }
}
.layout-2023 .tab-content.row {
  margin-left: 0;
  margin-right: 0;
}
.layout-2023.polis-layout {
  display: flex;
  align-items: center;
  height: 100vh;
  background: transparent;
}
.layout-2023 .content-wrapper {
  border-radius: 15px;
}
.layout-2023 .content-wrapper:not(.content-full) {
  background: var(--tx-wrapper-background-second);
}
.layout-2023 .progressBar {
  border-radius: 25px;
}
.layout-2023 .panel.panel-default,
.layout-2023 .panel.panel-custom {
  margin-bottom: 10px;
  border-radius: 15px;
  box-shadow: 0 0 4px var(--tx-box-shadow-color);
}
.layout-2023 .panel.panel-default .panel-heading,
.layout-2023 .panel.panel-custom .panel-heading {
  padding: 10px;
}
.layout-2023 .panel.panel-default .panel-body,
.layout-2023 .panel.panel-custom .panel-body {
  padding: 10px;
}
.layout-2023 .swiper.swiper-initialized {
  padding-top: 3px;
  margin-top: -3px;
}
.layout-2023 .notification .notification-default {
  margin-bottom: 10px;
  border-radius: 15px;
  box-shadow: 0 0 4px var(--tx-box-shadow-color);
}
.layout-2023 .menu-scrollable {
  overflow-x: auto;
}
.layout-2023 .menu-scrollable::-webkit-scrollbar {
  height: 5px;
}
.layout-2023 .menu-scrollable::-webkit-scrollbar-thumb {
  background: #f2ca51;
}
.layout-2023 .menu-scrollable::-webkit-scrollbar-thumb:hover {
  background: #d7b031;
}
.layout-2023 .font-cuprum {
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.layout-2023 iframe[id*="omni_widget_iframe_"],
.layout-2023 #omni_widget_hint {
  z-index: 1043 !important;
}
@media (max-width: 992px) {
  .layout-2023 iframe[id*="omni_widget_iframe_"],
  .layout-2023 #omni_widget_hint {
    bottom: 90px !important;
  }
}
.layout-2023 .company-badge {
  border-radius: 100px;
  background: #fff;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
  padding: 1px 6px 1px 1px;
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  line-height: 1;
  max-width: 86px;
  white-space: nowrap;
  overflow: hidden;
  color: #333;
  text-decoration: none;
}
@media (max-width: 992px) {
  .layout-2023 .company-badge {
    font-size: 10px;
  }
}
.layout-2023 .company-badge:hover {
  box-shadow: 0px 0px 10px 1px #7eb2ff;
}
.layout-2023 .company-badge img {
  aspect-ratio: 1 / 1;
  height: 18px;
  border-radius: 100%;
}
.layout-2023 .company-badge span {
  overflow: hidden;
  text-overflow: ellipsis;
}
.layout-2023 .menu-list {
  list-style-type: none;
  padding: 0;
  overflow: hidden scroll;
  max-height: 300px;
  border-radius: 10px;
}
.layout-2023 .menu-list a {
  background: linear-gradient(#4d5164, #484d60);
  padding: 10px;
  width: 100%;
  display: flex;
  text-decoration: none;
  color: #fff;
  min-width: 160px;
  line-height: 1;
}
.layout-2023 .menu-list a.active {
  color: #fe9e0d;
}
.layout-2023 .menu-list a:hover {
  background: #323748;
}
.layout-2023 .menu-list a i.fa-check {
  background: radial-gradient(#ffbf1b, #fe9e0d, #ff881a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-left: 10px;
}
.layout-2023 .svg-question-blue svg path {
  fill: #3a5087;
}
.layout-2023 .hover-scale {
  transition: scale 300ms;
}
.layout-2023 .hover-scale:hover {
  scale: 120%;
}
.layout-2023 .quest-float-bar .overflow-description:has(.car-snippet) {
  max-height: 300px;
}
.layout-2023 .quest-float-bar .overflow-description:has(.car-snippet) .car-snippet {
  padding: 0 !important;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid #000 !important;
  border-radius: 4px;
}
.layout-2023 .quest-float-bar .overflow-description:has(.car-snippet) .car-snippet-image {
  max-height: 100px !important;
}
.layout-2023 .old-price-new {
  position: relative;
}
.layout-2023 .old-price-new:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -1px;
  width: calc(100% + 2px);
  border: 1px solid #fbe222;
  box-shadow: 0px 1px 0px #676767;
  transform: rotate(15deg);
  margin-top: -1px;
}
.layout-2023 .level-progress {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  font-size: 12px;
  font-weight: 700;
}
.layout-2023 .balance-badge {
  position: relative;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  background: #fff;
  box-shadow: 0px 1px 4px var(--tx-box-shadow-color);
  padding: 6px 7px 6px 25px;
  border-radius: 100px;
  color: var(--tx-text-color-reverse);
}
@media (max-width: 768px) {
  .layout-2023 .balance-badge {
    font-size: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
.layout-2023 .balance-badge:hover {
  color: var(--drk-color);
  background: #adadad1f;
}
.layout-2023 .balance-badge .txm-account-icon {
  position: absolute;
  left: -3px;
  top: 50%;
  transform: translateY(-50%) scale(1.7);
}
.layout-2023 .balance-badge .txm-account-icon.gem {
  left: 0;
}
.layout-2023 .balance-badge .txm-account-icon.taximanite {
  transform: translateY(-25%) scale(1.7);
}
.layout-2023 .theme-badge {
  border-radius: 100px;
  border: 1px solid #e7e7ec;
  color: #333;
  background: #f9f9fc;
  width: fit-content;
  line-height: 1;
  padding: 4px 5px 4px 7px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.layout-2023 .theme-badge:hover {
  border-color: #b1b1c2;
}
.layout-2023 .theme-badge:hover .theme-badge-divider {
  background: #b1b1c2;
}
.layout-2023 .theme-badge-image {
  width: 20px;
  height: 20px;
  margin: -3px 0 -3px -6px;
  border-radius: 100px;
}
.layout-2023 .theme-badge-name {
  font-size: 14px;
}
@media (max-width: 768px) {
  .layout-2023 .theme-badge-name {
    font-size: 12px;
  }
}
.layout-2023 .theme-badge-small-text {
  font-size: 12px;
}
.layout-2023 .theme-badge-divider {
  width: 1.2px;
  background: #e7e7ec;
  align-self: stretch;
  margin: -4px 0;
}
.layout-2023 .level-green {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 100px;
  width: 16px;
  height: 16px;
  aspect-ratio: 1/1;
  background: linear-gradient(180deg, #52be54 35.5%, #4ab34c 100%);
  color: #fff;
  text-shadow: 1px 1px 0px #367b27;
  font-size: 10px;
}
.layout-2023 .tlr-0 {
  border-top-left-radius: 0 !important;
}
.layout-2023 .alert-promo {
  border-radius: 15px;
}
.layout-2023 .border-radius-bottom {
  border-radius: 0 0 15px 15px;
}
.layout-2023 .h-scrollable {
  overflow-x: auto;
}
.layout-2023.page-authorization {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 992px) {
  .layout-2023.page-authorization {
    background-size: auto;
    background-position-y: 0;
  }
}
@media (max-width: 992px) {
  .layout-2023.page-authorization .container-fluid {
    padding: 0;
  }
}
.layout-2023 .authorize-page-wrap {
  position: relative;
  margin: 85px 0 25px;
  overflow: hidden;
}
@media (max-width: 992px) {
  .layout-2023 .authorize-page-wrap {
    position: unset;
  }
}
.layout-2023 .authorize-page-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}
@media (max-width: 992px) {
  .layout-2023 .authorize-page-header {
    display: flex;
    align-items: start;
    justify-content: center;
    padding: 15px;
  }
}
@media (min-width: 993px) {
  .layout-2023 .authorize-page-logo {
    position: absolute;
    top: 35px;
    left: 5px;
  }
}
.layout-2023 .authorize-page-goback {
  position: absolute;
  top: 35px;
  right: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-decoration: none;
  color: var(--tx-text-color);
  font-size: 14px;
  line-height: normal;
}
@media (max-width: 992px) {
  .layout-2023 .authorize-page-goback {
    top: 0;
    right: 0;
    background: var(--tx-panel-background);
    box-shadow: 0px 0px 4px var(--tx-box-shadow-color);
    padding: 8px 20px;
    border-bottom-left-radius: 12px;
    font-size: 12px;
  }
}
.layout-2023 .authorize-page-goback:hover {
  color: #f47895;
}
.layout-2023 .authorize-page-goback:hover img {
  filter: brightness(1.2);
}
.layout-2023 .authorize-page-goback img {
  position: relative;
  top: -2px;
}
.layout-2023 .authorize-page-content {
  position: relative;
  background: var(--tx-wrapper-background);
  padding-top: 50px;
  border-radius: 30px 30px 0 0;
}
@media (max-width: 992px) {
  .layout-2023 .authorize-page-content {
    margin-top: 30px;
    padding-top: 30px;
    background: var(--drk-wrapper, #e3e5ea);
  }
}
.layout-2023 .authorize-page-content:before,
.layout-2023 .authorize-page-content:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 15px;
  width: 100%;
  height: calc(100% - 15px);
  clip-path: polygon(100% 0, 100% 86.5%, 50% 100%, 0 86.5%, 0 0);
}
.layout-2023 .authorize-page-content:before {
  background: url("../img/frontpage/withdraw-block-girl.png") no-repeat;
  background-size: 305px;
  background-position-x: 50px;
  background-position-y: bottom;
  z-index: 1;
}
@media (max-width: 992px) {
  .layout-2023 .authorize-page-content:before {
    display: none;
  }
}
.layout-2023 .authorize-page-content:after {
  background: url("../img/account/background-new.png");
  background-size: cover;
  background-position-y: -4px;
  z-index: 0;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
@media (max-width: 992px) {
  .layout-2023 .authorize-page-content:after {
    background: var(--tx-wrapper-background);
    clip-path: polygon(100% 0, 100% 93.5%, 50% 100%, 0 93.5%, 0 0);
  }
}
.layout-2023 .authorize-page-content * {
  z-index: 1;
}
.layout-2023 .authorize-page .authorize-page-title {
  position: relative;
  font-size: 24px;
  text-align: center;
  margin-bottom: 25px;
  margin-top: 0;
}
@media (max-width: 992px) {
  .layout-2023 .authorize-page .authorize-page-title {
    font-size: 22px;
    margin-bottom: 20px;
  }
}
.layout-2023 .authorize-page .authorize-page-title span {
  font-weight: 700;
}
.layout-2023 .authorize-page .authorize-page-title a {
  color: #f47895;
  font-weight: 400;
  text-decoration: none;
}
.layout-2023 .authorize-page .authorize-page-title a:hover {
  color: #1668c3;
}
.layout-2023 .authorize-page .theme-alert {
  padding-top: 12px;
  padding-bottom: 12px;
  border-radius: 12px;
}
.layout-2023 .authorize-page .authorize-page-form {
  position: relative;
  max-width: 370px;
  margin: 0 auto;
}
@media (max-width: 992px) {
  .layout-2023 .authorize-page .authorize-page-form {
    max-width: 100%;
    padding: 0 30px;
  }
}
.layout-2023 .authorize-page .authorize-page-form .form-margin-block {
  transform: translateX(35px);
}
@media (max-width: 992px) {
  .layout-2023 .authorize-page .authorize-page-form .form-margin-block {
    transform: translateX(0);
  }
}
.layout-2023 .authorize-page .authorize-page-form .form-inputs-block {
  position: relative;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.85) 0%, #fff 76.56%);
  padding: 24px;
  border-radius: 24px;
  margin-bottom: 30px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 992px) {
  .layout-2023 .authorize-page .authorize-page-form .form-inputs-block {
    padding: 0;
    box-shadow: none;
  }
}
.layout-2023 .authorize-page .authorize-page-form .form-inputs-block:before {
  content: "";
  position: absolute;
  right: 100%;
  top: 50%;
  width: 38px;
  height: 52px;
  mask: url(../img/account/polygon.svg);
  mask-size: 100%;
  mask-repeat: no-repeat;
  background: var(--tx-panel-background);
  transform: translateY(-50%);
}
@media (max-width: 992px) {
  .layout-2023 .authorize-page .authorize-page-form .form-inputs-block:before {
    display: none;
  }
}
.layout-2023 .authorize-page .authorize-page-form .form-inputs-block .form-group {
  margin-bottom: 0;
}
.layout-2023 .authorize-page .authorize-page-form .form-inputs-block .form-group label {
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: var(--tx-text-color);
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
  line-height: normal;
}
.layout-2023 .authorize-page .authorize-page-form .form-inputs-block .form-group .form-control {
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border: 1px solid #b8cceb;
  box-shadow: none;
  padding: 13px 20px;
  height: auto;
  border-radius: 12px;
}
.layout-2023 .authorize-page .authorize-page-form .form-inputs-block .form-group .form-control .var-placeholder {
  color: #b2c3d1;
  opacity: 1;
  font-weight: 700;
}
.layout-2023 .authorize-page .authorize-page-form .form-inputs-block .form-group .form-control::placeholder {
  color: #b2c3d1;
  opacity: 1;
  font-weight: 700;
}
.layout-2023 .authorize-page .authorize-page-form .form-inputs-block .form-group .form-control:-ms-input-placeholder {
  color: #b2c3d1;
  opacity: 1;
  font-weight: 700;
}
.layout-2023 .authorize-page .authorize-page-form .form-inputs-block .form-group .form-control::-ms-input-placeholder {
  color: #b2c3d1;
  opacity: 1;
  font-weight: 700;
}
.layout-2023 .authorize-page .authorize-page-form .form-inputs-block .form-group .help-block,
.layout-2023 .authorize-page .authorize-page-form .form-inputs-block .form-group .error-block {
  margin: 0 !important;
}
.layout-2023 .authorize-page .authorize-page-form .form-inputs-block .checkboxRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.layout-2023 .authorize-page .authorize-page-form .form-inputs-block .checkboxRow label {
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
}
.layout-2023 .authorize-page .authorize-page-form .form-inputs-block .checkboxRow a {
  font-weight: 700;
  text-decoration: none;
}
.layout-2023 .authorize-page .authorize-page-form .btn-submit {
  display: block;
  min-width: 235px;
  margin: 0 auto;
  opacity: 1;
}
.layout-2023 .authorize-page-footer {
  padding: 30px;
  background: var(--tx-wrapper-background);
  border-radius: 0 0 30px 30px;
}
@media (max-width: 992px) {
  .layout-2023 .authorize-page-footer {
    background: transparent;
  }
}
.layout-2023 .authorize-page-footer .form-social-buttons {
  text-align: center;
}
.layout-2023 .authorize-page-footer .lpSocials__items {
  text-align: center;
}
.layout-2023 .authorize-page-footer .lpSocials__title {
  color: var(--tx-text-color);
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 14px;
}
.layout-2023 .authorize-page-footer .lpSocials.disabled {
  filter: grayscale(1);
  pointer-events: none;
}
.layout-2023 .authorize-page-footer .form-accept-block {
  position: relative;
  border: 2px solid #b8cceb;
  display: block;
  margin: 30px auto 0;
  width: max-content;
  padding: 9px 20px;
  font-size: 14px;
  border-radius: 9px;
  max-width: 100%;
}
@media (max-width: 992px) {
  .layout-2023 .authorize-page-footer .form-accept-block {
    font-size: 14px;
  }
}
.layout-2023 .authorize-page-footer .form-accept-block a {
  font-weight: 700;
  text-decoration: none;
}
.layout-2023 .authorize-page-footer .form-accept-block h2 {
  margin: 0 0 10px 0;
}
.layout-2023 .authorize-page-footer .form-accept-block p {
  margin-bottom: 5px;
  line-height: normal;
}
.layout-2023 .authorize-page-footer .form-accept-block p:last-child {
  margin-bottom: 0;
}
.layout-2023 .authorize-page .schbWrapper {
  width: 24px;
  height: 24px;
  position: relative;
  border-radius: 5px;
  border: 1px solid #b8cceb;
  background: #fff;
}
.layout-2023 .authorize-page .schbWrapper.checked {
  background: #fff;
}
.layout-2023 .authorize-page .schbWrapper.checked:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  background: linear-gradient(180deg, #ff8aa6 0%, #e45678 100%);
}
.layout-2023 .authorize-page .login-success {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px;
}
.layout-2023 .authorize-page .login-success .hand {
  width: 64px;
  margin-bottom: 16px;
}
.layout-2023 .authorize-page .login-success h4 {
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 10px;
}
.layout-2023 .authorize-page .login-success p {
  text-align: center;
  font-size: 14px;
  line-height: normal;
}
.layout-2023 .theme-alert {
  position: relative;
  padding: 7px 20px;
  margin-bottom: 10px;
  border: 2px solid transparent;
  border-radius: 10px;
  font-size: 14px;
}
.layout-2023 .theme-alert-danger {
  background: #FEDBDF;
  border-color: #E45678;
}
.layout-2023 .theme-alert-success {
  background: #DAF5DA;
  border-color: #45AC47;
}
.layout-2023 .theme-alert-primary {
  background: #E0ECFF;
  border-color: #5785CA;
}
.layout-2023 .theme-alert-warning {
  background: #FFE5CC;
  border-color: #F88D2A;
}
.layout-2023 .text-muted {
  color: #B2C3D1;
}
.layout-2023 .text-info {
  color: #31708f;
}
.layout-2023 .text-success {
  color: #52BE54;
}
.layout-2023 .text-success-dark {
  color: #419943;
}
.layout-2023 .text-primary {
  color: #548CE5;
}
.layout-2023 .text-warning {
  color: #ffc107;
}
.layout-2023 .text-danger {
  color: #F47895;
}
.layout-2023 .border-radius-new {
  border-radius: 15px !important;
}
.layout-2023 .br-bottom {
  border-bottom-left-radius: 15px !important;
  border-bottom-right-radius: 15px !important;
}
.layout-2023 .br-top {
  border-top-left-radius: 15px !important;
  border-top-right-radius: 15px !important;
}
.layout-2023 .box-shadow-new {
  box-shadow: 1px 1px 4px #d9d9d9;
}
.layout-2023 table.top-border,
.layout-2023 table.top-border {
  border-top-right-radius: 15px !important;
  border-top-left-radius: 15px !important;
}
.layout-2023 table.top-border thead tr:first-child,
.layout-2023 table.top-border thead tr:first-child {
  border-top-right-radius: 15px !important;
  border-top-left-radius: 15px !important;
}
.layout-2023 table.top-border thead tr:first-child th:first-child,
.layout-2023 table.top-border thead tr:first-child th:first-child {
  border-top-left-radius: 15px !important;
}
.layout-2023 table.top-border thead tr:first-child th:last-child,
.layout-2023 table.top-border thead tr:first-child th:last-child {
  border-top-right-radius: 15px !important;
}
.layout-2023 .bg-info-success {
  background: linear-gradient(90deg, #449ef0 0%, #07e997 100%);
}
.layout-2023 .bg-info-danger-light {
  background: linear-gradient(180deg, #fdaec1 0%, #f295ab 100%);
}
.layout-2023 .border-left {
  border-left: 1px solid #c3c4cf87;
}
.layout-2023 .border-right {
  border-right: 1px solid #c3c4cf87;
}
.layout-2023 .border-top {
  border-top: 1px solid #c3c4cf87;
}
.layout-2023 .border-bottom {
  border-bottom: 1px solid #c3c4cf87;
}
.layout-2023 .br-top {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.layout-2023 .br-top-right {
  border-top-right-radius: 10px;
}
.layout-2023 .br-top-left {
  border-top-left-radius: 10px;
}
.layout-2023 .br-bottom {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.layout-2023 .br-bottom-right {
  border-bottom-right-radius: 10px;
}
.layout-2023 .br-bottom-left {
  border-bottom-left-radius: 10px;
}
.layout-2023 .badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #888B99;
  border: 1px solid #888B99;
  background-color: #fff !important;
  border-radius: 100px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  padding: 5px 10px;
}
@media (max-width: 768px) {
  .layout-2023 .badge {
    font-size: 10px;
    padding: 4px 6px;
  }
}
.layout-2023 .badge-danger {
  color: #F47895;
  border-color: #F47895;
  background-color: #FEEDF1 !important;
}
.layout-2023 .badge-danger.darkness {
  background: linear-gradient(180deg, #FF8AA6 0%, #E45678 100%);
}
.layout-2023 .badge-warning {
  color: #ffc107;
  border-color: #ffc107;
  background-color: #fff2cd !important;
}
.layout-2023 .badge-success {
  color: #52BE54;
  border-color: #52BE54;
  background-color: #EAF7EB !important;
}
.layout-2023 .badge-primary {
  color: #548CE5;
  border-color: #548CE5;
  background-color: #e1ecff !important;
}
.layout-2023 .badge-golden {
  color: #926700 !important;
  border: #926700;
  background-color: #fff2cd !important;
}
.layout-2023 label {
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.layout-2023 .form-control {
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-radius: 6px;
  border: 1px solid;
  padding: 9px 14px;
  border-color: #81b5ff;
  color: var(--tx-text-color);
  background: var(--tx-input-background);
}
.layout-2023 .form-control::placeholder {
  color: var(--tx-text-color);
}
.layout-2023 .form-control:disabled,
.layout-2023 .form-control.disabled {
  background: #4a4a4a;
}
.layout-2023 .input-group-addon {
  border: 0;
}
.layout-2023 .form-new .radio,
.layout-2023 .form-new .checkbox {
  display: inline-flex;
}
.layout-2023 .form-new select.form-control {
  border-radius: 6px;
  border: 1px solid #b8cceb;
}
.layout-2023 .form-new textarea.form-control {
  border-radius: 6px;
  border: 1px solid #b8cceb;
}
.layout-2023 .form-new input.form-control {
  border-radius: 6px;
  border: 1px solid #b8cceb;
}
.layout-2023 .form-new input[type="checkbox"] + span {
  display: inline-flex;
  padding-left: 6px;
}
.layout-2023 .form-new input[type="checkbox"] + span:before {
  border-radius: 5px;
}
.layout-2023 .form-new input[type="checkbox"]:checked + span:after {
  border-radius: 2px;
}
.layout-2023 .form-new input[type="radio"]:checked + span:after {
  border-radius: 100%;
}
.layout-2023 .form-new input[type="radio"] + span:before,
.layout-2023 .form-new input[type="checkbox"] + span:before {
  border: 1px solid #b8cceb;
  background: #fff;
  box-shadow: none;
}
.layout-2023 .form-new input[type="radio"] + span:after,
.layout-2023 .form-new input[type="checkbox"] + span:after {
  content: "";
  width: 18px;
  height: 18px;
  top: 50%;
  left: 4px;
  transform: translateY(-50%);
  margin: 0;
  background: #fff;
}
.layout-2023 .form-new input[type="radio"]:checked + span:after,
.layout-2023 .form-new input[type="checkbox"]:checked + span:after {
  background: linear-gradient(180deg, #FF8AA6 0%, #E45678 100%);
}
.layout-2023 .form-new input[type="color"] {
  -webkit-appearance: none;
  padding: 0;
  outline: none;
  border: 0;
  height: 20px;
  margin: 10px 0;
  border-radius: 15px;
  box-shadow: 0 0 1px #666;
}
.layout-2023 .form-new input[type="color"]::-webkit-color-swatch-wrapper {
  padding: 0;
}
.layout-2023 .form-new input[type="color"]::-webkit-color-swatch {
  border: none;
}
.layout-2023 .form-new .form-group-checkbox {
  text-align: left;
}
.layout-2023 .form-new .input-xs {
  line-height: 20px;
  min-height: 20px;
}
.layout-2023 .form-new .input-xs input[type="radio"] + span:after,
.layout-2023 .form-new .input-xs input[type="checkbox"] + span:after {
  width: 12px;
  height: 12px;
}
.layout-2023 .theme-switcher input[type="checkbox"] + span {
  padding-left: 20px;
}
.layout-2023 .theme-switcher input[type="checkbox"] + span:before {
  width: 42px;
  height: 24px;
  box-shadow: none;
  border: 1px solid #b8cceb;
  border-radius: 30px !important;
}
.layout-2023 .theme-switcher input[type="checkbox"] + span:after {
  width: 16px;
  height: 16px;
  margin-top: -9px;
  left: 4px;
  background: linear-gradient(180deg, #ff8aa6 0%, #e45678 100%);
  border-radius: 30px !important;
  opacity: 1;
  transition: 0.3s;
  transform: none;
}
.layout-2023 .theme-switcher input[type="checkbox"]:checked + span:after {
  transform: translateX(calc(100% + 2px));
  background: linear-gradient(180deg, #93c8f7 0%, #518af1 80.21%);
}
.layout-2023 .theme-form {
  position: relative;
  margin-top: 20px;
}
.layout-2023 .theme-form .form-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-inline: 0;
  margin: 0 0 12px 0;
  flex: 1;
}
.layout-2023 .theme-form .form-group::before,
.layout-2023 .theme-form .form-group::after {
  display: none;
}
.layout-2023 .theme-form .form-group > * {
  width: 100%;
  text-align: left;
  padding: 0;
  margin: 0;
}
.layout-2023 .theme-form .form-group .asterisk {
  color: #F47895;
  font-weight: bold;
}
.layout-2023 .theme-form .form-row {
  display: flex;
  gap: 20px;
}
@media (max-width: 992px) {
  .layout-2023 .theme-form .form-row {
    gap: 10px;
    flex-direction: column;
  }
}
.layout-2023 .theme-form .row {
  margin: 0;
}
.layout-2023 .theme-form .row-submit > * {
  margin: 0;
  padding: 0;
  width: 100%;
}
.layout-2023 .theme-form button[type="submit"] {
  font-size: 16px;
  line-height: 22px;
}
.layout-2023 legend {
  color: var(--tx-text-color);
  border-color: var(--tx-border-color);
}
.layout-2023 .btn {
  border-radius: 6px;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  text-transform: none;
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media (max-width: 768px) {
  .layout-2023 .btn {
    font-size: 16px;
  }
}
.layout-2023 .btn:first-letter {
  text-transform: capitalize;
}
.layout-2023 .btn.disabled,
.layout-2023 .btn:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}
.layout-2023 .btn.disabled {
  border: none;
  color: #f6f6f6;
  text-shadow: 1px 1px 0px #4d4d4d !important;
  box-shadow: none !important;
  background: linear-gradient(180deg, #eaeaea 0%, #9c9c9c 100%) !important;
}
.layout-2023 .btn-primary,
.layout-2023 .btn-success,
.layout-2023 .btn-danger,
.layout-2023 .btn-warning,
.layout-2023 .btn-info,
.layout-2023 .btn-default {
  border: none;
  padding: 9px 10px;
}
@media (max-width: 480px) {
  .layout-2023 .btn-primary,
  .layout-2023 .btn-success,
  .layout-2023 .btn-danger,
  .layout-2023 .btn-warning,
  .layout-2023 .btn-info,
  .layout-2023 .btn-default {
    padding: 5.5px 10px;
  }
}
.layout-2023 .btn[class*="-inverse"]:not(.disabled) {
  padding: 7px 10px;
}
@media (max-width: 480px) {
  .layout-2023 .btn[class*="-inverse"]:not(.disabled) {
    padding: 3.5px 10px;
  }
}
.layout-2023 .btn-primary {
  box-shadow: none;
  border-radius: 6px;
  background: linear-gradient(180deg, #81b5ff 0%, #4a83df 100%);
  color: #fff;
  text-align: center;
  text-shadow: 1px 1px 0px #284775;
  font-weight: 700;
  text-transform: none;
  border: none;
}
.layout-2023 .btn-primary:hover:not(:disabled) {
  background: #4a83df;
}
.layout-2023 .btn-primary:active:not(:disabled),
.layout-2023 .btn-primary.active {
  background: #4a83df;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
  text-shadow: -1px -1px 0px #284775;
}
.layout-2023 .btn-primary-inverse {
  border-color: #689ef0;
}
.layout-2023 .btn-primary-inverse:hover:not(:disabled) {
  color: #fff;
  background: #679ff0;
}
.layout-2023 .btn-success {
  border: none;
  text-shadow: 1px 1px 0px #065907;
  background: linear-gradient(180deg, #77d764 0%, #28a02c 100%);
}
.layout-2023 .btn-success:hover:not(:disabled) {
  background: #40b03d;
}
.layout-2023 .btn-success:active:not(:disabled),
.layout-2023 .btn-success.active {
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
  text-shadow: -1px -1px 0px #065907;
}
.layout-2023 .btn-success-inverse {
  color: #52be54;
  border-color: #52be54;
}
.layout-2023 .btn-success-inverse:hover:not(:disabled) {
  color: #fff;
  background: linear-gradient(to bottom, #52be54 0%, #52be54 100%);
}
.layout-2023 .btn-danger {
  border: none;
  box-shadow: none;
  text-shadow: 1px 1px 0px #a44058;
  background: linear-gradient(180deg, #fc84a1 0%, #e75b7d 100%);
}
.layout-2023 .btn-danger:hover:not(:disabled) {
  background: #e35476;
}
.layout-2023 .btn-danger:active:not(:disabled),
.layout-2023 .btn-danger.active {
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
  text-shadow: -1px -1px 0px #a44058;
}
.layout-2023 .btn-warning {
  color: #fff;
  text-shadow: 1px 1px 0px #9d630c;
  background: radial-gradient(50% 46.13% at 53.03% 51.66%, rgba(255, 255, 255, 0.22) 28.48%, rgba(255, 255, 255, 0) 100%), linear-gradient(160deg, #ffbf1b 0%, #fe9e0d 35.94%, #ff881a 100%);
}
.layout-2023 .btn-warning:hover:not(:disabled) {
  background: radial-gradient(50% 46.13% at 53.03% 51.66%, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 58.85%), linear-gradient(33deg, #f90 40.1%, #ed7201 81.25%);
}
.layout-2023 .btn-warning:active:not(:disabled),
.layout-2023 .btn-warning.active {
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
  text-shadow: -1px -1px 0px #9d630c;
  background: radial-gradient(50% 46.13% at 53.03% 51.66%, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 58.85%), linear-gradient(33deg, #f90 40.1%, #ed7201 81.25%);
}
.layout-2023 .btn-default {
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
  color: #333;
  background: linear-gradient(180deg, #fff 48.96%, #efefef 100%);
}
.layout-2023 .btn-default:hover:not(:disabled) {
  background: linear-gradient(180deg, #fff 48.96%, #e1e1e1 100%);
  color: #333;
}
.layout-2023 .btn-default:active:not(:disabled),
.layout-2023 .btn-default.active {
  background: linear-gradient(180deg, #e1e1e1 0%, #fff 51.04%);
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2) inset, 0px 5px 5px -3px rgba(0, 0, 0, 0.25) inset;
}
.layout-2023 .btn-icon {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  font-size: 18px;
  line-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 480px) {
  .layout-2023 .btn-icon {
    width: 22px;
    height: 22px;
    font-size: 13px;
  }
}
.layout-2023 .btn-large-rounded {
  padding: 16px 30px;
  font-size: 18px;
  border-radius: 30px;
}
.layout-2023 .btn-bordered {
  position: relative;
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.15);
  color: #fff;
  z-index: 2;
}
.layout-2023 .btn-bordered:after {
  content: "";
  position: absolute;
  top: -2px;
  left: -2.5px;
  width: calc(100% + 5px);
  height: calc(100% + 4px);
  border-radius: 33px;
  z-index: -2;
}
.layout-2023 .btn-bordered:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: inherit;
  z-index: -1;
}
.layout-2023 .btn-bordered.btn-primary:after {
  background: linear-gradient(#b7d2ff, #055fe3);
}
.layout-2023 .btn-bordered.btn-warning:after {
  background: linear-gradient(#ffe4bb, #9b610a);
}
.layout-2023 .btn-static-success-inverse {
  color: #52be54;
  border-color: #52be54;
  text-transform: none;
  border-radius: 6px;
  padding: 7px 10px;
}
@media (max-width: 480px) {
  .layout-2023 .btn-static-success-inverse {
    padding: 3.5px 10px;
  }
}
.layout-2023 .app-header {
  position: sticky;
  top: 0;
  z-index: 1044;
}
.layout-2023 .app-header-fade .app-bar {
  box-shadow: 0 0 6px #333;
}
.layout-2023 .app-bar {
  display: flex;
  align-items: center;
  justify-content: start;
  flex-wrap: wrap;
  padding: 10px;
  position: relative;
  border-radius: 0 0 16px 16px;
  margin-bottom: 22px;
  z-index: 1040;
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-top: none;
  background: url("../img/header/app-bar-bg.png");
  background-size: cover;
}
@media (max-width: 480px) {
  .layout-2023 .app-bar {
    background: url("../img/header/app-bar-bg-mobile.png");
    background-size: cover;
    padding: 13px;
  }
}
.layout-2023 .app-bar:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 3, 0, 0) 0%, #3c538c 100%);
  border-radius: 0 0 16px 16px;
  padding: 1.4px;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
}
.layout-2023 .app-bar .profile-block {
  display: flex;
  position: relative;
  margin-right: 10px;
  z-index: 2;
}
@media (max-width: 480px) {
  .layout-2023 .app-bar .profile-block {
    padding-right: 0;
    margin-right: 0;
  }
}
.layout-2023 .app-bar .profile-block .user-avatar {
  position: relative;
  z-index: 5;
}
.layout-2023 .app-bar .profile-block .user-avatar-image {
  position: relative;
  width: 60px;
  border: 1.2px solid #f1f1f7;
  filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.24));
  background: #3d528c;
  border-radius: 100%;
  z-index: 1;
}
@media (max-width: 480px) {
  .layout-2023 .app-bar .profile-block .user-avatar-image {
    width: 61px;
  }
}
.layout-2023 .app-bar .profile-block .user-avatar i.avatar-badge {
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 37px;
  height: 15px;
  bottom: 0;
  z-index: 100;
  left: 29px;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.layout-2023 .app-bar .profile-block .user-avatar-border {
  position: absolute;
  bottom: -34%;
  left: -30%;
  width: 160%;
  height: 160%;
  z-index: 2;
  background-size: 100%;
  background-repeat: no-repeat;
}
.layout-2023 .app-bar .profile-block .user-avatar-settings {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 3;
}
.layout-2023 .app-bar .profile-block .user-avatar-settings:hover {
  background: rgba(0, 0, 0, 0.1);
}
.layout-2023 .app-bar .profile-block .user-avatar-settings:hover .fa-cog {
  display: block;
}
.layout-2023 .app-bar .profile-block .user-avatar-settings .fa-cog {
  display: none;
  font-size: 24px;
  color: #fff;
}
.layout-2023 .app-bar .profile-block .user-avatar .user-setting-popup {
  display: none;
  position: absolute;
  top: -10px;
  left: -10px;
  width: calc(100% + 20px);
  background: linear-gradient(180deg, #4d5164 0%, #484d60 100%);
  padding: 80px 10px 10px;
  border-radius: 35px 35px 10px 10px;
}
.layout-2023 .app-bar .profile-block .user-avatar .user-setting-popup .user-setting-actions {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px;
  z-index: 4;
}
.layout-2023 .app-bar .profile-block .user-avatar .user-setting-popup .user-setting-actions .user-setting-action {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 100%;
  font-size: 12px;
  cursor: pointer;
  color: #333;
  text-decoration: none;
  margin: 0;
}
.layout-2023 .app-bar .profile-block .user-avatar .user-setting-popup .user-setting-actions .user-setting-action:hover {
  color: #f47895;
}
.layout-2023 .app-bar .profile-block .user-data .user-info {
  display: flex;
  justify-content: start;
  align-items: center;
  margin-left: 5px;
  margin-bottom: 6px;
  line-height: 20px;
}
@media (max-width: 480px) {
  .layout-2023 .app-bar .profile-block .user-data .user-info {
    margin-bottom: 12px;
  }
}
.layout-2023 .app-bar .profile-block .user-data .user-info .user-name {
  font-size: 16px;
  color: #ffffff;
  text-shadow: 1px 1px 0 #213d65;
  text-decoration: none;
  padding: 0 5px;
}
@media (max-width: 600px) {
  .layout-2023 .app-bar .profile-block .user-data .user-info .user-name {
    max-width: 110px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
}
.layout-2023 .app-bar .profile-block .user-data .user-info .user-name:hover {
  border-radius: 5px;
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.5);
}
.layout-2023 .app-bar .profile-block .user-data .user-info .user-level {
  --inactive: #9fc7ff;
  --active: #e27909;
  --activeSecond: #ffbc12;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 28px;
  color: #fff;
  margin-right: 5px;
  position: relative;
}
.layout-2023 .app-bar .profile-block .user-data .user-info .user-level-indicator {
  background: #3c538c;
  width: 19px;
  height: 19px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
}
@media (max-width: 480px) {
  .layout-2023 .app-bar .profile-block .user-data .user-info .user-level-indicator {
    font-size: 10px;
  }
}
.layout-2023 .app-bar .profile-block .user-data .user-power-bar {
  position: relative;
  width: 184px;
  height: 28px;
  background: #3c538c;
  border: 1.4px solid #3c538c;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.14), inset 0 0 0 1.2px #7eb2ff, inset 0 6px 4px rgba(0, 0, 0, 0.15);
  border-radius: 100px;
  margin-left: -30px;
}
@media (max-width: 480px) {
  .layout-2023 .app-bar .profile-block .user-data .user-power-bar {
    width: 165px;
    height: 25px;
  }
}
.layout-2023 .app-bar .profile-block .user-data .user-power-bar .user-power-progress {
  position: absolute;
  top: 2.9px;
  left: 3px;
  max-width: calc(100% - 6px);
  height: calc(100% - 6.1px);
  background: linear-gradient(90deg, #449ef0 9.01%, #07e997 100%);
  box-shadow: inset 0 -6px 0 rgba(21, 121, 188, 0.27);
  border-radius: 46px 15px 15px 46px;
}
.layout-2023 .app-bar .profile-block .user-data .user-power-bar .user-power-progress:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../img/header/user-progress-item.png");
  opacity: 0.5;
  background-size: contain;
  mix-blend-mode: overlay;
  box-shadow: 0 0 5px #fff;
  border-radius: inherit;
}
.layout-2023 .app-bar .profile-block .user-data .user-power-bar .user-power-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  color: #fff;
  text-shadow: 1px 1px 0 #213d65;
  font-size: 12px;
}
.layout-2023 .app-bar .profile-block .user-data .user-power-bar .user-power-text:hover {
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.5), 0 1px 1px rgba(0, 0, 0, 0.14), inset 0 0 0 1.2px #7eb2ff, inset 0 6px 4px rgba(0, 0, 0, 0.15);
}
.layout-2023 .app-bar .profile-block .user-data .user-power-bar .user-power-restore-btn {
  position: absolute;
  top: -2px;
  left: calc(100% - 25px);
  width: 30px;
  height: 30px;
  border-radius: 100%;
  cursor: pointer;
  transition: 0.1s;
  z-index: 5 !important;
}
@media (max-width: 480px) {
  .layout-2023 .app-bar .profile-block .user-data .user-power-bar .user-power-restore-btn {
    width: 29px;
    height: 29px;
    top: -3px;
    left: calc(100% - 24px);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='100' ry='100' stroke='white' stroke-width='3' stroke-dasharray='3.8' stroke-dashoffset='52' stroke-linecap='butt'/%3e%3c/svg%3e");
  }
}
.layout-2023 .app-bar .profile-block .user-data .user-power-bar .user-power-restore-btn[data-circular-progress] {
  --inactive: #3d538c;
  --active: #ffbd13;
  --activeSecond: #ffbd13;
}
.layout-2023 .app-bar .profile-block .user-data .user-power-bar .user-power-restore-btn:not([data-circular-progress]) {
  background: #3c538c url("../img/header/power-border.svg");
}
.layout-2023 .app-bar .profile-block .user-data .user-power-bar .user-power-restore-btn:before {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: url("../img/finance/account/energy.png") center center no-repeat;
  background-size: 14px;
}
.layout-2023 .app-bar .profile-block .user-data .user-power-bar .user-power-restore-btn:after {
  content: "";
  position: absolute;
  top: 1.5px;
  left: 1.5px;
  width: calc(100% - 3px);
  height: calc(100% - 3px);
  background: linear-gradient(180deg, #9cbef3 0%, #598bd8 100%);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.14), inset 0px 0px 0px 1px #3c538c, inset 0px -8px 0px -1px #427fd7;
  border-radius: 100%;
}
.layout-2023 .app-bar .profile-block .user-data .user-power-bar .user-power-restore-btn:hover {
  transform: rotate(10deg);
}
.layout-2023 .app-bar .profile-block .user-data .user-power-bar .user-power-restore-btn:hover:after {
  background: linear-gradient(180deg, #dceaff 0%, #598bd8 100%);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.14), inset 0px 0px 0px 1px #3c538c, inset 0px -8px 0px -1px rgba(66, 127, 215, 0.5);
}
.layout-2023 .app-bar .profile-block .user-data .user-power-bar .user-power-restore-btn:active:after {
  background: linear-gradient(180deg, #9cbef3 0%, #598bd8 100%);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.14), inset 0px 0px 0px 1px #3c538c, inset 0px 5px 0px -1px #427fd7;
}
.layout-2023 .app-bar .finances-block {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 26px;
  margin-left: auto;
}
@media (max-width: 480px) {
  .layout-2023 .app-bar .finances-block {
    gap: 9px 20px;
    grid-template-columns: repeat(2, 1fr);
  }
}
.layout-2023 .app-bar .finances-block .finance-item {
  background: #3c538c;
  border: 1.5px solid #3c538c;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.14), inset 0 0 0 1.2px #7eb2ff, inset 0 6px 4px rgba(0, 0, 0, 0.15);
  border-radius: 100px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 0 4px;
  text-decoration: none;
  width: 105px;
}
@media (max-width: 480px) {
  .layout-2023 .app-bar .finances-block .finance-item {
    height: 26px;
  }
}
.layout-2023 .app-bar .finances-block .finance-item:hover {
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.5), 0 1px 1px rgba(0, 0, 0, 0.14), inset 0 0 0 1.2px #7eb2ff, inset 0 6px 4px rgba(0, 0, 0, 0.15);
}
.layout-2023 .app-bar .finances-block .finance-item-icon {
  width: 50px;
  height: 50px;
  position: absolute;
  left: -18px;
  top: -12px;
}
@media (max-width: 480px) {
  .layout-2023 .app-bar .finances-block .finance-item-icon {
    width: 40px;
    height: 40px;
    left: -10px;
    top: -7px;
  }
}
.layout-2023 .app-bar .finances-block .finance-item-icon.gems-icon {
  transform: scale(0.75);
}
.layout-2023 .app-bar .finances-block .finance-item-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  padding: 3px;
  border-radius: 10px;
  position: absolute;
  right: 4px;
}
@media (max-width: 480px) {
  .layout-2023 .app-bar .finances-block .finance-item-btn {
    width: 13px;
    height: 13px;
  }
}
.layout-2023 .app-bar .finances-block .finance-item-account {
  position: relative;
  left: -5px;
  color: #ffffff;
  text-shadow: 1px 1px 0 #213d65;
  font-size: 14px;
  line-height: 14px;
  margin-left: 10px;
}
@media (max-width: 480px) {
  .layout-2023 .app-bar .finances-block .finance-item-account {
    font-size: 13px;
  }
}
.layout-2023 .app-bar .finances-block .finance-item.finance-deposit .finance-item-btn,
.layout-2023 .app-bar .finances-block .finance-item.finance-gems .finance-item-btn {
  background: linear-gradient(180deg, #71ca5f 0%, #609f53 100%);
}
.layout-2023 .app-bar .finances-block .finance-item.finance-deposit:hover .finance-item-btn,
.layout-2023 .app-bar .finances-block .finance-item.finance-gems:hover .finance-item-btn {
  background: linear-gradient(180deg, #afff9e 0%, #609f53 100%);
}
.layout-2023 .app-bar .finances-block .finance-item.finance-withdrawal .finance-item-btn,
.layout-2023 .app-bar .finances-block .finance-item.finance-passenger .finance-item-btn {
  background: linear-gradient(180deg, #9abdf2 0%, #427fd7 100%);
}
.layout-2023 .app-bar .finances-block .finance-item.finance-withdrawal:hover .finance-item-btn,
.layout-2023 .app-bar .finances-block .finance-item.finance-passenger:hover .finance-item-btn {
  background: linear-gradient(180deg, #d6e6ff 0%, #4380d7 100%);
}
.layout-2023 .app-bar .active-bonus-block {
  position: relative;
  display: flex;
  align-items: center;
  margin-left: 33px;
  cursor: pointer;
}
@media (max-width: 767px) {
  .layout-2023 .app-bar .active-bonus-block {
    display: none;
  }
}
.layout-2023 .app-bar .active-bonus-block:after {
  content: "";
  position: absolute;
  top: 0;
  right: calc(100% + 20px);
  width: 1px;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(227, 229, 234, 0) -12.5%, rgba(227, 229, 234, 0.6) 9.72%, rgba(227, 229, 234, 0.6) 87.79%, rgba(227, 229, 234, 0) 109.37%, rgba(227, 229, 234, 0) 109.37%);
}
.layout-2023 .app-bar .active-bonus-block:hover {
  filter: drop-shadow(1px 1px 10px rgba(255, 255, 255, 0.5));
}
.layout-2023 .app-bar .active-bonus-block .active-bonus-image {
  position: relative;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  background: #3c538c;
  border: 1.4px solid #3c538c;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.14), inset 0 0 0 1.2px #7eb2ff, inset 0 6px 4px rgba(0, 0, 0, 0.25);
  z-index: 1;
}
.layout-2023 .app-bar .active-bonus-block .active-bonus-image-mask {
  position: absolute;
  top: 1.4px;
  right: 1.4px;
  height: calc(100% - 2.8px);
  display: flex;
  align-items: center;
  justify-content: end;
  overflow: clip;
  border-radius: 0 60px 60px;
}
.layout-2023 .app-bar .active-bonus-block .active-bonus-image img {
  height: 70px;
  margin-right: -20px;
}
.layout-2023 .app-bar .active-bonus-block .active-bonus-data {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-width: 110px;
  color: #fff;
}
.layout-2023 .app-bar .active-bonus-block .active-bonus-data > div {
  padding-left: 27px;
  padding-right: 6px;
  margin-left: -22px;
}
.layout-2023 .app-bar .active-bonus-block .active-bonus-name {
  display: flex;
  align-items: center;
  background: #3c538c;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.14), inset 3px -1.4px 0 #3c538c, inset 2px -2.6px 0 #7eb2ff;
  text-shadow: 1px 1px 0 #213d65;
  max-width: 142px;
  min-height: 40px;
  font-size: 14px;
  line-height: 1;
  padding: 0px 12px 3px;
  transform: skewX(-15deg);
}
.layout-2023 .app-bar .active-bonus-block .active-bonus-name .skew-container {
  transform: skewX(15deg);
}
.layout-2023 .app-bar .active-bonus-block .active-bonus-timer {
  height: 14px;
  background: radial-gradient(43.48% 50% at 64.67% 50%, #fb83a0 0%, #e75c7d 100%);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.14);
  text-shadow: 1px 0px 0px #a44058;
  line-height: 1;
  max-width: 110px;
  font-size: 12px;
  display: flex;
  align-items: center;
  transform: skewX(-25deg);
}
.layout-2023 .app-bar .active-bonus-block .active-bonus-timer .skew-container {
  transform: skewX(25deg);
}
.layout-2023 .daily-bonus-popup.in {
  display: block;
  top: calc(100% + 5px);
  left: 50%;
  transform: translateX(-50%);
  border: none;
  padding: 0;
  z-index: 0;
}
@media (max-width: 992px) {
  .layout-2023 .daily-bonus-popup.in {
    left: unset;
    right: -9px;
    transform: none;
  }
}
.layout-2023 .daily-bonus-popup.in .fa-caret-up {
  position: absolute;
  bottom: 100%;
  line-height: 10px;
  font-size: 30px;
  left: 50%;
  transform: translateX(-50%);
  color: #515671;
}
.layout-2023 .daily-bonus-popup.in .btn-close {
  top: 2px;
  position: unset;
  width: unset;
  height: unset;
  line-height: unset;
}
.layout-2023 .daily-bonus-popup.in .popover-title,
.layout-2023 .daily-bonus-popup.in .popover-content {
  display: flex;
  border: none;
}
.layout-2023 .header-finance-accounts {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-left: auto;
  gap: 26px;
  z-index: 1;
}
@media (max-width: 992px) {
  .layout-2023 .header-finance-accounts {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px 26px;
  }
}
@media (max-width: 480px) {
  .layout-2023 .header-finance-accounts {
    gap: 8px 20px;
  }
}
.layout-2023 .header-finance-accounts .finance-account-item {
  position: relative;
  max-width: 102px;
  text-decoration: none;
  cursor: pointer;
}
@media (max-width: 480px) {
  .layout-2023 .header-finance-accounts .finance-account-item {
    max-width: none;
    width: 105px;
  }
}
.layout-2023 .header-finance-accounts .finance-account-item:hover .finance-account-item-inner {
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.5), 0 1px 1px rgba(0, 0, 0, 0.14), inset 0 0 0 1.2px #7eb2ff, inset 0 6px 4px rgba(0, 0, 0, 0.15);
}
.layout-2023 .header-finance-accounts .finance-account-item.finance-account-deposit .finance-account-item-inner {
  z-index: 2;
}
.layout-2023 .header-finance-accounts .finance-account-item.finance-account-deposit .finance-account-item-image .txm-account-icon {
  transform: scale(2.45);
}
@media (max-width: 480px) {
  .layout-2023 .header-finance-accounts .finance-account-item.finance-account-deposit .finance-account-item-image .txm-account-icon {
    transform: scale(2.15);
  }
}
.layout-2023 .header-finance-accounts .finance-account-item.finance-account-deposit.txSlideTargetOpened .finance-account-item-inner {
  border-color: #33353d;
  background: #33353d;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1.2px #b7c0c8, inset 0 6px 4px rgba(0, 0, 0, 0.14);
}
.layout-2023 .header-finance-accounts .finance-account-item.finance-account-deposit.txSlideTargetOpened .finance-account-item-icon {
  background: linear-gradient(160deg, #ffbf1b 0%, #fe9e0d 35.94%, #ff881a 100%);
}
.layout-2023 .header-finance-accounts .finance-account-item.finance-account-withdraw:hover .finance-account-item-icon {
  background: linear-gradient(160deg, #ffbf1b 0%, #fe9e0d 35.94%, #ff881a 100%);
}
.layout-2023 .header-finance-accounts .finance-account-item.finance-account-passenger:hover .finance-account-item-icon {
  background: linear-gradient(160deg, #ffbf1b 0%, #fe9e0d 35.94%, #ff881a 100%);
}
.layout-2023 .header-finance-accounts .finance-account-item.finance-account-gem:hover .finance-account-item-icon {
  background: linear-gradient(160deg, #ffbf1b 0%, #fe9e0d 35.94%, #ff881a 100%);
}
.layout-2023 .header-finance-accounts .finance-account-item.finance-account-gem .finance-account-item-image {
  left: -8px;
  top: -1px;
}
@media (max-width: 480px) {
  .layout-2023 .header-finance-accounts .finance-account-item.finance-account-gem .finance-account-item-image {
    left: -5px;
    top: 0px;
  }
}
.layout-2023 .header-finance-accounts .finance-account-item .finance-account-deposit .finance-account-item-icon,
.layout-2023 .header-finance-accounts .finance-account-item .finance-account-gem .finance-account-item-icon {
  background: linear-gradient(180deg, #71ca5f 0%, #609f53 100%);
}
.layout-2023 .header-finance-accounts .finance-account-item-inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 1;
  background: #3c538c;
  border: 1.5px solid #3c538c;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.14), inset 0 0 0 1.2px #7eb2ff, inset 0 6px 4px rgba(0, 0, 0, 0.15);
  border-radius: 100px;
  padding: 3.5px;
  gap: 2px;
  min-width: 101px;
}
@media (max-width: 480px) {
  .layout-2023 .header-finance-accounts .finance-account-item-inner {
    padding: 3px;
  }
}
.layout-2023 .header-finance-accounts .finance-account-item-balance {
  color: #ffffff;
  text-shadow: 1px 1px 0 #213d65;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: -0.5px;
  white-space: nowrap;
}
@media (max-width: 480px) {
  .layout-2023 .header-finance-accounts .finance-account-item-balance {
    font-size: 13px;
  }
}
.layout-2023 .header-finance-accounts .finance-account-item-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  padding: 3px;
  border-radius: 10px;
  background: linear-gradient(180deg, #9abdf2 0%, #427fd7 100%);
}
@media (max-width: 480px) {
  .layout-2023 .header-finance-accounts .finance-account-item-icon {
    width: 14px;
    height: 14px;
  }
}
.layout-2023 .header-finance-accounts .finance-account-item-icon img,
.layout-2023 .header-finance-accounts .finance-account-item-icon svg {
  width: 100%;
}
.layout-2023 .header-finance-accounts .finance-account-item-image {
  position: relative;
  left: -10px;
  top: -3px;
}
@media (max-width: 480px) {
  .layout-2023 .header-finance-accounts .finance-account-item-image {
    left: -5px;
    top: -1px;
  }
}
.layout-2023 .header-finance-accounts .finance-account-item-image .txm-account-icon {
  transform: scale(2.3);
}
@media (max-width: 480px) {
  .layout-2023 .header-finance-accounts .finance-account-item-image .txm-account-icon {
    transform: scale(2);
  }
}
.layout-2023 .header-finance-accounts .finance-account-item-image .txm-account-icon.gem {
  transform: scale(2.1);
}
@media (max-width: 480px) {
  .layout-2023 .header-finance-accounts .finance-account-item-image .txm-account-icon.gem {
    transform: scale(1.8);
  }
}
.layout-2023 .header-finance-accounts .finance-account-menu {
  display: none;
  position: absolute;
  top: -10px;
  left: -20px;
  width: calc(100% + 30px);
  border-radius: 20px 20px 15px 15px;
  overflow: hidden;
  filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.15));
  z-index: 1;
}
@media (max-width: 480px) {
  .layout-2023 .header-finance-accounts .finance-account-menu {
    top: -8px;
    left: -12px;
    width: calc(100% + 20px);
  }
}
.layout-2023 .header-finance-accounts .finance-account-menu .finance-menu-item {
  display: flex;
  background: linear-gradient(180deg, #4d5164 0%, #484d60 100%);
  padding: 6px 10px;
  color: #fff;
  line-height: 1;
}
.layout-2023 .header-finance-accounts .finance-account-menu .finance-menu-item:hover {
  background: #323748;
}
.layout-2023 .header-finance-accounts .finance-account-menu .finance-menu-item-title {
  font-size: 10px;
  white-space: nowrap;
}
@media (max-width: 480px) {
  .layout-2023 .header-finance-accounts .finance-account-menu .finance-menu-item-title {
    font-size: 9px;
  }
}
.layout-2023 .header-finance-accounts .finance-account-menu .finance-menu-item-balance {
  font-size: 14px;
  font-weight: 700;
}
@media (max-width: 480px) {
  .layout-2023 .header-finance-accounts .finance-account-menu .finance-menu-item-balance {
    font-size: 13px;
  }
}
.layout-2023 .header-finance-accounts .finance-account-menu .finance-menu-item-data {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-left: 8px;
}
.layout-2023 .header-finance-accounts .finance-account-menu .finance-menu-item-empty {
  height: 48px;
}
@media (max-width: 480px) {
  .layout-2023 .header-finance-accounts .finance-account-menu .finance-menu-item-empty {
    height: 42px;
  }
}
.layout-2023 .header-finance-accounts .finance-account-menu .finance-menu-item.finance-menu-bonus .finance-menu-item-balance {
  font-size: 9px;
}
.layout-2023 .header-finance-accounts .finance-account-menu .finance-menu-item .txm-account-icon {
  font-size: 21px;
}
@media (max-width: 480px) {
  .layout-2023 .header-finance-accounts .finance-account-menu .finance-menu-item .txm-account-icon {
    font-size: 20px;
  }
}
.layout-2023 .header-finance-accounts .finance-account-menu .finance-menu-item .finance-wallet-link {
  width: 100%;
  margin: 4px 0;
  box-shadow: none;
}
.layout-2023 .header-finance-accounts .header-finance-style {
  display: none;
}
.layout-2023 .avatar-styles-back {
  position: relative;
  color: #fff;
  margin: 8px 0 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-size: 12px;
  padding-bottom: 8px;
  cursor: pointer;
}
.layout-2023 .avatar-styles-back:hover {
  color: #a0e6ff;
}
.layout-2023 .avatar-styles-back:hover svg path {
  fill: #a0e6ff;
}
.layout-2023 .avatar-styles-back:after {
  content: "";
  position: absolute;
  top: 100%;
  left: -10px;
  width: calc(100% + 20px);
  height: 1px;
  background: #575c6e;
}
.layout-2023 .avatar-styles-back svg path {
  fill: #fff;
}
.layout-2023 .header-avatar-styles {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.layout-2023 .header-avatar-styles .style-item {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  cursor: pointer;
  color: #fff;
}
.layout-2023 .header-avatar-styles .style-item > * {
  z-index: 3;
}
.layout-2023 .header-avatar-styles .style-item.selected:before,
.layout-2023 .header-avatar-styles .style-item:hover:before {
  content: "";
  position: absolute;
  top: -6px;
  left: -6px;
  width: calc(100% + 12px);
  height: calc(100% + 12px);
  background: #888b99;
  border-radius: 12px;
}
.layout-2023 .header-avatar-styles .style-item.selected:after,
.layout-2023 .header-avatar-styles .style-item:hover:after {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  border-radius: 10px;
  background: linear-gradient(180deg, #4d5164 0%, #484d60 100%);
}
.layout-2023 .header-avatar-styles .style-item.selected:before {
  background: linear-gradient(160deg, #ffbf1b 0%, #fe9e0d 35.94%, #ff881a 100%);
}
.layout-2023 .header-avatar-styles .style-item .user-avatar-border,
.layout-2023 .header-avatar-styles .style-item .user-avatar-image {
  transform: scale(0.8);
}
.layout-2023 .powerbank-actions {
  display: none;
  position: absolute;
  top: 100%;
  right: -9px;
  width: max-content;
  background: linear-gradient(180deg, #4d5164 0%, #484d60 100%);
  font-size: 14px;
  line-height: 1;
  text-align: center;
  border-radius: 10px 0 10px 10px;
}
.layout-2023 .powerbank-actions:before {
  content: "";
  position: absolute;
  bottom: 100%;
  right: 0px;
  width: 38px;
  height: 32px;
  background: #4c5064;
  z-index: 1;
  border-radius: 20px 20px 0 0;
}
.layout-2023 .powerbank-actions .actions-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 12px 10px;
  color: #fff;
}
.layout-2023 .powerbank-actions .actions-item-amount {
  display: flex;
  align-items: center;
  gap: 4px;
  width: 110px;
  margin: 10px auto;
  padding: 4px 4px 4px 10px;
  border-radius: 6px;
  background: #33353d;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
}
.layout-2023 .powerbank-actions .actions-item-amount .btn {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  border-radius: 100%;
  padding: 0;
  box-shadow: none;
  text-shadow: none;
  margin-left: auto;
}
.layout-2023 .powerbank-actions .actions-item-amount .btn i {
  font-weight: 900;
}
.layout-2023 .powerbank-actions .actions-item-divider {
  background: #33353d;
  height: 1px;
  width: 100%;
}
.layout-2023 .powerbank-actions .actions-item-button {
  width: 100%;
  box-shadow: none;
  padding-top: 4px;
  padding-bottom: 4px;
}
.layout-2023 .powerbank-actions .actions-item-access {
  font-size: 12px;
  margin-top: 10px;
}
.layout-2023 .powerbank-actions .actions-item-image {
  max-height: 18px;
}
.layout-2023 #powerbank-restore-modal .theme-modal-body {
  max-width: 393px;
}
.layout-2023 #powerbank-restore-modal .powerbank-restore {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 16px 16px;
}
.layout-2023 #powerbank-restore-modal .powerbank-restore-title {
  font-size: 16px;
  margin-bottom: 14px;
}
.layout-2023 #powerbank-restore-modal .powerbank-restore-image {
  width: 106px;
  margin-bottom: 25px;
}
.layout-2023 #powerbank-restore-modal .powerbank-restore-data {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border-radius: 10px;
  border: 1px solid #b8cceb;
  background: var(--tx-panel-background);
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  padding: 15px 16px;
}
.layout-2023 #powerbank-restore-modal .powerbank-restore-data-row {
  display: flex;
  align-items: center;
}
.layout-2023 #powerbank-restore-modal .powerbank-restore-actions {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.layout-2023 #powerbank-restore-modal .powerbank-restore-actions .btn {
  min-width: 146px;
  font-size: 16px;
}
@media (max-width: 480px) {
  .layout-2023 #powerbank-restore-modal .powerbank-restore-actions .btn {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
.layout-2023 .app-footer {
  padding-top: 22px;
  background: #cbcdd5;
}
.layout-2023 .app-footer .footer-areas {
  display: grid;
  grid-template-areas: "area-logo area-menu-1 area-menu-2 area-menu-3 area-social";
  gap: 60px;
}
@media (max-width: 992px) {
  .layout-2023 .app-footer .footer-areas {
    gap: 5px;
    padding: 0;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "area-logo area-menu-1" "area-menu-3 area-menu-2" "area-social area-social";
  }
}
.layout-2023 .app-footer .footer-areas .area-logo {
  position: relative;
  grid-area: area-logo;
}
@media (max-width: 992px) {
  .layout-2023 .app-footer .footer-areas .area-logo:after {
    content: "";
    position: absolute;
    top: 0;
    right: -5px;
    width: 2px;
    height: 200%;
    background: #adaeb5;
  }
}
@media (max-width: 992px) {
  .layout-2023 .app-footer .footer-areas .area-logo img {
    max-width: 170px;
  }
}
.layout-2023 .app-footer .footer-areas .area-menu-1 {
  grid-area: area-menu-1;
}
@media (max-width: 992px) {
  .layout-2023 .app-footer .footer-areas .area-menu-1 {
    padding-left: 40px;
  }
}
.layout-2023 .app-footer .footer-areas .area-menu-2 {
  grid-area: area-menu-2;
}
@media (max-width: 992px) {
  .layout-2023 .app-footer .footer-areas .area-menu-2 {
    padding-left: 40px;
  }
}
.layout-2023 .app-footer .footer-areas .area-menu-3 {
  grid-area: area-menu-3;
}
@media (max-width: 992px) {
  .layout-2023 .app-footer .footer-areas .area-menu-3 {
    padding-left: 40px;
  }
}
.layout-2023 .app-footer .footer-areas .area-social {
  grid-area: area-social;
  background: #b8bac7;
  padding: 13px;
  border-radius: 20px;
  font-size: 14px;
  display: flex;
  flex-direction: row;
  gap: 10px;
}
@media (max-width: 992px) {
  .layout-2023 .app-footer .footer-areas .area-social {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}
@media (max-width: 480px) {
  .layout-2023 .app-footer .footer-areas .area-social {
    padding: 10px;
    margin: 10px 17px 0;
  }
}
.layout-2023 .app-footer .footer-areas .area-social h3 {
  margin-top: 0;
  font-size: 16px;
  font-weight: 700;
}
@media (max-width: 480px) {
  .layout-2023 .app-footer .footer-areas .area-social h3 {
    margin-bottom: 5px;
    font-size: 14px;
  }
}
.layout-2023 .app-footer .footer-areas .area-social .footer-socials {
  display: flex;
  gap: 18px;
}
@media (max-width: 992px) {
  .layout-2023 .app-footer .footer-areas .area-social .footer-socials {
    margin: auto;
  }
}
@media (max-width: 480px) {
  .layout-2023 .app-footer .footer-areas .area-social .footer-socials-heading {
    font-size: 13px;
  }
}
.layout-2023 .app-footer .footer-areas .area-social .footer-socials img {
  width: 44px;
}
@media (max-width: 480px) {
  .layout-2023 .app-footer .footer-areas .area-social .footer-socials img {
    width: 38px;
  }
}
.layout-2023 .app-footer .footer-areas .area-social .footer-socials img:hover {
  opacity: 0.75;
}
.layout-2023 .app-footer .footer-areas .footer-menu {
  list-style-type: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin: 0;
}
@media (max-width: 480px) {
  .layout-2023 .app-footer .footer-areas .footer-menu {
    gap: 5px;
  }
}
.layout-2023 .app-footer .footer-areas .footer-menu a {
  color: var(--tx-text-color);
  text-decoration: none;
  font-size: 16px;
}
@media (max-width: 480px) {
  .layout-2023 .app-footer .footer-areas .footer-menu a {
    font-size: 14px;
  }
}
.layout-2023 .app-footer .footer-areas .footer-menu a.tp-link,
.layout-2023 .app-footer .footer-areas .footer-menu a.blog-link {
  font-weight: 700;
  color: #3d77cb;
}
.layout-2023 .app-footer .footer-areas .footer-menu a.tp-link:hover,
.layout-2023 .app-footer .footer-areas .footer-menu a.blog-link:hover {
  color: #ffc107;
}
.layout-2023 .app-footer .footer-areas .footer-menu a.has-unread {
  color: #F47895;
}
.layout-2023 .app-footer .footer-areas .footer-menu a:hover {
  color: #3c78cb;
}
.layout-2023 .app-footer .footer-terms-link {
  color: #fff;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 6px;
}
@media (max-width: 480px) {
  .layout-2023 .app-footer .footer-terms-link {
    font-size: 10px;
  }
}
.layout-2023 .app-footer .footer-terms-link img {
  width: 1em;
}
.layout-2023 .app-footer .footer-terms-link:hover {
  color: #ffc107;
  border-radius: 30px;
}
.layout-2023 .app-footer .footer-copyright {
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-top: 22px;
  background: #777a8a;
  color: #fff;
  font-size: 14px;
  padding: 20px 0;
}
@media (max-width: 992px) {
  .layout-2023 .app-footer .footer-copyright {
    padding: 20px;
  }
}
@media (max-width: 480px) {
  .layout-2023 .app-footer .footer-copyright {
    margin-top: 15px;
    padding: 10px 0;
    font-size: 12px;
  }
}
.layout-2023 .app-footer .footer-copyright-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 480px) {
  .layout-2023 .app-footer .footer-copyright-inner {
    justify-content: center;
  }
}
@media (max-width: 480px) {
  .layout-2023 .app-footer .footer-copyright .footer-terms-link {
    display: none;
  }
}
.layout-2023 .app-footer .cpr-year {
  font-weight: 900;
}
.layout-2023 .app-footer .cpr-site {
  color: #f47895;
  font-weight: 900;
}
.layout-2023 .app-footer .footer-terms {
  display: flex;
  justify-content: space-around;
  padding: 12px;
}
@media (min-width: 481px) {
  .layout-2023 .app-footer .footer-terms {
    display: none;
  }
}
@media (max-width: 480px) {
  .layout-2023 .app-footer .footer-terms {
    padding: 6px;
  }
}
.layout-2023 .app-footer .footer-terms .footer-terms-link {
  text-decoration: none;
  color: #333;
  font-size: 12px;
  justify-content: center;
}
.layout-2023 .app-footer .langSelect {
  margin-bottom: 14px;
}
@media (max-width: 480px) {
  .layout-2023 .app-footer .langSelect {
    margin-bottom: 5px;
  }
}
.layout-2023 .app-footer .langSelect:hover #dropdownMenuLang {
  color: #3c78cb;
}
.layout-2023 .app-footer .langSelect .dropdown {
  width: max-content;
}
.layout-2023 .app-footer .langSelect .dropdown.open #dropdownMenuLang {
  color: #fff;
  background: linear-gradient(180deg, #4d5164 0%, #484d60 100%);
}
.layout-2023 .app-footer .langSelect .dropdown.open #dropdownMenuLang:hover {
  color: #333;
  background: linear-gradient(180deg, #fbec7b 0%, #f6d754 4.69%, #ecaa3e 83.33%, #eba33a 100%);
}
.layout-2023 .app-footer .langSelect #dropdownMenuLang {
  padding: 6px 10px 6px 15px;
  margin-top: -10px;
  text-align: left;
  color: var(--tx-text-color);
  background: none;
  box-shadow: none;
  border-radius: 15px 15px 0 0;
}
.layout-2023 .app-footer .langSelect .ssName {
  font-size: 16px;
  font-weight: bold;
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media (max-width: 480px) {
  .layout-2023 .app-footer .langSelect .ssName {
    font-size: 14px;
  }
}
.layout-2023 .app-footer .langSelect .ssName .flag {
  margin-right: 10px;
}
.layout-2023 .app-footer .langSelect .choose-server {
  padding: 0;
  margin: 0;
  width: 100%;
  border-radius: 0 0 15px 15px;
  background: linear-gradient(180deg, #4d5164 0%, #484d60 100%);
}
.layout-2023 .app-footer .langSelect .choose-server a {
  padding: 10px 15px;
  line-height: 1;
  font-weight: 700;
  font-size: 16px;
}
@media (max-width: 480px) {
  .layout-2023 .app-footer .langSelect .choose-server a {
    font-size: 14px;
  }
}
.layout-2023 .app-footer .langSelect .choose-server a:hover {
  color: #333;
  background: linear-gradient(180deg, #fbec7b 0%, #f6d754 4.69%, #ecaa3e 83.33%, #eba33a 100%);
}
.layout-2023 .app-footer .langSelect .choose-server .flag {
  margin-right: 10px;
}
@media (max-width: 992px) {
  .layout-2023 .app-header ~ .app-footer .footer-mobile-spacer {
    height: 80px;
    background: #787a8a;
  }
}
.layout-2023.polis-layout .advanced_vision,
.layout-2023.polis-layout .aside-server-time,
.layout-2023.polis-layout .menu-promotions-btn,
.layout-2023.polis-layout .menu-more-btn {
  display: none !important;
}
.layout-2023 #sidebar.app-sidebar {
  width: 80px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 15px;
  position: relative;
  border-radius: 16px;
  z-index: 1039;
  filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.15));
  background: url('../img/aside/sidebar-bg.png') no-repeat;
  background-size: cover;
}
@media (min-width: 993px) {
  .layout-2023 #sidebar.app-sidebar {
    position: sticky !important;
    top: 100px;
  }
}
@media (max-width: 992px) {
  .layout-2023 #sidebar.app-sidebar {
    position: fixed !important;
    bottom: -12px;
    width: 100%;
    left: 0;
    background: url('../img/aside/sidebar-bg-mobile.png') no-repeat;
    padding: 0;
    background-size: cover;
    margin-bottom: 0;
    border-radius: 25px 25px 0 0;
  }
}
.layout-2023 #sidebar.app-sidebar:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0px;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  padding: 1.4px;
  -webkit-mask-composite: xor;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  background: linear-gradient(90deg, #3C538C 0%, rgba(60, 83, 140, 0) 18.75%, rgba(60, 83, 140, 0) 80.73%, #3C538C 100%);
}
@media (max-width: 992px) {
  .layout-2023 #sidebar.app-sidebar:before {
    border-radius: 25px 25px 0 0;
  }
}
.layout-2023 #sidebar.app-sidebar.txSlideTargetOpened {
  z-index: 1047;
}
.layout-2023 .sidebar-nav {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  gap: 20px;
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
@media (max-width: 992px) {
  .layout-2023 .sidebar-nav {
    flex-direction: row;
    justify-content: center;
    transform: translateY(-30px);
    gap: 10px;
  }
}
.layout-2023 .sidebar-nav .sidebar-nav-listitem {
  position: relative;
}
.layout-2023 .sidebar-nav .sidebar-nav-listitem.sidebar-nav-opened .sidebar-nav-item-submenu {
  opacity: 1;
  transform: translate(0, -50%);
  visibility: visible;
}
@media (max-width: 992px) {
  .layout-2023 .sidebar-nav .sidebar-nav-listitem.sidebar-nav-opened .sidebar-nav-item-submenu {
    transform: translate(0, 0);
  }
}
.layout-2023 .sidebar-nav .sidebar-nav-listitem.menu-more-btn {
  margin-top: 24px;
}
@media (max-width: 992px) {
  .layout-2023 .sidebar-nav .sidebar-nav-listitem.menu-more-btn {
    margin-top: 0;
  }
}
.layout-2023 .sidebar-nav .sidebar-nav-listitem.menu-more-btn:before {
  content: '';
  position: absolute;
  top: -24px;
  left: -5px;
  width: calc(100% + 10px);
  height: 1.5px;
  background: linear-gradient(90deg, rgba(227, 229, 234, 0) -12.5%, rgba(227, 229, 234, 0.6) 9.72%, rgba(227, 229, 234, 0.6) 87.79%, rgba(227, 229, 234, 0) 109.37%, rgba(227, 229, 234, 0) 109.37%);
}
@media (max-width: 992px) {
  .layout-2023 .sidebar-nav .sidebar-nav-listitem.menu-more-btn:before {
    display: none;
  }
}
.layout-2023 .sidebar-nav .sidebar-nav-listitem.menu-more-btn .sidebar-nav-item-image img {
  max-width: inherit;
  width: 54px;
  left: -1px;
  top: -9px;
}
.layout-2023 .sidebar-nav .sidebar-nav-listitem.menu-garage-btn .sidebar-nav-item-image img {
  transform: rotate(8deg);
  right: -2px;
  top: -1px;
}
.layout-2023 .sidebar-nav .sidebar-nav-listitem.menu-missions-btn .sidebar-nav-item-image img {
  max-width: 38px;
  transform: rotate(-4deg);
  right: -7px;
  top: -4px;
}
.layout-2023 .sidebar-nav .sidebar-nav-listitem.menu-city-btn .sidebar-nav-item-image img {
  width: 46px;
  right: -2px;
  top: -3px;
}
.layout-2023 .sidebar-nav .sidebar-nav-listitem.menu-clicker-btn .sidebar-nav-item-image img {
  width: 51px;
  max-width: 51px;
  top: 1px;
  right: -2px;
}
.layout-2023 .sidebar-nav .sidebar-nav-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  text-decoration: none;
}
.layout-2023 .sidebar-nav .sidebar-nav-item-image {
  position: relative;
  display: flex;
  flex-direction: column;
  background: #3C538C;
  border: 1.4px solid #3C538C;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 0 1.2px #7EB2FF, inset 0 6px 4px rgba(0, 0, 0, 0.25);
  border-radius: 100px;
  z-index: -1;
  width: 48px;
  height: 48px;
}
.layout-2023 .sidebar-nav .sidebar-nav-item-image img {
  position: relative;
  top: -5px;
  right: -5px;
  max-width: 48px;
}
.layout-2023 .sidebar-nav .sidebar-nav-item-name {
  position: relative;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  border-radius: 100px;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  text-shadow: 1px 1px 0 #213D65;
  padding: 1px 7px;
  display: block;
  margin-top: -10px;
  z-index: 1;
  background: linear-gradient(180deg, #84A8F8 0%, #1F2D50 100%);
}
.layout-2023 .sidebar-nav .sidebar-nav-item-name:before {
  content: '';
  position: absolute;
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border-radius: 10px;
  z-index: -1;
  background: #3C538C;
}
.layout-2023 .sidebar-nav .sidebar-nav-item-badge {
  position: absolute;
  top: -3px;
  right: -3px;
}
.layout-2023 .sidebar-nav .sidebar-nav-item:hover:not(.layout-2023 .sidebar-nav .sidebar-nav-item-active) .sidebar-nav-item-image {
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.5), 0 1px 1px rgba(0, 0, 0, 0.14), inset 0 0 0 1px #7EB2FF, inset 0 6px 4px rgba(0, 0, 0, 0.15);
}
.layout-2023 .sidebar-nav .sidebar-nav-item:hover:not(.layout-2023 .sidebar-nav .sidebar-nav-item-active) .sidebar-nav-item-name {
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.5), 0 1px 1px rgba(0, 0, 0, 0.14), inset 0 6px 4px rgba(0, 0, 0, 0.15);
}
.layout-2023 .sidebar-nav .sidebar-nav-item-active:hover .sidebar-nav-item-image {
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.5), 0 1px 1px rgba(0, 0, 0, 0.14), inset 0 0 0 1px #ffffff, inset 0 6px 4px rgba(0, 0, 0, 0.15);
}
.layout-2023 .sidebar-nav .sidebar-nav-item-active:hover .sidebar-nav-item-name {
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.5), 0 1px 1px rgba(0, 0, 0, 0.14), inset 0 6px 4px rgba(0, 0, 0, 0.15);
}
.layout-2023 .sidebar-nav .sidebar-nav-item-active .sidebar-nav-item-image {
  background: #FF9C07;
  border: 1.2px solid #FF9C07;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 0 1px #ffffff, inset 0 6px 4px rgba(0, 0, 0, 0.25);
}
.layout-2023 .sidebar-nav .sidebar-nav-item-active .sidebar-nav-item-name {
  background: linear-gradient(180deg, #FFE4BB 0%, #9B610A 100%);
}
.layout-2023 .sidebar-nav .sidebar-nav-item-active .sidebar-nav-item-name:before {
  background: radial-gradient(50% 50% at 50% 50%, #FFD68E 0%, #FF9900 100%);
}
.layout-2023 .sidebar-nav .sidebar-nav-item-submenu {
  position: absolute;
  top: 28px;
  left: calc(100% + 35px);
  transform: translate(80px, -50%);
  padding: 0;
  list-style-type: none;
  border-radius: 10px;
  width: 175px;
  transition: all 0.3s;
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 992px) {
  .layout-2023 .sidebar-nav .sidebar-nav-item-submenu {
    left: auto;
    top: auto;
    bottom: calc(100% + 30px);
    right: 0;
    transform: translate(0, -80px);
  }
}
.layout-2023 .sidebar-nav .sidebar-nav-item-submenu:after {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  background: #484D60;
  position: absolute;
  right: 100%;
  top: 50%;
  margin-top: -10px;
  clip-path: polygon(100% 0, 50% 50%, 100% 100%);
}
@media (max-width: 992px) {
  .layout-2023 .sidebar-nav .sidebar-nav-item-submenu:after {
    right: 20px;
    top: 100%;
    margin-right: -10px;
    clip-path: polygon(50% 100%, 0 50%, 100% 50%);
  }
}
.layout-2023 .sidebar-nav .sidebar-nav-item-submenu > li {
  overflow: hidden;
}
.layout-2023 .sidebar-nav .sidebar-nav-item-submenu > li:first-child {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.layout-2023 .sidebar-nav .sidebar-nav-item-submenu > li:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.layout-2023 .sidebar-nav .sidebar-nav-item-submenu .sidebar-submenu-item {
  padding: 10px;
  font-weight: 700;
  line-height: 18px;
  display: flex;
  align-items: center;
  color: #FFFFFF;
  text-decoration: none;
  background: linear-gradient(180deg, #4D5164 0%, #484D60 100%);
}
.layout-2023 .sidebar-nav .sidebar-nav-item-submenu .sidebar-submenu-item img {
  margin-right: 10px;
  max-width: 18px;
}
.layout-2023 .sidebar-nav .sidebar-nav-item-submenu .sidebar-submenu-item:hover,
.layout-2023 .sidebar-nav .sidebar-nav-item-submenu .sidebar-submenu-item-active {
  background: linear-gradient(180deg, #FBEC7B 0%, #F6D754 4.69%, #ECAA3E 83.33%, #EBA33A 100%);
  color: #333333;
}
.layout-2023 .sidebar-nav .sidebar-nav-item-submenu .sidebar-submenu-item:hover img,
.layout-2023 .sidebar-nav .sidebar-nav-item-submenu .sidebar-submenu-item-active img {
  filter: invert(1);
}
.layout-2023 .sidebar-nav .sidebar-nav-item-submenu .sidebar-submenu-item-badge {
  margin-left: 8px;
}
.layout-2023 #serverTime {
  display: none;
}
.layout-2023 #serverTime.aside-server-time {
  display: block;
  position: unset;
  width: 100%;
  background: rgb(59 79 135);
  color: #fff;
  font-size: 12px;
  line-height: 15px;
  padding: 5px;
  border-radius: 5px;
  text-align: center;
}
@media (max-width: 992px) {
  .layout-2023 #serverTime.aside-server-time {
    display: none;
  }
}
.layout-2023 .rating-position {
  position: relative;
  width: 80px;
  height: 80px;
  border-radius: 16px;
  background: url('../img/aside/rating-cup.png') right no-repeat, linear-gradient(to right, #607DCC, #6580CE);
  background-size: auto 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #FFF;
  text-shadow: 1px 1px 0px #284775;
  text-decoration: none;
  line-height: 1;
}
@media (max-width: 992px) {
  .layout-2023 .rating-position {
    display: none;
  }
}
.layout-2023 .rating-position:hover {
  background: url('../img/aside/rating-cup.png') right no-repeat, linear-gradient(to right, #8598dd, #6580CE);
  background-size: auto 100%;
}
.layout-2023 .rating-position:before {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  background: linear-gradient(90deg, #3C538C 0%, #758CD8 33%, #758CD8 66%, #3C538C 100%);
  z-index: -2;
}
.layout-2023 .rating-position-league {
  font-size: 10px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  font-weight: 700;
}
.layout-2023 .rating-position-value {
  font-size: 38px;
  font-weight: 700;
}
.layout-2023 .rating-position-place {
  font-size: 12px;
  letter-spacing: 0.96px;
}
.layout-2023 .aside-banners {
  width: 100%;
}
@media (max-width: 992px) {
  .layout-2023 .aside-banners {
    display: none;
  }
}
.layout-2023 .aside-banners .odv-mat span a {
  height: auto;
}
.layout-2023 .sidebar-bottom {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.layout-2023 .content-wrapper.garage-page {
  background: transparent;
  padding: 0 0 10px 0;
}
.layout-2023 .tariff-inventory-upgrades a {
  color: #fe4a4a !important;
}
.layout-2023 .employers .earn-stat-block {
  background: var(--tx-panel-background);
  box-shadow: 0px 0px 5px var(--tx-box-shadow-color);
}
.layout-2023 .employers .earn-stat-block-title {
  font-size: 16px;
  text-transform: unset !important;
  line-height: 1;
}
@media (max-width: 992px) {
  .layout-2023 .employers .earn-stat-block-title {
    font-size: 12px;
    line-height: 1.2;
  }
}
.layout-2023 .employers .earn-stat-block-price {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  border: 1px solid #dfdfdf91;
  min-width: 160px;
  line-height: 1;
  margin-top: 14px;
  padding: 8px 5px;
  font-size: 18px;
  transition: scale 200ms;
}
@media (max-width: 992px) {
  .layout-2023 .employers .earn-stat-block-price {
    min-width: 100px;
    font-size: 12px;
    margin-top: 8px;
    padding: 5px;
  }
}
.layout-2023 .employers .earn-stat-block-price:hover {
  scale: 108%;
  cursor: pointer;
}
.layout-2023 .employers .earn-stat-block-price > span {
  font-size: inherit;
}
.layout-2023 .content-stat-block {
  gap: 20px;
}
@media (max-width: 992px) {
  .layout-2023 .content-stat-block {
    gap: 5px;
  }
}
.layout-2023 .buyCar {
  margin-top: 20px;
}
.layout-2023 .garageDisplay .tabsBlock .abilitiesBlock .shaContent .buyButton .not-enough-funds {
  cursor: not-allowed;
}
.layout-2023 .garageDisplay .tabsBlock .abilitiesBlock .shaContent .buyButton .not-enough-funds a.disabled,
.layout-2023 .garageDisplay .tabsBlock .abilitiesBlock .shaContent .buyButton .not-enough-funds a:hover.disabled,
.layout-2023 .garageDisplay .tabsBlock .abilitiesBlock .shaContent .buyButton .not-enough-funds a:focus.disabled {
  pointer-events: none;
  background: #e6e8ec;
  font-family: "Cuprum", sans-serif;
  font-size: 16px;
  color: #7e7e7e;
  text-shadow: none;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 0 15px;
  cursor: default;
}
.layout-2023 .garageDisplay .tabsBlock .abilitiesBlock .shAbility {
  margin-bottom: 10px;
  border-radius: 15px;
  box-shadow: 0 0 4px var(--tx-box-shadow-color);
  margin-bottom: 56px !important;
}
.layout-2023 .garageDisplay .tabsBlock .upgradesBlock .ubSlots .ubSlot {
  margin-bottom: 10px;
  border-radius: 15px;
  box-shadow: 0 0 4px var(--tx-box-shadow-color);
  border-radius: 7px;
}
.layout-2023 .garageDisplay .tabsBlock .upgradesBlock .ubSlots .ubSlot .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
@media (max-width: 650px) {
  .layout-2023 .ubsContent .btn {
    font-size: 12px;
  }
}
@media (max-width: 550px) {
  .layout-2023 .ubsContent .btn {
    font-size: 10px;
    padding: 5px;
  }
}
.layout-2023 .garage-stat-filters {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 10px;
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.layout-2023 .garage-stat-filters .garage-filter-block {
  position: relative;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: row-reverse;
  gap: 10px;
  margin: 0 0 0 10px;
  padding: 0;
}
@media (max-width: 992px) {
  .layout-2023 .garage-stat-filters .garage-filter-block {
    gap: 7px;
    margin-left: auto;
  }
}
.layout-2023 .garage-stat-filters .garage-filter-block .collect-profit.btn-default {
  padding: 9px 10px;
}
.layout-2023 .garage-stat-filters .garage-filter-block .filter-button {
  position: relative;
  background: linear-gradient(180deg, #ffffff 48.96%, #efefef 100%);
  box-shadow: 0px 0px 3px #00000033;
  border-radius: 6px;
  padding: 9px 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
@media (max-width: 992px) {
  .layout-2023 .garage-stat-filters .garage-filter-block .filter-button {
    padding: 7px;
  }
}
.layout-2023 .garage-stat-filters .garage-filter-block .filter-button.selected {
  padding-right: 22px;
  background: linear-gradient(180deg, #5590e2 0%, #4a83df 80.21%);
}
.layout-2023 .garage-stat-filters .garage-filter-block .filter-button.selected .filter-button-icon {
  filter: drop-shadow(1px 1px 0.1px black);
}
.layout-2023 .garage-stat-filters .garage-filter-block .filter-button.selected .filter-button-icon path {
  fill: #f0f1f6;
}
.layout-2023 .garage-stat-filters .garage-filter-block .filter-button.selected:after {
  content: url("../img/garage/filter-selected-arrow.svg");
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
}
.layout-2023 .garage-stat-filters .garage-filter-block .filter-button.selected:hover {
  background: linear-gradient(180deg, #93c8f7 0%, #518af1 80.21%);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
}
.layout-2023 .garage-stat-filters .garage-filter-block .filter-button.selected:active {
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15), inset 0px 3px 2px #406ba9;
  transform: translateY(-1px);
}
.layout-2023 .garage-stat-filters .garage-filter-block .filter-button.not-selected .filter-button-icon path {
  fill: #e45679;
}
.layout-2023 .garage-stat-filters .garage-filter-block .filter-button.not-selected:hover {
  background: linear-gradient(180deg, #93c8f7 0%, #518af1 80.21%);
  box-shadow: 0px 0px 3px #00000033;
}
.layout-2023 .garage-stat-filters .garage-filter-block .filter-button.not-selected:hover .filter-button-icon path {
  fill: #ffffff;
}
.layout-2023 .garage-stat-filters .garage-filter-block .filter-button.active + .filter-popup {
  display: block;
}
.layout-2023 .garage-stat-filters .garage-filter-block .filter-button.active:before {
  content: "";
  position: absolute;
  bottom: -11px;
  right: 6px;
  width: 12px;
  height: 12px;
  background: #4d5164;
  clip-path: polygon(50% 40%, 0% 100%, 100% 100%);
}
.layout-2023 .garage-stat-filters .garage-filter-block .filter-button.locked-filter-button:after {
  content: "";
  visibility: hidden;
  position: absolute;
  bottom: -11px;
  right: 9px;
  width: 12px;
  height: 12px;
  background: #4d5164;
  clip-path: polygon(50% 40%, 0% 100%, 100% 100%);
  opacity: 0;
  transform: translateY(80px);
  transition: 0.3s;
}
.layout-2023 .garage-stat-filters .garage-filter-block .filter-button.locked-filter-button:hover .locked-filter-tooltip {
  visibility: visible;
  transform: translateY(0);
  opacity: 1;
}
.layout-2023 .garage-stat-filters .garage-filter-block .filter-button.locked-filter-button:hover svg path {
  fill: #000;
}
.layout-2023 .garage-stat-filters .garage-filter-block .filter-button.locked-filter-button:hover:before {
  content: "";
  position: absolute;
  bottom: -12px;
  right: 0px;
  width: 100%;
  height: 12px;
  z-index: 16;
}
.layout-2023 .garage-stat-filters .garage-filter-block .filter-button.locked-filter-button:hover:after {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
.layout-2023 .garage-stat-filters .garage-filter-block .filter-button.locked-filter-button .locked-filter-tooltip {
  visibility: hidden;
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  z-index: 2;
  padding: 10px;
  background: linear-gradient(180deg, #4d5164 0%, #484d60 100%);
  border-radius: 10px;
  font-size: 14px;
  line-height: 18px;
  color: #ffffff;
  width: max-content;
  transition: 0.3s;
  opacity: 0;
  transform: translateY(80px);
}
.layout-2023 .garage-stat-filters .garage-filter-block .filter-button.locked-filter-button .locked-filter-tooltip a {
  display: flex;
  justify-content: center;
  width: 100%;
  background: linear-gradient(180deg, #81b5ff 0%, #4a83df 100%);
  border-radius: 6px;
  color: #fff;
  text-decoration: none;
  padding: 7px;
}
.layout-2023 .garage-stat-filters .garage-filter-block .filter-popup {
  display: none;
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  z-index: 11;
  min-width: 180px;
  border-radius: 10px;
  overflow: hidden;
}
.layout-2023 .garage-stat-filters .garage-filter-block .filter-popup .checkbox-inline {
  margin: 0 !important;
  padding: 10px;
  background: linear-gradient(180deg, #4d5164 0%, #484d60 100%);
  filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.15));
  width: 100%;
  color: #fff;
}
.layout-2023 .garage-stat-filters .garage-filter-block .filter-popup .checkbox-inline span {
  display: flex;
  padding-left: 25px;
}
.layout-2023 .garage-stat-filters .garage-filter-block .filter-popup .checkbox-inline span:before {
  width: 16px;
  height: 16px;
  margin-top: -8px;
  left: 10px;
}
.layout-2023 .garage-stat-filters .garage-filter-block .filter-popup .checkbox-inline span:after {
  width: 16px;
  height: 16px;
  left: 10px;
  margin-top: -8px;
  background-position-x: -160px;
  background-position-y: -128px;
  background-size: 610px;
}
.layout-2023 .garage-stat-filters .garage-filter-block .filter-popup .filter-submit-row {
  width: 100%;
  background: linear-gradient(180deg, #4d5164 0%, #484d60 100%);
  filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.15));
  padding: 10px;
  margin-left: 0;
  margin-right: 0;
}
.layout-2023 .garage-stat-filters .garage-filter-block .filter-popup .filter-submit-row .btn {
  width: 100%;
  padding: 2px;
  background: linear-gradient(180deg, #5590e2 0%, #4a83df 80.21%);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  text-align: center;
  justify-content: center;
}
.layout-2023 .garage-stat-filters .garage-stat-block {
  padding: 5.5px 13px;
  box-shadow: 0px 0px 5px #00000033;
  border-radius: 6px;
  font-weight: 700;
  font-size: 14px;
  margin-right: 10px;
  background: #fff;
}
@media (max-width: 992px) {
  .layout-2023 .garage-stat-filters .garage-stat-block {
    margin-right: 0;
  }
}
.layout-2023 .garage-stat-filters .garage-stat-block .garage-stat-group {
  padding: 0;
  border: none;
}
.layout-2023 .garage-stat-filters .garage-stat-block .garage-stat-icon {
  display: flex;
  align-items: center;
  margin-right: 11px;
  color: #333333;
}
.layout-2023 .garage-stat-filters .garage-stat-block .garage-stat-icon-plus {
  margin-right: 0;
}
.layout-2023 .garage-stat-filters .garage-stat-block .garage-stat-icon-divider {
  opacity: 0.4;
  border: 1px solid #c3c4cf;
  display: flex;
  height: calc(100% + 10px);
  margin-right: 11px;
}
.layout-2023 .garage-stat-filters .garage-stat-block .garage-stat-icon img {
  max-width: 26px;
  cursor: pointer;
  margin-right: 11px;
  transition: scale 200ms;
}
.layout-2023 .garage-stat-filters .garage-stat-block .garage-stat-icon img:hover {
  scale: 120%;
  cursor: pointer;
}
.layout-2023 .garage-stat-filters .mining-resource-block {
  display: flex;
  padding: 4px 4px 4px 9px;
  background: var(--tx-panel-background);
  box-shadow: 0px 0px 5px var(--tx-box-shadow-color);
  border-radius: 6px;
  flex: 1 1 auto;
}
@media (max-width: 992px) {
  .layout-2023 .garage-stat-filters .mining-resource-block {
    order: -1;
    width: 100%;
    margin-bottom: 10px;
    padding-right: 5px;
  }
}
.layout-2023 .garage-stat-filters .mining-resource-block .mining-resource-items {
  display: flex;
  gap: 12px;
}
@media (max-width: 992px) {
  .layout-2023 .garage-stat-filters .mining-resource-block .mining-resource-items {
    gap: 20px;
  }
}
.layout-2023 .garage-stat-filters .mining-resource-block .mining-resource-items .mining-resource-item {
  display: flex;
  align-items: center;
  text-decoration: none;
  font-weight: 700;
  font-size: 14px;
  color: var(--tx-text-color);
}
.layout-2023 .garage-stat-filters .mining-resource-block .mining-resource-items .mining-resource-item:nth-child(5) ~ .mining-resource-item {
  display: none;
}
.layout-2023 .garage-stat-filters .mining-resource-block .mining-resource-items .mining-resource-item-image {
  width: 20px;
  margin-right: 5px;
}
.layout-2023 .garage-stat-filters .mining-resource-block .mining-resource-items .mining-resource-item-count {
  width: 100%;
  text-align: center;
}
.layout-2023 .garage-stat-filters .mining-resource-block .mining-progress-block {
  width: 100%;
  margin-left: 12px;
  font-weight: 700;
  font-size: 12px;
  color: #ffffff;
}
@media (max-width: 992px) {
  .layout-2023 .garage-stat-filters .mining-resource-block .mining-progress-block {
    margin-left: 20px;
  }
}
.layout-2023 .garage-stat-filters .mining-resource-block .mining-progress {
  position: relative;
  background: #4a4f62;
  box-shadow: inset 0px 6px 4px rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  width: 100%;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.layout-2023 .garage-stat-filters .mining-resource-block .mining-progress-text {
  text-shadow: 1px 1px 0px #717171;
  margin-right: 20px;
  z-index: 2;
}
.layout-2023 .garage-stat-filters .mining-resource-block .mining-progress-line {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #ff9900;
  box-shadow: inset 0px -10px 0px rgba(232, 111, 0, 0.68);
  z-index: 1;
}
.layout-2023 .garage-stat-filters .mining-resource-block .mining-progress-line:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../img/garage/resource-progress.svg");
  opacity: 0.3;
  mix-blend-mode: overlay;
  z-index: 3;
}
.layout-2023 .garage-stat-filters .mining-resource-block .mining-progress-btn {
  position: absolute;
  right: 2px;
  top: 2px;
  width: 20px;
  height: calc(100% - 4px);
  background: linear-gradient(180deg, #71ca5f 0%, #609f53 100%);
  border-radius: 2px;
  font-size: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  color: #fff;
  text-decoration: none;
}
.layout-2023 .garage-stat-filters .mining-resource-block .mining-progress-btn:hover {
  background: linear-gradient(180deg, #a2f890 0%, #609f53 80%);
}
.layout-2023 .garage-stat-panel {
  box-shadow: 0px 0px 5px var(--tx-box-shadow-color);
  border-radius: 6px !important;
  background: var(--tx-panel-background);
  padding: 5.5px 11px;
  margin-right: 10px;
}
@media (max-width: 992px) {
  .layout-2023 .garage-stat-panel {
    padding-left: 7px;
    padding-right: 7px;
    margin-right: 0;
  }
}
.layout-2023 .garage-stat-panel,
.layout-2023 .garage-stat-panel-container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 11px;
}
@media (max-width: 992px) {
  .layout-2023 .garage-stat-panel,
  .layout-2023 .garage-stat-panel-container {
    gap: 7px;
  }
}
.layout-2023 .garage-stat-panel-container {
  position: relative;
}
.layout-2023 .garage-stat-panel-container .garage-stat-item-divider {
  top: -5.5px !important;
  width: 2px !important;
  height: calc(100% + 11px) !important;
}
.layout-2023 .garage-stat-panel .garage-stat-item {
  display: flex;
  align-items: center;
  gap: 11px;
  text-decoration: none;
  color: var(--tx-text-color);
  font-weight: 900;
  font-size: 14px;
  height: 100%;
  cursor: pointer;
}
@media (max-width: 992px) {
  .layout-2023 .garage-stat-panel .garage-stat-item {
    gap: 7px;
  }
}
.layout-2023 .garage-stat-panel .garage-stat-item .lowest {
  color: #97a0af;
}
.layout-2023 .garage-stat-panel .garage-stat-item .low {
  color: #ff5630;
}
.layout-2023 .garage-stat-panel .garage-stat-item .average {
  color: #4c9aff;
}
.layout-2023 .garage-stat-panel .garage-stat-item .high {
  color: #36b37e;
}
.layout-2023 .garage-stat-panel .garage-stat-item .highest {
  color: #6554c0;
}
.layout-2023 .garage-stat-panel .garage-stat-item:hover .garage-stat-item-icon {
  scale: 120%;
}
.layout-2023 .garage-stat-panel .garage-stat-item:hover .garage-stat-item-value {
  color: #F47895;
}
.layout-2023 .garage-stat-panel .garage-stat-item:hover .garage-stat-item-value .lowest,
.layout-2023 .garage-stat-panel .garage-stat-item:hover .garage-stat-item-value .low,
.layout-2023 .garage-stat-panel .garage-stat-item:hover .garage-stat-item-value .average,
.layout-2023 .garage-stat-panel .garage-stat-item:hover .garage-stat-item-value .high,
.layout-2023 .garage-stat-panel .garage-stat-item:hover .garage-stat-item-value .highest {
  color: #F47895;
}
.layout-2023 .garage-stat-panel .garage-stat-item-icon {
  max-width: 26px;
  transition: scale 200ms;
}
@media (max-width: 992px) {
  .layout-2023 .garage-stat-panel .garage-stat-item-icon {
    width: 20px;
  }
}
.layout-2023 .garage-stat-panel .garage-stat-item-icon .txm-account-icon {
  transform: scale(1.2);
}
.layout-2023 .garage-stat-panel .garage-stat-item-divider {
  position: absolute;
  top: 0;
  width: 1px;
  height: 100%;
  background: #c3c4cf;
  opacity: 0.4;
}
.layout-2023 .tariff-tabs {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}
.layout-2023 .tariff-tabs .content-tabs {
  justify-content: flex-start;
  width: fit-content;
  border-top-right-radius: 30px;
}
.layout-2023 .tariff-tabs .content-tabs .content-tab-item {
  flex-grow: 0;
  min-width: 100px;
}
@media (max-width: 992px) {
  .layout-2023 .tariff-tabs .content-tabs .content-tab-item {
    min-width: 65px;
  }
}
@media (max-width: 992px) {
  .layout-2023 .tariff-tabs .content-tabs .content-tab-item {
    min-width: 55px;
  }
}
.layout-2023 .tariff-tabs .content-tabs .content-tab-item:not(.active) .content-tab-item-name {
  display: none;
}
.layout-2023 .tariff-tabs .content-tabs .content-tab-item:last-child {
  transform: skewX(25deg);
  border-top-right-radius: 5px;
}
.layout-2023 .tariff-tabs .content-tabs .content-tab-item:last-child .content-tab-item-link {
  transform: skewX(-25deg);
}
.layout-2023 .tariff-tabs .order-settings-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background: #f9f9fc;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
  color: #3c538c;
  cursor: pointer;
}
.layout-2023 .tariff-tabs .order-settings-btn:hover {
  color: #888b99;
}
.layout-2023 .tariff-tabs .order-settings-btn.modal-in {
  background: #3d538c;
  color: #fff;
}
.layout-2023 .tariff-tabs .garage-shop-items {
  width: auto !important;
  position: relative;
  margin: 0 8px 0 auto;
  z-index: 1001;
}
@media (max-width: 992px) {
  .layout-2023 .tariff-tabs .garage-shop-items {
    order: -1;
    width: 100% !important;
    margin: 0 8px 10px;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
  }
}
.layout-2023 .tariff-tabs .garage-shop-items .garage-shop-items-head {
  display: flex;
}
.layout-2023 .tariff-tabs .garage-shop-items .garage-shop-items-block {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  width: max-content;
  border-top: none !important;
  border-radius: 6px;
  background: var(--tx-panel-background);
  box-shadow: 0px 1px 5px 0px var(--tx-box-shadow-color);
}
@media (max-width: 992px) {
  .layout-2023 .tariff-tabs .garage-shop-items .garage-shop-items-block {
    position: unset;
    border-radius: 0 0 6px 6px;
    width: 100%;
    border-top: 1px solid #c3c4cf63;
  }
}
.layout-2023 .tariff-tabs .garage-shop-items .garage-shop-items-block .taxi-items-scroll {
  width: 385px;
}
@media (max-width: 992px) {
  .layout-2023 .tariff-tabs .garage-shop-items .garage-shop-items-block .taxi-items-scroll {
    width: 100%;
  }
}
.layout-2023 .garage-layout-tabs {
  position: relative;
  z-index: 1015;
}
.layout-2023 .garage-layout-tabs .content-tabs.garage-tabs {
  margin: 0;
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .garageDisplay {
    background: #f9f9fc;
  }
}
.layout-2023 .garage-layout .order-title {
  color: #666666;
  text-align: center;
}
.layout-2023 .garage-layout .mining-map-wrap {
  padding: 0;
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .tabsBlock {
    margin: 0 !important;
    padding: 0 !important;
  }
}
.layout-2023 .garage-layout .infoBlock,
.layout-2023 .garage-layout .abilitiesBlock,
.layout-2023 .garage-layout .upgradesBlock {
  padding: 10px !important;
}
.layout-2023 .garage-layout .specifications-section {
  padding: 0 10px 10px;
}
.layout-2023 .garage-layout .party-order-container {
  background: none;
  border: none;
  box-shadow: 0px 0px 1px 1px #d9d9d9;
}
.layout-2023 .garage-layout .tabContent {
  background: var(--tx-wrapper-background-second);
  border-radius: 0 15px 15px;
}
.layout-2023 .garage-layout .tabContent:has(> .preloader) {
  width: 100%;
  height: 100%;
}
.layout-2023 .garage-layout .used-shop-item {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.layout-2023 .garage-layout .order-settings-popup {
  position: absolute;
  right: -5px;
  top: 100%;
  z-index: 1005;
}
.layout-2023 .garage-layout .order-settings-popup .btn-close {
  display: none;
}
.layout-2023 .garage-layout .getOrders {
  border-radius: 0 15px 15px;
}
.layout-2023 .garage-layout .getOrders.rested-orders-container {
  padding: 10px;
  background: var(--tx-wrapper-background);
}
.layout-2023 .garage-layout .getOrders.orders-grid-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  border-radius: 0 15px 15px;
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .getOrders.orders-grid-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
.layout-2023 .garage-layout .getOrders:before {
  display: none;
}
.layout-2023 .garage-layout .getOrders.loading .order.order-block {
  opacity: 0.5;
  pointer-events: none;
  background: linear-gradient(110deg, #cecece 8%, #f5f5f5 18%, #cecece 33%);
  border-radius: 5px;
  background-size: 200% 100%;
  -webkit-animation: 1s shine linear infinite;
  animation: 1s shine linear infinite;
}
.layout-2023 .garage-layout .getOrders .orders-grid-row {
  grid-column: 1/5;
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .getOrders .orders-grid-row {
    grid-column: 1/3;
  }
}
.layout-2023 .garage-layout .getOrders .order-block {
  position: relative;
  overflow: unset;
  border-radius: 6px;
  background: linear-gradient(180deg, #fff 0%, #d7e2ff 100%);
  box-shadow: 0px 0px 4px 0px var(--tx-box-shadow-color);
}
.layout-2023 .garage-layout .getOrders .order-block .original-xp {
  color: #a4a4a4;
  position: relative;
  font-family: "PT Sans";
  font-size: 13px;
}
.layout-2023 .garage-layout .getOrders .order-block .original-xp:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: #898989;
  background-color: #898989;
  transform: translateY(-50%) rotate(-15deg);
}
.layout-2023 .garage-layout .getOrders .order-block.disabled:not(.extended) {
  pointer-events: none;
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .getOrders .order-block.extended {
    padding-bottom: 64px;
  }
}
.layout-2023 .garage-layout .getOrders .order-block.extended .order-item {
  pointer-events: none;
}
.layout-2023 .garage-layout .getOrders .order-block .order-lock {
  position: absolute;
  top: 5px;
  right: 5px;
  color: #000;
}
.layout-2023 .garage-layout .getOrders .order-block .panel-error {
  left: -1px;
  top: -1px;
  width: calc(100% + 2px);
  min-height: calc(100% + 2px);
  height: fit-content;
  z-index: 1;
}
.layout-2023 .garage-layout .getOrders .order-block .panel-error.in {
  display: flex;
  align-items: center;
  justify-content: center;
}
.layout-2023 .garage-layout .getOrders .order-block .panel-error .btn-close {
  top: -9px;
  right: -9px;
  width: 20px;
  height: 20px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.layout-2023 .garage-layout .getOrders .order-block .panel-error .panel-content {
  position: unset;
}
.layout-2023 .garage-layout .getOrders .order-block .panel-error .panel-body {
  padding: 10px;
}
.layout-2023 .garage-layout .getOrders .order-block .panel-error .panel-body p {
  margin-bottom: 0;
}
.layout-2023 .garage-layout .getOrders .order-block .panel-error .panel-body a {
  color: #fff;
}
.layout-2023 .garage-layout .getOrders .order-item {
  display: flex;
  border-radius: 6px;
  height: 100%;
  cursor: pointer;
}
.layout-2023 .garage-layout .getOrders .order-item-level {
  position: relative;
  width: 62px;
  padding: 10px 6px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-right: 1px solid #c3c4cf87;
}
.layout-2023 .garage-layout .getOrders .order-item-data {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: calc(100% - 62px);
}
.layout-2023 .garage-layout .getOrders .order-item-data-row {
  height: 50%;
  display: flex;
  align-items: center;
  padding: 7px 10px;
}
.layout-2023 .garage-layout .getOrders .order-item-data-row:first-child {
  border-bottom: 1px solid #c3c4cf87;
}
.layout-2023 .garage-layout .getOrders .order-item-rank {
  display: flex;
  width: 35px;
  height: 35px;
  font-size: 22px;
  margin-bottom: 5px;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  border: 1.4px solid #fff;
  background: #b3b3b3;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  color: #fff;
}
.layout-2023 .garage-layout .getOrders .order-item-old-duration {
  display: flex;
  position: relative;
  gap: 5px;
  margin-left: auto;
  font-size: 9px;
  font-weight: 700;
  color: #a4a4a4;
}
.layout-2023 .garage-layout .getOrders .order-item-old-duration:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: #898989;
  transform: translateY(-50%) rotate(-15deg);
}
.layout-2023 .garage-layout .getOrders .order-item-income {
  display: flex;
  gap: 5px;
  margin-left: auto;
  font-size: 10px;
  font-weight: 700;
  color: #a4a4a4;
}
.layout-2023 .garage-layout .getOrders .order-item-income .txm-account-icon {
  min-width: 16px;
  height: 16px;
}
.layout-2023 .garage-layout .getOrders .order-item-income-price {
  position: relative;
}
.layout-2023 .garage-layout .getOrders .order-item-income-price:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: #898989;
  transform: translateY(-50%) rotate(-15deg);
}
.layout-2023 .garage-layout .getOrders .order-item-type {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-left: 7px;
}
.layout-2023 .garage-layout .getOrders .order-item-type-image {
  display: flex;
}
.layout-2023 .garage-layout .getOrders .order-item-type-image img {
  width: 20px;
}
.layout-2023 .garage-layout .getOrders .order-item-type-name {
  position: relative;
  top: 2px;
  color: #888b99;
  font-size: 12px;
  font-weight: 700;
}
.layout-2023 .garage-layout .getOrders .order-item-energy,
.layout-2023 .garage-layout .getOrders .order-item-price {
  position: relative;
  width: 60%;
  background: #fff;
  text-align: right;
  font-weight: 700;
  border-radius: 0 15px 15px 0;
  line-height: 1;
  padding: 4px 5px;
  font-size: 14px;
  color: #609f53;
  margin-right: auto;
}
.layout-2023 .garage-layout .getOrders .order-item-energy .fa-bolt,
.layout-2023 .garage-layout .getOrders .order-item-price .fa-bolt {
  display: none;
}
.layout-2023 .garage-layout .getOrders .order-item-energy {
  max-width: 55px;
  border-top-left-radius: 10px;
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .getOrders .order-item-energy {
    max-width: 68px;
  }
}
.layout-2023 .garage-layout .getOrders .order-item-energy .energy-icon {
  position: absolute;
  height: auto;
  top: -4px;
  left: -7px;
}
.layout-2023 .garage-layout .getOrders .order-item-energy .energy-icon.power-icon {
  top: -1px;
  left: -4px;
}
.layout-2023 .garage-layout .getOrders .order-item-price {
  max-width: 77px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 5px;
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .getOrders .order-item-price {
    max-width: 90px;
  }
}
.layout-2023 .garage-layout .getOrders .order-item-price .param-item > .txm-account-icon {
  position: absolute;
  min-width: 26px;
  height: 26px;
  top: -2px;
  left: -6px;
}
.layout-2023 .garage-layout .getOrders .order-item-price .param-item > .txm-account-icon.gem {
  top: -2px;
}
.layout-2023 .garage-layout .getOrders .order-item-timer {
  color: #333;
  text-align: center;
  font-size: 10px;
  padding: 2px 6px;
  line-height: 1;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
}
.layout-2023 .garage-layout .getOrders .order-item-timer .fa-clock-o {
  display: none;
}
.layout-2023 .garage-layout .getOrders .order-item .bubble-message {
  top: calc(100% + -20px);
}
.layout-2023 .garage-layout .getOrders .employer-order .oSpecial {
  margin-bottom: 0;
}
.layout-2023 .garage-layout .getOrders .employer-order .oSpecial.land_claiming {
  margin-bottom: 0 !important;
}
.layout-2023 .garage-layout .getOrders .order-block.extended,
.layout-2023 .garage-layout .getOrders .order-block.employer-order {
  grid-column: 1/5;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  border: none;
  margin-bottom: 10px;
}
.layout-2023 .garage-layout .getOrders .order-block.extended ~ .additional-orders,
.layout-2023 .garage-layout .getOrders .order-block.employer-order ~ .additional-orders {
  display: none;
}
.layout-2023 .garage-layout .getOrders .order-block.extended .order-item,
.layout-2023 .garage-layout .getOrders .order-block.employer-order .order-item {
  border-right: 1px solid #c3c4cf87;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  cursor: default;
}
@media (min-width: 991px) {
  .layout-2023 .garage-layout .getOrders .order-block.extended .order-item,
  .layout-2023 .garage-layout .getOrders .order-block.employer-order .order-item {
    width: 280px;
  }
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .getOrders .order-block.extended .order-item,
  .layout-2023 .garage-layout .getOrders .order-block.employer-order .order-item {
    width: 50%;
  }
}
@media (min-width: 991px) {
  .layout-2023 .garage-layout .getOrders .order-block.extended .order-item-income,
  .layout-2023 .garage-layout .getOrders .order-block.employer-order .order-item-income {
    font-size: 12px;
  }
}
@media (min-width: 991px) {
  .layout-2023 .garage-layout .getOrders .order-block.extended .order-item-data-row,
  .layout-2023 .garage-layout .getOrders .order-block.employer-order .order-item-data-row {
    padding: 12px;
  }
}
@media (min-width: 991px) {
  .layout-2023 .garage-layout .getOrders .order-block.extended .order-item-level,
  .layout-2023 .garage-layout .getOrders .order-block.employer-order .order-item-level {
    width: 100px;
  }
}
@media (min-width: 991px) {
  .layout-2023 .garage-layout .getOrders .order-block.extended .order-item-rank,
  .layout-2023 .garage-layout .getOrders .order-block.employer-order .order-item-rank {
    width: 60px;
    height: 60px;
    font-size: 32px;
  }
}
@media (min-width: 991px) {
  .layout-2023 .garage-layout .getOrders .order-block.extended .order-item-type-name,
  .layout-2023 .garage-layout .getOrders .order-block.employer-order .order-item-type-name {
    font-size: 14px;
  }
}
@media (min-width: 991px) {
  .layout-2023 .garage-layout .getOrders .order-block.extended .order-item-energy,
  .layout-2023 .garage-layout .getOrders .order-block.employer-order .order-item-energy,
  .layout-2023 .garage-layout .getOrders .order-block.extended .order-item-price,
  .layout-2023 .garage-layout .getOrders .order-block.employer-order .order-item-price {
    padding: 7px 5px;
  }
}
.layout-2023 .garage-layout .getOrders .order-block.extended .order-item-energy,
.layout-2023 .garage-layout .getOrders .order-block.employer-order .order-item-energy {
  max-width: 80px;
}
.layout-2023 .garage-layout .getOrders .order-block.extended .order-item-energy.power-item,
.layout-2023 .garage-layout .getOrders .order-block.employer-order .order-item-energy.power-item {
  border-bottom-left-radius: 10px;
}
@media (min-width: 991px) {
  .layout-2023 .garage-layout .getOrders .order-block.extended .order-item-energy .energy-icon,
  .layout-2023 .garage-layout .getOrders .order-block.employer-order .order-item-energy .energy-icon {
    width: 30px;
    top: -4px;
    left: -7px;
  }
}
@media (min-width: 991px) {
  .layout-2023 .garage-layout .getOrders .order-block.extended .order-item-energy .energy-icon.power-icon,
  .layout-2023 .garage-layout .getOrders .order-block.employer-order .order-item-energy .energy-icon.power-icon {
    width: 28px;
    top: 0px;
    left: -4px;
  }
}
.layout-2023 .garage-layout .getOrders .order-block.extended .order-item-energy .xp-label,
.layout-2023 .garage-layout .getOrders .order-block.employer-order .order-item-energy .xp-label {
  display: none;
}
.layout-2023 .garage-layout .getOrders .order-block.extended .order-item-price,
.layout-2023 .garage-layout .getOrders .order-block.employer-order .order-item-price {
  max-width: 100px;
}
@media (min-width: 991px) {
  .layout-2023 .garage-layout .getOrders .order-block.extended .order-item-price .param-item > .txm-account-icon,
  .layout-2023 .garage-layout .getOrders .order-block.employer-order .order-item-price .param-item > .txm-account-icon {
    min-width: 30px;
    height: 30px;
  }
}
.layout-2023 .garage-layout .getOrders .order-block.extended .order-item-right,
.layout-2023 .garage-layout .getOrders .order-block.employer-order .order-item-right {
  width: 100%;
  max-width: calc(100% - 280px);
  padding: 10px;
  margin: 0 auto;
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .getOrders .order-block.extended .order-item-right,
  .layout-2023 .garage-layout .getOrders .order-block.employer-order .order-item-right {
    width: 50%;
    max-width: 100%;
  }
}
.layout-2023 .garage-layout .getOrders .order-block.extended .order-item-middle,
.layout-2023 .garage-layout .getOrders .order-block.employer-order .order-item-middle {
  width: 100%;
  border-top: 1px solid #c3c4cf87;
}
.layout-2023 .garage-layout .getOrders .order-block.extended .order-item-bottom,
.layout-2023 .garage-layout .getOrders .order-block.employer-order .order-item-bottom {
  width: 100%;
  border-top: 1px solid #c3c4cf87;
}
.layout-2023 .garage-layout .getOrders .order-block.extended .order-item-bottom:empty,
.layout-2023 .garage-layout .getOrders .order-block.employer-order .order-item-bottom:empty {
  display: none;
}
.layout-2023 .garage-layout .getOrders .order-block.extended .captchaContainer,
.layout-2023 .garage-layout .getOrders .order-block.employer-order .captchaContainer {
  position: unset;
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  padding: 0;
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .getOrders .order-block.extended .captchaContainer,
  .layout-2023 .garage-layout .getOrders .order-block.employer-order .captchaContainer {
    gap: 5px;
    justify-content: center;
  }
}
.layout-2023 .garage-layout .getOrders .order-block.extended .captchaContainer .ccInner,
.layout-2023 .garage-layout .getOrders .order-block.employer-order .captchaContainer .ccInner {
  min-height: unset;
  flex: 1 1 auto;
  width: 100%;
  order: 1;
  margin-bottom: 0;
  margin-top: 8px;
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .getOrders .order-block.extended .captchaContainer .ccInner,
  .layout-2023 .garage-layout .getOrders .order-block.employer-order .captchaContainer .ccInner {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 6px;
    border-top: 1px solid #c3c4cf87;
  }
}
.layout-2023 .garage-layout .getOrders .order-block.extended .captchaContainer .ccLine1,
.layout-2023 .garage-layout .getOrders .order-block.employer-order .captchaContainer .ccLine1 {
  margin: 0 5px 0 0;
  color: var(--tx-text-color);
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .getOrders .order-block.extended .captchaContainer .ccLine1,
  .layout-2023 .garage-layout .getOrders .order-block.employer-order .captchaContainer .ccLine1 {
    margin: 0;
  }
}
.layout-2023 .garage-layout .getOrders .order-block.extended .captchaContainer .ccLine2,
.layout-2023 .garage-layout .getOrders .order-block.employer-order .captchaContainer .ccLine2 {
  font-size: 12px;
  font-weight: 400;
  text-transform: unset;
  line-height: 1;
  margin-left: auto;
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .getOrders .order-block.extended .captchaContainer .ccLine2,
  .layout-2023 .garage-layout .getOrders .order-block.employer-order .captchaContainer .ccLine2 {
    margin: 0;
  }
}
.layout-2023 .garage-layout .getOrders .order-block.extended .captchaContainer .ccLine2 span,
.layout-2023 .garage-layout .getOrders .order-block.employer-order .captchaContainer .ccLine2 span {
  color: #e45678;
  font-weight: 700;
}
.layout-2023 .garage-layout .getOrders .order-block.extended .captchaContainer .ccInfo,
.layout-2023 .garage-layout .getOrders .order-block.employer-order .captchaContainer .ccInfo {
  width: 100%;
  order: 2;
  padding-top: 10px;
}
.layout-2023 .garage-layout .getOrders .order-block.extended .easyCaptcha,
.layout-2023 .garage-layout .getOrders .order-block.employer-order .easyCaptcha {
  width: 100%;
  min-height: unset;
  border: 1px solid #333;
  border-radius: 6px;
  background: url("../img/captcha/captcha-noise.jpg");
  background-size: 100% 100%;
}
.layout-2023 .garage-layout .getOrders .order-block.extended .easyCaptcha-container,
.layout-2023 .garage-layout .getOrders .order-block.employer-order .easyCaptcha-container {
  display: flex;
}
.layout-2023 .garage-layout .getOrders .order-block.extended .easyCaptcha .captchaQuestion,
.layout-2023 .garage-layout .getOrders .order-block.employer-order .easyCaptcha .captchaQuestion {
  position: relative;
  display: flex;
  width: fit-content;
  margin: 0 auto;
}
.layout-2023 .garage-layout .getOrders .order-block.extended .easyCaptcha .captchaQuestion > img,
.layout-2023 .garage-layout .getOrders .order-block.employer-order .easyCaptcha .captchaQuestion > img {
  width: 100%;
}
.layout-2023 .garage-layout .getOrders .order-block.extended .easyCaptcha .captchaAnswers,
.layout-2023 .garage-layout .getOrders .order-block.employer-order .easyCaptcha .captchaAnswers {
  top: 0;
  left: unset;
  display: flex;
  flex-wrap: wrap;
  width: 50%;
  height: 100%;
  border-left: 1px solid #333;
  border-radius: 0;
}
.layout-2023 .garage-layout .getOrders .order-block.extended .easyCaptcha .captchaAnswers .captchaAnswer,
.layout-2023 .garage-layout .getOrders .order-block.employer-order .easyCaptcha .captchaAnswers .captchaAnswer {
  height: 100%;
  flex: 1;
}
.layout-2023 .garage-layout .getOrders .order-block.extended .easyCaptcha .captchaControls,
.layout-2023 .garage-layout .getOrders .order-block.employer-order .easyCaptcha .captchaControls {
  position: absolute;
  right: unset;
  top: 0;
  left: 0;
  opacity: 1;
}
.layout-2023 .garage-layout .getOrders .order-block.extended .easyCaptcha .captchaControls .btn,
.layout-2023 .garage-layout .getOrders .order-block.employer-order .easyCaptcha .captchaControls .btn {
  padding: 2px;
  margin: 0;
  background: transparent;
}
.layout-2023 .garage-layout .getOrders .order-block.extended .easyCaptcha .captchaControls .btn span,
.layout-2023 .garage-layout .getOrders .order-block.employer-order .easyCaptcha .captchaControls .btn span {
  display: none;
}
.layout-2023 .garage-layout .garage-header {
  position: relative;
  display: flex;
  margin-bottom: 30px;
  box-shadow: 3px 0 3px -2px #c3c4cf85;
  z-index: 1010;
  border-radius: 0 0 16px 16px;
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .garage-header {
    flex-direction: column;
    margin-bottom: 10px;
  }
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .garage-header.txSlideTargetOpened .tariff-preview-head {
    background: #fff;
    border-radius: 6px 6px 0 0;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
    z-index: 15;
    transition: background 0.3s;
  }
  .layout-2023 .garage-layout .garage-header.txSlideTargetOpened .tariff-list-btn {
    transform: rotate(180deg);
  }
}
.layout-2023 .garage-layout .garage-header .tariff-list {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 56px);
  overflow-y: auto;
  background: var(--tx-panel-background);
  gap: 0;
}
@media (min-width: 993px) {
  .layout-2023 .garage-layout .garage-header .tariff-list {
    display: block !important;
    height: calc(100% - 56px) !important;
  }
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .garage-header .tariff-list {
    width: calc(100% - 20px);
    height: auto;
    top: 52px;
    left: 10px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    border-radius: 0 0 10px 10px;
    z-index: 16;
  }
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .garage-header .tariff-list.collapse:not(.in) {
    display: none;
  }
}
.layout-2023 .garage-layout .garage-header .tariff-list-item {
  flex-wrap: nowrap;
  border-radius: 0;
  box-shadow: none;
  border-bottom: 1px solid var(--tx-border-color);
  background: var(--tx-panel-background);
}
.layout-2023 .garage-layout .garage-header .tariff-list-item:hover,
.layout-2023 .garage-layout .garage-header .tariff-list-item.active {
  background: #fff6eb;
}
.layout-2023 .garage-layout .garage-header .tariff-list-item-left {
  width: 90px;
  padding-bottom: 5px;
}
.layout-2023 .garage-layout .garage-header .tariff-list-item-center {
  width: 100%;
  padding: 6px;
}
.layout-2023 .garage-layout .garage-header .tariff-list-item-image {
  width: 80px;
  margin-top: -4px;
  margin-bottom: -10px;
  transition: scale 200ms;
}
.layout-2023 .garage-layout .garage-header .tariff-list-item-image:hover {
  scale: 108%;
  cursor: pointer;
}
.layout-2023 .garage-layout .garage-header .tariff-list-item-level {
  width: 18px;
  height: 18px;
  font-size: 10px;
}
.layout-2023 .garage-layout .garage-header .tariff-list-item-name {
  font-size: 12px;
  max-width: 70px;
}
.layout-2023 .garage-layout .garage-header .tariff-list-item-company {
  max-width: 73px;
}
.layout-2023 .garage-layout .garage-header .tariff-list-item-bonuses {
  gap: 6px;
}
.layout-2023 .garage-layout .garage-header .tariff-list-item-status .btn {
  padding: 4px 10px;
}
.layout-2023 .garage-layout .garage-header .tariff-list-item-status .btn-primary-inverse,
.layout-2023 .garage-layout .garage-header .tariff-list-item-status .btn-success-inverse,
.layout-2023 .garage-layout .garage-header .tariff-list-item-status .btn-danger-inverse {
  padding-top: 2px;
  padding-bottom: 2px;
}
.layout-2023 .garage-layout .garage-header .tariff-list-item-status .progressBar {
  height: 30px;
}
.layout-2023 .garage-layout .garage-header .tariff-list-item-status .one-taxi-toggle-items {
  display: none;
}
.layout-2023 .garage-layout .garage-header .tariff-preview {
  position: relative;
  width: 60%;
  padding: 20px 20px 40px;
  background-image: repeating-conic-gradient(#ebf3fe 0 9deg, #e2eefc 9deg 18deg);
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  box-shadow: 0px -1px 0px #d7d7d738;
  z-index: 15;
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .garage-header .tariff-preview {
    width: 100%;
    padding: 10px 10px 30px;
  }
}
.layout-2023 .garage-layout .garage-header .tariff-preview:before {
  content: "";
  position: absolute;
  bottom: 23px;
  left: 50%;
  width: 100%;
  height: 100px;
  max-width: 535px;
  transform: translateX(-50%);
  background: url("../img/garage/order-preview/pedestal.png") no-repeat center;
  background-size: 75%;
  z-index: 1;
}
.layout-2023 .garage-layout .garage-header .tariff-preview:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 75px;
  background: #ffffffa8;
  z-index: 0;
  clip-path: polygon(15% 0%, 86% 0%, 130% 100%, -30% 115%);
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}
.layout-2023 .garage-layout .garage-header .tariff-preview-head {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 5;
  transition: background 2s;
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .garage-header .tariff-preview-head {
    height: 42px;
  }
}
.layout-2023 .garage-layout .garage-header .tariff-preview-head .to-garage {
  padding: 10px;
  text-decoration: none;
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .garage-header .tariff-preview-head .to-garage img {
    width: 22px;
  }
}
.layout-2023 .garage-layout .garage-header .tariff-preview-head .tariff-preview-dropdown-menu {
  width: 50px;
}
.layout-2023 .garage-layout .garage-header .tariff-preview-head .tariff-preview-dropdown-menu.open .tariff-preview-menu .tariff-preview-submenu {
  transform: rotateY(0deg) !important;
}
.layout-2023 .garage-layout .garage-header .tariff-preview-head .tariff-preview-menu {
  position: relative;
}
.layout-2023 .garage-layout .garage-header .tariff-preview-head .tariff-preview-menu.tariff-preview-menu-opened .tariff-preview-submenu {
  transform: rotateY(0deg);
}
.layout-2023 .garage-layout .garage-header .tariff-preview-head .tariff-preview-menu.tariff-preview-menu-opened .tariff-preview-menu-btn {
  background: #fff;
  border-radius: 6px 6px 0 0;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
}
.layout-2023 .garage-layout .garage-header .tariff-preview-head .tariff-preview-menu.tariff-preview-menu-opened .tariff-preview-menu-btn .btn-icon:before {
  content: "\f00d";
}
.layout-2023 .garage-layout .garage-header .tariff-preview-head .tariff-preview-menu-btn {
  padding: 10px;
  cursor: pointer;
}
@media (min-width: 481px) and (max-width: 992px) {
  .layout-2023 .garage-layout .garage-header .tariff-preview-head .tariff-preview-menu-btn {
    padding: 6px;
  }
}
.layout-2023 .garage-layout .garage-header .tariff-preview-head .tariff-preview-submenu {
  display: flex;
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0px;
  z-index: 5;
  border-radius: 0 0 6px 6px;
  background: var(--tx-panel-background);
  box-shadow: 0px 0px 4px 0px var(--tx-box-shadow-color);
  padding: 5px 0;
  flex-direction: column;
  gap: 3px;
  transition: 0.3s;
  transform: rotateY(90deg);
}
.layout-2023 .garage-layout .garage-header .tariff-preview-head .tariff-preview-submenu .tariff-preview-menu-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 3px 4px 6px;
  cursor: pointer;
  width: calc(100% - 3px);
  border-radius: 0 25px 25px 0;
}
.layout-2023 .garage-layout .garage-header .tariff-preview-head .tariff-preview-submenu .tariff-preview-menu-item:has(.tariff-history-links a:first-child:hover) {
  background: #323748;
}
.layout-2023 .garage-layout .garage-header .tariff-preview-head .tariff-preview-submenu .tariff-preview-menu-item.tariff-preview-submenu-opened {
  background: linear-gradient(#4d5164, #484d60);
  border-radius: 0 25px 25px 0;
  width: calc(100% - 3px);
}
.layout-2023 .garage-layout .garage-header .tariff-preview-head .tariff-preview-submenu .tariff-preview-menu-item.tariff-preview-submenu-opened .tariff-preview-menu-popup {
  transform: rotateY(0);
  opacity: 1;
}
.layout-2023 .garage-layout .garage-header .tariff-preview-head .tariff-preview-submenu .tariff-preview-menu-item > img,
.layout-2023 .garage-layout .garage-header .tariff-preview-head .tariff-preview-submenu .tariff-preview-menu-item > svg {
  width: 36px;
  height: auto;
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .garage-header .tariff-preview-head .tariff-preview-submenu .tariff-preview-menu-item > img,
  .layout-2023 .garage-layout .garage-header .tariff-preview-head .tariff-preview-submenu .tariff-preview-menu-item > svg {
    width: 30px;
  }
}
.layout-2023 .garage-layout .garage-header .tariff-preview-head .tariff-preview-submenu .tariff-preview-menu-item > img:hover,
.layout-2023 .garage-layout .garage-header .tariff-preview-head .tariff-preview-submenu .tariff-preview-menu-item > svg:hover {
  cursor: pointer;
}
.layout-2023 .garage-layout .garage-header .tariff-preview-head .tariff-preview-submenu .tariff-preview-menu-item > svg:hover path {
  fill: #e45678;
}
.layout-2023 .garage-layout .garage-header .tariff-preview-head .tariff-preview-submenu .tariff-preview-menu-item div > svg:hover path {
  fill: #e45678;
}
.layout-2023 .garage-layout .garage-header .tariff-preview-head .tariff-preview-submenu .tariff-preview-menu-popup {
  position: absolute;
  top: 0;
  right: 100%;
  width: max-content;
  max-width: 320px;
  background: linear-gradient(#4d5164, #484d60);
  padding: 10px;
  border-radius: 10px 0 10px 10px;
  color: #fff;
  transition: 0.3s;
  transform: rotateY(90deg);
  transform-origin: right;
  opacity: 0;
}
.layout-2023 .garage-layout .garage-header .tariff-preview-head .tariff-preview-submenu .tariff-preview-menu-popup.remove-action .fa-usd,
.layout-2023 .garage-layout .garage-header .tariff-preview-head .tariff-preview-submenu .tariff-preview-menu-popup.remove-action .badge {
  display: none;
}
.layout-2023 .garage-layout .garage-header .tariff-preview-head .tariff-preview-submenu .tariff-preview-menu-popup.history {
  padding: 0;
}
.layout-2023 .garage-layout .garage-header .tariff-preview-head .tariff-preview-submenu .tariff-preview-menu-popup.history .tariff-history-links {
  display: flex;
  flex-direction: column;
  border-radius: 10px 0 10px 10px;
  overflow: hidden;
}
.layout-2023 .garage-layout .garage-header .tariff-preview-head .tariff-preview-submenu .tariff-preview-menu-popup.history .tariff-history-links a {
  color: #fff;
  padding: 10.7px 10px;
  text-decoration: none;
  background: linear-gradient(#4d5164, #484d60);
}
.layout-2023 .garage-layout .garage-header .tariff-preview-head .tariff-preview-submenu .tariff-preview-menu-popup.history .tariff-history-links a:hover {
  background: #323748;
}
.layout-2023 .garage-layout .garage-header .tariff-preview-head .tariff-preview-submenu .tariff-preview-menu-popup .btn-primary {
  box-shadow: none;
}
.layout-2023 .garage-layout .garage-header .tariff-preview-head .tariff-preview-submenu .tariff-preview-menu-popup .pdSubmit {
  margin-top: 15px;
}
.layout-2023 .garage-layout .garage-header .tariff-preview-head .tariff-preview-submenu .tariff-preview-menu-popup .pdSubmit .row {
  display: flex;
  gap: 10px;
}
.layout-2023 .garage-layout .garage-header .tariff-preview-content {
  position: relative;
  display: flex;
  align-items: center;
  gap: 5px;
}
.layout-2023 .garage-layout .garage-header .tariff-preview-body {
  position: relative;
  z-index: 2;
}
.layout-2023 .garage-layout .garage-header .tariff-preview .tariff-bonuses .bonus-btn.tooltip {
  display: none !important;
}
.layout-2023 .garage-layout .garage-header .tariff-preview.taxi-custom-bg {
  background-size: cover;
}
.layout-2023 .garage-layout .garage-header .tariff-preview.taxi-custom-bg:before,
.layout-2023 .garage-layout .garage-header .tariff-preview.taxi-custom-bg:after {
  display: none;
}
.layout-2023 .garage-layout .garage-header .tariff-image {
  width: 100%;
  max-width: 460px;
  margin: 0 auto;
}
@media (min-width: 993px) {
  .layout-2023 .garage-layout .garage-header .tariff-image {
    transform: translateY(30px);
  }
}
.layout-2023 .garage-layout .garage-header .tariff-image .img-taxi-container {
  max-width: 100%;
}
.layout-2023 .garage-layout .garage-header .tariff-image .img-taxi-container .img-taxi {
  background-size: 100%;
}
.layout-2023 .garage-layout .garage-header .tariff-checkup {
  position: absolute;
  top: 20px;
  right: 0;
  border-radius: 6px;
  background: var(--tx-panel-background);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  z-index: 5;
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .garage-header .tariff-checkup {
    top: 10px;
  }
}
.layout-2023 .garage-layout .garage-header .tariff-checkup-btn {
  color: var(--tx-text-color);
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px 7px;
  cursor: pointer;
  min-width: 50px;
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .garage-header .tariff-checkup-btn {
    min-width: 40px;
    padding: 10px 5px;
  }
}
.layout-2023 .garage-layout .garage-header .tariff-checkup-btn:hover {
  box-shadow: 0px 0px 10px 1px #7eb2ff !important;
}
.layout-2023 .garage-layout .garage-header .tariff-checkup-btn:not(:first-child):before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  border-top: 1px solid var(--tx-border-color);
}
.layout-2023 .garage-layout .garage-header .tariff-checkup-btn.tariff-checkup-opened {
  background: #5b5e7a;
  color: #fff;
}
.layout-2023 .garage-layout .garage-header .tariff-checkup-btn.tariff-checkup-opened:first-child {
  border-radius: 0 5px 0 0;
}
.layout-2023 .garage-layout .garage-header .tariff-checkup-btn.tariff-checkup-opened:nth-child(2) {
  border-radius: 0 0 5px 0;
}
.layout-2023 .garage-layout .garage-header .tariff-checkup-btn.tariff-checkup-opened .tariff-popup {
  visibility: visible;
  transform: translateX(0);
  opacity: 1;
}
.layout-2023 .garage-layout .garage-header .tariff-checkup-btn.tariff-checkup-opened:before,
.layout-2023 .garage-layout .garage-header .tariff-checkup-btn.tariff-checkup-opened + .tariff-checkup-btn:before {
  display: none;
}
.layout-2023 .garage-layout .garage-header .tariff-checkup-btn img {
  width: 24px;
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .garage-header .tariff-checkup-btn img {
    width: 18px;
  }
}
.layout-2023 .garage-layout .garage-header .tariff-checkup-btn img.agency-avatar {
  width: 100%;
}
.layout-2023 .garage-layout .garage-header .tariff-checkup-btn-text {
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  margin-top: 12px;
  line-height: 1;
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .garage-header .tariff-checkup-btn-text {
    font-size: 10px;
    margin-top: 6px;
  }
}
.layout-2023 .garage-layout .garage-header .tariff-checkup .tariff-popup {
  position: absolute;
  right: 100%;
  top: 0;
  width: max-content;
  max-width: 350px;
  color: #fff;
  background: #5a5e7a;
  padding: 10px;
  border-radius: 10px 0 10px 10px;
  z-index: 1;
  visibility: hidden;
  transition: 0.3s;
  transform: translateX(-70px);
  opacity: 0;
}
.layout-2023 .garage-layout .garage-header .tariff-checkup .tariff-popup .inspectionBlock {
  margin: 0;
  padding: 0;
}
.layout-2023 .garage-layout .garage-header .tariff-checkup .tariff-popup .inspectionBlock .inspection-popup__header {
  margin-top: 0;
}
.layout-2023 .garage-layout .garage-header .tariff-checkup .tariff-popup .inspectionBlock .service-station-banner {
  flex-direction: column;
  gap: 10px;
  background: transparent;
  color: inherit;
}
.layout-2023 .garage-layout .garage-header .tariff-checkup .tariff-popup .inspectionBlock .service-station-banner .btn {
  box-shadow: none;
}
.layout-2023 .garage-layout .garage-header .tariff-checkup .tariff-popup .inspectionBlock .img-service-station {
  margin: 0;
  height: 100%;
}
.layout-2023 .garage-layout .garage-header .tariff-checkup .tariff-popup .inspectionBlock .img-service-station img {
  width: 100%;
  margin: 0;
  height: 100%;
}
.layout-2023 .garage-layout .garage-header .tariff-checkup .tariff-popup .column-prolong {
  min-width: auto;
}
.layout-2023 .garage-layout .garage-header .tariff-checkup .tariff-popup .license-section {
  padding-top: 0;
}
.layout-2023 .garage-layout .garage-header .tariff-checkup .tariff-popup .license-wrapper > .panel {
  margin-bottom: 0 !important;
}
.layout-2023 .garage-layout .garage-header .tariff-checkup .tariff-popup .cbSell > .carbuttonIcon,
.layout-2023 .garage-layout .garage-header .tariff-checkup .tariff-popup .cbSell > .badge {
  display: none;
}
.layout-2023 .garage-layout .garage-header .tariff-checkup .fuel-popup-btn {
  position: absolute;
  top: calc(100% + 20px);
  right: -5px;
  padding: 5px;
  border-radius: 0 100% 100% 0;
  cursor: pointer;
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .garage-header .tariff-checkup .fuel-popup-btn {
    top: calc(100% + 15px);
  }
}
.layout-2023 .garage-layout .garage-header .tariff-checkup .fuel-popup-btn.garage-fuel-popup-opened {
  background: #5b5e7a;
}
.layout-2023 .garage-layout .garage-header .tariff-checkup .fuel-popup-btn.garage-fuel-popup-opened .garage-fuel-popup {
  visibility: visible;
  transition: 0.3s;
  transform: translateX(0);
  opacity: 1;
}
.layout-2023 .garage-layout .garage-header .tariff-checkup .fuel-popup-btn.open {
  background: #595f7c;
}
.layout-2023 .garage-layout .garage-header .tariff-checkup .fuel-popup-btn .xyiiAuto {
  color: #fff;
}
.layout-2023 .garage-layout .garage-header .tariff-checkup .garage-fuel-popup {
  position: absolute;
  top: 0;
  right: 100%;
  width: max-content;
  background: #5a5e7a;
  color: #fff;
  padding: 10px;
  border-radius: 6px 0 6px 6px;
  visibility: hidden;
  transition: 0.3s;
  transform: translateX(-70px);
  opacity: 0;
}
.layout-2023 .garage-layout .garage-header .tariff-checkup .garage-fuel-popup .schbWrapper {
  margin-right: 10px;
}
.layout-2023 .garage-layout .garage-header .tariff-checkup .garage-fuel-popup .btn {
  box-shadow: none;
}
.layout-2023 .garage-layout .garage-header .tariff-checkup .fuel-progress {
  --inactive: #fff;
  --active: #f15f7b;
  --activeSecond: #f9a7b6;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
  background: #fff;
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .garage-header .tariff-checkup .fuel-progress {
    width: 40px;
    height: 40px;
  }
}
.layout-2023 .garage-layout .garage-header .tariff-checkup .fuel-progress:hover {
  scale: 108%;
  cursor: pointer;
}
.layout-2023 .garage-layout .garage-header .tariff-checkup .fuel-progress img {
  width: 40px;
  border-radius: 100%;
  box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
  aspect-ratio: 1;
  object-fit: cover;
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .garage-header .tariff-checkup .fuel-progress img {
    width: 32px;
  }
}
.layout-2023 .garage-layout .garage-header .tariff-car-id {
  position: absolute;
  left: 0;
  bottom: -20px;
  font-size: 10px;
  color: #c5c6d1;
}
.layout-2023 .garage-layout .garage-header .tariff-side {
  position: relative;
  width: 40%;
  display: flex;
  flex-direction: column;
  border-left: 1px solid var(--tx-border-color);
  margin: 0 !important;
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .garage-header .tariff-side {
    position: static;
    width: 100%;
    border-left: 0;
    border-radius: 0 0 16px 16px;
  }
}
.layout-2023 .garage-layout .garage-header .tariff-name {
  color: var(--tx-text-color);
  text-align: center;
  font-size: 20px;
  font-weight: 700;
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .garage-header .tariff-name {
    font-size: 16px;
  }
}
.layout-2023 .garage-layout .garage-header .tariff-name.tariff-inventory-upgrades {
  color: #fe4a4a;
}
.layout-2023 .garage-layout .garage-header .tariff-order-level {
  width: 24px;
  height: 24px;
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .garage-header .tariff-order-level {
    width: 22px;
    height: 22px;
  }
}
.layout-2023 .garage-layout .garage-header .tariff-list-btn {
  display: none;
  margin-left: 3px;
  font-size: 18px;
  align-items: center;
  cursor: pointer;
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .garage-header .tariff-list-btn {
    display: block;
  }
}
.layout-2023 .garage-layout .garage-header .tariff-head-icon {
  color: #3c538c;
  font-size: 18px;
}
.layout-2023 .garage-layout .garage-header .tariff-head-icon:hover {
  color: #888b99;
}
.layout-2023 .garage-layout .garage-header .tariff-push-subscribe {
  margin-right: 5px;
  cursor: pointer;
}
.layout-2023 .garage-layout .garage-header .tariff-push-subscribe span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.layout-2023 .garage-layout .garage-header .tariff-garage-place {
  margin-left: 5px;
  display: flex;
  align-items: center;
}
.layout-2023 .garage-layout .garage-header .tariff-car-level {
  --inactive: #fff;
  --active: #e27909;
  --activeSecond: #ffbc12;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #609f53;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  margin-right: 5px;
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .garage-header .tariff-car-level {
    width: 22px;
    height: 22px;
  }
}
.layout-2023 .garage-layout .garage-header .tariff-car-level:hover {
  box-shadow: 0px 0px 10px 1px #7eb2ff;
}
.layout-2023 .garage-layout .garage-header .tariff-regions {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-left: 7px;
}
.layout-2023 .garage-layout .garage-header .tariff-regions.tariff-regions-opened .tariff-regions-popup {
  display: block;
}
.layout-2023 .garage-layout .garage-header .tariff-regions-popup {
  display: none;
  position: absolute;
  top: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
  border-radius: 10px;
  z-index: 2;
}
.layout-2023 .garage-layout .garage-header .tariff-regions-popup:before {
  content: "";
  position: absolute;
  top: -11px;
  left: 50%;
  transform: translateX(-50%);
  width: 12px;
  height: 12px;
  background: #4d5164;
  clip-path: polygon(50% 40%, 0% 100%, 100% 100%);
}
.layout-2023 .garage-layout .garage-header .tariff-regions-list {
  list-style-type: none;
  padding: 0;
  overflow: hidden scroll;
  max-height: 300px;
  border-radius: 10px;
}
.layout-2023 .garage-layout .garage-header .tariff-regions-list a {
  background: linear-gradient(#4d5164, #484d60);
  padding: 10px;
  width: 100%;
  display: flex;
  text-decoration: none;
  color: #fff;
  min-width: 160px;
  line-height: 1;
}
.layout-2023 .garage-layout .garage-header .tariff-regions-list a.active {
  color: #fe9e0d;
}
.layout-2023 .garage-layout .garage-header .tariff-regions-list a:hover {
  background: #323748;
}
.layout-2023 .garage-layout .garage-header .tariff-regions-list a i.fa-check {
  background: radial-gradient(#ffbf1b, #fe9e0d, #ff881a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-left: 10px;
}
.layout-2023 .garage-layout .garage-header .tariff-rent-status {
  position: absolute;
  top: calc(100% + 5px);
  left: 50%;
  transform: translateX(-50%);
  border-radius: 100px;
  border: 1px solid #c3c4cf;
  background: #fff;
  padding: 5px 8px;
  line-height: 1;
  text-decoration: none;
  color: #609f53;
  font-size: 10px;
  display: flex;
  align-items: center;
  gap: 4px;
  z-index: 1;
}
.layout-2023 .garage-layout .garage-header .tariff-rent-status:hover {
  border-color: #3c538c;
}
.layout-2023 .garage-layout .garage-header .garage-abilities {
  display: flex;
  flex-direction: column;
  height: 56px;
  margin-top: auto;
  border-radius: 0 0 16px 0;
  background: var(--tx-panel-background);
}
@media (min-width: 993px) {
  .layout-2023 .garage-layout .garage-header .garage-abilities {
    filter: drop-shadow(0px -1px 6px rgba(0, 0, 0, 0.15));
  }
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .garage-header .garage-abilities {
    margin: 8px 8px 0;
    height: auto;
    border-radius: 6px;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
    border-top: none;
  }
}
.layout-2023 .garage-layout .garage-header .garage-abilities.settings-bar-opened {
  border-radius: 0;
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .garage-header .garage-abilities .garage-abilities-list.collapse:not(.in) {
    display: none;
  }
}
.layout-2023 .garage-layout .garage-header .garage-abilities .garage-abilities-list .taxi-items-scroll {
  margin-left: 0;
}
.layout-2023 .garage-layout .garage-header .garage-abilities .garage-abilities-list .use-taxi-item {
  width: 40px;
}
.layout-2023 .garage-layout .garage-header .garage-abilities .garage-abilities-list .use-taxi-item.has-cooldown + .add-abilities {
  margin-left: 5px;
}
.layout-2023 .garage-layout .garage-header .garage-abilities .garage-abilities-list .use-taxi-item.has-cooldown .abImageContainer img {
  filter: none;
}
.layout-2023 .garage-layout .garage-header .garage-abilities .garage-abilities-list .add-abilities {
  width: 30px;
  height: 30px;
}
.layout-2023 .garage-layout .garage-header .garage-abilities .garage-abilities-list .learn_ability {
  margin: 0 auto;
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .garage-header .garage-abilities .garage-abilities-list .learn_ability {
    margin: 10px auto;
  }
}
.layout-2023 .garage-layout .garage-header .tariff-find-job {
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 20px;
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .garage-header .tariff-find-job {
    bottom: 0;
  }
}
.layout-2023 .garage-layout .garage-header .tariff-find-job .btn-find-job {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  padding: 5px 17px;
  border-radius: 6px;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
  line-height: 1;
  color: #333;
  font-size: 14px;
  font-weight: 700;
  background: linear-gradient(180deg, #fff 48.96%, #efefef 100%);
  white-space: nowrap;
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .garage-header .tariff-find-job .btn-find-job {
    font-size: 12px;
    gap: 6px;
    padding: 5px 13px;
  }
}
.layout-2023 .garage-layout .garage-header .tariff-find-job .btn-find-job:hover {
  background: linear-gradient(180deg, #fff 48.96%, #e1e1e1 100%);
}
.layout-2023 .garage-layout .garage-header .tariff-find-job .btn-find-job:active,
.layout-2023 .garage-layout .garage-header .tariff-find-job .btn-find-job:focus {
  background: linear-gradient(180deg, #e1e1e1 0%, #fff 51.04%);
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2), 0px 5px 5px -3px rgba(0, 0, 0, 0.25) inset;
}
.layout-2023 .garage-layout .garage-header .tariff-find-job .btn-find-job img {
  width: 23px;
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .garage-header .tariff-find-job .btn-find-job img {
    width: 17px;
  }
}
.layout-2023 .garage-layout .garage-header .tariff-find-job .btn-tariff-tuning {
  display: flex;
  align-items: center;
  gap: 6px;
}
.layout-2023 .garage-layout .garage-header .tariff-find-job .btn-tariff-tuning.btn-primary svg {
  height: 18px;
}
.layout-2023 .garage-layout .garage-header .tariff-find-job .btn-tariff-tuning.btn-primary svg path {
  fill: #fff;
}
.layout-2023 .garage-layout .garage-header .tariff-find-job .btn-tariff-tuning.btn-default {
  padding-inline: 13px;
}
.layout-2023 .garage-layout .garage-header .pdPrice {
  margin-bottom: 9px;
}
.layout-2023 .garage-layout .garage-header .pdColors {
  display: flex;
  gap: 5px;
  margin-top: 5px;
}
.layout-2023 .garage-layout .garage-header .pdColor {
  width: 26px;
  height: 26px;
  box-sizing: border-box;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #747892;
  text-align: left;
  position: relative;
  cursor: pointer;
}
.layout-2023 .garage-layout .garage-header .pdColor i {
  width: 18px;
  height: 18px;
  display: block;
  border-radius: 11px;
}
.layout-2023 .garage-layout .garage-header .pdColor.blue i {
  background: #1a7bec;
}
.layout-2023 .garage-layout .garage-header .pdColor.aqua i {
  background: #52d7ca;
}
.layout-2023 .garage-layout .garage-header .pdColor.green i {
  background: #72ba00;
}
.layout-2023 .garage-layout .garage-header .pdColor.orange i {
  background: #e9701b;
}
.layout-2023 .garage-layout .garage-header .pdColor.purple i {
  background: #b814b6;
}
.layout-2023 .garage-layout .garage-header .pdColor.yellow i {
  background: #fccb12;
}
.layout-2023 .garage-layout .garage-header .pdColor.brown i {
  background: #654321;
}
.layout-2023 .garage-layout .garage-header .pdColor.white i {
  background: #fff;
}
.layout-2023 .garage-layout .garage-header .pdColor.black i {
  background: #000;
}
.layout-2023 .garage-layout .garage-header .pdColor.red i {
  background: #f62180;
}
.layout-2023 .garage-layout .garage-header .pdColor.selected {
  border-color: #fccb12;
}
.layout-2023 .garage-layout .tariff-bonuses:not(.tariff-external-bonuses) {
  position: absolute;
  top: 20px;
  left: -5px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr;
  grid-auto-flow: column;
  direction: ltr;
  gap: 7px;
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .tariff-bonuses:not(.tariff-external-bonuses) {
    top: 10px;
    grid-template-rows: 1fr 1fr 1fr;
  }
}
.layout-2023 .garage-layout .tariff-bonuses .tariff-bonus {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.layout-2023 .garage-layout .tariff-bonuses .tariff-bonus.add-btn {
  position: absolute;
  top: calc(100% + 20px);
  cursor: pointer;
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .tariff-bonuses .tariff-bonus.add-btn {
    top: calc(100% + 10px);
  }
}
.layout-2023 .garage-layout .tariff-bonuses .tariff-bonus.add-btn:hover > .bonus-btn .bonus-icon {
  box-shadow: 0px 0px 10px 1px #7eb2ff !important;
  font-size: 18px;
}
.layout-2023 .garage-layout .tariff-bonuses .tariff-bonus.add-btn a {
  text-decoration: none;
}
.layout-2023 .garage-layout .tariff-bonuses .tariff-bonus.conditional-bonus .bonus-btn:not(.bonus-btn-opened):hover .bonus-icon {
  box-shadow: 0px 0px 10px 3px #ffdc82;
}
.layout-2023 .garage-layout .tariff-bonuses .tariff-bonus.conditional-bonus .bonus-btn:not(.bonus-btn-opened) .bonus-icon:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 0.1px solid #ffbc12;
  z-index: 1;
}
.layout-2023 .garage-layout .tariff-bonuses .tariff-bonus.conditional-bonus .bonus-btn:not(.bonus-btn-opened) .bonus-icon img {
  border: 0.1px solid #ffbc12;
  box-shadow: none;
}
.layout-2023 .garage-layout .tariff-bonuses .tariff-bonus.conditional-bonus .bonus-icon {
  --active: #e27909 !important;
  --activeSecond: #ffbc12 !important;
}
.layout-2023 .garage-layout .tariff-bonuses .tariff-bonus .bonus-btn {
  position: relative;
  padding: 5px;
  cursor: pointer;
  text-decoration: none;
}
.layout-2023 .garage-layout .tariff-bonuses .tariff-bonus .bonus-btn.bonus-btn-opened {
  background: #5b5e7a;
  border-radius: 100% 0 0 100%;
}
.layout-2023 .garage-layout .tariff-bonuses .tariff-bonus .bonus-btn.bonus-btn-opened .bonus-data {
  clip-path: inset(0 0 0 0);
  transition: 0.3s;
}
.layout-2023 .garage-layout .tariff-bonuses .tariff-bonus .bonus-btn:not(.bonus-btn-opened):hover .bonus-icon {
  box-shadow: 0px 0px 10px 1px #7eb2ff;
}
.layout-2023 .garage-layout .tariff-bonuses .tariff-bonus .bonus-icon {
  --inactive: #fff;
  --active: #f15f7b;
  --activeSecond: #f9a7b6;
  padding: 5px;
  cursor: pointer;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
  background: #fff;
}
.layout-2023 .garage-layout .tariff-bonuses .tariff-bonus .bonus-icon img {
  width: 40px;
  height: 40px;
  object-fit: contain;
  border-radius: 100%;
  box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .tariff-bonuses .tariff-bonus .bonus-icon img {
    width: 30px;
    height: 30px;
  }
}
.layout-2023 .garage-layout .tariff-bonuses .tariff-bonus .bonus-icon .fa-bonus-icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
  color: #e45678;
  cursor: pointer;
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .tariff-bonuses .tariff-bonus .bonus-icon .fa-bonus-icon {
    width: 30px;
    height: 30px;
  }
}
.layout-2023 .garage-layout .tariff-bonuses .tariff-bonus .cooldown-timer {
  height: auto;
  top: auto;
  bottom: -9px;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  padding: 2px 5px;
  line-height: 1;
  color: #333;
  font-size: 10px;
  font-weight: 700;
  text-shadow: none;
  white-space: nowrap;
  z-index: 1;
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .tariff-bonuses .tariff-bonus .cooldown-timer {
    font-size: 7px;
  }
}
.layout-2023 .garage-layout .tariff-bonuses .tariff-bonus .bonus-data {
  position: absolute;
  top: 0;
  left: calc(100% - 1px);
  width: max-content;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  background: #5b5e7a;
  color: #fff;
  padding: 10px 10px 10px 5px;
  border-radius: 0 5px 5px 0;
  z-index: 5;
  clip-path: inset(0 100% 0 0);
}
.layout-2023 .garage-layout .tariff-bonuses .tariff-bonus .bonus-data .text-danger {
  color: #ecc459;
}
.layout-2023 .garage-layout .tariff-bonuses .tariff-bonus .bonus-data .text-primary {
  color: #41f1a1;
}
.layout-2023 .garage-layout .tariff-bonuses .tariff-bonus .bonus-data h5,
.layout-2023 .garage-layout .tariff-bonuses .tariff-bonus .bonus-data .text-black {
  font-size: 14px;
  font-weight: 700;
  margin: 0;
  color: #fff !important;
}
.layout-2023 .garage-layout .tariff-bonuses .tariff-bonus .bonus-data p {
  font-size: 12px;
  margin: 0;
}
.layout-2023 .garage-layout .tariff-bonuses .tariff-bonus .bonus-data a {
  color: #41f1a1;
}
.layout-2023 .garage-layout .tariff-bonuses .tariff-bonus .bonus-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.layout-2023 .garage-layout .tariff-bonuses .tariff-bonus .bonus-conclusion {
  margin-left: 20px;
  max-width: 70px;
  display: flex;
  align-items: center;
}
.layout-2023 .garage-layout .garage-collapse-head {
  display: none;
  align-items: center;
  gap: 6px;
  padding: 7px 11px;
  border-radius: 100px;
  background: #f9f9fc;
  line-height: 1;
  cursor: pointer;
  color: var(--tx-text-color);
  background: var(--tx-panel-background-second);
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .garage-collapse-head {
    display: flex;
    border-radius: 6px;
    padding: 9.5px 11px;
    background: var(--tx-panel-background);
  }
}
.layout-2023 .garage-layout .garage-collapse-head:hover {
  color: #e45678;
}
.layout-2023 .garage-layout .orders-paginator {
  padding: 20px 0;
  height: auto !important;
  display: flex;
  align-items: center;
  transform-origin: right;
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .orders-paginator {
    flex-direction: column;
    text-align: center;
  }
  .layout-2023 .garage-layout .orders-paginator > div:not(:first-child) {
    margin-top: 15px;
  }
}
.layout-2023 .garage-layout .orders-paginator .btn-primary {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 0 auto;
}
.layout-2023 .garage-layout .orders-paginator .text-account-gem {
  display: inline-flex;
  align-items: center;
}
.layout-2023 .garage-layout .garage-premium-banner {
  margin-top: 5px;
}
.layout-2023 .garage-layout .garage-premium-banner .shop-premium-banner {
  margin-bottom: 0;
}
.layout-2023 .garage-layout .tariff-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.layout-2023 .garage-layout .tariff-list-item {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
  z-index: unset;
}
.layout-2023 .garage-layout .tariff-list-item > .collapse:not(.in) {
  display: none;
}
.layout-2023 .garage-layout .tariff-list-item-left {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 5px 10px 10px;
  width: 135px;
  text-decoration: none;
  color: #000;
  z-index: 9;
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .tariff-list-item-left {
    width: 90px;
    padding: 0 6px 6px;
  }
}
.layout-2023 .garage-layout .tariff-list-item-upgrade {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 5px;
}
.layout-2023 .garage-layout .tariff-list-item-upgrade a {
  display: flex;
  text-decoration: none;
}
.layout-2023 .garage-layout .tariff-list-item-center {
  width: calc(50% - 80px);
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .tariff-list-item-center {
    width: calc(100% - 90px);
    padding: 6px;
  }
}
.layout-2023 .garage-layout .tariff-list-item-right {
  width: calc(50% - 55px);
  padding-right: 5px;
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .tariff-list-item-right {
    width: 100%;
  }
}
.layout-2023 .garage-layout .tariff-list-item-right .learn_ability {
  margin-right: 5px;
}
@media (min-width: 993px) {
  .layout-2023 .garage-layout .tariff-list-item-right .cooldown-timer {
    font-size: 13px;
  }
}
.layout-2023 .garage-layout .tariff-list-item-bottom {
  width: 100%;
}
.layout-2023 .garage-layout .tariff-list-item-image {
  width: 100%;
  margin-top: -13px;
  margin-bottom: -14px;
  transition: scale 200ms;
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .tariff-list-item-image {
    margin-top: 0px;
    margin-bottom: -7px;
  }
}
.layout-2023 .garage-layout .tariff-list-item-image:hover {
  scale: 108%;
  cursor: pointer;
}
.layout-2023 .garage-layout .tariff-list-item-level,
.layout-2023 .garage-layout .tariff-list-item-fuel {
  position: absolute;
  top: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  font-size: 12px;
  font-weight: 700;
  z-index: 1;
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .tariff-list-item-level,
  .layout-2023 .garage-layout .tariff-list-item-fuel {
    width: 18px;
    height: 18px;
    font-size: 10px;
  }
}
.layout-2023 .garage-layout .tariff-list-item-level {
  --inactive: #fff;
  --active: #e27909;
  --activeSecond: #ffbc12;
  background: #609f53;
  color: #fff;
  left: 5px;
}
.layout-2023 .garage-layout .tariff-list-item-fuel {
  right: 5px;
  background: #fff;
  cursor: pointer;
}
.layout-2023 .garage-layout .tariff-list-item-fuel.full-fuel {
  font-size: 9px;
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .tariff-list-item-fuel.full-fuel {
    font-size: 7px;
  }
}
.layout-2023 .garage-layout .tariff-list-item-name {
  align-self: baseline;
  display: flex;
  gap: 5px;
  align-items: center;
  padding-top: 2px;
  margin-top: auto;
  line-height: 1;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
  max-width: 100%;
  color: var(--tx-text-color);
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .tariff-list-item-name {
    font-size: 12px;
  }
}
.layout-2023 .garage-layout .tariff-list-item-name.taxi-rented svg path {
  fill: #e45678;
}
.layout-2023 .garage-layout .tariff-list-item-name .tariff-name-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.layout-2023 .garage-layout .tariff-list-item-name .tariff-name-text a {
  color: black;
}
.layout-2023 .garage-layout .tariff-list-item.one-taxi-items-opened .one-taxi-toggle-items .fa-bolt:before {
  content: "\f106";
}
.layout-2023 .garage-layout .tariff-list-item.claiming-help .progressBar .pbInner {
  background-image: url("/media/city/special-orders/progress_bar_bg.png");
}
.layout-2023 .garage-layout .tariff-list-item-status {
  position: relative;
  margin-top: auto;
}
.layout-2023 .garage-layout .tariff-list-item-status .txm-account-icon {
  margin-top: -2px;
}
.layout-2023 .garage-layout .tariff-list-item-status .btn {
  width: 100%;
}
.layout-2023 .garage-layout .tariff-list-item-status .btn + .one-taxi-toggle-items {
  border-left: 1px solid #ffffff78;
}
.layout-2023 .garage-layout .tariff-list-item-status .one-taxi-toggle-items {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  box-shadow: none;
}
.layout-2023 .garage-layout .tariff-list-item-status .indInner .fa-tasks-alt {
  margin-right: 5px;
}
.layout-2023 .garage-layout .tariff-list-item-status .indInner .fa,
.layout-2023 .garage-layout .tariff-list-item-status .indInner .far,
.layout-2023 .garage-layout .tariff-list-item-status .indInner .fas {
  font-size: 21px;
}
.layout-2023 .garage-layout .tariff-list-item-status .order-image {
  height: 21px;
  margin-right: 8px;
}
.layout-2023 .garage-layout .tariff-list-item-status .progressBar + .one-taxi-toggle-items {
  border-radius: 0 25px 25px 0;
}
.layout-2023 .garage-layout .tariff-list-item-icons {
  display: flex;
  width: 100%;
  height: 24px;
}
.layout-2023 .garage-layout .tariff-list-item-icons .tariff-list-item-checkup {
  display: flex;
  align-items: center;
  gap: 6px;
}
.layout-2023 .garage-layout .tariff-list-item-icons .tariff-list-item-checkup svg:hover * {
  fill: #888b99;
}
.layout-2023 .garage-layout .tariff-list-item-icons .tariff-list-item-company {
  border-radius: 100px;
  background: #fff;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
  padding: 1px 6px 1px 1px;
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  line-height: 1;
  max-width: 86px;
  white-space: nowrap;
  overflow: hidden;
  color: #333;
  text-decoration: none;
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .tariff-list-item-icons .tariff-list-item-company {
    font-size: 10px;
  }
}
.layout-2023 .garage-layout .tariff-list-item-icons .tariff-list-item-company:hover {
  box-shadow: 0px 0px 10px 1px #7eb2ff;
}
.layout-2023 .garage-layout .tariff-list-item-icons .tariff-list-item-company img {
  aspect-ratio: 1 / 1;
  height: 18px;
  border-radius: 100%;
}
.layout-2023 .garage-layout .tariff-list-item-icons .tariff-list-item-company span {
  overflow: hidden;
  text-overflow: ellipsis;
}
.layout-2023 .garage-layout .tariff-list-item-icons .tariff-list-item-tournament {
  margin-right: 5px;
}
.layout-2023 .garage-layout .tariff-list-item-icons .tariff-list-item-tournament img {
  width: 16px;
}
.layout-2023 .garage-layout .tariff-list-item-icons .not-employed-icon {
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  border-radius: 100%;
}
.layout-2023 .garage-layout .tariff-list-item-icons .not-employed-icon:hover {
  box-shadow: 0px 0px 10px 1px #7eb2ff;
}
.layout-2023 .garage-layout .tariff-list-item-icons .tariff-list-item-bonuses {
  display: flex;
  gap: 5px;
  margin-left: auto;
}
.layout-2023 .garage-layout .tariff-list-item-icons .tariff-list-item-bonuses > .tariff-bonus {
  padding: 2px;
}
.layout-2023 .garage-layout .tariff-list-item-icons .tariff-list-item-bonuses > .tariff-bonus > .bonus-btn > .bonus-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  padding: 5px;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
  color: #e45678;
}
.layout-2023 .garage-layout .tariff-list-item-icons .tariff-list-item-bonuses > .tariff-bonus > .bonus-btn > .bonus-icon:hover {
  box-shadow: 0px 0px 5px 1px #7eb2ff !important;
}
.layout-2023 .garage-layout .tariff-list-item-icons .tariff-list-item-bonuses > .tariff-bonus > .bonus-btn > .bonus-icon img {
  width: 15px;
  height: 15px;
  border-radius: 100%;
  box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
}
.layout-2023 .garage-layout .tariff-list-item-icons .tariff-list-item-bonuses > .tariff-bonus > .bonus-btn > .bonus-icon .cooldown-timer {
  display: none;
}
.layout-2023 .garage-layout .tariff-list-item-icons .tariff-list-item-bonuses > .tariff-bonus > .bonus-btn .bonus-data,
.layout-2023 .garage-layout .tariff-list-item-icons .tariff-list-item-bonuses > .tariff-bonus > .bonus-btn .add-btn {
  display: none;
}
.layout-2023 .garage-layout .garage-abilities.tariff-list-item-right.has-scroll-container:after {
  border-radius: 0 15px 15px 0;
}
@media (min-width: 993px) {
  .layout-2023 .garage-layout .garage-abilities.has-scroll-container {
    position: relative;
  }
  .layout-2023 .garage-layout .garage-abilities.has-scroll-container:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    border-radius: 0 0 15px 0;
    background: #00000024;
    mask-image: linear-gradient(to right, transparent 0%, #00000024 30%, #000000 100%);
    z-index: 1;
  }
  .layout-2023 .garage-layout .garage-abilities.has-scroll-container > * {
    z-index: 2;
  }
}
.layout-2023 .garage-layout .garage-abilities-list {
  align-items: center;
  height: 100%;
  overflow-x: auto;
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .garage-abilities-list {
    overflow-x: unset;
    border-top: 1px solid #c3c4cf63;
  }
}
@media (min-width: 993px) {
  .layout-2023 .garage-layout .garage-abilities-list.collapse {
    display: flex !important;
  }
}
@media (min-width: 993px) {
  .layout-2023 .garage-layout .garage-abilities-list .garage-shop-items-actions.settings-closed-block {
    display: none;
  }
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .garage-abilities-list.page-taxi .add-abilities {
    display: none;
  }
}
@media (min-width: 993px) {
  .layout-2023 .garage-layout .garage-abilities-list.settings-opened .settings-opened-block {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    border-radius: 0 0 16px 16px;
    background: var(--tx-panel-background);
  }
}
.layout-2023 .garage-layout .garage-abilities-list .use-taxi-item {
  position: relative;
  width: 100%;
  max-width: 70px;
  min-width: 40px;
  height: auto;
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .garage-abilities-list .use-taxi-item {
    max-width: 46px;
  }
}
.layout-2023 .garage-layout .garage-abilities-list .use-taxi-item .abImageContainer img {
  width: 100%;
  height: auto;
}
.layout-2023 .garage-layout .garage-abilities-list .use-taxi-item.has-cooldown .abImageContainer {
  padding: 5px;
  box-sizing: border-box;
}
.layout-2023 .garage-layout .garage-abilities-list .use-taxi-item.has-cooldown .abImageContainer img {
  width: 100%;
  height: auto;
}
.layout-2023 .garage-layout .garage-abilities-list .use-taxi-item.has-cooldown + .add-abilities {
  margin-left: 10px;
}
.layout-2023 .garage-layout .add-abilities {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: #e45678;
  text-decoration: none;
  box-shadow: 0px 0px 3px 0px #00000033;
  border-radius: 100%;
  font-size: 12px;
  cursor: pointer;
  margin-left: 3px;
  flex-shrink: 0;
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .add-abilities {
    width: 30px;
    height: 30px;
  }
}
.layout-2023 .garage-layout .add-abilities:hover {
  font-size: 14px;
  box-shadow: 0 0 5px 1px #7eb2ff;
}
.layout-2023 .garage-layout .taxi-items-scroll {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 10px 5px;
  height: 100%;
  margin-left: auto;
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .taxi-items-scroll {
    flex-wrap: wrap;
    margin-left: 0;
  }
}
.layout-2023 .garage-layout .use-taxi-item {
  border-radius: 6px;
}
.layout-2023 .garage-layout .use-taxi-item .taxi-item {
  border-radius: 5px;
  transition: scale 100ms;
}
.layout-2023 .garage-layout .use-taxi-item .taxi-item:hover {
  scale: 107%;
}
.layout-2023 .garage-layout .use-taxi-item .ready:hover {
  cursor: pointer;
  background: #ffe0b3;
}
.layout-2023 .garage-layout .use-taxi-item:not(.has-cooldown) .disabled .abImageContainer img {
  filter: grayscale(1);
}
.layout-2023 .garage-layout .learn_ability {
  display: flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  padding: 8px 16px;
  border-radius: 100px;
  border: 1px solid #e7e7ec;
  background: #f9f9fc;
  color: #333;
  text-decoration: none;
  margin-left: auto;
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .learn_ability {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
.layout-2023 .garage-layout .learn_ability:hover {
  box-shadow: 0px 0px 5px 1px #7eb2ff;
}
.layout-2023 .garage-layout .learn_ability:hover .fa-plus {
  transform: scale(1.2);
}
.layout-2023 .garage-layout .learn_ability .fa-plus {
  color: #e45678;
  font-size: 14px;
}
.layout-2023 .garage-layout .garage-shop-items {
  width: 100%;
}
.layout-2023 .garage-layout .garage-shop-items-block {
  border-top: 1px solid #c3c4cf87;
}
.layout-2023 .garage-layout .garage-shop-items-block.txSlideTargetOpened .show-all-btn {
  transform: rotate(180deg);
}
.layout-2023 .garage-layout .garage-shop-items-block .taxi-items-scroll {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  padding: 14px 14px 14px 7px;
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .garage-shop-items-block .taxi-items-scroll {
    gap: 10px;
    padding: 10px;
  }
}
.layout-2023 .garage-layout .garage-shop-items-block .taxi-item {
  padding: 0;
}
.layout-2023 .garage-layout .settings-opened .settings-closed-block {
  display: none;
}
.layout-2023 .garage-layout .settings-opened .settings-opened-block {
  display: flex !important;
}
.layout-2023 .garage-layout .settings-opened .use-taxi-item.hidden {
  display: flex !important;
}
.layout-2023 .garage-layout .settings-opened .use-taxi-item .shop-item-checkbox {
  display: flex !important;
}
.layout-2023 .garage-layout .settings-opened .use-taxi-item-btn {
  pointer-events: none;
}
.layout-2023 .garage-layout .garage-shop-items-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #c3c4cf63;
}
.layout-2023 .garage-layout .garage-shop-items-actions.settings-opened-block {
  display: none;
}
.layout-2023 .garage-layout .garage-shop-items-actions .to-shop-items {
  display: flex;
  align-items: center;
  gap: 7px;
  text-decoration: none;
  color: #609f53;
  font-size: 14px;
  font-weight: 700;
  margin: 5px auto;
}
.layout-2023 .garage-layout .garage-shop-items-actions .to-shop-items:hover {
  color: #ff6f89;
}
.layout-2023 .garage-layout .garage-shop-items-actions .to-shop-items img {
  width: 30px;
}
.layout-2023 .garage-layout .garage-shop-items-actions .shop-items-settings {
  cursor: pointer;
  padding: 10.5px 10px;
  font-size: 18px;
  color: #3c538c;
  border-left: 1px solid #c3c4cf63;
}
@media (max-width: 992px) {
  .layout-2023 .garage-layout .garage-shop-items-actions .shop-items-settings {
    border-left: unset;
  }
}
.layout-2023 .garage-layout .garage-shop-items-actions .shop-items-settings:hover {
  color: #888b99;
}
.layout-2023 .garage-layout .garage-shop-items-actions .item-action-btn {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 9px 10px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}
.layout-2023 .garage-layout .garage-shop-items-actions .item-action-btn.cancel {
  color: #e45678;
}
.layout-2023 .garage-layout .garage-shop-items-actions .item-action-btn.cancel:hover {
  color: #ab2343;
}
.layout-2023 .garage-layout .garage-shop-items-actions .item-action-btn.save {
  color: #609f53;
}
.layout-2023 .garage-layout .garage-shop-items-actions .item-action-btn.save:hover {
  color: #418234;
}
.layout-2023 .garage-layout .garage-shop-items-actions .item-action-btn .fa {
  font-size: 18px;
}
.layout-2023 .garage-layout .use-taxi-item {
  position: relative;
  width: 40px;
}
.layout-2023 .garage-layout .use-taxi-item.has-cooldown .item-badge {
  display: none !important;
}
.layout-2023 .garage-layout .use-taxi-item.has-cooldown .use-taxi-item-btn img {
  filter: none !important;
}
.layout-2023 .garage-layout .use-taxi-item .use-taxi-item-btn {
  position: relative;
  display: flex;
  border-radius: 5px;
  transition: scale 200ms;
}
.layout-2023 .garage-layout .use-taxi-item .use-taxi-item-btn.disabled img {
  filter: grayscale(1);
}
.layout-2023 .garage-layout .use-taxi-item .use-taxi-item-btn.ready:hover {
  cursor: pointer;
  background: #ffe0b3;
  scale: 107%;
}
.layout-2023 .garage-layout .use-taxi-item .use-taxi-item-btn:not(.disabled) {
  cursor: pointer;
}
.layout-2023 .garage-layout .use-taxi-item .use-taxi-item-btn .item-badge {
  position: absolute;
  top: -5px;
  right: -5px;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0px 0px 4px 0px #00000033;
  color: #3c538c;
  font-size: 10px;
  font-weight: 700;
}
.layout-2023 .garage-layout .use-taxi-item .shop-item-checkbox {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.layout-2023 .garage-layout .use-taxi-item .shop-item-checkbox-check {
  position: absolute;
  bottom: -5px;
  right: -5px;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  background: #fff;
  box-shadow: 0px 1px 5px 0px #00000033;
  color: #3c538c;
}
.layout-2023 .garage-layout .use-taxi-item .shop-item-checkbox input {
  position: absolute;
}
.layout-2023 .garage-layout .use-taxi-item .shop-item-checkbox input:not(:checked) + .fa-check:before {
  display: none;
}
.layout-2023 .garage-layout .show-all-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 40px;
}
.layout-2023 .garage-layout .show-all-btn:hover svg circle {
  fill: #888b99;
}
.layout-2023 .hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.layout-2023 .hide-scrollbar::-webkit-scrollbar {
  display: none;
}
.layout-2023 .collapse-block {
  transition: transform 0.3s;
  transform-origin: top;
  transform: scaleY(0);
}
@media (max-width: 992px) {
  .layout-2023 .collapse-block-mobile {
    transition: transform 0.3s;
    transform-origin: top;
    transform: scaleY(0);
  }
}
.layout-2023 .txSlideTargetOpened .garage-collapse-head > img {
  filter: grayscale(1);
  opacity: 0.7;
}
.layout-2023 .txSlideTargetOpened .garage-item-arrow {
  transform: rotate(180deg);
}
@keyframes shine {
  to {
    background-position-x: -200%;
  }
}
.layout-2023 .mining-resource-modal .btn-primary {
  box-shadow: none;
}
.layout-2023 .garage-widget .tariff-list .shop-items-settings {
  display: none;
}
.layout-2023 .shop-items-and-abilities {
  position: relative;
  display: flex;
  align-items: end;
  z-index: 2;
}
@media (max-width: 992px) {
  .layout-2023 .shop-items-and-abilities {
    flex-direction: column;
  }
}
.layout-2023 .shop-items-and-abilities .garage-shop-items-block,
.layout-2023 .shop-items-and-abilities .garage-abilities-list {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.layout-2023 .shop-items-and-abilities .garage-shop-items-block {
  border: none !important;
}
.layout-2023 .shop-items-and-abilities .garage-abilities-list {
  overflow-x: unset;
  border-right: 1px solid #c3c4cf87;
}
@media (max-width: 992px) {
  .layout-2023 .shop-items-and-abilities .garage-abilities-list {
    border-right: unset;
    border-top: unset;
    border-bottom: 1px solid #c3c4cf87;
    width: 100%;
  }
}
.layout-2023 .shop-items-and-abilities .garage-abilities-list .use-taxi-item {
  width: 40px;
}
.layout-2023 .shop-items-and-abilities .garage-abilities-list .use-taxi-item:hover {
  cursor: pointer;
}
.layout-2023 .shop-items-and-abilities .add-abilities {
  display: none !important;
}
.layout-2023 .shop-items-and-abilities .taxi-items-scroll {
  flex-wrap: wrap;
}
.layout-2023 .tariff-price-red-bg {
  background-image: url("../img/garage/price_red_bg.svg");
  background-size: 115%;
  background-position: center;
  height: 124px;
  text-align: center;
  color: white;
  text-shadow: 1px 1px 1px black;
  display: flex;
  justify-content: center;
  align-items: center;
}
.layout-2023 .order-items-container {
  position: relative;
}
.layout-2023 .order-items-container.rest-order-items {
  margin-top: 15px;
}
.layout-2023 .order-items-container.has-scroll:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 100%;
  background: linear-gradient(90deg, transparent, #0000003b);
  z-index: 1;
}
.layout-2023 .garage-taximanite {
  margin-left: 10px;
  font-size: 22px;
  transition: 0.3s;
}
.layout-2023 .garage-taximanite:hover {
  transform: scale(1.1);
  filter: drop-shadow(0 0 3px #4b84e0);
}
.layout-2023 .tariff-list-item-fuel-popup {
  display: none;
  position: absolute;
  top: -10px;
  left: calc(100% + 10px);
  background: #5a5e7a;
  color: #fff;
  width: max-content;
  z-index: 10;
  padding: 10px;
  border-radius: 15px;
}
.layout-2023 .tariff-list-item-fuel-popup:before {
  content: "\f0d9";
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  position: absolute;
  font-size: 20px;
  top: 6px;
  left: -7px;
  color: #5a5f7a;
}
.layout-2023 .tariff-list-item-fuel-popup .schbWrapper {
  margin-right: 10px;
}
.layout-2023 .tariff-list-item-fuel-popup .btn {
  box-shadow: none;
}
.layout-2023 .garage-footer-item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  cursor: pointer;
}
.layout-2023 .garage-footer-item:hover img {
  scale: 120%;
}
.layout-2023 .garage-footer-item img {
  max-width: 150px;
  max-height: 100px;
  transition: scale 0.3s;
}
@media (max-width: 480px) {
  .layout-2023 .garage-footer-item img {
    max-width: 85px;
    max-height: 70px;
  }
}
.layout-2023 .taxi-items-list .taxi-item {
  width: 40px;
  height: 40px;
  border-radius: 5px;
  transition: scale 200ms;
  padding: 0;
}
.layout-2023 .taxi-items-list .taxi-item.ready:hover {
  background: #ffe0b3 !important;
  scale: 107%;
}
.layout-2023 .taxi-items-list .taxi-item .badge {
  position: absolute;
  top: -5px;
  right: -5px;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  background: #ffffffbd !important;
  box-shadow: 0px 0px 4px 0px #00000033;
  color: #3c538c;
  font-size: 10px;
  font-weight: 700;
  border: 0;
  padding: 0 !important;
  z-index: 1;
}
.layout-2023 .taxi-item.cooldown .abImageContainer,
.layout-2023 .use-taxi-item.has-cooldown .abImageContainer {
  padding: 4px !important;
}
.layout-2023 .taxi-item.cooldown .abImageContainer img,
.layout-2023 .use-taxi-item.has-cooldown .abImageContainer img {
  box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
  width: 100%;
  height: auto;
  border-radius: 100%;
}
.layout-2023 .employerOrder.employer-order-block {
  padding-bottom: 0;
}
.layout-2023 .order-special.extended .order-item-rank.spec-rank,
.layout-2023 .order-special.employer-order .order-item-rank.spec-rank {
  transform: scale(0.3);
}
.layout-2023 .order-special .order-item-rank {
  position: relative;
  overflow: hidden;
}
.layout-2023 .order-special .order-item-rank.spec-rank {
  position: absolute;
  top: 3px;
  left: 3px;
  transform: scale(0.4);
  transform-origin: left top;
}
.layout-2023 .order-special .order-item-rank img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
  transform: translate(-50%, -50%);
}
.layout-2023 .bonuses-more-btn {
  position: relative;
  border-radius: 100px 100px 0 0;
}
.layout-2023 .bonuses-more-btn.txSlideTargetOpened {
  background: #5d607a;
}
.layout-2023 .tariff-shop-items-used {
  padding: 2px;
}
.layout-2023 .tariff-shop-items-used .bonus-btn .bonus-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  padding: 5px;
  box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
  color: #e45678;
  background-color: white;
}
.layout-2023 .tariff-shop-items-used .bonus-btn .bonus-icon:hover {
  cursor: pointer;
  box-shadow: 0px 0px 5px 1px #7eb2ff !important;
}
.layout-2023 .tariff-shop-items-used .bonus-btn .bonus-icon img {
  width: 15px;
  height: 15px;
  border-radius: 100%;
  box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
}
.layout-2023 .tariff-shop-items-used .tariff-external-bonuses {
  min-width: 330px;
  left: unset;
  right: 0;
  border-radius: 10px 0 10px 10px;
}
.layout-2023 .tariff-external-bonuses {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  background: #5c5f7a;
  z-index: 11;
  min-width: 420px;
  max-height: 300px;
  overflow-y: auto;
  border-radius: 0 10px 10px;
}
.layout-2023 .tariff-external-bonuses .bonus-data {
  clip-path: inset(0 0 0 0) !important;
  position: unset !important;
  width: auto !important;
  padding: 0 !important;
  display: unset !important;
}
.layout-2023 .tariff-external-bonuses .bonus-data h5 {
  font-size: 20px !important;
}
.layout-2023 .tariff-external-bonuses .bonus-data p {
  font-size: 18px !important;
}
.layout-2023 .tariff-external-bonuses .bonus-btn {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 10px;
  padding: 8px 10px !important;
}
.layout-2023 .tariff-external-bonuses .tariff-bonus {
  align-items: start !important;
}
.layout-2023 .tariff-external-bonuses .tariff-bonus:not(:last-child) {
  border-bottom: 1px solid #999;
}
.layout-2023 .tariff-list-item-bonuses .tariff-external-bonuses {
  right: 0;
  left: unset;
  border-radius: 10px 0 10px 10px;
  scale: 0.7;
  transform-origin: right top;
}
.layout-2023 .tariff-list-item-bonuses .bonuses-more-btn.txSlideTargetOpened .bonus-icon {
  color: #fff !important;
}
.layout-2023 .tariff-bonus.add-btn * {
  cursor: pointer;
}
.layout-2023 .tariff-bonus.add-btn a {
  text-decoration: none !important;
}
.layout-2023 .taxi-order-status {
  text-align: center;
  font-size: 14px;
  color: #666;
}
.layout-2023 .taxi-order-status.has-queue {
  margin-bottom: 10px;
}
.layout-2023 .taxi-info-block .info-block-image {
  max-width: 70px;
}
.layout-2023 .garageDisplay .infoBlock .img-company-container {
  width: 150px;
}
@media (max-width: 767px) {
  .layout-2023 .garageDisplay .infoBlock .taxi-info-block-descr {
    text-align: center;
  }
}
.layout-2023 .garageDisplay .gorStatus {
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.layout-2023 .garage-tariff-item .tariff-list-item-name {
  margin-left: 15px;
}
.layout-2023 .car-shop-items-used {
  right: 35px;
  margin: 8px auto;
  z-index: 100;
  align-content: center;
}
.layout-2023 .tariff-tournament-status {
  margin-left: 7px;
  display: flex;
  align-items: center;
}
.layout-2023 .tariff-tournament-status img {
  height: 18px;
}
.layout-2023 .taxi-background__images {
  display: flex;
  gap: 5px;
  margin: 5px 0;
}
.layout-2023 .taxi-background__images .taxi-background__img {
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 6px;
  border: 1px solid transparent;
  overflow: hidden;
}
.layout-2023 .taxi-background__images .taxi-background__img.selected {
  border-color: #f87c9a;
}
.layout-2023 .taxi-background__images .taxi-background__img.img-loading {
  opacity: 0.7;
}
.layout-2023 .taxi-background__images .taxi-background__img.img-loading:before {
  content: "\f631";
  font-family: 'Font Awesome 5 Pro';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -7px;
  margin-left: -7px;
  animation: fa-spin 1s infinite linear;
}
.layout-2023 .taxi-background__images .taxi-background__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.layout-2023 .order-equipment .equipment-popover {
  max-width: 440px;
  left: 50%;
  transform: translateX(-50%);
}
.layout-2023 .order-equipment .equipment-popover:before {
  left: 50%;
  transform: translateX(-50%);
}
.layout-2023 .order-equipment .tariff-equipment__rank {
  top: unset;
  bottom: 2px;
  transform: translateX(-50%);
}
@media (max-width: 480px) {
  .layout-2023 .mine-btn-block {
    width: 100%;
    padding-bottom: 0;
  }
}
.layout-2023 .map-loader,
.layout-2023 .mining-image {
  border-radius: 4px;
}
.layout-2023 .mining-map-wrap .mining-map .modals-wrap .mining-resource-modal {
  border-radius: 15px;
}
@media (min-width: 481px) {
  .layout-2023 .mining-color-fields .form-group > * {
    width: 50%;
  }
}
.layout-2023 .shop-content {
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  background: var(--tx-wrapper-background);
}
.layout-2023 .shop-content .shop-container {
  padding: 0 10px;
}
.layout-2023 #buy-shopbox-modal .fa-minus {
  border-radius: 15px;
  padding: 4px;
  background: linear-gradient(180deg, #FC84A1 0%, #E75B7D 100%);
  cursor: pointer;
  color: white;
}
.layout-2023 #buy-shopbox-modal .fa-minus:hover {
  background: linear-gradient(160deg, #FFBF1B 0%, #FE9E0D 35.94%, #FF881A 100%);
}
.layout-2023 #buy-shopbox-modal .fa-minus.disabled {
  background: linear-gradient(180deg, rgba(161, 161, 161, 0.75) 0%, #565656 100%);
  cursor: unset;
}
.layout-2023 #buy-shopbox-modal .fa-plus {
  border-radius: 15px;
  padding: 4px;
  background: linear-gradient(180deg, #9ABDF2 0%, #427FD7 100%);
  cursor: pointer;
  color: white;
}
.layout-2023 #buy-shopbox-modal .fa-plus:hover {
  background: linear-gradient(160deg, #FFBF1B 0%, #FE9E0D 35.94%, #FF881A 100%);
}
.layout-2023 #buy-shopbox-modal .fa-plus.disabled {
  background: linear-gradient(180deg, rgba(161, 161, 161, 0.75) 0%, #565656 100%);
  cursor: unset;
}
.layout-2023 .shop-tariffs-carousel-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 50%;
  transform: translateX(-50%);
}
.layout-2023 .shop-tariffs-carousel-nav .swiper-pagination-bullets {
  width: auto !important;
  margin: 0 8px;
  line-height: 0;
}
.layout-2023 .shop-tariffs-carousel-nav .swiper-pagination-bullets .swiper-pagination-bullet:hover {
  background: #333;
}
.layout-2023 .shop-tariffs-carousel-nav .swiper-pagination-bullets .swiper-pagination-bullet-active {
  background: #333333;
}
.layout-2023 .shop-tariffs-carousel-nav i {
  font-size: 20px;
  color: #d9d9d9;
}
.layout-2023 .shop-tariffs-carousel-nav i:hover {
  color: #333;
}
@media (max-width: 480px) {
  .layout-2023 .shop-tariffs-carousel-nav {
    margin-left: 0;
    transform: none;
  }
}
.layout-2023 .shop-tariffs-carousel-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.layout-2023 .shop-tariffs-carousel-footer .shop-tariffs-page-link {
  font-weight: 700;
  font-size: 18px;
  text-decoration: none;
  color: var(--tx-text-color);
  display: flex;
  align-items: center;
  gap: 7px;
}
@media (max-width: 480px) {
  .layout-2023 .shop-tariffs-carousel-footer .shop-tariffs-page-link {
    font-size: 14px;
  }
}
.layout-2023 .shop-tariffs-carousel-footer .shop-tariffs-page-link svg path {
  fill: var(--tx-text-color);
}
.layout-2023 .shop-tariffs-carousel-footer .shop-tariffs-page-link:hover {
  color: #f47895;
}
.layout-2023 .shop-tariffs-carousel-footer .shop-tariffs-page-link:hover svg path {
  fill: #f47895;
}
.layout-2023 .shop-tariffs-carousel-footer .shop-tariffs-page-link span {
  color: #e45678;
}
.layout-2023 .shop-tariffs-carousel .swiper-slide {
  height: auto;
}
.layout-2023 .shop-tariffs-carousel .swiper-slide > * {
  height: 100%;
}
.layout-2023 .shop-tariffs {
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 10px;
}
.layout-2023 .shop-tariffs.tariff-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
@media (max-width: 992px) {
  .layout-2023 .shop-tariffs.tariff-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.layout-2023 .shop-tariffs.tariff-grid-small {
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 992px) {
  .layout-2023 .shop-tariffs.tariff-grid-small {
    grid-template-columns: repeat(3, 1fr);
  }
}
.layout-2023 .shop-tariffs.tariff-grid-small .shop-tariff-item-discount {
  padding: 3px 5px;
}
@media (max-width: 992px) {
  .layout-2023 .shop-tariffs.tariff-grid-small .shop-tariff-item-discount-value {
    font-size: 14px;
  }
}
@media (max-width: 992px) {
  .layout-2023 .shop-tariffs.tariff-grid-small .shop-tariff-item-discount img {
    max-width: 20px;
  }
}
.layout-2023 .shop-tariffs .shop-tariff-item {
  overflow: hidden;
  background: var(--tx-panel-background);
}
@media (max-width: 480px) {
  .layout-2023 .shop-tariffs .shop-tariff-item {
    padding: 10px;
  }
}
.layout-2023 .shop-tariffs .shop-tariff-item-heading {
  display: flex;
  align-items: center;
  justify-content: center;
}
.layout-2023 .shop-tariffs .shop-tariff-item-name {
  display: flex;
  color: var(--tx-text-color);
  font-weight: 700;
  font-size: 20px;
  margin-right: 6px;
}
@media (max-width: 480px) {
  .layout-2023 .shop-tariffs .shop-tariff-item-name {
    font-size: 14px;
  }
}
.layout-2023 .shop-tariffs .shop-tariff-item-booster {
  color: var(--tx-text-color);
  font-weight: 700;
  font-size: 20px;
}
.layout-2023 .shop-tariffs .shop-tariff-item-image {
  position: relative;
  display: flex;
  justify-content: center;
}
.layout-2023 .shop-tariffs .shop-tariff-item-image img {
  width: auto;
  max-height: 180px;
}
.layout-2023 .shop-tariffs .shop-tariff-item-level {
  width: 24px;
  height: 24px;
  font-size: 16px;
}
@media (max-width: 480px) {
  .layout-2023 .shop-tariffs .shop-tariff-item-level {
    width: 16px;
    height: 16px;
    font-size: 10px;
  }
}
.layout-2023 .shop-tariffs .shop-tariff-item-income {
  display: flex;
  align-items: center;
  border: 1.4px dashed #d9d9d9;
  border-radius: 4px;
  margin-bottom: 10px;
  justify-content: center;
  gap: 8px;
  padding: 5px;
  font-size: 16px;
}
@media (max-width: 480px) {
  .layout-2023 .shop-tariffs .shop-tariff-item-income {
    font-size: 12px;
  }
}
.layout-2023 .shop-tariffs .shop-tariff-item-income .txm-account-icon {
  min-width: 20px;
  height: 20px;
}
.layout-2023 .shop-tariffs .shop-tariff-item-income .fire-icon {
  max-width: 16px;
}
.layout-2023 .shop-tariffs .shop-tariff-item-income-item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.layout-2023 .shop-tariffs .shop-tariff-item-income-item.income-price {
  gap: 4px;
}
.layout-2023 .shop-tariffs .shop-tariff-item-income-item.income-price span {
  font-weight: 700;
  color: #e45678;
}
.layout-2023 .shop-tariffs .shop-tariff-item-actions {
  display: flex;
  gap: 10px;
}
.layout-2023 .shop-tariffs .shop-tariff-item-roulette {
  width: 100%;
  display: flex;
  align-items: center;
  font-weight: 700;
  line-height: 15px;
  padding: 5px;
  white-space: normal;
}
@media (max-width: 480px) {
  .layout-2023 .shop-tariffs .shop-tariff-item-roulette {
    font-size: 10px;
    line-height: 10px;
    padding: 5px 17px;
  }
}
.layout-2023 .shop-tariffs .shop-tariff-item-buy-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-weight: 700;
  font-size: 16px;
  padding: 6px 0;
}
@media (max-width: 480px) {
  .layout-2023 .shop-tariffs .shop-tariff-item-buy-btn {
    padding: 5px 0;
    font-size: 12px;
  }
}
.layout-2023 .shop-tariffs .shop-tariff-item-buy-btn .txm-account-icon {
  margin-right: 5px;
  min-width: 27px;
  height: 27px;
}
@media (max-width: 480px) {
  .layout-2023 .shop-tariffs .shop-tariff-item-buy-btn .txm-account-icon {
    min-width: 20px;
    height: 20px;
  }
}
.layout-2023 .shop-tariffs .shop-tariff-item-price {
  display: flex;
  align-items: center;
  justify-content: center;
}
.layout-2023 .shop-tariffs .shop-tariff-item-installment {
  display: block;
  text-align: center;
  text-decoration: none;
  color: var(--tx-text-color);
  font-size: 14px;
  line-height: 18px;
  margin-top: 13px;
}
@media (max-width: 480px) {
  .layout-2023 .shop-tariffs .shop-tariff-item-installment {
    font-size: 10px;
  }
}
.layout-2023 .shop-tariffs .shop-tariff-item-installment:hover {
  color: #ff8c17;
}
.layout-2023 .shop-tariffs .shop-tariff-item-installment:hover b {
  color: #6199ec;
}
.layout-2023 .shop-tariffs .shop-tariff-item-installment.freepolis {
  cursor: default;
}
.layout-2023 .shop-tariffs .shop-tariff-item-plate-hit {
  position: absolute;
  top: -65px;
  left: -65px;
  text-shadow: -1px 1px 0px #d68836;
  transform: rotate(-45deg);
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  color: #fff;
  background: radial-gradient(50% 46.13% at 53.03% 51.66%, rgba(255, 255, 255, 0.22) 28.48%, rgba(255, 255, 255, 0) 100%), linear-gradient(101.99deg, #ffbf1b -3.15%, #fe9e0d 28.77%, #ff881a 85.67%);
  border: 1.2px solid #ffffff;
  box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.15);
  padding: 7px;
  box-sizing: border-box;
  border-radius: 100%;
  width: 108px;
  height: 108px;
  display: flex;
  align-items: end;
  justify-content: center;
}
.layout-2023 .shop-tariffs .shop-tariff-item-mining {
  font-weight: 400;
  font-size: 16px;
  color: var(--tx-text-color);
  display: flex;
  align-items: center;
}
.layout-2023 .shop-tariffs .shop-tariff-item-mining img {
  max-width: 23px;
  max-height: 23px;
  margin: 0 4px;
}
.layout-2023 .shop-tariffs .shop-tariff-item-oldprice {
  position: relative;
  margin-right: 5px;
  font-weight: normal;
}
.layout-2023 .shop-tariffs .shop-tariff-item-oldprice:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -1px;
  width: calc(100% + 2px);
  border: 1px solid #fbe222;
  box-shadow: 0px 1px 0px #676767;
  transform: rotate(15deg);
  margin-top: -1px;
}
.layout-2023 .shop-tariffs .shop-tariff-item-discount {
  position: absolute;
  right: -21px;
  bottom: 8px;
  width: max-content;
  display: flex;
  align-items: center;
  justify-content: end;
  background: linear-gradient(180deg, #ff8aa6 0%, #e45678 100%);
  border: 1px solid #ffffff;
  padding: 5px 15px 5px 6px;
  box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.15);
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
}
@media (max-width: 480px) {
  .layout-2023 .shop-tariffs .shop-tariff-item-discount {
    right: -11px;
    padding: 3px 10px 3px 4px;
  }
}
.layout-2023 .shop-tariffs .shop-tariff-item-discount img {
  max-width: 26px;
  margin-right: 5px;
}
@media (max-width: 480px) {
  .layout-2023 .shop-tariffs .shop-tariff-item-discount img {
    max-width: 22px;
  }
}
.layout-2023 .shop-tariffs .shop-tariff-item-discount-timer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #ffffff;
  text-shadow: 1px 1px 0px #a44058;
}
.layout-2023 .shop-tariffs .shop-tariff-item-discount-timer .countdown {
  font-size: 10px;
  line-height: 10px;
  margin-top: 3px;
}
@media (max-width: 480px) {
  .layout-2023 .shop-tariffs .shop-tariff-item-discount-timer .countdown {
    max-width: 8px;
    line-height: 8px;
  }
}
.layout-2023 .shop-tariffs .shop-tariff-item-discount-value {
  font-weight: 700;
  font-size: 16px;
  line-height: 12px;
}
@media (max-width: 480px) {
  .layout-2023 .shop-tariffs .shop-tariff-item-discount-value {
    font-size: 12px;
    line-height: 10px;
  }
}
.layout-2023 .settings-premium-link {
  text-decoration: none;
  color: #fbe222;
}
.layout-2023 .settings-premium-link:hover {
  color: #fff;
}
.layout-2023 .shop-premium-banner {
  display: flex;
  background: url("../img/shop/banner/bg.png"), linear-gradient(98.73deg, #395c86 0%, #6b49b3 77.13%);
  background-position: right bottom;
  background-repeat: no-repeat;
  color: #fff;
}
@media (max-width: 480px) {
  .layout-2023 .shop-premium-banner {
    flex-direction: column;
  }
}
.layout-2023 .shop-premium-banner-content p:last-child {
  margin-bottom: 0;
}
@media (max-width: 480px) {
  .layout-2023 .shop-premium-banner-content {
    max-width: 67%;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 16px;
  }
}
.layout-2023 .shop-premium-banner-title {
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
}
@media (max-width: 480px) {
  .layout-2023 .shop-premium-banner-title {
    font-size: 16px;
    margin-bottom: 5px;
  }
}
.layout-2023 .shop-premium-banner-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  font-size: 16px;
}
.layout-2023 .shop-premium-banner-actions a {
  text-decoration: none;
}
.layout-2023 .shop-premium-banner-actions a:hover {
  color: initial;
}
@media (max-width: 480px) {
  .layout-2023 .shop-premium-banner-actions {
    margin-left: 0;
    flex-direction: row;
    align-items: center;
    font-size: 12px;
  }
}
.layout-2023 .shop-premium-banner-link {
  margin-top: 10px;
  color: #fff !important;
}
.layout-2023 .shop-premium-banner-link span {
  color: #fbe222;
}
@media (max-width: 480px) {
  .layout-2023 .shop-premium-banner-link {
    margin-top: 0;
    margin-left: 14px;
  }
}
.layout-2023 .shop-premium-banner-btn {
  background: #ffffff;
  border-radius: 4px;
  padding: 9.5px 30px;
  color: #333333;
  font-weight: 700;
  display: flex;
  align-items: center;
}
.layout-2023 .shop-premium-banner-btn:hover {
  opacity: 0.9;
}
.layout-2023 .shop-premium-banner-btn img {
  margin-right: 10px;
}
@media (max-width: 480px) {
  .layout-2023 .shop-premium-banner-btn {
    padding: 8px 15px;
    border-radius: 6px;
  }
}
.layout-2023 .shop-cards-carousel {
  margin-bottom: 10px;
}
.layout-2023 .shop-cards-carousel .shop-cards-nav {
  position: absolute;
  top: 10px;
  width: 40px;
  height: calc(100% - 20px);
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #d9d9d9;
  font-size: 20px;
}
.layout-2023 .shop-cards-carousel .shop-cards-nav:hover {
  background: #f9f9f9c2;
}
.layout-2023 .shop-cards-carousel .shop-cards-nav.prev {
  left: 0;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #f9f9fc 50%);
}
.layout-2023 .shop-cards-carousel .shop-cards-nav.next {
  right: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #f9f9fc 50%);
}
.layout-2023 .shop-cards-carousel .shop-cards-nav.swiper-button-disabled {
  display: none;
}
.layout-2023 .shop-cards-carousel .swiper-slide {
  max-width: 169px;
  height: auto !important;
  align-content: stretch;
}
.layout-2023 .shop-cards-carousel .swiper-slide:last-child {
  margin-right: 0 !important;
}
@media (max-width: 480px) {
  .layout-2023 .shop-cards-carousel-desktop {
    display: none !important;
  }
}
.layout-2023 .shop-cards-carousel-mobile {
  display: none;
}
@media (max-width: 480px) {
  .layout-2023 .shop-cards-carousel-mobile {
    display: block;
  }
  .layout-2023 .shop-cards-carousel-mobile .shop-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }
}
.layout-2023 .shop-cards .shop-card-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  height: 100%;
  margin: 0;
}
.layout-2023 .shop-cards .shop-card-item:hover .shop-card-item-image {
  transform: scale(1.1);
}
.layout-2023 .shop-cards .shop-card-item:hover .shop-card-item-name {
  color: #ee6989;
}
.layout-2023 .shop-cards .shop-card-item:hover .shop-card-item-desc {
  color: #7da7e7;
}
.layout-2023 .shop-cards .shop-card-item-image {
  width: 106px;
  transition: 0.4s;
}
@media (max-width: 480px) {
  .layout-2023 .shop-cards .shop-card-item-image {
    width: 74px;
  }
}
.layout-2023 .shop-cards .shop-card-item-name {
  font-weight: 700;
  font-size: 16px;
  line-height: 21px;
  color: var(--tx-text-color);
  margin-top: 9px;
}
@media (max-width: 480px) {
  .layout-2023 .shop-cards .shop-card-item-name {
    font-size: 12px;
    line-height: 16px;
  }
}
.layout-2023 .shop-cards .shop-card-item-desc {
  font-size: 14px;
  line-height: 18px;
  color: var(--tx-text-color);
  text-align: center;
}
@media (max-width: 480px) {
  .layout-2023 .shop-cards .shop-card-item-desc {
    font-size: 10px;
    line-height: 13px;
  }
}
.layout-2023 .shop-cards .shop-card-item-discount {
  position: absolute;
  top: -6px;
  right: -7px;
  width: 40px;
  height: 40px;
  background: url("../img/shop/cards/discount.png");
  color: #fff;
  line-height: 1;
  font-size: 6px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-size: contain;
  text-shadow: 1px 1px 0px #a44058;
  text-transform: uppercase;
}
.layout-2023 .shop-cards .shop-card-item-discount span {
  font-weight: 900;
  font-size: 14px;
}
@media (max-width: 480px) {
  .layout-2023 .theme-box-buttons {
    display: flex;
  }
  .layout-2023 .theme-box-buttons > div {
    width: 100%;
    margin: 0;
  }
}
.layout-2023 .business-links {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.layout-2023 .business-links-item {
  display: flex;
  align-items: center;
  gap: 20px;
  text-decoration: none;
  color: var(--tx-text-color);
  padding: 20px;
}
@media (max-width: 768px) {
  .layout-2023 .business-links-item {
    flex-direction: column;
  }
}
.layout-2023 .business-links-item:hover {
  background: #fff;
  color: initial;
}
.layout-2023 .business-links-item:hover .business-links-item-image img {
  transform: scale(1.1);
}
.layout-2023 .business-links-item-image {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 100px;
}
.layout-2023 .business-links-item-image img {
  max-width: 90px;
  max-height: 90px;
  transition: 0.3s;
}
.layout-2023 .business-links-item-name {
  margin: 0;
  flex: 1 1 auto;
}
@media (max-width: 768px) {
  .layout-2023 .business-links-item-name {
    display: flex;
    align-items: start;
    text-align: center;
  }
}
@media (max-width: 768px) {
  .layout-2023 .business-links-item-name {
    font-size: 15px;
  }
}
.layout-2023 .business-links-item-profitability {
  border-bottom-right-radius: 14px;
  position: absolute;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, #ff8aa6 0%, #e45678 100%);
  color: #fff;
  padding: 3px 5px;
  line-height: 1;
  font-size: 13px;
}
.layout-2023 .shop-chain .chain-step-wrap .step-purchase-btn {
  min-width: 240px;
}
.layout-2023 .modal-new-taxi-buy .modal-content {
  color: #fff;
}
.layout-2023 .shop-buildings .building-item-image {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 130px;
}
@media (max-width: 480px) {
  .layout-2023 .shop-buildings .building-item-image {
    height: 100px;
  }
}
.layout-2023 .shop-buildings .building-item-image img {
  width: auto;
  max-height: 100%;
}
.layout-2023 .my-boxes-container .my-box-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.layout-2023 .my-boxes-container .my-box-image {
  height: 100px;
}
.layout-2023 .my-boxes-container .box-item-block .items-block {
  align-content: start !important;
}
.layout-2023 .my-boxes-container .box-item-block .items-block .items-count {
  font-size: 12px;
  padding: 5px 8px;
}
.layout-2023 .my-boxes-container .box-item-block .item img {
  height: auto;
  margin-bottom: 15px;
}
@media (max-width: 480px) {
  .layout-2023 .createBombilaCompany .business-links-item-image img {
    max-width: unset;
    max-height: 55px;
  }
}
.layout-2023 .premium-panel {
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  padding: 20px;
  margin-bottom: 17px;
}
@media (max-width: 480px) {
  .layout-2023 .premium-panel {
    padding: 10px;
  }
}
.layout-2023 .premium-panel-content {
  position: relative;
  display: flex;
  align-items: center;
  max-width: 550px;
  margin: 0 auto;
  padding: 0 20px;
}
@media (max-width: 480px) {
  .layout-2023 .premium-panel-content {
    padding: 0;
  }
  .layout-2023 .premium-panel-content:before,
  .layout-2023 .premium-panel-content:after {
    display: none;
  }
}
.layout-2023 .premium-panel-content:before,
.layout-2023 .premium-panel-content:after {
  content: "";
  position: absolute;
  top: -17px;
  background: url("../img/shop/premium-fern.svg") no-repeat;
  width: 65px;
  height: calc(100% + 30px);
}
.layout-2023 .premium-panel-content:before {
  right: calc(100% + 20px);
}
@media (max-width: 992px) {
  .layout-2023 .premium-panel-content:before {
    right: calc(100% - 10px);
  }
}
.layout-2023 .premium-panel-content:after {
  left: calc(100% + 20px);
  transform: rotateY(180deg);
}
@media (max-width: 992px) {
  .layout-2023 .premium-panel-content:after {
    left: calc(100% - 10px);
  }
}
.layout-2023 .premium-panel-image {
  position: relative;
  display: flex;
  width: 90px;
  height: 90px;
  margin-right: 22px;
  border-radius: 100%;
  padding: 1px;
  background: linear-gradient(180deg, #f3d332 0%, #e38523 100%);
  box-shadow: 0px 0px 4px 0.4px #f7e365;
  filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.2));
}
@media (max-width: 480px) {
  .layout-2023 .premium-panel-image {
    width: 66px;
    height: 66px;
    margin-right: 14px;
  }
}
.layout-2023 .premium-panel-image img {
  border-radius: 100%;
}
.layout-2023 .premium-panel-image-badge {
  position: absolute;
  bottom: -8px;
  left: -8px;
}
.layout-2023 .premium-panel-desc {
  color: var(--tx-text-color);
}
.layout-2023 .premium-panel-desc h1 {
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  margin: 0 0 8px 0;
}
@media (max-width: 480px) {
  .layout-2023 .premium-panel-desc h1 {
    font-size: 16px;
    margin-bottom: 0;
  }
}
.layout-2023 .premium-panel-desc p {
  font-size: 16px;
  line-height: 21px;
  margin-bottom: 0;
}
@media (max-width: 480px) {
  .layout-2023 .premium-panel-desc p {
    font-size: 14px;
    line-height: 18px;
  }
}
.layout-2023 .premium-panel-desc .text-danger-dark {
  color: #e45678;
}
.layout-2023 .shop-premium-features {
  display: grid;
  grid-template-columns: auto repeat(3, 1fr);
  background: linear-gradient(98.73deg, #395c86 0%, #6b49b3 98.72%);
  padding: 10px 10px 10px 20px;
  color: #fff;
}
@media (max-width: 992px) {
  .layout-2023 .shop-premium-features {
    grid-template-columns: 1fr;
    background: #fff;
    box-shadow: none;
    padding: 0;
    gap: 20px;
  }
}
.layout-2023 .shop-premium-features .feature-column-wrap {
  position: relative;
  overflow: hidden;
  padding-bottom: 10px;
}
@media (max-width: 992px) {
  .layout-2023 .shop-premium-features .feature-column-wrap {
    background: linear-gradient(98.73deg, #395c86 0%, #6b49b3 98.72%);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
    border-radius: 12px;
    padding: 10px;
  }
}
.layout-2023 .shop-premium-features .feature-column-wrap:nth-child(2) .feature-column:nth-child(2) {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  overflow: hidden;
}
.layout-2023 .shop-premium-features .feature-column-wrap:nth-child(2) .feature-column:nth-child(2) .feature-value {
  border-right: 1px solid #c3c4cf63;
}
.layout-2023 .shop-premium-features .feature-column-wrap:last-child .feature-column:nth-child(2) {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  overflow: hidden;
}
@media (max-width: 992px) {
  .layout-2023 .shop-premium-features .feature-column-wrap.label-column {
    display: none;
  }
}
.layout-2023 .shop-premium-features .feature-column-wrap.value-column {
  min-width: 184px;
}
@media (min-width: 993px) {
  .layout-2023 .shop-premium-features .feature-column-wrap.value-column:last-child {
    background: #fff;
    border-radius: 10px;
    box-shadow: -2px 0px 20px rgba(90, 79, 164, 0.4), 0px 0px 4px rgba(0, 0, 0, 0.15);
  }
  .layout-2023 .shop-premium-features .feature-column-wrap.value-column:last-child .feature-head-label {
    color: #333333;
  }
  .layout-2023 .shop-premium-features .feature-column-wrap.value-column:last-child .feature-head-label:after {
    content: "";
    position: absolute;
    bottom: -0.5px;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #c3c4cf63;
  }
  .layout-2023 .shop-premium-features .feature-column-wrap.value-column:last-child .feature-column {
    border-bottom: 1px solid #c3c4cf63;
    border-radius: 0;
  }
  .layout-2023 .shop-premium-features .feature-column-wrap.value-column:last-child .premium-price {
    color: #e45678;
  }
  .layout-2023 .shop-premium-features .feature-column-wrap.value-column:last-child .premium-price .txm-account-icon {
    min-width: 23px;
    height: 23px;
  }
  .layout-2023 .shop-premium-features .feature-column-wrap.value-column:last-child .buy-premium-btn {
    background: linear-gradient(98.73deg, #395c86 0%, #6b49b3 98.72%);
    color: #fff;
  }
  .layout-2023 .shop-premium-features .feature-column-wrap.value-column:last-child .buy-premium-btn:hover {
    color: #333;
    background: #fff;
    box-shadow: 0 0 0 1px #604da9;
  }
  .layout-2023 .shop-premium-features .feature-column-wrap.value-column:last-child .buy-premium-btn:hover img {
    filter: invert(1);
  }
  .layout-2023 .shop-premium-features .feature-column-wrap.value-column:last-child .buy-premium-btn img {
    display: block;
  }
}
.layout-2023 .shop-premium-features .feature-column-wrap.value-column:last-child .feature-mobile-label {
  font-weight: 700;
}
.layout-2023 .shop-premium-features .feature-column-wrap.value-column:last-child .feature-value {
  color: #67b158;
  background: #fff;
}
.layout-2023 .shop-premium-features .feature-column-wrap.value-column:last-child .feature-value .fa-times {
  color: #f74877;
}
a.layout-2023 .shop-premium-features .feature-column-wrap.value-column:last-child .feature-value .fa-times:hover,
a.layout-2023 .shop-premium-features .feature-column-wrap.value-column:last-child .feature-value .fa-times:focus {
  color: #f51753;
}
.layout-2023 .shop-premium-features .premium-type-icon {
  width: 26px;
}
.layout-2023 .shop-premium-features .premium-type-discount {
  width: 24px;
}
.layout-2023 .shop-premium-features .premium-type-name {
  margin: 0 8px 0 4px;
}
.layout-2023 .shop-premium-features .premium-type-info {
  display: none;
  width: 100%;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  margin-top: 10px;
}
@media (max-width: 992px) {
  .layout-2023 .shop-premium-features .premium-type-info {
    display: block;
  }
}
.layout-2023 .shop-premium-features .premium-type-active {
  position: absolute;
  bottom: -10px;
  left: 50%;
  width: 182px;
  padding: 2px 5px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #ff8aa6 0%, #e45678 100%);
  color: #fff;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 6px;
  font-weight: 700;
  font-size: 10px;
  text-align: center;
  z-index: 1;
}
.layout-2023 .shop-premium-features .premium-type-badge {
  position: absolute;
  top: -40px;
  left: -40px;
  transform: rotate(-45deg);
  aspect-ratio: 1;
  border-radius: 100%;
  display: none;
  align-items: end;
  justify-content: center;
  width: 72px;
  padding: 2px;
  background: radial-gradient(50% 46.13% at 53.03% 51.66%, rgba(255, 255, 255, 0.22) 28.48%, rgba(255, 255, 255, 0) 100%), linear-gradient(101.99deg, #ffbf1b -3.15%, #fe9e0d 28.77%, #ff881a 85.67%);
  border: 1.2px solid #ffffff;
  box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.15);
  font-weight: 700;
  font-size: 10px;
  letter-spacing: 0.08em;
  color: #ffffff;
  text-shadow: -1px 1px 0px #d68836;
  text-transform: uppercase;
}
@media (max-width: 992px) {
  .layout-2023 .shop-premium-features .premium-type-badge {
    display: flex;
  }
}
.layout-2023 .shop-premium-features .feature-head-label,
.layout-2023 .shop-premium-features .feature-label,
.layout-2023 .shop-premium-features .feature-value {
  height: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
@media (max-width: 992px) {
  .layout-2023 .shop-premium-features .feature-head-label,
  .layout-2023 .shop-premium-features .feature-label,
  .layout-2023 .shop-premium-features .feature-value {
    height: 34px;
  }
}
@media (max-width: 480px) {
  .layout-2023 .shop-premium-features .feature-head-label,
  .layout-2023 .shop-premium-features .feature-label,
  .layout-2023 .shop-premium-features .feature-value {
    font-size: 12px;
  }
}
.layout-2023 .shop-premium-features .feature-head-label {
  position: relative;
  font-weight: 700;
  font-size: 16px;
  padding-top: 10px;
  padding-bottom: 15px;
  height: auto;
}
@media (max-width: 992px) {
  .layout-2023 .shop-premium-features .feature-head-label {
    padding-top: 5px;
    flex-wrap: wrap;
  }
}
.layout-2023 .shop-premium-features .feature-head-label.first-label {
  justify-content: start;
  font-weight: 700;
  font-size: 20px;
  padding-bottom: 14px;
  padding-top: 5px;
}
.layout-2023 .shop-premium-features .feature-label {
  position: relative;
  padding-right: 20px;
  justify-content: start !important;
  line-height: 14px;
}
.layout-2023 .shop-premium-features .feature-label:last-child:after {
  display: none;
}
.layout-2023 .shop-premium-features .feature-label:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: calc(100% - 20px);
  opacity: 0.4;
  border: 0.4px solid #c3c4cf63;
}
.layout-2023 .shop-premium-features .feature-value {
  background: #f9f9fc;
  color: #333333;
  border-bottom: 1px solid #c3c4cf63;
  font-weight: 700;
}
@media (max-width: 992px) {
  .layout-2023 .shop-premium-features .feature-value {
    background: #fff;
  }
}
.layout-2023 .shop-premium-features .feature-value:last-child {
  border-bottom: none;
}
.layout-2023 .shop-premium-features .feature-hint {
  margin-left: 5px;
}
@media (max-width: 992px) {
  .layout-2023 .shop-premium-features .feature-column {
    display: grid;
    grid-template-columns: auto 100px;
    border-radius: 10px;
    overflow: hidden;
  }
}
.layout-2023 .shop-premium-features .feature-mobile-label {
  display: none;
  background: #fff;
  color: #333;
  align-items: center;
  justify-content: start;
  padding-left: 12px;
  border-bottom: 1px solid #c3c4cf63;
  border-right: 1px solid #c3c4cf63;
  font-size: 14px;
}
@media (max-width: 992px) {
  .layout-2023 .shop-premium-features .feature-mobile-label {
    display: flex !important;
  }
}
@media (max-width: 480px) {
  .layout-2023 .shop-premium-features .feature-mobile-label {
    padding-left: 12px;
  }
}
.layout-2023 .shop-premium-features .buy-premium-btn {
  background: #ffffff;
  border-radius: 6px;
  width: calc(100% - 15px);
  padding: 10px;
  color: #333333;
  font-weight: 700;
  font-size: 14px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0;
}
@media (max-width: 992px) {
  .layout-2023 .shop-premium-features .buy-premium-btn {
    width: 100%;
  }
}
.layout-2023 .shop-premium-features .buy-premium-btn:hover {
  background: #fbe123;
}
.layout-2023 .shop-premium-features .buy-premium-btn img {
  display: none;
  margin-right: 8px;
}
@media (max-width: 992px) {
  .layout-2023 .shop-premium-features .buy-premium-btn img {
    display: block;
    filter: invert(1);
  }
}
.layout-2023 .shop-premium-features .premium-price {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0;
  color: #fbe222;
  font-weight: 700;
  font-size: 18px;
}
@media (max-width: 480px) {
  .layout-2023 .shop-premium-features .premium-price {
    font-size: 16px;
  }
}
.layout-2023 .shop-premium-features .premium-price-old {
  position: relative;
  color: #b6b6b6;
  font-weight: 400;
  margin-right: 10px;
}
.layout-2023 .shop-premium-features .premium-price-old:after {
  content: "";
  position: absolute;
  top: 13px;
  left: -1px;
  width: calc(100% + 2px);
  border: 0.8px solid #e45678;
  box-shadow: 0px 1px 0px #a44058;
  transform: rotate(15.26deg);
}
.layout-2023 .shop-premium-features .premium-price-text {
  display: none;
  font-weight: 400;
  font-size: 16px;
  color: #fff;
  margin-right: 5px;
}
@media (max-width: 992px) {
  .layout-2023 .shop-premium-features .premium-price-text {
    display: block;
  }
}
.layout-2023 .premium-trial {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 27px 0;
  background: #ffffff;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  margin-top: 20px;
  text-align: center;
  overflow: hidden;
}
.layout-2023 .premium-trial-title {
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 8px;
}
.layout-2023 .premium-trial-desc {
  font-size: 16px;
  line-height: 21px;
  margin-bottom: 20px;
}
.layout-2023 .premium-trial-desc b {
  color: #e45678ff;
}
@media (max-width: 992px) {
  .layout-2023 .premium-trial-desc br {
    display: none;
  }
}
.layout-2023 .premium-trial-btn {
  padding: 9px 29px;
}
.layout-2023 .premium-trial:before,
.layout-2023 .premium-trial:after {
  content: url("../img/shop/premium/trial-bg.svg");
  position: absolute;
  bottom: -6px;
}
@media (max-width: 992px) {
  .layout-2023 .premium-trial:before,
  .layout-2023 .premium-trial:after {
    display: none;
  }
}
.layout-2023 .premium-trial:before {
  left: 0;
}
.layout-2023 .premium-trial:after {
  right: 0;
  transform: rotateY(180deg);
}
.layout-2023 .premium-trial-badge {
  width: 72px;
  aspect-ratio: 1;
  display: flex;
  align-items: end;
  justify-content: center;
  transform: rotate(-45deg);
  border-radius: 100%;
  position: absolute;
  left: -33px;
  top: -33px;
  background: linear-gradient(180deg, #ff8aa6 0%, #e45678 100%);
  border: 1.2px solid #ffffff;
  box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.15);
  padding: 3px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-shadow: -1px 1px 0px #a44058;
}
.layout-2023 .panel.panel-default {
  border: unset;
}
.layout-2023 .panel .panel-content > .table:last-child,
.layout-2023 .panel .panel-content > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}
.layout-2023 .panel-thin {
  background: var(--tx-panel-background);
  padding: 10px;
  border-radius: 6px;
  box-shadow: 0px 0px 5px 0px var(--tx-box-shadow-color);
}
.layout-2023 .theme-breadcrumbs {
  padding: 0 5px;
}
.layout-2023 .theme-breadcrumbs.breadcrumbs-default {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
  background: var(--tx-panel-background);
  line-height: 1;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
@media (max-width: 768px) {
  .layout-2023 .theme-breadcrumbs.breadcrumbs-default {
    padding: 10px;
  }
}
.layout-2023 .theme-breadcrumbs.breadcrumbs-margin {
  margin: -10px -10px 10px -10px;
}
.layout-2023 .theme-breadcrumbs.stat-breadcrumbs {
  background: transparent;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.layout-2023 .theme-breadcrumbs.recycling-company {
  background: #fff;
  padding-bottom: 15px;
  border-radius: 10px 10px 0 0;
  margin: 0;
}
.layout-2023 .theme-breadcrumbs .breadcrumbs-items {
  display: flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #f47895;
}
.layout-2023 .theme-breadcrumbs .breadcrumbs-item {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: var(--tx-text-color);
  font-size: 16px;
}
@media (max-width: 480px) {
  .layout-2023 .theme-breadcrumbs .breadcrumbs-item {
    font-size: 12px;
  }
}
.layout-2023 .theme-breadcrumbs .breadcrumbs-item .breadcrumb-id {
  color: #c5c6d1;
}
.layout-2023 .theme-breadcrumbs .breadcrumbs-item:hover {
  color: #f47895;
}
.layout-2023 .theme-breadcrumbs .breadcrumbs-item:hover .breadcrumb-id {
  color: #f47895;
}
.layout-2023 .theme-breadcrumbs .breadcrumbs-item:hover.breadcrumbs-back img {
  filter: brightness(1.2);
}
.layout-2023 .theme-breadcrumbs .breadcrumbs-item.current {
  color: #f47895;
  cursor: default;
}
.layout-2023 .theme-breadcrumbs .breadcrumbs-delimiter {
  margin: 0 2px;
}
.layout-2023 .theme-breadcrumbs .breadcrumbs-back {
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  margin-left: 10px;
}
@media (max-width: 480px) {
  .layout-2023 .theme-breadcrumbs .breadcrumbs-back {
    gap: 4.45px;
  }
}
.layout-2023 .theme-breadcrumbs .breadcrumbs-back img {
  position: relative;
  top: -1px;
  width: 0.94em;
}
.layout-2023 .city-banner {
  display: flex;
  position: relative;
  border-radius: 10px;
  background: linear-gradient(135deg, #395c86 0%, #6b49b2 78.13%);
  text-decoration: none;
}
.layout-2023 .city-banner::before,
.layout-2023 .city-banner::after {
  content: "";
  position: absolute;
  top: 0;
  max-width: 160px;
  width: 100%;
  height: 100%;
  background-size: 100% !important;
  background-position-x: center !important;
  background-repeat: no-repeat;
  border-radius: inherit;
  transition: 0.3s;
}
@media (max-width: 480px) {
  .layout-2023 .city-banner::before,
  .layout-2023 .city-banner::after {
    display: none;
  }
}
.layout-2023 .city-banner::before {
  left: 0;
  background: url("../img/city/theme/banner-money-left.png");
}
.layout-2023 .city-banner::after {
  right: 0;
  background: url("../img/city/theme/banner-money-right.png");
}
.layout-2023 .city-banner:hover::before,
.layout-2023 .city-banner:hover::after {
  background-size: 120% !important;
}
.layout-2023 .city-banner:hover .city-banner-image {
  scale: 1.1;
}
.layout-2023 .city-banner-content {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 540px;
  margin: 0 auto;
  color: #fff;
  line-height: 1;
}
@media (max-width: 480px) {
  .layout-2023 .city-banner-content {
    padding: 0 14px;
  }
}
.layout-2023 .city-banner-image {
  margin-right: 30px;
  height: 100%;
  transition: 0.3s;
}
@media (max-width: 480px) {
  .layout-2023 .city-banner-image {
    margin-right: 18px;
  }
}
.layout-2023 .city-banner-image img {
  height: 110px;
  transform: scale(1.1) rotate(14deg);
}
@media (max-width: 480px) {
  .layout-2023 .city-banner-image img {
    height: 80px;
  }
}
.layout-2023 .city-banner-data {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  row-gap: 10px;
  width: max-content;
}
.layout-2023 .city-banner-data-row {
  display: flex;
  gap: 20px;
}
.layout-2023 .city-banner-title {
  margin: 0;
  font-size: 24px;
}
@media (max-width: 480px) {
  .layout-2023 .city-banner-title {
    font-size: 16px;
  }
}
.layout-2023 .city-banner-info {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  gap: 2px;
}
@media (max-width: 480px) {
  .layout-2023 .city-banner-info {
    font-size: 10px;
  }
}
.layout-2023 .city-banner-price {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 34px;
  font-weight: bold;
  line-height: 1;
  white-space: nowrap;
}
@media (max-width: 480px) {
  .layout-2023 .city-banner-price {
    font-size: 20px;
  }
}
.layout-2023 .city-banner-price.text-warn {
  color: #fbe222;
}
.layout-2023 .city-banner-price .txm-account-icon {
  min-width: 0.8em !important;
  height: 0.8em !important;
}
.layout-2023 .city-contest {
  margin-top: 10px;
}
.layout-2023 .city-contest-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
}
@media (max-width: 992px) {
  .layout-2023 .city-contest-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
.layout-2023 .city-contest-item {
  height: auto !important;
  position: relative;
  background: var(--tx-panel-background);
  text-decoration: none;
  margin-bottom: 10px;
  border-radius: 15px;
  box-shadow: 0 0 4px var(--tx-box-shadow-color);
  margin: 0;
}
.layout-2023 .city-contest-item:hover .city-contest-item-image > img {
  transform: scale(1.3);
}
.layout-2023 .city-contest-item-image {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
@media (max-width: 480px) {
  .layout-2023 .city-contest-item-image {
    padding: 13px;
  }
}
.layout-2023 .city-contest-item-image > img {
  width: 100%;
  max-width: 110px;
  transition: 0.3s;
}
.layout-2023 .city-contest-item-price {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #609f53;
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 3px;
}
@media (max-width: 480px) {
  .layout-2023 .city-contest-item-price {
    font-size: 14px;
  }
}
.layout-2023 .city-contest-item-title {
  font-size: 16px;
  padding: 5px 10px 25px;
  text-align: center;
  line-height: normal;
  color: var(--tx-text-color);
}
@media (max-width: 480px) {
  .layout-2023 .city-contest-item-title {
    font-size: 10px;
    padding: 1px 5px 5px;
  }
}
.layout-2023 .city-contest-item-time,
.layout-2023 .city-contest-item-type {
  position: absolute;
  top: 0;
  color: #fff;
  text-shadow: 1px 1px 0px #a44058;
  font-weight: 700;
  padding: 3px 5px;
  line-height: 1;
  white-space: nowrap;
}
@media (max-width: 480px) {
  .layout-2023 .city-contest-item-time,
  .layout-2023 .city-contest-item-type {
    font-size: 8px;
  }
}
.layout-2023 .city-contest-item-time {
  left: 0;
  background: linear-gradient(180deg, #ff8aa6 0%, #e45678 100%);
  border-radius: 6px 0;
  display: flex;
  align-items: center;
  gap: 4px;
}
.layout-2023 .city-contest-item-position {
  right: 0;
  background: linear-gradient(180deg, #ff8aa6 0%, #e45678 100%);
  border-radius: 0 0 6px 6px;
  display: flex;
  gap: 4px;
  position: absolute;
  bottom: 0;
  color: #fff;
  text-shadow: 1px 1px 0px #a44058;
  font-weight: 700;
  padding: 3px 5px;
  line-height: 1;
  white-space: nowrap;
}
.layout-2023 .city-contest-item-type {
  right: 0;
  background: radial-gradient(50% 46.13% at 53.03% 51.66%, rgba(255, 255, 255, 0.22) 28.48%, rgba(255, 255, 255, 0) 100%), linear-gradient(160deg, #ffbf1b 0%, #fe9e0d 35.94%, #ff881a 100%);
  border-radius: 0 6px;
}
.layout-2023 .city-competitions-section {
  margin-top: 10px;
}
.layout-2023 .city-competitions-title {
  margin: 10px 0 20px;
  text-align: center;
  font-weight: 700;
  font-size: 24px;
}
@media (max-width: 480px) {
  .layout-2023 .city-competitions-title {
    font-size: 16px;
  }
}
.layout-2023 .city-competitions-item {
  position: relative;
  background: var(--tx-panel-background);
  text-decoration: none;
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
  border-radius: 15px;
  box-shadow: 0 0 4px var(--tx-box-shadow-color);
}
.layout-2023 .city-competitions-item:hover .city-competitions-item-image > img {
  transform: scale(1.2);
}
.layout-2023 .city-competitions-item-image {
  position: relative;
  min-height: 170px;
  display: flex;
  align-items: end;
  justify-content: center;
  padding-bottom: 25px;
  border-radius: 15px !important;
}
@media (max-width: 480px) {
  .layout-2023 .city-competitions-item-image {
    min-height: 110px;
    padding-bottom: 20px;
  }
}
.layout-2023 .city-competitions-item-image::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
  background: #fff;
}
@media (max-width: 480px) {
  .layout-2023 .city-competitions-item-image::before {
    height: 16px;
  }
}
.layout-2023 .city-competitions-item-image::after {
  content: "";
  position: absolute;
  bottom: 3px;
  left: 0;
  width: 100%;
  height: 50px;
  background: url("../img/city/theme/pedestal.svg") no-repeat center;
  background-size: 60%;
}
@media (max-width: 480px) {
  .layout-2023 .city-competitions-item-image::after {
    height: 30px;
    background-size: 48%;
  }
}
.layout-2023 .city-competitions-item-image > img {
  z-index: 1;
  max-height: 110px;
  transition: 0.3s;
}
@media (max-width: 480px) {
  .layout-2023 .city-competitions-item-image > img {
    max-height: 60px;
  }
}
.layout-2023 .city-competitions-item-image .tooltip .text-black {
  color: #F47895 !important;
}
.layout-2023 .city-competitions-item-time {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 100px;
  background: linear-gradient(180deg, #ff8aa6 0%, #e45678 100%);
  line-height: 18px;
  color: #fff;
  text-shadow: 1px 1px 0px #a44058;
  font-size: 14px;
  font-weight: 700;
  padding: 2px 5px;
  z-index: 1;
  white-space: nowrap;
}
@media (max-width: 480px) {
  .layout-2023 .city-competitions-item-time {
    font-size: 8px;
    line-height: 1;
  }
}
.layout-2023 .city-competitions-item-title {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  background: linear-gradient(to right, #ffbf1b, #fe9e0d, #ff881a);
  padding: 4px 10px;
  color: #fff;
  text-shadow: 1px 1px 0px #d68836;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  border-radius: 6px;
  white-space: nowrap;
  max-width: 80%;
  display: flex;
  align-items: center;
  gap: 5px;
}
@media (max-width: 480px) {
  .layout-2023 .city-competitions-item-title {
    font-size: 10px;
    padding: 2px 5px;
    border-radius: 4px;
  }
}
@media (max-width: 480px) {
  .layout-2023 .city-competitions-item-title img {
    width: 11px;
  }
}
.layout-2023 .city-competitions-item-title span {
  overflow: hidden;
  text-overflow: ellipsis;
}
.layout-2023 .city-competitions-item-price {
  position: absolute;
  bottom: 22px;
  left: 0;
  width: 100%;
  z-index: 1;
  text-align: center;
  color: #609f53;
  font-size: 39px;
  font-weight: 700;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 480px) {
  .layout-2023 .city-competitions-item-price {
    font-size: 14px;
  }
}
.layout-2023 .city-competitions-item-price > .txm-account-icon {
  min-width: 0.9em !important;
  height: 0.9em !important;
}
.layout-2023 .city-competitions-item-price > .txm-account-icon.tournament {
  margin-top: -0.25rem;
}
.layout-2023 .city-competitions-item-list {
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: 0 0 15px 15px;
  overflow: hidden;
  min-height: 180px;
}
.layout-2023 .city-competitions-item-list table,
.layout-2023 .city-competitions-item-list table {
  height: 100%;
}
.layout-2023 .city-competitions-item-listitem {
  border-bottom: 1px solid #c3c4cf82;
  height: 60px;
  color: #666;
}
@media (max-width: 480px) {
  .layout-2023 .city-competitions-item-listitem {
    height: 33px;
  }
}
.layout-2023 .city-competitions-item-listitem:last-child {
  border-bottom: none;
}
.layout-2023 .city-competitions-item-listitem.current-user-line {
  color: #609f53;
  font-weight: bold;
}
.layout-2023 .city-competitions-item-listitem td {
  padding: 12px 0 12px 12px;
}
@media (max-width: 480px) {
  .layout-2023 .city-competitions-item-listitem td {
    padding: 6px 0 6px 6px;
  }
}
.layout-2023 .city-competitions-item-listitem td:last-child {
  padding-right: 12px;
}
@media (max-width: 480px) {
  .layout-2023 .city-competitions-item-listitem td:last-child {
    padding-right: 6px;
  }
}
.layout-2023 .city-competitions-item-listitem td:first-child {
  padding-left: 14px;
}
@media (max-width: 480px) {
  .layout-2023 .city-competitions-item-listitem td:first-child {
    padding-left: 9px;
  }
}
.layout-2023 .city-competitions-item-cup,
.layout-2023 .city-competitions-item-rank {
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 480px) {
  .layout-2023 .city-competitions-item-cup,
  .layout-2023 .city-competitions-item-rank {
    width: 17px;
    height: auto;
  }
}
.layout-2023 .city-competitions-item-avatar {
  width: 35px;
  height: 35px;
  object-fit: cover;
  border-radius: 100%;
}
@media (max-width: 480px) {
  .layout-2023 .city-competitions-item-avatar {
    width: 20px;
    height: 20px;
  }
}
.layout-2023 .city-competitions-item-user {
  display: inline-block;
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
@media (max-width: 480px) {
  .layout-2023 .city-competitions-item-user {
    font-size: 12px;
    max-width: 80px;
  }
}
.layout-2023 .city-competitions-item .competitions-user-column {
  width: 100%;
}
.layout-2023 .city-competitions-item.competitions-race .city-competitions-item-user {
  color: #8c8c8c;
}
.layout-2023 .city-competitions-item:nth-child(4n + 1) .city-competitions-item-image {
  background-image: repeating-conic-gradient(#ebf3fe 0 9deg, #e2eefc 9deg 18deg);
}
.layout-2023 .city-competitions-item:nth-child(4n + 2) .city-competitions-item-image {
  background-image: repeating-conic-gradient(#eececeba 0 9deg, #fde8e8bf 9deg 18deg);
}
.layout-2023 .city-competitions-item:nth-child(4n + 3) .city-competitions-item-image {
  background-image: repeating-conic-gradient(#e0dffdf2 0 9deg, #e9e8fecf 9deg 18deg);
}
.layout-2023 .city-competitions-item:nth-child(4n + 4) .city-competitions-item-image {
  background-image: repeating-conic-gradient(#baeec6e6 0 9deg, #d2f3d8d1 9deg 18deg);
}
.layout-2023 .city-competitions-item.swiper-slide {
  height: auto !important;
}
.layout-2023 .city-competitions-item .stage-position {
  background: #d9d9d9;
  text-shadow: 1px 1px 0px #8c8c8c;
  border: none;
}
@media (max-width: 480px) {
  .layout-2023 .city-competitions-item .stage-position {
    height: 14px;
    width: 14px;
    font-size: 10px;
  }
}
.layout-2023 .city-competitions-item .active-stage {
  color: #609f53;
  background: #fff4e8;
}
.layout-2023 .city-competitions-item .active-stage .stage-position {
  background: #419943;
  text-shadow: 1px 1px 0px #37795e;
}
.layout-2023 .city-competitions-item .stage-vs {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}
@media (max-width: 480px) {
  .layout-2023 .city-competitions-item .stage-vs {
    font-size: 12px;
  }
}
.layout-2023 .city-competitions-item .stage-car {
  height: 24px;
}
@media (max-width: 480px) {
  .layout-2023 .city-competitions-item .stage-car {
    height: 12px;
  }
}
@media (max-width: 480px) {
  .layout-2023 .city-competitions-item .stage-number {
    font-size: 12px;
  }
}
.layout-2023 .city-ratings {
  margin-top: 25px;
}
@media (max-width: 480px) {
  .layout-2023 .city-ratings {
    margin-top: 10px;
  }
}
.layout-2023 .city-ratings-title {
  display: block;
  width: fit-content;
  margin: 0 auto 22px auto;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  text-decoration: none;
  color: var(--tx-text-color);
}
@media (max-width: 480px) {
  .layout-2023 .city-ratings-title {
    font-size: 16px;
  }
}
.layout-2023 .city-ratings-title:hover {
  color: #5474cb;
}
.layout-2023 .city-ratings-cards {
  padding-bottom: 1px;
}
.layout-2023 .city-ratings-cards-item {
  position: relative;
  background: var(--tx-panel-background);
  margin-bottom: 10px;
  border-radius: 15px;
  box-shadow: 0 0 4px var(--tx-box-shadow-color);
}
.layout-2023 .city-ratings-cards-item-title {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  background: linear-gradient(to right, #ffbf1b, #fe9e0d, #ff881a);
  padding: 4px 10px;
  color: #fff;
  text-shadow: 1px 1px 0px #d68836;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  border-radius: 6px;
  white-space: nowrap;
  max-width: 80%;
  display: flex;
  align-items: center;
  gap: 5px;
}
@media (max-width: 480px) {
  .layout-2023 .city-ratings-cards-item-title {
    font-size: 10px;
    padding: 2px 5px;
    border-radius: 4px;
  }
}
@media (max-width: 480px) {
  .layout-2023 .city-ratings-cards-item-title > img {
    width: 11px;
  }
}
.layout-2023 .city-ratings-cards-item-title span {
  overflow: hidden;
  text-overflow: ellipsis;
}
.layout-2023 .city-ratings-cards-item-rank {
  font-weight: bold;
}
.layout-2023 .city-ratings-cards-item-table {
  position: relative;
  border-radius: 6px;
  font-size: 16px;
  z-index: 1;
}
@media (max-width: 480px) {
  .layout-2023 .city-ratings-cards-item-table {
    font-size: 12px;
  }
}
.layout-2023 .city-ratings-cards-item-table tbody tr {
  border-top: 1px solid #00000026;
  border-collapse: collapse;
}
.layout-2023 .city-ratings-cards-item-table th {
  font-size: 12px;
  padding: 22px 11px 11px;
}
@media (max-width: 480px) {
  .layout-2023 .city-ratings-cards-item-table th {
    font-size: 8px;
    padding: 15px 9px 4px;
  }
}
.layout-2023 .city-ratings-cards-item-table td {
  padding: 10px 0 10px 10px;
}
@media (max-width: 480px) {
  .layout-2023 .city-ratings-cards-item-table td {
    padding: 6px 0 6px 6px;
  }
}
.layout-2023 .city-ratings-cards-item-table .current-user-line {
  font-weight: bold;
}
.layout-2023 .city-ratings-cards-item-table .current-user-line .rating-user {
  color: #609f53;
}
.layout-2023 .city-ratings-cards-item-table .current-user-line .rating-price {
  color: #f47895;
}
.layout-2023 .city-ratings-cards-item-table .current-user-line .rating-user-login {
  max-width: 130px !important;
}
.layout-2023 .city-ratings-cards-item-table .rating-rank {
  text-align: center;
  width: 25px;
}
@media (max-width: 480px) {
  .layout-2023 .city-ratings-cards-item-table .rating-rank {
    width: 17px;
  }
}
.layout-2023 .city-ratings-cards-item-table .rating-rank > img {
  width: inherit;
  height: auto;
}
.layout-2023 .city-ratings-cards-item-table .rating-price {
  text-align: right;
  padding-right: 10px;
  white-space: nowrap;
}
@media (max-width: 480px) {
  .layout-2023 .city-ratings-cards-item-table .rating-price {
    padding-right: 6px;
  }
}
.layout-2023 .city-ratings-cards-item-table .rating-user {
  position: relative;
  overflow: hidden;
  width: 100%;
  color: var(--tx-text-color);
}
.layout-2023 .city-ratings-cards-item-table .rating-user .img-block {
  max-width: 40px;
}
.layout-2023 .city-ratings-cards-item-table .rating-user a {
  color: inherit;
  text-decoration: none;
}
.layout-2023 .city-ratings-cards-item-table .rating-user a:hover {
  color: #5474cb !important;
}
.layout-2023 .city-ratings-cards-item-table .rating-user img,
.layout-2023 .city-ratings-cards-item-table .rating-user .img-user-avatar-container {
  width: 40px !important;
  height: 40px !important;
  object-fit: cover;
  margin-right: 10px !important;
  border-radius: 100%;
}
@media (max-width: 480px) {
  .layout-2023 .city-ratings-cards-item-table .rating-user img,
  .layout-2023 .city-ratings-cards-item-table .rating-user .img-user-avatar-container {
    width: 20px !important;
    height: 20px !important;
  }
}
.layout-2023 .city-ratings-cards-item-table .rating-user-avatar {
  position: relative;
  display: inline-block;
  margin-right: 10px;
}
@media (max-width: 480px) {
  .layout-2023 .city-ratings-cards-item-table .rating-user-avatar {
    margin-right: 6px !important;
  }
}
.layout-2023 .city-ratings-cards-item-table .rating-user .img-user-avatar-container {
  margin-left: 0 !important;
}
.layout-2023 .city-ratings-cards-item-table .rating-user .rating-user-login {
  position: absolute;
  top: 0;
  left: 60px;
  width: calc(100% - 60px);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: start;
}
@media (max-width: 480px) {
  .layout-2023 .city-ratings-cards-item-table .rating-user .rating-user-login {
    left: 32px;
    width: calc(100% - 32px);
  }
}
.layout-2023 .city-ratings-cards-item-table .rating-user .rating-user-login .login-text {
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.layout-2023 .city-ratings-cards-item-table .rating-user .anonim {
  color: #888;
}
.layout-2023 .city-ratings-cards-item:not(.swiper-slide-visible) {
  visibility: hidden;
}
.layout-2023 .city-ratings .swiper-button-prev:after,
.layout-2023 .city-ratings .swiper-button-next:after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 600;
  font-size: 25px;
  color: #d9d9d9;
}
@media (max-width: 480px) {
  .layout-2023 .city-ratings .swiper-button-prev {
    left: -5px;
  }
}
.layout-2023 .city-ratings .swiper-button-prev::after {
  content: "\f104";
}
@media (max-width: 480px) {
  .layout-2023 .city-ratings .swiper-button-next {
    right: -5px;
  }
}
.layout-2023 .city-ratings .swiper-button-next::after {
  content: "\f105";
}
.layout-2023 .city-history-item {
  position: relative;
  background: #fff;
  margin-bottom: 10px;
  border-radius: 15px;
  box-shadow: 0 0 4px var(--tx-box-shadow-color);
}
.layout-2023 .city-history-item-table {
  position: relative;
  border-radius: 6px;
  font-size: 16px;
  z-index: 1;
}
@media (max-width: 480px) {
  .layout-2023 .city-history-item-table {
    font-size: 12px;
  }
}
.layout-2023 .city-history-item-table tbody tr {
  border-top: 1px solid #00000026;
  border-collapse: collapse;
}
.layout-2023 .city-history-item-table th {
  font-size: 12px;
  padding: 22px 11px 11px;
}
@media (max-width: 480px) {
  .layout-2023 .city-history-item-table th {
    font-size: 8px;
    padding: 15px 9px 4px;
  }
}
.layout-2023 .city-history-item-table td {
  padding: 10px 0 10px 10px;
}
@media (max-width: 480px) {
  .layout-2023 .city-history-item-table td {
    padding: 6px 0 6px 6px;
  }
}
.layout-2023 .city-history-item-table .image-column {
  max-width: 60px;
  min-width: 60px;
  width: 60px;
  vertical-align: middle;
  white-space: nowrap;
}
.layout-2023 .city-image {
  width: calc(100% + 20px);
  margin: -85px 0 -10px -10px;
  -webkit-mask-size: 100% 100%;
  -webkit-mask-image: -webkit-gradient(linear, center top, center bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(0.2, #000000));
  border-radius: 0 0 15px 15px;
}
.layout-2023 .city-carousel .swiper-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.layout-2023 .city-carousel .swiper-nav > * {
  margin-top: 10px;
}
.layout-2023 .city-carousel .swiper-nav .fa {
  color: #d9d9d9;
  font-size: 25px;
  line-height: 16px;
}
.layout-2023 .city-carousel .swiper-nav .swiper-pagination {
  position: unset;
  width: auto;
}
.layout-2023 .city-carousel .swiper-nav .swiper-pagination-bullet-active {
  background: var(--tx-text-color);
}
.layout-2023 .double-bordered-text {
  position: relative;
  -webkit-text-stroke: 0.03em #fff;
  z-index: 1;
  line-height: 1;
  letter-spacing: 1.4px;
}
.layout-2023 .double-bordered-text::after {
  content: attr(data-text);
  -webkit-text-stroke: 0.06em #666666;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.layout-2023 .swiper-pagination-bullet:hover {
  background: #333333;
  opacity: 1;
}
.layout-2023 .swiper-prev:hover,
.layout-2023 .swiper-next:hover {
  color: #333 !important;
}
.layout-2023 .city-tabs .content-tab-item {
  max-width: unset;
}
.layout-2023 .city-children-tabs .content-tab-item-link {
  font-size: 14px;
}
@media (max-width: 480px) {
  .layout-2023 .city-children-tabs .content-tab-item-link {
    padding-top: 10.5px;
    padding-bottom: 10.5px;
  }
}
.layout-2023 .city-services {
  position: relative;
  z-index: 1;
}
.layout-2023 .city-services-title {
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  margin: 0px 0 20px;
}
@media (max-width: 480px) {
  .layout-2023 .city-services-title {
    font-size: 16px;
  }
}
.layout-2023 .city-service-items {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
}
@media (max-width: 992px) {
  .layout-2023 .city-service-items {
    grid-template-columns: repeat(4, 1fr);
  }
}
.layout-2023 .city-service-item {
  border-radius: 6px;
  background: var(--tx-panel-background);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: end;
  gap: 15px;
  padding: 20px 10px;
  text-decoration: none;
  color: var(--tx-text-color);
}
@media (max-width: 480px) {
  .layout-2023 .city-service-item {
    gap: 8px;
    padding: 15px 6px 8px;
  }
}
.layout-2023 .city-service-item:not(.service-locked):hover {
  color: #F47895;
}
.layout-2023 .city-service-item-title {
  font-size: 16px;
  text-align: center;
}
@media (max-width: 480px) {
  .layout-2023 .city-service-item-title {
    font-size: 10px;
  }
}
.layout-2023 .city-service-item-image {
  max-width: 90px;
  max-height: 85px;
}
@media (max-width: 480px) {
  .layout-2023 .city-service-item-image {
    max-width: 40px;
    max-height: 35px;
  }
}
@media (min-width: 993px) {
  .layout-2023 .city-service-item.service-locked-mobile {
    display: none;
  }
}
.layout-2023 .city-service-item.service-locked .city-service-item-title {
  color: #c4c5cc;
}
.layout-2023 .panel-license .panel-heading .panel-title {
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.layout-2023 .special-endogen-wrap {
  background-image: url(../img/dquest/liked_top_bg.png), url(../img/dquest/liked_bg.png);
  background-position: right bottom, right bottom;
  background-repeat: no-repeat, no-repeat;
}
.layout-2023 .special-ghost-busters .ghost-trap-btn:hover {
  position: relative;
  top: 2px;
  left: 2px;
  -webkit-filter: drop-shadow(2px 2px 2px #222);
  filter: drop-shadow(2px 2px 2px #222);
}
.layout-2023 .pvp-city__image {
  max-width: 100%;
}
.layout-2023 .pvp-city .pvp-battle__user {
  justify-content: center;
  flex-direction: column;
  gap: 10px;
}
@media (max-width: 480px) {
  .layout-2023 .pvp-city .pvp-battle__user {
    gap: 0;
  }
}
.layout-2023 .pvp-city .pvp-battle__user-login {
  max-width: 55px;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
}
@media (max-width: 480px) {
  .layout-2023 .pvp-city .pvp-battle__user-login {
    font-size: 12px;
    max-width: 45px;
  }
}
@media (max-width: 480px) {
  .layout-2023 .pvp-city .pvp-battle__user-amount {
    font-size: 12px;
  }
}
@media (max-width: 480px) {
  .layout-2023 .pvp-city .pvp-battle__user .img-user-avatar-container.opponent-search {
    width: 80px;
    height: 80px;
  }
}
@media (max-width: 480px) {
  .layout-2023 .pvp-city .pvp-battle__user .img-user-avatar-container.opponent-search .img-user-avatar {
    font-size: 10px;
  }
}
.layout-2023 .pvp-city .pvp-battle__user .img-user-avatar-container:not(.opponent-search) {
  width: 45px;
  height: 45px;
}
@media (max-width: 480px) {
  .layout-2023 .pvp-city .pvp-battle__user .img-user-avatar-container:not(.opponent-search) {
    width: 30px;
    height: 30px;
  }
}
.layout-2023 .pvp-city .pvp-battle__timer,
.layout-2023 .pvp-city .pvp-battle__status {
  display: none;
}
.layout-2023 .pvp-city .pvp-battle__versus {
  padding: 0 !important;
  width: 100%;
  box-shadow: none;
  gap: 10px;
}
@media (max-width: 480px) {
  .layout-2023 .pvp-city .pvp-battle__versus {
    gap: 4px;
  }
}
.layout-2023 .pvp-city .pvp-battle__swords {
  width: 20px;
}
.layout-2023 .pvp-city .pvp-battle__progress {
  max-width: 180px;
}
@media (max-width: 480px) {
  .layout-2023 .pvp-city .pvp-battle__progress {
    max-width: 135px;
  }
}
.layout-2023 .pvp-city .pvp-battle__btn {
  padding-inline: 15px;
}
@media (max-width: 480px) {
  .layout-2023 .pvp-city .pvp-battle__btn {
    font-size: 12px;
  }
}
.layout-2023 .competitions-arena .city-competitions-item-list {
  justify-content: center;
}
.layout-2023 .txm-account-icon.money,
.layout-2023 .txm-account-icon.deposit,
.layout-2023 .txm-account-icon.withdraw,
.layout-2023 .txm-account-icon.passenger,
.layout-2023 .txm-account-icon.gem,
.layout-2023 .txm-account-icon.ips,
.layout-2023 .txm-account-icon.eps,
.layout-2023 .txm-account-icon.tournament,
.layout-2023 .txm-account-icon.roulette,
.layout-2023 .txm-account-icon.energy,
.layout-2023 .txm-account-icon.ore {
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  vertical-align: middle;
  min-width: 1.2em;
  height: 1.2em;
}
.layout-2023 .txm-account-icon.money:before,
.layout-2023 .txm-account-icon.deposit:before,
.layout-2023 .txm-account-icon.withdraw:before,
.layout-2023 .txm-account-icon.passenger:before,
.layout-2023 .txm-account-icon.gem:before,
.layout-2023 .txm-account-icon.ips:before,
.layout-2023 .txm-account-icon.eps:before,
.layout-2023 .txm-account-icon.tournament:before,
.layout-2023 .txm-account-icon.roulette:before,
.layout-2023 .txm-account-icon.energy:before,
.layout-2023 .txm-account-icon.ore:before {
  display: none;
}
.layout-2023 .txm-account-icon.money {
  background: url("../img/finance/account/money.png");
}
.layout-2023 .txm-account-icon.deposit {
  background: url("../img/finance/account/deposit.png");
}
.layout-2023 .txm-account-icon.withdraw {
  background: url("../img/finance/account/withdraw.png");
}
.layout-2023 .txm-account-icon.passenger {
  background: url("../img/finance/account/passenger.png");
}
.layout-2023 .txm-account-icon.gem {
  background: url("../img/finance/account/gem.png");
}
.layout-2023 .txm-account-icon.ips,
.layout-2023 .txm-account-icon.eps {
  background: url("../img/finance/account/ips.png");
}
.layout-2023 .txm-account-icon.tournament {
  background: url("../img/finance/account/tournament.png");
}
.layout-2023 .txm-account-icon.energy {
  background: url("../img/finance/account/energy.png");
}
.layout-2023 .txm-account-icon.ore {
  margin-top: -0.5em;
  background: url("../img/finance/account/ore.svg");
}
.layout-2023 .finance-tabs .content-tab-item-image svg {
  max-width: 1.4em;
  max-height: 1.4em;
}
.layout-2023 .finance-tabs .content-tab-item.active i {
  filter: invert(1);
}
@media (max-width: 768px) {
  .layout-2023 .finance-tabs .content-tab-item:not(.active) .content-tab-item-name {
    display: none;
  }
}
.layout-2023 .finance-tabs .content-tab-item i {
  display: inline-block;
  width: 22px;
  height: 22px;
}
.layout-2023 .finance-tabs .content-tab-item i.pig {
  background: url(/media/assets/app/src/icons/menu/pig.svg) no-repeat;
}
.layout-2023 .finance-tabs .content-tab-item i.promo {
  background: url(/media/assets/app/src/icons/menu/promo.svg) no-repeat;
  height: 16px;
}
.layout-2023 .finance-tabs .content-tab-item i.wallet {
  background: url(/media/assets/app/src/icons/menu/wallet.svg) no-repeat;
}
.layout-2023 .finance-tabs .content-tab-item i.vyvesti {
  background: url(/media/assets/app/src/icons/menu/withdraw.png) no-repeat;
  background-size: contain;
}
.layout-2023 .finance-tabs .content-tab-item i.history {
  background: url(/media/assets/app/src/icons/menu/history.svg) no-repeat;
  width: 17px;
}
.layout-2023 .wallet-blocks {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.layout-2023 .wallet-blocks .wallet-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  margin: 0 !important;
}
.layout-2023 .wallet-blocks .wallet-item:hover {
  box-shadow: 0px 0px 5px rgb(59 79 135);
}
.layout-2023 .wallet-blocks .wallet-item-col {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 7px;
}
.layout-2023 .wallet-blocks .wallet-item-col.right-col {
  align-items: end;
}
.layout-2023 .wallet-blocks .wallet-item-col.right-col .wallet-item-history {
  display: none;
}
@media (max-width: 480px) {
  .layout-2023 .wallet-blocks .wallet-item-col.right-col .wallet-item-history {
    display: inline-flex;
  }
}
.layout-2023 .wallet-blocks .wallet-item-name {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 14px;
}
@media (max-width: 480px) {
  .layout-2023 .wallet-blocks .wallet-item-name {
    font-size: 12px;
  }
}
.layout-2023 .wallet-blocks .wallet-item-name svg {
  width: 16px;
}
@media (max-width: 480px) {
  .layout-2023 .wallet-blocks .wallet-item-name svg {
    width: 13px;
  }
}
.layout-2023 .wallet-blocks .wallet-item-price {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: 5px;
}
.layout-2023 .wallet-blocks .wallet-item-price .wallet-amount {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  font-size: 18px;
  font-weight: 700;
  gap: 15px;
}
@media (max-width: 480px) {
  .layout-2023 .wallet-blocks .wallet-item-price .wallet-amount {
    font-size: 16px;
    gap: 10px;
  }
}
.layout-2023 .wallet-blocks .wallet-item-price .wallet-amount .txm-account-icon {
  transform: scale(1.5);
}
@media (max-width: 480px) {
  .layout-2023 .wallet-blocks .wallet-item-price .wallet-item-history {
    display: none;
  }
}
.layout-2023 .wallet-blocks .wallet-item-history {
  display: flex;
  align-items: center;
  gap: 4px;
  text-decoration: none;
  color: var(--tx-text-color);
  font-size: 14px;
}
@media (max-width: 480px) {
  .layout-2023 .wallet-blocks .wallet-item-history {
    font-size: 10px;
  }
}
.layout-2023 .wallet-blocks .wallet-item-history:hover {
  color: #f47895;
}
.layout-2023 .wallet-blocks .wallet-item-history:hover svg path {
  fill: #f47895;
}
.layout-2023 .wallet-blocks .wallet-item-history svg {
  width: 1em;
}
.layout-2023 .wallet-blocks .wallet-item-history svg path {
  fill: var(--tx-text-color);
}
.layout-2023 .wallet-blocks .wallet-item-buttons {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 480px) {
  .layout-2023 .wallet-blocks .wallet-item-buttons {
    gap: 10px;
  }
}
.layout-2023 .wallet-blocks .wallet-item-btn {
  min-width: 130px;
}
@media (max-width: 480px) {
  .layout-2023 .wallet-blocks .wallet-item-btn {
    min-width: 80px;
  }
}
.layout-2023 .wallet-blocks .wallet-item-btn.btn-diamond {
  position: relative;
  overflow: hidden;
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: linear-gradient(135deg, #395c86 0%, #6b49b2 100%);
  color: #fff;
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 6px;
  border: none;
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 480px) {
  .layout-2023 .wallet-blocks .wallet-item-btn.btn-diamond {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.layout-2023 .wallet-blocks .wallet-item-btn.btn-diamond > * {
  z-index: 1;
}
.layout-2023 .wallet-blocks .wallet-item-btn.btn-diamond:hover:before {
  transform: rotateY(0deg);
}
.layout-2023 .wallet-blocks .wallet-item-btn.btn-diamond:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: #6cd2fd;
  transition: 0.3s all;
  z-index: 0;
  transform: rotateY(90deg);
}
.layout-2023 .wallet-blocks .wallet-item-badge {
  color: #926700;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  padding: 7px 15px;
  border-radius: 100px;
}
@media (max-width: 480px) {
  .layout-2023 .wallet-blocks .wallet-item-badge {
    font-size: 12px;
    padding: 4px 8px;
  }
}
.layout-2023 .wallet-blocks .wallet-item-tooltip {
  display: flex;
}
.layout-2023 .wallet-blocks .wallet-item-tooltip:hover svg path {
  fill: #f47895;
}
.layout-2023 .finance-heading {
  font-weight: 700;
  font-size: 20px;
}
@media (max-width: 480px) {
  .layout-2023 .finance-heading {
    font-size: 18px;
    margin-top: 0;
  }
}
.layout-2023 .finance-heading + p {
  font-size: 16px;
}
@media (max-width: 480px) {
  .layout-2023 .finance-heading + p {
    font-size: 14px;
  }
}
.layout-2023 .form-deposit .form-control {
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  max-width: 270px;
  margin: 0 auto;
  text-align: center;
  color: var(--tx-text-color);
  font-size: 16px;
  font-weight: 700;
  border: 1px solid #b8cceb;
  box-shadow: none;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 480px) {
  .layout-2023 .form-deposit .form-control {
    height: 40px;
    font-size: 14px;
  }
}
.layout-2023 .form-deposit .form-control:active,
.layout-2023 .form-deposit .form-control:focus {
  color: var(--tx-text-color-reverse);
}
.layout-2023 .form-deposit .form-control .var-placeholder {
  color: #b2c3d1;
  opacity: 1;
  font-weight: 400;
}
.layout-2023 .form-deposit .form-control::placeholder {
  color: #b2c3d1;
  opacity: 1;
  font-weight: 400;
}
.layout-2023 .form-deposit .form-control:-ms-input-placeholder {
  color: #b2c3d1;
  opacity: 1;
  font-weight: 400;
}
.layout-2023 .form-deposit .form-control::-ms-input-placeholder {
  color: #b2c3d1;
  opacity: 1;
  font-weight: 400;
}
.layout-2023 .form-deposit .form-control:focus {
  border: 2px solid transparent;
  background: linear-gradient(101.99deg, #fff -3.15%, #fff 28.77%, #fff 85.67%) padding-box, linear-gradient(180deg, #81b5ff 0%, #4a83df 100%) border-box;
}
.layout-2023 .form-deposit .form-control + .error-block {
  text-align: center;
}
.layout-2023 .add-table-prices-container {
  margin-top: 10px;
  margin-bottom: 40px;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 0 0 1px #e5e5e5;
}
.layout-2023 .add-table-prices-container thead th {
  background-color: #fff;
}
.layout-2023 .add-table-prices-container .crypto-bonus-descr p {
  margin: 0;
}
.layout-2023 .add-table-prices-container .crypto-bonus-descr a {
  text-decoration: none;
}
.layout-2023 .add-table-prices-container .execute-orders-text {
  font-weight: 700;
}
.layout-2023 .add-table-prices-container .car-details-block {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 10px;
  margin-top: 16px;
}
.layout-2023 .add-table-prices-container .car-details-block > li {
  padding-left: 35px;
  text-align: left;
  line-height: 1.7;
}
.layout-2023 .add-table-prices-container .car-details-block > li > :first-child.fa,
.layout-2023 .add-table-prices-container .car-details-block > li > :first-child.fas,
.layout-2023 .add-table-prices-container .car-details-block > li .detail-icon {
  width: 30px;
  height: 1em;
  display: block;
  float: left;
  margin-left: -40px;
  text-align: center;
  line-height: 1.7;
}
.layout-2023 .add-table-prices-container .table-percent {
  color: #52be54;
  font-size: 16px;
  font-weight: 700;
  vertical-align: middle;
}
.layout-2023 .add-table-prices-container .table-plus {
  font-size: 16px;
  font-weight: 700;
  vertical-align: middle;
}
.layout-2023 .add-table-prices-container .table-car {
  display: inline-table;
}
.layout-2023 .add-table-prices-container .table-car a {
  display: block;
  text-decoration: none;
  font-weight: 700;
  margin-top: -7px;
}
.layout-2023 .add-table-prices-container .table-car img {
  margin-top: -15px;
}
.layout-2023 .add-table-prices-container .table-car-details {
  margin-top: 15px;
}
.layout-2023 .crypto-info-block {
  font-size: 16px;
  text-align: center;
  color: #93c8f7;
}
.layout-2023 .crypto-info-block .crypto-label {
  font-weight: 700;
  color: #6fa6f4;
}
.layout-2023 .crypto-info-block .crypto-bonus {
  font-weight: 700;
  color: #f06e8d;
}
.layout-2023 .offer-block .offer-road-bg {
  background-image: url("../img/finance/new-deposit-taxi-bg.png");
  border-radius: 10px;
}
.layout-2023 .offer-block .offer-road-bg .offer-taxi-icon {
  right: 20px;
  top: 50%;
  transform: translateY(-50%) !important;
  width: 145px;
}
@media (min-width: 768px) {
  .layout-2023 .offer-block .offer-road-bg .offer-taxi-icon {
    width: 214px;
  }
}
.layout-2023 .offer-block .offer-road-bg .offer-taxi-icon.mining {
  background-size: 70% !important;
}
.layout-2023 .offer-block .offer-road-bg .pay-info-text {
  display: flex;
  flex-direction: column;
  align-items: start;
}
@media (min-width: 481px) {
  .layout-2023 .offer-block .offer-road-bg .pay-info-text {
    padding-left: 20px !important;
  }
}
.layout-2023 .offer-block .offer-road-bg .pay-info-text b,
.layout-2023 .offer-block .offer-road-bg .pay-info-text strong {
  color: #fbe222;
}
.layout-2023 .offer-block .offer-text .yellow-text {
  color: #fbe222;
}
.layout-2023 .offer-block .offer-bottom {
  margin-top: 14px;
}
@media (max-width: 480px) {
  .layout-2023 .offer-block .offer-bottom {
    flex-direction: column;
    gap: 20px;
  }
}
.layout-2023 .offer-block .offer-bottom-left {
  background: unset;
  border: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-self: start;
  padding: 7px 0 0 !important;
  font-size: 16px;
}
@media (max-width: 480px) {
  .layout-2023 .offer-block .offer-bottom-left {
    width: 100%;
    text-align: center;
    justify-content: center;
    font-size: 12px;
    padding-top: 0 !important;
  }
}
.layout-2023 .offer-block .offer-bottom-left p:last-child {
  width: 100%;
}
.layout-2023 .offer-block .offer-bottom-left strong {
  color: #e45678;
}
.layout-2023 .offer-block .offer-bottom-left .pb-1 {
  padding-bottom: 0 !important;
}
.layout-2023 .offer-block .offer-bottom-left .pl-2 {
  padding-left: 0 !important;
  line-height: 1;
}
.layout-2023 .offer-block .offer-bottom-right {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
  padding: 10px 10px 10px 16px !important;
}
@media (max-width: 480px) {
  .layout-2023 .offer-block .offer-bottom-right {
    width: 100%;
    padding: 10px !important;
  }
}
.layout-2023 .offer-block .offer-bottom-right > * {
  margin: 0 !important;
}
.layout-2023 .offer-block .offer-bottom-right .btn {
  width: max-content !important;
  padding-left: 20px;
  padding-right: 20px;
}
.layout-2023 .offer-block .offer-bottom-right .text-blue {
  color: #333;
  font-size: 16px;
}
@media (max-width: 480px) {
  .layout-2023 .offer-block .offer-bottom-right .text-blue {
    font-size: 14px;
  }
}
.layout-2023 .btn-payment {
  margin-bottom: 10px;
  border-radius: 15px;
  box-shadow: 0 0 4px var(--tx-box-shadow-color);
  border: none;
  filter: none;
}
.layout-2023 .btn-payment.active,
.layout-2023 .btn-payment:hover {
  box-shadow: 0 0 0px 2px #81b5ff;
}
.layout-2023 .btn-payment.active:after {
  content: "\f00c";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  position: absolute;
  bottom: 11px;
  right: 13px;
  line-height: 1;
  font-size: 16px;
  color: #e75d7e;
}
.layout-2023 .btn-payment .provider-bonus {
  top: -2px;
  right: -2px;
  left: unset;
  border: none;
  border-radius: inherit;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  width: max-content;
  padding: 4px 6px;
  line-height: 1;
  background: linear-gradient(180deg, #ff8aa6 0%, #e45678 100%);
  text-shadow: 1px 1px 0px #a44058;
  font-size: 14px;
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media (max-width: 480px) {
  .layout-2023 .btn-payment .provider-bonus {
    font-size: 10px;
  }
}
.layout-2023 .btn-payment .provider-bonus span {
  position: relative;
  display: inline-flex;
  width: 14px;
  height: 14px;
  margin-left: 4px !important;
  color: transparent;
}
@media (max-width: 480px) {
  .layout-2023 .btn-payment .provider-bonus span {
    width: 10px;
    height: 10px;
  }
}
.layout-2023 .btn-payment .provider-bonus span:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../img/finance/question-red.svg") center center no-repeat;
  background-size: 100%;
}
.layout-2023 .finance-btn {
  width: max-content;
  min-width: 230px;
  margin-bottom: 40px;
}
.layout-2023 .finance-btn:disabled {
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: #cbcdd5;
  text-shadow: 1px 1px 0px #8c8c8c;
  font-size: 16px;
  font-weight: 700;
  padding-left: 20px;
  padding-right: 20px;
}
.layout-2023 .finance-btn:disabled:hover {
  background: #cbcdd5;
}
.layout-2023 .withdraw-result .withdraw-discount-info-block {
  border-radius: 15px !important;
}
.layout-2023 .withdraw-discount-image {
  border-radius: 15px !important;
}
.layout-2023 .deposit-input {
  border: none !important;
  border-radius: 5px !important;
  z-index: 2;
}
.layout-2023 .deposit-input:focus {
  border-radius: 4px;
  box-shadow: none !important;
}
.layout-2023 .deposit-input:focus + .deposit-input-border {
  top: -2px;
  left: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  background: linear-gradient(180deg, #81b5ff 0%, #4a83df 100%);
}
.layout-2023 .deposit-input-wrap {
  position: relative;
  display: flex;
  width: fit-content;
  margin: 0 auto;
}
.layout-2023 .deposit-input-border {
  position: absolute;
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  background: #b8cceb;
  border-radius: 6px;
  z-index: 1;
}
.layout-2023 .provider-currency {
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.layout-2023.page-index {
  background-repeat: repeat;
}
.layout-2023 .section-shadow {
  filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.2));
}
.layout-2023 .frontpage-content {
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  max-width: 100% !important;
}
.layout-2023 .frontpage-content section.container-fluid,
.layout-2023 .frontpage-content section > .container-fluid {
  padding-left: 0;
  padding-right: 0;
}
.layout-2023 .frontpage-content .section-title {
  position: relative;
  color: var(--tx-text-color);
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  margin: 0;
  padding-left: 15px;
  padding-right: 15px;
  z-index: 1;
}
@media (max-width: 480px) {
  .layout-2023 .frontpage-content .section-title {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.layout-2023 .frontpage-content .btn-primary {
  text-shadow: 1px 1px 2px #284775;
}
.layout-2023 .section-header {
  margin: 27px 0;
}
@media (max-width: 480px) {
  .layout-2023 .section-header {
    margin: 0 0 14px;
  }
}
.layout-2023 .section-header .header-inner {
  display: flex;
  align-items: end;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  .layout-2023 .section-header .header-inner {
    align-items: center;
  }
}
.layout-2023 .section-header .header-auth-wrap {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  will-change: filter;
  filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.15));
}
@media (max-width: 480px) {
  .layout-2023 .section-header .header-auth-wrap {
    order: -1;
    width: 100%;
    border-radius: 0 !important;
    margin-bottom: 10px;
  }
}
.layout-2023 .section-header .header-auth-wrap.logged-in {
  border-radius: 30px 12px 12px 30px;
}
.layout-2023 .section-header .header-auth-block {
  position: relative;
  display: flex;
  align-items: center;
  padding: 10px 15px 10px 10px;
  line-height: 1;
}
@media (max-width: 480px) {
  .layout-2023 .section-header .header-auth-block > .header-auth-icon {
    display: none;
  }
}
.layout-2023 .section-header .header-auth-block:before,
.layout-2023 .section-header .header-auth-block:after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  z-index: -1;
}
.layout-2023 .section-header .header-auth-block:before {
  left: 0;
  width: 30px;
  mask: url("../img/frontpage/auth-block-bg.svg");
  mask-size: auto 100%;
  background: var(--tx-panel-background);
}
.layout-2023 .section-header .header-auth-block:after {
  right: 0;
  width: calc(100% - 30px);
  background: var(--tx-panel-background);
}
@media (max-width: 480px) {
  .layout-2023 .section-header .header-auth-block:after {
    width: 100%;
  }
}
.layout-2023 .section-header .header-auth-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-left: 10px;
}
@media (max-width: 480px) {
  .layout-2023 .section-header .header-auth-content {
    width: 100%;
    flex-direction: row;
    margin-left: 0;
    align-items: center;
    justify-content: space-between;
  }
}
.layout-2023 .section-header .header-auth-content p {
  margin-bottom: 0;
}
.layout-2023 .section-header .header-auth-links {
  display: flex;
  align-items: center;
  gap: 5px;
}
.layout-2023 .section-header .header-auth-links .header-auth-icon {
  margin-right: 5px;
}
@media (min-width: 481px) {
  .layout-2023 .section-header .header-auth-links .header-auth-icon {
    display: none;
  }
}
.layout-2023 .section-header .header-auth-links p {
  font-size: 14px;
  margin-bottom: 5px;
  width: fit-content;
}
.layout-2023 .section-header .header-auth-links a {
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
}
.layout-2023 .section-header .header-icons {
  display: flex;
  gap: 15px;
  margin-right: 15px;
}
@media (min-width: 481px) {
  .layout-2023 .section-header .header-icons {
    display: none;
  }
}
.layout-2023 .section-header .header-icons .best-game {
  width: 52px;
}
@media (max-width: 480px) {
  .layout-2023 .section-header .header-icons .best-game {
    width: 63px;
  }
}
.layout-2023 .section-header .header-icons .stable-work {
  zoom: 0.7;
  margin-top: auto;
}
.layout-2023 .section-header .header-user-block {
  display: flex;
  align-items: center;
  padding: 5px 15px 5px 5px;
  gap: 10px;
  line-height: 1;
}
@media (max-width: 480px) {
  .layout-2023 .section-header .header-user-block {
    justify-content: end;
    padding: 10px;
  }
}
.layout-2023 .section-header .header-user-block:before,
.layout-2023 .section-header .header-user-block:after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  z-index: -1;
}
.layout-2023 .section-header .header-user-block:before {
  left: 0;
  width: calc(100% - 30px);
  background: var(--tx-panel-background);
}
@media (max-width: 480px) {
  .layout-2023 .section-header .header-user-block:before {
    width: 100%;
  }
}
.layout-2023 .section-header .header-user-block:after {
  right: 0;
  width: 30px;
  mask: url("../img/frontpage/auth-block-bg.svg");
  mask-size: auto 100%;
  mask-position: center left;
  transform: rotateY(180deg);
  background: var(--tx-panel-background);
}
.layout-2023 .section-header .header-user-image {
  width: 49px;
  border-radius: inherit;
  text-decoration: none;
}
@media (max-width: 480px) {
  .layout-2023 .section-header .header-user-image {
    display: flex;
    align-items: center;
    gap: 10px;
  }
}
.layout-2023 .section-header .header-user-image img {
  width: 100%;
  border: 1px solid #f8c986;
  border-radius: 100%;
}
.layout-2023 .section-header .header-user-links {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
@media (min-width: 481px) {
  .layout-2023 .section-header .header-user-links {
    min-width: 79px;
  }
}
.layout-2023 .section-header .header-user-links a {
  text-decoration: none;
}
.layout-2023 .section-header .header-link-exit {
  margin-left: 10px;
  position: relative;
}
@media (max-width: 480px) {
  .layout-2023 .section-header .header-link-exit {
    margin-left: 0;
  }
}
.layout-2023 .section-header .header-link-exit:before {
  content: "";
  position: absolute;
  top: 0;
  left: -8px;
  width: 1px;
  height: 100%;
  background: #e2e4ea;
}
@media (max-width: 480px) {
  .layout-2023 .section-header .header-link-exit:before {
    display: none;
  }
}
.layout-2023 .section-header .header-link-garage,
.layout-2023 .section-header .header-link-profile {
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.layout-2023 .section-header .header-link-garage {
  font-weight: bold;
  background: linear-gradient(180deg, #FF8AA6 0%, #E45678 100%);
}
.layout-2023 .section-header .header-link-profile {
  background: linear-gradient(180deg, #81B5FF 0%, #4A83DF 100%);
}
.layout-2023 .section-header .front-page-logo {
  position: relative;
  left: -21px;
  bottom: -9px;
}
@media (max-width: 480px) {
  .layout-2023 .section-header .front-page-logo {
    bottom: 0px;
  }
}
@media (max-width: 480px) {
  .layout-2023 .section-header .front-page-logo img {
    width: 231px;
  }
}
.layout-2023 .section-intro > .container-fluid {
  position: relative;
  background: #fff;
  border-radius: 30px 30px 0 0;
}
@media (max-width: 480px) {
  .layout-2023 .section-intro > .container-fluid {
    border-radius: 35px 35px 0 0;
  }
}
.layout-2023 .section-intro .girl-block-wrap {
  filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.2));
}
@media (max-width: 992px) {
  .layout-2023 .section-intro .girl-block-wrap {
    overflow-x: clip;
    contain: layout;
  }
}
.layout-2023 .section-intro .car-image {
  position: absolute;
  bottom: 31px;
  right: 11px;
  width: 57.9%;
  z-index: 1;
}
@media (max-width: 480px) {
  .layout-2023 .section-intro .car-image {
    transform: rotateY(180deg);
  }
}
.layout-2023 .section-intro .girl-image {
  position: absolute;
  width: 250px;
  bottom: 2px;
  left: calc(50% + 15px);
  transform: translateX(-50%);
  z-index: 8;
}
@media (min-width: 480px) and (max-width: 600px) {
  .layout-2023 .section-intro .girl-image {
    width: 227px;
    right: 0;
    left: auto;
    bottom: 9px;
    transform: none;
  }
}
@media (max-width: 480px) {
  .layout-2023 .section-intro .girl-image {
    width: 279px;
    left: unset;
    right: -92px;
    bottom: -40px;
    transform: none;
  }
}
.layout-2023 .section-intro .girl-block {
  min-height: 365px;
  background: url("../img/frontpage/gril-block-bg.png");
  background-size: cover;
  border-radius: 30px 30px 0 0;
}
@media (max-width: 480px) {
  .layout-2023 .section-intro .girl-block {
    min-height: 400px;
    border-radius: 35px 35px 0 0;
    background: url("../img/frontpage/gril-block-bg-mob.png") 0px -1px;
    background-size: cover;
  }
}
.layout-2023 .section-intro .intro-icon {
  position: absolute;
}
@media (max-width: 992px) {
  .layout-2023 .section-intro .intro-icon {
    display: none;
  }
}
.layout-2023 .section-intro .intro-icon.stable-work {
  right: 107px;
  top: 29px;
}
.layout-2023 .section-intro .intro-icon.best-game {
  width: 68px;
  right: 28px;
  top: 20px;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.1));
}
@media (min-width: 993px) {
  .layout-2023 .section-intro .intro-icon.best-game {
    top: 26px;
  }
}
.layout-2023 .section-intro .earn-block {
  position: absolute;
  top: 28px;
  left: 28px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 28px 30px;
  background: var(--drk-background, #ffffff99);
  border-radius: 30px;
  filter: drop-shadow(0px 0px 5px var(--tx-box-shadow-color));
  z-index: 5;
}
@media (min-width: 993px) {
  .layout-2023 .section-intro .earn-block {
    gap: 8px;
  }
}
@media (max-width: 992px) {
  .layout-2023 .section-intro .earn-block {
    max-width: 285px;
    gap: 5px;
    padding: 21px;
  }
}
.layout-2023 .section-intro .earn-block:after {
  content: "";
  position: absolute;
  left: 100%;
  top: 10%;
  width: 50px;
  height: 50px;
  background: inherit;
  clip-path: url(#my-clip-path);
}
.layout-2023 .section-intro .earn-block .earn-text {
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
  transform: rotate(2deg);
}
@media (max-width: 480px) {
  .layout-2023 .section-intro .earn-block .earn-text {
    font-size: 22px;
  }
}
@media (max-width: 992px) {
  .layout-2023 .section-intro .earn-block .earn-text:not(.earn-text-mobile) {
    display: none;
  }
}
@media (min-width: 993px) {
  .layout-2023 .section-intro .earn-block .earn-text-mobile {
    display: none;
  }
}
.layout-2023 .section-intro .earn-block .earn-text .txm-account-icon {
  font-size: 27px;
  margin: 0 2px;
}
.layout-2023 .section-intro .earn-block .earn-price {
  display: flex;
  align-items: center;
  font-size: 90px;
  font-weight: 400;
  line-height: 1;
  white-space: nowrap;
  animation: price-scale 1s infinite;
}
@media (max-width: 480px) {
  .layout-2023 .section-intro .earn-block .earn-price {
    font-size: 98px;
  }
}
.layout-2023 .section-intro .earn-block .earn-price-value {
  animation: 2s price-scale infinite;
  transform-origin: center bottom;
}
.layout-2023 .section-intro .earn-block .earn-price .big-price {
  background: linear-gradient(180deg, #ff95a8 35.41%, #f3517c 35.42%, #f05191 65.63%, #ff7bb1 65.64%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-style: normal;
  font-weight: 700;
  filter: drop-shadow(2px 2px 0px #a4013a);
}
.layout-2023 .section-intro .earn-block .earn-price .big-price.letter-spaced {
  letter-spacing: 3.6px;
}
.layout-2023 .section-intro .earn-block .earn-button {
  display: flex;
  align-items: end;
  gap: 13px;
}
@media (max-width: 992px) {
  .layout-2023 .section-intro .earn-block .earn-button {
    flex-wrap: wrap;
  }
}
.layout-2023 .section-intro .earn-block .earn-button .earn-text {
  order: -2;
}
.layout-2023 .section-intro .earn-block .earn-button .btn {
  animation-delay: 2s;
}
@media (min-width: 993px) {
  .layout-2023 .section-intro .earn-block .earn-button .btn {
    padding: 20px 30px;
    line-height: 20px;
  }
}
@media (max-width: 992px) {
  .layout-2023 .section-intro .earn-block .earn-button .btn {
    width: 100%;
  }
}
.layout-2023 .section-intro .earn-block .earn-time {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--tx-text-color);
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
  transform: rotate(-2deg);
}
@media (max-width: 992px) {
  .layout-2023 .section-intro .earn-block .earn-time {
    order: -1;
    flex-direction: row;
  }
}
.layout-2023 .section-intro .earn-block .earn-time-clock {
  width: 45px;
  height: 45px;
  background: url("../img/frontpage/earn-time.png");
  background-size: contain;
  animation: 2s timer-bounce infinite;
  transform-origin: center bottom;
}
.layout-2023 .section-intro .earn-block .earn-time .trapezoid-border:after {
  width: calc(100% + 3px);
  left: -3px;
  transform: rotate(-3deg);
}
.layout-2023 .section-intro .earn-block .rouble-text {
  margin-left: 15px;
}
@media (max-width: 992px) {
  .layout-2023 .section-intro .earn-block .rouble-text {
    display: none;
  }
}
.layout-2023 .section-game-steps .steps-block-shadow {
  position: relative;
  top: -60px;
  z-index: 0;
  filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.2));
}
@media (max-width: 992px) {
  .layout-2023 .section-game-steps .steps-block-shadow {
    top: -50px;
  }
}
.layout-2023 .section-game-steps .steps-block-shadow:before {
  content: "";
  position: absolute;
  top: 0;
  left: 1px;
  width: calc(100% - 2px);
  height: 60px;
  background: #fff;
  clip-path: polygon(50% 92%, 100% 0, 100% 100%, 0 100%, 0 0);
}
@media (max-width: 992px) {
  .layout-2023 .section-game-steps .steps-block-shadow:before {
    clip-path: polygon(50% 59%, 100% 0, 100% 100%, 0 100%, 0 0);
  }
}
.layout-2023 .section-game-steps .steps-block-wrap {
  background: var(--tx-wrapper-background);
  padding-top: 90px;
  margin-top: -60px;
  clip-path: polygon(50% 11%, 100% 0, 100% 100%, 0 100%, 0 0);
}
@media (max-width: 992px) {
  .layout-2023 .section-game-steps .steps-block-wrap {
    margin-top: -50px;
    clip-path: polygon(50% 3%, 100% 0, 100% 100%, 0 100%, 0 0);
  }
}
.layout-2023 .section-game-steps .steps-block {
  display: flex;
  padding: 0 65px;
  justify-content: space-between;
  margin-top: 40px;
}
@media (max-width: 992px) {
  .layout-2023 .section-game-steps .steps-block {
    flex-direction: column;
    align-items: center;
    gap: 15px;
  }
}
.layout-2023 .section-game-steps .steps-block-item {
  width: 220px;
}
@media (max-width: 480px) {
  .layout-2023 .section-game-steps .steps-block-item {
    width: auto;
  }
}
.layout-2023 .section-game-steps .steps-block-item__image {
  min-height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.layout-2023 .section-game-steps .steps-block-item__image img {
  max-width: 220px;
  max-height: 100px;
}
@media (max-width: 480px) {
  .layout-2023 .section-game-steps .steps-block-item__image img {
    max-width: 268px;
    max-height: 122px;
  }
}
.layout-2023 .section-game-steps .steps-block-item__name {
  font-size: 18px;
  line-height: normal;
  font-weight: 700;
  text-align: center;
}
@media (max-width: 992px) {
  .layout-2023 .section-game-steps .steps-block-item__name {
    line-height: 22px;
  }
}
.layout-2023 .section-game-steps .steps-block-item__desc {
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  margin-top: 10px;
}
.layout-2023 .section-game-steps .steps-button-block {
  display: flex;
  justify-content: center;
  margin-top: 30px;
  padding-bottom: 10px;
}
@media (max-width: 992px) {
  .layout-2023 .section-game-steps .steps-button-block {
    margin-top: 34px;
  }
}
.layout-2023 .section-game-steps .step-arrow {
  position: relative;
  top: 55px;
  font-size: 40px;
  font-weight: 400;
  color: var(--tx-text-color);
  opacity: 0.1;
}
@media (max-width: 992px) {
  .layout-2023 .section-game-steps .step-arrow {
    top: 13px;
    transform: rotate(90deg);
  }
}
.layout-2023 .section-withdraw-money {
  overflow: hidden;
}
.layout-2023 .section-withdraw-money .withdraw-money-wrap {
  background: var(--tx-wrapper-background);
}
@media (max-width: 992px) {
  .layout-2023 .section-withdraw-money .withdraw-money-wrap {
    background: var(--drk-wrapper, transparent);
  }
}
.layout-2023 .section-withdraw-money.withdraw-money-first .withdraw-block-girl {
  position: absolute;
  bottom: 15px;
  width: 305px;
  left: 8%;
}
@media (max-width: 992px) {
  .layout-2023 .section-withdraw-money.withdraw-money-first .withdraw-block-girl {
    bottom: 120px;
    left: -120px;
  }
}
@media (max-width: 992px) {
  .layout-2023 .section-withdraw-money.withdraw-money-first .withdraw-money-buttons:not(.withdraw-money-buttons-mobile) {
    display: none;
  }
}
.layout-2023 .section-withdraw-money.withdraw-money-second {
  background: transparent;
}
.layout-2023 .section-withdraw-money.withdraw-money-second .section-title {
  margin-bottom: 0;
}
.layout-2023 .section-withdraw-money.withdraw-money-second .withdraw-money-block {
  background: #fff url("../img/frontpage/withdraw-bg-second.png") no-repeat;
  background-size: cover;
  background-position: center bottom;
}
@media (max-width: 480px) {
  .layout-2023 .section-withdraw-money.withdraw-money-second .withdraw-money-block {
    background-position: center -100px;
  }
}
.layout-2023 .section-withdraw-money.withdraw-money-second .withdraw-money-content {
  padding-left: 26.5%;
  padding-bottom: 115px;
}
.layout-2023 .section-withdraw-money.withdraw-money-second .withdraw-money-content .withdraw-info-block {
  padding: 22px;
  z-index: 5;
}
@media (max-width: 992px) {
  .layout-2023 .section-withdraw-money.withdraw-money-second .withdraw-money-content .withdraw-info-block {
    padding: 19px;
    margin-bottom: 200px;
  }
}
@media (max-width: 480px) {
  .layout-2023 .section-withdraw-money.withdraw-money-second .withdraw-money-content .withdraw-info-block {
    max-width: 345px;
    margin-bottom: 215px;
  }
}
.layout-2023 .section-withdraw-money.withdraw-money-second .withdraw-money-content .withdraw-info-block:after {
  width: 40px;
  height: 50px;
  margin-top: -20px;
}
@media (max-width: 480px) {
  .layout-2023 .section-withdraw-money.withdraw-money-second .withdraw-money-content .withdraw-info-block:after {
    top: calc(100% + 14px);
    right: unset;
    left: 60px;
    transform: rotateY(180deg) rotate(90deg);
  }
}
@media (max-width: 480px) {
  .layout-2023 .section-withdraw-money.withdraw-money-second .withdraw-money-content .withdraw-info-block__text {
    font-size: 18px;
  }
}
.layout-2023 .section-withdraw-money.withdraw-money-second .withdraw-money-content .withdraw-stat-blocks {
  z-index: 15;
}
.layout-2023 .section-withdraw-money.withdraw-money-second .withdraw-money-buttons {
  justify-content: center;
  margin-top: -46px;
}
@media (max-width: 992px) {
  .layout-2023 .section-withdraw-money.withdraw-money-second .withdraw-money-buttons {
    margin-top: -70px;
  }
}
.layout-2023 .section-withdraw-money.withdraw-money-second .withdraw-block-girl {
  position: absolute;
  bottom: 30px;
  left: 30px;
  width: 246px;
  z-index: 10;
}
@media (max-width: 992px) {
  .layout-2023 .section-withdraw-money.withdraw-money-second .withdraw-block-girl {
    bottom: 120px;
    left: -65px;
    width: 230px;
  }
}
@media (max-width: 480px) {
  .layout-2023 .section-withdraw-money.withdraw-money-second .withdraw-block-girl {
    width: 250px;
  }
}
.layout-2023 .section-withdraw-money.withdraw-money-second .withdraw-block-car {
  position: absolute;
  left: 50%;
  bottom: 45px;
  width: 550px;
  transform: translateX(-50%);
}
@media (max-width: 992px) {
  .layout-2023 .section-withdraw-money.withdraw-money-second .withdraw-block-car {
    width: 470px;
    bottom: 160px;
    transform: none;
    left: 165px;
    z-index: 1;
  }
}
@media (max-width: 480px) {
  .layout-2023 .section-withdraw-money.withdraw-money-second .withdraw-block-car {
    left: unset;
    right: -108px;
    width: 450px;
  }
}
.layout-2023 .section-withdraw-money .withdraw-money-block {
  position: relative;
  background-size: cover;
  padding: 45px 0;
  background: #fff url("../img/frontpage/withdraw-bg.png") no-repeat center -30px;
  clip-path: polygon(100% 0, 100% 86.5%, 50% 100%, 0 86.5%, 0 0);
}
@media (max-width: 992px) {
  .layout-2023 .section-withdraw-money .withdraw-money-block {
    padding-bottom: 0;
  }
}
@media (max-width: 480px) {
  .layout-2023 .section-withdraw-money .withdraw-money-block {
    clip-path: polygon(100% 0, 100% 86.5%, 50% 99%, 0 86.5%, 0 0);
  }
}
.layout-2023 .section-withdraw-money .withdraw-money-content {
  padding: 35px 40px 0 39%;
}
@media (max-width: 992px) {
  .layout-2023 .section-withdraw-money .withdraw-money-content {
    padding: 0 !important;
  }
}
.layout-2023 .section-withdraw-money .withdraw-money-blocks {
  display: flex;
  gap: 37px;
  align-items: start;
}
@media (max-width: 992px) {
  .layout-2023 .section-withdraw-money .withdraw-money-blocks {
    position: relative;
    z-index: 1;
    flex-direction: column;
  }
}
.layout-2023 .section-withdraw-money .withdraw-info-block {
  position: relative;
  background: var(--drk-background, #ffffffc4);
  flex: 1;
  padding: 25px;
  border-radius: 25px;
  display: flex;
  flex-direction: column;
  gap: 17px;
  filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.2));
}
@media (max-width: 992px) {
  .layout-2023 .section-withdraw-money .withdraw-info-block {
    max-width: 310px;
    margin: 30px 20px 0 177px;
  }
}
@media (max-width: 480px) {
  .layout-2023 .section-withdraw-money .withdraw-info-block {
    margin-left: auto;
  }
}
.layout-2023 .section-withdraw-money .withdraw-info-block:after {
  content: "";
  position: absolute;
  right: 100%;
  top: 50%;
  width: 50px;
  height: 65px;
  background: inherit;
  clip-path: url(#my-clip-path);
  transform: rotate(180deg);
  opacity: 0.8;
}
.layout-2023 .section-withdraw-money .withdraw-info-block__head {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
}
.layout-2023 .section-withdraw-money .withdraw-info-block__text {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 0;
}
.layout-2023 .section-withdraw-money .withdraw-stat-blocks {
  width: 170px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 992px) {
  .layout-2023 .section-withdraw-money .withdraw-stat-blocks {
    width: 100%;
    flex-direction: row;
    gap: 0;
    align-items: center;
    border-radius: 25px 25px 0 0;
    overflow: hidden;
    background: #fff;
    padding-bottom: 90px;
  }
}
.layout-2023 .section-withdraw-money .withdraw-stat-block {
  background: var(--tx-panel-background);
  display: flex;
  flex-direction: column;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  border-radius: 16px;
  padding: 12px 14px;
  font-size: 16px;
}
@media (max-width: 992px) {
  .layout-2023 .section-withdraw-money .withdraw-stat-block {
    width: 100%;
    border-radius: 0;
    box-shadow: none;
  }
}
@media (max-width: 480px) {
  .layout-2023 .section-withdraw-money .withdraw-stat-block {
    gap: 5px;
    padding: 12px 11px;
  }
}
.layout-2023 .section-withdraw-money .withdraw-stat-block__head {
  color: #f47895;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 24px;
  font-weight: 700;
  line-height: normal;
}
@media (max-width: 992px) {
  .layout-2023 .section-withdraw-money .withdraw-stat-block__head {
    font-size: 22px;
    justify-content: center;
  }
}
.layout-2023 .section-withdraw-money .withdraw-stat-block__image.online-players {
  width: 35px;
}
.layout-2023 .section-withdraw-money .withdraw-stat-block__image.taxi-in-order {
  width: 40px;
}
.layout-2023 .section-withdraw-money .withdraw-stat-block__image.completed-orders {
  width: 29px;
}
.layout-2023 .section-withdraw-money .withdraw-stat-block__text {
  margin: 3px 0 0;
  line-height: 1;
}
@media (max-width: 992px) {
  .layout-2023 .section-withdraw-money .withdraw-stat-block__text {
    font-size: 16px;
    text-align: center;
  }
}
.layout-2023 .section-withdraw-money .withdraw-money-buttons {
  display: flex;
  align-items: center;
  gap: 27px;
  margin-top: 30px;
  padding-bottom: 5px;
}
.layout-2023 .section-withdraw-money .withdraw-money-buttons-mobile {
  margin-top: -65px;
  flex-direction: column;
  gap: 13px;
  margin-bottom: 40px;
}
@media (min-width: 993px) {
  .layout-2023 .section-withdraw-money .withdraw-money-buttons-mobile {
    display: none;
  }
}
.layout-2023 .section-withdraw-money .withdraw-money-buttons .free-text {
  color: #fff;
  font-size: 16px;
  line-height: normal;
  font-weight: 700;
}
@media (max-width: 992px) {
  .layout-2023 .section-withdraw-money .withdraw-money-buttons .free-text {
    color: #333;
  }
}
.layout-2023 .section-withdraw-money .withdraw-money-buttons .free-text.trapezoid-border:after {
  height: 0.5em;
  background: radial-gradient(50% 50% at 50% 50%, #ffd68e 0%, #f90 100%);
  transform: rotate(-2deg);
}
.layout-2023 .section-tariffs .tariffs-block-wrap {
  background: radial-gradient(52.85% 52.85% at 50% 50%, rgba(255, 255, 255, 0) 0%, #fff 89.06%), repeating-conic-gradient(#e0edff 0 9deg, #cbe3ff 9deg 18deg);
  clip-path: polygon(100% 0, 100% 86.5%, 50% 100%, 0 86.5%, 0 0);
  background-position-y: calc(100% - 25px);
}
@media (max-width: 992px) {
  .layout-2023 .section-tariffs .tariffs-block-wrap {
    border-radius: 25px 25px 0 0;
  }
}
.layout-2023 .section-tariffs .section-title {
  padding: 40px 0 20px;
  margin-bottom: 0;
}
@media (max-width: 992px) {
  .layout-2023 .section-tariffs .section-title {
    padding: 25px 0 0;
  }
}
.layout-2023 .section-tariffs .tariffs-block {
  padding: 30px 0 120px;
}
@media (max-width: 992px) {
  .layout-2023 .section-tariffs .tariffs-block {
    padding: 0 0 80px;
  }
}
.layout-2023 .section-tariffs .tariff-block-slide {
  display: flex;
  flex-direction: column;
  padding-bottom: 35px;
}
@media (max-width: 992px) {
  .layout-2023 .section-tariffs .tariff-block-slide {
    max-width: 360px;
    padding: 15px;
    margin: 0 auto;
  }
}
.layout-2023 .section-tariffs .tariff-block-slide .tariff-block-image {
  width: 100%;
  margin-bottom: -75px;
  z-index: 2;
}
@media (max-width: 992px) {
  .layout-2023 .section-tariffs .tariff-block-slide .tariff-block-image {
    margin-top: -30px;
    margin-bottom: -95px;
  }
}
@media (max-width: 480px) {
  .layout-2023 .section-tariffs .tariff-block-slide .tariff-block-image {
    scale: 1.1;
  }
}
.layout-2023 .section-tariffs .tariff-block-slide .tariff-block-image.mining-vehicle {
  transform: scale(0.8);
}
.layout-2023 .section-tariffs .tariff-block-slide .tariff-block-pedestal {
  width: 100%;
}
.layout-2023 .section-tariffs .tariff-block-slide .tariff-block-income {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  transform-origin: left;
  display: flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
  padding: 6px 8px;
  border-radius: 10px;
  background: var(--tx-panel-background);
  box-shadow: 0px 0px 4px 0px var(--tx-box-shadow-color);
  font-size: 11px;
}
@media (max-width: 992px) {
  .layout-2023 .section-tariffs .tariff-block-slide .tariff-block-income {
    bottom: 7px;
    font-size: 14px;
    padding: 7px 8px;
    scale: 1.3;
  }
}
.layout-2023 .section-tariffs .tariff-block-slide .tariff-block-income-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
}
.layout-2023 .section-tariffs .tariff-block-slide .tariff-block-income .fire-icon {
  width: 1em;
  margin-right: 2px;
  margin-bottom: -1px;
}
.layout-2023 .section-tariffs .swiper-slide {
  transition: 0.15s;
}
.layout-2023 .section-tariffs .swiper-slide.swiper-slide-active {
  transform: scale(1.66);
}
@media (max-width: 992px) {
  .layout-2023 .section-tariffs .swiper-slide.swiper-slide-active {
    transform: scale(1);
  }
}
.layout-2023 .section-tariffs .swiper-slide:not(.swiper-slide-active) {
  transform: scale(0.81);
  opacity: 0.9;
  filter: blur(1.5px);
}
.layout-2023 .section-tariffs .swiper-slide:not(.swiper-slide-active) .tariff-block-income,
.layout-2023 .section-tariffs .swiper-slide:not(.swiper-slide-active) .tariff-block-pedestal {
  display: none;
}
.layout-2023 .section-tariffs .swiper-button-prev {
  left: 26%;
}
@media (max-width: 992px) {
  .layout-2023 .section-tariffs .swiper-button-prev {
    left: 6%;
  }
}
.layout-2023 .section-tariffs .swiper-button-next {
  right: 26%;
}
@media (max-width: 992px) {
  .layout-2023 .section-tariffs .swiper-button-next {
    right: 6%;
  }
}
.layout-2023 .section-tariffs .swiper-button-prev,
.layout-2023 .section-tariffs .swiper-button-next {
  top: 33%;
  width: 22px;
  height: 40px;
  color: #b4b4b4;
}
@media (max-width: 992px) {
  .layout-2023 .section-tariffs .swiper-button-prev,
  .layout-2023 .section-tariffs .swiper-button-next {
    top: 50%;
    transform: translateY(-50%);
  }
}
.layout-2023 .section-tariffs .tariffs-block-button {
  position: relative;
  display: flex;
  justify-content: center;
  margin-top: -40px;
  z-index: 1;
}
@media (max-width: 992px) {
  .layout-2023 .section-tariffs .tariffs-block-button {
    margin-top: -50px;
  }
}
.layout-2023 .section-tariffs .tariffs-block-button .btn {
  min-width: 235px;
}
.layout-2023 .section-opportunities {
  padding-top: 45px;
}
.layout-2023 .section-opportunities .opportunities-blocks {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 29px;
  margin-top: 40px;
}
@media (max-width: 992px) {
  .layout-2023 .section-opportunities .opportunities-blocks {
    padding: 17px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 480px) {
  .layout-2023 .section-opportunities .opportunities-blocks {
    grid-template-columns: minmax(0, 1fr);
  }
}
.layout-2023 .section-opportunities .opportunities-blocks .opportunities-block {
  border-radius: 30px;
  background: var(--tx-panel-background);
  box-shadow: 0px 1px 4px 0px var(--tx-box-shadow-color);
}
.layout-2023 .section-opportunities .opportunities-blocks .opportunities-block:nth-child(3n + 1) .opportunities-block__image {
  background-image: repeating-conic-gradient(#eececeba 0 9deg, #fde8e8bf 9deg 18deg);
}
.layout-2023 .section-opportunities .opportunities-blocks .opportunities-block:nth-child(3n + 2) .opportunities-block__image {
  background-image: repeating-conic-gradient(#e0dffdf2 0 9deg, #e9e8fecf 9deg 18deg);
}
.layout-2023 .section-opportunities .opportunities-blocks .opportunities-block:nth-child(3n + 3) .opportunities-block__image {
  background-image: repeating-conic-gradient(#baeec6e6 0 9deg, #d2f3d8d1 9deg 18deg);
}
.layout-2023 .section-opportunities .opportunities-blocks .opportunities-block__image {
  position: relative;
  height: 348px;
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: inherit;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  clip-path: polygon(100% 0, 100% 86.5%, 50% 100%, 0 86.5%, 0 0);
}
.layout-2023 .section-opportunities .opportunities-blocks .opportunities-block__image .opportunity-image {
  max-width: 250px;
  max-height: 166px;
}
@media (max-width: 480px) {
  .layout-2023 .section-opportunities .opportunities-blocks .opportunities-block__image .opportunity-image {
    max-width: 431px;
    max-height: 236px;
  }
}
.layout-2023 .section-opportunities .opportunities-blocks .opportunities-block__image .rent-image {
  position: absolute;
  top: 9%;
  right: 0;
  width: 34%;
}
.layout-2023 .section-opportunities .opportunities-blocks .opportunities-block__content {
  padding: 30px;
  line-height: normal;
}
.layout-2023 .section-opportunities .opportunities-blocks .opportunities-block__title {
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}
@media (max-width: 480px) {
  .layout-2023 .section-opportunities .opportunities-blocks .opportunities-block__title {
    font-size: 22px;
    margin: 0 auto;
  }
}
.layout-2023 .section-opportunities .opportunities-blocks .opportunities-block__desc {
  font-size: 16px;
  margin-top: 10px;
  text-align: center;
}
@media (max-width: 480px) {
  .layout-2023 .section-opportunities .opportunities-blocks .opportunities-block__desc {
    font-size: 19.5px;
    max-width: 264px;
    margin: 10px auto 0;
  }
}
.layout-2023 .section-opportunities .opportunities-blocks .opportunities-block__income {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  border-radius: 10px;
  border: 1.4px dashed #d9d9d9;
  margin-top: 19px;
  font-size: 16px;
  line-height: 1;
  padding: 9.21px;
}
@media (max-width: 480px) {
  .layout-2023 .section-opportunities .opportunities-blocks .opportunities-block__income {
    font-size: 20px;
  }
}
.layout-2023 .section-opportunities .opportunities-blocks .opportunities-block__income img {
  width: 0.94em;
}
.layout-2023 .section-opportunities .opportunities-blocks .opportunities-block__income .income-item {
  display: flex;
  align-items: center;
  gap: 6px;
}
.layout-2023 .section-opportunities .opportunities-blocks .opportunities-block__income .income-item .fire-icon {
  margin-bottom: -2px;
}
.layout-2023 .section-opportunities .opportunities-blocks .opportunities-block__income .income-price {
  background: linear-gradient(180deg, #FF8AA6 0%, #E45678 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
}
.layout-2023 .section-business-banner {
  margin-top: 30px;
}
.layout-2023 .section-business-banner .business-banner-block {
  position: relative;
  background: url("../img/frontpage/banner-money-left.png") left no-repeat, url("../img/frontpage/banner-money-right.png") right no-repeat, linear-gradient(135deg, #395c86 0%, #6b49b2 100%);
  background-size: auto 100%;
  padding: 16px;
  border-radius: 20px;
  text-align: center;
  color: #fff;
  line-height: normal;
}
@media (max-width: 992px) {
  .layout-2023 .section-business-banner .business-banner-block {
    padding-bottom: 50px;
    clip-path: polygon(100% 0, 100% 86.5%, 50% 100%, 0 86.5%, 0 0);
    background: linear-gradient(135deg, #395c86 0%, #6b49b2 100%);
  }
}
@media (max-width: 992px) {
  .layout-2023 .section-business-banner .business-banner-block {
    padding-top: 19px;
    border-radius: 35px;
  }
}
.layout-2023 .section-business-banner .business-banner-title {
  font-size: 24px;
  margin-bottom: 5px;
}
@media (max-width: 480px) {
  .layout-2023 .section-business-banner .business-banner-title {
    font-size: 28px;
  }
}
.layout-2023 .section-business-banner .business-banner-title span {
  color: #f47895;
  font-weight: 700;
}
.layout-2023 .section-business-banner .business-banner-text {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 18px;
  margin-bottom: 0;
}
@media (max-width: 992px) {
  .layout-2023 .section-business-banner .business-banner-text {
    font-size: 21px;
  }
}
.layout-2023 .section-business-banner .business-banner-text span {
  font-weight: 700;
  color: #fbe222;
  font-size: 24px;
}
.layout-2023 .section-business-banner .business-banner-image {
  position: absolute;
  height: 100%;
  width: auto;
  right: -22px;
  top: 0;
  transform: scale(1.5);
}
@media (max-width: 992px) {
  .layout-2023 .section-business-banner .business-banner-image {
    display: none;
  }
}
.layout-2023 .section-business-banner .business-banner-image-mobile {
  width: 100%;
  max-width: 455px;
}
@media (min-width: 993px) {
  .layout-2023 .section-business-banner .business-banner-image-mobile {
    display: none;
  }
}
.layout-2023 .section-business-banner .btn-bordered {
  display: block;
  width: fit-content;
  margin: 30px auto 0;
}
@media (max-width: 992px) {
  .layout-2023 .section-business-banner .btn-bordered {
    margin-top: -50px;
  }
}
.layout-2023 .section-ratings .ratings-wrap {
  padding: 40px 0;
  margin-top: 50px;
  border-radius: 30px 30px 0 0;
  background: var(--tx-wrapper-background);
}
.layout-2023 .section-ratings .city-ratings-title {
  display: none;
}
.layout-2023 .section-ratings .city-ratings {
  padding-top: 15px;
  margin-top: 40px;
}
.layout-2023 .section-ratings .video-reviews {
  max-width: 800px;
  margin: 50px auto 0;
}
.layout-2023 .section-ratings .video-reviews .btn {
  width: max-content;
  display: block;
  margin: 35px auto 0;
}
.layout-2023 .section-ratings .video-reviews .reviews-slider {
  margin-top: 32px;
}
.layout-2023 .section-ratings .video-reviews .reviews-slide {
  width: 100%;
  max-width: 645px;
  aspect-ratio: 16 / 9;
}
.layout-2023 .section-ratings .video-reviews .reviews-slide:not(.video-initialized) {
  cursor: pointer;
}
.layout-2023 .section-ratings .video-reviews .reviews-slide:not(.video-initialized):after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 130px;
  height: 130px;
  background: url("../img/frontpage/play-video.png");
  background-size: 100%;
}
.layout-2023 .section-ratings .video-reviews .reviews-slide-image,
.layout-2023 .section-ratings .video-reviews .reviews-slide iframe {
  position: absolute;
  top: 0;
  left: 50%;
  max-width: 645px;
  width: calc(100% - 100px);
  height: 100%;
  transform: translateX(-50%);
}
@media (max-width: 480px) {
  .layout-2023 .section-ratings .video-reviews .reviews-slide-image,
  .layout-2023 .section-ratings .video-reviews .reviews-slide iframe {
    width: calc(100% - 35px);
  }
}
.layout-2023 .section-ratings .video-reviews .reviews-slide-image {
  border-radius: 25px;
  object-fit: cover;
}
.layout-2023 .section-ratings .video-reviews .swiper-pagination {
  position: unset;
  line-height: 1;
  margin-top: 20px;
}
.layout-2023 .section-ratings .video-reviews .swiper-pagination .swiper-pagination-bullet-active {
  background: #000;
}
@media (max-width: 480px) {
  .layout-2023 .section-ratings .video-reviews .swiper-button-next,
  .layout-2023 .section-ratings .video-reviews .swiper-button-prev {
    display: none;
  }
}
.layout-2023 .section-ratings .video-reviews .swiper-button-next:after,
.layout-2023 .section-ratings .video-reviews .swiper-button-prev:after {
  font-size: 30px;
  color: #c8c8c8;
  font-weight: bold;
}
.layout-2023 .section-payouts-players .payouts-players-slider {
  padding: 0 30px;
  margin-top: 80px;
}
.layout-2023 .section-payouts-players .swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}
.layout-2023 .section-payouts-players .swiper-slide {
  width: auto !important;
}
.layout-2023 .section-payouts-players .payouts-player {
  display: flex;
  align-items: center;
  gap: 14px;
}
.layout-2023 .section-payouts-players .payouts-player__image {
  width: 100px;
  height: 100px;
  background: linear-gradient(180deg, #ff8aa6 0%, #e45678 100%);
  padding: 8px;
  border-radius: 100%;
}
.layout-2023 .section-payouts-players .payouts-player__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100%;
}
.layout-2023 .section-payouts-players .payouts-player__data {
  display: flex;
  flex-direction: column;
  line-height: 1;
  gap: 9px;
}
.layout-2023 .section-payouts-players .payouts-player__name {
  font-size: 18px;
  font-weight: 700;
}
.layout-2023 .section-payouts-players .payouts-player__date {
  font-size: 14px;
}
.layout-2023 .section-payouts-players .payouts-player__price {
  background: linear-gradient(180deg, #ff8aa6 0%, #e45678 100%);
  color: #fff;
  padding: 5px 9px;
  border-radius: 6px;
}
.layout-2023 .section-payouts-players .payouts-player__price span {
  font-weight: 700;
  font-size: 16px;
}
.layout-2023 .trapezoid-border {
  position: relative;
}
.layout-2023 .trapezoid-border:after {
  content: "";
  position: absolute;
  top: calc(100% + 2px);
  left: -1.5px;
  width: calc(100% + 3px);
  height: 0.25em;
  background: linear-gradient(180deg, #ff8aa6 0%, #e45678 100%);
  clip-path: polygon(0 0, 100% 0, 99% 50%, 3% 100%);
  transform: rotate(-1deg);
}
.layout-2023 .svg-clip-path {
  width: 0;
  height: 0;
  position: absolute;
}
.layout-2023 .shimmer-blink {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: inherit;
}
.layout-2023 .shimmer-blink:after {
  content: "";
  z-index: 10;
  position: absolute;
  height: 200%;
  width: 200%;
  top: -120%;
  left: -120%;
  background: linear-gradient(transparent 0%, rgba(255, 255, 255, 0.1) 45%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.1) 55%, transparent 100%);
  transition: all 2s;
  transform: rotate(-45deg);
  animation: shimmer-animation 3s infinite forwards;
}
@keyframes shimmer-animation {
  0% {
    top: -120%;
    left: -120%;
  }
  100% {
    left: 100%;
    top: 100%;
  }
}
@keyframes timer-bounce {
  20%,
  50%,
  80% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes price-scale {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
}
.layout-2023 .project-years {
  background: var(--tx-panel-background);
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  height: 69px;
  padding: 10px;
  border-radius: 100px;
  box-shadow: 0 0 3px var(--tx-box-shadow-color);
}
@media (max-width: 480px) {
  .layout-2023 .project-years {
    height: 84px;
  }
}
.layout-2023 .project-years-fern {
  height: 100%;
}
.layout-2023 .project-years-fern:last-child {
  transform: rotateY(180deg);
}
.layout-2023 .project-years-text {
  font-weight: bold;
  font-size: 11px;
  line-height: 11px;
  color: var(--drk-color, #666);
  margin-left: 2px;
  width: min-content;
}
@media (max-width: 480px) {
  .layout-2023 .project-years-text {
    font-size: 13.5px;
    line-height: 13.5px;
  }
}
.layout-2023 .project-years-value {
  font-family: "Anton", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-text-stroke: 1px #b37c2d;
  letter-spacing: 5px;
  font-size: 42px;
  font-weight: 400;
  background: linear-gradient(180deg, #dbb65c 0%, #ffe794 30.5%, #e3c36f 57%, #c9a24c 84%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 480px) {
  .layout-2023 .project-years-value {
    font-size: 51px;
  }
}
.layout-2023 .frontpage-ratings {
  position: relative;
  zoom: 1.1;
}
.layout-2023 .frontpage-ratings:before {
  content: "";
  position: absolute;
  left: 0;
  top: -105px;
  width: 100%;
  height: calc(100% + 110px);
  background: radial-gradient(52.85% 52.85% at 50% 50%, rgba(255, 255, 255, 0) 0%, #fff 99.06%), repeating-conic-gradient(#ffdfc2 0 5deg, #ffc07c 5deg 10deg) no-repeat;
  background-position-y: 45px;
  background-size: 100% 50%;
  z-index: 0;
  border-radius: 100px;
}
.layout-2023 .filter-round {
  filter: url(#round);
}
.layout-2023 .section-tariffs .container-fluid,
.layout-2023 .withdraw-money-second .container-fluid {
  position: relative;
}
.layout-2023 .section-tariffs .container-fluid:before,
.layout-2023 .withdraw-money-second .container-fluid:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 30px;
  background: var(--tx-wrapper-background);
}
.layout-2023 .quest-widgets {
  right: 100px;
}
@media (max-width: 992px) {
  .layout-2023 .quest-widgets {
    bottom: 90px;
  }
}
.layout-2023 .floating-button-group {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 1040;
}
@media (max-width: 992px) {
  .layout-2023 .floating-button-group {
    bottom: 90px;
  }
}
.layout-2023 .floating-button-group-items {
  position: absolute;
  right: 0;
  bottom: 100%;
  display: flex;
  flex-direction: column-reverse;
  gap: 15px;
  visibility: hidden;
}
.layout-2023 .floating-button-group-items .floating-button {
  margin: 0;
  transform: scale(0);
  transition: 0.1s;
}
.layout-2023 .floating-button-group.floating-button-toggled .floating-button-group-items {
  visibility: visible;
}
.layout-2023 .floating-button-group.floating-button-toggled .floating-button-group-items .floating-button {
  transform: scale(1);
}
.layout-2023 .floating-button-group.floating-button-toggled .floating-button-group-items .floating-button:nth-child(1) {
  transition-delay: 0.1s;
}
.layout-2023 .floating-button-group.floating-button-toggled .floating-button-group-items .floating-button:nth-child(2) {
  transition-delay: 0.2s;
}
.layout-2023 .floating-button-group.floating-button-toggled .floating-button-group-items .floating-button:nth-child(3) {
  transition-delay: 0.3s;
}
.layout-2023 .floating-button-group.floating-button-toggled .floating-button-group-items .floating-button:nth-child(4) {
  transition-delay: 0.4s;
}
.layout-2023 .floating-button-group.floating-button-toggled .floating-button-group-items .floating-button:nth-child(5) {
  transition-delay: 0.5s;
}
@media (min-width: 993px) {
  .layout-2023 .floating-button-group.expanded-desktop .floating-button-group-items {
    visibility: visible;
  }
  .layout-2023 .floating-button-group.expanded-desktop .floating-button-group-items .floating-button {
    transform: scale(1);
  }
  .layout-2023 .floating-button-group.expanded-desktop .floating-button-group-items .floating-button:nth-child(1) {
    transition-delay: 0.1s;
  }
  .layout-2023 .floating-button-group.expanded-desktop .floating-button-group-items .floating-button:nth-child(2) {
    transition-delay: 0.2s;
  }
  .layout-2023 .floating-button-group.expanded-desktop .floating-button-group-items .floating-button:nth-child(3) {
    transition-delay: 0.3s;
  }
  .layout-2023 .floating-button-group.expanded-desktop .floating-button-group-items .floating-button:nth-child(4) {
    transition-delay: 0.4s;
  }
  .layout-2023 .floating-button-group.expanded-desktop .floating-button-group-items .floating-button:nth-child(5) {
    transition-delay: 0.5s;
  }
  .layout-2023 .floating-button-group.expanded-desktop .floating-button-expand {
    display: none;
  }
  .layout-2023 .floating-button-group.expanded-desktop .floating-button-group-items {
    bottom: 0;
  }
}
@media (max-width: 992px) {
  .layout-2023 .floating-button-group.expanded-mobile .floating-button-group-items {
    visibility: visible;
  }
  .layout-2023 .floating-button-group.expanded-mobile .floating-button-group-items .floating-button {
    transform: scale(1);
  }
  .layout-2023 .floating-button-group.expanded-mobile .floating-button-group-items .floating-button:nth-child(1) {
    transition-delay: 0.1s;
  }
  .layout-2023 .floating-button-group.expanded-mobile .floating-button-group-items .floating-button:nth-child(2) {
    transition-delay: 0.2s;
  }
  .layout-2023 .floating-button-group.expanded-mobile .floating-button-group-items .floating-button:nth-child(3) {
    transition-delay: 0.3s;
  }
  .layout-2023 .floating-button-group.expanded-mobile .floating-button-group-items .floating-button:nth-child(4) {
    transition-delay: 0.4s;
  }
  .layout-2023 .floating-button-group.expanded-mobile .floating-button-group-items .floating-button:nth-child(5) {
    transition-delay: 0.5s;
  }
  .layout-2023 .floating-button-group.expanded-mobile .floating-button-expand {
    display: none;
  }
  .layout-2023 .floating-button-group.expanded-mobile .floating-button-group-items {
    bottom: 0;
  }
}
.layout-2023 .floating-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  margin-top: 15px;
  padding: 10px;
  border-radius: 100%;
  background: #4b72d3 url('../img/messenger/float/background.png') no-repeat;
  background-size: cover;
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.15);
  cursor: pointer;
}
.layout-2023 .floating-button.chat-button {
  padding: 5px;
}
.layout-2023 .floating-button.polis-button {
  padding: 7px;
}
.layout-2023 .floating-button:before {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: inherit;
  background: linear-gradient(90deg, #3C538C 0%, #758CD8 33%, #758CD8 66%, #3C538C 100%);
  z-index: -2;
}
.layout-2023 .floating-button:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: inherit;
  z-index: -1;
}
.layout-2023 .floating-button:hover,
.layout-2023 .floating-button.hover {
  background: linear-gradient(160deg, #FFBF1B 0%, #FE9E0D 35.94%, #FF881A 100%);
}
.layout-2023 .floating-button:hover:before,
.layout-2023 .floating-button.hover:before {
  background: linear-gradient(#FFE4BB, #9B610A);
}
.layout-2023 .floating-button-image {
  height: 100%;
}
.layout-2023 .floating-button-badge {
  position: absolute;
  top: -3px;
  right: -3px;
  z-index: 2;
}
.layout-2023 .margo-button {
  position: absolute;
  top: 1px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: inherit;
}
.layout-2023 .rating-button {
  padding: 0 !important;
}
@media (min-width: 993px) {
  .layout-2023 .rating-button {
    display: none;
  }
}
.layout-2023 .rating-button:hover .rating-button-pos {
  background: linear-gradient(#abb7df, #405690);
}
.layout-2023 .rating-button:hover .rating-button-value {
  text-shadow: 1px 1px 0px #284775;
  background: linear-gradient(180deg, #81B5FF 0%, #4A83DF 100%);
}
.layout-2023 .rating-button-pos {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 26px;
  height: 26px;
  background: linear-gradient(#FFE4BB, #9B610A);
  border-radius: 100%;
  padding: 1.2px;
}
.layout-2023 .rating-button-value {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-shadow: 1px 1px 0px #BB7732;
  font-size: 17px;
  font-weight: 700;
  background: linear-gradient(160deg, #FFBF1B 0%, #FE9E0D 35.94%, #FF881A 100%);
  border-radius: 100%;
}
.layout-2023 .activity-items-group {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px 10px 10px;
  margin: -8px;
  width: calc(100% + 16px) !important;
}
.layout-2023 .activity-items .activity-item {
  position: relative;
  display: block;
  height: 109px;
  background: linear-gradient(to right, #395c86, #6b49b2);
  text-decoration: none;
  color: #fff;
  cursor: pointer;
  margin-bottom: 10px;
  border-radius: 15px;
  box-shadow: 0 0 4px var(--tx-box-shadow-color);
}
.layout-2023 .activity-items .activity-item:hover {
  box-shadow: 0 0 4px 2px #F47895 !important;
}
.layout-2023 .activity-items .activity-item:hover .activity-item-title {
  color: #F47895;
}
.layout-2023 .activity-items .activity-item:hover .activity-item-image {
  transform: translateY(-50%) scale(1.2);
}
.layout-2023 .activity-items .activity-item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--activity-bg);
  background-size: cover;
  border-radius: inherit;
  -webkit-mask-image: linear-gradient(to right, transparent 0%, #0000001c 40%, #000000e3 100%);
  mask-image: linear-gradient(to right, transparent 0%, #0000001c 40%, #000000e3 100%);
}
.layout-2023 .activity-items .activity-item.activity-viewed {
  opacity: 0.7;
}
.layout-2023 .activity-items .activity-item.activity-finished:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  border: 4px dashed #fbe222;
  z-index: 0;
  -webkit-mask-image: linear-gradient(to right, #000000 0%, #00000080 50%, #00000000 90%, #00000000 0%);
  mask-image: linear-gradient(to right, #000000 0%, #00000080 50%, #00000000 90%, #00000000 0%);
}
.layout-2023 .activity-items .activity-item-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 14px;
  height: 100%;
  overflow: hidden;
  z-index: 1;
  border-radius: inherit;
}
.layout-2023 .activity-items .activity-item-image {
  position: absolute;
  max-height: 100px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s;
  -webkit-mask-image: linear-gradient(to left, #000000 150px, #000000ab 150px);
  mask-image: linear-gradient(to left, #000000 150px, #000000ab 150px);
}
.layout-2023 .activity-items .activity-item-title {
  font-size: 18px;
  font-weight: 700;
  z-index: 1;
  max-width: 70%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.layout-2023 .activity-items .activity-item-desc {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: normal;
  font-size: 14px;
  z-index: 1;
  max-width: 70%;
}
.layout-2023 .activity-items .activity-item-status {
  position: absolute;
  bottom: 0;
  left: 0;
  text-shadow: 1px 1px 0px #bb7732;
  font-size: 10px;
  font-weight: 700;
  line-height: normal;
  border-radius: 0px 6px 0px 10px;
  background: radial-gradient(50% 46.13% at 53.03% 51.66%, rgba(255, 255, 255, 0.22) 28.48%, rgba(255, 255, 255, 0) 100%), linear-gradient(102deg, #ffbf1b -3.15%, #fe9e0d 28.77%, #ff881a 85.67%);
  padding: 2.5px 8px;
}
.layout-2023 .activity-items .activity-item-position {
  position: absolute;
  top: 0;
  left: 0;
  text-shadow: 1px 1px 0px #bb7732;
  font-size: 10px;
  font-weight: 700;
  line-height: normal;
  border-radius: 6px 0px 6px 0px;
  background: radial-gradient(50% 46.13% at 53.03% 51.66%, rgba(255, 255, 255, 0.22) 28.48%, rgba(255, 255, 255, 0) 100%), linear-gradient(102deg, #ffbf1b -3.15%, #fe9e0d 28.77%, #ff881a 85.67%);
  padding: 3.5px 12px;
}
.layout-2023 .activity-items .activity-item-new {
  position: absolute;
  top: -10px;
  right: -4px;
  background: linear-gradient(180deg, #ff8aa6 0%, #e45678 100%);
  color: #fff;
  text-shadow: 1px 1px 0px #a44058;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  border-radius: 100px;
  border: 2px solid #fff;
  padding: 3px 10px;
  z-index: 1;
}
.layout-2023 .activity-items .activity-item-price {
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  gap: 4px;
  color: #fff;
  text-shadow: 1px 1px 0px #a44058;
  font-size: 14px;
  line-height: 1;
  padding: 3px 10px 3px 3px;
  background: linear-gradient(180deg, #FF8AA6 0%, #E45678 100%);
}
.layout-2023 .activity-items .activity-item-price:before {
  content: "";
  position: absolute;
  top: 0;
  left: -11px;
  width: 18px;
  height: 100%;
  background: inherit;
  z-index: -1;
  border-radius: 5px 0 0 0;
  transform: skewX(-25deg);
}
.layout-2023 .activity-items .activity-item-price img {
  height: 16px;
}
.layout-2023 .activity-items .activity-item-price span {
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 18px;
}
.layout-2023 .activity-items .swiper-navigation {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  margin-top: 20px;
}
.layout-2023 .activity-items .swiper-navigation-dots {
  width: auto !important;
  line-height: 0;
}
.layout-2023 .activity-items .swiper-navigation-dots .swiper-pagination-bullet {
  width: 0.5em;
  height: 0.5em;
  background: #d9d9d9;
  opacity: 1;
}
.layout-2023 .activity-items .swiper-navigation-dots .swiper-pagination-bullet-active {
  background: #333;
}
.layout-2023 .activity-items .swiper-navigation-prev,
.layout-2023 .activity-items .swiper-navigation-next {
  font-size: 16px;
  color: #d9d9d9;
}
.layout-2023 .activity-items .swiper-navigation-prev:hover,
.layout-2023 .activity-items .swiper-navigation-next:hover {
  color: #333;
}
.layout-2023 #theme-activity-modal .theme-modal-body {
  max-width: 415px;
}
.layout-2023 #active-bonus-modal .theme-modal-body {
  max-width: 640px;
}
.layout-2023 #active-bonus-modal .active-bonus-title {
  margin: 0;
}
.layout-2023 #active-bonus-modal .active-bonus-date {
  font-size: 14px;
}
.layout-2023 #active-bonus-modal .active-bonus-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.layout-2023 #active-bonus-modal .active-bonus-content img {
  max-width: 100%;
  height: auto;
}
.layout-2023 #active-bonus-modal .active-bonus-content p {
  font-size: 16px;
}
.layout-2023 #active-bonus-modal .active-bonus-content h2,
.layout-2023 #active-bonus-modal .active-bonus-content h3 {
  font-weight: 700;
  font-size: 20px;
}
.layout-2023 #active-bonus-modal .active-bonus-finish {
  text-align: center;
  font-size: 14px;
  margin-top: 20px;
}
.layout-2023 .modal-backdrop {
  background: #3c538c8a;
}
.layout-2023 .modal-backdrop.in {
  opacity: 1;
}
.layout-2023 .modal-content {
  background: var(--tx-wrapper-background-second);
  color: var(--tx-text-color);
  border-radius: 15px;
  box-shadow: 0px 2px 6px 0px var(--tx-box-shadow-color);
}
@media (max-width: 767px) {
  .layout-2023 .modal-content {
    padding: 0;
    margin: 50px 30px;
    height: fit-content;
  }
}
.layout-2023 .modal-header {
  position: relative;
  padding: 0;
  border: none;
}
.layout-2023 .modal-header .close {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  background: #fff;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25);
  line-height: 1;
  color: #3a5087;
  cursor: pointer;
  text-decoration: none;
  border: none;
}
.layout-2023 .modal-header .close:hover {
  color: #fff;
  background: #3a5087;
}
.layout-2023 .modal-title {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-width: 220px;
  margin: 0 auto 10px !important;
  width: fit-content;
  text-align: center;
  background: #3a5087;
  box-shadow: 0px 4px 4px 0px #35497a inset;
  color: #fff;
  text-shadow: 1px 1px 0px #213d65;
  font-size: 20px;
  line-height: 1;
  padding: 10px;
}
.layout-2023 .modal-title:before,
.layout-2023 .modal-title:after {
  content: "";
  background: inherit;
  width: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
}
.layout-2023 .modal-title:before {
  transform: skew(15deg);
  right: calc(100% - 6px);
  border-radius: 0 0 0 10px;
}
.layout-2023 .modal-title:after {
  transform: skew(-15deg);
  left: calc(100% - 6px);
  border-radius: 0 0 10px 0;
}
.layout-2023 .modal-title i {
  position: relative;
  top: 1px;
  margin: 0;
}
.layout-2023 .modal .modal-new-taxi .modal-dialog {
  border-radius: 15px;
}
.layout-2023 .modal-cancel .taxi-block,
.layout-2023 .modal-rent .taxi-block {
  color: #333;
}
.layout-2023 .modal-cancel .taxi-block .name-block,
.layout-2023 .modal-rent .taxi-block .name-block {
  color: #333;
}
.layout-2023 .theme-modal-buy-taxi.in {
  display: flex !important;
}
.layout-2023 .theme-modal-buy-taxi .modal-dialog {
  box-shadow: none;
  margin-top: auto;
  margin-bottom: auto;
}
@media (max-width: 768px) {
  .layout-2023 .theme-modal-buy-taxi .modal-dialog {
    width: 100%;
  }
}
.layout-2023 .theme-modal-buy-taxi .modal-dialog .modal-content {
  background: var(--tx-wrapper-background);
  margin-top: auto !important;
  margin-bottom: auto !important;
}
@media (max-width: 768px) {
  .layout-2023 .theme-modal-buy-taxi .modal-dialog .modal-content .bg-car-name {
    display: none;
  }
}
@media (max-width: 768px) {
  .layout-2023 .theme-modal-buy-taxi .modal-dialog .modal-content .bg-car-image {
    position: unset;
    margin: -40px auto -110px;
  }
}
.layout-2023 .theme-modal-buy-taxi .modal-dialog .modal-header {
  padding: 0;
}
.layout-2023 .theme-modal-buy-taxi .modal-dialog .modal-body {
  margin-bottom: 70px;
}
.layout-2023 .theme-modal-buy-taxi .modal-dialog .modal-footer {
  border: none !important;
}
.layout-2023 .theme-modal-buy-taxi .modal-dialog .prize-block-item.disabled {
  cursor: not-allowed !important;
}
.layout-2023 .theme-modal-buy-taxi .modal-dialog .prize-block {
  background: #fbbc23 !important;
  border-color: #cb971a !important;
}
.layout-2023 .theme-modal-buy-taxi .modal-dialog .prize-block.disabled {
  pointer-events: none;
}
.layout-2023 .modal.in {
  display: flex !important;
  align-items: center;
}
.layout-2023 .business-tabs {
  overflow: hidden;
}
.layout-2023 .business-tabs .content-tab-item {
  min-width: auto !important;
}
.layout-2023 .company-content .business-tabs {
  border-radius: 0;
}
.layout-2023 .business-companies {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.layout-2023 .business-item {
  display: flex;
  gap: 14px;
  padding: 10px;
  border-radius: 6px;
  background: var(--tx-panel-background);
  box-shadow: 0px 0px 5px var(--tx-box-shadow-color);
}
.layout-2023 .business-item a {
  text-decoration: none;
}
.layout-2023 .business-item-left {
  display: flex;
  align-items: center;
  gap: 6px;
}
@media (max-width: 992px) {
  .layout-2023 .business-item-left {
    display: none;
  }
}
.layout-2023 .business-item-right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}
@media (max-width: 992px) {
  .layout-2023 .business-item-right {
    gap: 10px;
  }
}
.layout-2023 .business-item-subhead {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
}
.layout-2023 .business-item-subbody {
  display: flex;
}
@media (max-width: 992px) {
  .layout-2023 .business-item-subbody {
    flex-wrap: wrap;
    gap: 10px;
  }
}
@media (min-width: 993px) {
  .layout-2023 .business-item-subbody .business-item-image {
    display: none;
  }
}
.layout-2023 .business-item-image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 94px;
  height: 94px;
  border-radius: 6px;
  border: 1px solid #888b99;
  overflow: hidden;
}
@media (max-width: 992px) {
  .layout-2023 .business-item-image {
    width: 48px;
    height: 48px;
  }
}
.layout-2023 .business-item-image:hover img {
  transform: scale(1.3);
}
@media (max-width: 992px) {
  .layout-2023 .business-item-image.has-ground {
    width: 98px;
    height: 98px;
  }
}
.layout-2023 .business-item-image img {
  transition: 0.3s;
  max-width: 100%;
  max-height: 100%;
}
.layout-2023 .business-item-license {
  display: flex;
}
@media (max-width: 992px) {
  .layout-2023 .business-item-license img {
    height: 14px;
  }
}
.layout-2023 .business-item-title {
  color: var(--tx-text-color);
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  line-height: 1;
}
.layout-2023 .business-item-title:hover {
  color: #ffa449;
}
.layout-2023 .business-item-buildings {
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(4, 1fr);
  gap: 2px;
}
.layout-2023 .business-item-building {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 4px;
  background: url("../img/business/list/land.png");
  cursor: pointer;
}
.layout-2023 .business-item-building.txSlideTargetOpened {
  box-shadow: 0 0 0 2px #ff8aa6;
  border-radius: 6px;
}
.layout-2023 .business-item-building.no-building {
  background: url("../img/business/list/no-building.png");
}
.layout-2023 .business-item-building.no-building .business-item-building__image {
  opacity: 0.5;
  filter: saturate(0);
}
.layout-2023 .business-item-building img {
  max-width: 100%;
  max-height: 100%;
}
.layout-2023 .business-item-building-level {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  overflow: hidden;
}
.layout-2023 .business-item-building-level .roman-level {
  position: absolute;
  bottom: -1px;
  right: -1px;
  font-size: 8px;
  width: 10px;
  height: 10px;
}
.layout-2023 .business-item-building-level .roman-level.high-level {
  font-size: 6px;
}
.layout-2023 .business-item-building-title {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}
.layout-2023 .business-item-building-popup {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
  background: linear-gradient(180deg, #4d5164 0%, #484d60 100%);
  border-radius: 6px;
  color: #fff;
  z-index: 1040;
  opacity: 0;
  visibility: hidden;
  max-width: 190px;
  transition: opacity 0.3s;
}
@media (max-width: 992px) {
  .layout-2023 .business-item-building-popup {
    font-size: 10px;
  }
}
@media (max-width: 480px) {
  .layout-2023 .business-item-building-popup {
    left: 0;
    transform: unset;
  }
  .layout-2023 .business-item-building-popup:after {
    left: 41px !important;
  }
}
.layout-2023 .business-item-building-popup:after {
  content: "";
  position: absolute;
  top: -17px;
  left: 50%;
  display: block;
  width: 20px;
  height: 20px;
  background: #484d60;
  transform: translateX(-50%);
  clip-path: polygon(50% 50%, 0% 100%, 100% 100%);
}
.layout-2023 .business-item-building-popup.popup-opened {
  opacity: 1;
  visibility: visible;
}
.layout-2023 .business-item-building-popup__title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  color: #fbe222;
  font-size: 16px;
  font-weight: 700;
  white-space: nowrap;
}
.layout-2023 .business-item-building-popup__image {
  max-width: 170px !important;
  margin: 0 auto 10px;
  padding: 10px;
}
.layout-2023 .business-item-building-popup__buttons {
  display: flex;
  flex-direction: column;
  padding: 10px;
  gap: 10px;
}
.layout-2023 .business-item-building-popup .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  box-shadow: none;
}
.layout-2023 .business-item-building-popup .building-popup-bonuses {
  display: flex;
  flex-direction: column;
}
.layout-2023 .business-item-building-popup .building-popup-bonus {
  border-top: 1px solid #575c6e;
  border-bottom: 1px solid #575c6e;
  background: linear-gradient(180deg, #4d5164 0%, #484d60 100%);
  padding: 4px 10px;
}
.layout-2023 .business-item-building-popup .building-popup-bonus__value {
  color: #fbe222;
  font-weight: 700;
}
.layout-2023 .business-item-rank {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 1.5px 8px;
  font-size: 14px;
  color: var(--tx-text-color);
  text-decoration: none;
}
.layout-2023 .business-item-rank:hover {
  background: #7ccd7b30;
}
.layout-2023 .business-item-rank-image {
  height: 14px;
}
.layout-2023 .business-item-rank-value {
  --active: #e27909;
  --activeSecond: #ffbc12;
  width: 14px;
  height: 14px;
  border-radius: 100px;
  color: #fff;
  background: linear-gradient(180deg, #52be54 35.5%, #4ab34c 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  text-shadow: 1px 1px 0px #367b27;
  font-size: 10px;
  font-weight: 700;
}
.layout-2023 .business-item-rank-levelup {
  display: flex;
}
.layout-2023 .business-item-rank-levelup img {
  height: 14px;
}
.layout-2023 .business-item-promotion {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 6px 8px;
  border-radius: 100px;
  background: #d8ffcf;
  color: #609f53;
  font-size: 12px;
  line-height: 1;
  text-decoration: none;
}
@media (max-width: 992px) {
  .layout-2023 .business-item-promotion {
    font-size: 10px;
    padding: 4px 6px;
  }
}
.layout-2023 .business-item-notification {
  display: flex;
  align-items: center;
  line-height: 1;
  gap: 4px;
  font-size: 14px;
  padding: 5px 8px;
  margin-left: auto;
  cursor: default;
}
@media (max-width: 992px) {
  .layout-2023 .business-item-notification {
    padding: 4px 6px;
  }
}
.layout-2023 .business-item-notification:not(.text-danger) i {
  color: #888b99;
}
.layout-2023 .business-item-stat {
  display: flex;
  gap: 45px;
}
@media (max-width: 992px) {
  .layout-2023 .business-item-stat {
    flex: 1;
    gap: 20px;
    justify-content: space-between;
  }
}
.layout-2023 .business-item-stat-row {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
}
@media (max-width: 992px) {
  .layout-2023 .business-item-stat-row {
    gap: 8px;
    font-size: 14px;
  }
}
.layout-2023 .business-item-stat-row + .business-item-stat-row:before {
  content: "";
  position: absolute;
  top: 0;
  left: -22.5px;
  width: 1px;
  height: 100%;
  background: #e7e8ec;
}
@media (max-width: 992px) {
  .layout-2023 .business-item-stat-row + .business-item-stat-row:before {
    display: none;
  }
}
.layout-2023 .business-item-stat-row.business-item-balances:before {
  left: -26.5px;
}
.layout-2023 .business-item-stat-item {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--tx-text-color);
  text-decoration: none;
}
.layout-2023 .business-item-stat-item:hover img {
  scale: 1.2;
}
.layout-2023 .business-item-stat-item img {
  transition: scale 0.3s;
}
.layout-2023 .business-item-salary {
  padding: 1.5px 7px;
  font-size: 14px;
  font-weight: bold;
}
.layout-2023 .business-item-salary img {
  height: 14px;
}
.layout-2023 .business-item-salary span {
  display: flex;
  align-items: center;
  margin-right: -3px;
}
.layout-2023 .business-item-balance {
  position: relative;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
  padding: 1px 7px 1px 20px;
  border-radius: 100px;
  justify-content: end;
}
.layout-2023 .business-item-balance:hover {
  box-shadow: 0px 0px 0px 1px #33333342;
}
.layout-2023 .business-item-balance:hover .business-item-balance-icon {
  scale: 1.1;
}
.layout-2023 .business-item-balance-gem {
  font-size: 12px;
  font-weight: 700;
  padding-top: 2.5px;
  padding-bottom: 2.5px;
}
.layout-2023 .business-item-balance-icon {
  position: absolute;
  left: -3px;
  transform: scale(1.7);
  transition: scale 0.3s;
}
.layout-2023 .business-item-balance:not(.layout-2023 .business-item-balance-gem) .business-item-balance-icon {
  top: -2px;
}
.layout-2023 .business-item-balance .balance-arrested {
  position: absolute;
  display: flex;
  bottom: 1px;
  right: 0;
}
.layout-2023 .business-item-balance .balance-arrested svg {
  width: 10px;
  height: 10px;
}
.layout-2023 .business-item-level {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  font-size: 12px;
  font-weight: 700;
  background: #51bb52;
  color: #fff;
  border-radius: 100%;
}
@media (max-width: 992px) {
  .layout-2023 .business-item-level {
    width: 14px;
    height: 14px;
    font-size: 9px;
  }
}
.layout-2023 .business-item-workplaces {
  gap: 4px;
}
@media (max-width: 992px) {
  .layout-2023 .business-item-workplaces {
    order: 2;
  }
}
@media (max-width: 992px) {
  .layout-2023 .business-item-balances {
    order: 3;
  }
}
.layout-2023 .business-item-workplace-slot {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  position: relative;
  border-radius: 4px;
  border: 1px solid transparent;
  overflow: hidden;
}
@media (max-width: 992px) {
  .layout-2023 .business-item-workplace-slot {
    width: 24px;
    height: 24px;
  }
}
.layout-2023 .business-item-workplace-slot.slot-working {
  --border-color: #52be54;
  border: 1px solid var(--border-color);
}
.layout-2023 .business-item-workplace-slot.slot-upgrading {
  --border-color: #ffbf1b;
  border: 1px solid var(--border-color);
}
.layout-2023 .business-item-workplace-slot.slot-idle {
  --border-color: #2196f3;
  border: 1px solid var(--border-color);
}
.layout-2023 .business-item-workplace-slot.slot-disabled {
  --border-color: #ff8aa6;
  border-color: var(--border-color);
}
.layout-2023 .business-item-workplace-slot.slot-disabled:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ff8aa669;
}
.layout-2023 .business-item-workplace-slot.slot-empty {
  --border-color: #e6e6eb;
  border-color: var(--border-color);
  font-size: 10px;
}
.layout-2023 .business-item-workplace-slot:hover {
  box-shadow: 0 0 3px var(--border-color);
}
.layout-2023 .business-item-workplace-slot:hover .workplace-slot-image {
  scale: 1.1;
}
.layout-2023 .business-item-workplace-slot .slot-progress-bar {
  position: absolute;
  left: 1.5px;
  bottom: 1.5px;
  background: #fff;
  width: calc(100% - 3px);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 1px;
}
.layout-2023 .business-item-workplace-slot .slot-progress-indicator {
  height: 2px;
  background: #52be54;
  border-radius: inherit;
}
.layout-2023 .business-item-workplace-slot .workplace-slot-image {
  min-width: 30px;
  min-height: 30px;
  align-self: stretch;
  background-size: cover;
  transition: scale 0.3s;
}
.layout-2023 .business-item-delta {
  padding: 1.5px 7px;
  font-size: 12px;
}
@media (max-width: 992px) {
  .layout-2023 .business-item-delta {
    padding: 1px 5px;
    font-size: 10px;
  }
}
.layout-2023 .business-item-delta .delta-divider {
  width: 1px;
  background: #e7e7ec;
  height: calc(100% + 3px);
}
.layout-2023 .business-item-delta .delta-income,
.layout-2023 .business-item-delta .delta-clients {
  display: flex;
  align-items: center;
  gap: 4px;
}
.layout-2023 .business-item-delta .delta-income {
  flex: 1;
  justify-content: center;
}
.layout-2023 .business-item-delta .delta-income .txm-account-icon {
  margin-left: -4px;
}
.layout-2023 .business-item-buyinfo {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
}
@media (max-width: 992px) {
  .layout-2023 .business-item-buyinfo {
    flex-wrap: wrap;
    justify-content: unset;
    align-items: unset;
  }
}
@media (min-width: 993px) {
  .layout-2023 .business-item-buyinfo .business-item-image {
    display: none;
  }
}
.layout-2023 .business-item-benefits {
  display: grid;
  grid-template-columns: auto auto;
  gap: 10px;
}
@media (max-width: 992px) {
  .layout-2023 .business-item-benefits {
    grid-template-columns: 1fr;
    gap: 5px;
    font-size: 12px;
  }
}
.layout-2023 .business-item-benefit {
  display: flex;
  align-items: center;
  gap: 8px;
}
.layout-2023 .business-item-benefit img {
  max-height: 20px;
  min-width: 25px;
}
@media (max-width: 992px) {
  .layout-2023 .business-item-benefit img {
    min-height: 14px;
    min-width: 18px;
  }
}
.layout-2023 .business-item-benefit span {
  display: flex;
  align-items: center;
  gap: 4px;
}
.layout-2023 .business-item-buy {
  display: flex;
  flex: 1;
  max-width: 250px;
}
@media (max-width: 992px) {
  .layout-2023 .business-item-buy {
    max-width: unset;
    width: 100%;
    flex: unset;
  }
}
.layout-2023 .business-item-link {
  width: 100%;
}
.layout-2023 .business-item-link .txm-account-icon {
  scale: 1.6;
  margin: 0 8px;
}
.layout-2023 .business-item-income {
  position: absolute;
  top: 0px;
  right: 0;
  background: url("/media/assets/app/src/img/business/list/income-bg.png") no-repeat;
  background-size: 100%;
  padding: 10px 30px 10px 45px;
}
@media (max-width: 992px) {
  .layout-2023 .business-item-income {
    position: unset;
    padding: 1.5px 8px;
    border-radius: 100px;
    background: linear-gradient(180deg, #ff6296 0%, #ff6296 100%);
    margin-left: auto;
  }
}
.layout-2023 .business-item-income-price {
  font-size: 16px;
}
@media (max-width: 992px) {
  .layout-2023 .business-item-income-price {
    font-size: 12px;
  }
}
.layout-2023 .business-item-income-text {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #fff;
  text-shadow: 1px 1px 0px #a44058;
  font-weight: 700;
  text-decoration: none;
}
@media (max-width: 992px) {
  .layout-2023 .business-item-income-text {
    font-size: 10px;
  }
}
.layout-2023 .business-item-income-text:hover {
  color: #ffc107;
}
.layout-2023 .business-item-income-text .txm-account-icon {
  scale: 1.3;
  margin: 0 4px;
}
.layout-2023 .business-item-bottom {
  position: relative;
  display: flex;
  margin-left: auto;
}
@media (max-width: 992px) {
  .layout-2023 .business-item-bottom {
    width: 100%;
  }
}
.layout-2023 .business-item-bottom .business-item-buildings {
  grid-template-rows: 1fr;
}
@media (min-width: 993px) {
  .layout-2023 .business-item-bottom .business-item-buildings {
    display: none;
  }
}
.layout-2023 .business-item-bottom .business-item-building-popup:after {
  left: 12px !important;
}
.layout-2023 .business-item-bottom iframe {
  display: none;
}
.layout-2023 .business-item-chart {
  position: relative;
  display: flex;
  border-radius: 4px;
  border: 1px solid #e6e6eb;
  margin-left: auto;
  overflow: hidden;
  color: var(--tx-text-color);
}
.layout-2023 .business-item-chart:hover {
  border-color: #3336;
}
.layout-2023 .business-item-chart canvas {
  width: 220px !important;
  height: 58px !important;
}
@media (max-width: 992px) {
  .layout-2023 .business-item-chart canvas {
    width: 93px !important;
    height: 25px !important;
  }
}
.layout-2023 .business-item-chart-data {
  position: absolute;
  left: 10px;
  top: 8px;
  line-height: 1;
  display: flex;
  align-items: center;
  gap: 4px;
}
@media (max-width: 992px) {
  .layout-2023 .business-item-chart-data {
    position: unset;
    border-right: inherit;
    padding: 0 5px;
  }
}
.layout-2023 .business-item-chart-price {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  font-weight: bold;
}
@media (max-width: 992px) {
  .layout-2023 .business-item-chart-price {
    font-weight: normal;
  }
}
.layout-2023 .business-item-chart-percentage {
  font-size: 12px;
}
@media (max-width: 992px) {
  .layout-2023 .business-item-chart-percentage {
    font-weight: bold;
  }
}
@media (min-width: 993px) {
  .layout-2023 .business-item-chart.no-graph .business-item-chart-data {
    top: 50%;
    transform: translateY(-50%);
  }
}
.layout-2023 .business-item .building-popup-bonuses {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.layout-2023 .business-item .chart-licence-btn {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 130px;
  padding: 8px;
  line-height: 1;
  font-size: 16px;
  font-weight: bold;
}
@media (max-width: 992px) {
  .layout-2023 .business-item .chart-licence-btn {
    font-size: 11px;
    width: 93px;
    padding: 2px 3px;
    gap: 2px;
  }
}
.layout-2023 .business-item .chart-licence-btn img {
  height: 27px;
}
@media (max-width: 992px) {
  .layout-2023 .business-item .chart-licence-btn img {
    height: 20px;
  }
}
.layout-2023 .mini-panel {
  border-radius: 100px;
  border: 1px solid #e7e7ec;
  background: #f9f9fc;
  color: var(--tx-text-color-reverse);
}
.layout-2023 .mini-panel:hover {
  border-color: #33333342;
}
.layout-2023 .has-max-level svg path {
  fill: url(#levelup-orange);
}
.layout-2023 .hire-title {
  font-size: 20px !important;
}
.layout-2023.news-page .content-wrapper {
  background: none;
  padding: 0;
}
.layout-2023 .news-banners {
  margin-bottom: 20px;
}
.layout-2023 .news-articles {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 20px;
}
.layout-2023 .news-articles .article-item {
  background: var(--tx-panel-background-second);
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.15);
  padding: 30px;
  border-radius: 16px;
}
@media (max-width: 480px) {
  .layout-2023 .news-articles .article-item {
    padding: 15px;
  }
}
.layout-2023 .news-articles .article-item-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}
.layout-2023 .news-articles .article-item-title {
  margin: 0;
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
}
@media (max-width: 480px) {
  .layout-2023 .news-articles .article-item-title {
    font-size: 20px;
  }
}
.layout-2023 .news-articles .article-item-date {
  color: #3d528c;
  font-size: 14px;
}
@media (max-width: 480px) {
  .layout-2023 .news-articles .article-item-date {
    font-size: 12px;
  }
}
.layout-2023 .news-articles .article-item-description {
  font-size: 16px;
}
@media (max-width: 480px) {
  .layout-2023 .news-articles .article-item-description {
    font-size: 14px;
  }
}
.layout-2023 .news-articles .article-item-description img {
  max-width: 100%;
}
.layout-2023 .news-articles .article-item-description h2 {
  font-size: 20px;
  font-weight: 700;
}
@media (max-width: 480px) {
  .layout-2023 .news-articles .article-item-description h2 {
    font-size: 18px;
  }
}
.layout-2023 .news-articles .article-item-description h3 {
  font-size: 18px;
  font-weight: 700;
}
@media (max-width: 480px) {
  .layout-2023 .news-articles .article-item-description h3 {
    font-size: 16px;
  }
}
.layout-2023 .hidden-link {
  text-decoration: none;
  color: var(--tx-text-color);
  cursor: pointer;
}
.layout-2023 .car-snippet-inner {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}
.layout-2023 .car-snippet-left {
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media (min-width: 481px) {
  .layout-2023 .car-snippet-left .car-snippet-price {
    display: none;
  }
}
.layout-2023 .car-snippet-right {
  display: flex;
  flex-direction: column;
}
@media (max-width: 480px) {
  .layout-2023 .car-snippet-right .car-snippet-price {
    display: none;
  }
}
.layout-2023 .car-snippet-name {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  font-size: 20px;
  font-weight: 700;
}
.layout-2023 .car-snippet-image {
  display: flex;
  max-height: 200px !important;
}
@media (max-width: 480px) {
  .layout-2023 .car-snippet-image.has-price-snippet {
    margin-top: -40px;
  }
}
.layout-2023 .car-snippet-image img {
  object-fit: contain;
  max-width: 100%;
  margin: 0 auto;
}
.layout-2023 .car-snippet-price {
  font-weight: 700;
  text-align: center;
  color: #fff;
  text-shadow: 1px 1px 1px #000;
  background-image: url("../img/garage/price_red_bg.svg");
  background-size: 115%;
  background-position: center;
  background-repeat: no-repeat;
  padding: 15px;
  font-size: 26px;
  white-space: nowrap;
}
@media (max-width: 480px) {
  .layout-2023 .car-snippet-price {
    margin-top: -40px;
    margin-bottom: -15px;
    font-size: 20px;
  }
}
.layout-2023 .car-snippet-price-label {
  font-size: 16px;
}
@media (max-width: 480px) {
  .layout-2023 .car-snippet-price-label {
    font-size: 14px;
  }
}
.layout-2023 .car-snippet-btn {
  font-size: 16px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 10px;
}
.layout-2023 .car-snippet-details {
  margin-top: 20px;
}
.layout-2023 .car-snippet.no-bonus-value .car-snippet-right {
  justify-content: center;
}
@media (max-width: 480px) {
  .layout-2023 .row-prizes-secondary {
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 480px) {
  .layout-2023 .news-item .snippet-contest .prizes .prizes-secondary {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .layout-2023 .news-item .snippet-contest .prizes .prizes-secondary .car {
    left: 60px;
    top: -17px;
    max-width: 100px;
  }
}
@media (max-width: 480px) {
  .layout-2023 .news-item .snippet-contest .prizes .prizes-first {
    min-height: 70px;
  }
}
@media (max-width: 480px) {
  .layout-2023 .news-item .snippet-contest .prizes .prizes-first .place_with_cup {
    margin-left: 0;
  }
}
@media (max-width: 480px) {
  .layout-2023 .news-item .snippet-contest .prizes .prizes-first .car {
    bottom: unset;
    top: -30px;
    left: 80px;
  }
}
@media (max-width: 480px) {
  .layout-2023 .deposit-bonus-car {
    max-width: 90px !important;
  }
}
.layout-2023 .chat-window-wrap {
  border-radius: 15px !important;
}
@media (min-width: 769px) {
  .layout-2023 .chat-window-wrap {
    right: 95px;
  }
}
@media (max-width: 768px) {
  .layout-2023 .chat-window-wrap {
    z-index: 1048;
  }
}
.layout-2023.mining-exchange .content-wrapper {
  background: none;
  padding: 0;
}
.layout-2023.mining-exchange .content-wrapper .page-header {
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  margin: 0 0 10px;
}
.layout-2023.mining-exchange .content-wrapper .warehouse-polis-building {
  margin: 0 !important;
  padding: 0 !important;
}
.layout-2023.mining-exchange .content-wrapper .warehouse-polis-building .panel-default {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 0 10px 10px;
}
.layout-2023 .exchange-column {
  border-radius: 10px !important;
  overflow: hidden;
}
.layout-2023 .exchange-column-line {
  white-space: nowrap;
}
.layout-2023 .nav-shares {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.layout-2023 .nav-shares > li:first-child {
  border-top-left-radius: 15px;
}
.layout-2023 .nav-shares > li:first-child > a {
  border-top-left-radius: 15px;
}
.layout-2023 .nav-shares > li:last-child {
  border-top-right-radius: 15px;
}
.layout-2023 .nav-shares > li:last-child > a {
  border-top-right-radius: 15px;
}
.layout-2023 .table-shares .title {
  font-size: 20px;
}
.layout-2023 .shares-wrapper {
  margin-bottom: 20px;
}
.layout-2023 .shares-header,
.layout-2023 .admin-exchange-stat {
  border-radius: 0;
}
.layout-2023 .page-header + .content-wrapper {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.layout-2023 .shares-wrapper {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.layout-2023 .tournament-taxi-checkbox {
  top: 10px;
  left: 10px;
}
.layout-2023 .tournament-taxi-checkbox i {
  width: 35px;
  height: 35px;
  font-size: 22px;
}
.layout-2023 .tournament-taxi-meta {
  top: 10px;
  right: 10px;
}
.layout-2023 .tournament-taxi-level {
  right: 0;
}
.layout-2023 .tournament-taxi-image {
  margin-top: 30px;
}
.layout-2023 .tournament-girl {
  border-bottom-left-radius: 14px;
}
.layout-2023 #toast-container > .toast {
  border-radius: 15px !important;
  box-shadow: unset;
}
.layout-2023 .faq-page {
  display: flex;
  margin: -10px;
  position: relative;
  z-index: 100;
}
.layout-2023 .faq-page-content {
  padding: 5px;
  width: 100%;
}
.layout-2023 .faq-page-content .search-match {
  background-color: yellow;
}
.layout-2023 .faq-page-content .faq-search-block {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
@media (max-width: 992px) {
  .layout-2023 .faq-page-content .faq-search-block {
    margin-left: 40px;
  }
}
.layout-2023 .faq-page-content .faq-search-results {
  max-height: 250px;
  overflow-y: auto;
}
.layout-2023 .faq-page-content .faq-search-item {
  padding: 10px 15px;
  border-bottom: 1px solid #eee;
  transition: background-color 0.2s;
}
.layout-2023 .faq-page-content .faq-search-item:last-child {
  border-bottom: 0;
}
.layout-2023 .faq-page-content .faq-search-item:hover {
  background-color: #f5f5f5;
}
.layout-2023 .faq-page-content .faq-search-item-title {
  font-weight: 600;
  margin-bottom: 5px;
}
.layout-2023 .faq-page-content .faq-search-item-title a {
  color: #337ab7;
}
.layout-2023 .faq-page-content .faq-search-item-text {
  color: #777;
  font-size: 90%;
}
.layout-2023 .faq-page-content .form-control {
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: var(--tx-text-color);
  margin: 0;
  font-size: 16px;
  border: 1px solid #b8cceb;
  box-shadow: none;
}
@media (max-width: 480px) {
  .layout-2023 .faq-page-content .form-control {
    height: 40px;
    font-size: 14px;
  }
}
.layout-2023 .faq-page-content .form-control:active,
.layout-2023 .faq-page-content .form-control:focus {
  color: var(--tx-text-color-reverse);
  margin: 0 -1px;
}
.layout-2023 .faq-page-content .form-control .var-placeholder {
  color: #b2c3d1;
  opacity: 1;
}
.layout-2023 .faq-page-content .form-control::placeholder {
  color: #b2c3d1;
  opacity: 1;
}
.layout-2023 .faq-page-content .form-control:-ms-input-placeholder {
  color: #b2c3d1;
  opacity: 1;
}
.layout-2023 .faq-page-content .form-control::-ms-input-placeholder {
  color: #b2c3d1;
  opacity: 1;
}
.layout-2023 .faq-page-content .form-control:focus {
  border: 2px solid transparent;
  background: linear-gradient(101.99deg, #fff -3.15%, #fff 28.77%, #fff 85.67%) padding-box, linear-gradient(180deg, #81b5ff 0%, #4a83df 100%) border-box;
}
@media (max-width: 992px) {
  .layout-2023 .faq-page-content .page-header {
    padding: 0 0 0 40px;
  }
}
.layout-2023 .faq-page-content .page-header h1 {
  line-height: 30px;
}
.layout-2023 .faq-page-content .page-header .showMenu {
  display: none;
}
.layout-2023 .faq-page-content .visibility-cat {
  cursor: pointer;
}
.layout-2023 .faq-page-content .hidden-faq-title {
  color: #3f5864;
}
.layout-2023 .faq-page-content .btn-hide {
  color: #e96866;
}
.layout-2023 .faq-page-content .btn-hide:hover,
.layout-2023 .faq-page-content .btn-hide:focus {
  color: #a94442;
}
@media (max-width: 992px) {
  .layout-2023 .faq-page-sidebar {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transition: 0.3s;
    transform: translateX(-100%);
  }
}
.layout-2023 .faq-page-sidebar-opened {
  transform: translateX(0);
}
.layout-2023 .faq-page-sidebar-btn {
  position: absolute;
  left: calc(100% + 1px);
  top: 0;
}
@media (min-width: 993px) {
  .layout-2023 .faq-page-sidebar-btn {
    display: none;
  }
}
.layout-2023 .faq-page-sidebar .aside-inner-block {
  margin-bottom: 0;
  overflow: hidden;
}
@media (min-width: 993px) {
  .layout-2023 .faq-page-sidebar .aside-inner-block {
    border-radius: 15px 0 0 15px;
  }
}
.layout-2023 .notifications-container .notifications-inner .notification {
  border-radius: 15px !important;
}
.layout-2023 .progressBar {
  padding: 0;
}
.layout-2023 .progressBar.bigHorizontal,
.layout-2023 .progressBar.bigHorizontalAcid {
  height: 40px;
}
.layout-2023 .progressBar.bigHorizontal .indicator {
  background: #F90;
  box-shadow: 0px -14px 0px 0px rgba(232, 111, 0, 0.68) inset;
}
.layout-2023 .progressBar.bigHorizontalAcid .indicator {
  background: linear-gradient(90deg, #449EF0 0%, #07E997 100%);
  box-shadow: 0px -10px 0px 0px rgba(21, 121, 188, 0.27) inset;
}
.layout-2023 .progressBar.red .indicator {
  background: #ff0000;
}
.layout-2023 .progressBar.simpleYellow .indicator {
  background: #eeee0f;
}
.layout-2023 .progressBar.simpleBrown .indicator {
  background: #c2c398;
}
.layout-2023 .progressBar .pbInner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  background: #4A4F62;
  box-shadow: 0px 6px 4px 0px rgba(0, 0, 0, 0.15) inset;
}
.layout-2023 .progressBar .pbInner:after {
  display: none;
}
.layout-2023 .progressBar .indInner {
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.layout-2023 .progressBar .indicator {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: linear-gradient(20deg, #fbcd20, #fbbc23);
}
.layout-2023 .progressBar .indicator span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(113deg, #ffffff3b 25%, #ffffff00 25%, #ffffff00 50%, #ffffff3b 50%, #ffffff3b 75%, #ffffff00 75%, #ffffff00 100%);
  background-size: 21.73px 51.19px;
}
.layout-2023 .progressBar .indicator span:after {
  display: none;
}
.layout-2023 .progressBar .text,
.layout-2023 .progressBar .before-text,
.layout-2023 .progressBar .after-text {
  color: #FFF;
  text-shadow: 1px 1px 0px #333;
  font-size: 14px;
  font-weight: 700;
  z-index: 1;
}
.layout-2023 .progressBar .text {
  position: unset;
  width: auto;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.layout-2023 .progressBar .text span {
  display: flex;
  align-items: center;
}
.layout-2023 .progressBar .progress-info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  z-index: 1;
  color: #fff;
  text-shadow: 1px 1px 0px #333;
  font-size: 16px;
}
.layout-2023 .progress-custom,
.layout-2023 .progress-custom-sm:not(.progress-bar) {
  border: 0;
  overflow: hidden;
  border-radius: 25px;
  background: linear-gradient(to bottom, #465d7e 1%, #596b88 10%, #596a87 50%, #536685 90%, #465e7f 100%) !important;
}
.layout-2023 .progress-custom:after,
.layout-2023 .progress-custom-sm:not(.progress-bar):after {
  display: none;
}
.layout-2023 .progress-custom .progress-bar,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-bar,
.layout-2023 .progress-custom .progress-bar,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-bar,
.layout-2023 .progress-custom .progress-custom .progress-bar,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-custom .progress-bar,
.layout-2023 .progress-custom .progress-custom-sm .progress-bar,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-custom-sm .progress-bar,
.layout-2023 .progress-custom .progress-custom .progress-bar,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-custom .progress-bar,
.layout-2023 .progress-custom .progress-custom-sm .progress-bar,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-custom-sm .progress-bar,
.layout-2023 .progress-custom .progress-custom .progress-bar,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-custom .progress-bar,
.layout-2023 .progress-custom .progress-custom-sm .progress-custom .progress-bar,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-custom-sm .progress-custom .progress-bar,
.layout-2023 .progress-custom .progress-custom-sm .progress-bar,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-custom-sm .progress-bar,
.layout-2023 .progress-custom .progress-custom .progress-custom-sm .progress-bar,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-custom .progress-custom-sm .progress-bar,
.layout-2023 .progress-custom .progress-custom-sm .progress-custom .progress-bar,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-custom-sm .progress-custom .progress-bar,
.layout-2023 .progress-custom .progress-custom .progress-custom-sm .progress-bar,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-custom .progress-custom-sm .progress-bar,
.layout-2023 .progress-custom .progress-custom-sm .progress-custom .progress-bar,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-custom-sm .progress-custom .progress-bar,
.layout-2023 .progress-custom .progress-custom-sm .progress-custom .progress-bar,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-custom-sm .progress-custom .progress-bar,
.layout-2023 .progress-custom .progress-custom .progress-custom-sm .progress-bar,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-custom .progress-custom-sm .progress-bar,
.layout-2023 .progress-custom .progress-custom .progress-custom-sm .progress-bar,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-custom .progress-custom-sm .progress-bar {
  color: #fff;
  margin-left: -1px;
}
.layout-2023 .progress-custom .progress-bar:before,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-bar:before,
.layout-2023 .progress-custom .progress-bar:before,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-bar:before,
.layout-2023 .progress-custom .progress-custom .progress-bar:before,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-custom .progress-bar:before,
.layout-2023 .progress-custom .progress-custom-sm .progress-bar:before,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-custom-sm .progress-bar:before,
.layout-2023 .progress-custom .progress-custom .progress-bar:before,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-custom .progress-bar:before,
.layout-2023 .progress-custom .progress-custom-sm .progress-bar:before,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-custom-sm .progress-bar:before,
.layout-2023 .progress-custom .progress-custom .progress-bar:before,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-custom .progress-bar:before,
.layout-2023 .progress-custom .progress-custom-sm .progress-custom .progress-bar:before,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-custom-sm .progress-custom .progress-bar:before,
.layout-2023 .progress-custom .progress-custom-sm .progress-bar:before,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-custom-sm .progress-bar:before,
.layout-2023 .progress-custom .progress-custom .progress-custom-sm .progress-bar:before,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-custom .progress-custom-sm .progress-bar:before,
.layout-2023 .progress-custom .progress-custom-sm .progress-custom .progress-bar:before,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-custom-sm .progress-custom .progress-bar:before,
.layout-2023 .progress-custom .progress-custom .progress-custom-sm .progress-bar:before,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-custom .progress-custom-sm .progress-bar:before,
.layout-2023 .progress-custom .progress-custom-sm .progress-custom .progress-bar:before,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-custom-sm .progress-custom .progress-bar:before,
.layout-2023 .progress-custom .progress-custom-sm .progress-custom .progress-bar:before,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-custom-sm .progress-custom .progress-bar:before,
.layout-2023 .progress-custom .progress-custom .progress-custom-sm .progress-bar:before,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-custom .progress-custom-sm .progress-bar:before,
.layout-2023 .progress-custom .progress-custom .progress-custom-sm .progress-bar:before,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-custom .progress-custom-sm .progress-bar:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: inherit;
  background: inherit;
  box-sizing: content-box;
}
.layout-2023 .progress-custom .progress-bar:after,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-bar:after,
.layout-2023 .progress-custom .progress-bar:after,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-bar:after,
.layout-2023 .progress-custom .progress-custom .progress-bar:after,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-custom .progress-bar:after,
.layout-2023 .progress-custom .progress-custom-sm .progress-bar:after,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-custom-sm .progress-bar:after,
.layout-2023 .progress-custom .progress-custom .progress-bar:after,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-custom .progress-bar:after,
.layout-2023 .progress-custom .progress-custom-sm .progress-bar:after,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-custom-sm .progress-bar:after,
.layout-2023 .progress-custom .progress-custom .progress-bar:after,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-custom .progress-bar:after,
.layout-2023 .progress-custom .progress-custom-sm .progress-custom .progress-bar:after,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-custom-sm .progress-custom .progress-bar:after,
.layout-2023 .progress-custom .progress-custom-sm .progress-bar:after,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-custom-sm .progress-bar:after,
.layout-2023 .progress-custom .progress-custom .progress-custom-sm .progress-bar:after,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-custom .progress-custom-sm .progress-bar:after,
.layout-2023 .progress-custom .progress-custom-sm .progress-custom .progress-bar:after,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-custom-sm .progress-custom .progress-bar:after,
.layout-2023 .progress-custom .progress-custom .progress-custom-sm .progress-bar:after,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-custom .progress-custom-sm .progress-bar:after,
.layout-2023 .progress-custom .progress-custom-sm .progress-custom .progress-bar:after,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-custom-sm .progress-custom .progress-bar:after,
.layout-2023 .progress-custom .progress-custom-sm .progress-custom .progress-bar:after,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-custom-sm .progress-custom .progress-bar:after,
.layout-2023 .progress-custom .progress-custom .progress-custom-sm .progress-bar:after,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-custom .progress-custom-sm .progress-bar:after,
.layout-2023 .progress-custom .progress-custom .progress-custom-sm .progress-bar:after,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-custom .progress-custom-sm .progress-bar:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: inherit;
  height: 100%;
  background-image: linear-gradient(113deg, #ffffff3b 25%, #ffffff00 25%, #ffffff00 50%, #ffffff3b 50%, #ffffff3b 75%, #ffffff00 75%, #ffffff00 100%);
  background-size: 21.73px 51.19px;
}
.layout-2023 .progress-custom .progress-bar > span,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-bar > span,
.layout-2023 .progress-custom .progress-bar > span,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-bar > span,
.layout-2023 .progress-custom .progress-custom .progress-bar > span,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-custom .progress-bar > span,
.layout-2023 .progress-custom .progress-custom-sm .progress-bar > span,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-custom-sm .progress-bar > span,
.layout-2023 .progress-custom .progress-custom .progress-bar > span,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-custom .progress-bar > span,
.layout-2023 .progress-custom .progress-custom-sm .progress-bar > span,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-custom-sm .progress-bar > span,
.layout-2023 .progress-custom .progress-custom .progress-bar > span,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-custom .progress-bar > span,
.layout-2023 .progress-custom .progress-custom-sm .progress-custom .progress-bar > span,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-custom-sm .progress-custom .progress-bar > span,
.layout-2023 .progress-custom .progress-custom-sm .progress-bar > span,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-custom-sm .progress-bar > span,
.layout-2023 .progress-custom .progress-custom .progress-custom-sm .progress-bar > span,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-custom .progress-custom-sm .progress-bar > span,
.layout-2023 .progress-custom .progress-custom-sm .progress-custom .progress-bar > span,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-custom-sm .progress-custom .progress-bar > span,
.layout-2023 .progress-custom .progress-custom .progress-custom-sm .progress-bar > span,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-custom .progress-custom-sm .progress-bar > span,
.layout-2023 .progress-custom .progress-custom-sm .progress-custom .progress-bar > span,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-custom-sm .progress-custom .progress-bar > span,
.layout-2023 .progress-custom .progress-custom-sm .progress-custom .progress-bar > span,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-custom-sm .progress-custom .progress-bar > span,
.layout-2023 .progress-custom .progress-custom .progress-custom-sm .progress-bar > span,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-custom .progress-custom-sm .progress-bar > span,
.layout-2023 .progress-custom .progress-custom .progress-custom-sm .progress-bar > span,
.layout-2023 .progress-custom-sm:not(.progress-bar) .progress-custom .progress-custom-sm .progress-bar > span {
  color: #fff;
  text-shadow: 1px 1px 0px #333;
}
.layout-2023 .progressBar .indInner {
  border-radius: 15px;
}
.layout-2023 .company-progress-block .progress-custom {
  max-width: 145px;
  height: 25px;
  margin: 0 auto;
}
.layout-2023 .company-progress-block .progress-custom .progress-bar > span,
.layout-2023 .company-progress-block .progress-custom .progress-bar > span,
.layout-2023 .company-progress-block .progress-custom .progress-custom .progress-bar > span,
.layout-2023 .company-progress-block .progress-custom .progress-custom-sm .progress-bar > span,
.layout-2023 .company-progress-block .progress-custom .progress-custom .progress-bar > span,
.layout-2023 .company-progress-block .progress-custom .progress-custom-sm .progress-bar > span,
.layout-2023 .company-progress-block .progress-custom .progress-custom .progress-bar > span,
.layout-2023 .company-progress-block .progress-custom .progress-custom-sm .progress-custom .progress-bar > span,
.layout-2023 .company-progress-block .progress-custom .progress-custom-sm .progress-bar > span,
.layout-2023 .company-progress-block .progress-custom .progress-custom .progress-custom-sm .progress-bar > span,
.layout-2023 .company-progress-block .progress-custom .progress-custom-sm .progress-custom .progress-bar > span,
.layout-2023 .company-progress-block .progress-custom .progress-custom .progress-custom-sm .progress-bar > span,
.layout-2023 .company-progress-block .progress-custom .progress-custom-sm .progress-custom .progress-bar > span,
.layout-2023 .company-progress-block .progress-custom .progress-custom-sm .progress-custom .progress-bar > span,
.layout-2023 .company-progress-block .progress-custom .progress-custom .progress-custom-sm .progress-bar > span,
.layout-2023 .company-progress-block .progress-custom .progress-custom .progress-custom-sm .progress-bar > span {
  top: 50%;
}
.layout-2023 .bg-custom-object.theme-1 {
  background-image: url("../img/company/1.png");
}
.layout-2023 .bg-custom-object.theme-2 {
  background-image: url("../img/company/2.png");
}
.layout-2023 .bg-custom-object.theme-3 {
  background-image: url("../img/company/3.png");
}
.layout-2023 .bg-custom-object.theme-4 {
  background-image: url("../img/company/4.png");
}
.layout-2023 .bg-custom-object.theme-5 {
  background-image: url("../img/company/5.png");
}
.layout-2023 .bg-custom-object.theme-6 {
  background-image: url("../img/company/6.png");
}
.layout-2023 .bg-custom-object.theme-7 {
  background-image: url("../img/company/7.png");
}
.layout-2023 .bg-custom-object.theme-8 {
  background-image: url("../img/company/8.png");
}
.layout-2023 .bg-custom-object.theme-9 {
  background-image: url("../img/company/9.png");
}
.layout-2023 .bg-custom-object.theme-10 {
  background-image: url("../img/company/10.png");
}
.layout-2023 .custom-select-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-20%);
  pointer-events: none;
}
.layout-2023 .bg-mining-company.theme-1 {
  background-image: url("../img/business/mining_company/background/1.jpg");
}
.layout-2023 .bg-mining-company.theme-2 {
  background-image: url("../img/business/mining_company/background/2.jpg");
}
.layout-2023 .bg-mining-company.theme-3 {
  background-image: url("../img/business/mining_company/background/3.jpg");
}
.layout-2023 .bg-mining-company.theme-4 {
  background-image: url("../img/business/mining_company/background/4.jpg");
}
.layout-2023 .bg-mining-company.theme-5 {
  background-image: url("../img/business/mining_company/background/5.jpg");
}
.layout-2023 .bg-mining-company.theme-6 {
  background-image: url("../img/business/mining_company/background/6.jpg");
}
.layout-2023 .bg-mining-company.theme-7 {
  background-image: url("../img/business/mining_company/background/7.jpg");
}
.layout-2023 .bg-mining-company.theme-8 {
  background-image: url("../img/business/mining_company/background/8.jpg");
}
.layout-2023 .bg-mining-company.theme-9 {
  background-image: url("../img/business/mining_company/background/9.jpg");
}
.layout-2023 .bg-mining-company.theme-10 {
  background-image: url("../img/business/mining_company/background/10.jpg");
}
.layout-2023 .bg-recycling-company.theme-1 {
  background-image: url("../img/business/recycling_company/background/1.jpg");
}
.layout-2023 .bg-recycling-company.theme-2 {
  background-image: url("../img/business/recycling_company/background/2.jpg");
}
.layout-2023 .bg-recycling-company.theme-3 {
  background-image: url("../img/business/recycling_company/background/3.jpg");
}
.layout-2023 .bg-recycling-company.theme-4 {
  background-image: url("../img/business/recycling_company/background/4.jpg");
}
.layout-2023 .bg-recycling-company.theme-5 {
  background-image: url("../img/business/recycling_company/background/5.jpg");
}
.layout-2023 .bg-recycling-company.theme-6 {
  background-image: url("../img/business/recycling_company/background/6.jpg");
}
.layout-2023 .bg-recycling-company.theme-7 {
  background-image: url("../img/business/recycling_company/background/7.jpg");
}
.layout-2023 .bg-recycling-company.theme-8 {
  background-image: url("../img/business/recycling_company/background/8.jpg");
}
.layout-2023 .bg-recycling-company.theme-9 {
  background-image: url("../img/business/recycling_company/background/9.jpg");
}
.layout-2023 .bg-recycling-company.theme-10 {
  background-image: url("../img/business/recycling_company/background/10.jpg");
}
.layout-2023 .bg-bank-company.theme-1 {
  background-image: url("../img/business/bank_company/background/1.jpg");
}
.layout-2023 .bg-bank-company.theme-2 {
  background-image: url("../img/business/bank_company/background/2.jpg");
}
.layout-2023 .bg-bank-company.theme-3 {
  background-image: url("../img/business/bank_company/background/3.jpg");
}
.layout-2023 .bg-bank-company.theme-4 {
  background-image: url("../img/business/bank_company/background/4.jpg");
}
.layout-2023 .bg-bank-company.theme-5 {
  background-image: url("../img/business/bank_company/background/5.jpg");
}
.layout-2023 .bg-bank-company.theme-6 {
  background-image: url("../img/business/bank_company/background/6.jpg");
}
.layout-2023 .bg-bank-company.theme-7 {
  background-image: url("../img/business/bank_company/background/7.jpg");
}
.layout-2023 .bg-bank-company.theme-8 {
  background-image: url("../img/business/bank_company/background/8.jpg");
}
.layout-2023 .bg-bank-company.theme-9 {
  background-image: url("../img/business/bank_company/background/9.jpg");
}
.layout-2023 .bg-bank-company.theme-10 {
  background-image: url("../img/business/bank_company/background/10.jpg");
}
.layout-2023 .bg-shaman-company.theme-1 {
  background-image: url("../img/business/shaman_company/background/1.jpg");
}
.layout-2023 .bg-shaman-company.theme-2 {
  background-image: url("../img/business/shaman_company/background/2.jpg");
}
.layout-2023 .bg-shaman-company.theme-3 {
  background-image: url("../img/business/shaman_company/background/3.jpg");
}
.layout-2023 .bg-shaman-company.theme-4 {
  background-image: url("../img/business/shaman_company/background/4.jpg");
}
.layout-2023 .bg-shaman-company.theme-5 {
  background-image: url("../img/business/shaman_company/background/5.jpg");
}
.layout-2023 .bg-shaman-company.theme-6 {
  background-image: url("../img/business/shaman_company/background/6.jpg");
}
.layout-2023 .bg-shaman-company.theme-7 {
  background-image: url("../img/business/shaman_company/background/7.jpg");
}
.layout-2023 .bg-shaman-company.theme-8 {
  background-image: url("../img/business/shaman_company/background/8.jpg");
}
.layout-2023 .bg-shaman-company.theme-9 {
  background-image: url("../img/business/shaman_company/background/9.jpg");
}
.layout-2023 .bg-shaman-company.theme-10 {
  background-image: url("../img/business/shaman_company/background/10.jpg");
}
.layout-2023 .bg-bonus-factory {
  background-image: url("../img/business/bonus_factory/bonus_factory_background.jpg") !important;
}
.layout-2023 .bg-bookmaker-company {
  background-image: url("../img/business/bookmaker_company/theme-default.jpg") !important;
}
.layout-2023 [data-container="header"] + *,
.layout-2023 [data-container="headerMenu"] + * {
  border-top-left-radius: 0 !important;
}
.layout-2023 .promote-section {
  background: var(--tx-wrapper-background-second);
  padding-top: 1px;
}
.layout-2023 .panel-business {
  background: var(--tx-wrapper-background);
}
.layout-2023 .panel-business .panel-title {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #F47895;
  font-size: 20px;
  font-weight: 400;
  flex: 1;
}
@media (max-width: 768px) {
  .layout-2023 .panel-business .panel-title {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .layout-2023 .panel-business .panel-title img {
    height: 18px;
  }
}
.layout-2023 .panel-business .panel-heading {
  padding: 15px 30px !important;
}
@media (max-width: 768px) {
  .layout-2023 .panel-business .panel-heading {
    padding: 9px 12px !important;
  }
}
.layout-2023 .panel-business .panel-heading + .panel-body {
  padding-top: 0;
}
.layout-2023 .panel-business .panel-body {
  border-top: 0;
}
.layout-2023 .panel-business .table-justified {
  margin: 0 -20px -10px;
  overflow: hidden;
  border-radius: 0 0 15px 15px;
}
.layout-2023 .panel-business .table-bordered-wrapper {
  margin: 0 -10px -10px;
  overflow: hidden;
  border-radius: 0 0 15px 15px;
}
.layout-2023 .company-announcement {
  background: var(--tx-wrapper-background);
}
.layout-2023 .company-announcement .panel-body {
  border-top: 1px solid #d9d9d9 !important;
  margin: 0 30px;
  font-size: 16px;
  padding-top: 10px !important;
}
@media (max-width: 768px) {
  .layout-2023 .company-announcement .panel-body {
    margin: 0 10px;
    font-size: 14px;
  }
}
.layout-2023 .business-header-wrap {
  margin-bottom: 20px;
}
.layout-2023 .business-header {
  display: flex;
  gap: 20px;
  padding: 20px;
  background-size: cover !important;
  border-radius: 0 0 15px 15px;
}
@media (max-width: 768px) {
  .layout-2023 .business-header {
    padding: 10px;
  }
}
.layout-2023 .business-header:before {
  z-index: -1;
}
.layout-2023 .business-header .business-position {
  position: absolute;
  top: 5px;
  left: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  font-size: 12px;
  font-weight: 700;
  background-color: #609f53;
  color: #fff;
  z-index: 1;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
}
.layout-2023 .business-header .business-position.position-1 {
  background-color: #fbbc23;
}
.layout-2023 .business-header .business-position.position-2 {
  background-color: #3584e6;
}
.layout-2023 .business-header a {
  text-decoration: none;
}
.layout-2023 .business-header .business-image-block {
  position: relative;
  display: flex;
  flex-shrink: 0;
  width: 160px;
  height: 160px;
}
@media (max-width: 768px) {
  .layout-2023 .business-header .business-image-block {
    width: 118px;
    height: 118px;
  }
}
.layout-2023 .business-header .business-image {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  border-radius: 6px;
}
.layout-2023 .business-header .business-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 768px) {
  .layout-2023 .business-header .business-info {
    gap: 10px;
  }
}
.layout-2023 .business-header .business-top {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 5px 6px 5px 14px;
  border-radius: 6px;
  background: var(--tx-panel-background);
}
@media (max-width: 768px) {
  .layout-2023 .business-header .business-top {
    gap: 6px;
  }
}
@media (max-width: 768px) {
  .layout-2023 .business-header .business-center {
    display: flex;
    gap: 10px;
    align-items: start;
  }
}
@media (min-width: 769px) {
  .layout-2023 .business-header .business-center .business-image-block {
    display: none;
  }
}
.layout-2023 .business-header .business-footer {
  display: flex;
  justify-content: space-between;
  align-items: start;
}
.layout-2023 .business-header .business-footer .badge-founded {
  cursor: default !important;
}
@media (max-width: 480px) {
  .layout-2023 .business-header .business-footer .badge-founded {
    display: none;
  }
}
.layout-2023 .business-header .business-footer .badge-founded:hover {
  box-shadow: none;
}
.layout-2023 .business-header .business-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
@media (max-width: 768px) {
  .layout-2023 .business-header .business-badges {
    flex: 1;
  }
}
@media (min-width: 481px) {
  .layout-2023 .business-header .business-badges .badge-founded {
    display: none;
  }
}
.layout-2023 .business-header .business-title {
  max-width: 270px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--tx-text-color);
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}
@media (max-width: 768px) {
  .layout-2023 .business-header .business-title {
    font-size: 14px;
    max-width: 170px;
  }
}
.layout-2023 .business-header .business-places {
  border: 1px solid #52be54;
  background: #eaf7eb;
  color: #52BE54;
  border-radius: 100px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  padding: 4px 8px;
  margin-left: 6px;
}
@media (max-width: 768px) {
  .layout-2023 .business-header .business-places {
    padding-top: 3px;
    padding-bottom: 3px;
  }
}
.layout-2023 .business-header .business-places.no-places {
  border-color: #ff8aa6;
  background: #fde5eb;
  color: #F47895;
}
.layout-2023 .business-header .business-rank {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: auto;
  border-radius: 100px;
  background: #fff;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
  padding: 4px 8px;
}
@media (max-width: 768px) {
  .layout-2023 .business-header .business-rank {
    font-size: 11px;
    padding: 2px 5px;
  }
}
.layout-2023 .business-header .business-rank:hover {
  background: #feedf1;
}
.layout-2023 .business-header .business-rank-image {
  width: 20px;
  height: 20px;
  object-fit: contain;
}
@media (max-width: 768px) {
  .layout-2023 .business-header .business-rank-image {
    width: 16px;
    height: 16px;
  }
}
.layout-2023 .business-header .business-rank-name {
  line-height: 1;
  color: #F47895;
}
.layout-2023 .business-header .business-rank + .business-owner {
  margin-left: 0;
}
.layout-2023 .business-header .business-level {
  width: 24px;
  font-size: 12px;
  cursor: default;
}
@media (max-width: 768px) {
  .layout-2023 .business-header .business-level {
    width: 18px;
    height: 18px;
    font-size: 10px;
  }
}
.layout-2023 .business-header .business-level-progress {
  position: absolute;
  left: 25px;
  bottom: 10px;
  width: calc(100% - 50px);
}
@media (max-width: 768px) {
  .layout-2023 .business-header .business-level-progress {
    left: 10px;
    width: calc(100% - 20px);
  }
}
.layout-2023 .business-header .business-level-progress .broken .value:hover {
  color: #538bf2;
}
.layout-2023 .business-header .business-level-progress .progressBar {
  width: 100%;
  height: 26px;
  border: 2px solid #fff;
}
@media (max-width: 768px) {
  .layout-2023 .business-header .business-level-progress .progressBar {
    height: 24px;
  }
}
.layout-2023 .business-header .business-level-progress .progressBar .text {
  text-transform: unset;
  font-weight: 400;
}
.layout-2023 .business-header .business-level-progress .progressBar .value {
  font-size: 12px;
  gap: 3px;
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media (max-width: 768px) {
  .layout-2023 .business-header .business-level-progress .progressBar .value {
    font-size: 10px;
  }
}
.layout-2023 .business-header .business-promo {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 5px;
  border-radius: 100px;
  background: #f9f9fc;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
  padding: 6px 8px;
  color: #333;
  text-decoration: none;
}
.layout-2023 .business-header .business-promo:hover {
  background: #F47895;
}
.layout-2023 .business-header .business-promo:hover svg path {
  fill: #fff;
}
.layout-2023 .business-header .business-promo:hover .business-promo-text {
  color: #fff;
}
.layout-2023 .business-header .business-promo:hover .business-promo-divider {
  background: #fff;
}
.layout-2023 .business-header .business-promo:hover .text-success {
  color: #7fff7f;
}
.layout-2023 .business-header .business-promo-text {
  line-height: 1;
  font-size: 12px;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .layout-2023 .business-header .business-promo-text {
    font-size: 10px;
  }
}
.layout-2023 .business-header .business-promo-divider {
  width: 1px;
  background: #e7e7ec;
  align-self: stretch;
  margin: -4px 0;
}
.layout-2023 .business-header .business-owner {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  margin-left: auto;
}
@media (max-width: 768px) {
  .layout-2023 .business-header .business-owner {
    font-size: 10px;
  }
}
@media (max-width: 768px) {
  .layout-2023 .business-header .business-owner img {
    height: 14px;
  }
}
.layout-2023 .business-header .business-settings {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
  border-radius: 100%;
  margin-left: 4px;
}
@media (max-width: 768px) {
  .layout-2023 .business-header .business-settings {
    width: 20px;
    height: 20px;
    box-shadow: none;
  }
}
.layout-2023 .business-header .business-settings:hover {
  background: #efefefa3;
}
.layout-2023 .business-header .business-badge {
  color: var(--tx-text-color);
  background: var(--tx-panel-background);
  box-shadow: 0 0 4px var(--tx-box-shadow-color);
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  border-radius: 100px;
}
@media (max-width: 768px) {
  .layout-2023 .business-header .business-badge {
    padding: 5px 10px;
  }
}
.layout-2023 .business-header .business-badge:hover {
  box-shadow: 0 0 3px 1px #fff;
  cursor: pointer;
}
.layout-2023 .business-header .business-badge-icon {
  position: relative;
  display: flex;
  align-items: center;
  height: 24px;
}
@media (max-width: 768px) {
  .layout-2023 .business-header .business-badge-icon {
    height: 20px;
  }
}
.layout-2023 .business-header .business-badge-icon .txm-account-icon {
  transform: scale(1.35);
}
.layout-2023 .business-header .business-badge-icon.rating-icon {
  scale: 1.5;
  margin-left: -5px;
  border-radius: 100%;
}
.layout-2023 .business-header .business-badge-text {
  line-height: 1;
  font-size: 14px;
  font-weight: 700;
}
@media (max-width: 768px) {
  .layout-2023 .business-header .business-badge-text {
    font-size: 12px;
  }
}
@media (max-width: 768px) {
  .layout-2023 .business-header .business-badge-text .rating-position {
    font-size: 8px;
  }
}
.layout-2023 .business-header .business-badge-divider {
  width: 1.2px;
  height: calc(100% + 12px);
  background: var(--tx-border-color);
  margin-right: 4px;
}
.layout-2023 .business-header .business-badge-small .business-badge-text {
  font-size: 12px;
  font-weight: normal;
}
.layout-2023 .business-header .business-stat-panel {
  width: fit-content;
}
.layout-2023 .business-header .business-stat-panel .garage-stat-item {
  font-size: 12px;
}
.layout-2023 .business-header .business-stat-panel .garage-stat-item-value {
  line-height: 19px;
}
.layout-2023 .business-header .business-balance .balance-arrested {
  position: absolute;
  display: flex;
  right: -3px;
  bottom: -1px;
}
.layout-2023 .business-header .business-balance .balance-arrested img {
  width: 14px;
  height: 14px;
}
.layout-2023 .business-header .business-reputation .btn-vote {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
}
@media (max-width: 768px) {
  .layout-2023 .business-header .business-reputation .btn-vote {
    width: 20px;
    height: 20px;
  }
}
.layout-2023 .business-header .business-reputation .btn-danger-vote {
  margin-left: -6px;
}
.layout-2023 .business-header .business-reputation .btn-success-vote {
  margin-right: -6px;
}
@media (max-width: 768px) {
  .layout-2023 .business-header .business-reputation .business-badge-text {
    font-size: 11px;
  }
}
@media (max-width: 768px) {
  .layout-2023 .business-header > .business-image-block {
    display: none;
  }
}
.layout-2023 .workplace-slots {
  padding: 10px;
  background: var(--tx-panel-background-second);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  margin-bottom: 10px;
  border-radius: 15px;
  border-top-left-radius: 0;
}
.layout-2023 .workplace-slots .map-container {
  margin-bottom: 0px !important;
}
.layout-2023 .business-worker {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 20px 8px 10px;
  background: var(--tx-panel-background);
  box-shadow: 0px 0px 5px var(--tx-box-shadow-color);
  border-radius: 6px;
  font-size: 12px;
}
@media (max-width: 768px) {
  .layout-2023 .business-worker {
    align-items: start;
    padding-right: 10px;
  }
}
.layout-2023 .business-worker a {
  text-decoration: none;
}
.layout-2023 .business-worker-image {
  position: relative;
  width: 50px;
  flex-shrink: 0;
}
.layout-2023 .business-worker-data {
  display: flex;
  align-items: center;
  flex: 1;
  gap: 20px;
}
@media (max-width: 768px) {
  .layout-2023 .business-worker-data {
    gap: 8px;
    flex-wrap: wrap;
  }
}
.layout-2023 .business-worker-info {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (max-width: 768px) {
  .layout-2023 .business-worker-info {
    gap: 8px;
    flex-direction: row;
  }
}
.layout-2023 .business-worker-name {
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
}
@media (max-width: 768px) {
  .layout-2023 .business-worker-name {
    font-size: 14px;
  }
}
.layout-2023 .business-worker-skills {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
@media (max-width: 768px) {
  .layout-2023 .business-worker-skills {
    order: 3;
    width: 100%;
    flex-direction: row;
  }
}
.layout-2023 .business-worker-skill {
  display: flex;
  padding-top: 3px;
  padding-bottom: 3px;
}
.layout-2023 .business-worker-skill .theme-badge-image {
  width: 17px;
  height: 17px;
  margin-left: -4px;
}
@media (max-width: 768px) {
  .layout-2023 .business-worker-skill .theme-badge-level {
    width: 12px;
  }
}
.layout-2023 .business-worker-experience {
  display: flex;
  gap: 4px;
}
@media (max-width: 768px) {
  .layout-2023 .business-worker-experience {
    font-size: 10px;
  }
}
@media (max-width: 768px) {
  .layout-2023 .business-worker-experience img {
    height: 14px;
  }
}
.layout-2023 .business-worker-balances {
  display: flex;
  gap: 23px;
  margin-left: auto;
}
@media (max-width: 768px) {
  .layout-2023 .business-worker-balances {
    order: 4;
    width: 100%;
    margin-left: unset;
  }
}
.layout-2023 .business-worker-menu-btn {
  cursor: pointer;
  width: 22px;
  aspect-ratio: 1/1;
  z-index: 101;
}
@media (max-width: 768px) {
  .layout-2023 .business-worker-menu-btn {
    width: 18px;
  }
}
.layout-2023 .business-worker-quit {
  border-radius: 100px;
  border: 1px solid #ff8aa6;
  background: #feedf1;
  display: flex;
  align-items: center;
  gap: 4px;
  line-height: 1;
  padding: 5px 8px;
  font-size: 12px;
  color: #F47895;
}
@media (max-width: 768px) {
  .layout-2023 .business-worker-quit {
    font-size: 10px;
    margin-right: 4px;
    margin-left: auto;
  }
}
.layout-2023 .business-worker-quit:hover {
  color: #fff;
  background: #ff8aa6;
}
.layout-2023 .business-worker-quit span {
  text-transform: capitalize;
}
.layout-2023 .business-worker-menu {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 550px;
  background: #5a5e7a;
  color: #fff;
  z-index: 100;
  border-radius: 6px;
}
.layout-2023 .business-worker-menu > .collapse {
  display: block !important;
  padding-inline: 10px;
}
.layout-2023 .business-worker-menu > .collapse.panel-body {
  border-top: 1px solid #888b99;
}
.layout-2023 .business-building {
  position: relative;
  display: grid;
  grid-template-columns: 1fr minmax(0, auto);
  gap: 30px;
}
@media (max-width: 480px) {
  .layout-2023 .business-building {
    grid-template-columns: minmax(0, 1fr);
  }
}
.layout-2023 .business-building-wrap {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
@media (max-width: 768px) {
  .layout-2023 .business-building-wrap {
    grid-template-columns: 1fr;
  }
}
.layout-2023 .business-building-wrap.has-bonus-table {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.layout-2023 .business-building-wrap.has-bonus-table .business-building-title {
  max-width: 236px;
}
@media (max-width: 768px) {
  .layout-2023 .business-building-wrap.has-bonus-table .business-building-title {
    max-width: unset;
  }
}
.layout-2023 .business-building-wrap.has-bonus-table .business-building-info {
  width: unset;
}
.layout-2023 .business-building-wrap.has-bonus-table .business-building-content {
  max-width: 270px;
  width: fit-content;
  padding-right: 10px;
}
@media (max-width: 768px) {
  .layout-2023 .business-building-wrap.has-bonus-table .business-building-content {
    flex: 1;
    max-width: unset;
    padding-right: 0;
  }
}
@media (max-width: 768px) {
  .layout-2023 .business-building-wrap .panel {
    padding: 10px !important;
  }
}
.layout-2023 .business-building a {
  text-decoration: none;
}
.layout-2023 .business-building-info {
  display: flex;
  width: 100%;
}
@media (max-width: 768px) {
  .layout-2023 .business-building-info {
    gap: 14px;
  }
}
@media (min-width: 769px) {
  .layout-2023 .business-building-info > .business-building-image {
    display: none;
  }
}
.layout-2023 .business-building-content {
  display: flex;
  flex-direction: column;
  gap: 35px;
  flex-shrink: 0;
  flex: 1;
}
@media (max-width: 768px) {
  .layout-2023 .business-building-content {
    gap: 12px;
  }
}
@media (max-width: 768px) {
  .layout-2023 .business-building-content > .business-building-image {
    display: none;
  }
}
@media (min-width: 769px) {
  .layout-2023 .business-building-content .business-building-upgrade {
    display: none;
  }
}
.layout-2023 .business-building-head {
  display: flex;
  align-items: center;
  gap: 6px;
}
@media (max-width: 768px) {
  .layout-2023 .business-building-head {
    flex-wrap: wrap;
  }
}
.layout-2023 .business-building-footer {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.layout-2023 .business-building-title {
  color: var(--tx-text-color);
  font-size: 20px;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 768px) {
  .layout-2023 .business-building-title {
    font-size: 14px;
  }
}
.layout-2023 .business-building-title:hover {
  color: #F47895;
}
.layout-2023 .business-building-level {
  width: 24px;
}
.layout-2023 .business-building-upgrade {
  margin-left: 6px;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .layout-2023 .business-building-upgrade {
    margin-left: 0;
    font-size: 10px;
  }
}
.layout-2023 .business-building-image {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.layout-2023 .business-building-image img {
  max-height: 130px;
}
@media (max-width: 768px) {
  .layout-2023 .business-building-image img {
    max-height: 70px;
  }
}
.layout-2023 .business-building-attributes {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 13px;
  padding: 13px;
  border-radius: 6px;
  border: 1px solid #e3e4ea;
  background: #f9f9fc;
  min-width: 268px;
  color: var(--tx-text-color-reverse);
}
.layout-2023 .business-building-attribute {
  display: flex;
  align-items: center;
  gap: 6px;
}
.layout-2023 .business-building-attribute i {
  color: #FE9E0D;
  font-size: 20px;
}
@media (max-width: 768px) {
  .layout-2023 .business-building-attribute i {
    font-size: 16px;
  }
}
.layout-2023 .business-building-attribute span {
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}
@media (max-width: 768px) {
  .layout-2023 .business-building-attribute span {
    font-size: 12px;
  }
}
.layout-2023 .business-building-district {
  font-weight: bold;
}
@media (max-width: 768px) {
  .layout-2023 .business-building-district {
    font-size: 10px;
  }
}
@media (max-width: 768px) {
  .layout-2023 .business-building-district img {
    height: 10px;
  }
}
.layout-2023 .business-building-badges {
  display: flex;
  gap: 13px;
}
@media (max-width: 480px) {
  .layout-2023 .business-building-badges {
    justify-content: space-between;
  }
}
@media (max-width: 480px) {
  .layout-2023 .business-building-badges .business-building-upgrade {
    display: none;
  }
}
.layout-2023 .business-building-bonus-table {
  position: relative;
  flex: 1;
}
.layout-2023 .business-building-bonus-table .company-buildings-title {
  font-size: 16px;
  margin-top: 20px;
}
.layout-2023 .business-building-bonus-table .business-item-buildings {
  display: flex !important;
  flex-wrap: wrap;
  gap: 10px;
}
.layout-2023 .business-building-bonus-table .business-item-building {
  width: 82px;
  height: 82px;
  flex-shrink: 0;
}
.layout-2023 .business-building-bonus-table .business-item-building-level .roman-level {
  font-size: 12px;
  width: 22px;
  height: 22px;
  bottom: 6px;
  right: 6px;
}
.layout-2023 .business-building-bonus-table .business-item-building-popup {
  z-index: 10;
}
.layout-2023 .building-bonus-table {
  overflow-x: auto;
  width: 100%;
  margin-top: 10px;
}
.layout-2023 .building-bonus-table-header {
  position: sticky;
  left: 0;
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 10px;
}
.layout-2023 .building-bonus-table tr:not(:first-child, :last-child) td {
  border-top: 1px solid var(--tx-border-color);
}
.layout-2023 .building-bonus-table tr:first-child td {
  border-radius: 6px 6px 0 0;
}
.layout-2023 .building-bonus-table tr:last-child td {
  padding-top: 0;
  border-radius: 0 0 6px 6px;
}
.layout-2023 .building-bonus-table td {
  padding: 8.5px 10px;
}
.layout-2023 .building-bonus-table .bonus-building_image {
  vertical-align: bottom;
}
.layout-2023 .building-bonus-table .col-building-image {
  position: relative !important;
}
.layout-2023 .building-bonus-table .col-building-image:last-child .building-next {
  display: none;
}
.layout-2023 .building-bonus-table .building-image {
  position: relative;
  display: flex;
  justify-content: center;
}
.layout-2023 .building-bonus-table .building-image img {
  width: 80px;
}
.layout-2023 .building-bonus-table .building-level {
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  border: 2px solid #fff;
  box-sizing: content-box;
}
.layout-2023 .building-bonus-table .building-bonus {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.layout-2023 .building-bonus-table .building-bonus i {
  color: #FE9E0D;
  font-size: 18px;
  min-width: 23px;
}
.layout-2023 .building-bonus-table .building-bonus span {
  font-size: 14px;
  line-height: 1;
  min-width: 30px;
}
.layout-2023 .building-bonus-table .building-invest {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 6px;
  border: 1px solid #52be54;
  background: rgba(220, 242, 221, 0.6);
  padding: 2px 6px;
  font-size: 10px;
  line-height: 12px;
  font-weight: 700;
  text-align: center;
  height: 30px;
  width: 86px;
}
.layout-2023 .building-bonus-table .building-next {
  position: absolute;
  right: -10px;
  bottom: 19px;
  transform: rotate(90deg);
  transform-origin: top;
  display: flex;
  z-index: 5;
}
.layout-2023 .building-bonus-table .building-next svg path {
  fill: url(#levelup-green);
}
.layout-2023 .building-bonus-table .current-level {
  background: #dcf2dd !important;
  border-color: #fff !important;
  color: var(--tx-text-color-reverse);
}
.layout-2023 .building-bonus-table .current-level .building-invest {
  background: #fff;
}
.layout-2023 .building-bonus-table .current-level .building-next svg path,
.layout-2023 .building-bonus-table .current-level ~ td .building-next svg path {
  fill: url(#levelup-orange);
}
.layout-2023 .building-bonus-table .current-level ~ td .building-level {
  color: #e7e7ec;
  text-shadow: 1px 1px 0px #616161;
  background: #aeaeae;
}
.layout-2023 .specialization-bars {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
@media (max-width: 768px) {
  .layout-2023 .specialization-bars {
    grid-template-columns: repeat(2, 1fr);
  }
}
.layout-2023 .progress-specialization {
  height: 30px !important;
}
.layout-2023 .progress-specialization .text {
  font-size: 12px;
  text-transform: unset;
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.layout-2023 .progress-specialization .txm-account-icon {
  scale: 1.3;
  margin-right: 8px;
}
.layout-2023 .business-employees {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 5px;
}
@media (max-width: 768px) {
  .layout-2023 .business-employees {
    grid-template-columns: repeat(2, 1fr);
  }
}
.layout-2023 .business-employee {
  background: var(--tx-panel-background);
  box-shadow: 0px 0px 5px var(--tx-box-shadow-color);
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border-radius: 6px;
  text-decoration: none;
}
.layout-2023 .business-employee-image {
  position: relative;
  width: 50px;
}
@media (max-width: 768px) {
  .layout-2023 .business-employee-image {
    width: 40px;
  }
}
.layout-2023 .business-employee-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.layout-2023 .business-employee-name {
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  line-height: 1;
}
@media (max-width: 768px) {
  .layout-2023 .business-employee-name {
    font-size: 12px;
  }
}
.layout-2023 .business-employee-skills {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.layout-2023 .business-employee-skill {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  color: var(--tx-text-color);
}
.layout-2023 .business-employee-skill img {
  height: 15px;
}
.layout-2023 .business-create-image {
  border-radius: 6px;
  border: 2px solid #F47895;
}
.layout-2023 .business-create-btn {
  position: relative;
}
@media (max-width: 767px) {
  .layout-2023 .business-create-btn:before {
    content: "";
    position: absolute;
    top: -10px;
    left: -5px;
    width: calc(100% + 10px);
    height: 1px;
    background: #d9d9d9;
  }
}
.layout-2023 .business-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.layout-2023 .business-list-item {
  background: var(--tx-panel-background);
  box-shadow: 0px 0px 5px var(--tx-text-color);
  border-radius: 15px;
}
.layout-2023 .business-list-item-header {
  border-radius: 15px 15px 0 0 !important;
}
.layout-2023 .business-list-item.business-promoted {
  box-shadow: 0px 0px 10px #e45678;
}
.layout-2023 .business-list-item .business-image-block {
  width: 130px;
  height: 130px;
}
@media (max-width: 768px) {
  .layout-2023 .business-list-item .business-image-block {
    width: 100px;
    height: 100px;
  }
}
.layout-2023 .business-list-item .business-top {
  padding-right: 14px;
}
@media (min-width: 769px) {
  .layout-2023 .business-list-item .business-center {
    margin-top: auto;
  }
}
.layout-2023 .business-list-prices {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  padding: 20px;
  border-bottom: 1px solid #d9d9d9;
}
@media (max-width: 768px) {
  .layout-2023 .business-list-prices {
    gap: 10px;
    padding: 10px;
    font-size: 10px;
    grid-template-columns: repeat(2, 1fr);
  }
}
.layout-2023 .business-list-price {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border-radius: 6px;
  border: 2px solid var(--tx-border-color);
  font-size: 12px;
}
.layout-2023 .business-list-price-level {
  border-radius: 100px;
  line-height: 1;
  padding: 3px 6px;
  color: #fff;
}
.layout-2023 .business-list-price-value {
  margin-left: auto;
}
.layout-2023 .business-list-price-value .txm-account-icon {
  scale: 1.3;
}
.layout-2023 .business-list-price-days img {
  height: 18px;
}
.layout-2023 .business-list-price-days,
.layout-2023 .business-list-price-value {
  display: flex;
  align-items: center;
  gap: 5px;
}
.layout-2023 .business-list-price.free {
  border-color: #52be54;
}
.layout-2023 .business-list-item-table {
  overflow-x: auto;
}
.layout-2023 .business-list-item-table tr {
  border-bottom: 1px solid #d9d9d9;
}
.layout-2023 .business-list-item-table th,
.layout-2023 .business-list-item-table td {
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  padding: 10px 20px;
}
@media (max-width: 768px) {
  .layout-2023 .business-list-item-table th,
  .layout-2023 .business-list-item-table td {
    font-size: 10px;
    padding: 6px 10px;
  }
}
.layout-2023 .business-list-item-table .progress-custom {
  height: 30px;
}
.layout-2023 .business-list-item-table .workplace-bonus {
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 16px;
}
@media (max-width: 768px) {
  .layout-2023 .business-list-item-table .workplace-bonus {
    font-size: 10px;
    font-weight: bold;
    text-align: left;
    line-height: 11px;
  }
}
@media (max-width: 768px) {
  .layout-2023 .business-list-item-table .workplace-bonus-name {
    max-width: 86px;
  }
}
.layout-2023 .business-list-item-table .workplace-bonus img {
  height: 30px;
}
.layout-2023 .business-list-item-table .workplace-bonus img.mb_xp {
  margin-top: -10px;
}
.layout-2023 .business-list-item-table .workplace-type {
  display: flex;
  align-items: center;
  gap: 4px;
}
.layout-2023 .business-list-item-table .workplace-type img {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  margin-right: 10px;
}
@media (max-width: 768px) {
  .layout-2023 .business-list-item-table .workplace-type img {
    width: 24px;
    height: 24px;
  }
}
.layout-2023 .business-list-item-table .workplace-rank {
  display: flex;
  flex-direction: column;
  gap: 4px;
  line-height: 1;
}
.layout-2023 .business-list-item-table .workplace-rank .text-success {
  font-size: 16px;
}
@media (max-width: 768px) {
  .layout-2023 .business-list-item-table .workplace-rank .text-success {
    font-size: 10px;
  }
}
.layout-2023 .business-list-item-table .workplace-badges {
  display: flex;
  gap: 4px;
}
@media (max-width: 768px) {
  .layout-2023 .business-list-item-table .workplace-badges {
    gap: 0;
  }
}
@media (max-width: 768px) {
  .layout-2023 .business-list-item-table .workplace-badges .badge {
    padding-top: 3px;
    padding-bottom: 3px;
  }
}
@media (max-width: 768px) {
  .layout-2023 .business-list-item-table .workplace-badges .badge:not(:first-child, :last-child) {
    border-radius: 0;
    border-right: 0;
  }
}
@media (max-width: 768px) {
  .layout-2023 .business-list-item-table .workplace-badges .badge:first-child {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}
@media (max-width: 768px) {
  .layout-2023 .business-list-item-table .workplace-badges .badge:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}
@media (max-width: 768px) {
  .layout-2023 .business-list-item-table .workplace-badges .badge img {
    height: 14px;
  }
}
.layout-2023 .business-list-item-table.business-table-bordered td:not(:last-child) {
  border-right: 1px solid #d9d9d9;
}
@media (max-width: 768px) {
  .layout-2023 .business-list-item-table.business-table-bordered td:not(:last-child) {
    border-right: 0;
  }
}
.layout-2023 .business-list-item-table.recycling-company-table td {
  padding-top: 5px;
  padding-bottom: 5px;
}
.layout-2023 .business-list-item-table .table-price-account {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.layout-2023 .business-list-item-table .table-price-account .txm-account-icon {
  font-size: 20px;
}
@media (max-width: 768px) {
  .layout-2023 .business-list-item-table .table-price-account .txm-account-icon {
    font-size: 13px;
  }
}
.layout-2023 .business-list-desc {
  padding: 10px 20px;
  font-size: 16px;
  border-bottom: 1px solid #d9d9d9;
}
@media (max-width: 768px) {
  .layout-2023 .business-list-desc {
    padding: 10px;
    font-size: 14px;
    line-height: 14px;
  }
}
.layout-2023 .business-workplace-slots {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  padding: 20px;
  border-bottom: 1px solid #d9d9d9;
}
@media (max-width: 768px) {
  .layout-2023 .business-workplace-slots {
    grid-template-columns: repeat(2, 1fr);
    gap: 7px;
    padding: 10px;
  }
}
.layout-2023 .business-workplace-slots .slot:before {
  border-radius: 4px;
}
.layout-2023 .business-workplace-slots .slot .title {
  font-size: 11px;
}
.layout-2023 .business-workplace-slots .slot .slot-tag {
  width: 80px;
}
.layout-2023 .business-workplace-slots .slot .slot-tag .badge {
  font-size: 8px;
}
.layout-2023 .business-workplace-slots .slot .price-tags {
  bottom: 2px;
}
.layout-2023 .business-workplace-slots .slot .price-tags .badge {
  font-size: 8px;
}
@media (max-width: 480px) {
  .layout-2023 .quality-label {
    font-size: 65%;
  }
}
.layout-2023 .building-state-progress-wrap {
  position: absolute;
  left: 0;
  bottom: 5px;
  width: 100%;
}
.layout-2023 .station-progress-value {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.layout-2023 .building-state-progress .progressBar {
  height: 30px !important;
}
.layout-2023 .building-state-progress .progressBar .text {
  text-transform: unset;
}
@media (max-width: 480px) {
  .layout-2023 .object-promotions-table .font-size-4x {
    font-size: 100%;
  }
}
.layout-2023 .business-worker-menu .text-account-real {
  color: #ff86a6;
}
.layout-2023 .business-worker-menu .text-account-deposit {
  color: #c4deff;
}
.layout-2023 .business-worker-menu .text-account-passenger {
  color: #62fa65;
}
.layout-2023 .vacancy-business-item,
.layout-2023 .vacancy-business-item .business-header {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.layout-2023 .object-tabs {
  position: relative;
  z-index: 105;
}
@media (max-width: 480px) {
  .layout-2023 .business-building-bonus-table .business-item-building:nth-child(4n) .business-item-building-popup {
    left: unset;
    right: 0;
  }
}
@media (max-width: 480px) {
  .layout-2023 .business-building-bonus-table .business-item-building:nth-child(4n) .business-item-building-popup:after {
    left: unset !important;
    right: 21px;
  }
}
.layout-2023 .company-nonexistent {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
}
.layout-2023 .company-nonexistent-image {
  max-height: 52px;
  margin-right: 9px;
}
@media (max-width: 480px) {
  .layout-2023 .company-nonexistent-image {
    max-height: 32px;
  }
}
.layout-2023 .company-nonexistent-image.img-notice {
  margin-top: -6px;
}
.layout-2023 .company-nonexistent-image.img-tournament {
  transform: rotate(15deg);
}
.layout-2023 .company-nonexistent-text {
  color: #888b99;
  font-size: 16px;
}
@media (max-width: 480px) {
  .layout-2023 .company-nonexistent-text {
    font-size: 12px;
    max-width: 200px;
    line-height: normal;
  }
}
.layout-2023 .company-nonexistent-text .text-gradient-primary {
  cursor: pointer;
  text-decoration: none;
  font-weight: 700;
}
.layout-2023 .company-notifications {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.layout-2023 .company-notification {
  border-radius: 6px;
  background: var(--tx-panel-background);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}
.layout-2023 .company-notification-content {
  display: flex;
  gap: 20px;
  padding: 20px 10px;
}
@media (max-width: 480px) {
  .layout-2023 .company-notification-content {
    padding-top: 10px;
  }
}
.layout-2023 .company-notification-footer {
  display: flex;
  align-items: center;
  padding: 10px;
  border-top: 1px solid var(--tx-border-color);
}
@media (max-width: 480px) {
  .layout-2023 .company-notification-footer {
    padding-block: 5px;
  }
}
.layout-2023 .company-notification-author {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-right: auto;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}
@media (max-width: 480px) {
  .layout-2023 .company-notification-author {
    font-size: 12px;
  }
}
.layout-2023 .company-notification-avatar {
  width: 100px;
}
@media (max-width: 480px) {
  .layout-2023 .company-notification-avatar {
    width: 58px;
  }
}
.layout-2023 .company-notification-text {
  flex: 1;
  font-size: 16px;
  line-height: 25px;
}
@media (max-width: 480px) {
  .layout-2023 .company-notification-text {
    font-size: 14px;
  }
}
.layout-2023 .company-notification-actions {
  display: flex;
  gap: 22px;
  font-size: 14px;
  margin-right: 22px;
}
@media (max-width: 480px) {
  .layout-2023 .company-notification-actions {
    gap: 12px;
  }
}
.layout-2023 .company-notification-actions .notification-action {
  display: flex;
  align-items: center;
  gap: 5px;
  border: none;
  text-decoration: none;
}
@media (max-width: 480px) {
  .layout-2023 .company-notification-actions .notification-action {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    border-radius: 100px;
  }
}
@media (max-width: 480px) {
  .layout-2023 .company-notification-actions .notification-action img {
    width: 8px;
  }
}
@media (max-width: 480px) {
  .layout-2023 .company-notification-actions .notification-action span {
    display: none;
  }
}
.layout-2023 .company-notification-date {
  color: #888b99;
  font-size: 12px;
}
@media (max-width: 480px) {
  .layout-2023 .company-notification-date {
    font-size: 10px;
  }
}
.layout-2023 .company-active-bonuses {
  overflow: hidden;
  margin-top: 10px;
  border-radius: 6px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}
.layout-2023 .company-bonus {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  cursor: pointer;
}
.layout-2023 .company-bonus-title {
  font-size: 16px;
}
@media (max-width: 480px) {
  .layout-2023 .company-bonus-title {
    font-size: 12px;
    line-height: 14px;
  }
}
.layout-2023 .company-bonus-btn {
  width: 30px;
  height: 30px;
  background: #fff;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.layout-2023 .company-bonus:not(:last-child) {
  border-bottom: 1px solid var(--tx-border-color);
}
.layout-2023 .company-bonus:hover {
  background: linear-gradient(102deg, #ffbf1b1a 3.15%, #fe9e0d1a 28.77%, #ff881a1a 85.67%);
}
.layout-2023 .company-bonus.collapsed {
  border-bottom: 0;
  background: linear-gradient(102deg, #ffbf1b1a 3.15%, #fe9e0d1a 28.77%, #ff881a1a 85.67%);
}
@media (max-width: 480px) {
  .layout-2023 .company-bonus .bonus-ability-desc {
    font-size: 12px;
  }
}
.layout-2023 .company-bonus-orders-table {
  box-shadow: none !important;
}
.layout-2023 .company-bonus-orders-table td,
.layout-2023 .company-bonus-orders-table th {
  border: 1px solid var(--tx-border-color);
}
.layout-2023 .company-bonus-orders-table td:first-child,
.layout-2023 .company-bonus-orders-table th:first-child {
  border-left: 0;
}
.layout-2023 .company-bonus-orders-table td:last-child,
.layout-2023 .company-bonus-orders-table th:last-child {
  border-right: 0;
}
.layout-2023 .company-bonus-orders:last-child .company-bonus-orders-table tr:last-child td {
  border-bottom: 0;
}
.layout-2023 .bonus-taxi {
  display: flex;
  align-items: center;
  width: max-content;
}
.layout-2023 .bonus-taxi-image {
  scale: 1.5;
  height: 33px;
  width: auto;
  margin-right: 14px;
}
.layout-2023 .bonus-taxi-data {
  line-height: 16px;
}
.layout-2023 .bonus-taxi-head {
  white-space: nowrap;
}
@media (max-width: 480px) {
  .layout-2023 .bonus-taxi-head {
    font-size: 10px;
  }
}
.layout-2023 .bonus-taxi-title {
  font-weight: 700;
}
@media (max-width: 480px) {
  .layout-2023 .bonus-taxi-title {
    font-size: 12px;
  }
}
.layout-2023 .bonus-taxi-owner {
  font-weight: 700;
  text-decoration: none;
  font-size: 12px;
}
.layout-2023 .bonus-taxi-time {
  white-space: nowrap;
  font-weight: bold;
}
@media (max-width: 480px) {
  .layout-2023 .bonus-taxi-time {
    font-size: 12px;
  }
}
.layout-2023 .table-business {
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}
.layout-2023 .table-business .icon-position {
  display: flex;
  justify-content: center;
  width: 100%;
  font-size: 16px;
}
.layout-2023 .table-business th {
  color: #888b99;
  background: var(--tx-panel-background);
  font-weight: 700;
}
@media (max-width: 480px) {
  .layout-2023 .table-business th {
    font-size: 12px;
    font-weight: 400;
  }
}
.layout-2023 .table-business th:not(.c-icon) svg {
  height: 12px;
}
.layout-2023 .table-business th:not(.c-icon) svg path {
  fill: #888b99;
}
.layout-2023 .table-business thead > tr:hover th,
.layout-2023 .table-business thead > tr:hover td {
  background: unset;
}
.layout-2023 .table-business thead th,
.layout-2023 .table-business thead td {
  border-bottom-width: 1px;
}
.layout-2023 .table-business tbody tr:nth-child(1) .icon-position {
  height: 22px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('../img/city/theme/winner-cups/1.png');
  color: transparent;
}
.layout-2023 .table-business tbody tr:nth-child(2) .icon-position {
  height: 22px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('../img/city/theme/winner-cups/2.png');
  color: transparent;
}
.layout-2023 .table-business tbody tr:nth-child(3) .icon-position {
  height: 22px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('../img/city/theme/winner-cups/3.png');
  color: transparent;
}
.layout-2023 .table-business .table-user {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #888b99;
  text-decoration: none;
}
.layout-2023 .table-business .table-user .img-user-avatar-container {
  width: 32px;
  height: 32px;
  margin: 0;
}
.layout-2023 .table-business .th-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.layout-2023 .table-business .th-wrap svg {
  max-width: 14px;
}
.layout-2023 .tx-company-building-name {
  color: #333;
  font-size: 14px;
  font-weight: 700;
  max-width: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-decoration: none;
}
@media (max-width: 480px) {
  .layout-2023 .tx-company-building-name {
    font-size: 12px;
  }
}
.layout-2023 .tx-company-building-name:hover {
  color: #898b99;
}
.layout-2023 .tx-company-building-district {
  display: flex;
  align-items: center;
  margin-top: 3.5px;
  font-size: 12px;
  font-weight: 700;
}
@media (max-width: 480px) {
  .layout-2023 .tx-company-building-district {
    font-size: 10px;
  }
}
.layout-2023 .tx-company-building-district svg {
  height: 12px;
}
.layout-2023 .tx-company-building-bonus {
  font-size: 16px;
  padding-left: 10px;
}
@media (max-width: 480px) {
  .layout-2023 .tx-company-building-bonus {
    font-size: 12px;
  }
}
.layout-2023 .tx-company-building-bonus i {
  font-size: 22px;
  color: #ffc107;
}
.layout-2023 .tx-company-building-bonus .text-danger {
  font-weight: 700;
}
.layout-2023 .tx-company-building .level-green {
  width: 18px;
  height: 18px;
  margin-left: 5px;
}
.layout-2023 .company-employees {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
@media (max-width: 480px) {
  .layout-2023 .company-employees {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.layout-2023 .company-employee {
  display: flex;
  flex-direction: column;
  height: fit-content;
  background: var(--tx-panel-background);
  box-shadow: 0px 0px 5px var(--tx-box-shadow-color);
  border-radius: 6px;
}
.layout-2023 .company-employee-link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px;
  text-decoration: none;
}
.layout-2023 .company-employee-image {
  position: relative;
  display: flex;
  width: 51px;
  height: 51px;
}
@media (max-width: 480px) {
  .layout-2023 .company-employee-image {
    width: 44px;
    height: 44px;
  }
}
.layout-2023 .company-employee-name {
  font-size: 14px;
  font-weight: bold;
}
.layout-2023 .company-employee-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  padding: 12px 6px;
  border-top: 1px solid var(--tx-border-color);
  cursor: pointer;
  margin-top: auto;
}
.layout-2023 .company-employee-footer:hover {
  color: #898b99;
}
.layout-2023 .company-employee-footer span {
  color: #888b99;
}
.layout-2023 .company-employee-vehicles {
  background: linear-gradient(102deg, #ffbf1b1a 3.15%, #fe9e0d1a 28.77%, #ff881a1a 85.67%);
}
.layout-2023 .employee-vehicle {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0 6px;
}
.layout-2023 .employee-vehicle:not(:first-child) {
  border-top: 1px solid var(--tx-border-color);
}
.layout-2023 .employee-vehicle-image {
  width: 60px;
}
.layout-2023 .employee-vehicle-info {
  display: flex;
  flex-direction: column;
  line-height: 1;
  gap: 4px;
}
.layout-2023 .employee-vehicle-name {
  font-size: 14px;
  color: var(--drk-color, #000);
}
.layout-2023 .employee-vehicle-count {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  color: #888b99;
}
.layout-2023 .company-tariffs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
@media (max-width: 480px) {
  .layout-2023 .company-tariffs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.layout-2023 .company-tariff {
  background: var(--tx-panel-background);
  box-shadow: 0px 0px 5px var(--tx-box-shadow-color);
  padding: 0 7px;
  display: flex;
  align-items: center;
  border-radius: 6px;
}
.layout-2023 .company-tariff-image {
  height: 100px;
}
@media (max-width: 480px) {
  .layout-2023 .company-tariff-image {
    height: 47px;
  }
}
.layout-2023 .company-tariff-name {
  color: var(--tx-text-color);
  font-size: 18px;
  font-weight: 700;
}
@media (max-width: 480px) {
  .layout-2023 .company-tariff-name {
    font-size: 14px;
    font-weight: 400;
  }
}
.layout-2023 .company-tariff-name.tariff-inventory-upgrades {
  color: #FE4A4A;
}
.layout-2023 .company-tariff-info {
  line-height: 22px;
}
@media (max-width: 480px) {
  .layout-2023 .company-tariff-info {
    line-height: 16px;
  }
}
.layout-2023 .company-tariff-count {
  color: #888b99;
}
@media (max-width: 480px) {
  .layout-2023 .company-tariff-count {
    font-size: 12px;
  }
}
.layout-2023 .company-tariff-count span {
  font-weight: 700;
}
.layout-2023 .company-vacancies {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.layout-2023 .company-vacancy {
  padding: 0;
  background: var(--tx-panel-background);
  box-shadow: 0px 0px 5px var(--tx-box-shadow-color);
  border-radius: 6px;
}
.layout-2023 .company-vacancy-inner {
  display: flex;
  gap: 20px;
  padding: 10px;
}
@media (max-width: 480px) {
  .layout-2023 .company-vacancy-inner {
    flex-wrap: wrap;
  }
}
.layout-2023 .company-vacancy-footer {
  padding: 6px;
  border-top: 1px solid var(--tx-border-color);
}
.layout-2023 .company-vacancy-left {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.layout-2023 .company-vacancy-center {
  flex: 1;
}
.layout-2023 .company-vacancy-right {
  margin-right: 10px;
}
@media (max-width: 480px) {
  .layout-2023 .company-vacancy-right {
    width: 100%;
    margin-top: -10px;
  }
}
.layout-2023 .company-vacancy-divider {
  width: 1px;
  background: var(--tx-border-color);
  margin: -10px 0;
}
@media (max-width: 480px) {
  .layout-2023 .company-vacancy-divider {
    width: 100%;
    height: 1px;
    margin: 0 -10px;
  }
}
.layout-2023 .company-vacancy-image {
  border-radius: 6px;
  border: 1px solid #888b99;
  width: 120px;
  height: 120px;
  object-fit: cover;
}
.layout-2023 .company-vacancy-header {
  display: flex;
  align-items: center;
  gap: 10px;
}
.layout-2023 .company-vacancy-reputation {
  display: flex;
  align-items: center;
  line-height: normal;
  gap: 6px;
}
.layout-2023 .company-vacancy-status {
  padding: 8px 12px;
  font-size: 12px;
}
.layout-2023 .company-vacancy-timeleft {
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
  border-radius: 100px;
  font-size: 12px;
  padding: 6px;
  line-height: 1;
  text-align: center;
}
.layout-2023 .company-vacancy-terms {
  font-size: 18px;
  text-align: center;
  line-height: normal;
  margin-bottom: 14px;
}
.layout-2023 .company-vacancy-requirements {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px 20px;
  border-radius: 6px;
  border: 1px solid var(--tx-border-color);
  background: var(--tx-panel-background-second);
  padding: 15px 20px 10px;
}
.layout-2023 .company-vacancy-requirement {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 28px;
}
.layout-2023 .company-vacancy-requirement.requirement-auto-hire {
  grid-column: 1/4;
}
.layout-2023 .company-vacancy-requirement.requirement-auto-hire .badge {
  padding-block: 8px;
}
.layout-2023 .company-vacancy-requirement.requirement-divider {
  grid-column: 1/4;
  width: calc(100% + 40px);
  height: 1px;
  background: var(--tx-border-color);
  margin-left: -20px;
}
.layout-2023 .company-vacancy-requirement .vacancy-requirement-text {
  white-space: nowrap;
  font-size: 14px;
}
.layout-2023 .company-vacancy-requirement .vacancy-requirement-value {
  font-size: 24px;
}
.layout-2023 .company-vacancy-reply {
  margin-top: 20px;
}
.layout-2023 .company-vacancy-reply .btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.layout-2023 .company-vacancy-desc {
  margin-top: 20px;
  color: #888b99;
}
.layout-2023 .company-vacancy-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  line-height: normal;
}
.layout-2023 .company-vacancy-actions .vacancy-action-btn {
  display: flex;
  align-items: center;
  gap: 5px;
}
.layout-2023 .company-vacancy-actions .vacancy-action-btn .fa-tire {
  -webkit-text-fill-color: #333;
}
.layout-2023 .company-vacancy .business-header {
  padding: 0;
  border-radius: unset;
  flex-direction: column;
  gap: 13.5px;
}
.layout-2023 .company-vacancy .business-badge {
  width: fit-content;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
}
.layout-2023 .company-vacancy .business-title {
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background: linear-gradient(180deg, #81b5ff 0%, #4a83df 100%);
}
.layout-2023 .company-vacancy .business-title:is(a, button, [data-target], .text-gradient-hover):hover {
  background: #1456c1;
}
@media (max-width: 480px) {
  .layout-2023 .company-vacancy .business-title {
    max-width: 130px;
  }
}
.layout-2023 .company-vacancy .business-level {
  font-size: 14px;
}
.layout-2023 .table-company-orders * {
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.layout-2023 .table-company-orders .col-status-info {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  line-height: 1;
  color: #888b99;
  font-size: 12px;
}
.layout-2023 .table-company-orders .col-status-info img {
  height: 19px;
}
.layout-2023 .table-company-orders .col-status-text {
  color: var(--tx-text-color);
  font-size: 14px;
  font-weight: 700;
}
.layout-2023 .table-company-orders .col-order-taxi {
  display: flex;
  align-items: center;
  font-size: 14px;
  width: max-content;
}
.layout-2023 .table-company-orders .col-order-taxi .col-order-taxi-img {
  height: 41px;
  scale: 1.2;
  margin-right: 5px;
}
.layout-2023 .table-company-orders .col-order-block {
  line-height: 20px;
  text-align: center;
}
.layout-2023 .table-company-orders .col-order-user {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}
.layout-2023 .table-company-orders .col-order-user .img-user-avatar-container {
  width: 32px;
  margin: 0;
}
.layout-2023 .table-company-orders .col-order-user .level-green {
  -webkit-text-fill-color: #fff;
}
.layout-2023 .table-company-orders .order-applied-items {
  display: flex;
  justify-content: space-evenly;
  gap: 5px;
  max-width: 115px;
  overflow: hidden;
  margin: 0 auto;
}
.layout-2023 .table-company-orders .order-applied-item {
  height: 34px;
}
.layout-2023 .company-contest-header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 20px 100px;
  border-radius: 10px;
  border: 3px solid #ffd68e;
  color: #ffffff;
  background: url("../img/city/company/golden-left.png") left center / auto 100% no-repeat, url("../img/city/company/golden-right.png") right center / auto 100% no-repeat, linear-gradient(99deg, #395c86 0%, #6b49b2 98.72%);
}
@media (max-width: 480px) {
  .layout-2023 .company-contest-header {
    padding: 15px;
  }
}
.layout-2023 .company-contest-header__image {
  position: relative;
}
.layout-2023 .company-contest-header__image img {
  height: 146px;
}
@media (max-width: 480px) {
  .layout-2023 .company-contest-header__image img {
    height: 87px;
  }
}
.layout-2023 .company-contest-header__title {
  font-size: 24px;
  font-weight: 700;
  line-height: normal;
}
@media (max-width: 480px) {
  .layout-2023 .company-contest-header__title {
    display: flex;
    flex-direction: column;
    font-size: 20px;
  }
}
.layout-2023 .company-contest-header__title span {
  color: #fbe222;
  font-weight: 400;
}
.layout-2023 .company-contest-header__owner {
  color: var(--tx-border-color);
  font-size: 12px;
  font-weight: 700;
  line-height: normal;
  margin-top: 8px;
}
@media (max-width: 480px) {
  .layout-2023 .company-contest-header__data {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 10px;
  }
}
@media (min-width: 481px) {
  .layout-2023 .company-contest-header__data .company-contest-header__image {
    display: none;
  }
}
.layout-2023 .company-contest-header__info {
  font-size: 18px;
  line-height: 28px;
  margin-top: 12px;
}
@media (max-width: 480px) {
  .layout-2023 .company-contest-header__info {
    padding: 8px 12px;
    background: #fff;
    border-radius: 9px;
    color: #333;
    line-height: 22px;
  }
}
.layout-2023 .company-contest-header__info span {
  color: #fbe222;
  font-weight: bold;
}
@media (max-width: 480px) {
  .layout-2023 .company-contest-header__info span {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background: linear-gradient(180deg, #52be54 0%, #4ab34c 100%);
  }
  .layout-2023 .company-contest-header__info span:is(a, button, [data-target], .text-gradient-hover):hover {
    background: #168d18;
  }
}
.layout-2023 .company-contest-header__date {
  border-radius: 6px 0;
  background: linear-gradient(180deg, #FF8AA6 0%, #E45678 100%);
  position: absolute;
  top: -3px;
  left: -3px;
  padding: 5px 6px;
  line-height: 1;
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  font-weight: bold;
}
@media (max-width: 480px) {
  .layout-2023 .company-contest-header__date {
    left: unset;
    right: -3px;
    border-radius: 0 6px;
  }
}
.layout-2023 .company-contest-header__date .date-heading {
  font-weight: 400;
}
@media (max-width: 480px) {
  .layout-2023 .company-contest-header__date + .company-contest-header__image {
    display: none;
  }
}
@media (max-width: 480px) {
  .layout-2023 .company-contest-header__meta {
    flex: 1;
  }
}
.layout-2023 .company-contest-header__entry-price {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.layout-2023 .company-contest-header__entry-price .txm-account-icon {
  font-size: 24px;
}
@media (max-width: 480px) {
  .layout-2023 .company-contest-header__entry-price .txm-account-icon {
    font-size: 18px;
  }
}
.layout-2023 .company-contest-header__entry-price .entry-price-text {
  position: relative;
  z-index: 1;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #fff;
  font-family: Montserrat;
  font-size: 26px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  letter-spacing: 3.9px;
  background: linear-gradient(180deg, #52be54 35.5%, #000000 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 480px) {
  .layout-2023 .company-contest-header__entry-price .entry-price-text {
    font-size: 20px;
  }
}
.layout-2023 .company-contest-header__entry-price .entry-price-text::after {
  content: attr(data-text);
  -webkit-text-stroke: 3px #52be54;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.layout-2023 .company-contest-about {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  padding: 10px 14px;
  border-radius: 6px;
  border: 2px solid #93c8f7;
  background: var(--tx-panel-background);
  font-size: 16px;
}
.layout-2023 .company-contest-blocks {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 10px;
}
@media (max-width: 480px) {
  .layout-2023 .company-contest-blocks {
    grid-template-columns: 1fr;
  }
}
.layout-2023 .company-contest-blocks__title {
  padding: 20px 18px 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 21px;
}
.layout-2023 .company-contest-blocks__col {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.layout-2023 .company-contest-countdown {
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 28px;
  height: 100%;
}
.layout-2023 .company-contest-countdown__title {
  padding: 0;
}
.layout-2023 .company-contest-countdown__image {
  margin-top: 6px;
}
.layout-2023 .company-contest-countdown__block {
  padding: 18px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 6px;
  border: 2px solid #ff8aa6;
  min-width: 230px;
}
.layout-2023 .company-contest-countdown__desc {
  font-size: 14px;
  font-weight: 700;
  margin-top: 13px;
}
.layout-2023 .company-contest-countdown__timer {
  font-size: 24px;
  font-weight: 400;
  line-height: 22px;
  margin-top: 5px;
}
.layout-2023 .company-contest-prizes {
  height: 100%;
}
.layout-2023 .company-contest-table {
  box-shadow: none;
  margin-top: 5px;
}
.layout-2023 .company-contest-table th {
  text-align: left;
  font-size: 12px;
}
.layout-2023 .company-contest-table th:last-child {
  text-align: right;
}
.layout-2023 .company-contest-table td {
  border-top: 1px solid var(--tx-border-color);
}
.layout-2023 .company-contest-table th,
.layout-2023 .company-contest-table td {
  padding: 10px 8px;
}
.layout-2023 .company-contest-table th:first-child,
.layout-2023 .company-contest-table td:first-child {
  padding-left: 20px;
}
.layout-2023 .company-contest-finished .company-contest-header__date {
  background: linear-gradient(180deg, #eaeaea 0%, #9c9c9c 100%);
}
.layout-2023 .company-contest-finished .company-contest-blocks__title {
  color: #888b99;
}
.layout-2023 .company-contest-finished .company-contest-countdown__block {
  background: var(--tx-panel-background-second);
  border: 1px solid var(--tx-border-color);
}
.layout-2023 .company-contest-finished .company-contest-countdown__desc {
  color: #888b99;
  font-weight: 400;
  font-size: 16px;
}
.layout-2023 .panel-company-buildings {
  z-index: 15;
}
.layout-2023 .badge-max-level {
  position: relative;
  padding-left: 28px;
}
.layout-2023 .badge-max-level .badge-number {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  aspect-ratio: 1;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #52be54;
  color: #fff;
  text-shadow: 1px 1px 0px #37795e;
}
@media (max-width: 480px) {
  .layout-2023 .company-orders-table {
    overflow-x: auto;
    padding: 2px;
  }
}
.layout-2023 .company-employers-info {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 16px;
}
@media (max-width: 992px) {
  .layout-2023 .company-employers-info {
    font-size: 14px;
  }
}
.layout-2023 .panel-layout {
  z-index: unset;
}
.layout-2023 .tx-company-employers {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 10px;
}
.layout-2023 .tx-company-employer {
  display: flex;
  align-items: start;
  gap: 20px;
  background: var(--tx-panel-background);
  box-shadow: 0px 0px 5px var(--tx-box-shadow-color);
  border-radius: 6px;
  padding: 10px;
}
@media (max-width: 992px) {
  .layout-2023 .tx-company-employer {
    gap: 10px;
    flex-direction: column;
  }
}
.layout-2023 .tx-company-employer__left {
  display: flex;
  flex-shrink: 0;
  min-width: 230px;
}
@media (max-width: 992px) {
  .layout-2023 .tx-company-employer__left {
    position: relative;
    min-width: unset;
    width: 100%;
  }
}
@media (max-width: 992px) {
  .layout-2023 .tx-company-employer__left:after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    display: block;
    height: 1px;
    background: #e7e7ec;
  }
}
.layout-2023 .tx-company-employer__right {
  flex: 1;
  display: flex;
  flex-direction: column;
}
@media (max-width: 992px) {
  .layout-2023 .tx-company-employer__right {
    width: 100%;
    padding-top: 10px;
  }
}
.layout-2023 .tx-company-employer__item {
  display: flex;
  width: 100%;
}
@media (max-width: 992px) {
  .layout-2023 .tx-company-employer__item {
    position: relative;
    padding-left: 35px;
  }
}
.layout-2023 .tx-company-employer__item:not(:first-child) {
  padding-top: 10px;
}
.layout-2023 .tx-company-employer__item:not(:last-child) {
  padding-bottom: 10px;
  border-bottom: 1px solid var(--tx-border-color);
}
.layout-2023 .tx-company-employer__item > .img-taxi-container {
  width: 96px;
  margin: 0;
  padding: 0;
  scale: 1.5;
  right: 20px;
  flex-shrink: 0;
}
.layout-2023 .tx-company-employer__user {
  position: relative;
  display: flex;
  gap: 12px;
}
.layout-2023 .tx-company-employer__user-data {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: baseline;
}
@media (max-width: 992px) {
  .layout-2023 .tx-company-employer__user-data {
    justify-content: center;
  }
}
.layout-2023 .tx-company-employer__user-login {
  display: flex;
  align-items: center;
  gap: 6px;
}
.layout-2023 .tx-company-employer__user-login a {
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  max-width: 115px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.layout-2023 .tx-company-employer__user-login .level-green {
  width: 20px;
  height: 20px;
  font-weight: 700;
  font-size: 12px;
}
.layout-2023 .tx-company-employer__user-experience {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
}
.layout-2023 .tx-company-employer__user .img-user-avatar-container {
  width: 54px;
  height: 54px;
  margin: 0;
}
.layout-2023 .tx-company-employer__fire {
  z-index: 10;
}
@media (max-width: 992px) {
  .layout-2023 .tx-company-employer.collapsed .tx-company-employer__item {
    padding-bottom: 67px;
  }
}
.layout-2023 .tx-company-employer__taxi {
  display: flex;
  flex-direction: column;
  gap: 7.5px;
  width: 100%;
}
.layout-2023 .tx-company-employer__taxi-cols {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px 24px;
}
@media (max-width: 992px) {
  .layout-2023 .tx-company-employer__taxi-cols {
    gap: 6px 18px;
    grid-template-columns: repeat(2, 1fr);
  }
}
.layout-2023 .tx-company-employer__taxi-col {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  white-space: nowrap;
}
@media (max-width: 480px) {
  .layout-2023 .tx-company-employer__taxi-col {
    min-width: 34%;
  }
}
@media (min-width: 993px) {
  .layout-2023 .tx-company-employer__taxi-col:nth-child(3n) {
    justify-content: end;
  }
}
@media (max-width: 992px) {
  .layout-2023 .tx-company-employer__taxi-col:nth-child(2n) {
    justify-content: end;
  }
}
@media (max-width: 992px) {
  .layout-2023 .tx-company-employer__taxi-col:nth-child(2n-1) {
    justify-content: start;
  }
}
.layout-2023 .tx-company-employer__taxi-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.layout-2023 .tx-company-employer__taxi-bottom {
  display: flex;
}
@media (max-width: 992px) {
  .layout-2023 .tx-company-employer__taxi-bottom {
    position: absolute;
    bottom: 10px;
    left: 0px;
    width: 100%;
  }
}
.layout-2023 .tx-company-employer__taxi-title {
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 700;
}
.layout-2023 .tx-company-employer__taxi-title .taxi-id {
  color: #888b99;
}
.layout-2023 .tx-company-employer__taxi-title .taxi-title {
  font-size: 16px;
  max-width: 100px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media (max-width: 480px) {
  .layout-2023 .tx-company-employer__taxi-title .taxi-title {
    max-width: 70px;
  }
}
.layout-2023 .tx-company-employer__taxi-title .level-green {
  width: 20px;
  height: 20px;
}
.layout-2023 .tx-company-employer__taxi-serv {
  display: flex;
  align-items: center;
  gap: 6px;
}
.layout-2023 .tx-company-employer__taxi-orders {
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: bold;
}
.layout-2023 .tx-company-employer__taxi-license {
  padding-block: 4px !important;
}
.layout-2023 .tx-company-employer__taxi-license img {
  height: 14px;
}
.layout-2023 .tx-company-employer__taxi-salary {
  font-weight: 700;
}
.layout-2023 .tx-company-employer__taxi-salary span {
  display: flex;
  align-items: center;
}
.layout-2023 .tx-company-employer__taxi-salary img {
  height: 14px;
}
.layout-2023 .tx-company-employer__taxi-salary-indicator {
  position: absolute;
  top: -8px;
  right: -4px;
  width: 8px;
  height: 8px;
  background: red;
  border-radius: 100%;
}
.layout-2023 .tx-company-employer__taxi-parts {
  display: inline-flex;
  flex-wrap: wrap;
  border-radius: 6px;
  border: 1px solid var(--tx-border-color);
}
.layout-2023 .tx-company-employer__taxi-spy {
  color: #333;
  text-decoration: none;
}
.layout-2023 .tx-company-employer__taxi-bonuses {
  flex-wrap: wrap;
}
.layout-2023 .invoice-panel .panel-heading {
  border-bottom: 1px solid #d9d9d9;
}
.layout-2023 .company-balance-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  background: var(--tx-panel-background);
  box-shadow: 0px 0px 5px var(--tx-box-shadow-color);
  border-radius: 6px;
  margin: 20px 0 10px;
}
@media (max-width: 992px) {
  .layout-2023 .company-balance-block {
    flex-direction: column;
    align-items: start;
    gap: 10px;
  }
}
.layout-2023 .company-balance-block__label {
  flex: 1;
  font-size: 18px;
}
@media (max-width: 992px) {
  .layout-2023 .company-balance-block__label {
    font-size: 16px;
  }
}
.layout-2023 .company-balance-block__buttons {
  display: flex;
  gap: 10px;
}
@media (max-width: 992px) {
  .layout-2023 .company-balance-block__buttons {
    width: 100%;
  }
}
.layout-2023 .company-balance-block__buttons .btn {
  padding-inline: 37px;
}
@media (max-width: 480px) {
  .layout-2023 .company-balance-block__buttons form {
    width: 100%;
  }
}
.layout-2023 .company-content-menu {
  display: flex;
  justify-content: center;
  gap: 10px;
}
@media (max-width: 992px) {
  .layout-2023 .company-content-menu {
    flex-wrap: wrap;
  }
}
.layout-2023 .company-content-menu a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-width: 212px;
}
@media (max-width: 992px) {
  .layout-2023 .company-content-menu a {
    min-width: unset;
    width: calc(50% - 10px);
  }
}
.layout-2023 .company-content-menu.items-3 a {
  width: calc(33.3% - 10px);
}
.layout-2023 .installed-part {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid var(--tx-border-color);
  width: 40px;
  height: 40px;
  padding: 2px;
}
@media (max-width: 992px) {
  .layout-2023 .installed-part {
    width: 30px;
    height: 30px;
  }
}
.layout-2023 .installed-part:last-child {
  border: none;
}
.layout-2023 .installed-part:last-child .installed-part-badge {
  border-radius: 2px 6px 2px 8px;
}
.layout-2023 .installed-part-image {
  max-width: 100%;
  max-height: 100%;
}
.layout-2023 .installed-part-badge {
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
  text-shadow: 1px 1px 0px #367b27;
  font-size: 12px;
  font-weight: 700;
  border-radius: 2px 2px 2px 8px;
  background: linear-gradient(180deg, #52be54 35.5%, #4ab34c 100%);
  padding: 2px 5px;
  line-height: 1;
}
.layout-2023 .tx-company-employer__taxi-bonuses .bonus-icon {
  width: 34px;
  height: 34px;
}
@media (max-width: 992px) {
  .layout-2023 .tx-company-employer__taxi-bonuses .bonus-icon {
    width: 30px;
    height: 30px;
  }
}
.layout-2023 .tx-company-employer__taxi-bonuses .bonus-icon img {
  width: 24px;
  height: 24px;
}
@media (max-width: 992px) {
  .layout-2023 .tx-company-employer__taxi-bonuses .bonus-icon img {
    width: 20px;
    height: 20px;
  }
}
.layout-2023 .tx-company-employer__taxi-abilities {
  display: inline-flex;
  border-radius: 6px;
  border: 1px solid var(--tx-border-color);
  margin-left: auto;
}
@media (max-width: 992px) {
  .layout-2023 .tx-company-employer__taxi-abilities {
    margin: auto;
  }
}
.layout-2023 .company-taxi-ability {
  position: relative;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px 9px;
  border-right: 1px solid var(--tx-border-color);
}
@media (max-width: 992px) {
  .layout-2023 .company-taxi-ability {
    width: 100%;
    height: 45px;
  }
}
.layout-2023 .company-taxi-ability:last-child {
  border: none;
}
.layout-2023 .company-taxi-ability__image {
  max-width: 100%;
  max-height: 100%;
}
.layout-2023 .company-taxi-ability__badge {
  position: absolute;
  top: 3px;
  right: 3px;
  width: 20px;
  font-size: 12px;
}
.layout-2023 .company-taxi-ability.inactive {
  filter: grayscale(1);
}
.layout-2023 [data-taxi-details="true"].collapse:not(.in) {
  display: none;
}
.layout-2023 .detailed-block {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.layout-2023 .detailed-block .detailed-button {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}
.layout-2023 .detailed-block .detailed-button.collapsed span:nth-child(1) {
  display: none;
}
.layout-2023 .detailed-block .detailed-button.collapsed img {
  transform: rotate(180deg);
}
.layout-2023 .detailed-block .detailed-button:not(.collapsed) span:nth-child(2) {
  display: none;
}
.layout-2023 .self-employer .tx-company-employer__item,
.layout-2023 .guest-employer .tx-company-employer__item {
  width: auto;
}
.layout-2023 .self-employer .tx-company-employer__taxi-cols,
.layout-2023 .guest-employer .tx-company-employer__taxi-cols {
  grid-template-columns: 1fr 1fr;
}
.layout-2023 .self-employer .tx-company-employer__taxi-col:nth-child(2n),
.layout-2023 .guest-employer .tx-company-employer__taxi-col:nth-child(2n) {
  justify-content: end;
}
.layout-2023 .self-employer .tx-company-employer__taxi-col:nth-child(3n),
.layout-2023 .guest-employer .tx-company-employer__taxi-col:nth-child(3n) {
  justify-content: unset;
}
@media (max-width: 480px) {
  .layout-2023 .self-employer .img-taxi-container,
  .layout-2023 .guest-employer .img-taxi-container {
    scale: 2;
  }
}
.layout-2023 .guest-employer .tx-company-employer__taxi-orders {
  filter: blur(2.5px);
}
.layout-2023 .modal-fire .help-block,
.layout-2023 .modal-fire .error-block {
  color: #333;
}
.layout-2023 .company-salary-bonus {
  background: var(--tx-panel-background);
  border-radius: 6px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  margin-top: 10px;
  padding: 15px 20px;
  display: flex;
  gap: 20px;
}
@media (max-width: 992px) {
  .layout-2023 .company-salary-bonus {
    flex-direction: column;
  }
}
.layout-2023 .company-salary-bonus__right {
  flex: 1;
}
.layout-2023 .company-salary-bonus__title {
  font-size: 18px;
  font-weight: 700;
}
@media (max-width: 992px) {
  .layout-2023 .company-salary-bonus__desc {
    display: flex;
    justify-content: space-between;
  }
}
.layout-2023 .company-salary-bonus__inputs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}
@media (max-width: 992px) {
  .layout-2023 .company-salary-bonus__inputs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.layout-2023 .company-salary-bonus__input {
  display: flex;
  flex-direction: column;
  justify-content: end;
}
@media (max-width: 992px) {
  .layout-2023 .company-salary-bonus__input.button-column {
    grid-column: 1/3;
  }
}
.layout-2023 .company-salary-bonus__input .form-control {
  border-color: #81b5ff;
}
.layout-2023 .table-employers tbody tr:nth-child(2n-1) {
  background: linear-gradient(102deg, #ffbf1b1a 3.15%, #fe9e0d1a 28.77%, #ff881a1a 85.67%);
}
.layout-2023 .table-employers .checkbox-inline-new {
  padding: 0;
  margin: 0;
  zoom: 0.85;
}
.layout-2023 .table-employers .col-emp-taxi {
  display: flex;
  align-items: center;
  font-size: 14px;
  width: max-content;
}
.layout-2023 .table-employers .col-emp-taxi-img {
  height: 41px;
  scale: 1.2;
  margin-right: 5px;
}
.layout-2023 .table-employers .col-emp-taxi-meta {
  line-height: 18px;
}
.layout-2023 .table-employers .col-emp-taxi-standing {
  font-size: 12px;
}
.layout-2023 .table-employers .col-emp-user {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}
.layout-2023 .table-employers .col-emp-user .img-user-avatar-container {
  width: 32px;
  margin: 0;
}
.layout-2023 .table-employers .col-emp-status {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 18px;
}
.layout-2023 .table-employers .col-emp-status-text {
  font-size: 12px;
  font-weight: bold;
}
.layout-2023 .table-employers .col-emp-total {
  line-height: 20px;
}
.layout-2023 .table-employers .col-emp-total > div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.layout-2023 .table-employers .col-emp-total .txm-account-icon {
  margin-left: -4px;
}
.layout-2023 .table-employers .col-emp-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  line-height: 1;
}
.layout-2023 .table-employers .col-emp-actions-salary {
  gap: 6px;
  padding-right: 4px;
  font-weight: bold;
  color: #333;
}
.layout-2023 .table-employers .col-emp-actions a {
  display: flex;
  align-items: center;
  text-decoration: none;
  gap: 4px;
}
.layout-2023 .table-employers .level-green {
  width: 18px;
  height: 18px;
  -webkit-text-fill-color: #fff;
}
.layout-2023 .employer-stats {
  background: var(--tx-panel-background);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  padding: 10px;
  margin-top: 10px;
}
.layout-2023 .employer-stats__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 992px) {
  .layout-2023 .employer-stats__header {
    flex-direction: column;
    align-items: start;
  }
}
.layout-2023 .employer-stats__title {
  font-size: 18px;
  font-weight: 700;
  margin-left: 15px;
}
.layout-2023 .employer-stats__filters {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (max-width: 992px) {
  .layout-2023 .employer-stats__filters {
    flex-wrap: wrap;
  }
}
.layout-2023 .employer-stats__legend {
  border-radius: 6px;
  border: 1px solid var(--tx-border-color);
  background: var(--tx-panel-background-second);
  display: flex;
  align-items: center;
  padding: 7px 10px;
}
@media (max-width: 992px) {
  .layout-2023 .employer-stats__legend {
    flex: 1;
    justify-content: space-around;
  }
}
.layout-2023 .employer-stats__legend label {
  white-space: nowrap;
}
.layout-2023 .employer-stats__content .city-exchange-stats-container,
.layout-2023 .employer-stats__content .chart-help-block {
  margin: 10px 0 0;
  border-radius: 6px;
}
.layout-2023 .employer-stats__content .chart-container {
  margin: 0;
}
.layout-2023 .employer-stats__content .chart-wrapper {
  border-radius: 6px;
  border: 1px solid var(--tx-border-color);
  background: var(--tx-panel-background-second);
}
.layout-2023 .employer-stats__content .label-color {
  border: 0;
}
.layout-2023 .employer-stats .employer-stats__picker {
  position: relative;
}
@media (max-width: 992px) {
  .layout-2023 .employer-stats .employer-stats__picker {
    width: 100%;
  }
}
.layout-2023 .employer-stats .employer-stats__picker:after {
  content: "";
  background: url("../img/business/page/calendar.svg");
  display: flex;
  width: 13px;
  height: 14px;
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
}
.layout-2023 .employer-stats .employer-stats__picker input {
  padding-right: 28px;
}
.layout-2023 .vacancy-responses-modal .theme-modal-body {
  max-width: 764px;
}
.layout-2023 .responses-alert {
  display: flex;
  padding: 10px 14px;
  align-items: start;
  gap: 10px;
  border-radius: 8px;
  border: 2px solid #93c8f7;
}
.layout-2023 .responses-alert__data {
  text-align: left;
  line-height: 18px;
}
.layout-2023 .responses-alert__title {
  font-weight: 700;
  font-size: 16px;
}
@media (max-width: 992px) {
  .layout-2023 .responses-alert__title {
    font-size: 14px;
  }
}
.layout-2023 .responses-alert__desc {
  margin-top: 3px;
}
@media (max-width: 992px) {
  .layout-2023 .responses-alert__desc {
    font-size: 12px;
  }
}
.layout-2023 .modal-employer-hire,
.layout-2023 .modal-employer-reject {
  z-index: 1105;
}
.layout-2023 .modal-responses .modal-dialog {
  max-width: 764px;
}
.layout-2023 .modal-vacancy-add .modal-dialog {
  max-width: 642px;
}
.layout-2023 .modal-responses .modal-dialog,
.layout-2023 .modal-vacancy-add .modal-dialog,
.layout-2023 .modal-invite-employer .modal-dialog {
  width: 100%;
}
.layout-2023 .modal-responses .modal-body,
.layout-2023 .modal-vacancy-add .modal-body,
.layout-2023 .modal-invite-employer .modal-body {
  padding: 20px;
}
.layout-2023 .table-salary th,
.layout-2023 .table-invoices th,
.layout-2023 .table-salary td,
.layout-2023 .table-invoices td {
  padding-block: 4.5px !important;
  line-height: 1 !important;
}
.layout-2023 .table-salary .col-checkbox,
.layout-2023 .table-invoices .col-checkbox {
  max-width: 30px;
  min-width: 30px;
  width: 30px;
  padding-inline: 4px !important;
}
.layout-2023 .table-salary .row-selected,
.layout-2023 .table-invoices .row-selected {
  background: linear-gradient(102deg, #ffbf1b1a 3.15%, #fe9e0d1a 28.77%, #ff881a1a 85.67%);
}
.layout-2023 .btn-invoice-pay {
  display: flex;
  align-items: center;
  gap: 6px;
}
.layout-2023 .btn-invoice-pay .txm-account-icon {
  scale: 1.2;
}
.layout-2023 .table-salary .order-type-image {
  max-width: 17px;
  max-height: 17px;
}
.layout-2023 .salary-table-caption {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  text-transform: none;
  line-height: 15px;
  color: #333;
}
.layout-2023 .salary-table-caption svg path {
  fill: #333;
}
.layout-2023 .tx-company-employer__taxi-hire img {
  height: 12px;
}
@media (max-width: 480px) {
  .layout-2023 .tx-company-employer__taxi-hire img {
    height: 16px;
  }
}
.layout-2023 .tx-company-employer__taxi-hire button {
  padding: 1px 5px;
  display: flex;
  border: 0;
}
.layout-2023 .tx-company-employer__taxi-hire button:disabled {
  filter: grayscale(1);
  opacity: 0.4;
}
.layout-2023 .modal-responses .tx-company-employer__left {
  min-width: 200px;
}
.layout-2023 .vacancy-add-form .auto-hire-checkbox .help-block,
.layout-2023 .vacancy-add-form .auto-hire-checkbox .error-block {
  margin-left: 36px;
}
.layout-2023 .vacancy-add-form .form-short-row {
  width: calc(100% - 150px);
}
.layout-2023 .vacancy-add-form button[type="submit"] {
  width: 100%;
  margin-top: 20px;
}
.layout-2023 .company-invite {
  background: var(--tx-panel-background);
  box-shadow: 0px 0px 5px var(--tx-box-shadow-color);
  padding: 10px;
  border-radius: 6px;
}
.layout-2023 .company-invite-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 992px) {
  .layout-2023 .company-invite-inner {
    flex-direction: column;
    align-items: start;
  }
}
.layout-2023 .company-invite-left {
  display: flex;
  gap: 18px;
}
@media (max-width: 992px) {
  .layout-2023 .company-invite-right {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-top: 10px;
  }
}
.layout-2023 .company-invite-right .collapsed .angle-down {
  transform: rotate(180deg);
}
.layout-2023 .company-invite-image {
  width: 100px;
  height: 100px;
  object-fit: cover;
  border-radius: 4px;
  border: 1px solid #888b99;
}
@media (max-width: 992px) {
  .layout-2023 .company-invite-image {
    width: 72px;
    height: 72px;
  }
}
.layout-2023 .company-invite-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 4px;
}
@media (max-width: 992px) {
  .layout-2023 .company-invite-title {
    font-size: 14px;
  }
}
.layout-2023 .company-invite-attribute {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 9px;
  line-height: 1;
}
@media (max-width: 992px) {
  .layout-2023 .company-invite-attribute {
    font-size: 12px;
    margin-top: 7px;
  }
}
.layout-2023 .company-invite-data {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.layout-2023 .company-invite-timer {
  border-radius: 100px;
  background: #fff;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: fit-content;
  padding: 2px 8px;
}
@media (max-width: 992px) {
  .layout-2023 .company-invite-timer {
    margin: 0;
  }
}
.layout-2023 .company-invite-timer__label {
  color: #888b99;
  font-size: 12px;
}
.layout-2023 .company-invite-collapse {
  position: relative;
  padding: 20px 10px 10px;
  margin-top: 10px;
}
@media (max-width: 992px) {
  .layout-2023 .company-invite-collapse {
    padding: 10px 0 0;
  }
}
.layout-2023 .company-invite-collapse:before {
  content: "";
  position: absolute;
  top: 0;
  left: -10px;
  width: calc(100% + 20px);
  height: 1px;
  background: var(--tx-border-color);
}
.layout-2023 .company-invite-form {
  display: flex;
  align-items: start;
  gap: 20px;
}
@media (max-width: 992px) {
  .layout-2023 .company-invite-form {
    flex-wrap: wrap;
    gap: 10px;
  }
}
.layout-2023 .company-invite-form .form-group {
  flex: 1;
  margin: 0;
}
@media (max-width: 992px) {
  .layout-2023 .company-invite-form .form-group {
    width: 100%;
    flex: unset;
  }
}
.layout-2023 .company-invite-form .form-group > * {
  padding: 0;
  width: 100%;
}
.layout-2023 .company-invite-form .form-group label {
  display: none;
}
.layout-2023 .company-invite-form .btn {
  min-width: 200px;
}
@media (max-width: 992px) {
  .layout-2023 .company-invite-form .btn {
    flex: 1;
    min-width: unset;
  }
}
.layout-2023 .opinions-rating {
  display: flex;
  align-items: center;
  gap: 8px;
}
.layout-2023 .opinions-rating-label {
  font-size: 16px;
  line-height: 1;
}
@media (max-width: 992px) {
  .layout-2023 .opinions-rating-label {
    font-size: 12px;
  }
}
.layout-2023 .opinions-rating-image {
  height: 20px;
}
@media (max-width: 992px) {
  .layout-2023 .opinions-rating-image {
    height: 15px;
  }
}
.layout-2023 .opinions-rating-value {
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
}
@media (max-width: 992px) {
  .layout-2023 .opinions-rating-value {
    font-size: 12px;
  }
}
.layout-2023 .opinions-access {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  margin-top: 20px;
}
@media (max-width: 992px) {
  .layout-2023 .opinions-access {
    gap: 4px;
  }
}
.layout-2023 .opinions-access-title {
  color: #888b99;
  font-size: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 6px;
}
@media (max-width: 992px) {
  .layout-2023 .opinions-access-title {
    font-size: 12px;
  }
}
.layout-2023 .opinions-access-title img {
  height: 1em;
}
.layout-2023 .opinions-access-desc {
  color: #888b99;
  text-align: center;
  line-height: normal;
}
@media (max-width: 992px) {
  .layout-2023 .opinions-access-desc {
    font-size: 12px;
  }
}
.layout-2023 .opinion-form {
  border-radius: 6px;
  background: var(--tx-panel-background);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  padding: 15px 10px;
  margin-top: 10px;
}
@media (max-width: 992px) {
  .layout-2023 .opinion-form {
    padding-block: 10px;
  }
}
.layout-2023 .opinion-form__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.layout-2023 .opinion-form__center {
  margin-top: 15px;
}
@media (max-width: 992px) {
  .layout-2023 .opinion-form__center {
    margin-top: 10px;
  }
}
.layout-2023 .opinion-form__bottom {
  margin-top: 30px;
}
.layout-2023 .opinion-form__header {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
}
@media (max-width: 992px) {
  .layout-2023 .opinion-form__header {
    font-size: 14px;
  }
}
.layout-2023 .opinion-form__header img {
  height: 1.2em;
}
.layout-2023 .opinion-form__counter {
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 6px;
}
@media (max-width: 992px) {
  .layout-2023 .opinion-form__counter {
    font-size: 14px;
  }
}
.layout-2023 .opinion-form__counter-label {
  font-size: 14px;
  color: #888b99;
}
@media (max-width: 992px) {
  .layout-2023 .opinion-form__counter-label {
    font-size: 12px;
  }
}
.layout-2023 .opinion-form__textarea label {
  display: none;
}
.layout-2023 .opinion-form__buttons {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
@media (max-width: 992px) {
  .layout-2023 .opinion-form__buttons {
    flex-wrap: wrap;
  }
}
.layout-2023 .opinion-form__rating {
  flex-shrink: 0;
  margin-right: auto;
  border-radius: 6px;
  border: 1px solid var(--tx-border-color);
  background: var(--tx-panel-background-second);
  padding: 6.5px 12px;
}
@media (max-width: 992px) {
  .layout-2023 .opinion-form__rating {
    padding-inline: 8px;
  }
}
.layout-2023 .opinion-form__smiles {
  position: relative;
  margin-right: 10px;
}
@media (max-width: 992px) {
  .layout-2023 .opinion-form__smiles {
    margin-right: 0;
  }
}
.layout-2023 .opinion-form__smiles-btn {
  padding: 7px;
}
@media (max-width: 992px) {
  .layout-2023 .opinion-form__smiles-btn {
    padding: 8px;
  }
}
.layout-2023 .opinion-form__smiles-btn img {
  width: 24px;
  height: 24px;
}
@media (max-width: 992px) {
  .layout-2023 .opinion-form__submit {
    width: 100%;
    margin-top: 10px;
  }
}
.layout-2023 .opinion-form__rating .form-group {
  display: flex;
  margin: 0;
  align-items: center;
  gap: 8px;
}
.layout-2023 .opinion-form__rating .form-group:before,
.layout-2023 .opinion-form__rating .form-group:after {
  display: none;
}
.layout-2023 .opinion-form__rating .form-group > * {
  width: auto;
  padding: 0;
}
.layout-2023 .opinion-form__rating .form-group i {
  font-size: 18px;
}
.layout-2023 .opinion-form__rating .form-group label {
  margin: 0;
  font-size: 16px;
}
@media (max-width: 992px) {
  .layout-2023 .opinion-form__rating .form-group label {
    font-size: 14px;
  }
}
.layout-2023 .opinion-form__rating .form-group .pt-1 {
  padding: 0 !important;
  display: flex;
}
.layout-2023 .opinion-form__rating .fa-star.text-mute:not(.text-warning) {
  font-weight: 400;
  color: #ffad56;
}
.layout-2023 .opinion-form__rating .fa-star.text-info {
  color: #ffad56;
}
.layout-2023 .opinion-form__smiles_popup {
  position: absolute;
  top: calc(100% + 10px);
  right: 50%;
  transform: translateX(50%);
  width: 231px;
  z-index: 10;
  background: linear-gradient(180deg, #fff 48.96%, #e5e5e5 100%);
  padding: 5px;
  border-radius: 6px;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
}
@media (max-width: 992px) {
  .layout-2023 .opinion-form__smiles_popup {
    right: 0;
    transform: none;
  }
}
.layout-2023 .opinion-form__smiles_popup .smiles-block {
  width: 100%;
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}
.layout-2023 .opinion-form__smiles_popup .smiles-block .btn-smile:hover {
  scale: 1.1;
}
.layout-2023 .opinion-form__smiles_popup .form-group {
  margin: 0 !important;
}
.layout-2023 .opinion-message {
  display: grid;
  grid-template-columns: 1fr 2.5fr;
  gap: 10px;
  padding: 10px;
  border-radius: 6px;
  background: var(--tx-panel-background);
  box-shadow: 0px 0px 5px var(--tx-box-shadow-color);
}
@media (max-width: 992px) {
  .layout-2023 .opinion-message__col {
    grid-column: 1/3;
  }
}
.layout-2023 .opinion-message__divider {
  grid-column: 1/3;
  background: var(--tx-border-color);
  height: 1px;
  margin: 0 -10px;
}
.layout-2023 .opinion-message__user {
  display: flex;
  align-items: start;
  width: fit-content;
  gap: 14px;
}
@media (max-width: 992px) {
  .layout-2023 .opinion-message__user {
    align-items: center;
  }
}
.layout-2023 .opinion-message__user-data {
  display: flex;
  flex-direction: column;
}
.layout-2023 .opinion-message__user-data a {
  font-size: 16px;
  font-weight: 700;
}
@media (max-width: 992px) {
  .layout-2023 .opinion-message__user-data a {
    font-size: 14px;
  }
}
.layout-2023 .opinion-message__user-experience {
  display: flex;
  align-items: center;
  gap: 6px;
}
@media (max-width: 992px) {
  .layout-2023 .opinion-message__user-experience {
    font-size: 12px;
  }
}
.layout-2023 .opinion-message__user .img-user-avatar-container {
  width: 64px;
}
@media (max-width: 992px) {
  .layout-2023 .opinion-message__user .img-user-avatar-container {
    width: 44px;
  }
}
.layout-2023 .opinion-message__buttons {
  display: flex;
  align-items: center;
}
.layout-2023 .opinion-message__buttons .reply-btn {
  margin-left: 50px;
}
@media (max-width: 992px) {
  .layout-2023 .opinion-message__buttons .reply-btn {
    margin-left: auto;
  }
}
@media (max-width: 992px) {
  .layout-2023 .opinion-message__buttons .btn {
    padding-block: 8px;
  }
}
.layout-2023 .opinion-message__content {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.layout-2023 .opinion-message__claim .btn {
  background-color: #feedf1;
}
@media (max-width: 992px) {
  .layout-2023 .opinion-message__claim .btn {
    padding-inline: 5px !important;
    border-width: 1px;
    font-size: 8px;
  }
}
.layout-2023 .opinion-message__vote {
  display: flex;
  align-items: center;
  gap: 8px;
}
.layout-2023 .opinion-message__date {
  margin-left: auto;
  color: #888b99;
  font-size: 12px;
}
.layout-2023 .opinion-message__text {
  font-size: 16px;
  line-height: normal;
}
.layout-2023 .opinion-message__text img {
  height: 1em;
}
.layout-2023 .opinion-message__stars .text-danger {
  color: #ffad56;
}
.layout-2023 .opinion-message__stars .text-muted {
  color: #c3c5cc;
}
.layout-2023 .opinion-message__stars .text-muted.fa-star {
  -webkit-text-stroke: 1px #c3c5cc;
  -webkit-text-fill-color: #f3f3f6;
}
.layout-2023 .opinion-message__reply {
  margin-top: 7px;
}
.layout-2023 .opinion-message__reply .reply-answer {
  font-size: 16px;
}
.layout-2023 .opinion-message__mixed {
  display: flex;
  flex-direction: column;
  align-items: end;
  gap: 4px;
}
@media (min-width: 993px) {
  .layout-2023 .opinion-message .mob-col {
    display: none;
  }
}
@media (max-width: 992px) {
  .layout-2023 .opinion-message .mob-hidden-col {
    display: none;
  }
}
.layout-2023 .panel-heading-menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 992px) {
  .layout-2023 .panel-heading-menu {
    flex-direction: column;
    align-items: start;
  }
}
@media (max-width: 992px) {
  .layout-2023 .panel-heading-menu .company-employers-info {
    width: 100%;
    margin-top: 10px;
  }
}
@media (max-width: 992px) {
  .layout-2023 .panel-heading-menu .company-employers-info .company-content-menu {
    width: 100%;
  }
}
@media (max-width: 992px) {
  .layout-2023 .panel-heading-menu .company-employers-info .company-content-menu a {
    flex: 1;
  }
}
.layout-2023 .company-invite-employer {
  background: var(--tx-panel-background);
  box-shadow: 0px 0px 5px var(--tx-box-shadow-color);
  border-radius: 6px;
}
.layout-2023 .company-invite-employer__inner {
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 992px) {
  .layout-2023 .company-invite-employer__inner {
    flex-wrap: wrap;
  }
}
@media (max-width: 992px) {
  .layout-2023 .company-invite-employer__inner > div {
    width: 100%;
  }
}
@media (max-width: 992px) {
  .layout-2023 .company-invite-employer__center .collapse-invites-btn {
    display: none;
  }
}
@media (max-width: 992px) {
  .layout-2023 .company-invite-employer__right {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 10px;
  }
}
@media (max-width: 992px) {
  .layout-2023 .company-invite-employer__right .btn {
    width: 100%;
    margin-bottom: 10px;
  }
}
@media (min-width: 993px) {
  .layout-2023 .company-invite-employer__right .collapse-invites-btn {
    display: none;
  }
}
@media (max-width: 992px) {
  .layout-2023 .company-invite-employer__right .collapse-invites-btn {
    font-size: 12px;
  }
}
.layout-2023 .company-invite-employer__title {
  font-size: 16px;
  font-weight: 700;
}
.layout-2023 .invited-employer {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  padding: 10px;
  border-top: 1px solid var(--tx-border-color);
  font-size: 12px;
}
.layout-2023 .invited-employer > div {
  display: flex;
  align-items: center;
}
.layout-2023 .invited-employer__user a {
  display: flex;
  align-items: center;
  gap: 8px;
}
.layout-2023 .invited-employer__user .img-user-avatar-container {
  width: 30px;
  margin: 0;
}
.layout-2023 .invited-employer__date {
  gap: 6px;
  justify-content: center;
}
.layout-2023 .invited-employer__salary {
  gap: 4px;
  justify-content: center;
}
.layout-2023 .opinion-form__rules {
  width: fit-content;
  margin: auto;
}
.layout-2023 .opinion-form__rules-title {
  color: var(--drk-color, #888b99);
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.layout-2023 .opinion-form__rules-title img {
  margin-left: -15px;
}
@media (max-width: 992px) {
  .layout-2023 .opinion-form__rules-title {
    padding: 0 15px;
  }
}
.layout-2023 .opinion-form__rules-list {
  color: var(--drk-color, #888b99);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.layout-2023 .opinion-form__rules-list > div:before {
  content: "-";
  margin-right: 5px;
}
.layout-2023 .company-name-input {
  position: relative;
}
.layout-2023 .company-name-btn {
  position: absolute;
  top: 50%;
  right: 4px;
  transform: translateY(-50%);
}
.layout-2023 .company-name-btn .label-cancel {
  display: none;
}
.layout-2023 .company-name-btn.input-enabled .label-cancel {
  display: block;
}
.layout-2023 .company-name-btn.input-enabled .label-change {
  display: none;
}
.layout-2023 .avatar-form {
  position: absolute;
  right: 0;
  top: 35px;
}
.layout-2023 .avatar-form .btn-avatar-modify {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  border-radius: 0px 6px;
  border: 1px solid #81b5ff;
  background: #f8f9fb;
}
.layout-2023 .avatar-form .form-company-avatar {
  padding: 0;
}
.layout-2023 .avatar-form .img-company-avatar {
  width: 120px;
  height: 120px;
  border-radius: 6px;
  border: 1px solid #888b99;
}
.layout-2023 .avatar-form .btn-avatar-remove {
  display: none;
}
.layout-2023 .avatar-form .has-image .btn-avatar-change {
  display: none;
}
.layout-2023 .avatar-form .has-image .btn-avatar-remove {
  display: block;
}
.layout-2023 .avatar-form .confirm-block {
  padding: 10px 4px;
  font-size: 14px;
  line-height: 16px;
  text-shadow: 0 0 5px #000;
}
.layout-2023 .avatar-form .confirm-block .btn {
  margin-top: 6px;
}
.layout-2023 .company-no-data {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 16px;
  color: var(--drk-color, #888b99);
}
.layout-2023 .tournament-features {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.layout-2023 .tournament-feature {
  position: relative;
  background: linear-gradient(99deg, #395c86 0%, #6b49b2 98.72%);
  border-radius: 10px;
  overflow: hidden;
}
.layout-2023 .tournament-feature:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 140px;
  height: 80px;
  background: url("../img/business/page/tax_holidays_stars.png");
  background-size: 100%;
  z-index: 0;
}
.layout-2023 .tournament-feature__inner {
  position: relative;
  display: flex;
  align-items: center;
  gap: 17px;
  padding: 20px;
  z-index: 10;
}
.layout-2023 .tournament-feature__image {
  max-width: 181px;
  margin: -20px 0 -20px -20px;
}
@media (max-width: 480px) {
  .layout-2023 .tournament-feature__image {
    display: none;
  }
}
.layout-2023 .tournament-feature__image-mob {
  width: 50%;
  margin: 0 -20px -20px auto;
  transform: rotateY(180deg);
}
@media (min-width: 481px) {
  .layout-2023 .tournament-feature__image-mob {
    display: none;
  }
}
.layout-2023 .tournament-feature__row {
  display: flex;
  gap: 14px;
}
@media (max-width: 480px) {
  .layout-2023 .tournament-feature__row {
    flex-wrap: wrap;
  }
}
.layout-2023 .tournament-feature__col {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 480px) {
  .layout-2023 .tournament-feature__col.feature-col-info {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .layout-2023 .tournament-feature__col.feature-col-cost {
    width: 50%;
  }
}
.layout-2023 .tournament-feature__buttons {
  display: flex;
  gap: 20px;
}
@media (max-width: 480px) {
  .layout-2023 .tournament-feature__buttons {
    flex-direction: column;
  }
}
.layout-2023 .tournament-feature__buttons .btn {
  flex: 1;
  padding-inline: 30px;
}
@media (max-width: 480px) {
  .layout-2023 .tournament-feature__buttons .btn {
    padding-block: 10.3px;
  }
}
.layout-2023 .tournament-feature__title {
  color: #fbe222;
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
}
.layout-2023 .tournament-feature__desc {
  color: #fff;
  font-size: 16px;
  line-height: normal;
}
@media (max-width: 480px) {
  .layout-2023 .tournament-feature__desc {
    border-radius: 6px;
    background: #fff;
    color: #333;
    padding: 8px 14px;
    margin-top: 8px;
  }
}
.layout-2023 .tournament-feature__price {
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  padding: 4px 12px;
  border-radius: 6px;
  border: 2px solid transparent;
  color: #fbe222;
  font-size: 18px;
  font-weight: 700;
  background: linear-gradient(180deg, #604ea7, #604ea7) padding-box, linear-gradient(102deg, #ffbf1b -3.15%, #fe9e0d 28.77%, #ff881a 85.67%) border-box;
}
.layout-2023 .tournament-feature__price .txm-account-icon {
  scale: 1.2;
  margin-bottom: -4px;
}
.layout-2023 .tournament-feature__label {
  color: #fff;
  font-size: 16px;
  line-height: normal;
}
.layout-2023 .tournament-feature__footer {
  background: #fbe322;
  display: flex;
  justify-content: center;
}
.layout-2023 .tournament-feature__footer .alert {
  border: 0;
}
.layout-2023 .table-events {
  background: #ffffff !important;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  border-radius: 6px;
}
.layout-2023 .table-events .col-event {
  text-align: left;
}
.layout-2023 .form-add-funds #ipsLabel {
  margin-bottom: 5px;
}
.layout-2023 .form-add-funds #ipsLabel h5 {
  display: none;
}
.layout-2023 .settings-form .error-block {
  display: none !important;
}
.layout-2023 .avatar-error-block {
  position: absolute;
  bottom: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: auto;
  padding: 2px;
  font-size: 11px;
  margin: 0;
  line-height: 11px;
  background: #fff;
  border-radius: 0 0 6px 6px;
  color: #F47895;
}
.layout-2023 .avatar-error-block p {
  margin-bottom: 3px;
}
.layout-2023 .table-company-info h5,
.layout-2023 .table-company-info .h5 {
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.layout-2023 .company-description {
  word-break: break-word;
}
@media (max-width: 480px) {
  .layout-2023 .mob-taxi-title {
    max-width: 80px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
.layout-2023 .tx-company-employer__user-credit {
  position: absolute;
  bottom: -9px;
  left: -5px;
  z-index: 10;
}
@media (max-width: 480px) {
  .layout-2023 .tx-company-employer__user-credit {
    bottom: -5px;
  }
}
.layout-2023 .clicker-header {
  background-image: url('/media/images/new_design/clicker_header_new.jpg');
}
.layout-2023 .clicker-timer {
  border-radius: 25px;
  background: linear-gradient(to bottom, #465d7e 1%, #596b88 10%, #596a87 50%, #536685 90%, #465e7f 100%);
  border: none;
}
.layout-2023 .clicker-timer__content {
  color: #fff;
  text-shadow: 1px 1px 0px #333;
}
.layout-2023 .clicker-timer__bg {
  background: linear-gradient(90deg, #449EF0 0%, #07E997 100%);
}
.layout-2023 .clicker-timer__bg:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: inherit;
  height: 100%;
  background-image: linear-gradient(113deg, #ffffff3b 25%, #ffffff00 25%, #ffffff00 50%, #ffffff3b 50%, #ffffff3b 75%, #ffffff00 75%, #ffffff00 100%);
  background-size: 21.73px 51.19px;
}
.layout-2023 .polis-wrapper {
  border: 0;
}
.layout-2023 .polis-header {
  display: flex;
  align-items: center;
}
.layout-2023 .polis-header-title {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
}
@media (max-width: 480px) {
  .layout-2023 .polis-header-title {
    font-size: 16px;
  }
}
.layout-2023 .polis-header-districts {
  position: relative;
  display: flex;
  align-items: center;
  gap: 6px;
  margin-left: 14px;
  padding: 5px 12px;
  border-radius: 100px;
  background: #fff;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  color: var(--tx-text-color-reverse);
}
@media (max-width: 480px) {
  .layout-2023 .polis-header-districts {
    gap: 4px;
    font-size: 10px;
    padding: 6px;
    margin-left: 8px;
  }
}
@media (max-width: 480px) {
  .layout-2023 .polis-header-districts > span {
    max-width: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1;
  }
}
.layout-2023 .polis-header-districts-menu {
  display: none;
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  margin: 0;
  z-index: 1;
}
.layout-2023 .polis-header-districts.txSlideTargetOpened {
  background: #f6f6f682;
}
.layout-2023 .polis-header-districts.txSlideTargetOpened .fa-angle-down {
  transform: rotate(180deg);
}
@media (max-width: 480px) {
  .layout-2023 .polis-header .btn.ml-2 {
    margin-left: 5px !important;
  }
}
@media (max-width: 480px) {
  .layout-2023 .polis-header .btn.mr-2 {
    margin-right: 5px !important;
  }
}
.layout-2023 .polis-header .garage-stat-item-icon {
  width: auto !important;
}
.layout-2023 .polis-buildings {
  margin-top: 10px;
}
.layout-2023 .polis-building {
  display: flex;
  gap: 14px;
  padding: 10px 20px 10px 10px;
  border-radius: 6px !important;
  z-index: unset;
  border: none;
}
@media (max-width: 480px) {
  .layout-2023 .polis-building {
    flex-wrap: wrap;
    padding: 6px 10px 7px;
  }
}
.layout-2023 .polis-building-left {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 140px;
  max-height: 90px;
}
.layout-2023 .polis-building-center {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 190px;
}
@media (max-width: 480px) {
  .layout-2023 .polis-building-center {
    order: -1;
    gap: 12px;
    width: 100%;
    flex-direction: row;
  }
}
@media (max-width: 480px) {
  .layout-2023 .polis-building-center:after {
    content: "";
    position: absolute;
    top: calc(100% + 6px);
    left: -10px;
    width: calc(100% + 20px);
    height: 1px;
    background: #e6e6eb;
  }
}
@media (max-width: 480px) {
  .layout-2023 .polis-building-center .polis-building-district {
    display: none;
  }
}
@media (min-width: 481px) {
  .layout-2023 .polis-building-center .polis-building-btn {
    display: none;
  }
}
.layout-2023 .polis-building-right {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
}
.layout-2023 .polis-building-subhead {
  display: flex;
  align-items: center;
  justify-content: end;
  min-height: 20px;
}
@media (max-width: 480px) {
  .layout-2023 .polis-building-subhead .polis-building-btn {
    display: none;
  }
}
.layout-2023 .polis-building-subfooter {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 481px) {
  .layout-2023 .polis-building-subfooter .polis-building-district {
    display: none;
  }
}
.layout-2023 .polis-building-image {
  max-width: 90%;
  height: 100%;
}
.layout-2023 .polis-building-level {
  position: absolute;
  top: 5px;
  left: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  font-size: 12px;
  font-weight: 700;
  z-index: 1;
}
@media (max-width: 480px) {
  .layout-2023 .polis-building-level {
    top: 4px;
    left: 7px;
    width: 18px;
    height: 18px;
    font-size: 10px;
  }
}
.layout-2023 .polis-building-title {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  color: var(--tx-text-color);
  text-decoration: none;
}
@media (max-width: 480px) {
  .layout-2023 .polis-building-title {
    font-size: 12px;
  }
}
.layout-2023 .polis-building-title:hover {
  color: #5e95ea;
}
.layout-2023 .polis-building-district {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: fit-content;
  font-size: 14px;
  padding: 5px 12px;
  border-radius: 100px;
  border: 1px solid #e7e7ec;
  background: #f9f9fc;
  color: #333;
  text-decoration: none;
}
@media (max-width: 480px) {
  .layout-2023 .polis-building-district {
    font-size: 10px;
    line-height: 1;
    padding: 3px 5px;
    gap: 2px;
  }
}
.layout-2023 .polis-building-district:hover {
  color: #538bf2;
  border-color: #7eb2ff;
}
@media (max-width: 480px) {
  .layout-2023 .polis-building-district > svg {
    width: 10px;
    height: 10px;
  }
}
.layout-2023 .polis-building-meta {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media (max-width: 480px) {
  .layout-2023 .polis-building-meta {
    gap: 10px;
  }
}
.layout-2023 .polis-building-meta-item {
  display: flex;
  align-items: center;
  gap: 6px;
  line-height: 1;
  font-size: 12px;
  font-weight: 700;
}
@media (max-width: 480px) {
  .layout-2023 .polis-building-meta-item {
    gap: 4px;
    font-size: 10px;
  }
}
@media (max-width: 480px) {
  .layout-2023 .polis-building-meta-item > svg {
    height: 14px;
  }
}
.layout-2023 .polis-building-status {
  width: fit-content;
  font-size: 12px;
  border-radius: 100px;
  padding: 4px 7px;
  line-height: 1;
  color: #609f53;
  background: #d8ffcf;
  text-decoration: none;
}
@media (max-width: 480px) {
  .layout-2023 .polis-building-status {
    padding: 5px 7px;
    font-size: 8px;
    font-weight: 700;
  }
}
.layout-2023 .polis-building-status:not(a) {
  cursor: default;
}
.layout-2023 .polis-building-status.broken {
  color: #e45678;
  background: #fadde4;
}
.layout-2023 .polis-building-status.broken:is(a):hover {
  box-shadow: 0 0 0 1px #e45678;
}
.layout-2023 .polis-building-status.repair {
  color: #537e9f;
  background: #cff0ff;
}
.layout-2023 .polis-building-status.repair:is(a):hover {
  box-shadow: 0 0 0 1px #537e9f;
}
.layout-2023 .polis-building-status.will-broken {
  color: #9f8f53;
  background: #fff0cf;
}
.layout-2023 .polis-building-status.will-broken:is(a):hover {
  box-shadow: 0 0 0 1px #9f8f53;
}
.layout-2023 .polis-building-company {
  margin-right: auto;
}
.layout-2023 .polis-building-bonuses {
  display: flex;
  align-items: center;
  gap: 12px;
}
.layout-2023 .polis-building-bonus {
  display: flex;
  align-items: center;
  gap: 6px;
  line-height: 1;
}
.layout-2023 .polis-building-bonus-icon {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
  border-radius: 100%;
  font-size: 80%;
  color: #f6ae01;
}
.layout-2023 .polis-building-bonus-value {
  font-size: 12px;
  font-weight: 700;
}
.layout-2023 .polis-building-btn {
  display: flex;
  align-items: center;
  cursor: pointer;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  padding: 3px;
  scale: 1.5;
  margin-left: 12px;
  line-height: 1;
}
@media (max-width: 480px) {
  .layout-2023 .polis-building-btn {
    width: 14px;
    height: 14px;
    margin-left: auto;
  }
}
.layout-2023 .polis-building-btn:hover {
  background: #eaeaea;
}
.layout-2023 .polis-building-menu {
  position: absolute;
  top: -1px;
  right: -1px;
  color: #fff;
  background: #5a5e7a;
  border-radius: inherit;
  display: none;
  z-index: 15;
}
.layout-2023 .polis-building-menu-dots {
  cursor: pointer;
}
.layout-2023 .polis-building-menu-title {
  display: flex;
  align-items: center;
  gap: 30px;
  margin: 0;
  padding: 11px 20px;
  border-bottom: 1px solid #888b99;
  font-size: 14px;
  font-weight: 700;
}
@media (max-width: 480px) {
  .layout-2023 .polis-building-menu-title {
    font-size: 10px;
    padding: 7px 10px;
  }
}
.layout-2023 .polis-building-menu-content {
  display: flex;
  flex-direction: column;
  padding: 6px 18px 20px;
  font-size: 12px;
}
@media (max-width: 480px) {
  .layout-2023 .polis-building-menu-content {
    padding: 4px 10px 10px;
  }
}
.layout-2023 .polis-building-menu-content p {
  margin: 0 0 6px;
}
@media (max-width: 480px) {
  .layout-2023 .polis-building-menu-content p {
    margin-bottom: 4px;
  }
}
.layout-2023 .polis-building-menu-content p:last-child {
  margin-bottom: 0;
}
.layout-2023 .polis-building-menu-buttons {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 8px;
}
@media (max-width: 480px) {
  .layout-2023 .polis-building-menu-buttons {
    margin-top: 4px;
  }
}
.layout-2023 .polis-building-menu-buttons .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  box-shadow: none;
  padding-top: 4px;
  padding-bottom: 4px;
}
@media (max-width: 480px) {
  .layout-2023 .polis-building.has-building .polis-building-center {
    padding-left: 22px;
  }
}
.layout-2023 .polis-building-progress {
  display: flex;
  align-items: center;
}
.layout-2023 .polis-building-progress .progress-custom {
  width: 100%;
  padding: 0;
  border-radius: 25px 0 0 25px;
}
@media (max-width: 480px) {
  .layout-2023 .polis-building-progress .progress-custom {
    height: 30px;
  }
}
.layout-2023 .polis-building-progress .progress-custom.has-profit {
  cursor: pointer;
}
.layout-2023 .polis-building-progress .progress-custom .fa-spin {
  color: #fff;
}
.layout-2023 .polis-building-progress-btn {
  width: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  box-shadow: none;
  border-radius: 0 25px 25px 0;
  z-index: 10;
}
.layout-2023 .polis-building-progress-btn.full-progress {
  border-left: 1px solid #ffffff75;
}
.layout-2023 .polis-building-progress .value {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
.layout-2023 .polis-building-progress .progress-profit-account {
  display: flex;
  align-items: center;
  gap: 10px;
}
.layout-2023 .polis-building-progress .progress-profit-account .txm-account-icon {
  transform: scale(1.4);
}
.layout-2023 .polis-building-progress .progress-bar.btn-primary:after,
.layout-2023 .polis-building-progress .progress-bar.btn-primary:after,
.layout-2023 .polis-building-progress .progress-custom .progress-bar.btn-primary:after,
.layout-2023 .polis-building-progress .progress-custom-sm .progress-bar.btn-primary:after,
.layout-2023 .polis-building-progress .progress-custom .progress-bar.btn-primary:after,
.layout-2023 .polis-building-progress .progress-custom-sm .progress-bar.btn-primary:after,
.layout-2023 .polis-building-progress .progress-custom .progress-bar.btn-primary:after,
.layout-2023 .polis-building-progress .progress-custom-sm .progress-custom .progress-bar.btn-primary:after,
.layout-2023 .polis-building-progress .progress-custom-sm .progress-bar.btn-primary:after,
.layout-2023 .polis-building-progress .progress-custom .progress-custom-sm .progress-bar.btn-primary:after,
.layout-2023 .polis-building-progress .progress-custom-sm .progress-custom .progress-bar.btn-primary:after,
.layout-2023 .polis-building-progress .progress-custom .progress-custom-sm .progress-bar.btn-primary:after,
.layout-2023 .polis-building-progress .progress-custom-sm .progress-custom .progress-bar.btn-primary:after,
.layout-2023 .polis-building-progress .progress-custom-sm .progress-custom .progress-bar.btn-primary:after,
.layout-2023 .polis-building-progress .progress-custom .progress-custom-sm .progress-bar.btn-primary:after,
.layout-2023 .polis-building-progress .progress-custom .progress-custom-sm .progress-bar.btn-primary:after {
  display: none;
}
@media (max-width: 480px) {
  .layout-2023 .polis-stat-panel {
    flex-direction: column;
  }
}
@media (max-width: 480px) {
  .layout-2023 .polis-stat-panel .garage-stat-panel-container {
    width: 100%;
    justify-content: space-between;
  }
}
@media (max-width: 480px) {
  .layout-2023 .polis-stat-panel .garage-stat-panel-container:first-child {
    margin-bottom: 5.5px;
  }
}
@media (max-width: 480px) {
  .layout-2023 .polis-stat-panel .garage-stat-panel-container:first-child:after {
    content: "";
    position: absolute;
    top: calc(100% + 5.5px);
    left: -7px;
    width: calc(100% + 14px);
    height: 2px;
    background: #e7e8ec;
  }
}
.layout-2023 .land-building-id {
  font-size: 10px;
}
.layout-2023 .land-building-id span {
  color: #c5c6d1;
}
.layout-2023 .polis-building-progress .progress-bar.bg-info-danger-light,
.layout-2023 .polis-building-progress .progress-bar.bg-info-danger-light,
.layout-2023 .polis-building-progress .progress-custom .progress-bar.bg-info-danger-light,
.layout-2023 .polis-building-progress .progress-custom-sm .progress-bar.bg-info-danger-light,
.layout-2023 .polis-building-progress .progress-custom .progress-bar.bg-info-danger-light,
.layout-2023 .polis-building-progress .progress-custom-sm .progress-bar.bg-info-danger-light,
.layout-2023 .polis-building-progress .progress-custom .progress-bar.bg-info-danger-light,
.layout-2023 .polis-building-progress .progress-custom-sm .progress-custom .progress-bar.bg-info-danger-light,
.layout-2023 .polis-building-progress .progress-custom-sm .progress-bar.bg-info-danger-light,
.layout-2023 .polis-building-progress .progress-custom .progress-custom-sm .progress-bar.bg-info-danger-light,
.layout-2023 .polis-building-progress .progress-custom-sm .progress-custom .progress-bar.bg-info-danger-light,
.layout-2023 .polis-building-progress .progress-custom .progress-custom-sm .progress-bar.bg-info-danger-light,
.layout-2023 .polis-building-progress .progress-custom-sm .progress-custom .progress-bar.bg-info-danger-light,
.layout-2023 .polis-building-progress .progress-custom-sm .progress-custom .progress-bar.bg-info-danger-light,
.layout-2023 .polis-building-progress .progress-custom .progress-custom-sm .progress-bar.bg-info-danger-light,
.layout-2023 .polis-building-progress .progress-custom .progress-custom-sm .progress-bar.bg-info-danger-light {
  width: 100% !important;
}
.layout-2023 .polis-building-progress .progress-bar.bg-info-danger-light:after,
.layout-2023 .polis-building-progress .progress-bar.bg-info-danger-light:after,
.layout-2023 .polis-building-progress .progress-custom .progress-bar.bg-info-danger-light:after,
.layout-2023 .polis-building-progress .progress-custom-sm .progress-bar.bg-info-danger-light:after,
.layout-2023 .polis-building-progress .progress-custom .progress-bar.bg-info-danger-light:after,
.layout-2023 .polis-building-progress .progress-custom-sm .progress-bar.bg-info-danger-light:after,
.layout-2023 .polis-building-progress .progress-custom .progress-bar.bg-info-danger-light:after,
.layout-2023 .polis-building-progress .progress-custom-sm .progress-custom .progress-bar.bg-info-danger-light:after,
.layout-2023 .polis-building-progress .progress-custom-sm .progress-bar.bg-info-danger-light:after,
.layout-2023 .polis-building-progress .progress-custom .progress-custom-sm .progress-bar.bg-info-danger-light:after,
.layout-2023 .polis-building-progress .progress-custom-sm .progress-custom .progress-bar.bg-info-danger-light:after,
.layout-2023 .polis-building-progress .progress-custom .progress-custom-sm .progress-bar.bg-info-danger-light:after,
.layout-2023 .polis-building-progress .progress-custom-sm .progress-custom .progress-bar.bg-info-danger-light:after,
.layout-2023 .polis-building-progress .progress-custom-sm .progress-custom .progress-bar.bg-info-danger-light:after,
.layout-2023 .polis-building-progress .progress-custom .progress-custom-sm .progress-bar.bg-info-danger-light:after,
.layout-2023 .polis-building-progress .progress-custom .progress-custom-sm .progress-bar.bg-info-danger-light:after {
  display: none;
}
.layout-2023 .hacker-car-list-btn {
  margin-left: 5px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  color: #333;
  background: linear-gradient(180deg, #ffffff 48.96%, #efefef 100%);
  box-shadow: 0px 0px 3px #00000033;
}
.layout-2023 .hacker-car-list-btn:hover {
  background: #8080801a;
}
.layout-2023 .hacker-car-list-btn-active:active {
  background: linear-gradient(180deg, #e1e1e1 0%, #fff 51.04%);
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2) inset, 0px 5px 5px -3px rgba(0, 0, 0, 0.25) inset;
}
.layout-2023 .hacker-tariff-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.layout-2023 .hacker-tariff-list-item {
  display: flex;
  border-radius: 15px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  justify-content: space-between;
}
@media (max-width: 480px) {
  .layout-2023 .hacker-tariff-list-item-status button {
    font-size: 16px;
  }
}
.layout-2023 .hacker-tariff-list-item-left {
  padding: 5px 10px 10px;
  color: #000;
  display: flex;
  align-items: center;
}
.layout-2023 .hacker-tariff-list-item-image {
  width: 135px;
  margin-top: -13px;
  margin-bottom: -14px;
  transition: scale 200ms;
}
.layout-2023 .hacker-tariff-list-item-name {
  margin-left: 15px;
  display: flex;
  gap: 5px;
  padding-top: 2px;
  line-height: 1;
  font-weight: 700;
}
.layout-2023 .hacker-tariff-list-item-name span {
  font-size: 16px;
}
.layout-2023 .hacker-tariff-list-item-center {
  width: calc(50% - 80px);
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  justify-content: center;
}
.layout-2023 .hacker-tariff-list-item-level {
  --inactive: #fff;
  --active: #e27909;
  --activeSecond: #ffbc12;
  background: #609f53;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  font-size: 12px;
  font-weight: 700;
  z-index: 1;
  margin-left: 10px;
}
.layout-2023 .mayor-promises-form .form-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-inline: 0;
  margin: 0 0 12px 0;
  flex: 1;
}
.layout-2023 .mayor-promises-form .form-group > * {
  width: 100%;
  text-align: left;
  padding: 0;
  margin: 0;
}
.layout-2023 .mayor-promises-block {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}
.layout-2023 .mayor-promises-block .mayor-image {
  max-width: 90px;
  border-radius: 100%;
}
.layout-2023 .jobs-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
@media (max-width: 480px) {
  .layout-2023 .jobs-list {
    grid-template-columns: 1fr;
  }
}
.layout-2023 .job-item {
  gap: 14px;
  flex-wrap: wrap;
  font-size: 12px;
  color: #333;
}
@media (max-width: 480px) {
  .layout-2023 .job-item {
    font-size: 10px;
  }
}
.layout-2023 .job-item.txSlideTargetOpened .job-item-tariffs-icon {
  transform: rotate(180deg);
}
.layout-2023 .job-item a {
  text-decoration: none;
}
.layout-2023 .job-item-image {
  position: relative;
  width: 92px;
  height: 92px;
}
@media (max-width: 480px) {
  .layout-2023 .job-item-image {
    width: 76px;
    height: 76px;
  }
}
.layout-2023 .job-item-image-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 6px;
  border: 1px solid #888b99;
}
.layout-2023 .job-item-image img {
  max-width: 100%;
  max-height: 100%;
  transition: 0.3s;
}
.layout-2023 .job-item-image img:hover {
  transform: scale(1.2);
}
.layout-2023 .job-item-header {
  display: flex;
  align-items: center;
  gap: 10px;
}
.layout-2023 .job-item-info {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
  max-width: calc(100% - 92px - 14px);
}
@media (max-width: 480px) {
  .layout-2023 .job-item-info {
    gap: 8px;
    max-width: calc(100% - 76px - 14px);
  }
}
.layout-2023 .job-item-data {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (max-width: 480px) {
  .layout-2023 .job-item-data {
    gap: 8px;
  }
}
.layout-2023 .job-item-data-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.layout-2023 .job-item-panel {
  border-radius: 100px;
  border: 1px solid #e7e7ec;
  background: #f9f9fc;
  width: fit-content;
  line-height: 1;
  padding: 4px 5px 4px 7px;
  display: flex;
  align-items: center;
  gap: 5px;
}
@media (max-width: 480px) {
  .layout-2023 .job-item-panel {
    padding: 2px 5px 2px 6px;
  }
}
.layout-2023 .job-item-panel:hover {
  background: #fff;
  border-color: #a6a6a6;
}
.layout-2023 .job-item-panel:hover .job-item-panel-divider {
  background: #a6a6a6;
}
.layout-2023 .job-item-panel-divider {
  width: 1.2px;
  background: #e7e7ec;
  align-self: stretch;
  margin: -4px 0;
}
@media (max-width: 480px) {
  .layout-2023 .job-item-panel-divider {
    margin: -2px 0;
  }
}
.layout-2023 .job-item-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-size: 14px;
  font-weight: 700;
  color: var(--tx-text-color);
}
@media (max-width: 480px) {
  .layout-2023 .job-item-title {
    font-size: 12px;
  }
}
.layout-2023 .job-item-title:hover {
  color: #F47895 !important;
}
.layout-2023 .job-item-notification {
  padding: 5px 8px;
  margin-left: auto;
}
@media (max-width: 480px) {
  .layout-2023 .job-item-notification {
    padding: 4px 8px;
  }
}
.layout-2023 .job-item-notification:not(.text-danger) {
  color: #333;
}
.layout-2023 .job-item-level {
  margin-left: auto;
}
.layout-2023 .job-item-level + .job-item-notification {
  margin-left: 0;
}
.layout-2023 .job-item-rank {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 14px;
  color: var(--tx-text-color);
}
@media (max-width: 480px) {
  .layout-2023 .job-item-rank {
    font-size: 12px;
  }
}
.layout-2023 .job-item-rank-name:hover {
  color: #F47895;
}
.layout-2023 .job-item-rank-image {
  max-height: 16px;
}
.layout-2023 .job-item-rank-image.scaled {
  scale: 1.5;
}
.layout-2023 .job-item-rank-value {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 100px;
  width: 16px;
  height: 16px;
  background: linear-gradient(180deg, #52be54 35.5%, #4ab34c 100%);
  color: #fff;
  text-shadow: 1px 1px 0px #367b27;
  font-size: 10px;
}
.layout-2023 .job-item-skills {
  display: flex;
  gap: 4px;
  margin-left: auto;
}
.layout-2023 .job-item-skill {
  color: #333;
}
.layout-2023 .job-item-skill-image {
  width: 20px;
  height: 20px;
  margin: -3px 0 -3px -6px;
  border-radius: 100px;
}
@media (max-width: 480px) {
  .layout-2023 .job-item-skill-image {
    width: 16px;
    height: 16px;
    margin: -1px 0 -1px -5px;
  }
}
.layout-2023 .job-item-skill.skill-unlearned {
  border-color: #ff8aa6;
  background: #fde5eb;
}
.layout-2023 .job-item-salary {
  margin-left: auto;
}
.layout-2023 .job-item-salary .disabled {
  opacity: 0.5;
  cursor: not-allowed !important;
}
.layout-2023 .job-item-salary .disabled img {
  pointer-events: none;
}
.layout-2023 .job-item-salary img {
  height: 14px;
}
.layout-2023 .job-item-tariffs {
  cursor: pointer;
}
.layout-2023 .job-item-tariffs-icon {
  transition: 0.3s;
}
.layout-2023 .job-item-employers {
  display: none;
  width: calc(100% + 29px);
  margin: -5px -10px -10px;
}
.layout-2023 .job-item-employers-item {
  display: flex;
  align-items: center;
  gap: 5px;
  color: var(--tx-text-color);
}
.layout-2023 .job-item-employers-item:hover i,
.layout-2023 .job-item-employers-item:hover img {
  scale: 1.2;
}
.layout-2023 .job-item-employers-item i,
.layout-2023 .job-item-employers-item img {
  transition: 0.3s;
}
.layout-2023 .job-item-employers tr {
  border-top: 1px solid #e7e7ec;
}
.layout-2023 .job-item-employers td {
  padding: 4px 10px;
}
.layout-2023 .job-item-employer-quit {
  padding: 5px 8px !important;
  margin-left: auto;
  color: #F47895;
}
.layout-2023 .job-item-employer-tariff {
  font-size: 14px;
}
@media (max-width: 480px) {
  .layout-2023 .job-item-employer-tariff {
    font-size: 12px;
  }
}
.layout-2023 .job-item-employer-tariff:hover {
  color: #F47895;
}
.layout-2023 .job-item-employer-tariff img {
  max-width: 50px;
}
.layout-2023 .job-item-employer-profit:hover {
  color: #F47895;
}
.layout-2023 .job-item-warehouse {
  display: flex;
  align-items: center;
  line-height: 1;
  gap: 6px;
  white-space: nowrap;
  color: var(--tx-text-color);
  margin-left: auto;
}
.layout-2023 .job-item-warehouse > span {
  position: relative;
  top: 1px;
}
.layout-2023 .job-item-workplaces {
  margin-top: -6px;
}
.layout-2023 .job-item-vacancy-link {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--tx-text-color);
  font-size: 12px;
}
@media (max-width: 480px) {
  .layout-2023 .job-item-vacancy-link {
    font-size: 10px;
  }
}
.layout-2023 .job-item-vacancy-link:hover {
  color: #F47895;
}
.layout-2023 .job-item-vacancy-link:hover img {
  transform: scale(1.15);
}
.layout-2023 .job-item-vacancy-link img {
  transition: 0.3s;
}
.layout-2023 .job-item-vacancy-btn {
  padding: 4px 10px;
}
@media (max-width: 480px) {
  .layout-2023 .job-item-vacancy-btn {
    font-size: 12px;
  }
}
.layout-2023 .job-item-counter {
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(50%, -50%);
}
.layout-2023 .job-item.no-job .job-item-info {
  gap: 8px;
}
@media (max-width: 480px) {
  .layout-2023 .job-item.no-job .job-item-info {
    gap: 4px;
  }
}
.layout-2023 .result-data-text {
  color: #666;
  text-align: center;
}
.layout-2023 .dialog-quests-block {
  border-radius: 15px;
}
.layout-2023 .dialog-quests-result {
  border-radius: 15px;
}
.layout-2023 .text-user-name,
.layout-2023 .text-taxi-name {
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.layout-2023 .rounded-top {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.layout-2023 .panel-user-taxi-info .taxi-block .name-block p,
.layout-2023 .panel-ad-notice .taxi-block .name-block p,
.layout-2023 .panel-user-taxi-info .taxi-block .name-block .title,
.layout-2023 .panel-ad-notice .taxi-block .name-block .title {
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.layout-2023 .vertical-info-block h5,
.layout-2023 .requirement-block h5,
.layout-2023 .cv-requirement-block h5,
.layout-2023 .vacancy-requirement-block h5,
.layout-2023 .vertical-info-block h6,
.layout-2023 .requirement-block h6,
.layout-2023 .cv-requirement-block h6,
.layout-2023 .vacancy-requirement-block h6 {
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.layout-2023 .cv-requirement-block .salary-amount {
  font-size: 20px;
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.layout-2023 .icon-online {
  width: 10px;
  height: 10px;
}
.layout-2023 .party-order-container * {
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.layout-2023 .party-order-completed {
  margin-left: 5px;
  border-radius: 15px;
}
.layout-2023 .modal-governor .modal-body {
  padding-inline: 10px;
}
.layout-2023 .modal-governor .modal-dialog {
  width: 480px;
}
.layout-2023 .governor-block {
  display: flex;
  gap: 10px;
}
.layout-2023 .governor-block__image {
  max-width: 180px;
  flex-shrink: 0;
  margin: 0 0 -10px -10px;
}
.layout-2023 .governor-block__image img {
  max-width: 100%;
  transform: scaleX(-1);
}
.layout-2023 .governor-block__data {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex: 1;
}
.layout-2023 .governor-block__text {
  text-align: left;
  line-height: 18px;
}
.layout-2023 .lot-history-image {
  width: 50px;
  height: 50px;
  margin-right: 5px;
  object-fit: contain;
}
.layout-2023 .lot-history-image.custom-image {
  border-radius: 100%;
  object-fit: cover;
}
.layout-2023 .media-promote {
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.layout-2023.bar-style-1,
.layout-2023.bar-style-2,
.layout-2023.bar-style-3,
.layout-2023.bar-style-4,
.layout-2023.bar-style-5 {
  background-size: 100%;
  background-color: #e3e5ea;
  background-attachment: fixed;
}
.layout-2023.bar-style-1 .app-bar:before,
.layout-2023.bar-style-2 .app-bar:before,
.layout-2023.bar-style-3 .app-bar:before,
.layout-2023.bar-style-4 .app-bar:before,
.layout-2023.bar-style-5 .app-bar:before {
  display: none;
}
.layout-2023.bar-style-1 .app-bar .active-bonus-timer,
.layout-2023.bar-style-2 .app-bar .active-bonus-timer,
.layout-2023.bar-style-3 .app-bar .active-bonus-timer,
.layout-2023.bar-style-4 .app-bar .active-bonus-timer,
.layout-2023.bar-style-5 .app-bar .active-bonus-timer {
  border-radius: 2px;
}
.layout-2023.bar-style-1 .app-sidebar .menu-more-btn .sidebar-nav-item-image img,
.layout-2023.bar-style-2 .app-sidebar .menu-more-btn .sidebar-nav-item-image img,
.layout-2023.bar-style-3 .app-sidebar .menu-more-btn .sidebar-nav-item-image img,
.layout-2023.bar-style-4 .app-sidebar .menu-more-btn .sidebar-nav-item-image img,
.layout-2023.bar-style-5 .app-sidebar .menu-more-btn .sidebar-nav-item-image img {
  background: url("../img/bar-style/menu-more.png") left top no-repeat;
  background-size: 100%;
  box-sizing: border-box;
  padding-left: 54px;
  height: 54px;
}
.layout-2023.bar-style-1 .app-bar:after,
.layout-2023.bar-style-2 .app-bar:after {
  transform: translateY(-18px);
}
@media (max-width: 992px) {
  .layout-2023.bar-style-1 .app-sidebar:after,
  .layout-2023.bar-style-2 .app-sidebar:after {
    transform: translateY(18px);
  }
}
.layout-2023.bar-style-1 .active-bonus-name,
.layout-2023.bar-style-2 .active-bonus-name {
  position: relative;
  border-radius: 3px;
  box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.25) inset !important;
  border: none;
}
.layout-2023.bar-style-1 .active-bonus-name::before,
.layout-2023.bar-style-2 .active-bonus-name::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1.3px;
  bottom: 2px;
  left: 0px;
  background-size: 74%;
  transform: skewX(15deg);
}
.layout-2023.bar-style-1 .active-bonus-name:after,
.layout-2023.bar-style-2 .active-bonus-name:after {
  content: "";
  position: absolute;
  top: 1px;
  left: -1px;
  width: 100%;
  height: calc(100% - 1px);
  z-index: -1;
  border-radius: 2px;
}
.layout-2023.bar-style-1 .sidebar-nav-item .sidebar-nav-item-image,
.layout-2023.bar-style-2 .sidebar-nav-item .sidebar-nav-item-image {
  box-shadow: none;
}
.layout-2023.bar-style-1 .sidebar-nav-item .sidebar-nav-item-image:after,
.layout-2023.bar-style-2 .sidebar-nav-item .sidebar-nav-item-image:after {
  content: "";
  position: absolute;
  background: #33353d;
  width: calc(100% - (1.4px * 2));
  height: calc(100% - (1.4px * 2));
  top: 1.4px;
  left: 1.4px;
  z-index: 1;
  border-radius: inherit;
}
.layout-2023.bar-style-1 .sidebar-nav-item .sidebar-nav-item-image > *,
.layout-2023.bar-style-2 .sidebar-nav-item .sidebar-nav-item-image > * {
  z-index: 2;
}
.layout-2023.bar-style-1 .sidebar-nav-item .sidebar-nav-item-name,
.layout-2023.bar-style-2 .sidebar-nav-item .sidebar-nav-item-name {
  font-weight: 700;
  text-shadow: none;
}
.layout-2023.bar-style-1 {
  background-image: linear-gradient(to right, var(--tx-body-bg1, transparent), var(--tx-body-bg2, transparent)), url("../img/bar-style/type-1/body-bg.png");
}
.layout-2023.bar-style-1 .app-bar {
  position: relative;
  background: url("../img/bar-style/type-1/header-bg.jpg");
  background-size: auto 100%;
}
.layout-2023.bar-style-1 .app-bar:after {
  content: "";
  position: absolute;
  width: calc(100% - (2.5px * 2));
  height: calc(100% - (-15px * 2));
  top: -15px;
  left: 2.5px;
  border-radius: 16px;
  z-index: -1;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' rx='16' ry='16' stroke='%23707894' stroke-width='3' stroke-dasharray='2, 6' stroke-dashoffset='1' stroke-linecap='square'/%3E%3C/svg%3E");
}
.layout-2023.bar-style-1 .app-bar .profile-block .user-data .user-info .user-level {
  --inactive: #747da0;
  color: #fff;
}
.layout-2023.bar-style-1 .app-bar .profile-block .user-data .user-info .user-level-indicator {
  background: #272b40;
}
.layout-2023.bar-style-1 .app-bar .profile-block .user-data .user-info .user-name {
  color: #fff;
}
.layout-2023.bar-style-1 .app-bar .profile-block .user-data .user-power-bar {
  box-shadow: none;
  border-color: #33353d;
  background: linear-gradient(#ffffff 0%, #919fab 100%);
}
.layout-2023.bar-style-1 .app-bar .profile-block .user-data .user-power-bar:after {
  content: "";
  position: absolute;
  background: #33353d;
  width: calc(100% - (1.2px * 2));
  height: calc(100% - (1.2px * 2));
  top: 1.2px;
  left: 1.2px;
  z-index: 1;
  border-radius: inherit;
}
.layout-2023.bar-style-1 .app-bar .profile-block .user-data .user-power-bar > * {
  z-index: 2;
}
.layout-2023.bar-style-1 .app-bar .profile-block .user-data .user-power-bar .user-power-text {
  color: #fff;
  text-shadow: 1px 1px 0px #33353d;
}
.layout-2023.bar-style-1 .app-bar .profile-block .user-data .user-power-bar .user-power-restore-btn {
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' rx='100' ry='100' stroke='%23CCD9E4' stroke-width='4' stroke-dasharray='3.9' stroke-dashoffset='52' stroke-linecap='butt'/%3E%3C/svg%3E");
  background-color: #33353d;
}
.layout-2023.bar-style-1 .app-bar .profile-block .user-data .user-power-bar .user-power-restore-btn:after {
  background: linear-gradient(180deg, #fff 0%, #919aa8 100%);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.14), inset 0px 0px 0px 1px #34353e, inset 0px -5px 0px -1px #79809b;
}
.layout-2023.bar-style-1 .app-bar .active-bonus-block:after {
  background: linear-gradient(0deg, #e3e5ea66 0%, #ffffff 40%, #ffffff 63%, #e3e5ea00 100%);
}
.layout-2023.bar-style-1 .app-bar .active-bonus-block .active-bonus-image {
  box-shadow: none;
  border-color: #33353d;
  background: linear-gradient(#ffffff 0%, #919fab 100%);
}
.layout-2023.bar-style-1 .app-bar .active-bonus-block .active-bonus-image:after {
  content: "";
  position: absolute;
  background: #33353d;
  width: calc(100% - (1.2px * 2));
  height: calc(100% - (1.2px * 2));
  top: 1.2px;
  left: 1.2px;
  z-index: 1;
  border-radius: inherit;
}
.layout-2023.bar-style-1 .app-bar .active-bonus-block .active-bonus-image > * {
  z-index: 2;
}
.layout-2023.bar-style-1 .app-bar .active-bonus-block .active-bonus-name {
  color: #fff;
  background: linear-gradient(#64646a, #3f4045, #32343c);
}
.layout-2023.bar-style-1 .app-bar .active-bonus-block .active-bonus-name::before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' rx='16' ry='16' stroke='%23707894' stroke-width='3' stroke-dasharray='2, 6' stroke-dashoffset='1' stroke-linecap='square'/%3E%3C/svg%3E");
}
.layout-2023.bar-style-1 .app-bar .active-bonus-block .active-bonus-name::after {
  background: #33353d;
}
.layout-2023.bar-style-1 .app-bar .finance-account-item-inner {
  box-shadow: none;
  border-color: #33353d;
  background: linear-gradient(#ffffff 0%, #919fab 100%);
}
.layout-2023.bar-style-1 .app-bar .finance-account-item-inner:after {
  content: "";
  position: absolute;
  background: #33353d;
  width: calc(100% - (1.2px * 2));
  height: calc(100% - (1.2px * 2));
  top: 1.2px;
  left: 1.2px;
  z-index: 1;
  border-radius: inherit;
}
.layout-2023.bar-style-1 .app-bar .finance-account-item-inner > * {
  z-index: 2;
}
.layout-2023.bar-style-1 .app-bar .finance-account-item-inner:after {
  background: #33353d;
}
.layout-2023.bar-style-1 .app-bar .finance-account-item-icon {
  box-shadow: 0px -1px 0px 0px #79809b inset;
  background: linear-gradient(180deg, #ffffff 0%, #9ca5b2 100%);
}
.layout-2023.bar-style-1 .app-bar .finance-account-item-icon svg path {
  fill: #32363e;
}
.layout-2023.bar-style-1 .app-sidebar {
  position: relative;
  background: url("../img/bar-style/type-1/sidebar-bg.jpg") !important;
  background-size: 100% !important;
}
.layout-2023.bar-style-1 .app-sidebar:after {
  content: "";
  position: absolute;
  width: calc(100% - (2.5px * 2));
  height: calc(100% - (2.5px * 2));
  top: 2.5px;
  left: 2.5px;
  border-radius: 16px;
  z-index: -1;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' rx='16' ry='16' stroke='%23707894' stroke-width='3' stroke-dasharray='2, 6' stroke-dashoffset='1' stroke-linecap='square'/%3E%3C/svg%3E");
}
@media (max-width: 992px) {
  .layout-2023.bar-style-1 .app-sidebar {
    position: relative;
    background: url("../img/bar-style/type-1/header-bg.jpg") !important;
  }
  .layout-2023.bar-style-1 .app-sidebar:after {
    content: "";
    position: absolute;
    width: calc(100% - (2.5px * 2));
    height: calc(100% - (-15px * 2));
    top: -15px;
    left: 2.5px;
    border-radius: 25px;
    z-index: -1;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' rx='25px' ry='25px' stroke='%23707894' stroke-width='3' stroke-dasharray='2, 6' stroke-dashoffset='1' stroke-linecap='square'/%3E%3C/svg%3E");
  }
}
.layout-2023.bar-style-1 .app-sidebar::before {
  display: none !important;
}
.layout-2023.bar-style-1 .app-sidebar .sidebar-nav-item .sidebar-nav-item-image {
  border-color: #33353d;
  background: linear-gradient(#ffffff 0%, #919fab 100%);
}
.layout-2023.bar-style-1 .app-sidebar .sidebar-nav-item.sidebar-nav-item-active .sidebar-nav-item-name {
  background: linear-gradient(180deg, #ffffff 0%, #9ca5b2 100%);
}
.layout-2023.bar-style-1 .app-sidebar .sidebar-nav-item.sidebar-nav-item-active .sidebar-nav-item-name:before {
  background: #33353d;
}
.layout-2023.bar-style-1 .app-sidebar .sidebar-nav-item:not(.sidebar-nav-item-active) .sidebar-nav-item-name {
  color: #33363e;
  background: linear-gradient(180deg, #fefefe 0%, #a3abb8 100%);
  box-shadow: 0px -2px 0px 0px #79809b inset, 2px 2px 2px 0px rgba(0, 0, 0, 0.25);
}
.layout-2023.bar-style-1 .app-sidebar .sidebar-nav-item:not(.sidebar-nav-item-active) .sidebar-nav-item-name:before {
  display: none;
}
.layout-2023.bar-style-2 {
  background-image: linear-gradient(to right, var(--tx-body-bg1, transparent), var(--tx-body-bg2, transparent)), url("../img/bar-style/type-2/body-bg.png");
}
.layout-2023.bar-style-2 .app-bar {
  position: relative;
  background: url("../img/bar-style/type-2/header-bg.jpg") center;
  background-size: auto 100%;
}
.layout-2023.bar-style-2 .app-bar:after {
  content: "";
  position: absolute;
  width: calc(100% - (2.5px * 2));
  height: calc(100% - (-15px * 2));
  top: -15px;
  left: 2.5px;
  border-radius: 16px;
  z-index: -1;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' rx='16' ry='16' stroke='%23AA976F' stroke-width='3' stroke-dasharray='2, 6' stroke-dashoffset='1' stroke-linecap='square'/%3E%3C/svg%3E");
}
.layout-2023.bar-style-2 .app-bar .profile-block .user-data .user-info .user-level {
  --inactive: #9f7c73;
  color: #fff5df;
}
.layout-2023.bar-style-2 .app-bar .profile-block .user-data .user-info .user-level-indicator {
  background: #29170a;
}
.layout-2023.bar-style-2 .app-bar .profile-block .user-data .user-info .user-name {
  color: #fff5df;
}
.layout-2023.bar-style-2 .app-bar .profile-block .user-data .user-power-bar {
  box-shadow: none;
  border-color: #28170a;
  background: linear-gradient(#faeeba 0%, #e8b628 32%, #9b5d0e 100%);
}
.layout-2023.bar-style-2 .app-bar .profile-block .user-data .user-power-bar:after {
  content: "";
  position: absolute;
  background: #33353d;
  width: calc(100% - (1.2px * 2));
  height: calc(100% - (1.2px * 2));
  top: 1.2px;
  left: 1.2px;
  z-index: 1;
  border-radius: inherit;
}
.layout-2023.bar-style-2 .app-bar .profile-block .user-data .user-power-bar > * {
  z-index: 2;
}
.layout-2023.bar-style-2 .app-bar .profile-block .user-data .user-power-bar:after {
  background: #28170a;
}
.layout-2023.bar-style-2 .app-bar .profile-block .user-data .user-power-bar .user-power-text {
  color: #fff5df;
  text-shadow: 1px 1px 0px #29170a;
}
.layout-2023.bar-style-2 .app-bar .profile-block .user-data .user-power-bar .user-power-progress {
  box-shadow: inset 0 -10px 0 #e28700;
  background: linear-gradient(90deg, #ffbb00 9.01%, #ff9900 100%);
}
.layout-2023.bar-style-2 .app-bar .profile-block .user-data .user-power-bar .user-power-restore-btn {
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' rx='100' ry='100' stroke='%23AA986F' stroke-width='4' stroke-dasharray='3.9' stroke-dashoffset='52' stroke-linecap='butt'/%3E%3C/svg%3E");
  background-color: #28170a;
}
.layout-2023.bar-style-2 .app-bar .profile-block .user-data .user-power-bar .user-power-restore-btn:after {
  background: linear-gradient(180deg, #f8e9a7, #e5b023, #f2d772, #fffdbe);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.14), inset 0px 0px 0px 1px #28170a, inset 0px -5px 0px -1px #b85f01;
}
.layout-2023.bar-style-2 .app-bar .active-bonus-block:after {
  background: linear-gradient(0deg, #875008 0%, #f9eab0 46%, #faeeb9 54%, #875008 100%);
}
.layout-2023.bar-style-2 .app-bar .active-bonus-block .active-bonus-image {
  box-shadow: none;
  border-color: #28170a;
  background: linear-gradient(#faeeba 0%, #e8b628 32%, #9b5d0e 100%);
}
.layout-2023.bar-style-2 .app-bar .active-bonus-block .active-bonus-image:after {
  content: "";
  position: absolute;
  background: #33353d;
  width: calc(100% - (1.2px * 2));
  height: calc(100% - (1.2px * 2));
  top: 1.2px;
  left: 1.2px;
  z-index: 1;
  border-radius: inherit;
}
.layout-2023.bar-style-2 .app-bar .active-bonus-block .active-bonus-image > * {
  z-index: 2;
}
.layout-2023.bar-style-2 .app-bar .active-bonus-block .active-bonus-image::after {
  background: #28170a;
}
.layout-2023.bar-style-2 .app-bar .active-bonus-block .active-bonus-name {
  color: #fff5df;
  background: linear-gradient(#8b715d, #523d2d, #2a170a);
}
.layout-2023.bar-style-2 .app-bar .active-bonus-block .active-bonus-name::before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' rx='16' ry='16' stroke='%23AA976F' stroke-width='3' stroke-dasharray='2, 6' stroke-dashoffset='1' stroke-linecap='square'/%3E%3C/svg%3E");
}
.layout-2023.bar-style-2 .app-bar .active-bonus-block .active-bonus-name::after {
  background: #2a170a;
}
.layout-2023.bar-style-2 .app-bar .finance-account-item-inner {
  box-shadow: none;
  border-color: #28170a;
  background: linear-gradient(#faeeba 0%, #e8b628 32%, #9b5d0e 100%);
}
.layout-2023.bar-style-2 .app-bar .finance-account-item-inner:after {
  content: "";
  position: absolute;
  background: #33353d;
  width: calc(100% - (1.2px * 2));
  height: calc(100% - (1.2px * 2));
  top: 1.2px;
  left: 1.2px;
  z-index: 1;
  border-radius: inherit;
}
.layout-2023.bar-style-2 .app-bar .finance-account-item-inner > * {
  z-index: 2;
}
.layout-2023.bar-style-2 .app-bar .finance-account-item-inner:after {
  background: #251509;
}
.layout-2023.bar-style-2 .app-bar .finance-account-item-icon {
  box-shadow: 0px -1px 0px 0px #b95f02 inset;
  background: linear-gradient(180deg, #f8e9a7 24%, #e5b023 48%, #f2d772 76%, #fffdbe 95%);
}
.layout-2023.bar-style-2 .app-bar .finance-account-item-icon svg path {
  fill: #643100;
}
.layout-2023.bar-style-2 .app-bar .finance-account-item-balance {
  color: #ffedc4;
  text-shadow: 1px 1px 0px #000;
}
.layout-2023.bar-style-2 .app-sidebar {
  position: relative;
  background: url("../img/bar-style/type-2/sidebar-bg.jpg") !important;
  background-size: 100% !important;
}
.layout-2023.bar-style-2 .app-sidebar:after {
  content: "";
  position: absolute;
  width: calc(100% - (2.5px * 2));
  height: calc(100% - (2.5px * 2));
  top: 2.5px;
  left: 2.5px;
  border-radius: 16px;
  z-index: -1;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' rx='16' ry='16' stroke='%23AA976F' stroke-width='3' stroke-dasharray='2, 6' stroke-dashoffset='1' stroke-linecap='square'/%3E%3C/svg%3E");
}
@media (max-width: 992px) {
  .layout-2023.bar-style-2 .app-sidebar {
    position: relative;
    background: url("../img/bar-style/type-2/header-bg.jpg") !important;
  }
  .layout-2023.bar-style-2 .app-sidebar:after {
    content: "";
    position: absolute;
    width: calc(100% - (2.5px * 2));
    height: calc(100% - (-15px * 2));
    top: -15px;
    left: 2.5px;
    border-radius: 25px;
    z-index: -1;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' rx='25px' ry='25px' stroke='%23AA976F' stroke-width='3' stroke-dasharray='2, 6' stroke-dashoffset='1' stroke-linecap='square'/%3E%3C/svg%3E");
  }
}
.layout-2023.bar-style-2 .app-sidebar::before {
  display: none !important;
}
.layout-2023.bar-style-2 .app-sidebar .sidebar-nav-item .sidebar-nav-item-image {
  border-color: #28170a;
  background: linear-gradient(#faeeba 0%, #e8b628 32%, #9b5d0e 100%);
}
.layout-2023.bar-style-2 .app-sidebar .sidebar-nav-item .sidebar-nav-item-image:after {
  background: #28170a;
}
.layout-2023.bar-style-2 .app-sidebar .sidebar-nav-item.sidebar-nav-item-active .sidebar-nav-item-name {
  color: #fff5df;
  background: linear-gradient(180deg, #ffffff 0%, #9ca5b2 100%);
}
.layout-2023.bar-style-2 .app-sidebar .sidebar-nav-item.sidebar-nav-item-active .sidebar-nav-item-name:before {
  background: #2a170a;
}
.layout-2023.bar-style-2 .app-sidebar .sidebar-nav-item:not(.sidebar-nav-item-active) .sidebar-nav-item-name {
  color: #562a00;
  background: linear-gradient(180deg, #f8e9a7 24%, #e5b023 48%, #f2d772 76%, #fffdbe 95%);
  box-shadow: 0px -2px 0px 0px #b95f02 inset;
}
.layout-2023.bar-style-2 .app-sidebar .sidebar-nav-item:not(.sidebar-nav-item-active) .sidebar-nav-item-name:before {
  display: none;
}
.layout-2023.bar-style-3 {
  background-image: linear-gradient(to right, var(--tx-body-bg1, transparent), var(--tx-body-bg2, transparent)), url("../img/bar-style/type-3/body-bg.png");
}
.layout-2023.bar-style-3 .app-bar {
  background: url("../img/bar-style/type-3/header-bg.jpg");
  background-size: auto 100%;
}
.layout-2023.bar-style-3 .app-bar .profile-block .user-data .user-info .user-level {
  --inactive: #666975;
  color: #fff;
}
.layout-2023.bar-style-3 .app-bar .profile-block .user-data .user-info .user-level-indicator {
  background: #272b40;
}
.layout-2023.bar-style-3 .app-bar .profile-block .user-data .user-info .user-name {
  color: #fff;
}
.layout-2023.bar-style-3 .app-bar .profile-block .user-data .user-power-bar {
  box-shadow: none;
  border-color: #33353d;
  background: linear-gradient(#ffffff 0%, #919fab 100%);
}
.layout-2023.bar-style-3 .app-bar .profile-block .user-data .user-power-bar:after {
  content: "";
  position: absolute;
  background: #33353d;
  width: calc(100% - (1.2px * 2));
  height: calc(100% - (1.2px * 2));
  top: 1.2px;
  left: 1.2px;
  z-index: 1;
  border-radius: inherit;
}
.layout-2023.bar-style-3 .app-bar .profile-block .user-data .user-power-bar > * {
  z-index: 2;
}
.layout-2023.bar-style-3 .app-bar .profile-block .user-data .user-power-bar .user-power-text {
  color: #fff;
  text-shadow: 1px 1px 0px #33353d;
}
.layout-2023.bar-style-3 .app-bar .profile-block .user-data .user-power-bar .user-power-restore-btn {
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' rx='100' ry='100' stroke='%23CCD9E4' stroke-width='4' stroke-dasharray='3.9' stroke-dashoffset='52' stroke-linecap='butt'/%3E%3C/svg%3E");
  background-color: #33353d;
}
.layout-2023.bar-style-3 .app-bar .profile-block .user-data .user-power-bar .user-power-restore-btn:after {
  background: linear-gradient(180deg, #fff 0%, #919aa8 100%);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.14), inset 0px 0px 0px 1px #34353e, inset 0px -5px 0px -1px #79809b;
}
.layout-2023.bar-style-3 .app-bar .active-bonus-block:after {
  background: linear-gradient(0deg, #e3e5ea66 0%, #ffffff 40%, #ffffff 63%, #e3e5ea00 100%);
}
.layout-2023.bar-style-3 .app-bar .active-bonus-block .active-bonus-image {
  box-shadow: none;
  border-color: #33353d;
  background: linear-gradient(#ffffff 0%, #919fab 100%);
}
.layout-2023.bar-style-3 .app-bar .active-bonus-block .active-bonus-image:after {
  content: "";
  position: absolute;
  background: #33353d;
  width: calc(100% - (1.2px * 2));
  height: calc(100% - (1.2px * 2));
  top: 1.2px;
  left: 1.2px;
  z-index: 1;
  border-radius: inherit;
}
.layout-2023.bar-style-3 .app-bar .active-bonus-block .active-bonus-image > * {
  z-index: 2;
}
.layout-2023.bar-style-3 .app-bar .active-bonus-block .active-bonus-name {
  color: #fff;
  box-shadow: none;
  background: linear-gradient(0deg, #626262, #c8c8c8);
  border-radius: 3px;
}
.layout-2023.bar-style-3 .app-bar .active-bonus-block .active-bonus-name:before,
.layout-2023.bar-style-3 .app-bar .active-bonus-block .active-bonus-name:after {
  content: "";
  position: absolute;
  top: 1px;
  left: -1px;
  width: 100%;
  height: calc(100% - 2px);
  z-index: -1;
  border-radius: 2px;
}
.layout-2023.bar-style-3 .app-bar .active-bonus-block .active-bonus-name:before {
  background: url("../img/bar-style/type-3/header-bg.jpg");
  background-size: auto 200%;
}
.layout-2023.bar-style-3 .app-bar .active-bonus-block .active-bonus-name:after {
  filter: drop-shadow(4px 4px 7px rgba(0, 0, 0, 0.37));
  backdrop-filter: blur(2.5px);
  background: linear-gradient(1deg, rgba(255, 255, 255, 0) 48.17%, rgba(255, 255, 255, 0.3) 87.03%, rgba(255, 255, 255, 0) 131.43%), rgba(0, 6, 30, 0.3);
}
.layout-2023.bar-style-3 .app-bar .finance-account-item-inner {
  box-shadow: none;
  border-color: #33353d;
  background: linear-gradient(#ffffff 0%, #919fab 100%);
}
.layout-2023.bar-style-3 .app-bar .finance-account-item-inner:after {
  content: "";
  position: absolute;
  background: #33353d;
  width: calc(100% - (1.2px * 2));
  height: calc(100% - (1.2px * 2));
  top: 1.2px;
  left: 1.2px;
  z-index: 1;
  border-radius: inherit;
}
.layout-2023.bar-style-3 .app-bar .finance-account-item-inner > * {
  z-index: 2;
}
.layout-2023.bar-style-3 .app-bar .finance-account-item-inner:after {
  background: #33353d;
}
.layout-2023.bar-style-3 .app-bar .finance-account-item-icon {
  box-shadow: 0px -1px 0px 0px #79809b inset;
  background: linear-gradient(180deg, #ffffff 0%, #9ca5b2 100%);
}
.layout-2023.bar-style-3 .app-bar .finance-account-item-icon svg path {
  fill: #32363e;
}
.layout-2023.bar-style-3 .app-bar .header-finance-style {
  display: block;
  position: absolute;
  top: -13px;
  left: -40px;
  width: calc(100% + 50px);
  height: calc(100% + 26px);
  border-radius: 3px 0 0 3px;
  z-index: -1;
  overflow: hidden;
}
@media (max-width: 992px) {
  .layout-2023.bar-style-3 .app-bar .header-finance-style {
    display: none;
  }
}
.layout-2023.bar-style-3 .app-bar .header-finance-mask {
  position: absolute;
  top: 0;
  left: 7px;
  width: 100%;
  height: 100%;
  border-radius: 3px 0 0 3px;
  background: linear-gradient(180deg, #626262, #c8c8c8);
  transform: skewX(-15deg);
}
.layout-2023.bar-style-3 .app-bar .header-finance-mask:before,
.layout-2023.bar-style-3 .app-bar .header-finance-mask:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border-radius: 2px 0 0 2px;
}
.layout-2023.bar-style-3 .app-bar .header-finance-mask:before {
  background: url("../img/bar-style/type-3/header-bg.jpg");
  background-size: auto 160%;
}
.layout-2023.bar-style-3 .app-bar .header-finance-mask:after {
  filter: drop-shadow(4px 4px 7px rgba(0, 0, 0, 0.37));
  backdrop-filter: blur(2.5px);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 48.17%, rgba(255, 255, 255, 0.3) 87.03%, rgba(255, 255, 255, 0) 131.43%), rgba(0, 6, 30, 0.3);
}
.layout-2023.bar-style-3 .app-sidebar {
  background: url("../img/bar-style/type-3/sidebar-bg.jpg") !important;
  background-size: 100% !important;
}
@media (max-width: 992px) {
  .layout-2023.bar-style-3 .app-sidebar {
    background-size: auto !important;
  }
}
.layout-2023.bar-style-3 .app-sidebar::before {
  background: url("../img/bar-style/type-3/sidebar-pseudo.png") !important;
  background-size: 100% auto !important;
  z-index: -1;
}
@media (max-width: 992px) {
  .layout-2023.bar-style-3 .app-sidebar::before {
    display: none;
  }
}
.layout-2023.bar-style-3 .app-sidebar .sidebar-nav-item .sidebar-nav-item-image {
  box-shadow: none;
  border-color: #33353d;
  background: linear-gradient(#ffffff 0%, #919fab 100%);
}
.layout-2023.bar-style-3 .app-sidebar .sidebar-nav-item .sidebar-nav-item-image:after {
  content: "";
  position: absolute;
  background: #33353d;
  width: calc(100% - (1.4px * 2));
  height: calc(100% - (1.4px * 2));
  top: 1.4px;
  left: 1.4px;
  z-index: 1;
  border-radius: inherit;
}
.layout-2023.bar-style-3 .app-sidebar .sidebar-nav-item .sidebar-nav-item-image > * {
  z-index: 2;
}
.layout-2023.bar-style-3 .app-sidebar .sidebar-nav-item .sidebar-nav-item-name {
  text-shadow: none;
  font-weight: 700;
}
.layout-2023.bar-style-3 .app-sidebar .sidebar-nav-item.sidebar-nav-item-active .sidebar-nav-item-name {
  color: #33363e;
  background: linear-gradient(180deg, #fefefe 0%, #a3abb8 100%);
  box-shadow: 0px -2px 0px 0px #79809b inset, 2px 2px 2px 0px rgba(0, 0, 0, 0.25);
}
.layout-2023.bar-style-3 .app-sidebar .sidebar-nav-item.sidebar-nav-item-active .sidebar-nav-item-name:before {
  display: none;
}
.layout-2023.bar-style-3 .app-sidebar .sidebar-nav-item:not(.sidebar-nav-item-active) .sidebar-nav-item-name {
  background: linear-gradient(180deg, #ffffff 0%, #9ca5b2 100%);
}
.layout-2023.bar-style-3 .app-sidebar .sidebar-nav-item:not(.sidebar-nav-item-active) .sidebar-nav-item-name:before {
  background: #33353d;
}
.layout-2023.bar-style-3 .app-sidebar .menu-more-btn:before {
  display: none;
}
.layout-2023.bar-style-4 {
  background-image: linear-gradient(to right, var(--tx-body-bg1, transparent), var(--tx-body-bg2, transparent)), url("../img/bar-style/type-4/body-bg.png");
}
.layout-2023.bar-style-4 .app-bar {
  background: url("../img/bar-style/type-4/header-bg.jpg") center;
  background-size: 100% 100%;
  border-inline: 1px solid #df659e;
  box-shadow: 0px -2px 0px 0px #df659e inset, 0px -4px 0px 0px #ffd8e8 inset;
}
.layout-2023.bar-style-4 .app-bar .profile-block .user-data .user-info .user-level {
  --inactive: #fff;
  color: #82592d;
}
.layout-2023.bar-style-4 .app-bar .profile-block .user-data .user-info .user-level-indicator {
  background: #f8e6ce;
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.13) inset;
}
.layout-2023.bar-style-4 .app-bar .profile-block .user-data .user-info .user-name {
  color: #fff;
  text-shadow: 1px 1px 0px #b52b5f;
}
.layout-2023.bar-style-4 .app-bar .profile-block .user-data .user-power-bar {
  box-shadow: none;
  border-color: #fff;
  background: #db5286;
  height: 26px;
}
.layout-2023.bar-style-4 .app-bar .profile-block .user-data .user-power-bar:after {
  content: "";
  position: absolute;
  background: #33353d;
  width: calc(100% - (1.2px * 2));
  height: calc(100% - (1.2px * 2));
  top: 1.2px;
  left: 1.2px;
  z-index: 1;
  border-radius: inherit;
}
.layout-2023.bar-style-4 .app-bar .profile-block .user-data .user-power-bar > * {
  z-index: 2;
}
.layout-2023.bar-style-4 .app-bar .profile-block .user-data .user-power-bar:after {
  background: #f8e6ce;
}
.layout-2023.bar-style-4 .app-bar .profile-block .user-data .user-power-bar .user-power-text {
  color: #fff;
  text-shadow: 1px 1px 0px #76294b;
}
.layout-2023.bar-style-4 .app-bar .profile-block .user-data .user-power-bar .user-power-progress {
  border: 0.6px solid #c45288;
  box-shadow: inset 0 -10px 0 #c45288;
  background: linear-gradient(90deg, #ff89b6 9.01%, #dd5a91 100%);
}
.layout-2023.bar-style-4 .app-bar .profile-block .user-data .user-power-bar .user-power-restore-btn {
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' rx='100' ry='100' stroke='%23fff' stroke-width='4' stroke-dasharray='3.9' stroke-dashoffset='52' stroke-linecap='butt'/%3E%3C/svg%3E");
  background-color: #df659e;
}
.layout-2023.bar-style-4 .app-bar .profile-block .user-data .user-power-bar .user-power-restore-btn:after {
  background: #fff;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.14), inset 0px 0px 0px 1px #dd649d, inset 0px -5px 0px 0px #f7d1e0;
}
.layout-2023.bar-style-4 .app-bar .active-bonus-block:after {
  background: linear-gradient(90deg, rgba(227, 229, 234, 0.24) -12.5%, rgba(255, 255, 255, 0.6) 35.74%, rgba(255, 255, 255, 0.6) 63.67%, rgba(227, 229, 234, 0) 109.37%);
}
.layout-2023.bar-style-4 .app-bar .active-bonus-block .active-bonus-image {
  box-shadow: none;
  border-color: #fff;
  background: #db5286;
}
.layout-2023.bar-style-4 .app-bar .active-bonus-block .active-bonus-image:after {
  content: "";
  position: absolute;
  background: #33353d;
  width: calc(100% - (1.4px * 2));
  height: calc(100% - (1.4px * 2));
  top: 1.4px;
  left: 1.4px;
  z-index: 1;
  border-radius: inherit;
}
.layout-2023.bar-style-4 .app-bar .active-bonus-block .active-bonus-image > * {
  z-index: 2;
}
.layout-2023.bar-style-4 .app-bar .active-bonus-block .active-bonus-image:after {
  background: #f8e6ce;
  box-shadow: inset 0px 4px 4px 0 #0000001a;
}
.layout-2023.bar-style-4 .app-bar .active-bonus-block .active-bonus-name {
  color: #82592d;
  font-weight: 700;
  background: #f8e6ce;
  border-radius: 2px;
  box-shadow: none;
  text-shadow: none;
  margin-left: -25px;
  filter: drop-shadow(2px 2px 6px rgba(0, 0, 0, 0.13));
}
.layout-2023.bar-style-4 .app-bar .active-bonus-block .active-bonus-name::after {
  content: "";
  position: absolute;
  bottom: 1.5px;
  left: -3px;
  width: 100%;
  height: 1px;
  background: #db5286;
}
.layout-2023.bar-style-4 .app-bar .active-bonus-block .active-bonus-timer {
  background: radial-gradient(43.48% 50% at 64.67% 50%, #fb83a0 0%, #f070ac 100%);
}
.layout-2023.bar-style-4 .app-bar .finance-account-item-inner {
  box-shadow: none;
  border-color: #fff;
  background: #db5286;
}
.layout-2023.bar-style-4 .app-bar .finance-account-item-inner:after {
  content: "";
  position: absolute;
  background: #33353d;
  width: calc(100% - (1.2px * 2));
  height: calc(100% - (1.2px * 2));
  top: 1.2px;
  left: 1.2px;
  z-index: 1;
  border-radius: inherit;
}
.layout-2023.bar-style-4 .app-bar .finance-account-item-inner > * {
  z-index: 2;
}
.layout-2023.bar-style-4 .app-bar .finance-account-item-inner:after {
  background: #f8e6ce;
}
.layout-2023.bar-style-4 .app-bar .finance-account-item-icon svg path {
  fill: #fff;
}
.layout-2023.bar-style-4 .app-bar .finance-account-deposit .finance-account-item-icon,
.layout-2023.bar-style-4 .app-bar .finance-account-gem .finance-account-item-icon {
  box-shadow: 0px -1px 0px 0px #526e34 inset;
  background: linear-gradient(#a4d45c, #61b045);
}
.layout-2023.bar-style-4 .app-bar .finance-account-withdraw .finance-account-item-icon,
.layout-2023.bar-style-4 .app-bar .finance-account-passenger .finance-account-item-icon {
  box-shadow: 0px -1px 1px 0px #c25d28 inset;
  background: radial-gradient(50% 46.13% at 53.03% 51.66%, rgba(255, 255, 255, 0.22) 28.48%, rgba(255, 255, 255, 0) 100%), linear-gradient(102deg, #ffbf1b -3.15%, #fe9e0d 28.77%, #ff881a 85.67%);
}
.layout-2023.bar-style-4 .app-bar .finance-account-item-balance {
  color: #82592d;
  text-shadow: none;
}
.layout-2023.bar-style-4 .app-sidebar {
  background: url("../img/bar-style/type-4/sidebar-bg.jpg") !important;
  background-size: auto 100% !important;
  border-block: 1px solid #df659e;
  box-shadow: 2px 0px 0px 0px #df659e inset, 4px 0px 0px 0px #ffd8e8 inset, -2px 0px 0px 0px #df659e inset, -4px 0px 0px 0px #ffd8e8 inset;
}
@media (max-width: 992px) {
  .layout-2023.bar-style-4 .app-sidebar {
    background-size: 100% !important;
  }
}
.layout-2023.bar-style-4 .app-sidebar::before {
  display: none !important;
}
.layout-2023.bar-style-4 .app-sidebar .sidebar-nav-item .sidebar-nav-item-image {
  box-shadow: none;
  border-color: #fff;
  background: #db5286;
}
.layout-2023.bar-style-4 .app-sidebar .sidebar-nav-item .sidebar-nav-item-image:after {
  content: "";
  position: absolute;
  background: #33353d;
  width: calc(100% - (1.4px * 2));
  height: calc(100% - (1.4px * 2));
  top: 1.4px;
  left: 1.4px;
  z-index: 1;
  border-radius: inherit;
}
.layout-2023.bar-style-4 .app-sidebar .sidebar-nav-item .sidebar-nav-item-image > * {
  z-index: 2;
}
.layout-2023.bar-style-4 .app-sidebar .sidebar-nav-item .sidebar-nav-item-image:after {
  background: #f8e6ce;
  box-shadow: inset 0px 4px 4px 0 #0000001a;
}
.layout-2023.bar-style-4 .app-sidebar .sidebar-nav-item .sidebar-nav-item-name {
  font-weight: 700;
}
.layout-2023.bar-style-4 .app-sidebar .sidebar-nav-item.sidebar-nav-item-active .sidebar-nav-item-name {
  color: #df659e;
  text-shadow: none;
  background: #fff;
  box-shadow: 2px 2px 6px 0px #df659e, 0px -2px 0px 0px rgba(229, 103, 151, 0.3) inset;
}
.layout-2023.bar-style-4 .app-sidebar .sidebar-nav-item.sidebar-nav-item-active .sidebar-nav-item-name:before {
  display: none;
}
.layout-2023.bar-style-4 .app-sidebar .sidebar-nav-item:not(.sidebar-nav-item-active) .sidebar-nav-item-name {
  color: #fff;
  text-shadow: 1px 1px 0px #d56493;
  background: linear-gradient(180deg, #ffafcd 0%, #e05b8d 100%);
  box-shadow: 0px -2px 0px 0px #bc4979 inset, 2px 2px 6px 0px #df659e;
}
.layout-2023.bar-style-4 .app-sidebar .sidebar-nav-item:not(.sidebar-nav-item-active) .sidebar-nav-item-name:before {
  display: none;
}
.layout-2023.bar-style-5 {
  background-image: linear-gradient(to right, var(--tx-body-bg1, transparent), var(--tx-body-bg2, transparent)), url("../img/bar-style/type-5/body-bg.png");
}
.layout-2023.bar-style-5 .app-bar {
  background: url("../img/bar-style/type-5/header-bg.jpg") center;
  background-size: auto 100%;
  box-shadow: 0px -3px 0px 0px rgba(0, 0, 0, 0.16) inset, 0px 1px 2px 0px rgba(0, 0, 0, 0.16);
}
.layout-2023.bar-style-5 .app-bar .profile-block .user-data .user-info .user-level {
  --inactive: #955455;
  color: #fff;
}
.layout-2023.bar-style-5 .app-bar .profile-block .user-data .user-info .user-level-indicator {
  background: #5c080b;
}
.layout-2023.bar-style-5 .app-bar .profile-block .user-data .user-info .user-name {
  color: #fff;
}
.layout-2023.bar-style-5 .app-bar .profile-block .user-data .user-power-bar {
  box-shadow: none;
  background: linear-gradient(181deg, #fefae8 0%, #a47529 18.5%, #dda653 37%, #8c4d1e 58.5%);
  border: none;
  height: 26px;
}
.layout-2023.bar-style-5 .app-bar .profile-block .user-data .user-power-bar:after {
  content: "";
  position: absolute;
  background: #33353d;
  width: calc(100% - (2px * 2));
  height: calc(100% - (2px * 2));
  top: 2px;
  left: 2px;
  z-index: 1;
  border-radius: inherit;
}
.layout-2023.bar-style-5 .app-bar .profile-block .user-data .user-power-bar > * {
  z-index: 2;
}
.layout-2023.bar-style-5 .app-bar .profile-block .user-data .user-power-bar:after {
  background: radial-gradient(43.75% 43.75% at 50% 50%, #e4d2be 0%, #cb9e7b 100%);
  box-shadow: 0px -1px 1px 0px #d7d1b7 inset, 0px 1px 2px 0px #7e603e inset, 0px -1px 4px 0px #997f70 inset, 0px 1px 3px 0px #997f70 inset;
}
.layout-2023.bar-style-5 .app-bar .profile-block .user-data .user-power-bar .user-power-text {
  color: #fff;
  text-shadow: 1px 1px 0px #600d05;
}
.layout-2023.bar-style-5 .app-bar .profile-block .user-data .user-power-bar .user-power-progress {
  border: 0.6px solid #640101;
  box-shadow: inset 0 -10px 0 #7d112178;
  background: linear-gradient(90deg, #e46870 9.01%, #d92834 100%);
}
.layout-2023.bar-style-5 .app-bar .profile-block .user-data .user-power-bar .user-power-restore-btn {
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' rx='100' ry='100' stroke='%23F6E8A4' stroke-width='4' stroke-dasharray='3.9' stroke-dashoffset='52' stroke-linecap='butt'/%3E%3C/svg%3E");
  background-color: #600b10;
}
.layout-2023.bar-style-5 .app-bar .profile-block .user-data .user-power-bar .user-power-restore-btn:after {
  background: linear-gradient(180deg, #fffcf1, #c48147, #f2d772, #ead2a9);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.14), inset 0px 0px 0px 1px #ad7045, inset 0px -5px 0px -1px #b85f01;
}
.layout-2023.bar-style-5 .app-bar .active-bonus-block:after {
  background: linear-gradient(0deg, #f7eca700 0%, #fff4b2 40%, #fff4b2 63%, #f7eca700 100%);
}
.layout-2023.bar-style-5 .app-bar .active-bonus-block .active-bonus-image {
  box-shadow: none;
  background: linear-gradient(181deg, #fefae8 0%, #a47529 18.5%, #dda653 37%, #8c4d1e 58.5%);
  border: none;
}
.layout-2023.bar-style-5 .app-bar .active-bonus-block .active-bonus-image:after {
  content: "";
  position: absolute;
  background: #33353d;
  width: calc(100% - (2px * 2));
  height: calc(100% - (2px * 2));
  top: 2px;
  left: 2px;
  z-index: 1;
  border-radius: inherit;
}
.layout-2023.bar-style-5 .app-bar .active-bonus-block .active-bonus-image > * {
  z-index: 2;
}
.layout-2023.bar-style-5 .app-bar .active-bonus-block .active-bonus-image:after {
  background: radial-gradient(43.75% 43.75% at 50% 50%, #e4d2be 0%, #cb9e7b 100%);
  box-shadow: inset 0 3px 2px 0 #8d6853;
}
.layout-2023.bar-style-5 .app-bar .active-bonus-block .active-bonus-name {
  position: relative;
  border-radius: 3px;
  color: #fff;
  margin-left: -24px;
  box-shadow: none;
  background: linear-gradient(#f7eda7, #c78b55);
}
.layout-2023.bar-style-5 .app-bar .active-bonus-block .active-bonus-name::after {
  content: "";
  position: absolute;
  top: 1px;
  left: -1px;
  width: 100%;
  height: calc(100% - 2px);
  z-index: -1;
  border-radius: 2px;
  background: linear-gradient(163deg, rgba(255, 255, 255, 0.28) 54.8%, rgba(255, 255, 255, 0) 54.81%), linear-gradient(90deg, #56070a 0%, #aa162c 100%);
}
.layout-2023.bar-style-5 .app-bar .active-bonus-block .active-bonus-timer {
  color: #8f0709;
  text-shadow: none;
  font-weight: 700;
  background: linear-gradient(90deg, #be9f09 0%, #ffd500 100%);
}
.layout-2023.bar-style-5 .app-bar .finance-account-item-inner {
  box-shadow: none;
  background: linear-gradient(181deg, #fefae8 0%, #a47529 18.5%, #dda653 37%, #8c4d1e 58.5%);
  border: none;
}
.layout-2023.bar-style-5 .app-bar .finance-account-item-inner:after {
  content: "";
  position: absolute;
  background: #33353d;
  width: calc(100% - (2px * 2));
  height: calc(100% - (2px * 2));
  top: 2px;
  left: 2px;
  z-index: 1;
  border-radius: inherit;
}
.layout-2023.bar-style-5 .app-bar .finance-account-item-inner > * {
  z-index: 2;
}
.layout-2023.bar-style-5 .app-bar .finance-account-item-inner:after {
  background: radial-gradient(43.75% 43.75% at 50% 50%, #e4d2be 0%, #cb9e7b 100%);
  box-shadow: inset 0 3px 2px 0 #8d6853;
}
.layout-2023.bar-style-5 .app-bar .finance-account-item-balance {
  color: #4d2104;
  font-weight: 700;
  text-shadow: none;
}
.layout-2023.bar-style-5 .app-bar .finance-account-item-icon {
  box-shadow: 0px -1px 0px 0px #ad7045 inset;
  background: linear-gradient(#fffcf1 0%, #c48147 52%, #e7cba0 90%, #ead2a9 94%);
  filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.63));
}
.layout-2023.bar-style-5 .app-bar .finance-account-item-icon svg path {
  fill: #471200;
}
.layout-2023.bar-style-5 .app-sidebar {
  background: url("../img/bar-style/type-5/sidebar-bg.jpg") !important;
  background-size: 100% 100% !important;
}
@media (max-width: 992px) {
  .layout-2023.bar-style-5 .app-sidebar {
    background-size: 100% !important;
  }
}
.layout-2023.bar-style-5 .app-sidebar::before {
  display: none !important;
}
.layout-2023.bar-style-5 .app-sidebar .sidebar-nav-item .sidebar-nav-item-image {
  box-shadow: none;
  background: linear-gradient(181deg, #fefae8 0%, #a47529 18.5%, #dda653 37%, #8c4d1e 58.5%);
  border: none;
}
.layout-2023.bar-style-5 .app-sidebar .sidebar-nav-item .sidebar-nav-item-image:after {
  content: "";
  position: absolute;
  background: #33353d;
  width: calc(100% - (1.4px * 2));
  height: calc(100% - (1.4px * 2));
  top: 1.4px;
  left: 1.4px;
  z-index: 1;
  border-radius: inherit;
}
.layout-2023.bar-style-5 .app-sidebar .sidebar-nav-item .sidebar-nav-item-image > * {
  z-index: 2;
}
.layout-2023.bar-style-5 .app-sidebar .sidebar-nav-item .sidebar-nav-item-image:after {
  background: #6b0b11;
}
.layout-2023.bar-style-5 .app-sidebar .sidebar-nav-item .sidebar-nav-item-name {
  font-weight: 700;
  text-shadow: none;
}
.layout-2023.bar-style-5 .app-sidebar .sidebar-nav-item.sidebar-nav-item-active .sidebar-nav-item-name {
  color: #471200;
  box-shadow: 0px -2px 0px 0px #ad7045 inset;
  background: linear-gradient(#fffcf1 0%, #c48147 52%, #e7cba0 90%, #ead2a9 94%);
}
.layout-2023.bar-style-5 .app-sidebar .sidebar-nav-item.sidebar-nav-item-active .sidebar-nav-item-name:before {
  display: none;
}
.layout-2023.bar-style-5 .app-sidebar .sidebar-nav-item:not(.sidebar-nav-item-active) .sidebar-nav-item-name {
  color: #f7efe5;
  background: linear-gradient(0deg, #ce7777 0%, #833c3c 100%);
}
.layout-2023.bar-style-5 .app-sidebar .sidebar-nav-item:not(.sidebar-nav-item-active) .sidebar-nav-item-name:before {
  background: linear-gradient(180deg, #ec7d7d 50.49%, #510101 50.5%);
}
:root {
  --tx-text-color: #333333;
  --tx-panel-background: #ffffff;
  --tx-panel-background-second: #f9f9fc;
  --tx-wrapper-background: #ffffff;
  --tx-wrapper-background-second: #f9f9fc;
  --tx-box-shadow-color: rgba(0, 0, 0, 0.2);
  --tx-tab-text-color: #666666;
  --tx-input-background: #ffffff;
  --tx-border-color: #e7e7ec;
}
.layout-dark {
  --tx-body-bg1: rgba(0, 0, 0, 0.75);
  --tx-body-bg2: rgba(0, 0, 0, 0.75);
  --tx-block-bg1: rgba(0, 0, 0, 0.5);
  --tx-block-bg2: rgba(0, 0, 0, 0.5);
  --drk-color: #e0e0e0;
  --drk-border: #3e3e3e;
  --drk-wrapper: #131313;
  --drk-background: #202020;
  --drk-background-hover: #3f3f3f;
  --tx-text-color: #e0e0e0;
  --tx-text-color-reverse: #333333;
  --tx-panel-background: var(--drk-background);
  --tx-panel-background-second: var(--drk-background);
  --tx-wrapper-background: #131313;
  --tx-wrapper-background-second: #131313;
  --tx-box-shadow-color: rgba(255, 255, 255, 0.35);
  --tx-tab-text-color: #e0e0e0;
  --tx-input-background: #1b1b1b;
  --tx-border-color: var(--drk-border);
  color: var(--tx-text-color);
}
.layout-dark input {
  color-scheme: dark;
}
.layout-dark .text-black {
  color: var(--tx-text-color) !important;
}
.layout-dark .taxi-order-status {
  color: var(--tx-text-color);
}
.layout-dark .content-tabs .content-tab-item {
  box-shadow: 3px 0 3px -2px rgba(255, 255, 255, 0.15), inset 0 -8px 7px -11px #ffffff6e;
}
.layout-dark .content-tabs .content-tab-item:last-child {
  box-shadow: inset 0 -8px 7px -11px #ffffff6e;
}
.layout-dark .content-tabs .content-tab-item-image i,
.layout-dark .garage-children-tabs .content-tab-item-image i {
  color: var(--tx-text-color) !important;
}
.layout-dark .content-tabs .content-tab-item-image svg path,
.layout-dark .garage-children-tabs .content-tab-item-image svg path {
  fill: var(--tx-text-color);
}
.layout-dark .garage-stat-filters .mining-resource-block .mining-progress {
  border: 0.1px solid #a7a7a7;
}
.layout-dark .add-abilities {
  box-shadow: 0px 0px 3px 0px #ffffffbd;
}
.layout-dark .garage-layout .garage-header .tariff-list-item:hover,
.layout-dark .garage-layout .garage-header .tariff-list-item.active {
  background: #383838;
}
.layout-dark .garage-layout .garage-header .tariff-preview {
  background-image: repeating-conic-gradient(#202020 0 9deg, #131313 9deg 18deg);
}
.layout-dark .garage-layout .garage-header .tariff-head-icon {
  color: #dcdcdc;
}
.layout-dark .garage-layout .garage-header .tariff-checkup {
  box-shadow: 0px 0px 4px var(--tx-box-shadow-color);
}
.layout-dark .garage-layout .getOrders .order-block {
  background: var(--tx-panel-background) !important;
  box-shadow: 0px 0px 0px 1px var(--tx-box-shadow-color);
}
.layout-dark .garage-layout .getOrders .order-title {
  color: var(--tx-text-color);
}
.layout-dark .garage-layout .garage-collapse-head > img {
  filter: brightness(4);
}
.layout-dark .help-block,
.layout-dark .error-block,
.layout-dark .error-block {
  color: #ccc !important;
}
.layout-dark table th,
.layout-dark .table th,
.layout-dark table th {
  border-top: 0 !important;
}
.layout-dark table td,
.layout-dark .table td,
.layout-dark table th,
.layout-dark .table th,
.layout-dark table td,
.layout-dark table th {
  border-color: var(--tx-border-color) !important;
  background: var(--tx-panel-background) !important;
}
.layout-dark table tr.success td,
.layout-dark .table tr.success td,
.layout-dark table tr.success td {
  background: #003300 !important;
}
.layout-dark .table-bordered {
  border-color: var(--tx-border-color);
}
.layout-dark .table-business th {
  color: var(--tx-text-color);
}
.layout-dark .app-footer {
  background: var(--tx-wrapper-background);
}
.layout-dark .app-footer .footer-copyright,
.layout-dark .app-footer .footer-areas .area-social {
  background: var(--tx-panel-background);
}
.layout-dark .shop-cards-carousel .shop-cards-nav {
  background: unset !important;
}
.layout-dark .nav-pills > li > a,
.layout-dark .nav-pills ul li > a {
  color: var(--tx-text-color);
  background: var(--tx-panel-background);
}
.layout-dark .nav-pills ul li.active > a,
.layout-dark .nav-pills ul ul li > a {
  color: var(--tx-text-color);
  background: #383737;
}
.layout-dark .form-avatar {
  border-color: transparent;
}
.layout-dark .form-control {
  border-color: var(--tx-box-shadow-color);
}
.layout-dark .panel-custom .panel-heading {
  background-image: url("../img/panel_title-dark.png");
}
.layout-dark .panel-custom .panel-heading-sm {
  background-image: url("../img/panel_title_xs-dark.png");
}
.layout-dark .messenger-chat-container .chat-window::-webkit-scrollbar {
  width: 5px;
  background-color: var(--tx-wrapper-background);
}
.layout-dark .messenger-chat-container .chat-window::-webkit-scrollbar-thumb {
  background-color: #ccc;
}
.layout-dark .messenger-chat-container .chat-text .text-input textarea::placeholder {
  color: var(--tx-text-color);
}
.layout-dark .business-settings img {
  filter: brightness(4);
}
.layout-dark .input-group-addon i {
  color: var(--tx-text-color-reverse);
}
.layout-dark .bonus-factory .slot,
.layout-dark .control-room .slot-container-title {
  border: 1px solid var(--tx-border-color);
}
.layout-dark .bg-warning {
  background: #574500 !important;
}
.layout-dark .bg-info {
  background: #2c5d73 !important;
}
.layout-dark .bg-info a {
  color: #00bcd4;
}
.layout-dark .navbar-nav > li.active > a {
  background: #404040;
}
.layout-dark .tab-content {
  border-color: var(--tx-border-color);
}
.layout-dark .lot-filter,
.layout-dark .auction-lot__image {
  background-color: var(--tx-panel-background);
}
.layout-dark .auction-lot__image {
  box-shadow: 0 0 0 1px #818181;
}
.layout-dark a.panel:hover {
  background: var(--drk-background-hover);
}
.layout-dark .cityWelcome p,
.layout-dark .task-list .filters .filter-list ul li a {
  color: var(--tx-text-color);
}
.layout-dark .exchange-table-block caption,
.layout-dark .exchange-table-block caption {
  background: var(--tx-panel-background);
}
.layout-dark .alert {
  color: var(--tx-text-color);
}
.layout-dark .dark-invert {
  filter: invert(1);
}
.layout-dark #race-home .race-chat {
  background-color: var(--tx-panel-background);
}
.layout-dark .race-tabs .content-tab-item i {
  filter: invert(1);
}
.layout-dark .wallet-item-tooltip svg path {
  fill: var(--tx-text-color);
}
.layout-dark .section-tariffs .tariffs-block-wrap {
  background: radial-gradient(52.85% 52.85% at 50% 50%, rgba(255, 255, 255, 0) 0%, var(--tx-wrapper-background) 89.06%), repeating-conic-gradient(#e0edff 0 9deg, #cbe3ff 9deg 18deg);
}
.layout-dark .notification-page .notification .img-block {
  background: var(--tx-wrapper-background);
}
.layout-dark .section-intro .girl-block {
  background-image: url("../img/frontpage/gril-block-bg-dark.png");
}
@media (max-width: 480px) {
  .layout-dark .section-intro .girl-block {
    background-image: url("../img/frontpage/gril-block-bg-mob-dark.png");
  }
}
.layout-dark .section-withdraw-money .withdraw-money-block {
  background-image: url("../img/frontpage/withdraw-bg-dark.png");
}
.layout-dark .section-withdraw-money.withdraw-money-second .withdraw-money-block {
  background-image: url("../img/frontpage/withdraw-bg-second-dark.png");
}
.layout-dark .frontpage-ratings:before {
  background: transparent;
}
.layout-dark .authorize-page .authorize-page-form .form-inputs-block {
  background: var(--tx-panel-background);
}
.layout-dark .authorize-page-content:after {
  background-image: url("../img/frontpage/withdraw-bg-dark.png");
}
.layout-dark .theme-alert {
  color: var(--tx-text-color-reverse);
}
.layout-dark .user-profile-section {
  background: var(--tx-wrapper-background) !important;
}
.layout-dark .employer-stats__content .chart-wrapper canvas {
  filter: invert(1) hue-rotate(180deg);
}
.layout-dark .company-no-data img {
  filter: brightness(2);
}
.layout-dark .object-bonus .panel-body {
  background-image: unset !important;
}
.layout-dark .content-children-tabs {
  background: var(--tx-panel-background);
}
.layout-dark .panel-default .panel-body + .panel-body {
  border-color: var(--tx-border-color);
}
.layout-dark .employerOrder .dialog-quests-block {
  background: var(--tx-panel-background);
}
.layout-dark .odv-show .odv-caption {
  background: var(--tx-panel-background);
}
.layout-dark .panel-faq > .panel-heading {
  color: var(--tx-text-color);
  background: var(--tx-panel-background);
}
.layout-dark .panel-faq > .panel-heading .btn:hover,
.layout-dark .panel-faq > .panel-heading .btn:focus {
  color: var(--tx-text-color);
}
.layout-dark .news-item .snippet-car-row {
  background: var(--tx-panel-background);
}
.layout-dark .tariff-equipment__empty .tariff-equipment__icon {
  box-shadow: 0px 0px 3px 0px var(--tx-box-shadow-color) inset;
}
.layout-dark .equipment-preview__main {
  background-image: unset;
}
.layout-dark .taxi-order__bonus-opened .taxi-order__bonus-inner {
  background: #313131;
}
.layout-dark .messenger-chat-container .chat-window .message-group-wrap .message-group .message-block.reply-you .message-content .text-wrapper {
  background: #5f3700;
}
.layout-dark .auction-lot__title,
.layout-dark .auction-lot__author {
  background: #00000075;
}
.layout-dark .auction-lot__district {
  text-shadow: 0 0 3px #333;
}
.layout-dark .bank-company .section-upgrades .slot .betomator-worker,
.layout-dark .shaman-company .section-upgrades .slot .betomator-worker {
  background: rgba(0, 0, 0, 0.7);
}
.layout-dark .news-item .white-glow {
  text-shadow: unset;
}
.layout-dark .city-competitions-item-listitem {
  color: var(--tx-text-color);
}
.layout-dark .pvp-battle__item-price {
  color: var(--tx-text-color);
}
.layout-dark .city-carousel .swiper-nav .swiper-pagination-bullet {
  background: #fff;
}
.layout-dark .chart-city-exchange canvas {
  filter: invert(1) hue-rotate(180deg);
}
.layout-dark .info-popup-collapse.has-error {
  background: rgba(52, 52, 52, 0.9);
}
.tariff-equipments {
  position: absolute;
  top: 20px;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.tariff-equipments > .tariff-equipment:nth-child(even) {
  justify-self: start;
}
.tariff-equipments > .tariff-equipment:nth-child(odd) {
  justify-self: end;
}
.tariff-equipment {
  position: relative;
  width: 50px;
  height: 50px;
  padding: 5px;
  border-radius: 12px;
  box-shadow: 0px 1px 4px 0px var(--tx-box-shadow-color);
  background: var(--equipment-background);
}
.tariff-equipment__inner {
  width: 100%;
  height: 100%;
  border-radius: 7px;
  background: var(--equipment-background);
}
.tariff-equipment__icon {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tariff-equipment__icon img {
  max-width: 100%;
}
.tariff-equipment__rank {
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  padding: 1px;
  border-radius: 6px;
  color: #fff;
  border: 1px solid transparent;
  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.12) inset;
  background: var(--equipment-rank-background);
}
.tariff-equipment__empty {
  background: var(--tx-panel-background);
}
.tariff-equipment__empty:hover:not(.disabled) {
  background: var(--tx-panel-background-second);
}
.tariff-equipment__empty .tariff-equipment__icon {
  border-radius: 10px;
  background: var(--tx-panel-background-second);
  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.12) inset;
}
.tariff-equipment__empty .tariff-equipment__icon .fa {
  color: #f2708e;
  font-size: 18px;
  line-height: 1;
  font-weight: 900;
  width: 16px;
  height: 16px;
}
.tariff-equipment__free {
  background: #e7e7ec;
}
.tariff-equipment__clickable {
  cursor: pointer;
}
.tariff-equipment__available {
  position: absolute;
  top: -5px;
  right: -5px;
}
.equipment-modal .theme-modal-body {
  background: none;
  box-shadow: none;
}
.equipment-modal .theme-modal-close {
  top: 0;
  left: calc(100% + 8px);
}
@media (max-width: 480px) {
  .equipment-modal .theme-modal-close {
    left: unset;
    right: 5px;
    top: 5px;
  }
}
.equipment-modal .theme-modal-content {
  padding: 0;
}
.equipment-selector {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.equipment-selector__block {
  border-radius: 16px;
  background: var(--tx-wrapper-background-second);
  box-shadow: 0px 2px 6px 0px var(--tx-box-shadow-color);
}
.equipment-preview {
  --equipment-text-color: #888b99;
  --equipment-background: #abacae;
  --equipment-rank-background: #e7e7ec;
  --bonus-border-color: #d4d7e5;
  padding: 16px 24px;
  display: flex;
  gap: 16px;
  min-height: 125px;
}
.equipment-preview__main {
  min-height: 160px;
  background-image: url("../img/garage/equipment/decorations.png");
  background-size: 100%;
  background-repeat: no-repeat;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
@media (max-width: 480px) {
  .equipment-preview__main {
    padding-top: 25px;
  }
}
.equipment-preview__image {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: 8px;
}
.equipment-preview__head {
  display: flex;
  align-items: center;
  gap: 4px;
}
.equipment-preview__data {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
}
.equipment-preview__bonuses {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-left: 1px solid var(--bonus-border-color);
  border-top: 1px solid var(--bonus-border-color);
  border-radius: 6px;
}
@media (max-width: 480px) {
  .equipment-preview__bonuses {
    grid-template-columns: 1fr;
  }
}
.equipment-preview__bonuses.one-bonus {
  border-top: 0;
}
.equipment-preview__bonuses.one-bonus .equipment-bonus {
  border-top: 1px solid var(--bonus-border-color);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.equipment-preview__icon {
  width: 20px;
  height: 20px;
  mask: var(--equipment-mask);
  background: var(--equipment-background);
  mask-size: auto 100%;
  mask-position: center left;
}
.equipment-preview__name {
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
  color: var(--equipment-text-color);
}
.equipment-preview__desc {
  color: #888b99;
  font-size: 14px;
  line-height: normal;
}
.equipment-preview__hint {
  margin-left: auto;
}
.equipment-preview__btn {
  color: #888b99;
  padding-block: 4px !important;
  background: #fff !important;
}
.equipment-preview__empty {
  align-items: center;
}
.equipment-preview__empty .equipment-preview__data {
  justify-content: center;
}
.equipment-preview .tariff-equipment,
.equipent-parts .tariff-equipment {
  width: 70px;
  height: 70px;
}
.equipment-preview .tariff-equipment__rank,
.equipent-parts .tariff-equipment__rank {
  top: unset;
  bottom: 5px;
  transform: translateX(-50%);
}
.equipment-bonus {
  display: flex;
  align-items: center;
  gap: 4px;
  background: rgba(136, 139, 153, 0.08);
  font-size: 12px;
  padding: 8px;
  border-right: 1px solid var(--bonus-border-color);
  border-bottom: 1px solid var(--bonus-border-color);
}
.equipment-bonus__title {
  flex: 1;
  position: relative;
  min-width: 47px;
  height: 100%;
}
.equipment-bonus__title .text-ticker {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.equipment-bonus__img {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.equipment-bonus__img img {
  max-width: 100%;
  max-height: 100%;
}
.equipment-bonus__dice {
  display: flex;
  align-items: center;
  gap: 3px;
  font-weight: 700;
}
.equipment-bonus__order {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}
.equipment-bonus__order img {
  max-width: 100%;
  max-height: 100%;
}
.equipment-bonus:nth-child(even):last-child {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}
.equipment-bonus:nth-child(even):nth-last-child(2) {
  border-bottom-left-radius: 6px;
}
.equipment-bonus:nth-child(odd):nth-last-child(2) {
  border-bottom-right-radius: 6px;
}
.equipment-bonus:nth-child(odd):nth-child(3) {
  border-top-right-radius: 6px;
}
.equipment-bonus:nth-child(odd):last-child {
  border-bottom-right-radius: 6px;
}
.equipment-rare__common {
  --equipment-mask: url("../img/garage/equipment/rare/common.svg");
  --equipment-text-color: #42bf1a;
  --equipment-background: linear-gradient(180deg, #42bf1a 0%, #59c23b 100%);
  --equipment-rank-background: radial-gradient(50% 50% at 50% 50%, #42bf1a 0%, #59c23b 100%) padding-box,
			linear-gradient(180deg, #42bf1a 0%, #59c23b 100%) border-box;
}
.equipment-rare__rare {
  --equipment-mask: url("../img/garage/equipment/rare/rare.svg");
  --equipment-text-color: #3079e4;
  --equipment-background: linear-gradient(180deg, #3380f2 0%, #2c6dce 100%);
  --equipment-rank-background: radial-gradient(50% 50% at 50% 50%, #3380f1 0%, #2268cd 100%) padding-box,
			linear-gradient(180deg, #3380f2 0%, #2c6dce 100%) border-box;
}
.equipment-rare__unique {
  --equipment-mask: url("../img/garage/equipment/rare/unique.svg");
  --equipment-text-color: #9b48eb;
  --equipment-background: linear-gradient(180deg, #8f40da 0%, #7333b2 100%);
  --equipment-rank-background: radial-gradient(50% 50% at 50% 50%, #8f40da 0%, #7333b2 100%) padding-box,
			linear-gradient(180deg, #8f40da 0%, #7333b2 100%) border-box;
}
.equipment-rare__epic {
  --equipment-mask: url("../img/garage/equipment/rare/epic.svg");
  --equipment-text-color: #ff9720;
  --equipment-background: linear-gradient(180deg, #ff9720 0%, #e0801a 100%);
  --equipment-rank-background: radial-gradient(50% 50% at 50% 50%, #ff9720 0%, #e0801a 100%) padding-box,
			linear-gradient(180deg, #ff9720 0%, #e0801a 100%) border-box;
}
.equipment-rare__mythic {
  --equipment-mask: url("../img/garage/equipment/rare/mythic.svg");
  --equipment-text-color: #fe4a4a;
  --equipment-background: linear-gradient(180deg, #fe4a4a 0%, #e0403a 100%);
  --equipment-rank-background: radial-gradient(50% 50% at 50% 50%, #fe4b4a 0%, #e0403a 100%) padding-box,
			linear-gradient(180deg, #fe4b4a 0%, #e0403a 100%) border-box;
}
.equipent-parts {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 8px;
  padding: 8px;
}
@media (max-width: 480px) {
  .equipent-parts {
    grid-template-columns: repeat(5, 1fr);
    gap: 16px;
    padding: 16px;
  }
}
.equipent-parts .tariff-equipment.tariff-equipment__clickable .tariff-equipment__inner {
  position: relative;
}
.equipent-parts .tariff-equipment.tariff-equipment__clickable .tariff-equipment__rank {
  bottom: 0;
}
.equipent-parts .tariff-equipment.tariff-equipment__clickable:hover {
  background: linear-gradient(180deg, #93c8f7 0%, #518af1 80.21%);
}
.equipent-parts .tariff-equipment.tariff-equipment__clickable:hover .tariff-equipment__inner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #3584e670;
  border-radius: inherit;
}
.equipment-popover {
  position: absolute;
  top: calc(100% + 8px);
  left: -21px;
  width: max-content;
  border-radius: 10px;
  color: #ffffff;
  background: linear-gradient(180deg, #4d5164 0%, #484d60 100%);
  z-index: 5;
}
.equipment-popover:before {
  content: "";
  position: absolute;
  top: -8px;
  left: 40px;
  width: 11.8px;
  height: 10px;
  background: url("../img/inventory/arrow.svg");
}
.equipment-popover .equipment-preview {
  background: unset;
  padding: 10px;
  min-height: unset;
  gap: 8px;
}
.equipment-popover .equipment-preview__btn,
.equipment-popover .equipment-preview__hint {
  display: none;
}
.equipment-popover .equipment-preview__bonuses,
.equipment-popover .equipment-bonus {
  border-color: #585d71 !important;
}
.taxi-order {
  display: flex;
  gap: 5px;
  background: var(--tx-wrapper-background);
  height: 100%;
  padding: 4px 8px;
  border-radius: inherit;
}
@media (max-width: 992px) {
  .taxi-order {
    padding-block: 8px;
  }
}
.taxi-order__types {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 12px;
  border: 1px solid #e6e6e6;
  margin: -1px 0;
}
.taxi-order__bonuses {
  position: relative;
  width: 100%;
  border: 1px solid #3584e6;
  border-radius: 12px;
  overflow: hidden;
}
.taxi-order__bonuses:nth-child(3) {
  border-top-left-radius: 0;
}
.taxi-order__bonuses:last-child {
  border-bottom-left-radius: 0;
}
.taxi-order__bonuses-scroll {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 12px;
  overflow-y: auto;
}
.taxi-order__type {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  height: 100%;
  padding: 12px 14px;
  cursor: pointer;
  border: 1px solid transparent;
  margin: 0 -1px;
}
.taxi-order__type:hover:not(.taxi-order__type-active) {
  border-color: #cfdeef;
  background: #edf2fa;
}
.taxi-order__type:hover:last-child {
  border-bottom-right-radius: inherit;
}
.taxi-order__type:hover:nth-child(2) {
  border-top-right-radius: inherit;
}
.taxi-order__type:hover,
.taxi-order__type-active {
  border-right-color: transparent;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
.taxi-order__type-active {
  border-color: #3585e6;
}
.taxi-order__type-active:before {
  content: "";
  position: absolute;
  top: -1px;
  right: -7px;
  width: 16px;
  height: calc(100% + 2px);
  border: 1px solid #3585e6;
  border-left: 0 !important;
  border-right: 0;
  background: var(--tx-wrapper-background);
  z-index: 1;
}
.taxi-order__type-image {
  width: 15px;
  height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.taxi-order__type-image img {
  max-width: 100%;
  max-height: 100%;
}
.taxi-order__bonus {
  border-bottom: 1px solid #e7e7ec;
}
.taxi-order__bonus-value {
  text-align: right;
  width: 40px;
  line-height: normal;
  flex-shrink: 0;
}
.taxi-order__bonus-inner {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 0;
  cursor: pointer;
}
.taxi-order__bonus-inner:hover .taxi-order__bonus-arrow,
.taxi-order__bonus-inner:hover .taxi-order__bonus-title {
  color: #3585e6;
}
.taxi-order__bonus-hint {
  flex-shrink: 0;
}
.taxi-order__bonus-title {
  margin-right: auto;
  color: var(--tx-text-color);
  font-size: 12px;
  line-height: normal;
}
.taxi-order__bonus-sources {
  padding: 0px 12px 0 32px;
}
.taxi-order__bonus-source {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0;
  font-size: 12px;
}
.taxi-order__bonus-source:not(:last-child) {
  border-bottom: 1px solid #e7e7ec;
}
.taxi-order__bonus-opened {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  background: var(--tx-wrapper-background);
  overflow-y: auto;
}
.taxi-order__bonus-opened .taxi-order__bonus-inner {
  padding-inline: 12px;
  background: #edf2fa;
}
@media (max-width: 480px) {
  .tariff-equipments > .tariff-equipment:nth-child(even) .equipment-popover {
    left: -14px;
  }
}
@media (max-width: 480px) {
  .tariff-equipments > .tariff-equipment:nth-child(even) .equipment-popover:before {
    left: 33px;
  }
}
@media (max-width: 480px) {
  .tariff-equipments > .tariff-equipment:nth-child(odd) .equipment-popover {
    left: unset;
    right: -15px;
  }
}
@media (max-width: 480px) {
  .tariff-equipments > .tariff-equipment:nth-child(odd) .equipment-popover:before {
    left: unset;
    right: 34px;
  }
}
.garage-layout.equipment-mode .tariff-preview,
.garage-layout.equipment-mode .tariff-preview:after {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.halloween-block {
  display: flex;
  min-height: 217px;
  color: white;
}
.halloween-block .halloween-btn {
  font-family: "Cuprum";
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 33px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  text-shadow: 0px 1px 0px #263243;
  border-radius: 4px;
  width: 200px;
  padding: 7px 10px !important;
  position: relative;
}
.halloween-block .halloween-btn:hover {
  color: white;
}
.halloween-block .halloween-btn:before {
  left: 7%;
}
.halloween-block .halloween-btn:after {
  right: 7%;
}
.halloween-block .halloween-btn:after,
.halloween-block .halloween-btn:before {
  position: absolute;
  top: 7px;
  width: 32px;
  height: 32px;
  display: block;
  content: " ";
}
.halloween-block .btn-orange {
  background-color: #F59201;
}
.halloween-block .btn-orange:hover {
  background-color: #ea9e17;
}
.halloween-block #take-challenge {
  background-color: #E84E10;
}
.halloween-block #take-challenge:hover {
  background-color: #c63e05;
}
.halloween-block #take-candy:after,
.halloween-block #take-candy:before {
  background-image: url('/media/events/halloween/candy.svg');
}
.halloween-block #take-challenge:after,
.halloween-block #take-challenge:before {
  background-image: url('/media/events/halloween/pumpkin.svg');
}
.halloween-block .btn-group {
  display: flex;
}
.halloween-block .text-block {
  width: 65%;
  color: white;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 21px;
  text-align: left;
  align-self: center;
}
.halloween-block .text-block .buttons {
  display: flex;
}
.halloween-block .spider-car {
  width: 35%;
}
.halloween-block h4 {
  color: white;
  margin-top: 7px;
  font-size: 16px;
  font-weight: normal;
}
.halloween-block h3 {
  font-size: 24px;
  margin-top: 7px;
  color: white;
}
.halloween-bg {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/media/events/halloween/special-order-bg.jpg');
  border-radius: 5px;
  background-position: center;
}
.table-hall.table-borderless tbody > tr > td {
  border: none !important;
}
.table-halloween-hall .text-user-name {
  padding-top: 11px;
}
.halloween-hall-section:after,
.halloween-hall-section:before {
  content: "";
  position: absolute;
  background-image: url("/media/events/halloween/hall-header-corner.png");
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 1;
}
.halloween-hall-section:before {
  left: 0;
  top: 0;
  width: 106px;
  height: 101px;
}
.halloween-hall-section:after {
  right: 0;
  top: 0;
  width: 169px;
  height: 160px;
  -moz-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.halloween-hall-section .page-header {
  background-color: #F59201;
}
.halloween-hall-section .page-header h1 {
  width: 230px;
  margin: 0 auto;
  background-color: #E84E10;
  color: white;
  font-family: PT Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  text-transform: uppercase;
}
.halloween-hall-section .panel-hall-user-1 .panel-body {
  border: 2px solid #419943 !important;
}
.halloween-hall-section .panel-hall-user {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
  color: white;
  border: none;
  box-shadow: none;
}
.halloween-hall-section .panel-hall-user .panel-body {
  padding: 10ps 15px;
}
.halloween-hall-section .panel-hall-user .img-user-avatar-container {
  position: relative;
}
.halloween-hall-section .panel-hall-user .img-user-avatar-container:after {
  content: " ";
  background-image: url('/media/events/halloween/medal.png');
  width: 34px;
  height: 34px;
  background-size: cover;
  display: block;
  position: absolute;
  bottom: -17px;
  left: 50%;
  margin-left: -17px;
}
.halloween-hall-section .panel-hall-user .h3 {
  color: white;
  font-size: 22px;
  font-weight: bold;
}
.halloween-hall-section .text-white {
  color: white;
}
.hallowen-wrapper {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/media/events/halloween/special-order-bg.jpg');
  background-repeat: no-repeat;
  background-position-y: top;
  background-color: #0F0315;
}
.cityMain .table-halloween-hall td {
  padding: 0 6px !important;
}
#modal-race-promo .modal-dialog {
  width: 700px;
}
@media (max-width: 768px) {
  #modal-race-promo .modal-dialog {
    width: 100%;
  }
}
#modal-race-promo .modal-dialog .modal-content {
  color: #ffffff;
  text-shadow: #3a79cb 0 0 2px, #3a79cb 0 0 4px, #3a79cb 0 0 4px, #3a79cb 0 0 8px;
  border-radius: 50px;
  padding: 0 !important;
}
@media (max-width: 768px) {
  #modal-race-promo .modal-dialog .modal-content {
    border-radius: 20px;
  }
}
#modal-race-promo .modal-dialog .modal-content .modal-header {
  position: relative;
  padding: 0;
}
#modal-race-promo .modal-dialog .modal-content .modal-header .close {
  position: absolute;
  left: 101%;
  top: -20px;
  color: #fff;
  border-color: #fff;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  font-size: 20px;
  line-height: 50px;
}
@media (max-width: 768px) {
  #modal-race-promo .modal-dialog .modal-content .modal-header .close {
    left: auto;
    right: 1%;
    top: 1%;
    width: 8.2vw;
    height: 8.2vw;
    line-height: 8.2vw;
    font-size: 4.5vw;
    border-color: transparent;
  }
}
#modal-race-promo .modal-dialog .modal-content .panel-body {
  padding: 0;
  border-radius: 50px;
  overflow: hidden;
}
@media (max-width: 768px) {
  #modal-race-promo .modal-dialog .modal-content .panel-body {
    border-radius: 0px;
  }
}
#modal-race-promo .modal-dialog .modal-content .race-promo-content {
  background: #3a79cb url("/media/race/promo/bg2.jpg") left top no-repeat;
  background-size: 100% auto;
  min-height: 380px;
}
@media (max-width: 768px) {
  #modal-race-promo .modal-dialog .modal-content .race-promo-content {
    min-height: 57.5vw;
    font-size: 2.2vw;
  }
}
#modal-race-promo .modal-dialog .modal-content .race-promo-content .big-text {
  font-size: 140%;
}
@media (max-width: 768px) {
  #modal-race-promo .modal-dialog .modal-content .race-promo-content .big-text {
    font-size: 3.1vw;
  }
}
#modal-race-promo .modal-dialog .modal-content .race-promo-content .title-line {
  margin-top: 30px;
  margin-bottom: 5px;
}
@media (max-width: 768px) {
  #modal-race-promo .modal-dialog .modal-content .race-promo-content .title-line {
    margin-top: 4.2vw;
    margin-bottom: 0.7vw;
  }
}
#modal-race-promo .modal-dialog .modal-content .race-promo-content .taxi-race {
  font-size: 500%;
  font-weight: normal;
  line-height: 100%;
  position: relative;
  display: inline-block;
  transform: scaleX(140%);
}
#modal-race-promo .modal-dialog .modal-content .race-promo-content .taxi-race .beta-badge {
  position: absolute;
  display: inline-block;
  left: 102%;
  top: -4%;
  font-weight: bold;
  font-size: 18%;
  line-height: 110%;
  border-radius: 0.7em;
  padding: 0.15em 0.3em 0.05em 0.3em;
  background: #ffffff;
  color: #3a79cb;
  text-shadow: none;
  box-shadow: #3a79cb 0 0 2px, #3a79cb 0 0 4px, #3a79cb 0 0 4px, #3a79cb 0 0 8px;
}
#modal-race-promo .modal-dialog .modal-content .race-promo-content .first-car {
  margin-top: 20px;
}
@media (max-width: 768px) {
  #modal-race-promo .modal-dialog .modal-content .race-promo-content .first-car {
    margin-top: 2.8vw;
  }
}
#modal-race-promo .modal-dialog .modal-content .race-promo-content .btn-container {
  margin-top: 10px;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  #modal-race-promo .modal-dialog .modal-content .race-promo-content .btn-container {
    margin-top: 1.1vw;
    margin-bottom: 3.2vw;
  }
}
@media (max-width: 768px) {
  #modal-race-promo .modal-dialog .modal-content .race-promo-content .hurry-up {
    font-size: 2.2vw;
  }
}
#modal-race-promo .modal-dialog .modal-content #race-promo-btn {
  border-radius: 10px;
  background: rgba(250, 234, 132, 0.9);
  text-shadow: none;
  color: #202020;
}
#modal-race-promo .modal-dialog .modal-content #race-promo-btn:hover {
  background: rgba(250, 234, 132, 0.99);
  color: #202020;
}
.race-wrapper {
  padding: 0 0 20px 0;
  background-color: #f6f8fa;
}
.race-wrapper .financeMenu {
  margin: 0;
}
.race-wrapper .financeMenu a i {
  display: inline-block;
  position: relative;
  margin-right: 5px;
  height: 22px;
  top: 5px;
  background-color: #333333;
}
.race-wrapper .financeMenu a i.home {
  width: 21px;
  -webkit-mask: url(/media/assets/app/src/icons/menu/home.svg) no-repeat center;
  mask: url(/media/assets/app/src/icons/menu/home.svg) no-repeat center;
}
.race-wrapper .financeMenu a i.car {
  width: 21px;
  -webkit-mask: url(/media/assets/app/src/icons/menu/car.svg) no-repeat center;
  mask: url(/media/assets/app/src/icons/menu/car.svg) no-repeat center;
}
.race-wrapper .financeMenu a i.reward {
  width: 16px;
  -webkit-mask: url(/media/assets/app/src/icons/menu/reward.svg) no-repeat center;
  mask: url(/media/assets/app/src/icons/menu/reward.svg) no-repeat center;
}
.race-wrapper .financeMenu a i.race-history {
  width: 16px;
  -webkit-mask: url(/media/assets/app/src/icons/menu/history.svg) no-repeat center;
  mask: url(/media/assets/app/src/icons/menu/history.svg) no-repeat center;
}
.race-wrapper .financeMenu a i.info {
  width: 20px;
  -webkit-mask: url(/media/assets/app/src/icons/menu/info.svg) no-repeat center;
  mask: url(/media/assets/app/src/icons/menu/info.svg) no-repeat center;
}
.race-wrapper .financeMenu a.active i,
.race-wrapper .financeMenu a:hover i {
  background-color: #2872cc;
}
.race-container section > div:not(.no-padding) {
  margin: 0 10px;
}
.race-container .panel-default {
  box-shadow: none;
}
.race-container .race-contests {
  background-color: var(--tx-panel-background);
  padding-bottom: 20px;
}
.race-container .race-contests .race-contests-header {
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  background-color: #ffffff;
  text-align: center;
  background: url("/media/race/contest.png") top right no-repeat;
  height: 78px;
}
.race-container .race-contests .race-contests-header h4 {
  font-size: 20px;
}
.race-container .race-contests .race-contests-body {
  padding: 0 10px;
}
.race-container .race-contests .race-contests-body .table-participants {
  margin-bottom: 10px;
}
.race-container .race-contests .race-contests-body .table-participants > thead > tr > th {
  border-bottom: none;
}
.race-container .race-contests .race-contests-body .table-participants.table-bordered {
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  border-radius: 5px 5px 0px 0px;
}
.race-container .race-contests .race-contests-body .table-participants td {
  padding: 7px 10px;
}
.race-container .race-contests .race-contests-body .table-participants td:nth-child(1) {
  border-right: none;
}
.race-container .race-contests .race-contests-body .table-participants td:nth-child(2) {
  border-left: none;
}
.race-container .race-contests .race-contests-body .table-participants .icon-position {
  width: 20px;
  height: 20px;
  font-size: 14px;
  line-height: 19px;
}
.race-container .race-contests .race-contests-body .table-participants .img-block {
  display: inline-block;
  margin-top: 5px;
}
.race-container .race-contests .race-contests-body .table-participants .col-user {
  min-width: auto;
  width: 80%;
}
.race-container .race-contests .race-contests-body .table-participants .col-user .name-block {
  display: inline-block;
  position: relative;
  width: 100%;
  min-height: 1.4em;
}
.race-container .race-contests .race-contests-body .table-participants .col-user .name-block > span {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 3px;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.race-container .race-contests .tabsBlock .tab-selector {
  text-decoration: none;
  font-size: 120%;
  margin-left: 15px;
  margin-right: 15px;
}
.race-container .race-contests .tabsBlock .tab-selector.active {
  color: var(--tx-text-color);
}
.race-container .race-header p.small {
  font-size: 14px;
}
#race-home {
  background: var(--tx-panel-background-second);
}
#race-home .race-home-header {
  background: #f6f8fa url("/media/race/header-bg.jpg") no-repeat;
  background-size: cover;
  height: 378px;
  width: 100%;
  padding-top: 175px;
  margin-top: -4px;
}
#race-home .race-home-header .angle-10 {
  transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
#race-home .race-home-header .title {
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
  color: #000;
  padding-left: 23px;
}
#race-home .race-home-header .act-btn {
  text-align: center;
}
#race-home .race-home-header .act-btn .btn {
  border-radius: 59px;
  border: none;
  padding: 5px 40px;
  color: white;
  font-size: 24px;
}
#race-home .race-steps {
  margin-top: 32px;
}
#race-home .race-steps ul {
  display: flex;
  list-style-type: none;
}
#race-home .race-steps ul li {
  text-align: center;
  width: 33%;
  font-size: 18px;
  line-height: 21px;
  color: #3584e6;
  padding-right: 45px;
  position: relative;
}
#race-home .race-steps ul li:before {
  content: " ";
  display: block;
}
#race-home .race-steps ul li:not(:last-child):after {
  content: " ";
  background: url(/media/assets/app/src/icons/menu/3arrows.svg) no-repeat;
  width: 45px;
  height: 20px;
  display: block;
  position: absolute;
  right: 0;
  top: 15px;
}
#race-home .race-steps ul li svg {
  background-color: #0a91ff;
  display: block;
  height: 51px;
  margin: 0 auto 10px;
}
#race-home .race-steps ul li svg.car {
  width: 60px;
  -webkit-mask: url(/media/race/icons/car.svg) no-repeat center;
  mask: url(/media/race/icons/car.svg) no-repeat center;
}
#race-home .race-steps ul li svg.win {
  width: 41px;
  -webkit-mask: url(/media/race/icons/win.svg) no-repeat center;
  mask: url(/media/race/icons/win.svg) no-repeat center;
}
#race-home .race-steps ul li svg.withdraw {
  width: 51px;
  -webkit-mask: url(/media/race/icons/withdraw.svg) no-repeat center;
  mask: url(/media/race/icons/withdraw.svg) no-repeat center;
}
#race-home .reward-block {
  border: 1px solid #419943;
  border-radius: 4px;
  position: relative;
  padding: 10px;
}
@media (min-device-width: 480px) {
  #race-home .reward-block {
    padding-right: 100px;
  }
}
#race-home .reward-block:after {
  position: absolute;
  bottom: 0;
  right: -10px;
  content: " ";
  display: block;
  background: url("/media/race/reward-bg.png") right no-repeat;
  width: 100%;
  height: 100%;
  max-width: 245px;
  max-height: 252px;
}
#race-home .reward-block h4 {
  color: #419943;
  font-size: 20px;
  font-weight: 700;
}
#race-home .race-cars h4 {
  font-size: 20px;
  text-align: center;
}
#race-home .race-chat {
  background: #fcfcfd url("/media/race/chat-promo.png") center center no-repeat;
  border: 2px solid #419943;
  border-radius: 4px;
  box-sizing: border-box;
}
#race-home .race-chat .title {
  color: #419943;
  font-weight: bold;
}
#race-home .race-stats strong {
  color: #419943;
  font-weight: bold;
  font-size: 24px;
}
#race-home .race-stats p {
  font-size: 18px;
  color: var(--tx-text-color);
}
#race-home .race-apps {
  display: flex;
  flex-direction: column;
  font-family: PT Sans;
  background: linear-gradient(180deg, #fcd013 0%, #fbbc23 100%);
  max-width: 674px;
  border-radius: 4px;
  padding: 2px;
  margin: 30px auto;
  color: var(--tx-text-color);
}
#race-home .race-apps .race-apps_content {
  max-width: 674px;
  background: var(--tx-panel-background-second);
  border-radius: 4px;
}
#race-home .race-apps .race-apps_content .race-apps_content-text {
  padding-top: 10px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
}
#race-home .race-apps .race-apps_content .race-apps_content-header {
  margin: 0px;
  padding-top: 20px;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 26px;
  text-align: center;
  color: var(--tx-text-color);
}
#race-home .race-apps .race-apps_content .race-apps_content-logo {
  padding-top: 30px;
  display: -webkit-flex;
  display: flex;
  justify-content: space-evenly;
  align-items: baseline;
}
#race-home .race-apps .race-apps_content .race-apps_content-logo .item a {
  text-decoration: none;
  cursor: pointer;
}
#race-home .race-apps .race-apps_content .race-apps_content-logo .item img {
  margin: 0px auto;
  display: block;
}
#race-home .race-apps .race-apps_content .race-apps_content-logo .item span {
  margin: 22px auto 30px;
  display: block;
  width: 70px;
  height: 23px;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 23px;
  color: var(--tx-text-color);
}
#race-home .race-apps .race-apps_content .race-apps_content-logo .item button {
  width: 135px;
  height: 34px;
  background: linear-gradient(180deg, #3f91ea 0%, #3584e6 100%);
  border-radius: 4px;
}
#race-home .race-apps .race-apps_content .race-apps_content-logo .item button a {
  font-family: Cuprum;
  width: 60px;
  height: 21px;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  text-shadow: 0px 1px 0px #263243;
  text-decoration: none;
}
#race-home .race-apps .race-apps_content .race-apps_content-version {
  display: flex;
  justify-content: center;
  align-items: baseline;
  margin-top: 30px;
  margin-bottom: 20px;
}
#race-home .race-apps .race-apps_content .race-apps_content-version span {
  max-width: 150px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  color: var(--tx-text-color);
}
#race-home .icons-apps {
  max-width: 694px;
}
#race-home .icons-apps div {
  float: right;
  width: 94px;
  height: 22.36px;
  margin-right: 20px;
  position: relative;
  top: -37px;
  display: flex;
  justify-content: space-evenly;
  align-items: baseline;
}
#race-home .icons-apps div a {
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
}
#race-home .race-about p.small {
  margin: 0 auto;
  max-width: 407px;
  font-size: 14px;
  line-height: 130%;
}
#race-home .race-about .screen-1 {
  background: url("/media/race/about/1.jpg") no-repeat;
  background-size: contain;
  width: 218px;
  height: 122px;
}
#race-home .race-about .screen-2 {
  background: url("/media/race/about/2.jpg") no-repeat;
  background-size: contain;
  width: 218px;
  height: 122px;
}
#race-home .race-about .screen-3 {
  background: url("/media/race/about/3.jpg") no-repeat;
  background-size: contain;
  width: 218px;
  height: 122px;
}
#race-home .race-about .race-about-footer .link-item {
  background: #ffffff;
  border-radius: 5px;
  padding: 10px 20px;
  margin-bottom: 10px;
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  text-decoration: none;
}
#race-home .race-about .race-about-footer .link-item:after {
  content: " ";
  -webkit-mask: url(/media/assets/app/src/icons/menu/3arrows.svg) no-repeat center;
  mask: url(/media/assets/app/src/icons/menu/3arrows.svg) no-repeat center;
  background-color: #cae2ff;
  width: 45px;
  height: 20px;
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -10px;
  -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
}
#race-home .race-about .race-about-footer .link-item:hover:after {
  background-color: #1668c3;
}
#race-home .separator-flags {
  width: 102px;
  height: 50px;
  margin: 30px auto !important;
  background: url("/media/race/flags.png") no-repeat;
  background-size: contain;
}
#race-quiz {
  background: var(--tx-wrapper-background-second);
}
#race-quiz .thanks {
  background: #fcfcfd;
  border: 2px solid #419943;
  border-radius: 4px;
  box-sizing: border-box;
  color: #419943;
}
#race-quiz .custom-field {
  background: var(--drk-background, #fbfcfd);
  border: 1px solid var(--drk-border, #e6e6e6);
  box-sizing: border-box;
  border-radius: 5px;
  margin: 10px 0 0;
}
#race-quiz .custom-field label {
  font-size: inherit;
}
#race-quiz .custom-area {
  background: var(--drk-background, #fbfcfd);
  border: 0;
  box-sizing: border-box;
  resize: vertical;
  border-radius: 5px;
  width: 100%;
  height: 4.5em;
}
#race-shop .whiteBlock {
  background: var(--tx-panel-background);
  border: 1px solid var(--tx-border-color);
  border-radius: 5px;
}
#race-history .column-amount {
  max-width: 40%;
  min-width: 40%;
  width: 40%;
}
.table-participants .img-block .img-user-avatar-container {
  width: 25px;
  height: 25px;
}
.table-participants .icon-position {
  width: 22px;
  height: 22px;
  line-height: 24px;
  border: none;
}
#race-contests h4 {
  font-size: 18px;
}
#race-contests .race-contests .contest-title {
  font-weight: bold;
}
.race-buy-confirm .btn-close {
  top: -10px;
}
.race-buy-confirm .car-name {
  font-size: 20px;
  font-weight: normal;
  text-align: left;
}
.race-buy-confirm .price {
  font-size: 16px;
  color: #333333;
  line-height: 20px;
}
.race-buy-confirm .price strong {
  font-size: 20px;
  color: #419943;
}
.race-buy-confirm .price [data-container="price"] > span {
  display: block;
  font-weight: bold;
  margin: 1px 0;
}
.race-buy-confirm p {
  color: #737373;
}
.race-buy-confirm .small {
  font-size: 11px;
  line-height: 14px;
}
.race-buy-confirm .payment-method-selector,
.race-buy-confirm .gems-form {
  display: none;
}
.car-specs ul {
  list-style-type: none;
  padding-left: 0;
}
.car-specs ul li {
  padding-left: 38px;
  padding-top: 6px;
  position: relative;
  margin-bottom: 10px;
}
.car-specs ul li:before {
  content: " ";
  display: block;
  width: 28px;
  height: 27px;
  position: absolute;
  left: 0;
  top: 0;
}
.car-specs ul li.engine:before {
  background: url("/media/race/icons/engine.svg") no-repeat;
}
.car-specs ul li.control:before {
  background: url("/media/race/icons/control.svg") no-repeat;
}
.car-specs ul li.weight:before {
  background: url("/media/race/icons/weight.svg") no-repeat;
}
.car-specs ul li.friction:before {
  background: url("/media/race/icons/friction.png") no-repeat;
}
.car-specs ul li.max_brake_torque:before {
  background: url("/media/race/icons/max_brake_torque.svg") no-repeat;
}
.car-specs .progress-custom-sm {
  height: 15px;
}
.car-specs .progress-custom-sm:after {
  display: none;
}
.car-specs .progress-bar,
.car-specs .progress-bar,
.car-specs .progress-custom .progress-bar,
.car-specs .progress-custom-sm .progress-bar,
.car-specs .progress-custom .progress-bar,
.car-specs .progress-custom-sm .progress-bar,
.car-specs .progress-custom .progress-bar,
.car-specs .progress-custom-sm .progress-custom .progress-bar,
.car-specs .progress-custom-sm .progress-bar,
.car-specs .progress-custom .progress-custom-sm .progress-bar,
.car-specs .progress-custom-sm .progress-custom .progress-bar,
.car-specs .progress-custom .progress-custom-sm .progress-bar,
.car-specs .progress-custom-sm .progress-custom .progress-bar,
.car-specs .progress-custom-sm .progress-custom .progress-bar,
.car-specs .progress-custom .progress-custom-sm .progress-bar,
.car-specs .progress-custom .progress-custom-sm .progress-bar {
  position: relative;
}
.car-specs .progress-bar:before,
.car-specs .progress-bar:before,
.car-specs .progress-custom .progress-bar:before,
.car-specs .progress-custom-sm .progress-bar:before,
.car-specs .progress-custom .progress-bar:before,
.car-specs .progress-custom-sm .progress-bar:before,
.car-specs .progress-custom .progress-bar:before,
.car-specs .progress-custom-sm .progress-custom .progress-bar:before,
.car-specs .progress-custom-sm .progress-bar:before,
.car-specs .progress-custom .progress-custom-sm .progress-bar:before,
.car-specs .progress-custom-sm .progress-custom .progress-bar:before,
.car-specs .progress-custom .progress-custom-sm .progress-bar:before,
.car-specs .progress-custom-sm .progress-custom .progress-bar:before,
.car-specs .progress-custom-sm .progress-custom .progress-bar:before,
.car-specs .progress-custom .progress-custom-sm .progress-bar:before,
.car-specs .progress-custom .progress-custom-sm .progress-bar:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: repeating-linear-gradient(90deg, transparent, transparent 8px, rgba(255, 255, 255, 0.1) 8px, rgba(0, 0, 0, 0.1) 9px);
}
.car-specs .progress-bar-green {
  background: #00ba01;
  background: linear-gradient(0deg, #00ba01 0%, #03d40a 100%);
}
.car-specs .progress-bar-yellow {
  background: #f2c80d;
  background: linear-gradient(0deg, #f2c80d 0%, #fce52c 100%);
}
.car-specs .progress-bar-blue {
  background: #00a6e0;
  background: linear-gradient(0deg, #00a6e0 0%, #00c5ee 100%);
}
.race-car-block {
  text-align: center;
}
.race-car-block strong {
  font-size: 18px;
  font-family: "Cuprum", serif;
}
.race-car-block .car-title {
  position: relative;
}
.race-car-block .car-title .icon-energy-refill {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 0.9em;
  margin: 0 0 0 5px;
}
.race-car-block .car-title .icon-energy-refill img {
  position: absolute;
  top: -6px;
  left: 0;
  width: 25px;
}
.race-car-block .car-icon {
  position: relative;
  width: 132px;
  height: 66px;
  margin: 0 auto 20px;
}
.race-car-block .car-icon .stand {
  width: 132px;
  height: 57px;
  background: url("/media/race/car_stand.svg") no-repeat;
  position: absolute;
  bottom: 0;
  z-index: 1;
}
.race-car-block .car-icon .stand.active {
  background: url("/media/race/car_stand_active.svg") no-repeat;
}
.race-car-block .car-icon .stand .car {
  width: 105px;
  height: 50px;
  background: url("/media/race/cars/car.png") no-repeat;
  content: " ";
  display: block;
  position: absolute;
  bottom: 16px;
  left: 15px;
  z-index: 1;
}
.race-car-block .price {
  font-family: Cuprum;
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 10px;
  display: block;
}
.race-car-block .price .gem-price {
  font-weight: 700;
}
.race-car-block .btn {
  padding: 1px 40px;
  font-size: 18px;
  font-family: Cuprum;
}
.race-car-block .btn-primary-outline {
  border: 2px solid #3584e6;
  border-radius: 4px;
  background-color: transparent;
  font-weight: 400;
}
.race-car-block .btn-primary-outline:hover,
.race-car-block .btn-primary-outline :active {
  color: #3584e6;
}
/*.tab-menu {
	!*margin: -10px -10px 0 -10px;*!
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;

	ul {
		list-style: none;
		margin: 0;
		padding: 0;
		display: table;
		width: 100%;

		//border: 1px solid #DDDDDD;
		//box-sizing: border-box;
		li {
			display: table-cell;
			width: 1%;
			//
			a {
				text-decoration: none;
			}
		}
	}

	.fiMain {
		position: relative;
		bottom: 4px;

		> li > a {
			display: block;
			text-align: center;
			white-space: nowrap;
			height: 41px;
			box-sizing: border-box;
			position: relative;
			font-family: 'Cuprum', sans-serif;
			text-transform: none;
			font-size: 16px;
			line-height: 18px;
			color: #333;
			padding-top: 4px;
			background: linear-gradient(180deg,
			rgba(251, 251, 252, 0.5),
			rgba(235, 236, 242, 0.5) 100%),
			linear-gradient(90deg, #BBB, #FFF 4px);
			box-shadow: 1px 0px 2px #A0A0A0;
			border-radius: 4px 4px 0px 0px;
			bottom: -2px;

			&:hover {
				color: #2872CC !important;
			}
		}

		li.has-children ul {
			position: absolute;
			left: 0;
			right: 0;
			bottom: 0;
		}

		li {
			&.active > a {
				background: #F6F8FA;
				height: 44px;
				color: #2872CC;
				text-decoration: none;
				bottom: -1px;
				border: 1px solid #DDDDDD;
				margin-left: -1px;
				margin-right: -1px;
			}

			a:after {
				background: #F6F8FA;
				box-sizing: border-box;
				content: " ";
				height: 40px;
				position: absolute;
				right: -1px;
			}

			&:last-child {
				a:after {
					display: none;
				}
			}

			&:first-child {
				> a {
					background: #F6F8FA;
				}
			}
		}
	}

	.fiSub {
		top: 44px;

		li {
			background: linear-gradient(180deg, #E7EAED 0%, #EAEEF1 7.5%);

			a {
				display: block;
				font-family: 'Cuprum', sans-serif;
				font-size: 16px;
				line-height: 40px;
				color: #333;
				text-align: center;
				position: relative;
				box-sizing: border-box;

				white-space: nowrap;
				border-bottom: 1px #CBCDD7 solid;
				border-top: 1px #CBCDD7 solid;

				&:hover, &.active {
					color: #3A69C9;
					background: linear-gradient(180deg, #7DADE5 0%, #B1CFF0 14.98%);
				}
			}

			&:not(:last-child) {
				border-right: 1px solid #CBCDD7;
			}

			&:after {
				background: #bdc0cc;
				position: absolute;
				width: 1px;
				height: 40px;
				right: -1px;
			}

			&:last-child {
				a {
					border-right: none;

					&:after {
						display: none;
					}
				}
			}
		}
	}

	a i {
		display: inline-block;
		position: relative;
		margin-right: 5px;
		height: 22px;
		top: 5px;
		background-color: #333333;

		&.home {
			width: 21px;

			-webkit-mask: url(/media/assets/app/src/icons/menu/home.svg) no-repeat center;
			mask: url(/media/assets/app/src/icons/menu/home.svg) no-repeat center;
		}

		&.car {
			width: 21px;

			-webkit-mask: url(/media/assets/app/src/icons/menu/car.svg) no-repeat center;
			mask: url(/media/assets/app/src/icons/menu/car.svg) no-repeat center;
		}

		&.reward {
			width: 16px;

			-webkit-mask: url(/media/assets/app/src/icons/menu/reward.svg) no-repeat center;
			mask: url(/media/assets/app/src/icons/menu/reward.svg) no-repeat center;
		}

		&.history {
			width: 16px;

			-webkit-mask: url(/media/assets/app/src/icons/menu/history.svg) no-repeat center;
			mask: url(/media/assets/app/src/icons/menu/history.svg) no-repeat center;
		}

		&.info {
			width: 20px;

			-webkit-mask: url(/media/assets/app/src/icons/menu/info.svg) no-repeat center;
			mask: url(/media/assets/app/src/icons/menu/info.svg) no-repeat center;
		}
	}

	a.active,
	a:hover {
		i {
			background-color: #2872CC;
		}
	}
}*/
.car-pic-container[data-loading="true"] .loading-block {
  display: block;
  opacity: 1;
}
.car-pic-container[data-loading="true"] .car-pic {
  opacity: 0;
}
.car-pic {
  width: 100%;
  min-height: 126px;
  max-width: 284px;
  display: block;
  /*background: url("/media/race/cars/car.png") no-repeat center;
	background-size: contain;*/
  margin: 0 auto;
  background-position-x: center;
}
.contest-row-block {
  padding: 15px;
}
.contest-row-block .gray-link {
  color: #888888;
}
.contest-row-block h4 {
  margin: 0;
  padding: 0;
  font-weight: normal;
}
.contest-row-block .amount {
  font-size: 20px;
}
.contest-row-block p {
  font-size: 14px;
  margin-bottom: 0;
}
.contest-row-block .gray {
  color: #888888;
}
h4,
.text-large {
  font-size: 20px;
}
.carsBlock {
  height: 290px;
  margin: 3px 0 0;
  border: #f0f1f6 1px solid;
  border-top: 0;
  border-bottom: 0;
  padding: 0 32px;
  position: relative;
}
.carsBlock h1 {
  font-size: 24px;
  font-weight: normal;
  color: #010101;
  text-align: center;
  padding-top: 8px;
}
.carsBlock .arrow {
  width: 45px;
  height: 53px;
  cursor: pointer;
  top: 160px;
  position: absolute;
  z-index: 1;
}
.carsBlock .arrow.aLeft {
  background: url(../../../../frontpage/img/fp_sprites.png) -350px -423px no-repeat;
  transform: scale(0.38);
  left: 0;
  top: 110px;
}
.carsBlock .arrow.aRight {
  background: url(../../../../frontpage/img/fp_sprites.png) -405px -423px no-repeat;
  transform: scale(0.38);
  right: 0;
  top: 110px;
}
.carsBlock .carsArea {
  width: 100%;
  padding-top: 16px;
  overflow: hidden;
}
.carsBlock .carsArea .carsPlane {
  width: 10000px;
  position: relative;
  padding: 0 0 0 10px;
}
.carsBlock .car-item {
  float: left;
  position: relative;
  width: 180px;
  margin-right: 30px;
}
.car-item .price,
.race-car-block .price {
  font-size: 15px;
}
.car-item .price .block > span,
.race-car-block .price .block > span {
  padding: 0 2px;
}
.tuner .whiteBlock {
  padding: 7px 15px;
}
.tuner output {
  width: 28px;
}
.tuner .range-icon {
  width: 23px;
  height: 23px;
  margin-right: 7px;
  padding-bottom: 2px;
}
.tuner .range-power {
  background: url("/media/race/icons/engine.svg") no-repeat;
  background-size: contain;
}
.tuner .range-control {
  background: url("/media/race/icons/control.svg") no-repeat;
  background-size: contain;
}
.tuner .range-weight {
  background: url("/media/race/icons/weight.svg") no-repeat;
  background-size: contain;
}
.tuner .range-max_brake_torque {
  background: url("/media/race/icons/friction.png") no-repeat;
  background-size: contain;
}
.tuner input[type="range"] {
  -webkit-appearance: none;
  margin: 3px 0;
  width: 100%;
}
.tuner input[type="range"]:focus {
  outline: none;
}
.tuner input[type="range"]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #3071a9;
  border-radius: 3px;
}
.tuner input[type="range"]::-webkit-slider-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 0.5px solid #010d17;
  height: 16px;
  width: 9px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -14px;
}
.tuner input[type="range"]:focus::-webkit-slider-runnable-track {
  background: #367ebd;
}
.tuner input[type="range"]::-moz-range-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  border-radius: 3px;
}
.tuner .range-primary input[type="range"]::-moz-range-track {
  background: #3f91ea;
}
.tuner .range-success input[type="range"]::-moz-range-track {
  background: #579912;
}
.tuner .range-warning input[type="range"]::-moz-range-track {
  background: #fbbc23;
}
.tuner .range-danger input[type="range"]::-moz-range-track {
  background: #f74877;
}
.tuner input[type="range"]::-moz-range-thumb {
  height: 16px;
  width: 9px;
  border-radius: 3px;
  background: #ffffff;
  border: 0.5px solid #010d17;
  cursor: pointer;
}
.tuner input[type="range"]::-ms-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}
.tuner input[type="range"]::-ms-fill-lower {
  background: #2a6495;
  border-radius: 2.6px;
}
.tuner input[type="range"]::-ms-fill-upper {
  border-radius: 2.6px;
}
.tuner .range-primary input[type="range"]::-ms-fill-upper {
  background: #3f91ea;
}
.tuner .range-success input[type="range"]::-ms-fill-upper {
  background: #579912;
}
.tuner .range-warning input[type="range"]::-ms-fill-upper {
  background: #fbbc23;
}
.tuner .range-danger input[type="range"]::-ms-fill-upper {
  background: #f74877;
}
.tuner input[type="range"]::-webkit-slider-thumb {
  border: 0.5px solid #010d17;
  height: 16px;
  width: 9px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
  margin-top: -4px;
}
.tuner input[type="range"]::-ms-thumb {
  border: 0.5px solid #010d17;
  height: 16px;
  width: 9px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
}
.tuner .range-primary input[type="range"]:focus::-ms-fill-lower {
  background: #3f91ea;
}
.tuner .range-success input[type="range"]:focus::-ms-fill-lower {
  background: #579912;
}
.tuner .range-warning input[type="range"]:focus::-ms-fill-lower {
  background: #fbbc23;
}
.tuner .range-danger input[type="range"]:focus::-ms-fill-lower {
  background: #f74877;
}
.tuner input[type="range"]:focus::-ms-fill-upper {
  background: #367ebd;
}
.tuner .car-specs output {
  color: #333;
}
.bg-race-restricted {
  background: url("/media/race/construction.jpg") no-repeat;
  background-size: cover;
  min-height: 320px;
}
.bg-race-restricted .race-logo {
  background: url("/media/assets/app/src/img/logo-race.png");
  width: 120px;
  height: 50px;
  background-size: contain;
}
.race-tabs .content-tab-item-name {
  margin-left: 10px;
}
.race-tabs .content-tab-item.active i {
  filter: invert(1);
}
.race-tabs .content-tab-item i {
  display: inline-block;
  width: 21px;
  height: 22px;
}
.race-tabs .content-tab-item i.home {
  background: url(/media/assets/app/src/icons/menu/home.svg) no-repeat;
}
.race-tabs .content-tab-item i.car {
  background: url(/media/assets/app/src/icons/menu/car.svg) no-repeat;
}
.race-tabs .content-tab-item i.reward {
  background: url(/media/assets/app/src/icons/menu/reward.svg) no-repeat;
  width: 16px;
}
.race-tabs .content-tab-item i.race-history {
  background: url(/media/assets/app/src/icons/menu/history.svg) no-repeat;
  background-size: contain;
  width: 16px;
}
.race-tabs .content-tab-item i.info {
  background: url(/media/assets/app/src/icons/menu/info.svg) no-repeat;
  width: 20px;
}
.user-search-block {
  margin: 5px -5px 5px 0;
  display: flex;
}
.user-search-block input {
  width: 100%;
  padding: 10px 50px 10px 15px;
  height: 38px;
  background: #f6f8fa;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  font-size: 14px;
  line-height: 18px;
}
.user-search-block .search-button {
  height: 38px;
}
.messenger-list-container .chat-block-wrap {
  position: relative;
}
.messenger-list-container .chat-block-wrap .chat-block {
  margin-bottom: 10px;
  box-sizing: border-box;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  padding: 20px 15px;
  background: var(--tx-panel-background);
}
.messenger-list-container .chat-block-wrap .chat-block:hover {
  border: 1px solid rgb(195 195 195);
  background: var(--drk-background-hover, rgb(247 247 247));
}
.messenger-list-container .chat-block-wrap .chat-block .block-avatar {
  display: table-cell;
  vertical-align: top;
  position: relative;
  padding-right: 10px;
}
.messenger-list-container .chat-block-wrap .chat-block .block-avatar .user-avatar-border {
  position: absolute;
  bottom: -34%;
  left: -27%;
  width: 132%;
  height: 160%;
  z-index: 2;
  background-size: 100%;
  background-repeat: no-repeat;
}
.messenger-list-container .chat-block-wrap .chat-block .block-avatar .img-block {
  width: 50px;
  height: 50px;
  background: #cdd0da;
  border-radius: 50%;
  text-align: center;
  overflow: inherit;
  padding: 0;
  margin: auto;
  display: block;
}
.messenger-list-container .chat-block-wrap .chat-block .block-avatar .img-block .img-user-avatar-container {
  width: 100% !important;
}
.messenger-list-container .chat-block-wrap .chat-block .block-message {
  width: 100%;
  display: table-cell;
  vertical-align: top;
  position: relative;
}
.messenger-list-container .chat-block-wrap .chat-block .block-message .message-header {
  width: 100%;
  padding-bottom: 5px;
}
.messenger-list-container .chat-block-wrap .chat-block .block-message .message-header .login-link {
  text-transform: uppercase;
  color: inherit;
  font-size: 18px;
  text-decoration-line: underline;
  text-decoration-color: black;
  line-height: 21px;
}
.messenger-list-container .chat-block-wrap .chat-block .block-message .message-header time {
  font-family: "PT SANS";
  color: var(--tx-text-color);
}
.messenger-list-container .chat-block-wrap .chat-block .block-message .message-header .message-time {
  font-family: Cuprum, sans-serif;
  font-size: 14px;
  line-height: 18px;
}
.messenger-list-container .chat-block-wrap .chat-block .block-message .message-body .body-text {
  max-width: 520px;
  margin: 0;
  font-size: 16px;
  line-height: 130%;
  min-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .messenger-list-container .chat-block-wrap .chat-block .block-message .message-body .body-text {
    max-width: 320px;
    font-size: 20px;
  }
}
.messenger-list-container .chat-block-wrap .chat-block .block-message .message-body .body-text .chat-smile-icon {
  height: 28px;
}
.messenger-list-container .chat-block-wrap .chat-block.non-read {
  border: 1px solid #f74877;
  border-radius: 5px;
}
.messenger-list-container .chat-block-wrap .chat-dropdown {
  position: absolute;
  top: 20px;
  right: 15px;
}
.messenger-list-container .chat-block-wrap .counter-wrap {
  position: absolute;
  top: -3px;
  right: -4px;
  display: flex;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  background-color: #f74877;
}
.messenger-list-container .chat-block-wrap .counter-wrap .counter-icon {
  user-select: none;
  margin: auto;
  font-family: "PT Sans";
  color: #ffffff;
  font-size: 10px;
  padding: 2px;
}
.dropdown-message .dropdown-toggle {
  cursor: pointer;
}
.dropdown-message button,
.dropdown-message button:hover,
.dropdown-message button:active,
.dropdown-message button:visited {
  background: none;
  box-shadow: none;
  padding: 0;
}
.dropdown-message button .fa-envelope,
.dropdown-message button:hover .fa-envelope,
.dropdown-message button:active .fa-envelope,
.dropdown-message button:visited .fa-envelope {
  font-size: 20px;
  color: #f74877;
  vertical-align: middle;
}
.dropdown-message button .fa-envelope-open-text,
.dropdown-message button:hover .fa-envelope-open-text,
.dropdown-message button:active .fa-envelope-open-text,
.dropdown-message button:visited .fa-envelope-open-text {
  font-size: 20px;
  color: #419943;
  vertical-align: middle;
}
.dropdown-message button .fa-angle-down,
.dropdown-message button:hover .fa-angle-down,
.dropdown-message button:active .fa-angle-down,
.dropdown-message button:visited .fa-angle-down {
  font-size: 15px;
  margin-left: 6px;
  vertical-align: middle;
}
.dropdown-message .fa-ellipsis-h {
  line-height: 24px;
  color: #3584e6;
  font-size: 16px;
  padding: 3px 7px;
}
.dropdown-message .fa-ellipsis-h:hover {
  color: #F89406;
}
.dropdown-message .dropdown-menu {
  background-color: #494e6f;
  border: 4px;
  font-family: "Cuprum", sans-serif;
}
.dropdown-message .dropdown-menu .dropdown-header {
  font-family: Cuprum, sans-serif;
  color: #ffffff;
  font-size: 14px;
  padding: 3px 10px;
  opacity: 0.8;
}
.dropdown-message .dropdown-menu .dropdown-item a,
.dropdown-message .dropdown-menu .dropdown-item .dropdown-link {
  padding: 4px 10px;
  font-family: Cuprum, sans-serif;
  color: #ffffff;
  text-transform: none;
  line-height: 1.6;
  display: block;
  clear: both;
  font-weight: normal;
  text-decoration: none;
  white-space: nowrap;
  opacity: 0.8;
}
.dropdown-message .dropdown-menu .dropdown-item a:hover,
.dropdown-message .dropdown-menu .dropdown-item .dropdown-link:hover {
  opacity: 1;
}
@media (max-width: 768px) {
  .dropdown-message .dropdown-menu .dropdown-item .dropdown-item-text {
    font-size: 16px;
  }
}
.dropdown-message .dropdown-menu .dropdown-item .fa {
  width: 22px;
  font-size: 20px;
  vertical-align: middle;
  text-align: center;
}
@media (max-width: 768px) {
  .dropdown-message .dropdown-menu .dropdown-item .fa {
    font-size: 30px;
    width: 40px;
  }
}
.dropdown-message .dropdown-menu .dropdown-item .fa-envelope {
  color: #f74877;
}
.dropdown-message .dropdown-menu .dropdown-item .fa-envelope-open-text {
  font-size: 20px;
  color: #419943;
}
.dropdown-message .dropdown-menu .dropdown-item .fa-reply {
  color: #3584e6;
}
.dropdown-message .dropdown-menu .dropdown-item .fa-trash {
  color: #f74877;
}
.dropdown-message .dropdown-menu .dropdown-item .fa-ban {
  color: #fbc920;
}
.dropdown-message .dropdown-menu .dropdown-item .fa-external-link {
  font-size: 10px;
  vertical-align: top;
}
.messenger-page-header {
  overflow: initial;
}
.messenger-page-header .block-user {
  margin-top: auto;
  margin-bottom: auto;
}
.messenger-page-header .block-user .dropdown {
  text-align: center;
  background-color: #f6f8fa;
  border: 1px solid #e6e6e6;
  box-sizing: border-box;
  box-shadow: 1px 1px 2px #bdbdbd;
  border-radius: 4px;
}
.messenger-page-header .block-user .dropdown-menu {
  margin-top: 5px;
}
.messenger-page-header .block-user .dropdown-menu .fa.fa-user {
  color: white;
  font-size: 14px;
}
.messenger-page-header .block-user .dropdown-menu .fa.fa-lock {
  color: #f74877;
  font-size: 14px;
}
.messenger-page-header .block-user .dropdown-menu .fa.fa-unlock {
  color: #419943;
  font-size: 14px;
}
.opponent-avatar {
  width: 30px;
  height: 30px;
  display: inline-block;
  border-radius: 50%;
  background-size: cover;
  vertical-align: middle;
  margin: 0 4px 5px;
}
.messenger-full-container {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: auto;
  background: white;
  z-index: 12312321;
}
.messenger-full-container.messenger-chat-container {
  height: 100%;
}
.messenger-full-container.messenger-chat-container .chat-container-header {
  display: block;
  font-size: 18px;
}
.messenger-chat-container {
  background-color: var(--tx-wrapper-background-second);
  height: 500px;
  display: flex;
  flex-direction: column;
}
.messenger-chat-container .chat-container-header {
  display: none;
  margin: 5px auto;
  text-align: center;
}
.messenger-chat-container .chat-window {
  height: 100%;
  overflow-y: scroll;
  display: flex;
  flex-flow: column nowrap;
  padding-top: 10px;
  /**
		 Common messages
		 */
  /** OTHER messages */
  /** OWN message */
}
.messenger-chat-container .chat-window .message-group-wrap {
  display: flex;
  flex-direction: row-reverse;
}
.messenger-chat-container .chat-window .message-group-wrap:first-child {
  margin-top: auto;
}
.messenger-chat-container .chat-window .message-group-wrap:nth-last-of-type(2) .message-group {
  margin-bottom: auto;
}
.messenger-chat-container .chat-window .message-group-wrap .message-user-info {
  min-width: 30px;
  margin: auto 20px 20px 10px;
}
.messenger-chat-container .chat-window .message-group-wrap .message-user-info .img-block {
  width: 30px;
  height: 30px;
  background: #cdd0da;
  border-radius: 50%;
  text-align: center;
  overflow: inherit;
  padding: 0;
  margin: auto;
  display: block;
  vertical-align: bottom;
}
.messenger-chat-container .chat-window .message-group-wrap .message-user-info .img-block .img-user-avatar-container {
  width: 100% !important;
}
.messenger-chat-container .chat-window .message-group-wrap .message-group {
  width: 100%;
  margin-bottom: 10px;
}
.messenger-chat-container .chat-window .message-group-wrap .message-group .message-block {
  margin: 0 0 10px;
  padding-right: 10px;
  padding-left: 0;
}
.messenger-chat-container .chat-window .message-group-wrap .message-group .message-block .message-content {
  position: relative;
  margin-right: 37px;
  width: 100%;
}
.messenger-chat-container .chat-window .message-group-wrap .message-group .message-block .message-content .position-top-right {
  position: absolute;
  top: 0;
  right: 0;
}
.messenger-chat-container .chat-window .message-group-wrap .message-group .message-block .message-content .text-wrapper {
  border: 1px solid #e6e6e6;
  position: relative;
  border-radius: 10px 10px 10px 10px;
  background-color: var(--tx-panel-background-second);
  padding: 15px 0 15px 0;
}
.messenger-chat-container .chat-window .message-group-wrap .message-group .message-block .message-content .text-wrapper.premium-bg {
  border-color: #fbbc23;
}
.messenger-chat-container .chat-window .message-group-wrap .message-group .message-block .message-content .text-wrapper.premium-bg .text-content:before {
  content: "";
  position: absolute;
  width: 5px;
  height: 100%;
  left: -6px;
  top: 0;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background: #fbbc23 linear-gradient(180deg, #fbbc23 0%, #ffde8c 26.51%, #fbbc23 47.8%, #ffde8c 78.91%, #fbbc23 100%);
}
.messenger-chat-container .chat-window .message-group-wrap .message-group .message-block .message-content .text-wrapper.premium-bg .text-content:after {
  content: "";
  position: absolute;
  width: 5px;
  height: 100%;
  right: -6px;
  top: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background: #fbbc23 linear-gradient(180deg, #fbbc23 0%, #ffde8c 26.51%, #fbbc23 47.8%, #ffde8c 78.91%, #fbbc23 100%);
}
.messenger-chat-container .chat-window .message-group-wrap .message-group .message-block .message-content .text-wrapper.smiles-big .text-content .message-text .chat-smile-icon {
  height: 80px;
}
.messenger-chat-container .chat-window .message-group-wrap .message-group .message-block .message-content .text-wrapper .text-content {
  padding: 0 25px 0 15px;
  position: relative;
}
.messenger-chat-container .chat-window .message-group-wrap .message-group .message-block .message-content .text-wrapper .message-nickname {
  margin-bottom: 5px;
}
.messenger-chat-container .chat-window .message-group-wrap .message-group .message-block .message-content .text-wrapper .message-nickname .nickname-text {
  font-family: "PT Sans";
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  text-decoration: none;
  color: var(--tx-text-color);
}
.messenger-chat-container .chat-window .message-group-wrap .message-group .message-block .message-content .text-wrapper .message-nickname .nickname-text.moderator-message {
  color: #f74877 !important;
}
.messenger-chat-container .chat-window .message-group-wrap .message-group .message-block .message-content .text-wrapper .message-nickname .owner-text {
  margin-left: 5px;
  font-family: "PT Sans";
  color: #888888;
}
.messenger-chat-container .chat-window .message-group-wrap .message-group .message-block .message-content .text-wrapper .message-nickname .premium-icon {
  width: 53px;
  height: 12px;
  background-image: url("../img/premium/message-premium-tag.svg");
}
.messenger-chat-container .chat-window .message-group-wrap .message-group .message-block .message-content .text-wrapper .message-nickname .message-badge {
  font-size: 10px;
  padding: 2px 3px;
}
.messenger-chat-container .chat-window .message-group-wrap .message-group .message-block .message-content .text-wrapper .link-preview {
  margin-bottom: 15px;
  border-left: 2px solid #3f91ea;
  padding-left: 5px;
}
.messenger-chat-container .chat-window .message-group-wrap .message-group .message-block .message-content .text-wrapper .reply-preview {
  margin-bottom: 10px;
  border-left: 2px solid #3f91ea;
  padding-left: 5px;
}
.messenger-chat-container .chat-window .message-group-wrap .message-group .message-block .message-content .text-wrapper .reply-preview .reply-image {
  float: left;
  width: 40px;
  height: 40px;
  text-align: center;
  margin-right: 10px;
  position: relative;
  overflow: hidden;
}
.messenger-chat-container .chat-window .message-group-wrap .message-group .message-block .message-content .text-wrapper .reply-preview .reply-image img {
  max-width: 100%;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.messenger-chat-container .chat-window .message-group-wrap .message-group .message-block .message-content .text-wrapper .reply-preview .link-text-container {
  display: flex;
  flex-direction: column;
  float: left;
  cursor: pointer;
  font-family: sans-serif;
}
.messenger-chat-container .chat-window .message-group-wrap .message-group .message-block .message-content .text-wrapper .reply-preview .link-text-container .link-title p {
  max-width: 400px;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  margin: 0;
  line-height: 18px;
  min-height: 18px;
}
.messenger-chat-container .chat-window .message-group-wrap .message-group .message-block .message-content .text-wrapper .reply-preview .link-text-container .link-text p {
  max-width: 400px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
  font-size: 12px;
  line-height: 18px;
  min-height: 18px;
}
.messenger-chat-container .chat-window .message-group-wrap .message-group .message-block .message-content .text-wrapper .message-text-container .message-text {
  word-break: break-word;
  line-height: 20px;
  font-size: 16px;
  font-family: sans-serif;
}
@media (max-width: 768px) {
  .messenger-chat-container .chat-window .message-group-wrap .message-group .message-block .message-content .text-wrapper .message-text-container .message-text {
    font-size: 20px;
  }
}
.messenger-chat-container .chat-window .message-group-wrap .message-group .message-block .message-content .text-wrapper .message-text-container .message-text .chat-smile-icon {
  height: 28px;
}
.messenger-chat-container .chat-window .message-group-wrap .message-group .message-block .message-content .text-wrapper .message-text-container .fa.fa-comment-slash {
  opacity: 0.5;
}
.messenger-chat-container .chat-window .message-group-wrap .message-group .message-block .message-content .text-wrapper .text-image-container {
  margin-bottom: 5px;
}
.messenger-chat-container .chat-window .message-group-wrap .message-group .message-block .message-content .text-wrapper .text-image-container img {
  max-height: 300px;
  max-width: 100%;
  border-radius: 5px;
}
.messenger-chat-container .chat-window .message-group-wrap .message-group .message-block .message-content .message-control {
  position: absolute;
  right: 10px;
  top: 5px;
  min-width: 30px;
}
.messenger-chat-container .chat-window .message-group-wrap .message-group .message-block .message-content .message-control .dropdown-message .dropdown {
  display: none;
}
.messenger-chat-container .chat-window .message-group-wrap .message-group .message-block .message-content .message-control .dropdown-message .controls-button {
  text-align: center;
  background-color: #f6f8fa;
  border: 1px solid #e6e6e6;
  box-sizing: border-box;
  box-shadow: 1px 1px 2px #bdbdbd;
  border-radius: 4px;
}
.messenger-chat-container .chat-window .message-group-wrap .message-group .message-block .message-content .message-control .dropdown-message .dropdown-menu {
  margin-top: 5px;
}
.messenger-chat-container .chat-window .message-group-wrap .message-group .message-block .message-content .message-control .dropdown-message.open .dropdown {
  display: block;
}
.messenger-chat-container .chat-window .message-group-wrap .message-group .message-block:hover .message-control .dropdown-message .dropdown {
  display: block;
}
.messenger-chat-container .chat-window .message-group-wrap .message-group .message-block.msg-money_transfer .message-content .text-wrapper .text-content .message-text-container .message-gift-icon {
  display: inline-block;
  background-image: url(../img/aside/gift.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: -3px;
  background-position-y: -2px;
  width: 27px;
  height: 33px;
  margin-bottom: -17px;
}
.messenger-chat-container .chat-window .message-group-wrap .message-group .message-block.reply-you .message-content .text-wrapper {
  background: #fef7d9;
}
.messenger-chat-container .chat-window .message-group-wrap .message-group .message-block.reply-you .message-content .text-wrapper:after {
  bottom: -0.25px;
  border-color: transparent #fef7d9 #fef7d9 transparent !important;
  border-width: 6px;
}
.messenger-chat-container .chat-window .message-group-wrap.other .message-group .message-block:last-child .message-content .text-wrapper {
  border-bottom-left-radius: 0;
}
.messenger-chat-container .chat-window .message-group-wrap.other .message-group .message-block:last-child .message-content .text-wrapper:after,
.messenger-chat-container .chat-window .message-group-wrap.other .message-group .message-block:last-child .message-content .text-wrapper:before {
  content: "";
  display: block;
  position: absolute;
  right: 100%;
  width: 0;
  height: 0;
  border-style: solid;
}
.messenger-chat-container .chat-window .message-group-wrap.other .message-group .message-block:last-child .message-content .text-wrapper:before {
  bottom: -0.99px;
  border-color: transparent #e6e6e6 #e6e6e6 transparent;
  border-width: 7px;
}
.messenger-chat-container .chat-window .message-group-wrap.other .message-group .message-block:last-child .message-content .text-wrapper:after {
  bottom: -0.25px;
  border-color: transparent #f6f8fa #f6f8fa transparent;
  border-width: 6px;
}
.messenger-chat-container .chat-window .message-group-wrap.other .message-group .message-block:last-child .message-content .text-wrapper.premium-bg:before {
  border-color: transparent #fbbc23 #fbbc23 transparent;
}
.messenger-chat-container .chat-window .message-group-wrap.other .message-user-info .img-block {
  left: 5px;
}
.messenger-chat-container .chat-window .message-group-wrap.own {
  flex-direction: row;
}
.messenger-chat-container .chat-window .message-group-wrap.own .message-user-info {
  margin: auto 10px 20px 20px;
}
.messenger-chat-container .chat-window .message-group-wrap.own .message-user-info .img-block {
  right: 5px;
}
.messenger-chat-container .chat-window .message-group-wrap.own .message-group {
  display: flex;
  flex-direction: column;
}
.messenger-chat-container .chat-window .message-group-wrap.own .message-group .message-block {
  margin: 0 -50px 10px 10px;
  padding-right: 50px;
  padding-left: 0;
}
.messenger-chat-container .chat-window .message-group-wrap.own .message-group .message-block .message-content .text-wrapper {
  border-color: #dce5ef;
  background-color: var(--drk-background, #ecf2f9);
  color: var(--tx-text-color);
}
.messenger-chat-container .chat-window .message-group-wrap.own .message-group .message-block .message-content .text-wrapper .text-content .message-text-container {
  margin-top: 15px;
}
.messenger-chat-container .chat-window .message-group-wrap.own .message-group .message-block .message-content .text-wrapper .text-content .message-text-container .message-text a {
  color: var(--tx-text-color);
}
.messenger-chat-container .chat-window .message-group-wrap.own .message-group .message-block .message-content .text-wrapper .text-content .reply-preview {
  border-left: 2px solid #3f91ea;
}
.messenger-chat-container .chat-window .message-group-wrap.own .message-group .message-block .message-content .text-wrapper.premium-bg {
  border-color: #fbbc23;
}
.messenger-chat-container .chat-window .message-group-wrap.own .message-group .message-block:last-child .text-wrapper {
  border-bottom-right-radius: 0;
}
.messenger-chat-container .chat-window .message-group-wrap.own .message-group .message-block:last-child .text-wrapper:before,
.messenger-chat-container .chat-window .message-group-wrap.own .message-group .message-block:last-child .text-wrapper:after {
  content: "";
  display: block;
  position: absolute;
  left: 100%;
  width: 0;
  height: 0;
  border-style: solid;
}
.messenger-chat-container .chat-window .message-group-wrap.own .message-group .message-block:last-child .text-wrapper:before {
  bottom: -0.99px;
  border-color: transparent transparent #dce5ef #dce5ef;
  border-width: 7px;
}
.messenger-chat-container .chat-window .message-group-wrap.own .message-group .message-block:last-child .text-wrapper:after {
  bottom: -0.25px;
  border-color: transparent transparent #ecf2f9 #ecf2f9;
  border-width: 6px;
}
.messenger-chat-container .chat-window .message-group-wrap.own .message-group .message-block:last-child .text-wrapper.premium-bg:before {
  border-color: transparent transparent #fbbc23 #fbbc23;
}
.messenger-chat-container .chat-window .message-group-wrap.own .message-group .preview-container {
  border-left: 2px solid #3f91ea;
}
.messenger-chat-container .chat-separator {
  height: 1px;
  background-color: #e6e6e6;
}
.messenger-chat-container .chat-text {
  padding: 10px 10px 10px;
}
.messenger-chat-container .chat-text .input-container {
  background: var(--drk-background, #f6f8fa);
  border: 1px solid #e6e6e6;
  box-sizing: border-box;
  border-radius: 10px;
}
.messenger-chat-container .chat-text .input-container .image-preview {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 15px 0 15px 15px;
}
.messenger-chat-container .chat-text .input-container .image-preview .remove-preview {
  display: block;
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
  position: absolute;
  width: 20px;
  height: 20px;
  font-size: 14px;
  text-align: center;
  color: #f74877;
  top: -10px;
  right: -10px;
}
@media (max-width: 768px) {
  .messenger-chat-container .chat-text .input-container .image-preview .remove-preview {
    font-size: 20px;
    width: 26px;
    height: 26px;
  }
}
.messenger-chat-container .chat-text .input-container .image-preview img {
  width: 40px;
  height: 40px;
}
.messenger-chat-container .chat-text .input-container .reply-preview {
  margin: 10px 15px 5px 15px;
  border-left: 2px solid #3f91ea;
  padding-left: 5px;
}
.messenger-chat-container .chat-text .input-container .reply-preview .reply-image {
  float: left;
  width: 40px;
  height: 40px;
  text-align: center;
  margin-right: 10px;
}
.messenger-chat-container .chat-text .input-container .reply-preview .reply-image img {
  max-height: 40px;
  max-width: 100%;
}
.messenger-chat-container .chat-text .input-container .reply-preview .link-text-container {
  display: flex;
  flex-direction: column;
  float: left;
  font-family: sans-serif;
}
.messenger-chat-container .chat-text .input-container .reply-preview .link-text-container .link-title p {
  max-width: 400px;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  margin: 0;
  line-height: 18px;
  min-height: 18px;
}
.messenger-chat-container .chat-text .input-container .reply-preview .link-text-container .link-text p {
  max-width: 400px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
  line-height: 18px;
  height: 18px;
}
@media (max-width: 768px) {
  .messenger-chat-container .chat-text .input-container .reply-preview .link-text-container .link-text p,
  .messenger-chat-container .chat-text .input-container .reply-preview .link-text-container .link-title p {
    font-size: 18px;
  }
}
.messenger-chat-container .chat-text .input-container .reply-preview .link-close {
  float: right;
  text-align: center;
  margin: 5px 0 0 20px;
}
.messenger-chat-container .chat-text .input-container .reply-preview .link-close .fa-close {
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  color: #f74877;
  font-size: 14px;
  width: 20px;
  height: 20px;
  text-align: center;
  padding-top: 3px;
}
@media (max-width: 768px) {
  .messenger-chat-container .chat-text .input-container .reply-preview .link-close .fa-close {
    font-size: 20px;
    width: 26px;
    height: 26px;
  }
}
.messenger-chat-container .chat-text .input-container .error-block {
  margin-bottom: 10px;
  position: relative;
}
.messenger-chat-container .chat-text .input-container .error-block .close-error-icon {
  position: absolute;
  top: 6px;
  right: 6px;
  background-image: url(../img/messenger/chat_close_btn.svg);
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
  cursor: pointer;
}
.messenger-chat-container .chat-text .input-container .error-block .alert-text-wrap {
  font-family: "PT Sans";
  margin-bottom: 5px;
}
.messenger-chat-container .chat-text .input-container .text-input {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.messenger-chat-container .chat-text .input-container .text-input .smiles-wrapper {
  width: 40px;
  position: relative;
  margin-top: auto;
}
.messenger-chat-container .chat-text .input-container .text-input .smiles-wrapper .smiles-open-button {
  cursor: pointer;
  width: 50px;
  text-align: center;
}
.messenger-chat-container .chat-text .input-container .text-input .smiles-wrapper .smiles-open-button:hover span.fa {
  color: #9d9d9d;
}
.messenger-chat-container .chat-text .input-container .text-input .smiles-wrapper .smiles-open-button span.fa {
  color: #bdbdbd;
  font-size: 18px;
  padding-top: 17px;
  padding-bottom: 15px;
}
@media (max-width: 768px) {
  .messenger-chat-container .chat-text .input-container .text-input .smiles-wrapper .smiles-open-button span.fa {
    font-size: 30px;
    padding-top: 11px;
    padding-bottom: 9px;
  }
}
.messenger-chat-container .chat-text .input-container .text-input .smiles-wrapper .smiles-block {
  border-radius: 5px;
  padding: 10px 5px 10px 10px;
  background-color: rgba(116, 122, 145, 0.7);
  position: absolute;
  bottom: 60px;
  right: -20px;
  width: 285px;
}
.messenger-chat-container .chat-text .input-container .text-input .smiles-wrapper .smiles-block .btn-smile {
  width: 30px;
  height: 30px;
  margin: 0 5px 5px 0;
}
.messenger-chat-container .chat-text .input-container .text-input .smiles-wrapper .smiles-block .btn-smile:hover {
  background-color: rgba(116, 122, 145, 0.9);
}
.messenger-chat-container .chat-text .input-container .text-input .smiles-wrapper .smiles-block .smile-tabs {
  display: flex;
  align-items: start;
  margin-bottom: 10px;
  border-bottom: 1px #585858 solid;
  padding-bottom: 10px;
}
.messenger-chat-container .chat-text .input-container .text-input .smiles-wrapper .smiles-block .smile-tabs .smile-tab {
  cursor: pointer;
  margin: 0 5px;
}
.messenger-chat-container .chat-text .input-container .text-input .smiles-wrapper .smiles-block .smile-tabs .smile-tab:hover {
  background-color: rgba(116, 122, 145, 0.9);
}
.messenger-chat-container .chat-text .input-container .text-input .smiles-wrapper .smiles-block .smile-tabs .smile-tab .icon-smile {
  height: 25px;
  width: 25px;
}
.messenger-chat-container .chat-text .input-container .text-input .image-upload {
  width: 50px;
  text-align: center;
  margin-top: auto;
}
@media (max-width: 768px) {
  .messenger-chat-container .chat-text .input-container .text-input .image-upload {
    margin-left: 10px;
    margin-right: 10px;
  }
}
.messenger-chat-container .chat-text .input-container .text-input .image-upload:hover span.fa {
  color: #9d9d9d;
}
.messenger-chat-container .chat-text .input-container .text-input .image-upload label {
  margin-bottom: 0;
}
.messenger-chat-container .chat-text .input-container .text-input .image-upload input[type="file"] {
  opacity: 0;
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
}
.messenger-chat-container .chat-text .input-container .text-input .image-upload span.fa {
  padding: 15px 10px;
  font-size: 18px;
  margin-top: 2px;
  color: #bdbdbd;
}
@media (max-width: 768px) {
  .messenger-chat-container .chat-text .input-container .text-input .image-upload span.fa {
    font-size: 30px;
    padding-top: 3px;
    padding-bottom: 10px;
  }
}
.messenger-chat-container .chat-text .input-container .text-input .chat-bonus {
  width: 50px;
  text-align: center;
  margin-top: auto;
}
.messenger-chat-container .chat-text .input-container .text-input .chat-bonus:hover span.fa {
  color: #9d9d9d;
}
.messenger-chat-container .chat-text .input-container .text-input .chat-bonus span.fa {
  padding: 15px 10px;
  font-size: 18px;
  margin-top: 2px;
  color: #bdbdbd;
}
@media (max-width: 768px) {
  .messenger-chat-container .chat-text .input-container .text-input .chat-bonus span.fa {
    font-size: 30px;
    padding-top: 3px;
    padding-bottom: 10px;
  }
}
.messenger-chat-container .chat-text .input-container .text-input .send-button {
  margin-top: auto;
}
.messenger-chat-container .chat-text .input-container .text-input .send-button button {
  width: 40px;
  height: 40px;
  margin: 5px;
}
.messenger-chat-container .chat-text .input-container .text-input .send-button button .button-icon {
  display: block;
  width: 16px;
  height: 13px;
  background: url("../img/enter-icon.png") no-repeat;
}
.messenger-chat-container .chat-text .input-container .text-input textarea {
  font: 14px PT Sans;
  width: 100%;
  padding: 15px 15px;
  background: var(--drk-background, #f6f8fa);
  resize: none;
  border: none;
  border-radius: 10px;
  outline: none;
}
@media (max-width: 768px) {
  .messenger-chat-container .chat-text .input-container .text-input textarea {
    font-size: 20px;
  }
}
.messenger-chat-container .chat-text .input-container .text-input textarea[disabled] {
  color: gray;
}
.messenger-chat-container .preview-container {
  margin: 10px 0 5px 0;
  border-left: 2px solid #3f91ea;
  padding-left: 5px;
}
.messenger-chat-container .preview-container .preview-mini-image {
  float: left;
  width: 40px;
  height: 40px;
  text-align: center;
  margin-right: 10px;
}
.messenger-chat-container .preview-container .preview-mini-image img {
  max-height: 40px;
  max-width: 100%;
}
.messenger-chat-container .preview-container .preview-text-container {
  display: flex;
  flex-direction: column;
  max-width: 480px;
}
.messenger-chat-container .preview-container .preview-text-container .preview-title p {
  max-width: 400px;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  margin: 0;
  line-height: 18px;
  min-height: 18px;
}
.messenger-chat-container .preview-container .preview-text-container .preview-text p {
  max-width: 400px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
  line-height: 18px;
  min-height: 18px;
}
.messenger-chat-container .preview-container .preview-image-big {
  margin-top: 19px;
}
.messenger-chat-container .preview-container .preview-image-big img {
  height: 110px;
  max-width: 90%;
  border-radius: 5px;
}
.messenger-chat-container .preview-container .preview-close {
  float: right;
  text-align: center;
  margin: 5px 0 0 20px;
}
.messenger-chat-container .post-info {
  margin: 10px 10px 0;
}
.messenger-chat-container.bg-white {
  background-color: white;
}
.messenger-chat-container.bg-white .chat-window {
  background-color: white;
}
.dnd-file-upload {
  position: absolute;
}
.dnd-file-upload .dnd-background {
  background: rgba(51, 51, 51, 0.3);
  backdrop-filter: blur(5px);
  width: 100%;
  height: 100%;
  padding-right: 17px;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  color: white;
  display: flex;
  align-items: center;
  z-index: 10000;
}
.dnd-file-upload .dnd-background .dnd-body {
  background: #f6f8fa;
  border: 1px solid #3584e6;
  box-sizing: border-box;
  border-radius: 10px;
  margin: auto;
  text-align: center;
  color: #3584e6;
  width: 50%;
  max-width: 600px;
  height: 570px;
  display: flex;
  align-items: center;
}
.dnd-file-upload .dnd-background .dnd-body.active {
  background: #d2e2f6;
}
.dnd-file-upload .dnd-background .dnd-body .dnd-content {
  width: 100%;
}
.dnd-file-upload .dnd-background .dnd-body .dnd-content .dnd-icon {
  text-align: center;
  width: 128px;
  height: 128px;
  position: relative;
  border-radius: 4px;
  border: 2px solid #3584e6;
  margin: auto;
}
.dnd-file-upload .dnd-background .dnd-body .dnd-content .dnd-icon::after {
  content: " ";
  position: absolute;
  display: block;
  background-color: #3584e6;
  height: 2px;
  margin-top: 0;
  top: 50%;
  left: 25%;
  right: 25%;
  z-index: 9;
}
.dnd-file-upload .dnd-background .dnd-body .dnd-content .dnd-icon::before {
  content: " ";
  position: absolute;
  display: block;
  background-color: #3584e6;
  width: 2px;
  margin-left: 0;
  left: 50%;
  top: 25%;
  bottom: 25%;
  z-index: 9;
}
.dnd-file-upload .dnd-background .dnd-body .dnd-content .dnd-text {
  margin-top: 40px;
  font-family: PT Sans, sans-serif;
  font-size: 18px;
  line-height: 23px;
  text-align: center;
  color: #3584e6;
}
/* FLOAT CHAT WINDOW */
.chat-window-wrap {
  width: 365px;
  height: 550px;
  max-height: 95vh;
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: var(--tx-wrapper-background);
  box-shadow: 0 0 4px var(--tx-box-shadow-color);
  border-radius: 5px;
  overflow: hidden;
  z-index: 1047;
}
@media (max-width: 768px) {
  .chat-window-wrap {
    width: 100%;
    height: 100%;
    bottom: 0;
    right: 0;
    max-height: 100%;
  }
}
.chat-window-wrap .chat-window {
  height: 100%;
}
.chat-window-wrap .chat-window .chat-nav {
  height: 100%;
}
.chat-window-wrap .chat-window .chat-nav .nav-tabs {
  padding-left: 5px;
}
.chat-window-wrap .chat-window .chat-nav .nav-tabs li + li {
  box-shadow: none;
}
.chat-window-wrap .chat-window .chat-nav .nav-tabs > li {
  margin-bottom: 0;
  cursor: pointer;
  margin-right: 5px;
  /*> a {
						font-size: 15px;
						padding-left: 5px;
						padding-right: 5px;
					}*/
}
@media (max-width: 766px) {
  .chat-window-wrap .chat-window .chat-nav .nav-tabs > li > a {
    box-shadow: 0 1px 1px #a0a0a0;
    top: 4px;
    margin-bottom: 0;
    padding-top: 7px;
    padding-bottom: 7px;
  }
  .chat-window-wrap .chat-window .chat-nav .nav-tabs > li.active > a {
    padding-top: 6px !important;
  }
}
.chat-window-wrap .chat-window .chat-nav .nav-tabs > li.active > a {
  border: 1px solid #ddd;
  padding-top: 7px;
  top: 2px;
}
.chat-window-wrap .chat-window .chat-nav .nav-tabs > li.active > a:before {
  content: unset;
}
.chat-window-wrap .chat-window .chat-nav .nav-tabs > li > a span.badge {
  width: min-content;
  min-width: 19px;
  height: 19px;
  font-size: 14px;
  line-height: 20px;
  top: -3px;
  right: -3px;
}
.chat-window-wrap .chat-window .chat-nav .content-tabs {
  height: 100%;
}
.chat-window-wrap .chat-window .chat-nav .content-tabs .content-tab-item {
  min-width: unset;
}
.chat-window-wrap .chat-window .chat-header {
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 1;
}
.chat-window-wrap .chat-window .chat-header .back-button {
  cursor: pointer;
  margin: auto 0 auto 6px;
  padding: 8px 9px;
}
@media (max-width: 768px) {
  .chat-window-wrap .chat-window .chat-header .back-button {
    font-size: 25px;
  }
}
.chat-window-wrap .chat-window .chat-header .back-button:hover {
  color: #F89406;
  opacity: 0.8;
}
.chat-window-wrap .chat-window .chat-header .icon-chat-link {
  margin: auto 0 auto 5px;
  text-decoration: none;
}
@media (max-width: 768px) {
  .chat-window-wrap .chat-window .chat-header .icon-chat-link {
    font-size: 25px;
  }
}
.chat-window-wrap .chat-window .chat-header .header-name {
  text-transform: uppercase;
  display: flex;
  text-align: center;
  margin: auto 10px;
  white-space: nowrap;
  overflow: hidden;
}
.chat-window-wrap .chat-window .chat-header .header-name:hover {
  color: #F89406;
}
@media (max-width: 768px) {
  .chat-window-wrap .chat-window .chat-header .header-name {
    font-size: 20px;
  }
}
.chat-window-wrap .chat-window .chat-header .icon-fullscreen {
  align-self: center;
  margin-right: 14px;
}
.chat-window-wrap .chat-window .chat-header .icon-fullscreen:hover {
  opacity: 0.8;
}
.chat-window-wrap .chat-window .chat-header .icon-close {
  cursor: pointer;
  align-self: flex-end;
  background-image: url("../img/messenger/chat_close_btn.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 12px;
  height: 12px;
  margin: auto 15px auto 0;
}
@media (max-width: 768px) {
  .chat-window-wrap .chat-window .chat-header .icon-close {
    width: 24px;
    height: 24px;
  }
}
.chat-window-wrap .chat-window .chat-header .icon-close:hover {
  opacity: 0.8;
}
.chat-window-wrap .chat-window .chat-header .icon-info {
  align-self: center;
  margin-right: 14px;
  font-family: "PT Sans", sans-serif;
}
@media (max-width: 768px) {
  .chat-window-wrap .chat-window .chat-header .icon-info {
    margin-right: 25px;
  }
  .chat-window-wrap .chat-window .chat-header .icon-info .fa-info {
    font-size: 25px;
  }
}
.chat-window-wrap .chat-window .float-chat-container {
  overflow-y: auto;
  overflow-x: visible;
  position: absolute;
  top: 45px;
  bottom: 0;
  width: 100%;
}
.chat-window-wrap .float-progress-dots {
  display: flex;
  width: 100%;
  height: 100%;
  background-color: #dedede91;
  position: absolute;
  top: 0;
  opacity: 0.8;
  z-index: 3;
}
.chat-window-wrap .float-progress-dots .progress-spin-wrap {
  margin: auto;
}
.chat-window-wrap .chat-counter-badge {
  background: #f47895 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* FLOAT BUTTONS */
.float-chat-wrap {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 1040;
}
.float-chat-wrap .chat-menu {
  bottom: 30px;
  right: 30px;
  position: relative;
}
.float-chat-wrap .chat-menu .chat-main-button {
  height: 100px;
  width: 100px;
  border-radius: 100%;
  background-color: #ffffff;
  display: flex;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  cursor: pointer;
}
.float-chat-wrap .chat-menu .chat-main-button:hover .button-icon {
  background-image: url("../img/messenger/float-chat-icon-hover.png");
}
.float-chat-wrap .chat-menu .chat-main-button.opened .button-icon {
  width: 51px;
  height: 51px;
  background-image: url("../img/messenger/float-btn-close.svg") !important;
}
.float-chat-wrap .chat-menu .chat-main-button.opened:hover .button-icon {
  opacity: 0.8;
}
.float-chat-wrap .chat-menu .chat-main-button .button-icon {
  width: 56px;
  height: 54px;
  margin: auto;
  background-size: contain;
  background-image: url("../img/messenger/float-chat-icon.png");
}
.float-chat-wrap .chat-menu .chat-main-button .counter-wrap {
  position: absolute;
  top: 5px;
  left: 9px;
  display: flex;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  background-color: #f74877;
}
.float-chat-wrap .chat-menu .chat-main-button .counter-wrap .counter-icon {
  user-select: none;
  margin: auto;
  font-family: "PT Sans";
  color: #ffffff;
}
.float-chat-wrap .chat-menu .group-chats {
  position: absolute;
  z-index: -1;
  bottom: 100px;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.float-chat-wrap .chat-menu .group-chats .chat-group-wrap {
  margin-bottom: 10px;
  border-radius: 100%;
  display: flex;
  cursor: pointer;
}
.float-chat-wrap .chat-menu .group-chats .chat-group-wrap:hover .group-icon-wrap {
  background: linear-gradient(180deg, #fa6f63 0%, #f9536f 96.87%);
}
.float-chat-wrap .chat-menu .group-chats .chat-group-wrap:hover .group-bubble {
  display: block;
}
.float-chat-wrap .chat-menu .group-chats .chat-group-wrap:hover.opened .group-bubble {
  display: none;
}
.float-chat-wrap .chat-menu .group-chats .chat-group-wrap .group-bubble {
  position: relative;
  display: none;
  padding: 10px 50px 10px 20px;
  border-radius: 25px;
  background: #ffffff;
  margin-top: 10px;
  margin-right: -40px;
  height: 40px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  user-select: none;
}
.float-chat-wrap .chat-menu .group-chats .chat-group-wrap .group-bubble span {
  white-space: nowrap;
}
.float-chat-wrap .chat-menu .group-chats .chat-group-wrap .group-icon-wrap {
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  border-radius: 100%;
  width: 60px;
  height: 60px;
  background-color: #ffffff;
  display: flex;
}
.float-chat-wrap .chat-menu .group-chats .chat-group-wrap .group-icon-wrap .group-icon {
  background-repeat: no-repeat;
  margin: auto auto;
  display: block;
}
.float-chat-wrap .chat-menu .group-chats .chat-group-wrap .group-icon-wrap .group-icon.personal {
  width: 43px;
  height: 43px;
  background-image: url("../img/messenger/personal-chat-icon.svg");
}
.float-chat-wrap .chat-menu .group-chats .chat-group-wrap .group-icon-wrap .group-icon.work {
  width: 49px;
  height: 47px;
  background-size: contain;
  background-image: url("../img/messenger/work-chat-icon.png");
}
.float-chat-wrap .chat-menu .group-chats .chat-group-wrap .group-icon-wrap .group-icon.group {
  width: 43px;
  height: 56px;
  background-image: url("../img/messenger/common-chat-icon.svg");
}
.float-chat-wrap .chat-menu .group-chats .chat-group-wrap .group-icon-wrap .counter-wrap {
  position: absolute;
  top: -5px;
  left: -5px;
  display: flex;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  background-color: #f74877;
}
.float-chat-wrap .chat-menu .group-chats .chat-group-wrap .group-icon-wrap .counter-wrap .counter-icon {
  user-select: none;
  margin: auto;
  font-family: "PT Sans";
  color: #ffffff;
}
.chat {
  border: 1px solid transparent;
  position: relative;
  box-sizing: border-box;
  margin-left: 1px;
  width: 50px !important;
  height: 50px !important;
  border-radius: 8px;
  line-height: 50px;
  font-size: 24px;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
.chat:hover {
  border-color: #F47895;
}
.chat .button-icon {
  width: 43px;
  height: 38px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/messenger/float-chat-icon.png);
  margin: 4px auto auto;
}
.chat.chat-icon {
  background-color: #fff;
}
.chat .counter-wrap {
  position: absolute;
  top: -10px;
  right: -10px;
  display: flex;
  min-width: 20px;
  min-height: 20px;
  width: auto;
  height: auto;
  border-radius: 100%;
  background-color: #f74877;
  line-height: initial;
  font-size: initial;
}
.chat .counter-wrap .counter-icon {
  user-select: none;
  margin: auto;
  font-family: "PT Sans";
  color: #ffffff;
  font-size: 10px;
  padding: 2px;
}
.chat:before {
  border-radius: 9px;
  position: absolute;
  content: "";
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  top: -2px;
  left: -2px;
  border: 1px solid #fff;
  opacity: 0;
  display: block;
}
/** FLOAT CHAT MINIMiZED STYLES */
.float-chat-container .messenger-list-container {
  margin: 10px 10px 0;
}
.float-chat-container .messenger-list-container .messenger-chat-container {
  background-color: var(--tx-wrapper-background);
}
.float-chat-container .messenger-list-container .chat-block-wrap .chat-dropdown {
  display: none;
}
.float-chat-container .messenger-list-container .chat-block-wrap .chat-block .chat-block-content {
  display: flex;
}
.float-chat-container .messenger-list-container .chat-block-wrap .chat-block .chat-block-content .block-message {
  width: 20%;
}
.float-chat-container .messenger-list-container .chat-block-wrap .chat-block .chat-block-content .block-message .message-body .body-text {
  max-width: 250px;
}
.float-chat-container .messenger-list-container .chat-block-wrap .chat-block .chat-block-content .block-message .message-header {
  display: inline-flex;
  justify-content: space-between;
}
.float-chat-container .messenger-list-container .chat-block-wrap .chat-block .chat-block-content .block-message .message-header .login-link {
  font-size: 14px;
  width: 130px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 768px) {
  .float-chat-container .messenger-list-container .chat-block-wrap .chat-block .chat-block-content .block-message .message-header .login-link {
    font-size: 18px;
    width: 200px;
  }
}
.float-chat-container .messenger-list-container .chat-block-wrap .chat-block .chat-block-content .block-message .message-header time {
  font-size: 10px;
}
@media (max-width: 768px) {
  .float-chat-container .messenger-list-container .chat-block-wrap .chat-block .chat-block-content .block-message .message-header time {
    font-size: 14px;
  }
}
.float-chat-container .messenger-list-container .chat-block-wrap .chat-block .chat-block-content .block-message {
  width: 100%;
}
.float-chat-container .messenger-chat-container {
  height: 100%;
}
.float-chat-container .messenger-chat-container .chat-window {
  height: 100%;
}
.float-chat-container .messenger-chat-container .chat-window .message-group-wrap .message-group .message-block .message-content .text-wrapper {
  padding: 8px 0 8px;
  line-height: 20px;
}
.float-chat-container .messenger-chat-container .chat-window .message-group-wrap .message-group .message-block .message-content .text-wrapper .message-text-container .message-text {
  line-height: 130%;
}
.float-chat-container .messenger-chat-container .chat-window .message-group-wrap .message-group .message-block .message-content .text-wrapper .reply-preview .link-text-container .link-title p {
  max-width: 180px;
}
.float-chat-container .messenger-chat-container .chat-window .message-group-wrap .message-group .message-block .message-content .text-wrapper .reply-preview .link-text-container .link-text p {
  max-width: 180px;
}
.float-chat-container .messenger-chat-container .chat-window .message-group-wrap .message-group .message-block .message-content .text-wrapper .message-nickname {
  margin-bottom: 2px;
  display: flex;
  align-items: center;
}
.float-chat-container .messenger-chat-container .chat-window .message-group-wrap .message-group .message-block .message-content .text-wrapper .message-nickname .nickname-text {
  font-size: 14px;
  max-width: 140px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 140%;
}
@media (max-width: 768px) {
  .float-chat-container .messenger-chat-container .chat-window .message-group-wrap .message-group .message-block .message-content .text-wrapper .message-nickname .nickname-text {
    font-size: 18px;
  }
}
.float-chat-container .messenger-chat-container .chat-window .message-group-wrap .message-group .message-block .message-content .text-wrapper .text-content {
  padding: 0 10px;
  position: relative;
  line-height: 20px;
}
.float-chat-container .messenger-chat-container .chat-window .message-group-wrap .message-group .message-block .message-content .text-wrapper .text-content .preview-container .preview-text-container .preview-title p {
  max-width: 140px;
}
.float-chat-container .messenger-chat-container .chat-window .message-group-wrap .message-group .message-block .message-content .text-wrapper .text-content .preview-container .preview-text-container .preview-text p {
  max-width: 140px;
}
.float-chat-container .messenger-chat-container .chat-text .input-container .text-input .smiles-wrapper .smiles-block {
  width: 230px;
}
.float-chat-container .messenger-chat-container .chat-text .input-container .text-input .smiles-wrapper .smiles-block .btn-smile {
  width: 35px;
  height: 35px;
}
.float-chat-container .messenger-chat-container .chat-text .input-container .reply-preview .link-text-container .link-text p {
  max-width: 250px;
}
.avatar-width {
  width: 30px;
}
a.text-decoration-none {
  text-decoration: none !important;
}
.chat-bot-container {
  padding: 4px;
  position: relative;
  background-image: url("../images/new_design/messanger/chat-bot.png");
  border: 1px solid #e6e6e6;
  border-radius: 10px 10px 10px 10px;
  height: auto;
  font-family: sans-serif;
}
.chat-bot-container.beer-bonus {
  background-position: center;
  background-image: url("../images/new_design/messanger/beer_bonus_bg.jpg");
}
.chat-bot-container.special-order-district {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: none;
  background-color: white;
}
.chat-bot-container .chat-bot-header .chat-bot-title {
  font-weight: 900;
  font-size: 36px;
  line-height: 110%;
  width: 92%;
  word-wrap: break-word;
  background: linear-gradient(92.85deg, #fbbc23 0%, #f74877 101.05%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.chat-bot-container .chat-bot-header .chat-bot-info {
  right: 10px;
  top: 10px;
  background: url(../images/new_design/messanger/info.png);
  width: 20px;
  height: 20px;
  background-size: 20px;
  position: absolute;
  display: block;
}
.chat-bot-container .chat-bot-header .chat-bot-text,
.chat-bot-container .chat-bot-header .chat-bot-winner-text {
  width: 100%;
  padding: 9px;
  position: relative;
  top: 25%;
  display: block;
  font-family: "PT Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  text-align: center;
  color: #ffffff;
}
.chat-bot-container .chat-bot-header .chat-bot-winner-text {
  top: -10%;
}
.chat-bot-container .captcha-block {
  height: 50px;
}
.chat-bot-container .chat-bot-content,
.chat-bot-container .chat-bot-winner-content {
  width: 100%;
}
.chat-bot-container .chat-bot-content .winner-list,
.chat-bot-container .chat-bot-winner-content .winner-list {
  margin-left: 4px;
  width: 95%;
  list-style-type: none;
  color: #ffffff;
}
.chat-bot-container .chat-bot-content .winner-list.premium,
.chat-bot-container .chat-bot-winner-content .winner-list.premium {
  color: #fbbc23;
}
.chat-bot-container .chat-bot-content .winner-list.self,
.chat-bot-container .chat-bot-winner-content .winner-list.self {
  color: #419943;
}
.chat-bot-container .chat-bot-content .winner-list .prize-img,
.chat-bot-container .chat-bot-winner-content .winner-list .prize-img {
  position: absolute;
  right: 10px;
  color: white;
}
.chat-bot-container .chat-bot-content .winner-list .prize-img .img,
.chat-bot-container .chat-bot-winner-content .winner-list .prize-img .img {
  height: 30px;
  position: relative;
  bottom: 6px;
}
.chat-bot-container .chat-bot-content .winner-list .prize-amount,
.chat-bot-container .chat-bot-winner-content .winner-list .prize-amount {
  position: absolute;
  right: 10px;
  color: white;
}
.chat-bot-container .chat-bot-content .winner-list .premium-icon,
.chat-bot-container .chat-bot-winner-content .winner-list .premium-icon {
  position: relative;
  background: url(../images/new_design/messanger/premium.png);
  width: 60px;
  height: 13px;
  display: inline-block;
  background-size: 60px;
}
.chat-bot-container .chat-bot-content .car-start,
.chat-bot-container .chat-bot-winner-content .car-start {
  display: block;
  position: absolute;
  background: url(../images/new_design/messanger/car-start.png);
  width: 84px;
  height: 37px;
  background-size: 84px;
}
.chat-bot-container .chat-bot-content .car-end,
.chat-bot-container .chat-bot-winner-content .car-end {
  position: absolute;
  background: url(../images/new_design/messanger/car-end.png);
  width: 84px;
  height: 37px;
  margin-left: 181px;
  background-size: 84px;
}
.chat-bot-container .chat-bot-content .vector,
.chat-bot-container .chat-bot-winner-content .vector {
  position: absolute;
  width: 32px;
  margin-left: 90px;
  height: 20px;
  background: url(../images/new_design/messanger/vector.png);
  background-size: 32px;
}
.chat-bot-container .chat-bot-content .success-joined,
.chat-bot-container .chat-bot-winner-content .success-joined {
  background: url(../images/new_design/messanger/success_joined.png);
  width: 48px;
  display: block;
  height: 48px;
  margin: auto;
  background-size: 48px;
}
.chat-bot-container .chat-bot-content .success-joined-text,
.chat-bot-container .chat-bot-winner-content .success-joined-text {
  width: 100%;
  display: block;
  padding: 9px;
  font-family: "PT Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  text-align: center;
  color: #fbbc23;
}
.chat-bot-container .chat-bot-content .timer,
.chat-bot-container .chat-bot-winner-content .timer {
  color: #f74877;
}
.chat-bot-container .chat-bot-winner-content {
  min-height: auto;
  margin-top: auto;
}
.chat-bot-container .chat-bot-winner-content .ul {
  display: block;
  padding: 0;
  margin-bottom: 0;
  width: 100%;
}
.chat-bot-container .chat-bot-date {
  bottom: 0;
  right: 0;
  position: absolute;
  font-family: "PT Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  width: 154px;
  text-align: center;
  color: #888888;
  padding-bottom: 2px;
}
.chat-bot-pop-up {
  display: none;
  top: 0;
  left: 0;
  width: 95%;
  margin: 30px 0 0 7px;
  height: max-content;
  position: absolute;
  z-index: 15;
  background: radial-gradient(50% 50% at 50% 50%, #333333 0%, #333333 100%);
  opacity: 0.97;
  border-radius: 4px;
  box-shadow: 0px 0px 8px rgba(251, 188, 35, 0.5);
}
.chat-bot-pop-up.spd {
  width: 92%;
}
.chat-bot-pop-up .title p {
  font-family: "PT Sans";
  margin: 10% 0 4% 0;
  font-style: normal;
  width: 100%;
  font-weight: 400;
  word-wrap: break-word;
  font-size: 24px;
  line-height: 31px;
  text-align: center;
  color: #fbbc23;
}
.chat-bot-pop-up .text p {
  font-family: "PT Sans";
  font-style: normal;
  font-weight: 400;
  width: 100%;
  padding: 0 10px 0 10px;
  display: block;
  margin: auto auto 10%;
  white-space: pre-line;
  word-wrap: break-word;
  text-align: center;
  font-size: 16px;
  line-height: 21px;
  color: #ffffff;
}
.chat-bot-pop-up .icon-close {
  display: inline-block;
  cursor: pointer;
  background-image: url(../img/messenger/chat_close_btn.svg);
  width: 12px;
  height: 12px;
  margin: 6px 7px 0px 0px;
  position: absolute;
  top: 7px;
  right: 6px;
}
.message-content .object-link {
  height: 60px;
  display: flex;
  align-items: start;
  border-radius: 0 15px 15px 0;
  text-decoration: none;
  border-left: 2px solid #007aff;
}
.message-content .object-image {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 15px;
  padding: 8px;
}
.message-content .object-meta {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 8px;
  width: 100%;
}
.message-content .object-name {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-size: 12px;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: underline;
  padding-bottom: 1px;
}
.message-content .object-name .nickname {
  text-decoration: underline;
}
.message-content .object-desc {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: var(--tx-text-color);
  font-size: 10px;
  line-height: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.open-modal .race-landing .registration-modal {
  display: flex;
}
.race-landing {
  margin-bottom: -127px;
}
.race-landing li {
  list-style: none;
}
.race-landing a.race-link {
  color: inherit;
  text-decoration: none;
}
.race-landing .race-container {
  max-width: 1200px;
  margin: 0 auto;
}
.race-landing .registration-modal {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  z-index: 999;
  width: 100%;
  height: 100vh;
  align-items: center;
  justify-content: center;
  background-color: rgba(51, 51, 51, 0.8);
}
.race-landing .registration-modal .modal-window {
  position: relative;
  max-width: 490px;
  width: 100%;
  background: #FFFFFF;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.4);
  border-radius: 4px;
  padding: 30px 35px 40px 35px;
}
.race-landing .registration-modal .modal-window #close-modal {
  background-color: transparent;
  border: 0;
  position: absolute;
  right: 10px;
  top: 10px;
}
.race-landing .registration-modal .modal-window #close-modal svg {
  transition: all 0.5s;
}
.race-landing .registration-modal .modal-window #close-modal:hover svg {
  transform: rotate(45deg);
}
.race-landing .registration-modal .modal-window .modal-title {
  font-family: 'Cuprum', sans-serif;
  font-style: italic;
  font-size: 24px;
  color: #F74877;
  text-transform: uppercase;
  text-align: center;
}
.race-landing .registration-modal .modal-window .modal-sub-title {
  font-family: 'PT Sans', sans-serif;
  color: #333333;
  text-align: center;
  margin-top: 20px;
}
.race-landing .registration-modal .modal-window .social-links {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 15px;
}
.race-landing .registration-modal .modal-window .social-links .ulogin-buttons-container {
  width: 100% !important;
}
.race-landing .registration-modal .modal-window .social-links .ulogin-buttons-container div {
  width: 90px !important;
  height: 90px !important;
  margin: 0 10px 20px 5px !important;
  background-color: transparent !important;
  background-position-y: 0 !important;
  background-size: contain !important;
  border-radius: 10px !important;
  background-image: none !important;
}
.race-landing .registration-modal .modal-window .social-links .ulogin-buttons-container .ulogin-button-liveid {
  background-image: url("../icons/socials/liveid.png") !important;
}
.race-landing .registration-modal .modal-window .social-links .ulogin-buttons-container .ulogin-button-foursquare {
  background-image: url("../icons/socials/foursquare.png") !important;
}
.race-landing .registration-modal .modal-window .social-links .ulogin-buttons-container .ulogin-button-googleplus {
  background-image: url("../icons/socials/googleplus.png") !important;
}
.race-landing .registration-modal .modal-window .social-links .ulogin-buttons-container .ulogin-button-soundcloud {
  background-image: url("../icons/socials/soundcloud.png") !important;
}
.race-landing .registration-modal .modal-window .social-links .ulogin-buttons-container .ulogin-button-google {
  background-image: url("../icons/socials/google.png") !important;
}
.race-landing .registration-modal .modal-window .social-links .ulogin-buttons-container .ulogin-button-vkontakte {
  background-image: url("../icons/socials/vk.png") !important;
}
.race-landing .registration-modal .modal-window .social-links .ulogin-buttons-container .ulogin-button-facebook {
  background-image: url("../icons/socials/fb.png") !important;
}
.race-landing .registration-modal .modal-window .social-links .ulogin-buttons-container .ulogin-button-yandex {
  background-image: url("../icons/socials/yandex.svg") !important;
}
.race-landing .registration-modal .modal-window .social-links .ulogin-buttons-container .ulogin-button-odnoklassniki {
  background-image: url("../icons/socials/ok.png") !important;
}
.race-landing .registration-modal .modal-window .social-links .ulogin-buttons-container .ulogin-button-steam {
  background-image: url("../icons/socials/steam.png") !important;
}
.race-landing .registration-modal .modal-window .social-links .ulogin-buttons-container .ulogin-button-mailru {
  background-image: url("../icons/socials/mailru.png") !important;
}
.race-landing .registration-modal .modal-window .social-links .ulogin-buttons-container .ulogin-button-livejournal {
  background-image: url("../icons/socials/livejournal.png") !important;
}
.race-landing .registration-modal .modal-window .social-links .ulogin-buttons-container .ulogin-dropdown-button {
  display: none !important;
}
.race-landing .registration-modal .modal-window .social-links .social-link {
  margin-bottom: 15px;
}
.race-landing .registration-modal .modal-window .captcha {
  display: flex;
  align-items: center;
  background-color: rgba(196, 196, 196, 0.3);
  margin: 20px 37px 15px 37px;
  height: 95px;
  padding: 32px 20px;
}
.race-landing .registration-modal .modal-window .captcha span {
  font-family: 'PT Sans', sans-serif;
  font-size: 24px;
  color: rgba(0, 0, 0, 0.2);
}
.race-landing .registration-modal .modal-window .registration-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.race-landing body > span {
  display: none !important;
}
.race-landing .btn {
  display: inline-block;
  font-family: 'Cuprum', sans-serif;
  font-size: 24px;
  padding: 15px 70px;
  background: linear-gradient(180deg, #78BFF4 0%, #2C80E7 100%);
  border-radius: 59px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 700;
  width: fit-content;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  letter-spacing: 1px;
  margin: auto;
  box-shadow: 0 0 30px rgb(116 188 3.05%), 0 4px 4px rgb(0 0 0%);
  transition: all 0.5s;
  border: 0;
}
.race-landing .btn:hover {
  background: linear-gradient(180deg, #BDE3FF 0%, #2C80E7 100%);
  box-shadow: 0 0 30px rgba(116, 188, 244, 0.8), 0 4px 4px rgba(0, 0, 0, 0.25);
  color: #ffffff;
}
.race-landing .btn.btn-arrow {
  position: relative;
  padding: 15px 55px;
}
.race-landing .btn img {
  position: absolute;
  right: -32px;
  top: 0;
}
.race-landing h3.block-title {
  font-family: 'Cuprum', sans-serif;
  font-style: italic;
  text-transform: uppercase;
  color: #F9536F;
  font-size: 40px;
  text-shadow: 0 2px 2px rgb(0 0 0%);
  letter-spacing: 0.04em;
  font-weight: bold;
  margin-bottom: 30px;
}
.race-landing header {
  position: absolute;
  width: 100%;
  z-index: 999;
}
.race-landing header .main-menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 416px;
  margin: 20px auto 0;
}
.race-landing header .main-menu li {
  font-family: 'PT Sans', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  color: #a8a8a8;
  transition: all 0.5s;
  font-size: 16px;
}
.race-landing header .main-menu li:hover {
  color: #ffffff;
}
.race-landing footer {
  background-color: #0F141B;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.race-landing footer .footer-menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.race-landing footer .footer-menu li {
  font-family: 'PT Sans', sans-serif;
  color: #888888;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  margin-right: 65px;
  transition: all 0.5s;
}
.race-landing footer .footer-menu li:hover {
  color: #ffffff;
}
.race-landing .line {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
}
.race-landing .line.white {
  bottom: -5px;
}
.race-landing .line.black {
  top: 0;
}
.race-landing .line img {
  width: 100%;
}
.race-landing #real-money {
  height: 750px;
  background-image: url("/media/race-landing/first-screen-bg.png");
  background-size: cover;
  background-position: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.race-landing #real-money .video-background {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.race-landing #real-money .video-background:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(80% 80% at 50% 50%, rgba(44, 44, 44, 0) 0%, #000000 100%), rgba(0, 0, 0, 0.3);
}
.race-landing #real-money .video-background video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.race-landing #real-money .register-wrap {
  width: 400px;
  background-color: white;
  opacity: 0.9;
  padding: 0 20px 20px 20px;
  border-radius: 10px;
}
.race-landing #real-money .register-wrap .register-form {
  font-family: "Cuprum", sans-serif;
}
.race-landing #real-money .register-wrap .register-form .errorArea {
  background: #9f2f28;
  color: #fff;
  padding: 5px 10px;
  border-radius: 6px;
  margin-bottom: 10px;
  font-size: 13px;
}
.race-landing #real-money .register-wrap .register-form button.btn {
  font-size: 18px;
  padding: 10px 20px;
}
.race-landing #real-money .info-block {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  font-family: 'Cuprum', sans-serif;
  max-width: 480px;
}
.race-landing #real-money .info-block .text-flag {
  position: relative;
  text-shadow: 0 8px 8px rgba(0, 0, 0, 0.8);
}
.race-landing #real-money .info-block h2 span.text-one {
  font-family: 'Cuprum', sans-serif;
  font-size: 80px;
  color: #FCD013;
  font-style: italic;
}
.race-landing #real-money .info-block h2 span.text-two {
  font-family: 'Cuprum', sans-serif;
  position: relative;
  font-weight: 400;
  font-size: 64px;
  color: #fff;
}
.race-landing #real-money .info-block .play-games {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 30px 0 40px 0;
  z-index: 111;
}
.race-landing #real-money .info-block .play-games p {
  font-family: 'PT Sans', sans-serif;
  font-size: 24px;
  font-style: italic;
  text-transform: uppercase;
  color: #FBBC23;
  margin-bottom: 5px;
}
.race-landing #real-money .info-block .race-flag {
  position: absolute;
  right: -55px;
  top: -115px;
}
.race-landing #statistic {
  background-image: url("/media/race-landing/second-screen-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
  position: relative;
}
.race-landing #statistic .stat-banner {
  background: rgba(8, 13, 19, 0.6);
  border: 1px solid rgba(252, 208, 19, 0.6);
  box-sizing: border-box;
  box-shadow: 0 8px 12px rgb(0 0 0%);
  border-radius: 4px;
  display: flex;
  padding: 15px 75px 15px 30px;
  margin-top: 20px;
  width: 586px;
  max-height: 92px;
}
.race-landing #statistic .stat-banner svg {
  width: 33%;
  height: 44px;
  margin: auto;
}
.race-landing #statistic .stat-banner h3 {
  font-family: 'PT Sans', sans-serif;
  font-size: 24px;
  font-weight: bold;
  font-style: italic;
  color: #fff;
  margin-left: 20px;
}
.race-landing #statistic .stat-banner h3 span {
  color: #FBBC23;
}
.race-landing #statistic .stat-block {
  width: 586px;
}
.race-landing #statistic .stat-block.stat-left {
  padding-top: 100px;
}
.race-landing #statistic .stat-block.stat-left tr:nth-child(4) td:nth-child(1),
.race-landing #statistic .stat-block.stat-left tr:nth-child(4) td:nth-child(3) {
  font-size: 20px;
  font-weight: bold;
  color: #2B5F95;
}
.race-landing #statistic .stat-block.stat-left tr:nth-child(3) td:nth-child(1),
.race-landing #statistic .stat-block.stat-left tr:nth-child(3) td:nth-child(3) {
  font-size: 20px;
  font-weight: bold;
  color: #F2BD4A;
}
.race-landing #statistic .stat-block.stat-left tr:nth-child(2) td:nth-child(1),
.race-landing #statistic .stat-block.stat-left tr:nth-child(2) td:nth-child(3) {
  font-size: 20px;
  font-weight: bold;
  color: #59964D;
}
.race-landing #statistic .stat-block.stat-right {
  margin-top: 190px;
  padding-bottom: 240px;
  margin-left: auto;
}
.race-landing #statistic .stat-block.stat-right tbody {
  position: relative;
}
.race-landing #statistic .stat-block.stat-right h3 {
  text-align: right;
}
.race-landing #statistic .stat-block.stat-right tr:first-child td {
  padding-top: 25px;
}
.race-landing #statistic .stat-block.stat-right tr td:nth-child(2) {
  color: #888888;
}
.race-landing #statistic .stat-block.stat-right tr td:nth-child(3) {
  font-weight: bold;
  color: #333333;
}
.race-landing #statistic .stat-block table,
.race-landing #statistic .stat-block table {
  width: 100%;
  text-align: center;
  border-collapse: collapse;
  background-color: #ffffff;
  border-radius: 4px;
  table-layout: fixed;
  position: relative;
}
.race-landing #statistic .stat-block table:before,
.race-landing #statistic .stat-block table:before {
  content: '';
  position: absolute;
  top: 53px;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background-color: #DDDDE0;
}
.race-landing #statistic .stat-block table tr,
.race-landing #statistic .stat-block table tr {
  border: 0;
}
.race-landing #statistic .stat-block table tr .stat-avatar,
.race-landing #statistic .stat-block table tr .stat-avatar {
  display: flex;
  justify-content: center;
  align-items: center;
}
.race-landing #statistic .stat-block table tr .stat-avatar a:hover,
.race-landing #statistic .stat-block table tr .stat-avatar a:hover {
  text-decoration: underline;
  color: #518EE2;
}
.race-landing #statistic .stat-block table tr .stat-avatar .avatar,
.race-landing #statistic .stat-block table tr .stat-avatar .avatar {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 10px;
}
.race-landing #statistic .stat-block table tr .stat-avatar .avatar img,
.race-landing #statistic .stat-block table tr .stat-avatar .avatar img {
  width: 100%;
}
.race-landing #statistic .stat-block table tr:nth-child(even),
.race-landing #statistic .stat-block table tr:nth-child(even) {
  border-top: 1px solid #DDDDE0;
  border-bottom: 1px solid #DDDDE0;
  background-color: #F6F8FA;
}
.race-landing #statistic .stat-block table th,
.race-landing #statistic .stat-block table th {
  font-family: 'PT Sans', sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #888888;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding: 25px 0 10px 0;
}
.race-landing #statistic .stat-block table td,
.race-landing #statistic .stat-block table td {
  font-family: 'PT Sans', sans-serif;
  font-size: 16px;
  padding: 15px 0;
}
.race-landing #statistic .stat-block table td:nth-child(3),
.race-landing #statistic .stat-block table td:nth-child(3) {
  font-size: 20px;
  color: #888888;
}
.race-landing #statistic .stat-block table caption,
.race-landing #statistic .stat-block table caption,
.race-landing #statistic .stat-block table caption {
  font-family: 'PT Sans', sans-serif;
  font-size: 18px;
  font-weight: bold;
  padding: 10px 0;
  position: relative;
}
.race-landing #statistic .stat-block table caption img,
.race-landing #statistic .stat-block table caption img,
.race-landing #statistic .stat-block table caption img {
  position: absolute;
  left: 0;
  right: 0;
  top: 10px;
  width: 100%;
  height: 100%;
}
.race-landing #statistic .stat-block table caption span,
.race-landing #statistic .stat-block table caption span,
.race-landing #statistic .stat-block table caption span {
  position: relative;
  top: 10px;
}
.race-landing #about-game {
  background-image: url("/media/race-landing/about-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: -100px;
}
.race-landing #about-game h3.block-title {
  text-align: center;
  padding-top: 100px;
}
.race-landing #about-game .about-blocks {
  display: flex;
  padding-bottom: 88px;
}
.race-landing #about-game .about-blocks .about-text-block {
  background-image: url("/media/race-landing/about-text-bg.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top left;
  padding: 50px 70px 70px 70px;
}
.race-landing #about-game .about-blocks .about-text-block p {
  font-family: 'PT Sans', sans-serif;
  font-size: 24px;
  color: #ffffff;
}
.race-landing #about-game .about-blocks .about-text-block p .first-sub-text {
  font-weight: bold;
}
.race-landing #about-game .about-blocks .about-text-block p .second-sub-text {
  font-style: italic;
}
.race-landing #about-game .about-blocks .about-text-block p .second-sub-text b {
  color: #419943;
}
.race-landing #about-game .about-blocks .about-text-block a.btn {
  margin-top: 50px;
}
.race-landing #about-game .about-blocks .about-album-block {
  position: relative;
  top: -20px;
  right: 20px;
}
.race-landing #about-game .about-blocks .about-album-block a {
  filter: drop-shadow(0px 8px 12px rgba(0, 0, 0, 0.6));
  border-radius: 8px;
  position: relative;
}
.race-landing #about-game .about-blocks .about-album-block img {
  width: 100%;
}
.race-landing #about-game .about-blocks .about-album-block .album-sm-img {
  position: relative;
  transition: all 0.5s;
}
.race-landing #about-game .about-blocks .about-album-block .album-sm-img:hover::before {
  opacity: 0;
  z-index: -1;
}
.race-landing #about-game .about-blocks .about-album-block .album-sm-img:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 123px;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1;
  opacity: 1;
}
.race-landing #about-game .about-blocks .about-album-block .album-first-row {
  display: flex;
}
.race-landing #about-game .about-blocks .about-column-img {
  display: flex;
  flex-direction: column;
}
.race-landing #about-game .about-blocks .about-column-img .album-sm-img:first-child {
  margin-top: 0;
}
.race-landing #about-game .about-blocks .about-row-img {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.race-landing #about-game .about-blocks .about-row-img .album-sm-img:last-child {
  margin-right: 0;
}
.race-landing #about-game .about-blocks .album-sm-img {
  margin-right: 16px;
  margin-top: 16px;
}
.race-landing .promoted-input-checkbox {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.race-landing .promoted-checkbox {
  margin-top: 15px;
  margin-bottom: 40px;
}
.race-landing .promoted-checkbox input:checked + label span > svg {
  height: 24px;
}
.race-landing .promoted-checkbox label {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'PT Sans', sans-serif;
  font-size: 16px;
  color: #333333;
  line-height: 21px;
  cursor: pointer;
  position: relative;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
}
.race-landing .promoted-checkbox label:after {
  content: "";
  order: -1;
  height: 34px;
  width: 34px;
  border: 4px solid #e6e6e6;
  border-radius: 5px;
  margin-right: 10px;
}
.race-landing .promoted-checkbox label span {
  position: relative;
}
.race-landing .promoted-checkbox label span svg {
  height: 0;
  width: 24px;
  position: absolute;
  left: -35px;
  top: 13px;
}
.race-landing button.mfp-close:before,
.race-landing .mfp-arrow-right:before,
.race-landing .mfp-arrow-left:before,
.race-landing button.mfp-arrow:after {
  display: none;
}
.race-landing button.mfp-arrow {
  background-repeat: no-repeat;
  background-position: center;
}
.race-landing button.mfp-arrow-left {
  position: absolute;
  left: 150px;
  background-image: url("/media/race-landing/modal-arrow.png");
}
.race-landing button.mfp-arrow-right {
  position: absolute;
  right: 150px;
  background-image: url("/media/race-landing/modal-arrow-right.png");
}
@media (min-width: 576px) {
  .race-landing .race-container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .race-landing .race-container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .race-landing .race-container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .race-landing .race-container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .race-landing .race-container {
    max-width: 1320px;
  }
}
@media (min-width: 1600px) {
  .race-landing #about-game {
    margin-top: -150px;
  }
}
@media (max-width: 1200px) {
  .race-landing #about-game .about-blocks {
    flex-direction: column;
    align-items: center;
  }
  .race-landing #about-game .about-blocks .about-album-block {
    top: 0;
    right: 0;
  }
  .race-landing button.mfp-arrow-left {
    left: 0;
  }
  .race-landing button.mfp-arrow-right {
    right: 0;
  }
}
@media (max-width: 800px) {
  .race-landing footer {
    height: unset;
    padding: 30px 0;
  }
  .race-landing footer .footer-menu {
    flex-direction: column;
  }
  .race-landing footer .footer-menu li {
    margin-right: 0;
    padding: 10px 0;
  }
}
@media (max-width: 768px) {
  .race-landing #about-game .about-blocks .about-text-block p .second-sub-text br {
    display: none;
  }
  .race-landing #about-game .about-blocks .about-row-img .album-sm-img:last-child {
    margin-right: 16px;
  }
  .race-landing #about-game .about-blocks .about-column-img .album-sm-img:first-child {
    margin-top: 16px;
  }
  .race-landing #about-game .about-blocks .about-album-block {
    padding: 0 15px;
  }
  .race-landing #about-game .about-blocks .album-sm-img {
    margin-right: 0;
  }
  .race-landing #about-game .about-blocks .about-album-block .album-first-row {
    flex-direction: column-reverse;
  }
  .race-landing #about-game .about-blocks .about-album-block .about-column-img {
    flex-direction: row;
    justify-content: space-between;
  }
  .race-landing #about-game .about-blocks .about-album-block .about-row-img {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .race-landing #about-game .about-blocks .about-album-block .album-first-row .about-lg-img {
    display: flex;
    justify-content: center;
  }
  .race-landing #about-game .about-blocks .about-album-block .album-first-row .about-lg-img a {
    width: 100%;
  }
  .race-landing #statistic .stat-block,
  .race-landing #statistic .stat-banner {
    margin-left: auto;
    margin-right: auto;
    max-height: unset;
  }
  .race-landing #statistic .stat-block.stat-right {
    margin-top: 100px;
  }
  .race-landing #statistic .stat-block,
  .race-landing #statistic .stat-banner {
    width: 100%;
  }
}
@media (max-width: 576px) {
  .race-landing .registration-modal .modal {
    height: 100vh;
    padding-bottom: 70px;
    overflow-y: scroll;
  }
  .race-landing header .main-menu li:first-child {
    order: 1;
  }
  .race-landing footer .footer-menu li:nth-child(3) {
    order: -1;
  }
  .race-landing #about-game .about-blocks .about-text-block {
    padding: 30px 20px;
  }
  .race-landing #about-game .about-blocks .about-text-block p {
    font-size: 18px;
  }
  .race-landing #real-money .info-block h2 {
    font-size: 42px;
  }
  .race-landing #real-money .info-block h2 span {
    font-size: 52px;
  }
  .race-landing header .main-menu {
    flex-direction: column;
  }
  .race-landing header .main-menu li {
    padding: 10px;
  }
  .race-landing #real-money .info-block {
    padding-top: 200px;
  }
  .race-landing #real-money .info-block .race-flag {
    right: 0;
    top: -120px;
  }
  .race-landing h3.block-title {
    text-align: center !important;
  }
  .race-landing #statistic .stat-banner {
    padding: 15px 30px;
  }
  .race-landing #statistic .stat-banner h3 {
    font-size: 18px;
  }
  .race-landing .registration-modal .modal .social-links .social-link {
    width: 21%;
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 440px) {
  .race-landing #about-game .about-blocks .about-album-block .album-sm-img {
    width: 47%;
  }
  .race-landing #about-game .about-blocks .about-album-block .album-sm-img:before {
    height: 97%;
  }
  .race-landing #about-game .about-blocks .about-album-block .about-column-img {
    flex-wrap: wrap;
  }
  .race-landing #about-game .about-blocks .about-row-img .album-sm-img:last-child {
    margin-right: 0;
  }
  .race-landing .btn {
    width: 100%;
    font-size: 14px;
    padding: 15px 0;
    text-align: center;
  }
  .race-landing .btn img {
    display: none;
  }
  .race-landing .registration-modal .modal .social-links .social-link {
    width: 50%;
  }
  .race-landing #statistic .stat-block table td,
  .race-landing #statistic .stat-block table td {
    font-size: 14px;
  }
  .race-landing #about-game .about-blocks .about-album-block a {
    width: 45%;
  }
  .race-landing #about-game .about-blocks .album-sm-img {
    margin-right: 0;
  }
  .race-landing #about-game .about-blocks .about-text-block p br {
    display: none;
  }
  .race-landing #about-game .about-blocks .about-text-block a.btn {
    font-size: 16px;
    padding: 15px 50px;
  }
  .race-landing .line {
    overflow: hidden;
  }
  .race-landing .line img {
    width: 200%;
  }
}
@media (max-width: 325px) {
  .race-landing .promoted-checkbox label span {
    font-size: 14px;
  }
}
.mining-company .header .progress-bar-block .indicator-inner,
.mining-company .header .progress-bar-block .pb-inner {
  height: 45px !important;
  border-radius: 45px;
}
.mining-company .header .progress-bar-block .green-progress-bar {
  height: 45px;
  border-radius: 45px;
  overflow: hidden;
}
.mining-company .header .progress-bar-block .pb-inner:after,
.mining-company .header .progress-bar-block .indicator-inner:after {
  display: block;
  content: " ";
  background-image: url("/media/images/bar-separator.png");
  width: 100%;
  height: 100%;
}
.mining-company .header .progress-bar-block .indicator-inner:after {
  width: 93%;
}
.mining-company.company-custom.theme-1 .header:before {
  background-image: url("../img/business/mining_company/background/1.jpg");
  display: block;
  content: " ";
  background-size: cover;
}
.mining-company.company-custom.theme-1 .bg-theme {
  color: white;
  background: #8b5c2c;
}
.mining-company.company-custom.theme-1 .progress-bar-block .pb-inner {
  border: none;
  background: #8b5c2c;
}
.mining-company.company-custom.theme-1 .progress-bar-block .pb-text {
  color: white;
}
.mining-company.company-custom.theme-1 .progress-bar-block .indicator-inner {
  background: #5b3004;
  border: none;
  height: 24px;
  margin: 0;
}
.mining-company .change-theme .btn-theme.btn-theme-1 {
  background-image: url("../img/business/mining_company/background/thumbs/1.png");
  background-repeat: repeat;
  background-position: center -1px;
  background-origin: border-box;
  opacity: 0.7;
  background-size: contain;
}
.mining-company .change-theme .btn-theme.btn-theme-1.active,
.mining-company .change-theme .btn-theme.btn-theme-1:active {
  background-image: url("../img/business/mining_company/background/thumbs/1.png");
  background-repeat: repeat;
  background-position: center -1px;
  opacity: 1;
}
.mining-company.company-custom.theme-2 .header:before {
  background-image: url("../img/business/mining_company/background/2.jpg");
  display: block;
  content: " ";
  background-size: cover;
}
.mining-company.company-custom.theme-2 .bg-theme {
  color: white;
  background: #dd5151;
}
.mining-company.company-custom.theme-2 .progress-bar-block .pb-inner {
  border: none;
  background: #dd5151;
}
.mining-company.company-custom.theme-2 .progress-bar-block .pb-text {
  color: white;
}
.mining-company.company-custom.theme-2 .progress-bar-block .indicator-inner {
  background: #5e0505;
  border: none;
  height: 24px;
  margin: 0;
}
.mining-company .change-theme .btn-theme.btn-theme-2 {
  background-image: url("../img/business/mining_company/background/thumbs/2.png");
  background-repeat: repeat;
  background-position: center -1px;
  background-origin: border-box;
  opacity: 0.7;
  background-size: contain;
}
.mining-company .change-theme .btn-theme.btn-theme-2.active,
.mining-company .change-theme .btn-theme.btn-theme-2:active {
  background-image: url("../img/business/mining_company/background/thumbs/2.png");
  background-repeat: repeat;
  background-position: center -1px;
  opacity: 1;
}
.mining-company.company-custom.theme-3 .header:before {
  background-image: url("../img/business/mining_company/background/3.jpg");
  display: block;
  content: " ";
  background-size: cover;
}
.mining-company.company-custom.theme-3 .bg-theme {
  color: black;
  background: #f0bc85;
}
.mining-company.company-custom.theme-3 .progress-bar-block .pb-inner {
  border: none;
  background: #f0bc85;
}
.mining-company.company-custom.theme-3 .progress-bar-block .pb-text {
  color: black;
}
.mining-company.company-custom.theme-3 .progress-bar-block .indicator-inner {
  background: #9c652b;
  border: none;
  height: 24px;
  margin: 0;
}
.mining-company .change-theme .btn-theme.btn-theme-3 {
  background-image: url("../img/business/mining_company/background/thumbs/3.png");
  background-repeat: repeat;
  background-position: center -1px;
  background-origin: border-box;
  opacity: 0.7;
  background-size: contain;
}
.mining-company .change-theme .btn-theme.btn-theme-3.active,
.mining-company .change-theme .btn-theme.btn-theme-3:active {
  background-image: url("../img/business/mining_company/background/thumbs/3.png");
  background-repeat: repeat;
  background-position: center -1px;
  opacity: 1;
}
.mining-company.company-custom.theme-4 .header:before {
  background-image: url("../img/business/mining_company/background/4.jpg");
  display: block;
  content: " ";
  background-size: cover;
}
.mining-company.company-custom.theme-4 .bg-theme {
  color: white;
  background: #848484;
}
.mining-company.company-custom.theme-4 .progress-bar-block .pb-inner {
  border: none;
  background: #848484;
}
.mining-company.company-custom.theme-4 .progress-bar-block .pb-text {
  color: white;
}
.mining-company.company-custom.theme-4 .progress-bar-block .indicator-inner {
  background: #562b2b;
  border: none;
  height: 24px;
  margin: 0;
}
.mining-company .change-theme .btn-theme.btn-theme-4 {
  background-image: url("../img/business/mining_company/background/thumbs/4.png");
  background-repeat: repeat;
  background-position: center -1px;
  background-origin: border-box;
  opacity: 0.7;
  background-size: contain;
}
.mining-company .change-theme .btn-theme.btn-theme-4.active,
.mining-company .change-theme .btn-theme.btn-theme-4:active {
  background-image: url("../img/business/mining_company/background/thumbs/4.png");
  background-repeat: repeat;
  background-position: center -1px;
  opacity: 1;
}
.mining-company.company-custom.theme-5 .header:before {
  background-image: url("../img/business/mining_company/background/5.jpg");
  display: block;
  content: " ";
  background-size: cover;
}
.mining-company.company-custom.theme-5 .bg-theme {
  color: black;
  background: #d0c66c;
}
.mining-company.company-custom.theme-5 .progress-bar-block .pb-inner {
  border: none;
  background: #d0c66c;
}
.mining-company.company-custom.theme-5 .progress-bar-block .pb-text {
  color: black;
}
.mining-company.company-custom.theme-5 .progress-bar-block .indicator-inner {
  background: #686013;
  border: none;
  height: 24px;
  margin: 0;
}
.mining-company .change-theme .btn-theme.btn-theme-5 {
  background-image: url("../img/business/mining_company/background/thumbs/5.png");
  background-repeat: repeat;
  background-position: center -1px;
  background-origin: border-box;
  opacity: 0.7;
  background-size: contain;
}
.mining-company .change-theme .btn-theme.btn-theme-5.active,
.mining-company .change-theme .btn-theme.btn-theme-5:active {
  background-image: url("../img/business/mining_company/background/thumbs/5.png");
  background-repeat: repeat;
  background-position: center -1px;
  opacity: 1;
}
.mining-company.company-custom.theme-6 .header:before {
  background-image: url("../img/business/mining_company/background/6.jpg");
  display: block;
  content: " ";
  background-size: cover;
}
.mining-company.company-custom.theme-6 .bg-theme {
  color: white;
  background: #602108;
}
.mining-company.company-custom.theme-6 .progress-bar-block .pb-inner {
  border: none;
  background: #602108;
}
.mining-company.company-custom.theme-6 .progress-bar-block .pb-text {
  color: white;
}
.mining-company.company-custom.theme-6 .progress-bar-block .indicator-inner {
  background: #ae4d27;
  border: none;
  height: 24px;
  margin: 0;
}
.mining-company .change-theme .btn-theme.btn-theme-6 {
  background-image: url("../img/business/mining_company/background/thumbs/6.png");
  background-repeat: repeat;
  background-position: center -1px;
  background-origin: border-box;
  opacity: 0.7;
  background-size: contain;
}
.mining-company .change-theme .btn-theme.btn-theme-6.active,
.mining-company .change-theme .btn-theme.btn-theme-6:active {
  background-image: url("../img/business/mining_company/background/thumbs/6.png");
  background-repeat: repeat;
  background-position: center -1px;
  opacity: 1;
}
.mining-company.company-custom.theme-7 .header:before {
  background-image: url("../img/business/mining_company/background/7.jpg");
  display: block;
  content: " ";
  background-size: cover;
}
.mining-company.company-custom.theme-7 .bg-theme {
  color: white;
  background: #db8806;
}
.mining-company.company-custom.theme-7 .progress-bar-block .pb-inner {
  border: none;
  background: #db8806;
}
.mining-company.company-custom.theme-7 .progress-bar-block .pb-text {
  color: white;
}
.mining-company.company-custom.theme-7 .progress-bar-block .indicator-inner {
  background: #8e5802;
  border: none;
  height: 24px;
  margin: 0;
}
.mining-company .change-theme .btn-theme.btn-theme-7 {
  background-image: url("../img/business/mining_company/background/thumbs/7.png");
  background-repeat: repeat;
  background-position: center -1px;
  background-origin: border-box;
  opacity: 0.7;
  background-size: contain;
}
.mining-company .change-theme .btn-theme.btn-theme-7.active,
.mining-company .change-theme .btn-theme.btn-theme-7:active {
  background-image: url("../img/business/mining_company/background/thumbs/7.png");
  background-repeat: repeat;
  background-position: center -1px;
  opacity: 1;
}
.mining-company.company-custom.theme-8 .header:before {
  background-image: url("../img/business/mining_company/background/8.jpg");
  display: block;
  content: " ";
  background-size: cover;
}
.mining-company.company-custom.theme-8 .bg-theme {
  color: #032839;
  background: #15c1ea;
}
.mining-company.company-custom.theme-8 .progress-bar-block .pb-inner {
  border: none;
  background: #15c1ea;
}
.mining-company.company-custom.theme-8 .progress-bar-block .pb-text {
  color: #032839;
}
.mining-company.company-custom.theme-8 .progress-bar-block .indicator-inner {
  background: #aae6fd;
  border: none;
  height: 24px;
  margin: 0;
}
.mining-company .change-theme .btn-theme.btn-theme-8 {
  background-image: url("../img/business/mining_company/background/thumbs/8.png");
  background-repeat: repeat;
  background-position: center -1px;
  background-origin: border-box;
  opacity: 0.7;
  background-size: contain;
}
.mining-company .change-theme .btn-theme.btn-theme-8.active,
.mining-company .change-theme .btn-theme.btn-theme-8:active {
  background-image: url("../img/business/mining_company/background/thumbs/8.png");
  background-repeat: repeat;
  background-position: center -1px;
  opacity: 1;
}
.mining-company.company-custom.theme-9 .header:before {
  background-image: url("../img/business/mining_company/background/9.jpg");
  display: block;
  content: " ";
  background-size: cover;
}
.mining-company.company-custom.theme-9 .bg-theme {
  color: extract(white, white, black, white, black, white, white, #032839, 9);
  background: extract(#8b5c2c, #dd5151, #f0bc85, #848484, #d0c66c, #602108, #db8806, #15c1ea, 9);
}
.mining-company.company-custom.theme-9 .progress-bar-block .pb-inner {
  border: none;
  background: extract(#8b5c2c, #dd5151, #f0bc85, #848484, #d0c66c, #602108, #db8806, #15c1ea, 9);
}
.mining-company.company-custom.theme-9 .progress-bar-block .pb-text {
  color: extract(white, white, black, white, black, white, white, #032839, 9);
}
.mining-company.company-custom.theme-9 .progress-bar-block .indicator-inner {
  background: extract(#5b3004, #5e0505, #9c652b, #562b2b, #686013, #ae4d27, #8e5802, #aae6fd, 9);
  border: none;
  height: 24px;
  margin: 0;
}
.mining-company .change-theme .btn-theme.btn-theme-9 {
  background-image: url("../img/business/mining_company/background/thumbs/9.png");
  background-repeat: repeat;
  background-position: center -1px;
  background-origin: border-box;
  opacity: 0.7;
  background-size: contain;
}
.mining-company .change-theme .btn-theme.btn-theme-9.active,
.mining-company .change-theme .btn-theme.btn-theme-9:active {
  background-image: url("../img/business/mining_company/background/thumbs/9.png");
  background-repeat: repeat;
  background-position: center -1px;
  opacity: 1;
}
.mining-company.company-custom.theme-10 .header:before {
  background-image: url("../img/business/mining_company/background/10.jpg");
  display: block;
  content: " ";
  background-size: cover;
}
.mining-company.company-custom.theme-10 .bg-theme {
  color: extract(white, white, black, white, black, white, white, #032839, 10);
  background: extract(#8b5c2c, #dd5151, #f0bc85, #848484, #d0c66c, #602108, #db8806, #15c1ea, 10);
}
.mining-company.company-custom.theme-10 .progress-bar-block .pb-inner {
  border: none;
  background: extract(#8b5c2c, #dd5151, #f0bc85, #848484, #d0c66c, #602108, #db8806, #15c1ea, 10);
}
.mining-company.company-custom.theme-10 .progress-bar-block .pb-text {
  color: extract(white, white, black, white, black, white, white, #032839, 10);
}
.mining-company.company-custom.theme-10 .progress-bar-block .indicator-inner {
  background: extract(#5b3004, #5e0505, #9c652b, #562b2b, #686013, #ae4d27, #8e5802, #aae6fd, 10);
  border: none;
  height: 24px;
  margin: 0;
}
.mining-company .change-theme .btn-theme.btn-theme-10 {
  background-image: url("../img/business/mining_company/background/thumbs/10.png");
  background-repeat: repeat;
  background-position: center -1px;
  background-origin: border-box;
  opacity: 0.7;
  background-size: contain;
}
.mining-company .change-theme .btn-theme.btn-theme-10.active,
.mining-company .change-theme .btn-theme.btn-theme-10:active {
  background-image: url("../img/business/mining_company/background/thumbs/10.png");
  background-repeat: repeat;
  background-position: center -1px;
  opacity: 1;
}
.mining-company .company-name-block .sub-title img {
  width: 30px;
  height: 30px;
  margin-top: -15px;
}
.mining-map-wrap {
  padding: 10px 5px;
  width: 100%;
  position: relative;
}
.mining-map-wrap .mining-map {
  position: relative;
}
.mining-map-wrap .mining-map .bulldozer {
  position: absolute;
  width: 50px;
  height: 50px;
  background-size: contain;
  background-repeat: no-repeat;
  bottom: 0;
  z-index: 8;
}
.mining-map-wrap .mining-map .bulldozer .bulldozer-smoke {
  top: -280px;
  left: -100px;
  position: absolute;
  z-index: -10;
}
.mining-map-wrap .mining-map .mining-mineral-wrap {
  width: 35px;
  height: 35px;
  position: absolute;
  z-index: 10;
  overflow: initial;
  padding: 0;
}
.mining-map-wrap .mining-map .mining-mineral-wrap .mineral-price-percent {
  user-select: none;
  color: #ffffff;
  position: absolute;
  top: -20px;
  text-align: center;
  width: 100%;
  text-shadow: #333333 1px 1px;
  font-size: 18px;
  line-height: 100%;
  border-radius: 8px;
  padding: 2px;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.65) 50%, rgba(255, 255, 255, 0) 100%);
}
.mining-map-wrap .mining-map .mining-mineral-wrap .mineral-price-percent span {
  text-shadow: 1px 1px 1px black;
  user-select: none;
  cursor: default;
}
.mining-map-wrap .mining-map .mining-mineral-wrap.hackwork .mineral-price-percent {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.65) 50%, rgba(255, 255, 255, 0) 100%);
}
.mining-map-wrap .mining-map .mining-mineral-wrap.elite .mineral-price-percent {
  background: linear-gradient(90deg, rgba(103, 151, 49, 0.7) 50%, rgba(255, 255, 255, 0) 100%);
}
.mining-map-wrap .mining-map .mining-mineral-wrap.contest .mineral-price-percent {
  background: linear-gradient(90deg, rgba(75, 130, 223, 0.7) 50%, rgba(255, 255, 255, 0) 100%);
}
.mining-map-wrap .mining-map .mining-mineral-wrap .mining-mineral {
  width: 35px;
  height: 35px;
  background-repeat: no-repeat;
  background-size: 100%;
  cursor: pointer;
}
.mining-map-wrap .mining-map .mining-mineral-wrap .mining-mineral.other-user {
  cursor: default;
}
.mining-map-wrap .mining-map .mining-mineral-wrap .mining-mineral .red-dot {
  position: absolute;
  border-radius: 100%;
  background-color: #ff3e3e;
  width: 8px;
  height: 8px;
  right: 5px;
  top: 5px;
  z-index: 10;
}
.mining-map-wrap .mining-map .mining-mineral-wrap .mining-mineral .other-bulldozer {
  position: absolute;
  width: 40px;
  height: 40px;
  background-size: contain;
  background-repeat: no-repeat;
  top: 20px;
  left: -20px;
}
.mining-map-wrap .mining-map .mining-mineral-wrap.busy .mining-mineral {
  cursor: default;
}
.mining-map-wrap .mining-map .mining-mineral-wrap.hackwork {
  opacity: 0.75;
}
.mining-map-wrap .mining-map .mining-mineral-wrap.selected .mining-resource-modal {
  display: block;
}
.mining-map-wrap .mining-map .mining-mineral-wrap:not(.hackwork):not(.elite):not(.contest).level-1 .mining-mineral {
  filter: drop-shadow(0px 4px 8px #b3b3b3) drop-shadow(0px -4px 8px #b3b3b3) drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.3));
}
.mining-map-wrap .mining-map .mining-mineral-wrap:not(.hackwork):not(.elite):not(.contest).level-1 .mining-mineral:hover {
  filter: drop-shadow(0px 4px 15px #b3b3b3) drop-shadow(0px -4px 15px #b3b3b3) drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.3));
}
.mining-map-wrap .mining-map .mining-mineral-wrap:not(.hackwork):not(.elite):not(.contest).level-2 {
  filter: drop-shadow(0px 4px 8px #319bb7) drop-shadow(0px -4px 8px #319bb7) drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.3));
}
.mining-map-wrap .mining-map .mining-mineral-wrap:not(.hackwork):not(.elite):not(.contest).level-2:hover {
  filter: drop-shadow(0px 4px 15px #319bb7) drop-shadow(0px -4px 15px #319bb7) drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.3));
}
.mining-map-wrap .mining-map .mining-mineral-wrap:not(.hackwork):not(.elite):not(.contest).level-3 {
  filter: drop-shadow(0px 4px 8px #e9a63d) drop-shadow(0px -4px 8px #e9a63d) drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.3));
}
.mining-map-wrap .mining-map .mining-mineral-wrap:not(.hackwork):not(.elite):not(.contest).level-3:hover {
  filter: drop-shadow(0px 4px 15px #e9a63d) drop-shadow(0px -4px 15px #e9a63d) drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.3));
}
.mining-map-wrap .mining-map .mining-mineral-wrap:not(.hackwork):not(.elite):not(.contest).level-4 {
  filter: drop-shadow(0px 4px 8px #419943) drop-shadow(0px -4px 8px #419943) drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.3));
}
.mining-map-wrap .mining-map .mining-mineral-wrap:not(.hackwork):not(.elite):not(.contest).level-4:hover {
  filter: drop-shadow(0px 4px 15px #419943) drop-shadow(0px -4px 15px #419943) drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.3));
}
.mining-map-wrap .mining-map .mining-mineral-wrap:not(.hackwork):not(.elite):not(.contest).level-5 {
  filter: drop-shadow(0px 4px 8px #ff8600) drop-shadow(0px -4px 8px #ff8600) drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.3));
}
.mining-map-wrap .mining-map .mining-mineral-wrap:not(.hackwork):not(.elite):not(.contest).level-5:hover {
  filter: drop-shadow(0px 4px 15px #ff8600) drop-shadow(0px -4px 15px #ff8600) drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.3));
}
.mining-map-wrap .mining-map .mining-resource-modal .order-info .captchaContainer {
  text-align: center;
  background-color: #e5e7eb;
  color: black;
}
.mining-map-wrap .mining-map .mining-resource-modal .order-info .captchaContainer .ccLine1 {
  font-size: 12px;
}
.mining-map-wrap .mining-map .mining-resource-modal .order-info .error-container .btn {
  box-shadow: none;
}
.mining-map-wrap .mining-map .modals-wrap {
  position: absolute;
  width: 315px;
  left: 0;
  right: 0;
  z-index: 200;
  top: 80px;
  margin-left: auto;
  margin-right: auto;
}
.mining-map-wrap .mining-map .modals-wrap .mining-resource-modal {
  background-color: rgba(0, 0, 0, 0.9);
  border-radius: 4px;
}
.mining-map-wrap .mining-map.disabled {
  opacity: 0.3;
  pointer-events: none;
}
.mining-map-wrap .location-list-wrap {
  display: flex;
  align-items: center;
  position: relative;
}
.mining-map-wrap .location-list-wrap .btn-wrap {
  width: 80px;
}
.mining-map-wrap .location-list-wrap .location-list-container {
  overflow-x: scroll;
}
.mining-map-wrap .location-list-wrap .location-list-container .location-list {
  display: flex;
  align-items: center;
}
.mining-map-wrap .location-list-wrap .location-list-container .location-list .location-map {
  margin-left: 5px;
  position: relative;
  cursor: pointer;
}
.mining-map-wrap .location-list-wrap .location-list-container .location-list .location-map .button-btn-wrap {
  height: 100%;
  width: 100%;
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(64, 64, 64, 0.56);
  border-radius: 4px;
}
.mining-map-wrap .location-list-wrap .location-list-container .location-list .location-map .button-btn-wrap button {
  height: 25px;
  padding: 1px 5px;
  font-size: 12px;
  box-shadow: 0 1px 1px #606060;
}
.mining-map-wrap .location-list-wrap .location-list-container .location-list .location-map:hover .button-btn-wrap {
  opacity: 1;
}
.mining-map-wrap .location-list-wrap .location-list-container .location-list .location-map .location-image {
  background-size: 102%;
  background-repeat: no-repeat;
  width: 80px;
  height: 52px;
  border-radius: 4px;
}
.mining-map-wrap .location-list-wrap .location-list-container .location-list .location-map.active .location-image {
  width: 125px;
  height: 81px;
  border: 2px solid #fbbc23;
  box-sizing: border-box;
  box-shadow: 0 2px 8px 0 rgba(251, 188, 35, 0.6);
}
.mining-map-wrap .mining-order.disabled {
  opacity: 0.3;
  pointer-events: none;
}
/* Override common order styles */
.mining-map-wrap .order .captcha-wrap.captchaContainer {
  display: none;
  position: initial;
  color: #000;
  background-color: #e6e7eb;
  left: initial;
  top: initial;
  width: initial;
  height: initial;
  box-sizing: border-box;
  padding: initial;
}
.mining-map-wrap .order.error .accept-row {
  display: none;
}
.mining-map-wrap .order.extended .accept-row {
  display: none;
}
.mining-map-wrap .order.extended .captcha-wrap {
  display: block;
}
.mining-map-wrap .map-loader {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 9999999;
  background-color: #d2d2d2;
  opacity: 0.7;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mining-map-wrap .map-loader .fa-spinner {
  font-size: 54px;
}
.btn-shadow-dark {
  box-shadow: 0 1px 1px #606060;
}
.table-container.table-with-header {
  background: var(--tx-panel-background);
  border-radius: 4px;
  box-shadow: 0 1px 1px #d9d9d9;
}
.mining-stat td > p {
  margin: 0;
}
.ore-icon {
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: left;
  height: 20px;
  width: 20px;
}
.exchange-range {
  accent-color: #e76d6c;
}
.ore-icon-1 {
  background-image: url("/media/resources/1.png");
}
.ore-icon-2 {
  background-image: url("/media/resources/2.png");
}
.ore-icon-3 {
  background-image: url("/media/resources/3.png");
}
.ore-icon-4 {
  background-image: url("/media/resources/4.png");
}
.ore-icon-5 {
  background-image: url("/media/resources/5.png");
}
.mining-refill-account {
  color: #fbe222;
  text-decoration: none;
}
.mining-refill-account:hover {
  color: #fbe222;
  text-decoration: underline;
}
@keyframes ripple {
  from {
    opacity: 1;
    transform: scale3d(0.75, 0.75, 1);
  }
  to {
    opacity: 0;
    transform: scale3d(2, 2, 1);
  }
}
.helper-price-wrap .prize-wrap {
  border: 1px solid #419943;
  border-radius: 4px;
  max-width: 130px;
}
.helper-price-wrap .prize-wrap .prize-block {
  align-self: center !important;
}
.missions-wrap a {
  text-decoration: none;
}
.missions-wrap [data-shrink-it="true"] {
  transition: all 0.05s ease-in-out;
}
.missions-wrap .shrink-it {
  transform: scale(0.95);
}
.missions-wrap .mission-banner {
  width: 100%;
  height: 100px;
  position: relative;
  border-radius: 15px;
  overflow: hidden;
  cursor: pointer;
  margin: 5px 0;
  box-shadow: 0px 0px 4px 0px var(--tx-box-shadow-color);
}
.missions-wrap .mission-banner .fa-lock-alt {
  z-index: 3;
  color: #848484;
  position: absolute;
  right: 20px;
  top: 30px;
  font-size: 45px;
  opacity: 0.7;
}
.missions-wrap .mission-banner-dot {
  width: 15px;
  height: 15px;
  border-radius: 100%;
  background-color: #f74877;
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 10;
}
.missions-wrap .mission-banner-dot::after {
  opacity: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  height: 100%;
  width: 100%;
  background: #f74877;
  border-radius: 100%;
  animation-name: ripple;
  animation-duration: 3s;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(0.65, 0, 0.34, 1);
  z-index: -1;
}
.missions-wrap .mission-banner:hover .mission-banner-image {
  width: 103%;
}
.missions-wrap .mission-banner.mission-banner-disabled .mission-banner-image:after {
  content: " ";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  z-index: 2;
}
.missions-wrap .mission-banner.mission-banner-disabled .mission-banner-content {
  color: #848484;
}
.missions-wrap .mission-banner.mission-banner-disabled .mission-banner-content-title {
  color: #848484;
}
.missions-wrap .mission-banner-image {
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.missions-wrap .mission-banner-image:after {
  content: " ";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  position: absolute;
  z-index: 2;
}
.missions-wrap .mission-banner-content {
  display: flex;
  align-items: start;
  justify-content: space-between;
  color: white;
  position: relative;
  padding: 10px;
  width: 100%;
  height: 100%;
  z-index: 10;
  font-size: 14px;
  line-height: 15px;
  font-weight: normal;
}
.missions-wrap .mission-banner-content-rewards {
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
  display: flex;
  flex-direction: column;
}
.missions-wrap .mission-banner-content-rewards .usual-present {
  margin: 0 !important;
}
.missions-wrap .mission-banner-content-rewards .usual-present .usual-image {
  width: 40px;
  height: auto;
  max-height: 40px;
}
@media (max-width: 991px) {
  .missions-wrap .mission-banner-content-rewards .usual-present .usual-image {
    width: 50px;
  }
}
.missions-wrap .mission-banner-content-rewards .usual-present span {
  font-size: 14px;
  font-weight: normal;
}
.missions-wrap .mission-banner-content-rewards .usual-present .ia {
  width: 40px;
  height: 40px;
}
@media (max-width: 991px) {
  .missions-wrap .mission-banner-content-rewards .usual-present .ia {
    width: 50px;
    height: 50px;
  }
}
.missions-wrap .mission-banner-content-rewards .usual-present .icon-achievement-circle {
  height: 40px;
  width: 40px;
  background: #fafafa;
  /*border: 2px solid #E6E6E6;*/
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.6);
  position: relative;
  border-radius: 50%;
  margin: 0 2px;
}
.missions-wrap .mission-banner-content-rewards .usual-present .icon-achievement-circle .icon-achievement {
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 100%;
  background-size: 119% !important;
  background-repeat: no-repeat !important;
  background-position: -4px 4px !important;
  transition: width 0.5s, height 0.5s, transform 0.5s;
}
.missions-wrap .mission-banner-content-rewards .usual-present .user-task {
  width: 60px;
  height: auto;
  max-height: 60px;
}
.missions-wrap .mission-banner-content-title {
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  line-height: 18px;
  padding-bottom: 5px;
  color: #fbbc23;
  text-transform: uppercase;
}
.missions-wrap .mission-banner-content-time {
  background-color: #f74877;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  padding: 2px 5px;
}
.missions-wrap .mission-banner-content-time:before {
  position: absolute;
  z-index: -1;
  content: "";
  top: 0;
  height: 100%;
  width: 100%;
  background-color: inherit;
  -webkit-transform: skewX(10deg);
  -moz-transform: skewX(10deg);
  -ms-transform: skewX(10deg);
  transform: skewX(10deg);
}
.daily-tasks-wrap .user-tasks-wrap .user-task .task-progress-bar {
  display: flex;
  justify-content: center;
  position: relative;
}
.daily-tasks-wrap .user-tasks-wrap .user-task .task-progress-bar .bar-line {
  background: linear-gradient(90deg, #f74877 -12.15%, #fbbc23 100%);
  width: 10px;
  height: 100%;
  position: absolute;
  top: 10px;
}
.daily-tasks-wrap .user-tasks-wrap .user-task .task-progress-bar .bar-line-bg {
  width: 10px;
  height: calc(100% - 30px);
  background: linear-gradient(180deg, #f1f1f1 0%, #dbdbdb 100%);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
  position: absolute;
  top: 10px;
}
.daily-tasks-wrap .user-tasks-wrap .user-task .task-progress-bar .bar-task-circles-wrap {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
  z-index: 10;
  justify-content: space-between;
}
.daily-tasks-wrap .user-tasks-wrap .user-task .task-progress-bar .bar-task-circles-wrap .bar-task-circle {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background: #ffffff;
  border: 2px solid #dddddd;
  box-sizing: border-box;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
  display: flex;
  z-index: 2;
}
.daily-tasks-wrap .user-tasks-wrap .user-task .task-progress-bar .bar-task-circles-wrap .bar-task-circle .bar-inner-circle {
  width: 20px;
  height: 20px;
  margin: auto;
  border-radius: 50%;
}
.daily-tasks-wrap .user-tasks-wrap .user-task .task-progress-bar .bar-task-circles-wrap .bar-task-circle.active,
.daily-tasks-wrap .user-tasks-wrap .user-task .task-progress-bar .bar-task-circles-wrap .bar-task-circle.ready {
  border-color: #fbbc23;
}
.daily-tasks-wrap .user-tasks-wrap .user-task .task-progress-bar .bar-task-circles-wrap .bar-task-circle.active .bar-inner-circle,
.daily-tasks-wrap .user-tasks-wrap .user-task .task-progress-bar .bar-task-circles-wrap .bar-task-circle.ready .bar-inner-circle {
  background: linear-gradient(180deg, #ffedc0 0%, #fbbc23 47.76%, #bd8602 100%);
}
.daily-tasks-wrap .user-tasks-wrap .user-task .task-progress-bar .bar-task-circles-wrap .bar-task-circle.completed {
  border: 2px solid #419943;
}
.daily-tasks-wrap .user-tasks-wrap .user-task .task-progress-bar .bar-task-circles-wrap .bar-task-circle.completed .bar-inner-circle {
  background: linear-gradient(180deg, #68dd6b 0%, #419943 49.37%, #136b15 100%);
}
.daily-tasks-wrap .user-tasks-wrap .user-task .tasks-list .task-container {
  display: flex;
  position: relative;
  /* PROGRESS BAR */
}
.daily-tasks-wrap .user-tasks-wrap .user-task .tasks-list .task-container:first-child .progress-line .bar-line,
.daily-tasks-wrap .user-tasks-wrap .user-task .tasks-list .task-container:first-child .progress-line .bar-line-bg {
  top: 50%;
  height: 50%;
}
.daily-tasks-wrap .user-tasks-wrap .user-task .tasks-list .task-container:last-child .progress-line .bar-line,
.daily-tasks-wrap .user-tasks-wrap .user-task .tasks-list .task-container:last-child .progress-line .bar-line-bg {
  bottom: 50%;
  height: 50%;
}
.daily-tasks-wrap .user-tasks-wrap .user-task .tasks-list .task-container:last-child .progress-line.active .bar-line-bg,
.daily-tasks-wrap .user-tasks-wrap .user-task .tasks-list .task-container:last-child .progress-line.ready .bar-line-bg {
  height: 0;
}
.daily-tasks-wrap .user-tasks-wrap .user-task .tasks-list .task-container .progress-line {
  margin-right: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.daily-tasks-wrap .user-tasks-wrap .user-task .tasks-list .task-container .progress-line .bar-line {
  background: linear-gradient(90deg, #f74877 -12.15%, #fbbc23 100%);
  width: 10px;
  height: 100%;
  position: absolute;
}
.daily-tasks-wrap .user-tasks-wrap .user-task .tasks-list .task-container .progress-line .bar-line-bg {
  width: 10px;
  height: 100%;
  background: linear-gradient(90deg, #f1f1f1 0%, #dbdbdb 100%);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
  position: absolute;
}
.daily-tasks-wrap .user-tasks-wrap .user-task .tasks-list .task-container .progress-line .bar-task-circle {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background: #ffffff;
  border: 2px solid #dddddd;
  box-sizing: border-box;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
  display: flex;
  z-index: 2;
  position: relative;
}
.daily-tasks-wrap .user-tasks-wrap .user-task .tasks-list .task-container .progress-line .bar-task-circle .bar-inner-circle {
  width: 20px;
  height: 20px;
  margin: auto;
  border-radius: 50%;
  z-index: 1;
}
.daily-tasks-wrap .user-tasks-wrap .user-task .tasks-list .task-container .progress-line .bar-task-circle .circle-blur {
  position: absolute;
}
.daily-tasks-wrap .user-tasks-wrap .user-task .tasks-list .task-container .progress-line.active .bar-line-bg,
.daily-tasks-wrap .user-tasks-wrap .user-task .tasks-list .task-container .progress-line.ready .bar-line-bg {
  height: 50%;
  top: 50%;
}
.daily-tasks-wrap .user-tasks-wrap .user-task .tasks-list .task-container .progress-line.active .bar-task-circle,
.daily-tasks-wrap .user-tasks-wrap .user-task .tasks-list .task-container .progress-line.ready .bar-task-circle {
  border-color: #fbbc23;
}
.daily-tasks-wrap .user-tasks-wrap .user-task .tasks-list .task-container .progress-line.active .bar-task-circle .circle-blur,
.daily-tasks-wrap .user-tasks-wrap .user-task .tasks-list .task-container .progress-line.ready .bar-task-circle .circle-blur {
  width: 30px;
  height: 30px;
  background: #fbbc23;
  filter: blur(8px);
  z-index: 0;
  top: -2px;
  left: -2px;
}
.daily-tasks-wrap .user-tasks-wrap .user-task .tasks-list .task-container .progress-line.active .bar-task-circle .bar-inner-circle,
.daily-tasks-wrap .user-tasks-wrap .user-task .tasks-list .task-container .progress-line.ready .bar-task-circle .bar-inner-circle {
  background: linear-gradient(270deg, #ffedc0 0%, #fbbc23 47.76%, #bd8602 100%);
}
.daily-tasks-wrap .user-tasks-wrap .user-task .tasks-list .task-container .progress-line.complete .bar-line-bg {
  height: 0;
}
.daily-tasks-wrap .user-tasks-wrap .user-task .tasks-list .task-container .progress-line.complete .bar-task-circle {
  border: 2px solid #419943;
}
.daily-tasks-wrap .user-tasks-wrap .user-task .tasks-list .task-container .progress-line.complete .bar-task-circle .bar-inner-circle {
  background: linear-gradient(270deg, #68dd6b 0%, #419943 49.37%, #136b15 100%);
}
.daily-tasks-wrap .user-tasks-wrap .user-task .tasks-list .task-container .task-wrap {
  position: relative;
  width: 100%;
  padding: 10px 5px 5px;
  margin: 5px 0;
  border: 1px solid #419943;
  box-sizing: border-box;
  border-radius: 4px;
  background-size: contain;
  background-image: url("../img/daily_task/task_bg.png");
}
.daily-tasks-wrap .user-tasks-wrap .user-task .tasks-list .task-container .task-wrap .task-block {
  height: 100%;
  display: flex;
}
.daily-tasks-wrap .user-tasks-wrap .user-task .tasks-list .task-container .task-wrap .task-block .task-name {
  width: 55%;
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 110%;
  min-height: 45px;
  margin: 0 10px;
}
.daily-tasks-wrap .user-tasks-wrap .user-task .tasks-list .task-container .task-wrap .task-block .result-block {
  width: 45%;
}
.daily-tasks-wrap .user-tasks-wrap .user-task .tasks-list .task-container .task-wrap .result-block {
  margin-top: 5px;
}
.daily-tasks-wrap .user-tasks-wrap .user-task .tasks-list .task-container .task-wrap .result-block .result-complete {
  width: 100%;
}
.daily-tasks-wrap .user-tasks-wrap .user-task .tasks-list .task-container .task-wrap .result-block .btn {
  box-shadow: none;
}
.daily-tasks-wrap .user-tasks-wrap .user-task .tasks-list .task-container .prize-wrap {
  line-height: 100%;
  padding: 10px 5px 5px;
  margin: 0 6px;
  background: radial-gradient(50% 50% at 50% 50%, var(--tx-panel-background) 16.07%, var(--drk-background, #eff0f1) 100%);
  border-left: 1px solid #419943;
  border-right: 1px solid #419943;
  box-sizing: border-box;
  min-width: 135px;
  font-size: 12px;
  display: flex;
  justify-content: center;
}
.daily-tasks-wrap .user-tasks-wrap .user-task .tasks-list .task-container .prize-wrap .prize-block {
  margin: 0 5px;
}
.daily-tasks-wrap .user-tasks-wrap .user-task .tasks-list .task-container .prize-wrap .prize-block .price-icon {
  height: 34px;
}
.daily-tasks-wrap .user-tasks-wrap .user-task .tasks-list .task-container:first-child .prize-wrap {
  border-top: 1px solid #419943;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.daily-tasks-wrap .user-tasks-wrap .user-task .tasks-list .task-container:last-child .prize-wrap {
  border-bottom: 1px solid #419943;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.daily-tasks-wrap .user-tasks-wrap .user-task .tasks-list .task-container .premium-prize-wrap {
  line-height: 100%;
  position: relative;
  padding: 10px 5px 5px;
  margin: 0;
  background-color: #6daaf9;
  border-left: 1px solid #3584e6;
  border-right: 1px solid #3584e6;
  box-sizing: border-box;
  min-width: 135px;
  font-size: 12px;
  display: flex;
  justify-content: center;
}
.daily-tasks-wrap .user-tasks-wrap .user-task .tasks-list .task-container .premium-prize-wrap .union {
  position: absolute;
  top: calc(50% - 10px);
  left: -14px;
  height: 20px;
  width: 20px;
  background-image: url("../img/daily_task/task_union.svg");
  background-size: contain;
}
.daily-tasks-wrap .user-tasks-wrap .user-task .tasks-list .task-container .premium-prize-wrap .premium-header {
  position: absolute;
  text-align: center;
  top: -40px;
  height: 40px;
  width: 135px;
  background: radial-gradient(50% 50% at 50% 50%, #73b0fc 16.07%, #3584e6 100%), radial-gradient(50% 50% at 50% 50%, #152946 16.07%, #091a32 100%);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border: 1px solid #3584e6;
}
.daily-tasks-wrap .user-tasks-wrap .user-task .tasks-list .task-container .premium-prize-wrap .premium-header .premium-icon {
  width: 75px;
  height: 17px;
  margin: 11px auto;
  background-size: contain;
  background-image: url("../img/premium/message-premium-tag.svg");
}
.daily-tasks-wrap .user-tasks-wrap .user-task .tasks-list .task-container .premium-prize-wrap .premium-header .premium-text {
  font-size: 12px;
  line-height: 100%;
}
.daily-tasks-wrap .user-tasks-wrap .user-task .tasks-list .task-container .premium-prize-wrap .premium-footer {
  position: absolute;
  text-align: center;
  bottom: -55px;
  height: 55px;
  padding: 10px 0;
  width: 135px;
  background: radial-gradient(50% 50% at 50% 50%, #aed2ff 16.07%, #77b4ff 100%);
  border: 1px solid #3584e6;
  border-top: none;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.daily-tasks-wrap .user-tasks-wrap .user-task .tasks-list .task-container .premium-prize-wrap .prize-block {
  margin: 0 5px;
}
.daily-tasks-wrap .user-tasks-wrap .user-task .tasks-list .task-container .premium-prize-wrap .prize-block .price-icon {
  height: 34px;
}
.daily-tasks-wrap .user-tasks-wrap .user-task .tasks-list .task-container .premium-prize-wrap .prize-block .prize-premium-header {
  display: none;
}
.daily-tasks-wrap .user-tasks-wrap .user-task .tasks-list .task-container:first-child .task-wrap {
  margin-top: 0;
}
.daily-tasks-wrap .user-tasks-wrap .user-task .tasks-list .task-container:first-child .premium-prize-wrap {
  border-top: 1px solid #3584e6;
}
.daily-tasks-wrap .user-tasks-wrap .user-task .tasks-list .task-container:last-child .task-wrap {
  margin-bottom: 0;
}
.daily-tasks-wrap .user-tasks-wrap .user-task .tasks-list .task-container:last-child .premium-prize-wrap {
  border-bottom: 1px solid #3584e6;
}
.daily-tasks-wrap .user-tasks-wrap .user-task .tasks-list .task-container.complete .task-wrap .task-block .task-name {
  opacity: 0.5;
}
.daily-tasks-wrap .user-tasks-wrap .user-task .tasks-list .task-container.ready .task-wrap {
  background-image: url("../img/daily_task/task_ready_bg.png");
  background-size: cover;
  border: 0;
  box-shadow: 0 0 10px #419943;
  color: #fff;
}
.daily-tasks-wrap .user-tasks-wrap .user-task .tasks-list .task-container.active .prize-wrap .prize-block,
.daily-tasks-wrap .user-tasks-wrap .user-task .tasks-list .task-container.active .premium-prize-wrap .prize-block {
  opacity: 0.5;
}
.daily-tasks-wrap .user-tasks-wrap .user-task .tasks-list .task-container.waiting .prize-wrap .prize-block {
  opacity: 0.5;
}
.daily-tasks-wrap .user-tasks-wrap .user-task .tasks-list .task-container.no-premium .premium-prize-wrap .prize-block {
  opacity: 0.5;
}
.daily-tasks-wrap .user-tasks-wrap .user-task .chain-prize-container,
.daily-tasks-wrap .user-tasks-wrap .user-task .chain-popup {
  overflow: hidden;
}
.daily-tasks-wrap .user-tasks-wrap .user-task .chain-prize-container .btn-close,
.daily-tasks-wrap .user-tasks-wrap .user-task .chain-popup .btn-close {
  display: none;
}
.daily-tasks-wrap .user-tasks-wrap .user-task .chain-prize-container .chain-prize-wrap,
.daily-tasks-wrap .user-tasks-wrap .user-task .chain-popup .chain-prize-wrap {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 14.83%, rgba(255, 255, 255, 0) 58.43%), url(.jpg), radial-gradient(50% 50% at 50% 50%, #7fc581 16.07%, #419943 100%);
  background-image: url("../img/daily_task/chain_prize_bg.svg");
  background-size: cover;
  border: 1px solid #419943;
  box-sizing: border-box;
  border-radius: 4px;
  position: relative;
}
.daily-tasks-wrap .user-tasks-wrap .user-task .chain-prize-container .chain-prize-wrap .header,
.daily-tasks-wrap .user-tasks-wrap .user-task .chain-popup .chain-prize-wrap .header {
  position: relative;
  z-index: 20;
}
.daily-tasks-wrap .user-tasks-wrap .user-task .chain-prize-container .chain-prize-wrap .chain-body .tariff-present-wrap,
.daily-tasks-wrap .user-tasks-wrap .user-task .chain-popup .chain-prize-wrap .chain-body .tariff-present-wrap {
  margin-bottom: -30px;
  position: relative;
}
.daily-tasks-wrap .user-tasks-wrap .user-task .chain-prize-container .chain-prize-wrap .chain-body .tariff-present-wrap .tariff-light,
.daily-tasks-wrap .user-tasks-wrap .user-task .chain-popup .chain-prize-wrap .chain-body .tariff-present-wrap .tariff-light {
  width: 100%;
  position: absolute;
  height: 200px;
  top: -55px;
  z-index: 0;
  background: url("../img/daily_task/tariff_lights.svg") no-repeat center;
}
@media (max-width: 768px) {
  .daily-tasks-wrap .user-tasks-wrap .user-task .chain-prize-container .chain-prize-wrap .chain-body .tariff-present-wrap .tariff-light,
  .daily-tasks-wrap .user-tasks-wrap .user-task .chain-popup .chain-prize-wrap .chain-body .tariff-present-wrap .tariff-light {
    top: -85px;
  }
}
.daily-tasks-wrap .user-tasks-wrap .user-task .chain-prize-container .chain-prize-wrap .chain-body .tariff-present-wrap .tariff-present .tariff-image,
.daily-tasks-wrap .user-tasks-wrap .user-task .chain-popup .chain-prize-wrap .chain-body .tariff-present-wrap .tariff-present .tariff-image {
  position: relative;
  z-index: 1;
  top: 0px;
}
@media (max-width: 480px) {
  .daily-tasks-wrap .user-tasks-wrap .user-task .chain-prize-container .chain-prize-wrap .chain-body .tariff-present-wrap .tariff-present .tariff-image,
  .daily-tasks-wrap .user-tasks-wrap .user-task .chain-popup .chain-prize-wrap .chain-body .tariff-present-wrap .tariff-present .tariff-image {
    top: 15px;
  }
}
.daily-tasks-wrap .user-tasks-wrap .user-task .chain-prize-container .chain-prize-wrap .chain-body .tariff-present-wrap h2,
.daily-tasks-wrap .user-tasks-wrap .user-task .chain-popup .chain-prize-wrap .chain-body .tariff-present-wrap h2 {
  top: 15px;
  position: absolute;
  width: 100%;
  z-index: 10;
}
@media (max-width: 480px) {
  .daily-tasks-wrap .user-tasks-wrap .user-task .chain-prize-container .chain-prize-wrap .chain-body .tariff-present-wrap h2,
  .daily-tasks-wrap .user-tasks-wrap .user-task .chain-popup .chain-prize-wrap .chain-body .tariff-present-wrap h2 {
    top: 0px;
  }
}
.daily-tasks-wrap .user-tasks-wrap .user-task .chain-popup .btn-close {
  display: inline-block;
}
.daily-tasks-wrap .chain-img-banner {
  background-repeat: no-repeat;
  background-size: contain;
  text-decoration: none;
  position: relative;
}
.daily-tasks-wrap .chain-img-banner:hover {
  opacity: 0.85;
}
.daily-tasks-wrap .chain-img-banner .red-dot {
  position: absolute;
  top: -3px;
  right: -3px;
  width: 20px;
  height: 20px;
  background-color: #f74877;
  border-radius: 100%;
}
.chain-progress-bar {
  display: flex;
  justify-content: start;
  position: relative;
  margin: 10px 10px 10px;
  z-index: 10;
}
.chain-progress-bar .bar-line {
  background: linear-gradient(90deg, #f74877 -12.15%, #fbbc23 100%);
  height: 10px;
  width: 100%;
  position: absolute;
  top: 15px;
}
.chain-progress-bar .bar-line-bg {
  height: 10px;
  width: calc(100% - 10px);
  background: linear-gradient(180deg, #f1f1f1 0%, #dbdbdb 100%);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
  position: absolute;
  top: 15px;
}
.chain-progress-bar .bar-task-circles-wrap {
  display: flex;
  width: 100%;
  position: relative;
  z-index: 10;
  justify-content: space-between;
}
.chain-progress-bar .bar-task-circles-wrap .chain-popup {
  width: calc(100% + 60px);
  top: calc(100% + 10px);
  position: absolute;
  left: -30px;
}
.chain-progress-bar .bar-task-circles-wrap .bar-task-circle {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background: #ffffff;
  box-sizing: border-box;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
  display: flex;
  z-index: 2;
  position: relative;
}
.chain-progress-bar .bar-task-circles-wrap .bar-task-circle:hover {
  opacity: 0.85;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}
.chain-progress-bar .bar-task-circles-wrap .bar-task-circle .start-arch,
.chain-progress-bar .bar-task-circles-wrap .bar-task-circle .finish-arch {
  position: absolute;
  top: -40px;
  left: -25px;
  width: 100px;
  height: 100px;
  z-index: 0;
  background-size: contain;
}
.chain-progress-bar .bar-task-circles-wrap .bar-task-circle .start-arch {
  background-image: url("../img/daily_task/quest_start.png");
}
.chain-progress-bar .bar-task-circles-wrap .bar-task-circle .finish-arch {
  background-image: url("../img/daily_task/quest_finish.png");
}
.chain-progress-bar .bar-task-circles-wrap .bar-task-circle .checked {
  display: none;
  font-size: 30px;
  position: absolute;
  z-index: 20;
  color: white;
  top: 5px;
  left: 5px;
}
.chain-progress-bar .bar-task-circles-wrap .bar-task-circle .level-badge {
  position: absolute;
  font-size: 10px;
  text-align: center;
  z-index: 21;
  color: white;
  margin: 0 auto;
  width: 35px;
  left: 0;
  right: 0;
  top: -6px;
}
.chain-progress-bar .bar-task-circles-wrap .bar-task-circle .bar-inner-circle {
  width: 40px;
  height: 40px;
  margin: auto;
  border-radius: 50%;
  border: 2px solid #dddddd;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  position: relative;
}
.chain-progress-bar .bar-task-circles-wrap .bar-task-circle.active .bar-inner-circle,
.chain-progress-bar .bar-task-circles-wrap .bar-task-circle.ready .bar-inner-circle {
  border-color: #fbbc23;
  background: linear-gradient(180deg, #e8a400 0%, #ffe199 100%);
}
.chain-progress-bar .bar-task-circles-wrap .bar-task-circle.completed .checked {
  display: inline-block;
}
.chain-progress-bar .bar-task-circles-wrap .bar-task-circle.completed .bar-inner-circle {
  border: 2px solid #419943;
  background: linear-gradient(180deg, #186719 0%, #8ff491 100%);
}
.chain-progress-bar .bar-task-circles-wrap .bar-task-circle.completed .level-badge {
  background-color: #419943;
}
.chain-progress-bar .bar-task-circles-wrap .bar-task-circle.incomplete {
  background: linear-gradient(180deg, #e8a400 0%, #ffe199 100%);
}
.chain-progress-bar .bar-task-circles-wrap .bar-task-circle.incomplete .level-badge {
  background-color: #fbbc23;
}
.chain-progress-bar .bar-task-circles-wrap .bar-task-circle.incomplete .bar-inner-circle {
  border: 2px solid #fbbc23;
  box-shadow: 0 0 8px 3px #fbbc23;
}
@media (max-width: 480px) {
  .calendar-tasks {
    padding: 0 !important;
  }
}
.calendar-tasks .calendar-task-wrap {
  position: relative;
  float: left;
  margin: 0 5px 10px;
  width: 95px;
  height: 90px;
  border: 1px solid #419943;
  box-sizing: border-box;
  border-radius: 4px;
}
@media (max-width: 480px) {
  .calendar-tasks .calendar-task-wrap {
    width: 70px;
  }
}
.calendar-tasks .calendar-task-wrap.ready.available {
  cursor: pointer;
  border: 2px solid #fbbc23;
  box-sizing: border-box;
  border-radius: 4px;
}
.calendar-tasks .calendar-task-wrap.ready.available:hover {
  border: 2px solid #ffd897;
}
.calendar-tasks .calendar-task-wrap.complete {
  opacity: 0.6;
}
.calendar-tasks .calendar-task-wrap.complete .okay-icon {
  display: flex;
}
@media (max-width: 480px) {
  .calendar-tasks .calendar-task-wrap.complete .okay-icon img {
    height: 10px;
  }
}
.calendar-tasks .calendar-task-wrap .okay-icon {
  right: 1px;
  top: 1px;
  position: absolute;
  display: none;
}
.calendar-tasks .calendar-task-wrap .day-number {
  margin-top: 10px;
  line-height: 100%;
  text-shadow: 1px 1px 0 #263243;
}
@media (max-width: 480px) {
  .calendar-tasks .calendar-task-wrap .day-number {
    margin-top: 5px;
    font-size: 13px;
  }
}
.calendar-tasks .calendar-task-wrap .prize-wrap {
  font-size: 10px;
  float: left;
  display: flex;
  justify-content: center;
}
.calendar-tasks .calendar-task-wrap .prize-wrap .prize-block {
  line-height: 10px;
  margin: 0 5px;
}
.calendar-tasks .calendar-task-wrap .prize-wrap .prize-block .price-icon {
  height: 34px;
}
.calendar-tasks .calendar-task-wrap .prize-wrap .prize-block .prize-text {
  font-family: PT Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 10px;
  text-align: center;
}
.prize-modal {
  overflow: auto;
}
.prize-modal .star-background .prize-wrap {
  display: flex;
  justify-content: space-around;
}
.prize-modal .star-background .prize-wrap .prize-block {
  width: 25%;
  float: left;
  height: 100%;
  padding: 25px 0;
  background-size: 150%;
}
.prize-modal .star-background .prize-wrap .prize-block.prize-premium {
  position: relative;
}
.prize-modal .star-background .prize-wrap .prize-block.prize-premium:before {
  content: " ";
  position: absolute;
  top: calc(50% - 10px);
  left: -15px;
  height: 20px;
  width: 20px;
  background-image: url(../img/daily_task/task_union.svg);
  background-size: contain;
}
.prize-modal .star-background .prize-wrap .prize-block.prize-premium:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 30px;
  height: 20px;
  width: 60px;
  background: url("../img/premium/message-premium-tag.svg") center center no-repeat;
  background-size: contain;
}
.prize-modal .star-background .prize-wrap .price-icon {
  height: 100px;
}
ul.nav li .red-dot {
  display: none;
  position: absolute;
  top: 6px;
  right: 6px;
  width: 10px;
  height: 10px;
  background-color: #f74877;
  border-radius: 100%;
}
ul.nav li.ready .red-dot {
  display: block;
}
.single-task-content {
  width: 66.66666667%;
}
@media (max-width: 480px) {
  .single-task-content {
    width: 100%;
  }
}
.single-task-content .car-snippet {
  padding: 5px !important;
  width: 90%;
}
.single-task-content .car-snippet-image {
  max-height: 150px;
}
.single-task-content .car-snippet-details {
  margin-top: 0;
}
.single-task-background {
  width: 33.33333333%;
  display: flex;
  align-items: end;
}
@media (max-width: 480px) {
  .single-task-background {
    display: none;
  }
}
.single-task-description {
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 22.5px;
  color: var(--tx-text-color);
}
.single-task-image {
  position: relative;
  overflow-y: clip;
}
.single-task-image img {
  width: 100%;
  margin-top: 40px;
  margin-left: 10px;
}
.single-task-image:before {
  content: "";
  position: absolute;
  top: 0;
  left: -50px;
  height: calc(100% + 100px);
  background: url("/media/assets/app/src/img/daily_task/single-task-bg.png") no-repeat;
  aspect-ratio: 1;
  border-radius: 100%;
}
.single-task-progress {
  display: inline-block;
  background: #e4e4e4;
  border-radius: 4px;
  padding: 15px;
  font-size: 18px;
  line-height: 21px;
  color: var(--tx-text-color-reverse);
}
.single-task-rewards .rewards-title {
  font-weight: 700;
  color: var(--tx-text-color);
  font-size: 16px;
  margin-bottom: 5px;
}
.single-task-rewards .reward-items {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.single-task-rewards .reward-items .prize-block {
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #eff0f1;
  border: 1px solid #dddddd;
  border-radius: 4px;
  padding: 10px;
}
.single-task-rewards .reward-items .prize-text {
  color: #419943;
  font-weight: 700;
  margin-top: 5px;
}
.single-task-rewards .reward-items img {
  max-width: 100%;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.angle-expanded .fa-angle-down {
  transform: rotate(180deg);
  translate: 0 0;
}
.prize-block {
  position: relative;
}
.prize-block .prize-premium-header {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  color: #3b4f87;
}
.prize-block .prize-premium-header svg path {
  fill: #3b4f87;
}
.prize-block .prize-text .text-nowrap {
  white-space: unset !important;
}
.shepherd-element[data-popper-placement^=bottom] > .shepherd-arrow {
  top: 20px;
}
.shepherd-element[data-popper-placement^=bottom] > .shepherd-arrow:before {
  animation: arrow-up 3s linear infinite;
}
.shepherd-element[data-popper-placement^=bottom] > .shepherd-arrow:after {
  animation: arrow-up 3s linear infinite -1.5s;
}
.shepherd-element[data-popper-placement^=left] > .shepherd-arrow {
  right: 0;
}
.shepherd-element[data-popper-placement^=left] > .shepherd-arrow:before {
  animation: arrow-right 3s linear infinite;
}
.shepherd-element[data-popper-placement^=left] > .shepherd-arrow:after {
  animation: arrow-right 3s linear infinite -1.5s;
}
.shepherd-element[data-popper-placement^=right] > .shepherd-arrow {
  left: 15px;
}
.disable-guide {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 99999;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  padding: 5px 10px;
  color: white;
  border-bottom: 2px solid #fbbc23;
}
.shepherd-arrow {
  /**/
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: 10px;
  margin-left: 10px;
  /**/
  width: 40px;
  height: 40px;
  transform: translate(-50%, -50%);
}
.shepherd-arrow:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
}
.shepherd-arrow:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
}
@keyframes arrow-up {
  100% {
    border-left: 13.33333333px solid rgba(251, 202, 22, 0);
    border-bottom: 13.33333333px solid rgba(251, 202, 22, 0);
    transform: translate(-6.66666667px, -26.66666667px) rotate(133deg);
  }
  90%,
  10% {
    border-left: 13.33333333px solid rgba(251, 202, 22, 0);
    border-bottom: 13.33333333px solid rgba(251, 202, 22, 0);
  }
  50% {
    border-left: 13.33333333px solid rgba(251, 202, 22, 0.9);
    border-bottom: 13.33333333px solid rgba(251, 202, 22, 0.9);
    transform: translate(-6.66666667px, 0px) rotate(133deg);
  }
  0% {
    border-left: 13.33333333px solid rgba(251, 202, 22, 0);
    border-bottom: 13.33333333px solid rgba(251, 202, 22, 0);
    transform: translate(-6.66666667px, 26.66666667px) rotate(133deg);
  }
}
@keyframes arrow-right {
  0% {
    border-left: 13.33333333px solid rgba(251, 202, 22, 0);
    border-bottom: 13.33333333px solid rgba(251, 202, 22, 0);
    transform: translate(-26.66666667px, -6.66666667px) rotate(225deg);
  }
  10%,
  90% {
    border-left: 13.33333333px solid rgba(251, 202, 22, 0);
    border-bottom: 13.33333333px solid rgba(251, 202, 22, 0);
  }
  50% {
    border-left: 13.33333333px solid rgba(251, 202, 22, 0.9);
    border-bottom: 13.33333333px solid rgba(251, 202, 22, 0.9);
    transform: translate(0px, -6.66666667px) rotate(225deg);
  }
  100% {
    border-left: 13.33333333px solid rgba(251, 202, 22, 0);
    border-bottom: 13.33333333px solid rgba(251, 202, 22, 0);
    transform: translate(26.66666667px, -6.66666667px) rotate(225deg);
  }
}
.quest-float-bar {
  width: 100%;
  position: fixed;
  left: 0;
  z-index: 100001;
  background-color: rgba(0, 0, 0, 0.75);
  border-top: 2px solid #FBBC23;
  color: white;
  bottom: -100%;
  font-family: "PT Sans", serif;
}
.quest-float-bar .btn {
  border-radius: 4px;
}
.quest-float-bar .btn .btn-warning {
  background: linear-gradient(180deg, #FCD013 0%, #FBBC23 100%);
}
.quest-float-bar .btn .btn-success {
  background: linear-gradient(180deg, #419943 0%, #2C672D 96.87%);
}
.quest-float-bar .margo-block {
  width: 33%;
  max-width: 275px;
}
.quest-float-bar .margo-block .chain-time {
  display: flex;
  gap: 2px;
  align-items: center;
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 15px;
  background: linear-gradient(180deg, #FF8AA6 0%, #E45678 100%);
  line-height: 18px;
  color: #fff;
  text-shadow: 1px 1px 0px #A44058;
  font-size: 14px;
  font-weight: 700;
  padding: 2px 5px;
  z-index: 1;
  white-space: nowrap;
}
.quest-float-bar .quest-block {
  font-size: 16px;
  line-height: 23px;
  margin-left: 1%;
  width: 64%;
}
.quest-float-bar .quest-block .overflow-description {
  max-height: 400px;
  overflow: auto;
}
.quest-float-bar .quest-block .overflow-description.blurry-text {
  filter: blur(5px);
  pointer-events: none;
}
.quest-float-bar .margo {
  background: url('/media/images/margo.png') no-repeat bottom;
  background-size: contain;
  max-height: 465px;
  height: 100%;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 100001;
}
.quest-float-bar .rewards {
  padding-bottom: 20px;
}
.quest-float-bar .rewards img {
  width: 55px;
}
.quest-float-bar .rewards strong {
  color: #419943;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
}
.quest-float-bar h1,
.quest-float-bar h2,
.quest-float-bar h3,
.quest-float-bar h4,
.quest-float-bar h5 {
  margin-top: 0;
}
.quest-float-bar .quest-actions {
  display: flex;
  align-items: center;
}
.quest-float-bar .quest-actions .action-buttons {
  align-self: center;
}
.quest-float-bar .quest-actions .action-buttons .onboarding-accept {
  box-shadow: none;
}
.quest-float-bar .reward-icons {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-size: 14px;
}
.quest-float-bar .reward-icons > div:not(.action-buttons) {
  min-width: 60px;
  max-width: 80px;
  width: 20%;
  margin-right: 2%;
}
.quest-float-bar .prize-block {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid #000;
  border-radius: 4px;
  height: 0;
  width: 100%;
  padding-bottom: 100%;
  max-height: 80px;
  position: relative;
  /*height: auto;

		width: 5px;*/
  /*align-items: center;*/
  /*justify-content: center;*/
  /*display: flex;/*

		/*padding: 5px;*/
  /*margin: 0 auto 5px;*/
  margin-bottom: 5px;
}
.quest-float-bar .prize-block .price-icon {
  width: 80%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.quest-float-bar .prize-text {
  color: #419943;
  font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 18px;
}
.quest-float-bar .prize-text .text-nowrap {
  white-space: normal !important;
}
.quest-float-bar .reward-title {
  font-weight: bold;
  align-self: center;
}
@media (max-width: 992px) {
  .quest-float-bar .quest-actions {
    /*flex-direction: column;
			align-items: flex-start;*/
  }
  .quest-float-bar .quest-block {
    font-size: 16px;
    line-height: 23px;
  }
  .quest-float-bar .margo {
    left: -30px;
  }
  .quest-float-bar .btn {
    width: 100%;
    max-width: 200px;
  }
  .quest-float-bar .rewards {
    /*padding-left: 0;
			padding-bottom: 20px;*/
    /*flex-direction: column;*/
  }
  .quest-float-bar .rewards .reward-icons {
    /*display: flex;*/
  }
  .quest-float-bar .rewards .reward-icons .action-buttons {
    margin-top: 20px;
    width: 100%;
    text-align: center;
  }
  .quest-float-bar .reward-title {
    align-self: auto;
  }
  .quest-float-bar .quest-actions .action-buttons {
    margin: 0 auto;
    padding-bottom: 20px;
  }
}
.margo-icon {
  z-index: 1000;
}
.margo-icon .img-user-avatar-container {
  cursor: pointer;
  border: 2px solid white;
  -webkit-transition: border 500ms ease-out;
  -moz-transition: border 500ms ease-out;
  -o-transition: border 500ms ease-out;
  transition: border 500ms ease-out;
}
.margo-icon .img-user-avatar-container:hover {
  border: 2px solid #3584e6;
}
.margo-icon .img-user-avatar {
  background: url('/media/images/margo.png') no-repeat top;
  background-size: cover;
}
.quest-widgets {
  position: fixed;
  right: 30px;
  bottom: 30px;
  z-index: 1045;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
.quest-widgets.has-chat-icon {
  right: 100px;
}
.slideup {
  animation-name: slideup;
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-timing-function: ease-in-out;
}
.slidedown {
  animation-name: slidedown;
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-timing-function: ease-in-out;
}
@keyframes slideup {
  0% {
    bottom: -100%;
  }
  100% {
    bottom: 0;
  }
}
@keyframes slidedown {
  0% {
    bottom: 0;
  }
  100% {
    bottom: -200%;
  }
}
.pulse-rings,
.pulse-rings:after,
.pulse-rings:before {
  position: absolute;
  top: -5%;
  left: -5%;
  bottom: 0;
  right: 0;
  height: 110%;
  width: 110%;
  border-radius: 10px;
  animation-duration: 2s;
  animation-name: pulse_1;
  animation-iteration-count: infinite;
  z-index: -1;
}
.pulse-rings:before {
  position: absolute;
  content: ' ';
  display: block;
  animation-name: pulse_2;
}
.pulse-rings:after {
  position: absolute;
  content: ' ';
  display: block;
  animation-name: pulse_3;
}
.pulse-yellow,
.pulse-yellow:before,
.pulse-yellow:after {
  border: 1px solid #fbcd20;
}
.pulse-green,
.pulse-green:before,
.pulse-green:after {
  border: 1px solid #2db530;
}
.pulse-red,
.pulse-red:before,
.pulse-red:after {
  border: 1px solid #ff003d;
}
@keyframes pulse_1 {
  from {
    opacity: 1;
    transform: scale(0.9, 0.9);
  }
  to {
    opacity: 0;
    transform: scale(1.2, 1.3);
  }
}
@keyframes pulse_2 {
  from {
    opacity: 1;
    transform: scale(0.8, 0.8);
  }
  to {
    opacity: 0;
    transform: scale(1.1, 1.1);
  }
}
@keyframes pulse_3 {
  from {
    opacity: 1;
    transform: scale(0.9, 0.89);
  }
  to {
    opacity: 0;
    transform: scale(1.2, 1.3);
  }
}
.backdrop-loading {
  display: none;
}
.backdrop-loading.backdrop-loading-fullsize {
  position: fixed;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  z-index: 100000;
  cursor: default;
}
.quest-float-bar.slideup:not(.d-none) + .backdrop-loading {
  display: block;
}
.chat-menu + #margo-widget {
  right: 140px;
  bottom: 23px;
}
#margo-widget .chain-time {
  display: flex;
  gap: 2px;
  align-items: center;
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 9px;
  background: linear-gradient(180deg, #FF8AA6 0%, #E45678 100%);
  line-height: 18px;
  color: #fff;
  text-shadow: 1px 1px 0px #A44058;
  font-size: 9px;
  font-weight: 700;
  padding: 0px 3px;
  z-index: 1;
  white-space: nowrap;
}
#margo-widget .chain-time span[data-human-countdown="true"] {
  line-height: 12px;
  display: flex;
  align-items: center;
  gap: 3px;
}
#margo-widget .chain-time span[data-human-countdown="true"] span {
  margin: 2px 0px;
  line-height: 10px;
}
.task-mentor {
  color: #ffff00;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
}
.modal-custom .modal-dialog {
  z-index: 10;
  max-width: 900px;
  width: auto;
  bottom: unset;
}
.modal-custom .close {
  z-index: 1000;
}
.modal-custom .btn {
  z-index: 1000;
}
.top-15 {
  top: 15%;
}
.right-block .promo-lister .col {
  max-width: 90%;
}
.right-block .promo-lister .col .item-image {
  max-width: 100%;
}
.alert-type-promo-shopbox .right-block {
  top: 0;
}
.notice-content .contest-footer-info {
  position: absolute;
  width: 100%;
  background-color: #0c0c0c;
  color: #FBBC23;
  height: 55px;
  bottom: 0;
  left: 2px;
  border-radius: 0 0 5px 5px;
  margin: -2px;
}
.notice-content .contest-footer-info .text-uppercase {
  line-height: 55px;
}
.contest-promo {
  border: unset;
  min-height: 430px;
  max-width: 600px;
}
@media (max-width: 766px) {
  .contest-promo {
    min-height: 215px;
    max-width: 300px;
  }
}
.contest-promo .name {
  left: -15px;
  top: -20px;
  position: relative;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 18px !important;
  color: #333333;
  white-space: pre-wrap;
  text-align: left;
  margin-top: unset !important;
  margin-bottom: unset !important;
}
.contest-promo .winning {
  left: -15px;
  top: -20px;
  position: relative;
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  line-height: 70px !important;
  color: #F74877;
  text-align: left;
}
.tournament-banner {
  background-size: cover;
  width: 100%;
  max-height: 170px;
  border-radius: 6px;
  max-width: 100%;
  height: auto;
}
.panel-contest .small-icons img {
  width: 27px;
}
.panel-contest .small-icons .company-level-name {
  font-size: 90%;
}
.stage-info {
  line-height: 30px;
}
.roulette-page table.gifts-table .chance,
.roulette-page table.gifts-table .chance {
  display: none;
}
.roulette-page .modal table.gifts-table .chance,
.roulette-page .modal table.gifts-table .chance {
  display: inline;
}
.roulette-shop-page h1 a {
  margin-left: 10px;
  font-size: 14px;
  text-decoration: none;
}
.roulette-shop-page h1 a:hover {
  text-decoration: underline;
}
.roulette-shop-page .roulette-item-list {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 0, 0.8);
  z-index: 2;
  height: 43px;
}
.roulette-shop-page .roulette-item-list .roulette-item-link {
  width: 90px;
  background-color: rgba(255, 255, 0, 0.1);
  -webkit-transition: -webkit-background-color 0.3s ease-in-out;
  -ms-transition: -ms-background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
  border-right: 1px solid rgba(0, 0, 0, 0.24);
}
.roulette-shop-page .roulette-item-list .roulette-item-link .img-taxi-container {
  padding-bottom: 50%;
}
.roulette-shop-page .roulette-item-list .roulette-item-link .img {
  width: 100%;
  height: 100%;
}
.roulette-shop-page .roulette-item-list .roulette-item-link:hover,
.roulette-shop-page .roulette-item-list .roulette-item-link.active {
  cursor: pointer;
  background: rgba(255, 0, 0, 0.4);
}
.roulette-shop-page .roulette-carousel {
  position: relative;
  background-position: center -170px;
  background-size: auto;
  background-image: url("/media/shop/roulette/bg.jpg");
  background-repeat: no-repeat;
  min-height: 285px;
  width: 100%;
  border-radius: 5px;
}
.roulette-shop-page .roulette-carousel .roulette-action-next,
.roulette-shop-page .roulette-carousel .roulette-action-previous {
  position: absolute;
  top: 44%;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: rgba(255, 255, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.2s ease;
}
.roulette-shop-page .roulette-carousel .roulette-action-next:hover,
.roulette-shop-page .roulette-carousel .roulette-action-previous:hover {
  background: #e67b00;
  box-shadow: 0px 0px 1px 3px #e67b00;
  color: white;
}
.roulette-shop-page .roulette-carousel .roulette-action-next {
  left: 20px;
}
.roulette-shop-page .roulette-carousel .roulette-action-previous {
  right: 20px;
}
.roulette-shop-page .roulette-item-background {
  z-index: 1;
  position: absolute;
  height: 100%;
  width: 100%;
}
.roulette-shop-page .roulette-item-background .roulette-item {
  display: flex;
  justify-content: center;
  width: 440px;
  height: 100%;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -220px;
  text-align: center;
}
.roulette-shop-page .roulette-item-background .roulette-item .roulette-item-title {
  position: absolute;
  z-index: 10;
  top: 56px;
  background: white;
  box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.15), inset -1px -3px 0px rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  padding: 0 15px;
  font-weight: bold;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
}
.roulette-shop-page .roulette-item-background .roulette-item .roulette-item-title .badge {
  line-height: 12px;
  vertical-align: text-top;
}
.roulette-shop-page .roulette-item-background .roulette-item-image {
  width: 340px;
  height: 200px;
  position: absolute;
  z-index: 9;
  top: 90px;
}
.roulette-shop-page .roulette-item-background .roulette-item-image .img {
  width: 340px;
  height: auto;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  padding-bottom: 79%;
  bottom: -19px;
  left: -1px;
}
.roulette-shop-page .roulette-item-background .roulette-item-image .img.img-type-mining {
  width: 300px;
  padding-bottom: 70%;
  bottom: 11px;
  left: 2px;
}
.roulette-shop-page .discounts {
  position: relative;
}
.roulette-shop-page .discounts.shuffled .discount.choosable .discount-inner:hover,
.roulette-shop-page .discounts.shuffled .discount.choosable .discount-inner.chosen {
  color: #fd9208;
  border: 1px solid #fd9208;
  box-shadow: 0px 4px 0px #fd9208;
}
.roulette-shop-page .discounts.shuffling .choosable .discount-inner {
  overflow: hidden;
}
.roulette-shop-page .discounts.shuffling .choosable .discount-card-front {
  background: white;
}
.roulette-shop-page .discounts .absolute {
  position: absolute;
}
@media screen and (max-width: 767px) {
  .roulette-shop-page .discounts .used {
    line-height: 15px;
    right: -12px;
    top: 8px;
  }
  .roulette-shop-page .discounts .discount .fa-2x {
    font-size: 1.5em;
  }
}
.roulette-shop-page .discounts .discount {
  width: 100%;
  height: 100px;
  background-color: transparent;
  perspective: 1000px;
  margin-top: 10px;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.roulette-shop-page .discounts .discount.choosable .discount-inner {
  /*opacity: .8;*/
  color: #939393;
  cursor: pointer;
}
.roulette-shop-page .discounts .discount.choosable.opened .discount-inner {
  color: #fd9208;
  border: 1px solid #fd9208;
  box-shadow: 0px 4px 0px #fd9208;
}
.roulette-shop-page .discounts .discount.disabled .discount-inner {
  color: #87af69;
  border: 1px solid #8fa87c;
  box-shadow: 0px 4px 0px #8fa87c;
}
.roulette-shop-page .discounts .discount:hover .used {
  /*transform: rotate(37deg);*/
}
.roulette-shop-page .discounts .discount:hover .discount-inner {
  font-size: 21px;
}
.roulette-shop-page .discounts .discount .used {
  border: 2px solid #458739;
  text-transform: uppercase;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  -ms-transition: -ms-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transform: rotate(33deg);
  padding: 0 5px;
  position: absolute;
  right: -10px;
  top: 4px;
  font-size: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: white;
  font-family: "Cuprum", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: #458739;
}
.roulette-shop-page .discounts .discount.chosen .discount-inner {
  color: #fd9208;
  border: 1px solid #fd9208;
  box-shadow: 0px 4px 0px #fd9208;
}
.roulette-shop-page .discounts .discount.flip .discount-inner {
  transform: rotateY(180deg);
  /*.discount-card-front {
					opacity: 0;
				}

				.discount-card-back {
					opacity: 1;
				}*/
}
.roulette-shop-page .discounts .discount .discount-inner {
  color: #fdb808;
  font-size: 20px;
  border: 1px solid lightgrey;
  box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  text-transform: uppercase;
  line-height: 25px;
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 0.3s, -webkit-font-size 0.2s ease-in-out;
  -ms-transition: -ms-transform 0.3s, -ms-font-size 0.2s ease-in-out;
  transition: transform 0.3s, font-size 0.2s ease-in-out;
}
.roulette-shop-page .discounts .discount .discount-inner .discount-card-front,
.roulette-shop-page .discounts .discount .discount-inner .discount-card-back {
  position: absolute;
  padding: 20px 10px;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.roulette-shop-page .discounts .discount .discount-inner .discount-card-back {
  position: relative;
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
}
.roulette-shop-page .discounts .discount .discount-inner .discount-card-front {
  transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
}
.roulette-shop-page .discounts .discount .fa.fa-lock-open-alt,
.roulette-shop-page .discounts .discount .fa.fa-lock-alt {
  position: absolute;
  bottom: 7px;
  right: 7px;
}
@media screen and (max-width: 991px) {
  .roulette-shop-page .roulette-item-list {
    height: 40px !important;
  }
  .roulette-shop-page .roulette-item-list .roulette-item-link {
    width: 83px !important;
  }
}
.roulette-shop-page .hightlighted {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMjAwMTA5MDQvL0VOIgogICAgICAgICAgICAgICJodHRwOi8vd3d3LnczLm9yZy9UUi8yMDAxL1JFQy1TVkctMjAwMTA5MDQvRFREL3N2ZzEwLmR0ZCI+Cgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgICB3aWR0aD0iMWluIiBoZWlnaHQ9IjAuNWluIgogICAgIHZpZXdCb3g9IjAgMCAzMDAgMTUwIj4KICA8cGF0aAogICAgICAgIGZpbGw9IiNmZmUwMDAiIHN0cm9rZT0ibm9uZSIKICAgICAgICBkPSJNIDEyLjAwLDQ4LjAwCiAgICAgICAgICAgQyAxMi4wMCw1MC4wOSAxMS43OSw1NC45OSAxMi42MCw1Ni43MgogICAgICAgICAgICAgMTUuNTksNjMuMTggMjYuMDksNTYuNjQgMzMuMDAsNjMuMDAKICAgICAgICAgICAgIDMwLjg0LDYzLjE4IDIzLjA1LDYzLjg3IDIxLjgwLDY1LjAyCiAgICAgICAgICAgICAxOC4wMiw2Ny44OCAyMS4yOSw3Ni4zNSAyMS44MCw4MC4wMAogICAgICAgICAgICAgMjEuODAsODAuMDAgMjEuODAsODYuMDAgMjEuODAsODYuMDAKICAgICAgICAgICAgIDIxLjgwLDg2LjAwIDQwLjAwLDg3LjAwIDQwLjAwLDg3LjAwCiAgICAgICAgICAgICAzOS45Myw4OC44OCA0MC4wNiw5MS4wNCAzOC45OCw5Mi42OQogICAgICAgICAgICAgMzcuNTEsOTQuOTMgMzUuMTUsOTQuNzUgMzIuNTksOTYuMjAKICAgICAgICAgICAgIDI4LjMzLDk4LjYxIDI2Ljg3LDEwMi4yMiAyNy4zNCwxMDcuMDAKICAgICAgICAgICAgIDI3LjM0LDEwNy4wMCAzMC4wMiwxMjMuNDEgMzAuMDIsMTIzLjQxCiAgICAgICAgICAgICAzMS44MiwxMjUuNzUgNDAuMDEsMTI3Ljk1IDQzLjAwLDEyOC4wMAogICAgICAgICAgICAgNDMuMDAsMTI4LjAwIDg3LjAwLDEyOC4wMCA4Ny4wMCwxMjguMDAKICAgICAgICAgICAgIDg4LjA4LDEyMS41NiA5MS4xNiwxMjEuODAgOTcuMDAsMTIyLjA0CiAgICAgICAgICAgICA5Ny4wMCwxMjIuMDQgMTA5LjAwLDEyMy4wMCAxMDkuMDAsMTIzLjAwCiAgICAgICAgICAgICAxMDkuMDAsMTIzLjAwIDEyOC4wMCwxMjMuMDAgMTI4LjAwLDEyMy4wMAogICAgICAgICAgICAgMTI4LjAwLDEyMy4wMCAxODIuMDAsMTIyLjAwIDE4Mi4wMCwxMjIuMDAKICAgICAgICAgICAgIDE5NC41OCwxMjEuOTcgMTg4LjQyLDExOS4wMyAyMDEuMDAsMTE5LjAwCiAgICAgICAgICAgICAyMDEuMDAsMTE5LjAwIDI0My4wMCwxMTkuMDAgMjQzLjAwLDExOS4wMAogICAgICAgICAgICAgMjQzLjAwLDExOS4wMCAyNTguMDAsMTE4LjAwIDI1OC4wMCwxMTguMDAKICAgICAgICAgICAgIDI1OS41MywxMDkuMTAgMjY2LjAxLDExMy4zNyAyNzAuNDAsMTA5LjE1CiAgICAgICAgICAgICAyNzIuNjEsMTA3LjAzIDI3Mi4zMCwxMDAuODUgMjcyLjAwLDk4LjAwCiAgICAgICAgICAgICAyNzIuMDAsOTguMDAgMjgwLjAwLDk3LjAwIDI4MC4wMCw5Ny4wMAogICAgICAgICAgICAgMjgwLjAwLDk0LjEwIDI4MC4yNiw4OC41NSAyNzkuMjYsODYuMDIKICAgICAgICAgICAgIDI3Ni40OSw3OC45OCAyNjQuNjMsNzYuODggMjU4LjAwLDc2LjAwCiAgICAgICAgICAgICAyNjUuMTUsNjkuMTkgMjc2LjQwLDczLjAzIDI3NC44NSw2Mi4wNAogICAgICAgICAgICAgMjc0LjQ3LDU5LjM1IDI3My43Myw1OC44NSAyNzIuMDAsNTcuMDAKICAgICAgICAgICAgIDI4MS42OCw1My43NyAyODEuMDAsNTQuMjggMjgxLjAwLDQ0LjAwCiAgICAgICAgICAgICAyODEuMDAsNDQuMDAgMjU4LjAwLDQyLjM4IDI1OC4wMCw0Mi4zOAogICAgICAgICAgICAgMjUwLjAwLDQwLjg0IDI1MS40OCwzOC4wMyAyMzUuMDAsMzguMDAKICAgICAgICAgICAgIDIzNS4wMCwzOC4wMCAxODkuMDAsMzkuMDAgMTg5LjAwLDM5LjAwCiAgICAgICAgICAgICAxODkuMDAsMzkuMDAgMTc3LjAwLDM5LjgyIDE3Ny4wMCwzOS44MgogICAgICAgICAgICAgMTc3LjAwLDM5LjgyIDE1OS4wMCwzOC4wMCAxNTkuMDAsMzguMDAKICAgICAgICAgICAgIDE1OS4wMCwzOC4wMCAxMjguMDAsMzguMDAgMTI4LjAwLDM4LjAwCiAgICAgICAgICAgICAxMTYuOTAsMzguMDIgMTIwLjE2LDM5LjQwIDExMy4wMCw0MC42NwogICAgICAgICAgICAgMTEzLjAwLDQwLjY3IDk3LjAwLDQyLjE3IDk3LjAwLDQyLjE3CiAgICAgICAgICAgICA5Ny4wMCw0Mi4xNyA4Ny4wMCw0My44MyA4Ny4wMCw0My44MwogICAgICAgICAgICAgODcuMDAsNDMuODMgNTcuMDAsNDUuMDAgNTcuMDAsNDUuMDAKICAgICAgICAgICAgIDU3LjAwLDQ1LjAwIDMyLjAwLDQ4LjAwIDMyLjAwLDQ4LjAwCiAgICAgICAgICAgICAzMi4wMCw0OC4wMCAxMi4wMCw0OC4wMCAxMi4wMCw0OC4wMCBaIiAvPgo8L3N2Zz4K');
  background-position: 35% 50%;
  padding: 10px 15px 7px;
  background-repeat: no-repeat;
  background-size: cover;
}
.lottery-item:hover {
  box-shadow: 0 0 4px blueviolet !important;
}
.lottery-item:hover .lottery-item-image img {
  transform: scale(1.1);
}
.lottery-item.lottery-complete .lottery-item-image img {
  opacity: 0.2;
}
.lottery-item-status {
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(180deg, #FF8AA6 0%, #E45678 100%);
  color: #fff;
  padding: 3px 5px;
  line-height: 1;
  font-size: 13px;
  border-radius: 0 4px;
}
.lottery-item-image {
  position: relative;
  margin: -10px 0 -10px auto;
  display: flex;
  width: fit-content;
}
.lottery-item-image img {
  transition: 0.3s;
}
.lottery-item-received {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  font-size: 24px;
  font-weight: bold;
}
.layout-2023 .lottery-item-status {
  padding-left: 7px;
  border-bottom-left-radius: 14px;
}