*,
*: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%;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  -webkit-font-variation-settings: normal;
  font-variation-settings: normal;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}


main,
details,
summary {
  display: block;
}

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;
}

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

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
  appearance: 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.menuOpened, body.bodyModal {
  overflow: hidden;
}

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

.signWrapper,
.cabWrapper,
.pageWrapper {
  overflow: hidden;
  min-height: 100%;
  position: relative;
}

.cabWrapper,
.pageWrapper {
  display: flex;
  flex-direction: column;
  z-index: 1;
}

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

.accentColor {
  color: #00da8d;
}

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

.textContainer {
  font-size: 21px;
  line-height: 30px;
  color: #abb1bb;
}
.textContainer > * + * {
  margin-top: 30px;
}
.textContainer b {
  font-weight: 300;
}
.textContainer.md {
  font-size: 17px;
  line-height: 25px;
}
.textContainer.xs {
  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: 23px;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #000000;
  border: 0px;
  border: none;
  background-color: #72fbfd;
  text-align: center;
  height: 53px;
  border-radius: 28px;
  min-width: 0px;
  padding: 15px 32px 15px calc(32px + 0.1em);
  overflow: hidden;
  text-transform: uppercase;
  cursor: pointer;
  box-shadow: 0px 0px 0px transparent;
  transition: transform 0.2s, box-shadow 0.2s, color 0.2s, background-color 0.2s, border-color 0.2s, color 0.2s;
}
.btnMain:active {
  background-color: #c5feff;
  color: #080808;
}
@media (hover: hover) {
  .btnMain:hover {
    background-color: #c5feff;
    color: #080808;
  }
}
.btnMain.arrowBtn {
  padding: 15px 68px 15px calc(36px + 0.1em);
}
.btnMain.arrowBtn:after {
  content: "";
  display: block;
  position: absolute;
  width: 53px;
  height: calc(100% - 2px);
  right: 0;
  top: 1px;
  border-radius: 27px;
  box-shadow: -1px -1px 0px rgba(253, 253, 253, 0.44);
  background-color: rgba(20, 22, 23, 0.21);
  transition: box-shadow 0.2s, background-color 0.2s;
}
.btnMain.arrowBtn:active:after {
  box-shadow: 0px 0px 0px transparent;
  background-color: transparent;
}
.btnMain.arrowBtn:active .arrow {
  color: #fff;
}
@media (hover: hover) {
  .btnMain.arrowBtn:hover:after {
    box-shadow: 0px 0px 0px transparent;
    background-color: transparent;
  }
  .btnMain.arrowBtn:hover .arrow {
    color: #fff;
  }
}
.btnMain.arrowBtn.xs {
  font-weight: 500;
  font-size: 13px;
  padding-right: 60px;
  padding-left: 36px;
}
.btnMain.arrowBtn.xs .arrow {
  width: 26px;
  height: 26px;
  right: 6px;
  top: 6px;
  font-size: 12px;
}
.btnMain.arrowBtn.xs:after {
  width: 38px;
  border-radius: 19px;
}
.btnMain.lightBtn {
  background-color: #fff;
  color: #0e131c;
}
.btnMain.lightBtn:active {
  color: #72fbfe;
}
@media (hover: hover) {
  .btnMain.lightBtn:hover {
    color: #72fbfe;
  }
}
.btnMain.darkBtn {
  background-color: #363c44;
}
.btnMain.darkBtn:active {
  background-color: #72fbfe;
  color: #fff;
}
@media (hover: hover) {
  .btnMain.darkBtn:hover {
    background-color: #72fbfe;
    color: #fff;
  }
}
.btnMain.addBtn {
    background-color: transparent;
    border: 1.5px solid #72fbfd;
    border-radius: 50px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
  line-height: 20px;
  padding: 9px 26px 9px calc(26px + 0.1em);
  height: 38px;
  min-width: 0px;
  box-shadow: -1px -1px 0px rgba(253, 253, 253, 0.44);
  transition: box-shadow 0.2s, color 0.2s, background-color 0.2s;
}
.btnMain.addBtn:active {
  box-shadow: 0px 0px 0px transparent;
  background-color: #0e131c;
  color: #fff;
}
@media (hover: hover) {
  .btnMain.addBtn:hover {
    box-shadow: 0px 0px 0px transparent;
    background-color: #0e131c;
    color: #fff;
  }
}
.btnMain.addBtn.greyBtn {
  box-shadow: 0px 0px 0px transparent;
  background-color: #6a707b;
  color: #fff;
}
.btnMain.addBtn.greyBtn:active {
  background-color: #0e131c;
}
@media (hover: hover) {
  .btnMain.addBtn.greyBtn:hover {
    background-color: #0e131c;
  }
}
.btnMain.addBtn.lightBtn {
  box-shadow: 0px 0px 0px transparent;
  background-color: #fff;
}
.btnMain.addBtn.lightBtn:active {
  background-color: #0e131c;
}
@media (hover: hover) {
  .btnMain.addBtn.lightBtn:hover {
    background-color: #0e131c;
  }
}
.btnMain .arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  background-color: #72fbfd;
  width: 33px;
  height: 33px;
  border-radius: 50%;
  right: 10px;
  top: 10px;
  font-size: 14px;
  color: #fff;
  z-index: 1;
}
.btnMain.xs {
  height: 38px;
  border-radius: 19px;
  font-size: 14px;
  line-height: 24px;
  font-weight: bold;
  padding: 6px 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 {
  display: block;
  background-color: #0e131c;
  border: 1px solid #0e131c;
  width: 100%;
  border-radius: 27px;
  font-family: 'Montserrat', sans-serif;
  text-align: left;
  padding: 11px 23px 11px;
  font-size: 17px;
  line-height: 30px;
  font-weight: 300;
  color: #fff;
}
.inputContainer .inputPlaceholder {
  display: block;
  position: absolute;
  color: #abb1bb;
  width: 100%;
  padding: 10px 23px 11px;
  top: 0;
  left: 0;
  pointer-events: none;
  touch-action: none;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 1;
  font-size: 17px;
  line-height: 30px;
  transition: opacity 0.2s;
}
.inputContainer .inputPlaceholder .mark {
  color: #72fbfe;
}
.formItem.required .inputContainer .inputPlaceholder:after {
  content: "*";
  color: #72fbfe;
  margin-left: 5px;
}
.inputContainer input::-webkit-input-placeholder,
.inputContainer textarea::-webkit-input-placeholder {
  color: #abb1bb;
  transition: opacity 0.25s;
  white-space: nowrap;
  opacity: 1;
  font-size: inherit;
  line-height: inherit;
}
.inputContainer input::-moz-placeholder,
.inputContainer textarea::-moz-placeholder {
  color: #abb1bb;
  transition: opacity 0.25s;
  white-space: nowrap;
  opacity: 1;
  font-size: inherit;
  line-height: inherit;
}
.inputContainer input:-moz-placeholder,
.inputContainer textarea:-moz-placeholder {
  color: #abb1bb;
  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: #abb1bb;
  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 .inputText,
.inputContainer input {
  height: 54px;
}
.inputContainer.xs .inputText,
.inputContainer.xs input {
  height: 38px;
  padding: 2px 28px;
  border-radius: 19px;
}
.inputContainer.md .inputText,
.inputContainer.md input {
  height: 42px;
  padding: 2px 28px;
  border-radius: 21px;
  font-size: 15px;
}
.inputContainer.filled .inputPlaceholder {
  opacity: 0;
}
.inputContainer .inputText {
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.inputContainer textarea {
  height: 189px;
}
.inputContainer.bordered input,
.inputContainer.bordered .inputText,
.inputContainer.bordered textarea {
  border-color: #434a54;
}
.inputContainer.iconInput input,
.inputContainer.iconInput .inputText {
  padding-right: 56px;
}
.inputContainer.copyContainer input,
.inputContainer.copyContainer .inputText {
  font-size: 14px;
}
.inputContainer.copyContainer .iconBtnCopy {
  right: 22px;
}
.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.sumInput input,
.inputContainer.sumInput .inputText {
  padding-right: 60px;
  font-size: 21px;
  font-weight: 300;
}
.inputContainer.sumInput .inputPostfix {
  width: 50px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.inputPostfix {
  display: block;
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
}

.dateInput input.datepicker-input {
  padding-right: 50px;
}
.dateInput:after {
  content: "\e91e";
  font-family: icomoon;
  display: block;
  position: absolute;
  height: auto;
  width: auto;
  border: 0px;
  right: 16px;
  top: 50%;
  font-size: 24px;
  line-height: 1;
  margin-top: -12px;
  transition: transform 0.2s;
}

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

.formLabel {
  display: flex;
  align-items: flex-end;
  color: #abb1bb;
  font-weight: 300;
  font-size: 17px;
  line-height: 25px;
  padding: 0px 20px;
  margin-bottom: 8px;
}

.checkInput label {
  padding-left: 40px;
  min-height: 28px;
  cursor: pointer;
  position: relative;
  align-items: center;
  font-size: 14px;
  line-height: 21px;
  color: #abb1bb;
  font-weight: 300;
  display: flex;
}
.checkInput label:before, .checkInput label:after {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 28px;
  height: 28px;
  left: 0;
  top: calc(50% - 14px);
  border-radius: 11px;
}
.checkInput label:before {
  content: "";
  background-color: #0e131c;
}
.checkInput label:after {
  content: "\e911";
  font-family: icomoon;
  opacity: 0;
  color: #fff;
  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: block;
  position: relative;
  color: #fff;
  font-size: 17px;
  line-height: 25px;
  letter-spacing: 0.1em;
  font-weight: 500;
  transition: color 0.2s;
}
.logoLink .logoImage {
  position: relative;
}
.logoLink .logoImage:before, .logoLink .logoImage:after {
  content: "";
  display: block;
  position: absolute;
  width: 3.1746031746%;
  height: 8.5106382979%;
  background-color: #fff;
  border: 2px solid #72fbfd;
  border-radius: 50%;
  filter: blur(1px);
  box-shadow: 0px 0px 5px 4px #ff0042;
}
.logoLink .logoImage:before {
  left: 0;
  top: 0;
  -webkit-animation: dot-lighting-shadow 3s ease infinite;
  animation: dot-lighting-shadow 3s ease infinite;
}
.logoLink .logoImage:after {
  right: 1.5873015873%;
  bottom: 12.7659574468%;
  -webkit-animation: dot-lighting-shadow 3s ease infinite;
  animation: dot-lighting-shadow 3s ease infinite;
}
.logoLink img {
  height: 47px;
}
.logoLink:active {
  color: #72fbfe;
}
@media (hover: hover) {
  .logoLink:hover {
    color: #72fbfe;
  }
}

.siteLink {
  text-decoration: underline;
  font-size: 17px;
  display: inline-block;
  vertical-align: top;
  color: #72fbfd;
  text-underline-offset: 4px;
  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(14, 19, 28, 0.87);
}

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

.modalContent {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 33px;
  background-color: #292d35;
  max-width: 718px;
}

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

.choices__inner {
  background-color: #0e131c;
  border: 1px solid #0e131c;
  padding: 10px 57px 11px 23px;
  border-radius: 27px;
  font-size: 17px;
  line-height: 30px;
  min-height: 54px;
  font-weight: 300;
  color: #fff;
}

.choices {
  font-size: 17px;
  line-height: 30px;
}
.choices[data-type*=select-one] .choices__inner {
  padding-bottom: 13px;
}
.choices[data-type*=select-one]:after {
  content: "\e90f";
  font-family: icomoon;
  height: auto;
  width: auto;
  border: 0px;
  right: 23px;
  font-size: 7px;
  line-height: 6px;
  margin-top: -4px;
  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;
}

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

.inputContainer.md .choices__inner {
  padding: 4px 23px 6px;
  border-radius: 22px;
  min-height: 42px;
  font-size: 15px;
}
.inputContainer.md .choices[data-type*=select-one]:after {
  right: 12px;
}
.inputContainer.md .is-open .choices__inner {
  border-radius: 22px;
}
.inputContainer.md .choices__list--dropdown .choices__item,
.inputContainer.md .choices__list[aria-expanded] .choices__item {
  font-size: 15px;
  line-height: 25px;
}

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

.choices__list--dropdown,
.choices__list[aria-expanded] {
  background-color: #0e131c;
  border: none;
  padding: 0px;
  margin-top: 2px;
  border-radius: 15px;
  z-index: 11;
  width: auto;
  min-width: 100%;
}
.choices__list--dropdown .choices__item,
.choices__list[aria-expanded] .choices__item {
  padding: 6px 23px;
  font-size: 17px;
  line-height: 30px;
  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: #72fbfe;
}
@media (hover: hover) {
  .choices__list--dropdown .choices__item:hover,
  .choices__list[aria-expanded] .choices__item:hover {
    background-color: #72fbfe;
  }
}
.choices__list--dropdown .choices__item.is-selected,
.choices__list[aria-expanded] .choices__item.is-selected {
  background-color: #72fbfe;
}

.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: transparent;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 7px;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: auto;
  top: auto;
  left: auto;
  position: relative;
  flex-wrap: wrap;
}

.swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  border: 1px solid transparent;
  cursor: pointer;
  position: relative;
  background: transparent;
  opacity: 1;
  transition: border-color 0.2s;
}
.swiper-pagination-bullet:before {
  content: "";
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #434a54;
  transition: background-color 0.2s;
}
.swiper-pagination-bullet:hover:before {
  background-color: #fff;
}

.swiper-pagination {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.swiper-pagination-bullet-active {
  border-color: #fff;
}
.swiper-pagination-bullet-active:before {
  background-color: #fff;
}

.datepicker-dropdown {
  overflow: hidden;
}
.datepicker-dropdown .datepicker-picker {
  box-shadow: none;
  background-color: #0e131c;
}

.datepicker-view {
  width: 100%;
}

.datepicker-picker {
  border-radius: 15px;
  background-color: transparent;
  border: none;
  overflow: hidden;
}

.datepicker {
  border-radius: 0px;
  padding-top: 2px;
  box-shadow: 0px 0px 0px transparent;
  min-width: 100%;
  width: 240px;
}
.datepicker span {
  border-radius: 0px;
  cursor: inherit;
  font-weight: 300;
}
.datepicker .dow {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
}

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

.datepicker-header {
  background-color: transparent;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.datepicker-header .datepicker-controls {
  padding: 0px;
  border-bottom: none;
}
.datepicker-header .datepicker-controls .button {
  font-size: 14px;
  font-weight: 500;
  transition: color 0.3s, background-color 0.3s;
}
.datepicker-header .datepicker-controls .button:hover {
  background-color: #363c44;
  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: #363c44;
  color: #fff;
}
.datepicker-cell.range {
  background-color: transparent;
  color: #72fbfe;
  border-radius: 0px;
  font-weight: 300;
}
.datepicker-cell.range:not(.disabled):not(.focused):not(.today):hover {
  background-color: #363c44;
  color: #fff;
}
.datepicker-cell.selected, .datepicker-cell.selected:hover {
  background-color: #72fbfe;
  color: #fff;
  font-weight: 300;
}
.datepicker-cell.next:not(.disabled), .datepicker-cell.prev:not(.disabled) {
  color: #8a929f;
  opacity: 1;
}
.datepicker-cell.next:not(.disabled).selected, .datepicker-cell.prev:not(.disabled).selected {
  background-color: #72fbfe;
  color: #fff;
}
.datepicker-cell.next:not(.disabled).range, .datepicker-cell.prev:not(.disabled).range {
  color: #72fbfe;
}
.datepicker-cell.next:not(.disabled):hover, .datepicker-cell.prev:not(.disabled):hover {
  color: #8a929f;
}
.datepicker-cell.focused:not(.selected) {
  background-color: transparent;
  color: #72fbfe;
}
.datepicker-cell.disabled {
  opacity: 1;
  color: #8a929f;
}
.datepicker-cell.range-end:not(.selected), .datepicker-cell.range-start:not(.selected) {
  background-color: #72fbfe;
  color: #fff;
  font-weight: 300;
}
.datepicker-cell.range-end:not(.selected):hover, .datepicker-cell.range-start:not(.selected):hover {
  color: #fff;
}
.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: #363c44;
}
.datepicker-input.in-edit:active, .datepicker-input.in-edit:focus {
  box-shadow: 0 0 0 0 transparent;
}

.langContainer {
  position: relative;
  display: inline-block;
  align-self: center;
  z-index: 1;
}
.langContainer.above .langMenu {
  top: auto;
  bottom: calc(100% + 2px);
}

.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: 20px;
  background-color: #0e131c;
  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 li + li {
  margin-top: 3px;
}
.langMenu ul {
  padding: 3px 0px;
}
.langMenu .langBtn {
  padding: 3px 6px;
}
.langMenu .langBtn:active {
  color: #72fbfe;
}
@media (hover: hover) {
  .langMenu .langBtn:hover {
    color: #72fbfe;
  }
}
.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;
  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: 26px;
  height: 26px;
  margin-right: 16px;
}

.langHead {
  background-color: #0e131c;
  min-width: 34px;
  min-height: 34px;
  padding: 6px 36px 6px 6px;
  border-radius: 20px;
  min-width: 120px;
  transition: border-color 0.2s;
}
.langHead:after {
  content: "\e90f";
  display: block;
  font-family: icomoon;
  font-size: 6px;
  line-height: 1;
  top: calc(50% - 3px);
  color: #fff;
  position: absolute;
  right: 19px;
  transition: transform 0.2s;
}
.langHead.active {
  border-color: #fff;
}
.langHead.active:after {
  transform: scale(1, -1);
}

.headerInner {
  display: flex;
  min-height: 108px;
  justify-content: space-between;
}

.siteHeader {
  position: relative;
  z-index: 3;
}
.siteHeader:before, .siteHeader:after {
  content: "";
  display: block;
  position: absolute;
  height: calc(100% + 36px);
  width: calc((100% - 1720px) / 2 + 1px);
  min-width: 46px;
  top: 0;
  background-color: #232830;
  pointer-events: none;
  touch-action: none;
}
.siteHeader:before {
  left: 0;
  clip-path: polygon(0px 0px, 0px 100%, 1.830412px calc(100% - 6.959237px), 4.573656px calc(100% - 14.446416px), 8.168444px calc(100% - 20.585239px), 12.554488px calc(100% - 25.499408px), 17.6715px calc(100% - 29.312625px), 23.459192px calc(100% - 32.148592px), 29.857276px calc(100% - 34.131011px), 36.805464px calc(100% - 35.383584px), 44.243468px calc(100% - 36.030013px), 52.111px calc(100% - 36.194px), 100% calc(100% - 36.194px), 100% 0px);
}
.siteHeader:after {
  right: 0;
  clip-path: polygon(100% 0px, 100% 100%, calc(100% - 1.830412px) calc(100% - 6.959237px), calc(100% - 4.573656px) calc(100% - 14.446416px), calc(100% - 8.168444px) calc(100% - 20.585239px), calc(100% - 12.554488px) calc(100% - 25.499408px), calc(100% - 17.6715px) calc(100% - 29.312625px), calc(100% - 23.459192px) calc(100% - 32.148592px), calc(100% - 29.857276px) calc(100% - 34.131011px), calc(100% - 36.805464px) calc(100% - 35.383584px), calc(100% - 44.243468px) calc(100% - 36.030013px), calc(100% - 52.111px) calc(100% - 36.194px), 0px calc(100% - 36.194px), 0px 0px);
}
.siteHeader .headBtns {
  display: flex;
  margin-left: 8px;
}
.siteHeader .headBtns li {
  margin-left: 22px;
}
.siteHeader .headAdd {
  display: flex;
  align-items: center;
  padding-left: 104px;
}
.siteHeader .headAdd:before {
  clip-path: polygon(100% 0px, 100% 100%, 87.633002px calc(100% - 0.564879px), 80.737256px calc(100% - 2.192232px), 74.321634px calc(100% - 4.802733px), 68.474008px calc(100% - 8.317056px), 63.28325px calc(100% - 12.655875px), 58.838232px calc(100% - 17.739864px), 55.227826px calc(100% - 23.489697px), 52.540904px calc(100% - 29.826048px), 50.866338px calc(100% - 36.669591px), 50.293px calc(100% - 43.941px), 49.67811px 44.372772px, 47.8832px 34.296576px, 44.98291px 25.673844px, 41.05188px 18.433008px, 36.16475px 12.5025px, 30.39616px 7.810752px, 23.82075px 4.286196px, 16.51316px 1.857264px, 8.54803px 0.452388px, 0px 0px, 0px 0px);
}
.siteHeader .menuContainer {
  flex-grow: 1;
  display: flex;
  justify-content: center;
}
.siteHeader .menuList li {
  padding-top: 5px;
  padding-bottom: 5px;
}
.siteHeader .menuList .hidden {
  display: none;
}
.siteHeader .logoContainer {
  display: flex;
  align-items: center;
  padding-right: 148px;
}
.siteHeader .logoContainer:before {
  clip-path: polygon(0px 0px, 0px 100%, calc(100% - 87.633002px) calc(100% - 0.564879px), calc(100% - 80.737256px) calc(100% - 2.192232px), calc(100% - 74.321634px) calc(100% - 4.802733px), calc(100% - 68.474008px) calc(100% - 8.317056px), calc(100% - 63.28325px) calc(100% - 12.655875px), calc(100% - 58.838232px) calc(100% - 17.739864px), calc(100% - 55.227826px) calc(100% - 23.489697px), calc(100% - 52.540904px) calc(100% - 29.826048px), calc(100% - 50.866338px) calc(100% - 36.669591px), calc(100% - 50.293px) calc(100% - 43.941px), calc(100% - 49.67811px) 44.372772px, calc(100% - 47.8832px) 34.296576px, calc(100% - 44.98291px) 25.673844px, calc(100% - 41.05188px) 18.433008px, calc(100% - 36.16475px) 12.5025px, calc(100% - 30.39616px) 7.810752px, calc(100% - 23.82075px) 4.286196px, calc(100% - 16.51316px) 1.857264px, calc(100% - 8.54803px) 0.452388px, 100% 0px, 100% 0px);
}
.siteHeader .logoContainer,
.siteHeader .headAdd {
  position: relative;
  z-index: 1;
}
.siteHeader .logoContainer:before,
.siteHeader .headAdd:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  background-color: #232830;
}

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

.menuList {
  display: flex;
  align-items: center;
  justify-content: center;
}
.menuList li {
  padding: 0px 21px;
}
.menuList a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
  font-size: 15px;
  line-height: 30px;
  letter-spacing: 0.1em;
  font-weight: 500;
  text-transform: uppercase;
  color: #fff;
  white-space: nowrap;
  border-bottom: 1px solid transparent;
  transition: color 0.2s;
}
.menuList a.active {
 color: #72fbfd;
    border-color: #16c8cb;
}
.menuList a:not(.active):active {
  color: #72fbfd;
}
@media (hover: hover) {
  .menuList a:not(.active):hover {
    color: #72fbfd;
  }
}

.addMobMenu {
  display: none;
}

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

