*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

* {
  padding: 0px;
  margin: 0px;
}

html,
body {
  height: 100%;
  scroll-behavior: smooth;
}

body {
  position: relative;
  -webkit-font-smoothing: antialiased;
  overflow-anchor: none;
}

:focus,
:active,
:hover,
:link {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
  -webkit-focus-ring-color: rgba(0, 0, 0, 0) !important;
  -webkit-outline: none;
  outline: none;
}

ul,
ol {
  list-style-position: inside;
  list-style-type: none;
  text-align: left;
}

li {
  height: auto;
}

img,
picture,
video,
canvas,
svg,
iframe {
  display: block;
  max-width: 100%;
  border: 0;
}

a {
  color: inherit;
  text-decoration: none;
  font-family: inherit;
}

input,
textarea,
button,
select {
  display: block;
  font-family: inherit;
}

button,
select {
  display: block;
  padding: 0;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  font-family: inherit;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-transform: none;
}

textarea {
  resize: none;
}

input,
textarea,
select {
  max-width: 100%;
  width: 100%;
}

button {
  text-transform: none;
  cursor: pointer;
}

[hidden],
::-ms-clear {
  display: none;
}

::-moz-focus-inner {
  border: 0;
  padding: 0;
}

:-moz-focusring {
  -webkit-outline: none;
  outline: none;
}

::-webkit-search-decoration,
::-webkit-file-upload-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

::-webkit-calendar-picker-indicator {
  opacity: 0;
}

[type=number] {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  appearance: textfield;
}

::-webkit-outer-spin-button,
::-webkit-inner-spin-button {
  display: none;
}

/* sass --watch scss/style.scss:css/style.css */
@keyframes topBubbles {
  0% {
    background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;
  }
  50% {
    background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%;
  }
  100% {
    background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
    background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
  }
}
@keyframes bottomBubbles {
  0% {
    background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%;
  }
  50% {
    background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%;
  }
  100% {
    background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
    background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
  }
}
body {
  width: 100%;
  background-color: #19171d;
  font-family: "Mail Sans Roman", "sans-serif";
  color: #fff;
  overflow-x: hidden;
  font-size: 17px;
  line-height: 25px;
}
body.bodyModal {
  overflow: hidden;
}

.container {
  margin: 0 auto;
  width: 100%;
  max-width: 1400px;
  padding: 0 28px;
}

.signWrapper,
.cabWrapper,
.pageWrapper {
  overflow: hidden;
  min-height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  z-index: 1;
}

b,
strong {
  color: inherit;
  font-weight: bold;
}

.accentColor {
  color: #00da8d;
}

.textList, .textContainer ul, .rulesChapter .rulesList ul {
  font-size: 19px;
  line-height: 25px;
  color: #9996a8;
}
.textList li, .textContainer ul li, .rulesChapter .rulesList ul li {
  position: relative;
  padding-left: 27px;
}
.textList li + li, .textContainer ul li + li, .rulesChapter .rulesList ul li + li {
  margin-top: 15px;
}
.textList li:before, .textContainer ul li:before, .rulesChapter .rulesList ul li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #6137ff;
}

.textContainer, .rulesChapter .rulesList {
  font-size: 19px;
  line-height: 25px;
  color: #9996a8;
}
.textContainer > * + *, .rulesChapter .rulesList > * + * {
  margin-top: 25px;
}
.textContainer b, .rulesChapter .rulesList b {
  font-weight: 600;
}
.textContainer.md, .rulesChapter .md.rulesList {
  font-size: 17px;
  line-height: 25px;
}
.textContainer.xs, .rulesChapter .xs.rulesList {
  font-size: 15px;
  line-height: 21px;
}

.imageContainer {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.imageContainer.fill {
  position: relative;
}
.imageContainer.fill img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

p a {
  font-size: inherit;
  line-height: inherit;
  text-decoration: underline;
  color: #00da8d;
  text-underline-offset: 2px;
  transition: text-decoration-color 0.2s;
}
p a:active {
  text-decoration-color: transparent;
}
@media (hover: hover) {
  p a:hover {
    text-decoration-color: transparent;
  }
}

.btnContainer.center {
  text-align: center;
}

.btnMain {
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  font-size: 15px;
  line-height: 25px;
  font-weight: 600;
  color: #fff;
  border: 1px solid #141217;
  background-color: #141217;
  text-align: center;
  height: 55px;
  border-radius: 28px;
  min-width: 277px;
  padding: 14px 38px;
  overflow: hidden;
  text-transform: uppercase;
  cursor: pointer;
  box-shadow: 0px 5px 3px rgba(0, 0, 0, 0.39);
  transition: transform 0.2s, box-shadow 0.2s, color 0.2s, background-color 0.2s, border-color 0.2s;
}
.btnMain:active {
  background-color: #6137ff;
  border-color: #6137ff;
  box-shadow: 0px 0px 0px transparent;
}
@media (hover: hover) {
  .btnMain:hover {
    background-color: #6137ff;
    border-color: #6137ff;
    box-shadow: 0px 0px 0px transparent;
  }
}
.btnMain.colored {
  overflow: visible;
  font-size: 20px;
}
.btnMain.colored:before, .btnMain.colored:after {
  position: absolute;
  content: "";
  display: block;
  width: 140%;
  height: 100%;
  left: -20%;
  z-index: -1000;
  transition: all ease-in-out 0.5s;
  pointer-events: none;
  touch-action: none;
  background-repeat: no-repeat;
}
.btnMain.colored:before {
  display: none;
  top: -75%;
  background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18%;
}
.btnMain.colored:after {
  display: none;
  bottom: -75%;
  background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20%;
}
.btnMain.colored:active:before {
  display: block;
  animation: topBubbles ease-in-out 0.75s forwards;
}
.btnMain.colored:active:after {
  display: block;
  animation: bottomBubbles ease-in-out 0.75s forwards;
}
@media (hover: hover) {
  .btnMain.colored:hover:before {
    display: block;
    animation: topBubbles ease-in-out 0.75s forwards;
  }
  .btnMain.colored:hover:after {
    display: block;
    animation: bottomBubbles ease-in-out 0.75s forwards;
  }
}
.btnMain.colored:active {
  transform: scale(0.9);
}
.btnMain.colored.xs {
  padding: 13px 38px;
  height: 55px;
  font-size: 15px;
  line-height: 25px;
  min-width: 259px;
}
.btnMain.colored.slim {
  padding: 7px 38px;
  height: 41px;
  font-size: 14px;
  line-height: 25px;
  min-width: 259px;
}
.btnMain:not(.colored).slim {
  padding: 7px 38px;
  height: 41px;
  font-size: 14px;
  line-height: 25px;
  min-width: 214px;
}
.btnMain.btnColor1 {
  background-color: #6137ff;
  border-color: #6137ff;
}
.btnMain.btnColor1:before {
  background-image: radial-gradient(circle, #6137ff 20%, transparent 20%), radial-gradient(circle, transparent 20%, #6137ff 20%, transparent 30%), radial-gradient(circle, #6137ff 20%, transparent 20%), radial-gradient(circle, #6137ff 20%, transparent 20%), radial-gradient(circle, transparent 10%, #6137ff 15%, transparent 20%), radial-gradient(circle, #6137ff 20%, transparent 20%), radial-gradient(circle, #6137ff 20%, transparent 20%), radial-gradient(circle, #6137ff 20%, transparent 20%), radial-gradient(circle, #6137ff 20%, transparent 20%);
}
.btnMain.btnColor1:after {
  background-image: radial-gradient(circle, #6137ff 20%, transparent 20%), radial-gradient(circle, #6137ff 20%, transparent 20%), radial-gradient(circle, transparent 10%, #6137ff 15%, transparent 20%), radial-gradient(circle, #6137ff 20%, transparent 20%), radial-gradient(circle, #6137ff 20%, transparent 20%), radial-gradient(circle, #6137ff 20%, transparent 20%), radial-gradient(circle, #6137ff 20%, transparent 20%);
}
.btnMain.btnColor1:active {
  background-color: #7551ff;
}
@media (hover: hover) {
  .btnMain.btnColor1:hover {
    background-color: #7551ff;
  }
}
.btnMain.btnColor2 {
  background-color: #00da8d;
  color: #19171d;
  border-color: #00da8d;
}
.btnMain.btnColor2:before {
  background-image: radial-gradient(circle, #00da8d 20%, transparent 20%), radial-gradient(circle, transparent 20%, #00da8d 20%, transparent 30%), radial-gradient(circle, #00da8d 20%, transparent 20%), radial-gradient(circle, #00da8d 20%, transparent 20%), radial-gradient(circle, transparent 10%, #00da8d 15%, transparent 20%), radial-gradient(circle, #00da8d 20%, transparent 20%), radial-gradient(circle, #00da8d 20%, transparent 20%), radial-gradient(circle, #00da8d 20%, transparent 20%), radial-gradient(circle, #00da8d 20%, transparent 20%);
}
.btnMain.btnColor2:after {
  background-image: radial-gradient(circle, #00da8d 20%, transparent 20%), radial-gradient(circle, #00da8d 20%, transparent 20%), radial-gradient(circle, transparent 10%, #00da8d 15%, transparent 20%), radial-gradient(circle, #00da8d 20%, transparent 20%), radial-gradient(circle, #00da8d 20%, transparent 20%), radial-gradient(circle, #00da8d 20%, transparent 20%), radial-gradient(circle, #00da8d 20%, transparent 20%);
}
.btnMain.btnColor2:active {
  background-color: #00f49d;
}
@media (hover: hover) {
  .btnMain.btnColor2:hover {
    background-color: #00f49d;
  }
}
.btnMain.lightBtn {
  background-color: #fff;
  color: #18161c;
  border-color: #fff;
}
.btnMain.lightBtn:active {
  background-color: #131215;
  border-color: #131215;
  color: #fff;
}
@media (hover: hover) {
  .btnMain.lightBtn:hover {
    background-color: #131215;
    border-color: #131215;
    color: #fff;
  }
}
.btnMain.xs {
  height: 34px;
  font-size: 14px;
  line-height: 24px;
  font-weight: bold;
  padding: 4px 18px;
  min-width: 114px;
}
.btnMain.md {
  font-size: 18px;
}
.btnMain.bordered {
  background-color: transparent;
  border-color: #4c4951;
  min-width: 154px;
  box-shadow: none;
}
.btnMain.bordered.lightBtn {
  border-color: #fff;
  color: #fff;
}
.btnMain.bordered:active {
  background-color: #fff;
  color: #18161c;
  border-color: #fff;
}
@media (hover: hover) {
  .btnMain.bordered:hover {
    background-color: #fff;
    color: #18161c;
    border-color: #fff;
  }
}
.btnMain.disabled {
  pointer-events: none;
  touch-action: none;
}

.inputContainer {
  position: relative;
}
.inputContainer .inputText,
.inputContainer input,
.inputContainer textarea {
  font-family: "Mail Sans Roman", "sans-serif";
  display: block;
  background-color: #19171d;
  border: 1px solid #39373d;
  width: 100%;
  border-radius: 0px;
  font-family: "Mail Sans Roman", "sans-serif";
  text-align: left;
  padding: 12px 20px 13px;
  font-size: 17px;
  line-height: 25px;
  color: #fff;
}
.inputContainer .inputPlaceholder {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 12px 20px 13px;
  top: 0;
  left: 0;
  pointer-events: none;
  touch-action: none;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  border: 1px solid transparent;
  color: #9996a8;
  transition: opacity 0.25s;
  white-space: nowrap;
  opacity: 1;
  font-size: inherit;
  line-height: inherit;
  transition: opacity 0.2s;
}
.inputContainer .inputPlaceholder .dot {
  color: #00da8d;
}
.inputContainer input::-webkit-input-placeholder,
.inputContainer textarea::-webkit-input-placeholder {
  color: #9996a8;
  transition: opacity 0.25s;
  white-space: nowrap;
  opacity: 1;
  font-size: inherit;
  line-height: inherit;
}
.inputContainer input::-moz-placeholder,
.inputContainer textarea::-moz-placeholder {
  color: #9996a8;
  transition: opacity 0.25s;
  white-space: nowrap;
  opacity: 1;
  font-size: inherit;
  line-height: inherit;
}
.inputContainer input:-moz-placeholder,
.inputContainer textarea:-moz-placeholder {
  color: #9996a8;
  transition: opacity 0.25s;
  white-space: nowrap;
  opacity: 1;
  font-size: inherit;
  line-height: inherit;
}
.inputContainer input:-ms-input-placeholder,
.inputContainer textarea:-ms-input-placeholder {
  color: #9996a8;
  transition: opacity 0.25s;
  white-space: nowrap;
  opacity: 1;
  font-size: inherit;
  line-height: inherit;
}
.inputContainer input:focus:-webkit-input-placeholder,
.inputContainer textarea:focus:-webkit-input-placeholder {
  opacity: 0;
}
.inputContainer input:focus:-moz-placeholder,
.inputContainer textarea:focus:-moz-placeholder {
  opacity: 0;
}
.inputContainer input:focus:-moz-placeholder,
.inputContainer textarea:focus:-moz-placeholder {
  opacity: 0;
}
.inputContainer input:focus:-ms-input-placeholder,
.inputContainer textarea:focus:-ms-input-placeholder {
  opacity: 0;
}
.inputContainer input:disabled::-webkit-input-placeholder,
.inputContainer textarea:disabled::-webkit-input-placeholder {
  opacity: 0.5;
}
.inputContainer input:disabled::-moz-placeholder,
.inputContainer textarea:disabled::-moz-placeholder {
  opacity: 0.5;
}
.inputContainer input:disabled:-moz-placeholder,
.inputContainer textarea:disabled:-moz-placeholder {
  opacity: 0.5;
}
.inputContainer input:disabled:-ms-input-placeholder,
.inputContainer textarea:disabled:-ms-input-placeholder {
  opacity: 0.5;
}
.inputContainer input {
  height: 53px;
}
.inputContainer.filled .inputPlaceholder {
  opacity: 0;
}
.inputContainer textarea {
  height: 148px;
}
.inputContainer.iconInput input {
  padding-right: 48px;
}
.inputContainer .inputMessage {
  position: absolute;
  right: 9px;
  top: calc(50% - 12px);
}
.inputContainer .inputMessage .tooltipBtn {
  color: #131215;
  display: block;
  font-size: 16px;
}
.inputContainer .inputMessage .tooltipBtn .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  color: inherit;
}
.inputContainer .inputMessage .tooltipBtn .icon-success-input {
  background-color: #00da8d;
}
.inputContainer .inputMessage .tooltipBtn .icon-error-input {
  background-color: #d43e4d;
}
.inputContainer .inputMessage .tooltipBtn .icon-warning-input {
  background-color: #d2680a;
}
.inputContainer .inputMessage .tooltipBtn .icon-info-input {
  background-color: #fff;
}
.inputContainer.statusInput input,
.inputContainer.statusInput textarea {
  padding-right: 42px;
}
.inputContainer.statusInput.iconInput input,
.inputContainer.statusInput.iconInput textarea {
  padding-right: 66px;
}
.inputContainer.statusInput.iconInput .btnPassword {
  right: 42px;
  width: 24px;
}
.inputContainer.statusInput.success input,
.inputContainer.statusInput.success textarea {
  border-color: #00da8d;
}
.inputContainer.statusInput.error input,
.inputContainer.statusInput.error textarea {
  border-color: #d43e4d;
}
.inputContainer.statusInput.warning input,
.inputContainer.statusInput.warning textarea {
  border-color: #d2680a;
}
.inputContainer.statusInput.info input,
.inputContainer.statusInput.info textarea {
  border-color: #fff;
}

.dateInput input.datepicker-input {
  padding-right: 48px;
}
.dateInput:after {
  content: "\e913";
  font-family: icomoon;
  display: block;
  position: absolute;
  height: auto;
  width: auto;
  border: 0px;
  right: 19px;
  top: 50%;
  font-size: 5px;
  line-height: 6px;
  margin-top: -3px;
  transition: transform 0.2s;
}
.dateInput.active:after {
  margin-top: -3px;
  transform: scale(1, -1);
}

.btnPassword {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  width: 48px;
  color: #fff;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btnPassword.open {
  opacity: 0.5;
}

.formLabel {
  display: flex;
  align-items: flex-end;
  font-size: 16px;
  line-height: 24px;
  color: #9996a8;
  margin-bottom: 4px;
}

.checkInput label {
  padding-left: 52px;
  min-height: 33px;
  cursor: pointer;
  position: relative;
  align-items: center;
  font-size: 17px;
  line-height: 23px;
  display: flex;
}
.checkInput label:before, .checkInput label:after {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 33px;
  height: 33px;
  left: 0;
  top: calc(50% - 16px);
}
.checkInput label:before {
  content: "";
  background-color: #131215;
  border: 1px solid #39373d;
}
.checkInput label:after {
  content: "\e911";
  font-family: icomoon;
  opacity: 0;
  color: #00da8d;
  font-size: 12px;
}
.checkInput input {
  display: none;
}
.checkInput input:checked + label:after {
  opacity: 1;
}
.checkInput + .checkInput {
  margin-top: 12px;
}
.checkInput.xs label {
  font-size: 15px;
  line-height: 22px;
}

.logoLink {
  display: flex;
  align-items: flex-start;
  position: relative;
  color: #fff;
  font-size: 18px;
  line-height: 20px;
  letter-spacing: 0.025em;
  font-weight: 600;
  text-transform: uppercase;
  align-items: center;
  transition: color 0.2s;
}
.logoLink img {
  height: 60px;
  margin-right: 7px;
}
.logoLink:active {
  color: #00da8d;
}
@media (hover: hover) {
  .logoLink:hover {
    color: #00da8d;
  }
}
.logoLink.vertical {
  flex-direction: column;
  align-items: center;
  text-transform: none;
  font-size: 24px;
}
.logoLink.vertical img {
  height: 98px;
  margin-right: 0px;
  margin-bottom: 11px;
}
.logoLink.vertical br {
  display: none;
}

.siteLink {
  text-decoration: underline;
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  color: #00da8d;
  transition: text-decoration-color 0.2s;
}
.siteLink:hover {
  text-decoration-color: transparent;
}

@keyframes modalOverlayIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes modalOverlayOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes modalIn {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0%);
  }
}
@keyframes modalOut {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-100%);
  }
}
.modal {
  display: none;
}
.modal .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  cursor: pointer;
}
.modal.is-open {
  display: block;
  pointer-events: all;
}
.modal[aria-hidden=false] .modalOverlay {
  animation: modalOverlayIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.modal[aria-hidden=false] .modalContainer {
  animation: modalIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.modal[aria-hidden=true] .modalOverlay {
  animation: modalOverlayOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.modal[aria-hidden=true] .modalContainer {
  animation: modalOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.modalOverlay {
  position: fixed;
  overflow: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  z-index: 11;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(19, 18, 21, 0.93);
}

.modalCloseBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  height: 34px;
  bottom: 100%;
  z-index: 2;
  color: #fff;
  left: 100%;
  width: 34px;
  transition: color 0.2s;
}
.modalCloseBtn .icon {
  display: block;
  font-size: 16px;
  line-height: 1;
}

.modalContent {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: #19171d;
  border: 1px solid #39373d;
  box-shadow: 0px 5px 30px 10px rgba(0, 0, 0, 0.39);
  max-width: 618px;
}

.modalContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100%;
  width: 100%;
  padding: 46px 42px;
  position: relative;
}

.choices__inner {
  background-color: #19171d;
  border: 1px solid #39373d;
  padding: 12px 48px 13px 20px;
  border-radius: 0px;
  font-size: 17px;
  line-height: 25px;
  min-height: 52px;
}

.choices {
  font-size: 17px;
  line-height: 25px;
}
.choices[data-type*=select-one] .choices__inner {
  padding-bottom: 13px;
}
.choices[data-type*=select-one]:after {
  content: "\e913";
  font-family: icomoon;
  height: auto;
  width: auto;
  border: 0px;
  right: 19px;
  font-size: 5px;
  line-height: 6px;
  margin-top: -3px;
  transition: transform 0.2s;
}
.choices[data-type*=select-one].is-open:after {
  margin-top: -3px;
  transform: scale(1, -1);
}
.choices .name {
  color: #00da8d;
  display: inline-block;
  vertical-align: top;
  padding-left: 3px;
  padding-right: 3px;
}

.choices__list--single {
  padding: 0px;
  display: block;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.is-open .choices__inner {
  border-radius: 0px;
}

.choices__list--dropdown,
.choices__list[aria-expanded] {
  background-color: #19171d;
  border: 1px solid #39373d;
  padding: 0px;
  margin-top: 2px;
  border-radius: 0px;
  z-index: 11;
  width: auto;
  min-width: 100%;
}
.choices__list--dropdown .choices__item,
.choices__list[aria-expanded] .choices__item {
  padding: 8px 20px;
  font-size: 17px;
  line-height: 25px;
  cursor: pointer;
  transition: color 0.2s;
  white-space: nowrap;
}
.choices__list--dropdown .choices__item .payIcon:before,
.choices__list[aria-expanded] .choices__item .payIcon:before {
  transition: background-color 0.2s;
}
.choices__list--dropdown .choices__item:active,
.choices__list[aria-expanded] .choices__item:active {
  background-color: #252329;
}
@media (hover: hover) {
  .choices__list--dropdown .choices__item:hover,
  .choices__list[aria-expanded] .choices__item:hover {
    background-color: #252329;
  }
}
.choices__list--dropdown .choices__item.is-selected,
.choices__list[aria-expanded] .choices__item.is-selected {
  background-color: #252329;
}

.is-flipped {
  border-radius: 0px;
}
.is-flipped .choices__list--dropdown,
.is-flipped .choices__list[aria-expanded] {
  margin-bottom: 2px;
  border-radius: 0px;
}
.is-flipped.is-open .choices__inner {
  border-radius: 0px;
}

.is-open .choices__inner,
.is-open .choices__list--dropdown,
.is-open .choices__list[aria-expanded],
.is-focused .choices__inner,
.is-focused .choices__list--dropdown,
.is-focused .choices__list[aria-expanded] {
  border-color: #39373d;
}

.pagination-bullet {
  width: 20px;
  height: 20px;
  margin: 0 6px;
  border-radius: 50%;
  border: 1px solid transparent;
  cursor: pointer;
  position: relative;
  transition: border-color 0.2s;
}
.pagination-bullet:before {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #403d46;
  transition: background-color 0.2s;
}
.pagination-bullet:hover:before {
  background-color: #fff;
}
.pagination-bullet.active, .pagination-bullet.is-selected {
  border-color: #403d46;
}
.pagination-bullet.active:before, .pagination-bullet.is-selected:before {
  background-color: #fff;
}

.datepicker-dropdown {
  overflow: hidden;
}
.datepicker-dropdown .datepicker-picker {
  box-shadow: none;
}

.datepicker-picker {
  border-radius: 0px;
  background-color: #19171d;
  border: 1px solid #39373d;
}

.datepicker {
  border-radius: 0px;
  padding-top: 2px;
  box-shadow: 0px 0px 0px transparent;
}
.datepicker span {
  border-radius: 0px;
  cursor: inherit;
}
.datepicker .dow {
  text-transform: uppercase;
  font-size: 12px;
}

.datepicker-controls .button {
  font-weight: bold;
  font-size: 16px;
  border-radius: 0px;
  padding: 0;
  height: 32px;
  color: #fff;
  text-transform: uppercase;
  background-color: transparent;
}
.datepicker-controls .next-button,
.datepicker-controls .prev-button {
  flex: 0 0 14.2857142857%;
  padding-left: 5px;
  padding-right: 5px;
  font-weight: normal;
  transform-origin: center;
}
.datepicker-controls .icon {
  display: block;
  font-size: 6px;
  line-height: 24px;
}

.datepicker-header {
  background-color: transparent;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  margin-bottom: 5px;
}
.datepicker-header .datepicker-controls {
  padding: 0px;
  border-bottom: 1px solid #39373d;
}
.datepicker-header .datepicker-controls .button {
  font-size: 14px;
  transition: color 0.3s, background-color 0.3s;
}
.datepicker-header .datepicker-controls .button:hover {
  background-color: #39373d;
  color: #fff;
}

.datepicker-cell {
  font-size: 14px;
  height: 2rem;
  border-radius: 0px;
  transition: color 0.3s, background-color 0.3s;
}
.datepicker-cell:not(.disabled):hover {
  background-color: #39373d;
  color: #fff;
}
.datepicker-cell.range {
  background-color: transparent;
  color: #fff;
  border-radius: 0px;
  font-weight: 600;
}
.datepicker-cell.range:not(.disabled):not(.focused):not(.today):hover {
  background-color: #39373d;
  color: #fff;
}
.datepicker-cell.selected, .datepicker-cell.selected:hover {
  background-color: #00da8d;
  color: #19171d;
  font-weight: 600;
}
.datepicker-cell.next:not(.disabled), .datepicker-cell.prev:not(.disabled) {
  color: #fff;
  opacity: 0.5;
}
.datepicker-cell.next:not(.disabled).selected, .datepicker-cell.prev:not(.disabled).selected {
  background-color: #00da8d;
  color: #19171d;
}
.datepicker-cell.next:not(.disabled):hover, .datepicker-cell.prev:not(.disabled):hover {
  color: #fff;
}
.datepicker-cell.focused:not(.selected) {
  background-color: transparent;
  color: #00da8d;
}
.datepicker-cell.disabled {
  opacity: 0.1;
}
.datepicker-cell.range-end:not(.selected), .datepicker-cell.range-start:not(.selected) {
  background-color: #00da8d;
  color: #19171d;
  font-weight: 600;
}
.datepicker-cell.range-end:not(.selected):hover, .datepicker-cell.range-start:not(.selected):hover {
  color: #19171d;
}
.datepicker-cell.range-start:not(.range-end) {
  border-radius: 0px;
}
.datepicker-cell.range-end:not(.range-start) {
  border-radius: 0px;
}

.datepicker-main {
  padding: 0;
}

.datepicker-input.in-edit:active,
.datepicker-input.in-edit:focus {
  box-shadow: 0 0 0px 0px transparent;
}

.datepicker-input.in-edit {
  border-color: #39373d;
}
.datepicker-input.in-edit:active, .datepicker-input.in-edit:focus {
  box-shadow: 0 0 0 0 transparent;
}

.messageModal .statusTitle {
  text-align: center;
}
.messageModal .statusTitle .itemLabel {
  color: inherit;
}
.messageModal .modalContent {
  padding: 30px 44px 49px;
  max-width: 632px;
}
.messageModal .iconStatus {
  margin: 8px auto 24px;
  font-size: 62px;
}
.messageModal .statusMessage {
  background-color: #252329;
  border-top: 1px solid #39373d;
  border-bottom: 1px solid #39373d;
  margin-left: -44px;
  margin-right: -44px;
  color: #fff;
  padding: 24px 44px;
}
.messageModal .btnContainer {
  margin-top: 30px;
}
.messageModal .btnContainer .btnMain {
  min-width: 214px;
}
.messageModal.success .statusTitle,
.messageModal.success .iconStatus {
  color: #00da8d;
}
.messageModal.error .statusTitle,
.messageModal.error .iconStatus {
  color: #dd4150;
}
.messageModal.warning .statusTitle,
.messageModal.warning .iconStatus {
  color: #d2680a;
}
.messageModal.info .statusTitle,
.messageModal.info .iconStatus {
  color: #fff;
}

.langContainer {
  position: relative;
  display: inline-block;
  align-self: center;
  z-index: 1;
}
.langContainer.above .langMenu {
  top: auto;
  bottom: calc(100% + 2px);
}
.langContainer.textType .langHead {
  background-color: #36343c;
  border: none;
  border-radius: 20px;
  padding: 9px 18px 9px 11px;
}
.langContainer.textType .langHead:after {
  content: "\e913";
  display: block;
  font-family: icomoon;
  margin-left: 7px;
  font-size: 4px;
  line-height: 1;
  font-weight: normal;
  align-self: center;
  transition: transform 0.2s;
}
.langContainer.textType .langHead.active:after {
  transform: scale(1, -1);
}
.langContainer.textType .flag {
  width: 21px;
  height: 21px;
  margin-right: 7px;
}
.langContainer.textType .langMenu {
  background-color: #36343c;
  border-radius: 20px;
}
.langContainer.textType .langMenu ul {
  padding: 5px 0px;
}
.langContainer.textType .langMenu .langBtn {
  padding: 5px 11px;
}

.langMenu {
  position: absolute;
  min-width: 100%;
  top: calc(100% + 2px);
  max-height: 96px;
  overflow: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #6137ff #3f3b46;
  border-radius: 17px;
  background-color: #fff;
  transform: scale(0);
  pointer-events: none;
  touch-action: none;
  transition: transform 0s 0s, opacity 0s 0s;
}
.langMenu::-webkit-scrollbar {
  width: 3px;
  background-color: #3f3b46;
}
.langMenu::-webkit-scrollbar-thumb {
  background-color: #6137ff;
  border-radius: 1px;
  box-shadow: inset 0px 0px 0px transparent;
}
.langMenu::-webkit-scrollbar-thumb:hover {
  background-color: #6137ff;
}
.langMenu::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.langMenu::-webkit-scrollbar-button:single-button {
  display: none;
}
.langMenu::-webkit-scrollbar-button:start {
  display: none;
}
.langMenu::-webkit-scrollbar-button:end {
  display: none;
}
.langMenu ul {
  padding: 5px 3px;
}
.langMenu li + li {
  margin-top: 3px;
}
.langMenu .langBtn {
  transition: opacity 0.2s;
}
.langMenu .langBtn:active {
  opacity: 0.75;
}
@media (hover: hover) {
  .langMenu .langBtn:hover {
    opacity: 0.75;
  }
}
.langMenu.active {
  opacity: 1;
  transform: scale(1);
  pointer-events: all;
  touch-action: auto;
  transition: transform 0s 0s, opacity 0.1s 0.1s;
}

.langBtn {
  display: flex;
  align-items: center;
  position: relative;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.05em;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  transition: background-color 0.2s, color 0.2s;
}
.langBtn .flag {
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 50%;
  width: 28px;
  height: 28px;
}

.langHead {
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.28);
  min-width: 34px;
  min-height: 34px;
  padding: 2px;
  transition: border-color 0.2s;
}
.langHead:active {
  border-color: #fff;
}
@media (hover: hover) {
  .langHead:hover {
    border-color: #fff;
  }
}
.langHead.active {
  border-color: #fff;
}

.headerInner {
  display: flex;
  align-items: center;
  min-height: 80px;
  justify-content: space-between;
}

.headSide {
  min-width: 168px;
  display: flex;
  align-items: center;
}

.siteHeader .logoLink {
  align-self: flex-start;
}
.siteHeader .headBtns {
  margin-left: 20px;
}
.siteHeader .menuContainer {
  align-self: flex-start;
  position: relative;
  padding: 5px 99px;
  min-height: 60px;
  margin-bottom: 12px;
}
.siteHeader .menuContainer:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  clip-path: polygon(0 0, 100% 0, calc(100% - 60px) 100%, 60px 100%);
  top: 0;
  left: 50%;
  background-color: #19171d;
  z-index: -1;
  transform: translateX(-50%);
}
.siteHeader .menuContainer .menuList {
  flex-wrap: wrap;
  justify-content: center;
}
.siteHeader .menuContainer + .headSide {
  justify-content: flex-end;
}

.menuContainer {
  display: flex;
  align-items: center;
}

.menuList {
  display: flex;
  align-items: center;
}
.menuList li {
  padding: 0px 17px;
}
.menuList a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
  font-size: 14px;
  line-height: 38px;
  letter-spacing: 0.05em;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  white-space: nowrap;
  transition: color 0.2s;
}
.menuList a.active {
  color: #00da8d;
}
.menuList a:not(.active):active {
  color: #00da8d;
}
@media (hover: hover) {
  .menuList a:not(.active):hover {
    color: #00da8d;
  }
}

.burgerContainer {
  display: none;
  z-index: 11;
}

