.tooltipster-fall,
.tooltipster-grow.tooltipster-show {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
.tooltipster-base {
  display: flex;
  pointer-events: none;
  position: absolute;
}
.tooltipster-box {
  -webkit-box-flex: 1;
  flex: 1 1 auto;
}
.tooltipster-content {
  box-sizing: border-box;
  max-height: 100%;
  max-width: 100%;
  overflow: auto;
}
.tooltipster-ruler {
  bottom: 0px;
  left: 0px;
  overflow: hidden;
  position: fixed;
  right: 0px;
  top: 0px;
  visibility: hidden;
}
.tooltipster-fade {
  opacity: 0;
  transition-property: opacity;
}
.tooltipster-fade.tooltipster-show {
  opacity: 1;
}
.tooltipster-grow {
  transform: scale(0);
  transition-property: transform, -webkit-transform;
  backface-visibility: hidden;
}
.tooltipster-grow.tooltipster-show {
  transform: scale(1);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-swing {
  opacity: 0;
  transform: rotate(4deg);
  transition-property: transform, -webkit-transform;
}
.tooltipster-swing.tooltipster-show {
  opacity: 1;
  transform: rotate(0deg);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}
.tooltipster-fall {
  transition-property: top;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-fall.tooltipster-initial {
  top: 0px !important;
}
.tooltipster-fall.tooltipster-dying {
  transition-property: all;
  opacity: 0;
  top: 0px !important;
}
.tooltipster-slide {
  transition-property: left;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-slide.tooltipster-initial {
  left: -40px !important;
}
.tooltipster-slide.tooltipster-dying {
  transition-property: all;
  opacity: 0;
  left: 0px !important;
}
@-webkit-keyframes tooltipster-fading {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes tooltipster-fading {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.tooltipster-update-fade {
  animation: 0.4s ease 0s 1 normal none running tooltipster-fading;
}
@-webkit-keyframes tooltipster-rotating {
  25% {
    transform: rotate(-2deg);
  }
  75% {
    transform: rotate(2deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes tooltipster-rotating {
  25% {
    transform: rotate(-2deg);
  }
  75% {
    transform: rotate(2deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.tooltipster-update-rotate {
  animation: 0.6s ease 0s 1 normal none running tooltipster-rotating;
}
@-webkit-keyframes tooltipster-scaling {
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes tooltipster-scaling {
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.tooltipster-update-scale {
  animation: 0.6s ease 0s 1 normal none running tooltipster-scaling;
}
.tooltipster-sidetip .tooltipster-box {
  background: rgb(86, 86, 86);
  border: 2px solid rgb(0, 0, 0);
  border-radius: 4px;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
  margin-top: 8px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-box {
  margin-right: 8px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-box {
  margin-left: 8px;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-box {
  margin-bottom: 8px;
}
.tooltipster-sidetip .tooltipster-content {
  color: rgb(255, 255, 255);
  line-height: 18px;
  padding: 6px 14px;
}
.tooltipster-sidetip .tooltipster-arrow {
  overflow: hidden;
  position: absolute;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
  height: 10px;
  margin-left: -10px;
  top: 0px;
  width: 20px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  right: 0px;
  top: 0px;
  width: 9px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  left: 0px;
  top: 0px;
  width: 9px;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
  bottom: 0px;
  height: 10px;
  margin-left: -10px;
  width: 20px;
}
.tooltipster-sidetip .tooltipster-arrow-background,
.tooltipster-sidetip .tooltipster-arrow-border {
  height: 0px;
  position: absolute;
  width: 0px;
}
.tooltipster-sidetip .tooltipster-arrow-background {
  border: 11px solid transparent;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
  border-bottom-color: rgb(86, 86, 86);
  left: 0px;
  top: 3px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
  border-left-color: rgb(86, 86, 86);
  left: -3px;
  top: 0px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
  border-right-color: rgb(86, 86, 86);
  left: 3px;
  top: 0px;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
  border-top-color: rgb(86, 86, 86);
  left: 0px;
  top: -3px;
}
.tooltipster-sidetip .tooltipster-arrow-border {
  border: 10px solid transparent;
  left: 0px;
  top: 0px;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: rgb(0, 0, 0);
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
  border-left-color: rgb(0, 0, 0);
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
  border-right-color: rgb(0, 0, 0);
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
  border-top-color: rgb(0, 0, 0);
}
.tooltipster-sidetip .tooltipster-arrow-uncropped {
  position: relative;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
  top: -10px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
  left: -10px;
}
.fade-enter-active,
.fade-leave-active {
  transition-duration: 0.2s;
  transition-property: opacity;
  transition-timing-function: ease;
}
.fade-enter,
.fade-leave-active {
  opacity: 0;
}
@font-face {
  font-family: SF-UI-Display-Light;
  src: local("☺"), url("../common/fonts/SF-UI-Display-Light.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: SF-UI-Display-Ultralight;
  src: local("☺"), url("../common/fonts/SF-UI-Display-Ultralight.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: SF-UI-Display-Regular;
  src: local("☺"), url("../common/fonts/SF-UI-Display-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: SF-UI-Display-Medium;
  src: local("☺"), url("../common/fonts/SF-UI-Display-Medium.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: SF-UI-Display-Bold;
  src: local("☺"), url("../common/fonts/SF-UI-Display-Bold.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: fontello;
  src: url("../common/fonts/fontello.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: HelveticaNeueCyr-Bold;
  src: url("../common/fonts/HelveticaNeueCyr-Bold.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
i.icon {
  font-style: normal;
}
.icon::before,
[class*=" icon-"]::before,
[class^="icon-"]::before {
  font-family: fontello;
  font-style: normal;
  font-weight: 300;
  line-height: 1;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
}
.icon-help-circled::before {
  content: "";
}
.icon-cog::before {
  content: "";
}
.icon-bull-horn::before {
  content: "";
}
.icon-login::before {
  content: "";
}
.icon-muted::before {
  content: "";
}
.icon-block::before {
  content: "";
}
.icon-eye::before {
  content: "";
}
.icon-send::before {
  content: "";
}
.icon-smile::before {
  content: "";
}
.icon-portfolio::before {
  content: "";
}
.icon-dash::before {
  content: "";
}
.icon-no-stopping::before {
  content: "";
}
.icon-chart-bar::before {
  content: "";
}
.icon-piggy-bank::before {
  content: "";
}
.icon-group::before {
  content: "";
}
.icon-eth::before {
  content: "";
}
.icon-btc::before {
  content: "";
}
.icon-arrow-left::before {
  content: "";
}
.icon-arrow-right::before {
  content: "";
}
.icon-pencil::before {
  content: "";
}
.icon-cross::before {
  content: "";
}
.icon-down-open::before {
  content: "";
}
.icon-left-open::before {
  content: "";
}
.icon-right-open::before {
  content: "";
}
.icon-up-open::before {
  content: "";
}
.icon-trash-empty::before {
  content: "";
}
.icon-structure::before {
  content: "";
}
.icon-ok::before {
  content: "";
}
.icon-wallet::before {
  content: "";
}
.icon-logout::before {
  content: "";
}
.icon-cogs::before {
  content: "";
}
.icon-money-bill-alt::before {
  content: "";
}
.icon-question-circle::before {
  content: "";
}
.icon-user-friends::before {
  content: "";
}
.icon-briefcase::before {
  content: "";
}
.icon-archive::before {
  content: "";
}
.icon-newspaper-1::before {
  content: "";
}
.icon-home::before {
  content: "";
}
.icon-chart-line::before {
  content: "";
}
.icon-arrow-alt-circle-up::before {
  content: "";
}
.icon-arrow-alt-circle-right::before {
  content: "";
}
.icon-arrow-alt-circle-left::before {
  content: "";
}
.icon-arrow-alt-circle-down::before {
  content: "";
}
.icon-chart-pie::before {
  content: "";
}
.icon-down::before {
  content: "";
}
.icon-left::before {
  content: "";
}
.icon-right::before {
  content: "";
}
.icon-up::before {
  content: "";
}
.icon-exclamation-triangle::before {
  content: "";
}
.icon-trash::before {
  content: "";
}
.icon-clone::before {
  content: "";
}
.icon-whatsapp::before {
  content: "";
}
.icon-viber::before {
  content: "";
}
.icon-envelope::before {
  content: "";
}
.icon-calendar-alt::before {
  content: "";
}
.icon-lock::before {
  content: "";
}
.icon-bitcoin::before {
  content: "";
}
.icon-check-circle::before {
  content: "";
}
.icon-info-circle::before {
  content: "";
}
.icon-window-close::before {
  content: "";
}
.icon-envelope-text::before {
  content: "";
}
.icon-envelope-bg::before {
  content: "";
}
.icon-lock-big::before {
  content: "";
}
.icon-tw::before {
  content: "";
}
.icon-fb::before {
  content: "";
}
.icon-bell-alt::before {
  content: "";
}
.icon-angle-double-left::before {
  content: "";
}
.icon-angle-double-right::before {
  content: "";
}
.icon-yt::before {
  content: "";
}
.icon-instagram-filled::before {
  content: "";
}
.icon-left-arrow::before {
  content: "";
}
.icon-right-arrow::before {
  content: "";
}
.icon-newspaper::before {
  content: "";
}
.ps-bitcoin-icon {
  font-family: fontello;
  font-style: normal;
  font-weight: 300;
  line-height: 1;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
}
.ps-bitcoin-icon::before {
  content: "";
}
.ps-bitcoincash-icon {
  font-family: fontello;
  font-style: normal;
  font-weight: 300;
  line-height: 1;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
}
.ps-bitcoincash-icon::before {
  content: "";
  color: rgb(97, 209, 23);
  font-size: 20px;
}
.ps-ethereum-icon {
  font-family: fontello;
  font-style: normal;
  font-weight: 300;
  line-height: 1;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
}
.ps-ethereum-icon::before {
  content: "";
}
.ps-perfectmoney-icon {
  font-family: SF-UI-Display-Bold;
}
.ps-perfectmoney-icon::before {
  content: "PM";
  font-style: normal;
  font-weight: 300;
  line-height: 1;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
}
.ps-bitcoin-icon-bg-o {
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 20px;
  min-width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: rgb(243, 156, 18);
  padding: 3px;
  margin-left: -5px;
  margin-right: 5px;
  font-style: inherit;
}
.ps-bitcoin-icon-bg-o::before {
  font-family: fontello;
  content: "";
  color: rgb(255, 255, 255);
  font-size: 12px;
}
.ps-ethereum-icon-bg-o {
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 20px;
  min-width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: rgb(155, 89, 182);
  padding: 3px;
  margin-left: -5px;
  margin-right: 5px;
  font-style: inherit;
}
.ps-ethereum-icon-bg-o::before {
  font-family: fontello;
  content: "";
  color: rgb(255, 255, 255);
  font-size: 12px;
}
.ps-perfectmoney-icon-bg-o {
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 20px;
  min-width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: rgb(231, 76, 60);
  padding: 3px;
  margin-left: -5px;
  margin-right: 5px;
  font-style: inherit;
}
.ps-perfectmoney-icon-bg-o::before {
  content: "PM";
  color: rgb(255, 255, 255);
  font-size: 8px;
}
.pr-icon-bg-o,
.ps-payeer-icon-bg-o {
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 20px;
  min-width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: rgb(33, 196, 243);
  padding: 3px;
  margin-left: -5px;
  margin-right: 5px;
  font-style: inherit;
}
.pr-icon-bg-o::before,
.ps-payeer-icon-bg-o::before {
  content: "PR";
  color: rgb(255, 255, 255);
  font-size: 8px;
}
.ps-litecoin-icon-bg-o {
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 20px;
  min-width: 20px;
  height: 20px;
  border-radius: 50%;
  padding: 3px;
  margin-left: -5px;
  margin-right: 5px;
  font-style: inherit;
  background: url("../../internal/img/icon/ic-ltc.png") 50% center / 9px no-repeat rgb(215, 216, 215);
}
.ps-tether-icon-bg-o,
.ps-tether_erc20-icon-bg-o {
  background: url("../../internal/img/icon/ic-tether.png") 50% center / 100% no-repeat rgb(255, 255, 255);
}
.ps-ripple-icon-bg-o,
.ps-tether-icon-bg-o,
.ps-tether_erc20-icon-bg-o {
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 20px;
  min-width: 20px;
  height: 20px;
  border-radius: 50%;
  padding: 3px;
  margin-left: -5px;
  margin-right: 5px;
  font-style: inherit;
}
.ps-ripple-icon-bg-o {
  background: url("../../internal/img/icon/ic-ripple.png") 50% center / 100% no-repeat rgb(255, 255, 255);
}
.ps-tron-icon-bg-o {
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 20px;
  min-width: 20px;
  height: 20px;
  border-radius: 50%;
  padding: 3px;
  margin-left: -5px;
  margin-right: 5px;
  font-style: inherit;
  background: url("../../internal/img/icon/ic-tron.png") 70% 60% / 80% no-repeat rgb(179, 32, 25);
}
.main-color {
  color: rgb(106, 213, 179);
}
.one-color {
  color: rgb(28, 157, 234);
}
.two-color {
  color: rgb(231, 76, 60);
}
.three-color {
  color: rgb(169, 196, 219);
}
.four-color {
  color: rgb(0, 0, 0);
}
.six-color {
  color: rgb(255, 255, 255);
}
.dark-theme .four-color {
  color: rgb(200, 211, 224);
}
@-webkit-keyframes grow {
  0% {
    transform: scale(0);
    opacity: 0.1;
  }
  33% {
    transform: scale(0.4);
    opacity: 0.3;
  }
  66% {
    transform: scale(0.8);
    opacity: 0.5;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes grow {
  0% {
    transform: scale(0);
    opacity: 0.1;
  }
  33% {
    transform: scale(0.4);
    opacity: 0.3;
  }
  66% {
    transform: scale(0.8);
    opacity: 0.5;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes pulse-one {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0px) scale(1);
    opacity: 1;
  }
  50% {
    transform: translateX(-50%) translateY(-50%) translateZ(0px) scale(1.5);
    opacity: 0;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0px) scale(1);
    opacity: 0;
  }
}
@keyframes pulse-one {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0px) scale(1);
    opacity: 1;
  }
  50% {
    transform: translateX(-50%) translateY(-50%) translateZ(0px) scale(1.5);
    opacity: 0;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0px) scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes pulse-two {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0px) scale(1);
    opacity: 1;
  }
  50% {
    transform: translateX(-50%) translateY(-50%) translateZ(0px) scale(2);
    opacity: 0;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0px) scale(1);
    opacity: 0;
  }
}
@keyframes pulse-two {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0px) scale(1);
    opacity: 1;
  }
  50% {
    transform: translateX(-50%) translateY(-50%) translateZ(0px) scale(2);
    opacity: 0;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0px) scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes action_typing_dots_bounce {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
}
@keyframes action_typing_dots_bounce {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
}
@-webkit-keyframes shake {
  8%,
  41% {
    transform: translateX(-10px);
  }
  25%,
  58% {
    transform: translateX(10px);
  }
  75% {
    transform: translateX(-5px);
  }
  92% {
    transform: translateX(5px);
  }
  0%,
  100% {
    transform: translateX(0px);
  }
}
@keyframes shake {
  8%,
  41% {
    transform: translateX(-10px);
  }
  25%,
  58% {
    transform: translateX(10px);
  }
  75% {
    transform: translateX(-5px);
  }
  92% {
    transform: translateX(5px);
  }
  0%,
  100% {
    transform: translateX(0px);
  }
}
html.public body,
html.public html {
  width: 100%;
  border: 0px;
  font-family: Helvetica-Neue, Helvetica, Arial, sans-serif;
  color: rgb(255, 255, 255);
  margin: 0px;
  padding: 0px;
}
html.public article,
html.public aside,
html.public audio,
html.public canvas,
html.public caption,
html.public details,
html.public div,
html.public figure,
html.public footer,
html.public header,
html.public hgroup,
html.public iframe,
html.public img,
html.public mark,
html.public menu,
html.public nav,
html.public object,
html.public section,
html.public span,
html.public summary,
html.public table,
html.public tbody,
html.public td,
html.public tfoot,
html.public thead,
html.public tr,
html.public video {
  border: 0px;
  margin: 0px;
  padding: 0px;
}
html.public a,
html.public abbr,
html.public address,
html.public b,
html.public blockquote,
html.public cit,
html.public code,
html.public dd,
html.public del,
html.public dfn,
html.public dl,
html.public dt,
html.public em,
html.public fieldset,
html.public h1,
html.public h2,
html.public h3,
html.public h4,
html.public h5,
html.public h6,
html.public hr,
html.public i,
html.public ins,
html.public label,
html.public legend,
html.public li,
html.public ol,
html.public p,
html.public pre,
html.public q,
html.public samp,
html.public small,
html.public strong,
html.public sub,
html.public sup,
html.public ul {
  border: 0px;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0px;
  padding: 0px;
}
html.public article,
html.public aside,
html.public audio,
html.public canvas,
html.public figcaption,
html.public figure,
html.public figure img,
html.public footer,
html.public header,
html.public hgroup,
html.public nav,
html.public section,
html.public video {
  display: block;
}
html.public table {
  border-collapse: separate;
  border-spacing: 0px;
}
html.public table caption,
html.public table td,
html.public table th {
  text-align: left;
  vertical-align: middle;
}
html.public .clearfix::after,
html.public .clearfix::before {
  content: "";
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
}
html.public a img {
  border: 0px;
}
html.public a {
  color: rgb(255, 255, 255);
  text-decoration: none;
}
html.public li,
html.public ul {
  list-style-type: none;
}
html.public :focus {
  outline: 0px;
}
html.public * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}
html.public,
html.public #__layout,
html.public #__nuxt,
html.public #root,
html.public body {
  height: 100%;
}
html.public body {
  background-color: rgb(238, 240, 250);
  overflow-x: hidden;
  padding: 100px;
}
@media (max-width: 1200px) {
  html.public body {
    padding-top: 50px;
  }
}
html.public .word_break-all {
  word-break: break-all;
}
html.public .align-end {
  -webkit-box-align: end !important;
  align-items: flex-end !important;
}
html.public .page {
  display: flex;
  position: relative;
  -webkit-box-pack: justify;
  justify-content: space-between;
  max-width: 1200px;
  width: 100%;
  min-height: 100%;
  padding-right: 75px;
  margin: 0px auto;
}
@media (max-width: 1200px) {
  html.public .page {
    padding: 0px;
  }
}
html.public h4 {
  display: block;
  font-family: SF-UI-Display-Bold;
  font-size: 12px;
  color: rgb(0, 0, 0);
  line-height: 1.2;
}
html.public .input_error_text {
  display: none;
  font-family: SF-UI-Display-Regular;
  font-size: 12px;
  color: rgb(231, 76, 60);
  line-height: 1.2;
  padding: 5px 5px 0px;
}
html.public .invalid .input_error_text {
  display: block;
}
html.public .invalid .available-group input,
html.public .invalid .available-group textarea,
html.public .invalid .input-group input,
html.public .invalid .input-group textarea {
  border-color: rgb(231, 76, 60) !important;
}
html.public .chat-functional .invalid .input_error_text {
  display: block;
}
html.public .chat-functional .invalid textarea {
  border-color: rgb(231, 76, 60) !important;
}
html.public .prompt-input {
  display: block;
  font-family: SF-UI-Display-Regular;
  font-size: 12px;
  color: rgb(0, 0, 0);
  line-height: 1.2;
  padding-top: 5px;
}
html.public .disabled-input {
  position: relative;
}
html.public .disabled-input::before {
  content: "";
  font-family: fontello;
  position: absolute;
  right: 15px;
  top: 10px;
  font-size: 20px;
  color: rgb(164, 179, 197);
}
html.public .disabled-input input {
  background-color: transparent;
  color: rgb(164, 179, 197) !important;
  padding-right: 40px !important;
}
html.public .main-wrapper {
  display: block;
  width: 91%;
}
@media (max-width: 1200px) {
  html.public .main-wrapper {
    max-width: 960px;
    width: 100%;
    margin: 0px auto;
    padding: 7.5px;
  }
}
html.public .rows {
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: 100%;
}
html.public .rows .holder {
  display: block;
  -webkit-box-flex: 1;
  flex: 1 1 0%;
  padding: 15px;
}
html.public .rows .holder .content {
  display: block;
  position: relative;
  height: 100%;
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(111, 89, 184, 0.1) 0px 4px 96px 0px;
  padding: 30px;
  overflow: hidden;
}
html.public .rows .holder .content .content-title {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  flex-wrap: wrap;
}
html.public .rows .holder .content .content-title h4 {
  display: inline-block;
  font-size: 13px;
  padding: 10px 15px 10px 0px;
}
html.public .rows .holder .content .content-title.no-indentation h4 {
  padding: 0px;
}
html.public .rows .holder .content .content-title .btn-box {
  display: inline-block;
}
html.public .rows .holder .content .content-title .btn-box a {
  min-width: 160px;
}
html.public .rows .holder .content .content-btn {
  display: block;
}
html.public .rows .holder .content .content-btn .btn {
  min-width: 180px;
}
@media (max-width: 750px) {
  html.public .rows .holder .content .content-btn .btn {
    width: 100%;
  }
}
@media (max-width: 1200px) {
  html.public .rows .holder .content {
    padding: 20px;
  }
}
@media (max-width: 750px) {
  html.public .rows .holder .content {
    padding: 15px;
  }
}
@media (max-width: 1200px) {
  html.public .rows .holder {
    padding: 7.5px;
  }
}
html.public .rows.no-indentation .holder .content {
  padding: 0px;
}
@media (max-width: 750px) {
  html.public .rows {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
}
html.public .center-v {
  -webkit-box-align: center;
  align-items: center;
}
html.public .center-h {
  -webkit-box-pack: center;
  justify-content: center;
}
html.public .switcher-block {
  display: block;
  padding: 30px 10px 0px;
  text-align: center;
}
html.public .switcher-block .label {
  display: inline-flex;
  padding-bottom: 7px;
}
html.public .switcher-block .label span {
  display: inline-block;
  font-family: SF-UI-Display-Regular;
  font-size: 10px;
  color: rgb(0, 0, 0);
  line-height: 1;
  text-align: center;
}
html.public .switcher-block .switcher {
  display: inline-block;
  width: 100%;
}
html.public .switcher-block .switcher input {
  display: none;
}
html.public .switcher-block .switcher input:checked + label::before {
  left: 0px;
  right: inherit;
}
html.public .switcher-block .switcher input:checked + label .off {
  opacity: 1;
}
html.public .switcher-block .switcher input:checked + label .on {
  opacity: 0;
}
html.public .switcher-block .switcher label {
  display: flex;
  position: relative;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
  min-width: 50px;
  height: 20px;
  border-radius: 50px;
  background-color: rgb(238, 240, 250);
  padding: 2px 5px 3px;
  overflow: hidden;
  cursor: pointer;
}
html.public .switcher-block .switcher label::before {
  content: "";
  position: absolute;
  top: 0px;
  left: inherit;
  right: 0px;
  width: 50%;
  height: 100%;
  border-radius: 50px;
  background-color: rgb(106, 213, 179);
}
html.public .switcher-block .switcher label span {
  display: inline-block;
  max-width: 50%;
  width: 100%;
  font-family: SF-UI-Display-Regular;
  font-size: 10px;
  color: rgb(0, 0, 0);
  line-height: 1;
  text-align: center;
}
html.public .switcher-block .switcher label .on {
  opacity: 1;
}
html.public .switcher-block .switcher label .off {
  opacity: 0;
}
html.public .title-section {
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 15px 15px 0px;
}
html.public .title-section h4 {
  display: inline-block;
  font-size: 13px;
  padding: 0px 15px 10px 0px;
}
html.public .title-section a {
  margin-bottom: 10px;
}
html.public .title-section .invited-me {
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  flex-wrap: wrap;
  margin-top: -10px;
}
html.public .title-section .invited-me p {
  display: inline-block;
  font-family: SF-UI-Display-Bold;
  font-size: 12px;
  color: rgb(0, 0, 0);
  line-height: 1.2;
  padding: 5px 5px 5px 0px;
}
html.public .title-section .invited-me .name {
  display: inline-block;
  font-family: SF-UI-Display-Bold;
  font-size: 12px;
  color: rgb(106, 213, 179);
  line-height: 1.2;
  padding: 5px 10px 5px 0px;
}
@media (max-width: 1200px) {
  html.public .title-section {
    padding: 7.5px 7.5px 0px;
  }
}
html.public input {
  border: 1px solid rgb(171, 206, 237);
}
html.public input:read-only {
  background-color: rgba(239, 247, 254, 0.5) !important;
}
html.public .social {
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  margin: 0px -5px;
}
html.public .social .item {
  display: inline-block;
  padding: 5px;
}
html.public .social .item a {
  display: block;
  color: rgb(147, 165, 187);
  font-size: 14px;
  line-height: 1;
  margin: 0px;
  transition: all 0.3s ease 0s;
}
html.public .social .item a .icon-envelope {
  font-size: 16px;
}
html.public .social .item a .icon-viber {
  font-size: 15px;
}
html.public .social .item a .icon-whatsapp {
  font-size: 16px;
}
html.public .social .item a:hover {
  color: rgb(106, 213, 179);
}
html.public .dark-m {
  display: none;
}
html.public .light-m {
  display: inline-block;
}
html.public .btn {
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  font-family: SF-UI-Display-Bold;
  font-size: 12px;
  color: rgb(0, 0, 0);
  line-height: 1.2;
  border-radius: 50px;
  text-align: center;
  border: 0px;
  background-color: rgb(239, 247, 254);
  padding: 12px 13px;
  cursor: pointer;
  user-select: none;
  transition: all 0.3s ease 0s;
}
html.public .btn i {
  display: inline-block;
  color: rgb(106, 213, 179);
  font-size: 14px;
  margin-right: 10px;
  transition: color 0.3s ease 0s;
}
html.public .btn span {
  display: inline-block;
}
html.public .btn .counter-mail {
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  padding-left: 15px;
}
html.public .btn .counter-mail .num {
  font-family: SF-UI-Display-Medium;
  color: rgb(106, 213, 179);
  padding-right: 4px;
  transition: all 0.3s ease 0s;
}
html.public .btn:focus,
html.public .btn:hover {
  background-color: rgb(106, 213, 179);
}
html.public .btn:focus i,
html.public .btn:hover i {
  color: rgb(0, 0, 0) !important;
}
html.public .btn:focus .counter-mail .num,
html.public .btn:hover .counter-mail .num {
  color: rgb(0, 0, 0);
}
html.public .btn.disabled,
html.public .btn:disabled {
  pointer-events: none;
  opacity: 0.8;
}
html.public .btn-mint {
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  font-family: SF-UI-Display-Bold;
  font-size: 12px;
  color: rgb(255, 255, 255);
  line-height: 1.2;
  border-radius: 50px;
  text-align: center;
  border: 0px;
  background-color: rgb(106, 213, 179);
  padding: 12px 13px;
  cursor: pointer;
  user-select: none;
  transition: all 0.3s ease 0s;
}
html.public .btn-mint i {
  display: inline-block;
  color: rgb(106, 213, 179);
  font-size: 14px;
  margin-right: 10px;
  transition: color 0.3s ease 0s;
}
html.public .btn-mint span {
  display: inline-block;
}
html.public .btn-mint:focus,
html.public .btn-mint:hover {
  color: rgb(0, 0, 0);
}
html.public .btn-mint.disabled,
html.public .btn-mint:disabled {
  pointer-events: none;
  opacity: 0.8;
}
html.public .btn-gray-tr {
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  font-family: SF-UI-Display-Medium;
  font-size: 12px;
  color: rgb(164, 179, 197);
  line-height: 1.2;
  border-radius: 50px;
  text-align: center;
  border: 1px solid rgb(164, 179, 197);
  background-color: transparent;
  padding: 12px 13px;
  cursor: pointer;
  user-select: none;
  transition: all 0.3s ease 0s;
}
html.public .btn-gray-tr i {
  display: inline-block;
  color: rgb(106, 213, 179);
  font-size: 14px;
  margin-right: 10px;
  transition: color 0.3s ease 0s;
}
html.public .btn-gray-tr span {
  display: inline-block;
}
html.public .btn-gray-tr:focus,
html.public .btn-gray-tr:hover {
  color: rgb(0, 0, 0);
  background-color: rgb(239, 247, 254);
}
html.public .btn-gray-tr.disabled,
html.public .btn-gray-tr:disabled {
  pointer-events: none;
  opacity: 0.8;
}
html.public .btn-delete {
  font-family: SF-UI-Display-Medium;
  font-size: 12px;
  color: rgb(231, 76, 60);
  line-height: 1.2;
  transition: all 0.3s ease 0s;
}
html.public .btn-delete,
html.public .btn-delete i {
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
}
html.public .btn-delete i {
  position: relative;
  -webkit-box-pack: center;
  justify-content: center;
  margin-left: 10px;
  width: 30px;
  min-width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
}
html.public .btn-delete i::after {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgb(231, 76, 60);
  opacity: 0.2;
  transition: color 0.3s ease 0s;
}
html.public .btn-delete:focus,
html.public .btn-delete:hover {
  color: rgb(106, 213, 179);
}
html.public .btn-delete:focus i::after,
html.public .btn-delete:hover i::after {
  background-color: rgb(106, 213, 179);
}
html.public .btn-delete.disabled,
html.public .btn-delete:disabled {
  pointer-events: none;
  opacity: 0.8;
}
html.public .btn-clone {
  display: inline-block;
  padding: 5px;
  border: 0px;
  background-color: transparent;
  color: rgb(106, 213, 179);
  cursor: pointer;
  transition: all 0.3s ease 0s;
}
html.public .btn-clone:focus,
html.public .btn-clone:hover {
  color: rgb(0, 0, 0);
}
html.public .link {
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  font-family: SF-UI-Display-Bold;
  font-size: 13px;
  line-height: 1.2;
  color: rgb(106, 213, 179);
  transition: color 0.3s ease 0s;
}
html.public .link .right-icon {
  display: inline-block;
  padding-left: 3px;
}
html.public .link .left-icon {
  display: inline-block;
  padding-right: 3px;
}
html.public .link:focus,
html.public .link:hover {
  color: rgb(0, 0, 0);
}
html.public .link-line {
  display: inline-block;
  font-family: SF-UI-Display-Bold;
  font-size: 13px;
  line-height: 1.2;
  color: rgb(106, 213, 179);
  text-decoration: underline;
  transition: color 0.3s ease 0s;
}
html.public .link-line:focus,
html.public .link-line:hover {
  color: rgb(0, 0, 0);
}
html.public .blue-link {
  display: inline-block;
  font-family: SF-UI-Display-Medium;
  line-height: 1.2;
  color: rgb(28, 157, 234);
  transition: color 0.3s ease 0s;
}
html.public .blue-link:focus,
html.public .blue-link:hover {
  color: rgb(106, 213, 179);
}
html.public .btn-ps-bitcoin {
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  font-family: SF-UI-Display-Medium;
  font-size: 12px;
  color: rgb(255, 255, 255);
  line-height: 1.2;
  border-radius: 50px;
  text-align: center;
  border: 0px;
  padding: 12px 13px;
  cursor: pointer;
  user-select: none;
  transition: color 0.3s ease 0s;
  background-color: rgb(243, 156, 18);
}
html.public .btn-ps-bitcoin i {
  display: inline-block;
  font-size: 16px;
  margin-right: 6px;
}
html.public .btn-ps-bitcoin span {
  display: inline-block;
  padding-left: 4px;
}
html.public .btn-ps-bitcoin:focus,
html.public .btn-ps-bitcoin:hover {
  color: rgb(0, 0, 0);
}
html.public .btn-ps-bitcoin.disabled,
html.public .btn-ps-bitcoin:disabled {
  pointer-events: none;
  opacity: 0.8;
}
html.public .btn-ps-ethereum {
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  font-family: SF-UI-Display-Medium;
  font-size: 12px;
  color: rgb(255, 255, 255);
  line-height: 1.2;
  border-radius: 50px;
  text-align: center;
  border: 0px;
  padding: 12px 13px;
  cursor: pointer;
  user-select: none;
  transition: color 0.3s ease 0s;
  background-color: rgb(155, 89, 182);
}
html.public .btn-ps-ethereum i {
  display: inline-block;
  font-size: 16px;
  margin-right: 6px;
}
html.public .btn-ps-ethereum span {
  display: inline-block;
  padding-left: 4px;
}
html.public .btn-ps-ethereum:focus,
html.public .btn-ps-ethereum:hover {
  color: rgb(0, 0, 0);
}
html.public .btn-ps-ethereum.disabled,
html.public .btn-ps-ethereum:disabled {
  pointer-events: none;
  opacity: 0.8;
}
html.public .btn-ps-perfectmoney {
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  font-family: SF-UI-Display-Medium;
  font-size: 12px;
  color: rgb(255, 255, 255);
  line-height: 1.2;
  border-radius: 50px;
  text-align: center;
  border: 0px;
  padding: 12px 13px;
  cursor: pointer;
  user-select: none;
  transition: color 0.3s ease 0s;
  background-color: rgb(231, 76, 60);
}
html.public .btn-ps-perfectmoney i {
  display: inline-block;
  font-size: 16px;
  margin-right: 6px;
}
html.public .btn-ps-perfectmoney span {
  display: inline-block;
  padding-left: 4px;
}
html.public .btn-ps-perfectmoney:focus,
html.public .btn-ps-perfectmoney:hover {
  color: rgb(0, 0, 0);
}
html.public .btn-ps-perfectmoney.disabled,
html.public .btn-ps-perfectmoney:disabled {
  pointer-events: none;
  opacity: 0.8;
}
html.public .btn-ps-payeer {
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  font-family: SF-UI-Display-Medium;
  font-size: 12px;
  color: rgb(255, 255, 255);
  line-height: 1.2;
  border-radius: 50px;
  text-align: center;
  border: 0px;
  padding: 12px 13px;
  cursor: pointer;
  user-select: none;
  transition: color 0.3s ease 0s;
  background-color: rgb(33, 196, 243);
}
html.public .btn-ps-payeer i {
  display: inline-block;
  font-size: 16px;
  margin-right: 6px;
}
html.public .btn-ps-payeer span {
  display: inline-block;
  padding-left: 4px;
}
html.public .btn-ps-payeer:focus,
html.public .btn-ps-payeer:hover {
  color: rgb(0, 0, 0);
}
html.public .btn-ps-payeer.disabled,
html.public .btn-ps-payeer:disabled {
  pointer-events: none;
  opacity: 0.8;
}
html.public .btn-ps-litecoin {
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  font-family: SF-UI-Display-Medium;
  font-size: 12px;
  color: rgb(255, 255, 255);
  line-height: 1.2;
  border-radius: 50px;
  text-align: center;
  border: 0px;
  padding: 12px 13px;
  cursor: pointer;
  user-select: none;
  transition: color 0.3s ease 0s;
  background-color: rgb(215, 216, 215);
}
html.public .btn-ps-litecoin i {
  display: inline-block;
  font-size: 16px;
  margin-right: 6px;
}
html.public .btn-ps-litecoin span {
  display: inline-block;
  padding-left: 4px;
}
html.public .btn-ps-litecoin:focus,
html.public .btn-ps-litecoin:hover {
  color: rgb(0, 0, 0);
}
html.public .btn-ps-litecoin.disabled,
html.public .btn-ps-litecoin:disabled {
  pointer-events: none;
  opacity: 0.8;
}
html.public .btn-ps-ripple {
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  font-family: SF-UI-Display-Medium;
  font-size: 12px;
  color: rgb(255, 255, 255);
  line-height: 1.2;
  border-radius: 50px;
  text-align: center;
  border: 0px;
  padding: 12px 13px;
  cursor: pointer;
  user-select: none;
  transition: color 0.3s ease 0s;
  background-color: rgb(0, 137, 192);
}
html.public .btn-ps-ripple i {
  display: inline-block;
  font-size: 16px;
  margin-right: 6px;
}
html.public .btn-ps-ripple span {
  display: inline-block;
  padding-left: 4px;
}
html.public .btn-ps-ripple:focus,
html.public .btn-ps-ripple:hover {
  color: rgb(0, 0, 0);
}
html.public .btn-ps-ripple.disabled,
html.public .btn-ps-ripple:disabled {
  pointer-events: none;
  opacity: 0.8;
}
html.public .btn-ps-tether,
html.public .btn-ps-tether_erc20 {
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  font-family: SF-UI-Display-Medium;
  font-size: 12px;
  color: rgb(255, 255, 255);
  line-height: 1.2;
  border-radius: 50px;
  text-align: center;
  border: 0px;
  padding: 12px 13px;
  cursor: pointer;
  user-select: none;
  transition: color 0.3s ease 0s;
  background-color: rgb(106, 213, 179);
}
html.public .btn-ps-tether_erc20 i,
html.public .btn-ps-tether i {
  display: inline-block;
  font-size: 16px;
  margin-right: 6px;
}
html.public .btn-ps-tether_erc20 span,
html.public .btn-ps-tether span {
  display: inline-block;
  padding-left: 4px;
}
html.public .btn-ps-tether:focus,
html.public .btn-ps-tether:hover,
html.public .btn-ps-tether_erc20:focus,
html.public .btn-ps-tether_erc20:hover {
  color: rgb(0, 0, 0);
}
html.public .btn-ps-tether.disabled,
html.public .btn-ps-tether:disabled,
html.public .btn-ps-tether_erc20.disabled,
html.public .btn-ps-tether_erc20:disabled {
  pointer-events: none;
  opacity: 0.8;
}
html.public .btn-ps-tron {
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  font-family: SF-UI-Display-Medium;
  font-size: 12px;
  color: rgb(255, 255, 255);
  line-height: 1.2;
  border-radius: 50px;
  text-align: center;
  border: 0px;
  padding: 12px 13px;
  cursor: pointer;
  user-select: none;
  transition: color 0.3s ease 0s;
  background-color: rgb(179, 32, 25);
}
html.public .btn-ps-tron i {
  display: inline-block;
  font-size: 16px;
  margin-right: 6px;
}
html.public .btn-ps-tron span {
  display: inline-block;
  padding-left: 4px;
}
html.public .btn-ps-tron:focus,
html.public .btn-ps-tron:hover {
  color: rgb(0, 0, 0);
}
html.public .btn-ps-tron.disabled,
html.public .btn-ps-tron:disabled {
  pointer-events: none;
  opacity: 0.8;
}
html.public .dark-theme .btn {
  color: rgb(255, 255, 255);
  background-color: rgb(22, 33, 37);
}
html.public .dark-theme .btn:focus,
html.public .dark-theme .btn:hover {
  color: rgb(0, 0, 0);
  background-color: rgb(106, 213, 179);
}
html.public .dark-theme .btn:focus i,
html.public .dark-theme .btn:hover i {
  color: rgb(0, 0, 0) !important;
}
html.public .dark-theme .btn:focus .counter-mail .num,
html.public .dark-theme .btn:hover .counter-mail .num {
  color: rgb(0, 0, 0);
}
html.public .dark-theme .btn.disabled,
html.public .dark-theme .btn:disabled {
  pointer-events: none;
  opacity: 0.8;
}
html.public .dark-theme .btn-gray-tr {
  color: rgb(255, 255, 255);
  border-color: rgb(37, 64, 62);
}
html.public .dark-theme .btn-gray-tr:focus,
html.public .dark-theme .btn-gray-tr:hover {
  color: rgb(0, 0, 0);
  background-color: rgb(106, 213, 179);
}
html.public .dark-theme .btn-mint {
  color: rgb(17, 23, 29);
}
html.public .dark-theme .btn-mint:focus,
html.public .dark-theme .btn-mint:hover {
  background-color: rgb(22, 33, 37);
  color: rgb(255, 255, 255);
}
html.public .dark-theme .link:focus,
html.public .dark-theme .link:hover {
  color: rgb(255, 255, 255);
}
html.public .dark-theme .btn-ps-bitcoin {
  color: rgb(17, 23, 29);
}
html.public .dark-theme .btn-ps-bitcoin:hover {
  color: rgb(255, 255, 255);
}
html.public .dark-theme .btn-ps-perfectmoney {
  color: rgb(17, 23, 29);
}
html.public .dark-theme .btn-ps-perfectmoney:hover {
  color: rgb(255, 255, 255);
}
html.public .tooltipster-base {
  max-width: 400px;
  height: auto !important;
  width: auto !important;
  z-index: 9 !important;
}
@media screen and (max-width: 1100px) {
  html.public .tooltipster-base {
    zoom: 90%;
  }
}
@media (max-width: 960px) {
  html.public .tooltipster-base {
    zoom: 100%;
  }
}
html.public .tooltipster-sidetip .tooltipster-box {
  background: rgba(0, 0, 0, 0.8);
  border: none;
  border-radius: 4px;
}
html.public .tooltipster-sidetip .tooltipster-content {
  font-family: SF-UI-Display-Light;
  color: rgb(255, 255, 255);
  line-height: 1.5;
  font-size: 12px;
  padding: 6px 10px;
}
html.public .tooltipster-sidetip .tooltipster-arrow-border {
  border: 6px solid transparent;
}
html.public .tooltipster-sidetip .tooltipster-arrow-background {
  display: none;
}
html.public .tooltipster-sidetip.tooltipster-top .tooltipster-box {
  margin-bottom: 6px;
}
html.public .tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
  width: 12px;
  height: 6px;
  margin-left: -6px;
}
html.public .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-uncropped {
  top: 0px;
}
html.public .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
  border-top-color: rgba(0, 0, 0, 0.8);
}
html.public .tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
  margin-top: 6px;
}
html.public .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
  width: 12px;
  height: 6px;
  margin-left: -6px;
}
html.public .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
  top: -6px;
}
html.public .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: rgba(0, 0, 0, 0.8);
}
html.public .tooltipster-sidetip.tooltipster-right .tooltipster-box {
  margin-left: 6px;
}
html.public .tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
  width: 6px;
  height: 14px;
  margin-top: -7px;
}
html.public .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
  left: -6px;
}
html.public .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
  border-right-color: rgba(0, 0, 0, 0.8);
}
html.public .tooltipster-sidetip.tooltipster-left .tooltipster-box {
  margin-right: 6px;
}
html.public .tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
  width: 6px;
  height: 14px;
  margin-top: -7px;
}
html.public .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-uncropped {
  left: 0px;
}
html.public .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
  border-left-color: rgba(0, 0, 0, 0.8);
}

html.public .sidebar {
  display: inline-block;
  max-width: 255px;
  width: 100%;
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(111, 89, 184, 0.1) 0px -100px 96px 0px;
}
html.public .sidebar .scroll-sidebar {
  display: flex;
  width: 100%;
}
html.public .sidebar .right-bar {
  display: block;
  position: absolute;
  right: 0px;
  top: 0px;
  min-width: 75px;
  max-width: 75px;
  height: 100%;
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(111, 89, 184, 0.1) 0px -100px 96px 0px;
}
html.public .sidebar .right-bar .list {
  display: block;
  padding: 20px 15px 0px;
}
html.public .sidebar .right-bar .list .item {
  display: block;
  padding-bottom: 20px;
}
html.public .sidebar .right-bar .list .item a {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  font-size: 16px;
  border: 2px solid transparent;
  margin: 0px auto;
  transition: all 0.3s ease 0s;
}
html.public .sidebar .right-bar .list .item a i {
  display: inline-block;
}
@media (max-width: 1200px) {
  html.public .sidebar .right-bar .list .item a {
    width: 35px;
    height: 35px;
    font-size: 18px;
  }
}
html.public .sidebar .right-bar .list .item .btn-out {
  background: rgba(231, 76, 60, 0.22);
  color: rgb(231, 76, 60);
}
html.public .sidebar .right-bar .list .item .btn-out:hover {
  background: transparent;
  border-color: rgb(231, 76, 60);
}
html.public .sidebar .right-bar .language-bar {
  display: block;
  position: relative;
  width: 35px;
  height: 25px;
  margin: 0px auto;
}
html.public .sidebar .right-bar .language-bar .language-select {
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  position: absolute;
  left: 0px;
  top: 0px;
  text-transform: uppercase;
  height: 25px;
  width: 100%;
  background-color: rgb(255, 255, 255);
  border-radius: 3px;
  overflow: hidden;
  cursor: pointer;
  z-index: 2;
}
html.public .sidebar .right-bar .language-bar .language-select li {
  -webkit-box-flex: 1;
  flex: 1 1 0%;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-ordinal-group: 3;
  order: 2;
  min-height: 25px;
}
html.public .sidebar .right-bar .language-bar .language-select li img {
  max-width: 100%;
}
html.public .sidebar .right-bar .language-bar .language-select li:hover {
  cursor: pointer;
}
html.public .sidebar .right-bar .language-bar .language-select li.active {
  -webkit-box-ordinal-group: 2;
  order: 1;
  pointer-events: none;
}
html.public .sidebar .right-bar .language-bar .language-select.active {
  height: auto;
}
html.public .sidebar .right-bar .social-block {
  display: block;
  padding: 40px 15px 20px;
}
html.public .sidebar .right-bar .social-block .social-list {
  display: block;
}
html.public .sidebar .right-bar .social-block .social-list .item {
  display: block;
  margin-bottom: 10px;
}
html.public .sidebar .right-bar .social-block .social-list .item a {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  font-size: 14px;
  margin: 0px auto;
  border: 2px solid transparent;
  transition: all 0.3s ease 0s;
}
html.public .sidebar .right-bar .social-block .social-list .item a.link-tel {
  background-color: rgb(28, 157, 234);
  font-size: 12px;
}
html.public .sidebar .right-bar .social-block .social-list .item a.link-tel:hover {
  background: 0px 0px;
  border-color: rgb(28, 157, 234);
  color: rgb(28, 157, 234);
}
html.public .sidebar .right-bar .social-block .social-list .item a.link-tw {
  background-color: rgb(28, 212, 234);
}
html.public .sidebar .right-bar .social-block .social-list .item a.link-tw:hover {
  background: 0px 0px;
  border-color: rgb(28, 212, 234);
  color: rgb(28, 212, 234);
}
html.public .sidebar .right-bar .social-block .social-list .item a.link-fb {
  background-color: rgb(28, 120, 234);
}
html.public .sidebar .right-bar .social-block .social-list .item a.link-fb:hover {
  background: 0px 0px;
  border-color: rgb(28, 120, 234);
  color: rgb(28, 120, 234);
}
html.public .sidebar .right-bar .social-block .social-list .item a.link-yt {
  background-color: rgb(231, 76, 60);
}
html.public .sidebar .right-bar .social-block .social-list .item a.link-yt:hover {
  background: 0px 0px;
  border-color: rgb(231, 76, 60);
  color: rgb(231, 76, 60);
}
html.public .sidebar .right-bar .social-block .social-list .item a.link-instagram {
  background-color: rgb(206, 0, 120);
}
html.public .sidebar .right-bar .social-block .social-list .item a.link-instagram:hover {
  background: 0px 0px;
  border-color: rgb(206, 0, 120);
  color: rgb(206, 0, 120);
}
@media (max-width: 1200px) {
  html.public .sidebar .right-bar .social-block .social-list .item a {
    width: 35px;
    height: 35px;
    font-size: 16px;
  }
}
@media (max-width: 1200px) {
  html.public .sidebar .right-bar {
    position: relative;
    left: inherit;
    box-shadow: transparent 0px 0px 0px 0px;
    height: auto;
  }
}
html.public .sidebar .main-bar {
  display: block;
  position: relative;
  width: 100%;
}
html.public .sidebar .main-bar::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 6px;
  background-color: rgb(106, 213, 179);
  z-index: 2;
}
@media (max-width: 1200px) {
  html.public .sidebar .main-bar::before {
    display: none;
    left: inherit;
    right: 0px;
    width: calc(100% + 65px);
  }
}
html.public .sidebar .main-bar .header-bar {
  display: block;
  position: relative;
  padding: 20px 15px;
}
html.public .sidebar .main-bar .header-bar .logo {
  display: inline-block;
  max-width: 40px;
}
html.public .sidebar .main-bar .header-bar .logo a {
  display: block;
  line-height: 0;
}
html.public .sidebar .main-bar .header-bar .logo img {
  max-width: 100%;
}
@media (max-width: 1200px) {
  html.public .sidebar .main-bar .header-bar {
    display: none;
  }
}
html.public .sidebar .main-bar .user-block {
  display: block;
  padding: 5px 30px 30px;
}
html.public .sidebar .main-bar .user-block .user {
  padding-bottom: 25px;
}
html.public .sidebar .main-bar .user-block .user,
html.public .sidebar .main-bar .user-block .user .icon-box {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
html.public .sidebar .main-bar .user-block .user .icon-box {
  -webkit-box-pack: center;
  justify-content: center;
  width: 50px;
  min-width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: rgb(106, 213, 179);
  padding: 15px;
}
html.public .sidebar .main-bar .user-block .user .icon-box img {
  max-width: 100%;
}
html.public .sidebar .main-bar .user-block .user .user-info {
  display: inline-block;
  padding-left: 10px;
}
html.public .sidebar .main-bar .user-block .user .user-info .name {
  display: block;
  font-family: SF-UI-Display-Bold;
  font-size: 12px;
  color: rgb(0, 0, 0);
  line-height: 1.2;
  padding-bottom: 3px;
}
html.public .sidebar .main-bar .user-block .user .user-info .rank {
  display: block;
  font-family: SF-UI-Display-Bold;
  font-size: 12px;
  color: rgb(106, 213, 179);
  line-height: 1.2;
}
html.public .sidebar .main-bar .user-block .balance {
  display: block;
  padding-bottom: 25px;
}
html.public .sidebar .main-bar .user-block .balance h4 {
  padding-bottom: 5px;
}
html.public .sidebar .main-bar .user-block .balance .sum {
  display: block;
  font-family: SF-UI-Display-Bold;
  font-size: 22px;
  color: rgb(106, 213, 179);
  line-height: 1;
}
html.public .sidebar .main-bar .user-block .btn-block {
  display: block;
  text-align: center;
}
html.public .sidebar .main-bar .user-block .btn-block a {
  width: 100%;
}
@media (max-width: 1200px) {
  html.public .sidebar .main-bar .user-block {
    padding: 5px 15px 15px;
  }
}
html.public .sidebar .main-bar .nav {
  display: block;
}
html.public .sidebar .main-bar .nav .list .item {
  display: block;
  border-top: 2px solid rgb(243, 248, 252);
}
html.public .sidebar .main-bar .nav .list .item:last-child {
  border-bottom: 1px solid rgb(243, 248, 252);
}
html.public .sidebar .main-bar .nav .list .item a {
  display: flex;
  position: relative;
  -webkit-box-align: center;
  align-items: center;
  padding: 8px 30px;
  color: rgb(0, 0, 0);
  box-shadow: transparent 0px 0px 0px 0px;
  transition: all 0.3s ease 0s;
}
html.public .sidebar .main-bar .nav .list .item a::before {
  display: none;
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  width: 5px;
  height: calc(100% + 2px);
  background-color: rgb(106, 213, 179);
}
html.public .sidebar .main-bar .nav .list .item a i {
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 30px;
  min-width: 30px;
  height: 30px;
  font-size: 12px;
  color: rgb(106, 213, 179);
  border-radius: 50%;
  background-color: rgb(225, 247, 240);
}
html.public .sidebar .main-bar .nav .list .item a i.icon-help-circled,
html.public .sidebar .main-bar .nav .list .item a i.icon-home {
  font-size: 14px;
}
html.public .sidebar .main-bar .nav .list .item a i.icon-cog {
  font-size: 16px;
}
html.public .sidebar .main-bar .nav .list .item a span {
  display: inline-block;
  font-family: SF-UI-Display-Regular;
  font-size: 12px;
  line-height: 1.2;
  padding-left: 15px;
}
html.public .sidebar .main-bar .nav .list .item a .growth {
  display: inline-block;
  position: absolute;
  right: 30px;
  text-align: right;
}
html.public .sidebar .main-bar .nav .list .item a .growth b {
  display: block;
  font-family: SF-UI-Display-Bold;
  font-size: 12px;
  line-height: 1.1;
}
@media (max-width: 1200px) {
  html.public .sidebar .main-bar .nav .list .item a .growth {
    right: 15px;
  }
}
html.public .sidebar .main-bar .nav .list .item a .unread_tickets_count {
  position: absolute;
  right: 30px;
  display: inline-block;
  padding: 2px 8px;
  border-radius: 10px;
  line-height: 1.2;
  font-size: 12px;
  color: rgb(255, 255, 255);
  background-color: rgb(106, 213, 179);
}
html.public .sidebar .main-bar .nav .list .item a .unread_tickets_count i {
  margin-left: 4px;
  height: auto;
  min-height: auto;
  width: auto;
  min-width: auto;
  font-size: inherit;
  color: rgb(225, 247, 240);
  background-color: transparent;
}
html.public .sidebar .main-bar .nav .list .item a.link-active {
  box-shadow: rgba(111, 89, 184, 0.15) 0px 0px 111px 0px;
}
html.public .sidebar .main-bar .nav .list .item a.link-active::before {
  display: block;
}
html.public .sidebar .main-bar .nav .list .item a:hover {
  box-shadow: rgba(111, 89, 184, 0.15) 0px 0px 111px 0px;
}
@media (max-width: 1200px) {
  html.public .sidebar .main-bar .nav .list .item a {
    padding: 8px 15px;
  }
}
html.public .sidebar .main-bar .widget-news {
  display: block;
  padding: 30px;
}
html.public .sidebar .main-bar .widget-news .title-box {
  display: block;
}
html.public .sidebar .main-bar .widget-news .list-news {
  display: block;
  padding-top: 20px;
}
html.public .sidebar .main-bar .widget-news .list-news .item {
  display: block;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 2px solid rgb(243, 248, 252);
}
html.public .sidebar .main-bar .widget-news .list-news .item:last-child {
  border-bottom: 0px;
}
html.public .sidebar .main-bar .widget-news .list-news .item .news-link {
  display: inline-block;
  font-family: SF-UI-Display-Regular;
  font-size: 12px;
  color: rgb(106, 213, 179);
  line-height: 1.3;
  margin-bottom: 3px;
  transition: all 0.3s ease 0s;
}
html.public .sidebar .main-bar .widget-news .list-news .item .news-link:hover {
  color: rgb(169, 196, 219);
}
html.public .sidebar .main-bar .widget-news .list-news .item .date {
  display: block;
  font-family: SF-UI-Display-Medium;
  font-size: 10px;
  color: rgb(169, 196, 219);
  line-height: 1;
}
html.public .sidebar .main-bar .widget-news .box-btn {
  display: block;
}
html.public .sidebar .main-bar .widget-news .box-btn a {
  width: 100%;
}
@media (max-width: 1200px) {
  html.public .sidebar .main-bar .widget-news {
    padding: 15px;
  }
}
@media (max-width: 1200px) {
  html.public .sidebar .main-bar {
    border-left: 2px solid rgb(243, 248, 252);
    padding-bottom: 10px;
  }
}
html.public .sidebar.active {
  left: 0px;
}
@media (max-width: 1200px) {
  html.public .sidebar {
    position: fixed;
    top: 50px;
    left: -400px;
    max-width: 320px;
    height: calc(100% - 50px);
    z-index: 9;
    overflow-y: auto;
    transition: all 0.3s ease 0s;
  }
}
html.public .dark-theme .sidebar,
html.public .dark-theme .sidebar .right-bar {
  background-color: rgb(17, 23, 29);
  box-shadow: none;
  border-right: 1px solid rgb(37, 64, 62);
  border-left: 1px solid rgb(37, 64, 62);
}
html.public .dark-theme .sidebar .right-bar .language-bar .language-select {
  background-color: rgb(17, 23, 29);
}
@media (max-width: 1200px) {
  html.public .dark-theme .sidebar .right-bar {
    border-left: 0px;
  }
}
html.public .dark-theme .sidebar .main-bar .user-block .user .user-info .name {
  color: rgb(255, 255, 255);
}
html.public .dark-theme .sidebar .main-bar .nav .list .item {
  border-top: 1px solid rgb(37, 64, 62);
}
html.public .dark-theme .sidebar .main-bar .nav .list .item:last-child {
  border-color: rgb(37, 64, 62);
}
html.public .dark-theme .sidebar .main-bar .nav .list .item a {
  color: rgb(255, 255, 255);
  background-color: transparent;
  transition: all 0.3s ease 0s;
}
html.public .dark-theme .sidebar .main-bar .nav .list .item a i {
  background-color: rgb(37, 64, 62);
}
html.public .dark-theme .sidebar .main-bar .nav .list .item a span {
  font-family: SF-UI-Display-Light;
}
html.public .dark-theme .sidebar .main-bar .nav .list .item a .growth {
  display: inline-block;
  position: absolute;
  right: 30px;
  text-align: right;
}
html.public .dark-theme .sidebar .main-bar .nav .list .item a .growth b {
  display: block;
  font-family: SF-UI-Display-Bold;
  font-size: 12px;
  line-height: 1.1;
}
@media (max-width: 1200px) {
  html.public .dark-theme .sidebar .main-bar .nav .list .item a .growth {
    right: 15px;
  }
}
html.public .dark-theme .sidebar .main-bar .nav .list .item a .unread_tickets_count {
  color: rgb(17, 23, 29);
  background-color: rgb(106, 213, 179);
}
html.public .dark-theme .sidebar .main-bar .nav .list .item a .unread_tickets_count i {
  color: rgb(37, 64, 62);
  background-color: transparent;
}
html.public .dark-theme .sidebar .main-bar .nav .list .item a.link-active,
html.public .dark-theme .sidebar .main-bar .nav .list .item a:hover {
  box-shadow: none;
  background-color: rgb(22, 33, 37);
}
html.public .dark-theme .sidebar .main-bar .widget-news .list-news .item {
  border-bottom: 1px solid rgb(37, 64, 62);
}
html.public .dark-theme .sidebar .main-bar .widget-news .list-news .item:last-child {
  border-bottom: 0px;
}
html.public .dark-theme .sidebar .main-bar .widget-news .list-news .item .news-link {
  transition: all 0.3s ease 0s;
}
html.public .dark-theme .sidebar .main-bar .widget-news .list-news .item .news-link:hover {
  color: rgb(255, 255, 255);
}
@media (max-width: 1200px) {
  html.public .dark-theme .sidebar .main-bar {
    border-left: 1px solid rgb(37, 64, 62);
  }
}
@media (max-width: 1200px) {
  html.public .dark-theme .sidebar {
    border-left: 0px;
  }
}
html.public table {
  width: 100%;
}
html.public table thead tr th {
  padding: 5px;
}
html.public table thead tr th span {
  display: inline-block;
  font-family: SF-UI-Display-Medium;
  font-size: 12px;
  line-height: 1;
  color: rgb(0, 0, 0);
}
html.public table tbody tr:nth-child(2n) {
  background-color: rgba(239, 247, 254, 0.2);
}
html.public table tr td {
  font-family: SF-UI-Display-Medium;
  font-size: 12px;
  line-height: 1;
  color: rgb(169, 196, 219);
  padding: 5px;
}
html.public table tr td::before {
  display: none;
  content: attr(data-title);
  font-family: SF-UI-Display-Light;
  font-weight: 300;
  font-size: 14px;
  color: rgb(0, 0, 0);
  line-height: 1;
  padding-right: 15px;
}
html.public table tr td .social .item {
  padding: 0px 5px;
}
html.public table tr td .payment {
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
}
html.public table tr td .payment i {
  margin-right: 10px;
}
html.public table tr td .number {
  display: block;
  position: relative;
  min-width: 90px;
  width: 100%;
}
html.public table tr td .number span {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0px;
  max-width: 135px;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: default;
  background-color: rgb(255, 255, 255);
  transform: translateY(-50%);
  transition: all 0.3s ease 0s;
}
html.public table tr td .number:hover span {
  max-width: 400px;
}
html.public table tr td span {
  display: inline-block;
}
html.public table tr td b {
  font-family: SF-UI-Display-Bold;
}
html.public table tr td.hide-overflow-text {
  position: relative;
}
html.public table tr td.hide-overflow-text .text {
  display: flex;
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 5px 0px;
  height: 100%;
  width: 100%;
  background-color: rgb(255, 255, 255);
  -webkit-box-align: center;
  align-items: center;
  text-overflow: ellipsis;
  overflow: hidden;
  transition: all 0.3s ease 0s;
}
html.public table tr td.hide-overflow-text .text span {
  display: block;
  width: 100%;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
html.public table tr td.hide-overflow-text .text:hover {
  width: auto;
}
html.public .no-date {
  width: 100%;
  text-align: center;
}
html.public .no-date td {
  text-align: center;
  border: 0px;
  padding: 10px;
}
html.public table.table-line thead tr {
  border: 0px;
}
html.public table.table-line tr,
html.public table.table-line tr:nth-child(2n) {
  background-color: transparent;
}
html.public table.table-line tr:last-child td {
  border-bottom: 0px;
}
html.public table.table-line tr td {
  padding: 7px 5px;
  border-bottom: 1px solid rgb(246, 246, 252);
}
html.public .dark-theme table thead tr th span {
  color: rgb(255, 255, 255);
}
html.public .dark-theme table tbody tr:nth-child(2n) {
  background-color: transparent;
}
html.public .dark-theme table tr td {
  color: rgb(130, 153, 169);
  border-bottom: 1px solid rgb(37, 64, 62);
}
html.public .dark-theme table tr td::before {
  color: rgb(255, 255, 255);
}
html.public .dark-theme table tr td .social .item a {
  color: rgb(130, 153, 169);
}
html.public .dark-theme table tr td .social .item a:hover {
  color: rgb(106, 213, 179);
}
html.public .dark-theme table tr td .number span {
  background-color: rgb(17, 23, 29);
}
html.public .dark-theme table tr td .number:hover span {
  max-width: 400px;
}
html.public .dark-theme table tr td.hide-overflow-text .text {
  background-color: rgb(17, 23, 29);
}
html.public .pagination {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin: 0px -7px;
}
html.public .pagination .btn-first,
html.public .pagination .btn-last,
html.public .pagination .btn-next,
html.public .pagination .btn-prev {
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  min-width: 25px;
  height: 25px;
  font-size: 20px;
  color: rgb(106, 213, 179);
  line-height: 1;
  border: 0px;
  padding: 5px;
  cursor: pointer;
  background-color: transparent;
  transition: all 0.3s ease 0s;
}
html.public .pagination .btn-first:hover,
html.public .pagination .btn-last:hover,
html.public .pagination .btn-next:hover,
html.public .pagination .btn-prev:hover {
  color: rgb(0, 0, 0);
}
html.public .pagination .list-pag {
  display: inline-flex;
}
html.public .pagination .list-pag .item {
  display: inline-block;
  padding: 0px 5px;
}
html.public .pagination .list-pag .item .num-page {
  display: inline-flex;
  position: relative;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  min-width: 25px;
  height: 25px;
  font-family: SF-UI-Display-Bold;
  font-size: 14px;
  color: rgb(169, 196, 219);
  line-height: 0;
  border: 0px;
  border-radius: 50%;
  background: 0px 0px;
  padding: 4px;
  margin: 0px 3px;
  cursor: pointer;
  transition: all 0.3s ease 0s;
}
html.public .pagination .list-pag .item .num-page:hover {
  color: rgb(103, 206, 173);
}
html.public .pagination .list-pag .item .num-page.active {
  color: rgb(255, 255, 255);
  background-color: rgb(106, 213, 179);
}
html.public .dark-theme .pagination .btn-first:hover,
html.public .dark-theme .pagination .btn-last:hover,
html.public .dark-theme .pagination .btn-next:hover,
html.public .dark-theme .pagination .btn-prev:hover {
  color: rgb(255, 255, 255);
}
html.public .dark-theme .pagination .list-pag .item .num-page {
  color: rgb(130, 153, 169);
}
html.public .dark-theme .pagination .list-pag .item .num-page:hover {
  color: rgb(22, 33, 37);
  background-color: rgb(148, 173, 195);
}
html.public .dark-theme .pagination .list-pag .item .num-page.active {
  color: rgb(22, 33, 37);
  background-color: rgb(106, 213, 179);
}
html.public .select-block-tr .select .selected {
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(200, 211, 224);
}
html.public .select-block-tr .select .select-list {
  background-color: rgb(255, 255, 255);
  border-width: 0px 1px 1px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-color: rgb(200, 211, 224);
  border-bottom-color: rgb(200, 211, 224);
  border-left-color: rgb(200, 211, 224);
  border-image: initial;
  border-top-style: initial;
  border-top-color: initial;
}
html.public .select-block-tr .select.open .selected {
  border-bottom: 0px;
}
html.public .select-block {
  display: block;
  width: 100%;
}
html.public .select-label {
  display: block;
  font-family: SF-UI-Display-Medium;
  font-size: 12px;
  color: rgb(0, 0, 0);
  line-height: 1.2;
  padding-bottom: 7px;
}
html.public .select {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  font-family: SF-UI-Display-Bold;
  font-size: 12px;
  color: rgb(0, 0, 0);
  line-height: 1;
}
html.public .select i {
  margin-right: 8px;
}
html.public .select .selected {
  display: flex;
  position: relative;
  -webkit-box-align: center;
  align-items: center;
  border-radius: 20px;
  border: 0px;
  background-color: rgb(239, 247, 254);
  padding: 10px 40px 10px 15px;
  cursor: pointer;
  user-select: none;
}
html.public .select .selected::before {
  font-family: fontello;
  content: "";
  position: absolute;
  right: 20px;
  color: rgb(0, 0, 0);
  font-size: 14px;
  font-weight: 600;
}
html.public .select .select-list {
  display: none;
  position: absolute;
  left: 0px;
  top: 100%;
  width: 100%;
  background-color: rgb(239, 247, 254);
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  overflow: hidden;
}
html.public .select .select-list .item {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  background-color: transparent;
  padding: 10px 15px;
  cursor: pointer;
  user-select: none;
  border-top: 1px solid rgb(238, 240, 250);
  transition: all 0.3s ease 0s;
}
html.public .select .select-list .item:last-child {
  margin-bottom: 0px;
}
html.public .select .select-list .item.active,
html.public .select .select-list .item:hover {
  background-color: rgb(238, 240, 250);
}
html.public .select .select-list.wrap-scroll {
  max-height: 240px;
}
html.public .select.open {
  z-index: 2;
}
html.public .select.open .selected {
  border-radius: 20px 20px 0px 0px;
}
html.public .select.open .selected::before {
  content: "";
}
html.public .select.open .select-list {
  display: block;
}
html.public .dark-theme .select,
html.public .dark-theme .select-label {
  color: rgb(255, 255, 255);
}
html.public .dark-theme .select .selected {
  background-color: rgb(22, 33, 37);
}
html.public .dark-theme .select .selected::before {
  color: rgb(255, 255, 255);
}
html.public .dark-theme .select .select-list {
  background-color: rgb(22, 33, 37);
}
html.public .dark-theme .select .select-list .item {
  border-color: rgb(37, 64, 62);
}
html.public .dark-theme .select .select-list .item.active,
html.public .dark-theme .select .select-list .item:hover {
  background-color: rgb(37, 64, 62);
}
html.public .alert {
  position: relative;
  -webkit-box-pack: start;
  justify-content: flex-start;
  padding: 13px 50px 13px 15px;
  margin-bottom: 15px;
}
html.public .alert,
html.public .alert .meaning {
  display: flex;
}
html.public .alert .meaning {
  -webkit-box-align: center;
  align-items: center;
  max-width: 155px;
  padding-right: 15px;
  -webkit-box-flex: 1;
  flex: 1 0 auto;
}
html.public .alert .meaning > .icon {
  display: inline-block;
  min-width: 20px;
  font-size: 20px;
  color: rgb(255, 255, 255);
  line-height: 1;
  margin-right: 10px;
  text-align: center;
}
html.public .alert .meaning > .title {
  display: inline-block;
  font-family: SF-UI-Display-Bold;
  font-size: 12px;
  color: rgb(255, 255, 255);
  line-height: 1.2;
  font-weight: 700;
}
@media (max-width: 640px) {
  html.public .alert .meaning {
    max-width: 100%;
    padding: 0px 0px 10px;
  }
}
html.public .alert .contents {
  display: block;
  font-family: SF-UI-Display-Medium;
  font-size: 12px;
  color: rgb(255, 255, 255);
  line-height: 1.3;
}
@media (max-width: 640px) {
  html.public .alert .contents {
    width: 100%;
  }
}
html.public .alert .closed-alert {
  display: flex;
  position: absolute;
  right: 15px;
  top: 13px;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  opacity: 0.5;
  transition: all 0.3s ease 0s;
}
html.public .alert .closed-alert::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 100%;
  background-color: rgb(255, 255, 255);
  transform: rotate(-45deg);
}
html.public .alert .closed-alert::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 100%;
  background-color: rgb(255, 255, 255);
  transform: rotate(45deg);
}
html.public .alert .closed-alert:hover {
  opacity: 1;
}
@media (max-width: 640px) {
  html.public .alert .closed-alert {
    top: 13px;
    right: 10px;
  }
}
html.public .alert.success-alert {
  background-color: rgb(106, 213, 179);
}
html.public .alert.warning-alert {
  background-color: rgb(243, 156, 18);
}
html.public .alert.info-alert {
  background-color: rgb(28, 157, 234);
}
html.public .alert.error-alert {
  background-color: rgb(231, 76, 60);
}
@media (max-width: 640px) {
  html.public .alert {
    flex-wrap: wrap;
  }
}
html.public .alert-modal-overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  transition: all 0.3s ease 0s;
}
html.public .alert-modal-overlay.active {
  opacity: 1;
  visibility: visible;
  z-index: 99;
}
html.public .modal-alert {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  max-width: 280px;
  width: 100%;
  background-color: rgb(255, 255, 255);
  padding: 20px;
  z-index: 999;
  box-shadow: rgba(73, 74, 88, 0.3) 0px 10px 15px 0px;
  transform: translate(-50%, -50%);
}
html.public .modal-alert_head {
  display: block;
  text-align: center;
  padding-bottom: 15px;
}
html.public .modal-alert_head > .icon {
  display: inline-block;
  font-size: 25px;
  padding-bottom: 10px;
}
html.public .modal-alert_head > .title {
  display: block;
  font-family: SF-UI-Display-Bold;
  font-size: 14px;
  line-height: 1.2;
}
html.public .modal-alert_content {
  display: block;
  text-align: center;
  padding-bottom: 20px;
  font-family: SF-UI-Display-Regular;
  font-size: 12px;
  color: rgb(130, 153, 169);
  line-height: 1.4;
}
html.public .modal-alert_btn-box {
  display: block;
  text-align: center;
}
html.public .modal-alert_btn-box .closed-alert-modal {
  min-width: 115px;
}
html.public .modal-alert.success-modal-alert .modal-alert_head > .icon,
html.public .modal-alert.success-modal-alert .modal-alert_head > .title {
  color: rgb(106, 213, 179);
}
html.public .modal-alert.warning-modal-alert .modal-alert_head > .icon,
html.public .modal-alert.warning-modal-alert .modal-alert_head > .title {
  color: rgb(243, 156, 18);
}
html.public .modal-alert.info-modal-alert .modal-alert_head > .icon,
html.public .modal-alert.info-modal-alert .modal-alert_head > .title {
  color: rgb(28, 157, 234);
}
html.public .modal-alert.error-modal-alert .modal-alert_head > .icon,
html.public .modal-alert.error-modal-alert .modal-alert_head > .title {
  color: rgb(231, 76, 60);
}
html.public .mini-message {
  position: fixed;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  top: 10px;
  width: 250px;
  border-radius: 2px;
  background: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px 0px;
  padding: 20px 25px 20px 15px;
  z-index: 8;
  border: 1px solid rgb(255, 255, 255);
  left: 50%;
  transform: translateX(-50%);
  margin-left: 90px;
}
@media (max-width: 1200px) {
  html.public .mini-message {
    top: 55px;
    margin-left: 0px;
  }
}
html.public .mini-message .closed-mini-message {
  display: flex;
  position: absolute;
  right: 10px;
  top: 10px;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 15px;
  height: 15px;
  transition: all 0.3s ease 0s;
}
html.public .mini-message .closed-mini-message::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 100%;
  background-color: rgb(0, 0, 0);
  transform: rotate(-45deg);
}
html.public .mini-message .closed-mini-message::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 100%;
  background-color: rgb(0, 0, 0);
  transform: rotate(45deg);
}
html.public .mini-message .closed-mini-message:hover {
  opacity: 0.6;
}
@media (max-width: 640px) {
  html.public .mini-message .closed-mini-message {
    top: 13px;
    right: 10px;
  }
}
html.public .mini-message_icon i {
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 30px;
  min-width: 30px;
  height: 30px;
  font-size: 12px;
  color: rgb(106, 213, 179);
  border-radius: 50%;
  background-color: rgb(225, 247, 240);
}
html.public .mini-message_content {
  display: block;
  padding: 0px 10px;
}
html.public .mini-message_content p {
  display: block;
  font-family: SF-UI-Display-Medium;
  font-size: 12px;
  color: rgb(0, 0, 0);
  line-height: 1.3;
}
html.public .dark-theme .alert .contents,
html.public .dark-theme .alert .meaning > .icon,
html.public .dark-theme .alert .meaning > .title {
  color: rgb(17, 23, 29);
}
html.public .dark-theme .alert .closed-alert::after,
html.public .dark-theme .alert .closed-alert::before {
  background-color: rgb(17, 23, 29);
}
html.public .dark-theme .alert.success-alert {
  background-color: rgb(74, 149, 125);
}
html.public .dark-theme .alert.warning-alert {
  background-color: rgb(170, 109, 13);
}
html.public .dark-theme .alert.info-alert {
  background-color: rgb(20, 110, 163);
}
html.public .dark-theme .alert.error-alert {
  background-color: rgb(161, 53, 42);
}
html.public .dark-theme .modal-alert {
  border: 1px solid rgb(37, 64, 62);
  background-color: rgb(17, 23, 29);
  box-shadow: none;
}
html.public .dark-theme .modal-alert_content {
  color: rgb(93, 105, 137);
}
html.public .dark-theme .mini-message {
  background: rgb(22, 33, 37);
  box-shadow: none;
  border-color: rgb(37, 64, 62);
}
html.public .dark-theme .mini-message .closed-mini-message::after,
html.public .dark-theme .mini-message .closed-mini-message::before {
  background-color: rgb(255, 255, 255);
}
html.public .dark-theme .mini-message_icon i {
  background-color: rgba(106, 213, 179, 0.2);
}
html.public .dark-theme .mini-message_content p {
  color: rgb(255, 255, 255);
}
html.public .news-page .all-news {
  display: flex;
  flex-wrap: wrap;
  margin: 0px -7.5px;
}
html.public .news-page .all-news_box {
  display: inline-block;
  width: 33.333%;
  padding: 7.5px;
}
html.public .news-page .all-news_box .news {
  display: block;
  position: relative;
  height: 100%;
  background-color: rgb(255, 255, 255);
  padding: 20px;
  box-shadow: transparent 0px 0px 0px 0px;
  transition: box-shadow 0.3s ease 0s, -webkit-box-shadow 0.3s ease 0s;
}
html.public .news-page .all-news_box .news .link-news {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
html.public .news-page .all-news_box .news .media-block {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 100%;
  height: 115px;
  overflow: hidden;
  background-color: rgb(23, 33, 40);
}
html.public .news-page .all-news_box .news .media-block img {
  max-width: 100%;
}
@media (max-width: 750px) {
  html.public .news-page .all-news_box .news .media-block {
    max-height: 160px;
  }
}
html.public .news-page .all-news_box .news .title-news {
  display: block;
  padding: 13px 0px 10px;
}
html.public .news-page .all-news_box .news .title-news p {
  display: block;
  font-family: HelveticaNeueCyr-Bold;
  font-size: 13px;
  color: rgb(106, 213, 179);
  line-height: 1.4;
}
html.public .news-page .all-news_box .news .date-news span {
  display: block;
  font-family: SF-UI-Display-Medium;
  font-size: 13px;
  color: rgb(169, 196, 219);
  line-height: 1.4;
}
html.public .news-page .all-news_box .news:hover {
  box-shadow: rgba(73, 74, 88, 0.3) 0px 0px 15px 0px;
}
@media (max-width: 750px) {
  html.public .news-page .all-news_box .news {
    padding: 15px;
  }
}
@media (max-width: 750px) {
  html.public .news-page .all-news_box {
    width: 50%;
  }
}
@media (max-width: 480px) {
  html.public .news-page .all-news_box {
    width: 100%;
  }
}
html.public .news-page .pagination {
  -webkit-box-pack: center;
  justify-content: center;
  padding: 25px 0px 20px;
}
html.public .news-page .article {
  display: block;
}
html.public .news-page .article .date-article {
  display: block;
  padding-bottom: 5px;
}
html.public .news-page .article .date-article span {
  display: block;
  font-family: SF-UI-Display-Medium;
  font-size: 13px;
  color: rgb(169, 196, 219);
  line-height: 1.4;
}
html.public .news-page .article .title-article {
  display: block;
  padding-bottom: 25px;
}
html.public .news-page .article .title-article h2 {
  display: block;
  font-family: SF-UI-Display-Medium;
  font-size: 22px;
  color: rgb(106, 213, 179);
  line-height: 1.4;
  letter-spacing: 1px;
}
@media (max-width: 640px) {
  html.public .news-page .article .title-article h2 {
    font-size: 18px;
  }
}
@media (max-width: 640px) {
  html.public .news-page .article .title-article {
    padding-bottom: 15px;
  }
}
html.public .news-page .article .content-article {
  display: block;
}
html.public .news-page .article .content-article .media-article {
  display: block;
  padding-bottom: 25px;
}
html.public .news-page .article .content-article .media-article img {
  max-width: 100%;
}
@media (max-width: 640px) {
  html.public .news-page .article .content-article .media-article {
    padding-bottom: 15px;
  }
}
html.public .news-page .article .content-article .text {
  display: block;
  font-family: SF-UI-Display-Medium;
  font-size: 14px;
  color: rgb(93, 105, 137);
  line-height: 1.7;
}
html.public .news-page .article .content-article .text ul {
  display: block;
  padding-left: 15px;
}
html.public .news-page .article .content-article .text ul li {
  display: block;
  position: relative;
  font-family: SF-UI-Display-Medium;
  font-size: 14px;
  color: rgb(93, 105, 137);
  line-height: 1.5;
  margin-bottom: 5px;
}
html.public .news-page .article .content-article .text .list-desk li {
  padding-left: 10px;
}
html.public .news-page .article .content-article .text .list-desk li::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: rgb(106, 213, 179);
}
html.public .news-page .article .content-article .text .list-num {
  counter-reset: item 0;
}
html.public .news-page .article .content-article .text .list-num li::before {
  content: counter(item) ".";
  counter-increment: item 1;
  position: relative;
  left: 0px;
  font-family: SF-UI-Display-Medium;
  font-size: 14px;
  color: rgb(106, 213, 179);
  line-height: 1.5;
  padding-right: 5px;
}
html.public .news-page .last-news {
  display: block;
  margin-top: -15px;
}
@media (max-width: 1200px) {
  html.public .news-page .last-news {
    margin-top: -10px;
  }
}
html.public .dark-theme.news-page .all-news_box .news {
  border: 1px solid rgb(37, 64, 62);
  background-color: rgb(17, 23, 29);
}
html.public .dark-theme.news-page .all-news_box .news .media-block {
  background-color: rgb(22, 33, 37);
}
html.public .dark-theme.news-page .all-news_box .news .date-news span {
  color: rgb(93, 105, 137);
}
html.public .dark-theme.news-page .all-news_box .news:hover {
  border-color: rgb(106, 213, 179);
  box-shadow: none;
}
html.public .dark-theme.news-page .article .date-article span {
  color: rgb(93, 105, 137);
}
html.public .modal {
  display: none;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 99;
}
html.public .modal .modal-overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  transition: all 0.3s ease 0s;
}
html.public .modal .modal-overlay.active {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}
html.public .modal .modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  max-height: 100%;
  padding: 30px;
  overflow-y: auto;
  z-index: 2;
  transform: translate(-50%, -50%);
}
html.public .modal .modal-content .modal-body {
  display: block;
  position: relative;
  min-width: 200px;
  padding: 20px;
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(73, 74, 88, 0.3) 0px 10px 15px 0px;
}
html.public .modal .modal-content .modal-body .modal-title {
  display: block;
}
html.public .modal.modal-pin .modal-content .modal-body {
  max-width: 250px;
  min-width: 250px;
  width: 100%;
}
html.public .modal.modal-pin .modal-content .modal-body .modal-title {
  font-family: SF-UI-Display-Medium;
  font-size: 12px;
  color: rgb(93, 105, 137);
  line-height: 1.4;
  text-align: center;
  padding-bottom: 20px;
}
html.public .modal.modal-pin .modal-content .modal-body .pin-block {
  display: block;
}
html.public .modal.modal-pin .modal-content .modal-body .pin-block .pin-field {
  display: block;
  position: relative;
  margin: 0px auto;
  max-width: 72px;
  height: 10px;
}
html.public .modal.modal-pin .modal-content .modal-body .pin-block .pin-field input {
  display: none;
}
html.public .modal.modal-pin .modal-content .modal-body .pin-block .pin-field .box-mask {
  display: flex;
  justify-content: space-around;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 12px;
}
html.public .modal.modal-pin .modal-content .modal-body .pin-block .pin-field .box-mask span {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid rgb(130, 153, 169);
}
html.public .modal.modal-pin .modal-content .modal-body .pin-block .pin-field .box-mask span.active {
  background-color: rgb(130, 153, 169);
}
html.public .modal.modal-pin .modal-content .modal-body .pin-block .pin-field .box-mask.invalid span {
  animation: 0.5s linear 0s 1 normal none running shake;
}
html.public .modal.modal-pin .modal-content .modal-body .pin-block .keyboard {
  display: block;
  max-width: 215px;
  margin: 0px auto;
  padding: 10px 0px 15px;
}
html.public .modal.modal-pin .modal-content .modal-body .pin-block .keyboard .list {
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  flex-wrap: wrap;
}
html.public .modal.modal-pin .modal-content .modal-body .pin-block .keyboard .list_item {
  display: inline-block;
  padding: 5px;
}
html.public .modal.modal-pin .modal-content .modal-body .pin-block .keyboard .list_item a {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  font-family: SF-UI-Display-Light;
  font-size: 14px;
  color: rgb(130, 153, 169);
  line-height: 1;
  border: 1px solid rgb(211, 220, 230);
  border-radius: 50%;
  background-color: transparent;
  overflow: hidden;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  transition: all 0.3s ease 0s;
}
html.public .modal.modal-pin .modal-content .modal-body .pin-block .keyboard .list_item a:hover {
  color: rgb(130, 153, 169);
  background-color: rgb(211, 220, 230);
  border-color: rgb(211, 220, 230);
}
html.public .modal.modal-pin .modal-content .modal-body .pin-block .keyboard .list_item a:active {
  text-decoration: none !important;
}
html.public .modal.modal-pin .modal-content .modal-body .pin-block .keyboard .list_item .btn-ok {
  color: rgb(255, 255, 255);
  background-color: rgb(106, 213, 179);
  border-color: rgb(106, 213, 179) !important;
}
html.public .modal.modal-pin .modal-content .modal-body .pin-block .keyboard .list_item .btn-ok:hover {
  color: rgb(106, 213, 179);
  background-color: transparent;
}
html.public .modal.modal-pin .modal-content .modal-body .pin-block .box-link {
  display: block;
  text-align: center;
}
html.public .dark-theme .modal .modal-content .modal-body {
  border: 1px solid rgb(37, 64, 62);
  background-color: rgb(17, 23, 29);
  box-shadow: none;
}
html.public .dark-theme .modal.modal-pin .modal-content .modal-body .modal-title {
  color: rgb(255, 255, 255);
}
html.public .dark-theme .modal.modal-pin .modal-content .modal-body .pin-block .pin-field .box-mask span {
  border: 0px;
  background-color: rgb(93, 105, 137);
}
html.public .dark-theme .modal.modal-pin .modal-content .modal-body .pin-block .pin-field .box-mask span.active {
  background-color: rgb(255, 255, 255);
}
html.public .dark-theme .modal.modal-pin .modal-content .modal-body .pin-block .keyboard .list_item a {
  color: rgb(130, 153, 169);
  border: 0px;
  background-color: rgb(29, 37, 45);
}
html.public .dark-theme .modal.modal-pin .modal-content .modal-body .pin-block .keyboard .list_item a:hover {
  color: rgb(255, 255, 255);
  background-color: rgb(93, 105, 137);
}
html.public .dark-theme .modal.modal-pin .modal-content .modal-body .pin-block .keyboard .list_item .btn-ok {
  font-family: SF-UI-Display-Medium;
  color: rgb(17, 23, 29);
  background-color: rgb(106, 213, 179);
}
html.public .dark-theme .modal.modal-pin .modal-content .modal-body .pin-block .keyboard .list_item .btn-ok:hover {
  color: rgb(255, 255, 255);
  background-color: rgb(93, 105, 137);
}
html.public .vc-container {
  border: 1px solid rgb(203, 213, 224);
  border-radius: 0px;
}
@media (min-width: 960px) {
  html.public .vc-container {
    --day-content-width: 22px;
    --day-content-height: 22px;
    --day-min-height: 22px;
    --highlight-height: 22px;
    --header-padding: 3px 10px 0 10px;
    --weeks-padding: 3px 4px 5px 4px;
    --day-content-margin: 1px auto;
  }
  html.public .vc-container .vc-text-lg {
    font-size: 14px;
  }
  html.public .vc-container .vc-text-sm {
    font-size: 12px;
  }
  html.public .vc-container > .vc-relative > .vc-grid-container {
    grid-template-columns: auto !important;
  }
}
@media (max-width: 960px) {
  html.public .vc-container .vc-arrows-container svg {
    width: 35px;
    height: 35px;
  }
}
html.public .faq {
  display: block;
}
html.public .faq_head {
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 25px 0px;
}
html.public .faq_head .box {
  display: inline-block;
  padding-bottom: 15px;
}
html.public .faq_head .box p {
  display: block;
  font-family: SF-UI-Display-Medium;
  font-size: 12px;
  color: rgb(130, 153, 169);
  line-height: 1.3;
}
@media (max-width: 750px) {
  html.public .faq_head .box {
    width: 100%;
  }
}
html.public .faq_head .text-box {
  max-width: 350px;
  padding-top: 5px;
  padding-right: 15px;
}
@media (max-width: 750px) {
  html.public .faq_head .text-box {
    max-width: 100%;
  }
}
html.public .faq_head .btn-box {
  display: inline-flex;
  -webkit-box-pack: end;
  justify-content: flex-end;
}
html.public .faq_head .btn-box a {
  min-width: 160px;
  margin-right: 10px;
  white-space: nowrap;
}
html.public .faq_head .btn-box a:last-child {
  margin-right: 0px;
}
@media (max-width: 480px) {
  html.public .faq_head .btn-box a:last-child {
    margin-bottom: 0px;
  }
}
@media (max-width: 750px) {
  html.public .faq_head .btn-box a {
    width: 100%;
  }
}
@media (max-width: 480px) {
  html.public .faq_head .btn-box a {
    margin-bottom: 15px;
    margin-right: 0px;
  }
}
@media (max-width: 750px) {
  html.public .faq_head .btn-box {
    padding-bottom: 0px;
  }
}
@media (max-width: 480px) {
  html.public .faq_head .btn-box {
    flex-wrap: wrap;
  }
}
@media (max-width: 750px) {
  html.public .faq_head {
    flex-wrap: wrap;
  }
}
html.public .faq .faq-content {
  display: block;
  padding: 20px 0px;
}
html.public .faq .faq-content .accordion {
  display: block;
  border-bottom: 1px solid rgb(235, 236, 248);
}
html.public .faq .faq-content .accordion .btn-accordion {
  cursor: pointer;
  display: block;
  position: relative;
  font-family: SF-UI-Display-Medium;
  font-size: 14px;
  color: rgb(0, 0, 0);
  line-height: 1.3;
  padding: 20px;
  transition: all 0.3s ease 0s;
}
html.public .faq .faq-content .accordion .btn-accordion::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 23px;
  font-family: fontello;
  font-size: 10px;
  color: rgb(93, 105, 137);
  transition: all 0.3s ease 0s;
}
@media (max-width: 640px) {
  html.public .faq .faq-content .accordion .btn-accordion::before {
    top: 16px;
  }
}
@media (max-width: 640px) {
  html.public .faq .faq-content .accordion .btn-accordion {
    font-size: 13px;
    padding: 15px 0px 15px 15px;
  }
}
html.public .faq .faq-content .accordion .inner-accordion {
  display: none;
  padding: 0px 20px 20px;
  font-family: SF-UI-Display-Medium;
  font-size: 13px;
  color: rgb(130, 153, 169);
  line-height: 1.5;
}
html.public .faq .faq-content .accordion .inner-accordion a {
  color: rgb(106, 213, 179);
  transition: all 0.3s ease 0s;
}
html.public .faq .faq-content .accordion .inner-accordion a:hover {
  color: rgb(0, 0, 0);
}
@media (max-width: 640px) {
  html.public .faq .faq-content .accordion .inner-accordion {
    padding: 0px 0px 20px 15px;
  }
}
html.public .faq .faq-content .accordion.open {
  border-color: rgb(106, 213, 179);
}
html.public .faq .faq-content .accordion.open .btn-accordion {
  color: rgb(106, 213, 179);
}
html.public .faq .faq-content .accordion.open .btn-accordion::before {
  color: rgb(106, 213, 179);
  transform: rotate(180deg);
}
html.public .dark-theme .faq_head .box p {
  color: rgb(93, 105, 137);
}
html.public .dark-theme .faq .faq-content .accordion {
  border-color: rgb(37, 64, 62);
}
html.public .dark-theme .faq .faq-content .accordion .btn-accordion {
  color: rgb(255, 255, 255);
}
html.public .dark-theme .faq .faq-content .accordion .btn-accordion::before {
  color: rgb(93, 105, 137);
}
html.public .dark-theme .faq .faq-content .accordion .btn-accordion.active,
html.public .dark-theme .faq .faq-content .accordion .btn-accordion.active::before {
  color: rgb(106, 213, 179);
}
html.public .dark-theme .faq .faq-content .accordion .inner-accordion {
  color: rgb(93, 105, 137);
}
html.public .dark-theme .faq .faq-content .accordion .inner-accordion a:hover {
  color: rgb(255, 255, 255);
}
html.public .dark-theme .faq .faq-content .accordion.open {
  border-color: rgb(106, 213, 179);
}
html.public .ticket-title-section {
  margin-bottom: -10px;
}
html.public .ticket {
  display: block;
}
html.public .ticket .ticket-head {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
html.public .ticket .ticket-head .block {
  display: inline-block;
}
html.public .ticket .ticket-head .block.text-block {
  padding-right: 25px;
  font-size: 13px;
  color: rgb(130, 153, 169);
  font-family: SF-UI-Display-Medium;
  line-height: 1.3;
}
html.public .ticket .ticket-head .block.text-block span {
  display: inline-block;
}
html.public .ticket .ticket-head .block.text-block span.allotted {
  color: rgb(0, 0, 0);
}
@media (max-width: 640px) {
  html.public .ticket .ticket-head .block.text-block {
    padding: 0px 0px 15px;
  }
}
html.public .ticket .ticket-head .block.btn-block a {
  min-width: 170px;
}
@media (max-width: 640px) {
  html.public .ticket .ticket-head .block {
    width: 100%;
  }
}
@media (max-width: 640px) {
  html.public .ticket .ticket-head {
    flex-wrap: wrap;
  }
}
html.public .ticket .ticket-form {
  display: block;
  padding-top: 30px;
}
html.public .ticket .ticket-form .form-row {
  display: block;
  margin-bottom: 20px;
}
html.public .ticket .ticket-form .form-row .select-block-tr .select {
  font-family: SF-UI-Display-Medium;
  font-size: 13px;
}
html.public .ticket .ticket-form .form-row .select-block-tr .select .selected {
  height: 40px;
}
html.public .ticket .ticket-form .form-row label {
  display: block;
  font-family: SF-UI-Display-Medium;
  font-size: 12px;
  color: rgb(164, 179, 197);
  line-height: 1.2;
  padding-bottom: 5px;
}
html.public .ticket .ticket-form .form-row input {
  display: block;
  width: 100%;
  height: 40px;
  font-family: SF-UI-Display-Medium;
  font-size: 13px;
  color: rgb(0, 0, 0);
  line-height: 1;
  border-radius: 50px;
  padding: 5px 20px;
  border-color: rgb(200, 211, 224);
}
html.public .ticket .ticket-form .form-row textarea {
  display: block;
  width: 100%;
  height: 135px;
  font-family: SF-UI-Display-Medium;
  font-size: 13px;
  color: rgb(0, 0, 0);
  line-height: 1.5;
  border-radius: 20px;
  padding: 15px 20px;
  border-color: rgb(200, 211, 224);
  resize: none;
}
html.public .ticket .ticket-form .form-row ::-webkit-input-placeholder {
  color: rgb(0, 0, 0);
  opacity: 1;
  transition: opacity 0.2s ease 0s;
}
html.public .ticket .ticket-form .form-row :focus::-webkit-input-placeholder {
  opacity: 0;
  transition: opacity 0.2s ease 0s;
}
html.public .ticket .ticket-form .btn-row {
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding-top: 15px;
}
html.public .ticket .ticket-form .btn-row .block {
  display: inline-block;
}
html.public .ticket .ticket-form .btn-row .block.text-block {
  padding-right: 25px;
}
@media (max-width: 750px) {
  html.public .ticket .ticket-form .btn-row .block.text-block {
    padding: 0px 0px 15px;
    text-align: left;
  }
}
html.public .ticket .ticket-form .btn-row .block p {
  display: block;
  font-family: SF-UI-Display-Medium;
  font-size: 13px;
  color: rgb(130, 153, 169);
  line-height: 1.6;
}
html.public .ticket .ticket-form .btn-row .block p .allotted {
  color: rgb(0, 0, 0);
}
html.public .ticket .ticket-form .btn-row .block button {
  min-width: 180px;
}
@media (max-width: 750px) {
  html.public .ticket .ticket-form .btn-row .block {
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 750px) {
  html.public .ticket .ticket-form .btn-row {
    flex-wrap: wrap;
    padding-top: 0px;
  }
}
html.public .ticket-list {
  display: block;
}
html.public .ticket-list .tickets {
  display: block;
  padding-bottom: 20px;
  margin-top: -10px;
}
html.public .ticket-list .tickets .tickets-row {
  display: block;
  position: relative;
  border-bottom: 1px solid rgb(235, 236, 248);
  transition: all 0.3s ease 0s;
}
html.public .ticket-list .tickets .tickets-row::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 11px;
  font-family: fontello;
  font-size: 16px;
  color: rgb(147, 165, 187);
}
@media (max-width: 640px) {
  html.public .ticket-list .tickets .tickets-row::before {
    top: 9px;
  }
}
html.public .ticket-list .tickets .tickets-row::after {
  content: "";
  position: absolute;
  left: 0px;
  bottom: -2px;
  width: 100%;
  height: 1px;
  background-color: rgb(106, 213, 179);
  opacity: 0;
  transition: all 0.3s ease 0s;
}
html.public .ticket-list .tickets .tickets-row:hover {
  border-color: rgb(106, 213, 179);
}
html.public .ticket-list .tickets .tickets-row:hover::after {
  opacity: 1;
}
html.public .ticket-list .tickets .tickets-row.head-tickets-row .list .item span {
  display: inline-block;
  font-family: SF-UI-Display-Medium;
  font-size: 13px;
  color: rgb(0, 0, 0);
  line-height: 1;
}
html.public .ticket-list .tickets .tickets-row.head-tickets-row:hover {
  border-color: rgb(235, 236, 248);
}
html.public .ticket-list .tickets .tickets-row.head-tickets-row:hover::after {
  opacity: 0;
}
@media (max-width: 640px) {
  html.public .ticket-list .tickets .tickets-row.head-tickets-row {
    display: none;
  }
}
html.public .ticket-list .tickets .tickets-row .ticket-link {
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 2;
}
html.public .ticket-list .tickets .tickets-row .list {
  display: flex;
  padding: 5px 0px;
}
html.public .ticket-list .tickets .tickets-row .list .item {
  display: inline-block;
  position: relative;
  width: 100%;
  padding: 5px 15px 5px 0px;
}
html.public .ticket-list .tickets .tickets-row .list .item:first-child {
  max-width: 170px;
  padding-left: 30px;
}
@media (max-width: 640px) {
  html.public .ticket-list .tickets .tickets-row .list .item:first-child {
    padding-left: 25px;
  }
}
html.public .ticket-list .tickets .tickets-row .list .item:nth-child(2) {
  max-width: 270px;
}
html.public .ticket-list .tickets .tickets-row .list .item:last-child {
  max-width: 320px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html.public .ticket-list .tickets .tickets-row .list .item .date {
  display: inline-block;
  font-family: SF-UI-Display-Medium;
  font-size: 12px;
  color: rgb(147, 165, 187);
  line-height: 1;
  white-space: nowrap;
}
html.public .ticket-list .tickets .tickets-row .list .item .theme {
  display: inline-block;
  font-family: SF-UI-Display-Medium;
  font-size: 12px;
  color: rgb(106, 213, 179);
  line-height: 1;
}
html.public .ticket-list .tickets .tickets-row .list .item p {
  display: inline-block;
  width: 100%;
  font-family: SF-UI-Display-Medium;
  font-size: 12px;
  color: rgb(0, 0, 0);
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 640px) {
  html.public .ticket-list .tickets .tickets-row .list .item {
    padding: 3px 0px 3px 25px;
    max-width: 100% !important;
  }
}
@media (max-width: 640px) {
  html.public .ticket-list .tickets .tickets-row .list {
    flex-wrap: wrap;
  }
}
html.public .ticket-list .tickets .tickets-row.new-ticket::before {
  content: "";
  color: rgb(106, 213, 179);
}
html.public .ticket-list .tickets .tickets-row.read-ticket::before {
  content: "";
}
html.public .ticket-list .tickets .tickets-row.closed-ticket::before {
  content: "";
}
@media (max-width: 640px) {
  html.public .ticket-list .tickets {
    padding-bottom: 5px;
  }
}
html.public .ticket-list .explanation {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
html.public .ticket-list .explanation .block {
  display: inline-block;
}
@media (max-width: 480px) {
  html.public .ticket-list .explanation .block:last-child {
    text-align: center;
  }
}
html.public .ticket-list .explanation .block .list {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 0px;
}
html.public .ticket-list .explanation .block .list .item {
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  padding: 5px 25px 5px 0px;
}
html.public .ticket-list .explanation .block .list .item i {
  display: inline-block;
  font-size: 14px;
  color: rgb(147, 165, 187);
  margin-right: 5px;
}
html.public .ticket-list .explanation .block .list .item i.ic-new-m {
  color: rgb(106, 213, 179);
}
html.public .ticket-list .explanation .block .list .item span {
  display: inline-block;
  font-family: SF-UI-Display-Medium;
  font-size: 12px;
  color: rgb(169, 196, 219);
  line-height: 1.2;
}
@media (max-width: 640px) {
  html.public .ticket-list .explanation .block .list .item {
    width: 100%;
  }
}
@media (max-width: 480px) {
  html.public .ticket-list .explanation .block .list .item {
    padding-right: 0px;
  }
}
html.public .ticket-list .explanation .block a {
  min-width: 180px;
}
@media (max-width: 480px) {
  html.public .ticket-list .explanation .block {
    width: 100%;
  }
}
@media (max-width: 480px) {
  html.public .ticket-list .explanation {
    flex-wrap: wrap;
  }
}
html.public .chat-page .title-section {
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: -10px;
}
html.public .chat-page .title-section a {
  min-width: 180px;
}
@media (max-width: 1200px) {
  html.public .chat-page .title-section {
    margin-bottom: -5px;
  }
}
html.public .chat-page .chat-head {
  display: flex;
  position: relative;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 20px;
}
html.public .chat-page .chat-head::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0px;
  width: 1000px;
  height: 1px;
  background-color: rgb(229, 240, 249);
  transform: translate(-50%);
}
html.public .chat-page .chat-head .block {
  display: inline-block;
  padding: 0px 25px 5px 0px;
}
html.public .chat-page .chat-head .block p {
  display: block;
  font-family: SF-UI-Display-Medium;
  font-size: 13px;
  color: rgb(0, 0, 0);
  line-height: 1.2;
}
html.public .chat-page .chat-head .block.date-block {
  padding: 0px 0px 5px;
}
html.public .chat-page .chat-head .block.date-block span {
  display: inline-block;
  font-family: SF-UI-Display-Medium;
  font-size: 13px;
  color: rgb(164, 179, 197);
  line-height: 1.2;
  padding-right: 5px;
}
html.public .chat-page .chat-head .block.date-block span:last-child {
  padding-right: 0px;
}
@media (max-width: 750px) {
  html.public .chat-page .chat-head {
    padding-bottom: 10px;
  }
}
html.public .chat-page .chat-body {
  display: block;
  padding: 25px 0px;
}
html.public .chat-page .chat-body .chat-theme {
  display: block;
  padding-bottom: 15px;
}
html.public .chat-page .chat-body .chat-theme p {
  display: block;
  font-family: SF-UI-Display-Medium;
  font-size: 13px;
  color: rgb(130, 153, 169);
  line-height: 1.2;
}
html.public .chat-page .chat-body .chat-wrapper {
  display: block;
  height: 395px;
  margin-right: -15px;
}
html.public .chat-page .chat-body .chat-wrapper .wrap-scroll {
  display: block;
  height: 100%;
  width: 100%;
  padding-right: 15px;
  z-index: 2;
  overflow: inherit !important;
}
html.public .chat-page .chat-body .chat-wrapper .chat-content {
  display: block;
}
html.public .chat-page .chat-body .chat-wrapper .chat-content .message {
  display: block;
  border-radius: 20px;
  padding: 15px 20px 20px;
  border: 1px solid rgb(200, 211, 224);
  background-color: rgb(255, 255, 255);
  margin-bottom: 15px;
}
html.public .chat-page .chat-body .chat-wrapper .chat-content .message_head {
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 5px;
}
html.public .chat-page .chat-body .chat-wrapper .chat-content .message_head .name-box {
  display: inline-block;
  padding-bottom: 5px;
  padding-right: 25px;
}
html.public .chat-page .chat-body .chat-wrapper .chat-content .message_head .name-box span {
  display: inline-block;
  font-family: SF-UI-Display-Medium;
  font-size: 13px;
  color: rgb(130, 153, 169);
  line-height: 1.2;
}
html.public .chat-page .chat-body .chat-wrapper .chat-content .message_head .date-box {
  display: inline-block;
  padding-bottom: 5px;
}
html.public .chat-page .chat-body .chat-wrapper .chat-content .message_head .date-box span {
  display: inline-block;
  font-family: SF-UI-Display-Medium;
  font-size: 13px;
  color: rgb(164, 179, 197);
  line-height: 1.2;
  padding-right: 5px;
}
html.public .chat-page .chat-body .chat-wrapper .chat-content .message_head .date-box span:last-child {
  padding-right: 0px;
}
html.public .chat-page .chat-body .chat-wrapper .chat-content .message_content p {
  display: inline-block;
  font-family: SF-UI-Display-Medium;
  font-size: 13px;
  color: rgb(0, 0, 0);
  line-height: 1.5;
}
html.public .chat-page .chat-body .chat-wrapper .chat-content .interlocutor {
  background-color: rgb(238, 240, 250);
  border: 0px;
}
html.public .chat-page .chat-body .chat-wrapper .chat-content .interlocutor .message_head .name-box span {
  color: rgb(28, 157, 234);
}
html.public .chat-page .chat-functional {
  display: block;
  position: relative;
  padding-top: 20px;
}
html.public .chat-page .chat-functional::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0px;
  width: 1000px;
  height: 1px;
  background-color: rgb(229, 240, 249);
  transform: translate(-50%);
}
html.public .chat-page .chat-functional .field-row {
  display: block;
  padding-bottom: 20px;
}
html.public .chat-page .chat-functional .field-row textarea {
  display: block;
  width: 100%;
  height: 115px;
  font-family: SF-UI-Display-Medium;
  font-size: 13px;
  color: rgb(0, 0, 0);
  line-height: 1.5;
  border-radius: 20px;
  padding: 15px;
  border-color: rgb(200, 211, 224);
  resize: none;
}
html.public .chat-page .chat-functional .field-row ::-webkit-input-placeholder {
  color: rgb(164, 179, 197);
  opacity: 1;
  transition: opacity 0.2s ease 0s;
}
html.public .chat-page .chat-functional .field-row :focus::-webkit-input-placeholder {
  opacity: 0;
  transition: opacity 0.2s ease 0s;
}
html.public .chat-page .chat-functional .btn-row {
  display: flex;
  -webkit-box-pack: end;
  justify-content: flex-end;
}
html.public .chat-page .chat-functional .btn-row button {
  min-width: 180px;
  margin-right: 15px;
}
html.public .chat-page .chat-functional .btn-row button .icon-lock {
  font-size: 16px;
  height: 15px;
  margin: -4px 7px 0px 0px;
  color: rgb(130, 153, 169);
}
html.public .chat-page .chat-functional .btn-row button:last-child {
  margin-right: 0px;
}
@media (max-width: 640px) {
  html.public .chat-page .chat-functional .btn-row button {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    margin-bottom: 10px;
  }
}
@media (max-width: 480px) {
  html.public .chat-page .chat-functional .btn-row button {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: 100%;
    margin-right: 0px;
  }
}
@media (max-width: 640px) {
  html.public .chat-page .chat-functional .btn-row {
    flex-wrap: wrap;
    -webkit-box-pack: center;
    justify-content: center;
  }
}
html.public .dark-theme .ticket .ticket-head .block.text-block {
  color: rgb(93, 105, 137);
}
html.public .dark-theme .ticket .ticket-head .block.text-block span.allotted {
  color: rgb(255, 255, 255);
}
html.public .dark-theme .ticket .ticket-form .form-row .select-block-tr .select .select-list,
html.public .dark-theme .ticket .ticket-form .form-row .select-block-tr .select .selected {
  border: 0px;
}
html.public .dark-theme .ticket .ticket-form .form-row label {
  color: rgb(93, 105, 137);
}
html.public .dark-theme .ticket .ticket-form .form-row input,
html.public .dark-theme .ticket .ticket-form .form-row textarea {
  color: rgb(255, 255, 255);
  border-color: rgb(22, 33, 37);
  background-color: rgb(22, 33, 37);
}
html.public .dark-theme .ticket .ticket-form .form-row ::-webkit-input-placeholder {
  color: rgb(255, 255, 255);
}
html.public .dark-theme .ticket .ticket-form .btn-row .block p {
  color: rgb(93, 105, 137);
}
html.public .dark-theme .ticket .ticket-form .btn-row .block p .allotted {
  color: rgb(255, 255, 255);
}
html.public .dark-theme .ticket-list .tickets .tickets-row {
  border-color: rgb(37, 64, 62);
}
html.public .dark-theme .ticket-list .tickets .tickets-row::before {
  color: rgb(93, 105, 137);
}
html.public .dark-theme .ticket-list .tickets .tickets-row::after {
  background-color: rgb(106, 213, 179);
}
html.public .dark-theme .ticket-list .tickets .tickets-row:hover {
  border-color: rgb(106, 213, 179);
}
html.public .dark-theme .ticket-list .tickets .tickets-row.head-tickets-row .list .item span {
  color: rgb(255, 255, 255);
}
html.public .dark-theme .ticket-list .tickets .tickets-row.head-tickets-row:hover {
  border-color: rgb(37, 64, 62);
}
html.public .dark-theme .ticket-list .tickets .tickets-row.head-tickets-row:hover::after {
  opacity: 0;
}
html.public .dark-theme .ticket-list .tickets .tickets-row .list .item .date {
  color: rgb(93, 105, 137);
}
html.public .dark-theme .ticket-list .tickets .tickets-row .list .item .theme {
  color: rgb(106, 213, 179);
}
html.public .dark-theme .ticket-list .tickets .tickets-row .list .item p {
  color: rgb(255, 255, 255);
}
html.public .dark-theme .ticket-list .tickets .tickets-row.new-ticket::before {
  color: rgb(106, 213, 179);
}
html.public .dark-theme .ticket-list .explanation .block .list .item i,
html.public .dark-theme .ticket-list .tickets .tickets-row.closed-ticket::before,
html.public .dark-theme .ticket-list .tickets .tickets-row.read-ticket::before {
  color: rgb(93, 105, 137);
}
html.public .dark-theme .ticket-list .explanation .block .list .item i.ic-new-m {
  color: rgb(106, 213, 179);
}
html.public .dark-theme .ticket-list .explanation .block .list .item span {
  color: rgb(93, 105, 137);
}
html.public .dark-theme.chat-page .chat-head::before {
  background-color: rgb(37, 64, 62);
}
html.public .dark-theme.chat-page .chat-head .block p {
  color: rgb(255, 255, 255);
}
html.public .dark-theme.chat-page .chat-body .chat-theme p,
html.public .dark-theme.chat-page .chat-head .block.date-block span {
  color: rgb(93, 105, 137);
}
html.public .dark-theme.chat-page .chat-body .chat-wrapper .chat-content .message {
  border-color: rgb(29, 37, 45);
  background-color: rgb(29, 37, 45);
}
html.public .dark-theme.chat-page .chat-body .chat-wrapper .chat-content .message_head .date-box span,
html.public .dark-theme.chat-page .chat-body .chat-wrapper .chat-content .message_head .name-box span {
  color: rgb(93, 105, 137);
}
html.public .dark-theme.chat-page .chat-body .chat-wrapper .chat-content .message_content p {
  color: rgb(255, 255, 255);
}
html.public .dark-theme.chat-page .chat-body .chat-wrapper .chat-content .interlocutor {
  background-color: rgb(18, 37, 50);
}
html.public .dark-theme.chat-page .chat-body .chat-wrapper .chat-content .interlocutor .message_head .name-box span {
  color: rgb(28, 157, 234);
}
html.public .dark-theme.chat-page .chat-functional::before {
  background-color: rgb(37, 64, 62);
}
html.public .dark-theme.chat-page .chat-functional .field-row textarea {
  color: rgb(255, 255, 255);
  border-color: rgb(29, 37, 45);
  background-color: rgb(29, 37, 45);
}
html.public .dark-theme.chat-page .chat-functional .field-row ::-webkit-input-placeholder {
  color: rgb(93, 105, 137);
}
html.public .dark-theme.chat-page .chat-functional .btn-row button .icon-lock {
  color: rgb(130, 153, 169);
}
html.public .video-tutorials {
  display: block;
  padding: 30px 0px 0px;
}
html.public .video-tutorials_content {
  display: block;
}
html.public .video-tutorials_content .tutorials-row {
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0px -15px;
}
html.public .video-tutorials_content .tutorials-row .tutorials-block {
  display: block;
  width: 33.333%;
  padding: 15px;
}
html.public .video-tutorials_content .tutorials-row .tutorials-block .media {
  display: block;
  position: relative;
  border: 1px solid transparent;
}
html.public .video-tutorials_content .tutorials-row .tutorials-block .media img {
  display: block;
  max-width: 100%;
}
html.public .video-tutorials_content .tutorials-row .tutorials-block .media .btn-play {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}
html.public .video-tutorials_content .tutorials-row .tutorials-block .tutorials-title {
  display: block;
  margin-top: 10px;
}
html.public .video-tutorials_content .tutorials-row .tutorials-block .tutorials-title p {
  display: block;
  font-family: SF-UI-Display-Bold;
  font-size: 16px;
  color: rgb(106, 213, 179);
  line-height: 1.3;
}
@media (max-width: 960px) {
  html.public .video-tutorials_content .tutorials-row .tutorials-block {
    width: 50%;
  }
}
@media screen and (max-width: 550px) {
  html.public .video-tutorials_content .tutorials-row .tutorials-block {
    width: 100%;
  }
}
@media (max-width: 480px) {
  html.public .video-tutorials_content .tutorials-row .tutorials-block {
    max-width: 100%;
  }
}
@media (max-width: 960px) {
  html.public .video-tutorials_content .tutorials-row {
    -webkit-box-pack: start;
    justify-content: flex-start;
  }
}
html.public .video-tutorials_title {
  display: block;
  padding-bottom: 20px;
  text-align: center;
}
html.public .video-tutorials_title h3 {
  display: block;
  font-family: SF-UI-Display-Bold;
  font-size: 32px;
  color: rgb(255, 255, 255);
  line-height: 1.2;
}
html.public .video-tutorials_title h3 span {
  color: rgb(106, 213, 179);
}
@media (max-width: 960px) {
  html.public .video-tutorials_title h3 span {
    display: inline-block;
  }
}
@media (max-width: 960px) {
  html.public .video-tutorials_title h3 {
    font-size: 24px;
  }
}
@media (max-width: 640px) {
  html.public .video-tutorials_title h3 {
    font-size: 22px;
  }
}
@media (max-width: 960px) {
  html.public .video-tutorials_title {
    padding-bottom: 10px;
  }
}
@media (max-width: 960px) {
  html.public .video-tutorials {
    padding: 50px 0px 0px;
  }
}
html.public .dark-theme .video-tutorials_content .tutorials-row .tutorials-block .media {
  border-color: rgb(6, 202, 152);
}
html.public .btn-menu_left {
  display: none;
  position: absolute;
  left: 0px;
  top: 0px;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  width: 50px;
  height: 50px;
  cursor: pointer;
  z-index: 999;
}
html.public .btn-menu_left,
html.public .btn-menu_left span {
  transition: transform 0.25s ease 0s, -webkit-transform 0.25s ease 0s;
}
html.public .btn-menu_left span {
  position: relative;
  display: block;
  width: 50%;
  height: 2px;
  float: left;
  background: rgb(106, 213, 179);
  transform-origin: center center;
  z-index: 200;
}
html.public .btn-menu_left span:first-of-type {
  transform: translateY(-5px);
}
html.public .btn-menu_left span:nth-of-type(3) {
  transform: translateY(5px);
}
html.public .btn-menu_left.active {
  background-color: transparent;
  z-index: 99999;
}
html.public .btn-menu_left.active,
html.public .btn-menu_left.active span {
  transition: transform 0.25s ease 0s, -webkit-transform 0.25s ease 0s;
}
html.public .btn-menu_left.active span:first-of-type {
  transform: translateY(1px) rotate(45deg);
}
html.public .btn-menu_left.active span:nth-of-type(2) {
  display: none;
}
html.public .btn-menu_left.active span:nth-of-type(3) {
  transform: translateY(-1px) rotate(-45deg);
}
@media (max-width: 1200px) {
  html.public .btn-menu_left {
    display: flex;
  }
}
html.public .btn-menu_right {
  display: none;
  position: absolute;
  top: 0px;
  right: -6px;
  -webkit-box-align: center;
  align-items: center;
  flex-wrap: wrap;
  width: 50px;
  height: 50px;
  padding: 16px 15px;
  z-index: 99;
  cursor: pointer;
}
html.public .btn-menu_right span {
  display: inline-block;
  width: 4px;
  height: 4px;
  margin: 1px;
  background: rgb(106, 213, 179);
  transition: all 0.3s ease 0s;
}
html.public .btn-menu_right.active span:nth-child(2n) {
  opacity: 0;
}
html.public .menu-overlay-bg {
  visibility: hidden;
  opacity: 0;
  top: 0px;
  left: 0px;
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 9;
  transition: all 0.3s ease 0s;
  display: block !important;
}
html.public .menu-overlay-bg.active {
  visibility: visible;
  opacity: 1;
}
html.public .hide {
  overflow: hidden;
}
html.public .finance {
  display: block;
}
html.public .finance_row {
  display: block;
  padding-bottom: 20px;
}
html.public .finance_row h4 {
  padding-bottom: 5px;
}
html.public .finance_row .sum {
  display: block;
  font-family: SF-UI-Display-Bold;
  font-size: 22px;
  line-height: 1;
}
html.public .finance .invested {
  display: block;
}
html.public .finance .invested .sum {
  color: rgb(169, 196, 219);
}
html.public .finance .earnings {
  display: block;
}
html.public .finance .earnings .sum {
  color: rgb(28, 157, 234);
}
html.public .finance .balance {
  display: block;
}
html.public .finance .balance .sum {
  color: rgb(106, 213, 179);
}
html.public .finance .footnote {
  display: block;
  padding: 5px 0px 10px;
}
html.public .finance .footnote p {
  display: block;
  font-family: SF-UI-Display-Regular;
  font-size: 12px;
  color: rgb(0, 0, 0);
  line-height: 1.2;
}
html.public .limit {
  display: block;
}
html.public .limit .first-block .limit_row {
  -webkit-box-orient: inherit;
  -webkit-box-direction: inherit;
  flex-direction: inherit;
}
html.public .limit .first-block .limit_row:last-child {
  padding-bottom: 20px;
}
html.public .limit .first-block .limit_row .box {
  width: auto;
}
html.public .limit_row {
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 10px;
}
html.public .limit_row:last-child {
  padding: 0px;
}
@media (max-width: 480px) {
  html.public .limit_row:last-child .box {
    width: 100%;
  }
}
@media (max-width: 480px) {
  html.public .limit_row:last-child {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
}
html.public .limit_row h4 {
  padding-bottom: 5px;
}
html.public .limit_row .sum {
  display: block;
  font-family: SF-UI-Display-Bold;
  font-size: 18px;
  line-height: 1;
}
html.public .limit_row .box-btn {
  display: block;
  padding-bottom: 10px;
}
html.public .limit_row .box-btn a {
  width: 100%;
}
html.public .limit_row .box-btn a .two-color {
  color: rgb(231, 76, 60);
}
html.public .limit_row .box-btn a .blue {
  color: rgb(28, 157, 234);
}
@media (max-width: 480px) {
  html.public .limit_row .box-btn a {
    min-width: 150px;
  }
}
html.public .limit_row .box {
  display: inline-block;
  min-width: calc(50% - 10px);
}
html.public .limit .block {
  display: inline-block;
  width: 100%;
}
html.public .limit .buy {
  display: inline-block;
  padding-bottom: 10px;
}
html.public .limit .buy .sum {
  color: rgb(169, 196, 219);
}
html.public .limit .sell {
  display: inline-block;
  padding-bottom: 10px;
}
html.public .limit .sell .sum {
  color: rgb(28, 157, 234);
}
html.public .limit .available {
  display: block;
  padding-bottom: 15px;
}
html.public .limit .available .sum {
  color: rgb(106, 213, 179);
}
@media (max-width: 480px) {
  html.public .limit .available {
    text-align: center;
  }
}
html.public .limit .circle {
  display: flex;
  position: relative;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  text-align: center;
  -webkit-box-pack: center;
  justify-content: center;
  max-width: 140px;
  width: 140px;
  height: 140px;
  padding: 15px;
}
html.public .limit .circle span {
  display: block;
  font-family: SF-UI-Display-Medium;
  font-size: 12px;
  color: rgb(0, 0, 0);
  line-height: 1.2;
  padding-bottom: 5px;
}
html.public .limit .circle b {
  display: block;
  font-family: SF-UI-Display-Bold;
  font-size: 16px;
  color: rgb(106, 213, 179);
  line-height: 1;
}
html.public .limit .circle canvas {
  position: absolute;
  left: 0px;
  top: 0px;
}
@media (max-width: 750px) {
  html.public .limit .circle {
    margin: 0px auto;
  }
}
@media (max-width: 640px) {
  html.public .limit .circle {
    margin: 0px auto 15px;
  }
}
html.public .filter-nav {
  display: inline-block;
}
html.public .filter-nav .list {
  display: flex;
  flex-wrap: wrap;
}
html.public .filter-nav .list .item {
  display: inline-block;
  position: relative;
  padding: 0px 5px;
}
html.public .filter-nav .list .item::before {
  content: "/";
  position: absolute;
  top: 3px;
  right: -2px;
  font-family: SF-UI-Display-Light;
  font-size: 12px;
  color: rgb(0, 0, 0);
  line-height: 1.2;
}
html.public .filter-nav .list .item:last-child::before {
  display: none;
}
html.public .filter-nav .list .item a {
  display: inline-block;
  font-family: SF-UI-Display-Regular;
  font-size: 12px;
  color: rgb(0, 0, 0);
  line-height: 1.2;
  border-bottom: 1px solid rgb(0, 0, 0);
  transition: all 0.3s ease 0s;
}
html.public .filter-nav .list .item a.active {
  color: rgb(106, 213, 179);
  border-color: rgb(106, 213, 179);
}
html.public .filter-nav .list .item a:hover {
  border-color: rgb(106, 213, 179);
}
html.public .filter-nav.no-slash .list .item::before {
  display: none;
}
html.public .dealings-table,
html.public .investor-table {
  display: block;
  padding: 20px 0px;
  margin: 0px -5px;
}
html.public .chart-head {
  display: flex;
  -webkit-box-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  justify-content: space-between;
  flex-wrap: wrap;
}
html.public .chart-head_block {
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  flex-wrap: wrap;
  padding-right: 20px;
}
html.public .chart-head_block:last-child {
  padding-right: 0px;
}
html.public .chart-head_block .text-box {
  display: inline-block;
  padding-right: 20px;
  padding-bottom: 15px;
}
html.public .chart-head_block .text-box h4 {
  padding-bottom: 5px;
}
html.public .chart-head_block .text-box .percent {
  display: block;
  font-family: SF-UI-Display-Bold;
  font-size: 22px;
  color: rgb(106, 213, 179);
  line-height: 1;
}
html.public .chart-head_block .btn-box {
  display: inline-block;
  padding-bottom: 15px;
}
html.public .chart-head_block .btn-box a {
  min-width: 140px;
}
html.public .chart {
  display: block;
  max-height: 225px;
}
html.public .new-deposit {
  display: block;
  position: relative;
  -webkit-box-flex: 1;
  flex: 1 1 0%;
  height: 100%;
  background-color: rgb(255, 255, 255);
  overflow: hidden;
}
html.public .new-deposit .percent-deposit {
  -webkit-box-align: center;
  align-items: center;
  height: 100%;
  padding: 15px 15px 95px;
}
html.public .new-deposit .percent-deposit,
html.public .new-deposit .percent-deposit .circle-green {
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
}
html.public .new-deposit .percent-deposit .circle-green {
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  width: 170px;
  min-width: 170px;
  height: 170px;
  border-radius: 50%;
  background-color: rgb(106, 213, 179);
  padding: 25px;
  z-index: 1;
}
html.public .new-deposit .percent-deposit .circle-green::before {
  content: "";
  position: absolute;
  top: -108px;
  left: -115px;
  width: 400px;
  height: 400px;
  background: url("../../internal/img/media/media-percent.png") 50% center / 100% no-repeat;
  z-index: -1;
}
html.public .new-deposit .percent-deposit .circle-green b {
  display: block;
  font-family: SF-UI-Display-Bold;
  font-size: 60px;
  color: rgb(255, 255, 255);
  line-height: 0.9;
}
html.public .new-deposit .percent-deposit .circle-green p {
  display: block;
  font-family: SF-UI-Display-Bold;
  font-size: 12px;
  color: rgb(255, 255, 255);
  line-height: 1.2;
}
html.public .new-deposit .percent-deposit .circle-blue {
  display: flex;
  position: relative;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  width: 130px;
  min-width: 130px;
  height: 130px;
  border-radius: 50%;
  background-color: rgb(28, 157, 234);
  margin-left: -40px;
  padding: 20px;
  z-index: 1;
}
html.public .new-deposit .percent-deposit .circle-blue b {
  display: block;
  font-family: SF-UI-Display-Bold;
  font-size: 40px;
  color: rgb(255, 255, 255);
  line-height: 1;
}
html.public .new-deposit .percent-deposit .circle-blue p {
  display: block;
  font-family: SF-UI-Display-Bold;
  font-size: 12px;
  color: rgb(255, 255, 255);
  line-height: 1.2;
}
html.public .new-deposit .btn-deposit {
  display: block;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  z-index: 1;
}
html.public .new-deposit .btn-deposit a {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 100%;
  height: 80px;
  font-family: SF-UI-Display-Bold;
  font-size: 14px;
  line-height: 1;
  color: rgb(255, 255, 255);
  background-color: rgb(106, 213, 179);
  transition: all 0.3s ease 0s;
}
html.public .new-deposit .btn-deposit a i {
  display: inline-block;
  margin-right: 5px;
  font-size: 18px;
}
html.public .new-deposit .btn-deposit a span {
  display: inline-block;
}
html.public .new-deposit .btn-deposit a:hover {
  color: rgb(0, 0, 0);
}
html.public .deposits {
  display: block;
  padding: 0px 15px 15px;
}
html.public .deposits_row {
  display: block;
  box-shadow: rgba(111, 89, 184, 0.1) 0px 4px 96px 0px;
  margin-bottom: 6px;
}
html.public .deposits_row .btn-accordion {
  display: flex;
  position: relative;
  -webkit-box-pack: justify;
  justify-content: space-between;
  background-color: rgb(255, 255, 255);
  padding: 25px 75px 25px 30px;
}
html.public .deposits_row .btn-accordion .list {
  display: flex;
  width: 100%;
}
html.public .deposits_row .btn-accordion .list .item {
  display: inline-block;
  padding-right: 25px;
}
html.public .deposits_row .btn-accordion .list .item:first-child {
  text-align: center;
}
html.public .deposits_row .btn-accordion .list .item:nth-child(2) {
  max-width: 145px;
  width: 100%;
}
html.public .deposits_row .btn-accordion .list .item:nth-child(3) {
  max-width: 130px;
  width: 100%;
}
html.public .deposits_row .btn-accordion .list .item:last-child {
  padding-right: 0px;
}
@media (max-width: 750px) {
  html.public .deposits_row .btn-accordion .list .item:last-child {
    padding: 0px;
  }
}
html.public .deposits_row .btn-accordion .list .item p {
  display: block;
  font-family: SF-UI-Display-Medium;
  font-size: 13px;
  color: rgb(0, 0, 0);
  line-height: 1.2;
}
html.public .deposits_row .btn-accordion .list .item span {
  display: inline-block;
  font-family: SF-UI-Display-Medium;
  font-size: 13px;
  line-height: 1.2;
}
@media (max-width: 750px) {
  html.public .deposits_row .btn-accordion .list .item {
    padding: 0px 0px 15px;
  }
  html.public .deposits_row .btn-accordion .list .item:first-child {
    text-align: left;
  }
}
@media (max-width: 750px) {
  html.public .deposits_row .btn-accordion .list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
}
html.public .deposits_row .btn-accordion .icon-arrow {
  display: inline-flex;
  position: absolute;
  top: 25px;
  right: 30px;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  font-size: 18px;
  color: rgb(255, 255, 255);
  line-height: 0;
  border-radius: 50%;
  background-color: rgb(106, 213, 179);
  cursor: pointer;
  transform: rotate(0deg);
  transition: all 0.3s ease 0s;
}
html.public .deposits_row .btn-accordion .icon-arrow i {
  padding-top: 3px;
}
html.public .deposits_row .btn-accordion .icon-arrow:hover {
  color: rgb(0, 0, 0);
}
@media (max-width: 960px) {
  html.public .deposits_row .btn-accordion .icon-arrow:hover {
    color: rgb(255, 255, 255);
  }
}
@media (max-width: 1200px) {
  html.public .deposits_row .btn-accordion .icon-arrow {
    top: 20px;
    right: 20px;
  }
}
@media (max-width: 750px) {
  html.public .deposits_row .btn-accordion .icon-arrow {
    top: 15px;
    right: 15px;
  }
}
html.public .deposits_row .btn-accordion.active .icon-arrow {
  transform: rotate(180deg);
}
@media (max-width: 1200px) {
  html.public .deposits_row .btn-accordion {
    padding: 20px 75px 20px 20px;
  }
}
@media (max-width: 750px) {
  html.public .deposits_row .btn-accordion {
    padding: 15px 75px 15px 15px;
  }
}
html.public .deposits_row .inner-accordion {
  display: none;
  padding: 15px 30px 25px;
  background-color: rgb(255, 255, 255);
  border-top: 2px solid rgb(248, 249, 253);
  overflow: hidden;
}
html.public .deposits_row .inner-accordion .title-accordion {
  display: block;
  padding-bottom: 15px;
}
html.public .deposits_row .inner-accordion .title-accordion h4 {
  font-size: 14px;
}
html.public .deposits_row .inner-accordion .table {
  display: block;
  margin: 0px -5px;
}
@media (max-width: 640px) {
  html.public .deposits_row .inner-accordion .table table thead {
    display: none;
  }
}
html.public .deposits_row .inner-accordion .table table tr:last-child::after {
  display: none;
}
@media (max-width: 640px) {
  html.public .deposits_row .inner-accordion .table table tr:last-child td {
    border-bottom: 1px solid rgb(246, 246, 252);
  }
}
html.public .deposits_row .inner-accordion .table table tr::after {
  display: none;
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  width: calc(100% + 50px);
  height: 4px;
  background-color: rgb(238, 240, 250);
  transform: translate(-50%);
}
@media (max-width: 640px) {
  html.public .deposits_row .inner-accordion .table table tr::after {
    display: block;
  }
}
@media (max-width: 640px) {
  html.public .deposits_row .inner-accordion .table table tr td:last-child {
    border: 0px;
  }
}
@media (max-width: 640px) {
  html.public .deposits_row .inner-accordion .table table tr td::before {
    display: block;
  }
}
@media (max-width: 640px) {
  html.public .deposits_row .inner-accordion .table table tr td {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 10px;
    width: 100%;
  }
}
@media (max-width: 640px) {
  html.public .deposits_row .inner-accordion .table table tr {
    display: block;
    position: relative;
    white-space: normal;
    width: 100%;
    margin-bottom: 10px;
  }
}
@media (max-width: 1200px) {
  html.public .deposits_row .inner-accordion {
    padding: 20px;
  }
}
@media (max-width: 750px) {
  html.public .deposits_row .inner-accordion {
    padding: 15px;
  }
}
html.public .deposits .pagination {
  padding-top: 15px;
}
@media (max-width: 640px) {
  html.public .deposits .pagination {
    -webkit-box-pack: center;
    justify-content: center;
  }
}
@media (max-width: 1200px) {
  html.public .deposits {
    padding: 0px 7.5px 7.5px;
  }
}
html.public .history-table {
  display: block;
  padding-top: 10px;
  margin: 0px -5px;
}
@media (max-width: 750px) {
  html.public .history-table table thead {
    display: none;
  }
}
html.public .history-table table tr:last-child::after {
  display: none;
}
@media (max-width: 750px) {
  html.public .history-table table tr:last-child td {
    border-bottom: 1px solid rgb(246, 246, 252);
  }
}
html.public .history-table table tr::after {
  display: none;
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  width: calc(100% + 50px);
  height: 4px;
  background-color: rgb(238, 240, 250);
  transform: translate(-50%);
}
@media (max-width: 750px) {
  html.public .history-table table tr::after {
    display: block;
  }
}
@media (max-width: 750px) {
  html.public .history-table table tr td:last-child {
    border: 0px;
  }
}
@media (max-width: 750px) {
  html.public .history-table table tr td::before {
    display: block;
  }
}
@media (max-width: 750px) {
  html.public .history-table table tr td {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 10px;
    width: 100%;
  }
}
@media (max-width: 750px) {
  html.public .history-table table tr {
    display: block;
    position: relative;
    white-space: normal;
    width: 100%;
    margin-bottom: 10px;
  }
}
html.public .deposit-page .deposit-content .change-row {
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 35px 30px 25px;
}
html.public .deposit-page .deposit-content .change-row_box {
  display: inline-block;
  width: calc(50% - 15px);
}
@media (max-width: 640px) {
  html.public .deposit-page .deposit-content .change-row_box:last-child {
    padding-bottom: 0px;
  }
}
html.public .deposit-page .deposit-content .change-row_box .radio-box {
  display: block;
  padding-bottom: 8px;
}
html.public .deposit-page .deposit-content .change-row_box .radio-box label {
  display: block;
  font-family: SF-UI-Display-Bold;
  font-size: 12px;
  line-height: 1.2;
  color: rgb(0, 0, 0);
}
html.public .deposit-page .deposit-content .change-row_box .radio-box .radio {
  position: absolute;
  z-index: -1;
  opacity: 0;
  margin: 0px;
  height: 20px !important;
  width: 20px !important;
}
html.public .deposit-page .deposit-content .change-row_box .radio-box .radio + label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  min-height: 23px;
  padding: 5px 5px 5px 40px;
}
html.public .deposit-page .deposit-content .change-row_box .radio-box .radio + label::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid rgb(157, 193, 224);
}
html.public .deposit-page .deposit-content .change-row_box .radio-box .radio + label::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: rgb(106, 213, 179);
  opacity: 0;
  transition: all 0.2s ease 0s;
}
html.public .deposit-page .deposit-content .change-row_box .radio-box .radio:checked + label::after {
  opacity: 1;
}
html.public .deposit-page .deposit-content .change-row_box .select-block {
  padding-left: 40px;
}
@media (max-width: 480px) {
  html.public .deposit-page .deposit-content .change-row_box .select-block {
    padding-left: 0px;
  }
}
html.public .deposit-page .deposit-content .change-row_box .info-time {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
html.public .deposit-page .deposit-content .change-row_box .info-time .icon {
  display: inline-block;
  width: 70px;
  min-width: 70px;
  height: 70px;
  background: url("../../internal/img/icon/ic-time.png") 50% center / 69px no-repeat;
}
@media (max-width: 480px) {
  html.public .deposit-page .deposit-content .change-row_box .info-time .icon {
    width: 50px;
    min-width: 50px;
    height: 50px;
    background-size: 49px;
  }
}
html.public .deposit-page .deposit-content .change-row_box .info-time .time-text {
  display: inline-block;
  width: calc(100% - 70px);
  padding-left: 20px;
}
html.public .deposit-page .deposit-content .change-row_box .info-time .time-text p {
  display: block;
  font-family: SF-UI-Display-Medium;
  font-size: 12px;
  color: rgb(148, 173, 195);
  line-height: 1.3;
}
html.public .deposit-page .deposit-content .change-row_box .info-time .time-text .title {
  color: rgb(0, 0, 0);
}
@media (max-width: 480px) {
  html.public .deposit-page .deposit-content .change-row_box .info-time .time-text {
    width: calc(100% - 50px);
    padding-left: 15px;
  }
}
html.public .deposit-page .deposit-content .change-row_box.disabled {
  opacity: 0.4;
}
@media (max-width: 640px) {
  html.public .deposit-page .deposit-content .change-row_box {
    width: 100%;
    padding-bottom: 20px;
  }
}
@media (max-width: 1200px) {
  html.public .deposit-page .deposit-content .change-row {
    padding: 20px;
  }
}
@media (max-width: 750px) {
  html.public .deposit-page .deposit-content .change-row {
    padding: 15px;
  }
}
@media (max-width: 640px) {
  html.public .deposit-page .deposit-content .change-row {
    flex-wrap: wrap;
  }
}
html.public .deposit-page .deposit-content .center-row {
  display: block;
  padding: 30px 30px 20px 70px;
  border-top: 1px solid rgb(238, 240, 250);
}
html.public .deposit-page .deposit-content .center-row .input-block {
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
html.public .deposit-page .deposit-content .center-row .input-block .input-box {
  display: inline-block;
  margin-bottom: 20px;
  width: calc(25% - 25px);
}
html.public .deposit-page .deposit-content .center-row .input-block .input-box.one-box {
  width: calc(50% - 25px);
}
@media (max-width: 960px) {
  html.public .deposit-page .deposit-content .center-row .input-block .input-box.one-box {
    width: calc(50% - 10px);
  }
}
@media (max-width: 750px) {
  html.public .deposit-page .deposit-content .center-row .input-block .input-box.one-box {
    width: 100%;
    margin-bottom: 15px;
  }
}
html.public .deposit-page .deposit-content .center-row .input-block .input-box.two-box input {
  color: rgb(106, 213, 179);
}
html.public .deposit-page .deposit-content .center-row .input-block .input-box.three-box input {
  color: rgb(28, 157, 234);
}
html.public .deposit-page .deposit-content .center-row .input-block .input-box label {
  display: block;
  font-family: SF-UI-Display-Bold;
  font-size: 12px;
  color: rgb(0, 0, 0);
  line-height: 1.2;
  padding-bottom: 7px;
}
html.public .deposit-page .deposit-content .center-row .input-block .input-box input {
  display: block;
  width: 100%;
  height: 40px;
  font-family: SF-UI-Display-Bold;
  font-size: 12px;
  line-height: 1;
  color: rgb(0, 0, 0);
  border-radius: 50px;
  background-color: rgb(239, 247, 254);
  padding: 5px 20px;
}
html.public .deposit-page .deposit-content .center-row .input-block .input-box .input-group {
  display: block;
}
html.public .deposit-page .deposit-content .center-row .input-block .input-box .available-group {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  height: 40px;
  border-radius: 50px;
  border: 1px solid rgb(171, 206, 237);
  background-color: rgb(239, 247, 254);
}
html.public .deposit-page .deposit-content .center-row .input-block .input-box .available-group .input-wrap {
  display: inline-block;
  width: 50%;
  height: 100%;
}
html.public .deposit-page .deposit-content .center-row .input-block .input-box .available-group .input-wrap input {
  background-color: transparent;
  padding: 0px 20px;
  border: 0px;
}
html.public .deposit-page .deposit-content .center-row .input-block .input-box .available-group .available {
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  padding-right: 10px;
}
html.public .deposit-page .deposit-content .center-row .input-block .input-box .available-group .available span {
  display: inline-block;
  font-family: SF-UI-Display-Medium;
  font-size: 12px;
  color: rgb(0, 0, 0);
  line-height: 1;
}
html.public .deposit-page .deposit-content .center-row .input-block .input-box .available-group .available .sum {
  display: inline-block;
  color: rgb(106, 213, 179);
  padding: 5px;
  line-height: 1;
}
@media (max-width: 960px) {
  html.public .deposit-page .deposit-content .center-row .input-block .input-box {
    width: calc(25% - 10px);
  }
}
@media (max-width: 750px) {
  html.public .deposit-page .deposit-content .center-row .input-block .input-box {
    width: calc(50% - 10px);
  }
}
@media (max-width: 480px) {
  html.public .deposit-page .deposit-content .center-row .input-block .input-box {
    width: 100%;
    margin-bottom: 15px;
  }
}
@media (max-width: 750px) {
  html.public .deposit-page .deposit-content .center-row .input-block {
    flex-wrap: wrap;
  }
}
html.public .deposit-page .deposit-content .center-row .info-table {
  display: block;
  margin: 0px -5px;
}
html.public .deposit-page .deposit-content .center-row .info-table table tr td {
  width: 50%;
}
@media (max-width: 1200px) {
  html.public .deposit-page .deposit-content .center-row {
    padding: 20px;
  }
}
@media (max-width: 750px) {
  html.public .deposit-page .deposit-content .center-row {
    padding: 15px;
  }
}
html.public .deposit-page .deposit-content .input-row {
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  align-items: flex-start;
  padding: 15px 30px 15px 70px;
  border-top: 1px solid rgb(238, 240, 250);
}
html.public .deposit-page .deposit-content .input-row .box {
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: end;
  justify-content: flex-end;
  width: calc(50% - 15px);
  padding: 15px 0px;
}
html.public .deposit-page .deposit-content .input-row .box label {
  display: block;
  font-family: SF-UI-Display-Bold;
  font-size: 12px;
  color: rgb(0, 0, 0);
  line-height: 1.2;
  padding-bottom: 7px;
}
html.public .deposit-page .deposit-content .input-row .box input {
  display: block;
  width: 100%;
  height: 40px;
  font-family: SF-UI-Display-Bold;
  font-size: 12px;
  line-height: 1;
  color: rgb(0, 0, 0);
  border-radius: 50px;
  background-color: rgb(239, 247, 254);
  padding: 5px 20px;
}
html.public .deposit-page .deposit-content .input-row .box .double-group {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
html.public .deposit-page .deposit-content .input-row .box .double-group input {
  color: rgb(106, 213, 179);
  max-width: 150px;
  margin-right: 15px;
}
html.public .deposit-page .deposit-content .input-row .box .double-group span {
  display: inline-block;
  font-family: SF-UI-Display-Bold;
  font-size: 12px;
  color: rgb(0, 0, 0);
  line-height: 1;
}
@media (max-width: 750px) {
  html.public .deposit-page .deposit-content .input-row .box {
    padding: 7.5px 0px;
  }
}
@media (max-width: 640px) {
  html.public .deposit-page .deposit-content .input-row .box {
    width: 100%;
  }
}
@media (max-width: 1200px) {
  html.public .deposit-page .deposit-content .input-row {
    padding: 15px 30px;
  }
}
@media (max-width: 750px) {
  html.public .deposit-page .deposit-content .input-row {
    padding: 7.5px 15px;
  }
}
@media (max-width: 640px) {
  html.public .deposit-page .deposit-content .input-row {
    flex-wrap: wrap;
  }
}
html.public .deposit-page .deposit-content .footnote {
  display: block;
  padding-bottom: 10px;
}
html.public .deposit-page .deposit-content .footnote p {
  display: block;
  font-family: SF-UI-Display-Medium;
  font-size: 12px;
  color: rgb(148, 173, 195);
  line-height: 1.4;
}
html.public .deposit-page .deposit-content .btn-row {
  display: block;
  padding: 20px 30px 20px 70px;
  border-top: 1px solid rgb(238, 240, 250);
}
html.public .deposit-page .deposit-content .btn-row button {
  width: 100%;
}
@media (max-width: 1200px) {
  html.public .deposit-page .deposit-content .btn-row {
    padding: 20px;
  }
}
@media (max-width: 750px) {
  html.public .deposit-page .deposit-content .btn-row {
    padding: 15px;
  }
}
html.public .deposit-page .important {
  display: flex;
  padding: 0px 30px 30px 130px;
}
html.public .deposit-page .important .icon {
  display: inline-block;
  margin-right: 10px;
}
html.public .deposit-page .important .icon i {
  display: inline-block;
  font-size: 34px;
  color: rgb(106, 213, 179);
  line-height: 0;
}
@media (max-width: 480px) {
  html.public .deposit-page .important .icon i {
    font-size: 24px;
  }
}
html.public .deposit-page .important .text {
  display: block;
}
html.public .deposit-page .important .text p {
  display: block;
  font-family: SF-UI-Display-Regular;
  font-size: 12px;
  color: rgb(0, 0, 0);
  line-height: 1.3;
}
@media (max-width: 1200px) {
  html.public .deposit-page .important {
    padding: 0px 20px 20px 70px;
  }
}
@media (max-width: 750px) {
  html.public .deposit-page .important {
    padding: 0px 15px 20px;
  }
}
html.public .sell-unit-page .sell-unit-content .center-row {
  display: block;
  padding: 30px 30px 20px 45px;
  border-top: 1px solid rgb(238, 240, 250);
}
html.public .sell-unit-page .sell-unit-content .center-row .input-block {
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
html.public .sell-unit-page .sell-unit-content .center-row .input-block .input-box {
  display: inline-block;
  margin-bottom: 20px;
  width: calc(25% - 25px);
}
html.public .sell-unit-page .sell-unit-content .center-row .input-block .input-box.one-box {
  width: calc(50% - 25px);
}
@media (max-width: 960px) {
  html.public .sell-unit-page .sell-unit-content .center-row .input-block .input-box.one-box {
    width: calc(50% - 10px);
  }
}
@media (max-width: 750px) {
  html.public .sell-unit-page .sell-unit-content .center-row .input-block .input-box.one-box {
    width: 100%;
    margin-bottom: 15px;
  }
}
html.public .sell-unit-page .sell-unit-content .center-row .input-block .input-box.two-box input {
  color: rgb(106, 213, 179);
}
html.public .sell-unit-page .sell-unit-content .center-row .input-block .input-box.three-box input {
  color: rgb(28, 157, 234);
}
html.public .sell-unit-page .sell-unit-content .center-row .input-block .input-box label {
  display: block;
  font-family: SF-UI-Display-Bold;
  font-size: 12px;
  color: rgb(0, 0, 0);
  line-height: 1.2;
  padding-bottom: 7px;
}
html.public .sell-unit-page .sell-unit-content .center-row .input-block .input-box input {
  display: block;
  width: 100%;
  height: 40px;
  font-family: SF-UI-Display-Bold;
  font-size: 12px;
  line-height: 1;
  color: rgb(0, 0, 0);
  border-radius: 50px;
  background-color: rgb(239, 247, 254);
  padding: 5px 20px;
}
html.public .sell-unit-page .sell-unit-content .center-row .input-block .input-box .input-group {
  display: block;
}
html.public .sell-unit-page .sell-unit-content .center-row .input-block .input-box .available-group {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  height: 40px;
  border-radius: 50px;
  border: 1px solid rgb(171, 206, 237);
  background-color: rgb(239, 247, 254);
}
html.public .sell-unit-page .sell-unit-content .center-row .input-block .input-box .available-group .input-wrap {
  display: inline-block;
  width: 50%;
  height: 100%;
}
html.public .sell-unit-page .sell-unit-content .center-row .input-block .input-box .available-group .input-wrap input {
  background-color: transparent;
  padding: 0px 20px;
  border: 0px;
}
html.public .sell-unit-page .sell-unit-content .center-row .input-block .input-box .available-group .available {
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  padding-right: 10px;
}
html.public .sell-unit-page .sell-unit-content .center-row .input-block .input-box .available-group .available span {
  display: inline-block;
  font-family: SF-UI-Display-Medium;
  font-size: 12px;
  color: rgb(0, 0, 0);
  line-height: 1;
}
html.public .sell-unit-page .sell-unit-content .center-row .input-block .input-box .available-group .available .sum {
  display: inline-block;
  color: rgb(106, 213, 179);
  padding: 5px;
  line-height: 1;
}
@media (max-width: 960px) {
  html.public .sell-unit-page .sell-unit-content .center-row .input-block .input-box {
    width: calc(25% - 10px);
  }
}
@media (max-width: 750px) {
  html.public .sell-unit-page .sell-unit-content .center-row .input-block .input-box {
    width: calc(50% - 10px);
  }
}
@media (max-width: 480px) {
  html.public .sell-unit-page .sell-unit-content .center-row .input-block .input-box {
    width: 100%;
    margin-bottom: 15px;
  }
}
@media (max-width: 750px) {
  html.public .sell-unit-page .sell-unit-content .center-row .input-block {
    flex-wrap: wrap;
  }
}
html.public .sell-unit-page .sell-unit-content .center-row .info-table {
  display: block;
  margin: 0px -5px;
}
html.public .sell-unit-page .sell-unit-content .center-row .info-table table tr td {
  width: 50%;
}
@media (max-width: 1200px) {
  html.public .sell-unit-page .sell-unit-content .center-row {
    padding: 20px;
  }
}
@media (max-width: 750px) {
  html.public .sell-unit-page .sell-unit-content .center-row {
    padding: 15px;
  }
}
html.public .sell-unit-page .sell-unit-content .input-row {
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  align-items: flex-start;
  padding: 20px 30px 20px 45px;
  border-top: 1px solid rgb(238, 240, 250);
}
html.public .sell-unit-page .sell-unit-content .input-row .box {
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: end;
  justify-content: flex-end;
  width: calc(50% - 15px);
  max-width: 330px;
  padding: 15px 0px;
}
html.public .sell-unit-page .sell-unit-content .input-row .box label {
  display: block;
  font-family: SF-UI-Display-Bold;
  font-size: 12px;
  color: rgb(0, 0, 0);
  line-height: 1.2;
  padding-bottom: 7px;
}
html.public .sell-unit-page .sell-unit-content .input-row .box input {
  display: block;
  width: 100%;
  height: 40px;
  font-family: SF-UI-Display-Bold;
  font-size: 12px;
  line-height: 1;
  color: rgb(0, 0, 0);
  border-radius: 50px;
  background-color: rgb(239, 247, 254);
  padding: 5px 20px;
}
html.public .sell-unit-page .sell-unit-content .input-row .box .double-group {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
html.public .sell-unit-page .sell-unit-content .input-row .box .double-group input {
  color: rgb(106, 213, 179);
  max-width: 150px;
  margin-right: 15px;
}
html.public .sell-unit-page .sell-unit-content .input-row .box .double-group span {
  display: inline-block;
  font-family: SF-UI-Display-Bold;
  font-size: 12px;
  color: rgb(0, 0, 0);
  line-height: 1;
}
@media (max-width: 750px) {
  html.public .sell-unit-page .sell-unit-content .input-row .box {
    padding: 10px 0px;
  }
}
@media (max-width: 640px) {
  html.public .sell-unit-page .sell-unit-content .input-row .box {
    width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 1200px) {
  html.public .sell-unit-page .sell-unit-content .input-row {
    padding: 15px 30px;
  }
}
@media (max-width: 750px) {
  html.public .sell-unit-page .sell-unit-content .input-row {
    padding: 7.5px 15px;
  }
}
@media (max-width: 640px) {
  html.public .sell-unit-page .sell-unit-content .input-row {
    flex-wrap: wrap;
  }
}
html.public .sell-unit-page .sell-unit-content .footnote {
  display: block;
  padding-bottom: 10px;
}
html.public .sell-unit-page .sell-unit-content .footnote p {
  display: block;
  font-family: SF-UI-Display-Medium;
  font-size: 12px;
  color: rgb(148, 173, 195);
  line-height: 1.4;
}
html.public .sell-unit-page .sell-unit-content .btn-row {
  display: block;
  padding: 30px 30px 20px 45px;
  border-top: 1px solid rgb(238, 240, 250);
}
html.public .sell-unit-page .sell-unit-content .btn-row button {
  width: 100%;
}
@media (max-width: 1200px) {
  html.public .sell-unit-page .sell-unit-content .btn-row {
    padding: 20px;
  }
}
@media (max-width: 750px) {
  html.public .sell-unit-page .sell-unit-content .btn-row {
    padding: 15px;
  }
}
html.public .sell-unit-page .sell-unit-content .limit-info {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 15px;
}
html.public .sell-unit-page .sell-unit-content .limit-info_box {
  display: inline-block;
  padding-right: 30px;
}
html.public .sell-unit-page .sell-unit-content .limit-info_box:last-child {
  padding-right: 0px;
}
html.public .sell-unit-page .sell-unit-content .limit-info_box h4 {
  padding-bottom: 5px;
}
html.public .sell-unit-page .sell-unit-content .limit-info_box .sum {
  display: block;
  font-family: SF-UI-Display-Bold;
  font-size: 22px;
  line-height: 1;
}
html.public .sell-unit-page .sell-unit-content .limit-info_box.buy {
  display: inline-block;
  padding-bottom: 15px;
}
html.public .sell-unit-page .sell-unit-content .limit-info_box.buy .sum {
  color: rgb(169, 196, 219);
}
html.public .sell-unit-page .sell-unit-content .limit-info_box.sell {
  display: inline-block;
  padding-bottom: 15px;
}
html.public .sell-unit-page .sell-unit-content .limit-info_box.sell .sum {
  color: rgb(28, 157, 234);
}
html.public .sell-unit-page .sell-unit-content .limit .box {
  padding: 0px;
}
html.public .sell-unit-page .important {
  display: flex;
  padding: 0px 30px 30px 90px;
}
html.public .sell-unit-page .important .icon {
  display: inline-block;
  margin-right: 10px;
}
html.public .sell-unit-page .important .icon i {
  display: inline-block;
  font-size: 34px;
  color: rgb(106, 213, 179);
  line-height: 0;
}
@media (max-width: 480px) {
  html.public .sell-unit-page .important .icon i {
    font-size: 24px;
  }
}
html.public .sell-unit-page .important .text {
  display: block;
}
html.public .sell-unit-page .important .text p {
  display: block;
  font-family: SF-UI-Display-Regular;
  font-size: 12px;
  color: rgb(0, 0, 0);
  line-height: 1.3;
}
@media (max-width: 1200px) {
  html.public .sell-unit-page .important {
    padding: 0px 20px 20px 70px;
  }
}
@media (max-width: 750px) {
  html.public .sell-unit-page .important {
    padding: 0px 15px 20px;
  }
}
html.public .applications {
  display: block;
  padding: 0px 15px 15px;
}
html.public .applications_row {
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(111, 89, 184, 0.1) 0px 4px 96px 0px;
  padding: 30px;
  margin-bottom: 10px;
}
html.public .applications_row .applications-block {
  display: inline-flex;
  padding-right: 30px;
}
html.public .applications_row .applications-block:last-child {
  padding-right: 0px;
}
html.public .applications_row .applications-block .qr-code {
  display: inline-block;
  max-width: 115px;
  min-width: 115px;
  width: 100%;
}
html.public .applications_row .applications-block .qr-code canvas,
html.public .applications_row .applications-block .qr-code img {
  max-width: 100%;
  border: 4px solid rgb(255, 255, 255);
}
@media (max-width: 640px) {
  html.public .applications_row .applications-block .qr-code {
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
}
@media (max-width: 480px) {
  html.public .applications_row .applications-block .qr-code {
    position: absolute;
    top: -5px;
    right: -5px;
    max-width: 100px;
    min-width: 100px;
  }
}
html.public .applications_row .applications-block .info-list {
  display: inline-block;
  padding-left: 20px;
}
html.public .applications_row .applications-block .info-list .list {
  display: block;
}
html.public .applications_row .applications-block .info-list .list .item {
  display: block;
  padding-bottom: 15px;
}
html.public .applications_row .applications-block .info-list .list .item:last-child {
  padding-bottom: 0px;
}
@media (max-width: 640px) {
  html.public .applications_row .applications-block .info-list .list .item:last-child {
    padding-bottom: 15px;
  }
}
html.public .applications_row .applications-block .info-list .list .item p {
  display: block;
  font-family: SF-UI-Display-Medium;
  font-size: 12px;
  color: rgb(0, 0, 0);
  line-height: 1.3;
}
html.public .applications_row .applications-block .info-list .list .item span {
  display: inline-block;
  font-family: SF-UI-Display-Medium;
  font-size: 12px;
  line-height: 1.3;
  word-break: break-all;
}
@media (max-width: 640px) {
  html.public .applications_row .applications-block .info-list {
    padding: 0px;
  }
}
html.public .applications_row .applications-block .info-box {
  display: block;
}
html.public .applications_row .applications-block .info-box .time-wrap {
  display: block;
  padding-bottom: 10px;
}
html.public .applications_row .applications-block .info-box .time-wrap p {
  display: block;
  font-family: SF-UI-Display-Medium;
  font-size: 12px;
  color: rgb(0, 0, 0);
  line-height: 1.3;
}
html.public .applications_row .applications-block .info-box .time-wrap span {
  display: inline-block;
  font-family: SF-UI-Display-Medium;
  font-size: 12px;
  line-height: 1;
}
html.public .applications_row .applications-block .info-box .delete-wrap {
  display: block;
}
@media (max-width: 640px) {
  html.public .applications_row .applications-block {
    display: flex;
    position: relative;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 0px;
  }
}
@media (max-width: 1200px) {
  html.public .applications_row {
    padding: 20px;
  }
}
@media (max-width: 750px) {
  html.public .applications_row {
    padding: 15px;
  }
}
@media (max-width: 640px) {
  html.public .applications_row {
    flex-wrap: wrap;
  }
}
@media (max-width: 1200px) {
  html.public .applications {
    padding: 0px 7.5px 7.5px;
  }
}
html.public .vtu-page {
  display: block;
}
html.public .vtu-page .limit {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: 100%;
}
html.public .vtu-page .limit .first-block .limit_row {
  -webkit-box-orient: inherit;
  -webkit-box-direction: inherit;
  flex-direction: inherit;
}
html.public .vtu-page .limit .first-block .limit_row:last-child {
  padding-bottom: 20px;
}
html.public .vtu-page .limit .first-block .limit_row .box {
  width: auto;
}
html.public .vtu-page .limit_row:last-child {
  padding: 0px;
}
@media (max-width: 750px) {
  html.public .vtu-page .limit {
    flex-wrap: wrap;
  }
}
html.public .vtu-page .block {
  display: inline-block;
  width: calc(50% - 35px);
}
html.public .vtu-page .block.first-block .limit_row {
  -webkit-box-pack: start;
  justify-content: flex-start;
}
@media (max-width: 750px) {
  html.public .vtu-page .block.first-block .limit_row {
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
}
@media (max-width: 960px) {
  html.public .vtu-page .block {
    width: calc(50% - 15px);
  }
}
@media (max-width: 750px) {
  html.public .vtu-page .block {
    width: 100%;
  }
}
html.public .last-operations {
  display: block;
  padding-top: 15px;
  margin: 0px -5px;
}
@media (max-width: 750px) {
  html.public .last-operations table thead {
    display: none;
  }
}
html.public .last-operations table tr:last-child::after {
  display: none;
}
@media (max-width: 750px) {
  html.public .last-operations table tr:last-child td {
    border-bottom: 1px solid rgb(246, 246, 252);
  }
}
html.public .last-operations table tr::after {
  display: none;
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  width: calc(100% + 50px);
  height: 4px;
  background-color: rgb(238, 240, 250);
  transform: translate(-50%);
}
@media (max-width: 750px) {
  html.public .last-operations table tr::after {
    display: block;
  }
}
html.public .last-operations table tr td {
  padding: 4px 5px;
}
html.public .last-operations table tr td:first-child span {
  white-space: nowrap;
}
@media (max-width: 750px) {
  html.public .last-operations table tr td:last-child {
    border: 0px;
  }
}
@media (max-width: 750px) {
  html.public .last-operations table tr td::before {
    display: block;
  }
}
@media (max-width: 750px) {
  html.public .last-operations table tr td .number span {
    position: relative;
    top: inherit;
    left: inherit;
    padding: 0px;
    max-width: 100%;
    overflow: inherit;
    word-break: break-all;
    text-align: right;
    transform: translate(0px);
  }
}
@media (max-width: 750px) {
  html.public .last-operations table tr td .number {
    display: inline-block;
    width: auto;
    min-width: auto;
  }
}
@media (max-width: 750px) {
  html.public .last-operations table tr td {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 10px 0px;
    width: 100%;
  }
}
@media (max-width: 750px) {
  html.public .last-operations table tr {
    display: block;
    position: relative;
    white-space: normal;
    width: 100%;
    margin-bottom: 10px;
  }
}
html.public .last-operations .pagination {
  padding: 15px 5px 0px;
}
@media (max-width: 750px) {
  html.public .last-operations .pagination {
    -webkit-box-pack: center;
    justify-content: center;
    padding: 15px 0px 0px;
  }
}
html.public .bidding {
  display: block;
}
html.public .bidding .bidding-head {
  display: block;
  position: relative;
}
html.public .bidding .bidding-head::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0px;
  width: calc(100% + 100px);
  height: 1px;
  background-color: rgb(238, 240, 250);
  transform: translate(-50%);
}
html.public .bidding .bidding-head .list {
  display: flex;
}
html.public .bidding .bidding-head .list .item {
  display: inline-block;
  padding: 0px 30px 15px 0px;
}
html.public .bidding .bidding-head .list .item:last-child {
  padding-right: 0px;
}
html.public .bidding .bidding-head .list .item p {
  display: block;
  font-family: SF-UI-Display-Medium;
  font-size: 12px;
  line-height: 1.2;
  color: rgb(0, 0, 0);
  padding-bottom: 3px;
}
html.public .bidding .bidding-head .list .item span {
  display: block;
  font-family: SF-UI-Display-Medium;
  font-size: 13px;
  line-height: 1;
}
@media (max-width: 750px) {
  html.public .bidding .bidding-head .list .item {
    width: 50%;
    padding: 0px 15px 15px 0px;
  }
}
@media (max-width: 750px) {
  html.public .bidding .bidding-head .list {
    flex-wrap: wrap;
  }
}
html.public .bidding .bidding-content {
  display: block;
}
html.public .bidding .bidding-content .table-head {
  display: flex;
  flex-wrap: wrap;
  padding: 15px 15px 3px 10px;
}
html.public .bidding .bidding-content .table-head p {
  display: inline-block;
  font-family: SF-UI-Display-Medium;
  font-size: 12px;
  color: rgb(0, 0, 0);
  line-height: 1;
  padding-bottom: 5px;
}
html.public .bidding .bidding-content .table-head .list {
  display: inline-flex;
  line-height: 0;
  padding-left: 5px;
}
html.public .bidding .bidding-content .table-head .list .item {
  display: inline-block;
  position: relative;
  line-height: 0;
  margin-bottom: 5px;
  padding-right: 10px;
}
html.public .bidding .bidding-content .table-head .list .item::after {
  content: "/";
  position: absolute;
  top: -1px;
  right: 3px;
  font-family: SF-UI-Display-Bold;
  font-size: 12px;
  color: rgb(0, 0, 0);
  line-height: 1;
}
html.public .bidding .bidding-content .table-head .list .item:last-child::after {
  display: none;
}
html.public .bidding .bidding-content .table-head .list .item a {
  display: inline-block;
  font-family: SF-UI-Display-Bold;
  font-size: 12px;
  color: rgb(0, 0, 0);
  line-height: 1;
  border-bottom: 2px solid rgb(0, 0, 0);
  transition: all 0.3s ease 0s;
}
html.public .bidding .bidding-content .table-head .list .item a.active,
html.public .bidding .bidding-content .table-head .list .item a:hover {
  color: rgb(106, 213, 179);
  border-color: rgb(106, 213, 179);
}
html.public .bidding .bidding-content .table-row {
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
html.public .bidding .bidding-content .table-row_block {
  display: inline-block;
  width: calc(50% - 15px);
}
@media (max-width: 640px) {
  html.public .bidding .bidding-content .table-row_block:last-child {
    padding-bottom: 0px;
  }
}
html.public .bidding .bidding-content .table-row_block table tr td,
html.public .bidding .bidding-content .table-row_block table tr th {
  padding: 7px 10px;
}
@media (max-width: 640px) {
  html.public .bidding .bidding-content .table-row_block {
    width: 100%;
    padding-bottom: 20px;
  }
}
@media (max-width: 640px) {
  html.public .bidding .bidding-content .table-row {
    flex-wrap: wrap;
  }
}
html.public .affiliates-page .top-row {
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0px -15px;
}
html.public .affiliates-page .top-row_block {
  display: inline-block;
  padding: 10px 15px 0px;
}
html.public .affiliates-page .top-row_block .clone-box {
  display: block;
  position: relative;
}
html.public .affiliates-page .top-row_block .clone-box input {
  display: block;
  width: 100%;
  min-width: 270px;
  height: 40px;
  font-family: SF-UI-Display-Bold;
  font-size: 12px;
  line-height: 1;
  color: rgb(106, 213, 179);
  border-radius: 50px;
  border: 0px;
  padding: 5px 20px;
  background-color: rgb(239, 247, 254) !important;
}
html.public .affiliates-page .top-row_block .clone-box .hide-text {
  display: none;
}
html.public .affiliates-page .top-row_block .clone-box .btn-clone {
  position: absolute;
  top: 6px;
  right: 15px;
  border: 0px;
  padding: 5px;
  font-size: 16px;
  color: rgb(106, 213, 179);
  background-color: transparent;
  cursor: pointer;
  transition: all 0.3s ease 0s;
}
html.public .affiliates-page .top-row_block .clone-box .btn-clone:hover {
  color: rgb(0, 0, 0);
}
html.public .affiliates-page .top-row_block a {
  min-width: 175px;
}
@media (max-width: 640px) {
  html.public .affiliates-page .top-row_block,
  html.public .affiliates-page .top-row_block a {
    width: 100%;
  }
}
html.public .affiliates-page .summary-info {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  padding: 10px 0px;
  margin: 0px -15px;
}
html.public .affiliates-page .summary-info_block {
  display: inline-block;
  padding: 15px;
  text-align: center;
}
html.public .affiliates-page .summary-info_block .icon-box {
  display: block;
  text-align: center;
  padding-bottom: 5px;
}
html.public .affiliates-page .summary-info_block .icon-box .icon {
  display: block;
  height: 40px;
  width: 100%;
}
html.public .affiliates-page .summary-info_block .icon-box .ic-group {
  background: url("../../internal/img/icon/ic-group.png") 50% center / 45px no-repeat;
}
html.public .affiliates-page .summary-info_block .icon-box .ic-arrow {
  background: url("../../internal/img/icon/ic-arrow-circle.png") 50% center / 35px no-repeat;
}
html.public .affiliates-page .summary-info_block .icon-box .ic-graph {
  background: url("../../internal/img/icon/ic-graph.png") 50% center / 35px no-repeat;
}
html.public .affiliates-page .summary-info_block .title-box {
  display: block;
  padding-bottom: 3px;
}
html.public .affiliates-page .summary-info_block .title-box p {
  display: block;
  font-family: SF-UI-Display-Bold;
  font-size: 12px;
  color: rgb(0, 0, 0);
  line-height: 1.2;
}
html.public .affiliates-page .summary-info_block .sum-box {
  display: block;
  white-space: nowrap;
}
html.public .affiliates-page .summary-info_block .sum-box span {
  display: inline-block;
  font-family: SF-UI-Display-Bold;
  font-size: 22px;
  line-height: 1;
}
html.public .affiliates-page .footnote {
  display: block;
}
html.public .affiliates-page .footnote p {
  display: block;
  font-family: SF-UI-Display-Medium;
  font-size: 12px;
  color: rgb(164, 179, 197);
  line-height: 1.3;
  letter-spacing: -0.2px;
}
html.public .level {
  display: block;
  padding: 0px 15px 40px;
}
html.public .level_row {
  display: block;
  box-shadow: rgba(111, 89, 184, 0.1) 0px 4px 96px 0px;
  margin-top: 15px;
}
html.public .level_row:first-child {
  margin-top: 10px;
}
html.public .level_row .btn-accordion {
  display: flex;
  position: relative;
  -webkit-box-pack: justify;
  justify-content: space-between;
  background-color: rgb(255, 255, 255);
  padding: 25px 75px 25px 30px;
}
html.public .level_row .btn-accordion .level-box {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  width: 45px;
  min-width: 45px;
  height: 45px;
  border-radius: 50%;
  background-color: rgb(106, 213, 179);
  padding: 5px;
  margin-right: 20px;
}
html.public .level_row .btn-accordion .level-box b {
  display: block;
  font-family: SF-UI-Display-Bold;
  font-size: 15px;
  color: rgb(255, 255, 255);
  line-height: 1;
  margin-top: -5px;
}
html.public .level_row .btn-accordion .level-box span {
  display: block;
  font-family: SF-UI-Display-Regular;
  font-size: 8px;
  color: rgb(255, 255, 255);
  line-height: 1;
  margin-top: -2px;
}
@media (max-width: 750px) {
  html.public .level_row .btn-accordion .level-box {
    margin: 0px 0px 15px;
  }
}
html.public .level_row .btn-accordion .list {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
}
html.public .level_row .btn-accordion .list .item {
  display: inline-block;
  padding-right: 30px;
}
html.public .level_row .btn-accordion .list .item:last-child {
  padding-right: 0px;
}
@media (max-width: 750px) {
  html.public .level_row .btn-accordion .list .item:last-child {
    padding: 0px;
  }
}
html.public .level_row .btn-accordion .list .item p {
  display: block;
  font-family: SF-UI-Display-Bold;
  font-size: 12px;
  color: rgb(0, 0, 0);
  line-height: 1.2;
  padding-bottom: 2px;
}
html.public .level_row .btn-accordion .list .item span {
  display: inline-block;
  font-family: SF-UI-Display-Medium;
  font-size: 22px;
  line-height: 1;
}
@media (max-width: 750px) {
  html.public .level_row .btn-accordion .list .item {
    padding: 0px 0px 15px;
  }
}
@media (max-width: 750px) {
  html.public .level_row .btn-accordion .list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: start;
    align-items: flex-start;
  }
}
html.public .level_row .btn-accordion .icon-arrow {
  display: inline-flex;
  position: absolute;
  top: 30px;
  right: 30px;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  font-size: 18px;
  color: rgb(255, 255, 255);
  line-height: 0;
  border-radius: 50%;
  background-color: rgb(106, 213, 179);
  cursor: pointer;
  transform: rotate(0deg);
  transition: all 0.3s ease 0s;
}
html.public .level_row .btn-accordion .icon-arrow i {
  padding-top: 3px;
}
html.public .level_row .btn-accordion .icon-arrow:hover {
  color: rgb(0, 0, 0);
}
@media (max-width: 960px) {
  html.public .level_row .btn-accordion .icon-arrow:hover {
    color: rgb(255, 255, 255);
  }
}
@media (max-width: 1200px) {
  html.public .level_row .btn-accordion .icon-arrow {
    top: 20px;
    right: 20px;
  }
}
@media (max-width: 750px) {
  html.public .level_row .btn-accordion .icon-arrow {
    top: 20px;
    right: 15px;
  }
}
html.public .level_row .btn-accordion.active .icon-arrow {
  transform: rotate(180deg);
}
@media (max-width: 1200px) {
  html.public .level_row .btn-accordion {
    padding: 20px 75px 20px 20px;
  }
}
@media (max-width: 750px) {
  html.public .level_row .btn-accordion {
    flex-wrap: wrap;
    padding: 15px 75px 15px 15px;
  }
}
html.public .level_row .inner-accordion {
  display: none;
  padding: 15px 30px 25px;
  background-color: rgb(255, 255, 255);
  border-top: 2px solid rgb(248, 249, 253);
  overflow: hidden;
}
html.public .level_row .inner-accordion .table {
  display: block;
  margin: 0px -5px;
}
@media (max-width: 750px) {
  html.public .level_row .inner-accordion .table table thead {
    display: none;
  }
}
html.public .level_row .inner-accordion .table table tr:last-child::after {
  display: none;
}
@media (max-width: 750px) {
  html.public .level_row .inner-accordion .table table tr:last-child td {
    border-bottom: 1px solid rgb(246, 246, 252);
  }
}
html.public .level_row .inner-accordion .table table tr::after {
  display: none;
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  width: calc(100% + 50px);
  height: 4px;
  background-color: rgb(238, 240, 250);
  transform: translate(-50%);
}
@media (max-width: 750px) {
  html.public .level_row .inner-accordion .table table tr::after {
    display: block;
  }
}
@media (max-width: 750px) {
  html.public .level_row .inner-accordion .table table tr td:last-child {
    border: 0px;
  }
}
@media (max-width: 750px) {
  html.public .level_row .inner-accordion .table table tr td::before {
    display: block;
  }
}
@media (max-width: 750px) {
  html.public .level_row .inner-accordion .table table tr td {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 10px;
    width: 100%;
  }
}
@media (max-width: 750px) {
  html.public .level_row .inner-accordion .table table tr {
    display: block;
    position: relative;
    white-space: normal;
    width: 100%;
    margin-bottom: 10px;
  }
}
@media (max-width: 1200px) {
  html.public .level_row .inner-accordion {
    padding: 20px;
  }
}
@media (max-width: 750px) {
  html.public .level_row .inner-accordion {
    padding: 15px;
  }
}
html.public .level_row .disabled-level {
  position: relative;
  -webkit-box-pack: justify;
  justify-content: space-between;
  background-color: rgb(247, 248, 253);
  padding: 25px 30px;
}
html.public .level_row .disabled-level,
html.public .level_row .disabled-level .level-box {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
html.public .level_row .disabled-level .level-box {
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  width: 45px;
  min-width: 45px;
  height: 45px;
  border-radius: 50%;
  background-color: rgb(106, 213, 179);
  padding: 5px;
  margin-right: 20px;
  opacity: 0.5;
}
html.public .level_row .disabled-level .level-box b {
  display: block;
  font-family: SF-UI-Display-Bold;
  font-size: 15px;
  color: rgb(255, 255, 255);
  line-height: 1;
  margin-top: -5px;
}
html.public .level_row .disabled-level .level-box span {
  display: block;
  font-family: SF-UI-Display-Regular;
  font-size: 8px;
  color: rgb(255, 255, 255);
  line-height: 1;
  margin-top: -2px;
}
@media (max-width: 640px) {
  html.public .level_row .disabled-level .level-box {
    margin: 0px 0px 15px;
  }
}
html.public .level_row .disabled-level .text-box {
  display: block;
  width: 100%;
  padding-right: 30px;
}
html.public .level_row .disabled-level .text-box p {
  display: block;
  font-family: SF-UI-Display-Bold;
  font-size: 12px;
  color: rgb(0, 0, 0);
  line-height: 1.5;
}
html.public .level_row .disabled-level .text-box span {
  display: inline-block;
}
@media (max-width: 640px) {
  html.public .level_row .disabled-level .text-box {
    padding: 0px 0px 15px;
  }
}
html.public .level_row .disabled-level .btn-box {
  display: inline-block;
  min-width: 170px;
}
html.public .level_row .disabled-level .btn-box a {
  width: 100%;
}
@media (max-width: 640px) {
  html.public .level_row .disabled-level .btn-box {
    width: 100%;
  }
}
@media (max-width: 1200px) {
  html.public .level_row .disabled-level {
    padding: 20px;
  }
}
@media (max-width: 750px) {
  html.public .level_row .disabled-level {
    padding: 15px;
  }
}
@media (max-width: 640px) {
  html.public .level_row .disabled-level {
    flex-wrap: wrap;
  }
}
html.public .level .pagination {
  padding-top: 15px;
}
@media (max-width: 750px) {
  html.public .level .pagination {
    -webkit-box-pack: center;
    justify-content: center;
    padding-top: 5px;
  }
}
@media (max-width: 1200px) {
  html.public .level {
    padding: 0px 7.5px 7.5px;
  }
}
html.public .promo-page .promo-row {
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 20px 25px;
  background-color: rgb(255, 255, 255);
}
html.public .promo-page .promo-row,
html.public .promo-page .promo-row_block {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
html.public .promo-page .promo-row_block:first-child {
  padding-right: 25px;
}
@media (max-width: 480px) {
  html.public .promo-page .promo-row_block:first-child {
    padding: 0px 0px 15px;
  }
}
html.public .promo-page .promo-row_block .icon-box {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  min-width: 50px;
  border-radius: 50%;
  overflow: hidden;
  padding: 10px;
  margin-right: 15px;
}
html.public .promo-page .promo-row_block .icon-box.ic-web {
  background-color: rgb(106, 213, 179);
}
html.public .promo-page .promo-row_block .icon-box.ic-pdf {
  background-color: rgb(255, 138, 0);
}
html.public .promo-page .promo-row_block .icon-box.ic-video {
  background-color: rgb(232, 21, 21);
  padding: 12px;
}
html.public .promo-page .promo-row_block .icon-box.ic-brand {
  background-color: rgb(50, 140, 224);
}
html.public .promo-page .promo-row_block .icon-box img {
  max-width: 100%;
}
html.public .promo-page .promo-row_block .text-box {
  display: inline-block;
}
html.public .promo-page .promo-row_block .text-box b {
  display: block;
  font-family: SF-UI-Display-Bold;
  font-size: 14px;
  color: rgb(0, 0, 0);
  line-height: 1.3;
  padding-bottom: 3px;
}
html.public .promo-page .promo-row_block .text-box p {
  display: block;
  font-family: SF-UI-Display-Medium;
  font-size: 12px;
  color: rgb(147, 165, 187);
  line-height: 1.2;
}
html.public .promo-page .promo-row_block .promo-btn .view-arrow {
  display: inline-block;
}
html.public .promo-page .promo-row_block .promo-btn .hidden-arrow {
  display: none;
}
html.public .promo-page .promo-row_block .promo-btn .view {
  display: inline-block;
}
html.public .promo-page .promo-row_block .promo-btn.active .view-arrow,
html.public .promo-page .promo-row_block .promo-btn .hidden {
  display: none;
}
html.public .promo-page .promo-row_block .promo-btn.active .hidden-arrow {
  display: inline-block;
}
html.public .promo-page .promo-row_block .promo-btn.active .view {
  display: none;
}
html.public .promo-page .promo-row_block .promo-btn.active .hidden {
  display: inline-block;
}
html.public .promo-page .promo-row_block .btn {
  min-width: 120px;
}
@media (max-width: 480px) {
  html.public .promo-page .promo-row_block .btn {
    width: 100%;
  }
}
html.public .promo-page .promo-row_block .btn-mint {
  min-width: 150px;
}
@media (max-width: 480px) {
  html.public .promo-page .promo-row_block,
  html.public .promo-page .promo-row_block .btn-mint {
    width: 100%;
  }
}
@media (max-width: 750px) {
  html.public .promo-page .promo-row {
    padding: 15px;
  }
}
@media (max-width: 480px) {
  html.public .promo-page .promo-row {
    flex-wrap: wrap;
  }
}
html.public .promo-page .promo-content {
  display: none;
  padding-top: 25px;
}
html.public .promo-page .promo-content .promo-block {
  display: block;
  -webkit-box-flex: 1;
  flex: 1 1 0%;
  padding-bottom: 40px;
}
html.public .promo-page .promo-content .promo-block .title-box {
  display: block;
  padding-bottom: 10px;
}
html.public .promo-page .promo-content .promo-block .title-box p {
  display: block;
  font-family: SF-UI-Display-Medium;
  font-size: 14px;
  color: rgb(164, 179, 197);
}
html.public .promo-page .promo-content .promo-block .promo-media {
  display: block;
  margin-bottom: 15px;
}
html.public .promo-page .promo-content .promo-block .promo-media img {
  max-width: 100%;
}
html.public .promo-page .promo-content .promo-block .copy-box {
  display: block;
}
html.public .promo-page .promo-content .promo-block .copy-box .copy-title {
  display: block;
  padding-bottom: 5px;
}
html.public .promo-page .promo-content .promo-block .copy-box .copy-title p {
  display: block;
  font-family: SF-UI-Display-Medium;
  font-size: 12px;
  color: rgb(164, 179, 197);
}
html.public .promo-page .promo-content .promo-block .copy-box .clone {
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-width: 310px;
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(200, 211, 224);
  border-radius: 50px;
  padding: 3px;
}
html.public .promo-page .promo-content .promo-block .copy-box .clone input {
  width: 100%;
  font-family: SF-UI-Display-Medium;
  font-size: 12px;
  color: rgb(106, 213, 179);
  line-height: 1;
  text-decoration: underline;
  border: 0px;
  padding: 3px 10px;
  background-color: transparent !important;
}
html.public .promo-page .promo-content .promo-block .copy-box .clone .hide-text {
  display: none;
}
html.public .promo-page .promo-content .promo-block .copy-box .clone .btn-mint {
  font-family: SF-UI-Display-Regular;
  font-size: 11px;
  padding: 5px 15px;
}
html.public .promo-page .promo-content .promo-block .copy-box .clone .btn-mint span {
  padding: 0px;
}
html.public .promo-page .promo-content .double-row {
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
@media (max-width: 750px) {
  html.public .promo-page .promo-content .double-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
}
html.public .all-balances-page .title-section {
  margin-bottom: -10px;
}
html.public .all-balances-page .all-balances {
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0px -1px -15px;
}
html.public .all-balances-page .all-balances_block {
  display: flex;
  width: calc(25% - 10px);
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(111, 89, 184, 0.1) 0px 4px 96px 0px;
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid rgb(232, 237, 244);
}
html.public .all-balances-page .all-balances_block .icon {
  display: inline-block;
  width: 40px;
  min-width: 40px;
}
html.public .all-balances-page .all-balances_block .icon i {
  width: 40px;
  height: 40px;
}
html.public .all-balances-page .all-balances_block .icon i.ps-bitcoin-icon-bg-o::before,
html.public .all-balances-page .all-balances_block .icon i.ps-ethereum-icon-bg-o::before {
  font-size: 20px;
}
html.public .all-balances-page .all-balances_block .icon i.ps-litecoin-icon-bg-o {
  background-size: 16px;
}
html.public .all-balances-page .all-balances_block .icon i.ps-payeer-icon-bg-o::before,
html.public .all-balances-page .all-balances_block .icon i.ps-perfectmoney-icon-bg-o::before {
  font-family: SF-UI-Display-Regular;
  font-size: 14px;
  padding-left: 0px;
}
html.public .all-balances-page .all-balances_block .info {
  display: inline-block;
  width: calc(100% - 40px);
  padding-left: 10px;
}
html.public .all-balances-page .all-balances_block .info p {
  display: block;
  font-family: SF-UI-Display-Bold;
  font-size: 12px;
  color: rgb(0, 0, 0);
  line-height: 1;
  padding-bottom: 5px;
}
html.public .all-balances-page .all-balances_block .info strong {
  display: block;
  font-family: SF-UI-Display-Bold;
  font-size: 18px;
  color: rgb(106, 213, 179);
  line-height: 1;
  padding-bottom: 10px;
}
html.public .all-balances-page .all-balances_block .info a {
  min-width: 75px;
  padding: 5px 15px;
}
@media (max-width: 960px) {
  html.public .all-balances-page .all-balances_block {
    width: calc(50% - 7px);
  }
}
@media (max-width: 480px) {
  html.public .all-balances-page .all-balances_block {
    width: 100%;
  }
}
@media (max-width: 960px) {
  html.public .all-balances-page .all-balances {
    margin-bottom: 0px;
  }
}
html.public .all-balances-page .operations-history-head {
  display: flex;
  -webkit-box-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding-bottom: 15px;
}
html.public .all-balances-page .operations-history-head .first-block {
  display: inline-flex;
  -webkit-box-align: end;
  align-items: flex-end;
}
html.public .all-balances-page .operations-history-head .first-block .select-group {
  min-width: 225px;
  margin-right: 25px;
  margin-bottom: 15px;
}
html.public .all-balances-page .operations-history-head .first-block .select-group .select .selected {
  height: 40px;
}
@media (max-width: 640px) {
  html.public .all-balances-page .operations-history-head .first-block .select-group {
    width: 100%;
    margin-right: 0px;
  }
}
@media (max-width: 640px) {
  html.public .all-balances-page .operations-history-head .first-block {
    flex-wrap: wrap;
    width: 100%;
  }
}
html.public .all-balances-page .operations-history-head .last-block {
  display: inline-block;
  min-width: 170px;
  padding-bottom: 23px;
}
html.public .all-balances-page .operations-history-head .last-block .data-filter {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
html.public .all-balances-page .operations-history-head .last-block .data-filter .icon-calendar {
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  font-size: 14px;
  color: rgb(0, 0, 0);
  border: 0px;
  background-color: transparent;
  padding: 5px;
  margin-right: 3px;
}
html.public .all-balances-page .operations-history-head .last-block .data-filter .input-wrap {
  display: inline-block;
  min-width: 160px;
}
html.public .all-balances-page .operations-history-head .last-block .data-filter .input-wrap .dates-interval {
  width: 100%;
  border: 0px;
  font-family: SF-UI-Display-Bold;
  font-size: 12px;
  color: rgb(106, 213, 179);
  line-height: 1;
}
@media (max-width: 640px) {
  html.public .all-balances-page .operations-history-head .last-block {
    padding-bottom: 15px;
  }
}
@media (max-width: 960px) {
  html.public .all-balances-page .operations-history-head {
    flex-wrap: wrap;
  }
}
html.public .all-balances-page .operations-history .tab-item {
  display: none;
}
html.public .all-balances-page .operations-history .tab-item:first-child {
  display: block;
}
@media (max-width: 750px) {
  html.public .all-balances-page .operations-history .tab-item table thead {
    display: none;
  }
}
html.public .all-balances-page .operations-history .tab-item table tr:last-child::after {
  display: none;
}
@media (max-width: 750px) {
  html.public .all-balances-page .operations-history .tab-item table tr:last-child td {
    border-bottom: 1px solid rgb(246, 246, 252);
  }
}
html.public .all-balances-page .operations-history .tab-item table tr::after {
  display: none;
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  width: calc(100% + 50px);
  height: 4px;
  background-color: rgb(238, 240, 250);
  transform: translate(-50%);
}
@media (max-width: 750px) {
  html.public .all-balances-page .operations-history .tab-item table tr::after {
    display: block;
  }
}
html.public .all-balances-page .operations-history .tab-item table tr td {
  padding: 4px 5px;
}
@media (max-width: 750px) {
  html.public .all-balances-page .operations-history .tab-item table tr td:last-child {
    border: 0px;
  }
}
@media (max-width: 750px) {
  html.public .all-balances-page .operations-history .tab-item table tr td::before {
    display: block;
  }
}
@media (max-width: 750px) {
  html.public .all-balances-page .operations-history .tab-item table tr td .number span {
    position: relative;
    top: inherit;
    left: inherit;
    padding: 0px;
    max-width: 100%;
    overflow: inherit;
    word-break: break-all;
    text-align: right;
    transform: translate(0px);
  }
}
@media (max-width: 750px) {
  html.public .all-balances-page .operations-history .tab-item table tr td .number {
    display: inline-block;
    width: auto;
    min-width: auto;
  }
}
@media (max-width: 750px) {
  html.public .all-balances-page .operations-history .tab-item table tr td {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 10px 0px;
    width: 100%;
  }
}
@media (max-width: 750px) {
  html.public .all-balances-page .operations-history .tab-item table tr td.hide-overflow-text .text {
    position: relative;
    overflow: inherit;
    text-overflow: inherit;
    word-break: break-all;
    text-align: right;
    padding: 0px;
  }
}
@media (max-width: 750px) {
  html.public .all-balances-page .operations-history .tab-item table tr {
    display: block;
    position: relative;
    white-space: normal;
    width: 100%;
    margin-bottom: 10px;
  }
}
html.public .all-balances-page .operations-history .pagination {
  padding: 15px 5px 0px;
}
@media (max-width: 750px) {
  html.public .all-balances-page .operations-history .pagination {
    -webkit-box-pack: center;
    justify-content: center;
    padding: 15px 0px 0px;
  }
}
html.public .settings-page .settings-form {
  padding-top: 10px;
}
html.public .settings-page .settings-wallets .input-box input {
  padding-left: 45px !important;
}
@media (max-width: 480px) {
  html.public .settings-page .settings-wallets .input-box input {
    padding-left: 35px !important;
  }
}
html.public .settings-page .input-row {
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
html.public .settings-page .input-row .input-box {
  display: inline-block;
  width: calc(50% - 30px);
  padding: 13px 0px;
}
html.public .settings-page .input-row .input-box label {
  display: block;
  font-family: SF-UI-Display-Medium;
  font-size: 12px;
  color: rgb(164, 179, 197);
  line-height: 1.2;
  padding-bottom: 5px;
}
html.public .settings-page .input-row .input-box input {
  display: block;
  width: 100%;
  height: 40px;
  font-family: SF-UI-Display-Medium;
  font-size: 12px;
  color: rgb(0, 0, 0);
  line-height: 1;
  border-radius: 50px;
  padding: 5px 20px;
  border-color: rgb(200, 211, 224);
}
html.public .settings-page .input-row .input-box .input-group {
  display: block;
  position: relative;
  width: 100%;
}
html.public .settings-page .input-row .input-box .input-group .icon {
  position: absolute;
  top: 10px;
  left: 15px;
}
@media (max-width: 480px) {
  html.public .settings-page .input-row .input-box .input-group .icon {
    left: 10px;
  }
}
@media (max-width: 750px) {
  html.public .settings-page .input-row .input-box {
    width: 100%;
    padding: 10px 0px;
  }
}
@media (max-width: 750px) {
  html.public .settings-page .input-row {
    flex-wrap: wrap;
  }
}
html.public .settings-page .btn-row {
  display: block;
  padding-top: 15px;
}
html.public .settings-page .btn-row button {
  min-width: 180px;
}
@media (max-width: 480px) {
  html.public .settings-page .btn-row button {
    width: 100%;
  }
}
html.public .tabs {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
}
html.public .tabs .tab {
  display: inline-block;
  position: relative;
  -webkit-box-flex: 1;
  flex: 1 1 0%;
  margin-right: 5px;
}
html.public .tabs .tab::before {
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 0px;
  border-top: 1px solid rgb(211, 221, 237);
  border-bottom: 1px solid rgb(224, 232, 242);
}
html.public .tabs .tab::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0px;
  width: 0px;
  height: 2px;
  background-color: rgb(106, 213, 179);
  transform: translate(-50%);
}
html.public .tabs .tab::after,
html.public .tabs .tab button {
  transition: all 0.3s ease 0s;
}
html.public .tabs .tab button {
  display: block;
  width: 100%;
  background-color: transparent;
  border: 0px;
  padding: 10px 15px;
  font-family: SF-UI-Display-Medium;
  font-size: 14px;
  color: rgb(46, 57, 86);
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
}
html.public .tabs .tab:hover button {
  color: rgb(106, 213, 179);
}
html.public .tabs .tab.active::after {
  width: 100%;
}
html.public .tabs .tab.active:hover button {
  color: rgb(46, 57, 86);
}
html.public .tab-item {
  display: none;
}
html.public .os-theme-dark > .os-scrollbar > .os-scrollbar-track,
html.public .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
html.public .os-theme-light > .os-scrollbar > .os-scrollbar-track,
html.public .os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  border-radius: 5px;
}
html.public .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgb(228, 229, 245);
}
html.public .os-scrollbar.active > .os-scrollbar-track > .os-scrollbar-handle,
html.public .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgb(106, 213, 179);
}
html.public .os-scrollbar-vertical {
  right: 2px;
}
html.public .tabs .tab a {
  color: rgb(0, 0, 0);
}
html.public .tabs .tab.active a {
  color: red;
}

html.public .input-row.withdraw_address-warning_block {
  font-family: SF-UI-Display-Regular;
  padding-bottom: 0px;
}
html.public .input-row.withdraw_address-warning_block .withdraw_address-warning_block-content {
  display: flex;
  border-radius: 10px;
  background: rgb(239, 247, 254);
  padding: 20px;
  border: 1px solid rgb(136, 221, 194);
}
html.public .input-row.withdraw_address-warning_block .withdraw_address-warning_block-content .icon {
  margin-right: 20px;
}
html.public .input-row.withdraw_address-warning_block .withdraw_address-warning_block-content .icon i {
  color: rgb(231, 76, 60);
  font-size: 34px;
  line-height: 0;
}
@media (max-width: 480px) {
  html.public .input-row.withdraw_address-warning_block .withdraw_address-warning_block-content .icon i {
    font-size: 24px;
  }
}
@media (max-width: 480px) {
  html.public .input-row.withdraw_address-warning_block .withdraw_address-warning_block-content .icon {
    margin-right: 10px;
  }
}
html.public .input-row.withdraw_address-warning_block .withdraw_address-warning_block-content-text {
  color: rgb(231, 76, 60);
  line-height: 1.2;
  font-size: 12px;
}
@media (max-width: 480px) {
  html.public .input-row.withdraw_address-warning_block .withdraw_address-warning_block-content {
    padding: 10px;
  }
}
html.public .video-modal {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgb(0, 0, 0);
  z-index: 99;
}
html.public .video-modal .video-head {
  position: absolute;
  padding: 15px;
  top: 0px;
  right: 0px;
  z-index: 2;
}
html.public .video-modal .video-head .video-close {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  background-color: rgb(106, 213, 179);
  border: 2px solid rgb(106, 213, 179);
  border-radius: 50%;
  padding: 10px;
  transition: all 0.3s ease 0s;
}
html.public .video-modal .video-head .video-close::before {
  transform: rotate(45deg);
}
html.public .video-modal .video-head .video-close::after,
html.public .video-modal .video-head .video-close::before {
  content: "";
  position: absolute;
  width: 15px;
  height: 2px;
  background-color: rgb(255, 255, 255);
  transition: all 0.3s ease 0s;
}
html.public .video-modal .video-head .video-close::after {
  transform: rotate(-45deg);
}
html.public .video-modal .video-head .video-close:hover {
  background-color: rgb(0, 0, 0);
}
html.public .video-modal .video-head .video-close:hover::after,
html.public .video-modal .video-head .video-close:hover::before {
  background-color: rgb(106, 213, 179);
}
html.public .video-modal .video-content iframe {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
}
html.public .dark-theme {
    padding-top: 100px;
    font-family: SF-UI-Display-Medium;
    background-color: #11171d;
}
html.public .dark-theme .dark-m {
  display: inline-block;
}
html.public .dark-theme .light-m {
  display: none;
}
html.public .dark-theme h4 {
  color: rgb(255, 255, 255);
}
html.public .dark-theme .rows .holder .content {
  border: 1px solid rgb(37, 64, 62);
  background-color: rgb(17, 23, 29);
  box-shadow: none;
}
html.public .dark-theme .switcher-block .label span {
  color: rgb(255, 255, 255);
}
html.public .dark-theme .switcher-block .switcher label {
  background-color: rgb(22, 33, 37);
}
html.public .dark-theme .filter-nav .list .item::before,
html.public .dark-theme .switcher-block .switcher label span {
  color: rgb(255, 255, 255);
}
html.public .dark-theme .filter-nav .list .item a {
  color: rgb(255, 255, 255);
  border-color: rgb(255, 255, 255);
  transition: all 0.3s ease 0s;
}
html.public .dark-theme .filter-nav .list .item a.active {
  color: rgb(106, 213, 179);
  border-color: rgb(106, 213, 179);
}
html.public .dark-theme .filter-nav .list .item a:hover {
  border-color: rgb(106, 213, 179);
}
html.public .dark-theme .disabled-input::before {
  color: rgb(93, 105, 137);
}
html.public .dark-theme .disabled-input input {
  color: rgb(93, 105, 137) !important;
}
html.public .dark-theme input {
  border-color: rgb(22, 33, 37);
}
html.public .dark-theme input:read-only {
  border-color: rgb(20, 29, 34) !important;
  background-color: rgb(20, 29, 34) !important;
}
html.public .dark-theme .prompt-input,
html.public .dark-theme .title-section .invited-me p {
  color: rgb(255, 255, 255);
}
html.public .dark-theme .finance .footnote p,
html.public .dark-theme .finance .invested .sum {
  color: rgb(130, 153, 169);
}
html.public .dark-theme .limit .circle span {
  color: rgb(255, 255, 255);
}
html.public .dark-theme .new-deposit {
  background-color: rgb(17, 23, 29);
  border: 1px solid rgb(37, 64, 62);
}
html.public .dark-theme .new-deposit .percent-deposit .circle-green::before {
  background: url("../../internal/img/media/media-percent.png") 50% center no-repeat;
}
html.public .dark-theme .new-deposit .btn-deposit a,
html.public .dark-theme .new-deposit .percent-deposit .circle-blue b,
html.public .dark-theme .new-deposit .percent-deposit .circle-blue p,
html.public .dark-theme .new-deposit .percent-deposit .circle-green b,
html.public .dark-theme .new-deposit .percent-deposit .circle-green p {
  color: rgb(17, 23, 29);
}
html.public .dark-theme .new-deposit .btn-deposit a:hover {
  color: rgb(255, 255, 255);
  background-color: rgb(22, 33, 37);
}
html.public .dark-theme .deposits_row {
  box-shadow: none;
}
html.public .dark-theme .deposits_row .btn-accordion {
  background-color: rgb(17, 23, 29);
  border: 1px solid rgb(37, 64, 62);
}
html.public .dark-theme .deposits_row .btn-accordion .list .item p {
  color: rgb(255, 255, 255);
}
html.public .dark-theme .deposits_row .btn-accordion .list .item .three-color {
  color: rgb(130, 153, 169);
}
html.public .dark-theme .deposits_row .btn-accordion .icon-arrow {
  color: rgb(17, 23, 29);
}
html.public .dark-theme .deposits_row .btn-accordion .icon-arrow:hover {
  color: rgb(255, 255, 255);
}
@media (max-width: 960px) {
  html.public .dark-theme .deposits_row .btn-accordion .icon-arrow:hover {
    color: rgb(17, 23, 29);
  }
}
html.public .dark-theme .deposits_row .inner-accordion {
  background-color: rgb(17, 23, 29);
  border: 1px solid rgb(37, 64, 62);
}
@media (max-width: 640px) {
  html.public .dark-theme .deposits_row .inner-accordion .table table tr:last-child td {
    border-color: rgb(37, 64, 62);
  }
}
html.public .dark-theme .deposits_row .inner-accordion .table table tr::after {
  background-color: rgb(37, 64, 62);
}
@media (max-width: 750px) {
  html.public .dark-theme .history-table table tr:last-child td {
    border-color: rgb(37, 64, 62);
  }
}
html.public .dark-theme .bidding .bidding-head::before,
html.public .dark-theme .history-table table tr::after {
  background-color: rgb(37, 64, 62);
}
html.public .dark-theme .bidding .bidding-head .list .item p {
  color: rgb(255, 255, 255);
}
html.public .dark-theme .bidding .bidding-head .list .item .three-color {
  color: rgb(130, 153, 169);
}
html.public .dark-theme .bidding .bidding-content .table-head .list .item::after,
html.public .dark-theme .bidding .bidding-content .table-head p {
  color: rgb(255, 255, 255);
}
html.public .dark-theme .bidding .bidding-content .table-head .list .item a {
  color: rgb(255, 255, 255);
  border-color: rgb(255, 255, 255);
}
html.public .dark-theme .bidding .bidding-content .table-head .list .item a.active,
html.public .dark-theme .bidding .bidding-content .table-head .list .item a:hover {
  color: rgb(106, 213, 179);
  border-color: rgb(106, 213, 179);
}
html.public .dark-theme .bidding .bidding-content .table-row_block .purchase-table tbody tr:first-child {
  background-color: rgba(106, 213, 179, 0.2);
}
html.public .dark-theme .bidding .bidding-content .table-row_block .purchase-table tbody tr:nth-child(2) {
  background-color: rgba(106, 213, 179, 0.1);
}
html.public .dark-theme .bidding .bidding-content .table-row_block .purchase-table tbody tr:nth-child(3) {
  background-color: rgba(106, 213, 179, 0.05);
}
html.public .dark-theme .bidding .bidding-content .table-row_block .sale-table tbody tr:first-child {
  background-color: rgba(231, 76, 60, 0.2);
}
html.public .dark-theme .bidding .bidding-content .table-row_block .sale-table tbody tr:nth-child(2) {
  background-color: rgba(231, 76, 60, 0.1);
}
html.public .dark-theme .bidding .bidding-content .table-row_block .sale-table tbody tr:nth-child(3) {
  background-color: rgba(231, 76, 60, 0.05);
}
html.public .dark-theme.all-balances-page .all-balances_block {
  background-color: rgb(17, 23, 29);
  box-shadow: none;
  border-color: rgb(37, 64, 62);
}
html.public .dark-theme.all-balances-page .all-balances_block .info p,
html.public .dark-theme.all-balances-page .operations-history-head .last-block .data-filter .icon-calendar {
  color: rgb(255, 255, 255);
}
html.public .dark-theme.all-balances-page .operations-history .tab-item table tr::after {
  background-color: rgb(37, 64, 62);
}
@media (max-width: 750px) {
  html.public .dark-theme.all-balances-page .operations-history .tab-item table tr:last-child td {
    border-color: rgb(37, 64, 62);
  }
}
html.public .dark-theme .tabs .tab::before {
  height: 2px;
  border: 0px;
  background-color: rgb(37, 64, 62);
}
html.public .dark-theme .tabs .tab::after {
  background-color: rgb(106, 213, 179);
}
html.public .dark-theme .tabs .tab button {
  color: rgb(93, 105, 137);
}
html.public .dark-theme .tabs .tab.active:hover button,
html.public .dark-theme .tabs .tab.active button,
html.public .dark-theme .tabs .tab:hover button {
  color: rgb(106, 213, 179);
}
html.public .dark-theme.settings-page .input-row .input-box label {
  color: rgb(93, 105, 137);
}
html.public .dark-theme.settings-page .input-row .input-box input {
  color: rgb(255, 255, 255);
  background-color: rgb(29, 37, 45);
  border-color: transparent;
}
html.public .dark-theme.affiliates-page .top-row_block .clone-box input {
  background-color: rgb(29, 37, 45) !important;
}
html.public .dark-theme.affiliates-page .top-row_block .clone-box .btn-clone:hover {
  color: rgb(255, 255, 255);
}
html.public .dark-theme.affiliates-page .summary-info_block .icon-box .ic-group {
  background: url("../../internal/img/icon/dark/ic-group.png") 50% center / 45px no-repeat;
}
html.public .dark-theme.affiliates-page .summary-info_block .icon-box .ic-arrow {
  background: url("../../internal/img/icon/dark/ic-arrow-circle.png") 50% center / 35px no-repeat;
}
html.public .dark-theme.affiliates-page .summary-info_block .icon-box .ic-graph {
  background: url("../../internal/img/icon/dark/ic-graph.png") 50% center / 35px no-repeat;
}
html.public .dark-theme.affiliates-page .summary-info_block .title-box p {
  color: rgb(255, 255, 255);
}
html.public .dark-theme.affiliates-page .footnote p,
html.public .dark-theme.affiliates-page .summary-info_block .sum-box .three-color {
  color: rgb(130, 153, 169);
}
html.public .dark-theme .level_row {
  box-shadow: none;
}
html.public .dark-theme .level_row .btn-accordion {
  border: 1px solid rgb(37, 64, 62);
  background-color: rgb(17, 23, 29);
  box-shadow: none;
}
html.public .dark-theme .level_row .btn-accordion .level-box b,
html.public .dark-theme .level_row .btn-accordion .level-box span {
  color: rgb(17, 23, 29);
}
html.public .dark-theme .level_row .btn-accordion .list .item p {
  color: rgb(255, 255, 255);
}
html.public .dark-theme .level_row .btn-accordion .list .item .three-color {
  color: rgb(130, 153, 169);
}
html.public .dark-theme .level_row .btn-accordion .icon-arrow {
  color: rgb(17, 23, 29);
}
html.public .dark-theme .level_row .btn-accordion .icon-arrow:hover {
  color: rgb(255, 255, 255);
}
html.public .dark-theme .level_row .inner-accordion {
  border: 1px solid rgb(37, 64, 62);
  background-color: rgb(17, 23, 29);
}
@media (max-width: 750px) {
  html.public .dark-theme .level_row .inner-accordion .table table tr:last-child td {
    border-color: rgb(37, 64, 62);
  }
}
html.public .dark-theme .level_row .inner-accordion .table table tr::after {
  background-color: rgb(37, 64, 62);
}
html.public .dark-theme .level_row .disabled-level {
  border: 1px solid rgba(37, 64, 62, 0.4);
  background-color: rgba(17, 23, 29, 0.8);
  box-shadow: none;
}
html.public .dark-theme .level_row .disabled-level .level-box b,
html.public .dark-theme .level_row .disabled-level .level-box span {
  color: rgb(17, 23, 29);
}
html.public .dark-theme .level_row .disabled-level .text-box p {
  color: rgb(255, 255, 255);
}
html.public .dark-theme.promo-page .promo-row {
  border: 1px solid rgb(37, 64, 62);
  background-color: rgb(17, 23, 29);
  box-shadow: none;
}
html.public .dark-theme.promo-page .promo-row_block .text-box b {
  color: rgb(255, 255, 255);
}
html.public .dark-theme.promo-page .promo-content .promo-block .title-box p,
html.public .dark-theme.promo-page .promo-row_block .text-box p {
  color: rgb(130, 153, 169);
}
html.public .dark-theme.promo-page .promo-content .promo-block .copy-box .clone {
  border: 1px solid rgb(37, 64, 62);
  background-color: rgb(17, 23, 29);
}
html.public .dark-theme.deposit-page .deposit-content .change-row_box .radio-box label {
  color: rgb(255, 255, 255);
}
html.public .dark-theme.deposit-page .deposit-content .change-row_box .radio-box .radio + label::before {
  border-color: rgb(130, 153, 169);
}
html.public .dark-theme.deposit-page .deposit-content .change-row_box .info-time .time-text p {
  color: rgb(148, 173, 195);
}
html.public .dark-theme.deposit-page .deposit-content .change-row_box .info-time .time-text .title {
  color: rgb(255, 255, 255);
}
html.public .dark-theme.deposit-page .deposit-content .center-row {
  border-color: rgb(37, 64, 62);
}
html.public .dark-theme.deposit-page .deposit-content .center-row .input-block .input-box.two-box input {
  color: rgb(106, 213, 179);
}
html.public .dark-theme.deposit-page .deposit-content .center-row .input-block .input-box.three-box input {
  color: rgb(28, 157, 234);
}
html.public .dark-theme.deposit-page .deposit-content .center-row .input-block .input-box label {
  color: rgb(255, 255, 255);
}
html.public .dark-theme.deposit-page .deposit-content .center-row .input-block .input-box input {
  color: rgb(255, 255, 255);
  background-color: rgb(22, 33, 37);
}
html.public .dark-theme.deposit-page .deposit-content .center-row .input-block .input-box .available-group {
  border-color: rgb(22, 33, 37);
  background-color: rgb(22, 33, 37);
}
html.public .dark-theme.deposit-page .deposit-content .center-row .input-block .input-box .available-group .available span {
  color: rgb(255, 255, 255);
}
html.public .dark-theme.deposit-page .deposit-content .center-row .input-block .input-box .available-group .available .sum {
  color: rgb(106, 213, 179);
}
html.public .dark-theme.deposit-page .deposit-content .input-row {
  border-color: rgb(37, 64, 62);
}
html.public .dark-theme.deposit-page .deposit-content .input-row .box label {
  color: rgb(255, 255, 255);
}
html.public .dark-theme.deposit-page .deposit-content .input-row .box input {
  color: rgb(255, 255, 255);
  background-color: rgb(22, 33, 37);
}
html.public .dark-theme.deposit-page .deposit-content .input-row .box .double-group input {
  color: rgb(106, 213, 179);
}
html.public .dark-theme.deposit-page .deposit-content .input-row .box .double-group span {
  color: rgb(255, 255, 255);
}
html.public .dark-theme.deposit-page .deposit-content .footnote p {
  color: rgb(130, 153, 169);
}
html.public .dark-theme.deposit-page .deposit-content .btn-row {
  border-top: 1px solid rgb(37, 64, 62);
}
html.public .dark-theme.deposit-page .important .text p {
  color: rgb(130, 153, 169);
}
@media (max-width: 750px) {
  html.public .dark-theme .last-operations table tr:last-child td {
    border-color: rgb(37, 64, 62);
  }
}
html.public .dark-theme .last-operations table tr::after {
  background-color: rgb(37, 64, 62);
}
html.public .dark-theme .applications_row {
  border: 1px solid rgb(37, 64, 62);
  background-color: rgb(17, 23, 29);
  box-shadow: none;
}
html.public .dark-theme .applications_row .applications-block .info-box .time-wrap p,
html.public .dark-theme .applications_row .applications-block .info-list .list .item p {
  color: rgb(255, 255, 255);
}
html.public .dark-theme.sell-unit-page .sell-unit-content .center-row {
  border-color: rgb(37, 64, 62);
}
html.public .dark-theme.sell-unit-page .sell-unit-content .center-row .input-block .input-box.two-box input {
  color: rgb(106, 213, 179);
}
html.public .dark-theme.sell-unit-page .sell-unit-content .center-row .input-block .input-box.three-box input {
  color: rgb(28, 157, 234);
}
html.public .dark-theme.sell-unit-page .sell-unit-content .center-row .input-block .input-box label {
  color: rgb(255, 255, 255);
}
html.public .dark-theme.sell-unit-page .sell-unit-content .center-row .input-block .input-box input {
  color: rgb(255, 255, 255);
  background-color: rgb(22, 33, 37);
}
html.public .dark-theme.sell-unit-page .sell-unit-content .center-row .input-block .input-box .available-group {
  border-color: rgb(22, 33, 37);
  background-color: rgb(22, 33, 37);
}
html.public .dark-theme.sell-unit-page .sell-unit-content .center-row .input-block .input-box .available-group .available span {
  color: rgb(255, 255, 255);
}
html.public .dark-theme.sell-unit-page .sell-unit-content .input-row {
  border-color: rgb(37, 64, 62);
}
html.public .dark-theme.sell-unit-page .sell-unit-content .input-row .box label {
  color: rgb(255, 255, 255);
}
html.public .dark-theme.sell-unit-page .sell-unit-content .input-row .box input {
  color: rgb(255, 255, 255);
  background-color: rgb(22, 33, 37);
}
html.public .dark-theme.sell-unit-page .sell-unit-content .input-row .box .double-group input {
  color: rgb(106, 213, 179);
}
html.public .dark-theme.sell-unit-page .sell-unit-content .footnote p,
html.public .dark-theme.sell-unit-page .sell-unit-content .input-row .box .double-group span {
  color: rgb(255, 255, 255);
}
html.public .dark-theme.sell-unit-page .sell-unit-content .btn-row {
  border-color: rgb(37, 64, 62);
}
html.public .dark-theme.sell-unit-page .sell-unit-content .limit-info_box.buy .sum {
  color: rgb(130, 153, 169);
}
html.public .dark-theme.sell-unit-page .important .text p {
  color: rgb(93, 105, 137);
}

html.public .dark-theme .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgb(37, 64, 62);
}
html.public .dark-theme .input-row.withdraw_address-warning_block .withdraw_address-warning_block-content {
  background: rgb(20, 29, 34);
  border: 1px solid rgb(37, 64, 62);
}
#root {
  transition: opacity 0.1s ease 0s;
}
html:not(.public) #root {
  opacity: 0;
}