.burger {
  position: relative;
  height: 32px;
  width: 36px;
  min-width: 36px;
  cursor: pointer;
  z-index: 2;
  transition: background-color 0.2s;
}
.burger > * {
  display: block;
  position: absolute;
  height: 3px;
  background-color: #fff;
  width: 36px;
  top: 50%;
  left: 50%;
  margin-left: -18px;
  transform-origin: center;
}
.burger > *:first-child {
  margin-top: -11px;
  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: 9px;
  transition: background-color 0.2s, margin-top 0.1s 0.1s, transform 0.1s 0s;
}
.burger.active > *:first-child {
  margin-top: -1px;
  transform: rotate(-45deg);
  transition: background-color 0.2s, margin-top 0.1s, transform 0.1s 0.1s;
}
.burger.active > *:nth-child(2) {
  opacity: 0;
  transition: background-color 0.2s, opacity 0s 0.1s;
}
.burger.active > *:nth-child(3) {
  margin-top: -1px;
  transform: rotate(45deg);
  transition: background-color 0.2s, margin-top 0.1s, transform 0.1s 0.1s;
}
@-webkit-keyframes zoomImage {
  0% {
    transform: scale(1);
  }
  97% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes zoomImage {
  0% {
    transform: scale(1);
  }
  97% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes dot-lighting {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes dot-lighting {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes dot-lighting-shadow {
  0% {
    box-shadow: 0px 0px 0px 0px #37f7d4;
  }
  100% {
    box-shadow: 0px 0px 10px 12px transparent;
  }
}
@-webkit-keyframes dot-lighting-shadow {
  0% {
    box-shadow: 0px 0px 0px 0px #ff0042;
  }
  100% {
    box-shadow: 0px 0px 10px 12px transparent;
  }
}
@keyframes pegIt1 {
  0% {
    transform: rotate(0deg);
  }
  16% {
    transform: rotate(37deg);
  }
  25% {
    transform: rotate(31deg);
  }
  30% {
    transform: rotate(46deg);
  }
  36% {
    transform: rotate(126deg);
  }
  42% {
    transform: rotate(106deg);
  }
  50% {
    transform: rotate(136deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@-webkit-keyframes pegIt1 {
  0% {
    transform: rotate(0deg);
  }
  16% {
    transform: rotate(37deg);
  }
  25% {
    transform: rotate(31deg);
  }
  30% {
    transform: rotate(46deg);
  }
  36% {
    transform: rotate(126deg);
  }
  42% {
    transform: rotate(106deg);
  }
  50% {
    transform: rotate(136deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes pegIt2 {
  0% {
    transform: rotate(0deg);
  }
  16% {
    transform: rotate(25deg);
  }
  25% {
    transform: rotate(18deg);
  }
  30% {
    transform: rotate(33deg);
  }
  36% {
    transform: rotate(113deg);
  }
  42% {
    transform: rotate(93deg);
  }
  50% {
    transform: rotate(123deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@-webkit-keyframes pegIt2 {
  0% {
    transform: rotate(0deg);
  }
  16% {
    transform: rotate(25deg);
  }
  25% {
    transform: rotate(18deg);
  }
  30% {
    transform: rotate(33deg);
  }
  36% {
    transform: rotate(113deg);
  }
  42% {
    transform: rotate(93deg);
  }
  50% {
    transform: rotate(123deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes pegIt3 {
  0% {
    transform: rotate(0deg);
  }
  16% {
    transform: rotate(75deg);
  }
  25% {
    transform: rotate(82deg);
  }
  30% {
    transform: rotate(90deg);
  }
  36% {
    transform: rotate(170deg);
  }
  42% {
    transform: rotate(150deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@-webkit-keyframes pegIt3 {
  0% {
    transform: rotate(0deg);
  }
  16% {
    transform: rotate(75deg);
  }
  25% {
    transform: rotate(82deg);
  }
  30% {
    transform: rotate(90deg);
  }
  36% {
    transform: rotate(170deg);
  }
  42% {
    transform: rotate(150deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes dashWord {
  0% {
    stroke-dashoffset: 1000;
    opacity: 0.5;
  }
  20% {
    opacity: 1;
  }
  100% {
    stroke-dashoffset: 0;
    opacity: 1;
  }
}
.heroInner {
  display: flex;
}

.heroContent {
  width: 47.0930232558%;
  padding-top: 40px;
  padding-right: 80px;
}
.heroContent .headText {
  max-width: 420px;
}
.heroContent .heroTitle {
  margin-top: 70px;
}

.heroStatistic {
  width: 52.9069767442%;
  display: flex;
  justify-content: space-between;
}

.innerHero .heroContent {
  max-width: 50%;
  width: 100%;
  padding-right: 0px;
  padding-bottom: 56px;
  padding-top: 30px;
  min-height: 350px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.innerHero .heroContent .heroTitle {
  margin-top: 0px;
}
.innerHero .heroContent .headText {
  max-width: 560px;
}

.bulletStat {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 190px;
  max-width: calc((100% - 40px) / 3);
}
.bulletStat .val {
  font-size: 14px;
  line-height: 25px;
  letter-spacing: 0.1em;
  white-space: nowrap;
  position: relative;
  padding-bottom: 13px;
  margin-bottom: 10px;
}
.bulletStat .val:after {
  content: "";
  display: block;
  position: absolute;
  width: 112px;
  border-bottom: 1px solid #49797a;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.bulletStat .val .headItemValue {
  display: inline;
  color: #fff;
}
.bulletStat .speedIcon {
  margin-bottom: 30px;
}
.bulletStat .itemCaption {
  max-width: 142px;
  color: #e1dcdc;
}
.bulletStat:first-child .speedIcon .dot {
  -webkit-animation: pegIt1 3.5s infinite ease-in-out;
  animation: pegIt1 3.5s infinite ease-in-out;
}
.bulletStat:nth-child(2n) .speedIcon .dot {
  -webkit-animation: pegIt2 3s infinite ease-in-out;
  animation: pegIt2 3s infinite ease-in-out;
}
.bulletStat:nth-child(3n) .speedIcon .dot {
  -webkit-animation: pegIt3 2s infinite ease-in-out;
  animation: pegIt3 2s infinite ease-in-out;
}

.itemTitle {
  display: block;
  font-size: 30px;
  line-height: 1;
  color: #fff;
  font-weight: 300;
}
.itemTitle.xs {
  font-size: 27px;
  line-height: 40px;
}

.headText {
  display: block;
  font-size: 30px;
  line-height: 40px;
  color: #fff;
  font-weight: 300;
}
.headText > * + * {
  margin-top: 40px;
}

.bulletText {
  display: block;
  font-size: 50px;
  line-height: 60px;
  font-weight: normal;
}

.heroTitle {
  display: block;
  font-size: 100px;
  line-height: 1;
  font-weight: 500;
  color: #fff;
}
.heroTitle svg {
  height: 100px;
  margin-bottom: -9px;
}
.heroTitle svg .brdrd {
  stroke: #fff;
  stroke-width: 1px;
  fill: #0e1013;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: dashWord 5s ease-out alternate infinite;
}
.heroTitle .brdrd {
  display: block;
  font-size: inherit;
  line-height: inherit;
  color: #0e1013;
  -webkit-text-stroke: 1px #fff;
  text-stroke: 1px #fff;
}
.heroTitle + .headText {
  margin-top: 24px;
}

.headItemValue {
  display: block;
  font-weight: 300;
  font-size: 70px;
  line-height: 1;
}
.headItemValue.lg {
  font-size: 100px;
}
.headItemValue.xs {
  font-size: 50px;
}

.itemCaption {
  text-transform: uppercase;
  display: block;
  font-size: 14px;
  line-height: 25px;
  letter-spacing: 0.1em;
}

.speedIcon {
  width: 190px;
  height: 99px;
  background-image: url(../img/speedometer.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center bottom;
  position: relative;
}
.speedIcon:after {
  content: "";
  display: block;
  position: absolute;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #292f38;
  bottom: -13.1313131313%;
  left: calc(50% - 18px);
  position: absolute;
  z-index: -1;
  box-shadow: -1px -1px 0px rgba(253, 253, 253, 0.44);
}
.speedIcon .dot {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  bottom: -13.1313131313%;
  left: calc(50% - 18px);
  transform-origin: center;
  position: absolute;
  transition: transform 0.6s ease-out;
}
.speedIcon .dot:after {
  content: "";
  display: block;
  position: absolute;
  width: 66.6666666667%;
  height: 66.6666666667%;
  border-radius: 50%;
  background-color: #0f161f;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0px 8px 5px rgba(15, 22, 31, 0.35);
}
.speedIcon .dot:before {
  content: "";
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  background-color: #fff;
  border: 1px solid #72fbfd;
  border-radius: 50%;
  box-shadow: 0px 0px 5px 4px #72fbfd;
  left: 50%;
  top: 50%;
  z-index: 2;
  transform: translate(-50%, -50%);
}
.speedIcon .dot img {
  width: 255.5555555556%;
  max-width: 255.5555555556%;
  z-index: 1;
  position: absolute;
  bottom: calc(50% + 1px);
  right: -36.1111111111%;
  transform: translate(0%, 50%);
}

.fastBullet {
  text-align: center;
  position: relative;
  max-width: 410px;
  margin-top: 85px;
  z-index: 1;
}
.fastBullet .inner {
  padding: 38px 40px 60px;
  border: 1px solid #fff;
  border-radius: 33px;
  clip-path: polygon(0px 0px, 0px 46px, 1px 46px, 1px 123px, 0px 123px, 0px 100%, 100% 100%, 100% 0px);
}
.fastBullet .itemCaption {
  margin-top: 15px;
}
.fastBullet .btnContainer {
  margin-top: 35px;
}
.fastBullet:before, .fastBullet:after {
  content: "";
  display: block;
  position: absolute;
  width: 4px;
  height: 4px;
  background-color: #fff;
  border: 2px solid #ff1854;
  border-radius: 50%;
  filter: blur(1px);
  box-shadow: 0px 0px 5px 4px #ff0042;
}
.fastBullet:before {
  top: 46px;
  left: -1px;
  -webkit-animation: dot-lighting-shadow 2s ease infinite;
  animation: dot-lighting-shadow 2s ease infinite;
}
.fastBullet:after {
  top: 123px;
  left: -1px;
  -webkit-animation: dot-lighting-shadow 2s ease infinite;
  animation: dot-lighting-shadow 2s ease infinite;
}

.startScreen {
  position: relative;
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
}
.startScreen.homeScreen .hero {
  padding-top: 73px;
  padding-bottom: 73px;
  min-height: 949px;
}
.startScreen:not(.homeScreen) {
  border-bottom-left-radius: 55px;
  border-bottom-right-radius: 55px;
}

.heroBack {
  position: absolute;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  height: 1427px;
  width: 100%;
  z-index: -1;
  top: 0;
  left: 0;
}

.sectionMarkTitle {
  display: inline-block;
  vertical-align: top;
  font-weight: 500;
  font-size: 15px;
  line-height: 1;
  white-space: nowrap;
  padding: 8px 24px 8px calc(24px + 0.1em);
  border-radius: 16px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
    border: 1.5px solid #76fcfd;
  color: #fff;
}

.aboutInner {
  display: grid;
  margin: 0px -29px;
  grid-template-columns: 25% 75%;
  grid-template-rows: auto 1fr auto;
  grid-auto-flow: dense;
}

.advantagesInner {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto 1fr;
  margin: 170px -29px 0px;
}
.advantagesInner .titleItem {
  grid-column: 2/4;
  padding: 0px 147px 66px;
  margin-top: -12px;
}
.advantagesInner .titleItem + .item {
  grid-column-start: 1;
  grid-row: 1/3;
}
.advantagesInner .titleItem + .item .advantageCard {
  justify-content: flex-end;
  padding-bottom: 63px;
}
.advantagesInner .titleItem + .item .advantageCard .cardHead {
  order: 1;
  margin-top: 32px;
  margin-bottom: 0px;
}
.advantagesInner .item {
  padding: 0 29px;
}
.advantagesInner .item:nth-child(5n+3) .advantageCard {
  background-color: #46a7a9;
}
.advantagesInner .item:nth-child(5n+4) .advantageCard {
  background-color: #292d35;
}
.advantagesInner .item:last-child {
  grid-column-start: 4;
  grid-row: 1/3;
}
.advantagesInner .item:last-child .advantageCard {
  justify-content: flex-end;
  padding-bottom: 63px;
}
.advantagesInner .item:last-child .advantageCard .cardHead {
  order: 1;
  margin-top: 32px;
  margin-bottom: 0px;
}
.itemIcon .dot {
  -webkit-animation: dot-lighting 6s infinite ease-in-out;
  animation: dot-lighting 6s infinite ease-in-out;
}

.advantageCard {
  display: flex;
  flex-direction: column;
  border-radius: 43px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  min-height: 100%;
  padding: 45px 46px;
}
.advantageCard .cardHead {
  padding-left: 90px;
  position: relative;
  margin-bottom: 36px;
  min-height: 80px;
  display: flex;
  align-items: center;
}
.advantageCard .cardHead .itemIcon {
  position: absolute;
  left: 0;
  top: calc(50% - 35px);
  height: 71px;
  width: 75px;
  display: flex;
  align-items: center;
}
.advantageCard .cardHead .itemIcon img {
  max-height: 100%;
}
.advantageCard .cardHead .itemIcon .dot {
  position: absolute;
  width: 100%;
  height: 100%;
  top: -0.7042253521%;
  left: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.advantageCard .cardHead .itemTitle {
  line-height: 40px;
}
.advantageCard .textContainer {
  color: #fff;
  font-weight: 300;
}
.advantageCard.listCard {
  background-color: #292d35;
  padding: 45px 56px;
}
.advantageCard.listCard .cardHead .itemIcon {
  justify-content: center;
}
.advantageCard.listCard .cardHead .itemIcon .dot {
  width: 106.6666666667%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.advantageCard.listCard .textContainer {
  color: #abb1bb;
}

.sectionHead .brdrd {
  display: block;
  color: transparent;
}

.shortAboutSection {
  padding-top: 65px;
  position: relative;
  z-index: 1;
}
.shortAboutSection:after {
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
  touch-action: none;
  left: 0;
  bottom: 100px;
  width: 100%;
  z-index: -1;
  height: 936px;
  background-image: url(../img/back-about.jpg);
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
}
.shortAboutSection .sectionContent,
.shortAboutSection .sectionHead,
.shortAboutSection .aboutGoals,
.shortAboutSection .aboutImage {
  padding: 0 29px;
}
.shortAboutSection .sectionContent {
  padding-left: 141px;
  grid-row: span 3;
}
.shortAboutSection .bulletText + * {
  margin-top: 102px;
}
.shortAboutSection .aboutImage {
  grid-row-start: 3;
}
.shortAboutSection .aboutImage .imageContainer {
  padding-top: 55.4404145078%;
  border-radius: 33px;
}
.shortAboutSection .aboutGoals {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 40px;
  padding-bottom: 40px;
}

.btnPlay {
  display: block;
  position: absolute;
  left: calc(50% - 34px);
  top: calc(50% - 34px);
  color: #fff;
  transition: color 0.2s;
}
.btnPlay:before {
  content: "\e910";
  font-family: icomoon;
  display: block;
  width: 69px;
  height: 69px;
  font-size: 69px;
  line-height: 1;
  color: inherit;
}
.btnPlay:after {
  content: "";
  display: block;
  position: absolute;
  width: 4px;
  height: 4px;
  background-color: #fff;
  border: 2px solid #ff1854;
  border-radius: 50%;
  box-shadow: 0px 0px 5px 4px #ff0042;
  left: 73.1884057971%;
  top: 22.4637681159%;
  filter: blur(1px);
  -webkit-animation: dot-lighting-shadow 3s ease infinite;
  animation: dot-lighting-shadow 3s ease infinite;
}
.btnPlay.colored {
  width: 114px;
  height: 114px;
  border-radius: 50%;
  border: 1px solid #fff;
  position: relative;
  left: auto;
  top: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btnPlay.colored:before {
  content: "";
  width: 84.2105263158%;
  height: 84.2105263158%;
  background-image: url(../img/btn-play.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
}
.btnPlay.colored:after {
  display: none;
}

.videoLink {
  display: block;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 33px;
  overflow: hidden;
  color: #fff;
}
.videoLink .imageContainer {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transition: transform 0.2s, filter 0.2s;
}
.videoLink .content {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 30px 24px 25px 34px;
  display: flex;
  flex-direction: column;
}
.videoLink .content .logoImage {
  width: 80px;
  margin-top: auto;
  margin-left: auto;
}
.videoLink:active .imageContainer {
  transform: scale(1.05);
  filter: blur(2px);
}
.videoLink:active .btnPlay {
  color: #72fbfe;
}
@media (hover: hover) {
  .videoLink:hover .imageContainer {
    transform: scale(1.05);
    filter: blur(2px);
  }
  .videoLink:hover .btnPlay {
    color: #72fbfe;
  }
}

.videoPanel {
  background-color: #0e131c;
  border-radius: 43px;
  padding: 38px 50px 50px;
}
.videoPanel .headText + * {
  margin-top: 28px;
}
.videoPanel .videoLink {
  display: block;
  padding-top: 63.6363636364%;
  margin-top: 42px;
}
.videoPanel .videoLink .content .name {
  display: block;
  font-size: 21px;
  line-height: 25px;
  font-weight: 500;
}
.videoPanel .videoLink .content .title {
  display: block;
  font-weight: 300;
  font-size: 14px;
  line-height: 25px;
  color: #abb1bb;
}

.aboutInfo {
  display: grid;
  grid-template-columns: 529px calc(100% - 529px);
  grid-template-rows: auto 1fr;
  margin-top: 115px;
}
.aboutInfo .videoPanel {
  grid-column-start: 1;
  grid-row: 1/3;
  align-self: flex-start;
}
.aboutInfo .aboutText {
  padding-left: 60px;
}
.aboutInfo .aboutText + * {
  margin-top: 80px;
}

.bulletChecks {
  font-size: 21px;
  line-height: 30px;
  font-weight: 300;
  color: #abb1bb;
}
.bulletChecks li {
  position: relative;
  padding-left: 75px;
  min-height: 44px;
  display: flex;
  align-items: center;
  background-image: url(../img/icon-check.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 44px auto;
}
.bulletChecks li + li {
  margin-top: 30px;
}

.goalItem .goalHead {
  position: relative;
  padding-left: 96px;
  min-height: 69px;
  display: flex;
  align-items: center;
  margin-bottom: 36px;
}
.goalItem .goalHead .itemIcon {
  position: absolute;
  left: 0;
  width: 68px;
  height: 69px;
  display: flex;
  align-items: center;
  top: calc(50% - 35px);
}
.goalItem .goalHead .itemIcon .dot {
  position: absolute;
  width: 100%;
  height: 130.4347826087%;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.goalItem + .goalItem {
  margin-top: 82px;
}

.sectionColumns {
  margin: 0 -29px;
  display: grid;
  grid-template-columns: calc(25% + 10px) calc(75% - 10px);
  grid-template-rows: auto 1fr;
  grid-auto-flow: dense;
}
.sectionColumns .titleItem {
  padding: 0 0px 0px 29px;
}
.sectionColumns .visualItem {
  padding: 0px 29px 0px 137px;
  grid-row: span 2;
  grid-column-start: 2;
}

.stepsSection {
  padding-top: 160px;
}
.stepsSection .titleItem {
  display: flex;
  flex-direction: column;
}
.stepsSection .sectionContent {
  margin-top: auto;
  padding-top: 90px;
}
.stepsSection .btnContainer {
  margin-top: 90px;
}

.stepsPanel {
  position: relative;
  z-index: 1;
  padding: 40px 120px 40px 96px;
}
.stepsPanel:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  pointer-events: none;
  touch-action: none;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
  border-radius: 43px;
}

.stepItem {
  position: relative;
  padding-top: 34px;
  padding-bottom: 34px;
}
.stepItem:before, .stepItem:after {
  content: "";
  display: block;
  position: absolute;
  width: 4px;
  height: 4px;
  background-color: #fff;
  border: 2px solid #ff1854;
  border-radius: 50%;
  filter: blur(1px);
  box-shadow: 0px 0px 5px 4px #ff0042;
  left: -97px;
  z-index: 1;
}
.stepItem:before {
  top: 39px;
  -webkit-animation: dot-lighting-shadow 4s ease infinite;
  animation: dot-lighting-shadow 4s ease infinite;
}
.stepItem:after {
  top: 119px;
  -webkit-animation: dot-lighting-shadow 4s ease infinite;
  animation: dot-lighting-shadow 4s ease infinite;
}

.stepCard {
  padding-left: 284px;
  min-height: 95px;
  position: relative;
}
.stepCard:before {
  content: "";
  display: block;
  position: absolute;
  height: 80px;
  left: -98px;
  width: 4px;
  top: 5px;
  background-color: #1b2029;
}
.stepCard .imageContainer {
  border-radius: 43px;
  width: 201px;
  height: 85px;
  position: absolute;
  left: 0;
  top: 5px;
}
.stepCard .itemTitle {
  margin-bottom: 12px;
}
.stepCard .count {
  color: #dc0734;
  font-size: 21px;
  display: inline-block;
  padding-right: 5px;
}
.stepCard .textContainer {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.roadmapSection {
  padding-top: 110px;
  position: relative;
}
.roadmapSection:after {
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
  touch-action: none;
  left: 0;
  bottom: -78px;
  width: 100%;
  z-index: -1;
  height: 1060px;
  background-image: url(../img/back-roadmap.jpg);
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
}
.roadmapSection .sectionHead {
  position: relative;
  z-index: 1;
}

.roadmapCard {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
}
.roadmapCard .checkList {
  background-color: rgba(54, 60, 68, 0.55);
  border-radius: 33px;
  padding: 36px 45px 36px 30px;
}
.roadmapCard .checkList li {
  color: #8a929f;
}
.roadmapCard .checkList li:before {
  border-color: #8a929f;
}
.roadmapCard .checkList li.closed {
  color: #fff;
}
.roadmapCard .checkList li.closed:before {
  border-color: #fff;
}
.roadmapCard .term {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 71px;
  margin-top: 20px;
  padding: 20px 60px;
  background-color: #0e131c;
  border-radius: 36px;
  position: relative;
}
.roadmapCard .term .itemTitle {
  font-weight: normal;
}
.roadmapCard .term .month {
  font-size: 21px;
  line-height: 30px;
  color: #72fbfe;
}
.roadmapCard .term:before, .roadmapCard .term:after {
  content: "";
  display: block;
  position: absolute;
  width: 4px;
  height: 4px;
  background-color: #fff;
  border: 2px solid #ff1854;
  border-radius: 50%;
  box-shadow: 0px 0px 5px 4px #ff0042;
  top: 50%;
  filter: blur(1px);
  margin-left: -2px;
  margin-top: -2px;
  z-index: 2;
}
.roadmapCard .term:before {
  left: 22px;
  -webkit-animation: dot-lighting-shadow 4s ease infinite;
  animation: dot-lighting-shadow 4s ease infinite;
}
.roadmapCard .term:after {
  right: 22px;
  -webkit-animation: dot-lighting-shadow 4s ease infinite;
  animation: dot-lighting-shadow 4s ease infinite;
}

.checkList {
  font-size: 17px;
  line-height: 20px;
  color: #fff;
}
.checkList li {
  position: relative;
  padding-left: 38px;
  min-height: 20px;
  display: flex;
  align-items: center;
}
.checkList li:before {
  content: "\e911";
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: icomoon;
  font-size: 8px;
  color: inherit;
  width: 16px;
  height: 16px;
  border: 1px solid #fff;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 2px;
}
.checkList li + li {
  margin-top: 20px;
}
.checkList.lg {
  color: #abb1bb;
  font-size: 21px;
  line-height: 30px;
}
.checkList.lg li {
  padding-left: 25px;
  min-height: 30px;
}
.checkList.lg li:before {
  top: 7px;
}

.roadmapSlider {
  overflow: visible;
}
.roadmapSlider .swiper-slide {
  height: auto;
}
.roadmapSlider .swiper-slide .roadmapCard {
  opacity: 0;
  transition: opacity 0.2s;
}
.roadmapSlider .swiper-slide:before {
  content: "";
  display: block;
  position: absolute;
  height: 1px;
  background: #fff;
  width: 100px;
  right: calc(100% - 22px);
  bottom: 35px;
  opacity: 1;
  z-index: 1;
  pointer-events: none;
  touch-action: none;
}
.roadmapSlider .swiper-slide:not(.swiper-slide-visible) + .swiper-slide-visible:before {
  background: repeating-linear-gradient(to right, #fff 0px 28px, transparent 28px 36px);
}
.roadmapSlider .swiper-slide:first-child:before {
  width: 22px;
}
.roadmapSlider .swiper-slide:last-child:after {
  content: "";
  display: block;
  position: absolute;
  height: 1px;
  background: #fff;
  width: 22px;
  left: calc(100% - 22px);
  bottom: 35px;
  opacity: 1;
  z-index: 1;
  pointer-events: none;
  touch-action: none;
}
.roadmapSlider .swiper-slide-visible .roadmapCard {
  opacity: 1;
}
.roadmapSlider .swiper-slide-visible + .swiper-slide:not(.swiper-slide-visible):before {
  background: repeating-linear-gradient(to right, #fff 0px 28px, transparent 28px 36px);
}

.sliderControls {
  margin-top: 60px;
}
.sliderControls.hide {
  display: none;
}

.navPagination {
  display: flex;
  justify-content: center;
}

.bulletTitle {
  display: block;
  font-weight: normal;
  font-size: 70px;
  line-height: 1;
}

.bulletSection {
  margin-top: 75px;
}

.bulletPanel {
  text-align: center;
  border-radius: 43px;
  background-image: url(../img/visual-speedometer.png);
  background-size: auto;
  background-position: center 30px;
  background-repeat: no-repeat;
  padding: 96px 40px 84px;
  position: relative;
  overflow: hidden;
}
.bulletPanel .panelBackground {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transform-origin: center;
  z-index: -1;
  background-image: url(../img/back-bullet.jpg);
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  -webkit-animation: zoomImage 20s infinite;
  animation: zoomImage 20s infinite;
}
.bulletPanel .bulletTitle + * {
  margin-top: 38px;
}
.bulletPanel .btnContainer {
  margin-top: 50px;
}
.bulletPanel .btnsList {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 32px);
  margin-top: 12px;
}
.bulletPanel .btnsList .btnContainer {
  padding-right: 32px;
  margin-top: 32px;
}
.bulletPanel.leftBullet {
  text-align: left;
  background-image: url(../img/back-bullet-2.jpg);
  background-size: cover;
  background-position: center;
  padding: 74px calc(100% - 740px) 94px 120px;
}
.bulletPanel.leftBullet .contentTitle + * {
  margin-top: 22px;
}

.dataCaption {
  color: #8a929f;
  font-weight: 300;
  font-size: 17px;
  line-height: 25px;
}
.dataCaption .captionVal {
  color: #fff;
  font-size: 30px;
}
.dataCaption.lg {
  font-size: 21px;
  color: #abb1bb;
}

.postHeroSection {
  padding-top: 74px;
}

.pageColumns {
  margin: 0 -29px;
  display: grid;
  grid-template-columns: calc(25% + 50px) calc(75% - 50px);
  grid-template-rows: auto 1fr;
  grid-auto-flow: dense;
}
.pageColumns .rightColumn {
  padding: 0px 29px 0px 98px;
  grid-row: span 2;
  grid-column-start: 2;
}
.pageColumns .leftColumn {
  padding: 0 0px 0px 29px;
}

.faqTabs .tabsList li + li {
  margin-top: 20px;
}
.faqTabs .tabsList a {
  display: flex;
  align-items: center;
  background-color: #292d35;
  border: 1px solid #292d35;
  border-radius: 33px;
  min-height: 132px;
  font-size: 30px;
  line-height: 40px;
  color: #fff;
  position: relative;
  padding: 10px 20px 10px 147px;
  transition: border-color 0.2s, background-color 0.2s, color 0.2s;
}
.faqTabs .tabsList a .icon {
  display: block;
  position: absolute;
  font-size: 64px;
  line-height: 1;
  left: 40px;
  top: calc(50% - 32px);
  color: inherit;
  width: 65px;
  text-align: center;
}
.faqTabs .tabsList a .icon .dot {
  position: absolute;
  pointer-events: none;
  touch-action: none;
  width: 160%;
  height: 139.0625%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-animation: dot-lighting 3s ease infinite;
  animation: dot-lighting 3s ease infinite;
}
.faqTabs .tabsList a.active {
  border-color: #fff;
  background-color: transparent;
  color: #72fbfe;
}
.faqTabs .tabsList a:hover {
  color: #72fbfe;
}
.faqTabs .tabsHead {
  padding-top: 6px;
}
.faqTabs .tabsHead .sectionHead {
  margin-bottom: 72px;
}
.faqTabs .joinLine {
  margin-top: 130px;
}
.faqTabs .joinLine .sectionHead {
  margin-bottom: 45px;
}
.faqTabs .joinLine .btnContainer {
  margin-top: 65px;
}
.faqTabs .supportContacts {
  margin-top: 50px;
}
.faqTabs .contentTitle {
  margin-bottom: 50px;
}

.supportContacts li + li {
  margin-top: 20px;
}
.supportContacts a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #0e131c;
  border-radius: 33px;
  min-height: 132px;
  padding: 10px 20px 10px 147px;
  position: relative;
  font-size: 18px;
  line-height: 40px;
  color: #72fbfe;
  transition: color 0.2s;
}
.supportContacts a .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  border-radius: 50%;
  background-color: #292d35;
  width: 64px;
  height: 64px;
  left: 45px;
  top: calc(50% - 32px);
  color: #fff;
  font-size: 24px;
}
.supportContacts a:active {
  color: #fff;
}
@media (hover: hover) {
  .supportContacts a:hover {
    color: #fff;
  }
}
.supportContacts .dataCaption {
  display: block;
  font-size: 21px;
  color: #abb1bb;
}
.supportContacts .val {
  display: block;
  margin-top: 4px;
  transition: text-decoration-color 0.2s;
}
.supportContacts.xs a {
  border-radius: 27px;
  min-height: 83px;
  padding: 9px 20px 11px 74px;
  font-size: 17px;
  line-height: 20px;
}
.supportContacts.xs a .icon {
  width: 42px;
  height: 42px;
  left: 18px;
  top: calc(50% - 21px);
  font-size: 16px;
}
.supportContacts.xs .dataCaption {
  font-size: 14px;
}
.supportContacts.xs .val {
  margin-top: 0px;
}

.contentTitle {
  display: block;
  font-size: 50px;
  line-height: 60px;
  font-weight: normal;
}

.accordTitle {
  cursor: pointer;
}

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

.faqTitle {
  min-height: 86px;
  display: flex;
  align-items: center;
  color: #fff;
  position: relative;
  padding: 10px 79px 10px 56px;
  transition: color 0.2s;
}
.faqTitle:after {
  content: "\e91b";
  display: block;
  font-family: icomoon;
  position: absolute;
  font-size: 28px;
  line-height: 1;
  color: inherit;
  right: 26px;
  top: calc(50% - 14px);
}
.faqTitle .itemTitle {
  color: inherit;
}
.faqTitle.active {
  color: #72fbfe;
}
.faqTitle.active:after {
  content: "\e91a";
}

.faqContent .textContainer {
  padding: 7px 56px 48px;
}

.faqItem {
  border-radius: 33px;
  background-color: #292d35;
  border: 1px solid #292d35;
  transition: border-color 0.2s, background-color 0.2s;
}
.faqItem + .faqItem {
  margin-top: 12px;
}
.faqItem.active {
  border-color: #fff;
  background-color: transparent;
}

.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 0s;
}

.rulesContainer .rulesContent {
  padding-left: 77px;
}
.rulesContainer .introPanel {
  margin-top: 70px;
}

.introPanel {
  background-color: #292d35;
  border-radius: 33px;
  padding: 52px 42px 68px 52px;
}
.introPanel .headText + * {
  margin-top: 25px;
}

.rulesChapter .chapterHead {
  background-color: #0e131c;
  border-radius: 33px;
  display: flex;
  align-items: center;
  min-height: 98px;
  padding: 10px 68px;
  position: relative;
  overflow: hidden;
  margin-bottom: 40px;
}
.rulesChapter .chapterHead .count {
  display: block;
  position: absolute;
  color: #1b2029;
  font-size: 140px;
  width: 114px;
  text-align: center;
  line-height: 1;
  right: 0;
  font-weight: 300;
  top: calc(50% - 74px);
}
.rulesChapter + .rulesChapter {
  margin-top: 60px;
}

.rulesList {
  font-weight: 300;
  font-size: 21px;
  line-height: 30px;
  color: #abb1bb;
  padding-left: 66px;
}
.rulesList .count {
  color: #72fbfd;
}

.mapContainer {
  border-radius: 43px;
  overflow: hidden;
  padding-top: 29.4186046512%;
  position: relative;
  margin-top: 98px;
  min-height: 420px;
}
.mapContainer iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.contactsChapter .contactsList {
  display: flex;
  justify-content: space-between;
  padding-top: 12px;
}
.contactsChapter .contactItem {
  width: calc(50% - 56px);
  padding-left: 115px;
}
.contactsChapter .contactItem .val {
  font-size: 30px;
  line-height: 40px;
  position: relative;
  min-height: 62px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  font-weight: 300;
  color: #fff;
}
.contactsChapter .contactItem .val a {
  font-weight: inherit;
  color: inherit;
  transition: color 0.2s;
}
.contactsChapter .contactItem .val a:active {
  color: #72fbfe;
}
@media (hover: hover) {
  .contactsChapter .contactItem .val a:hover {
    color: #72fbfe;
  }
}
.contactsChapter .contactItem .itemIcon {
  position: absolute;
  width: 62px;
  display: flex;
  justify-content: center;
  align-items: center;
  top: calc(50% - 31px);
  left: -115px;
}
.contactsChapter .contactItem .itemIcon .dot {
  position: absolute;
  height: 100%;
  top: 0;
  width: 129.0322580645%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  left: 50%;
  transform: translateX(-50%);
}
.contactsChapter .contactItem .itemIcon img {
  height: 62px;
}
.contactsChapter .supportContacts {
  margin-top: 88px;
}
.contactsChapter:not(:first-child) {
  margin-top: 118px;
}

.contactsForm {
  background-color: #292d35;
  border-radius: 43px;
  padding: 50px 60px 46px;
  min-height: 100%;
}
.contactsForm .formHead {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 62px;
}
.contactsForm .formHead .headNote {
  padding-left: 30px;
}
.contactsForm .btnContainer {
  margin-top: 45px;
}
.contactsForm .formContent {
  display: flex;
  flex-wrap: wrap;
  margin: -30px -15px 0px;
}
.contactsForm .formContent .formItem {
  padding: 30px 15px 0px;
  width: 33.3333333333%;
}
.contactsForm .formContent .formItem:last-child {
  width: 100%;
}

.headNote .mark {
  color: #72fbfe;
}

.sectionInner {
  display: grid;
  grid-template-columns: 33.3333333333% 66.6666666667%;
  grid-template-rows: auto 1fr;
  margin: 0 -27px;
}
.sectionInner .sectionHead {
  padding: 0 27px;
  padding-top: 12px;
}
.sectionInner .sectionHead .imageContainer {
  border-radius: 33px;
  padding-top: 66.4165103189%;
  margin-top: 80px;
}
.sectionInner .sectionContent {
  padding: 0 27px;
  grid-row: span 2;
}
.sectionInner .textContent > * + * {
  margin-top: 30px;
}
.sectionInner .contentTitle {
  margin-bottom: 60px;
  color:#fff;
}
.sectionInner .headText + * {
  margin-top: 40px;
}
.advantagesSection {
  padding-top: 95px;
}
.advantagesSection .contentTitle {
  margin-bottom: 82px;
}

.advantagesList {
  display: flex;
  flex-wrap: wrap;
  margin: -48px -27px 0px;
}
.advantagesList .item {
  padding: 48px 27px 0px;
  width: 33.3333333333%;
}

.videoSection {
  padding-top: 113px;
  padding-bottom: 106px;
}
.videoSection .videoPanel {
  padding: 50px;
}
.videoSection .videoPanel .videoLink {
  margin-top: 0px;
}
.videoSection .btnPlay {
  margin-bottom: 20px;
}
.videoSection .videoLink {
  padding-top: 33.5188620903%;
}
.videoSection .videoLink .content {
  align-items: center;
  justify-content: center;
  padding-top: 94px;
}
.videoSection .videoLink .content .name {
  font-size: 50px;
  line-height: 1;
  font-weight: 300;
}
.videoSection .videoLink .content .title {
  font-size: 21px;
  font-weight: normal;
  margin-top: 24px;
}

.infoCard {
  background-color: #0e131c;
  border-radius: 43px;
  padding: 30px 40px 40px 56px;
}
.infoCard + .infoCard {
  margin-top: 32px;
}
.infoCard .itemTitle {
  line-height: 40px;
}
.infoCard .cardHead {
  padding-left: 90px;
  position: relative;
  margin-bottom: 36px;
  min-height: 80px;
  display: flex;
  align-items: center;
}
.infoCard .itemIcon {
  position: absolute;
  left: 0;
  top: calc(50% - 30px);
  height: 61px;
  width: 61px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.infoCard .itemIcon .dot {
  position: absolute;
  width: 118.0327868852%;
  height: 100%;
  top: 0;
  transform: translateX(-50%);
  left: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

.infoSection .sectionContent {
  padding-top: 12px;
}
.infoSection .sectionHead {
  padding-top: 0px;
}

.assortmentSection {
  margin-top: 110px;
}
.assortmentSection .sectionHead {
  padding-top: 0px;
}

.assortmentTabs .tabsList {
  margin-top: 80px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.assortmentTabs .tabsList a {
  display: flex;
  align-items: flex-start;
  font-size: 30px;
  line-height: 40px;
  font-weight: 300;
  color: #fff;
  white-space: nowrap;
  transition: color 0.2s;
}
.assortmentTabs .tabsList a .linkInner {
  text-decoration: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 1px;
  text-underline-offset: 10px;
  white-space: initial;
  transition: text-decoration-color 0.2s;
}
.assortmentTabs .tabsList a:after {
  content: "\e900";
  font-family: icomoon;
  display: inline-flex;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  line-height: 34px;
  font-size: 16px;
  text-align: center;
  background-color: #292d35;
  color: #fff;
  opacity: 0;
  margin-left: 20px;
  margin-top: 6px;
  transition: opacity 0.2s;
}
.assortmentTabs .tabsList a:active {
  color: #72fbfe;
}
@media (hover: hover) {
  .assortmentTabs .tabsList a:hover {
    color: #72fbfe;
  }
}
.assortmentTabs .tabsList a.active {
  color: #72fbfe;
}
.assortmentTabs .tabsList a.active .linkInner {
  text-decoration-color: #72fbfe;
}
.assortmentTabs .tabsList a.active:after {
  opacity: 1;
}
.assortmentTabs .tabsList li + li {
  margin-top: 30px;
}

.proposalCard {
  border-radius: 43px;
  background-color: #292d35;
  padding: 40px 41.134751773% 50px 65px;
  background-position: right bottom;
  background-repeat: no-repeat;
}

.partnersSection .tarifsSlider {
  margin-top: 120px;
}
.partnersSection .sectionContent {
  padding-left: 0px;
}
.partnersSection .sectionContent + .sectionHead {
  margin-top: 56px;
}
.partnersSection .sectionHead {
  padding-right: 120px;
}
.partnersSection .textContent > * + * {
  margin-top: 62px;
}
.partnersSection .startBonuses {
  display: flex;
  margin-top: 70px;
}
.partnersSection .startBonuses .bulletStat {
  width: 156px;
  max-width: calc((100% - 40px) / 3);
  margin-right: auto;
}
.partnersSection .startBonuses .speedIcon {
  width: 126px;
  height: 82px;
  margin-bottom: 38px;
}
.partnersSection .startBonuses .speedIcon:after,
.partnersSection .startBonuses .speedIcon .dot {
  width: 28px;
  height: 28px;
  bottom: -12.1951219512%;
  left: calc(50% - 14px);
}
.partnersSection .btnContainer {
  margin-top: 55px;
}
.partnersSection .programPanel {
  margin-top: 10px;
}
.partnersSection + .partnersSection {
  margin-top: 98px;
}

.tarifsSlider {
  overflow: visible;
}
.tarifsSlider .themeCard {
  opacity: 0;
  transition: opacity 0.2s;
}
.tarifsSlider .themeCard .cardHead {
  position: relative;
}
.tarifsSlider .themeCard .cardHead:before, .tarifsSlider .themeCard .cardHead:after {
  content: "";
  display: block;
  position: absolute;
  height: 1px;
  background: #434a54;
  width: 33px;
  bottom: 1px;
  opacity: 1;
  z-index: 2;
  pointer-events: none;
  touch-action: none;
}
.tarifsSlider .themeCard .cardHead:before {
  left: 0;
}
.tarifsSlider .themeCard .cardHead:after {
  right: 0;
}
.tarifsSlider .themeCard .tarifImage:before {
  content: "";
  display: block;
  position: absolute;
  height: 1px;
  background: #434a54;
  width: 60px;
  right: 100%;
  top: -1px;
  opacity: 1;
  z-index: 2;
  pointer-events: none;
  touch-action: none;
}
.tarifsSlider .themeCard .cardInner {
  overflow: visible;
}
.tarifsSlider label {
  cursor: pointer;
}
.tarifsSlider input {
  display: none;
}
.tarifsSlider input:checked + .themeCard:before {
  opacity: 1;
}
.tarifsSlider input:checked + .themeCard .cardHead {
  background-color: #46a7a9;
}
.tarifsSlider input:checked + .themeCard .cardHead .dataCaption,
.tarifsSlider input:checked + .themeCard .headVal .price {
  color: #fff;
}
.tarifsSlider .swiper-slide:first-child .tarifImage:before {
  display: none;
}
.tarifsSlider .swiper-slide:not(.swiper-slide-visible) + .swiper-slide-visible .tarifImage:before {
  background: repeating-linear-gradient(to right, #434a54 0px 23px, transparent 21px 28px);
}
.tarifsSlider .swiper-slide-visible .themeCard {
  opacity: 1;
}
.tarifsSlider .swiper-slide-visible + .swiper-slide:not(.swiper-slide-visible) .taifImage:before {
  background: repeating-linear-gradient(to right, transparent 0px 7px, #434a54 7px 28px);
}

.themeCard {
  display: block;
  position: relative;
  z-index: 1;
}
.themeCard:before {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border-radius: 33px;
  border: 1px solid #fff;
  left: -10px;
  top: -10px;
  opacity: 0;
  pointer-events: none;
  touch-action: none;
  z-index: 4;
  transition: opacity 0.2s;
}
.themeCard .cardInner {
  border-radius: 33px;
  overflow: hidden;
}
.themeCard .sumLine {
  min-height: 55px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 56px;
  background-color: #0e131c;
  border-radius: 28px;
  margin-top: -28px;
  margin-bottom: -28px;
  position: relative;
}
.themeCard .sumLine .itemTitle {
  font-size: 17px;
  line-height: 21px;
  padding-right: 8px;
}
.themeCard .sumLine .sum {
  color: #72fbfe;
  font-size: 21px;
  line-height: 1;
}
.themeCard .sumLine:before, .themeCard .sumLine:after {
  content: "";
  display: block;
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: #fff;
  border: 2px solid #ff1854;
  border-radius: 50%;
  box-shadow: 0px 0px 5px 4px #ff0042;
  filter: blur(1px);
  bottom: 28px;
  transform: translateY(50%);
  z-index: 3;
  -webkit-animation: dot-lighting-shadow 3s ease infinite;
  animation: dot-lighting-shadow 3s ease infinite;
}
.themeCard .sumLine:before {
  left: 33px;
}
.themeCard .sumLine:after {
  right: 33px;
}
.themeCard .cardHead {
  background-color: #292d35;
  text-align: center;
  padding: 20px 10px 40px;
  transition: background-color 0.2s;
  border-top-right-radius: 33px;
  border-top-left-radius: 33px;
}
.themeCard .date {
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
}
.themeCard .dataCaption {
  font-size: inherit;
  line-height: inherit;
  transition: color 0.2s;
}
.themeCard .cardTitle {
  display: block;
  font-size: 21px;
  line-height: 30px;
  color: #fff;
  font-weight: 300;
}
.themeCard .cardTitle + * {
  margin-top: 6px;
}
.themeCard .cardDetailed {
  background-color: #454951;
  padding: 38px 10px 10px;
  min-height: 148px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-bottom-left-radius: 33px;
  border-bottom-right-radius: 33px;
}
.themeCard .headVal {
  color: #fff;
  transition: color 0.2s;
}
.themeCard .headVal .price {
  color: #dc0734;
  transition: color 0.2s;
}
.themeCard .tarifImage {
  padding-top: 67.012987013%;
  background-image: url(../img/back-tarif.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  z-index: -1;
  border-bottom-left-radius: 33px;
  border-bottom-right-radius: 33px;
}
.themeCard .tarifImage .image {
  position: absolute;
  left: 50%;
  bottom: 0;
  max-width: 100%;
  transform: translateX(-50%);
}
.themeCard .tarifImage .statusContent {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: calc(100% - 28px);
  top: 28px;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  padding: 15px;
}
.themeCard .tarifImage .messageLine {
  display: flex;
  align-items: center;
  font-size: 17px;
  line-height: 19px;
  min-height: 38px;
  position: relative;
  color: #72fbfe;
  background-color: rgba(14, 19, 28, 0.7);
  border-radius: 19px;
  padding: 0px 20px 0px 4px;
}
.themeCard .tarifImage .tooltipBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 29px;
  height: 29px;
  min-width: 29px;
  border-radius: 50%;
  background-color: #72fbfe;
  color: #fff;
  font-size: 16px;
}
.themeCard .tarifImage .tooltip {
  margin-right: 13px;
}
.themeCard .tarifImage .statusAction {
  display: flex;
  align-items: center;
  background-color: rgba(14, 19, 28, 0.7);
  border-radius: 19px;
  padding-right: 16px;
}
.themeCard .tarifImage .statusAction .btnContainer {
  margin-right: 16px;
}
.themeCard .tarifInfo {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.themeCard .tarifInfo .infoPanel {
  width: calc((100% - 15px) / 2);
  border-radius: 27px;
  background-color: #292d35;
  font-size: 17px;
  line-height: 25px;
  font-weight: 300;
  text-align: center;
  min-height: 99px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  white-space: nowrap;
}
.themeCard .tarifInfo .infoPanel li {
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.themeCard .tarifInfo .infoPanel li + li {
  margin-top: 5px;
}
.themeCard .tarifInfo .infoPanel .dataCaption {
  font-size: inherit;
  line-height: inherit;
}
.themeCard .tarifInfo .tarifImage {
  width: calc((100% - 15px) / 2 + 15px);
  padding-top: 0px;
  background-image: none;
  z-index: initial;
}
.themeCard:active:before {
  opacity: 1;
}
.themeCard:active .cardHead {
  background-color: #46a7a9;
}
.themeCard:active .cardHead .dataCaption,
.themeCard:active .headVal .price {
  color: #fff;
}
@media (hover: hover) {
  .themeCard:hover:before {
    opacity: 1;
  }
  .themeCard:hover .cardHead {
    background-color: #46a7a9;
  }
  .themeCard:hover .cardHead .dataCaption,
  .themeCard:hover .headVal .price {
    color: #fff;
  }
}

.programPanel {
  position: relative;
}
.programPanel .panelInner {
  padding: 60px 80px 75px;
  border: 1px solid #fff;
  border-radius: 43px;
  clip-path: polygon(0px 0px, 0px 50px, 1px 50px, 1px 134px, 0px 134px, 0px 100%, 100% 100%, 100% 0px);
}
.programPanel:before, .programPanel:after {
  content: "";
  display: block;
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: #fff;
  border: 2px solid #72fbfd;
  border-radius: 50%;
  box-shadow: 0px 0px 5px 4px #72fbfd;
  -webkit-animation: dot-lighting-shadow 4s ease infinite;
  animation: dot-lighting-shadow 4s ease infinite;
}
.programPanel:before {
  top: 48px;
  left: -2px;
}
.programPanel:after {
  top: 132px;
  left: -2px;
}

.levelsList {
  display: flex;
 justify-content: center;
  margin: -30px -15px 0px;
}
.levelsList .item {
  width: 33.3333333333%;
  padding: 30px 15px 0px;
}

.levelCard {
  background-color: #292d35;
  border-radius: 23px;
  padding: 7px 27px 10px;
}
.levelCard .dataCaption,
.levelCard .val {
  flex-shrink: 0;
  white-space: nowrap;
}
.levelCard .val {
  font-size: 21px;
  order: 1;
  font-weight: 300;
  padding-left: 3px;
}
.levelCard .dataCaption {
  padding-right: 3px;
}
.levelCard .bonus {
  color: #72fbfd;
}
.levelCard .cardLine {
  display: flex;
  align-items: center;
  padding: 10px 0px;
}
.levelCard .cardLine:after {
  content: "";
  display: block;
  flex: 1;
  align-self: center;
  margin-top: 12px;
  height: 2px;
  background: repeating-linear-gradient(to right, #8a929f 0px 2px, transparent 2px 7px);
  background-size: auto 2px;
}

.giftCard {
  background-image: url(../img/image-gift.jpg), url(../img/gift-back.jpg);
  background-size: auto 100%;
  background-position: right center, left top;
  background-repeat: no-repeat, repeat-x;
  padding: 32px 42px;
  border-radius: 33px;
  color: #fff;
}
.giftCard .name {
  display: block;
  font-weight: 500;
  color: #72fbfe;
  font-size: 30px;
  line-height: 40px;
  text-transform: uppercase;
  margin-top: 38px;
}
.giftCard .itemCaption {
  font-size: 17px;
  font-weight: 500;
}
.giftCard .itemCaption .val {
  display: block;
  font-weight: 300;
  font-size: 70px;
  line-height: 78px;
  margin-bottom: 6px;
}

.discountList {
  display: flex;
  flex-wrap: wrap;
  margin: -7px -15px 0px;
}
.discountList .item {
  width: 50%;
  padding: 22px 15px 0px;
}

.discountCard {
  background-color: #0e131c;
  border-radius: 33px;
  position: relative;
  min-height: 98px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 8px 55px 10px;
  overflow: hidden;
  font-size: 21px;
  line-height: 30px;
  font-weight: 300;
  z-index: 1;
  min-height: 100%;
}
.discountCard .discountVal {
  font-size: 30px;
  color: #72fbfe;
}
.discountCard .dataCaption {
  line-height: 30px;
}
.discountCard:after {
  content: "%";
  display: block;
  position: absolute;
  right: -10px;
  font-size: 144px;
  line-height: 1;
  top: calc(50% - 75px);
  font-weight: 300;
  color: #1b2029;
  text-align: center;
  pointer-events: none;
  touch-action: none;
  z-index: -1;
}

.signWrapper {
  display: grid;
  grid-template-rows: auto 1fr auto;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 1fr;
}
.signWrapper .heroTitle {
  font-size: 80px;
  text-align: center;
}
.signWrapper .heroTitle .brdrd {
  color: #1b2029;
  -webkit-text-stroke: 1px #fff;
  text-stroke: 1px #fff;
}

.signHeader {
  grid-column-start: 2;
}
.signHeader .logoContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  min-height: 108px;
  z-index: 1;
}
.signHeader .logoContainer:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0%;
  top: 0;
  z-index: -1;
  background-color: #070c15;
  pointer-events: none;
  touch-action: none;
  clip-path: polygon(0px 0px, 0px 0px, 8.54803px 0.452388px, 16.51316px 1.857264px, 23.82075px 4.286196px, 30.39616px 7.810752px, 36.16475px 12.5025px, 41.05188px 18.433008px, 44.98291px 25.673844px, 47.8832px 34.296576px, 49.67811px 44.372772px, 50.293px calc(100% - 43.941px), 50.866338px calc(100% - 36.669591px), 52.540904px calc(100% - 29.826048px), 55.227826px calc(100% - 23.489697px), 58.838232px calc(100% - 17.739864px), 63.28325px calc(100% - 12.655875px), 68.474008px calc(100% - 8.317056px), 74.321634px calc(100% - 4.802733px), 80.737256px calc(100% - 2.192232px), 87.633002px calc(100% - 0.564879px), calc(100% - 87.633002px) calc(100% - 0.564879px), calc(100% - 80.737256px) calc(100% - 2.192232px), calc(100% - 74.321634px) calc(100% - 4.802733px), calc(100% - 68.474008px) calc(100% - 8.317056px), calc(100% - 63.28325px) calc(100% - 12.655875px), calc(100% - 58.838232px) calc(100% - 17.739864px), calc(100% - 55.227826px) calc(100% - 23.489697px), calc(100% - 52.540904px) calc(100% - 29.826048px), calc(100% - 50.866338px) calc(100% - 36.669591px), calc(100% - 50.293px) calc(100% - 43.941px), calc(100% - 49.67811px) 44.372772px, calc(100% - 47.8832px) 34.296576px, calc(100% - 44.98291px) 25.673844px, calc(100% - 41.05188px) 18.433008px, calc(100% - 36.16475px) 12.5025px, calc(100% - 30.39616px) 7.810752px, calc(100% - 23.82075px) 4.286196px, calc(100% - 16.51316px) 1.857264px, calc(100% - 8.54803px) 0.452388px, 100% 0px, 100% 0px);
}

.signVisual {
  grid-row: span 3;
  grid-column-start: 1;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.signForm .formItem + .formItem {
  margin-top: 16px;
}
.signForm .formInner {
  max-width: 494px;
  margin-left: auto;
  margin-right: auto;
}
.signForm .btnContainer {
  padding-top: 48px;
}
.signForm .btnContainer .btnMain {
  width: 100%;
}
.signForm .formLinks {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding-top: 20px;
}
.signForm .formLinks .formLink + .formLink {
  margin-top: 8px;
}

.signContent {
  padding-top: 42px;
  padding-bottom: 36px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.signContent .formContent {
  padding-top: 40px;
}

.captchaLine {
  display: flex;
}
.captchaLine .inputContainer {
  padding-right: 12px;
  flex-grow: 1;
}

.captcha {
  border: 1px solid rgba(255, 255, 255, 0.08);
  background-color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  min-height: 53px;
  border-radius: 27px;
  min-width: 170px;
}
.captcha img {
  max-height: 35px;
}

.signFooter .btnContainer {
  text-align: center;
  max-width: 404px;
  margin-left: auto;
  margin-right: auto;
  min-height: 108px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 40px;
  position: relative;
}
.signFooter .btnContainer:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0%;
  top: 0;
  z-index: -1;
  background-color: #070c15;
  pointer-events: none;
  touch-action: none;
  transform: scale(1, -1);
  clip-path: polygon(0px 0px, 0px 0px, 8.54803px 0.452388px, 16.51316px 1.857264px, 23.82075px 4.286196px, 30.39616px 7.810752px, 36.16475px 12.5025px, 41.05188px 18.433008px, 44.98291px 25.673844px, 47.8832px 34.296576px, 49.67811px 44.372772px, 50.293px calc(100% - 43.941px), 50.866338px calc(100% - 36.669591px), 52.540904px calc(100% - 29.826048px), 55.227826px calc(100% - 23.489697px), 58.838232px calc(100% - 17.739864px), 63.28325px calc(100% - 12.655875px), 68.474008px calc(100% - 8.317056px), 74.321634px calc(100% - 4.802733px), 80.737256px calc(100% - 2.192232px), 87.633002px calc(100% - 0.564879px), calc(100% - 87.633002px) calc(100% - 0.564879px), calc(100% - 80.737256px) calc(100% - 2.192232px), calc(100% - 74.321634px) calc(100% - 4.802733px), calc(100% - 68.474008px) calc(100% - 8.317056px), calc(100% - 63.28325px) calc(100% - 12.655875px), calc(100% - 58.838232px) calc(100% - 17.739864px), calc(100% - 55.227826px) calc(100% - 23.489697px), calc(100% - 52.540904px) calc(100% - 29.826048px), calc(100% - 50.866338px) calc(100% - 36.669591px), calc(100% - 50.293px) calc(100% - 43.941px), calc(100% - 49.67811px) 44.372772px, calc(100% - 47.8832px) 34.296576px, calc(100% - 44.98291px) 25.673844px, calc(100% - 41.05188px) 18.433008px, calc(100% - 36.16475px) 12.5025px, calc(100% - 30.39616px) 7.810752px, calc(100% - 23.82075px) 4.286196px, calc(100% - 16.51316px) 1.857264px, calc(100% - 8.54803px) 0.452388px, 100% 0px, 100% 0px);
}
.signFooter .addBtn {
  min-width: 168px;
}

.loginForm .formContent {
  padding-top: 72px;
}
.loginForm .btnContainer {
  padding-top: 78px;
}
.loginForm .formLinks {
  padding-top: 58px;
}

.statusTitle {
  display: block;
  font-size: 70px;
  line-height: 1;
  font-weight: 500;
  color: #292d35;
  -webkit-text-stroke: 1px #fff;
  text-stroke: 1px #fff;
}

.formTitle {
  display: block;
  text-align: center;
  font-size: 30px;
  line-height: 40px;
  font-weight: 300;
}

.messageModal {
  text-align: center;
}
.messageModal .modalContent {
  padding: 37px 20px 58px;
  max-width: 485px;
}
.messageModal.warning .modalContent {
  min-width: 665px;
  width: 0px;
  max-width: 100%;
}
.messageModal .btnContainer {
  margin-top: 42px;
}
.messageModal .comissionInfo {
  margin-top: 20px;
}
.messageModal .comissionInfo .line {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 46px;
  border: 1px solid #434a54;
  padding: 6px 20px 8px;
  border-radius: 23px;
  color: #8a929f;
}
.messageModal .comissionInfo .line .term {
  color: #fff;
}
.messageModal .comissionInfo .line .val {
  color: #f11c54;
}
.messageModal .comissionInfo .line + .line {
  margin-top: 15px;
}
.messageModal .dayStatus {
  border-radius: 33px;
  background-color: #1b2029;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 104px;
  padding: 6px 20px 8px;
  font-size: 21px;
  font-weight: 300;
  margin-top: 15px;
}
.messageModal .dayStatus .dataCaption {
  color: #fff;
}
.messageModal .dayStatus .val {
  display: block;
  font-size: 40px;
  line-height: 50px;
}
.messageModal .statusMessage {
  background-color: #0e131c;
  min-height: 55px;
  border-radius: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-left: -20px;
  margin-right: -20px;
  color: #fff;
  padding: 5px 52px;
  font-size: 21px;
  line-height: 40px;
  font-weight: 300;
  position: relative;
  margin-top: 38px;
  margin-bottom: 30px;
}
.messageModal .statusMessage:before, .messageModal .statusMessage:after {
  content: "";
  display: block;
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: #fff;
  border-radius: 50%;
  top: 50%;
  z-index: 2;
  transform: translateY(-50%);
}
.messageModal .statusMessage:before {
  left: 30px;
}
.messageModal .statusMessage:after {
  right: 30px;
}
.messageModal .modalHead {
  position: relative;
  z-index: 1;
}
.messageModal .modalHead:before, .messageModal .modalHead:after {
  content: "";
  display: block;
  position: absolute;
  width: 30px;
  border-top: 1px solid #434a54;
  bottom: -66px;
}
.messageModal .modalHead:before {
  left: -20px;
}
.messageModal .modalHead:after {
  right: -20px;
}
.messageModal.success .statusMessage {
  color: #01e185;
}
.messageModal.success .statusMessage:before, .messageModal.success .statusMessage:after {
  border: 1px solid #01e185;
  box-shadow: 0px 0px 5px 4px #01e185;
}
.messageModal.error .statusMessage:before, .messageModal.error .statusMessage:after, .messageModal.warning .statusMessage:before, .messageModal.warning .statusMessage:after {
  border: 1px solid #72fbfe;
  box-shadow: 0px 0px 5px 4px #72fbfe;
}
.messageModal.error .statusMessage {
  color: #72fbfe;
}
.repairModal .modalContent {
  padding: 40px 24px;
}
.repairModal .formTitle {
  margin-bottom: 46px;
}
.repairModal .formPaymentsList li {
  width: 50%;
}
.repairModal .btnContainer {
  margin-top: 46px;
}
.repairModal .btnContainer .btnMain {
  min-width: 250px;
}

.orderPaymentModal .modalContent {
  padding: 32px 25px 40px;
}
.orderPaymentModal .sectionMarkTitle {
  font-size: 13px;
  padding: 8px 12px 8px calc(12px + 0.1em);
  width: 100%;
  text-align: center;
}
.orderPaymentModal .formPaymentsList li {
  width: 50%;
}
.orderPaymentModal .stepHead {
  margin-bottom: 30px;
}
.orderPaymentModal .stepHead,
.orderPaymentModal .conditions {
  width: calc(50% - 16px);
}
.orderPaymentModal .formResult {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 40px;
}
.orderPaymentModal.withdrawModal .depositSum {
  margin-top: 14px;
}
.orderPaymentModal.topupModal .resultList .resultItem {
  width: 100%;
}
.orderPaymentModal .depositSum,
.orderPaymentModal .resultList {
  width: 100%;
}
.orderPaymentModal .resultList {
  margin-top: 18px;
}
.orderPaymentModal .checkList {
  font-size: 14px;
  line-height: 20px;
  color: #858d99;
}
.orderPaymentModal .checkList li {
  padding-left: 24px;
}
.orderPaymentModal .checkList li:before {
  border-color: #858d99;
  font-size: 6px;
  width: 15px;
  height: 15px;
}
.orderPaymentModal .checkList li + li {
  margin-top: 0;
}
.orderPaymentModal .btnContainer {
  margin-top: 35px;
}
.orderPaymentModal .btnContainer .btnMain {
  min-width: 250px;
}

.depositModal .btnContainer .btnMain {
  width: 100%;
}
.depositModal .depositTitle {
  text-align: center;
  display: block;
  font-size: 21px;
  line-height: 30px;
  margin-bottom: 22px;
}
.depositModal .modalContent {
  padding: 20px 40px 32px;
  max-width: 565px;
}
.depositModal .optionsList {
  margin-top: 8px;
}
.depositModal .btnContainer {
  margin-top: 22px;
}
.depositModal .themeCard .sumLine {
  margin-top: 0px;
  justify-content: center;
}
.depositModal .themeCard .tarifImage {
  padding-top: 57.7319587629%;
}
.depositModal .themeCard .cardTitle {
  font-size: 30px;
  line-height: 40px;
  color: #72fbfe;
  font-weight: normal;
}
.depositModal .themeCard .cardInner {
  border-top-right-radius: 27px;
  border-top-left-radius: 27px;
}
.depositModal .themeCard .cardInner:before, .depositModal .themeCard .cardInner:after {
  content: "";
  display: block;
  position: absolute;
  height: 1px;
  background: #434a54;
  width: 33px;
  top: 27px;
  opacity: 1;
  z-index: 2;
  pointer-events: none;
  touch-action: none;
}
.depositModal .themeCard .cardInner:before {
  left: 0;
}
.depositModal .themeCard .cardInner:after {
  right: 0;
}
.depositModal .themeCard:before {
  display: none;
}

.optionsList {
  width: calc(100% - 18px);
  margin-left: auto;
  margin-right: auto;
}

.optionLine {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 40px;
  border-top: 1px solid transparent;
  padding: 1px 0px;
}
.optionLine + .optionLine {
  border-color: #434a54;
}
.optionLine .value {
  font-size: 17px;
  line-height: 21px;
  color: #fff;
  padding-left: 12px;
  text-align: right;
}
.optionLine .sum {
  display: block;
  color: #72fbfe;
  font-weight: 500;
}
.optionLine .count {
  color: #72fbfe;
  font-weight: 500;
}
.optionLine .marked {
  background-color: #0e131c;
  border-radius: 17px;
  line-height: 34px;
  padding: 0px 15px;
}
.optionLine .payHead .payIcon {
  order: 1;
  margin-right: 0px;
  margin-top: 0px;
  margin-left: 8px;
}
.optionLine .payHead .dataCaption b {
  display: inline;
}
.optionLine .copyContainer {
  padding-right: 32px;
  text-align: right;
  word-break: break-all;
}

.orderModal .modalContent {
  padding: 40px 25px 50px;
}
.orderModal .orderHead {
  margin-bottom: 36px;
}

.orderForm .orderHead {
  font-size: 30px;
  line-height: 40px;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
}
.orderForm .formContent {
  display: flex;
  justify-content: space-between;
}
.orderForm .column {
  width: calc(50% - 16px);
}
.orderForm .inputMarkLabel {
  margin-bottom: 20px;
  font-size: 13px;
  width: 100%;
  text-align: center;
}
.orderForm .formItem + .formItem {
  margin-top: 18px;
}
.orderForm .qrWrapper {
  background-color: #1b2029;
  border-radius: 27px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
  padding: 20px;
  min-height: 100%;
}
.orderForm .qrWrapper .qrImage {
  width: 109px;
}
.orderForm .qrWrapper .dataCaption {
  font-size: 14px;
  margin-top: 20px;
  color: #abb1bb;
}
.orderForm .optionsList {
  margin-top: 42px;
  border-top: 1px solid #434a54;
  border-bottom: 1px solid #434a54;
}
.orderForm .formNote {
  font-size: 14px;
  line-height: 20px;
  color: #858d99;
  font-weight: 300;
  text-align: center;
  margin-top: 35px;
}
.orderForm .formNote .siteLink {
  font-size: inherit;
}
.orderForm .formNote > * + * {
  margin-top: 20px;
}
.orderForm .formNote > * + a {
  margin-top: 0px;
}
.orderForm .formNote .title {
  color: #fff;
  font-size: 17px;
}
.orderForm .formNote .title + * {
  margin-top: 0px;
}
.orderForm .formActions {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.orderForm .formActions .btnContainer {
  padding: 19px 19px 0px;
}
.orderForm .formActions .btnMain {
  min-width: 250px;
}

.footerInner {
  display: flex;
  flex-wrap: wrap;
  padding-left: 256px;
  position: relative;
  padding: 50px 28px 50px 376px;
  border-radius: 43px;
  border: 1px solid #385d91;
    background: linear-gradient(117deg, rgba(134, 216, 255, .2) 6.7%, hsla(0, 0%, 100%, 0) 67.25%);
}

.siteFooter {
  padding-top: 50px;
  padding-bottom: 88px;
}
.siteFooter .logoContainer {
  position: absolute;
  top: 50px;
  left: 120px;
  padding-top: 8px;
}
.siteFooter .copyright {
  font-size: 15px;
  line-height: 25px;
  color: #8a929f;
  margin-top: 20px;
}
.siteFooter .copyright,
.siteFooter .socialsList {
  width: 28.1155015198%;
}
.siteFooter .footInfo {
  display: flex;
  width: 71.8844984802%;
}
.siteFooter .socialsList {
  order: -1;
  align-self: flex-end;
}
.siteFooter .logoLink {
  font-size: 27px;
  line-height: 48px;
}
.siteFooter .logoLink img {
  height: 72px;
  width: 280px;
}
.siteFooter .infoItem {
  padding-left: 28px;
  flex-basis: 0;
  flex-grow: 1;
  display: flex;
  justify-content: flex-start;
}
.siteFooter .menuList {
  order: 1;
  align-self: flex-end;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 71.8844984802%;
}
.siteFooter .regNumber .num {
  font-size: 21px;
  font-weight: 300;
  color:#fff;
}
.siteFooter .regNumber .itemInner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.socialsList {
  display: flex;
}
.socialsList li {
  padding-right: 18px;
}
.socialsList a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border: 1px solid #fff;
  border-radius: 50%;
  font-size: 16px;
  transition: background-color 0.2s, color 0.2s;
}
.socialsList a:active {
  background-color: #fff;
  color: #72fbfe;
}
@media (hover: hover) {
  .socialsList a:hover {
    background-color: #000000;
    color: #72fbfe;
  }
}
.socialsList.filled a {
  width: 32px;
  height: 32px;
  border: none;
  background-color: #292d35;
  font-size: 12px;
}
.socialsList.filled li {
  padding-right: 0px;
  padding-left: 12px;
}

.cabHeader {
  display: flex;
  padding: 0px 40px;
  min-height: 108px;
  position: relative;
}
.cabHeader:before, .cabHeader:after {
  content: "";
  display: block;
  position: absolute;
  height: calc(100% + 36px);
  width: 40px;
  top: 0;
  background-color: #232830;
  pointer-events: none;
  touch-action: none;
}
.cabHeader:before {
  left: 0;
  clip-path: polygon(0px 0px, 0px 100%, 1.830412px calc(100% - 6.959237px), 4.573656px calc(100% - 14.446416px), 8.168444px calc(100% - 20.585239px), 12.554488px calc(100% - 25.499408px), 17.6715px calc(100% - 29.312625px), 23.459192px calc(100% - 32.148592px), 29.857276px calc(100% - 34.131011px), 36.805464px calc(100% - 35.383584px), 44.243468px calc(100% - 36.030013px), 52.111px calc(100% - 36.194px), 100% calc(100% - 36.194px), 100% 0px);
}
.cabHeader:after {
  right: 0;
  clip-path: polygon(100% 0px, 100% 100%, calc(100% - 1.830412px) calc(100% - 6.959237px), calc(100% - 4.573656px) calc(100% - 14.446416px), calc(100% - 8.168444px) calc(100% - 20.585239px), calc(100% - 12.554488px) calc(100% - 25.499408px), calc(100% - 17.6715px) calc(100% - 29.312625px), calc(100% - 23.459192px) calc(100% - 32.148592px), calc(100% - 29.857276px) calc(100% - 34.131011px), calc(100% - 36.805464px) calc(100% - 35.383584px), calc(100% - 44.243468px) calc(100% - 36.030013px), calc(100% - 52.111px) calc(100% - 36.194px), 0px calc(100% - 36.194px), 0px 0px);
}
.cabHeader .logoContainer {
  display: flex;
  align-items: center;
  padding-right: 96px;
}
.cabHeader .logoContainer:before {
  clip-path: polygon(0px 0px, 0px 100%, calc(100% - 87.633002px) calc(100% - 0.564879px), calc(100% - 80.737256px) calc(100% - 2.192232px), calc(100% - 74.321634px) calc(100% - 4.802733px), calc(100% - 68.474008px) calc(100% - 8.317056px), calc(100% - 63.28325px) calc(100% - 12.655875px), calc(100% - 58.838232px) calc(100% - 17.739864px), calc(100% - 55.227826px) calc(100% - 23.489697px), calc(100% - 52.540904px) calc(100% - 29.826048px), calc(100% - 50.866338px) calc(100% - 36.669591px), calc(100% - 50.293px) calc(100% - 43.941px), calc(100% - 49.67811px) 44.372772px, calc(100% - 47.8832px) 34.296576px, calc(100% - 44.98291px) 25.673844px, calc(100% - 41.05188px) 18.433008px, calc(100% - 36.16475px) 12.5025px, calc(100% - 30.39616px) 7.810752px, calc(100% - 23.82075px) 4.286196px, calc(100% - 16.51316px) 1.857264px, calc(100% - 8.54803px) 0.452388px, 100% 0px, 100% 0px);
}
.cabHeader .logoContainer,
.cabHeader .headAdd {
  position: relative;
  z-index: 1;
}
.cabHeader .logoContainer:before,
.cabHeader .headAdd:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  background-color: #232830;
}
.cabHeader .headAdd {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  padding-left: 105px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.cabHeader .headAdd:before {
  clip-path: polygon(100% 0px, 100% 100%, 87.633002px calc(100% - 0.564879px), 80.737256px calc(100% - 2.192232px), 74.321634px calc(100% - 4.802733px), 68.474008px calc(100% - 8.317056px), 63.28325px calc(100% - 12.655875px), 58.838232px calc(100% - 17.739864px), 55.227826px calc(100% - 23.489697px), 52.540904px calc(100% - 29.826048px), 50.866338px calc(100% - 36.669591px), 50.293px calc(100% - 43.941px), 49.67811px 44.372772px, 47.8832px 34.296576px, 44.98291px 25.673844px, 41.05188px 18.433008px, 36.16475px 12.5025px, 30.39616px 7.810752px, 23.82075px 4.286196px, 16.51316px 1.857264px, 8.54803px 0.452388px, 0px 0px, 0px 0px);
}
.cabHeader .langContainer {
  margin-top: 5px;
  margin-bottom: 5px;
}
.cabHeader .headBtns {
  display: flex;
  margin-top: 5px;
  margin-bottom: 5px;
}
.cabHeader .headBtns li {
  margin-left: 34px;
}
.cabHeader .headBtns .btnMain {
  padding: 9px 20px 9px calc(20px + 0.1em);
}
.cabHeader .headMain {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 25px 0px 20px;
  position: relative;
  z-index: 2;
}
.cabHeader .headMain .headDataItem {
  padding: 0 10px;
}

.contactLink {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  position: relative;
  padding-left: 55px;
  min-height: 40px;
}
.contactLink .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #292d35;
  left: 0;
  top: 0;
}
.contactLink .dataCaption {
  font-size: 14px;
  line-height: 20px;
  color: #abb1bb;
  white-space: nowrap;
}
.contactLink .val {
  line-height: 20px;
  transition: color 0.2s;
}
.contactLink:active .val {
  color: #72fbfe;
}
@media (hover: hover) {
  .contactLink:hover .val {
    color: #72fbfe;
  }
}

.cabHeadWrapper {
  background-image: url(../img/hero-cabinet.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
}

.headWelcome {
  display: flex;
  justify-content: space-between;
  padding: 20px 40px;
}

.welcomeItem {
  position: relative;
  padding-left: 199px;
  min-height: 117px;
  align-self: center;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  font-size: 30px;
  line-height: 40px;
  color: #fff;
}
.welcomeItem .avaContainer {
  width: 124px;
  height: 117px;
  position: absolute;
  overflow: hidden;
  left: 0px;
  top: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 33px;
  border: 1px solid #434a54;
}
.welcomeItem .avaContainer:before, .welcomeItem .avaContainer:after {
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
  touch-action: none;
  z-index: 1;
}
.welcomeItem .avaContainer:before {
  width: 48px;
  border-top: 1px solid #fff;
  left: calc(50% - 24px);
  top: calc(50% - 1px);
}
.welcomeItem .avaContainer:after {
  height: 48px;
  border-right: 1px solid #fff;
  left: calc(50% - 1px);
  top: calc(50% - 24px);
}
.welcomeItem .avaContainer.noCross:before,
.welcomeItem .avaContainer.noCross:after {
  display: none;
}
.welcomeItem .name {
  display: block;
  color: #72fbfe;
  font-size: inherit;
  line-height: inherit;
  font-weight: 300;
}
.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;
}

.headInfoPanel {
  border-radius: 33px;
  background-color: rgba(14, 19, 28, 0.55);
  border: 1px solid #434a54;
  text-align: center;
  min-height: 117px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  min-width: 425px;
}
.headInfoPanel .title {
  display: block;
  font-size: 21px;
  line-height: 35px;
  color: #fff;
}
.headInfoPanel .val {
  font-size: 17px;
  line-height: 35px;
}
.headInfoPanel .copyContainer {
  color: #72fbfe;
  display: flex;
  align-items: flex-end;
  padding-right: 28px;
}

.copyContainer {
  position: relative;
}
.copyContainer .iconBtnCopy {
  position: absolute;
  right: 0;
  top: calc(50% - 11px);
}

.iconBtnCopy {
  font-size: 22px;
  line-height: 1;
  color: #72fbfe;
}

.copyMessage {
  display: block;
  position: absolute;
  white-space: nowrap;
  padding: 4px 16px;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  left: 50%;
  top: 50%;
  z-index: 6;
  transform: translate(-50%, -50%) scale(0);
  pointer-events: none;
  border-radius: 14px;
  background-color: #000;
  border: 1px solid #72fbfe;
  color: #72fbfe;
  transition: transform 0.1s;
}
.copyMessage.active {
  transform: translate(-50%, -50%) scale(1);
}

.cabContainer {
  display: flex;
  align-items: flex-start;
  padding: 45px 40px 50px;
}

.cabMenu {
  width: 148px;
  border-radius: 33px;
  background-color: #292d35;
  overflow: hidden;
}
.cabMenu .headData {
  display: none;
}

.discountInfo {
  display: flex;
  border-bottom: 1px solid #46a7a9;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.1em;
  color: #fff;
  text-transform: uppercase;
  padding: 3px 0px 15px 30px;
  margin-bottom: -9px;
  margin-right: 33px;
}
.discountInfo .val {
  font-size: 70px;
  font-weight: 300;
  line-height: 0.83;
  padding-left: 15px;
}
.discountInfo .marked {
  background-color: #46a7a9;
  border-radius: 10px;
  padding: 0 6px;
}
.discountInfo .speedIcon {
  width: 116px;
  height: 61px;
  margin-right: 22px;
  margin-top: -3px;
}
.discountInfo .speedIcon:after,
.discountInfo .speedIcon .dot {
  width: 22px;
  height: 22px;
  left: calc(50% - 11px);
}

.cabPageHead {
  margin-top: -5px;
  display: flex;
  align-items: center;
  margin-bottom: 55px;
  justify-content: space-between;
}

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

.cabMenuList li + li {
  border-top: 1px solid #49797a;
}
.cabMenuList .menuLink {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
  min-height: 110px;
  font-weight: 500;
  font-size: 13px;
  line-height: 21px;
  letter-spacing: 0.1em;
  padding: 10px 2px 5px calc(2px + 0.1em);
  text-transform: uppercase;
  transition: color 0.2s, background-color 0.2s;
}
.cabMenuList .menuLink .icon {
  display: block;
  font-size: 24px;
  margin-bottom: 15px;
}
.cabMenuList .menuLink:active {
  background-color: #0e131c;
  color: #72fbfe;
}
@media (hover: hover) {
  .cabMenuList .menuLink:hover {
    background-color: #0e131c;
    color: #72fbfe;
  }
}
.cabMenuList .menuLink.active {
  background-color: #0e131c;
  color: #72fbfe;
}

.cabPageTitle {
  font-size: 70px;
  line-height: 1;
  font-weight: 500;
  color: #fff;
  color: #1b2029;
  -webkit-text-stroke: 1px #fff;
  text-stroke: 1px #fff;
}
.cabPageTitle.xs {
  font-size: 50px;
}

.dashboard {
  display: grid;
  grid-auto-flow: dense;
  margin: -48px -26px 0px;
  grid-template-columns: 48.7300649734% 23.0950974601% 28.1748375665%;
  grid-template-rows: auto 1fr;
}
.dashboard .gridItem {
  padding: 48px 26px 0px;
}
.dashboard .gridItem:first-child {
  grid-column: 3;
  grid-row: span 2;
}
.dashboard .gridItem:nth-child(2) {
  grid-column: span 2;
}
.dashboard .gridItem:nth-child(3) {
  padding-right: 20px;
}
.dashboard .gridItem:nth-child(4) {
  padding-left: 20px;
}
.dashboard .cabCards .item {
  width: 25%;
}

.cabCards {
  display: flex;
  margin: -40px -20px 0px;
}
.cabCards .item {
  padding: 40px 20px 0px;
}

.dataValue {
  color: #fff;
  display: block;
  font-size: 30px;
  line-height: 40px;
}

.cabCard {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border: 1px solid #434a54;
  border-radius: 33px;
  padding: 42px 40px 36px;
  min-height: 100%;
}
.cabCard .dataCaption {
  display: block;
  line-height: 24px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.cabCard .dataCaption.lg {
  padding-top: 0px;
  padding-bottom: 0px;
}
.cabCard .itemIcon {
  margin-left: auto;
  margin-bottom: 42px;
  width: 64px;
  display: flex;
  justify-content: center;
  position: relative;
}
.cabCard .itemIcon .dot {
  position: absolute;
  height: 100%;
  width: 120.3125%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.cabCard .itemIcon + * {
  margin-top: auto;
}
.cabCard .itemIcon img {
  height: 65px;
}

.cabPanel {
  border-radius: 33px;
  background-color: #292d35;
}
.cabPanel.dark {
  background-color: #0e131c;
}
.cabPanel .panelHead {
  margin-bottom: 40px;
}
.cabPanel .panelHead .sectionMarkTitle {
  font-size: 13px;
  padding: 8px 18px 8px calc(18px + 0.1em);
}

.itemLabel {
  color: #fff;
  font-size: 21px;
  line-height: 40px;
}

.balancePanel {
  margin-top: -120px;
}
.balancePanel .balanceActions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: -10px -5px 8px;
}
.balancePanel .balanceActions li {
  padding: 10px 5px 0px;
}
.balancePanel .balanceActions li:nth-child(2n) {
  margin-left: auto;
}
.balancePanel .balanceActions .btnMain {
  min-width: 158px;
}
.balancePanel .balanceHead {
  padding: 22px 22px 0px;
  text-align: center;
  position: relative;
}
.balancePanel .balanceHead:before, .balancePanel .balanceHead:after {
  content: "";
  display: block;
  position: absolute;
  height: 1px;
  background: #434a54;
  width: 32px;
  bottom: 27px;
  z-index: 2;
  pointer-events: none;
  touch-action: none;
}
.balancePanel .balanceHead:before {
  left: 0;
}
.balancePanel .balanceHead:after {
  right: 0;
}
.balancePanel .balanceSum {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #0e131c;
  min-height: 55px;
  border-radius: 28px;
  margin: 5px -22px 0px;
  font-size: 30px;
  line-height: 40px;
  color: #72fbfe;
  padding: 5px 42px;
  position: relative;
}
.balancePanel .balanceSum:before, .balancePanel .balanceSum:after {
  content: "";
  display: block;
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  top: 25px;
  z-index: 3;

}
.balancePanel .balanceSum:before {
  left: 32px;
}
.balancePanel .balanceSum:after {
  right: 32px;
}

.payHead {
  display: flex;
  align-items: center;
}
.payHead b {
  font-weight: 300;
}
.payHead .dataCaption {
  font-size: 14px;
  line-height: 18px;
}
.payHead .dataCaption b {
  display: block;
  color: #fff;
  font-size: 17px;
  white-space: nowrap;
}
.payHead .payIcon {
  margin-right: 16px;
  margin-top: 2px;
  width: 32px;
  min-width: 32px;
  background-color: #0e131c;
  white-space: nowrap;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s;
}

.balanceList {
  padding-top: 4px;
}
.balanceList .listInner {
  display: table;
  width: 100%;
}
.balanceList .dataCaption {
  display: block;
  font-size: 14px;
  line-height: 18px;
}
.balanceList .sum {
  display: block;
  color: #fff;
  font-weight: 300;
  font-size: 17px;
  line-height: 20px;
}
.balanceList .balanceLine {
  display: table-row;
}
.balanceList .balanceItem {
  display: table-cell;
  height: 60px;
  vertical-align: middle;
  padding: 5px 0px;
}
.balanceList .balanceItem:first-child {
  padding-left: 20px;
  padding-right: 15px;
}
.balanceList .balanceItem:last-child {
  padding-right: 20px;
  padding-left: 15px;
}
.balanceList .balanceLine + .balanceLine .balanceItem {
  border-top: 1px solid #434a54;
}

.historyCard {
  transition: opacity 0.2s;
}
.historyCard .cardInner {
  overflow: visible;
}
.historyCard:before {
  display: none;
}
.historyCard .cardHead {
  position: relative;
}
.historyCard .cardHead:before, .historyCard .cardHead:after {
  content: "";
  display: block;
  position: absolute;
  height: 1px;
  background: #434a54;
  width: 33px;
  bottom: -1px;
  z-index: 2;
  opacity: 1;
  pointer-events: none;
  touch-action: none;
}
.historyCard .cardHead:before {
  right: calc(100% - 32px);
}
.historyCard .cardHead:after {
  left: calc(100% - 32px);
}
.historyCard .dataCaption {
  font-size: 14px;
  line-height: 20px;
}
.historyCard .payName {
  color: #fff;
  font-size: 14px;
  line-height: 18px;
}
.historyCard .payHead {
  flex-direction: column;
  align-items: center;
}
.historyCard .payHead .payIcon {
  margin-right: 0px;
  margin-bottom: 5px;
}
.historyCard .sumLine {
  position: relative;
  z-index: 1;
}
.historyCard .sumLine:before, .historyCard .sumLine:after {
  bottom: 26px;
}

.historySlider {
  overflow: visible;
  width: 385px;
}
.historySlider.swiper-creative .swiper-slide {
  overflow: visible;
}
.historySlider .swiper-slide:not(.swiper-slide-prev, .swiper-slide-next, .swiper-slide-active) .historyCard {
  opacity: 0;
}
.historySlider .swiper-slide.swiper-slide-next .historyCard, .historySlider .swiper-slide.swiper-slide-prev .historyCard {
  opacity: 0.33;
}
.historySlider .swiper-slide.swiper-slide-next:not(:last-child) .cardHead:after {
  width: 75px;
  background: repeating-linear-gradient(to right, transparent 0px 6px, #434a54 6px 25px);
}
.historySlider .swiper-slide + .swiper-slide-prev .cardHead:before {
  width: 75px;
  background: repeating-linear-gradient(to right, #434a54 0px 19px, transparent 19px 25px);
}
.historySlider .sliderControls {
  margin-top: 30px;
}

.lastHistoryPanel,
.refPartnersPanel {
  padding: 20px 25px 30px;
}

.lastHistoryPanel {
  overflow: hidden;
}

.refPartnersPanel {
  padding-bottom: 20px;
}
.refPartnersPanel .totalCount {
  min-height: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px 56px;
  background-color: #0e131c;
  border-radius: 28px;
  position: relative;
  z-index: 1;
  color: #72fbfe;
  font-size: 30px;
  line-height: 40px;
  margin-left: -25px;
  margin-right: -25px;
}
.refPartnersPanel .totalCount:before, .refPartnersPanel .totalCount:after {
  content: "";
  display: block;
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  top: 25px;
  z-index: 3;

}
.refPartnersPanel .totalCount:before {
  left: 32px;
}
.refPartnersPanel .totalCount:after {
  right: 32px;
}
.refPartnersPanel .totalInfo {
  text-align: center;
  position: relative;
}
.refPartnersPanel .totalInfo:before, .refPartnersPanel .totalInfo:after {
  content: "";
  display: block;
  position: absolute;
  height: 1px;
  background: #434a54;
  width: 33px;
  bottom: 27px;
  z-index: 2;
  opacity: 1;
  pointer-events: none;
  touch-action: none;
}
.refPartnersPanel .totalInfo:before {
  left: -25px;
}
.refPartnersPanel .totalInfo:after {
  right: -25px;
}
.refPartnersPanel .cardTitle {
  display: block;
  font-size: 21px;
  line-height: 30px;
  color: #fff;
  font-weight: 300;
}
.refPartnersPanel .cardTitle + * {
  margin-top: 16px;
}
.refPartnersPanel .panelHead {
  margin-bottom: 35px;
}
.refPartnersPanel .partnersCount {
  display: flex;
  text-align: center;
  margin-top: 38px;
}
.refPartnersPanel .partnersCount .countItem {
  width: 50%;
  border-left: 1px solid transparent;
}
.refPartnersPanel .partnersCount .countItem:nth-child(2n) {
  border-color: #434a54;
}
.refPartnersPanel .partnersCount .dataCaption {
  display: block;
  color: #abb1bb;
  padding-bottom: 10px;
  border-bottom: 1px solid #434a54;
  margin-bottom: 4px;
}
.refPartnersPanel .partnersCount .dataValue {
  color: #fff;
  display: block;
  font-size: 21px;
  line-height: 30px;
  font-weight: 300;
}
.refPartnersPanel .lastPartner {
  background-color: #1b2029;
  border-radius: 27px;
  text-align: center;
  margin-top: 38px;
  padding: 14px 10px 26px;
}
.refPartnersPanel .lastPartner .dataCaption {
  font-size: 14px;
  line-height: 23px;
}
.refPartnersPanel .lastPartner .dataValue {
  display: block;
  font-size: 17px;
  line-height: 21px;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cabFooter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 40px;
  background-color: #0e131c;
  border-top-right-radius: 40px;
  border-top-left-radius: 40px;
  min-height: 66px;
}
.cabFooter .copyright {
  font-size: 15px;
  line-height: 20px;
  font-weight: 300;
  color: #8a929f;
}

.welcomeDeposits .welcomeAdd {
  display: flex;
}
.welcomeDeposits .headInfoPanel {
  margin-left: 35px;
  min-width: 395px;
}
.welcomeDeposits .headBalance {
  min-width: 0px;
}

.depositTooltip {
  color: #8a929f;
  font-size: 14px;
  line-height: 20px;
}

.tooltipContent {
  z-index: 99;
  margin-left: -18px;
}
.tooltipContent .val {
  color: #fff;
}
.tooltipContent .tltpInner {
  display: block;
  background-color: rgba(14, 19, 28, 0.87);
  border: 1px solid #434a54;
  width: 215px;
  border-radius: 12px;
  max-width: 215px;
  padding: 10px 16px 12px;
  position: relative;
  clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 55px 100%, 55px calc(100% - 1px), calc(100% - 44px) calc(100% - 1px), calc(100% - 44px) 100%, 0px 100%, 0px 0px);
}
.tooltipContent:before, .tooltipContent:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 44px;
  width: 14px;
  height: 14px;
  margin-top: -1px;
}
.tooltipContent:before {
  background-color: #434a54;
  clip-path: polygon(1px 0%, 0% 0%, 0% 100%, 2px 100%, 100% 0px, calc(100% - 1px) 0px, 1px calc(100% - 1px));
}
.tooltipContent:after {
  background-color: rgba(14, 19, 28, 0.87);
  clip-path: polygon(1px 0%, 1px calc(100% - 1px), calc(100% - 1px) 0px);
}
.tooltipContent.tooltip-right {
  margin-left: 18px;
}
.tooltipContent.tooltip-right .tltpInner {
  clip-path: polygon(0px 0px, 100% 0px, 100% 100%, calc(100% - 44px) 100%, calc(100% - 44px) calc(100% - 1px), calc(100% - 55px) calc(100% - 1px), calc(100% - 55px) 100%, 0px 100%, 0px 0px);
}
.tooltipContent.tooltip-right:before, .tooltipContent.tooltip-right:after {
  left: auto;
  right: 44px;
  transform: scale(-1, 1);
  transform-origin: center;
}

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

.headBalance {
  padding: 0px 20px;
  justify-content: flex-start;
  align-items: stretch;
  overflow: hidden;
  position: relative;
}
.headBalance:before, .headBalance:after {
  content: "";
  display: block;
  position: absolute;
  height: 1px;
  background: #434a54;
  width: 32px;
  top: 27px;
  z-index: 2;
  pointer-events: none;
  touch-action: none;
}
.headBalance:before {
  left: 0;
}
.headBalance:after {
  right: 0;
}
.headBalance .titleHead {
  min-height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 28px;
  background-color: #0e131c;
  margin-left: -20px;
  margin-right: -20px;
  position: relative;
}
.headBalance .titleHead:before, .headBalance .titleHead:after {
  content: "";
  display: block;
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: #fff;
  border: 1px solid #ff1854;
  border-radius: 50%;
  top: 25px;
  z-index: 3;
  box-shadow: 0px 0px 5px 4px #ff0042;
}
.headBalance .titleHead:before {
  left: 32px;
}
.headBalance .titleHead:after {
  right: 32px;
}
.headBalance .titleHead .sum {
  font-size: 30px;
  line-height: 40px;
  color: #72fbfe;
}
.headBalance .btnsList {
  display: flex;
  justify-content: space-between;
  margin-left: -10px;
  margin-right: -10px;
}
.headBalance .btnsList .btnContainer {
  padding: 10px 10px 10px;
}
.headBalance .btnsList .btnMain {
  min-width: 157px;
}

.depositsTabs .tabsContent {
  background-color: #292d35;
  padding: 40px;
  border-radius: 33px;
  position: relative;
  z-index: 1;
}
.depositsTabs .tabsList {
  display: flex;
  margin: 0px -11px;
}
.depositsTabs .tabsList li {
  padding: 0 11px;
}
.depositsTabs .tabsList a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 78px;
  font-size: 13px;
  line-height: 30px;
  letter-spacing: 0.1em;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
  position: relative;
  padding: 5px 26px;
}
.depositsTabs .tabsList a:before {
  content: "";
  display: block;
  position: absolute;
  border-top-left-radius: 33px;
  border-top-right-radius: 33px;
  width: 100%;
  height: calc(100% + 33px);
  top: 0;
  left: 0;
  background-color: #0e131c;
  z-index: -3;
  transition: background-color 0.3s ease;
}
.depositsTabs .tabsList a > * {
  border-radius: 15px;
  min-width: 30px;
  text-align: center;
  background-color: #1b2029;
  transition: background-color 0.3s ease;
}
.depositsTabs .tabsList a > *:not(.count) {
  padding-left: 14px;
  padding-right: 14px;
}
.depositsTabs .tabsList a .count {
  margin-left: 18px;
  font-size: 14px;
}
.depositsTabs .tabsList a.active:before {
  background-color: #292d35;
}
.depositsTabs .tabsList a.active > * {
  background-color: #363c44;
}

.cabAddMobMenu {
  display: none;
}

.depositCard {
  display: grid;
  grid-auto-flow: dense;
  grid-template-rows: auto 1fr;
  grid-template-columns: 23.544465771% 52.9110684581% 23.544465771%;
  border-radius: 33px;
  background-color: #1b2029;
}
.depositCard .timerItem {
  max-width: 100%;
  width: auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px 25px;
}
.depositCard .timerItem .itemCaption {
  border-bottom: 1px solid #46a7a9;
  padding-bottom: 7px;
  margin-bottom: 8px;
}
.depositCard .speedIcon {
  margin-left: auto;
  margin-right: auto;
  width: 151px;
  height: 79px;
  margin-bottom: 22px;
}
.depositCard .speedIcon:after,
.depositCard .speedIcon .dot {
  width: 28px;
  height: 28px;
  left: calc(50% - 14px);
}
.depositCard .speedIcon .dot:before {
  display: none;
}
.depositCard .themeCard {
  grid-row: span 2;
}
.depositCard .themeCard .cardInner {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  border-top-right-radius: 28px;
  border-top-left-radius: 28px;
  z-index: 1;
}
.depositCard .themeCard .cardInner:before, .depositCard .themeCard .cardInner:after {
  content: "";
  display: block;
  position: absolute;
  height: 1px;
  background: #434a54;
  width: 33px;
  top: 27px;
  opacity: 1;
  z-index: 2;
  pointer-events: none;
  touch-action: none;
}
.depositCard .themeCard .cardInner:before {
  left: 0;
}
.depositCard .themeCard .cardInner:after {
  right: 0;
}
.depositCard .themeCard .tarifImage {
  padding-top: 54.8051948052%;
  flex-grow: 1;
}
.depositCard .themeCard .tarifImage .image {
  width: 84.2391304348%;
}
.depositCard .themeCard .sumLine {
  margin-top: 0px;
  justify-content: center;
  text-align: center;
}
.depositCard .themeCard:before {
  display: none;
}
.depositCard .timerItem {
  grid-row: span 2;
  grid-column-start: 3;
  background-color: #0e131c;
  border-radius: 33px;
}
.depositCard .statusContent.removeDeposit {
  align-items: flex-end;
  justify-content: flex-end;
}
.depositCard .paramsList {
  display: flex;
  text-align: center;
  padding: 30px 36px 20px;
  position: relative;
}
.depositCard .paramsList .paramItem {
  width: 33.3333333333%;
  border-left: 1px solid transparent;
  padding: 0px 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.depositCard .paramsList .paramItem + .paramItem {
  border-color: #434a54;
}
.depositCard .paramsList .val {
  font-weight: 300;
  line-height: 32px;
  display: flex;
  justify-content: center;
  margin-top: 3px;
}
.depositCard .paramsList .count {
  color: #72fbfe;
}
.depositCard .paramsList .dataCaption {
  display: block;
  line-height: 19px;
}
.depositCard .paramsList .paramRow {
  line-height: 0px;
}
.depositCard .paramsList .paramRow > * {
  display: inline-block;
  vertical-align: top;
}
.depositCard .paramsList .paramRow .val {
  line-height: 1;
  margin-top: 0px;
}
.depositCard .paramsList .paramRow .dataCaption {
  line-height: 1;
}
.depositCard .paramsList .paramRow + .btnContainer {
  margin-top: 8px;
}
.depositCard .profitList {
  grid-column-start: 2;
  display: flex;
  align-items: flex-start;
  text-align: center;
  padding: 11px 36px 11px;
  position: relative;
}
.depositCard .profitList:before {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% - 72px);
  border-top: 1px solid #434a54;
  top: 0;
  left: 36px;
}
.depositCard .profitList .dataValue {
  margin-top: 2px;
}
.depositCard .profitList .profitCard {
  width: calc((100% - 40px) / 3);
  background-color: #292d35;
  border-radius: 27px;
  padding: 12px 10px 14px;
}
.depositCard .profitList .profitCard:nth-child(3n+2) {
  margin-left: auto;
  margin-right: auto;
  background-color: #0e131c;
}
.depositCard .profitList .profitCard:nth-child(3n+2) .dataValue {
  color: #72fbfe;
}
.depositCard .payHead .payIcon {
  margin-right: 8px;
}
.depositCard .timer {
  display: flex;
  font-size: 30px;
  font-weight: 300;
  line-height: 40px;
  color: #fff;
}
.depositCard .timer .spacer {
  min-width: 30px;
  padding-left: 4px;
}
.depositCard .timer .unit {
  font-size: 12px;
  line-height: 1;
  align-self: flex-end;
}
.depositCard .timerVal {
  min-width: 45px;
}
.depositCard.repair .themeCard .tarifImage:before {
  content: "";
  display: block;
  position: absolute;
  border: 1px solid #72fbfe;
  border-bottom-left-radius: 33px;
  border-bottom-right-radius: 33px;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(14, 19, 28, 0.55);
  z-index: 1;
}

.depositsList {
  overflow: visible;
}
.depositsList.slider-disabled .sliderControls {
  display: none;
}
.depositsList .swiper-wrapper {
  display: block;
}
.depositsList .swiper-slide + .swiper-slide {
  margin-top: 40px;
}

.partnersGrid {
  display: grid;
  grid-auto-flow: dense;
  margin: -40px -20px 0px;
  grid-template-columns: 73.9832535885% 25.6940342587%;
  grid-template-rows: auto auto 1fr;
}
.partnersGrid .gridItem {
  padding: 40px 20px 0px;
}
.partnersGrid .gridItem:nth-child(3) {
  grid-row: 1/4;
  grid-column-start: 2;
}
.partnersGrid .cabCard {
  padding: 36px 35px 30px 25px;
}
.partnersGrid .cabCard .itemIcon {
  margin-bottom: 60px;
}
.partnersGrid .cabCards .item {
  width: 25%;
}
.partnersGrid .giftCard {
  padding: 24px 20px 24px 30px;
  background-size: cover;
}
.partnersGrid .giftCard .itemCaption {
  font-size: 13px;
  line-height: 20px;
}
.partnersGrid .giftCard .name {
  font-size: 21px;
  line-height: 30px;
  margin-top: 3px;
}
.partnersGrid .giftCard .count {
  display: flex;
  margin-top: 6px;
}
.partnersGrid .giftCard .numCard {
  width: 48px;
  text-align: center;
  margin-right: 3px;
  font-size: 40px;
  font-weight: 500;
  line-height: 65px;
  border-radius: 15px;
  background-color: #0e131c;
  color: #0e1013;
  -webkit-text-stroke: 1px #fff;
  text-stroke: 1px #fff;
}
.partnersGrid .giftCard .unit {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  line-height: 20px;
  white-space: nowrap;
  font-weight: 500;
  background-color: #61b0b1;
  border-radius: 12px;
  padding: 1px 12px 3px;
  margin-top: 5px;
}
.partnersGrid .giftCard .giftProgress {
  margin-bottom: 24px;
}
.partnersGrid .itemPanel + .itemPanel {
  margin-top: 40px;
}

.refLinkPanel {
  padding: 21px 24px 32px;
}
.refLinkPanel .link {
  position: relative;
}
.refLinkPanel .panelHead {
  margin-bottom: 15px;
}
.refLinkPanel .panelContent {
  display: flex;
  align-items: center;
  padding-bottom: 1px;
}
.refLinkPanel .inputContainer {
  flex-grow: 1;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.refLinkPanel .dataCaption {
  padding-right: 25px;
  white-space: nowrap;
}
.refLinkPanel .copyContainer {
  display: flex;
  align-items: center;
  flex-grow: 1;
}
.refLinkPanel .btnContainer {
  padding-left: 48px;
}
.refLinkPanel .btnContainer .btnMain {
  min-width: 246px;
}

.bonusCard {
  background-color: #292d35;
  border-radius: 33px;
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 20px 15px 0px;
}
.bonusCard .balanceSum {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #0e131c;
  min-height: 55px;
  border-radius: 28px;
  margin: 5px -15px -27px;
  font-size: 21px;
  line-height: 30px;
  color: #72fbfe;
  padding: 5px 42px;
  position: relative;
}
.bonusCard .balanceSum:before, .bonusCard .balanceSum:after {
  content: "";
  display: block;
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: #fff;
  border: 1px solid #72fbfd;
  border-radius: 50%;
  top: 27px;
  z-index: 3;
  box-shadow: 0px 0px 5px 4px #45999b;
}
.bonusCard .balanceSum:before {
  left: 32px;
}
.bonusCard .balanceSum:after {
  right: 32px;
}
.bonusCard .itemLabel {
  font-weight: 300;
}
.bonusCard .dataCaption + * {
  margin-top: 6px;
}
.bonusCard .cardDown {
  flex-grow: 1;
  min-height: 140px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  position: relative;
}
.bonusCard .cardDown:before, .bonusCard .cardDown:after {
  content: "";
  display: block;
  position: absolute;
  height: 1px;
  background: #434a54;
  width: 32px;
  top: 0;
  z-index: 2;
  pointer-events: none;
  touch-action: none;
}
.bonusCard .cardDown:before {
  left: -15px;
}
.bonusCard .cardDown:after {
  right: -15px;
}
.bonusCard .speedIcon {
  width: 132px;
  height: 69px;
}
.bonusCard .speedIcon:before {
  content: "";
  display: block;
  position: absolute;
  width: 151.5151515152%;
  height: 289.8550724638%;
  background-color: #1b2029;
  border-radius: 50%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
.bonusCard .speedIcon:after,
.bonusCard .speedIcon .dot {
  width: 24px;
  height: 24px;
  left: calc(50% - 12px);
}
.bonusCard .speedIcon .dot:before {
  display: none;
}
.bonusCard .progressWrapper {
  position: absolute;
  bottom: 0px;
  height: 100px;
  width: 200px;
  left: calc(50% - 100px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  overflow: hidden;
}
.bonusCard .progressWrapper:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 200%;
  background-color: #1b2029;
  border-radius: 50%;
  top: 0;
  left: 0;
}

.progressWrapper .progressMask {
  position: absolute;
  width: 88%;
  height: 176%;
  top: 12%;
  left: 6%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  overflow: hidden;
  pointer-events: none;
}
.progressWrapper .progressMask:after {
  content: "";
  display: block;
  position: absolute;
  width: 93.1818181818%;
  height: 93.1818181818%;
  background-color: #1b2029;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.progressWrapper .progressMask:before {
  content: "";
  display: block;
  position: absolute;
  background-color: #0e131c;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 50%;
}
.progressWrapper .progressValue {
  display: block;
  font-size: 21px;
  line-height: 30px;
  font-weight: 300;
  color: #fff;
  position: absolute;
  border-left-width: 0;
  width: 100%;
  text-align: center;
  top: 50%;
}
.progressWrapper .progressInner {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #dc1247;
  transform: rotate(0deg);
  transform-origin: center center;
  transition: transform 0.5s ease;
  clip-path: polygon(0 50%, 100% 50%, 100% 100%, 0 100%);
  transition: transform 0.6s ease-out;
}

.partnersPanel {
  padding: 20px 20px 12px;
}

.partnersTable {
  padding-left: 6px;
  padding-right: 6px;
}
.partnersTable .val {
  font-size: 14px;
  font-weight: 300;
}
.partnersTable .tCaption {
  display: block;
  font-size: 13px;
  line-height: 17px;
  letter-spacing: 0.1em;
  color: #8a929f;
  font-weight: 300;
  text-transform: uppercase;
}
.partnersTable .tableHead {
  min-height: 43px;
  position: relative;
  z-index: 1;
}
.partnersTable .tableHead:before {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  background-color: #1b2029;
  border-radius: 22px;
  width: calc(100% + 12px);
  top: 0;
  left: -6px;
  z-index: -1;
}
.partnersTable .tableHead .item:nth-child(6) {
  padding-left: 20px;
}
.partnersTable .partnerLine {
  display: flex;
}
.partnersTable .partnerLine.level2 > .item:first-child {
  padding-left: 46px;
}
.partnersTable .partnerLine.level3 > .item:first-child {
  padding-left: 56px;
}
.partnersTable .partnerLine.level4 > .item:first-child {
  padding-left: 66px;
}
.partnersTable .tableContent {
  padding-top: 22px;
}
.partnersTable .tableContent .tCaption {
  display: none;
}
.partnersTable .tableContent .partnerLine {
  min-height: 49px;
}
.partnersTable .tableContent .item:first-child {
  padding-left: 36px;
}
.partnersTable .item {
  padding: 5px 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.partnersTable .item:first-child {
  padding-left: 21px;
  width: 14.8514851485%;
}
.partnersTable .item:nth-child(2) {
  width: 15.9315931593%;
}
.partnersTable .item:nth-child(3) {
  width: 19.3519351935%;
}
.partnersTable .item:nth-child(4) {
  width: 14.6714671467%;
}
.partnersTable .item:nth-child(5) {
  width: 16.4716471647%;
}
.partnersTable .item:nth-child(6) {
  width: 12.2412241224%;
}
.partnersTable .accordTitle {
  position: relative;
}
.partnersTable .accordTitle > .partnerLine {
  position: relative;
}
.partnersTable .accordTitle > .partnerLine:before {
  content: "\e91b";
  font-family: icomoon;
  display: block;
  position: absolute;
  left: 0;
  font-size: 20px;
  line-height: 1;
  top: calc(50% - 10px);
  transition: color 0.2s;
}
.partnersTable .accordTitle > .partnerLine.level2:before {
  left: 10px;
}
.partnersTable .accordTitle > .partnerLine.level3:before {
  left: 20px;
}
.partnersTable .accordTitle > .partnerLine.level4:before {
  left: 30px;
}
.partnersTable .accordTitle.active .name,
.partnersTable .accordItem.active > .accordTitle .name {
  color: #d71245;
}
.partnersTable .accordTitle.active > .partnerLine:before,
.partnersTable .accordItem.active > .accordTitle > .partnerLine:before{
  content: "\e91a";
  color: #d71245;
}
.partnersTable .accordTitle:hover .name {
  color: #d71245;
}
.partnersTable .accordTitle:hover > .partnerLine:before {
  content: "\e91a";
  color: #d71245;
}
.partnersTable .accordContent .partnerLine {
  border-top: 1px solid #434a54;
}
.partnersTable .accordItem {
  border-top: 1px solid transparent;
}
.partnersTable .accordItem + .accordItem {
  border-color: #434a54;
}
.partnersTable .partnerRefInfo {
  min-height: 50px;
  display: flex;
  align-items: center;
  padding: 5px 37px;
  background-color: #0e131c;
  border-top: 1px solid #434a54;
  color: #fff;
  font-size: 17px;
  font-weight: 300;
}
.partnersTable .partnerRefInfo .count {
  font-weight: 500;
  color: #dd0f44;
}
.partnersTable .name {
  display: block;
  color: #fff;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 0.2s;
}
.partnersTable .date {
  display: block;
  color: #8a929f;
}
.partnersTable .link {
  display: inline-block;
  vertical-align: top;
  text-decoration: underline;
  color: #8a929f;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: text-decoration-color 0.2s;
}
.partnersTable .link:hover {
  text-decoration-color: transparent;
}
.partnersTable .range {
  display: block;
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.1em;
  font-size: 13px;
}
.partnersTable .sum {
  display: block;
  font-size: 17px;
  font-weight: 300;
}
.partnersTable .refs {
  text-align: center;
  display: inline-block;
  color: #72fbfe;
  background-color: #0e131c;
  border-radius: 16px;
  padding: 2px 8px;
  min-height: 32px;
  min-width: 123px;
}

.partnersActivity .activityItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 30px;
  min-height: 41px;
  border-radius: 21px;
  border: 1px solid #434a54;
  color: #8e95a0;
  font-size: 17px;
  line-height: 21px;
}
.partnersActivity .activityItem + .activityItem {
  margin-top: 10px;
}
.partnersActivity .accentItem {
  background-color: #0e131c;
  border-color: #72fbfd;
  color: #fff;
}
.partnersActivity .accentItem .val {
  color: #72fbfe;
}
.partnersActivity .mainItem {
  background-color: #292d35;
  border-color: #292d35;
  min-height: 66px;
  border-radius: 33px;
  font-size: 21px;
  line-height: 30px;
  color: #fff;
}
.partnersActivity .mainItem + .activityItem {
  margin-top: 15px;
}
.partnersActivity .val {
  font-size: 21px;
}

.bonusPanel {
  padding: 21px 24px;
}
.bonusPanel .panelHead {
  margin-bottom: 24px;
}
.bonusPanel .bonusItem {
  color: #8a929f;
  font-size: 17px;
  line-height: 21px;
  display: flex;
  min-height: 31px;
  background-color: #0e131c;
  border-radius: 25px;
}
.bonusPanel .bonusItem + .bonusItem {
  margin-top: 9px;
}
.bonusPanel .bonusItem .cell {
  display: flex;
  align-items: center;
  padding: 2px 8px 4px 10px;
}
.bonusPanel .bonusItem .cell:first-child {
  background-color: #292d35;
  border: 1px solid #434a54;
  border-radius: 25px;
  width: 54.8295454545%;
}
.bonusPanel .bonusItem .cell:nth-child(2) {
  width: 45.1704545455%;
}
.bonusPanel .bonusItem .cell:nth-child(2) .sum {
  color: #72fbfd;
}
.bonusPanel .sum {
  color: #fff;
  font-size: 17px;
}

.formPaymentsList {
  display: flex;
  flex-wrap: wrap;
  margin: -15px -15px 0px;
}
.formPaymentsList li {
  padding: 15px 15px 0px;
  width: 33.3333333333%;
}
.formPaymentsList .paymentItem {
  border: 1px solid #434a54;
  min-height: 45px;
  border-radius: 23px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 6px 2px;
  cursor: pointer;
  transition: border-color 0.2s, background-color 0.2s;
}
.formPaymentsList .paymentItem .dataCaption {
  display: block;
  font-size: 14px;
  line-height: 18px;
}
.formPaymentsList .paymentItem .val {
  display: block;
  font-size: 17px;
  line-height: 19px;
}
.formPaymentsList .paymentItem .payHead {
  padding-right: 16px;
  max-width: calc(100% - 122px);
}
.formPaymentsList .paymentItem .itemContent {
  width: 122px;
}
.formPaymentsList .paymentItem:active {
  border-color: #0e131c;
  background-color: #0e131c;
}
.formPaymentsList .paymentItem:active .payHead .payIcon {
  background-color: #46a7a9;
}
@media (hover: hover) {
  .formPaymentsList .paymentItem:hover {
   background: #1c3c52;
    color: rgb(var(--rgb-primary, 34 182 165) / var(--tw-text-opacity, 1));
    border: 1.5px solid #76fcfd;
  }
  .formPaymentsList .paymentItem:hover .payHead .payIcon {
    background-color: #46a7a9;
  }
}
.formPaymentsList input[type=radio] {
  display: none;
}
.formPaymentsList input[type=radio]:checked + .paymentItem {
   background: #1c3c52;
    color: rgb(var(--rgb-primary, 34 182 165) / var(--tw-text-opacity, 1));
    border: 1.5px solid #76fcfd;
}
.formPaymentsList input[type=radio]:checked + .paymentItem .payHead .payIcon {
  background-color: #46a7a9;
}

.depositForm {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: -40px;
}

.depositStep {
  padding: 20px 24px 24px;
  overflow: hidden;
  margin-top: 40px;
}
.depositStep:first-child {
  width: 100%;
}
.depositStep:nth-child(2) {
  width: 64.927184466%;
}
.depositStep:nth-child(3) {
  width: 32.5242718447%;
}
.depositStep .tarifsSlider {
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 15px;
}
.depositStep .tarifsSlider .themeCard .tarifImage {
  padding-top: 53.8043478261%;
  background-position: center bottom;
}
.depositStep .tarifsSlider .themeCard .tarifImage .image {
  width: 83.6956521739%;
}
.depositStep .tarifsSlider .themeCard .tarifImage:before {
  display: none;
}
.depositStep .tarifsSlider .themeCard .cardHead {
  padding: 6px 10px 36px;
}
.depositStep .stepHead {
  margin-bottom: 40px;
}
.depositStep .sectionMarkTitle {
  font-size: 13px;
  padding: 8px 12px 8px calc(12px + 0.1em);
}
.depositStep .sliderControls {
  margin-top: 35px;
}
.depositStep .formPaymentsTypes {
  margin-bottom: 30px;
}
.depositStep .btnContainer {
  margin-top: 45px;
}
.depositStep .btnContainer .btnMain {
  width: 100%;
}
.depositStep .resultList {
  margin-top: 32px;
}

.depositSum .inputContainer + .inputContainer {
  margin-top: 0px;
}
.depositSum .formItem {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.depositSum .formItem:after {
  content: "=";
  font-size: 30px;
  letter-spacing: 0.1em;
  width: 32px;
  text-align: center;
}
.depositSum .inputContainer {
  width: calc(50% - 16px);
}
.depositSum .inputContainer:nth-child(2n) {
  order: 1;
}
.depositSum .note {
  text-align: center;
  font-size: 12px;
  line-height: 20px;
  color: #676c78;
  margin-top: 8px;
}

.resultList {
  display: flex;
  text-align: center;
}
.resultList .dataCaption {
  color: #abb1bb;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 9px;
}
.resultList .val {
  display: block;
  font-size: 21px;
  font-weight: 300;
  border-top: 1px solid #434a54;
  padding-top: 7px;
}
.resultList .resultItem {
  border-left: 1px solid transparent;
  width: 50%;
}
.resultList .resultItem:nth-child(2n+1) {
  border-right: 1px solid transparent;
}
.resultList .resultItem:nth-child(2n) {
  border-left: 1px solid #434a54;
}

.tarifStep {
  background-color: #0e131c;
}

.formPaymentsTypes {
  display: flex;
}
.formPaymentsTypes li {
  margin-right: 50px;
}
.formPaymentsTypes .paymentItem {
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 33px;
  font-size: 17px;
  line-height: 25px;
  color: #abb1bb;
  cursor: pointer;
}
.formPaymentsTypes .paymentItem .dataCaption {
  display: block;
  white-space: nowrap;
}
.formPaymentsTypes .paymentItem:before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 3px;
  min-height: 21px;
  border-radius: 21px;
  width: 21px;
  height: 21px;
  background-color: #0e131c;
  border: 6px solid #0e131c;
  transition: color 0.2s;
}
.formPaymentsTypes input {
  display: none;
}
.formPaymentsTypes input:checked + .paymentItem:before {
  background-color: #46a7a9;
}

.paymentCard {
  display: block;
  background-color: #292d35;
  border-radius: 30px;
  border: none;
}
.paymentCard.cabCard {
  padding-bottom: 0px;
  padding-top: 0px;
}
.paymentCard .formItem {
  position: relative;
  z-index: 1;
}
.paymentCard .formItem input,
.paymentCard .formItem .inputText {
  text-align: center;
  color: #8a929f;
}
.paymentCard .payContent {
  border-radius: 30px;
  border-top-left-radius: 28px;
  border-top-right-radius: 28px;
  border: 1px solid #434a54;
  background-color: #1b2029;
  margin-left: -40px;
  margin-right: -40px;
}
.paymentCard .payHead {
  justify-content: space-between;
  padding-top: 16px;
  padding-bottom: 20px;
}
.paymentCard .payHead .dataCaption {
  font-size: 17px;
  line-height: 25px;
}
.paymentCard .payHead .dataCaption b {
  font-size: 17px;
}
.paymentCard .payHead .payIcon {
  order: 1;
  margin-right: 0px;
  width: 42px;
  min-width: 42px;
  height: 42px;
  margin-right: -20px;
}
.paymentCard .payHead .payIcon img {
  width: 40px;
}
.paymentCard .btnContainer {
  text-align: center;
  padding: 18px 0px 27px;
  padding-left: 40px;
  padding-right: 40px;
}

.cabRequisits {
  display: flex;
  flex-wrap: wrap;
  margin: -40px -20px 0px;
}
.cabRequisits .gridItem {
  padding: 40px 20px 0px;
  width: 25%;
}

.cabGuides {
  display: flex;
  margin-left: -26px;
  margin-right: -26px;
}
.cabGuides .gridItem {
  padding: 0px 26px;
}
.cabGuides .gridItem:first-child {
  width: 28.857837181%;
}
.cabGuides .gridItem:nth-child(2) {
  width: 71.142162819%;
}

.guideInfoPanel {
  padding: 20px 24px;
}
.guideInfoPanel .panelHead {
  margin-bottom: 40px;
}
.guideInfoPanel .textContainer {
  padding-right: 6px;
  padding-left: 9px;
}
.guideInfoPanel .supportContacts {
  margin-top: 47px;
}
.guideInfoPanel .supportContacts .dataCaption {
  line-height: 20px;
}
.guideInfoPanel .supportContacts .val {
  text-decoration: underline;
  font-weight: 300;
}
.guideInfoPanel .supportContacts a:active .val {
  text-decoration-color: transparent;
}
@media (hover: hover) {
  .guideInfoPanel .supportContacts a:hover .val {
    text-decoration-color: transparent;
  }
}

.guidesPanel {
  padding: 20px 36px 32px;
}
.guidesPanel .panelHead {
  margin-bottom: 28px;
}

.guidesList {
  display: flex;
  flex-wrap: wrap;
  margin: -40px -20px 0px;
}
.guidesList .guideItem {
  width: 50%;
  padding: 40px 20px 0px;
}
.guidesList .videoLink {
  padding-top: 61.5234375%;
}
.guidesList .videoLink .content {
  padding: 25px 24px 35px 28px;
}
.guidesList .videoLink .content .logoImage {
  margin-left: 0px;
}

.operationsChapter {
  padding: 40px 40px;
}

.filterBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #72fbfe;
  border-radius: 50%;
  width: 33px;
  min-width: 33px;
  height: 33px;
  color: #fff;
  font-size: 24px;
  transition: background-color 0.2s;
}

@media (min-width: 1150px) {
  .filterOperations .choices__list {
    display: flex;
  }
  .filterOperations .filterHead {
    border-radius: 20px;
  }
  .filterOperations .dataCaption {
    display: none;
  }
  .filterOperations .choices__list--dropdown,
  .filterOperations .choices__list[aria-expanded] {
    position: relative;
    top: auto;
    display: block;
    margin-top: 0px;
    background-color: #363c44;
    border-radius: 20px;
  }
  .filterOperations .choices__inner {
    display: none;
  }
  .filterOperations .inputContainer.md .choices__list--dropdown .choices__item,
  .filterOperations .inputContainer.md .choices__list[aria-expanded] .choices__item {
    font-size: 12px;
    line-height: 16px;
    padding: 5px 28px;
  }
  .filterOperations .choices__list--dropdown .choices__item,
  .filterOperations .choices__list[aria-expanded] .choices__item {
    min-height: 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 20px;
    cursor: pointer;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    letter-spacing: 0.1em;
    flex-basis: 0;
    flex-grow: 1;
    transition: background-color 0.2s;
  }
  .filterOperations .choices__list--dropdown .choices__item:before,
  .filterOperations .choices__list[aria-expanded] .choices__item:before {
    content: "";
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    box-shadow: 0px 0px 3px 2px #ff0042;
    left: 14px;
    background-color: #fff;
    border: 1px solid #ff1854;
    border-radius: 50%;
    top: calc(50% - 1px);
    z-index: 2;
    opacity: 0;
    transform: translateY(-50%);
    transition: opacity 0.2s;
  }
  .filterOperations .choices__list--dropdown .choices__item:active,
  .filterOperations .choices__list[aria-expanded] .choices__item:active {
    background-color: #0e131c;
  }
}
@media (min-width: 1150px) and (hover: hover) {
  .filterOperations .choices__list--dropdown .choices__item:hover,
  .filterOperations .choices__list[aria-expanded] .choices__item:hover {
    background-color: #0e131c;
  }
}
@media (min-width: 1150px) {
  .filterOperations .choices__list--dropdown .choices__item.is-selected,
  .filterOperations .choices__list[aria-expanded] .choices__item.is-selected {
    background-color: #0e131c;
  }
  .filterOperations .choices__list--dropdown .choices__item.is-selected:before,
  .filterOperations .choices__list[aria-expanded] .choices__item.is-selected:before {
    opacity: 1;
  }
}
@media (min-width: 1860px) {
  .filterOperations .choices__list--dropdown .choices__item,
  .filterOperations .choices__list[aria-expanded] .choices__item {
    min-height: 44px;
    border-radius: 22px;
    padding: 4px 30px 6px;
    font-size: 13px;
    line-height: 17px;
  }
  .filterOperations .choices__list--dropdown .choices__item:before,
  .filterOperations .choices__list[aria-expanded] .choices__item:before {
    width: 5px;
    height: 5px;
    box-shadow: 0px 0px 5px 4px #ff0042;
    left: 18px;
  }
  .filterOperations .choices__list--dropdown,
  .filterOperations .choices__list[aria-expanded] {
    padding-right: 79px;
    border-radius: 22px;
  }
}
.filterForm {
  border-radius: 22px;
  border: 1px solid #434a54;
  margin-bottom: 40px;
  position: relative;
  display: flex;
  flex-direction: column;
}
.filterForm .filterHead {
  display: flex;
  align-items: flex-end;
  order: -1;
  background-color: #363c44;
  border-radius: 22px;
}
.filterForm .items {
  display: flex;
  padding-bottom: 20px;
}
.filterForm .filterContent.active {
  overflow: visible;
}
.filterForm .filterOperations {
  flex-grow: 1;
}
.filterForm .btnContainer {
  display: flex;
  align-items: center;
  position: relative;
  padding: 5px 6px 5px 40px;
  z-index: 11;
}
.filterForm .filterDates {
  display: flex;
  width: 50%;
}
.filterForm .filterDates .filterItem {
  width: 50%;
}
.filterForm .filterItem .dataCaption,
.filterForm .filterOperations .dataCaption {
  padding-right: 14px;
  text-align: right;
  font-size: 14px;
  line-height: 21px;
  white-space: nowrap;
}
.filterForm .filterItem {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 20px 25px 0px;
  width: 25%;
}
.filterForm .filterItem .inputContainer {
  flex-grow: 1;
  max-width: 265px;
}

.operationTooltip {
  font-size: 14px;
}
.operationTooltip p {
  line-height: 18px;
}
.operationTooltip p + p {
  margin-top: 3px;
}
.operationTooltip .dataCaption {
  font-size: 14px;
  line-height: 18px;
}

.operationsTable {
  display: table;
  width: 100%;
  font-size: 14px;
  line-height: 18px;
  font-weight: 300;
  color: #8a929f;
}
.operationsTable .operationRow:first-child .cell {
  padding: 27px 18px 5px;
  height: 72px;
}
.operationsTable .tableHead {
  display: table-row;
}
.operationsTable .tableHead .cell {
  background-color: #1b2029;
  height: 44px;
}
.operationsTable .tableHead .cell:first-child {
  border-top-left-radius: 22px;
  border-bottom-left-radius: 22px;
}
.operationsTable .tableHead .cell:last-child {
  border-top-right-radius: 22px;
  border-bottom-right-radius: 22px;
}
.operationsTable .title {
  font-size: 13px;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.operationsTable .tableLine {
  display: table-row;
}
.operationsTable .tableLine .cell {
  border-top: 1px solid transparent;
}
.operationsTable .tableLine .title {
  display: none;
}
.operationsTable .tableLine + .tableLine .cell {
  border-color: #434a54;
}
.operationsTable .tableContent {
  display: table-row-group;
}
.operationsTable .cell {
  display: table-cell;
  vertical-align: middle;
  padding: 5px 18px;
  height: 50px;
}
.operationsTable .name {
  font-size: 13px;
  color: #fff;
  letter-spacing: 0.1em;
  font-weight: 500;
  text-transform: uppercase;
  white-space: nowrap;
}
.operationsTable .payHead .dataCaption b {
  font-size: 14px;
}
.operationsTable .status {
  white-space: nowrap;
  color: #8a929f;
}
.operationsTable .status.success {
  color: #01e185;
}
.operationsTable .status.canceled {
  color: #72fbfe;
}
.operationsTable .val {
  line-height: 16px;
}
.operationsTable .sum {
  display: block;
  color: #fff;
  font-size: 17px;
  white-space: nowrap;
}
.operationsTable .tooltip {
  display: flex;
  justify-content: center;
  align-items: center;
}
.operationsTable .tooltipBtn {
  min-width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (min-width: 1150px) {
  .operationsTable .cell:first-child, .operationsTable .cell:last-child {
    text-align: center;
  }
  .operationsTable .cell:first-child {
    width: 7.7469335055%;
  }
  .operationsTable .cell:nth-child(2) {
    width: 14.2027114267%;
  }
  .operationsTable .cell:nth-child(3) {
    width: 10.0710135571%;
  }
  .operationsTable .cell:nth-child(4) {
    width: 9.2963202066%;
  }
  .operationsTable .cell:nth-child(5) {
    width: 14.2027114267%;
  }
  .operationsTable .cell:nth-child(6) {
    width: 14.9774047773%;
  }
  .operationsTable .cell:nth-child(7) {
    width: 12.9115558425%;
  }
  .operationsTable .cell:nth-child(8) {
    width: 9.6191091026%;
  }
  .operationsTable .cell:nth-child(9) {
    width: 6.9722401549%;
  }
}
.icon-dots {
  display: block;
  width: 4px;
  height: 4px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 -7px 0 #fff, 0 7px 0 #fff;
}

.cabSettings {
  display: flex;
  flex-wrap: wrap;
  margin: -40px -20px 0px;
}
.cabSettings .gridItem {
  padding: 40px 20px 0px;
}
.cabSettings .gridItem:nth-child(2n+1) {
  width: 71.2418300654%;
}
.cabSettings .gridItem:nth-child(2n) {
  width: 28.7581699346%;
}
.cabSettings .cabPanel {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.settingsForm {
  padding: 20px 24px 26px;
}
.settingsForm .panelHead {
  display: flex;
  align-items: flex-start;
}
.settingsForm .btnContainer {
  margin-top: auto;
  padding-top: 36px;
}
.settingsForm .btnContainer .btnMain {
  width: 100%;
}
.settingsForm .avaBtn {
  display: flex;
  align-items: center;
  color: #72fbfe;
  font-size: 17px;
  line-height: 21px;
  position: relative;
  padding-right: 95px;
  min-height: 76px;
  padding-left: 30px;
  text-decoration: underline;
  cursor: pointer;
  padding-bottom: 2px;
  transition: text-decoration-color 0.2s;
}
.settingsForm .avaBtn:before {
  content: "\e90a";
  display: block;
  position: absolute;
  font-family: icomoon;
  left: 0;
  font-size: 26px;
  line-height: 1;
  top: calc(50% - 13px);
}
.settingsForm .avaBtn .image {
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  top: calc(50% - 38px);
  border: 1px solid #434a54;
  background-color: #0e131c;
  border-radius: 21px;
  width: 76px;
  height: 76px;
}
.settingsForm .avaBtn .image:before {
  content: "\e907";
  display: block;
  font-family: icomoon;
  color: #fff;
  font-size: 36px;
}
.settingsForm .avaBtn .image[style*=url]:before {
  display: none;
}
.settingsForm .avaBtn:active {
  text-decoration-color: transparent;
}
@media (hover: hover) {
  .settingsForm .avaBtn:hover {
    text-decoration-color: transparent;
  }
}
.settingsForm .avaContainer {
  display: flex;
  align-items: center;
  padding-left: 40px;
  margin-left: auto;
  margin-bottom: -50px;
}
.settingsForm .avaContainer input {
  display: none;
}
.settingsForm .avaContainer .dataCaption {
  white-space: nowrap;
  color: #a4aab4;
  font-size: 14px;
  line-height: 21px;
  padding-right: 18px;
}
.settingsForm .formContent {
  margin: -5px -12px 0px;
}
.settingsForm .formItem {
  padding: 5px 12px 0px;
}
.settingsForm .checkInput {
  padding-left: 20px;
  padding-right: 20px;
}
.settingsForm .inputContainer + .checkInput {
  margin-top: 16px;
}
.settingsForm.codeForm .formContent {
  margin-left: auto;
  margin-right: auto;
}

.personalForm .formContent {
  display: flex;
}
.personalForm .column {
  width: 33.3333333333%;
}

.securityForm .formContent {
  display: flex;
}
.securityForm .inputList {
  display: flex;
  flex-wrap: wrap;
}
.securityForm .inputList .formItem {
  width: 50%;
}
.securityForm .inputList .formItem:last-child {
  width: 100%;
  padding-top: 20px;
}
.securityForm .column {
  width: 33.3333333333%;
}
.securityForm .column:nth-child(2n+1) {
  width: 66.6666666667%;
}
.securityForm .column:nth-child(2n) {
  padding: 5px 12px 0px;
}
.securityForm .qrImage {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0px auto 10px;
  padding: 5px;
  width: 119px;
  border-radius: 12px;
  background-color: #fff;
  align-self: center;
}
.securityForm .qrWrapper {
  border-radius: 27px;
  background-color: #1b2029;
  text-align: center;
  padding: 24px 27px 28px;
  margin-top: -60px;
}
.securityForm .qrWrapper input {
  text-align: center;
}
.securityForm .qrWrapper .dataCaption {
  display: block;
  font-size: 14px;
  line-height: 18px;
  color: #abb1bb;
}
.securityForm .qrWrapper .val {
  color: #fff;
  font-size: 21px;
  line-height: 25px;
  display: block;
  word-break: break-all;
}
.securityForm .qrWrapper .formItem {
  padding: 0px;
  margin-top: 16px;
}
.securityForm .qrWrapper .formLabel {
  justify-content: center;
}

.codeForm .formLabel {
  padding-left: 8px;
  padding-right: 8px;
  margin-bottom: 22px;
}
.codeForm .formContent {
  width: 100%;
  max-width: 360px;
}
.codeForm .formItem {
  padding-left: 0px;
  padding-right: 0px;
}
.codeForm .formItem + .formItem {
  padding-top: 24px;
}

.codeInput {
  display: flex;
  justify-content: center;
}
.codeInput .inputContainer {
  width: 60px;
  padding-left: 8px;
  padding-right: 8px;
  width: 25%;
}
.codeInput .inputContainer input {
  height: auto;
  aspect-ratio: 1;
  min-height: 54px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
  border-radius: 11px;
}

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

@media (max-width: 1859px) {
  .container {
    max-width: 1330px;
  }
  .menuList {
    flex-wrap: wrap;
  }
  .menuList a {
    font-size: 14px;
    line-height: 22px;
  }
  .menuList li {
    padding: 0px 26px;
  }
  .logoLink {
    font-size: 13px;
    line-height: 21px;
  }
  .logoLink img {
    height: 35px;
  }
  .langBtn {
    font-size: 12px;
    line-height: 16px;
  }
  .langBtn .flag {
    width: 20px;
    height: 20px;
    margin-right: 12px;
  }
  .langHead {
    min-height: 28px;
    border-radius: 14px;
    padding: 4px 34px 4px 4px;
    min-width: 90px;
  }
  .langHead:after {
    font-size: 5px;
    right: 12px;
  }
  .langMenu {
    border-radius: 14px;
  }
  .btnMain.addBtn {
    font-size: 12px;
    height: 28px;
    padding: 4px 12px 4px calc(12px + 0.1em);
  }
  .siteHeader .headBtns li {
    margin-left: 16px;
  }
  .siteHeader .headAdd {
    padding-left: 84px;
  }
  .siteHeader .headAdd:before {
    clip-path: polygon(100% 0px, 100% 100%, 65.725048px calc(100% - 0.423644px), 60.553824px calc(100% - 1.644112px), 55.741976px calc(100% - 3.601908px), 51.356152px calc(100% - 6.237536px), 47.436px calc(100% - 9.4915px), 44.129168px calc(100% - 13.304304px), 41.421304px calc(100% - 17.616452px), 39.406056px calc(100% - 22.368448px), 38.150072px calc(100% - 27.500796px), 37.72px calc(100% - 32.954px), 37.72px 41.978px, 37.258839px 33.277635px, 35.912672px 25.72096px, 33.737473px 19.254305px, 30.789216px 13.824px, 27.123875px 9.376375px, 22.797424px 5.85776px, 17.865837px 3.214485px, 12.385088px 1.39288px, 0px 0.339275px, 0px 0px);
  }
  .siteHeader .logoContainer {
    padding-right: 112px;
  }
  .siteHeader .logoContainer:before {
    clip-path: polygon(0px 0px, 0px 100%, calc(100% - 65.725048px) calc(100% - 0.423644px), calc(100% - 60.553824px) calc(100% - 1.644112px), calc(100% - 55.741976px) calc(100% - 3.601908px), calc(100% - 51.356152px) calc(100% - 6.237536px), calc(100% - 47.436px) calc(100% - 9.4915px), calc(100% - 44.129168px) calc(100% - 13.304304px), calc(100% - 41.421304px) calc(100% - 17.616452px), calc(100% - 39.406056px) calc(100% - 22.368448px), calc(100% - 38.150072px) calc(100% - 27.500796px), calc(100% - 37.72px) calc(100% - 32.954px), calc(100% - 37.72px) 41.978px, calc(100% - 37.258839px) 33.277635px, calc(100% - 35.912672px) 25.72096px, calc(100% - 33.737473px) 19.254305px, calc(100% - 30.789216px) 13.824px, calc(100% - 27.123875px) 9.376375px, calc(100% - 22.797424px) 5.85776px, calc(100% - 17.865837px) 3.214485px, calc(100% - 12.385088px) 1.39288px, 100% 0.339275px, 100% 0px);
  }
  .siteHeader:before, .siteHeader:after {
    height: calc(100% + 28px);
    width: calc((100% - 1290px) / 2 + 1px);
  }
  .siteHeader:before {
    clip-path: polygon(0px 0px, 0px 100%, 1.371694px calc(100% - 6.719082px), 3.429232px calc(100% - 12.334176px), 6.125398px calc(100% - 16.938054px), 9.414976px calc(100% - 20.623488px), 13.25275px calc(100% - 23.48325px), 17.593504px calc(100% - 25.610112px), 22.392022px calc(100% - 27.096846px), 27.603088px calc(100% - 28.036224px), 33.181486px calc(100% - 28.521018px), 39.082px calc(100% - 28.644px), 100% calc(100% - 28.644px), 100% 0px);
  }
  .siteHeader:after {
    clip-path: polygon(100% 0px, 100% 100%, calc(100% - 1.371694px) calc(100% - 6.719082px), calc(100% - 3.429232px) calc(100% - 12.334176px), calc(100% - 6.125398px) calc(100% - 16.938054px), calc(100% - 9.414976px) calc(100% - 20.623488px), calc(100% - 13.25275px) calc(100% - 23.48325px), calc(100% - 17.593504px) calc(100% - 25.610112px), calc(100% - 22.392022px) calc(100% - 27.096846px), calc(100% - 27.603088px) calc(100% - 28.036224px), calc(100% - 33.181486px) calc(100% - 28.521018px), calc(100% - 39.082px) calc(100% - 28.644px), 0px calc(100% - 28.644px), 0px 0px);
  }
  .headerInner {
    min-height: 81px;
  }
  .headText {
    font-size: 20px;
    line-height: 30px;
  }
  .headText > * + * {
    margin-top: 30px;
  }
  .heroTitle {
    font-size: 75px;
  }
  .heroTitle svg {
    height: 75px;
  }
  .heroContent {
    padding-top: 30px;
    width: 46.511627907%;
  }
  .heroContent .heroTitle {
    margin-top: 52px;
  }
  .heroStatistic {
    width: 53.488372093%;
  }
  .headItemValue {
    font-size: 50px;
  }
  .headItemValue.xs {
    font-size: 35px;
  }
  .headItemValue.lg {
    font-size: 75px;
  }
  .itemCaption {
    font-size: 12px;
    line-height: 19px;
  }
  .btnMain {
    font-size: 12px;
    line-height: 20px;
    height: 42px;
    border-radius: 21px;
    min-width: 208px;
    padding: 11px 24px 11px calc(24px + 0.1em);
  }
  .btnMain .arrow {
    width: 26px;
    height: 26px;
    right: 8px;
    top: 8px;
    font-size: 10px;
  }
  .btnMain.arrowBtn {
    padding: 11px 50px 11px calc(25px + 0.1em);
  }
  .btnMain.arrowBtn:after {
    width: 42px;
    border-radius: 21px;
  }
  .fastBullet {
    margin-top: 65px;
    max-width: 308px;
  }
  .fastBullet:before {
    top: 36px;
  }
  .fastBullet:after {
    top: 93px;
  }
  .fastBullet:before, .fastBullet:after {
    width: 4px;
    height: 4px;
    box-shadow: 0px 0px 4px 3px #ff0042;
  }
  .fastBullet .inner {
    padding: 26px 30px 42px;
    border-radius: 25px;
    clip-path: polygon(0px 0px, 0px 36px, 1px 36px, 1px 93px, 0px 93px, 0px 100%, 100% 100%, 100% 0px);
  }
  .fastBullet .btnContainer {
    margin-top: 25px;
  }
  .bulletStat {
    width: 150px;
  }
  .bulletStat .val {
    padding-bottom: 9px;
    margin-bottom: 6px;
  }
  .bulletStat .val:after {
    width: 108px;
  }
  .bulletStat .itemCaption {
    max-width: 124px;
  }
  .bulletStat .speedIcon {
    margin-bottom: 24px;
  }
  .speedIcon {
    width: 142px;
    height: 74px;
  }
  .speedIcon:after,
  .speedIcon .dot {
    width: 28px;
    height: 28px;
    left: calc(50% - 14px);
  }
  .speedIcon .dot:after {
    box-shadow: 0px 5px 4px rgba(15, 22, 31, 0.35);
  }
  .startScreen.homeScreen .hero {
    padding-top: 53px;
    padding-bottom: 53px;
    min-height: 49.4270833333vw;
  }
  .heroBack {
    background-size: 100% auto;
  }
  .sectionMarkTitle {
    font-size: 12px;
    padding: 6px 16px 6px calc(16px + 0.1em);
    border-radius: 12px;
  }
  .contentTitle {
    font-size: 40px;
    line-height: 50px;
  }
  .bulletText {
    font-size: 35px;
    line-height: 45px;
  }
  .shortAboutSection {
    padding-top: 48px;
  }
  .shortAboutSection .bulletText + * {
    margin-top: 76px;
  }
  .itemTitle {
    font-size: 20px;
    line-height: 1.2;
  }
  .itemTitle.xs {
    font-size: 20px;
    line-height: 30px;
  }
  .goalItem .goalHead {
    padding-left: 70px;
    margin-bottom: 20px;
  }
  .goalItem .goalHead .itemIcon {
    width: 50px;
    height: 51px;
    top: calc(50% - 25px);
  }
  .goalItem + .goalItem {
    margin-top: 56px;
  }
  .textContainer {
    font-size: 16px;
    line-height: 22px;
  }
  .btnPlay:before {
    width: 52px;
    height: 52px;
    font-size: 52px;
  }
  .btnPlay:after {
    width: 4px;
    height: 4px;
  }
  .videoLink {
    border-radius: 25px;
  }
  .videoLink .btnPlay {
    left: calc(50% - 26px);
    top: calc(50% - 26px);
  }
  .videoLink .content .logoImage {
    width: 60px;
  }
  .btnPlay.colored {
    left: auto;
    top: auto;
    width: 94px;
    height: 94px;
  }
  .videoPanel {
    padding: 28px 38px 36px;
    border-radius: 32px;
  }
  .videoPanel .headText + * {
    margin-top: 24px;
  }
  .videoPanel .videoLink {
    margin-top: 32px;
  }
  .videoPanel .videoLink .content {
    padding: 24px 18px 18px 25px;
  }
  .videoPanel .videoLink .content .name {
    font-size: 16px;
    line-height: 20px;
  }
  .videoPanel .videoLink .content .title {
    font-size: 12px;
    line-height: 20px;
  }
  .aboutInner {
    margin: 0px -22px;
  }
  .shortAboutSection .sectionContent,
  .shortAboutSection .sectionHead,
  .shortAboutSection .aboutGoals,
  .shortAboutSection .aboutImage {
    padding: 0 22px;
  }
  .shortAboutSection .aboutGoals {
    padding-right: 10px;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .shortAboutSection .aboutImage .imageContainer {
    border-radius: 25px;
  }
  .shortAboutSection .sectionContent {
    padding-left: 107px;
  }
  .shortAboutSection:after {
    background-size: 100% auto;
    height: 50.15625vw;
    bottom: 5.2083333333vw;
  }
  .aboutInfo {
    margin-top: 88px;
    grid-template-columns: 396px calc(100% - 396px);
  }
  .aboutInfo .aboutText {
    padding-left: 50px;
  }
  .aboutInfo .aboutText + * {
    margin-top: 58px;
  }
  .bulletChecks {
    font-size: 16px;
    line-height: 20px;
  }
  .bulletChecks li {
    background-size: 33px auto;
    padding-left: 55px;
  }
  .bulletChecks li + li {
    margin-top: 18px;
  }
  .advantagesInner {
    margin: 128px -22px 0px;
  }
  .advantagesInner .item {
    padding: 0 22px;
  }
  .advantagesInner .item:last-child .advantageCard {
    padding-bottom: 48px;
  }
  .advantagesInner .titleItem {
    padding: 0px 110px 50px;
  }
  .advantagesInner .titleItem + .item .advantageCard {
    padding-bottom: 48px;
  }
  .advantageCard {
    padding: 35px 32px 35px 36px;
    border-radius: 32px;
  }
  .advantageCard .cardHead {
    padding-left: 68px;
    margin-bottom: 26px;
    min-height: 60px;
  }
  .advantageCard .cardHead .itemTitle {
    line-height: 30px;
  }
  .advantageCard .cardHead .itemIcon {
    top: calc(50% - 25px);
    height: 56px;
    width: 59px;
  }
  .advantageCard.listCard {
    padding: 35px 32px 35px 36px;
  }
  .sectionColumns {
    margin-left: -22px;
    margin-right: -22px;
    grid-template-columns: calc(25% + 40px) calc(75% - 40px);
  }
  .sectionColumns .titleItem {
    padding: 0 0px 0px 22px;
  }
  .sectionColumns .visualItem {
    padding: 0px 22px 0px 66px;
  }
  .stepsPanel {
    padding: 28px 80px 28px 70px;
  }
  .stepsPanel:after {
    border-radius: 32px;
  }
  .stepsSection {
    padding-top: 120px;
  }
  .stepItem {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .stepItem:before, .stepItem:after {
    width: 4px;
    height: 4px;
    box-shadow: 0px 0px 4px 3px #ff0042;
    left: -71px;
  }
  .stepItem:before {
    top: 31px;
  }
  .stepItem:after {
    top: 91px;
  }
  .stepCard {
    padding-left: 212px;
    min-height: 79px;
  }
  .stepCard:before {
    height: 60px;
    left: -72px;
  }
  .stepCard .itemTitle {
    margin-bottom: 9px;
  }
  .stepCard .count {
    font-size: 20px;
  }
  .stepCard .imageContainer {
    border-radius: 32px;
    width: 151px;
    height: 64px;
  }
  .roadmapSection {
    padding-top: 82px;
  }
  .roadmapSection:after {
    bottom: -4.0625vw;
    height: 55.2083333333vw;
    background-size: 100% auto;
  }
  .roadmapSection .sectionHead {
    margin-bottom: 4px;
  }
  .checkList {
    font-size: 12px;
    line-height: 15px;
    color: #fff;
  }
  .checkList li {
    padding-left: 28px;
    min-height: 15px;
  }
  .checkList li + li {
    margin-top: 15px;
  }
  .checkList li:before {
    font-size: 5px;
    width: 13px;
    height: 13px;
    top: 1px;
  }
  .checkList.lg {
    font-size: 16px;
    line-height: 21px;
  }
  .checkList.lg li {
    min-height: 21px;
  }
  .checkList.lg li:before {
    top: 4px;
  }
  .roadmapCard .checkList {
    border-radius: 25px;
    padding: 28px 45px 26px 25px;
  }
  .roadmapCard .term {
    min-height: 52px;
    margin-top: 15px;
    padding: 10px 45px;
    border-radius: 26px;
  }
  .roadmapCard .term .month {
    font-size: 16px;
    line-height: 22px;
  }
  .roadmapCard .term:before, .roadmapCard .term:after {
    width: 4px;
    height: 4px;
    box-shadow: 0px 0px 4px 3px #ff0042;
  }
  .roadmapCard .term:before {
    left: 17px;
  }
  .roadmapCard .term:after {
    right: 18px;
  }
  .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    margin: 0 5px;
  }
  .swiper-pagination-bullet:before {
    width: 8px;
    height: 8px;
  }
  .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
  .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
  }
  .sliderControls {
    margin-top: 48px;
  }
  .roadmapSlider .swiper-slide:before {
    width: 76px;
    right: calc(100% - 16px);
    bottom: 26px;
  }
  .roadmapSlider .swiper-slide:not(.swiper-slide-visible) + .swiper-slide-visible:before {
    background: repeating-linear-gradient(to right, #fff 0px 22px, transparent 22px 27px);
  }
  .roadmapSlider .swiper-slide:first-child:before {
    width: 16px;
  }
  .roadmapSlider .swiper-slide:last-child:after {
    width: 16px;
    bottom: 26px;
    left: calc(100% - 16px);
  }
  .roadmapSlider .swiper-slide-visible + .swiper-slide:not(.swiper-slide-visible):before {
    background: repeating-linear-gradient(to right, #fff 0px 22px, transparent 22px 27px);
  }
  .bulletSection {
    margin-top: 55px;
  }
  .bulletTitle {
    font-size: 50px;
  }
  .bulletPanel {
    border-radius: 32px;
    background-size: 266px auto;
    background-position: center 24px;
    padding: 76px 40px 64px;
  }
  .bulletPanel .btnContainer {
    margin-top: 38px;
  }
  .bulletPanel .bulletTitle + * {
    margin-top: 28px;
  }
  .siteFooter {
    padding-top: 38px;
    padding-bottom: 68px;
  }
  .siteFooter .logoContainer {
    top: 34px;
    left: 90px;
  }
  .siteFooter .logoLink {
    font-size: 20px;
    line-height: 32px;
  }
  .siteFooter .logoLink img {
    height: 60px;
  }
  .siteFooter .copyright {
    font-size: 12px;
    line-height: 20px;
    margin-top: 14px;
  }
  .siteFooter .menuList a {
    font-size: 12px;
  }
  .siteFooter .menuList li {
    padding: 0px 22px;
  }
  .siteFooter .infoItem {
    padding-left: 22px;
  }
  .siteFooter .footInfo {
    font-size: 12px;
    line-height: 20px;
  }
  .siteFooter .regNumber .num {
    font-size: 12px;
  }
  .siteLink {
    font-size: 12px;
    text-underline-offset: 3px;
  }
  .dataCaption {
    font-size: 12px;
    line-height: 20px;
  }
  .dataCaption.lg {
    font-size: 16px;
    line-height: 22px;
  }
  .socialsList li {
    padding-right: 12px;
  }
  .socialsList a {
    width: 32px;
    height: 32px;
    font-size: 12px;
  }
  .footerInner {
    padding: 36px 28px 34px 282px;
    border-radius: 32px;
  }
  .faqTabs .tabsList a {
    font-size: 21px;
    line-height: 1.2;
    padding-left: 110px;
    min-height: 112px;
    border-radius: 25px;
  }
  .faqTabs .tabsList a .icon {
    font-size: 56px;
    width: 57px;
    top: calc(50% - 28px);
    left: 30px;
  }
  .faqTabs .joinLine {
    margin-top: 100px;
  }
  .faqTabs .joinLine .btnContainer {
    margin-top: 55px;
  }
  .pageColumns .rightColumn {
    padding: 0px 29px 0px 88px;
  }
  .faqItem {
    border-radius: 25px;
  }
  .faqTitle {
    min-height: 76px;
  }
  .faqContent .textContainer {
    padding: 7px 56px 36px;
  }
  .supportContacts .dataCaption {
    font-size: 16px;
  }
  .supportContacts a {
    font-size: 16px;
    line-height: 1.2;
    padding-left: 110px;
    border-radius: 25px;
    min-height: 112px;
  }
  .supportContacts a .icon {
    width: 56px;
    height: 56px;
    left: 30px;
    top: calc(50% - 28px);
    font-size: 22px;
  }
  .supportContacts.xs .dataCaption {
    font-size: 13px;
  }
  .supportContacts.xs a {
    font-size: 14px;
    line-height: 18px;
    min-height: 74px;
    border-radius: 21px;
    padding-left: 65px;
  }
  .supportContacts.xs a .icon {
    width: 38px;
    height: 38px;
    left: 15px;
    top: calc(50% - 19px);
    font-size: 16px;
  }
  .rulesChapter .chapterHead {
    min-height: 78px;
    border-radius: 25px;
    margin-bottom: 30px;
  }
  .rulesChapter .chapterHead .count {
    font-size: 118px;
    width: 94px;
    top: calc(50% - 62px);
  }
  .rulesChapter + .rulesChapter {
    margin-top: 40px;
  }
  .rulesList {
    font-size: 16px;
    line-height: 22px;
  }
  .introPanel {
    border-radius: 25px;
    padding: 42px;
  }
  .contactsChapter .contactItem {
    padding-left: 85px;
  }
  .contactsChapter .contactItem .val {
    font-size: 20px;
    line-height: 30px;
  }
  .contactsChapter .contactItem .itemIcon {
    width: 46px;
    top: calc(50% - 23px);
    left: -85px;
  }
  .contactsChapter .contactItem .itemIcon img {
    height: 46px;
  }
  .inputContainer .inputPlaceholder,
  .inputContainer .inputText,
  .inputContainer input {
    height: 46px;
  }
  .inputContainer .inputPlaceholder,
  .inputContainer .inputText,
  .inputContainer input,
  .inputContainer textarea {
    font-size: 16px;
    padding-top: 7px;
    padding-bottom: 7px;
    border-radius: 23px;
  }
  .formHead .itemTitle {
    font-size: 26px;
  }
  .headNote {
    font-size: 16px;
  }
  .contactsForm {
    padding: 40px 60px;
    border-radius: 33px;
  }
  .contactsForm .formContent {
    margin: -20px -10px 0px;
  }
  .contactsForm .formContent .formItem {
    padding: 20px 10px 0px;
  }
  .contactsForm .btnContainer {
    margin-top: 40px;
  }
  .contactsForm .formHead {
    margin-bottom: 40px;
  }
  .startScreen:not(.homeScreen) {
    border-bottom-left-radius: 43px;
    border-bottom-right-radius: 43px;
  }
  .mapContainer {
    border-radius: 33px;
  }
  .sectionInner {
    margin: 0 -22px;
  }
  .sectionInner .sectionHead {
    padding-left: 22px;
    padding-right: 22px;
  }
  .sectionInner .sectionHead .imageContainer {
    border-radius: 25px;
  }
  .sectionInner .sectionContent {
    padding-left: 22px;
    padding-right: 22px;
  }
  .sectionInner .textContent > * + * {
    margin-top: 20px;
  }
  .sectionInner .headText + * {
    margin-top: 30px;
  }
  .sectionInner .contentTitle {
    margin-bottom: 40px;
  }
  .advantagesList {
    margin: -44px -22px 0px;
  }
  .advantagesList .item {
    padding: 44px 22px 0px;
  }
  .videoSection .videoPanel {
    padding: 40px;
  }
  .videoSection {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .videoSection .videoLink .content .name {
    font-size: 40px;
    line-height: 1;
  }
  .videoSection .videoLink .content .title {
    margin-top: 16px;
    font-size: 17px;
  }
  .infoCard {
    border-radius: 32px;
    padding: 30px 40px;
  }
  .infoCard .cardHead {
    min-height: 60px;
    padding-left: 70px;
    margin-bottom: 20px;
  }
  .infoCard .itemTitle {
    line-height: 30px;
  }
  .infoCard .itemIcon {
    top: calc(50% - 25px);
    height: 51px;
    width: 51px;
  }
  .infoCard + .infoCard {
    margin-top: 20px;
  }
  .assortmentSection {
    margin-top: 90px;
  }
  .assortmentTabs .tabsList a {
    font-size: 22px;
    line-height: 30px;
  }
  .assortmentTabs .tabsList a .linkInner {
    text-underline-offset: 6px;
  }
  .assortmentTabs .tabsList a:after {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    margin-top: 3px;
    margin-left: 16px;
  }
  .assortmentTabs .tabsList li + li {
    margin-top: 20px;
  }
  .proposalCard {
    border-radius: 33px;
    padding: 40px 39.804964539% 50px 50px;
    background-size: auto 327px;
  }
  .partnersSection .tarifsSlider {
    margin-top: 90px;
  }
  .themeCard .cardTitle {
    font-size: 16px;
    line-height: 18px;
  }
  .themeCard .cardInner {
    border-radius: 25px;
  }
  .themeCard .sumLine {
    padding: 3px 40px;
    min-height: 42px;
    border-radius: 21px;
    margin-top: -21px;
    margin-bottom: -21px;
  }
  .themeCard .sumLine .sum {
    font-size: 16px;
    line-height: 18px;
  }
  .themeCard .sumLine .itemTitle {
    font-size: 14px;
    line-height: 18px;
  }
  .themeCard .sumLine:before, .themeCard .sumLine:after {
    bottom: 22px;
    width: 4px;
    height: 4px;
    box-shadow: 0px 0px 4px 3px #ff0042;
  }
  .themeCard .sumLine:before {
    left: 25px;
  }
  .themeCard .sumLine:after {
    right: 25px;
  }
  .themeCard:before {
    border-radius: 25px;
  }
  .themeCard .tarifImage {
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
  }
  .themeCard .tarifImage .statusContent {
    padding: 12px;
    top: 21px;
    height: calc(100% - 21px);
  }
  .themeCard .tarifImage .tooltip {
    margin-right: 9px;
  }
  .themeCard .tarifImage .tooltipBtn {
    width: 22px;
    height: 22px;
    min-width: 22px;
    font-size: 12px;
  }
  .themeCard .tarifImage .messageLine {
    font-size: 13px;
    line-height: 14px;
    min-height: 28px;
    border-radius: 14px;
    padding: 0px 14px 0px 3px;
  }
  .themeCard .tarifImage .statusAction {
    font-size: 12px;
    line-height: 15px;
  }
  .themeCard .tarifImage .statusAction .btnContainer {
    margin-right: 12px;
  }
  .tarifsSlider .themeCard .headVal {
    font-size: 15px;
    line-height: 20px;
  }
  .tarifsSlider .themeCard .cardHead:before, .tarifsSlider .themeCard .cardHead:after {
    width: 25px;
  }
  .tarifsSlider .swiper-slide .tarifImage:before {
    width: 42px;
    top: -2px;
  }
  .partnersSection .sectionHead {
    padding-right: 90px;
  }
  .partnersSection .startBonuses .speedIcon:after,
  .partnersSection .startBonuses .speedIcon .dot {
    width: 24px;
    height: 24px;
    left: calc(50% - 12px);
  }
  .partnersSection .startBonuses .speedIcon .dot {
    width: 24px;
    height: 24px;
    left: calc(50% - 12px);
  }
  .partnersSection .sectionContent + .sectionHead {
    margin-top: 40px;
  }
  .partnersSection + .partnersSection {
    margin-top: 90px;
  }
  .programPanel .panelInner {
    padding: 45px 70px;
    border-radius: 33px;
    clip-path: polygon(0px 0px, 0px 36px, 1px 36px, 1px 100px, 0px 100px, 0px 100%, 100% 100%, 100% 0px);
  }
  .programPanel:before, .programPanel:after {
    width: 4px;
    height: 4px;
    box-shadow: 0px 0px 4px 3px #ff0042;
  }
  .programPanel:before {
    top: 34px;
  }
  .programPanel:after {
    top: 98px;
  }
  .levelCard {
    padding: 7px 20px 10px;
    border-radius: 15px;
  }
  .levelCard .cardLine {
    padding: 5px 0px;
  }
  .levelCard .val {
    font-size: 17px;
  }
  .levelsList {
    margin: -20px -10px 0px;
  }
  .levelsList .item {
    padding: 20px 10px 0px;
  }
  .bulletPanel .btnsList {
    width: calc(100% + 20px);
  }
  .bulletPanel .btnsList .btnContainer {
    padding-right: 20px;
    margin-top: 20px;
  }
  .bulletPanel.leftBullet {
    padding: 50px calc(100% - 560px) 70px 90px;
  }
  .giftCard {
    padding: 32px 30px;
    border-radius: 25px;
  }
  .giftCard .itemCaption {
    font-size: 15px;
  }
  .giftCard .itemCaption .val {
    font-size: 56px;
    line-height: 66px;
    margin-bottom: 2px;
  }
  .giftCard .name {
    font-size: 24px;
    line-height: 32px;
  }
  .discountList {
    margin: -7px -10px 0px;
  }
  .discountList .item {
    padding: 16px 10px 0px;
  }
  .dataCaption .captionVal {
    font-size: 22px;
  }
  .discountCard {
    border-radius: 25px;
    min-height: 86px;
    padding: 8px 40px 10px;
    font-size: 17px;
    line-height: 22px;
  }
  .discountCard:after {
    font-size: 120px;
    top: calc(50% - 62px);
  }
  .discountCard .discountVal {
    font-size: 22px;
  }
  .signWrapper .heroTitle {
    font-size: 60px;
  }
  .signHeader .logoContainer {
    max-width: 320px;
    min-height: 81px;
  }
  .signHeader .logoContainer .logoLink {
    width: auto;
  }
  .signHeader .logoContainer:before {
    clip-path: polygon(0px 0px, 0px 0.339275px, 12.385088px 1.39288px, 17.865837px 3.214485px, 22.797424px 5.85776px, 27.123875px 9.376375px, 30.789216px 13.824px, 33.737473px 19.254305px, 35.912672px 25.72096px, 37.258839px 33.277635px, 37.72px 41.978px, 37.72px calc(100% - 32.954px), 38.150072px calc(100% - 27.500796px), 39.406056px calc(100% - 22.368448px), 41.421304px calc(100% - 17.616452px), 44.129168px calc(100% - 13.304304px), 47.436px calc(100% - 9.4915px), 51.356152px calc(100% - 6.237536px), 55.741976px calc(100% - 3.601908px), 60.553824px calc(100% - 1.644112px), 65.725048px calc(100% - 0.423644px), calc(100% - 65.725048px) calc(100% - 0.423644px), calc(100% - 60.553824px) calc(100% - 1.644112px), calc(100% - 55.741976px) calc(100% - 3.601908px), calc(100% - 51.356152px) calc(100% - 6.237536px), calc(100% - 47.436px) calc(100% - 9.4915px), calc(100% - 44.129168px) calc(100% - 13.304304px), calc(100% - 41.421304px) calc(100% - 17.616452px), calc(100% - 39.406056px) calc(100% - 22.368448px), calc(100% - 38.150072px) calc(100% - 27.500796px), calc(100% - 37.72px) calc(100% - 32.954px), calc(100% - 37.72px) 41.978px, calc(100% - 37.258839px) 33.277635px, calc(100% - 35.912672px) 25.72096px, calc(100% - 33.737473px) 19.254305px, calc(100% - 30.789216px) 13.824px, calc(100% - 27.123875px) 9.376375px, calc(100% - 22.797424px) 5.85776px, calc(100% - 17.865837px) 3.214485px, calc(100% - 12.385088px) 1.39288px, 100% 0.339275px, 100% 0px);
  }
  .signForm .formItem + .formItem {
    margin-top: 12px;
  }
  .signForm .formInner {
    max-width: 424px;
  }
  .signForm .btnContainer {
    padding-top: 40px;
  }
  .signForm .formLinks {
    padding-top: 15px;
  }
  .signForm .formLinks .formLink + .formLink {
    margin-top: 6px;
  }
  .signContent {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .captchaLine .inputContainer {
    padding-right: 10px;
  }
  .captcha {
    min-height: 45px;
    border-radius: 23px;
    min-width: 150px;
  }
  .signFooter .btnContainer {
    max-width: 320px;
    min-height: 81px;
    padding: 10px 30px;
  }
  .signFooter .btnContainer:before {
    clip-path: polygon(0px 0px, 0px 0.339275px, 12.385088px 1.39288px, 17.865837px 3.214485px, 22.797424px 5.85776px, 27.123875px 9.376375px, 30.789216px 13.824px, 33.737473px 19.254305px, 35.912672px 25.72096px, 37.258839px 33.277635px, 37.72px 41.978px, 37.72px calc(100% - 32.954px), 38.150072px calc(100% - 27.500796px), 39.406056px calc(100% - 22.368448px), 41.421304px calc(100% - 17.616452px), 44.129168px calc(100% - 13.304304px), 47.436px calc(100% - 9.4915px), 51.356152px calc(100% - 6.237536px), 55.741976px calc(100% - 3.601908px), 60.553824px calc(100% - 1.644112px), 65.725048px calc(100% - 0.423644px), calc(100% - 65.725048px) calc(100% - 0.423644px), calc(100% - 60.553824px) calc(100% - 1.644112px), calc(100% - 55.741976px) calc(100% - 3.601908px), calc(100% - 51.356152px) calc(100% - 6.237536px), calc(100% - 47.436px) calc(100% - 9.4915px), calc(100% - 44.129168px) calc(100% - 13.304304px), calc(100% - 41.421304px) calc(100% - 17.616452px), calc(100% - 39.406056px) calc(100% - 22.368448px), calc(100% - 38.150072px) calc(100% - 27.500796px), calc(100% - 37.72px) calc(100% - 32.954px), calc(100% - 37.72px) 41.978px, calc(100% - 37.258839px) 33.277635px, calc(100% - 35.912672px) 25.72096px, calc(100% - 33.737473px) 19.254305px, calc(100% - 30.789216px) 13.824px, calc(100% - 27.123875px) 9.376375px, calc(100% - 22.797424px) 5.85776px, calc(100% - 17.865837px) 3.214485px, calc(100% - 12.385088px) 1.39288px, 100% 0.339275px, 100% 0px);
  }
  .signFooter .addBtn {
    min-width: 148px;
  }
  .loginForm .formContent {
    padding-top: 40px;
  }
  .loginForm .btnContainer {
    padding-top: 40px;
  }
  .loginForm .formLinks {
    padding-top: 30px;
  }
  .modalContent {
    border-radius: 25px;
    max-width: 640px;
  }
  .formTitle {
    font-size: 24px;
    line-height: 32px;
  }
  .messageModal .statusMessage {
    min-height: 41px;
    border-radius: 22px;
    margin-left: -20px;
    margin-right: -20px;
    font-size: 17px;
    line-height: 21px;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .messageModal .statusMessage:before {
    left: 25px;
  }
  .messageModal .statusMessage:after {
    right: 25px;
  }
  .messageModal.success .statusMessage:before, .messageModal.success .statusMessage:after {
    box-shadow: 0px 0px 4px 3px #01e185;
  }
  .messageModal.error .statusMessage:before, .messageModal.error .statusMessage:after {
    box-shadow: 0px 0px 4px 3px #72fbfe;
  }
  .messageModal .dayStatus {
    min-height: 94px;
  }
  .messageModal .dayStatus .val {
    font-size: 32px;
    line-height: 40px;
  }
  .messageModal .modalContent {
    padding: 30px 20px 40px;
    max-width: 420px;
  }
  .messageModal#modal-message-warning .modalContent {
    min-width: 520px;
  }
  .messageModal .comissionInfo .line {
    font-size: 15px;
    line-height: 22px;
  }
  .messageModal .modalHead:before, .messageModal .modalHead:after {
    width: 25px;
    bottom: -51px;
  }
  .cabPageTitle.xs {
    font-size: 40px;
  }
  .repairModal .formTitle {
    margin-bottom: 30px;
  }
  .repairModal .modalContent {
    padding: 30px 24px;
  }
  .repairModal .btnContainer {
    margin-top: 30px;
  }
  .repairModal .btnContainer .btnMain {
    min-width: 220px;
  }
  .orderPaymentModal .sectionMarkTitle {
    font-size: 11px;
  }
  .orderPaymentModal .modalContent {
    padding: 25px 20px 30px;
  }
  .orderPaymentModal .stepHead {
    margin-bottom: 20px;
  }
  .orderPaymentModal .checkList {
    font-size: 12px;
    line-height: 20px;
  }
  .orderPaymentModal .formResult {
    margin-top: 30px;
  }
  .depositModal .modalContent {
    padding: 20px 25px 25px;
    max-width: 520px;
  }
  .depositModal .depositTitle {
    font-size: 17px;
    line-height: 21px;
    margin-bottom: 16px;
  }
  .depositModal .themeCard .cardInner {
    border-top-right-radius: 23px;
    border-top-left-radius: 23px;
  }
  .depositModal .themeCard .cardInner:before, .depositModal .themeCard .cardInner:after {
    top: 19px;
    width: 25px;
  }
  .depositModal .themeCard .cardTitle {
    font-size: 20px;
    line-height: 30px;
  }
  .depositModal .btnContainer {
    margin-top: 16px;
  }
  .optionLine {
    min-height: 34px;
  }
  .optionLine .marked {
    border-radius: 14px;
    line-height: 27px;
    padding: 0px 10px;
  }
  .optionLine .value {
    font-size: 14px;
    line-height: 18px;
  }
  .orderModal .modalContent {
    padding: 30px 25px 40px;
  }
  .orderForm .column {
    width: calc(50% - 10px);
  }
  .orderForm .formItem + .formItem {
    margin-top: 12px;
  }
  .orderForm .inputMarkLabel {
    margin-bottom: 12px;
    font-size: 12px;
  }
  .orderForm .qrWrapper .qrImage {
    width: 93px;
  }
  .orderForm .qrWrapper .dataCaption {
    font-size: 12px;
    margin-top: 12px;
  }
  .orderForm .optionsList {
    margin-top: 30px;
  }
  .orderForm .formNote {
    margin-top: 25px;
  }
  .orderForm .formNote > * + * {
    margin-top: 10px;
  }
  .orderForm .formNote .title {
    font-size: 14px;
  }
  .orderForm .orderHead {
    font-size: 24px;
    line-height: 32px;
  }
  .orderForm .formActions {
    margin-top: 12px;
  }
  .orderForm .formActions .btnContainer {
    padding: 16px 8px 0px;
  }
  .orderForm .formActions .btnMain {
    min-width: 220px;
  }
  .modalCloseBtn {
    width: 28px;
  }
  .modalCloseBtn .icon {
    font-size: 16px;
  }
}
@media (max-width: 1439px) {
  .container {
    max-width: 1150px;
    padding: 0 15px;
  }
  .menuList {
    margin-left: -24px;
    margin-right: -24px;
  }
  .menuList li {
    padding: 0px 24px;
  }
  .siteHeader .logoContainer {
    padding-right: 30px;
  }
  .siteHeader .logoContainer:before {
    width: calc(100% + (100vw - 1120px) / 2 + 30px);
    left: calc((1120px - 100vw) / 2);
  }
  .siteHeader .headAdd {
    padding-left: 30px;
  }
  .siteHeader .headAdd:before {
    width: calc(100% + (100vw - 1120px) / 2 + 30px);
    left: -30px;
  }
  .siteHeader:before, .siteHeader:after {
    display: none;
  }
  .heroStatistic {
    width: calc(50% - 30px);
  }
  .heroInner {
    justify-content: space-between;
  }
  .heroContent {
    width: calc(50% - 30px);
    padding-right: 0px;
  }
  .heroBack {
    background-size: 1440px auto;
  }
  .shortAboutSection {
    padding-top: 45px;
  }
  .shortAboutSection .bulletText + * {
    margin-top: 30px;
  }
  .shortAboutSection .sectionContent,
  .shortAboutSection .sectionHead,
  .shortAboutSection .aboutGoals,
  .shortAboutSection .aboutImage {
    padding-left: 7px;
    padding-right: 7px;
  }
  .shortAboutSection .aboutGoals {
    padding-right: 0px;
    min-height: 620px;
  }
  .shortAboutSection .sectionContent {
    padding-left: 50px;
  }
  .shortAboutSection:after {
    background-size: 1440px auto;
    height: 722px;
    bottom: 75px;
  }
  .aboutInner {
    margin: 0px -7px;
    grid-template-rows: auto auto 1fr;
    grid-template-columns: calc(25% + 20px) calc(75% - 20px);
  }
  .textContainer {
    line-height: 20px;
  }
  .advantagesInner {
    margin: 78px -7px 0px;
  }
  .advantagesInner .item {
    padding: 0 7px;
  }
  .advantagesInner .titleItem {
    padding: 0px 67px 50px;
  }
  .bulletChecks li {
    background-position: left 5px;
  }
  .advantageCard {
    padding: 35px 26px 35px 22px;
  }
  .sectionColumns {
    margin-left: -7px;
    margin-right: -7px;
    grid-template-columns: 25% 75%;
  }
  .sectionColumns .titleItem {
    padding: 0px 7px;
  }
  .sectionColumns .visualItem {
    padding: 0px 7px 0px 41px;
  }
  .stepsPanel {
    padding-right: 30px;
  }
  .stepsSection .btnContainer {
    margin-top: 70px;
  }
  .roadmapCard .checkList {
    padding: 28px 20px 26px 25px;
  }
  .roadmapCard .term:before {
    left: 25px;
  }
  .roadmapCard .term:after {
    right: 25px;
  }
  .roadmapSection:after {
    bottom: -58px;
    height: 795px;
    background-size: 1440px auto;
  }
  .roadmapSlider .swiper-slide:before {
    width: 74px;
    right: calc(100% - 26px);
    bottom: 26px;
  }
  .roadmapSlider .swiper-slide:not(.swiper-slide-visible) + .swiper-slide-visible:before {
    background: repeating-linear-gradient(to right, #fff 0px 22px, transparent 22px 26px);
  }
  .roadmapSlider .swiper-slide:first-child:before {
    width: 26px;
  }
  .roadmapSlider .swiper-slide:last-child:after {
    width: 26px;
    left: calc(100% - 26px);
  }
  .roadmapSlider .swiper-slide-visible + .swiper-slide:not(.swiper-slide-visible):before {
    background: repeating-linear-gradient(to right, #fff 0px 22px, transparent 22px 26px);
  }
  .siteFooter {
    padding-top: 38px;
    padding-bottom: 14px;
  }
  .siteFooter .menuList {
    margin-left: 0px;
    margin-right: 0px;
  }
  .siteFooter .menuList li {
    padding-right: 0px;
    padding-left: 44px;
  }
  .siteFooter .infoItem {
    padding-left: 44px;
  }
  .siteFooter .logoContainer {
    top: 34px;
    left: 30px;
  }
  .siteFooter .copyright,
  .siteFooter .socialsList {
    width: 23.7082066869%;
  }
  .siteFooter .footInfo,
  .siteFooter .menuList {
    width: 76.2917933131%;
  }
  .footerInner {
    padding: 36px 15px 34px 222px;
  }
  .innerHero .heroContent {
    min-height: 300px;
  }
  .startScreen:not(.homeScreen) {
    border-bottom-left-radius: 35px;
    border-bottom-right-radius: 35px;
  }
  .introPanel {
    padding: 35px 30px;
  }
  .rulesChapter .chapterHead {
    padding-left: 50px;
  }
  .rulesList {
    padding-left: 50px;
  }
  .pageColumns .rightColumn {
    padding-left: 70px;
  }
  .contactsForm {
    padding: 40px 50px;
  }
  .headNote {
    font-size: 14px;
  }
  .contactsChapter .contactItem {
    width: calc(50% - 25px);
    padding-left: 75px;
  }
  .contactsChapter .contactItem .itemIcon {
    left: -75px;
  }
  .contactsChapter:not(:first-child) {
    margin-top: 90px;
  }
  .postHeroSection {
    padding-top: 60px;
  }
  .mapContainer {
    margin-top: 70px;
  }
  .themeCard:before {
    width: calc(100% + 12px);
    height: calc(100% + 12px);
    left: -6px;
    top: -6px;
  }
  .tarifsSlider .swiper-slide .tarifImage:before {
    width: 20px;
  }
  .tarifsSlider .swiper-slide:not(.swiper-slide-visible) + .swiper-slide-visible .tarifImage:before {
    background: repeating-linear-gradient(to right, transparent 0px, transparent 2px, #434a54 2px, #434a54 18px, transparent 18px, transparent 20px);
  }
  .tarifsSlider .swiper-slide-visible + .swiper-slide:not(.swiper-slide-visible)::before .tarifImage {
    background: repeating-linear-gradient(to right, transparent 0px, transparent 2px, #434a54 2px, #434a54 18px, transparent 18px, transparent 20px);
  }
  .partnersSection .tarifsSlider {
    margin-top: 70px;
  }
  .partnersSection .sectionHead {
    padding-right: 40px;
  }
  .partnersSection + .partnersSection {
    margin-top: 70px;
  }
  .discountCard {
    padding: 8px 20px 10px 30px;
  }
  .advantagesSection {
    padding-top: 75px;
  }
  .advantagesList {
    margin: -30px -15px 0px;
  }
  .advantagesList .item {
    padding: 30px 15px 0px;
  }
  .videoSection {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .proposalCard {
    background-position: calc(100% + 80px) bottom;
  }
  .bulletPanel.leftBullet {
    padding-left: 70px;
  }
  .assortmentTabs .tabsList li + li {
    margin-top: 16px;
  }
  .assortmentTabs .tabsList a {
    font-size: 21px;
  }
  .modalContent {
    max-width: 560px;
  }
  .depositModal .modalContent {
    max-width: 480px;
  }
  .orderPaymentModal .stepHead,
  .orderPaymentModal .conditions {
    width: 100%;
  }
}
@media (max-width: 1149px) {
  .container {
    max-width: 750px;
    padding: 0 11px;
  }
  .addMobMenu {
    display: block;
    text-align: center;
    padding-top: 30px;
    display: flex;
    flex-direction: column;
    padding-bottom: 12px;
  }
  .addMobMenu .socialsList {
    justify-content: center;
    margin-top: 30px;
  }
  .addMobMenu .headBtns {
    margin-top: 20px;
    background-color: #292d35;
    border-radius: 21px;
    padding: 10px 10px 30px;
  }
  .addMobMenu .headBtns li {
    margin-left: 0px;
    padding: 20px 10px 0px;
    width: 50%;
    display: flex;
  }
  .addMobMenu .headBtns li:nth-child(2n+1) {
    justify-content: flex-end;
  }
  .addMobMenu .headBtns .addBtn {
    min-width: 145px;
  }
  .headerInner {
    transition: background-color 0.2s ease-in-out;
  }
  .menuOpened .headerInner {
    background-color: #0e131c;
  }
  .siteHeader .logoContainer:before {
    width: calc(100% + (100vw - 728px) / 2 + 30px);
    left: calc((728px - 100vw) / 2);
  }
  .siteHeader .headAdd .headBtns {
    display: none;
  }
  .siteHeader .headAdd:before {
    width: calc(100% + (100vw - 728px) / 2 + 30px);
    left: -30px;
  }
  .siteHeader .menuContainer {
    background-color: #0e131c;
    position: fixed;
    justify-content: flex-start;
    top: 0;
    z-index: -1;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 calc((100% - 728px) / 2);
    align-items: flex-start;
    flex-direction: column;
    pointer-events: none;
    transform: translateY(-100%);
    overflow-y: auto;
    transition: transform 0.2s 0.05s ease-in-out;
  }
  .siteHeader .menuContainer.active {
    pointer-events: all;
    transform: translateY(0%);
    transition: transform 0.3s ease-in-out;
  }
  .siteHeader .menuContainer.active .menuInner {
    opacity: 1;
    transition: opacity 0.15s 0.2s ease-in-out;
  }
  .siteHeader .menuInner {
    padding-top: 82px;
    width: 100%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    opacity: 0;
    transition: opacity 0.05s 0s ease-in-out;
  }
  .siteHeader .menuList {
    flex-wrap: wrap;
    border-radius: 21px;
    overflow: hidden;
    background-color: #484f59;
    margin-left: -1px;
    width: calc(100% + 1px);
    margin-right: 0px;
    background-color: #292d35;
    justify-content: flex-start;
    margin-bottom: auto;
  }
  .siteHeader .menuList .hidden {
    display: block;
  }
  .siteHeader .menuList li {
    padding: 0px;
    width: 50%;
  }
  .siteHeader .menuList li:nth-child(2n+1) {
    border-right: 1px solid #40464f;
  }
  .siteHeader .menuList li:nth-child(2n) {
    position: relative;
  }
  .siteHeader .menuList li:nth-child(2n):before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    border-bottom: 1px solid #40464f;
    width: 200%;
    z-index: 1;
    bottom: 0;
  }
  .siteHeader .menuList a {
    min-height: 60px;
    background-color: #292d35;
    border-bottom: none;
    font-size: 14px;
  }
  .burgerContainer {
    display: block;
    align-self: center;
  }
  .headerInner {
    min-height: 71px;
  }
  .logoLink {
    font-size: 11px;
    line-height: 17px;
  }
  .logoLink img {
    height: 30px;
  }
  .menuList li {
    padding-left: 16px;
    padding-right: 16px;
  }
  .menuList a {
    font-size: 12px;
    line-height: 18px;
  }
  .langBtn {
    font-size: 13px;
  }
  .langBtn .flag {
    width: 26px;
    height: 26px;
    margin-right: 10px;
  }
  .langHead {
    padding: 6px 10px 6px 6px;
    border-radius: 19px;
    min-width: 81px;
  }
  .langHead:after {
    display: none;
  }
  .heroTitle {
    line-height: 0.9;
    font-size: 50px;
  }
  .heroTitle svg {
    height: 50px;
  }
  .headText {
    font-size: 18px;
    line-height: 23px;
  }
  .headText > * + * {
    margin-top: 23px;
  }
  .heroContent {
    width: calc(50% - 10px);
    padding-top: 0px;
  }
  .heroContent .headText {
    font-size: 20px;
    line-height: 25px;
  }
  .heroContent .heroTitle {
    margin-top: 32px;
  }
  .fastBullet {
    margin-top: 35px;
    max-width: 100%;
    text-align: left;
  }
  .fastBullet:before, .fastBullet:after {
    width: 3px;
    height: 3px;
    box-shadow: 0px 0px 3px 2px #ff0042;
    left: -1px;
  }
  .fastBullet:before {
    top: 33px;
  }
  .fastBullet:after {
    top: 83px;
  }
  .fastBullet .inner {
    display: grid;
    grid-template-columns: auto 1fr;
    padding: 26px 25px 24px;
    border-radius: 21px;
    clip-path: polygon(0px 0px, 0px 34px, 1px 34px, 1px 84px, 0px 84px, 0px 100%, 100% 100%, 100% 0px);
  }
  .fastBullet .itemCaption {
    margin-top: 0px;
    padding-left: 16px;
    display: flex;
    align-items: center;
  }
  .fastBullet .headItemValue {
    width: 137px;
  }
  .fastBullet .btnContainer {
    margin-top: 22px;
    grid-column: span 2;
  }
  .heroStatistic {
    width: calc(50% - 10px);
  }
  .headItemValue {
    font-size: 35px;
  }
  .headItemValue.lg {
    font-size: 50px;
  }
  .headItemValue.xs {
    font-size: 30px;
  }
  .speedIcon {
    width: 96px;
    height: 50px;
  }
  .speedIcon:after,
  .speedIcon .dot {
    width: 18px;
    height: 18px;
    bottom: -6px;
    left: calc(50% - 9px);
  }
  .speedIcon .dot:before {
    width: 4px;
    height: 4px;
    box-shadow: 0px 0px 3px 2px #ff0042;
  }
  .speedIcon .dot:after {
    box-shadow: 0px 3px 2px rgba(15, 22, 31, 0.35);
  }
  .bulletStat {
    width: 102px;
  }
  .bulletStat .val {
    padding-bottom: 5px;
    margin-bottom: 18px;
  }
  .bulletStat .val:after {
    width: 71px;
  }
  .bulletStat .itemCaption {
    font-size: 10px;
    line-height: 15px;
  }
  .bulletStat .speedIcon {
    margin-bottom: 14px;
  }
  .startScreen.homeScreen .hero {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .heroBack {
    background-size: 100% auto;
    height: 74.3229166667vw;
    background-position: center 80px;
  }
  .heroBack:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 160px;
    background: linear-gradient(to bottom, #111318 0%, #111318 80px, rgba(17, 19, 24, 0) 100%);
    left: 0;
    top: 0;
    z-index: 1;
  }
  .sectionMarkTitle {
    padding: 9px 16px 9px calc(16px - 0.1em);
    border-radius: 15px;
  }
  .contentTitle {
    font-size: 30px;
    line-height: 40px;
  }
  .bulletText {
    font-size: 25px;
    line-height: 30px;
  }
  .shortAboutSection {
    padding-top: 16px;
  }
  .shortAboutSection .sectionHead,
  .shortAboutSection .sectionContent {
    grid-column: span 2;
  }
  .shortAboutSection .sectionContent {
    padding-left: 7px;
    margin-top: 22px;
  }
  .shortAboutSection .aboutImage {
    grid-row-start: initial;
    grid-column-start: 2;
    align-self: center;
  }
  .shortAboutSection .aboutImage .imageContainer {
    border-radius: 21px;
    min-height: 298px;
  }
  .shortAboutSection .bulletText + * {
    margin-top: 12px;
  }
  .shortAboutSection .aboutGoals {
    min-height: 0px;
    padding-top: 28px;
    padding-bottom: 28px;
  }
  .aboutInner {
    grid-template-rows: initial;
    grid-template-columns: repeat(2, 1fr);
  }
  .videoLink {
    border-radius: 15px;
  }
  .videoPanel {
    padding: 20px 12px 12px;
    border-radius: 21px;
  }
  .videoPanel .headText + * {
    margin-top: 10px;
  }
  .videoPanel .videoLink {
    margin-top: 25px;
  }
  .videoPanel .videoLink .content {
    padding: 10px 18px 18px 15px;
  }
  .aboutInfo {
    grid-template-columns: calc(50% - 10px) calc(50% + 10px);
    margin-top: 20px;
  }
  .aboutInfo .videoPanel {
    grid-row: initial;
  }
  .aboutInfo .aboutText {
    padding-left: 20px;
  }
  .aboutInfo .aboutText.headText {
    grid-column: span 2;
    grid-row-start: 1;
    padding-left: 0px;
    margin-bottom: 36px;
  }
  .aboutInfo .aboutText + * {
    margin-top: 0px;
  }
  .aboutInfo .bulletChecks {
    padding-top: 12px;
  }
  .bulletChecks li {
    background-position: left 0px;
    background-size: 30px auto;
  }
  .goalItem + .goalItem {
    margin-top: 16px;
  }
  .goalItem .goalHead {
    margin-bottom: 8px;
  }
  .itemTitle {
    font-size: 18px;
  }
  .itemTitle.xs {
    font-size: 18px;
    line-height: 23px;
  }
  .advantageCard {
    padding: 18px 26px 20px 22px;
    border-radius: 21px;
  }
  .advantageCard .cardHead {
    min-height: 52px;
  }
  .advantageCard .cardHead .itemTitle {
    line-height: 24px;
  }
  .advantageCard .cardHead .itemIcon {
    top: calc(50% - 22px);
    height: 49px;
    width: 51px;
  }
  .advantagesInner {
    display: flex;
    flex-wrap: wrap;
    grid-template-columns: none;
    grid-template-rows: none;
    margin-top: 28px;
  }
  .advantagesInner .titleItem {
    margin-top: 0px;
    padding: 0px 7px 18px;
    width: 100%;
  }
  .advantagesInner .titleItem + .item .advantageCard {
    padding-bottom: 20px;
  }
  .advantagesInner .titleItem + .item .advantageCard .cardHead {
    order: initial;
    margin-top: 0px;
    margin-bottom: 22px;
  }
  .advantagesInner .item {
    padding-top: 10px;
    width: 50%;
  }
  .advantagesInner .item:last-child .advantageCard {
    padding-bottom: 20px;
  }
  .advantagesInner .item:last-child .advantageCard .cardHead {
    order: initial;
    margin-top: 0px;
    margin-bottom: 22px;
  }
  .shortAboutSection:after {
    background-size: 100% auto;
  }
  .stepsSection {
    padding-top: 30px;
  }
  .sectionColumns {
    display: block;
    grid-template-columns: none;
  }
  .sectionColumns .visualItem {
    margin-top: 32px;
    padding: 0px 7px;
  }
  .stepsPanel {
    padding: 0px 30px 4px 22px;
  }
  .stepsPanel:after {
    border-radius: 21px;
  }
  .stepItem {
    padding-top: 28px;
    padding-bottom: 28px;
  }
  .stepItem:before, .stepItem:after {
    left: -23px;
    width: 3px;
    height: 3px;
    box-shadow: 0px 0px 3px 2px #ff0042;
  }
  .stepsSection .sectionContent {
    padding-top: 30px;
  }
  .stepsSection .btnContainer {
    margin-top: 22px;
  }
  .stepCard {
    padding-left: 158px;
    min-height: 60px;
  }
  .stepCard:before {
    left: -23px;
  }
  .stepCard .count {
    font-size: 18px;
  }
  .stepCard .itemTitle {
    margin-bottom: 1px;
  }
  .stepCard .imageContainer {
    border-radius: 28px;
    width: 131px;
    height: 55px;
    top: 0px;
  }
  .roadmapSlider {
    padding-left: 47px;
    padding-right: 47px;
  }
  .roadmapSlider .swiper-slide .roadmapCard {
    opacity: 1;
  }
  .roadmapSlider .swiper-slide:before {
    width: 42px;
    right: calc(100% - 16px);
    bottom: 36px;
  }
  .roadmapSlider .swiper-slide:not(.swiper-slide-visible) + .swiper-slide-visible:before {
    background: #fff;
  }
  .roadmapSlider .swiper-slide:first-child:before {
    width: 16px;
  }
  .roadmapSlider .swiper-slide:last-child:after {
    width: 16px;
    left: calc(100% - 16px);
    bottom: 36px;
  }
  .roadmapSlider .swiper-slide-visible + .swiper-slide:not(.swiper-slide-visible):before {
    background: #fff;
  }
  .roadmapCard .checkList {
    padding: 18px 8px 26px 12px;
    border-radius: 21px;
  }
  .roadmapCard .term {
    min-height: 72px;
    margin-top: 20px;
    padding: 10px 40px;
    border-radius: 36px;
  }
  .roadmapCard .term .month {
    font-size: 18px;
  }
  .roadmapCard .term .itemTitle {
    font-size: 25px;
  }
  .roadmapCard .term:before {
    left: 17px;
  }
  .roadmapCard .term:after {
    right: 17px;
  }
  .checkList {
    font-size: 16px;
    line-height: 20px;
  }
  .checkList li {
    min-height: 20px;
  }
  .checkList li + li {
    margin-top: 20px;
  }
  .checkList li:before {
    font-size: 8px;
    width: 16px;
    height: 16px;
    top: 2px;
  }
  .roadmapSection .sectionHead {
    margin-bottom: 20px;
  }
  .roadmapSection:after {
    height: 55.2083333333vw;
    background-size: 100% auto;
  }
  .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    margin: 0 7px;
  }
  .swiper-pagination-bullet:before {
    width: 8px;
    height: 8px;
  }
  .sliderControls {
    margin-top: 28px;
  }
  .bulletSection {
    margin-top: 28px;
  }
  .bulletPanel {
    padding: 82px 30px 58px;
    border-radius: 21px;
    background-size: 178px auto;
  }
  .bulletPanel .bulletTitle + * {
    margin-top: 10px;
  }
  .bulletPanel .btnContainer {
    margin-top: 32px;
  }
  .bulletTitle {
    font-size: 25px;
    line-height: 30px;
  }
  .siteFooter {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .siteFooter .logoLink {
    font-size: 12px;
    line-height: 20px;
  }
  .siteFooter .logoLink img {
    height: 60px;
  }
  .siteFooter .logoContainer {
    position: relative;
    top: auto;
    left: auto;
    padding-top: 18px;
    order: -1;
    
  }
  .siteFooter .socialsList {
    align-self: center;
    padding-bottom: 8px;
  }
  .siteFooter .footInfo {
    font-size: 16px;
    width: calc(100% + 32px);
    margin-top: 12px;
    margin-left: -32px;
    flex-wrap: wrap;
  }
  .siteFooter .infoItem {
    padding-left: 32px;
    flex-basis: initial;
    flex-grow: initial;
  }
  .siteFooter .regNumber .num {
    font-size: 16px;
  }
  .siteFooter .menuList {
    order: initial;
    width: calc(100% + 44px);
    margin-left: -22px;
    margin-right: -22px;
    margin-top: 22px;
  }
  .siteFooter .menuList li {
    padding-right: 22px;
    padding-left: 22px;
  }
  .siteFooter .copyright {
    width: 100%;
    font-size: 14px;
    line-height: 18px;
    margin-top: 14px;
  }
  .siteFooter .copyright br {
    display: none;
  }
  .siteLink {
    font-size: 16px;
  }
  .dataCaption {
    font-size: 16px;
  }
  .footerInner {
    padding: 32px 22px 25px;
    border-radius: 21px;
  }
  .innerHero .heroContent {
    min-height: 220px;
    padding-bottom: 30px;
  }
  .pageColumns {
    margin: 0px;
    display: block;
    padding-bottom: 20px;
  }
  .pageColumns .rightColumn {
    padding-right: 0px;
    padding-left: 0px;
    margin-top: 60px;
  }
  .pageColumns .leftColumn {
    padding-left: 0px;
  }
  .faqTabs .tabsHead {
    padding-top: 0px;
  }
  .faqTabs .tabsHead .sectionHead {
    margin-bottom: 40px;
  }
  .faqTabs .tabsList {
    display: flex;
    justify-content: space-between;
    margin: -16px -8px 0px;
  }
  .faqTabs .tabsList li {
    width: 33.3333333333%;
    padding: 16px 8px 0px;
  }
  .faqTabs .tabsList li + li {
    margin-top: 0px;
  }
  .faqTabs .tabsList a {
    padding-left: 90px;
    min-height: 102px;
    padding-right: 16px;
    font-size: 18px;
    border-radius: 15px;
  }
  .faqTabs .tabsList a .icon {
    font-size: 48px;
    width: 49px;
    top: calc(50% - 24px);
    left: 20px;
  }
  .faqTabs .joinLine {
    margin-top: 60px;
  }
  .faqTabs .joinLine .btnContainer {
    margin-top: 40px;
  }
  .faqTabs .contentTitle {
    margin-bottom: 40px;
  }
  .faqItem {
    border-radius: 21px;
  }
  .supportContacts {
    margin-top: 40px;
  }
  .supportContacts a {
    border-radius: 21px;
  }
  .faqTitle {
    min-height: 66px;
    padding: 10px 67px 10px 40px;
  }
  .faqTitle:after {
    right: 20px;
    font-size: 24px;
    top: calc(50% - 12px);
  }
  .faqContent .textContainer {
    padding: 7px 40px 36px;
  }
  .rulesContainer .introPanel {
    margin-top: 40px;
  }
  .introPanel {
    border-radius: 21px;
  }
  .rulesList {
    padding-left: 40px;
  }
  .rulesChapter .chapterHead {
    padding-left: 40px;
    min-height: 68px;
    border-radius: 21px;
  }
  .rulesChapter .chapterHead .count {
    font-size: 102px;
    top: calc(50% - 52px);
  }
  .faqTabs .supportContacts {
    margin-top: 40px;
  }
  .contactsChapter .chapterContent {
    margin-top: 40px;
  }
  .contactsChapter:not(:first-child) {
    margin-top: 80px;
  }
  .contactsChapter .supportContacts {
    margin-top: 40px;
  }
  .mapContainer {
    margin-top: 60px;
    border-radius: 25px;
  }
  .contactsForm {
    padding: 40px 35px;
    border-radius: 25px;
  }
  .contactsForm .formContent {
    margin: -16px -8px 0px;
  }
  .contactsForm .formContent .formItem {
    padding: 16px 8px 0px;
  }
  .sectionInner {
    display: block;
    margin: 0px;
  }
  .sectionInner .sectionHead,
  .sectionInner .sectionContent {
    padding-left: 0px;
    padding-right: 0px;
  }
  .sectionInner .sectionHead {
    padding-top: 0px;
  }
  .sectionInner .sectionContent {
    margin-top: 30px;
  }
  .partnersSection .tarifsSlider {
    margin-top: 60px;
  }
  .partnersSection + .partnersSection {
    margin-top: 70px;
  }
  .partnersSection .startBonuses {
    grid-row: span 2;
    margin-top: 0px;
  }
  .partnersSection .startBonuses .bulletStat {
    margin-right: 0px;
    margin-left: 20px;
  }
  .partnersSection .btnContainer {
    margin-top: 0px;
    padding-top: 40px;
    display: flex;
    align-items: flex-end;
  }
  .sectionInner .joinHead {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto 1fr;
  }
  .sectionInner .sectionHead .imageContainer {
    margin-top: 40px;
  }
  .tarifsSlider {
    padding-left: 47px;
    padding-right: 47px;
  }
  .tarifsSlider .themeCard {
    opacity: 1;
  }
  .tarifsSlider .swiper-slide:not(.swiper-slide-visible) + .swiper-slide-visible .tarifImage:before {
    background: #434a54;
  }
  .tarifsSlider .swiper-slide-visible + .swiper-slide:not(.swiper-slide-visible) .tarifImage:before {
    background: #434a54;
  }
  .programPanel:before {
    top: 24px;
    left: -1px;
  }
  .programPanel:after {
    top: 80px;
    left: -1px;
  }
  .programPanel .panelInner {
    padding: 34px 30px 38px 22px;
    border-radius: 21px;
    clip-path: polygon(0px 0px, 0px 25px, 1px 25px, 1px 80px, 0px 80px, 0px 100%, 100% 100%, 100% 0px);
  }
  .levelsList {
    margin: -14px -7px 0px;
  }
  .levelsList .item {
    padding: 14px 7px 0px;
  }
  .giftCard {
    text-align: center;
    padding: 32px calc((100% - 260px) / 2 + 90px) 32px calc((100% - 260px) / 2 - 90px);
  }
  .discountList {
    margin: -7px -7dpx 0px;
  }
  .discountList .item {
    padding: 14px 7px 0px;
  }
  .advantagesList {
    margin: -14px -7px 0px;
  }
  .advantagesList .item {
    width: 50%;
    padding: 14px 7px 0px;
  }
  .videoSection {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .videoSection .videoPanel {
    padding: 20px;
  }
  .videoSection .videoLink {
    min-height: 240px;
  }
  .videoSection .videoLink .content .title {
    margin-top: 10px;
  }
  .videoSection .videoLink .content .name {
    font-size: 30px;
  }
  .btnPlay.colored {
    width: 74px;
    height: 74px;
  }
  .infoSection .sectionHead {
    display: flex;
    justify-content: space-between;
    margin-top: -14px;
  }
  .infoCard {
    border-radius: 25px;
    width: calc(50% - 7px);
    margin-top: 14px;
    padding: 30px 22px;
  }
  .discountCard {
    padding: 8px 22px 10px;
  }
  .advantageCard.listCard {
    padding: 30px 22px;
  }
  .assortmentTabs .tabsList {
    flex-direction: row;
    flex-wrap: wrap;
    width: calc(100% + 28px);
    margin-top: 26px;
  }
  .assortmentTabs .tabsList li {
    padding-right: 28px;
    margin-top: 14px;
  }
  .assortmentTabs .tabsList li + li {
    margin-top: 14px;
  }
  .assortmentTabs .tabsList a:after {
    display: none;
  }
  .proposalCard {
    border-radius: 25px;
    padding: 40px 39.804964539% 50px 30px;
    background-size: auto 327px;
  }
  .assortmentSection {
    margin-top: 60px;
  }
  .bulletPanel.leftBullet {
    padding: 40px calc(100% - 420px) 50px 40px;
  }
  .signWrapper {
    display: flex;
    flex-direction: column;
  }
  .signWrapper .heroTitle {
    font-size: 42px;
  }
  .signHeader .logoContainer {
    max-width: 290px;
    min-height: 71px;
  }
  .signForm .formInner {
    max-width: 450px;
  }
  .signContent {
    flex-grow: 1;
  }
  .signFooter .btnContainer {
    min-height: 71px;
  }
  .signFooter .addBtn {
    min-width: 128px;
  }
  .signPanel {
    background-color: #1b2029;
    padding: 35px 20px;
    border-radius: 21px;
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
  }
  .signVisual {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
  }
  .cabPageTitle.xs {
    font-size: 30px;
  }
  .messageModal .modalContent {
    padding: 25px 20px 30px;
    max-width: 390px;
  }
  .messageModal .comissionInfo .line {
    border-radius: 21px;
  }
  .messageModal .dayStatus {
    border-radius: 21px;
  }
  .messageModal .btnContainer {
    margin-top: 30px;
  }
  .messageModal#modal-message-warning .modalContent {
    width: 100%;
    max-width: 390px;
    min-width: 0px;
  }
  .messageModal .modalHead:before, .messageModal .modalHead:after {
    width: 25px;
    bottom: -41px;
  }
  .messageModal .statusMessage {
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .repairModal .modalContent {
    padding: 30px 20px;
  }
  .optionLine .dataCaption {
    font-size: 14px;
  }
  .orderModal .modalContent {
    padding: 25px 20px 35px;
  }
  .orderModal .orderHead {
    margin-bottom: 30px;
  }
  .modalContainer {
    padding: 30px 20px;
  }
  .modalContent {
    border-radius: 21px;
  }
}
@media (max-width: 749px) {
  .container {
    max-width: 480px;
  }
  .siteHeader .logoContainer:before {
    width: calc(100% + (100vw - 458px) / 2 + 30px);
    left: calc((458px - 100vw) / 2);
  }
  .siteHeader .menuContainer {
    padding: 0 calc((100% - 458px) / 2);
  }
  .siteHeader .headAdd:before {
    width: calc(100% + (100vw - 458px) / 2 + 30px);
    left: -30px;
  }
  .menuContainer .footInfo {
    font-size: 14px;
  }
  .menuContainer .footInfo .siteLink {
    font-size: inherit;
  }
  .menuContainer .footInfo .dataCaption {
    font-size: 14px;
  }
  .roadmapSlider {
    padding-left: 24px;
    padding-right: 24px;
  }
  .advantagesInner .item {
    width: 100%;
  }
  .heroInner {
    display: block;
  }
  .heroStatistic {
    width: 100%;
    margin-top: 28px;
  }
  .heroContent {
    width: 100%;
  }
  .heroContent .heroTitle {
    margin-top: 10px;
  }
  .fastBullet {
    margin-top: 176px;
  }
  .heroBack {
    background-position: right top;
    top: 120px;
  }
  .heroBack:after {
    height: 240px;
    top: -120px;
    background: linear-gradient(to bottom, #111318 0%, #111318 120px, rgba(17, 19, 24, 0) 100%);
  }
  .shortAboutSection .bulletText + * {
    margin-top: 22px;
  }
  .shortAboutSection .aboutGoals {
    display: block;
    margin-top: 0px;
  }
  .shortAboutSection .aboutImage {
    margin-top: 25px;
  }
  .shortAboutSection .aboutImage .imageContainer {
    min-height: 0px;
  }
  .roadmapSection {
    padding-top: 42px;
  }
  .aboutInner {
    display: block;
  }
  .aboutInfo {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
  }
  .aboutInfo .aboutText {
    padding-left: 0px;
  }
  .aboutInfo .aboutText.headText {
    margin-bottom: 30px;
    margin-top: 25px;
  }
  .aboutInfo .videoPanel {
    width: 100%;
  }
  .stepItem {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .stepItem:before {
    top: 8px;
  }
  .stepItem:after {
    top: 64px;
  }
  .stepsPanel {
    padding: 15px 16px 10px 22px;
  }
  .stepCard {
    padding-left: 0px;
    min-height: 0px;
  }
  .stepCard:before {
    height: 56px;
    top: 0;
  }
  .stepCard .imageContainer {
    position: relative;
    top: auto;
    left: auto;
    margin-bottom: 14px;
  }
  .stepCard .textContainer {
    -webkit-line-clamp: initial;
  }
  .bulletPanel .btnContainer {
    margin-top: 26px;
  }
  .bulletPanel .bulletTitle + * {
    margin-top: 18px;
  }
  .siteFooter .footInfo {
    display: block;
    width: 100%;
    margin-left: 0px;
  }
  .siteFooter .infoItem {
    padding-left: 0px;
  }
  .siteFooter .infoItem + .infoItem {
    margin-top: 20px;
  }
  .siteFooter .menuList {
    display: block;
    margin-left: 0px;
    margin-right: 0px;
  }
  .siteFooter .menuList a {
    text-align: left;
    align-items: flex-start;
  }
  .siteFooter .menuList li {
    padding-right: 0px;
    padding-left: 0px;
  }
  .siteFooter .menuList li + li {
    margin-top: 6px;
  }
  .siteFooter .copyright br {
    display: block;
  }
  .faqTabs .tabsList {
    flex-wrap: wrap;
  }
  .faqTabs .tabsList li {
    width: 100%;
  }
  .faqTitle {
    padding-left: 30px;
  }
  .faqContent .textContainer {
    padding: 7px 30px 20px;
  }
  .rulesChapter .chapterHead {
    padding-left: 30px;
    margin-bottom: 25px;
  }
  .rulesChapter .chapterHead .count {
    width: 82px;
  }
  .rulesChapter + .rulesChapter {
    margin-top: 25px;
  }
  .rulesList {
    padding-left: 10px;
    font-size: 14px;
  }
  .contactsChapter .contactsList {
    display: block;
  }
  .contactsChapter .contactItem {
    width: 100%;
  }
  .contactsChapter .contactItem + .contactItem {
    margin-top: 20px;
  }
  .contactsChapter:not(:first-child) {
    margin-top: 60px;
  }
  .mapContainer {
    margin-top: 40px;
  }
  .contactsForm {
    padding: 35px 30px;
  }
  .contactsForm .formHead {
    display: block;
    margin-bottom: 30px;
  }
  .contactsForm .formHead .headNote {
    padding-left: 0px;
    margin-top: 10px;
  }
  .contactsForm .formContent .formItem {
    width: 100%;
  }
  .pageColumns .rightColumn {
    margin-top: 40px;
  }
  .innerHero .heroContent {
    max-width: 75%;
  }
  .tarifsSlider {
    padding-left: 24px;
    padding-right: 24px;
  }
  .tarifsSlider .sliderControls {
    margin-left: -24px;
    margin-right: -24px;
  }
  .themeCard:before {
    border-radius: 21px;
  }
  .themeCard .cardInner {
    border-radius: 21px;
  }
  .themeCard .tarifImage {
    border-bottom-left-radius: 21px;
    border-bottom-right-radius: 21px;
  }
  .startScreen:not(.homeScreen) {
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
  }
  .levelsList {
    margin: -10px -5px 0px;
  }
  .levelsList .item {
    width: 50%;
    padding: 10px 5px 0px;
  }
  .levelCard {
    padding: 7px 16px 10px;
  }
  .levelCard .val {
    font-size: 16px;
  }
  .programPanel .panelInner {
    padding: 34px 22px 38px;
  }
  .sectionInner .joinHead {
    display: block;
  }
  .sectionInner .joinHead .btnContainer {
    justify-content: center;
  }
  .partnersSection .startBonuses {
    margin-top: 40px;
    justify-content: center;
  }
  .partnersSection .startBonuses .bulletStat {
    margin-right: 20px;
    margin-left: 20px;
  }
  .giftCard {
    text-align: left;
    padding: 32px 50% 32px 20px;
  }
  .discountList .item {
    width: 100%;
  }
  .advantagesList .item {
    width: 100%;
    padding: 14px 7px 0px;
  }
  .infoCard {
    border-radius: 21px;
    width: 100%;
    padding: 30px 20px;
  }
  .infoSection .sectionHead {
    display: block;
  }
  .assortmentTabs .tabsList {
    display: block;
  }
  .proposalCard {
    border-radius: 21px;
    padding: 30px 20px 160px;
    background-size: auto 297px;
    background-position: calc(100% + 20px) calc(100% + 30px);
  }
  .bulletPanel .panelBackground {
    background-position: center bottom;
  }
  .bulletPanel.leftBullet {
    padding: 25px calc(100% - 290px) 30px 20px;
  }
  .signPanel {
    padding: 30px 15px;
  }
  .repairModal .formPaymentsList li {
    width: 100%;
  }
  .modalCloseBtn {
    left: auto;
    right: 0px;
    width: 40px;
    height: 32px;
  }
  .modalContainer {
    padding: 32px 15px;
  }
  .modalContent {
    max-width: 440px;
  }
  .orderPaymentModal .formPaymentsList li {
    width: 100%;
  }
  .depositModal .modalContent {
    max-width: 420px;
  }
  .orderForm .column {
    width: 100%;
  }
  .orderForm .column + .column {
    margin-top: 15px;
  }
  .orderForm .formActions {
    display: block;
    text-align: center;
  }
  .orderForm .formContent {
    display: block;
  }
}
@media (max-width: 479px) {
  .siteHeader .logoContainer:before {
    width: calc(100% + (100vw - 11px) / 2 + 30px);
    left: calc((11px - 100vw) / 2);
  }
  .siteHeader .headAdd:before {
    width: calc(100% + 11px + 30px);
  }
  .heroBack {
    background-size: 530px auto;
    height: 394px;
  }
  .introPanel {
    padding: 30px 20px;
  }
  .rulesChapter .chapterHead {
    padding-left: 20px;
  }
  .faqTitle {
    padding-left: 20px;
  }
  .contactsForm {
    padding: 25px 20px 30px;
  }
  .contactsForm .btnContainer {
    margin-top: 30px;
  }
  .faqContent .textContainer {
    padding: 7px 20px 20px;
  }
  .supportContacts a {
    padding-left: 100px;
  }
  .supportContacts a .icon {
    width: 52px;
    height: 52px;
    left: 25px;
    top: calc(50% - 26px);
    font-size: 20px;
  }
  .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
  .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
  }
  .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
  }
  .swiper-pagination-bullet:before {
    width: 8px;
    height: 8px;
  }
  .levelCard .cardLine {
    padding: 2px 0px;
  }
  .levelsList .item {
    width: 100%;
  }
  .partnersSection .startBonuses .bulletStat {
    margin-right: 10px;
    margin-left: 10px;
  }
  .giftCard {
    padding: 32px 25% 32px 20px;
  }
  .giftCard .name {
    margin-top: 25px;
  }
  .innerHero .heroContent {
    max-width: 100%;
  }
  .btnPlay.colored {
    width: 66px;
    height: 66px;
  }
  .videoSection .videoPanel {
    padding: 14px;
  }
  .videoSection .btnPlay {
    margin-bottom: 14px;
  }
  .videoSection .videoLink {
    min-height: 200px;
  }
  .videoSection .videoLink .content .name {
    font-size: 26px;
  }
  .videoSection .videoLink .content .title {
    margin-top: 5px;
    font-size: 14px;
  }
  .proposalCard {
    background-position: center calc(100% + 30px);
    background-size: auto 277px;
  }
  .captchaLine {
    display: block;
  }
  .captchaLine .inputContainer {
    padding-right: 0px;
  }
  .captchaLine .captcha {
    margin-top: 5px;
  }
  .orderForm .orderHead {
    font-size: 20px;
    line-height: 28px;
  }
  .depositModal .modalContent {
    padding: 20px 20px 25px;
  }
  .optionLine {
    padding-bottom: 3px;
  }
  .optionLine .copyContainer {
    padding-right: 24px;
  }
  .optionsList {
    width: 100%;
  }
  .btnMain {
    white-space: initial;
    word-break: break-all;
  }
  .siteHeader .menuContainer {
    padding: 0 10px;
  }
  .siteHeader .menuList a {
    min-height: 70px;
  }
  .siteHeader .menuList li {
    width: 100%;
  }
  .siteHeader .menuList li:nth-child(2n):before {
    display: none;
  }
  .siteHeader .menuList li:nth-child(2n+1) {
    border-right: none;
  }
  .siteHeader .menuList li + li {
    border-top: 1px solid #40464f;
  }
  .messageModal .modalHead:before,
  .messageModal .modalHead:after {
    display: none;
  }
}
@media (max-width: 1899px) {
  .cabContent {
    padding-left: 40px;
  }
  .dashboard {
    margin: -48px -20px 0px;
  }
  .dashboard .gridItem {
    padding: 48px 20px 0px;
  }
  .welcomeItem {
    padding-left: 188px;
  }
  .bonusPanel .bonusItem {
    font-size: 16px;
  }
}
@media (max-width: 1859px) {
  .dashboard {
    margin-top: -36px;
  }
  .dashboard .gridItem {
    padding-top: 36px;
  }
  .dashboard .gridItem:nth-child(3) {
    padding-right: 15px;
  }
  .dashboard .gridItem:nth-child(4) {
    padding-left: 15px;
  }
  .cabHeader {
    padding: 0px 32px;
    min-height: 82px;
  }
  .cabHeader .headAdd {
    padding-left: 80px;
  }
  .cabHeader .headAdd:before {
    clip-path: polygon(100% 0px, 100% 100%, 65.725048px calc(100% - 0.423644px), 60.553824px calc(100% - 1.644112px), 55.741976px calc(100% - 3.601908px), 51.356152px calc(100% - 6.237536px), 47.436px calc(100% - 9.4915px), 44.129168px calc(100% - 13.304304px), 41.421304px calc(100% - 17.616452px), 39.406056px calc(100% - 22.368448px), 38.150072px calc(100% - 27.500796px), 37.72px calc(100% - 32.954px), 37.72px 41.978px, 37.258839px 33.277635px, 35.912672px 25.72096px, 33.737473px 19.254305px, 30.789216px 13.824px, 27.123875px 9.376375px, 22.797424px 5.85776px, 17.865837px 3.214485px, 12.385088px 1.39288px, 0px 0.339275px, 0px 0px);
  }
  .cabHeader .logoContainer {
    padding-right: 70px;
  }
  .cabHeader .logoContainer:before {
    clip-path: polygon(0px 0px, 0px 100%, calc(100% - 65.725048px) calc(100% - 0.423644px), calc(100% - 60.553824px) calc(100% - 1.644112px), calc(100% - 55.741976px) calc(100% - 3.601908px), calc(100% - 51.356152px) calc(100% - 6.237536px), calc(100% - 47.436px) calc(100% - 9.4915px), calc(100% - 44.129168px) calc(100% - 13.304304px), calc(100% - 41.421304px) calc(100% - 17.616452px), calc(100% - 39.406056px) calc(100% - 22.368448px), calc(100% - 38.150072px) calc(100% - 27.500796px), calc(100% - 37.72px) calc(100% - 32.954px), calc(100% - 37.72px) 41.978px, calc(100% - 37.258839px) 33.277635px, calc(100% - 35.912672px) 25.72096px, calc(100% - 33.737473px) 19.254305px, calc(100% - 30.789216px) 13.824px, calc(100% - 27.123875px) 9.376375px, calc(100% - 22.797424px) 5.85776px, calc(100% - 17.865837px) 3.214485px, calc(100% - 12.385088px) 1.39288px, 100% 0.339275px, 100% 0px);
  }
  .cabHeader:before, .cabHeader:after {
    height: calc(100% + 28px);
    width: 32px;
  }
  .cabHeader:before {
    clip-path: polygon(0px 0px, 0px 100%, 1.371694px calc(100% - 6.719082px), 3.429232px calc(100% - 12.334176px), 6.125398px calc(100% - 16.938054px), 9.414976px calc(100% - 20.623488px), 13.25275px calc(100% - 23.48325px), 17.593504px calc(100% - 25.610112px), 22.392022px calc(100% - 27.096846px), 27.603088px calc(100% - 28.036224px), 33.181486px calc(100% - 28.521018px), 39.082px calc(100% - 28.644px), 100% calc(100% - 28.644px), 100% 0px);
  }
  .cabHeader:after {
    clip-path: polygon(100% 0px, 100% 100%, calc(100% - 1.371694px) calc(100% - 6.719082px), calc(100% - 3.429232px) calc(100% - 12.334176px), calc(100% - 6.125398px) calc(100% - 16.938054px), calc(100% - 9.414976px) calc(100% - 20.623488px), calc(100% - 13.25275px) calc(100% - 23.48325px), calc(100% - 17.593504px) calc(100% - 25.610112px), calc(100% - 22.392022px) calc(100% - 27.096846px), calc(100% - 27.603088px) calc(100% - 28.036224px), calc(100% - 33.181486px) calc(100% - 28.521018px), calc(100% - 39.082px) calc(100% - 28.644px), 0px calc(100% - 28.644px), 0px 0px);
  }
  .cabHeader .headBtns {
    padding-left: 11px;
  }
  .cabHeader .headBtns li {
    margin-left: 14px;
  }
  .cabHeader .headBtns .btnMain {
    padding: 4px 10px 4px calc(10px + 0.1em);
    min-width: 80px;
  }
  .cabHeader .headMain {
    padding: 0 20px 0px 12px;
  }
  .contactLink {
    padding-left: 40px;
    min-height: 30px;
  }
  .contactLink .dataCaption {
    font-size: 12px;
    line-height: 15px;
  }
  .contactLink .val {
    font-size: 14px;
    line-height: 15px;
  }
  .contactLink .icon {
    width: 30px;
    height: 30px;
    font-size: 12px;
  }
  .btnMain.arrowBtn.xs {
    height: 28px;
    line-height: 20px;
    padding-right: 36px;
    padding-left: 18px;
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .btnMain.arrowBtn.xs:after {
    width: 27px;
    border-radius: 14px;
  }
  .btnMain.arrowBtn.xs .arrow {
    width: 20px;
    height: 20px;
    right: 4px;
    top: 4px;
    font-size: 9px;
  }
  .welcomeItem {
    padding-left: 149px;
    min-height: 88px;
    font-size: 20px;
    line-height: 30px;
  }
  .welcomeItem .avaContainer {
    width: 93px;
    height: 88px;
    border-radius: 21px;
  }
  .welcomeItem .avaContainer:before {
    width: 36px;
    left: calc(50% - 18px);
  }
  .welcomeItem .avaContainer:after {
    height: 36px;
    top: calc(50% - 18px);
  }
  .copyContainer .iconBtnCopy {
    top: calc(50% - 8px);
  }
  .iconBtnCopy {
    font-size: 16px;
  }
  .headWelcome {
    padding: 20px 30px;
  }
  .headInfoPanel {
    min-height: 87px;
    border-radius: 21px;
    min-width: 319px;
    padding: 10px 20px;
  }
  .headInfoPanel .title {
    font-size: 16px;
    line-height: 30px;
  }
  .headInfoPanel .val {
    font-size: 14px;
    line-height: 26px;
  }
  .headInfoPanel .copyContainer {
    padding-right: 24px;
  }
  .cabHeadWrapper {
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
  }
  .copyMessage {
    padding: 5px 12px;
    font-size: 10px;
    line-height: 14px;
  }
  .cabContainer {
    padding: 38px 30px;
  }
  .cabPageTitle {
    font-size: 50px;
  }
  .cabPageHead {
    margin-bottom: 33px;
  }
  .cabMenu {
    width: 112px;
    border-radius: 25px;
  }
  .cabContent {
    width: calc(100% - 112px);
  }
  .cabMenuList .menuLink {
    min-height: 84px;
    font-size: 12px;
    line-height: 16px;
  }
  .cabMenuList .menuLink .icon {
    font-size: 18px;
    margin-bottom: 9px;
  }
  .cabPanel {
    border-radius: 21px;
  }
  .cabPanel .panelHead {
    margin-bottom: 28px;
  }
  .cabPanel .panelHead .sectionMarkTitle {
    font-size: 12px;
    padding: 6px 10px 6px calc(10px + 0.1em);
  }
  .itemLabel {
    font-size: 16px;
    line-height: 30px;
  }
  .balancePanel {
    margin-top: -82px;
  }
  .balancePanel .balanceHead {
    padding: 16px 16px 0px;
  }
  .balancePanel .balanceHead:before, .balancePanel .balanceHead:after {
    width: 25px;
    bottom: 20px;
  }
  .balancePanel .balanceActions .btnMain {
    min-width: 118px;
  }
  .balancePanel .balanceSum {
    min-height: 41px;
    border-radius: 21px;
    margin: 3px -16px 0px;
    font-size: 20px;
    line-height: 30px;
  }
  .balancePanel .balanceSum:before, .balancePanel .balanceSum:after {
    top: 19px;
    width: 4px;
    height: 4px;
    box-shadow: 0px 0px 4px 3px #ff0042;
  }
  .balancePanel .balanceSum:before {
    left: 25px;
  }
  .balancePanel .balanceSum:after {
    right: 25px;
  }
  .balanceList .sum {
    font-size: 12px;
    line-height: 15px;
  }
  .balanceList .balanceItem {
    height: 45px;
  }
  .balanceList .balanceItem .dataCaption {
    font-size: 11px;
    line-height: 15px;
  }
  .balanceList .balanceItem:last-child {
    padding-right: 16px;
    padding-left: 10px;
  }
  .balanceList .balanceItem:first-child {
    padding-left: 16px;
    padding-right: 10px;
  }
  .payHead .payIcon {
    margin-right: 10px;
    margin-top: 2px;
    width: 24px;
    min-width: 24px;
  }
  .payHead .dataCaption b {
    font-size: 12px;
  }
  .dataValue {
    font-size: 20px;
    line-height: 30px;
  }
  .cabCard {
    border-radius: 25px;
    padding: 32px 28px 30px;
  }
  .cabCard .dataCaption {
    font-size: 16px;
    line-height: 20px;
  }
  .cabCard .itemIcon {
    margin-bottom: 30px;
    width: 48px;
  }
  .cabCard .itemIcon img {
    height: 48px;
  }
  .cabCards {
    margin: -30px -15px 0px;
  }
  .cabCards .item {
    padding: 30px 15px 0px;
  }
  .lastHistoryPanel,
  .refPartnersPanel {
    padding-top: 16px;
    padding-left: 18px;
    padding-right: 18px;
  }
  .themeCard .date {
    font-size: 12px;
    line-height: 15px;
  }
  .themeCard .cardTitle + * {
    margin-top: 3px;
  }
  .themeCard .cardHead {
    padding: 18px 10px 26px;
    border-top-right-radius: 25px;
    border-top-left-radius: 25px;
  }
  .themeCard .tarifInfo .infoPanel {
    width: calc((100% - 5px) / 2);
    border-radius: 21px;
    font-size: 14px;
    line-height: 20px;
    min-height: 74px;
  }
  .themeCard .tarifInfo .infoPanel li + li {
    margin-top: 0px;
  }
  .themeCard .tarifInfo .tarifImage {
    width: calc((100% - 5px) / 2 + 15px);
  }
  .themeCard .cardDetailed {
    padding: 30px 8px 8px;
    min-height: 110px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
  }
  .lastHistoryPanel {
    padding-bottom: 24px;
  }
  .refPartnersPanel {
    padding-bottom: 15px;
  }
  .historySlider {
    width: 288px;
  }
  .historySlider .sliderControls {
    margin-top: 22px;
  }
  .historyCard .dataCaption {
    font-size: 12px;
    line-height: 15px;
  }
  .historyCard .payName {
    font-size: 12px;
    line-height: 15px;
  }
  .historyCard .sumLine:before, .historyCard .sumLine:after {
    bottom: 20px;
  }
  .historyCard .cardHead:after, .historyCard .cardHead:before {
    width: 24px;
  }
  .historyCard .cardHead:before {
    right: calc(100% - 24px);
  }
  .historyCard .cardHead:after {
    left: calc(100% - 24px);
  }
  .refPartnersPanel .cardTitle {
    font-size: 16px;
    line-height: 22px;
  }
  .refPartnersPanel .cardTitle + * {
    margin-top: 13px;
  }
  .refPartnersPanel .panelHead {
    margin-bottom: 25px;
  }
  .refPartnersPanel .totalInfo:before, .refPartnersPanel .totalInfo:after {
    bottom: 21px;
    width: 24px;
  }
  .refPartnersPanel .totalInfo:before {
    left: -18px;
  }
  .refPartnersPanel .totalInfo:after {
    right: -18px;
  }
  .refPartnersPanel .totalCount {
    min-height: 42px;
    padding: 6px 42px;
    border-radius: 21px;
    font-size: 22px;
    line-height: 30px;
    margin-left: -18px;
    margin-right: -18px;
  }
  .refPartnersPanel .totalCount:before, .refPartnersPanel .totalCount:after {
    top: 19px;
    width: 4px;
    height: 4px;
    box-shadow: 0px 0px 4px 3px #ff0042;
  }
  .refPartnersPanel .totalCount:before {
    left: 24px;
  }
  .refPartnersPanel .totalCount:after {
    right: 24px;
  }
  .refPartnersPanel .partnersCount {
    margin-top: 28px;
  }
  .refPartnersPanel .partnersCount .dataCaption {
    font-size: 14px;
    padding-bottom: 4px;
    margin-bottom: 2px;
  }
  .refPartnersPanel .partnersCount .dataValue {
    font-size: 16px;
  }
  .refPartnersPanel .lastPartner {
    border-radius: 21px;
    margin-top: 20px;
    padding: 8px 10px 14px;
  }
  .refPartnersPanel .lastPartner .dataValue {
    font-size: 16px;
    line-height: 20px;
  }
  .cabFooter {
    padding: 5px 30px;
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    min-height: 49px;
  }
  .cabFooter .copyright {
    font-size: 11px;
    line-height: 15px;
  }
  .socialsList.filled a {
    width: 24px;
    height: 24px;
    font-size: 10px;
  }
  .socialsList.filled li {
    padding-left: 10px;
  }
  .headBalance {
    padding: 0px 15px;
  }
  .headBalance:before, .headBalance:after {
    top: 19px;
    width: 22px;
  }
  .headBalance .titleHead {
    min-height: 41px;
    padding-left: 38px;
    padding-right: 38px;
    margin-left: -15px;
    margin-right: -15px;
  }
  .headBalance .titleHead:before, .headBalance .titleHead:after {
    width: 4px;
    height: 4px;
    top: 18px;
    box-shadow: 0px 0px 4px 3px #ff0042;
  }
  .headBalance .titleHead:before {
    left: 25px;
  }
  .headBalance .titleHead:after {
    right: 25px;
  }
  .headBalance .titleHead .sum {
    font-size: 22px;
    line-height: 30px;
  }
  .headBalance .btnsList {
    margin-left: -7px;
    margin-right: -7px;
  }
  .headBalance .btnsList .btnContainer {
    padding: 6px 7px;
  }
  .headBalance .btnsList .btnMain {
    min-width: 119px;
  }
  .welcomeDeposits .headInfoPanel {
    margin-left: 24px;
    min-width: 281px;
  }
  .depositsTabs .tabsList {
    margin: 0px -9px;
  }
  .depositsTabs .tabsList li {
    padding: 0 9px;
  }
  .depositsTabs .tabsList a {
    min-height: 58px;
    font-size: 12px;
    line-height: 22px;
    padding: 5px 14px 5px 20px;
  }
  .depositsTabs .tabsList a:before {
    border-top-left-radius: 21px;
    border-top-right-radius: 21px;
    height: calc(100% + 21px);
  }
  .depositsTabs .tabsList a .count {
    margin-left: 15px;
    font-size: 11px;
  }
  .depositsTabs .tabsList a > * {
    min-width: 22px;
    border-radius: 11px;
  }
  .depositsTabs .tabsContent {
    padding: 30px;
    border-radius: 21px;
  }
  .depositCard {
    border-radius: 21px;
  }
  .depositCard .speedIcon {
    width: 114px;
    height: 60px;
    margin-bottom: 17px;
  }
  .depositCard .speedIcon:after,
  .depositCard .speedIcon .dot {
    width: 21px;
    height: 21px;
    left: calc(50% - 10px);
  }
  .depositCard .paramsList .dataCaption,
  .depositCard .profitList .dataCaption {
    font-size: 14px;
  }
  .depositCard .timerItem {
    padding: 10px 10px;
    border-radius: 21px;
  }
  .depositCard .timerItem .itemCaption {
    padding-bottom: 5px;
    margin-bottom: 5px;
  }
  .depositCard .timer {
    font-size: 20px;
    line-height: 30px;
  }
  .depositCard .timer .spacer {
    min-width: 20px;
  }
  .depositCard .timer .unit {
    font-size: 12px;
    line-height: 1;
    align-self: flex-end;
  }
  .depositCard .timerVal {
    min-width: 30px;
  }
  .depositCard .profitList {
    padding: 11px 20px 11px 25px;
  }
  .depositCard .profitList .profitCard {
    width: calc((100% - 30px) / 3);
    border-radius: 21px;
    padding: 5px 10px 7px;
  }
  .depositCard .profitList:before {
    width: calc(100% - 56px);
    left: 28px;
  }
  .depositCard .themeCard .cardInner {
    border-radius: 21px;
  }
  .depositCard .themeCard .cardInner:before, .depositCard .themeCard .cardInner:after {
    top: 21px;
    width: 26px;
  }
  .depositCard .paramsList {
    padding: 20px 20px 20px 25px;
  }
  .depositCard .paramsList .val {
    font-size: 14px;
    line-height: 20px;
  }
  .depositCard .paramsList .payHead {
    font-size: 13px;
    line-height: 15px;
    margin-top: -3px;
    margin-bottom: -3px;
  }
  .depositCard.repair .themeCard .tarifImage:before {
    border-bottom-left-radius: 21px;
    border-bottom-right-radius: 21px;
  }
  .choices[data-type*=select-one]::after {
    font-size: 6px;
    right: 18px;
  }
  .depositsList .swiper-slide + .swiper-slide {
    margin-top: 30px;
  }
  .depositTooltip {
    font-size: 12px;
    line-height: 15px;
  }
  .tooltipContent .tltpInner {
    width: 164px;
    border-radius: 10px;
    max-width: 164px;
    padding: 8px 8px 10px;
  }
  .partnersGrid {
    margin-top: -36px;
  }
  .partnersGrid .gridItem {
    padding-top: 36px;
  }
  .partnersGrid .cabCard {
    padding: 36px 24px 30px 28px;
  }
  .partnersGrid .cabCard .itemIcon {
    margin-bottom: 40px;
  }
  .partnersGrid .giftCard {
    padding: 20px;
  }
  .partnersGrid .giftCard .name {
    font-size: 17px;
    line-height: 25px;
  }
  .partnersGrid .giftCard .unit {
    font-size: 13px;
    line-height: 17px;
    border-radius: 11px;
  }
  .partnersGrid .giftCard .numCard {
    width: 40px;
    font-size: 30px;
    line-height: 50px;
    border-radius: 10px;
  }
  .partnersGrid .giftCard .itemCaption {
    font-size: 12px;
  }
  .partnersGrid .itemPanel + .itemPanel {
    margin-top: 36px;
  }
  .cabPanel .dataCaption {
    font-size: 16px;
    line-height: 22px;
  }
  .refLinkPanel {
    padding: 21px 24px;
  }
  .refLinkPanel .dataCaption {
    padding-right: 15px;
  }
  .refLinkPanel .panelHead {
    margin-bottom: 15px;
  }
  .refLinkPanel .btnContainer {
    padding-left: 30px;
  }
  .refLinkPanel .btnContainer .btnMain {
    min-width: 194px;
  }
  .bonusCard {
    border-radius: 25px;
  }
  .bonusCard .balanceSum {
    min-height: 41px;
    border-radius: 21px;
    margin: 3px -15px -21px;
    font-size: 17px;
    line-height: 21px;
    padding: 5px 38px;
  }
  .bonusCard .balanceSum:before, .bonusCard .balanceSum:after {
    top: 19px;
    width: 4px;
    height: 4px;
    box-shadow: 0px 0px 4px 3px #ff0042;
  }
  .bonusCard .balanceSum:before {
    left: 25px;
  }
  .bonusCard .balanceSum:after {
    right: 25px;
  }
  .bonusCard .cardDown {
    min-height: 133px;
  }
  .bonusCard .cardDown:before, .bonusCard .cardDown:after {
    width: 25px;
  }
  .bonusCard .dataCaption {
    font-size: 15px;
    line-height: 20px;
  }
  .bonusCard .speedIcon {
    width: 113px;
    height: 59px;
  }
  .bonusCard .speedIcon:after,
  .bonusCard .speedIcon .dot {
    width: 20px;
    height: 20px;
    left: calc(50% - 10px);
  }
  .bonusCard .progressWrapper {
    height: 80px;
    width: 160px;
    left: calc(50% - 80px);
  }
  .progressWrapper .progressValue {
    font-size: 17px;
    line-height: 25px;
  }
  .inputContainer.xs .inputText,
  .inputContainer.xs input {
    height: 28px;
    padding: 3px 20px;
    border-radius: 14px;
    font-size: 14px;
    line-height: 20px;
  }
  .partnersActivity .activityItem {
    padding: 5px 20px;
    min-height: 31px;
    border-radius: 16px;
    font-size: 13px;
    line-height: 17px;
  }
  .partnersActivity .activityItem + .activityItem {
    margin-top: 7px;
  }
  .partnersActivity .val {
    font-size: 17px;
  }
  .partnersActivity .mainItem {
    min-height: 51px;
    font-size: 17px;
    line-height: 25px;
    border-radius: 26px;
  }
  .partnersActivity .mainItem + .activityItem {
    margin-top: 10px;
  }
  .bonusPanel {
    padding: 20px;
  }
  .bonusPanel .sum {
    font-size: 15px;
  }
  .bonusPanel .panelHead {
    margin-bottom: 20px;
  }
  .bonusPanel .bonusItem {
    flex-direction: column;
    border-radius: 15px;
    font-size: 15px;
  }
  .bonusPanel .bonusItem + .bonusItem {
    margin-top: 6px;
  }
  .bonusPanel .bonusItem .cell {
    padding: 3px 15px 3px;
  }
  .bonusPanel .bonusItem .cell:nth-child(2) {
    width: 100%;
  }
  .bonusPanel .bonusItem .cell:first-child {
    width: 100%;
    border-radius: 15px;
  }
  .partnersTable .accordTitle > .partnerLine:before {
    font-size: 16px;
    top: calc(50% - 8px);
  }
  .partnersTable .accordTitle > .partnerLine.level2:before {
    left: 5px;
  }
  .partnersTable .accordTitle > .partnerLine.level3:before {
    left: 10px;
  }
  .partnersTable .accordTitle > .partnerLine.level4:before {
    left: 15px;
  }
  .partnersTable .item {
    padding: 3px 8px;
  }
  .partnersTable .item:first-child {
    width: 15.7515751575%;
  }
  .partnersTable .item:nth-child(5) {
    width: 14.1614161416%;
  }
  .partnersTable .item:nth-child(6), .partnersTable .item:nth-child(7) {
    width: 14.4614461446%;
  }
  .partnersTable .tableHead {
    min-height: 38px;
  }
  .partnersTable .tableContent {
    padding-top: 15px;
  }
  .partnersTable .tableContent .item:first-child {
    padding-left: 28px;
  }
  .partnersTable .tableContent .partnerLine {
    min-height: 42px;
  }
  .partnersTable .val {
    font-size: 13px;
    line-height: 21px;
  }
  .partnersTable .range {
    font-size: 12px;
  }
  .partnersTable .sum {
    font-size: 14px;
  }
  .partnersTable .refs {
    min-height: 25px;
    border-radius: 13px;
    min-width: 109px;
  }
  .partnersTable .tCaption {
    font-size: 10px;
    line-height: 14px;
  }
  .partnersTable .partnerRefInfo {
    min-height: 40px;
    padding: 5px 28px;
    font-size: 15px;
    line-height: 21px;
  }
  .partnersTable .partnerRefInfo .dataCaption {
    font-size: 15px;
    line-height: 21px;
  }
  .partnersTable .partnerLine.level2 > .item:first-child {
    padding-left: 33px;
  }
  .partnersTable .partnerLine.level3 > .item:first-child {
    padding-left: 38px;
  }
  .partnersTable .partnerLine.level4 > .item:first-child {
    padding-left: 43px;
  }
  .depositForm {
    margin-top: -30px;
  }
  .depositStep {
    padding: 20px 20px 20px;
    margin-top: 30px;
  }
  .depositStep .sliderControls {
    margin-top: 30px;
  }
  .depositStep .sectionMarkTitle {
    font-size: 12px;
    padding: 8px 12px 8px calc(12px + 0.1em);
  }
  .depositStep .stepHead {
    margin-bottom: 30px;
  }
  .depositStep .tarifsSlider .themeCard .cardHead {
    padding: 6px 10px 28px;
  }
  .depositStep .btnContainer {
    margin-top: 30px;
  }
  .depositStep .resultList {
    margin-top: 20px;
  }
  .depositSum .formItem:after {
    font-size: 28px;
    width: 24px;
  }
  .depositSum .inputContainer {
    width: calc(50% - 12px);
  }
  .resultList .val {
    font-size: 17px;
    padding-top: 5px;
  }
  .resultList .dataCaption {
    padding-bottom: 5px;
    font-size: 15px;
  }
  .formPaymentsTypes li {
    margin-right: 40px;
  }
  .formPaymentsList {
    margin: -10px -10px 0px;
  }
  .formPaymentsList li {
    padding: 10px 10px 0px;
  }
  .formPaymentsList .paymentItem {
    min-height: 40px;
  }
  .formPaymentsList .paymentItem .itemContent {
    width: 102px;
  }
  .formPaymentsList .paymentItem .payHead {
    padding-right: 12px;
    max-width: calc(100% - 102px);
  }
  .formPaymentsList .paymentItem .dataCaption {
    font-size: 13px;
  }
  .formPaymentsList .paymentItem .val {
    font-size: 14px;
    line-height: 18px;
  }
  .inputPostfix {
    font-size: 12px;
  }
  .inputContainer.sumInput .inputPostfix {
    width: 42px;
  }
  .inputContainer.sumInput input,
  .inputContainer.sumInput .inputText {
    padding-right: 52px;
    font-size: 16px;
  }
  .operationsChapter {
    padding: 30px 30px;
  }
  .filterBtn {
    font-size: 20px;
  }
  .filterForm {
    border-radius: 21px;
    margin-bottom: 30px;
  }
  .filterForm .filterHead {
    border-radius: 21px;
  }
  .filterForm .btnContainer {
    padding: 3px 2px 3px 25px;
  }
  .filterForm .filterItem {
    padding: 20px 15px 0px;
  }
  .filterForm .filterItem .inputContainer {
    max-width: 100%;
  }
  .choices__inner {
    padding: 6px 44px 7px 18px;
    border-radius: 23px;
    font-size: 16px;
    min-height: 46px;
  }
  .choices[data-type*=select-one] .choices__inner {
    padding-bottom: 7px;
  }
  .choices__list--dropdown .choices__item,
  .choices__list[aria-expanded] .choices__item {
    font-size: 16px;
    padding-left: 18px;
    padding-right: 18px;
  }
  .formLabel {
    font-size: 14px;
    line-height: 20px;
    padding: 0px 18px;
    margin-bottom: 5px;
  }
  .inputContainer .inputText,
  .inputContainer input,
  .inputContainer textarea {
    padding-left: 18px;
    padding-right: 18px;
  }
  .inputContainer.copyContainer input,
  .inputContainer.copyContainer .inputText {
    font-size: 12px;
  }
  .inputContainer.iconInput .inputText,
  .inputContainer.iconInput input {
    padding-right: 52px;
  }
  .inputContainer.md .choices__inner {
    font-size: 14px;
    padding: 5px 18px;
    border-radius: 21px;
  }
  .inputContainer.md .choices__list--dropdown .choices__item,
  .inputContainer.md .choices__list[aria-expanded] .choices__item {
    font-size: 14px;
    padding: 5px 18px;
  }
  .inputContainer.md .inputText,
  .inputContainer.md input {
    font-size: 14px;
    padding: 2px 18px;
  }
  .dateInput input.datepicker-input {
    padding-right: 44px;
  }
  .dateInput:after {
    right: 12px;
    font-size: 20px;
    margin-top: -10px;
  }
  .icon-dots {
    width: 3px;
    height: 3px;
    box-shadow: 0 -6px 0 #fff, 0 6px 0 #fff;
  }
  .operationTooltip {
    font-size: 12px;
  }
  .operationTooltip p {
    line-height: 16px;
  }
  .operationsTable {
    font-size: 13px;
    line-height: 17px;
  }
  .operationsTable .cell {
    height: 45px;
    padding: 3px 12px;
  }
  .operationsTable .operationRow:first-child .cell {
    padding: 17px 12px 3px;
    height: 62px;
  }
  .operationsTable .payHead .dataCaption {
    font-size: 14px;
    line-height: 17px;
  }
  .operationsTable .payHead .dataCaption b {
    font-size: 13px;
  }
  .operationsTable .sum {
    font-size: 16px;
  }
  .operationsTable .name,
  .operationsTable .title {
    font-size: 12px;
  }
  .paymentCard .payHead {
    padding-top: 12px;
    padding-bottom: 16px;
  }
  .paymentCard .payHead .dataCaption {
    font-size: 16px;
    line-height: 21px;
  }
  .paymentCard .payHead .dataCaption b {
    font-size: 16px;
  }
  .paymentCard .btnContainer {
    padding-top: 15px;
    padding-bottom: 22px;
  }
  .paymentCard .payContent {
    margin-left: -28px;
    margin-right: -28px;
    border-radius: 25px;
    border-top-left-radius: 23px;
    border-top-right-radius: 23px;
  }
  .cabRequisits {
    margin: -30px -15px 0px;
  }
  .cabRequisits .gridItem {
    padding: 30px 15px 0px;
  }
  .guidesPanel {
    padding: 20px 28px 30px;
  }
  .guidesList {
    margin: -28px -14px 0px;
  }
  .guidesList .videoLink .content {
    padding: 15px 24px 20px;
  }
  .guidesList .videoLink .name {
    font-size: 14px;
    line-height: 18px;
  }
  .guidesList .guideItem {
    padding: 28px 14px 0px;
  }
  .guideInfoPanel {
    padding: 20px 20px 24px;
  }
  .guideInfoPanel .supportContacts {
    margin-top: 36px;
  }
  .guideInfoPanel .textContainer {
    padding-right: 0px;
    padding-left: 0px;
  }
  .cabGuides {
    margin-left: -20px;
    margin-right: -20px;
  }
  .cabGuides .gridItem {
    padding: 0 20px;
  }
  .cabGuides .gridItem:first-child {
    width: 35%;
  }
  .cabGuides .gridItem:nth-child(2) {
    width: 65%;
  }
  .textContainer.md {
    font-size: 15px;
    line-height: 22px;
  }
  .textContainer.md > * + * {
    margin-top: 22px;
  }
  .checkInput label {
    padding-left: 36px;
    min-height: 24px;
    font-size: 13px;
    line-height: 17px;
  }
  .checkInput label:before, .checkInput label:after {
    width: 24px;
    height: 24px;
    top: calc(50% - 12px);
    border-radius: 7px;
  }
  .checkInput label:after {
    font-size: 10px;
  }
  .checkInput + .checkInput {
    margin-top: 9px;
  }
  .settingsForm {
    padding: 20px 20px 24px;
  }
  .settingsForm .avaContainer {
    margin-bottom: -42px;
  }
  .settingsForm .avaContainer .dataCaption {
    font-size: 12px;
    line-height: 20px;
    padding-right: 12px;
  }
  .settingsForm .formItem {
    padding: 5px 10px 0px;
  }
  .settingsForm .checkInput {
    padding-left: 16px;
    padding-right: 16px;
  }
  .settingsForm .formContent {
    margin: -5px -10px 0px;
  }
  .settingsForm .avaBtn {
    font-size: 14px;
    line-height: 20px;
    padding-right: 82px;
    min-height: 66px;
    padding-left: 28px;
  }
  .settingsForm .avaBtn:before {
    font-size: 22px;
    top: calc(50% - 11px);
  }
  .settingsForm .avaBtn .image {
    top: calc(50% - 33px);
    border-radius: 15px;
    width: 66px;
    height: 66px;
  }
  .settingsForm .inputContainer + .checkInput {
    margin-top: 12px;
  }
  .securityForm .column:nth-child(2n) {
    padding: 5px 10px 0px;
  }
  .securityForm .qrImage {
    width: 103px;
  }
  .securityForm .qrWrapper {
    border-radius: 21px;
    padding: 20px 20px 24px;
    margin-top: -45px;
  }
  .securityForm .qrWrapper .dataCaption {
    font-size: 12px;
    line-height: 18px;
  }
  .securityForm .qrWrapper .formItem {
    margin-top: 12px;
  }
  .securityForm .qrWrapper .val {
    font-size: 17px;
    line-height: 21px;
  }
  .discountInfo {
    font-size: 12px;
    line-height: 18px;
    padding: 3px 0px 10px 20px;
    margin-right: 20px;
  }
  .discountInfo .val {
    font-size: 60px;
    padding-left: 10px;
  }
  .discountInfo .marked {
    border-radius: 9px;
  }
  .discountInfo .speedIcon {
    width: 102px;
    height: 54px;
  }
  .discountInfo .speedIcon:after,
  .discountInfo .speedIcon .dot {
    width: 20px;
    height: 20px;
    left: calc(50% - 10px);
  }
  .paginationList li {
    margin: 0 5px;
  }
  .paginationList li:not(.navLink) a {
    width: 14px;
    height: 14px;
  }
  .paginationList li:not(.navLink) a:before {
    width: 8px;
    height: 8px;
  }
}
@media (max-width: 1439px) {
  .cabHeader {
    padding: 0px 13px 0px 20px;
  }
  .cabHeader .logoContainer {
    padding-right: 60px;
  }
  .cabHeader .headBtns {
    padding-left: 0px;
  }
  .cabHeader .headAdd {
    padding-left: 50px;
  }
  .cabHeader .headMain {
    margin-left: -47px;
    margin-right: -55px;
  }
  .welcomeItem {
    padding-left: 134px;
  }
  .headWelcome {
    padding: 20px 20px;
  }
  .headInfoPanel {
    min-height: 77px;
    padding: 10px 20px 18px;
  }
  .cabContent {
    padding-left: 28px;
  }
  .dashboard {
    grid-template-columns: 64.1129032258% 35.8870967742%;
    grid-template-rows: auto auto 1fr;
    margin: -42px -18px 0px;
  }
  .dashboard .gridItem {
    padding: 42px 18px 0px;
  }
  .dashboard .gridItem:first-child {
    grid-column: 2;
    grid-row: 1/3;
  }
  .dashboard .gridItem:nth-child(2) {
    grid-column: initial;
  }
  .dashboard .gridItem:nth-child(3) {
    padding-right: 18px;
    grid-row: span 2;
  }
  .dashboard .gridItem:nth-child(4) {
    padding-left: 18px;
    padding-top: 27px;
  }
  .dashboard .cabCards .item {
    width: 50%;
  }
  .cabCards {
    flex-wrap: wrap;
  }
  .cabCard .itemIcon {
    margin-bottom: 40px;
  }
  .cabPanel .panelHead {
    margin-bottom: 58px;
  }
  .historySlider .sliderControls {
    margin-top: 48px;
  }
  .lastHistoryPanel {
    padding-bottom: 49px;
  }
  .refPartnersPanel .panelHead {
    margin-bottom: 23px;
  }
  .headBalance {
    padding: 0px 15px;
  }
  .depositsTabs .tabsContent {
    padding: 30px 20px 20px;
  }
  .depositCard {
    grid-template-columns: 30.3296703297% 69.6703296703%;
    grid-template-rows: auto auto 1fr;
    background-color: #0e131c;
    position: relative;
  }
  .depositCard:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    background-color: #1b2029;
    height: calc(100% - 98px);
    border-radius: 21px;
  }
  .depositCard .timerItem {
    grid-row: initial;
    grid-column: span 2;
    background-color: transparent;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    position: relative;
    padding: 22px 10px 16px calc(25px + 30.3296703297%);
  }
  .depositCard .timerItem .itemCaption {
    width: 100%;
  }
  .depositCard .speedIcon {
    margin-bottom: 0px;
    position: absolute;
    top: calc(50% - 4px);
    transform: translate(-50%, -50%);
    left: calc(14.6153846154% + 10px);
  }
  .depositsList .swiper-slide + .swiper-slide {
    margin-top: 20px;
  }
  .partnersGrid {
    grid-template-columns: 64.1129032258% 35.8870967742%;
    margin: -42px -18px 0px;
  }
  .partnersGrid .gridItem {
    padding: 42px 18px 0px;
  }
  .partnersGrid .cabCards .item {
    width: 50%;
  }
  .refLinkPanel .panelHead {
    margin-bottom: 15px;
  }
  .refLinkPanel .panelContent {
    display: block;
  }
  .refLinkPanel .copyContainer {
    margin-top: 10px;
  }
  .partnersPanel .panelHead,
  .bonusPanel .panelHead {
    margin-bottom: 20px;
  }
  .partnersTable .tableHead {
    display: none;
  }
  .partnersTable .tableContent {
    padding-top: 0px;
  }
  .partnersTable .tableContent .tCaption {
    display: block;
    margin-bottom: 3px;
  }
  .partnersTable .partnerLine {
    flex-wrap: wrap;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .partnersTable .partnerLine.level2 > .item:first-child, .partnersTable .partnerLine.level2 > .item:nth-child(5) {
    padding-left: 36px;
  }
  .partnersTable .partnerLine.level3 > .item:first-child, .partnersTable .partnerLine.level3 > .item:nth-child(5) {
    padding-left: 44px;
  }
  .partnersTable .partnerLine.level4 > .item:first-child, .partnersTable .partnerLine.level4 > .item:nth-child(5) {
    padding-left: 52px;
  }
  .partnersTable .item:first-child, .partnersTable .item:nth-child(5) {
    width: 29%;
  }
  .partnersTable .item:nth-child(3) {
    width: 32%;
  }
  .partnersTable .item:nth-child(2), .partnersTable .item:nth-child(6) {
    width: 26%;
  }
  .partnersTable .item:nth-child(4) {
    width: 13%;
  }
  .partnersTable .item:nth-child(5) {
    padding-left: 28px;
  }
  .partnersTable .item:nth-child(7) {
    width: 45%;
  }
  .partnersTable .accordTitle > .partnerLine.level2:before {
    left: 8px;
  }
  .partnersTable .accordTitle > .partnerLine.level3:before {
    left: 16px;
  }
  .partnersTable .accordTitle > .partnerLine.level4:before {
    left: 24px;
  }
  .depositSum .formItem {
    flex-direction: column;
  }
  .depositSum .formItem:after {
    font-size: 28px;
    width: 24px;
    padding-bottom: 4px;
  }
  .depositSum .inputContainer {
    width: 100%;
  }
  .formPaymentsList li {
    width: 50%;
  }
  .filterForm .items {
    padding-bottom: 15px;
  }
  .filterForm .filterOperations .dataCaption,
  .filterForm .filterItem .dataCaption {
    padding-left: 14px;
    margin-bottom: 3px;
    text-align: left;
  }
  .filterForm .filterItem {
    display: block;
    padding: 10px 10px 0px;
  }
  .filterForm .filterItem .dataCaption {
    display: block;
  }
  .filterForm .btnContainer {
    padding: 3px 3px 3px 25px;
  }
  .filterOperations .choices__list {
    flex-wrap: wrap;
  }
  .filterOperations .choices__list--dropdown .choices__item,
  .filterOperations .choices__list[aria-expanded] .choices__item {
    flex-basis: initial;
    flex-grow: initial;
    width: 25%;
  }
  .operationsTable {
    font-size: 12px;
    line-height: 16px;
  }
  .operationsTable .cell {
    height: 41px;
    padding: 3px 8px;
  }
  .operationsTable .cell:last-child {
    padding-right: 16px;
  }
  .operationsTable .operationRow:first-child .cell {
    padding: 12px 8px 3px;
    height: 50px;
  }
  .operationsTable .operationRow:first-child .cell:last-child {
    padding-right: 16px;
  }
  .operationsTable .payHead .dataCaption {
    font-size: 13px;
    line-height: 16px;
  }
  .operationsTable .payHead .dataCaption b {
    font-size: 12px;
  }
  .operationsTable .sum {
    font-size: 14px;
  }
  .operationsTable .name,
  .operationsTable .title {
    font-size: 11px;
  }
  .cabRequisits .gridItem {
    width: 33.3333333333%;
  }
  .guidesPanel {
    padding: 20px 20px 30px;
  }
  .guideInfoPanel .supportContacts {
    display: flex;
    flex-wrap: wrap;
    margin: 16px -10px 0px;
  }
  .guideInfoPanel .supportContacts li {
    padding: 20px 10px 0px;
    width: 33.3333333333%;
  }
  .guideInfoPanel .supportContacts li + li {
    margin-top: 0px;
  }
  .guideInfoPanel .panelHead {
    margin-bottom: 40px;
  }
  .cabGuides {
    margin-left: -10px;
    margin-right: -10px;
    display: block;
  }
  .cabGuides .gridItem {
    padding: 0 10px;
  }
  .cabGuides .gridItem:first-child {
    width: 100%;
  }
  .cabGuides .gridItem:nth-child(2) {
    width: 100%;
  }
  .cabGuides .gridItem + .gridItem {
    margin-top: 30px;
  }
  .cabSettings {
    margin: -30px -15px 0px;
  }
  .cabSettings .gridItem {
    padding: 30px 15px 0px;
  }
  .cabSettings .gridItem:nth-child(2n) {
    width: 50%;
  }
  .cabSettings .gridItem:nth-child(3) {
    order: 1;
  }
  .cabSettings .gridItem:nth-child(2n+1) {
    width: 100%;
  }
  .settingsForm .panelHead {
    margin-bottom: 40px;
  }
  .securityForm .qrWrapper {
    margin-top: -64px;
  }
}
@media (max-width: 1149px) {
  .cabHeader {
    min-height: 71px;
    padding: 0 10px;
    z-index: 5;
    transition: background-color 0.2s ease-in-out;
  }
  .cabHeader:before, .cabHeader:after {
    display: none;
  }
  .cabHeader .headMain,
  .cabHeader .headBtns {
    display: none;
  }
  .cabHeader .burgerContainer {
    flex-grow: 1;
    display: flex;
    justify-content: center;
  }
  .cabHeader .logoContainer:before,
  .cabHeader .headAdd:before {
    width: calc(100% + (100vw - 730px) / 2);
  }
  .cabHeader .logoContainer:before {
    left: auto;
    right: 0;
  }
  .menuOpened .cabHeader {
    background-color: #0e131c;
  }
  .welcomeItem {
    padding-left: 80px;
    min-height: 57px;
    max-width: calc(50% - 7px);
    align-self: flex-start;
    margin-top: 6px;
  }
  .welcomeItem .avaContainer {
    width: 60px;
    height: 57px;
    border-radius: 15px;
    top: calc(50% - 28px);
  }
  .headWelcome {
    padding: 15px 10px;
    flex-wrap: wrap;
  }
  .welcomeAdd {
    width: calc(50% - 7px);
  }
  .cabHeadWrapper {
    border-bottom-left-radius: 21px;
    border-bottom-right-radius: 21px;
  }
  .cabMenuList {
    display: flex;
    flex-wrap: wrap;
    background-color: #292d35;
    border-radius: 21px;
    overflow: hidden;
  }
  .cabMenuList li {
    width: 33.3333333333%;
  }
  .cabMenuList li + li {
    border-top: none;
  }
  .cabMenuList li:nth-child(3n):not(:last-child) {
    position: relative;
    padding-top: 1px;
  }
  .cabMenuList li:nth-child(3n):not(:last-child):before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    border-bottom: 1px solid #40464f;
    width: 400%;
    z-index: 2;
    bottom: 0;
  }
  .cabMenuList li:not(:nth-child(3n)) {
    border-right: 1px solid #40464f;
  }
  .cabMenuList .menuLink {
    min-height: 119px;
  }
  .cabMenuList .menuLink .icon {
    font-size: 22px;
    margin-bottom: 15px;
  }
  .cabAddMobMenu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 28px;
    margin-top: auto;
    padding-bottom: 28px;
  }
  .cabAddMobMenu .headDataItem {
    width: 33.3333333333%;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .cabAddMobMenu .btnContainer .btnMain {
    min-width: 166px;
  }
  .cabMenu {
    background-color: #0e131c;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 10px;
    pointer-events: none;
    transform: translateY(-100%);
    overflow-y: auto;
    z-index: 4;
    border-radius: 0px;
    transition: transform 0.2s 0.05s ease-in-out;
  }
  .cabMenu .menuInner {
    padding-top: 82px;
    opacity: 0;
    transition: opacity 0.05s 0s ease-in-out;
    min-height: 100%;
    display: flex;
    flex-direction: column;
  }
  .cabMenu.active {
    pointer-events: all;
    transform: translateY(0%);
    transition: transform 0.3s ease-in-out;
  }
  .cabMenu.active .menuInner {
    opacity: 1;
    transition: opacity 0.15s 0.2s ease-in-out;
  }
  .cabContainer {
    padding: 28px 10px;
  }
  .cabPageTitle {
    font-size: 30px;
  }
  .cabCards {
    margin: -10px -5px 0px;
  }
  .cabCards .item {
    padding: 10px 5px 0px;
  }
  .cabContent {
    padding-left: 0px;
    width: 100%;
  }
  .dashboard {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto auto 1fr;
    margin: -20px -7px 0px;
  }
  .dashboard .gridItem {
    padding: 20px 7px 0px;
  }
  .dashboard .gridItem:first-child {
    padding-bottom: 21px;
    grid-row: span 2;
  }
  .dashboard .gridItem:nth-child(4) {
    padding-left: 7px;
    padding-top: 20px;
    grid-column-start: 2;
  }
  .dashboard .gridItem:nth-child(3) {
    padding-right: 7px;
    grid-column-start: 1;
  }
  .balancePanel {
    margin-top: 0px;
  }
  .cabPageHead {
    margin-bottom: 24px;
  }
  .cabCard {
    padding: 18px 18px 15px;
    border-radius: 21px;
  }
  .cabCard .itemIcon {
    margin-bottom: 12px;
  }
  .cabPanel .panelHead {
    margin-bottom: 28px;
  }
  .historySlider .sliderControls {
    margin-top: 22px;
  }
  .lastHistoryPanel {
    padding-bottom: 22px;
  }
  .balancePanel {
    position: relative;
    padding-bottom: 5px;
  }
  .balanceList {
    overflow: hidden;
    max-height: 184px;
  }
  .balanceList.active {
    max-height: none;
  }
  .balanceBtnMore {
    display: flex;
    position: absolute;
    top: 100%;
    left: calc(50% - 21px);
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 21px;
    overflow: hidden;
    border-bottom-right-radius: 21px;
    border-bottom-left-radius: 21px;
    color: #fff;
    font-size: 5px;
    padding-bottom: 8px;
  }
  .balanceBtnMore:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 200%;
    left: 0;
    bottom: 0;
    border-radius: 50%;
    background-color: #292d35;
    z-index: -1;
  }
  .balanceBtnMore:before {
    content: "\e90f";
    display: block;
    font-family: icomoon;
  }
  .refPartnersPanel .panelHead {
    margin-bottom: 24px;
  }
  .cabFooter {
    padding: 5px 10px 5px 25px;
    border-top-right-radius: 21px;
    border-top-left-radius: 21px;
    min-height: 49px;
  }
  .welcomeDeposits .welcomeAdd {
    width: 100%;
    justify-content: space-between;
    margin-top: 12px;
  }
  .welcomeDeposits .headInfoPanel {
    margin-left: 0px;
    width: 0px;
    width: calc(50% - 8px);
  }
  .depositsTabs .tabsList a {
    padding: 5px 14px;
    line-height: 16px;
  }
  .depositsTabs .tabsList a > *:not(.count) {
    background-color: transparent;
    padding-left: 0px;
    padding-right: 0px;
    text-align: left;
  }
  .depositsTabs .tabsList a .count {
    line-height: 22px;
  }
  .depositsTabs .tabsList li {
    flex-basis: 0;
  }
  .depositCard {
    grid-template-columns: 41.091954023% 29.3103448276% 29.5977011494%;
    grid-template-rows: auto 1fr;
    border-radius: 16px;
    background-color: #1b2029;
  }
  .depositCard:before {
    display: none;
  }
  .depositCard .themeCard {
    grid-row: initial;
  }
  .depositCard .timerItem {
    grid-column: initial;
    padding: 10px;
    border-radius: 16px;
    background-color: #0e131c;
  }
  .depositCard .timerItem .itemCaption {
    width: auto;
  }
  .depositCard .profitList {
    grid-column: span 3;
    padding: 6px 8px;
  }
  .depositCard .profitList .profitCard {
    width: calc((100% - 12px) / 3);
    border-radius: 16px;
  }
  .depositCard .profitList:before {
    display: none;
  }
  .depositCard .paramsList {
    padding: 10px;
    flex-direction: column;
    justify-content: center;
  }
  .depositCard .paramsList .paramItem {
    width: 100%;
    padding: 3px 0px 7px;
    border-left: none;
  }
  .depositCard .paramsList .paramItem + .paramItem {
    border-top: 1px solid #363c46;
  }
  .depositCard .speedIcon {
    margin-bottom: 16px;
    position: relative;
    top: auto;
    transform: none;
    left: auto;
  }
  .partnersGrid {
    grid-template-columns: 50% 50%;
    margin: -20px -7px 0px;
  }
  .partnersGrid .gridItem {
    padding: 20px 7px 0px;
  }
  .refLinkPanel {
    padding: 20px;
  }
  .refLinkPanel .panelHead {
    margin-bottom: 15px;
  }
  .partnersGrid {
    display: flex;
    flex-wrap: wrap;
  }
  .partnersGrid .cabCard {
    padding: 18px 18px 15px;
  }
  .partnersGrid .cabCard .itemIcon {
    margin-bottom: 12px;
  }
  .partnersGrid .cabCards .item {
    width: 50%;
  }
  .partnersGrid .gridItem:first-child {
    width: 100%;
  }
  .partnersGrid .gridItem:nth-child(3) {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 0px;
  }
  .partnersGrid .gridItem:nth-child(3) .itemPanel {
    width: calc(50% - 5px);
  }
  .partnersGrid .gridItem:nth-child(3) .itemPanel:last-child {
    width: 100%;
  }
  .partnersGrid .itemPanel {
    margin-top: 20px;
  }
  .partnersGrid .itemPanel + .itemPanel {
    margin-top: 20px;
  }
  .partnersGrid .giftCard {
    text-align: left;
    padding: 20px 18px;
  }
  .partnersActivity {
    display: flex;
    flex-direction: column;
  }
  .partnersActivity .activityItem {
    padding: 5px 18px;
  }
  .partnersActivity .mainItem {
    flex-grow: 1;
  }
  .bonusPanel .bonusItem {
    flex-direction: row;
  }
  .refLinkPanel {
    padding: 20px 18px;
  }
  .bonusCard {
    border-radius: 21px;
  }
  .bonusCard .cardDown {
    min-height: 113px;
  }
  .partnersPanel {
    padding: 20px 18px 12px;
  }
  .depositSum .formItem {
    flex-direction: row;
  }
  .depositSum .formItem:after {
    padding-bottom: 4px;
  }
  .depositSum .inputContainer {
    width: calc(50% - 12px);
  }
  .depositStep:nth-child(2), .depositStep:nth-child(3) {
    width: 100%;
  }
  .filterOperations .choices__list--dropdown .choices__item,
  .filterOperations .choices__list[aria-expanded] .choices__item {
    width: 100%;
  }
  .filterForm {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 15px;
  }
  .filterForm .filterItem {
    width: 50%;
  }
  .filterForm .filterHead {
    order: 1;
    background-color: transparent;
  }
  .filterForm .items {
    flex-wrap: wrap;
  }
  .filterForm .filterOperations {
    order: 1;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    width: calc(100% - 53px);
  }
  .filterForm .filterDates {
    width: 100%;
  }
  .filterForm .btnContainer {
    position: relative;
    top: auto;
    right: auto;
    padding: 0px 10px 0px 10px;
    order: 1;
    align-self: flex-end;
    margin-left: auto;
    margin-bottom: 4px;
    z-index: initial;
  }
  .operationsTable {
    display: block;
  }
  .operationsTable .tableContent {
    display: block;
  }
  .operationsTable .tableContent .title {
    display: block;
  }
  .operationsTable .tableLine {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid transparent;
    padding-top: 2px;
    padding-bottom: 2px;
    position: relative;
    padding-right: 31px;
  }
  .operationsTable .tableLine + .tableLine {
    border-color: #434a54;
  }
  .operationsTable .tableLine .cell {
    border-top: none;
  }
  .operationsTable .tableHead {
    display: none;
  }
  .operationsTable .operationRow:first-child .cell {
    padding: 3px 8px;
    height: auto;
  }
  .operationsTable .operationRow:first-child .cell:first-child, .operationsTable .operationRow:first-child .cell:nth-child(4n+1) {
    padding-left: 0px;
  }
  .operationsTable .operationRow:first-child .cell:last-child {
    padding-right: 0px;
    padding-left: 0px;
  }
  .operationsTable .cell {
    display: block;
    height: auto;
    width: 28%;
  }
  .operationsTable .cell:nth-child(4n+1) {
    width: 24%;
  }
  .operationsTable .cell:nth-child(4n) {
    width: 20%;
  }
  .operationsTable .cell:first-child, .operationsTable .cell:nth-child(4n+1) {
    padding-left: 0px;
  }
  .operationsTable .cell:last-child {
    width: 0;
    padding: 0px;
  }
  .operationsTable .tooltip {
    position: absolute;
    right: 0;
    top: 5px;
  }
  .operationsChapter {
    padding: 20px 20px 30px;
  }
  .paginationList {
    margin-top: 30px;
  }
  .paymentCard .payHead .payIcon {
    margin-right: 0px;
    width: 36px;
    min-width: 36px;
    height: 36px;
  }
  .paymentCard .payHead .payIcon img {
    width: 32px;
  }
  .paymentCard .payHead .dataCaption {
    font-size: 15px;
  }
  .paymentCard .payHead .dataCaption b {
    font-size: 15px;
  }
  .paymentCard .payContent {
    margin-left: -18px;
    margin-right: -18px;
    border-radius: 21px;
  }
  .cabRequisits {
    margin: -20px -10px 0px;
  }
  .cabRequisits .gridItem {
    padding: 20px 10px 0px;
  }
  .guideInfoPanel .supportContacts {
    margin-top: 10px;
  }
  .guideInfoPanel .supportContacts li {
    width: 50%;
  }
  .guidesPanel {
    padding: 20px 20px 30px;
  }
  .textContainer.md {
    font-size: 14px;
    line-height: 21px;
  }
  .textContainer.md > * + * {
    margin-top: 21px;
  }
  .guidesList {
    margin: -20px -10px 0px;
  }
  .guidesList .guideItem {
    padding: 20px 10px 0px;
  }
  .cabSettings {
    margin: -20px -10px 0px;
  }
  .cabSettings .gridItem {
    padding: 20px 10px 0px;
  }
  .settingsForm .avaContainer {
    margin-bottom: -28px;
  }
  .settingsForm .formContent {
    margin: -5px -5px 0px;
  }
  .settingsForm .formItem {
    padding: 5px 5px 0px;
  }
  .securityForm .inputList {
    display: block;
  }
  .securityForm .inputList .formItem {
    width: 100%;
  }
  .securityForm .inputList .formItem + .formItem {
    margin-top: 10px;
  }
  .securityForm .inputList .formItem:last-child {
    padding-top: 0px;
  }
  .securityForm .column {
    width: 45%;
  }
  .securityForm .column:nth-child(2n+1) {
    width: 55%;
  }
  .securityForm .qrWrapper {
    margin-top: 0px;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px 15px 24px;
  }
  .discountInfo {
    font-size: 10px;
    line-height: 16px;
    padding: 3px 0px 10px 15px;
    margin-right: 10px;
  }
  .discountInfo .val {
    font-size: 50px;
    padding-left: 10px;
  }
  .discountInfo .marked {
    border-radius: 8px;
  }
  .discountInfo .speedIcon {
    width: 92px;
    height: 49px;
  }
  .discountInfo .speedIcon:after .dot {
    width: 18px;
    height: 18px;
    left: calc(50% - 9px);
  }
  .paginationList li {
    margin: 0 7px;
  }
}
@media (max-width: 749px) {
  .headWelcome {
    display: block;
  }
  .welcomeAdd {
    width: 100%;
    margin-top: 14px;
  }
  .welcomeItem {
    max-width: 100%;
  }
  .dashboard {
    display: block;
  }
  .dashboard .gridItem:first-child {
    padding-bottom: 9px;
  }
  .cabHeader .logoContainer:before,
  .cabHeader .headAdd:before {
    width: calc(100% + 10px);
  }
  .cabPageHead {
    margin-bottom: 14px;
  }
  .cabContainer {
    padding: 18px 10px;
  }
  .balanceList {
    max-height: 139px;
  }
  .headInfoPanel {
    padding: 10px 10px 18px;
  }
  .welcomeDeposits .welcomeAdd {
    display: block;
  }
  .welcomeDeposits .headInfoPanel {
    width: 100%;
  }
  .welcomeDeposits .headInfoPanel + .headInfoPanel {
    margin-top: 16px;
  }
  .headBalance {
    padding: 0px 10px;
  }
  .headBalance .titleHead {
    margin-left: -10px;
    margin-right: -10px;
  }
  .depositsTabs .tabsContent {
    overflow: hidden;
  }
  .depositsTabs .tabsList li {
    flex-basis: initial;
    width: 50%;
  }
  .depositsList {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 420px;
  }
  .depositsList .swiper-wrapper {
    display: flex;
  }
  .depositsList .swiper-slide {
    opacity: 0.55;
    transition: opacity 0.2s;
  }
  .depositsList .swiper-slide + .swiper-slide {
    margin-top: 0px;
  }
  .depositsList .swiper-slide-active {
    opacity: 1;
  }
  .depositCard {
    display: block;
  }
  .depositCard .profitList {
    display: block;
    padding-bottom: 10px;
  }
  .depositCard .profitList .profitCard {
    width: 100%;
  }
  .depositCard .profitList .profitCard + .profitCard {
    margin-top: 10px;
  }
  .partnersGrid {
    display: block;
  }
  .refLinkPanel .btnContainer {
    padding-left: 0px;
    margin-top: 10px;
  }
  .refLinkPanel .copyContainer {
    display: block;
  }
  .bonusCard {
    padding: 15px 10px 0px;
  }
  .bonusCard .balanceSum {
    margin: 3px -10px -21px;
  }
  .depositForm {
    margin-top: -20px;
  }
  .depositStep {
    padding: 20px 15px 20px;
    margin-top: 20px;
  }
  .depositStep .tarifsSlider {
    padding-bottom: 5px;
  }
  .depositStep .formPaymentsTypes {
    margin-bottom: 20px;
  }
  .depositStep .sliderControls {
    margin-top: 25px;
  }
  .formPaymentsList {
    margin: -10px -10px 0px;
  }
  .formPaymentsList li {
    padding: 10px 6px 0px;
  }
  .formPaymentsTypes .paymentItem {
    padding-left: 28px;
  }
  .filterForm {
    padding-top: 5px;
    margin-bottom: 20px;
  }
  .filterForm .filterOperations {
    padding-left: 5px;
    padding-right: 5px;
    width: calc(100% - 43px);
  }
  .filterForm .btnContainer {
    padding-right: 5px;
  }
  .filterForm .filterItem {
    padding: 6px 5px 0px;
  }
  .operationsChapter {
    padding: 15px 15px 25px;
  }
  .cabRequisits .gridItem {
    width: 50%;
  }
  .guidesList .videoLink .content {
    padding: 12px 16px 18px;
  }
  .discountInfo {
    margin-bottom: 0px;
  }
}
@media (max-width: 639px) {
  .partnersTable .tableContent .tCaption {
    margin-bottom: 0px;
    padding-right: 10px;
  }
  .partnersTable .accordTitle > .partnerLine:before {
    top: 10px;
  }
  .partnersTable .partnerLine.level2 > .item:first-child, .partnersTable .partnerLine.level3 > .item:first-child, .partnersTable .partnerLine.level4 > .item:first-child {
    padding-left: 28px;
  }
  .partnersTable .partnerLine.level2 > .item:nth-child(5), .partnersTable .partnerLine.level3 > .item:nth-child(5), .partnersTable .partnerLine.level4 > .item:nth-child(5) {
    padding-left: 0px;
  }
  .partnersTable .partnerLine.level2 .tCaption {
    padding-left: 8px;
  }
  .partnersTable .partnerLine.level3 .tCaption {
    padding-left: 16px;
  }
  .partnersTable .partnerLine.level4 .tCaption {
    padding-left: 24px;
  }
  .partnersTable .item {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-left: 0px;
    padding-right: 0px;
  }
  .partnersTable .item:nth-child(5) {
    padding-left: 0px;
  }
  .partnersTable .item:first-child, .partnersTable .item:nth-child(2), .partnersTable .item:nth-child(3), .partnersTable .item:nth-child(4), .partnersTable .item:nth-child(5), .partnersTable .item:nth-child(6), .partnersTable .item:nth-child(7) {
    width: 100%;
  }
  .partnersTable .partnerRefInfo {
    padding: 5px 15px;
    font-size: 14px;
  }
  .depositStep .tarifsSlider {
    max-width: 458px;
  }
  .depositStep:nth-child(2), .depositStep:nth-child(3) {
    width: 100%;
  }
  .formPaymentsTypes li {
    margin-right: 25px;
  }
  .formPaymentsList li {
    width: 100%;
  }
  .formPaymentsList .paymentItem .payHead {
    width: 66.6666666667%;
  }
  .formPaymentsList .paymentItem .itemContent {
    width: 33.3333333333%;
  }
  .operationsTable .operationRow:first-child .cell:nth-child(4n+1) {
    padding-left: 8px;
  }
  .operationsTable .operationRow:first-child .cell:last-child {
    padding-left: 0px;
  }
  .operationsTable .operationRow:first-child .cell:first-child, .operationsTable .operationRow:first-child .cell:nth-child(3n) {
    padding-left: 0px;
  }
  .operationsTable .cell {
    width: 33.3333333333%;
  }
  .operationsTable .cell:nth-child(4n+1) {
    width: 33.3333333333%;
  }
  .operationsTable .cell:nth-child(4n) {
    width: 33.3333333333%;
  }
  .operationsTable .cell:first-child, .operationsTable .cell:nth-child(4n+1) {
    padding-left: 8px;
  }
  .operationsTable .cell:last-child {
    width: 0;
    padding: 0px;
  }
  .operationsTable .cell:first-child, .operationsTable .cell:nth-child(2), .operationsTable .cell:nth-child(5) {
    order: -1;
  }
  .operationsTable .cell:nth-child(6), .operationsTable .cell:nth-child(7) {
    order: 1;
  }
  .operationsTable .cell:first-child, .operationsTable .cell:nth-child(3n) {
    padding-left: 0px;
  }
  .cabRequisits {
    margin: -162x -6px 0px;
  }
  .cabRequisits .gridItem {
    padding: 12px 6px 0px;
  }
  .guideInfoPanel .supportContacts li {
    width: 100%;
  }
  .guidesList .guideItem {
    width: 100%;
    max-width: 440px;
    margin-left: auto;
    margin-right: auto;
  }
  .cabSettings .gridItem:nth-child(2n) {
    width: 100%;
  }
  .settingsForm {
    padding: 20px 15px 24px;
  }
  .settingsForm .panelHead {
    display: block;
  }
  .settingsForm .avaContainer {
    justify-content: flex-end;
    padding-left: 0px;
    margin-bottom: -28px;
  }
  .personalForm .formContent {
    flex-wrap: wrap;
  }
  .personalForm .column {
    width: 50%;
  }
  .personalForm .column:last-child {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  .personalForm .column:last-child .formItem {
    width: 50%;
  }
  .securityForm .formContent {
    display: block;
  }
  .securityForm .column + .column {
    margin-top: 20px;
  }
  .securityForm .column:nth-child(2n), .securityForm .column:nth-child(2n+1) {
    width: 100%;
  }
  .cabPageHead {
    flex-direction: column;
    align-items: flex-start;
  }
  .discountInfo {
    margin-bottom: 0px;
    margin-top: 15px;
    margin-left: auto;
    padding: 3px 0px 10px 0px;
  }
  .cabMenuList li {
    width: 50%;
  }
  .cabMenuList li:nth-child(3n):not(:last-child):before {
    display: none;
  }
  .cabMenuList li:not(:nth-child(3n)) {
    border-right: none;
  }
  .cabMenuList li:nth-child(2n):not(:last-child) {
    position: relative;
    padding-top: 1px;
  }
  .cabMenuList li:nth-child(2n):not(:last-child):before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    border-bottom: 1px solid #40464f;
    width: 400%;
    z-index: 2;
    bottom: 0;
  }
  .cabMenuList li:not(:nth-child(2n)) {
    border-right: 1px solid #40464f;
  }
  .cabAddMobMenu .headDataItem {
    width: 50%;
  }
}
@media (max-width: 479px) {
  .partnersGrid .cabCards .item:nth-child(3), .partnersGrid .cabCards .item:nth-child(4) {
    width: 100%;
  }
  .partnersGrid .gridItem:nth-child(3) {
    display: block;
  }
  .partnersGrid .gridItem:nth-child(3) .itemPanel {
    width: 100%;
  }
  .bonusPanel .bonusItem {
    border-radius: 22px;
    line-height: 19px;
  }
  .bonusPanel .bonusItem .cell {
    padding-top: 2px;
  }
  .bonusPanel .bonusItem .cell:first-child {
    border-radius: 22px;
  }
  .bonusPanel .sum {
    display: block;
  }
  .formPaymentsList .paymentItem .payHead {
    max-width: 60%;
  }
  .formPaymentsList .paymentItem .itemContent {
    width: 40%;
  }
  .formPaymentsTypes {
    display: block;
  }
  .formPaymentsTypes li + li {
    margin-top: 12px;
  }
  .operationsTable .operationRow:first-child .cell:first-child, .operationsTable .operationRow:first-child .cell:nth-child(3n) {
    padding-left: 8px;
  }
  .operationsTable .operationRow:first-child .cell:last-child {
    padding-left: 0px;
  }
  .operationsTable .cell {
    width: 50%;
  }
  .operationsTable .cell:nth-child(4n+1) {
    width: 50%;
  }
  .operationsTable .cell:nth-child(4n) {
    width: 50%;
  }
  .operationsTable .cell:last-child {
    width: 0;
    padding: 0px;
  }
  .operationsTable .cell:nth-child(2) {
    order: initial;
  }
  .operationsTable .cell:nth-child(6), .operationsTable .cell:nth-child(7) {
    order: initial;
  }
  .operationsTable .cell:first-child, .operationsTable .cell:nth-child(3n) {
    padding-left: 8px;
  }
  .cabRequisits .gridItem {
    width: 100%;
  }
  .personalForm .column {
    width: 100%;
  }
  .personalForm .column:last-child {
    display: block;
  }
  .personalForm .column:last-child .formItem {
    width: 100%;
  }
  .discountInfo {
    justify-content: flex-end;
    margin-left: auto;
  }
  .paginationList li {
    margin: 0 5px;
  }
  .paginationList li:not(.navLink) a {
    width: 16px;
    height: 16px;
  }
  .paginationList li:not(.navLink) a:before {
    width: 8px;
    height: 8px;
  }
}
@media (max-width: 409px) {
  .filterForm .filterItem {
    width: 100%;
  }
  .filterForm .filterDates {
    display: block;
  }
  .filterForm .filterDates .filterItem {
    width: 100%;
  }
}

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