.burger {
  position: relative;
  height: 29px;
  width: 38px;
  min-width: 38px;
  cursor: pointer;
  z-index: 2;
  transition: background-color 0.2s;
}
.burger > * {
  display: block;
  position: absolute;
  height: 1px;
  background-color: #fff;
  width: 38px;
  top: 50%;
  left: 50%;
  margin-left: -19px;
  transform-origin: center;
}
.burger > *:first-child {
  margin-top: -10px;
  transition: background-color 0.2s, margin-top 0.1s 0.1s, transform 0.1s 0s;
}
.burger > *:nth-child(2) {
  margin-top: -1px;
  transition: background-color 0.2s, opacity 0s 0.1s;
}
.burger > *:nth-child(3) {
  margin-top: 8px;
  transition: background-color 0.2s, margin-top 0.1s 0.1s, transform 0.1s 0s;
}

.pageWrapper:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(../img/shadow-start.png);
  background-position: center top;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  pointer-events: none;
  touch-action: none;
  z-index: -1;
}

@keyframes playGrid {
  0% {
    transform: rotateX(45deg) translateY(-50%);
  }
  100% {
    transform: rotateX(45deg) translateY(0);
  }
}
@keyframes dotBefore {
  0% {
    transform: translate(-50%, -50%) scale(0.42);
    border-color: #39373d;
    opacity: 0;
  }
  50% {
    transform: translate(-50%, -50%) scale(1);
    border-color: #fff;
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    border-color: #fff;
    opacity: 0;
  }
}
@keyframes dotAfter {
  0% {
    transform: translate(-50%, -50%) scale(0.42);
    border-color: #39373d;
    opacity: 0;
  }
  50% {
    transform: translate(-50%, -50%) scale(1);
    border-color: #fff;
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    border-color: #fff;
    opacity: 0;
  }
}
.animatedDots {
  pointer-events: none;
  touch-action: none;
}
.animatedDots .dot {
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #fff;
  z-index: 2;
}
.animatedDots .dot:before, .animatedDots .dot:after {
  content: "";
  display: block;
  position: absolute;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid #39373d;
  left: 50%;
  top: 50%;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.42);
  transform-origin: center;
}
.animatedDots .dot:first-child:before {
  animation: dotBefore 4s infinite;
}
.animatedDots .dot:first-child:after {
  animation: dotAfter 4s infinite 4s;
}
.animatedDots .dot:nth-child(2):before {
  animation: dotBefore 4s infinite 1s;
}
.animatedDots .dot:nth-child(2):after {
  animation: dotAfter 4s infinite 5s;
}
.animatedDots .dot:nth-child(3):before {
  animation: dotBefore 4s infinite 2s;
}
.animatedDots .dot:nth-child(3):after {
  animation: dotAfter 4s infinite 6s;
}
.animatedDots .dot:nth-child(4):before {
  animation: dotBefore 4s infinite 3s;
}
.animatedDots .dot:nth-child(4):after {
  animation: dotAfter 4s infinite 7s;
}
.animatedDots .dot:nth-child(5):before {
  animation: dotBefore 4s infinite 4s;
}
.animatedDots .dot:nth-child(5):after {
  animation: dotAfter 4s infinite 8s;
}

.animatedGrid {
  width: 100%;
  overflow: hidden;
  position: absolute;
  left: 0;
}

.gridFade {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  background: radial-gradient(ellipse at 50% 55%, rgba(36, 34, 40, 0) 0%, #242228 70%);
}

.gridLines {
  width: 100%;
  height: 200%;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.25) 1px, transparent 0), linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 1px, transparent 0);
  background-size: 35px 30px;
  background-repeat: repeat;
  transform-origin: 100% 0 0;
  animation: playGrid 20s linear infinite;
}

.preHeroTitle {
  display: block;
  font-size: 30px;
  line-height: 50px;
  text-transform: uppercase;
  text-align: center;
  font-weight: 600;
  margin-bottom: -17px;
}

.heroTitle {
  display: block;
  font-size: 50px;
  line-height: 70px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
}
.heroTitle .accent {
  color: #00da8d;
}

.hero {
  padding-top: 43px;
}

.startScreen {
  position: relative;
}
.startScreen .visualName {
  pointer-events: none;
  touch-action: none;
  color: #19171d;
  font-size: 221px;
  line-height: 1;
  padding-right: 0.02em;
  letter-spacing: -0.02em;
  position: absolute;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  z-index: -1;
  white-space: nowrap;
  top: 45px;
  left: 0;
  width: 100%;
  text-align: center;
  justify-content: center;
}
.startScreen .visualName .borderedText, .startScreen .visualName .faqTabs .tabsList a:after, .faqTabs .tabsList .startScreen .visualName a:after {
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.11);
  text-stroke: 1px rgba(255, 255, 255, 0.11);
}
.startScreen.homeScreen .hero {
  padding-top: 73px;
}
.startScreen.homeScreen .visualName {
  /* font-size: 11.5104166667vw;
  left: -11.4583333333vw;
  width: calc(100% + 11.4583333333vw);
  text-align: left;
  justify-content: flex-start;
  top: 50%;
  transform: translateY(-50%); */
  font-size: 11.5104166667vw;
  width: calc(100%);
  top: 50%;
  transform: translateY(-50%);
}
.startScreen.homeScreen .visualName .profit {
  min-width: calc((100% - 11.4583333333vw) / 2 + 11.4583333333vw - 214px);
}
.startScreen.homeScreen .visualName .borderedText, .startScreen.homeScreen .visualName .faqTabs .tabsList a:after, .faqTabs .tabsList .startScreen.homeScreen .visualName a:after {
  -webkit-text-stroke: 1px #4c4951;
  text-stroke: 1px #4c4951;
}
.startScreen.homeScreen .animatedGrid {
  top: 110px;
}
.startScreen.homeScreen .animatedDots .dot:first-child {
  left: calc(50% - 710px);
  top: calc(50% + 165px);
}
.startScreen.homeScreen .animatedDots .dot:nth-child(2) {
  left: calc(50% - 377px);
  top: calc(50% + 384px);
}
.startScreen.homeScreen .animatedDots .dot:nth-child(3) {
  left: calc(50% - 3px);
  top: calc(50% + 433px);
}
.startScreen.homeScreen .animatedDots .dot:nth-child(4) {
  left: calc(50% + 413px);
  top: calc(50% + 282px);
}
.startScreen.homeScreen .animatedDots .dot:nth-child(5) {
  left: calc(50% + 612px);
  top: calc(50% + 27px);
}
.startScreen:not(.homeScreen) .hero {
  min-height: 219px;
  padding-bottom: 43px;
}
.startScreen:not(.homeScreen) .animatedGrid {
  top: -40px;
}
.startScreen:not(.homeScreen) .animatedDots .dot:first-child {
  left: calc(50% - 702px);
  top: calc(50% - 95px);
}
.startScreen:not(.homeScreen) .animatedDots .dot:nth-child(2) {
  left: calc(50% - 333px);
  top: calc(50% + 80px);
}
.startScreen:not(.homeScreen) .animatedDots .dot:nth-child(3) {
  left: calc(50% + 513px);
  top: calc(50% - 2px);
}
.startScreen .animatedGrid {
  height: 496px;
  perspective: 421.6px;
  z-index: -2;
}
.startScreen .gridFade {
  background: radial-gradient(ellipse at 50% 55%, rgba(25, 23, 29, 0) 0%, #19171d 70%);
}

.heroPostTitle {
  display: flex;
  justify-content: center;
  text-align: center;
  margin-top: 28px;
}

.borderedBullet {
  border: 1px solid #4c4951;
  font-size: 19px;
  line-height: 29px;
  padding: 5px 38px 6px;
  border-radius: 42px;
}

.itemTitle {
  display: block;
  font-size: 23px;
  line-height: 35px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 600;
}
.itemTitle.accent-1 {
  color: #6137ff;
}
.itemTitle.accent-2 {
  color: #00da8d;
}
.itemTitle.xs {
  font-size: 15px;
  line-height: 25px;
}
.itemTitle .accent {
  color: #00da8d;
}
.itemTitle.subtitle {
  font-size: 16px;
}

.heroText {
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  max-width: 648px;
  margin: 50px auto 0px;
}

.heroDown {
  display: flex;
  align-items: center;
  padding-left: 78px;
  padding-right: 78px;
  margin-top: 32px;
  position: relative;
  z-index: 1;
}
.heroDown .downItem {
  flex-basis: 0;
  flex-grow: 1;
  display: flex;
}
.heroDown .ratingBullet {
  flex-basis: 0;
  min-width: 253px;
  padding: 0 25px;
  margin-left: auto;
  margin-right: -331px;
}
.heroDown .heroBullet {
  margin-left: auto;
  margin-right: auto;
}

.ratingBullet {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ratingBullet img {
  height: 68px;
  margin-top: 10px;
}

.heroBullet .value {
  display: block;
  font-size: 121px;
  line-height: 113px;
  font-weight: bold;
}

.itemLabel {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-weight: 600;
}
.itemLabel.lg {
  font-size: 18px;
  line-height: 36px;
  letter-spacing: 0em;
}

.dataCaption {
  display: block;
  color: #9996a8;
  font-size: 19px;
  line-height: 27px;
}
.dataCaption.xs {
  font-size: 14px;
  line-height: 25px;
}

.itemValue {
  display: block;
  font-weight: bold;
  color: #fff;
  font-size: 50px;
  line-height: 70px;
}
.itemValue.xs {
  font-size: 35px;
  line-height: 50px;
  font-weight: 600;
}
.itemValue.accent-1 {
  color: #6137ff;
}
.itemValue.accent-2 {
  color: #00da8d;
}

.startBullet {
  padding-top: 102px;
  padding-bottom: 60px;
}
.startBullet .sectionChapter + .sectionChapter {
  margin-top: 98px;
}

.statCard {
  background-color: #252329;
  min-height: 125px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
  padding: 5px 10px;
}

.heroStatList {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: -30px -15px 0px;
}
.heroStatList .item {
  width: 25%;
  padding: 30px 15px 0px;
}
.heroStatList .statCard {
  height: 100%;
  min-height: 148px;
}
.heroStatList .statCard .dataCaption + * {
  margin-top: 11px;
}

.heroAbout {
  display: flex;
}
.heroAbout .contentItem {
  width: 34.0029761905%;
  padding-right: 20px;
}
.heroAbout .contentItem .itemTitle {
  margin-bottom: 37px;
}
.heroAbout .contentItem .bulletText {
  margin-top: 52px;
}
.heroAbout .chartItem {
  width: 65.9970238095%;
  padding-top: 10px;
}

.chartPanel {
  border: 1px solid #39373d;
  background-color: #141217;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.chartPanel .paymentMenu {
  display: flex;
  background-color: #252329;
}
.chartPanel .paymentMenu li {
  flex-basis: 0;
  flex-grow: 1;
}
.chartPanel .paymentMenu li + li {
  border-left: 1px solid #39373d;
}
.chartPanel .paymentMenu label {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 10px 20px 10px 30px;
  color: #fff;
  font-size: 18px;
  line-height: 32px;
  font-weight: 600;
  min-height: 77px;
  text-transform: uppercase;
  border-bottom: 1px solid #39373d;
  z-index: 1;
  position: relative;
  cursor: pointer;
  transition: color 0.2s, background-color 0.2s, border-bottom-color 0.2s;
}
.chartPanel .paymentMenu input {
  display: none;
}
.chartPanel .paymentMenu input:checked + label {
  border-bottom-color: transparent;
  color: #00da8d;
  background-color: #141217;
}
.chartPanel .paymentMenu .name {
  display: block;
  font-size: 12px;
  line-height: 20px;
  color: #9996a8;
  text-transform: uppercase;
  font-weight: 600;
  white-space: nowrap;
}
.chartPanel .paymentMenu .rate {
  display: block;
  font-size: 17px;
  line-height: 20px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  white-space: nowrap;
}
.chartPanel .paymentMenu .progress {
  display: block;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  font-weight: 500;
  color: #fff;
  white-space: nowrap;
}
.chartPanel .paymentMenu .progress.up {
  color: #00da8d;
}
.chartPanel .paymentMenu .progress.down {
  color: #dd4150;
}
.chartPanel .intervalMenu {
  display: flex;
}
.chartPanel .intervalMenu li {
  padding-right: 16px;
}
.chartPanel .intervalMenu label {
  display: block;
  font-size: 12px;
  line-height: 20px;
  font-weight: bold;
  text-transform: uppercase;
  min-width: 44px;
  padding: 1px 4px;
  text-align: center;
  background-color: #252329;
  border-radius: 11px;
  cursor: pointer;
  transition: background-color 0.2s;
}
.chartPanel .intervalMenu input {
  display: none;
}
.chartPanel .intervalMenu input:checked + label {
  background-color: #6137ff;
}
.chartPanel .chartContainer {
  padding: 30px 24px 16px 32px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.paymentsChart {
  min-height: 270px;
  flex-grow: 1;
}

.bulletText {
  display: block;
  font-size: 23px;
  line-height: 30px;
  font-weight: 500;
}
.bulletText .iconLink {
  display: inline-block;
  vertical-align: top;
  color: #00da8d;
  transition: color 0.2s;
}
.bulletText .iconLink .icon {
  color: #fff;
  font-size: 18px;
  margin-right: 7px;
}
.bulletText .iconLink:active {
  color: #fff;
}
@media (hover: hover) {
  .bulletText .iconLink:hover {
    color: #fff;
  }
}

.splitLayout {
  display: flex;
  padding-top: 13px;
  margin: -30px -15px 0px;
}
.splitLayout .item {
  padding: 30px 15px 0px;
}
.splitLayout .item:first-child {
  width: 33.4061135371%;
}
.splitLayout .item:nth-child(2n) {
  width: 66.5938864629%;
}
.splitLayout.wideFirst .item:first-child {
  width: 66.5938864629%;
}
.splitLayout.wideFirst .item:nth-child(2n) {
  width: 33.4061135371%;
}

.securityStatCard {
  border: 1px solid #39373d;
  background-color: #141217;
  height: 100%;
  padding: 40px 52px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.securityStatCard .itemValue {
  line-height: 54px;
}
.securityStatCard .dataItem + .dataItem {
  margin-top: 48px;
}

.securityListCard {
  display: flex;
  background-color: #252329;
  height: 100%;
  padding: 46px 52px 58px;
  overflow: hidden;
}
.securityListCard .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: calc(100% - 295px);
  position: relative;
  z-index: 2;
}
.securityListCard .content .itemTitle {
  margin-bottom: 50px;
}
.securityListCard .visual {
  position: relative;
  width: 295px;
  z-index: 1;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 5px;
}
.securityListCard .visual .itemTitle {
  margin-top: 180px;
}
.securityListCard .visual:before {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% + 104px);
  height: calc(100% + 80px);
  background-image: url(../img/visual-security.png);
  background-repeat: no-repeat;
  background-position: center calc(50% + 22px);
  top: -40px;
  left: -52px;
  z-index: -1;
}

.tarifsList .item:nth-child(6n+1) .tarifIcon:before,
.depositTarifsList .item:nth-child(6n+1) .tarifIcon:before {
  animation-duration: 30s;
  animation-delay: 0s;
}
.tarifsList .item:nth-child(6n+2) .tarifIcon:before,
.depositTarifsList .item:nth-child(6n+2) .tarifIcon:before {
  animation-duration: 26s;
  animation-delay: 0s;
}
.tarifsList .item:nth-child(6n+3) .tarifIcon:before,
.depositTarifsList .item:nth-child(6n+3) .tarifIcon:before {
  animation-duration: 12s;
  animation-delay: 0s;
}
.tarifsList .item:nth-child(6n+4) .tarifIcon:before,
.depositTarifsList .item:nth-child(6n+4) .tarifIcon:before {
  animation-duration: 18s;
  animation-delay: 0s;
}
.tarifsList .item:nth-child(6n+5) .tarifIcon:before,
.depositTarifsList .item:nth-child(6n+5) .tarifIcon:before {
  animation-duration: 14s;
  animation-delay: 0s;
}
.tarifsList .item:nth-child(6n) .tarifIcon:before,
.depositTarifsList .item:nth-child(6n) .tarifIcon:before {
  animation-duration: 10s;
  animation-delay: 0s;
}

.tarifsList {
  margin: -32px -16px 0px;
}
.tarifsList .item {
  width: 33.3333333333%;
  padding: 32px 16px 0px;
}
.tarifsList.bigTarifs {
  margin: -40px -32px 0px;
}
.tarifsList.bigTarifs .item {
  width: 50%;
  padding: 40px 32px 0px;
}
.tarifsList .splide__list {
  flex-wrap: wrap;
}
.tarifsList:not(.mobCarousel) {
  display: flex;
  flex-wrap: wrap;
}

.borderedText, .faqTabs .tabsList a:after {
  color: transparent;
  font-weight: bold;
  -webkit-text-stroke: 1px #4c4951;
  text-stroke: 1px #4c4951;
}

.dataValue {
  display: block;
  font-size: 25px;
  line-height: 30px;
  font-weight: 600;
}
.dataValue.accent-1 {
  color: #6137ff;
}
.dataValue.accent-2 {
  color: #00da8d;
}

.tarifsSection {
  padding-top: 40px;
  padding-bottom: 40px;
}
.tarifsSection.homeTarifs {
  background-image: url(../img/back-tarifs.png);
  background-repeat: no-repeat;
  background-position: center top;
}
.tarifsSection .sectionHead {
  margin-bottom: 70px;
}

.tarifCard {
  background-color: #252329;
  position: relative;
  z-index: 1;
  padding: 30px 30px 25px;
  overflow: hidden;
}
.tarifCard:before, .tarifCard:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
}
.tarifCard:before {
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  background: linear-gradient(to bottom, rgb(56, 53, 61) 0%, rgb(37, 35, 41) 100%);
}
.tarifCard:after {
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  bottom: 1px;
  left: 1px;
  transform-origin: center bottom;
  background: linear-gradient(to bottom, rgb(20, 18, 23) 25%, rgb(67, 46, 175) 100%);
  opacity: 0;
  transition: opacity 0.2s;
}
.tarifCard .cardHead {
  position: relative;
  z-index: 1;
  padding-right: 103px;
}
.tarifCard .tarifId {
  display: block;
  position: absolute;
  z-index: -1;
  font-size: 48px;
  line-height: 56px;
  left: -3px;
  top: -30px;
  white-space: nowrap;
}
.tarifCard .name {
  display: block;
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
  text-transform: uppercase;
}
.tarifCard .conditions {
  font-size: 14px;
  line-height: 25px;
  color: #9996a8;
}
.tarifCard .tarifParams {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.tarifCard .tarifParams li {
  width: calc(50% - 11px);
  margin-top: 22px;
}
.tarifCard .btnContainer {
  margin-top: 30px;
}
.tarifCard .btnContainer .btnMain {
  width: 100%;
}
.tarifCard .tarifIcon {
  right: -20px;
  top: -20px;
}
.tarifCard.bigCard:before {
  background-image: url(../img/back-tarif-card.png);
  background-position: right top;
  background-repeat: no-repeat;
}
.tarifCard.bigCard .cardHead {
  padding-left: 126px;
  min-height: 103px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 17px;
  padding-right: 13px;
}
.tarifCard.bigCard .name {
  font-size: 18px;
}
.tarifCard.bigCard .tarifId {
  position: relative;
  left: auto;
  top: auto;
}
.tarifCard.bigCard .headWrapper {
  flex-grow: 1;
  padding-right: 20px;
}
.tarifCard.bigCard .conditionsWrapper {
  min-width: 220px;
}
.tarifCard.bigCard .conditionsWrapper .conditions .val {
  font-size: 18px;
  line-height: 20px;
}
.tarifCard.bigCard .conditionsWrapper .conditions li {
  background-position: left calc(50% + 3px);
}
.tarifCard.bigCard .conditionsWrapper .conditions li + li {
  margin-top: 15px;
}
.tarifCard.bigCard .tarifParams li {
  min-width: 258px;
  padding-left: 38px;
}
.tarifCard.bigCard .tarifParams li:nth-child(2n) {
  flex-basis: 0;
}
.tarifCard.bigCard .btnContainer {
  margin-top: 24px;
}
.tarifCard.bigCard .btnContainer .btnMain {
  width: auto;
  font-size: 15px;
  width: 100%;
  max-width: 368px;
}
.tarifCard.bigCard .cardTop {
  padding-bottom: 30px;
  display: flex;
}
.tarifCard.bigCard .cardDown {
  background-color: #141217;
  margin: 0px -30px -25px;
  padding: 0px 30px 30px;
  border: 1px solid #39373d;
}
.tarifCard.bigCard .tarifIcon {
  left: 0;
  top: calc(50% - 52px);
}
.tarifCard.bigCard .conditions .val {
  display: block;
  color: #fff;
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
}
.tarifCard.bigCard .conditions li {
  position: relative;
  padding-left: 38px;
  background-repeat: no-repeat;
  background-position: left center;
}
.tarifCard:active:after {
  opacity: 0.77;
}
@media (hover: hover) {
  .tarifCard:hover:after {
    opacity: 0.77;
  }
}

@keyframes rotateTarif {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.tarifIcon {
  position: absolute;
  width: 103px;
  height: 103px;
  background-color: #282728;
  right: -20px;
  top: -20px;
  border-radius: 50%;
  box-shadow: inset 0px 0px 0px 1px #4b4b4c, inset 0px 0px 0px 2px #282728, inset 0px 0px 0px 3px #393939;
}
.tarifIcon img {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.tarifIcon:before {
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
  touch-action: none;
  background-image: url(../img/tarif-ellipse.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 87px auto;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 50%;
  animation-name: rotateTarif;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.sectionHead {
  text-align: center;
}
.sectionHead .accent {
  color: #00da8d;
}
.sectionHead .textContainer, .sectionHead .rulesChapter .rulesList, .rulesChapter .sectionHead .rulesList {
  margin-top: 40px;
  max-width: 486px;
  margin-left: auto;
  margin-right: auto;
}

.dealsSection {
  padding-top: 60px;
  padding-bottom: 60px;
}
.dealsSection .sectionHead {
  margin-bottom: 75px;
}

.stepsSection {
  padding-top: 60px;
  padding-bottom: 60px;
  background-image: url(../img/back-steps.png);
  background-repeat: no-repeat;
  background-position: center bottom;
}
.stepsSection .sectionHead {
  margin-bottom: 70px;
}

.sliderNavigation {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 82px;
}
.sliderNavigation .navBtn {
  font-size: 12px;
  line-height: 20px;
  color: #55515b;
  transition: color 0.2s;
}
.sliderNavigation .navBtn:hover {
  color: #fff;
}
.sliderNavigation .navPagination {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0px 10px;
}
.sliderNavigation.hide {
  display: none;
}

.overflowSlider .splide__slide {
  opacity: 0;
}
.overflowSlider .splide__slide.is-visible {
  opacity: 1;
}

.splide__slide {
  transition: opacity 0.25s;
}

.dealsCarousel .splide {
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
}
.dealsCarousel .splide__track {
  overflow: visible;
}
.dealsCarousel .splide__slide {
  padding: 0 16px;
  opacity: 0.3;
}
.dealsCarousel .splide__slide.is-prev, .dealsCarousel .splide__slide.is-next, .dealsCarousel .splide__slide.is-active {
  opacity: 1;
}

.historyCard {
  border: 1px solid #4c4951;
  min-height: 500px;
  background-image: url(../img/back-history-card.png);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 489px auto;
  background-color: #19171d;
}
.historyCard .year {
  display: flex;
  justify-content: flex-end;
  line-height: 1;
  letter-spacing: -0.02em;
}
.historyCard .itemTitle + * {
  margin-top: 8px;
}
.historyCard .shortContent {
  padding: 240px 20px 25px;
}
.historyCard .shortContent .year {
  font-size: 72px;
  margin: 0px -20px 30px;
  padding-right: 12px;
}
.historyCard .shortContent .itemTitle {
  font-size: 13px;
  line-height: 22px;
}
.historyCard .fullContent {
  padding: 25px 50px;
}
.historyCard .fullContent .year {
  font-size: 100px;
  margin-bottom: 124px;
}
.historyCard .fullContent .itemTitle {
  font-size: 14px;
  line-height: 24px;
}
.historyCarousel .splide__slide,
.historyCarousel .embla__slide {
  width: 226px;
  padding: 0 15px;
}
.historyCarousel .splide__slide .fullContent,
.historyCarousel .embla__slide .fullContent {
  display: none;
}
.historyCarousel .splide__slide.is-active,
.historyCarousel .embla__slide.is-active {
  width: 519px;
}
.historyCarousel .splide__slide.is-active .shortContent,
.historyCarousel .embla__slide.is-active .shortContent {
  display: none;
}
.historyCarousel .splide__slide.is-active .fullContent,
.historyCarousel .embla__slide.is-active .fullContent {
  display: block;
}

.platformCarousel .splide__slide.is-active .headBorderCard .cardHead:after {
  opacity: 0;
}

.platformCard .cardHead {
  padding: 10px 30px 20px;
}
.platformCard .cardContent {
  padding: 46px 30px 0px;
}

.headBorderCard .cardHead {
  border-bottom: 1px solid #39373d;
  position: relative;
}
.headBorderCard .cardHead:after {
  content: "";
  display: block;
  position: absolute;
  border-right: 1px solid #39373d;
  left: 0px;
  top: 0;
  height: calc(100% + 44px);
}

.dealCard {
  border: 1px solid #39373d;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px 28px 33px;
}
.dealCard .itemTitle {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 8px;
  text-align: center;
}
.dealCard .cardContent {
  max-height: 152px;
  overflow: hidden;
  flex-grow: 1;
  position: relative;
}
.dealCard .cardContent:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 50%;
  left: 0;
  bottom: 0;
  background: linear-gradient(to bottom, rgba(25, 23, 29, 0) 0%, #19171d 100%);
}
.dealCard .btnContainer {
  margin-top: 16px;
}

.infoMenuGrid {
  display: grid;
  grid-template-rows: auto 1fr auto;
  grid-template-columns: repeat(2, 1fr);
  margin: -42px -21px 0px;
}
.infoMenuGrid .item {
  padding: 42px 21px 0px;
}
.infoMenuGrid .item:nth-child(4n+1) .imageContainer {
  padding-top: 18.0277349769%;
}
.infoMenuGrid .item:nth-child(4n+1) .detailed {
  padding-right: 30px;
}
.infoMenuGrid .item:nth-child(4n+1) .cardContent {
  display: flex;
  align-items: flex-end;
  padding: 20px 29px 24px;
}
.infoMenuGrid .item:nth-child(4n+1) .btnContainer {
  padding-bottom: 4px;
}
.infoMenuGrid .item:nth-child(4n+2) .infoMenuCard {
  flex-direction: row;
}
.infoMenuGrid .item:nth-child(4n+2) .imageContainer {
  width: 50%;
}
.infoMenuGrid .item:nth-child(4n+2) .cardContent {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 30px 24px;
}
.infoMenuGrid .item:nth-child(4n+3) .imageContainer {
  padding-top: 32.0493066256%;
  order: 1;
}
.infoMenuGrid .item:nth-child(4n+3) .cardContent {
  padding: 20px 42px 40px 29px;
}
.infoMenuGrid .item:nth-child(4n) .imageContainer {
  width: 32.3574730354%;
  order: 1;
}
.infoMenuGrid .item:nth-child(4n) .infoMenuCard {
  flex-direction: row;
}
.infoMenuGrid .item:nth-child(4n) .cardContent {
  padding: 20px 29px 28px;
  width: 67.6425269646%;
}
.infoMenuGrid .item:nth-child(4n+2), .infoMenuGrid .item:nth-child(4n+3) {
  grid-row: span 2;
}

.mobCarousel .sliderNavigation {
  display: none;
}
.mobCarousel .splide {
  visibility: visible;
}
.mobCarousel .splide.is-initialized:not(.is-active) .splide__list {
  display: flex;
}

.infoMenuCard {
  border: 1px solid #39373d;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.infoMenuCard .cardContent {
  flex-grow: 1;
}
.infoMenuCard .btnContainer {
  margin-top: 30px;
}
.infoMenuCard .itemTitle {
  color: #00da8d;
  margin-bottom: 6px;
}

.infoMenuSection {
  padding-top: 45px;
  padding-bottom: 40px;
}

.stepsList {
  display: flex;
  flex-wrap: wrap;
  margin: -32px -16px 0px;
}
.stepsList .item {
  width: 33.3333333333%;
  padding: 32px 16px 0px;
}

.stepCard {
  background-color: #252329;
  padding: 2px 30px 50px;
  text-align: center;
  position: relative;
  z-index: 1;
  height: 100%;
  overflow: hidden;
}
.stepCard .count {
  display: block;
  position: absolute;
  font-size: 221px;
  line-height: 72.850678733%;
  bottom: 0;
  width: 100%;
  left: 0;
  z-index: -1;
}
.stepCard .cardIcon {
  width: 315px;
  height: 291px;
  overflow: hidden;
  position: relative;
  left: calc(50% - 158px);
  z-index: -1;
  margin-bottom: -26px;
}
.stepCard .cardIcon img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
}
.stepCard .itemTitle {
  font-size: 17px;
  margin-bottom: 8px;
}

.postBullet {
  text-align: center;
  padding-top: 54px;
  padding-bottom: 38px;
}
.postBullet .itemTitle {
  text-transform: none;
  font-weight: 500;
}
.postBullet .btnContainer {
  margin-top: 44px;
}

.platformSection {
  padding-top: 105px;
}

.faqSection {
  padding-top: 50px;
}

.shortFaqSection {
  padding-top: 110px;
  padding-bottom: 110px;
}
.shortFaqSection .sectionContent {
  display: grid;
  grid-template-columns: 37.0535714286% 62.9464285714%;
  grid-template-rows: auto 1fr;
}
.shortFaqSection .visualTitle {
  display: block;
  position: absolute;
  font-size: 221px;
  line-height: 1;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: -0.02em;
  left: -20px;
  top: -68px;
  z-index: -1;
}
.shortFaqSection .sectionHead {
  text-align: left;
  position: relative;
}
.shortFaqSection .titleItem {
  padding-right: 60px;
  padding-top: 7px;
  display: flex;
}
.shortFaqSection .titleItem:not(:first-child) {
  padding-top: 42px;
}
.shortFaqSection .titleContent {
  min-width: 320px;
  flex-basis: 0;
}
.shortFaqSection .faqList {
  grid-row: span 2;
}
.shortFaqSection .btnContainer {
  margin-top: 55px;
}
.shortFaqSection .btnContainer .btnMain {
  min-width: 297px;
}
.shortFaqSection .bulletText {
  text-transform: uppercase;
  font-weight: 600;
  line-height: 35px;
  margin-top: 140px;
}
.shortFaqSection .bulletText + * {
  margin-top: 42px;
}

.accordTitle {
  cursor: pointer;
}

.accordContent {
  max-height: 0;
  overflow: hidden;
  will-change: max-height;
  opacity: 0;
  transition: all 0.25s ease-out;
}
.accordContent.active {
  opacity: 1;
}
.partnersTable .accordItem .accordTitle.active + .accordContent {
  opacity: 1;
  max-height: none;
}

.faqItem .accordTitle {
  min-height: 53px;
  display: flex;
  align-items: center;
  padding: 5px 55px 5px 20px;
  position: relative;
  border: 1px solid #39373d;
  transition: border-color 0.2s;
}
.faqItem .accordTitle .itemTitle {
  text-transform: none;
  font-weight: 500;
  transition: color 0.2s;
}
.faqItem .accordTitle:before, .faqItem .accordTitle:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: calc(50% - 12px);
  transition: border-color 0.2s;
}
.faqItem .accordTitle:before {
  border-top: 1px solid #66616d;
  width: 19px;
  right: 18px;
  top: 50%;
}
.faqItem .accordTitle:after {
  border-right: 1px solid #66616d;
  height: 19px;
  right: 27px;
  top: calc(50% - 9px);
  transition: opacity 0.2s;
}
.faqItem .accordTitle.active .itemTitle {
  color: #6137ff;
}
.faqItem .accordTitle.active:after {
  opacity: 0;
}
.faqItem .accordTitle:active .itemTitle {
  color: #6137ff;
}
@media (hover: hover) {
  .faqItem .accordTitle:hover .itemTitle {
    color: #6137ff;
  }
}
.faqItem .accordContent .textContainer, .faqItem .accordContent .rulesChapter .rulesList, .rulesChapter .faqItem .accordContent .rulesList {
  padding: 32px 20px 30px;
}
.faqItem + .faqItem {
  margin-top: 18px;
}

.mediaPanel {
  display: flex;
  background-color: #19171d;
  border: 1px solid #39373d;
}
.mediaPanel .panelContent {
  padding: 58px 45px 58px 50px;
  flex: 0 0 50%;
  max-width: 50%;
}
.mediaPanel .panelContent > * + * {
  margin-top: 30px;
}
.mediaPanel .panelContent .bulletText {
  text-transform: none;
}
.mediaPanel .btnContainer {
  margin-top: 54px;
}
.mediaPanel .imageContainer {
  flex: 0 0 50%;
  max-width: 50%;
  border-left: 1px solid #39373d;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 28px;
}
.mediaPanel .imageContainer .statCard {
  min-width: 236px;
}
.mediaPanel .imageContainer .statCard + .statCard {
  margin-top: 20px;
}
.mediaPanel .imageContainer .statCard .dataCaption {
  font-size: 20px;
}
.mediaPanel .imageContainer .statCard:first-child .itemValue {
  color: #00da8d;
}
.mediaPanel .imageContainer .statCard:nth-child(2) .itemValue {
  color: #6137ff;
}
.mediaPanel .imageContainer .statCard:nth-child(3) .itemValue {
  color: #ffffff;
}
.mediaPanel .imageContainer .statCard:nth-child(4) .itemValue {
  color: #9996a8;
}

.panelHead .subtitle + .mainTitle {
  margin-top: 28px;
}

.tabContent {
  transform: scale(0);
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  touch-action: none;
  display: none;
  transition: opacity 0s;
}
.tabContent.opening {
  display: block;
  overflow: visible;
  height: auto;
  visibility: visible;
  pointer-events: all;
}
.tabContent.active {
  display: block;
  pointer-events: all;
  touch-action: auto;
  overflow: visible;
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.2s 0.05s;
}

.stepsTabs {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  min-height: 496px;
  background-color: #19171d;
}
.stepsTabs .tabsList {
  display: flex;
  margin-top: auto;
}
.stepsTabs .tabsList li {
  flex-basis: 0;
  flex-grow: 1;
}
.stepsTabs .tabsList li + li {
  border-left: 1px solid #39373d;
}
.stepsTabs .tabsList a {
  display: flex;
  align-items: center;
  border-top: 1px solid #39373d;
  padding: 5px 20px 5px 47px;
  font-size: 23px;
  line-height: 35px;
  font-weight: 600;
  color: #fff;
  height: 100%;
  min-height: 78px;
  text-transform: uppercase;
  overflow: hidden;
  background-color: #252329;
  z-index: 1;
  position: relative;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}
.stepsTabs .tabsList a .count {
  display: block;
  position: absolute;
  font-size: 100px;
  line-height: 1;
  z-index: -1;
  bottom: -15px;
  left: 28px;
}
.stepsTabs .tabsList a.active {
  background-color: transparent;
  color: #00da8d;
  border-color: transparent;
}
.stepsTabs .panelContent {
  padding: 50px calc(100% - 586px) 50px 50px;
  flex-grow: 1;
}
.stepsTabs .panelHead + * {
  margin-top: 20px;
}

.featuresSection {
  padding-top: 96px;
  padding-bottom: 40px;
}
.featuresSection .featurePanel {
  display: flex;
  flex-direction: column;
  border: 1px solid #39373d;
  height: 100%;
}

.proposalTabs {
  background: linear-gradient(to bottom, #030303 0%, #252329 50%);
}
.proposalTabs .tabsList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 14px;
}
.proposalTabs .tabsList li {
  width: calc((100% - 15px) / 2);
  margin-top: 15px;
}
.proposalTabs .tabsList a {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  min-height: 33px;
  border-radius: 17px;
  color: #18161c;
  font-size: 12px;
  line-height: 13px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  padding: 3px 15px;
}
.proposalTabs .tabsList a.active {
  color: #fff;
  background-color: #6137ff;
}
.proposalTabs .panelHead + * {
  margin-top: 3px;
}
.proposalTabs .panelContent {
  padding: 27px 30px 146px;
  position: relative;
  min-height: 100%;
  z-index: 1;
}
.proposalTabs .backIcon {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  touch-action: none;
  bottom: 0;
  left: 0;
  background-position: center bottom;
  background-repeat: no-repeat;
  z-index: -1;
  transition: opacity 0.2s;
}
.proposalTabs .tabContent.active + .backIcon {
  opacity: 1;
}

.historySection {
  padding-top: 60px;
  padding-bottom: 60px;
}
.historySection .sectionHead {
  margin-bottom: 58px;
}

.advantagesSection {
  padding-top: 47px;
}
.advantagesSection .sectionHead {
  margin-bottom: 70px;
}

.advantagesCarousel .splide__track {
  overflow: visible;
}
.advantagesCarousel .splide__slide {
  opacity: 0.3;
}
.advantagesCarousel .splide__slide.is-visible {
  opacity: 1;
}

.advantageCard .cardHead {
  display: flex;
  padding: 14px 35px;
}
.advantageCard .cardHead .itemTitle {
  font-size: 17px;
}
.advantageCard .cardHead .icon {
  margin-right: 26px;
  min-width: 33px;
}
.advantageCard .cardContent {
  padding: 46px 31px 0px;
}

.bulletSection {
  padding-top: 105px;
  padding-bottom: 170px;
}

.bulletPanel {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  display: flex;
  align-items: center;
  padding: 40px 385px;
  min-height: 378px;
  border: 1px solid #39373d;
}
.bulletPanel .panelSide {
  position: absolute;
  width: 345px;
  top: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.bulletPanel .panelSide .itemTitle {
  font-size: 16px;
  line-height: 25px;
}
.bulletPanel .panelSide:first-child {
  padding-left: 97px;
  left: 0;
}
.bulletPanel .panelCenter {
  width: 100%;
}
.bulletPanel .heroTitle {
  font-size: 33px;
  line-height: 46px;
}
.bulletPanel .heroTitle .accent {
  display: block;
}
.bulletPanel .btnContainer {
  margin-top: 80px;
}

.pageText {
  display: flex;
  justify-content: space-between;
}
.pageText .item {
  width: calc(50% - 32px);
}

.postHeroSection {
  padding-bottom: 55px;
}

.calcSection {
  padding-top: 70px;
  padding-bottom: 70px;
  position: relative;
}
.calcSection:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 574px;
  background-image: url(../img/back-between.png);
  background-position: center top;
  background-repeat: no-repeat;
  left: 0;
  top: calc(100% - 266px);
  pointer-events: none;
  touch-action: none;
  z-index: -1;
}

.calcPanel {
  border: 0px;
  background-color: #252329;
}
.calcPanel .securityStatCard {
  width: 33.9776951673%;
  padding: 28px 44px 28px 88px;
  height: auto;
}
.calcPanel .securityStatCard .itemValue {
  font-size: 36px;
  line-height: 44px;
}
.calcPanel .securityStatCard .dataItem + .dataItem {
  margin-top: 20px;
}
.calcPanel .securityStatCard .btnContainer {
  margin-top: 32px;
}
.calcPanel .panelContent {
  width: 66.0223048327%;
  padding: 48px 89px 48px 443px;
  flex: auto;
  max-width: 1000%;
}

.calcForm {
  background-image: url(../img/back-calc.jpg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto 100%;
}
.calcForm .formItem + .formItem {
  margin-top: 12px;
}

.programSection {
  padding-top: 40px;
  padding-bottom: 110px;
}

.themeTabs .paymentTypeList,
.themeTabs .tabsList {
  display: flex;
  background-color: #252329;
}
.themeTabs .paymentTypeList li,
.themeTabs .tabsList li {
  flex-basis: 0;
  flex-grow: 1;
}
.themeTabs .paymentTypeList li + li,
.themeTabs .tabsList li + li {
  border-left: 1px solid #39373d;
}
.themeTabs .paymentTypeList label,
.themeTabs .tabsList label {
  cursor: pointer;
}
.themeTabs .paymentTypeList label,
.themeTabs .paymentTypeList a,
.themeTabs .tabsList label,
.themeTabs .tabsList a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 77px;
  padding: 5px 60px 5px 20px;
  color: #fff;
  font-size: 18px;
  line-height: 32px;
  font-weight: 600;
  text-transform: uppercase;
  border-bottom: 1px solid #39373d;
  z-index: 1;
  position: relative;
  transition: color 0.2s, background-color 0.2s, border-bottom-color 0.2s;
}
.themeTabs .paymentTypeList label.active,
.themeTabs .paymentTypeList a.active,
.themeTabs .tabsList label.active,
.themeTabs .tabsList a.active {
  border-bottom-color: transparent;
  color: #00da8d;
  background-color: #141217;
}
.themeTabs .paymentTypeList input,
.themeTabs .tabsList input {
  display: none;
}
.themeTabs .paymentTypeList input:checked + label,
.themeTabs .tabsList input:checked + label {
  border-bottom-color: transparent;
  color: #00da8d;
  background-color: #141217;
}

.faqTabs {
  border: 1px solid #39373d;
}
.faqTabs .tabsContent {
  padding: 78px 48px;
  background-color: #141217;
}
.faqTabs .tabsList a:after {
  content: "?";
  display: block;
  position: absolute;
  font-size: 100px;
  line-height: 1;
  z-index: -1;
  right: 8px;
  top: calc(50% - 50px);
  transition: opacity 0.2s;
}
.faqTabs .tabsList a:not(.active):after {
  opacity: 0.3;
}
.faqTabs .accordTitle {
  background-color: #19171d;
}
.faqTabs .accordContent .textContainer, .faqTabs .accordContent .rulesChapter .rulesList, .rulesChapter .faqTabs .accordContent .rulesList {
  max-width: 850px;
}

.joinLine {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 102px;
  padding-bottom: 106px;
}
.joinLine .bulletText {
  text-transform: uppercase;
  display: flex;
  align-items: flex-end;
  margin-bottom: 12px;
}
.joinLine .bulletText > * {
  display: inline-block;
  vertical-align: top;
}
.joinLine .bulletText .iconLink {
  margin-left: 20px;
  white-space: nowrap;
}
.joinLine .content {
  padding-right: 40px;
}

.rulesSection .mediaPanel .panelContent {
  background-color: #252329;
}
.rulesSection .mediaPanel .imageContainer {
  align-items: center;
  text-align: center;
  justify-content: center;
}
.rulesSection .mediaPanel .imageContainer {
  background-position: center bottom;
}
.rulesSection .mediaPanel .imageContainer .accent {
  display: block;
  font-size: 40px;
  line-height: 50px;
}

.rulesContainer {
  padding-bottom: 98px;
  padding-top: 70px;
}

.rulesChapter {
  border: 1px solid #39373d;
  padding: 40px 50px 54px;
  overflow: hidden;
}
.rulesChapter .rulesHead {
  text-align: center;
  position: relative;
  margin-bottom: 40px;
}
.rulesChapter .rulesHead .count {
  display: block;
  position: absolute;
  font-size: 120px;
  line-height: 1;
  left: 0;
  top: -60px;
  pointer-events: none;
  touch-action: none;
  z-index: -1;
}
.rulesChapter .rulesList {
  line-height: 30px;
}
.rulesChapter .rulesList li + li {
  margin-top: 0px;
}
.rulesChapter .rulesList .count {
  color: #00da8d;
}
.rulesChapter + .rulesChapter {
  margin-top: 48px;
}

.signWrapper {
  background-image: url(../img/back-sign-top.png), url(../img/back-sign-bottom.png);
  background-repeat: no-repeat;
  background-position: top center, bottom center;
}
.signWrapper .copyright {
  margin-top: 0px;
}

.signHeader {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 15px;
}

.signFooter {
  margin-top: auto;
  text-align: center;
  padding-bottom: 22px;
  padding-top: 22px;
}

.signPanel {
  display: flex;
  background-color: #252329;
  border: 1px solid #39373d;
  flex-grow: 1;
}
.signPanel .logoContainer {
  width: 176px;
  height: 201px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url(../img/back-logo.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: calc(50% - 88px);
  top: calc(50% - 100px);
}
.signPanel .logoContainer img {
  width: 88px;
}
.signPanel .checkInput {
  margin-top: 22px;
}

.signVisual {
  width: 50%;
  background-size: contain;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-color: #131215;
  text-align: center;
  padding: 130px 90px;
}
.signVisual .name {
  display: block;
  font-size: 50px;
  line-height: 1;
  font-weight: 600;
  color: #00da8d;
  text-transform: uppercase;
}
.signVisual .name .accent {
  color: #6137ff;
}
.signVisual .bulletText {
  font-size: 30px;
  line-height: 40px;
  text-transform: uppercase;
  margin-top: 38px;
}

.signForm {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 50px 100px;
}
.signForm .formContent {
  margin-top: 16px;
}
.signForm .formInner {
  max-width: 355px;
  width: 100%;
}
.signForm .preText {
  margin-top: 18px;
  text-align: center;
}
.signForm .preText + .formContent {
  margin-top: 48px;
}
.signForm .formItem {
  margin-top: 17px;
}
.signForm .captcha {
  margin-top: 39px;
}
.signForm .btnContainer {
  margin-top: 39px;
}
.signForm .addBtn {
  text-align: center;
  margin-top: 40px;
}
.signForm .addBtn .btnMain {
  min-width: 194px;
}
.signForm .formLink {
  text-align: center;
  margin-top: 28px;
}

.signContent {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.signContent .container {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.loginForm .btnContainer .btnMain {
  width: 100%;
}

.regForm .btnContainer .btnMain {
  font-size: 16px;
}

.cookiesBanner {
  position: fixed;
  left: 27px;
  bottom: 54px;
  background-color: rgba(20, 18, 23, 0.8);
  box-shadow: 0px 0px 5px rgba(2, 200, 129, 0.6);
  width: 314px;
  text-align: center;
  z-index: 10;
  color: #fff;
  padding: 22px;
  display: none;
}
.cookiesBanner .btnContainer {
  margin-top: 16px;
}
.cookiesBanner .btnContainer .btnMain {
  min-width: 64px;
}

.contactsWrapper {
  display: flex;
}
.contactsWrapper .contactsForm {
  width: 65.601217656%;
  background-color: #201e23;
}
.contactsWrapper .supportPanel {
  width: 34.398782344%;
}
.contactsWrapper .contactsHead {
  text-align: center;
}
.contactsWrapper .contactsHead .itemLabel {
  font-size: 30px;
  line-height: 40px;
  letter-spacing: 0em;
}

.contactsForm {
  padding: 60px 118px 52px;
  background-image: url(../img/back-contacts.png);
  background-repeat: no-repeat;
  background-position: center bottom;
}
.contactsForm .contactsHead {
  margin-bottom: 38px;
}
.contactsForm input,
.contactsForm textarea {
  background-color: #131215;
}
.contactsForm .formContent {
  display: flex;
  flex-wrap: wrap;
  margin: -17px -10px 0px;
}
.contactsForm .formContent .formItem {
  width: 50%;
  padding: 17px 10px 0px;
}
.contactsForm .formContent .formItem:nth-child(3) {
  width: 100%;
}
.contactsForm .formNote {
  text-align: center;
  max-width: 510px;
  margin: 22px auto 0px;
}
.contactsForm .btnContainer {
  margin-top: 40px;
}

.contactLink {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  border: 1px solid #39373d;
  background-color: #131215;
  border-radius: 28px;
  min-height: 55px;
  font-size: 17px;
  line-height: 25px;
  color: #00da8d;
  padding: 13px 52px 14px;
  white-space: nowrap;
  text-decoration: underline;
  transition: text-decoration-color 0.2s;
}
.contactLink .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 52px;
  height: 100%;
  text-align: center;
  left: 0;
  top: 0;
  color: #fff;
}
.contactLink:active {
  text-decoration-color: transparent;
}
@media (hover: hover) {
  .contactLink:hover {
    text-decoration-color: transparent;
  }
}

.supportPanel {
  padding: 60px 64px 52px;
  background-color: #131215;
  background-image: url(../img/back-support-1.png), url(../img/back-support-2.png);
  background-repeat: no-repeat;
  background-position: left center, right center;
}
.supportPanel .contactLinks {
  margin-top: 58px;
}
.supportPanel .contactLinks li + li {
  margin-top: 25px;
}
.supportPanel .socialsWrapper {
  margin-top: 93px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.supportPanel .socialsWrapper .socialsList {
  margin-top: 6px;
  flex-wrap: wrap;
}

.contactsModal .modalContent {
  max-width: 1314px;
}

.successColor {
  color: #00da8d;
}

.errorColor {
  color: #d43e4d;
}

.warningColor {
  color: #d2680a;
}

.infoColor {
  color: #fff;
}

.optionsList li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #39373d;
  padding: 17px 19px 21px;
}
.optionsList li:first-child {
  border-top: 1px solid #39373d;
}
.optionsList .optionItem:nth-child(2n+1) {
  padding-right: 16px;
}
.optionsList .dataCaption {
  line-height: 20px;
  letter-spacing: 0.025em;
}
.optionsList .value {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.025em;
}
.optionsList .optionItem:nth-child(2n) {
  text-align: right;
}

.stackingModal .modalContent {
  padding: 25px 39px 35px;
  max-width: 708px;
}
.stackingModal .stackingHead {
  text-align: center;
  margin-bottom: 40px;
}
.stackingModal .btnContainer {
  margin-top: 43px;
}

.orderModal .modalContent {
  max-width: 1080px;
}

.iconBtnCopy {
  font-size: 20px;
  line-height: 1;
  color: #fff;
}

.orderForm {
  padding: 0px 29px 48px;
}
.orderForm .orderHead {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 26px;
  position: relative;
  padding-left: 259px;
  padding-right: 259px;
}
.orderForm .orderHead .headStatus {
  position: absolute;
  width: 244px;
  left: 0px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 80px;
  top: 0;
  min-height: 62px;
  text-align: left;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.025em;
}
.orderForm .orderHead .headStatus .status {
  display: block;
}
.orderForm .orderHead .headStatus .iconStatus {
  display: block;
  position: absolute;
  left: 0;
  top: calc(50% - 31px);
  font-size: 62px;
}
.orderForm .orderHead .headStatus.success .iconStatus,
.orderForm .orderHead .headStatus.success .status {
  color: #00da8d;
}
.orderForm .orderHead .headStatus.error .iconStatus,
.orderForm .orderHead .headStatus.error .status {
  color: #d43e4d;
}
.orderForm .orderHead .headStatus.warning .iconStatus,
.orderForm .orderHead .headStatus.warning .status {
  color: #d2680a;
}
.orderForm .orderHead .headStatus.info .iconStatus,
.orderForm .orderHead .headStatus.info .status {
  color: #fff;
}
.orderForm .orderNumber {
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.025em;
  margin-top: 12px;
}
.orderForm .orderNumber .dataCaption {
  display: inline;
  font-size: inherit;
  line-height: inherit;
}
.orderForm .formContent {
  margin-left: -29px;
  margin-right: -29px;
  padding-left: 29px;
  padding-right: 29px;
  background-color: #252329;
  border-top: 1px solid #39373d;
  border-bottom: 1px solid #39373d;
  padding-top: 24px;
  padding-bottom: 26px;
}
.orderForm .formContent .formItem {
  flex-grow: 1;
}
.orderForm .formContent .payIcon {
  width: 89px;
  min-width: 89px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 53px;
}
.orderForm .formContent .payIcon img {
  width: 27px;
}
.orderForm .formContent .copyContainer {
  display: flex;
}
.orderForm .formContent .copyContainer .iconBtnCopy {
  width: 70px;
  min-width: 70px;
}
.orderForm .formContent:not(.formDetailed) {
  padding-right: 0px;
  display: flex;
  align-items: flex-end;
  padding-bottom: 41px;
}
.orderForm .formContent.formDetailed {
  color: #fff;
  text-align: center;
  font-size: 15px;
  line-height: 20px;
  padding-left: 120px;
  padding-right: 120px;
}
.orderForm .formContent.formDetailed .siteLink {
  font-size: inherit;
  line-height: inherit;
}
.orderForm .formContent.formDetailed > * + p {
  margin-top: 16px;
}
.orderForm .infoList {
  margin-top: -20px;
}
.orderForm .infoList .infoPanel {
  margin-top: 20px;
}
.orderForm .infoPanel {
  background-color: #252329;
  min-height: 96px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 5px 29px;
}
.orderForm .infoPanel .dataCaption {
  font-size: 15px;
}
.orderForm .infoPanel .val {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.025em;
  padding-top: 2px;
  padding-bottom: 2px;
}
.orderForm .infoPanel .code {
  font-size: 15px;
  word-break: break-all;
}
.orderForm .infoPanel .sum {
  color: #6137ff;
}
.orderForm .infoPanel .date {
  color: #00da8d;
}
.orderForm .infoPanel.horizontal {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  min-height: 66px;
  position: relative;
}
.orderForm .infoPanel.horizontal .dataCaption {
  padding-right: 12px;
}
.orderForm .infoPanel.horizontal .iconBtnCopy {
  position: absolute;
  right: 21px;
  top: calc(50% - 10px);
}
.orderForm .infoPanel.horizontal.copyContainer {
  padding-right: 62px;
}
.orderForm .infoPanel.horizontal .val {
  text-align: right;
}
.orderForm .formInfo {
  display: flex;
  flex-wrap: wrap;
  padding-top: 30px;
}
.orderForm .formInfo.qrContainer {
  justify-content: space-between;
}
.orderForm .formInfo.qrContainer .infoList {
  width: calc((100% - 261px) / 2);
}
.orderForm .formInfo.qrContainer .qrImage {
  width: 221px;
  background-color: #fff;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.orderForm .formInfo:not(.qrContainer) {
  justify-content: space-between;
}
.orderForm .formInfo:not(.qrContainer) .infoPanel {
  width: calc(50% - 10px);
}
.orderForm .formNote {
  text-align: center;
  max-width: 560px;
  margin: 0px auto;
  font-size: 15px;
  line-height: 20px;
  margin-top: 18px;
}
.orderForm .formNote .dataCaption {
  font-size: 15px;
}
.orderForm .formNote .siteLink {
  font-size: inherit;
}
.orderForm .formActions {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.orderForm .formActions .btnContainer {
  padding-left: 20px;
  padding-right: 20px;
}
.bonusSection {
  padding-bottom: 100px;
}

.levelsList {
  margin: -30px -15px 0px;
}
.levelsList .splide {
  width: 100%;
}
.levelsList .splide.is-initialized:not(.is-active) .splide__list {
  display: flex;
}
.levelsList .item {
  padding: 30px 15px 0px;
  width: 20%;
}
.levelsList .splide__list {
  flex-wrap: wrap;
}
.levelsList .sliderNavigation {
  display: none;
}

.levelCard {
  background-image: url(../img/visual-box.png);
  background-repeat: no-repeat;
  background-position: center top;
  width: 100%;
  height: 100%;
  background-color: #19171d;
  border: 1px solid #39373d;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 93px 25px 10px;
  min-height: 358px;
  height: 100%;
}
.levelCard .itemTitle {
  font-size: 16px;
  line-height: 25px;
  color: #6137ff;
}
.levelCard .dataList {
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  margin-top: 7px;
  font-weight: 600;
}
.levelCard .dataList .val {
  white-space: nowrap;
}
.levelCard .dataList li + li {
  margin-top: 10px;
}
.levelCard .dataCaption {
  font-size: 14px;
  line-height: inherit;
  display: inline;
  font-weight: normal;
}
.levelCard .bonus {
  display: block;
  color: #00da8d;
  text-transform: uppercase;
}
.levelCard .bonus + .bonus {
  font-size: 14px;
}

.bonusSection .mediaPanel {
  margin-bottom: 40px;
}
.bonusSection .mediaPanel .panelContent {
  order: 1;
}

.siteFooter {
  padding-top: 40px;
  background-color: #242228;
  position: relative;
  z-index: 1;
}
.siteFooter .animatedGrid {
  height: 318px;
  perspective: 270.3px;
  bottom: 0;
  z-index: -1;
}
.siteFooter .menuContainer {
  display: flex;
  justify-content: center;
}
.siteFooter .menuContainer ul {
  position: relative;
  z-index: 1;
  background-color: #19171d;
  min-height: 60px;
  padding: 10px 55px;
}
.siteFooter .menuContainer ul:before, .siteFooter .menuContainer ul:after {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 44px;
  top: 0;
  border: 22px solid transparent;
  border-top: 30px solid transparent;
  border-bottom: 30px solid #19171d;
}
.siteFooter .menuContainer ul:before {
  right: 100%;
  border-right: 22px solid #19171d;
}
.siteFooter .menuContainer ul:after {
  left: 100%;
  border-left: 22px solid #19171d;
}

.footerInner {
  display: flex;
  justify-content: space-between;
  padding-bottom: 18px;
}
.footerInner .footSide {
  width: 100%;
  max-width: 248px;
  display: flex;
  flex-direction: column;
  padding-top: 54px;
}
.footerInner .footSide:first-child {
  align-items: flex-start;
}
.footerInner .footSide:last-child {
  align-items: flex-end;
  text-align: right;
}
.footerInner .btnContainer {
  padding-top: 20px;
  margin-top: auto;
}
.footerInner .logoContainer {
  flex-grow: 1;
  padding: 0 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding-bottom: 10px;
}

.copyright {
  font-size: 15px;
  line-height: 25px;
  color: #9996a8;
  margin-top: 36px;
}

.regItem .value {
  display: block;
  font-weight: 600;
  font-size: 17px;
}

.socialsList {
  display: flex;
  margin: -14px -7px 0px;
}
.socialsList li {
  padding: 14px 7px 0px;
}
.socialsList a {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #4c4951;
  color: #fff;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  font-size: 14px;
  transition: color 0.2s, border-color 0.2s, background-color 0.2s;
}
.socialsList a .icon {
  color: inherit;
  font-size: inherit;
}
.socialsList a:active {
  border-color: #fff;
  background-color: #fff;
  color: #18161c;
}
@media (hover: hover) {
  .socialsList a:hover {
    border-color: #fff;
    background-color: #fff;
    color: #18161c;
  }
}
.socialsList.lg {
  margin: -22px -11px 0px;
}
.socialsList.lg li {
  padding: 22px 11px 0px;
}
.socialsList.lg a {
  width: 52px;
  height: 52px;
  font-size: 20px;
}

.cabWrapper {
  padding-right: 30px;
  padding-bottom: 30px;
}

.cabHeader {
  display: flex;
}
.cabHeader .headerContent {
  border: 1px solid #39373d;
  border-top: none;
  display: flex;
  flex-grow: 1;
}
.cabHeader .logoContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 210px;
}
.cabHeader .dataCaption {
  line-height: 25px;
}
.cabHeader .burger {
  display: none;
}

.welcomeItem {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  padding: 12px 9px 9px 103px;
  min-height: 106px;
  width: 20.1430274136%;
}
.welcomeItem .dataCaption {
  font-size: 17px;
}
.welcomeItem .accStatus > * {
  display: inline-block;
  vertical-align: top;
}
.welcomeItem .avaContainer {
  width: 85px;
  height: 85px;
  position: absolute;
  left: 9px;
  top: 12px;
  background-color: #252329;
  display: flex;
  align-items: center;
  justify-content: center;
}
.welcomeItem .avaContainer:before, .welcomeItem .avaContainer:after {
  content: "";
  display: block;
  position: absolute;
  opacity: 0.75;
  pointer-events: none;
  touch-action: none;
}
.welcomeItem .avaContainer:before {
  width: 30px;
  border-top: 2px solid #fff;
  left: calc(50% - 15px);
  top: calc(50% - 1px);
}
.welcomeItem .avaContainer:after {
  height: 30px;
  border-right: 2px solid #fff;
  left: calc(50% - 1px);
  top: calc(50% - 15px);
}
.welcomeItem .avaBtn {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.welcomeItem input[type=file] {
  display: none;
}
.welcomeItem .name {
  display: block;
  font-size: 19px;
  line-height: 25px;
  color: #00da8d;
  font-weight: 600;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.welcomeData {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #39373d;
  border-bottom: none;
  border-top: none;
  width: 32.4195470799%;
  background-color: #252329;
  padding: 9px 32px;
}
.welcomeData .val {
  font-size: 20px;
  line-height: 25px;
  font-weight: 600;
}
.welcomeData .dataCaption {
  font-size: 15px;
}
.welcomeData .dataItem {
  width: calc(50% - 10px);
}
.welcomeData .dataItem .inner {
  position: relative;
  padding-left: 70px;
  min-height: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.welcomeData .dataItem .icon {
  position: absolute;
  left: 0;
  top: calc(50% - 24px);
}

.welcomeHeadInfo {
  display: flex;
  flex-grow: 1;
}
.welcomeHeadInfo .infoItem {
  margin-left: 25px;
  width: calc(50% - 25px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  position: relative;
  padding-left: 55px;
  min-height: 38px;
  padding-right: 15px;
}
.welcomeHeadInfo .val,
.welcomeHeadInfo .dataCaption {
  font-size: 14px;
  line-height: 20px;
}
.welcomeHeadInfo .val {
  white-space: nowrap;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.welcomeHeadInfo a.val {
  text-decoration: underline;
  color: #00da8d;
  transition: text-decoration-color 0.2s ease;
}
.welcomeHeadInfo a.val:hover {
  text-decoration-color: transparent;
}
.welcomeHeadInfo .dataIcon {
  position: absolute;
  left: 0;
  top: calc(50% - 19px);
}

.dataIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background-color: #36343c;
  font-size: 24px;
}

.welcomeAdd {
  display: flex;
  align-items: center;
  padding: 5px 39px 5px 53px;
  width: 47.4374255066%;
}

.cabMenuHead {
  display: none;
  align-items: center;
  min-height: 87px;
}
.cabMenuHead .infoItem {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  position: relative;
  padding-left: 45px;
  min-height: 38px;
  padding-right: 15px;
}
.cabMenuHead .val,
.cabMenuHead .dataCaption {
  font-size: 14px;
  line-height: 20px;
}
.cabMenuHead .val {
  white-space: nowrap;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cabMenuHead a.val {
  text-decoration: underline;
  color: #00da8d;
  transition: text-decoration-color 0.2s ease;
}
.cabMenuHead a.val:hover {
  text-decoration-color: transparent;
}
.cabMenuHead .dataIcon {
  position: absolute;
  left: 0;
  top: calc(50% - 19px);
}

.cabMenu {
  border: 1px solid #39373d;
  border-left: none;
  width: 180px;
  padding-bottom: 73px;
}

.cabContent {
  width: calc(100% - 180px);
  padding-left: 30px;
}

.cabContainer {
  display: flex;
  padding-top: 30px;
}

.cabMenuList .menuLink {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 109px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  padding: 5px 10px;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
  transition: color 0.2s ease;
}
.cabMenuList .menuLink:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  background: linear-gradient(to bottom, #38353d 0%, #252329 100%);
  transition: opacity 0.2s ease;
}
.cabMenuList .menuLink:hover, .cabMenuList .menuLink.active {
  color: #00da8d;
}
.cabMenuList .menuLink.active:before {
  opacity: 1;
}
.cabMenuList .menuLink .icon {
  display: block;
  font-size: 28px;
  margin-bottom: 15px;
}
.cabMenuList > li {
  border-bottom: 1px solid #39373d;
}
.cabMenuList .deskHidden {
  display: none;
  border-bottom: none;
}

.cabFooter {
  width: 180px;
  position: absolute;
  bottom: 30px;
  left: 0;
  text-align: center;
  padding: 10px 5px;
  min-height: 73px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cabFooter .copyright {
  font-size: 14px;
  margin-top: 0px;
}

.cabPanel {
  border: 1px solid #39373d;
}

.dashboard {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: -30px -15px 0px;
}
.dashboard .gridItem {
  width: 33.3333333333%;
  padding: 30px 15px 0px;
  display: flex;
  flex-direction: column;
}
.dashboard .gridItem:nth-child(4) {
  width: 66.6666666667%;
}
.dashboard .gridItem .cabPanel {
  flex-grow: 1;
}

.actionLink {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 40px;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  transition: color 0.2s;
}
.actionLink .dataIcon {
  margin-left: 8px;
  font-size: 20px;
  width: 40px;
  height: 40px;
}
.actionLink:active {
  color: #00da8d;
}
@media (hover: hover) {
  .actionLink:hover {
    color: #00da8d;
  }
}

.balancePanel .panelHead {
  display: flex;
  align-items: center;
  padding: 30px 40px;
  justify-content: space-between;
}
.balancePanel .panelHead .itemValue {
  margin-top: 7px;
}
.balancePanel .balanceActions {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.balancePanel .balanceActions li + li {
  margin-top: 8px;
}
.balancePanel .itemLabel {
  letter-spacing: 0em;
}
.balancePanel .balanceStats {
  display: flex;
  border-top: 1px solid #39373d;
  border-bottom: 1px solid #39373d;
  background-color: #252329;
}
.balancePanel .balanceStats .dataCaption {
  font-size: 17px;
  display: flex;
  align-items: center;
}
.balancePanel .balanceStats .icon {
  font-size: 20px;
  color: #6137ff;
  margin-right: 12px;
}
.balancePanel .balanceStats .val {
  font-size: 17px;
  line-height: 24px;
  font-weight: 600;
}
.balancePanel .balanceStats .statItem {
  width: 50%;
  min-height: 85px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 5px 40px;
}
.balancePanel .balanceStats .statItem + .statItem {
  border-left: 1px solid #39373d;
}

.payHead {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  padding-left: 40px;
  font-size: 12px;
  line-height: 17px;
  min-height: 26px;
  color: #878a94;
  font-weight: 600;
  white-space: nowrap;
}
.payHead b {
  display: block;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
}
.payHead .payIcon {
  position: absolute;
  left: 0;
  top: calc(50% - 13px);
}

.payIcon {
  display: flex;
  align-items: center;
  width: 26px;
}

.balanceListContainer {
  padding: 30px 20px 30px 40px;
}

.balanceList {
  scrollbar-width: thin;
  scrollbar-color: #6137ff #3f3b46;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 250px;
}
.balanceList::-webkit-scrollbar {
  width: 3px;
  background-color: #3f3b46;
}
.balanceList::-webkit-scrollbar-thumb {
  background-color: #6137ff;
  border-radius: 1px;
  box-shadow: inset 0px 0px 0px transparent;
}
.balanceList::-webkit-scrollbar-thumb:hover {
  background-color: #6137ff;
}
.balanceList::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.balanceList::-webkit-scrollbar-button:single-button {
  display: none;
}
.balanceList::-webkit-scrollbar-button:start {
  display: none;
}
.balanceList::-webkit-scrollbar-button:end {
  display: none;
}
.balanceList .listInner {
  display: table;
  width: 100%;
}
.balanceList .balanceLine {
  display: table-row;
}
.balanceList .balanceItem {
  display: table-cell;
  vertical-align: middle;
  padding-top: 8px;
  padding-bottom: 8px;
}
.balanceList .balanceItem:first-child {
  width: 41.928721174%;
}
.balanceList .balanceItem:nth-child(2) {
  width: 30.8176100629%;
}
.balanceList .balanceItem:nth-child(3) {
  width: 27.2536687631%;
}
.balanceList .dataCaption {
  line-height: 17px;
}
.balanceList .sum {
  display: block;
  font-size: 14px;
  line-height: 17px;
  font-weight: 600;
  white-space: nowrap;
}

.cabCard {
  background-color: #252329;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.cabIconCard {
  display: flex;
  align-items: center;
  background-color: #252329;
  padding: 10px 20px 10px 85px;
  min-height: 85px;
}
.cabIconCard .inner {
  position: relative;
  padding-left: 88px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.cabIconCard .dataValue .accent {
  color: #00da8d;
}
.cabIconCard .dataCaption {
  font-size: 17px;
}
.cabIconCard .icon {
  position: absolute;
  left: 0;
  top: calc(50% - 24px);
}

.stakingPanel {
  padding: 0px 40px 35px;
  background-image: url(../img/image-preamble.png);
  background-repeat: no-repeat;
  background-position: center bottom;
}
.stakingPanel .itemValue {
  font-size: 40px;
}
.stakingPanel .panelHead {
  text-align: center;
  padding: 32px 0px 20px;
}
.stakingPanel .btnContainer {
  margin-top: 30px;
}
.stakingPanel .cabIconCard + .cabIconCard {
  margin-top: 20px;
}

.lastDepositPanel {
  display: flex;
  flex-direction: column;
}
.lastDepositPanel .panelHead {
  padding: 24px 38px 20px;
}
.lastDepositPanel .panelHead .itemLabel {
  display: block;
  text-align: center;
}
.lastDepositPanel .panelHead .headInfo {
  display: flex;
  justify-content: space-between;
  margin-top: 6px;
}
.lastDepositPanel .panelHead .infoItem:nth-child(2n) {
  text-align: right;
}
.lastDepositPanel .panelHead .infoItem .val {
  display: block;
  font-size: 14px;
  line-height: 20px;
}
.lastDepositPanel .tarifInfo {
  border-top: 1px solid #39373d;
  border-bottom: 1px solid #39373d;
  background-color: #252329;
  padding: 24px 18px 24px 38px;
}
.lastDepositPanel .tarifInfo .inner {
  position: relative;
  padding-left: 168px;
  display: flex;
  align-items: center;
}
.lastDepositPanel .tarifInfo .tarifIcon {
  left: 0;
  top: calc(50% - 68px);
  width: 136px;
  height: 136px;
  background-color: #19171d;
}
.lastDepositPanel .tarifInfo .tarifIcon:before {
  background-size: 115px auto;
}
.lastDepositPanel .tarifInfo .name {
  display: block;
  font-size: 17px;
  line-height: 25px;
  font-weight: 600;
  text-transform: uppercase;
}
.lastDepositPanel .tarifInfo .val {
  display: block;
  font-weight: 600;
}
.lastDepositPanel .tarifInfo .sum {
  font-size: 17px;
  line-height: 25px;
}
.lastDepositPanel .tarifInfo .coinSum {
  font-size: 14px;
  line-height: 20px;
  color: #00da8d;
}
.lastDepositPanel .tarifInfo .dataCaption {
  font-size: 17px;
}
.lastDepositPanel .tarifInfo .sumWrapper {
  margin-top: 18px;
}
.lastDepositPanel .tarifInfo .tarifId {
  font-size: 48px;
  line-height: 1;
  margin-left: 28px;
  white-space: nowrap;
}
.lastDepositPanel .panelTimer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 20px 8px 8px;
  flex-grow: 1;
}
.lastDepositPanel .panelTimer .dataCaption {
  font-size: 17px;
  line-height: 20px;
}
.lastDepositPanel .panelTimer .dataCaption .val {
  display: block;
  color: #fff;
  font-size: 20px;
  line-height: 1;
  font-weight: 600;
  margin-top: 4px;
}
.lastDepositPanel .panelTimer .timer {
  font-size: 30px;
  line-height: 1;
  font-weight: 600;
  color: #6137ff;
  display: flex;
}
.lastDepositPanel .panelTimer .timer .spacer {
  min-width: 17px;
}
.lastDepositPanel .panelTimer .timer .timerVal {
  min-width: 42px;
  text-align: center;
}
.lastDepositPanel .panelTimer .timerInfo {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.lastDepositPanel .panelTimer .profitContainer {
  display: flex;
  justify-content: space-between;
  margin-top: 22px;
  width: 100%;
}
.lastDepositPanel .panelTimer .profitItem {
  width: calc(50% - 4px);
  background-color: #252329;
  min-height: 73px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 5px 15px;
}
.lastDepositPanel .panelTimer .profitItem .val {
  font-size: 17px;
  line-height: 25px;
  font-weight: 600;
}

.tarifsInvestPanel {
  overflow: hidden;
  padding: 24px 40px 28px;
}
.tarifsInvestPanel .panelHead {
  text-align: center;
  padding: 0px 15px;
}

.cabWrapper .btnMain.xs {
  min-width: 295px;
  height: 40px;
  padding: 7px 18px;
}

.proposalCard {
  min-width: 207px;
}
.proposalCard .shortContent,
.proposalCard .fullContent {
  border: 1px solid #39373d;
  background: linear-gradient(to bottom, #38353d 0%, #252329 100%);
  padding-bottom: 24px;
  padding-top: 8px;
}
.proposalCard .fullContent {
  display: none;
}
.proposalCard .cardContent {
  display: flex;
}
.proposalCard .btnList {
  display: flex;
  justify-content: center;
}
.proposalCard .btnList li {
  padding: 32px 16px 0px;
}
.proposalCard .btnList .btnMain {
  min-width: 134px;
  box-shadow: 0px 5px 3px rgba(0, 0, 0, 0.39);
  padding: 7px 12px;
}
.proposalCard .btnList .btnMain:active {
  box-shadow: 0px 5px 13px rgba(0, 0, 0, 0.19);
}
@media (hover: hover) {
  .proposalCard .btnList .btnMain:hover {
    box-shadow: 0px 5px 13px rgba(0, 0, 0, 0.19);
  }
}
.proposalCard .btnList .btnContainer {
  position: relative;
}
.proposalCard .btnList .tooltip {
  position: absolute;
  top: -3px;
  right: -3px;
  z-index: 1;
}
.proposalCard .cardHead {
  width: 44.3465491924%;
  text-align: center;
  padding-top: 22px;
  position: relative;
  z-index: 1;
  padding-left: 10px;
  padding-right: 10px;
}
.proposalCard .tarifId {
  position: absolute;
  top: 6px;
  left: calc(50% - 4px);
  font-size: 48px;
  line-height: 1;
  z-index: -1;
  white-space: nowrap;
}
.proposalCard .name {
  display: block;
  font-size: 20px;
  line-height: 35px;
  text-transform: uppercase;
  font-weight: 600;
}
.proposalCard .tarifIcon {
  position: relative;
  width: 173px;
  height: 173px;
  right: auto;
  top: auto;
  background-color: #19171d;
  margin: 24px auto 0px;
}
.proposalCard .tarifIcon:before {
  background-size: 147px auto;
}
.proposalCard .conditions {
  width: 55.6534508076%;
  padding-left: 48px;
  padding-right: 32px;
}
.proposalCard .dayProfit {
  padding-left: 40px;
  margin-bottom: 22px;
}
.proposalCard .conditionsList li {
  padding-left: 40px;
  background-repeat: no-repeat;
  background-position: left calc(50% + 2px);
}
.proposalCard .conditionsList li + li {
  margin-top: 5px;
}
.proposalCard .conditionsList li:nth-child(2) .val {
  font-size: 16px;
}
.proposalCard .conditionsList li:nth-child(3) .val {
  font-size: 14px;
}
.proposalCard .conditionsList .val {
  display: block;
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
}
.proposalCard .shortContent .cardHead {
  padding-top: 12px;
  width: 100%;
}
.proposalCard .shortContent .name {
  font-size: 16px;
  line-height: 25px;
}
.proposalCard .shortContent .tarifIcon {
  width: 136px;
  height: 136px;
  margin-top: 18px;
}
.proposalCard .shortContent .tarifIcon:before {
  background-size: 115px auto;
}
.proposalCard .shortContent .dataValue {
  font-size: 30px;
  line-height: 1;
  margin-top: 17px;
}

.closeTarifTooltip {
  position: absolute;
}
.closeTarifTooltip .val {
  color: #d43e4d;
}

.tooltipContent {
  z-index: 99;
}
.tooltipContent .tltpInner {
  display: block;
  background-color: #030303;
  border: 1px solid #39373d;
  min-width: 188px;
  font-size: 15px;
  line-height: 20px;
  padding: 10px 18px 12px;
  position: relative;
}
.tooltipContent .tltpInner:before, .tooltipContent .tltpInner:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 10px;
  border: 5px solid transparent;
}
.tooltipContent .tltpInner:before {
  border-left: 5px solid #39373d;
  border-top: 5px solid #39373d;
}
.tooltipContent .tltpInner:after {
  border-left: 4px solid #030303;
  border-top: 4px solid #030303;
  margin-top: -1px;
  margin-left: 1px;
}
.tooltipContent.tooltip-right .tltpInner:before, .tooltipContent.tooltip-right .tltpInner:after {
  left: auto;
  right: 10px;
  transform: scale(-1, 1);
  transform-origin: center;
}
.tooltipContent.tooltip-right .tltpInner:after {
  margin-left: 0px;
  right: 11px;
}

.tooltip .tooltipBtn {
  cursor: pointer;
}
.tooltip .tooltipContent {
  display: none;
  pointer-events: none;
  touch-action: none;
}

.proposalsCarousel {
  margin: 30px auto 0px;
  max-width: 1020px;
}
.proposalsCarousel .splide__track {
  overflow: visible;
}
.proposalsCarousel .splide {
  min-height: 378px;
}
.proposalsCarousel .splide__slide {
  opacity: 0.21;
  width: 207px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  opacity: 0;
}
.proposalsCarousel .splide__slide.is-active {
  opacity: 1;
  width: 683px;
  z-index: 1;
  opacity: 1;
}
.proposalsCarousel .splide__slide.is-active .shortContent {
  display: none;
}
.proposalsCarousel .splide__slide.is-active .fullContent {
  display: block;
}
.proposalsCarousel .splide__slide.is-prev {
  opacity: 0.21;
}
.proposalsCarousel .splide__slide.is-next {
  opacity: 0.21;
  align-items: flex-end;
}
.proposalsCarousel .sliderNavigation {
  margin-top: 22px;
}

.copyMessage {
  display: block;
  position: absolute;
  white-space: nowrap;
  padding: 5px 12px;
  font-size: 11px;
  line-height: 15px;
  font-weight: bold;
  text-transform: uppercase;
  left: 50%;
  top: 50%;
  z-index: 6;
  transform: translate(-50%, -50%) scale(0);
  pointer-events: none;
  border-radius: 14px;
  background-color: #030303;
  border: 1px solid #39373d;
  color: #fff;
  transition: transform 0.1s;
}
.copyMessage.active {
  transform: translate(-50%, -50%) scale(1);
}

.refLinkPanel {
  border: 1px solid #39373d;
  min-height: 174px;
  padding: 10px 46px;
  align-items: flex-start;
}
.refLinkPanel .link {
  display: block;
  position: relative;
  font-size: 17px;
  line-height: 26px;
  color: #00da8d;
  text-decoration: underline;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.refLinkPanel .btnContainer {
  margin-top: 17px;
}
.refLinkPanel + .refPartnersPanel {
  margin-top: 30px;
}

.refPartnersPanel {
  padding: 0px 20px 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.refPartnersPanel .cabIconCard {
  width: calc(50% - 10px);
  margin-top: 20px;
  min-height: 88px;
}
.refPartnersPanel .cabIconCard:first-child {
  width: 100%;
}
.refPartnersPanel .cabIconCard .dataValue {
  margin-left: 15px;
}
.refPartnersPanel .cabIconCard:not(.vert) .inner {
  flex-direction: row;
  align-items: center;
}
.refPartnersPanel .cabIconCard.vert {
  min-height: 0px;
  padding: 16px 30px 10px;
}
.refPartnersPanel .cabIconCard.vert .inner {
  padding-left: 0px;
}
.refPartnersPanel .cabIconCard.vert .icon {
  position: relative;
  left: auto;
  top: auto;
  margin-bottom: 12px;
}
.refPartnersPanel .cabIconCard.vert .dataValue {
  margin-left: 0px;
}

.cabPageTitle {
  display: block;
  color: #00da8d;
  font-size: 36px;
  line-height: 48px;
  text-transform: uppercase;
  font-weight: 600;
  padding-bottom: 20px;
  margin-top: -13px;
}
.cabPageTitle.deskHidden {
  display: none;
}

.filterForm {
  position: relative;
  z-index: 2;
  padding: 16px 40px 29px;
  margin-bottom: 30px;
  border: 1px solid #39373d;
  background: linear-gradient(to bottom, #38353d 0%, #252329 100%);
}
.filterForm .filterContent {
  display: flex;
  margin-left: -15px;
  margin-right: -15px;
}
.filterForm .filterDates {
  width: 50%;
  display: flex;
}
.filterForm .filterDates .filterItem {
  width: 50%;
}
.filterForm .filterItem {
  width: 25%;
  padding: 0 15px;
}
.filterForm .btnContainer {
  margin-top: 30px;
}
.filterForm .btnContainer .btnMain {
  min-width: 194px;
}

.cabTable {
  display: table;
  width: 100%;
  font-size: 14px;
  line-height: 18px;
  color: #9996a8;
}
.cabTable .tableHead {
  display: table-row;
}
.cabTable .title {
  font-weight: 600;
  text-transform: uppercase;
}
.cabTable .tableLine {
  display: table-row;
}
.cabTable .tableLine .title {
  display: none;
}
.cabTable .tableLine .cell {
  border-top: 1px solid #39373d;
}
.cabTable .cell {
  display: table-cell;
  vertical-align: middle;
  padding: 5px 20px;
  height: 50px;
}
.cabTable .cell:first-child {
  padding-left: 40px;
  width: 15.3067301965%;
}
.cabTable .cell:nth-child(2) {
  width: 14.0559857058%;
}
.cabTable .cell:nth-child(3) {
  width: 14.0559857058%;
}
.cabTable .cell:nth-child(4) {
  width: 13.2221560453%;
}
.cabTable .cell:nth-child(5) {
  width: 16.9743895176%;
}
.cabTable .cell:nth-child(6) {
  width: 16.5574746873%;
}
.cabTable .cell:nth-child(7) {
  width: 9.8272781418%;
}
.cabTable .name {
  font-size: 16px;
  color: #fff;
  white-space: nowrap;
}
.cabTable .status {
  font-size: 16px;
  white-space: nowrap;
}
.cabTable .comission {
  font-weight: 600;
  color: #fff;
  white-space: nowrap;
}
.cabTable .sum {
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  white-space: nowrap;
}
.cabTable .sum.down {
  color: #dd4150;
}
.cabTable .sum.up {
  color: #00da8d;
}
.cabTable .sum.middle {
  color: #6a6aff;
}

.status.error {
  color: #dd7c41;
}
.status.canceled {
  color: #dd4150;
}
.status.success {
  color: #00da8d;
}

.tarifCard.depositCard {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  padding: 30px 20px 25px;
  cursor: pointer;
}
.tarifCard.depositCard .tarifIcon {
  right: auto;
  top: auto;
  position: relative;
  margin: 10px auto 0px;
}
.tarifCard.depositCard .tarifId {
  left: 50%;
  top: -30px;
  transform: translateX(-50%);
}
.tarifCard.depositCard .cardHead {
  padding-right: 0px;
  text-align: center;
}
.tarifCard.depositCard .conditions {
  margin-top: 12px;
  width: 100%;
}
.tarifCard.depositCard .conditions .val {
  color: #fff;
  white-space: nowrap;
}
.tarifCard.depositCard .tarifParams {
  width: 100%;
  justify-content: center;
  margin-top: auto;
  text-align: center;
}
.tarifCard.depositCard .tarifParams li {
  width: 100%;
  margin-top: 8px;
}

.depositTarifsList input[type=radio] {
  display: none;
}
.depositTarifsList input[type=radio]:checked + .depositCard:after {
  opacity: 0.77;
}
.depositTarifsList .sliderNavigation {
  margin-top: 40px;
}

.depositStep {
  border: 1px solid #39373d;
  padding: 28px 40px 40px;
  display: flex;
  flex-direction: column;
}
.depositStep .stepHead {
  margin-bottom: 24px;
}
.depositStep .stepHead .count {
  color: #6137ff;
}
.depositStep:first-child {
  grid-column: span 2;
}
.depositStep:nth-child(2) {
  grid-row: span 2;
}

.depositForm {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto auto 1fr;
}
.depositForm .paymentTabs {
  margin-left: -40px;
  margin-right: -40px;
  border-top: 1px solid #39373d;
  flex-grow: 1;
}

.paymentTabs {
  display: flex;
  flex-direction: column;
}
.paymentTabs .paymentTypeList input:checked + label,
.paymentTabs .tabsList input:checked + label {
  background-color: #19171d;
}
.paymentTabs .paymentTypeList label,
.paymentTabs .paymentTypeList a,
.paymentTabs .tabsList label,
.paymentTabs .tabsList a {
  padding: 5px 20px;
  text-align: center;
}
.paymentTabs .paymentTypeList label.active,
.paymentTabs .paymentTypeList a.active,
.paymentTabs .tabsList label.active,
.paymentTabs .tabsList a.active {
  background-color: #19171d;
}
.paymentTabs .paymentContent {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 25px 40px 0px;
  min-height: 147px;
  height: 100%;
}
.paymentTabs .tabContent {
  flex-grow: 1;
}
.paymentTabs .balanceInfo {
  text-align: center;
}
.paymentTabs .balanceInfo .itemLabel {
  display: block;
}
.paymentTabs .balanceInfo .itemValue {
  font-size: 40px;
}

.formPaymentsList {
  margin: -5px;
  display: flex;
  flex-wrap: wrap;
}
.formPaymentsList li {
  padding: 5px;
  width: 20%;
}
.formPaymentsList .payHead {
  margin-left: 12px;
  padding-left: 36px;
}
.formPaymentsList .itemContent {
  text-align: center;
  padding-top: 5px;
}
.formPaymentsList .dataCaption {
  line-height: 20px;
}
.formPaymentsList .val {
  display: block;
  font-size: 14px;
  line-height: 1;
  font-weight: 600;
  color: #fff;
}
.formPaymentsList .paymentItem {
  display: flex;
  flex-direction: column;
  background-color: #252329;
  position: relative;
  z-index: 1;
  cursor: pointer;
  padding: 18px 15px 22px;
}
.formPaymentsList .paymentItem:before, .formPaymentsList .paymentItem:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
}
.formPaymentsList .paymentItem:before {
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  background: linear-gradient(to bottom, rgb(56, 53, 61) 0%, rgb(37, 35, 41) 100%);
}
.formPaymentsList .paymentItem:after {
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  bottom: 1px;
  left: 1px;
  transform-origin: center bottom;
  background: linear-gradient(to bottom, rgb(20, 18, 23) 25%, rgb(67, 46, 175) 100%);
  opacity: 0;
  transition: opacity 0.2s;
}
.formPaymentsList .paymentItem:active:after {
  opacity: 0.77;
}
@media (hover: hover) {
  .formPaymentsList .paymentItem:hover:after {
    opacity: 0.77;
  }
}
.formPaymentsList input {
  display: none;
}
.formPaymentsList input:checked + .paymentItem:after {
  opacity: 0.77;
}

.cabWrapper .choices__inner,
.cabWrapper .choices__list--dropdown,
.cabWrapper .choices__list[aria-expanded] {
  background-color: #131215;
}
.cabWrapper .inputContainer input,
.cabWrapper .inputContainer textarea,
.cabWrapper .inputContainer .inputText {
  background-color: #131215;
}

.sumStep {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-bottom: 28px;
}
.sumStep .stepHead {
  margin-bottom: 0px;
  padding-right: 40px;
}
.sumStep .conditions {
  font-size: 14px;
  line-height: 25px;
  color: #9996a8;
  margin-top: 5px;
}
.sumStep .conditions .val {
  color: #fff;
  white-space: nowrap;
}
.sumStep .conditions .comission {
  color: #dd4150;
}
.sumStep .formItem {
  max-width: 421px;
  flex-grow: 1;
}

.resultPanel {
  display: flex;
  justify-content: center;
}
.resultPanel .resultItem {
  width: 50%;
  display: flex;
  justify-content: center;
}

.resultStep {
  background: linear-gradient(to bottom, rgb(20, 18, 23) 0%, rgb(67, 46, 175) 100%);
  padding-bottom: 28px;
  justify-content: center;
}
.resultStep .btnContainer {
  margin-top: 15px;
}

.cabForm {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: -30px;
}
.cabForm .depositStep {
  width: calc(50% - 15px);
  margin-top: 30px;
}
.cabForm .depositStep:last-child {
  width: 100%;
}
.cabForm .resultPanel {
  text-align: center;
}
.cabForm .paymentItem {
  min-height: 210px;
  justify-content: center;
}
.cabForm .paymentItem .payHead {
  padding-left: 0px;
  text-align: center;
  align-items: center;
  margin-left: 0px;
}
.cabForm .paymentItem .itemContent {
  text-align: center;
  padding-top: 15px;
}
.cabForm .paymentItem .payIcon {
  position: relative;
  left: auto;
  top: auto;
  margin-bottom: 20px;
}
.cabForm .sumStep {
  flex-direction: column;
  padding-bottom: 40px;
}
.cabForm .sumStep .conditions {
  margin-top: 46px;
}
.cabForm .sumStep .formItem {
  padding-left: 0px;
  margin-top: auto;
  padding-top: 32px;
  flex-grow: initial;
}

.depositsTabs {
  border: 1px solid #39373d;
}
.depositsTabs .tabsContent {
  padding: 62px 38px 48px;
  background-color: #141217;
}

.depositsList {
  display: flex;
  flex-wrap: wrap;
  margin: -40px -20px 0px;
}
.depositsList .item {
  width: 50%;
  padding: 40px 20px 0px;
}

.timerCard {
  display: flex;
  background: linear-gradient(to bottom, #38353d 0%, #252329 100%);
  border: 1px solid #39373d;
  padding-top: 7px;
  padding-bottom: 28px;
}
.timerCard .cardHead {
  width: 268px;
}
.timerCard .cardContent {
  width: calc(100% - 268px);
}
.timerCard .progress {
  position: absolute;
  width: calc(100% + 28px);
  height: calc(100% + 28px);
  background-color: #19171d;
  border-radius: 50%;
  left: -14px;
  top: -14px;
  z-index: -1;
  border: 1px solid #4b4b4c;
}
.timerCard .cardContent {
  flex-direction: column;
  padding-right: 30px;
}
.timerCard .headConditions {
  display: flex;
  justify-content: space-between;
  padding: 0px 30px;
}
.timerCard .headConditions .dayProfit {
  width: calc(50% - 10px);
  margin-bottom: 0px;
}
.timerCard .conditionsList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0px 30px;
}
.timerCard .conditionsList li {
  width: calc(50% - 10px);
  margin-top: 12px;
}
.timerCard .conditionsList li + li {
  margin-top: 12px;
}
.timerCard .conditionsList li:nth-child(2) .val {
  font-size: 14px;
}
.timerCard .conditionsList .val {
  font-size: 14px;
}
.timerCard .conditionsPanel {
  background-color: #131215;
  margin-top: 15px;
  padding-bottom: 22px;
}
.timerCard .conditionsPanel .conditionsList .val {
  font-weight: normal;
}
.timerCard .conditionsPanel .conditionsList .val.sum {
  font-weight: 600;
  font-size: 16px;
}
.timerCard .conditionsPanel .conditionsList .accent,
.timerCard .conditionsPanel .conditionsList .count {
  color: #00da8d;
}
.timerCard .btnList {
  display: flex;
  justify-content: space-between;
  margin-left: -16px;
  margin-right: -16px;
  margin-top: -6px;
}
.timerCard .btnList li:first-child:last-child {
  margin-left: auto;
  margin-right: auto;
}
.timerCard .progressValue {
  text-align: center;
  margin-top: 14px;
}
.timerCard .timerWrapper {
  text-align: center;
  margin-top: 16px;
  min-height: 55px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.timerCard .timer {
  display: flex;
  font-size: 25px;
  line-height: 30px;
  color: #6137ff;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
}
.timerCard .timer .spacer {
  min-width: 17px;
}
.timerCard .timer .timerVal {
  min-width: 35px;
}

.progress {
  position: relative;
}
.progress svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}
.progress circle {
  stroke: #00da8d;
  fill: transparent;
  stroke-width: 100;
  transition: stroke-dashoffset 0.3s ease;
}

.cabRefStatistic {
  display: flex;
  border: 1px solid #39373d;
}
.cabRefStatistic .sideItem {
  width: 29.0822407628%;
  display: flex;
  flex-direction: column;
}
.cabRefStatistic .itemCard {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.cabRefStatistic .itemCard .inner {
  width: 100%;
}
.cabRefStatistic .centeredItem {
  width: 41.8355184744%;
  border-left: 1px solid #39373d;
  border-right: 1px solid #39373d;
  display: flex;
  flex-direction: column;
}
.cabRefStatistic .centeredItem .itemCard {
  min-height: 96px;
}
.cabRefStatistic .dataCaption {
  line-height: 21px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.cabRefStatistic .cabIconCard {
  padding: 10px 20px 10px 40px;
  flex-basis: 0;
  flex-grow: 1;
}
.cabRefStatistic .cabIconCard .inner {
  padding-left: 82px;
}
.cabRefStatistic .cabIconCard .icon {
  width: 52px;
  top: 50%;
  transform: translateY(-50%);
}
.cabRefStatistic .cabIconCard .icon img {
  margin-left: auto;
  margin-right: auto;
}
.cabRefStatistic .cabIconCard + .cabIconCard {
  border-top: 1px solid #39373d;
}
.cabRefStatistic .refCard {
  padding: 10px 70px 12px;
}
.cabRefStatistic .refCard .inner {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.cabRefStatistic .refCard .link {
  position: relative;
}
.cabRefStatistic .refCard .btnMain {
  min-width: 170px;
}
.cabRefStatistic .refCard .content {
  padding-right: 30px;
}
.cabRefStatistic .refCard .link {
  color: #00da8d;
  text-decoration: underline;
}
.cabRefStatistic .programCard {
  border-top: 1px solid #39373d;
  border-bottom: 1px solid #39373d;
  background-color: #141217;
  padding: 10px 40px 12px;
  text-align: center;
}
.cabRefStatistic .programCard .dataCaption {
  font-size: 15px;
}
.cabRefStatistic .programCard .dataValue {
  font-size: 30px;
  line-height: 36px;
}
.cabRefStatistic .infoNamesCard .dataCaption {
  font-size: 15px;
}
.cabRefStatistic .infoNamesCard .inner {
  display: flex;
  flex-grow: 1;
}
.cabRefStatistic .infoNamesCard .dataItem {
  width: 50%;
  padding: 10px 20px 15px 72px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.cabRefStatistic .infoNamesCard .dataItem:nth-child(2n) {
  border-left: 1px solid #39373d;
}
.cabRefStatistic .infoNamesCard .dataValue {
  font-size: 16px;
  line-height: 25px;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cabChapter + .cabChapter {
  margin-top: 30px;
}

.cabLinesPanel {
  display: flex;
  border: 1px solid #39373d;
}
.cabLinesPanel .lineItem {
  display: flex;
  flex-grow: 1;
  flex-basis: 0;
}
.cabLinesPanel .lineItem + .lineItem {
  border-left: 1px solid #39373d;
}
.cabLinesPanel .itemHead {
  display: flex;
  flex-direction: column;
  width: 110px;
}
.cabLinesPanel .itemParams {
  width: calc(100% - 110px);
  padding: 20px 46px;
}
.cabLinesPanel .itemParams li + li {
  margin-top: 6px;
}
.cabLinesPanel .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 110px;
  border-top: 1px solid #39373d;
  border-right: 1px solid #39373d;
  font-size: 26px;
  line-height: 36px;
  color: #6137ff;
  background-color: #252329;
  font-weight: 500;
}
.cabLinesPanel .icon .count {
  margin-top: 10px;
}
.cabLinesPanel .name {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-size: 18px;
  line-height: 30px;
  color: #6137ff;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  padding: 5px;
}
.cabLinesPanel .name .count {
  display: block;
}
.cabLinesPanel .dataCaption {
  font-size: 17px;
}
.cabLinesPanel .val {
  font-weight: 600;
  font-size: 18px;
  white-space: nowrap;
}
.cabLinesPanel .val.accent {
  color: #00da8d;
}

.partnersTable .partnerRow {
  display: flex;
  align-items: center;
  padding-left: 205px;
}
.partnersTable .partnerRow:not(.tableHead) {
  padding-top: 5px;
  padding-bottom: 5px;
}
.partnersTable .tableHead {
  position: relative;
  z-index: 1;
  align-items: flex-end;
}
.partnersTable .accordTitle {
  cursor: pointer;
}
.partnersTable .accordTitle:before, .partnersTable .accordTitle:after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 12px);
  transition: color 0.2s;
}
.partnersTable .accordTitle:before {
  border-top: 1px solid #66616d;
  width: 19px;
  left: 18px;
  top: 50%;
}
.partnersTable .accordTitle:after {
  border-right: 1px solid #66616d;
  height: 19px;
  left: 27px;
  top: calc(50% - 9px);
  transition: opacity 0.2s;
}
.partnersTable .accordTitle.active:after {
  opacity: 0;
}
.partnersTable .accordItem .partnerRow {
  margin-top: 17px;
  background-color: #19171d;
  border: 1px solid #39373d;
  position: relative;
  min-height: 53px;
  transition: background-color 0.2s, border-color 0.2s;
}
.partnersTable .accordItem .partnerRow.level2 {
  padding-left: 165px;
  width: calc(100% - 40px);
  margin-left: 40px;
}
.partnersTable .accordItem .partnerRow.level3 {
  padding-left: 125px;
  width: calc(100% - 80px);
  margin-left: 80px;
}
.partnersTable .accordItem .partnerRow.level4 {
  padding-left: 85px;
  width: calc(100% - 120px);
  margin-left: 120px;
}
.partnersTable .accordItem .title {
  display: none;
}
.partnersTable .title {
  display: block;
  font-size: 14px;
  line-height: 22px;
  text-transform: uppercase;
  color: #9996a8;
  font-weight: 600;
  padding-top: 2px;
  padding-bottom: 2px;
  transition: color 0.2s;
}
.partnersTable .val {
  display: block;
  color: #fff;
  font-size: 18px;
  line-height: 26px;
  white-space: nowrap;
  transition: color 0.2s;
}
.partnersTable .date {
  font-size: 16px;
  line-height: 26px;
  color: #9996a8;
}
.partnersTable .name {
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
  line-height: 26px;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 220px;
  font-weight: 600;
}
.partnersTable .num {
  font-weight: 600;
}
.partnersTable .sum {
  font-weight: 600;
}
.partnersTable .sum.down {
  color: #6137ff;
}
.partnersTable .sum.up {
  color: #00da8d;
}
.partnersTable .cell {
  padding-left: 10px;
  padding-right: 10px;
}
.partnersTable .cell:first-child {
  width: 25.8064516129%;
  padding-left: 0px;
}
.partnersTable .cell:nth-child(2) {
  width: 19.8566308244%;
}
.partnersTable .cell:nth-child(3) {
  width: 22.3655913978%;
}
.partnersTable .cell:nth-child(4) {
  width: 20.5017921147%;
}
.partnersTable .cell:nth-child(5) {
  width: 11.4695340502%;
}

.cabPartners {
  border: 1px solid #39373d;
  padding: 28px 39px 56px;
  background-color: #141217;
}
.cabPartners .panelHead {
  display: block;
  margin-bottom: 30px;
}

.paginationList {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0px 10px;
  margin-top: 50px;
}
.paginationList li {
  margin: 0 6px;
}
.paginationList a {
  display: block;
}
.paginationList a:not(.navLink) {
  font-size: 0px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid transparent;
  cursor: pointer;
  position: relative;
  transition: border-color 0.2s;
}
.paginationList a:not(.navLink):before {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #403d46;
  transition: background-color 0.2s;
}
.paginationList a:not(.navLink):active:before {
  background-color: #fff;
}
@media (hover: hover) {
  .paginationList a:not(.navLink):hover:before {
    background-color: #fff;
  }
}
.paginationList a:not(.navLink).active {
  border-color: #403d46;
}
.paginationList a:not(.navLink).active:before {
  background-color: #fff;
}
.paginationList .navLink {
  font-size: 12px;
  line-height: 20px;
  color: #55515b;
  transition: color 0.2s;
}
.paginationList .navLink:active {
  color: #fff;
}
@media (hover: hover) {
  .paginationList .navLink:hover {
    color: #fff;
  }
}

.cabRequisits {
  display: flex;
  flex-wrap: wrap;
  margin: -30px -15px 0px;
}
.cabRequisits .gridItem {
  padding: 30px 15px 0px;
  width: 33.3333333333%;
}

.paymentCard {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 39px 30px 49px;
}
.paymentCard .payHead {
  padding-left: 0px;
  align-items: center;
  text-align: center;
  font-size: 18px;
  line-height: 22px;
  text-transform: uppercase;
  color: #fff;
}
.paymentCard .payHead b {
  font-size: inherit;
  font-weight: inherit;
  display: inline;
  color: #9996a8;
}
.paymentCard .payHead .payIcon {
  position: relative;
  left: auto;
  top: auto;
  margin-bottom: 10px;
}
.paymentCard .formItem {
  margin-top: 28px;
  width: 100%;
  max-width: 355px;
}
.paymentCard .btnContainer {
  margin-top: 40px;
}
.paymentCard .btnContainer .btnMain {
  min-width: 134px;
}

.fileInput input {
  display: none;
}

.cabSettings {
  display: flex;
  margin: -30px -15px 0px;
}
.cabSettings .gridItem {
  padding: 30px 15px 0px;
  width: 50%;
  display: flex;
  flex-direction: column;
}

.settingsForm {
  padding: 28px 40px 50px;
}
.settingsForm .btnContainer {
  margin-top: 40px;
}
.settingsForm .btnContainer .btnMain.xs {
  min-width: 134px;
}
.settingsForm .formContent {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.settingsForm .formContent .formItem {
  width: calc((100% - 35px) / 2);
  padding-top: 12px;
}
.settingsForm .formContent .inputList,
.settingsForm .formContent .checkList {
  width: calc((100% - 35px) / 2);
}
.settingsForm .formContent .inputList .formItem,
.settingsForm .formContent .checkList .formItem {
  width: 100%;
}
.settingsForm + .settingsForm {
  margin-top: 30px;
}
.settingsForm .formTitle {
  margin-bottom: 8px;
}
.settingsForm .checkList .checkInput label {
  min-height: 53px;
  margin-top: 28px;
}
.settingsForm .qrWrapper {
  position: relative;
  padding-left: 220px;
  min-height: 179px;
  margin-top: 48px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.settingsForm .qrWrapper .qrImage {
  position: absolute;
  width: 179px;
  height: 179px;
  left: 0;
  top: calc(50% - 90px);
}
.settingsForm .qrWrapper .countHead {
  display: flex;
  margin-bottom: 7px;
}
.settingsForm .qrWrapper .countHead .itemLabel {
  line-height: 22px;
}
.settingsForm .qrWrapper .formItem {
  padding-top: 16px;
}
.settingsForm .codeWrapper .val {
  display: block;
  color: #00da8d;
}

.avaSettings .fileBtn {
  background-color: #252329;
  border: 1px solid #39373d;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 383px;
  padding: 20px;
  cursor: pointer;
}
.avaSettings .fileBtn .btnMain.xs {
  min-width: 214px;
}
.avaSettings .itemLabel {
  color: #9996a8;
}
.avaSettings .avaContainer {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 85px;
  height: 85px;
  background-color: #141218;
  position: relative;
  margin-top: 38px;
  margin-bottom: 50px;
}
.avaSettings .avaContainer:before, .avaSettings .avaContainer:after {
  content: "";
  display: block;
  position: absolute;
}
.avaSettings .avaContainer:before {
  border-top: 2px solid #fff;
  width: 30px;
  left: calc(50% - 15px);
  top: calc(50% - 1px);
}
.avaSettings .avaContainer:after {
  border-left: 2px solid #fff;
  height: 30px;
  top: calc(50% - 15px);
  left: calc(50% - 1px);
}

.personalForm {
  min-height: 100%;
}
.personalForm .formTitle {
  margin-bottom: 48px;
}
.personalForm .formContent {
  margin-top: 36px;
}

.securityForm {
  flex-grow: 1;
}

@media (max-width: 1899px) {
  .startScreen.homeScreen .visualName {
    left: calc((1344px - 100vw) / 2 + 5px);
    width: calc(100% + (100vw - 1344px) / 2 - 5px);
  }
  .startScreen.homeScreen .visualName .profit {
    min-width: calc((100vw - 1344px) / 2 + 78px + 22.75vw);
  }
  .heroDown .ratingBullet {
    margin-right: calc((1344px - 100vw) / 2 - 78px + 25px);
  }
  .visualBullet {
    left: calc((1344px - 100vw) / 2 + 5px);
    width: calc(100% + (100vw - 1344px) / 2 - 5px);
  }
  .visualBullet .profit {
    min-width: calc((100vw - 1344px) / 2 + 78px + 20.875vw);
  }
}
@media (max-width: 1599px) {
  .pageWrapper:before {
    background-size: 100% auto;
  }
  .heroTitle {
    font-size: 45px;
    line-height: 60px;
  }
  .itemLabel {
    font-size: 13px;
    line-height: 19px;
  }
  .gridLines {
    background-size: 25px 20px;
  }
  .startScreen.homeScreen .hero {
    padding-top: 40px;
  }
  .startScreen.homeScreen .visualName {
    font-size: 10.7142857143vw;
  }
  .startScreen.homeScreen .visualName .profit {
    min-width: calc((100vw - 1344px) / 2 + 38.5714285714vw);
    padding-left: 20px;
  }
  .startScreen.homeScreen .animatedGrid {
    top: 0;
  }
  .startScreen.homeScreen .animatedDots .dot:first-child {
    left: calc(50% - 628px);
    top: calc(50% + 152px);
  }
  .startScreen.homeScreen .animatedDots .dot:nth-child(2) {
    top: calc(50% + 370px);
  }
  .startScreen.homeScreen .animatedDots .dot:nth-child(3) {
    top: calc(50% + 420px);
  }
  .startScreen.homeScreen .animatedDots .dot:nth-child(4) {
    top: calc(50% + 270px);
  }
  .startScreen.homeScreen .animatedDots .dot:nth-child(5) {
    top: calc(50% + 13px);
  }
  .startScreen:not(.homeScreen) .animatedDots .dot:first-child {
    left: calc(50% - 602px);
    top: calc(50% - 45px);
  }
  .startScreen .animatedGrid {
    height: 396px;
    perspective: 336.6px;
  }
  .ratingBullet img {
    margin-top: 4px;
  }
  .heroDown {
    margin-top: 46px;
  }
  .heroDown .itemTitle {
    font-size: 20px;
    line-height: 30px;
  }
  .heroDown .heroBullet {
    margin-right: 0px;
    padding-right: 38px;
  }
  .heroDown .ratingBullet {
    min-width: 230px;
    margin-right: calc((1344px - 100vw) / 2 - 92px);
  }
  .heroBullet .value {
    font-size: 104px;
    line-height: 92px;
  }
  .heroText {
    margin-top: 38px;
  }
  .startBullet {
    padding-top: 52px;
  }
  .preHeroTitle {
    font-size: 25px;
    line-height: 40px;
  }
  .tarifsSection.homeTarifs {
    background-size: 100% auto;
  }
  .stepsSection {
    background-size: 100% auto;
  }
  .calcSection:after {
    background-size: 100% auto;
    top: calc(100% - 232px);
  }
}
@media (max-width: 1399px) {
  .container {
    max-width: 1150px;
    padding: 0 15px;
  }
  .siteHeader .menuContainer {
    padding: 5px 60px;
  }
  .siteHeader .menuContainer:before {
    width: calc(100% + 20px);
  }
  .heroTitle {
    font-size: 36px;
    line-height: 50px;
  }
  .heroText {
    font-size: 15px;
    line-height: 26px;
  }
  .heroText .itemTitle {
    font-size: 18px;
    line-height: 26px;
  }
  .heroText br {
    display: none;
  }
  .heroBullet .value {
    font-size: 76px;
    line-height: 73px;
  }
  .heroDown {
    padding-left: 0px;
    padding-right: 0px;
  }
  .heroDown .itemTitle {
    font-size: 15px;
    line-height: 25px;
  }
  .heroDown .heroBullet {
    padding-right: 30px;
  }
  .heroDown .ratingBullet {
    margin-right: calc((1120px - 100vw) / 2);
    min-width: 180px;
    padding: 0px;
  }
  .startScreen.homeScreen .visualName {
    left: calc((1120px - 100vw) / 2 + 12px);
    width: calc(100% + (100vw - 1120px) / 2 - 12px);
  }
  .startScreen.homeScreen .visualName .profit {
    min-width: calc((100vw - 1120px) / 2 + 420px);
    padding-left: 0px;
  }
  .startScreen.homeScreen .animatedDots .dot:first-child {
    left: calc(50% - 517px);
    top: calc(50% + 61px);
  }
  .startScreen.homeScreen .animatedDots .dot:nth-child(2) {
    left: calc(50% - 320px);
    top: calc(50% + 278px);
  }
  .startScreen.homeScreen .animatedDots .dot:nth-child(3) {
    left: calc(50% - 3px);
    top: calc(50% + 330px);
  }
  .startScreen.homeScreen .animatedDots .dot:nth-child(4) {
    left: calc(50% + 322px);
    top: calc(50% + 178px);
  }
  .startScreen.homeScreen .animatedDots .dot:nth-child(5) {
    left: calc(50% + 539px);
    top: calc(50% - 77px);
  }
  .startScreen:not(.homeScreen) .animatedDots .dot:first-child {
    left: calc(50% - 502px);
  }
  .startScreen .animatedGrid {
    height: 246px;
    perspective: 246px;
  }
  .startBullet {
    padding-top: 40px;
    padding-bottom: 50px;
  }
  .heroStatList {
    margin: -20px -10px 0px;
  }
  .heroStatList .statCard {
    min-height: 108px;
  }
  .heroStatList .statCard .dataCaption + * {
    margin-top: 5px;
  }
  .heroStatList .item {
    padding: 20px 10px 0px;
  }
  .heroStatList .dataCaption {
    font-size: 15px;
    line-height: 20px;
  }
  .itemValue {
    font-size: 36px;
    line-height: 45px;
  }
  .heroAbout .chartItem {
    width: 61.5178571429%;
  }
  .heroAbout .contentItem {
    width: 38.4821428571%;
  }
  .startBullet .sectionChapter + .sectionChapter {
    margin-top: 88px;
  }
  .chartPanel .chartContainer {
    padding: 30px 16px 16px 16px;
  }
  .chartPanel .paymentMenu label {
    padding: 10px 15px 10px 20px;
  }
  .splitLayout {
    display: block;
  }
  .splitLayout .item:first-child, .splitLayout .item:nth-child(2n) {
    width: 100%;
  }
  .securityStatCard {
    flex-direction: row;
    padding: 15px 52px 21px;
  }
  .securityStatCard .itemValue {
    line-height: 44px;
  }
  .securityStatCard .dataItem {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .securityStatCard .dataItem:nth-child(2n+1) {
    padding-right: 54px;
  }
  .securityStatCard .dataItem:nth-child(2n) {
    padding-left: 54px;
  }
  .securityStatCard .dataItem br {
    display: none;
  }
  .securityStatCard .dataItem + .dataItem {
    margin-top: 0px;
  }
  .securityListCard {
    padding-right: 136px;
  }
  .tarifsSection .sectionHead {
    margin-bottom: 40px;
  }
  .tarifCard {
    padding: 30px 20px 16px;
  }
  .tarifCard .btnContainer {
    margin-top: 18px;
  }
  .tarifsList {
    margin: -20px -10px 0px;
  }
  .tarifsList .item {
    padding: 20px 10px 0px;
  }
  .dealsSection {
    padding-top: 50px;
  }
  .dealsSection .sectionHead {
    margin-bottom: 40px;
  }
  .sectionHead .textContainer,
  .sectionHead .rulesChapter .rulesList,
  .rulesChapter .sectionHead .rulesList {
    font-size: 16px;
    margin-top: 20px;
    max-width: 424px;
  }
  .sliderNavigation {
    margin-top: 42px;
  }
  .tarifCard .tarifIcon {
    right: -10px;
  }
  .infoMenuGrid {
    margin: -20px -10px 0px;
  }
  .infoMenuGrid .item {
    padding: 20px 10px 0px;
  }
  .infoMenuGrid .item:nth-child(4n+1) .cardContent {
    padding: 15px 18px 18px;
  }
  .infoMenuGrid .item:nth-child(4n+1) .imageContainer {
    min-height: 118px;
  }
  .infoMenuGrid .item:nth-child(4n+3) .cardContent {
    padding: 20px 56px 30px 18px;
  }
  .infoMenuGrid .item:nth-child(4n+3) .imageContainer {
    min-height: 198px;
  }
  .infoMenuGrid .item:nth-child(4n+3) .cardContent {
    min-height: 229px;
    display: flex;
    flex-direction: column;
  }
  .infoMenuGrid .item:nth-child(4n) .cardContent {
    padding: 18px 20px 24px;
  }
  .infoMenuGrid .item:nth-child(4n+2) .cardContent {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px 22px 24px;
  }
  .infoMenuGrid .item:nth-child(4n+2) .btnContainer {
    margin-top: 30px;
  }
  .infoMenuCard .itemTitle {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 10px;
  }
  .infoMenuCard .textContainer, .rulesChapter .infoMenuCard .rulesList,
  .infoMenuCard .rulesChapter .rulesList {
    font-size: 16px;
    line-height: 24px;
  }
  .infoMenuCard .btnContainer {
    padding-top: 26px;
    margin-top: auto;
  }
  .stepsSection .sectionHead {
    margin-bottom: 40px;
  }
  .stepsList {
    margin: -20px -10px 0px;
  }
  .stepsList .item {
    padding: 20px 10px 0px;
  }
  .stepCard .cardIcon {
    margin-top: -20px;
  }
  .stepCard .itemTitle {
    font-size: 16px;
    margin-bottom: 8px;
  }
  .stepCard .textContainer, .rulesChapter .stepCard .rulesList,
  .stepCard .rulesChapter .rulesList {
    font-size: 16px;
    line-height: 24px;
  }
  .postBullet {
    padding-top: 46px;
    padding-bottom: 30px;
  }
  .postBullet .itemTitle {
    font-size: 18px;
    line-height: 26px;
  }
  .postBullet .btnContainer {
    margin-top: 30px;
  }
  .stepsSection {
    padding-bottom: 0px;
  }
  .textContainer.md,
  .rulesChapter .md.rulesList {
    font-size: 16px;
    line-height: 24px;
  }
  .platformCard .cardContent {
    padding: 36px 20px 10px;
  }
  .platformCard .cardHead {
    padding: 10px 20px 20px;
  }
  .shortFaqSection {
    padding-bottom: 100px;
  }
  .shortFaqSection .sectionContent {
    grid-template-columns: 31.6071428571% 68.3928571429%;
  }
  .shortFaqSection .titleItem {
    padding-right: 40px;
    padding-top: 27px;
  }
  .shortFaqSection .visualTitle {
    font-size: 156px;
    top: -46px;
  }
  .shortFaqSection .bulletText {
    margin-top: 122px;
  }
  .faqItem .textContainer, .faqItem .rulesChapter .rulesList, .rulesChapter .faqItem .rulesList {
    font-size: 16px;
    line-height: 25px;
  }
  .accordTitle .itemTitle {
    font-size: 18px;
    line-height: 26px;
  }
  .siteFooter .menuContainer ul {
    padding: 10px 18px;
  }
  .pageText .item {
    width: calc(50% - 20px);
  }
  .themeTabs .paymentTypeList label,
  .themeTabs .paymentTypeList a,
  .themeTabs .tabsList label,
  .themeTabs .tabsList a {
    font-size: 16px;
    line-height: 24px;
    padding: 5px 40px 5px 30px;
    justify-content: flex-start;
  }
  .faqTabs .tabsContent {
    padding: 60px 36px;
  }
  .joinLine {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .faqSection {
    padding-top: 30px;
  }
  .startScreen .visualName {
    font-size: 150px;
    top: 74px;
  }
  .startScreen:not(.homeScreen) .hero {
    min-height: 179px;
  }
  .preHeroTitle {
    font-size: 20px;
  }
  .rulesChapter {
    padding: 30px 40px 40px;
  }
  .rulesChapter .rulesHead .count {
    top: -50px;
  }
  .rulesChapter .rulesList {
    font-size: 18px;
  }
  .rulesChapter + .rulesChapter {
    margin-top: 40px;
  }
  .rulesContainer {
    padding-bottom: 80px;
  }
  .mediaPanel .panelContent {
    padding: 50px 40px;
  }
  .calcPanel .panelContent {
    padding: 48px 40px 48px 343px;
  }
  .calcPanel .securityStatCard {
    flex-direction: column;
    padding: 28px 40px;
  }
  .calcPanel .securityStatCard .dataItem {
    text-align: left;
    display: block;
    width: 100%;
  }
  .calcPanel .securityStatCard .dataItem:nth-child(2n+1) {
    padding-right: 0px;
  }
  .calcPanel .securityStatCard .dataItem:nth-child(2n) {
    padding-left: 0px;
  }
  .calcForm {
    background-position: -50px center;
  }
  .pageText .bulletText {
    font-size: 20px;
  }
  .tarifCard.bigCard .conditionsWrapper {
    min-width: 0px;
  }
  .tarifCard.bigCard .conditionsWrapper .conditions li {
    float: left;
    width: calc(50% - 40px);
    margin-top: 5px;
  }
  .tarifCard.bigCard .conditionsWrapper .conditions li:nth-child(2n) {
    width: calc(50% + 40px);
    padding-right: 12px;
  }
  .tarifCard.bigCard .conditionsWrapper .conditions li + li {
    margin-top: 5px;
  }
  .tarifCard.bigCard .headWrapper {
    padding-right: 0px;
  }
  .tarifCard.bigCard .headWrapper .conditions {
    float: left;
    width: calc(50% + 40px);
    padding-right: 12px;
    margin-top: 5px;
  }
  .tarifCard.bigCard .cardTop {
    display: block;
  }
  .tarifCard.bigCard .cardTop:after {
    content: "";
    display: block;
    clear: both;
  }
  .tarifCard.bigCard .cardDown {
    margin: 0px -20px -16px;
    padding: 0px 20px 16px;
  }
  .tarifCard.bigCard .tarifParams li {
    width: 50%;
    min-width: 0px;
  }
  .tarifCard.bigCard .tarifParams li:nth-child(2n) {
    flex-basis: auto;
  }
  .tarifsList.bigTarifs {
    margin: -20px -10px 0px;
  }
  .tarifsList.bigTarifs .item {
    padding: 20px 10px 0px;
  }
  .calcSection {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .calcSection:after {
    top: calc(100% - 202px);
  }
  .tarifsSection {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .programSection {
    padding-bottom: 98px;
  }
  .statCard {
    min-height: 108px;
  }
  .featuresSection .splitLayout {
    display: flex;
    margin: -20px -10px 0px;
  }
  .featuresSection .splitLayout .item {
    padding: 20px 10px 0px;
  }
  .proposalTabs .backIcon {
    background-size: 100% auto;
  }
  .proposalTabs .textContainer, .proposalTabs .rulesChapter .rulesList, .rulesChapter .proposalTabs .rulesList {
    font-size: 18px;
  }
  .stepsTabs .panelContent {
    padding: 50px calc(100% - 586px) 50px 40px;
  }
  .stepsTabs .tabsList a {
    padding: 5px 20px 5px 40px;
  }
  .stepsTabs .tabsList a .coun {
    left: 20px;
  }
  .historyCarousel .splide__slide {
    width: 216px;
    padding: 0 10px;
  }
  .historyCard .fullContent {
    padding: 25px 40px;
  }
  .historySection .sectionHead {
    margin-bottom: 50px;
  }
  .bulletSection {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .bulletPanel {
    padding: 40px 338px;
    min-height: 0px;
  }
  .bulletPanel .panelSide {
    width: 305px;
  }
  .bulletPanel .panelSide:first-child {
    padding-left: 57px;
  }
  .advantageCard .cardContent {
    padding: 36px 20px 0px;
  }
  .advantageCard .cardHead {
    padding: 14px 15px 14px 20px;
  }
  .advantageCard .cardHead .icon {
    margin-right: 20px;
  }
  .signPanel .logoContainer {
    width: 126px;
    height: 144px;
    left: calc(50% - 63px);
    top: calc(50% - 72px);
  }
  .signPanel .logoContainer img {
    width: 68px;
  }
  .signForm {
    padding: 50px 80px;
  }
  .signVisual {
    padding: 130px 80px;
  }
  .signVisual .name {
    font-size: 46px;
  }
  .signVisual .bulletText {
    font-size: 26px;
    line-height: 35px;
    margin-top: 30px;
  }
  .regForm .btnContainer .btnMain {
    font-size: 15px;
  }
  .cookiesBanner {
    font-size: 16px;
    line-height: 24px;
    left: 16px;
    bottom: 32px;
  }
  .messageModal .modalContent {
    padding: 24px 44px 30px;
    max-width: 560px;
  }
  .messageModal .statusMessage {
    padding: 24px 30px;
  }
  .contactsForm {
    padding: 50px 60px 52px;
  }
  .supportPanel {
    padding: 50px 40px 52px;
  }
  .contactsWrapper .contactsHead .itemLabel {
    font-size: 28px;
    line-height: 36px;
  }
  .optionsList li {
    padding: 13px 19px 17px;
  }
  .stackingModal .btnContainer {
    margin-top: 35px;
  }
  .stackingModal .stackingHead {
    margin-bottom: 25px;
  }
  .levelsList {
    margin: -20px -10px 0px;
  }
  .levelsList .item {
    padding: 20px 10px 0px;
    width: 20%;
  }
  .levelCard {
    padding: 83px 15px 10px;
    min-height: 0px;
  }
  .levelCard .dataList {
    font-size: 16px;
    line-height: 22px;
  }
}
@media (max-width: 1149px) {
  .container {
    max-width: 992px;
    padding: 0 11px;
  }
  .siteHeader .menuList {
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
  }
  .siteHeader .menuContainer {
    opacity: 0;
    padding: 52px 95px 15px;
    z-index: 10;
    max-width: calc(100% + 190px);
    position: absolute;
    top: 0;
    left: 50%;
    min-width: 816px;
    transform: translate(-50%, -100%);
    transition: transform 0.2s ease-in-out, opacity 0.2s;
  }
  .siteHeader .menuContainer:before {
    width: 100%;
    clip-path: polygon(0 0, 100% 0, calc(100% - 105px) 100%, 105px 100%);
  }
  .siteHeader .menuContainer + .headSide {
    order: 1;
  }
  .siteHeader .menuContainer.active {
    opacity: 1;
    transform: translate(-50%, 0%);
  }
  .burgerContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    position: relative;
    background-color: #19171d;
    min-height: 58px;
    align-self: flex-start;
  }
  .burgerContainer:before, .burgerContainer:after {
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    width: 58px;
    top: 0;
    border: 29px solid transparent;
    border-top: 29px solid #19171d;
  }
  .burgerContainer:before {
    right: 100%;
    border-right: 29px solid #19171d;
  }
  .burgerContainer:after {
    left: 100%;
    border-left: 29px solid #19171d;
  }
  .heroTitle {
    font-size: 30px;
    line-height: 45px;
  }
  .borderedBullet {
    font-size: 16px;
    line-height: 24px;
    padding: 8px 38px;
  }
  .heroBullet .value {
    font-size: 72px;
    line-height: 66px;
  }
  .itemLabel {
    font-size: 11px;
    line-height: 16px;
  }
  .dataCaption {
    font-size: 16px;
    line-height: 24px;
  }
  .dataCaption.xs {
    line-height: 18px;
  }
  .startScreen.homeScreen .hero {
    padding-top: 20px;
  }
  .startScreen.homeScreen .visualName {
    left: calc((970px - 100vw) / 2 + 10px);
    width: calc(100% + (100vw - 970px) / 2 - 10px);
  }
  .startScreen.homeScreen .visualName .profit {
    min-width: calc((100vw - 970px) / 2 + 374px);
  }
  .startScreen.homeScreen .animatedDots .dot:first-child {
    left: calc(50% - 450px);
    top: calc(50% + 17px);
  }
  .startScreen.homeScreen .animatedDots .dot:nth-child(2) {
    left: calc(50% - 319px);
    top: calc(50% + 272px);
  }
  .startScreen.homeScreen .animatedDots .dot:nth-child(3) {
    left: calc(50% - 4px);
    top: calc(50% + 285px);
  }
  .startScreen.homeScreen .animatedDots .dot:nth-child(4) {
    left: calc(50% + 274px);
    top: calc(50% + 134px);
  }
  .startScreen.homeScreen .animatedDots .dot:nth-child(5) {
    left: calc(50% + 467px);
    top: calc(50% - 122px);
  }
  .startScreen:not(.homeScreen) .animatedDots .dot:first-child {
    left: calc(50% - 460px);
    top: calc(50% - 5px);
  }
  .startScreen:not(.homeScreen) .animatedDots .dot:nth-child(3) {
    left: calc(50% + 413px);
  }
  .btnMain {
    height: 45px;
    padding: 9px 38px;
    min-width: 237px;
  }
  .btnMain.colored {
    font-size: 15px;
  }
  .heroDown .ratingBullet {
    min-width: 145px;
    padding: 0px 5px;
    margin-right: calc((970px - 100vw) / 2);
  }
  .heroDown .itemTitle {
    font-size: 14px;
    line-height: 22px;
  }
  .itemValue {
    font-size: 30px;
    line-height: 36px;
  }
  .ratingBullet img {
    height: 54px;
    margin-top: -4px;
  }
  .startBullet {
    padding-top: 54px;
  }
  .heroStatList {
    margin: -10px -5px 0px;
  }
  .heroStatList .statCard {
    min-height: 88px;
  }
  .heroStatList .statCard .dataCaption + * {
    margin-top: 2px;
  }
  .heroStatList .item {
    padding: 10px 5px 0px;
  }
  .heroAbout {
    display: block;
  }
  .heroAbout .contentItem,
  .heroAbout .chartItem {
    width: 100%;
  }
  .heroAbout .chartItem {
    margin-top: 22px;
  }
  .heroAbout .contentItem {
    padding-right: 0px;
  }
  .heroAbout .contentItem .itemTitle {
    margin-bottom: 18px;
  }
  .heroAbout .contentItem .bulletText {
    margin-top: 28px;
  }
  .textContainer,
  .rulesChapter .rulesList {
    font-size: 18px;
    line-height: 23px;
  }
  .bulletText {
    font-size: 20px;
  }
  .securityStatCard .itemValue {
    line-height: 32px;
  }
  .chartPanel .chartContainer {
    padding: 30px 66px 16px 66px;
  }
  .chartPanel .paymentMenu label {
    padding: 10px 20px 10px 30px;
  }
  .securityListCard {
    padding-top: 36px;
    padding-bottom: 48px;
    padding-right: 76px;
  }
  .tarifsSection .sectionHead {
    margin-bottom: 28px;
  }
  .tarifsList {
    margin: -16px -8px 0px;
  }
  .tarifsList .item {
    padding: 16px 8px 0px;
  }
  .tarifCard {
    padding-bottom: 26px;
  }
  .tarifCard .tarifParams li {
    width: calc(50% - 16px);
    margin-top: 16px;
  }
  .tarifCard .tarifIcon {
    right: -20px;
    top: -30px;
    transform: translate(25%, -25%);
  }
  .sectionHead .textContainer,
  .sectionHead .rulesChapter .rulesList,
  .rulesChapter .sectionHead .rulesList {
    margin-top: 12px;
  }
  .dealsSection .sectionHead {
    margin-bottom: 32px;
  }
  .dealsCarousel .splide {
    max-width: 867px;
  }
  .dealsCarousel .splide__slide {
    padding: 0 10px;
  }
  .dealCard {
    padding: 10px 20px 33px;
  }
  .sliderNavigation {
    margin-top: 35px;
  }
  .infoMenuSection {
    padding-top: 35px;
    padding-bottom: 30px;
  }
  .infoMenuGrid .item:nth-child(4n+1) .cardContent {
    display: block;
  }
  .infoMenuGrid .item:nth-child(4n+3) .imageContainer {
    min-height: 178px;
  }
  .infoMenuGrid .item:nth-child(4n) .btnContainer {
    padding-top: 34px;
  }
  .infoMenuGrid .item:nth-child(4n) .cardContent {
    padding: 12px 24px 18px 20px;
    width: 61.9450317125%;
  }
  .infoMenuGrid .item:nth-child(4n) .imageContainer {
    width: 38.0549682875%;
  }
  .infoMenuGrid .item:nth-child(4n+2) .btnContainer {
    margin-top: 20px;
  }
  .infoMenuGrid .item:nth-child(4n+2) .cardContent {
    padding: 20px 12px 24px 22px;
  }
  .infoMenuCard .btnContainer {
    padding-top: 14px;
  }
  .stepCard {
    padding: 2px 20px 50px;
  }
  .postBullet {
    padding-top: 35px;
    padding-bottom: 28px;
  }
  .postBullet .btnContainer {
    margin-top: 20px;
  }
  .textContainer.md,
  .rulesChapter .md.rulesList {
    font-size: 15px;
    line-height: 22px;
  }
  .platformSection {
    padding-top: 100px;
  }
  .bulletText .iconLink .icon {
    margin-left: 7px;
  }
  .shortFaqSection .sectionContent {
    display: block;
  }
  .shortFaqSection .bulletText {
    margin-top: 0px;
    width: 50%;
    font-size: 23px;
  }
  .shortFaqSection .bulletText > * {
    display: inline;
    vertical-align: top;
  }
  .shortFaqSection .sectionHead {
    width: 50%;
    padding-right: 120px;
    min-height: 70px;
  }
  .shortFaqSection .visualTitle {
    font-size: 117px;
    top: -26px;
    left: -9px;
  }
  .shortFaqSection .btnContainer {
    margin-top: 25px;
  }
  .shortFaqSection .titleItem {
    padding-right: 0px;
    padding-top: 0px;
    display: block;
  }
  .shortFaqSection .titleItem:not(:first-child) {
    padding-top: 30px;
    text-align: center;
  }
  .shortFaqSection .titleItem:not(:first-child) .titleContent {
    display: block;
  }
  .shortFaqSection .titleItem:not(:first-child) .textContainer, .shortFaqSection .titleItem:not(:first-child) .rulesChapter .rulesList, .rulesChapter .shortFaqSection .titleItem:not(:first-child) .rulesList {
    font-size: 19px;
    line-height: 24px;
  }
  .shortFaqSection .titleContent {
    display: flex;
  }
  .shortFaqSection .faqList {
    margin-top: 40px;
  }
  .faqItem .textContainer,
  .faqItem .rulesChapter .rulesList,
  .rulesChapter .faqItem .rulesList {
    font-size: 15px;
    line-height: 24px;
  }
  .faqItem .accordContent .textContainer,
  .faqItem .accordContent .rulesChapter .rulesList,
  .rulesChapter .faqItem .accordContent .rulesList {
    padding: 10px 20px 15px;
  }
  .preHeroTitle {
    font-size: 18px;
    margin-bottom: -10px;
  }
  .postHeroSection {
    padding-bottom: 40px;
  }
  .faqSection {
    padding-top: 20px;
  }
  .themeTabs .paymentTypeList label,
  .themeTabs .paymentTypeList a,
  .themeTabs .tabsList label,
  .themeTabs .tabsList a {
    min-height: 67px;
    font-size: 15px;
    line-height: 23px;
    padding: 5px 30px 5px 20px;
  }
  .faqTabs .tabsList a:after {
    font-size: 86px;
    right: 2px;
    top: calc(50% - 43px);
  }
  .faqTabs .tabsContent {
    padding: 50px 20px;
  }
  .mediaPanel .panelContent {
    padding: 40px 30px;
  }
  .mediaPanel .itemTitle {
    font-size: 22px;
  }
  .rulesSection .mediaPanel .imageContainer .accent {
    font-size: 36px;
    line-height: 44px;
  }
  .rulesContainer {
    padding-bottom: 60px;
  }
  .rulesChapter + .rulesChapter {
    margin-top: 30px;
  }
  .pageText .bulletText {
    font-size: 19px;
  }
  .tarifCard.bigCard .tarifIcon {
    right: auto;
    transform: none;
  }
  .tarifCard.bigCard .headWrapper .conditions {
    width: auto;
    padding-right: 20px;
    margin-top: 8px;
  }
  .tarifCard.bigCard .conditionsWrapper {
    margin-right: -20px;
  }
  .tarifCard.bigCard .conditionsWrapper .conditions li {
    width: auto;
    padding-right: 20px;
    margin-top: 8px;
    min-width: 50%;
  }
  .tarifCard.bigCard .conditionsWrapper .conditions li:nth-child(2n) {
    width: auto;
    padding-right: 20px;
  }
  .tarifCard.bigCard .conditionsWrapper .conditions li + li {
    margin-top: 8px;
  }
  .tarifCard.bigCard .tarifParams li {
    padding-left: 0px;
    width: calc(50% - 10px);
  }
  .tarifsSection {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .pageText .bulletText {
    line-height: 28px;
  }
  .tarifsList.bigTarifs {
    margin: -16px -8px 0px;
  }
  .tarifsList.bigTarifs .item {
    padding: 16px 8px 0px;
  }
  .programSection {
    padding-bottom: 60px;
    padding-top: 20px;
  }
  .calcForm {
    background-position: -85px center;
  }
  .statCard {
    min-height: 88px;
  }
  .calcPanel .panelContent {
    padding: 40px 30px 40px 250px;
  }
  .calcPanel .securityStatCard {
    padding: 28px 30px;
  }
  .tarifCard.bigCard .cardDown {
    margin: 0px -20px -26px;
    padding: 0px 20px 26px;
  }
  .mediaPanel .btnContainer {
    margin-top: 40px;
  }
  .mediaPanel .imageContainer .statCard .dataCaption {
    font-size: 18px;
  }
  .featuresSection {
    padding-top: 90px;
  }
  .stepsTabs .panelContent {
    padding: 50px calc(100% - 486px) 50px 30px;
  }
  .stepsTabs .tabsList a {
    padding: 5px 15px 5px 30px;
    font-size: 20px;
    line-height: 30px;
    min-height: 68px;
  }
  .stepsTabs .tabsList a .count {
    font-size: 90px;
    left: 15px;
  }
  .proposalTabs .panelContent {
    padding: 27px 20px 126px;
  }
  .proposalTabs .tabsList a {
    padding: 3px 10px;
  }
  .proposalTabs .tabsList li {
    width: calc((100% - 10px) / 2);
    margin-top: 10px;
  }
  .historyCard {
    min-height: 420px;
    height: 100%;
  }
  .historyCard .fullContent {
    padding: 20px 30px;
  }
  .historyCard .shortContent {
    padding: 190px 15px 20px;
  }
  .bulletSection {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .bulletPanel {
    padding: 40px 320px;
  }
  .bulletPanel .btnContainer {
    margin-top: 60px;
  }
  .bulletPanel .panelSide {
    width: 290px;
  }
  .bulletPanel .panelSide:first-child {
    padding-left: 40px;
  }
  .advantageCard .cardHead .itemTitle {
    font-size: 16px;
  }
  .advantageCard .cardHead .icon {
    width: 30px;
    min-width: 30px;
    margin-right: 15px;
  }
  .advantageCard .cardHead .icon img {
    height: 30px;
  }
  .signForm {
    padding: 50px 80px 50px 30px;
  }
  .signVisual {
    padding: 100px 60px;
  }
  .calcSection:after {
    top: calc(100% - 176px);
  }
  .cookiesBanner {
    font-size: 14px;
    line-height: 21px;
    left: 12px;
  }
  .messageModal .modalContent {
    padding: 24px 40px 30px;
    max-width: 520px;
  }
  .messageModal .iconStatus {
    font-size: 56px;
  }
  .messageModal .statusMessage {
    padding: 20px 20px;
    margin-left: -40px;
    margin-right: -40px;
  }
  .contactsForm {
    padding: 40px 40px 44px;
  }
  .contactsForm .formNote {
    font-size: 16px;
  }
  .contactLink {
    padding: 13px 32px 14px 44px;
    font-size: 15px;
  }
  .contactLink .icon {
    width: 44px;
  }
  .supportPanel {
    padding: 40px 25px 44px;
  }
  .contactsWrapper .contactsHead .itemLabel {
    font-size: 24px;
    line-height: 32px;
  }
  .optionsList li {
    padding: 11px 19px 13px;
  }
  .stackingModal .modalContent {
    max-width: 560px;
    padding: 25px 30px 30px;
  }
  .stackingModal .btnContainer {
    margin-top: 30px;
  }
  .orderModal .modalContent {
    max-width: 820px;
  }
  .orderForm .formContent .payIcon {
    width: 72px;
    min-width: 72px;
  }
  .orderForm .orderHead {
    padding-left: 89px;
    padding-right: 89px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .orderForm .orderHead .headStatus {
    position: relative;
    width: auto;
    left: 0px;
    height: auto;
    top: auto;
    margin-top: 15px;
    min-height: 56px;
  }
  .orderForm .orderHead .headStatus .iconStatus {
    font-size: 56px;
    top: calc(50% - 28px);
  }
  .orderForm .orderHead .headStatus .status {
    display: inline;
  }
  .orderForm .infoPanel {
    padding: 5px 20px;
  }
  .orderForm .infoPanel .val {
    font-size: 15px;
  }
  .orderForm .infoPanel.horizontal.copyContainer {
    padding-right: 52px;
  }
  .orderForm .formInfo.qrContainer {
    flex-wrap: wrap;
  }
  .orderForm .formInfo.qrContainer .infoList {
    width: calc(50% - 10px);
  }
  .orderForm .formInfo.qrContainer .qrImage {
    margin: 20px auto 0px;
    order: 1;
  }
  .levelsList .item {
    width: 25%;
  }
  .bonusSection {
    padding-bottom: 60px;
  }
}
@media (max-width: 991px) {
  .container {
    max-width: 768px;
    padding: 0 9px;
  }
  .heroTitle {
    font-size: 26px;
  }
  .animatedDots {
    display: none;
  }
  .animatedDots .dot:first-child:before, .animatedDots .dot:nth-child(2):before, .animatedDots .dot:nth-child(3):before, .animatedDots .dot:nth-child(4):before, .animatedDots .dot:nth-child(5):before {
    animation: none;
  }
  .animatedDots .dot:first-child:after, .animatedDots .dot:nth-child(2):after, .animatedDots .dot:nth-child(3):after, .animatedDots .dot:nth-child(4):after, .animatedDots .dot:nth-child(5):after {
    animation: none;
  }
  .startScreen.homeScreen .hero {
    padding-top: 12px;
  }
  .startScreen.homeScreen .visualName {
    display: none;
  }
  .heroPostTitle {
    margin-top: 42px;
  }
  .heroDown {
    margin-top: 34px;
  }
  .heroDown .heroBullet {
    margin-left: 0px;
  }
  .heroDown .ratingBullet {
    margin-right: 0px;
    min-width: 0px;
    width: 128px;
    padding: 0px;
    flex-basis: auto;
  }
  .startBullet {
    padding-top: 34px;
    padding-bottom: 80px;
  }
  .startBullet .sectionChapter + .sectionChapter {
    margin-top: 70px;
  }
  .securityStatCard {
    padding: 17px 20px 19px;
    align-items: flex-start;
  }
  .securityStatCard .dataItem:nth-child(2n+1) {
    padding-right: 20px;
  }
  .securityStatCard .dataItem:nth-child(2n) {
    padding-left: 20px;
  }
  .securityListCard {
    padding: 36px 76px 48px 21px;
    position: relative;
  }
  .securityListCard .visual {
    position: absolute;
    right: 0px;
    height: 100%;
    top: 0px;
  }
  .securityListCard .content {
    width: 100%;
  }
  .textList,
  .textContainer ul,
  .rulesChapter .rulesList ul {
    font-size: 16px;
  }
  .tarifsList .item {
    width: 50%;
  }
  .tarifsSection {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .tarifsSection .sectionHead {
    margin-bottom: 18px;
  }
  .tarifCard .tarifIcon {
    right: -10px;
    top: -20px;
    transform: none;
  }
  .chartPanel .chartContainer {
    padding: 30px 16px 16px 16px;
  }
  .chartPanel .paymentMenu label {
    padding: 10px 15px 10px 20px;
  }
  .dealsSection {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .sectionHead .textContainer,
  .sectionHead .rulesChapter .rulesList,
  .rulesChapter .sectionHead .rulesList {
    max-width: 100%;
  }
  .dealCard .cardContent {
    max-height: 140px;
  }
  .dealCard .btnContainer {
    margin-top: 26px;
  }
  .dealsCarousel .splide {
    max-width: 289px;
  }
  .infoMenuGrid {
    display: block;
  }
  .infoMenuGrid .item:nth-child(4n+1) .imageContainer {
    min-height: 0px;
  }
  .infoMenuGrid .item:nth-child(4n+1) .cardContent {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
  .infoMenuGrid .item:nth-child(4n+2) .btnContainer {
    margin-top: 0px;
  }
  .infoMenuGrid .item:nth-child(4n+3) .imageContainer {
    order: initial;
  }
  .infoMenuGrid .item:nth-child(4n+3) .cardContent {
    justify-content: center;
  }
  .infoMenuGrid .item:nth-child(4n) .imageContainer {
    width: 50%;
  }
  .infoMenuGrid .item:nth-child(4n) .btnContainer {
    padding-top: 14px;
  }
  .infoMenuGrid .item:nth-child(4n) .cardContent {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
  .infoMenuGrid .item:nth-child(2n) .imageContainer {
    order: 1;
  }
  .infoMenuGrid .item:nth-child(2n+1) .cardContent {
    padding: 15px 20px 18px;
  }
  .infoMenuCard {
    flex-direction: row;
    min-height: 252px;
  }
  .infoMenuCard .cardContent {
    width: 50%;
    flex-grow: initial;
  }
  .infoMenuCard .btnContainer {
    margin-top: 0px;
  }
  .infoMenuCard .imageContainer {
    width: 50%;
    min-height: 0px;
  }
  .stepsSection {
    padding-top: 40px;
  }
  .stepsSection .sectionHead {
    margin-bottom: 30px;
  }
  .stepCard {
    padding: 2px 10px 28px;
  }
  .stepCard .cardIcon {
    margin-bottom: -36px;
    margin-top: -50px;
  }
  .stepsList {
    margin: -16px -8px 0px;
  }
  .stepsList .item {
    padding: 16px 8px 0px;
  }
  .postBullet {
    padding-top: 25px;
    padding-bottom: 50px;
  }
  .postBullet .itemTitle {
    font-size: 16px;
  }
  .platformSection {
    padding-top: 80px;
  }
  .shortFaqSection {
    padding-top: 65px;
    padding-bottom: 80px;
  }
  .shortFaqSection .sectionHead {
    width: calc(50% - 38px);
    padding-right: 60px;
  }
  .shortFaqSection .bulletText {
    width: calc(50% + 38px);
  }
  .footerInner {
    position: relative;
    flex-wrap: wrap;
  }
  .footerInner .footSide {
    padding-top: 12px;
  }
  .footerInner .btnContainer {
    padding-top: 38px;
  }
  .footerInner .logoContainer {
    padding-left: 0px;
    padding-right: 0px;
    order: 1;
    width: 100%;
  }
  .footerInner .copyright {
    margin-top: 6px;
  }
  .footerInner .logoLink {
    position: absolute;
    left: calc(50% - 41px);
    top: 0px;
  }
  .pageText .item {
    width: calc(50% - 10px);
  }
  .faqTabs .tabsList {
    flex-wrap: wrap;
  }
  .faqTabs .tabsList li {
    width: 33.3333333333%;
    flex-grow: initial;
    flex-basis: auto;
  }
  .faqTabs .tabsList li:nth-child(3n+1) {
    border-left: 0px;
  }
  .faqTabs .tabsList li:last-child:not(:nth-child(6n)) {
    border-right: 1px solid #39373d;
    width: calc(33.3333333333% + 1px);
  }
  .faqTabs .tabsList a.active {
    border-bottom-color: #39373d;
  }
  .faqTabs .tabsContent {
    border-top: 1px solid #39373d;
    margin-top: -1px;
  }
  .startScreen:not(.homeScreen) .hero {
    min-height: 149px;
  }
  .joinLine {
    padding-top: 60px;
    padding-bottom: 60px;
    display: block;
    text-align: center;
  }
  .joinLine .content {
    padding-right: 0px;
  }
  .joinLine .btnContainer {
    margin-top: 25px;
  }
  .joinLine .bulletText {
    display: block;
  }
  .joinLine .bulletText .iconLink {
    margin-left: 0px;
  }
  .joinLine .bulletText > * {
    display: inline;
  }
  .mediaPanel .panelContent {
    padding: 35px 25px;
  }
  .mediaPanel .panelContent .bulletText {
    line-height: 26px;
  }
  .mediaPanel .btnContainer {
    margin-top: 40px;
  }
  .mediaPanel .imageContainer .statList {
    width: 100%;
  }
  .rulesChapter {
    padding: 30px 30px 30px;
  }
  .rulesChapter .rulesHead .itemTitle {
    font-size: 22px;
  }
  .calcPanel {
    display: block;
  }
  .calcPanel .securityStatCard {
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .calcPanel .securityStatCard .dataItem {
    width: 50%;
  }
  .calcPanel .securityStatCard .dataItem + .dataItem {
    margin-top: 0px;
  }
  .calcPanel .securityStatCard .btnContainer {
    width: 100%;
  }
  .calcPanel .panelContent {
    width: 100%;
    padding: 35px 25px 35px 250px;
  }
  .mediaPanel .imageContainer .statCard .dataCaption {
    font-size: 16px;
  }
  .featuresSection {
    padding-top: 60px;
  }
  .featuresSection .splitLayout {
    display: block;
  }
  .splitLayout.wideFirst .item:first-child, .splitLayout.wideFirst .item:nth-child(2n) {
    width: 100%;
  }
  .proposalTabs {
    background: #252329;
  }
  .proposalTabs .panelContent {
    padding: 27px 240px 27px 20px;
  }
  .proposalTabs .backIcon {
    background-position: calc(100% + 120px) bottom;
    background-size: auto;
  }
  .historySection {
    padding-top: 40px;
  }
  .historyCarousel .splide__slide {
    width: 166px;
    padding: 0 8px;
  }
  .historyCarousel .splide__slide.is-active {
    width: 400px;
  }
  .historyCard .shortContent {
    padding: 190px 10px 20px;
  }
  .historyCard .shortContent .year {
    font-size: 48px;
    margin: 0px -10px 20px;
    padding-right: 10px;
  }
  .historyCard .shortContent .itemTitle {
    font-size: 12px;
    line-height: 20px;
    word-break: break-word;
  }
  .historyCard .fullContent {
    padding: 20px 20px;
  }
  .historyCard .fullContent .year {
    font-size: 90px;
    margin-bottom: 90px;
  }
  .advantagesSection .sectionHead {
    margin-bottom: 50px;
  }
  .bulletPanel {
    padding: 40px 200px 40px 40px;
    display: block;
  }
  .bulletPanel .panelSide {
    position: relative;
    left: auto;
    top: auto;
    height: auto;
    width: auto;
    text-align: center;
    margin-bottom: 20px;
  }
  .bulletPanel .panelSide:first-child {
    padding-left: 0px;
  }
  .bulletPanel .heroTitle {
    font-size: 28px;
    line-height: 40px;
  }
  .bulletPanel .btnContainer {
    margin-top: 30px;
  }
  .historySection {
    padding-bottom: 40px;
  }
  .bulletSection {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .signPanel .logoContainer {
    width: 96px;
    height: 110px;
    left: calc(50% - 48px);
    top: calc(50% - 55px);
  }
  .signPanel .logoContainer img {
    width: 58px;
  }
  .signForm {
    padding: 50px 70px 50px 30px;
  }
  .signVisual {
    padding: 80px 40px;
  }
  .signVisual .bulletText {
    font-size: 20px;
    line-height: 30px;
    margin-top: 20px;
  }
  .signVisual .name {
    font-size: 40px;
  }
  .calcSection:after {
    top: calc(100% - 160px);
  }
  .contactsWrapper {
    display: block;
  }
  .contactsWrapper .contactsForm {
    width: 100%;
  }
  .contactsWrapper .supportPanel {
    width: 100%;
  }
  .supportPanel .contactLinks {
    max-width: 360px;
    margin: 40px auto 0px;
  }
  .supportPanel .socialsWrapper {
    margin-top: 40px;
  }
  .orderForm .formInfo.qrContainer .infoList {
    width: 100%;
  }
  .orderForm .formInfo.qrContainer .infoList:not(:first-child) {
    margin-top: 0px;
  }
  .orderForm .formInfo:not(.qrContainer) .infoPanel {
    width: 100%;
  }
  .orderForm .formContent.formDetailed {
    padding-left: 29px;
    padding-right: 29px;
  }
  .orderForm .formContent .payIcon {
    min-height: 48px;
  }
  .levelsList {
    margin: -16px -8px 0px;
  }
  .levelsList .item {
    padding: 16px 8px 0px;
    width: 33.3333333333%;
  }
}
@media (max-width: 767px) {
  .container {
    max-width: 480px;
    padding: 0 15px;
  }
  .headSide {
    min-width: 128px;
  }
  .siteHeader .headBtns {
    margin-left: 0;
  }
  .siteHeader .logoLink {
    width: 56px;
    overflow: hidden;
  }
  .siteHeader .langContainer {
    position: absolute;
    left: 77px;
    top: calc(50% - 17px);
  }
  .siteHeader .menuContainer {
    min-width: 0px;
    width: calc(100% + 190px);
  }
  .gridLines {
    background-size: 20px 15px;
  }
  .startScreen .animatedGrid {
    height: 146px;
    perspective: 146px;
  }
  .headerInner {
    position: relative;
  }
  .heroTitle {
    font-size: 23px;
    line-height: 36px;
  }
  .heroPostTitle {
    margin-top: 32px;
  }
  .borderedBullet {
    padding: 8px 18px;
    font-size: 15px;
  }
  .heroDown {
    flex-wrap: wrap;
  }
  .heroDown .btnContainer {
    width: 100%;
    order: 1;
    margin-top: 26px;
  }
  .heroDown .downItem {
    width: 50%;
  }
  .heroDown .heroBullet {
    padding-right: 0px;
    margin-left: auto;
    margin-right: auto;
  }
  .heroDown .ratingBullet {
    margin-right: auto;
  }
  .heroStatList {
    flex-wrap: wrap;
    margin: -10px -11px 0px;
  }
  .heroStatList .item {
    width: 50%;
  }
  .itemTitle {
    font-size: 18px;
    line-height: 30px;
  }
  .heroAbout .chartItem {
    margin-top: 47px;
  }
  .textContainer,
  .rulesChapter .rulesList {
    font-size: 15px;
    line-height: 21px;
  }
  .dataCaption {
    font-size: 15px;
    line-height: 21px;
  }
  .splitLayout .item {
    padding: 22px 5px 0px;
  }
  .securityListCard {
    padding: 28px 10px 36px;
    display: block;
  }
  .securityListCard .content .itemTitle {
    margin-bottom: 12px;
  }
  .securityListCard .visual {
    position: relative;
    right: auto;
    height: auto;
    top: auto;
    padding-left: 5px;
    margin: 46px auto 0px;
  }
  .textList,
  .textContainer ul,
  .rulesChapter .rulesList ul {
    font-size: 15px;
  }
  .textList li,
  .textContainer ul li,
  .rulesChapter .rulesList ul li {
    padding-left: 17px;
  }
  .textList li + li,
  .textContainer ul li + li,
  .rulesChapter .rulesList ul li + li {
    margin-top: 6px;
  }
  .startBullet {
    padding-bottom: 60px;
  }
  .tarifsList {
    margin: 0px auto;
  }
  .tarifsList .splide {
    max-width: 345px;
    margin: 0px auto;
  }
  .tarifsList .splide__track {
    overflow: visible;
  }
  .tarifsList .splide__list {
    flex-wrap: nowrap;
  }
  .tarifsList .item {
    width: 100%;
    padding: 0px 10px;
  }
  .tarifCard {
    padding-bottom: 36px;
  }
  .tarifCard .tarifId {
    position: relative;
    left: auto;
    top: auto;
    margin-bottom: 14px;
  }
  .tarifCard .btnContainer {
    margin-top: 32px;
  }
  .mobCarousel .sliderNavigation {
    display: flex;
  }
  .sectionHead .textContainer,
  .sectionHead .rulesChapter .rulesList,
  .rulesChapter .sectionHead .rulesList {
    font-size: 15px;
    max-width: 352px;
  }
  .dealsSection .sectionHead {
    margin-bottom: 20px;
  }
  .infoMenuCard .imageContainer {
    width: 37.1794871795%;
  }
  .infoMenuCard .cardContent {
    width: 62.8205128205%;
  }
  .infoMenuGrid .item {
    padding: 20px 0px 0px;
  }
  .infoMenuGrid .item:nth-child(4n) .imageContainer, .infoMenuGrid .item:nth-child(4n+2) .imageContainer {
    width: 37.1794871795%;
  }
  .infoMenuGrid .item:nth-child(4n) .cardContent, .infoMenuGrid .item:nth-child(4n+2) .cardContent {
    width: 62.8205128205%;
    padding: 20px 10px 24px;
  }
  .infoMenuGrid .item:nth-child(2n+1) .cardContent {
    padding: 15px 16px 18px 20px;
  }
  .infoMenuCard .textContainer,
  .rulesChapter .infoMenuCard .rulesList,
  .infoMenuCard .rulesChapter .rulesList {
    font-size: 15px;
    line-height: 21px;
  }
  .stepsList {
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -20px;
  }
  .stepsList .item {
    width: 100%;
    padding: 20px 0px 0px;
  }
  .stepCard {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    min-height: 196px;
    padding: 10px 40px 10px 192px;
  }
  .stepCard .cardIcon {
    position: absolute;
    left: -70px;
    height: 100%;
    top: 0;
    margin-bottom: 0px;
    margin-top: 0px;
  }
  .stepCard .count {
    bottom: -22px;
    width: auto;
    min-width: 130px;
    text-align: center;
    left: calc(100% - 98px);
  }
  .postBullet {
    padding-top: 40px;
  }
  .postBullet .btnContainer {
    margin-top: 16px;
  }
  .platformSection {
    padding-top: 62px;
  }
  .platformCard .cardContent {
    padding: 36px 12px 10px 20px;
  }
  .shortFaqSection .titleContent {
    display: block;
  }
  .shortFaqSection .visualTitle {
    left: -20px;
  }
  .shortFaqSection .faqList {
    margin-top: 24px;
    margin-left: -10px;
    margin-right: -10px;
  }
  .shortFaqSection .bulletText {
    width: 100%;
    font-size: 18px;
    margin-top: 8px;
    padding-right: calc(100% - 345px);
  }
  .shortFaqSection .sectionHead {
    width: 100%;
    padding-right: 0px;
  }
  .shortFaqSection .titleItem:not(:first-child) .textContainer, .shortFaqSection .titleItem:not(:first-child) .rulesChapter .rulesList, .rulesChapter .shortFaqSection .titleItem:not(:first-child) .rulesList {
    font-size: 16px;
  }
  .shortFaqSection .btnContainer .btnMain {
    min-width: 256px;
  }
  .btnMain.xs {
    line-height: 25px;
    padding: 4px 18px 3px;
  }
  .faqItem .accordTitle {
    padding: 5px 55px 5px 10px;
  }
  .faqItem .textContainer, .faqItem .rulesChapter .rulesList, .rulesChapter .faqItem .rulesList {
    line-height: 21px;
  }
  .faqItem .accordContent .textContainer, .faqItem .accordContent .rulesChapter .rulesList, .rulesChapter .faqItem .accordContent .rulesList {
    padding: 10px 10px 15px;
  }
  .faqItem + .faqItem {
    margin-top: 10px;
  }
  .siteLink {
    font-size: 15px;
  }
  .regItem {
    font-size: 15px;
    line-height: 25px;
  }
  .regItem .value {
    font-size: 15px;
  }
  .siteFooter {
    padding-top: 26px;
  }
  .siteFooter .animatedGrid {
    height: 178px;
    perspective: 151.3px;
    bottom: auto;
    z-index: -1;
    top: calc(50% - 60px);
  }
  .siteFooter .menuContainer {
    display: block;
    margin-left: calc((450px - 100vw) / 2);
    margin-right: calc((450px - 100vw) / 2);
  }
  .siteFooter .menuContainer ul {
    display: grid;
    grid-template-rows: repeat(3, 1fr);
    grid-template-columns: 1fr auto;
    grid-auto-flow: column;
    padding: 22px 38px;
    clip-path: polygon(0px 60px, 54px 0px, calc(100% - 54px) 0px, 100% 60px, 100% 100%, 0px 100%);
  }
  .siteFooter .menuContainer ul:before, .siteFooter .menuContainer ul:after {
    display: none;
  }
  .siteFooter .menuContainer a {
    text-align: left;
    align-items: flex-start;
    line-height: 34px;
    min-width: 148px;
  }
  .footerInner {
    padding-bottom: 3px;
  }
  .footerInner .footSide {
    width: 50%;
    max-width: 50%;
    padding-top: 0px;
  }
  .footerInner .logoContainer {
    padding-top: 22px;
  }
  .footerInner .btnContainer {
    padding-top: 13px;
  }
  .footerInner .copyright {
    margin-top: 20px;
  }
  .footerInner .logoLink {
    position: relative;
    left: auto;
    top: auto;
  }
  .startScreen .visualName {
    font-size: 100px;
    top: 105px;
  }
  .startScreen:not(.homeScreen) .heroTitle {
    font-size: 32px;
  }
  .pageText {
    display: block;
  }
  .pageText .item {
    width: 100%;
  }
  .pageText .item + .item {
    margin-top: 20px;
  }
  .faqTabs .tabsList li {
    width: 50%;
  }
  .faqTabs .tabsList li:nth-child(3n+1) {
    border-left: 1px solid #39373d;
  }
  .faqTabs .tabsList li:nth-child(2n+1) {
    border-left: 0px solid #39373d;
  }
  .faqTabs .tabsList li:last-child:not(:nth-child(6n)) {
    border-right: 0px;
    width: 50%;
  }
  .faqTabs .tabsList li:last-child:not(:nth-child(2n)) {
    border-right: 1px solid #39373d;
    width: calc(50% + 1px);
  }
  .faqTabs .tabsContent {
    padding: 40px 15px;
  }
  .accordTitle .itemTitle {
    line-height: 23px;
  }
  .faqSection {
    padding-top: 0px;
  }
  .mediaPanel {
    display: block;
  }
  .mediaPanel .imageContainer,
  .mediaPanel .panelContent {
    max-width: 100%;
  }
  .mediaPanel .imageContainer {
    border-left: 0px;
  }
  .mediaPanel .panelContent {
    padding: 25px;
  }
  .mediaPanel .panelContent .bulletText {
    font-size: 18px;
  }
  .mediaPanel .panelContent > * + * {
    margin-top: 20px;
  }
  .mediaPanel .btnContainer {
    margin-top: 30px;
  }
  .mediaPanel .itemTitle {
    font-size: 18px;
  }
  .startScreen .visualName {
    font-size: 88px;
  }
  .rulesSection .mediaPanel .imageContainer .accent {
    font-size: 32px;
    line-height: 40px;
  }
  .rulesChapter {
    padding: 20px 20px 30px;
  }
  .rulesChapter .rulesHead {
    text-align: left;
    margin-bottom: 30px;
    padding-left: 70px;
  }
  .rulesChapter .rulesHead .count {
    font-size: 100px;
    top: -35px;
    left: -10px;
  }
  .rulesChapter .rulesHead .itemTitle {
    font-size: 18px;
    line-height: 32px;
  }
  .tarifsList.bigTarifs .item {
    width: 100%;
  }
  .tarifsSection {
    padding-top: 33px;
    padding-bottom: 33px;
  }
  .tarifCard {
    padding-top: 20px;
  }
  .tarifCard.bigCard .tarifId {
    margin-bottom: 0px;
  }
  .tarifCard.bigCard .cardDown {
    margin-bottom: -36px;
  }
  .mediaPanel .imageContainer .statList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .mediaPanel .imageContainer .statCard {
    width: calc(50% - 5px);
    min-width: 0px;
    margin-top: 10px;
  }
  .mediaPanel .imageContainer .statCard + .statCard {
    margin-top: 10px;
  }
  .mediaPanel .imageContainer .statCard .dataCaption {
    font-size: 16px;
  }
  .calcPanel .panelContent {
    background-image: url(../img/back-calc-mob.jpg);
    padding-top: 160px;
    background-size: 100% auto;
    background-position: center -148px;
  }
  .calcPanel .securityStatCard .dataItem {
    width: 100%;
  }
  .calcPanel .securityStatCard .dataItem + .dataItem {
    margin-top: 10px;
  }
  .aboutSection .mediaPanel .imageContainer {
    width: auto;
    padding-top: 61.0698365527%;
  }
  .panelHead .subtitle + .mainTitle {
    margin-top: 20px;
  }
  .stepsTabs {
    min-height: 0px;
  }
  .stepsTabs .panelContent {
    padding: 40px 80px 40px 20px;
  }
  .stepsTabs .tabsList {
    flex-wrap: wrap;
  }
  .stepsTabs .tabsList li {
    flex-basis: auto;
    flex-grow: inherit;
    width: 50%;
  }
  .stepsTabs .tabsList li:nth-child(2n+1) {
    border-left: 0px;
  }
  .proposalTabs .panelContent {
    padding: 27px 20px 160px;
  }
  .proposalTabs .backIcon {
    background-position: center bottom;
  }
  .proposalTabs .textContainer, .proposalTabs .rulesChapter .rulesList, .rulesChapter .proposalTabs .rulesList {
    font-size: 15px;
  }
  .advantageCard .cardContent {
    padding: 36px 12px 0px 20px;
  }
  .advantageCard .cardHead .itemTitle {
    font-size: 15px;
  }
  .advantageCard .cardHead .icon {
    width: 26px;
    min-width: 26px;
    margin-right: 10px;
  }
  .advantageCard .cardHead .icon img {
    height: 26px;
  }
  .bulletPanel {
    padding: 40px 30px;
  }
  .signPanel {
    display: block;
  }
  .signForm {
    width: 100%;
    padding: 50px 30px;
  }
  .signVisual {
    display: none;
  }
  .signForm {
    padding: 30px 30px 40px;
  }
  .signPanel {
    padding-top: 20px;
  }
  .signPanel .logoContainer {
    position: relative;
    left: auto;
    top: auto;
    margin-left: auto;
    margin-right: auto;
  }
  .cookiesBanner {
    width: 260px;
  }
  .chartPanel {
    margin-left: -10px;
    margin-right: -10px;
  }
  .modalContainer {
    padding: 46px 20px;
  }
  .modalCloseBtn {
    left: auto;
    right: 0;
    width: auto;
  }
  .messageModal .statusMessage {
    margin-left: -20px;
    margin-right: -20px;
    padding: 15px 20px;
  }
  .messageModal .btnContainer {
    margin-top: 20px;
  }
  .messageModal .iconStatus {
    margin-bottom: 20px;
  }
  .messageModal .modalContent {
    padding: 20px 20px 20px;
    max-width: 440px;
  }
  .contactsForm {
    padding: 30px 20px;
  }
  .contactsForm .btnContainer {
    margin-top: 30px;
  }
  .contactsForm .formNote {
    font-size: 15px;
    line-height: 22px;
  }
  .contactsForm .formContent .formItem {
    width: 100%;
  }
  .contactsForm .contactsHead {
    margin-bottom: 25px;
  }
  .supportPanel {
    padding: 30px 20px;
  }
  .supportPanel .socialsWrapper {
    margin-top: 30px;
  }
  .supportPanel .contactLinks {
    margin: 25px auto 0px;
  }
  .modalContent {
    max-width: 440px;
  }
  .contactsWrapper .contactsHead .itemLabel {
    font-size: 20px;
    line-height: 28px;
  }
  .stackingModal .modalContent {
    max-width: 440px;
    padding: 25px 20px 30px;
  }
  .optionsList li {
    padding: 11px 0px 13px;
  }
  .orderForm {
    padding: 0px 20px 30px;
  }
  .orderForm .orderHead {
    padding: 20px 0px;
  }
  .orderForm .orderHead .headStatus {
    min-height: 48px;
    padding-left: 62px;
  }
  .orderForm .orderHead .headStatus .iconStatus {
    font-size: 48px;
    top: calc(50% - 24px);
  }
  .orderForm .formContent {
    margin-left: -20px;
    margin-right: -20px;
    padding: 20px;
  }
  .orderForm .formContent .payIcon {
    width: auto;
    min-width: 0px;
    margin-left: 20px;
  }
  .orderForm .formContent .formItem {
    flex-grow: initial;
    width: calc(100% - 47px);
    margin-top: 12px;
  }
  .orderForm .formContent .formItem:not(:first-child) {
    width: 100%;
  }
  .orderForm .formContent:not(.formDetailed) {
    padding-right: 20px;
    padding-bottom: 20px;
    flex-wrap: wrap;
  }
  .orderForm .formContent.formDetailed {
    padding-left: 20px;
    padding-right: 20px;
  }
  .orderForm .formContent .copyContainer .iconBtnCopy {
    width: 27px;
    min-width: 27px;
    margin-left: 20px;
  }
  .orderForm .formInfo {
    padding-top: 20px;
  }
  .orderForm .formInfo.qrContainer .qrImage {
    width: 180px;
    padding: 10px;
  }
  .orderForm .orderNumber {
    margin-top: 6px;
  }
  .orderForm .formActions {
    flex-wrap: wrap;
    margin-top: 15px;
  }
  .orderForm .formActions .btnContainer {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 20px;
  }
  .orderForm .infoPanel {
    min-height: 66px;
  }
  .orderForm .infoList {
    margin-top: -10px;
  }
  .orderForm .infoList .infoPanel {
    margin-top: 10px;
  }
  .bonusSection .mediaPanel .imageContainer {
    padding-top: 47.1726190476%;
  }
  .levelsList .splide__list {
    flex-wrap: nowrap;
  }
  .levelsList .splide__track {
    overflow: visible;
  }
  .levelsList .item {
    width: 100%;
  }
  .levelsList .splide {
    width: 100%;
  }
  .levelsList .sliderNavigation {
    display: flex;
  }
}
@media (max-width: 639px) {
  .stepsSection {
    background-size: 640px auto;
  }
  .tarifsSection.homeTarifs {
    background-size: 640px auto;
  }
  .calcSection:after {
    background-size: 640px auto;
    top: calc(100% - 126px);
  }
  .chartPanel .chartContainer {
    padding: 30px 8px 16px 8px;
  }
  .chartPanel .paymentMenu {
    flex-wrap: wrap;
  }
  .chartPanel .paymentMenu li {
    width: 50%;
    flex-basis: initial;
    flex-grow: initial;
  }
  .chartPanel .paymentMenu li:nth-child(2n+1) {
    border-left: none;
  }
  .chartPanel .paymentMenu input:checked + label {
    border-bottom-color: #39373d;
  }
}
@media (max-width: 479px) {
  .container {
    padding: 0 9px;
  }
  .burgerContainer {
    width: 52px;
    min-height: 48px;
  }
  .burgerContainer:before, .burgerContainer:after {
    width: 48px;
    border: 24px solid transparent;
    border-top: 24px solid #19171d;
  }
  .burgerContainer:before {
    border-right: 24px solid #19171d;
  }
  .burgerContainer:after {
    border-left: 24px solid #19171d;
  }
  .headSide {
    padding-top: 10px;
  }
  .siteHeader .langContainer {
    top: calc((100% - 20px) / 2);
  }
  .heroStatList {
    margin: -10px -6px 0px;
  }
  .heroStatList .dataCaption {
    font-size: 14px;
  }
  .splitLayout {
    margin: -30px -4px 0px;
  }
  .splitLayout .item {
    padding: 22px 0px 0px;
  }
  .securityStatCard {
    display: block;
  }
  .securityStatCard .dataItem {
    width: 100%;
  }
  .securityStatCard .dataItem:nth-child(2n+1) {
    padding-right: 0px;
  }
  .securityStatCard .dataItem:nth-child(2n) {
    padding-left: 0px;
  }
  .securityStatCard .dataItem + .dataItem {
    margin-top: 15px;
  }
  .itemTitle {
    line-height: 30px;
  }
  .tarifsList .splide {
    max-width: 320px;
  }
  .sliderNavigation .navPagination {
    padding: 0px 8px;
  }
  .sliderNavigation .navBtn {
    font-size: 10px;
  }
  .pagination-bullet {
    margin: 0 4px;
    width: 18px;
    height: 18px;
  }
  .stepsList,
  .infoMenuGrid {
    margin-left: -5px;
    margin-right: -5px;
  }
  .stepCard {
    padding: 10px 20px 10px 140px;
  }
  .stepCard .cardIcon {
    width: 240px;
    left: -55px;
  }
  .platformCarousel .splide {
    max-width: 290px;
    margin-left: auto;
    margin-right: auto;
  }
  .platformCarousel .splide__track {
    overflow: visible;
  }
  .platformCarousel .splide__slide.is-active .headBorderCard .cardHead:after {
    opacity: 1;
  }
  .shortFaqSection .faqList {
    margin-left: -5px;
    margin-right: -5px;
  }
  .shortFaqSection .titleItem:not(:first-child) .titleContent {
    max-width: 290px;
    margin-left: auto;
    margin-right: auto;
  }
  .siteFooter .animatedGrid {
    top: calc(50% - 20px);
  }
  .siteFooter .menuContainer {
    margin-left: -9px;
    margin-right: -9px;
  }
  .siteFooter .menuContainer ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .siteFooter .menuContainer a {
    min-width: 0px;
  }
  .footerInner .regItem {
    padding-right: 12px;
    flex-grow: 1;
  }
  .footerInner .btnContainer {
    min-width: 96px;
    flex-basis: 0;
  }
  .footerInner .socialsList {
    flex-wrap: wrap;
    justify-content: center;
  }
  .footerInner .footSide {
    width: 100%;
    max-width: 100%;
  }
  .footerInner .footSide:first-child {
    align-items: center;
    text-align: center;
  }
  .footerInner .footSide:last-child {
    align-items: center;
    text-align: center;
    margin-top: 20px;
  }
  .themeTabs .paymentTypeList label,
  .themeTabs .paymentTypeList a,
  .themeTabs .tabsList label,
  .themeTabs .tabsList a {
    min-height: 61px;
    font-size: 14px;
    line-height: 21px;
    padding: 5px 20px 5px 15px;
  }
  .faqTabs .tabsList a:after {
    font-size: 76px;
    top: calc(50% - 38px);
  }
  .joinLine .textContainer, .joinLine .rulesChapter .rulesList, .rulesChapter .joinLine .rulesList {
    max-width: 290px;
    margin-left: auto;
    margin-right: auto;
  }
  .mediaPanel .panelContent {
    padding: 20px 10px 30px;
  }
  .mediaPanel .imageContainer {
    padding: 28px 10px;
  }
  .rulesChapter {
    padding: 20px 10px 30px;
  }
  .rulesChapter .rulesHead {
    margin-bottom: 20px;
  }
  .rulesChapter .rulesHead .count {
    font-size: 90px;
    left: 0px;
  }
  .tarifCard.bigCard .tarifParams {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .calcPanel .panelContent {
    padding-top: 120px;
    background-size: auto 410px;
  }
  .calcPanel .securityStatCard {
    padding: 28px 20px;
  }
  .calcSection {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .calcSection:after {
    top: calc(100% - 106px);
  }
  .stepsTabs .panelContent {
    padding: 30px 15px;
  }
  .proposalTabs .panelContent {
    padding: 27px 15px 160px;
  }
  .historyCarousel .splide__slide {
    padding: 0 5px;
  }
  .historyCarousel .splide__slide.is-active {
    width: 290px;
  }
  .historyCard .fullContent {
    padding: 20px 15px;
  }
  .advantageCard .cardHead .itemTitle {
    font-size: 17px;
  }
  .advantageCard .cardHead .icon {
    width: auto;
    min-width: 0px;
    margin-right: 10px;
  }
  .bulletPanel {
    padding: 30px 15px;
  }
  .bulletPanel .heroTitle {
    font-size: 26px;
  }
  .signForm {
    padding: 20px 20px 40px;
  }
  .signForm .preText + .formContent {
    margin-top: 30px;
  }
  .signWrapper {
    background-size: 1150px auto;
  }
  .chartPanel {
    margin-left: -4px;
    margin-right: -4px;
  }
  .modalContainer {
    padding: 46px 15px;
  }
  .messageModal .statusMessage {
    margin-left: -15px;
    margin-right: -15px;
    padding: 15px;
  }
  .messageModal .modalContent {
    padding: 20px 15px 20px;
  }
  .contactsForm {
    padding: 30px 15px;
  }
  .supportPanel {
    padding: 30px 15px;
  }
  .stackingModal .modalContent {
    padding: 25px 15px 30px;
  }
  .optionsList li {
    display: block;
    padding: 0px;
  }
  .optionsList .optionItem {
    padding: 11px 15px 13px;
  }
  .optionsList .optionItem:nth-child(2n) {
    text-align: left;
  }
  .optionsList .optionItem + .optionItem {
    border-top: 1px solid #39373d;
  }
  .orderForm {
    padding: 0px 15px 30px;
  }
  .orderForm .orderHead .headStatus .status {
    display: block;
  }
  .orderForm .formContent {
    margin-left: -15px;
    margin-right: -15px;
    padding: 20px 15px;
  }
  .orderForm .formContent.formDetailed {
    padding-left: 15px;
    padding-right: 15px;
  }
  .orderForm .formContent .payIcon {
    margin-left: 12px;
  }
  .orderForm .formContent .formItem {
    width: calc(100% - 39px);
  }
  .orderForm .formContent:not(.formDetailed) {
    padding-right: 15px;
  }
  .orderForm .formContent .copyContainer .iconBtnCopy {
    margin-left: 12px;
  }
  .orderForm .infoPanel {
    padding: 5px 12px;
  }
  .levelsList {
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 1899px) {
  .cabHeader .timeItem {
    display: none;
  }
  .dashboard .gridItem {
    width: 50%;
  }
  .dashboard .gridItem:nth-child(3), .dashboard .gridItem:nth-child(4), .dashboard .gridItem:nth-child(5) {
    width: 100%;
  }
  .dashboard .gridItem:nth-child(5) {
    flex-direction: row;
    justify-content: space-between;
  }
  .dashboard .gridItem:nth-child(5) .cabPanel {
    flex-grow: initial;
  }
  .stakingStats {
    display: flex;
    justify-content: space-between;
  }
  .stakingStats .cabIconCard {
    width: calc((100% - 70px) / 3);
  }
  .cabIconCard {
    padding: 10px 20px 10px 50px;
  }
  .stakingPanel .cabIconCard + .cabIconCard {
    margin-top: 0px;
  }
  .stakingPanel .panelHead > * {
    display: inline-block;
    vertical-align: bottom;
    margin-left: 5px;
    margin-right: 5px;
  }
  .refLinkPanel,
  .refPartnersPanel {
    width: calc(50% - 15px);
  }
  .refLinkPanel + .refPartnersPanel {
    margin-top: 0px;
  }
  .refPartnersPanel .cabIconCard {
    padding: 10px 50px;
  }
  .refPartnersPanel .cabIconCard:first-child {
    justify-content: center;
  }
  .welcomeItem {
    width: 330px;
  }
  .welcomeData,
  .welcomeAdd {
    width: calc((100% - 330px) / 2);
  }
  .welcomeHeadInfo .infoItem {
    width: 100%;
  }
  .depositStep {
    padding-left: 30px;
    padding-right: 30px;
  }
  .tarifCard.depositCard {
    padding: 20px 15px;
  }
  .tarifCard.depositCard .tarifId {
    font-size: 44px;
    top: -25px;
  }
  .depositForm .paymentTabs {
    margin-left: -30px;
    margin-right: -30px;
  }
  .paymentTabs .paymentContent {
    padding: 25px 30px 0px;
  }
  .formPaymentsList .paymentItem {
    padding: 18px 10px 22px;
  }
  .formPaymentsList .payHead {
    margin-left: 0px;
    padding-left: 0px;
    align-items: center;
    text-align: center;
  }
  .formPaymentsList .payIcon {
    position: relative;
    left: auto;
    top: auto;
    margin-bottom: 5px;
  }
  .cabForm .sumStep .conditions {
    margin-top: 20px;
  }
  .cabForm .paymentItem {
    min-height: 180px;
  }
  .cabRefStatistic .refCard {
    padding: 10px 40px 12px;
  }
  .cabRefStatistic .refCard .content {
    padding-right: 0px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .cabRefStatistic .refCard .inner {
    display: block;
  }
  .cabRefStatistic .refCard .btnContainer {
    margin-top: 12px;
  }
  .cabRefStatistic .cabIconCard {
    padding: 10px 20px 10px 30px;
  }
  .cabRefStatistic .cabIconCard .inner {
    padding-left: 72px;
  }
  .cabRefStatistic .infoNamesCard .dataItem {
    padding: 10px 20px 15px 40px;
  }
  .cabLinesPanel .itemParams {
    padding: 20px;
  }
  .cabPartners {
    padding: 28px 30px 56px;
  }
  .settingsForm {
    padding: 28px 30px 40px;
  }
  .settingsForm .formContent .formItem {
    width: calc((100% - 25px) / 2);
  }
  .settingsForm .formContent .inputList,
  .settingsForm .formContent .checkList {
    width: calc((100% - 25px) / 2);
  }
  .settingsForm .formContent .inputList .formItem,
  .settingsForm .formContent .checkList .formItem {
    width: 100%;
  }
  .settingsForm .qrWrapper {
    padding-left: 210px;
  }
}
@media (max-width: 1799px) and (min-width: 1400px) {
  .timerCard {
    display: block;
  }
  .timerCard .cardHead {
    width: 100%;
    padding-right: 50%;
    min-height: 220px;
  }
  .timerCard .tarifId {
    left: calc(25% - 4px);
  }
  .timerCard .tarifIcon {
    position: absolute;
    left: calc(75% - 86px - 30px);
    top: 0;
  }
  .timerCard .cardContent {
    padding-left: 30px;
    width: 100%;
  }
}
@media (max-width: 1599px) {
  .cabMenu {
    width: 140px;
  }
  .cabContent {
    width: calc(100% - 140px);
  }
  .cabHeader .logoContainer {
    width: 170px;
    justify-content: flex-start;
    padding-left: 12px;
    min-width: 170px;
  }
  .welcomeItem {
    min-height: 102px;
    padding: 10px 9px 10px 123px;
  }
  .welcomeItem .avaContainer {
    top: 10px;
  }
  .welcomeData {
    width: auto;
    flex-grow: 1;
    padding: 9px 24px;
    justify-content: flex-start;
  }
  .welcomeData .dataItem {
    width: auto;
    min-width: 215px;
  }
  .welcomeData .dataItem:nth-child(2n+1) {
    padding-right: 15px;
  }
  .welcomeAdd {
    width: auto;
    padding: 5px 18px 5px 32px;
  }
  .welcomeHeadInfo {
    min-width: 235px;
  }
  .welcomeHeadInfo .infoItem {
    margin-left: 0px;
  }
  .cabMenuList .menuLink {
    min-height: 100px;
    font-size: 12px;
  }
  .cabMenuList .menuLink .icon {
    margin-bottom: 12px;
  }
  .balancePanel .panelHead {
    padding: 18px 40px;
  }
  .itemLabel.lg {
    line-height: 26px;
  }
  .balanceListContainer {
    padding: 18px 20px 18px 40px;
  }
  .lastDepositPanel .panelHead {
    padding: 18px 38px 10px;
  }
  .lastDepositPanel .panelHead .headInfo {
    margin-top: 0px;
  }
  .stakingPanel .itemValue {
    font-size: 30px;
    line-height: 36px;
  }
  .stakingPanel .panelHead {
    padding: 25px 0px 24px;
  }
  .stakingPanel .panelHead > * {
    margin-left: 2px;
    margin-right: 2px;
  }
  .cabIconCard {
    padding: 10px 20px 10px 30px;
  }
  .cabIconCard .inner {
    padding-left: 78px;
  }
  .proposalsCarousel {
    max-width: 1030px;
  }
  .refPartnersPanel {
    padding: 0px 10px 10px;
    width: 57.0833333333%;
  }
  .refPartnersPanel .cabIconCard {
    margin-top: 10px;
    min-height: 68px;
  }
  .refPartnersPanel .cabIconCard.vert {
    padding: 16px 40px 10px;
  }
  .refPartnersPanel .cabIconCard.vert .icon {
    margin-bottom: 2px;
  }
  .refLinkPanel {
    width: 40.4166666667%;
    padding: 10px 54px;
  }
  .refLinkPanel .link {
    margin-top: 6px;
  }
  .cabFooter {
    width: 140px;
  }
  .filterForm {
    padding: 16px 30px 29px;
  }
  .cabTable .cell:first-child {
    padding-left: 30px;
  }
  .cabForm,
  .depositForm {
    display: block;
  }
  .depositStep + .depositStep {
    margin-top: 30px;
  }
  .cabForm .depositStep {
    width: 100%;
  }
  .cabForm .sumStep {
    flex-direction: row;
  }
  .cabForm .sumStep .formItem {
    flex-grow: 1;
  }
  .depositsList {
    margin: -30px -15px 0px;
  }
  .depositsList .item {
    padding: 30px 15px 0px;
  }
  .cabLinesPanel .lineItem {
    display: block;
  }
  .cabLinesPanel .itemHead {
    flex-direction: row;
    width: 100%;
  }
  .cabLinesPanel .name,
  .cabLinesPanel .icon {
    width: 50%;
  }
  .cabLinesPanel .itemParams {
    width: 100%;
    padding: 20px 30px;
  }
  .cabLinesPanel .icon {
    height: 90px;
    border-top: none;
    border-right: none;
    border-left: 1px solid #39373d;
    border-bottom: 1px solid #39373d;
  }
  .partnersTable .partnerRow {
    padding-left: 175px;
  }
  .partnersTable .accordItem .partnerRow.level2 {
    padding-left: 135px;
  }
  .partnersTable .accordItem .partnerRow.level3 {
    padding-left: 95px;
  }
  .partnersTable .accordItem .partnerRow.level4 {
    padding-left: 55px;
  }
  .cabSettings {
    display: block;
  }
  .cabSettings .gridItem {
    width: 100%;
  }
  .personalForm .formTitle {
    margin-bottom: 30px;
  }
  .paymentCard {
    padding: 39px 30px;
  }
}
@media (max-width: 1399px) {
  .welcomeItem {
    width: 290px;
  }
  .welcomeData {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 9px 20px;
    flex-grow: initial;
  }
  .welcomeData .val {
    font-size: 18px;
    line-height: 24px;
    margin-left: 10px;
  }
  .welcomeData .dataCaption {
    white-space: nowrap;
  }
  .welcomeData .dataItem .icon {
    top: calc(50% - 14px);
    width: 28px;
  }
  .welcomeData .dataItem .inner {
    padding-left: 42px;
    min-height: 28px;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
  }
  .welcomeData .dataItem + .dataItem {
    margin-top: 8px;
  }
  .welcomeItem {
    padding: 10px 9px 10px 88px;
    min-height: 83px;
  }
  .welcomeItem .avaContainer {
    width: 65px;
    height: 65px;
    top: calc(50% - 32px);
  }
  .welcomeItem .name {
    font-size: 18px;
    line-height: 22px;
  }
  .welcomeItem .val {
    font-size: inherit;
    line-height: inherit;
  }
  .welcomeItem .accStatus {
    font-size: 16px;
    line-height: 22px;
  }
  .welcomeItem .dataCaption {
    font-size: inherit;
    line-height: inherit;
  }
  .cabMenuList .menuLink {
    min-height: 79px;
    padding-top: 10px;
  }
  .cabMenuList .menuLink .icon {
    margin-bottom: 4px;
  }
  .cabWrapper {
    padding-right: 15px;
  }
  .itemValue.xs {
    font-size: 24px;
    line-height: 34px;
  }
  .langContainer.textType .langHead {
    width: 34px;
    height: 34px;
    padding: 0px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.28);
    background-color: transparent;
    border-radius: 50%;
  }
  .langContainer.textType .flag {
    width: 28px;
    height: 28px;
    min-width: 28px;
    margin-right: 2px;
    margin-left: 2px;
  }
  .langContainer.textType .langMenu ul {
    padding: 5px 3px;
  }
  .langContainer.textType .langMenu li + li {
    margin-top: 3px;
  }
  .langContainer.textType .langMenu .langBtn {
    width: 28px;
    padding: 0px;
    overflow: hidden;
  }
  .langContainer.textType .langMenu .flag {
    margin-right: 0px;
    margin-left: 0px;
  }
  .welcomeAdd {
    flex-grow: 1;
  }
  .welcomeHeadInfo {
    min-width: 0px;
    flex-grow: 1;
  }
  .balancePanel .panelHead {
    padding: 14px 20px;
    align-items: flex-start;
  }
  .balancePanel .panelHead .itemValue {
    margin-top: 0px;
  }
  .balancePanel .balanceActions li + li {
    margin-top: 2px;
  }
  .balancePanel .itemLabel {
    font-size: 14px;
    line-height: 20px;
  }
  .balancePanel .balanceStats .statItem {
    padding: 5px 20px;
  }
  .balanceListContainer {
    padding: 18px 20px;
  }
  .actionLink {
    line-height: 34px;
  }
  .actionLink .dataIcon {
    font-size: 18px;
    width: 34px;
    height: 34px;
  }
  .lastDepositPanel .panelHead {
    padding: 14px 18px 16px;
  }
  .lastDepositPanel .panelHead .headInfo {
    margin-top: 10px;
  }
  .lastDepositPanel .tarifInfo {
    padding: 24px 18px 24px 20px;
  }
  .lastDepositPanel .tarifInfo .dataCaption {
    font-size: 16px;
    line-height: 24px;
  }
  .lastDepositPanel .tarifInfo .inner {
    padding-left: 158px;
  }
  .lastDepositPanel .tarifInfo .sumWrapper {
    margin-top: 10px;
  }
  .lastDepositPanel .tarifInfo .sum {
    font-size: 16px;
    line-height: 22px;
  }
  .lastDepositPanel .tarifInfo .tarifId {
    margin-left: auto;
  }
  .lastDepositPanel .tarifInfo .name {
    font-size: 16px;
    line-height: 24px;
  }
  .lastDepositPanel .panelTimer {
    padding-top: 16px;
  }
  .lastDepositPanel .panelTimer .profitItem {
    width: calc(50% - 4px);
    min-height: 65px;
  }
  .lastDepositPanel .panelTimer .profitItem .val {
    font-size: 16px;
    line-height: 24px;
  }
  .lastDepositPanel .panelTimer .profitContainer {
    margin-top: 16px;
  }
  .lastDepositPanel .panelTimer .timer {
    font-size: 24px;
    line-height: 26px;
  }
  .lastDepositPanel .panelTimer .timer .timerVal {
    min-width: 34px;
  }
  .lastDepositPanel .panelTimer .dataCaption {
    font-size: 16px;
  }
  .lastDepositPanel .panelTimer .dataCaption .val {
    font-size: 18px;
  }
  .stakingPanel {
    padding: 0px 20px 35px;
  }
  .stakingPanel .itemValue {
    font-size: 30px;
    line-height: 34px;
  }
  .cabIconCard {
    padding: 10px 15px 10px 20px;
  }
  .cabIconCard .inner {
    padding-left: 58px;
  }
  .cabIconCard .dataCaption {
    font-size: 16px;
    line-height: 20px;
  }
  .cabIconCard .dataValue {
    font-size: 24px;
  }
  .stakingStats .cabIconCard {
    width: calc((100% - 40px) / 3);
  }
  .proposalsCarousel .splide__slide.is-active {
    width: 603px;
  }
  .tarifsInvestPanel {
    padding: 24px 20px 28px;
  }
  .proposalCard .cardHead {
    width: 221px;
  }
  .proposalCard .conditions {
    width: calc(100% - 221px);
    padding-left: 42px;
    display: flex;
    flex-direction: column;
    padding-right: 32px;
  }
  .proposalCard .dayProfit {
    align-self: center;
    padding-left: 0px;
  }
  .refLinkPanel {
    width: calc(50% - 10px);
    padding: 10px 38px;
  }
  .refPartnersPanel {
    width: calc(50% - 10px);
  }
  .refPartnersPanel .cabIconCard {
    width: calc(50% - 5px);
    padding: 10px 30px;
  }
  .refPartnersPanel .cabIconCard .dataValue {
    margin-left: 6px;
  }
  .refPartnersPanel .cabIconCard.vert {
    padding: 16px 20px 10px;
  }
  .refPartnersPanel .cabIconCard:not(.vert) .inner {
    padding-left: 78px;
  }
  .cabTable .cell {
    padding-left: 15px;
    padding-right: 15px;
  }
  .cabTable .cell:first-child {
    padding-left: 20px;
  }
  .cabTable .title {
    font-size: 13px;
  }
  .cabTable .sum {
    font-size: 14px;
  }
  .cabTable .name,
  .cabTable .status {
    font-size: 15px;
  }
  .filterForm {
    padding: 16px 20px 29px;
  }
  .filterForm .filterItem {
    padding: 0 10px;
  }
  .filterForm .filterContent {
    margin-left: -10px;
    margin-right: -10px;
  }
  .paymentTabs .paymentTypeList label,
  .paymentTabs .paymentTypeList a,
  .paymentTabs .tabsList label,
  .paymentTabs .tabsList a {
    padding: 5px 20px;
    justify-content: center;
  }
  .cabForm .paymentItem {
    min-height: 0px;
  }
  .cabForm .paymentItem .itemContent {
    padding-top: 5px;
  }
  .cabForm .paymentItem .payIcon {
    margin-bottom: 5px;
  }
  .cabPageTitle {
    font-size: 32px;
    line-height: 40px;
    margin-top: -8px;
  }
  .depositsList .item {
    width: 100%;
  }
  .timerCard .cardHead {
    width: 268px;
  }
  .timerCard .dayProfit {
    padding-left: 40px;
  }
  .depositsTabs .tabsList a {
    justify-content: center;
  }
  .depositsTabs .tabsContent {
    padding: 50px 30px 40px;
  }
  .cabLinesPanel .name {
    font-size: 16px;
    line-height: 24px;
  }
  .cabRefStatistic .refCard {
    padding: 10px 30px 12px;
  }
  .cabRefStatistic .programCard {
    padding: 10px 20px 12px;
  }
  .cabRefStatistic .programCard .dataValue {
    font-size: 28px;
    line-height: 32px;
  }
  .cabRefStatistic .cabIconCard {
    padding-right: 15px;
  }
  .cabRefStatistic .cabIconCard .icon {
    position: relative;
    left: auto;
    top: auto;
    transform: translateY(0%);
    margin-bottom: 5px;
  }
  .cabRefStatistic .cabIconCard .inner {
    padding-left: 0px;
  }
  .cabRefStatistic .infoNamesCard .dataItem {
    padding-left: 20px;
  }
  .cabLinesPanel .itemParams {
    padding: 15px 25px;
  }
  .partnersTable .partnerRow {
    padding-left: 145px;
  }
  .partnersTable .name {
    max-width: 180px;
    font-size: 17px;
  }
  .partnersTable .val {
    font-size: 17px;
  }
  .partnersTable .date {
    font-size: 15px;
    line-height: 25px;
  }
  .partnersTable .accordItem .partnerRow.level2 {
    padding-left: 115px;
    width: calc(100% - 30px);
    margin-left: 30px;
  }
  .partnersTable .accordItem .partnerRow.level3 {
    padding-left: 75px;
    width: calc(100% - 70px);
    margin-left: 70px;
  }
  .partnersTable .accordItem .partnerRow.level4 {
    padding-left: 35px;
    width: calc(100% - 110px);
    margin-left: 110px;
  }
  .cabPartners {
    padding: 28px 25px 40px;
  }
  .paginationList {
    margin-top: 40px;
  }
  .cabRequisits .gridItem {
    width: 50%;
  }
}
@media (max-width: 1149px) {
  .cabMenu {
    position: absolute;
    width: 311px;
    right: 0;
    top: 0;
    background-color: #141217;
    z-index: 9;
    padding: 0px 11px 20px 20px;
    border-bottom: none;
    opacity: 0;
    pointer-events: none;
    transform: translateX(100%);
    transition: opacity 0.1s ease, transform 0.2s ease;
  }
  .cabMenu.active {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0%);
    transition: opacity 0.2s 0.1s ease, transform 0.2s ease;
  }
  .cabMenuHead {
    display: flex;
    padding-right: 75px;
  }
  .cabMenuList {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #252329;
    border-bottom: none;
    border-right: none;
  }
  .cabMenuList > li {
    width: 50%;
  }
  .cabMenuList > li:not(.deskHidden) {
    border-right: 1px solid #252329;
  }
  .cabMenuList .menuLink {
    background-color: #19171d;
    min-height: 89px;
  }
  .cabMenuList .deskHidden {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .cabWrapper {
    padding-right: 0px;
    padding-bottom: 0px;
  }
  .cabContent {
    width: 100%;
    padding-left: 11px;
    padding-right: 11px;
  }
  .welcomeAdd {
    display: none;
  }
  .cabHeader {
    padding-right: 11px;
  }
  .cabHeader .burger {
    display: block;
    z-index: 10;
  }
  .cabHeader .logoLink {
    width: 56px;
    overflow: hidden;
  }
  .cabHeader .logoContainer {
    width: 84px;
    justify-content: center;
    padding-left: 0px;
    min-width: 84px;
  }
  .cabHeader .burger {
    width: 64px;
    height: 64px;
    background-color: #252329;
    align-self: center;
  }
  .cabHeader .headerContent {
    flex-grow: initial;
    width: calc(100% - 11px - 64px - 84px);
    margin-right: 11px;
  }
  .welcomeItem {
    width: 42.9440389294%;
  }
  .welcomeData {
    width: 57.0559610706%;
    border-right: none;
  }
  .cabPageTitle {
    font-size: 18px;
    line-height: 35px;
    padding-bottom: 7px;
    margin-top: -23px;
    text-align: center;
  }
  .cabPageTitle.deskHidden {
    display: block;
  }
  .dashboard {
    margin: -20px -10px 0px;
  }
  .dashboard .gridItem {
    padding: 20px 10px 0px;
  }
  .stakingPanel .btnContainer {
    margin-top: 20px;
  }
  .tarifsInvestPanel {
    padding: 18px 20px;
  }
  .proposalsCarousel {
    margin-top: 22px;
  }
  .proposalsCarousel .sliderNavigation {
    margin-top: 20px;
  }
  .proposalCard .dayProfit {
    margin-bottom: 32px;
  }
  .proposalCard .conditionsList li + li {
    margin-top: 12px;
  }
  .cabFooter {
    position: relative;
    bottom: auto;
    left: auto;
    width: 100%;
    padding-left: 11px;
    padding-right: 11px;
    min-height: 0px;
  }
  .depositStep + .depositStep {
    margin-top: 20px;
  }
  .tarifCard.depositCard .tarifIcon {
    transform: none;
  }
}
@media (max-width: 991px) {
  .welcomeItem {
    width: 45%;
  }
  .welcomeData {
    width: 55%;
  }
  .welcomeData .val {
    font-size: 16px;
    margin-left: 5px;
  }
  .itemValue.xs {
    font-size: 22px;
  }
  .balancePanel .balanceStats .dataCaption {
    font-size: 16px;
  }
  .lastDepositPanel .tarifInfo .tarifIcon {
    top: calc(50% - 52px);
    width: 103px;
    height: 103px;
  }
  .lastDepositPanel .tarifInfo .tarifIcon:before {
    background-size: 85px auto;
  }
  .lastDepositPanel .tarifInfo .inner {
    padding-left: 128px;
  }
  .balanceListContainer {
    padding: 22px 20px;
  }
  .stakingPanel {
    padding: 0px 20px 30px;
  }
  .stakingPanel .panelHead {
    padding: 12px 0px 10px;
  }
  .stakingPanel .panelHead .itemLabel {
    font-size: 16px;
  }
  .stakingPanel .itemValue {
    font-size: 24px;
    line-height: 32px;
  }
  .cabIconCard {
    padding: 16px 15px 18px 20px;
  }
  .stakingStats .cabIconCard {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 16px 15px 18px;
  }
  .stakingStats .cabIconCard .dataCaption {
    font-size: 15px;
  }
  .stakingStats .cabIconCard .icon {
    position: relative;
    left: auto;
    top: auto;
    margin-bottom: 4px;
  }
  .stakingStats .cabIconCard .inner {
    padding-left: 0px;
    align-items: center;
  }
  .proposalsCarousel .splide {
    min-height: 0px;
  }
  .proposalsCarousel .splide__slide.is-active {
    width: 503px;
  }
  .proposalCard {
    min-width: 177px;
  }
  .proposalCard .shortContent .tarifIcon,
  .proposalCard .fullContent .tarifIcon {
    width: 107px;
    height: 107px;
  }
  .proposalCard .shortContent .tarifIcon:before,
  .proposalCard .fullContent .tarifIcon:before {
    background-size: 87px auto;
  }
  .proposalCard .shortContent .dataValue {
    font-size: 24px;
    margin-top: 36px;
  }
  .proposalCard .shortContent .name {
    font-size: 14px;
  }
  .proposalCard .shortContent .tarifIcon {
    margin-top: 36px;
  }
  .proposalCard .fullContent .cardHead {
    text-align: left;
    padding-left: 20px;
  }
  .proposalCard .fullContent .tarifIcon {
    margin-left: 0px;
    margin-top: 60px;
  }
  .proposalCard .tarifId {
    left: 18px;
  }
  .proposalCard .conditions {
    padding-left: 0px;
    padding-top: 5px;
  }
  .proposalCard .dayProfit {
    margin-bottom: 22px;
  }
  .proposalCard .conditionsList {
    margin-left: -54px;
  }
  .proposalCard .conditionsList .val {
    font-size: 16px;
  }
  .proposalCard .btnList {
    margin-top: 6px;
  }
  .proposalCard .btnList li {
    padding: 22px 11px 0px;
  }
  .dashboard {
    margin: -20px -10px 0px;
  }
  .dashboard .gridItem:nth-child(5) {
    display: block;
  }
  .refLinkPanel,
  .refPartnersPanel {
    width: 100%;
  }
  .refLinkPanel {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto 1fr;
    align-items: initial;
    min-height: 0px;
    padding: 22px 28px 22px 38px;
  }
  .refLinkPanel + .refPartnersPanel {
    margin-top: 20px;
  }
  .refLinkPanel .btnContainer {
    margin-top: 0px;
    grid-row-start: 1;
    grid-row-end: 3;
    grid-column-start: 2;
    display: flex;
    align-items: center;
    padding-left: 16px;
  }
  .refPartnersPanel .cabIconCard.vert {
    padding: 16px 20px 16px;
  }
  .refPartnersPanel .cabIconCard.vert .inner {
    padding-left: 80px;
  }
  .refPartnersPanel .cabIconCard.vert .icon {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    margin-bottom: 0px;
  }
  .filterForm {
    padding: 16px 15px 24px;
  }
  .filterForm .filterItem {
    padding: 0 5px;
  }
  .filterForm .filterContent {
    margin-left: -5px;
    margin-right: -5px;
  }
  .choices__inner {
    padding: 11px 40px 11px 15px;
    font-size: 16px;
    line-height: 24px;
    min-height: 48px;
  }
  .choices[data-type*=select-one] .choices__inner {
    padding-bottom: 11px;
  }
  .choices[data-type*=select-one]:after {
    right: 15px;
  }
  .choices__list--dropdown .choices__item,
  .choices__list[aria-expanded] .choices__item {
    padding: 8px 15px;
    font-size: 16px;
    line-height: 24px;
  }
  .dateInput input.datepicker-input {
    padding-right: 40px;
  }
  .dateInput:after {
    right: 15px;
  }
  .inputContainer .inputText,
  .inputContainer input,
  .inputContainer textarea {
    font-size: 16px;
    line-height: 24px;
    padding: 10px 15px 12px;
  }
  .inputContainer input {
    height: 48px;
  }
  .inputContainer .inputPlaceholder {
    padding: 10px 15px 12px;
    font-size: 16px;
    line-height: 24px;
  }
  .cabTable {
    display: block;
  }
  .cabTable .tableHead {
    display: none;
  }
  .cabTable .cell {
    display: flex;
    flex-direction: column;
    height: auto;
  }
  .cabTable .cell:first-child {
    padding-left: 15px;
  }
  .cabTable .cell:first-child, .cabTable .cell:nth-child(2), .cabTable .cell:nth-child(3), .cabTable .cell:nth-child(4), .cabTable .cell:nth-child(5), .cabTable .cell:nth-child(6), .cabTable .cell:nth-child(7) {
    width: 25%;
  }
  .cabTable .val {
    min-height: 26px;
    margin-top: 3px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .cabTable .tableLine {
    display: flex;
    flex-wrap: wrap;
    padding-top: 3px;
    padding-bottom: 3px;
  }
  .cabTable .tableLine + .tableLine {
    border-top: 1px solid #39373d;
  }
  .cabTable .tableLine .cell {
    border-top: none;
  }
  .cabTable .tableLine .title {
    display: block;
  }
  .depositStep {
    padding-left: 20px;
    padding-right: 20px;
  }
  .paymentTabs .paymentContent {
    padding: 25px 20px 0px;
  }
  .depositForm .paymentTabs {
    margin-left: -20px;
    margin-right: -20px;
  }
  .tarifCard.depositCard {
    padding: 20px 10px;
  }
  .paymentTabs .balanceInfo .itemValue {
    line-height: 1.2;
  }
  .depositsTabs .tabsContent {
    padding: 40px 20px;
  }
  .timerCard .btnList {
    justify-content: center;
    flex-wrap: wrap;
    padding-left: 30px;
    padding-right: 30px;
  }
  .timerCard .cardContent {
    padding-right: 0px;
  }
  .timerCard .headConditions {
    padding: 0px 15px;
  }
  .timerCard .conditionsList {
    margin-left: 0px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .cabLinesPanel {
    flex-wrap: wrap;
  }
  .cabLinesPanel .lineItem {
    flex-grow: initial;
    flex-basis: initial;
    width: 50%;
    border-top: 1px solid #39373d;
  }
  .cabLinesPanel .lineItem:first-child, .cabLinesPanel .lineItem:nth-child(2) {
    border-top: none;
  }
  .cabLinesPanel .lineItem + .lineItem {
    border-left: none;
  }
  .cabLinesPanel .lineItem:nth-child(2n) {
    border-left: 1px solid #39373d;
  }
  .cabLinesPanel .itemParams {
    padding: 15px 20px;
  }
  .cabRefStatistic {
    display: block;
  }
  .cabRefStatistic .refCard {
    padding: 20px 20px;
  }
  .cabRefStatistic .cabIconCard {
    flex-basis: initial;
    flex-grow: initial;
    justify-content: flex-start;
    width: 100%;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .cabRefStatistic .cabIconCard .inner {
    justify-content: flex-start;
  }
  .cabRefStatistic .cabIconCard + .cabIconCard {
    border-top: none;
    border-left: 1px solid #39373d;
  }
  .cabRefStatistic .centeredItem {
    width: 100%;
    border-top: 1px solid #39373d;
    border-bottom: 1px solid #39373d;
    border-left: none;
    border-right: none;
  }
  .cabRefStatistic .sideItem {
    width: 100%;
    flex-direction: row;
    align-items: stretch;
  }
  .partnersTable .partnerRow {
    flex-wrap: wrap;
    align-items: flex-end;
    padding-left: 140px;
  }
  .partnersTable .tableHead {
    display: none;
  }
  .partnersTable .accordItem .title {
    display: block;
  }
  .partnersTable .name {
    max-width: 100%;
  }
  .partnersTable .cell {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .partnersTable .cell:first-child {
    width: 66.6666666667%;
  }
  .partnersTable .cell:nth-child(2) {
    width: 33.3333333333%;
  }
  .partnersTable .cell:nth-child(3) {
    padding-left: 0px;
  }
  .partnersTable .cell:nth-child(3), .partnersTable .cell:nth-child(4), .partnersTable .cell:nth-child(5) {
    width: 33.3333333333%;
  }
  .partnersTable .accordItem .partnerRow.level2 {
    padding-left: 110px;
  }
  .partnersTable .accordItem .partnerRow.level3 {
    padding-left: 70px;
  }
  .partnersTable .accordItem .partnerRow.level4 {
    padding-left: 30px;
  }
  .settingsForm .checkList .checkInput label {
    min-height: 48px;
  }
  .avaSettings .fileBtn {
    min-height: 323px;
  }
  .avaSettings .avaContainer {
    margin-bottom: 40px;
  }
  .cabRequisits {
    margin: -20px -10px 0px;
  }
  .cabRequisits .gridItem {
    padding: 20px 10px 0px;
  }
  .paymentCard {
    padding: 30px 20px;
  }
  .paymentCard .btnContainer {
    margin-top: 30px;
  }
  .cabMenu {
    width: 309px;
    padding: 0px 9px 20px 20px;
  }
}
@media (min-width: 768px) and (max-width: 1399px) {
  .lastDepositPanel .tarifInfo .tarifId {
    font-size: 36px;
    padding-left: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .balanceList .listInner {
    display: block;
  }
  .balanceList .sum {
    margin-left: 6px;
  }
  .balanceList .balanceItem {
    padding-top: 0px;
    padding-bottom: 0px;
    display: flex;
    align-items: flex-end;
  }
  .balanceList .balanceItem:first-child {
    grid-row: span 2;
    width: auto;
    padding-right: 10px;
  }
  .balanceList .balanceItem:nth-child(2) {
    width: auto;
  }
  .balanceList .balanceLine {
    display: grid;
    grid-template-columns: 140px calc(100% - 140px);
  }
  .balanceList .balanceLine + .balanceLine {
    margin-top: 14px;
  }
  .payHead {
    padding-left: 34px;
  }
  .payHead b {
    font-size: 12px;
  }
  .lastDepositPanel .tarifInfo .tarifId {
    position: absolute;
    font-size: 30px;
    top: -20px;
    right: -13px;
  }
  .lastDepositPanel .panelTimer .dataCaption {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .welcomeItem {
    width: 100%;
  }
  .welcomeData {
    width: auto;
    margin-left: -79px;
    margin-right: -79px;
    border: 1px solid #39373d;
    flex-direction: row;
    padding: 9px 30px;
  }
  .welcomeData .val {
    margin-left: 0px;
  }
  .welcomeData .dataItem {
    width: calc(50% - 15px);
    min-width: 0px;
  }
  .welcomeData .dataItem + .dataItem {
    margin-top: 0px;
  }
  .welcomeData .dataItem .inner {
    flex-direction: column;
    align-items: flex-start;
  }
  .welcomeData .dataItem:nth-child(2n+1) {
    width: calc(50% + 15px);
  }
  .cabHeader {
    padding-right: 0px;
  }
  .cabHeader .headerContent {
    flex-direction: column;
    width: 100%;
    margin-right: 0px;
    max-width: calc(100% - 168px);
    margin-left: auto;
    margin-right: auto;
    border-bottom: none;
  }
  .cabHeader .logoContainer {
    position: absolute;
    height: 86px;
    left: 0;
    top: 0;
  }
  .cabHeader .burger {
    position: absolute;
    right: 10px;
    top: 11px;
  }
  .cabContent {
    padding-left: 5px;
    padding-right: 5px;
  }
  .dashboard {
    margin-left: 0px;
    margin-right: 0px;
  }
  .dashboard .gridItem {
    width: 100%;
    padding: 20px 0px 0px;
  }
  .balancePanel .panelHead {
    padding: 14px 8px;
    align-items: center;
  }
  .balancePanel .balanceStats .val {
    font-size: 16px;
  }
  .balanceListContainer {
    padding: 18px 10px;
  }
  .lastDepositPanel .panelHead {
    padding: 14px 8px 16px;
  }
  .lastDepositPanel .panelTimer .profitItem .dataCaption {
    font-size: 15px;
  }
  .stakingStats {
    display: block;
  }
  .stakingStats .cabIconCard {
    width: 100%;
    padding-left: 30px;
    align-items: flex-start;
  }
  .stakingStats .cabIconCard .inner {
    padding-left: 62px;
    align-items: flex-start;
  }
  .stakingStats .cabIconCard .icon {
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    margin-bottom: 0px;
  }
  .stakingStats .cabIconCard + .cabIconCard {
    margin-top: 10px;
  }
  .stakingPanel {
    padding: 0px 10px 30px;
  }
  .stakingPanel .panelHead {
    padding: 18px 0px 22px;
  }
  .stakingPanel .btnContainer {
    margin-top: 30px;
  }
  .proposalCard .shortContent {
    display: none;
  }
  .proposalCard .fullContent {
    display: block;
  }
  .proposalCard .conditionsList {
    margin-left: -72px;
  }
  .proposalCard .btnList {
    flex-wrap: wrap;
    margin-top: 32px;
  }
  .proposalCard .btnList li {
    padding: 12px 6px 0px;
  }
  .proposalsCarousel .splide__slide {
    width: 100%;
    opacity: 0.21;
  }
  .proposalsCarousel .splide__slide.is-active {
    width: 100%;
  }
  .proposalsCarousel .splide__slide.is-next {
    align-items: initial;
  }
  .tarifsInvestPanel {
    padding: 18px 10px;
  }
  .refLinkPanel {
    display: block;
    text-align: center;
    padding: 22px 15px;
  }
  .refLinkPanel .btnContainer {
    padding-left: 0px;
    justify-content: center;
    margin-top: 14px;
  }
  .refPartnersPanel {
    padding-top: 5px;
  }
  .refPartnersPanel .cabIconCard {
    width: 100%;
  }
  .refPartnersPanel .cabIconCard {
    padding: 10px 20px 10px 80px;
    margin-top: 5px;
    min-height: 68px;
    justify-content: center;
  }
  .refPartnersPanel .cabIconCard .icon {
    width: 60px;
    display: flex;
    justify-content: center;
  }
  .refPartnersPanel .cabIconCard .inner {
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    max-width: 348px;
    width: 100%;
  }
  .refPartnersPanel .cabIconCard.vert {
    min-height: 68px;
    padding: 10px 20px 10px 80px;
  }
  .refPartnersPanel .cabIconCard.vert .dataValue {
    margin-left: 6px;
  }
  .filterForm {
    padding: 5px 10px 20px;
  }
  .filterForm .filterItem {
    width: 50%;
    padding-top: 10px;
  }
  .filterForm .btnContainer {
    margin-top: 20px;
  }
  .filterForm .filterDates {
    width: 100%;
  }
  .filterForm .filterContent {
    flex-wrap: wrap;
  }
  .cabTable .cell {
    padding-left: 10px;
    padding-right: 10px;
  }
  .cabTable .cell:first-child {
    padding-left: 10px;
    width: 100%;
  }
  .cabTable .cell:first-child .title {
    display: none;
  }
  .cabTable .cell:first-child .val {
    min-height: 0px;
  }
  .cabTable .cell:nth-child(2), .cabTable .cell:nth-child(3), .cabTable .cell:nth-child(4), .cabTable .cell:nth-child(5), .cabTable .cell:nth-child(6), .cabTable .cell:nth-child(7) {
    width: 33.3333333333%;
  }
  .depositStep {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 25px;
  }
  .cabForm .sumStep {
    padding-bottom: 25px;
  }
  .paymentTabs .paymentContent {
    padding: 20px 10px 0px;
  }
  .depositForm .paymentTabs {
    margin-left: -10px;
    margin-right: -10px;
  }
  .formPaymentsList li {
    width: 33.3333333333%;
  }
  .sumStep {
    display: block;
  }
  .sumStep .formItem {
    margin-top: 30px;
  }
  .cabForm .sumStep .formItem {
    padding-top: 20px;
  }
  .paymentTabs .balanceInfo .itemValue {
    font-size: 36px;
  }
  .tarifCard.depositCard .tarifId {
    position: absolute;
    margin-bottom: 0px;
  }
  .tarifCard.depositCard .conditions {
    text-align: center;
  }
  .depositStep {
    overflow: hidden;
  }
  .depositTarifsList .splide__track {
    overflow: visible;
  }
  .timerCard {
    display: block;
  }
  .timerCard .cardHead {
    width: 100%;
    padding-right: 50%;
    min-height: 220px;
  }
  .timerCard .conditionsList {
    margin-left: 0px;
  }
  .timerCard .cardContent {
    width: 100%;
  }
  .timerCard .btnList {
    margin-top: 6px;
  }
  .timerCard .tarifIcon {
    position: absolute;
    left: calc(75% - 86px - 20px);
    top: 10px;
  }
  .timerCard .tarifId {
    left: calc(25% - 4px);
  }
  .partnersTable .partnerRow {
    padding-left: 130px;
  }
  .partnersTable .cell:first-child {
    width: 100%;
  }
  .partnersTable .cell:nth-child(2) {
    width: 50%;
  }
  .partnersTable .cell:nth-child(3), .partnersTable .cell:nth-child(4), .partnersTable .cell:nth-child(5) {
    width: 50%;
  }
  .partnersTable .cell:nth-child(2), .partnersTable .cell:nth-child(3), .partnersTable .cell:nth-child(4) {
    order: 1;
  }
  .partnersTable .cell:nth-child(5) {
    padding-left: 0px;
  }
  .partnersTable .accordItem .partnerRow.level2 {
    padding-left: 100px;
  }
  .partnersTable .accordItem .partnerRow.level3 {
    padding-left: 60px;
  }
  .partnersTable .accordItem .partnerRow.level4 {
    padding-left: 20px;
  }
  .cabRequisits {
    margin: -10px -5px 0px;
  }
  .cabRequisits .gridItem {
    padding: 10px 5px 0px;
  }
  .paymentCard {
    padding: 30px 15px;
  }
}
@media (max-width: 639px) {
  .timerCard .tarifIcon {
    width: 123px;
    height: 123px;
    left: calc(75% - 61px);
  }
  .timerCard .tarifIcon:before {
    background-size: 107px auto;
  }
  .depositsTabs .tabsContent {
    padding: 25px 10px;
  }
  .cabRefStatistic .cabIconCard {
    padding-left: 15px;
  }
  .cabRefStatistic .programCard {
    padding: 10px 15px 12px;
  }
  .cabRefStatistic .refCard {
    padding: 20px 15px;
  }
  .cabRefStatistic .infoNamesCard .dataItem {
    padding-left: 15px;
    padding-right: 15px;
  }
  .cabPartners {
    padding: 28px 15px 40px;
  }
  .partnersTable .accordTitle:before {
    left: 24px;
    top: 33px;
  }
  .partnersTable .accordTitle:after {
    left: 33px;
    top: 24px;
  }
  .partnersTable .accordTitle .cell:first-child {
    padding-left: 62px;
  }
  .partnersTable .partnerRow {
    padding-left: 15px;
  }
  .partnersTable .accordItem .partnerRow.level2 {
    width: calc(100% - 15px);
    margin-left: 15px;
  }
  .partnersTable .accordItem .partnerRow.level3 {
    width: calc(100% - 30px);
    margin-left: 30px;
  }
  .partnersTable .accordItem .partnerRow.level4 {
    width: calc(100% - 45px);
    margin-left: 45px;
  }
  .partnersTable .accordItem .partnerRow.level2, .partnersTable .accordItem .partnerRow.level3, .partnersTable .accordItem .partnerRow.level4 {
    padding-left: 15px;
  }
  .settingsForm {
    padding: 28px 15px 40px;
  }
  .settingsForm .formContent .formItem,
  .settingsForm .formContent .inputList,
  .settingsForm .formContent .checkList {
    width: 100%;
  }
  .settingsForm .checkList .checkInput label {
    min-height: 33px;
    margin-top: 0px;
  }
  .settingsForm .qrWrapper {
    padding-left: 160px;
    min-height: 0px;
  }
  .settingsForm .qrWrapper .qrImage {
    width: 129px;
    height: 129px;
    top: 0;
  }
  .personalForm .formContent {
    margin-top: 25px;
  }
  .cabRequisits .gridItem {
    width: 100%;
  }
}
@media (max-width: 479px) {
  .welcomeItem {
    padding: 10px 9px;
  }
  .welcomeItem .avaContainer {
    display: none;
  }
  .welcomeData {
    flex-direction: column;
  }
  .welcomeData .val {
    margin-left: 6px;
  }
  .welcomeData .dataItem .inner {
    flex-direction: row;
    align-items: center;
  }
  .welcomeData .dataItem + .dataItem {
    margin-top: 9px;
  }
  .balancePanel .balanceStats .statItem {
    padding-right: 10px;
  }
  .balanceList .listInner {
    display: block;
  }
  .balanceList .sum {
    margin-left: 6px;
  }
  .balanceList .balanceItem {
    padding-top: 0px;
    padding-bottom: 0px;
    display: flex;
    align-items: flex-end;
  }
  .balanceList .balanceItem:first-child {
    grid-row: span 2;
    width: auto;
    padding-right: 10px;
  }
  .balanceList .balanceItem:nth-child(2) {
    width: auto;
  }
  .balanceList .balanceLine {
    display: grid;
    grid-template-columns: 140px calc(100% - 140px);
  }
  .balanceList .balanceLine + .balanceLine {
    margin-top: 14px;
  }
  .payHead {
    padding-left: 34px;
  }
  .payHead b {
    font-size: 12px;
  }
  .stakingStats .cabIconCard {
    padding-left: 20px;
  }
  .lastDepositPanel .tarifInfo .tarifId {
    position: absolute;
    font-size: 30px;
    top: -20px;
    right: -13px;
  }
  .lastDepositPanel .panelTimer .dataCaption {
    font-size: 15px;
  }
  .proposalCard .cardContent {
    display: block;
  }
  .proposalCard .tarifIcon {
    position: absolute;
    right: 9px;
    top: 9px;
  }
  .proposalCard .cardHead {
    width: 100%;
  }
  .proposalCard .conditions {
    width: 100%;
    padding-left: 10px;
  }
  .proposalCard .conditionsList {
    margin-left: 0px;
  }
  .proposalCard .dayProfit {
    align-self: flex-start;
  }
  .proposalCard .btnList {
    flex-wrap: wrap;
    margin-top: 24px;
  }
  .proposalCard .fullContent .tarifIcon {
    margin-top: 0px;
  }
  .proposalCard .fullContent .cardHead {
    padding-left: 10px;
  }
  .refLinkPanel {
    padding: 22px 10px;
  }
  .refPartnersPanel .cabIconCard {
    padding: 10px 20px 10px 10px;
  }
  .refPartnersPanel .cabIconCard.vert {
    padding: 10px 20px 10px 10px;
  }
  .refPartnersPanel .cabIconCard.vert .inner {
    padding-left: 66px;
  }
  .refPartnersPanel .cabIconCard:not(.vert) .inner {
    padding-left: 66px;
  }
  .refPartnersPanel .cabIconCard .icon {
    width: 52px;
    height: 46px;
  }
  .filterForm .filterItem {
    width: 100%;
  }
  .cabTable .cell:nth-child(2), .cabTable .cell:nth-child(3), .cabTable .cell:nth-child(4), .cabTable .cell:nth-child(5), .cabTable .cell:nth-child(6), .cabTable .cell:nth-child(7) {
    width: 50%;
  }
  .formPaymentsList li {
    width: 50%;
  }
  .resultPanel {
    display: block;
  }
  .resultPanel .resultItem {
    width: 100%;
    text-align: center;
  }
  .resultPanel .resultItem + .resultItem {
    margin-top: 10px;
  }
  .tarifCard.depositCard .conditions {
    line-height: 20px;
    margin-top: 5px;
  }
  .tarifCard.depositCard .conditions .val {
    display: block;
  }
  .tarifCard.depositCard .tarifIcon {
    width: 93px;
    height: 93px;
    margin-top: 5px;
  }
  .tarifCard.depositCard .tarifIcon:before {
    background-size: 79px auto;
  }
  .timerCard .btnList {
    margin-top: 6px;
  }
  .timerCard .headConditions {
    padding: 0px 15px;
  }
  .timerCard .headConditions .dayProfit {
    padding-left: 0px;
  }
  .timerCard .conditionsList {
    padding-left: 15px;
    padding-right: 15px;
  }
  .timerCard .conditionsList li {
    width: 100%;
    flex-direction: row;
    display: flex;
    min-height: 25px;
    align-items: center;
  }
  .timerCard .conditionsList .dataCaption {
    padding-right: 10px;
  }
  .timerCard .timerWrapper,
  .timerCard .progressValue {
    text-align: left;
  }
  .timerCard .cardHead {
    padding-right: 25%;
    text-align: left;
    padding-left: 15px;
  }
  .timerCard .timerWrapper {
    align-items: flex-start;
  }
  .timerCard .tarifIcon {
    width: 107px;
    height: 107px;
    top: 40px;
    right: auto;
    left: calc(75% - 50px);
  }
  .timerCard .tarifIcon:before {
    background-size: 87px;
  }
  .depositsList {
    margin: -20px -10px 0px;
  }
  .depositsList .item {
    padding: 20px 10px 0px;
  }
  .paginationList li {
    margin: 0 4px;
  }
  .paginationList a:not(.navLink) {
    width: 18px;
    height: 18px;
  }
  .cabLinesPanel .lineItem {
    width: 100%;
  }
  .cabLinesPanel .lineItem + .lineItem {
    border-top: 1px solid #39373d;
  }
  .cabLinesPanel .lineItem:nth-child(2n) {
    border-left: none;
  }
  .cabPartners {
    padding: 28px 10px 40px;
  }
  .cabLinesPanel .itemParams {
    padding: 15px 10px;
  }
  .cabLinesPanel .itemParams li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-items: flex-end;
  }
  .cabLinesPanel .dataCaption {
    line-height: 25px;
  }
  .cabLinesPanel .val {
    padding-left: 6px;
  }
  .partnersTable .title {
    font-size: 13px;
  }
  .partnersTable .accordItem .partnerRow.level2 {
    width: calc(100% - 10px);
    margin-left: 10px;
  }
  .partnersTable .accordItem .partnerRow.level3 {
    width: calc(100% - 20px);
    margin-left: 20px;
  }
  .partnersTable .accordItem .partnerRow.level4 {
    width: calc(100% - 30px);
    margin-left: 30px;
  }
  .cabRefStatistic .sideItem {
    display: block;
  }
  .cabRefStatistic .cabIconCard + .cabIconCard {
    border-top: 1px solid #39373d;
    border-left: none;
  }
  .cabRefStatistic .infoNamesCard .inner {
    display: block;
  }
  .cabRefStatistic .infoNamesCard .dataItem {
    width: 100%;
  }
  .cabRefStatistic .infoNamesCard .dataItem:nth-child(2n) {
    border-left: none;
    border-top: 1px solid #39373d;
  }
  .avaSettings .fileBtn {
    padding: 15px;
    min-height: 293px;
  }
  .settingsForm .qrWrapper {
    padding-left: 0px;
  }
  .settingsForm .qrWrapper .qrImage {
    width: 129px;
    height: 129px;
    top: auto;
    left: auto;
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

/*# sourceMappingURL=style.css.map */