*,
*: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;
}

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

body {
  position: relative;
  overflow-anchor: none;
  overflow-x: hidden;
}

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

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

li {
  height: auto;
}

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

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 */
body {
  -webkit-tap-highlight-color: transparent;
  color: #939393;
  font-family: "Nasalization Rg", "sans-serif";
  width: 100%;
  background-color: #373737;
  overflow-x: hidden;
  font-size: 16px;
  line-height: 21px;
}
body.menuOpened, body.fixed, body.bodyModal, body.preloading {
  overflow: hidden;
}
body.menuOpened, body.bodyModal, body.preloading {
  touch-action: none;
  pointer-events: none;
  scroll-behavior: none;
  overscroll-behavior: none;
}

.pagePreloader {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 9999;
  background-color: #373737;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  touch-action: none;
  transition: opacity 0s ease, visibility 0s ease;
}
.pagePreloader.is-hidden {
  opacity: 0;
  visibility: hidden;
}

@keyframes preloader-blur {
  0% {
    backdrop-filter: blur(0px);
  }
  50% {
    backdrop-filter: blur(4px);
  }
  100% {
    backdrop-filter: blur(0px);
  }
}
.preloaderText {
  display: block;
  position: relative;
  font-size: 40px;
  line-height: 60px;
  color: #fff;
  letter-spacing: 0.1em;
  font-weight: 600;
  padding: 5px 10px;
  text-transform: uppercase;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.preloaderText:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(0px);
  top: 0;
  left: 0px;
  z-index: 1;
  animation: preloader-blur 3s linear infinite;
}

.container {
  margin: 0 auto;
  width: 100%;
  padding-left: 202px;
}

.logoLink {
  display: block;
  position: relative;
  color: #fff;
  font-size: 17px;
  line-height: 25px;
  letter-spacing: 0.1em;
  font-weight: 500;
  transition: filter 0.2s;
}
.logoLink img {
  max-width: none;
}
@media (hover: hover) and (pointer: fine) {
  .logoLink:hover {
    filter: blur(0.75px);
  }
}

.cabWrapper,
.pageWrapper {
  min-height: 100vh;
  position: relative;
  padding: 0px 2px 2px;
}

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

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

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

.btnParent {
  position: relative;
  display: inline-block;
}

@keyframes blink-fill {
  0% {
    border-color: rgba(253, 75, 3, 0.5);
    background-color: transparent;
    color: white;
  }
  5% {
    border-color: #fd4b03;
    background-color: transparent;
  }
  10% {
    border-color: rgba(253, 75, 3, 0.5);
    background-color: transparent;
  }
  15% {
    border-color: #fd4b03;
    background-color: transparent;
  }
  20% {
    border-color: rgba(253, 75, 3, 0.5);
    background-color: transparent;
  }
  25% {
    border-color: #fd4b03;
    background-color: transparent;
  }
  30% {
    border-color: rgba(253, 75, 3, 0.5);
  }
  35% {
    border-color: rgba(253, 75, 3, 0.5);
    color: white;
  }
  100% {
    border-color: #fd4b03;
    background-color: #fd4b03;
  }
}
@keyframes blink-fill-light {
  0% {
    border-color: rgba(255, 255, 255, 0.5);
    background-color: transparent;
    color: white;
  }
  5% {
    border-color: rgb(255, 255, 255);
    background-color: transparent;
  }
  10% {
    border-color: rgba(255, 255, 255, 0.5);
    background-color: transparent;
  }
  15% {
    border-color: rgb(255, 255, 255);
    background-color: transparent;
  }
  20% {
    border-color: rgba(255, 255, 255, 0.5);
    background-color: transparent;
  }
  25% {
    border-color: rgb(255, 255, 255);
    background-color: transparent;
  }
  30% {
    border-color: rgba(255, 255, 255, 0.5);
  }
  35% {
    border-color: rgba(255, 255, 255, 0.5);
    color: white;
  }
  100% {
    border-color: rgb(255, 255, 255);
    background-color: white;
    color: black;
  }
}
.themeBtn {
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  font-size: 18px;
  line-height: 22px;
  font-weight: normal;
  letter-spacing: 0.025em;
  color: #fff;
  border: 2px solid #fd4b03;
  background-color: transparent;
  text-align: center;
  height: 50px;
  border-radius: 0px;
  min-width: 186px;
  padding: 12px 24px;
  overflow: hidden;
  cursor: pointer;
  box-shadow: 0px 0px 0px transparent;
  clip-path: polygon(0 0, 0 100%, calc(100% - 17px) 100%, 100% calc(100% - 17px), 100% 0px);
}
.themeBtn:after {
  content: "";
  width: 16px;
  height: 16px;
  border-right: 8px solid #fd4b03;
  border-bottom: 8px solid #fd4b03;
  border-left: 8px solid transparent;
  border-top: 8px solid transparent;
  position: absolute;
  right: 0;
  bottom: 0;
}
.themeBtn .icon {
  display: inline-block;
  font-size: 24px;
  margin-right: 12px;
  vertical-align: middle;
  color: #8c8c8c;
  transition: color 0.25s ease-in-out;
}
.themeBtn.xs {
  height: 40px;
  padding: 7px 24px;
  padding: 7px 26px 7px 22px;
  min-width: 156px;
  font-size: 16px;
  clip-path: polygon(0 0, 0 100%, calc(100% - 16px) 100%, 100% calc(100% - 16px), 100% 0px);
}
.themeBtn.xs:after {
  width: 15px;
  height: 15px;
  border-right: 7px solid #fd4b03;
  border-bottom: 7px solid #fd4b03;
  border-left: 7px solid transparent;
  border-top: 7px solid transparent;
}
@media (hover: hover) and (pointer: fine) {
  .themeBtn:hover {
    animation: blink-fill 1.5s;
    background-color: #fd4b03;
    color: #fff;
  }
  .themeBtn:hover .icon {
    color: #fff;
  }
}
.themeBtn + .decor {
  font-size: 8px;
  line-height: 1;
  display: block;
  position: absolute;
  right: -10px;
  top: -10px;
  color: #fd4b03;
  transition: color 0.25s ease-in-out;
  pointer-events: none;
}
.themeBtn.light {
  border-color: #fff;
}
.themeBtn.light:after {
  border-right-color: #fff;
  border-bottom-color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  .themeBtn.light:hover {
    animation-name: blink-fill-light;
    background-color: #fff;
    color: black;
  }
}
.themeBtn.light + .decor {
  color: #fff;
}
.themeBtn.disabled {
  pointer-events: none;
  touch-action: none;
}

.accentColor {
  color: #fd4b03;
}

.textTitle {
  display: block;
  text-transform: uppercase;
  color: #fff;
}
.textTitle.centered {
  text-align: center;
}
.textTitle .accent, .textTitle.accent {
  color: #fd4b03;
}

.textValue {
  display: block;
  color: #fff;
}

.textContainer ol > li + li {
  margin-top: 10px;
}
.textContainer > * + * {
  margin-top: 10px;
}
.textContainer b {
  font-weight: 300;
}
.textContainer .accent {
  color: #fff;
}
.textContainer .marked {
  color: #fff;
}
.textContainer .accentText {
  display: block;
  text-transform: uppercase;
  color: #fff;
}
.textContainer .accentText.centered {
  text-align: center;
}
.textContainer .accentText .accent, .textContainer .accentText.accent {
  color: #fd4b03;
}
.textContainer.xs {
  font-size: 16px;
  line-height: 28px;
}

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

.textList li, .textContainer ul li {
  position: relative;
  padding-left: 0px;
}
.textList li + li, .textContainer ul li + li {
  margin-top: 10px;
}
.textList li:before, .textContainer ul li:before {
  content: "\e914";
  font-family: icomoon;
  font-size: 8px;
  color: #fd4b03;
  display: inline-block;
  margin-right: 0px;
  transform: scale(-1, -1);
  transform-origin: center;
}

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

.inputContainer {
  position: relative;
  font-size: 16px;
}
.inputContainer .inputText,
.inputContainer input,
.inputContainer textarea {
  font-family: "Nasalization Rg", "sans-serif";
  display: block;
  background-color: #434343;
  border: 0px;
  width: 100%;
  border-radius: 6px;
  text-align: left;
  padding: 15px 17px;
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  color: #fff;
}
.inputContainer input::-webkit-input-placeholder,
.inputContainer textarea::-webkit-input-placeholder {
  color: #717171;
  transition: opacity 0.25s;
  white-space: nowrap;
  opacity: 1;
  font-size: inherit;
  line-height: inherit;
}
.inputContainer input::-moz-placeholder,
.inputContainer textarea::-moz-placeholder {
  color: #717171;
  transition: opacity 0.25s;
  white-space: nowrap;
  opacity: 1;
  font-size: inherit;
  line-height: inherit;
}
.inputContainer input:-moz-placeholder,
.inputContainer textarea:-moz-placeholder {
  color: #717171;
  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: #717171;
  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 .inputText[type=password],
.inputContainer input[type=password] {
  padding-right: 54px;
}
.inputContainer .inputText {
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.inputContainer textarea {
  height: 158px;
}
.inputContainer.dark .inputText,
.inputContainer.dark input,
.inputContainer.dark textarea {
  background-color: #2c2c2c;
  border-color: #b5b5b5;
  color: #fff;
}
.inputContainer.bordered input,
.inputContainer.bordered .inputText,
.inputContainer.bordered textarea {
  border-color: #434a54;
}
.inputContainer.iconInput input,
.inputContainer.iconInput .inputText {
  padding-right: 54px;
}
.inputContainer.iconInput .icon {
  display: flex;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #939393;
  font-size: 30px;
  line-height: 1;
}
.inputContainer.copyContainer input,
.inputContainer.copyContainer .inputText {
  font-size: 18px;
}
.inputContainer.copyContainer .btnCopy {
  font-size: 20px;
  line-height: 1;
  top: calc(50% - 10px);
  position: absolute;
  right: 24px;
}
.inputContainer.copyContainer .copyMessage {
  right: 68px;
}
.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 {
  padding-right: 41px;
  padding-left: 15px;
}
.dateInput:after {
  content: "\e917";
  display: block;
  position: absolute;
  font-family: icomoon;
  height: auto;
  width: auto;
  border: 0px;
  right: 20px;
  font-size: 12px;
  line-height: 1;
  top: 50%;
  margin-top: -6px;
  color: #fff;
  pointer-events: none;
  transition: transform 0.2s;
}
.dateInput .datepicker-input.in-edit:active,
.dateInput .datepicker-input.in-edit:focus {
  box-shadow: 0 0 0px 0px transparent;
}
.dateInput .datepicker-input.in-edit {
  border-color: transparent;
}

.btnPassword {
  position: absolute;
  top: calc(50% - 7px);
  right: 16px;
  color: #939393;
  font-size: 14px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btnPassword.open {
  color: #fff;
}

.formLabel {
  display: flex;
  align-items: flex-end;
  color: #797979;
  font-size: 16px;
  line-height: 21px;
  padding: 0px 30px;
  margin-bottom: 8px;
}

.checkInput {
  display: flex;
}
.checkInput label {
  padding-left: 66px;
  min-height: 50px;
  cursor: pointer;
  position: relative;
  align-items: center;
  display: flex;
  line-height: 24px;
  user-select: none;
}
.checkInput label a {
  text-decoration: underline;
  text-underline-offset: 3px;
  color: #939393;
  transition: color 0.25s ease-in-out, text-decoration-color 0.25s ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
  .checkInput label a:hover {
    color: #fff;
    text-decoration-color: transparent;
  }
}
.checkInput label:before, .checkInput label:after {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 50px;
  height: 50px;
  left: 0;
  top: calc(50% - 25px);
  border-radius: 6px;
}
.checkInput label:before {
  content: "";
  background-color: #434343;
}
.checkInput label:after {
  content: "\e920";
  font-family: icomoon;
  opacity: 0;
  color: #fd4b03;
  font-size: 14px;
}
.checkInput input {
  display: none;
}
.checkInput input:checked + label:after {
  opacity: 1;
}
.checkInput + .checkInput {
  margin-top: 12px;
}
.checkInput.dark label {
  color: #fff;
}
.checkInput.dark label:before {
  background-color: #2c2c2c;
}
.checkInput.vertical label {
  padding: 66px 16px 0px;
  text-align: center;
  justify-content: center;
  width: 100%;
}
.checkInput.vertical label:before, .checkInput.vertical label:after {
  left: calc(50% - 25px);
  top: 0;
}

@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(23, 19, 18, 0.95);
}

.modal .modalClose {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: calc(100% + 8px);
  z-index: 2;
  left: calc(100% + 8px);
  transition: color 0.2s;
}
.modal .closeBtn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal .formNote {
  text-align: center;
  font-size: 14px;
}

.modalContent {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: transparent;
  max-width: 775px;
}

.modalPanel {
  padding: 50px;
  background-color: #373737;
  border-radius: 6px;
}
.modalPanel.searchPanel {
  padding-top: 40px;
  padding-bottom: 40px;
}
.modalPanel.dataPanel {
  padding-top: 30px;
  padding-bottom: 30px;
}

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

.choices__inner {
  background-color: #434343;
  border: 0px;
  padding: 0px;
  border-radius: 6px;
  font-size: 16px;
  line-height: 24px;
  min-height: 54px;
  display: flex;
}
.choices__inner .payIcon {
  left: 20px;
}

.choices {
  font-size: 16px;
  line-height: 24px;
}
.choices[data-type*=select-one] {
  cursor: auto;
}
.choices[data-type*=select-one] .choices__inner {
  padding-bottom: 0px;
}
.choices[data-type*=select-one]:after {
  content: "\e917";
  font-family: icomoon;
  height: auto;
  width: auto;
  border: 0px;
  right: 20px;
  font-size: 12px;
  line-height: 1;
  margin-top: -6px;
  color: #fff;
  transition: transform 0.2s;
}
.choices[data-type*=select-one].is-open:after {
  margin-top: -6px;
  transform: scale(1, -1);
  color: #fd4b03;
}
.choices .payIcon {
  position: absolute;
  top: calc(50% - 15px);
  transition: filter 0.2s;
}
.choices .choices__item {
  display: flex;
  align-items: center;
  color: #fff;
  padding: 15px 47px 15px 17px;
}

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

.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: #434343;
  border: 0px;
  padding: 14px 0px 14px 10px;
  margin-top: 7px;
  border-radius: 6px;
  z-index: 11;
  width: auto;
  min-width: 100%;
}
.choices__list--dropdown .sum,
.choices__list[aria-expanded] .sum {
  color: #fff;
  display: block;
  font-size: 12px;
  line-height: 1;
  transition: color 0.25s;
}
.choices__list--dropdown .choices__item,
.choices__list[aria-expanded] .choices__item {
  padding: 9px 10px;
  font-size: 16px;
  line-height: 20px;
  cursor: pointer;
  box-shadow: inset 0px 0px 0px 2px transparent;
  transition: color 0.2s, box-shadow 0.2s;
  white-space: nowrap;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: min-content;
}
.choices__list--dropdown .choices__item .payIcon,
.choices__list[aria-expanded] .choices__item .payIcon {
  left: 10px;
}
@media (hover: hover) and (pointer: fine) {
  .choices__list--dropdown .choices__item:hover,
  .choices__list[aria-expanded] .choices__item:hover {
    color: #fff;
    box-shadow: inset 0px 0px 0px 2px #fd4b03;
  }
  .choices__list--dropdown .choices__item:hover .sum,
  .choices__list[aria-expanded] .choices__item:hover .sum {
    color: #fd4b03;
  }
}
.choices__list--dropdown .choices__item.is-selected,
.choices__list[aria-expanded] .choices__item.is-selected {
  color: #fd4b03;
}
.choices__list--dropdown .choices__item.is-selected .payIcon,
.choices__list[aria-expanded] .choices__item.is-selected .payIcon {
  filter: brightness(0) saturate(100%) invert(33%) sepia(88%) saturate(3370%) hue-rotate(4deg) brightness(102%) contrast(100%);
}
.choices__list--dropdown .choices__item.is-selected .sum,
.choices__list[aria-expanded] .choices__item.is-selected .sum {
  color: #fd4b03;
}
@media (hover: hover) and (pointer: fine) {
  .choices__list--dropdown .choices__item.is-selected:hover,
  .choices__list[aria-expanded] .choices__item.is-selected:hover {
    box-shadow: inset 0px 0px 0px 2px transparent;
  }
}
.choices__list--dropdown .choices__list,
.choices__list[aria-expanded] .choices__list {
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #fd4b03 transparent;
  padding-right: 16px;
}
.choices__list--dropdown .choices__list::-webkit-scrollbar,
.choices__list[aria-expanded] .choices__list::-webkit-scrollbar {
  width: 1px;
  background-color: transparent;
}
.choices__list--dropdown .choices__list::-webkit-scrollbar-thumb,
.choices__list[aria-expanded] .choices__list::-webkit-scrollbar-thumb {
  background-color: #fd4b03;
  border-radius: 0px;
  box-shadow: inset 0px 0px 0px transparent;
}
.choices__list--dropdown .choices__list::-webkit-scrollbar-thumb:hover,
.choices__list[aria-expanded] .choices__list::-webkit-scrollbar-thumb:hover {
  background-color: #fd4b03;
}
.choices__list--dropdown .choices__list::-webkit-scrollbar-button,
.choices__list[aria-expanded] .choices__list::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.choices__list--dropdown .choices__list::-webkit-scrollbar-button:single-button,
.choices__list[aria-expanded] .choices__list::-webkit-scrollbar-button:single-button {
  display: none;
}
.choices__list--dropdown .choices__list::-webkit-scrollbar-button:start,
.choices__list[aria-expanded] .choices__list::-webkit-scrollbar-button:start {
  display: none;
}
.choices__list--dropdown .choices__list::-webkit-scrollbar-button:end,
.choices__list[aria-expanded] .choices__list::-webkit-scrollbar-button:end {
  display: none;
}

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

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

.paymentSelect {
  min-width: 149px;
}
.paymentSelect .choices .choices__item {
  color: #939393;
  padding-left: 59px;
}
.paymentSelect .payIcon {
  filter: brightness(0) invert(1);
}
.paymentSelect .choices__list--dropdown .choices__item,
.paymentSelect .choices__list[aria-expanded] .choices__item {
  padding-left: 49px;
}

.swiper-button-disabled {
  opacity: 0.33;
}

.swiper-horizontal .swiper-button-next,
.swiper-horizontal .swiper-button-prev {
  margin-top: 0px;
  top: calc(50% - 25px);
}
.swiper-horizontal .swiper-button-prev {
  left: 50px;
}
.swiper-horizontal .swiper-button-next {
  right: 50px;
}

.swiper-button-next,
.swiper-button-prev {
  height: 50px;
  color: #fff;
  width: 50px;
  min-width: 50px;
  margin-top: 0px;
  opacity: 1;
  z-index: 2;
  transition: color 0.05s ease-in-out, opacity 0.25s ease-in-out;
}
.swiper-button-next:before,
.swiper-button-prev:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  left: 0;
  top: 0;
  filter: brightness(1) invert(0);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52 52' fill='none'%3E%3Cpath fill='%23939393' d='M52 0V36.4141L36.4141 52H0V0H52ZM2 50H35.5859L50 35.5859V2H2V50Z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: filter 1s;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  content: "\e914";
  font-family: icomoon;
  font-size: 8px;
  line-height: 1;
  display: block;
  position: absolute;
  right: -10px;
  top: -10px;
  color: #939393;
  pointer-events: none;
}
.swiper-button-next svg,
.swiper-button-prev svg {
  display: none;
}
@media (hover: hover) and (pointer: fine) {
  .swiper-button-next:hover,
  .swiper-button-prev:hover {
    color: #fd4b03;
  }
  .swiper-button-next:hover:before,
  .swiper-button-prev:hover:before {
    filter: brightness(0) saturate(100%) invert(33%) sepia(88%) saturate(3370%) hue-rotate(4deg) brightness(102%) contrast(100%);
  }
  .swiper-button-next:hover:after,
  .swiper-button-prev:hover:after {
    color: #fff;
  }
}

.swiper-pagination-bullet {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 18px;
  line-height: 24px;
  color: #fff;
  transition: color 0.2s;
  text-transform: uppercase;
  background: none;
  min-width: 50px;
  width: 50px;
  height: 50px;
  border: 2px solid #939393;
  border-radius: 0px;
  border-bottom-left-radius: 6px;
  opacity: 1;
  position: relative;
  font-family: "Befrak", "sans-serif";
}
.swiper-pagination-bullet:hover {
  color: #fd4b03;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin-left: 11px;
  margin-right: 11px;
}

.swiper-pagination-bullet-active {
  background: none;
  color: #fd4b03;
}

.swiper-pagination-bullets.swiper-pagination-horizontal {
  position: relative;
  bottom: auto;
  left: auto;
  top: auto;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: auto;
  transform: translateX(0%);
}

.datepicker-dropdown {
  overflow: hidden;
  min-width: 100%;
  box-shadow: 0px 0px 0px transparent;
  padding-top: 7px;
}
.datepicker-dropdown .datepicker-picker {
  box-shadow: none;
  background-color: #434343;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid #2c2c2c;
}
.datepicker-dropdown span {
  border-radius: 0px;
  cursor: inherit;
}
.datepicker-dropdown .dow {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: normal;
}

.datepicker-view {
  width: 100%;
  min-width: 270px;
}

.datepicker-controls .button {
  font-weight: normal;
  border-radius: 0px;
  padding: 0;
  height: 40px;
  min-width: 40px;
  color: #fff;
  text-transform: uppercase;
  background-color: transparent;
}
.datepicker-controls .next-button,
.datepicker-controls .prev-button {
  font-weight: normal;
  transform-origin: center;
  font-size: 18px;
}

.datepicker-header {
  background-color: transparent;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  padding-left: 5px;
  padding-right: 5px;
}
.datepicker-header .datepicker-controls {
  padding: 0px;
  border-bottom: none;
}
.datepicker-header .datepicker-controls .view-switch {
  font-size: 16px;
  margin-left: 5px;
  margin-right: 5px;
}
.datepicker-header .datepicker-controls .button {
  font-weight: normal;
  transition: color 0.25s, background-color 0.25s;
}
.datepicker-header .datepicker-controls .button:not([disabled]):hover {
  background-color: transparent;
  color: #fd4b03;
}

.datepicker-cell {
  font-size: 14px;
  height: 32px;
  border-radius: 0px;
  color: #fff;
  box-shadow: inset 0px 0px 0px 2px transparent;
  transition: color 0.25s, background-color 0.25s, box-shadow 0.25s;
}
.datepicker-cell:not(.disabled):hover {
  background-color: transparent;
  color: #fff;
  box-shadow: inset 0px 0px 0px 2px #fd4b03;
}
.datepicker-cell.range {
  background-color: transparent;
  color: #fd4b03;
  border-radius: 0px;
  font-weight: normal;
}
.datepicker-cell.range:not(.disabled):not(.focused):not(.today):hover {
  background-color: transparent;
  color: #fd4b03;
  box-shadow: inset 0px 0px 0px 2px transparent;
}
.datepicker-cell.selected, .datepicker-cell.selected:hover {
  background-color: transparent;
  color: #fd4b03;
  font-weight: normal;
  box-shadow: inset 0px 0px 0px 2px transparent;
}
.datepicker-cell.next:not(.disabled), .datepicker-cell.prev:not(.disabled) {
  color: #939393;
  opacity: 1;
}
.datepicker-cell.next:not(.disabled).selected, .datepicker-cell.prev:not(.disabled).selected {
  background-color: transparent;
  color: #fd4b03;
}
.datepicker-cell.next:not(.disabled).range, .datepicker-cell.prev:not(.disabled).range {
  background-color: transparent;
  color: #fd4b03;
}
.datepicker-cell.next:not(.disabled):hover, .datepicker-cell.prev:not(.disabled):hover {
  background-color: transparent;
  color: #fff;
}
.datepicker-cell.focused:not(.selected) {
  background-color: transparent;
  color: #fff;
}
.datepicker-cell.disabled {
  opacity: 0.5;
  color: #939393;
}
.datepicker-cell.range-end:not(.selected), .datepicker-cell.range-start:not(.selected) {
  background-color: transparent;
  color: #fd4b03;
  font-weight: normal;
}
.datepicker-cell.range-end:not(.selected):hover, .datepicker-cell.range-start:not(.selected):hover {
  color: #fd4b03;
  box-shadow: inset 0px 0px 0px 2px transparent;
}
.datepicker-cell.range-end.focused:not(.selected), .datepicker-cell.range-start.focused:not(.selected) {
  background-color: transparent;
}
.datepicker-cell.range-start:not(.range-end) {
  border-radius: 0px;
}
.datepicker-cell.range-end:not(.range-start) {
  border-radius: 0px;
}

.datepicker-main {
  padding: 0px 2px 2px;
}

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

.iti {
  width: 100%;
  display: flex;
  column-gap: 2px;
}

.iti__country-container {
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  padding: var(--iti-border-width);
  background-color: #434343;
  border-radius: 6px;
}

.iti input.iti__tel-input[type=tel] {
  padding-left: 17px !important;
}

.iti__selected-country-primary {
  padding: 0px 10px 0px 0px;
}
.iti__selected-country-primary:hover {
  background-color: transparent !important;
}

.iti .iti__selected-dial-code {
  margin-left: 0px;
}

.iti__selected-country {
  padding: 0 17px;
  min-width: 140px;
  font-size: 16px;
  color: #fff;
  line-height: 24px;
}
.iti__selected-country:after {
  content: "\e917";
  display: block;
  font-family: icomoon;
  font-size: 12px;
  line-height: 1;
  margin-left: auto;
  padding-left: 8px;
  transition: transform 0.2s;
}
.iti__selected-country[aria-expanded=true]:after {
  transform: scale(1, -1);
}

.iti__flag {
  width: 30px;
  height: 30px;
  min-width: 30px;
  border-radius: 50%;
  box-shadow: 0px 0px 0px 0px transparent;
  border: 0px solid #b5b5b5;
  background-image: var(--iti-path-flags-2x);
  background-size: calc(var(--iti-flag-sprite-width) * 2) 30px;
  background-position: calc(var(--iti-flag-offset) * 2 - 1px) 0;
}

.iti__arrow {
  display: none;
  margin-left: 0px;
  position: absolute;
  right: 5px;
  border-left: 0px;
  border-right: 0px;
  border-top: 0px;
  width: 12px;
  height: 12px;
  top: calc(50% - 6px);
}

.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover,
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary {
  background-color: transparent;
}

.iti__arrow--up {
  border-bottom: 0px;
}

.iti--inline-dropdown .iti__dropdown-content {
  box-shadow: none;
  border-radius: 6px;
  background-color: #434343;
  border: 0px;
  padding: 14px 10px;
  overflow: hidden;
  bottom: 100%;
  margin-top: 0px;
  margin-bottom: 6px;
  max-width: 338px;
}

.iti__country.iti__highlight {
  background-color: transparent;
}

.iti--inline-dropdown .iti__country-list {
  margin-top: 14px;
  padding-bottom: 0px;
  width: calc(100% + 10px);
  padding-right: 10px;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #fd4b03 transparent;
}
.iti--inline-dropdown .iti__country-list::-webkit-scrollbar {
  width: 1px;
  background-color: transparent;
}
.iti--inline-dropdown .iti__country-list::-webkit-scrollbar-thumb {
  background-color: #fd4b03;
  border-radius: 0px;
  box-shadow: inset 0px 0px 0px transparent;
}
.iti--inline-dropdown .iti__country-list::-webkit-scrollbar-thumb:hover {
  background-color: #fd4b03;
}
.iti--inline-dropdown .iti__country-list::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.iti--inline-dropdown .iti__country-list::-webkit-scrollbar-button:single-button {
  display: none;
}
.iti--inline-dropdown .iti__country-list::-webkit-scrollbar-button:start {
  display: none;
}
.iti--inline-dropdown .iti__country-list::-webkit-scrollbar-button:end {
  display: none;
}

.inputContainer .iti__search-input {
  font-size: 14px;
  line-height: 20px;
  padding: 12px 14px;
  height: 44px;
  box-shadow: inset 0px 0px 0px 1px #939393;
}

.iti__search-icon {
  display: none;
}

.iti__country {
  padding: 9px 10px;
  color: #fff;
  font-size: 14px;
  line-height: 24px;
  box-shadow: inset 0px 0px 0px 2px transparent;
  transition: color 0.2s, box-shadow 0.2s;
}
.iti__country:hover {
  color: #fd4b03;
  box-shadow: inset 0px 0px 0px 2px #fd4b03;
}

.iti__dial-code {
  color: #939393;
}

.iti__country-list .iti__flag,
.iti__country-name {
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.burger {
  display: none;
  min-width: 64px;
  width: 64px;
  height: calc(100% - 3px);
  cursor: pointer;
  background-color: #000;
  border-radius: 6px;
  position: absolute;
  right: 0;
  top: 1px;
}
.burger > * {
  display: block;
  position: absolute;
  border-top: 3px solid #fff;
  width: 32px;
  top: 50%;
  left: 50%;
  margin-left: -16px;
  transform-origin: center;
  transition: transform 0.1s 0s, margin-top 0.25s 0.1s;
}
.burger > *:first-child {
  margin-top: -11px;
}
.burger > *:nth-child(2) {
  transition: opacity 0.25s;
  margin-top: -1px;
}
.burger > *:nth-child(3) {
  margin-top: 9px;
}
.burger.active > * {
  transition: transform 0.2s 0.1s ease-in-out, margin-top 0.1s 0s ease-in-out;
}
.burger.active > *:first-child {
  transform: rotate(-45deg);
  margin-top: -1px;
}
.burger.active > *:nth-child(2) {
  transition: opacity 0.1s 0.1s ease-in-out;
  opacity: 0;
}
.burger.active > *:nth-child(3) {
  transform: rotate(45deg);
  margin-top: -1px;
}

.socIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #fff;
  min-width: 34px;
  height: 34px;
  position: relative;
  transition: color 0.25s ease-in-out;
}
.socIcon:after {
  content: "\e913";
  font-family: icomoon;
  font-size: 34px;
  line-height: 1;
  display: block;
  position: absolute;
  left: 50%;
  top: calc(50% - 17px);
  transform: translateX(-50%);
  color: #373737;
  transition: color 0.25s ease-in-out;
}

.menuContainer .langContainer {
  display: none;
}

.langContainer {
  position: relative;
  z-index: 3;
}
.langContainer.above .langMenu {
  top: auto;
  bottom: calc(100% + 7px);
}

.langMenu {
  position: absolute;
  min-width: 100%;
  top: calc(100% + 7px);
  max-height: 316px;
  overflow: hidden;
  overflow-y: auto;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #fff #434343;
  border-radius: 6px;
  background-color: #434343;
  transform: scale(0);
  right: 0;
  pointer-events: none;
  touch-action: none;
  transition: transform 0s 0s, opacity 0s 0s;
}
.langMenu::-webkit-scrollbar {
  width: 1px;
  background-color: #434343;
}
.langMenu::-webkit-scrollbar-thumb {
  background-color: #fff;
  border-radius: 0px;
  box-shadow: inset 0px 0px 0px #434343;
}
.langMenu::-webkit-scrollbar-thumb:hover {
  background-color: #fff;
}
.langMenu::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.langMenu::-webkit-scrollbar-button:single-button {
  display: none;
}
.langMenu::-webkit-scrollbar-button:start {
  display: none;
}
.langMenu::-webkit-scrollbar-button:end {
  display: none;
}
.langMenu ul {
  padding: 14px 10px;
}
.langMenu li + li {
  margin-top: 8px;
}
.langMenu .langBtn {
  padding: 0px 8px;
  min-width: 70px;
  min-height: 40px;
  border: 2px solid transparent;
  transition: border-color 0.2s, color 0.2s;
}
@media (hover: hover) and (pointer: fine) {
  .langMenu .langBtn:hover {
    border-color: #fd4b03;
  }
}
.langMenu .langBtn.active {
  color: #fd4b03;
}
.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;
  justify-content: center;
  position: relative;
  font-size: 16px;
  line-height: 24px;
  padding: 0px 8px;
  color: #939393;
  text-transform: uppercase;
  transition: background-color 0.2s, color 0.2s;
}

.langHead {
  font-size: 14px;
  line-height: 18px;
  color: #fff;
  padding: 5px 0px;
  border-top: 3px solid #373737;
  border-bottom: 3px solid #373737;
}
.langHead:before, .langHead:after {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 3px;
  background-color: #373737;
}
.langHead:before {
  right: 2px;
  top: -1px;
  transform: rotate(-135deg);
  transform-origin: right top;
}
.langHead:after {
  left: 2px;
  bottom: -1px;
  transform: rotate(-135deg);
  transform-origin: left bottom;
}
.langHead .icon {
  font-size: 10px;
  margin-left: 5px;
  transition: transform 0.2s, color 0.2s;
}
@media (hover: hover) and (pointer: fine) {
  .langHead:hover .icon {
    color: #fd4b03;
  }
}
.langHead.active .icon {
  transform: scale(1, -1);
  color: #fd4b03;
}

@media (hover: hover) and (pointer: fine) {
  .fileLink a:hover .socIcon {
    color: #fd4b03;
  }
  .fileLink a:hover .socIcon:after {
    color: #fff;
  }
}

.socialsList {
  display: flex;
  margin: 0px -12px;
}
.socialsList .socIcon {
  padding-left: 2px;
}
.socialsList li {
  padding: 0px 12px;
}
@media (hover: hover) and (pointer: fine) {
  .socialsList a:hover .socIcon {
    color: #fd4b03;
  }
  .socialsList a:hover .socIcon:after {
    color: #fff;
  }
}

.headerInner {
  display: grid;
  min-height: 84px;
  grid-template-columns: 204px repeat(2, 1fr);
}

.siteHeader,
.cabHeader {
  padding-top: 2px;
  padding-bottom: 2px;
}
.siteHeader .logoLink,
.cabHeader .logoLink {
  width: 147px;
}
.siteHeader .menuList,
.cabHeader .menuList {
  display: flex;
  margin-left: -15px;
  margin-right: -15px;
}
.siteHeader .menuList li,
.cabHeader .menuList li {
  padding-left: 15px;
  padding-right: 15px;
}

.siteHeader {
  padding-top: 2px;
  padding-bottom: 2px;
  position: relative;
  touch-action: auto;
  pointer-events: all;
  scroll-behavior: auto;
  overscroll-behavior: auto;
}
.siteHeader .logoLink {
  width: 147px;
}
.siteHeader .langContainer {
  margin-right: 24px;
}
.siteHeader .logoContainer {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  top: 2px;
  left: 0px;
  height: calc(100% - 4px);
}
.siteHeader .menuList {
  display: flex;
  margin-left: -12px;
  margin-right: -12px;
}
.siteHeader .menuList li {
  padding-left: 12px;
  padding-right: 12px;
}
.siteHeader .layoutItem {
  display: flex;
  align-items: center;
  background-color: #000;
}
.siteHeader .mainItem {
  justify-content: space-between;
}

.headerRight {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 22px;
  width: 100%;
}

.menuList .hidden {
  display: none;
}
.menuList a {
  display: block;
  font-size: 14px;
  line-height: 28px;
  letter-spacing: 0.025em;
  color: #dbddde;
  text-transform: uppercase;
  position: relative;
  white-space: nowrap;
  padding-right: 10px;
  transition: color 0.25s ease-in-out;
}
.menuList a:after {
  content: "\e914";
  font-family: icomoon;
  font-size: 8px;
  line-height: 1;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  color: #373737;
  transition: color 0.25s ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
  .menuList a:hover {
    color: #fd4b03;
  }
  .menuList a:hover:after {
    color: #fff;
  }
}
.menuList a.active {
  color: #fd4b03;
}
.menuList a.active:after {
  color: inherit;
}

.layoutGrid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.layoutGrid:not(.layoutItem) {
  margin: -1px;
}
.layoutGrid + .layoutGrid {
  padding-top: 1px;
}

.rows-2 {
  grid-template-rows: repeat(2, 1fr);
}

.half-h {
  grid-column: span 2;
}

.full-h {
  grid-column: span 4;
}

.full-v {
  grid-row: span 2;
}

.item-3-h {
  grid-column: span 3;
}

.itemContainer {
  padding-left: 50px;
  padding-right: 50px;
  border-radius: 6px;
}

.layoutItem {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  min-width: 0px;
}
.layoutItem:not(.layoutGrid) {
  box-shadow: inset 0px 0px 0px 1px #373737;
  padding-left: 50px;
  padding-right: 50px;
  border-radius: 6px;
}
.layoutItem:not(.layoutGrid):before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27 fill=%27none%27%3E%3Cpath d=%27M6 0C6 3.31371 8.68629 6 12 6C8.68629 6 6 8.68629 6 12C6 8.68629 3.31371 6 0 6C3.31371 6 6 3.31371 6 0Z%27 fill=%27%23373737%27/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27 fill=%27none%27%3E%3Cpath d=%27M6 0C6 3.31371 8.68629 6 12 6C8.68629 6 6 8.68629 6 12C6 8.68629 3.31371 6 0 6C3.31371 6 6 3.31371 6 0Z%27 fill=%27%23373737%27/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27 fill=%27none%27%3E%3Cpath d=%27M6 0C6 3.31371 8.68629 6 12 6C8.68629 6 6 8.68629 6 12C6 8.68629 3.31371 6 0 6C3.31371 6 6 3.31371 6 0Z%27 fill=%27%23373737%27/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27 fill=%27none%27%3E%3Cpath d=%27M6 0C6 3.31371 8.68629 6 12 6C8.68629 6 6 8.68629 6 12C6 8.68629 3.31371 6 0 6C3.31371 6 6 3.31371 6 0Z%27 fill=%27%23373737%27/%3E%3C/svg%3E");
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: -7px -7px, -7px calc(100% + 7px), calc(100% + 7px) -7px, calc(100% + 7px) calc(100% + 7px);
  pointer-events: none;
  z-index: 1;
}
.layoutItem.greyCard {
  background-color: #2c2c2c;
}
.layoutItem.dark {
  background-color: #000;
}

.hero .contentItem {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-top: 36px;
  padding-bottom: 36px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../img/hero-inner.jpg);
}
.hero .bonusItem {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.hero .bonusItem video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  z-index: -1;
}
.hero .sectionBack {
  width: 200%;
  height: calc(100% - 2px);
  position: absolute;
  right: 1px;
  border-radius: 6px;
  top: 1px;
  z-index: -1;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.hero .rightGraffiti {
  background-image: url(../img/graffiti-single.svg), url(../img/graffiti-single.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 40px) calc(100% + 95px), calc(100% - 124px) calc(100% + 45px);
  background-size: 80px auto;
}
.hero .leftGraffiti {
  background-image: url(../img/graffiti-single.svg), url(../img/graffiti-single.svg);
  background-repeat: no-repeat;
  background-position: 50px calc(100% + 127px), 134px calc(100% + 182px);
  background-size: 80px auto;
}

.bulletText {
  font-size: 18px;
  line-height: 32px;
  letter-spacing: 0.05em;
  margin-top: 26px;
}

.heroBonus {
  text-align: center;
  background-color: rgba(40, 40, 40, 0.9);
  padding: 44px 22px;
  border-radius: 6px;
  position: relative;
  width: min-content;
  min-width: calc(100% - 70px);
}
.heroBonus .value {
  display: block;
  font-size: 30px;
  line-height: 1;
  letter-spacing: 0.05em;
  color: #fd4b03;
}
.heroBonus .value + .bulletTitle {
  margin-top: 32px;
}
.heroBonus .bulletTitle {
  display: block;
  color: #fff;
  text-transform: uppercase;
}
.heroBonus .description {
  color: #939393;
  font-size: 14px;
  line-height: 25px;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  margin-top: 8px;
}
.heroBonus .accent {
  color: #fff;
}
.heroBonus .bonusImage {
  position: absolute;
  height: 172px;
  top: -124px;
  left: 50%;
  transform: translateX(-50%);
}
.heroBonus.bonus {
  padding-top: 60px;
}

.homeWrapper .hero .contentItem {
  background-color: rgba(0, 0, 0, 0.8);
  background-image: none;
}
.homeWrapper .hero .contentItem:after {
  content: "";
  display: block;
  position: absolute;
  width: 200px;
  height: calc(100% + 70px - 2px);
  left: -202px;
  top: 2px;
  border-radius: 6px;
  background-image: url("../img/back-dark-left.jpg");
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}

.heroInner {
  position: relative;
}
.heroInner .heroVisual {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transform: scale(0.5);
  transform-origin: right bottom;
  transition: transform 0.5s ease-in-out 0.5s;
}
.heroInner .heroVisual video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.heroInner .heroVisual.in-view {
  transform: scale(1);
}
.heroInner .visualName {
  font-size: 72px;
  line-height: 80px;
  letter-spacing: -0.025em;
  font-family: "Befrak", "sans-serif";
}
.heroInner .visualName > * {
  position: absolute;
  z-index: 2;
  top: 50%;
  opacity: 0;
  transition: opacity 2s ease-in-out, right 2s ease-in-out, left 2s ease-in-out;
}
.heroInner .visualName > *:first-child {
  right: 50%;
}
.heroInner .visualName > *:nth-child(2) {
  left: 50%;
}
.heroInner .visualName.in-view > * {
  opacity: 1;
}
.heroInner .visualName.in-view > *:first-child {
  right: calc(100% - 110px);
}
.heroInner .visualName.in-view > *:nth-child(2) {
  left: calc(100% - 268px);
}
.heroInner .layoutItem {
  min-height: 420px;
}
.heroInner .layoutItem:nth-child(5) {
  background-color: rgba(55, 55, 55, 0.4);
}
.heroInner .layoutItem:nth-child(6) {
  background-image: url(../img/graffiti-single.svg), url(../img/graffiti-single.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 14px) calc(100% + 155px), calc(100% - 98px) calc(100% + 105px);
  background-size: 80px auto;
}

.heroTitle {
  display: block;
  font-size: 58px;
  line-height: 1;
  font-weight: normal;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #fff;
}
.heroTitle:not(:first-child) {
  margin-top: 32px;
}

.heroRate {
  position: absolute;
  width: 200px;
  height: 100%;
  left: -202px;
  border-radius: 6px;
  background-color: #000;
  padding: 15px;
  display: flex;
  align-items: center;
}

.payIcon img {
  height: 30px;
}

.rateCard {
  position: relative;
}
.rateCard:before, .rateCard:after {
  content: "";
  display: block;
  position: absolute;
}
.rateCard:before {
  width: 74px;
  height: 4px;
  background-color: #282828;
  clip-path: polygon(0px 0px, 100% 0px, calc(100% - 5px) 100%, 5px 100%);
  top: 0;
  left: calc(50% - 37px);
}
.rateCard:after {
  content: "";
  width: 12px;
  height: 12px;
  border-left: 6px solid #282828;
  border-bottom: 6px solid #282828;
  border-right: 6px solid transparent;
  border-top: 6px solid transparent;
  position: absolute;
  left: 0;
  bottom: 0;
}
.rateCard .inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 38px;
  padding: 8px 6px 6px 44px;
  width: 100%;
  background-color: #282828;
  border: 1px solid #434343;
  min-height: 61px;
  border-top-right-radius: 6px;
  clip-path: polygon(0px 0px, calc(50% - 43px) 0px, calc(50% - 43px + 8px) 6px, calc(50% + 43px - 8px) 6px, calc(50% + 43px) 0px, 100% 0px, 100% 100%, 15px 100%, 0px calc(100% - 15px), 0px 100%);
}
.rateCard .inner:before, .rateCard .inner:after {
  content: "";
  display: block;
  position: absolute;
}
.rateCard .inner:before {
  width: 88px;
  height: 7px;
  background-color: #434343;
  clip-path: polygon(0px 0px, 100% 0px, calc(100% - 8px) 100%, 8px 100%);
  top: 0;
  left: calc(50% - 44px);
}
.rateCard .inner:after {
  content: "";
  width: 16px;
  height: 16px;
  border-left: 8px solid #434343;
  border-bottom: 8px solid #434343;
  border-right: 8px solid transparent;
  border-top: 8px solid transparent;
  position: absolute;
  left: 0;
  bottom: 0;
}
.rateCard .payIcon {
  position: absolute;
  left: 6px;
  top: calc(50% - 15px);
  z-index: 1;
}
.rateCard .head {
  display: flex;
  justify-content: space-between;
}
.rateCard .name {
  padding-right: 8px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.rateCard .value {
  font-size: 14px;
  line-height: 22px;
  color: #fff;
  letter-spacing: 0.05em;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rateCard .progress {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.05em;
}
.rateCard .progress.down {
  color: #d72302;
}
.rateCard .progress.up {
  color: #1deb52;
}

.rateSlider {
  height: 349px;
  padding-top: 72px;
  padding-bottom: 72px;
}
.rateSlider .swiper-slide:not(.swiper-slide-visible) {
  opacity: 0.4;
}

.addGrid .layoutItem {
  display: flex;
  align-items: center;
  min-height: 70px;
}
.addGrid:not(:first-child) {
  padding-top: 1px;
}

.addGrid .datetimeContainer {
  margin-left: auto;
}

.datetimeContainer {
  position: relative;
  padding-right: 50px;
  min-height: 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  text-align: right;
}
.datetimeContainer:after {
  content: "\e915";
  font-family: icomoon;
  display: block;
  position: absolute;
  font-size: 32px;
  line-height: 1;
  top: calc(50% - 16px);
  right: 0;
  padding-top: 2px;
}
.datetimeContainer .date {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.05em;
  white-space: nowrap;
}
.datetimeContainer .time {
  font-family: "Befrak", "sans-serif";
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.05em;
  padding-top: 2px;
}

.heroAdd .mainItem {
  padding-left: 30px;
  padding-right: 30px;
  flex-direction: column;
  justify-content: center;
}

.heroPartnersLine {
  display: flex;
  width: 100%;
  margin-left: -15px;
  margin-right: -15px;
  width: calc(100% + 30px);
  max-width: 856px;
}
.heroPartnersLine:nth-child(2n) {
  justify-content: flex-end;
}

.heroPartnersList {
  display: flex;
  justify-content: space-between;
  width: calc(100% - 64px);
}
.heroPartnersList img {
  height: 25px;
}
.heroPartnersList li {
  padding: 2px 15px;
}

.sectionTitle {
  display: flex;
  align-items: center;
  font-weight: normal;
  font-size: 40px;
  line-height: 45px;
  color: #fd4b03;
  min-height: 75px;
  padding-left: 70px;
  letter-spacing: 0.025em;
  background-image: url(../img/decor-title.png);
  background-repeat: no-repeat;
  background-position: left top;
  margin-bottom: 20px;
}
.sectionTitle .titleInner {
  font-size: inherit;
  font-weight: normal;
}
.sectionTitle .titleInner > * {
  color: #fff;
}

.cardCount {
  display: block;
  font-size: 48px;
  line-height: 1;
  font-family: "Befrak", "sans-serif";
}

.cardCaption {
  display: block;
  font-size: 18px;
}

.countCard {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  color: #fff;
  min-height: 418px;
  padding-top: 46px;
  padding-bottom: 46px;
  position: relative;
}
.countCard.top-right {
  justify-content: flex-start;
  align-items: flex-end;
  text-align: right;
}
.countCard.top-left {
  justify-content: flex-start;
}

.padSection {
  padding-top: 120px;
}

.managementSection .textCard {
  padding-top: 26px;
}
.managementSection .countCard:first-child {
  z-index: 1;
}
.managementSection .countCard:first-child .cardInner:before {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background-color: rgba(0, 0, 0, 0.5);
  pointer-events: none;
  top: 1px;
  left: 1px;
  z-index: -1;
}
.managementSection .countCard:nth-child(3) {
  background-image: url(../img/graffiti-single.svg), url(../img/graffiti-single.svg);
  background-repeat: no-repeat;
  background-position: 75px calc(100% + 75px), 157px calc(100% + 118px);
  background-size: 80px auto;
}
.managementSection .btnCard {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  grid-column-start: 4;
  grid-row-start: 1;
}
.managementSection .introCard {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.managementSection .imageItem .layoutItem:first-child {
  background-color: rgba(55, 55, 55, 0.5);
}

.aboutSection .container {
  position: relative;
}
.aboutSection .leftVisual {
  position: absolute;
  width: 200px;
  left: 0px;
  top: calc((100% - 69px) / 2);
  border-radius: 6px;
  background-image: url("../img/back-dark-left.jpg");
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}
.aboutSection .sectionHead {
  grid-template-rows: auto 1fr;
  background-color: #373737;
  min-height: 417px;
}
.aboutSection .sectionHead .layoutItem {
  min-height: 0px;
}
.aboutSection .textCard {
  min-height: 417px;
  padding-bottom: 26px;
  display: flex;
  flex-direction: column;
}
.aboutSection .textCard .btnContainer {
  margin-top: auto;
  padding-top: 30px;
}
.aboutSection .layoutGrid {
  position: relative;
}
.aboutSection .sectionBack {
  position: absolute;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}
.aboutSection.type-1 .sectionHead + .layoutItem, .aboutSection.type-2 .sectionHead + .layoutItem {
  background-color: #000;
  padding-top: 95px;
  padding-bottom: 46px;
}
.aboutSection.type-1 .textCard, .aboutSection.type-2 .textCard {
  padding-bottom: 52px;
}
.aboutSection.type-1 .sectionBack {
  bottom: 0;
  right: 0;
  width: 300%;
  height: 200%;
}
.aboutSection.type-1 .sectionBack.mobImage {
  display: none;
}
.aboutSection.type-1 .backItem {
  background-image: url(../img/graffiti-single.svg), url(../img/graffiti-single.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 14px) calc(100% + 98px), calc(100% - 98px) calc(100% + 48px);
  background-size: 80px auto;
}
.aboutSection.type-1 .leftVisual {
  height: calc((100% - 69px) / 2 - 2px + 69px + 120px + 418px);
}
.aboutSection.type-2 .rows-2 .mainItem:not(.sectionHead) {
  padding-top: 45px;
  padding-bottom: 45px;
}
.aboutSection.type-2 .textCard:last-child {
  padding-top: 45px;
  padding-bottom: 45px;
  justify-content: center;
}
.aboutSection.type-2 .leftVisual {
  height: calc((100% - 69px) / 2 - 2px + 69px + 120px + 518px);
}
.aboutSection.type-3 .sectionBack {
  width: 100%;
  height: 200%;
  left: 0;
  top: 0;
}
.aboutSection.type-3 .backItem:after {
  content: "";
  display: block;
  position: absolute;
  width: calc(50% - 1px);
  height: calc(100% - 1px);
  top: 0px;
  left: 0px;
  background-color: rgba(55, 55, 55, 0.6);
  border-radius: 6px;
  z-index: -1;
}
.aboutSection.type-3 .textCard:not(.sectionHead) {
  background-color: #373737;
  padding-top: 45px;
}
.aboutSection.type-3 .textCard ul {
  columns: 2;
  column-gap: 100px;
}
.aboutSection.type-3 .textCard ul li {
  break-inside: avoid;
}
.aboutSection.type-3 .textCard ul li + li {
  margin-top: 20px;
}
.aboutSection.type-3 .textTitle {
  margin-bottom: 28px;
}
.aboutSection.type-3 .leftVisual {
  height: calc(50% + 120px + 418px + 95px - 3px);
  top: 50%;
}

.cabIcon,
.themeIcon {
  box-shadow: inset 0px 0px 0px 2px #939393;
  border-bottom-left-radius: 5px;
  color: #939393;
}
.cabIcon.accent,
.themeIcon.accent {
  box-shadow: inset 0px 0px 0px 2px #fd4b03;
  color: #fd4b03;
}

.themeIcon {
  font-size: 33px;
}

.cabIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  width: 37px;
  min-width: 37px;
  height: 37px;
  padding-left: 1px;
  position: relative;
  transition: color 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
}
.cabIcon:after {
  content: "\e914";
  font-size: 8px;
  line-height: 1;
  display: block;
  position: absolute;
  font-family: icomoon;
  right: -10px;
  top: -10px;
  color: #939393;
  transition: color 0.25s ease-in-out;
  pointer-events: none;
}
.cabIcon.fill {
  background-color: #242424;
  box-shadow: none;
}
.cabIcon.fill:after {
  display: none;
}

.itemLabel {
  color: #939393;
}

.formItem .itemLabel {
  display: block;
  margin-bottom: 5px;
  padding-left: 16px;
}

.iconTextItem {
  display: flex;
  align-items: center;
  color: #fff;
}
.iconTextItem .themeIcon {
  margin-right: 20px;
}

.calcSection .mobTitle {
  display: none;
}
.calcSection .formNote {
  padding-left: 16px;
}
.calcSection .formNote > * {
  display: inline;
}
.calcSection .layoutItem:not(.full-v) {
  padding-bottom: 50px;
  padding-top: 46px;
}
.calcSection .sectionHead {
  background-image: url(../img/graffiti-single.svg), url(../img/graffiti-single.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 14px) -120px, calc(100% - 98px) -167px;
  background-size: 80px auto;
}

.calcResultLine {
  display: flex;
  align-items: flex-end;
  width: 100%;
}
.calcResultLine .value {
  font-size: 18px;
  line-height: 21px;
  color: #fd4b03;
  white-space: nowrap;
  order: 1;
}
.calcResultLine .itemLabel {
  color: #fff;
}
.calcResultLine:after {
  content: "";
  display: block;
  flex-grow: 1;
  background-image: repeating-linear-gradient(to right, #fff 0 2px, transparent 2px 12px);
  margin-bottom: 5px;
  height: 2px;
  margin-left: 6px;
  margin-right: 6px;
  min-width: 15px;
}
.calcResultLine + .calcResultLine {
  margin-top: 14px;
}

.calcForm .formItem + .formItem {
  margin-top: 24px;
}
.calcForm .resultList {
  max-width: 618px;
  margin-left: auto;
  margin-right: auto;
}
.calcForm .resultItem .btnContainer {
  margin-top: 36px;
}

.leftDarker:after,
.rightDarker:after {
  content: "";
  display: block;
  position: absolute;
  width: calc(50% - 2px);
  height: calc(100% - 2px);
  top: 1px;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  z-index: -1;
}

.leftDarker:after {
  left: 1px;
}

.rightDarker:after {
  right: 1px;
}

.formNote {
  margin-top: 22px;
}
.formNote .values {
  white-space: nowrap;
  color: #fff;
  display: inline;
}
.formNote .caption {
  color: #939393;
}

.amountContainer {
  display: flex;
  gap: 2px;
}
.amountContainer .inputContainer:first-child {
  flex-grow: 1;
}

.planSlider {
  margin-left: -50px;
  margin-right: -50px;
  border-radius: 6px;
  min-height: 100%;
  display: flex;
}
.planSlider .planCard {
  padding-left: 50px;
  padding-right: 50px;
  min-height: 100%;
}
.planSlider .swiper-wrapper {
  height: auto;
}

.planHead {
  position: relative;
  padding-left: 90px;
  display: flex;
  flex-direction: column;
  min-height: 70px;
  justify-content: center;
}
.planHead .count {
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  border: 2px solid #fd4b03;
  border-bottom-left-radius: 5px;
  position: absolute;
  left: 0;
  top: calc(50% - 32px);
  font-size: 24px;
  font-family: "Befrak", "sans-serif";
}
.planHead .name {
  color: #fd4b03;
  display: block;
  font-size: 36px;
  line-height: 1;
  font-family: "Befrak", "sans-serif";
  word-break: break-all;
}
.planHead .profit {
  display: block;
  color: #fff;
  font-size: 24px;
  line-height: 28px;
  margin-top: 12px;
}

.planCharItem {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  padding-left: 50px;
}
.planCharItem .themeIcon {
  display: block;
  position: absolute;
  font-size: 33px;
  left: 0;
  line-height: 1;
  top: 4px;
}
.planCharItem .value {
  color: #fff;
}
.planCharItem .accent {
  color: #fd4b03;
}

.planCard {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 45px 1px;
  position: relative;
}
.planCard:before {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background-color: #040201;
  top: 1px;
  left: 1px;
  border-radius: 5px;
}
.planCard .infoLine {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.planCard .imageContainer {
  position: absolute;
  width: calc(100% - 2px);
  height: 677px;
  left: 1px;
  margin-top: -60px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 6px;
  overflow: hidden;
}
.planCard .imageContainer img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center top;
  object-position: center top;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  transition: transform 0.5s ease-in-out;
}
.planCard .planCharItem {
  max-width: 50%;
}
.planCard .planCharItem:nth-child(2n) {
  padding-left: 0;
  padding-right: 50px;
  text-align: right;
  align-items: flex-end;
  padding-left: 16px;
}
.planCard .planCharItem:nth-child(2n) .themeIcon {
  left: auto;
  right: 0;
}
@media (hover: hover) and (pointer: fine) {
  .planCard:hover .imageContainer img {
    transform: scale(1.1);
  }
}

.stepsSection,
.plansTabsSection {
  position: relative;
}
.stepsSection .leftVisual,
.plansTabsSection .leftVisual {
  position: absolute;
  width: 200px;
  height: calc(50% + 71px + 120px + 75px + 20px + 423px - 3px);
  left: 0px;
  border-radius: 6px;
  background-color: #000;
  background-image: url("../img/graffiti-single.svg"), url("../img/graffiti-single.svg");
  background-repeat: no-repeat;
  background-size: 80px auto;
  background-position: 19px -95px, calc(100% - 19px) calc(100% + 138px);
}

.plansTabsSection .leftVisual {
  top: 105px;
}

.stepsSection {
  padding-bottom: 71px;
}
.stepsSection:after {
  content: "";
  display: block;
  position: absolute;
  height: 69px;
  width: calc((100% - 202px) / 2);
  background-image: url(../img/back-steps-after.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  bottom: 0;
  right: 0;
  border-radius: 6px;
}
.stepsSection .titleWrapper {
  display: flex;
  justify-content: center;
}
.stepsSection .btnContainer {
  margin-top: 50px;
}
.stepsSection .textContainer .accent {
  text-transform: uppercase;
}
.stepsSection .sectionHead {
  background-color: #373737;
  z-index: 1;
  padding-bottom: 32px;
}
.stepsSection .mobTitle {
  display: none;
}
.stepsSection .sectionBack {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 200%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}
.stepsSection .layoutItem:not(.titleWrapper) {
  min-height: 423px;
}
.stepsSection .layoutItem .layoutItem:first-child {
  background-color: rgba(55, 55, 55, 0.6);
}
.stepsSection .layoutItem.layoutGrid .countCard {
  justify-content: center;
  align-items: flex-end;
}
.stepsSection .layoutGrid:not(.layoutItem) {
  position: relative;
}
.stepsSection .container {
  position: relative;
}
.stepsSection .leftVisual {
  top: 50%;
}

.bulletSection .textCard {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 48px;
  padding-bottom: 48px;
}
.bulletSection .textItem {
  max-width: 170px;
}
.bulletSection .textItem:nth-child(2n) {
  margin-left: auto;
}
.bulletSection .textItem + .textItem {
  margin-top: 12px;
}
.bulletSection .layoutItem.layoutGrid .layoutItem:first-child:after {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  top: 1px;
  background-color: rgba(55, 55, 55, 0.5);
  border-radius: 6px;
  left: 1px;
}

.layoutLogoItem {
  background-color: #282828;
  display: flex;
  align-items: center;
  justify-content: center;
}
.layoutLogoItem img {
  width: 240px;
}

.roadmapSection .sectionHead {
  width: 25%;
  margin-bottom: 85px;
}
.roadmapSection .sectionFoot {
  width: 25%;
  margin-left: auto;
  margin-top: -120px;
}
.roadmapSection .sectionFoot .btnContainer {
  margin-top: 28px;
}

.roadmapSlider {
  margin-left: -1px;
  margin-right: -1px;
  overflow: visible;
}
.roadmapSlider .swiper-slide {
  padding: 1px;
  width: 25%;
  height: auto;
}
.roadmapSlider .swiper-slide:nth-child(4n+2) {
  margin-top: -70px;
}
.roadmapSlider .swiper-slide:nth-child(4n+3) {
  margin-top: -140px;
}
.roadmapSlider .swiper-slide:nth-child(4n) {
  margin-top: -210px;
}
.roadmapSlider .swiper-wrapper {
  flex-wrap: wrap;
}

.roadmapCard {
  padding: 45px 50px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  border-radius: 6px;
  min-height: 356px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.roadmapCard:before {
  content: "";
  display: block;
  position: absolute;
  background-image: url(../img/decor-roadmap.svg);
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: center;
  width: 16px;
  height: 22px;
  right: 50px;
  top: 50px;
  pointer-events: none;
  z-index: 2;
}
.roadmapCard .detailedContent {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 92px 50px 45px;
  z-index: 1;
  pointer-events: none;
  touch-action: none;
  opacity: 0;
  background-color: #fd4b03;
  transition: opacity 0.25s ease-in-out;
}
.roadmapCard .count {
  display: block;
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-stroke: 1px #fff;
  text-stroke: 1px #fff;
  font-size: 30px;
  line-height: 1;
  font-family: "Befrak", "sans-serif";
  margin-bottom: auto;
  position: relative;
  z-index: 2;
}
.roadmapCard .year {
  display: block;
  font-size: 48px;
  line-height: 66px;
  color: #939393;
  font-family: "Befrak", "sans-serif";
}
.roadmapCard .textContainer {
  color: #fff;
  -webkit-line-clamp: 10;
  line-clamp: 10;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (hover: hover) and (pointer: fine) {
  .roadmapCard:hover .detailedContent {
    pointer-events: auto;
    touch-action: auto;
    opacity: 1;
  }
}
@media (hover: none), (pointer: coarse) {
  .roadmapCard.hovered .detailedContent {
    pointer-events: auto;
    touch-action: auto;
    opacity: 1;
  }
}

.proposalCard {
  padding-top: 50px;
  padding-bottom: 50px;
}
.proposalCard .count {
  display: block;
  font-size: 30px;
  line-height: 1;
  color: #fd4b03;
}
.proposalCard .textTitle {
  font-size: 18px;
  line-height: 21px;
}
.proposalCard .textTitle + * {
  margin-top: 10px;
}

.advantageCard {
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.advantageCard .textTitle + * {
  margin-top: 10px;
}

.advantagesSection .logo {
  margin-left: auto;
  margin-right: auto;
}
.advantagesSection .logo img {
  width: 240px;
}
.advantagesSection .layouitGrid .layoutItem:not(.advantageCard):after {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  top: 1px;
  left: 1px;
  background-image: url(../img/graffiti-single.svg), url(../img/graffiti-single.svg);
  background-repeat: no-repeat;
  background-position: 48px -180px, 130px -134px;
  background-size: 80px auto;
  border-radius: 6px;
}
.advantagesSection + .stepsSection .leftVisual {
  height: calc(50% + 71px + 120px + 75px + 20px + 423px - 3px);
  top: auto;
  bottom: 50%;
}

.preambleSection + * {
  padding-top: 105px;
}

.chaptersText > * {
  break-inside: avoid;
}
.chaptersText > * + * {
  margin-top: 20px;
}
.chaptersText > * + .textTitle, .chaptersText > * + h2, .chaptersText > * + h3, .chaptersText > * + h4, .chaptersText > * + h5, .chaptersText > * + h6 {
  margin-top: 30px;
}
.chaptersText .textTitle + p,
.chaptersText h2 + p,
.chaptersText h3 + p,
.chaptersText h4 + p,
.chaptersText h5 + p,
.chaptersText h6 + p {
  margin-top: 10px;
}

.preambleContent {
  columns: 2;
  column-gap: 100px;
  padding-left: 50px;
  padding-right: 50px;
}
.preambleContent.full {
  columns: 1;
}
.preambleContent + .preambleContent {
  margin-top: 30px;
}

.planList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: -2px;
}
.planList .planListCard {
  width: calc(50% - 1px);
  margin-top: 2px;
}

.planListCard {
  display: flex;
  flex-direction: column;
  position: relative;
}
.planListCard:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  left: 0;
  top: 0;
  pointer-events: none;
  background-image: url(../img/graffiti-single-long.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 16px) calc(50% + 140px);
  background-size: 80px auto;
}
.planListCard .cardContent {
  display: flex;
  flex-wrap: wrap;
  background-color: #2c2c2c;
  border-radius: 6px;
}
.planListCard .imageContainer {
  width: 50%;
  background-color: #040201;
  border-radius: 6px;
  min-height: 418px;
  z-index: 2;
}
.planListCard .imageContainer img {
  border-radius: 6px;
}
.planListCard .imageContainer:before, .planListCard .imageContainer:after {
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
}
.planListCard .imageContainer:before {
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-radius: 6px;
  border: 2px solid #373737;
  z-index: -1;
  left: -2px;
  top: -2px;
}
.planListCard .imageContainer:after {
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27 fill=%27none%27%3E%3Cpath d=%27M6 0C6 3.31371 8.68629 6 12 6C8.68629 6 6 8.68629 6 12C6 8.68629 3.31371 6 0 6C3.31371 6 6 3.31371 6 0Z%27 fill=%27%23373737%27/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27 fill=%27none%27%3E%3Cpath d=%27M6 0C6 3.31371 8.68629 6 12 6C8.68629 6 6 8.68629 6 12C6 8.68629 3.31371 6 0 6C3.31371 6 6 3.31371 6 0Z%27 fill=%27%23373737%27/%3E%3C/svg%3E");
  background-size: 16px auto, 16px auto;
  background-repeat: no-repeat;
  background-position: -8px calc(100% + 1px), calc(100% + 1px) -8px;
  z-index: 2;
  left: 0px;
  top: 0px;
}
.planListCard .cardInfo {
  border-radius: 6px;
  width: 50%;
  padding-top: 48px;
}
.planListCard .imageCount {
  display: block;
  position: absolute;
  left: 20px;
  top: 10px;
  font-size: 48px;
  line-height: 1;
  color: #232121;
  font-family: "Befrak", "sans-serif";
  z-index: 1;
}
.planListCard .planHead {
  padding-left: 70px;
  min-height: 50px;
  margin-bottom: 48px;
}
.planListCard .planHead .count {
  width: 50px;
  height: 50px;
  top: calc(50% - 25px);
  font-size: 18px;
}
.planListCard .planHead .name {
  font-size: 24px;
  line-height: 29px;
}
.planListCard .planHead .profit {
  font-size: 18px;
  line-height: 22px;
  margin-top: 6px;
}
.planListCard .planCharItem + .planCharItem {
  margin-top: 36px;
}
.planListCard .cardForm {
  width: 100%;
  padding-top: 46px;
  padding-bottom: 46px;
}
.planListCard .cardResult {
  background-image: url("../img/back-calc-result.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 6px;
  margin-top: 2px;
  padding-top: 44px;
  padding-bottom: 50px;
}
.planListCard .btnContainer {
  margin-top: 32px;
}
.planListCard .calcResultLine {
  display: block;
  width: auto;
}
.planListCard .calcResultLine .value {
  display: block;
  font-size: 16px;
}
.planListCard .calcResultLine .itemLabel {
  display: block;
  font-size: 14px;
}
.planListCard .calcResultLine:after {
  display: none;
}
.planListCard .calcResultLine:nth-child(7) {
  grid-column: span 3;
  text-align: center;
}
.planListCard .calcResultLine:nth-child(7) .itemLabel,
.planListCard .calcResultLine:nth-child(7) .value {
  display: inline;
}
.planListCard .calcResultLine + .calcResultLine {
  margin-top: 0px;
}
.planListCard .resultList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 50px;
  row-gap: 22px;
  position: relative;
}
.planListCard.disabled {
  pointer-events: none;
  touch-action: none;
}
.planListCard.disabled .cardContent {
  position: relative;
}
.planListCard.disabled .cardContent:after {
  content: "";
  display: block;
  position: absolute;
  background-image: url(../img/unavailable.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 463px;
  height: 305px;
  bottom: 98px;
  right: 30px;
  z-index: 2;
}
.planListCard.disabled .planCharItem .value {
  color: #939393;
}
.planListCard.disabled .formNote .values {
  color: #939393;
}
.planListCard.disabled .paymentSelect .payIcon {
  filter: grayscale(100%);
}
.planListCard.disabled .paymentSelect .choices[data-type*=select-one]::after {
  color: #939393;
}
.planListCard.disabled .planHead .count {
  color: #939393;
  border-color: #939393;
}
.planListCard.disabled .planHead .profit,
.planListCard.disabled .planHead .name {
  color: #939393;
}

.programSection .sectionBack {
  position: absolute;
  width: calc(100% - 2px);
  height: 200%;
  top: 0;
  right: 1px;
  z-index: -1;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.programSection .textTitle {
  line-height: 25px;
}
.programSection .textTitle:not(:first-child) {
  margin-top: 25px;
}
.programSection .btnContainer {
  margin-top: auto;
  padding-top: 25px;
}
.programSection .textCard {
  padding-bottom: 45px;
}
.programSection .textCard:not(.sectionHead) {
  padding-top: 45px;
  display: flex;
  flex-direction: column;
  background-color: #373737;
}

.textTitle {
  font-weight: normal;
}
.textTitle a {
  color: inherit;
  text-decoration: underline;
  font-size: inherit;
  line-height: inherit;
  text-decoration-color: #939393;
  transition: text-decoration-color 0.25s ease;
}
@media (hover: hover) and (pointer: fine) {
  .textTitle a:hover {
    text-decoration-color: transparent;
  }
}
.textTitle.accent {
  color: #fd4b03;
}

.siteTabs {
  display: flex;
  justify-content: space-between;
}
.siteTabs .tabsList {
  width: calc(25% - 1px);
}
.siteTabs .tabsList li {
  position: relative;
  padding-top: 10px;
}
.siteTabs .tabsList li + li {
  margin-top: 10px;
}
.siteTabs .tabsList a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 58px;
  height: 100%;
  position: relative;
  z-index: 1;
  border: 2px solid #fff;
  color: #fff;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  overflow: hidden;
  background-color: #282828;
  cursor: pointer;
  padding: 0px 8px;
  clip-path: polygon(0 0, 0 100%, calc(100% - 17px) 100%, 100% calc(100% - 17px), 100% 0px);
  transition: border-color 0.25s ease-in-out, color 0.25s ease-in-out;
}
.siteTabs .tabsList a + .decor {
  font-size: 8px;
  line-height: 1;
  display: block;
  position: absolute;
  right: -10px;
  top: 0px;
  color: #fff;
  transition: color 0.25s ease-in-out;
  pointer-events: none;
}
.siteTabs .tabsList a:after {
  content: "";
  width: 16px;
  height: 16px;
  border-right: 8px solid #fff;
  border-bottom: 8px solid #fff;
  border-left: 8px solid transparent;
  border-top: 8px solid transparent;
  position: absolute;
  right: 0;
  bottom: 0;
  transition: border-color 0.25s ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
  .siteTabs .tabsList a:hover {
    border-color: #fd4b03;
    color: #fd4b03;
  }
  .siteTabs .tabsList a:hover:after {
    border-right-color: #fd4b03;
    border-bottom-color: #fd4b03;
  }
}
.siteTabs .tabsList a.active {
  border-color: #fd4b03;
  color: #fd4b03;
}
.siteTabs .tabsList a.active:after {
  border-right-color: #fd4b03;
  border-bottom-color: #fd4b03;
}
.siteTabs .tabsList a.active + .decor {
  color: #fd4b03;
}
.siteTabs .tabsList a.active .linkNote {
  color: #fd4b03;
}
.siteTabs .tabsList a[data-disabled] {
  pointer-events: none;
  touch-action: none;
}
.siteTabs .tabsList.lg a {
  font-size: 24px;
  line-height: 31px;
  min-height: 86px;
}
.siteTabs .tabsList.lg .linkNote {
  display: block;
  font-size: 16px;
  line-height: 21px;
  color: #939393;
  letter-spacing: 0em;
  text-align: center;
  transition: color 0.25s ease-in-out;
}
.siteTabs .tabsList.lg .linkNote img {
  display: inline;
}
.siteTabs .tabsContent {
  width: calc(75% - 1px);
}

.levelList {
  display: grid;
  gap: 2px;
  grid-template-columns: repeat(8, 1fr);
}
.levelList .levelCard {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 100px;
  border-radius: 6px;
  color: #fff;
  font-size: 24px;
  line-height: 1;
  background-color: #373737;
  position: relative;
  padding-top: 10px;
}
.levelList .lock {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  border-radius: 6px;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background-color: #282828;
  color: #505050;
  font-size: 34px;
}
.levelList .count {
  color: #fff;
}
.levelList .level {
  display: block;
  position: absolute;
  font-size: 14px;
  line-height: 24px;
  color: #939393;
  background-color: #373737;
  border-radius: 6px;
  top: 6px;
  right: 6px;
  text-align: center;
  min-width: 61px;
}
.levelList .statusPanel {
  position: relative;
  grid-column: 1/span 3;
  grid-row: 5/span 2;
}
.levelList .statusPanel .inner {
  position: absolute;
  background-image: url(../img/back-status.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 6px;
  width: 188.8888888889%;
  height: 100%;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  padding: 24px 20px 24px 62px;
}
.levelList .infoItem {
  padding-left: 50px;
  width: calc((100% - 133px) / 2);
}
.levelList .caption {
  display: block;
  font-size: 18px;
  line-height: 26px;
}
.levelList .value {
  display: block;
  font-size: 24px;
  line-height: 32px;
  color: #fff;
}
.levelList .rankIcon {
  width: 133px;
  min-width: 133px;
}

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

.textHead {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  column-gap: 24px;
  margin-bottom: 55px;
}
.textHead .textContainer {
  width: calc(50% - 50px);
}
.textHead .sectionTitle {
  margin-bottom: 0px;
  width: calc(50% - 50px);
}

.accordTitle {
  cursor: pointer;
}

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

.faqTabs .tabsContent {
  background-color: #2c2c2c;
  padding-top: 44px;
  padding-bottom: 50px;
  border-radius: 6px;
}

.faqTitle {
  background-color: #000;
  border: 2px solid #000;
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 8px 70px;
  position: relative;
  min-height: 74px;
  color: #fff;
  transition: border-color 0.25s ease-in-out, color 0.25s ease-in-out;
}
.faqTitle:before {
  content: "\e90d";
  display: block;
  font-family: icomoon;
  position: absolute;
  left: 20px;
  font-size: 32px;
  line-height: 1;
  top: calc(50% - 16px);
  color: #434343;
  transition: color 0.25s ease-in-out;
}
.faqTitle:after {
  content: "\e91e";
  display: block;
  font-family: icomoon;
  position: absolute;
  right: 10px;
  font-size: 43px;
  line-height: 1;
  top: calc(50% - 26px);
  color: #fff;
  transition: color 0.25s ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
  .faqTitle:hover {
    border-color: #fd4b03;
    color: #fd4b03;
  }
  .faqTitle:hover:after {
    color: #fd4b03;
  }
}
.faqTitle.active {
  border-color: #fd4b03;
  color: #fd4b03;
}
.faqTitle.active:after {
  content: "\e91d";
  color: #fd4b03;
}

.faqItem + .faqItem {
  margin-top: 20px;
}

.faqContent .textContainer {
  padding: 12px 70px 6px;
}

.formSection .sectionInner {
  position: relative;
  padding-bottom: 50px;
  padding-top: 44px;
  background-image: url(../img/graffiti-single.svg), url(../img/graffiti-single.svg);
  background-repeat: no-repeat;
  background-position: calc(50% - 53px) -126px, calc(50% - 137px) -172px;
  background-size: 80px auto;
  overflow: hidden;
}
.formSection .sectionInner:before, .formSection .sectionInner:after {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  background-color: #2c2c2c;
  border-radius: 6px;
  z-index: -1;
  top: 0;
}
.formSection .sectionInner:before {
  width: calc(25% - 1px);
  left: 0;
}
.formSection .sectionInner:after {
  width: calc(50% - 1px);
  left: calc(50% + 1px);
}

.downForm .formRow {
  display: flex;
}
.downForm .formItem + .formItem {
  margin-top: 24px;
}
.downForm .itemContainer {
  width: 50%;
}
.downForm .btnContainer {
  margin-top: 30px;
}
.downForm .btnContainer .themeBtn {
  min-width: 196px;
}

.contacts {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, auto);
  gap: 2px;
  position: relative;
}
.contacts:before {
  content: "";
  display: block;
  position: absolute;
  width: 200px;
  left: -202px;
  top: calc(50% + 1px);
  height: calc(50% + 120px);
  border-radius: 6px;
  background-image: url("../img/back-dark-left.jpg");
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}
.contacts .rowItem {
  display: flex;
  flex-direction: column;
  padding-top: 48px;
  padding-bottom: 50px;
}
.contacts .rowItem:before, .contacts .rowItem:after {
  content: "";
  display: block;
  position: absolute;
  width: calc((50% - 1px) / 2 - 2px);
  height: calc(50% - 1px);
  border-radius: 6px;
  background-color: #2c2c2c;
  z-index: -1;
}
.contacts .rowItem:before {
  left: 0;
  top: 0;
}
.contacts .rowItem:after {
  left: calc((50% - 1px) / 2 + 1px);
  bottom: 0px;
}

.contactsHead {
  display: none;
}

.contactsMap {
  position: absolute;
  background-color: #000;
  padding: 50px;
  width: calc(50% - 1px);
  height: 100%;
  right: 0px;
  top: 0px;
  border-radius: 6px;
  overflow: hidden;
  display: flex;
}
.contactsMap iframe {
  border-radius: 6px;
}

.contactsLocation {
  grid-row: 1/span 2;
  grid-column-start: 2;
  border-radius: 6px;
  display: grid;
  gap: 2px;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  position: relative;
}
.contactsLocation .addressCard {
  background-image: url(../img/back-management-4.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 6px;
  grid-column-start: 2;
  grid-row-start: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  color: #fff;
  padding-top: 50px;
  padding-bottom: 50px;
  z-index: 1;
  position: relative;
}
.contactsLocation .addressCard .socIcon {
  font-size: 28px;
  min-width: 52px;
  height: 52px;
  margin-bottom: 18px;
  color: #fd4b03;
}
.contactsLocation .addressCard .socIcon:after {
  font-size: 52px;
  top: calc(50% - 26px);
}
.contactsLocation .addressContent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.contactsLocation .phoneContent {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-left: auto;
  margin-top: 16px;
}
.contactsLocation .phoneContent a {
  margin-top: 10px;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  color: #fd4b03;
  text-overflow: ellipsis;
  text-decoration: underline;
  transition: color 0.25s ease-in-out, text-decoration-color 0.25s ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
  .contactsLocation .phoneContent a:hover {
    color: #fff;
    text-decoration-color: transparent;
  }
}
.contactsLocation .themeIcon {
  margin-bottom: 25px;
}
.contactsLocation .itemLabel + * {
  margin-top: 10px;
}

.contactsList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.contactsList:first-child {
  margin-top: 0px;
}
.contactsList li {
  width: calc(50% - 50px);
  padding-top: 30px;
}
.contactsList .socIcon {
  font-size: 28px;
  min-width: 52px;
  height: 52px;
  margin-bottom: 18px;
}
.contactsList .socIcon:after {
  font-size: 52px;
  top: calc(50% - 26px);
  color: #434343;
}
.contactsList .contactCard {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.contactsList .contactCard a {
  margin-top: 10px;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: underline;
  transition: color 0.25s ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
  .contactsList .contactCard a:hover {
    color: #fff;
  }
}

.agreements {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: minmax(206px, auto);
  gap: 2px;
}
.agreements .emptyItem {
  grid-column-start: 1;
  grid-row: 7/span 2;
  border-radius: 6px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #282828;
  display: flex;
  align-items: center;
  justify-content: center;
}
.agreements .logoItem {
  grid-column-start: 1;
  grid-row: 1/span 2;
  position: relative;
}
.agreements .logoItem img {
  width: 240px;
}
.agreements .logoItem + .emptyItem {
  grid-column-start: 4;
  grid-row-start: 1;
}
.agreements .logoItem:after {
  content: "";
  display: block;
  position: absolute;
  width: 200px;
  left: -202px;
  top: calc(100% + 1px);
  height: calc(200% - 1px);
  border-radius: 6px;
  background-image: url("../img/back-dark-left.jpg");
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}
.agreements .graffitiItem {
  grid-column-start: 4;
  grid-row: 7/span 2;
  background-image: url(../img/graffiti-single.svg), url(../img/graffiti-single.svg);
  background-repeat: no-repeat, no-repeat;
  background-position: 50px -183px, 134px -127px;
  background-size: 80px auto, 80px auto;
}

.agreementsChapter {
  grid-column: span 2;
  grid-row: span 3;
  padding-top: 22px;
  padding-bottom: 22px;
}
.agreementsChapter:nth-child(8n+5) {
  grid-column: span 3;
  grid-row: span 1;
  padding-bottom: 0px;
  align-self: start;
}
.agreementsChapter:nth-child(8n+4) {
  position: relative;
}
.agreementsChapter:nth-child(8n+4):before {
  content: "";
  display: block;
  position: absolute;
  width: calc(50% - 1px);
  left: calc(50% + 1px);
  height: calc(66.6666666667% - 1px);
  top: calc(100% - (33.3333333333% - 1px));
  background-color: #282828;
  border-radius: 6px;
  z-index: -1;
}
.agreementsChapter:first-child {
  position: relative;
}
.agreementsChapter:first-child:before {
  content: "";
  display: block;
  position: absolute;
  width: calc(50% - 1px);
  left: 0;
  height: calc(66.6666666667% - 1px);
  top: calc(100% - (33.3333333333% - 1px));
  background-color: #282828;
  border-radius: 6px;
  z-index: -1;
}

.agreementsList li + li {
  margin-top: 10px;
}
.agreementsList .count {
  color: #fff;
}

.signTitle {
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  text-align: right;
  position: relative;
}
.signTitle .layoutItem {
  padding-top: 42px;
  background-color: #2c2c2c;
  min-height: 416px;
}
.signTitle .layoutItem:first-child {
  background-image: url(../img/back-management-4.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.signTitle:before {
  content: "";
  display: block;
  position: absolute;
  width: 200px;
  left: -202px;
  height: calc(50% - 2px);
  top: calc(50% + 1px);
  border-radius: 6px;
  background-image: url("../img/back-dark-left.jpg");
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}
.signTitle .sectionBack {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  width: calc(200% - 2px);
  height: calc(100% - 2px);
  border-radius: 6px;
  left: 1px;
  top: 1px;
  z-index: 1;
}
.signTitle .mobBack {
  display: none;
}

.signContent {
  grid-column: span 3;
  position: relative;
}
.signContent .sectionBack {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  width: 66.6666666667%;
  height: 100%;
  right: 0;
  top: 0;
  z-index: -1;
  border-radius: 6px;
}
.signContent .sectionBack .layoutItem:first-child {
  background-color: #373737;
  background-image: url(../img/graffiti-single.svg), url(../img/graffiti-single.svg);
  background-repeat: no-repeat, no-repeat;
  background-position: calc(100% - 134px) -183px, calc(100% - 50px) -127px;
  background-size: 80px auto, 80px auto;
}

.signInner {
  min-height: 100%;
  width: 100%;
}

.signWrapper {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.signWrapper .container {
  padding-bottom: 2px;
}
.signWrapper .container:first-child {
  flex-grow: 1;
  display: flex;
}

.signForm {
  display: flex;
  justify-content: space-between;
  padding: 18px 50px 0px;
  min-height: 100%;
  position: relative;
  z-index: 1;
}
.signForm:before {
  content: "";
  display: block;
  position: absolute;
  background-color: #2c2c2c;
  border-radius: 5px;
  height: calc(50% - 2px);
  top: 1px;
  left: 1px;
  z-index: -1;
}
.signForm .formItem {
  padding-top: 24px;
}
.signForm .formContent {
  width: calc(50% - 50px);
  display: flex;
  flex-direction: column;
}
.signForm .captcha,
.signForm .btnContainer {
  margin-top: 40px;
}
.signForm .formLinks {
  margin-top: auto;
  margin-bottom: auto;
  padding-top: 30px;
  padding-bottom: 30px;
}
.signForm .btnRow {
  display: flex;
  align-items: center;
  margin-top: 40px;
  justify-content: space-between;
  column-gap: 12px;
  padding-bottom: 30px;
}
.signForm .btnRow .formLinks {
  padding-top: 0px;
  padding-bottom: 0px;
}
.signForm .btnRow .btnContainer {
  margin-top: 0px;
}
.signForm .codeItem {
  background-color: #232323;
  border-radius: 6px;
  padding: 12px 16px 28px;
  margin-top: 35px;
}
.signForm .checkRow {
  position: relative;
}
.signForm .checkRow .checkOffsetItem {
  padding-top: 0px;
}
.signForm .checkOffsetItem {
  position: absolute;
  width: calc(200% + 200px - (200% + 200px) / 3 - 100% - 50px);
  top: calc((100% - 35px) / 2 + 35px);
  left: 0;
  transform: translate(-100%, -50%);
}

.codeInput {
  display: flex;
}
.codeInput .inputContainer {
  width: 54px;
}
.codeInput .inputContainer input {
  padding-left: 8px;
  padding-right: 8px;
  text-align: center;
}
.codeInput .inputContainer + .inputContainer {
  margin-left: 2px;
  margin-top: 0px;
}

.codeItem .formNote {
  margin-top: 16px;
  text-align: left;
}
.codeItem .formNote p {
  font-size: 14px;
  line-height: 20px;
}
.codeItem .itemLabel {
  padding-left: 0px;
}

.loginForm:before {
  width: calc(33.3333333333% - 2px);
}

.regForm {
  padding-top: 8px;
}
.regForm:before {
  width: calc(66.6666666667% - 2px);
}
.regForm .formItem {
  padding-top: 14px;
}
.regForm:after {
  content: "";
  display: block;
  position: absolute;
  background-color: #2c2c2c;
  border-radius: 5px;
  height: calc(50% - 2px);
  width: calc(33.3333333333% - 2px);
  bottom: 2px;
  right: 0px;
  z-index: -1;
}

.themeLink {
  text-decoration: underline;
  text-underline-offset: 3px;
  color: #939393;
  transition: color 0.25s ease-in-out, text-decoration-color 0.25s ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
  .themeLink:hover {
    color: #fff;
    text-decoration-color: transparent;
  }
}

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

.errorWrapper {
  padding: 30px;
}
.errorWrapper .layoutGrid {
  flex-grow: 1;
}
.errorWrapper .sectionBack {
  width: 200%;
  height: 200%;
  right: 0;
  bottom: 0;
  border-radius: 6px;
  position: absolute;
  background-size: cover;
  background-position: right center;
  z-index: -1;
}
.errorWrapper .backItem {
  padding-left: 30px;
  padding-top: 120px;
  padding-bottom: 40px;
}
.errorWrapper .logoItem {
  padding-left: 112px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-image: url(../img/back-error-logo.png);
  background-position: left center;
  background-size: auto 100%;
}
.errorWrapper .logoItem img {
  height: 108px;
}
.errorWrapper .mobImage {
  display: none;
}
.errorWrapper .errorNumber {
  display: none;
}
.errorWrapper .grafittiItem {
  background-repeat: no-repeat;
  background-size: 80px auto;
}
.errorWrapper .grafittiItem.rightGraffiti {
  background-image: url(../img/graffiti-single.svg), url(../img/graffiti-single.svg);
  background-position: calc(100% - 40px) -175px, calc(100% - 124px) -215px;
}
.errorWrapper .grafittiItem.leftGraffiti {
  background-image: url(../img/graffiti-single.svg), url(../img/graffiti-single.svg);
  background-position: 50px calc(100% + 32px), 134px calc(100% + 87px);
}

.errorTitle {
  display: block;
  font-size: 48px;
  line-height: 1;
  font-family: "Befrak", "sans-serif";
  color: #fff;
}

.docSection .rows-2 .layoutItem {
  padding-top: 45px;
  padding-bottom: 45px;
}
.docSection .rows-2 .layoutItem:nth-child(8n+4), .docSection .rows-2 .layoutItem:nth-child(8n+5), .docSection .rows-2 .layoutItem:nth-child(8n+6) {
  background-color: rgba(0, 0, 0, 0.2);
}
.docSection .rows-2 .layoutItem:nth-child(8n+7) {
  background-color: #000000;
}
.docSection .textItem + .textItem {
  margin-top: 10px;
}
.docSection .docItem {
  display: flex;
  align-items: center;
  justify-content: center;
}
.docSection .graffitiItem:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url(../img/graffiti-single.svg), url(../img/graffiti-single.svg);
  background-repeat: no-repeat;
  background-position: 10px -106px, calc(100% + 40px) calc(100% + 105px);
  background-size: 80px auto;
}

.docLink {
  display: block;
  position: relative;
}
.docLink .iconBtn {
  position: absolute;
  bottom: 4px;
  left: -25px;
}
.docLink .themeBtn {
  padding: 0px;
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.25s ease-in-out;
}
.docLink .themeBtn .icon {
  color: #fff;
  margin-right: 0px;
  font-size: 28px;
}
@media (hover: hover) and (pointer: fine) {
  .docLink .themeBtn:hover {
    animation-name: none;
  }
}
.docLink .themeBtn + .decor {
  color: #939393;
}
.docLink .imageContainer {
  width: 206px;
  height: 292px;
  mask-image: linear-gradient(to bottom, rgb(0, 0, 0) 25%, rgba(0, 0, 0, 0) 100%);
  -webkit-mask-image: linear-gradient(to bottom, #000 25%, rgba(0, 0, 0, 0) 100%);
}
@media (hover: hover) and (pointer: fine) {
  .docLink:hover .themeBtn {
    background-color: #fff;
    color: black;
  }
  .docLink:hover .themeBtn .icon {
    color: black;
  }
  .docLink:hover .themeBtn + .decor {
    color: #fff;
  }
}

.investingSection .investItem:nth-child(3) {
  background-image: url(../img/graffiti-single.svg), url(../img/graffiti-single.svg);
  background-repeat: no-repeat;
  background-position: 75px calc(100% + 75px), 157px calc(100% + 118px);
  background-size: 80px auto;
}
.investingSection .investItem.textCard {
  display: flex;
  flex-direction: column;
  padding-top: 40px;
}
.investingSection .btnContainer {
  margin-top: auto;
  padding-top: 40px;
}
.investingSection .textTitle {
  line-height: 26px;
}
.investingSection .sectionBack {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  background-size: cover;
  background-position: center;
}
.investingSection .backItem .layoutItem:first-child {
  background-color: rgba(0, 0, 0, 0.2);
}
.investingSection .layoutLogoItem {
  background-image: url(../img/back-docs-1.jpg);
}
.investingSection .layoutLogoItem img {
  width: 158px;
}
.investingSection .sectionHead {
  grid-template-rows: auto 1fr;
  padding-bottom: 30px;
}

.tabsIntroText {
  margin-bottom: 30px;
}

.fixedSocials {
  position: fixed;
  display: flex;
  flex-direction: column;
  justify-content: center;
  right: 0px;
  top: 132px;
  z-index: 11;
  overflow: hidden;
  padding: 0px 6px 0px 14px;
  background-image: url(../img/fixed-socials-back.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left center;
  height: 105px;
  width: 92px;
  color: #fff;
  font-size: 14px;
  line-height: 16px;
}
.fixedSocials .socialsList {
  margin-bottom: 8px;
}
@media (hover: hover) and (pointer: fine) {
  .fixedSocials .socialsList a:hover .socIcon {
    color: #fff;
  }
}

.eventContent {
  background-color: #000;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 25px;
  background-image: url(../img/event-back.png);
  background-position: left bottom;
  background-repeat: no-repeat;
}
.eventContent .eventImage {
  position: absolute;
  width: 83.8518518519%;
  top: 0;
  left: 13.9259259259%;
  opacity: 0.9;
  max-width: none;
}
.eventContent .eventDates {
  order: -1;
  width: 43.2592592593%;
}
.eventContent .eventTitle {
  display: block;
  font-size: 34px;
  line-height: 42px;
  letter-spacing: 0.025em;
  font-weight: normal;
  color: #fff;
  position: relative;
  z-index: 1;
  text-transform: uppercase;
  max-width: 315px;
  padding-top: 18.5185185185%;
}
.eventContent .eventText {
  text-transform: uppercase;
  font-size: 23px;
  line-height: 27px;
  color: #fff;
  text-align: right;
  padding-top: 20px;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.eventContent .eventGift {
  grid-row: span 2;
}
.eventContent .eventDownInfo {
  display: grid;
  grid-template-columns: 218px 1fr;
  grid-template-rows: 1fr auto;
  column-gap: 24px;
  position: relative;
  z-index: 1;
  padding-top: 52px;
  width: 100%;
}
.eventContent .btnTitle {
  color: #939393;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 24px;
  font-family: "Befrak", "sans-serif";
  text-align: right;
  order: -1;
}
.eventContent .btnContainer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  column-gap: 18px;
  margin-top: 18px;
}
.eventContent .btnContainer .themeBtn .icon {
  color: #fff;
  margin-right: 5px;
}
.eventContent.event07 {
  border: 2px solid #593223;
  padding: 118.3333333333% 18px 18px;
  background-image: url(../img/event-back-2.jpg);
  background-position: center top;
  background-size: 100% auto;
  background-color: #0b0b0b;
}
.eventContent.event07 .eventImage {
  position: relative;
  width: 65.7894736842%;
  left: auto;
  opacity: 1;
  margin-left: auto;
  margin-right: auto;
}
.eventContent.event07 .eventLink {
  margin-top: 8px;
}
.eventContent.event07 .eventLink a {
  color: #fff;
  font-size: 24px;
  line-height: 31px;
  transition: color 0.25s ease-in-out;
}
.eventContent.event07 .eventLink a:hover {
  color: #fe9f5b;
}
.eventContent.event07 .eventLink .icon {
  vertical-align: middle;
  font-size: 32px;
}
.eventContent.event07 .eventText {
  font-size: 30px;
  line-height: 37px;
  text-align: center;
  padding-top: 0px;
  margin-left: 0px;
  display: block;
}
.eventContent.event07 .accentColor {
  color: #fe9f5b;
}
.eventContent.event07 .eventDownInfo {
  display: block;
  padding: 12px 18px 18px;
  text-align: center;
  border: 2px solid #593223;
  background: linear-gradient(180deg, #2d2d2d 0%, #151515 100%);
  margin-top: 24px;
}

.eventModal07 .modalContent {
  max-width: 720px;
}

.planTabs .tabsList a {
  border-color: #5d5d5d;
}
.planTabs .tabsList a .linkInner:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: var(--tab-image);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  filter: grayscale(100%) brightness(130%);
  transition: filter 0.25s ease-in-out;
}
.planTabs .tabsList a:after {
  border-right-color: #5d5d5d;
  border-bottom-color: #5d5d5d;
}
.planTabs .tabsList a.active .linkInner:before {
  filter: grayscale(0%) brightness(100%);
}
.planTabs .tabsList li {
  width: 387px;
  max-width: calc(33.3333333333% - 20px);
}

.tabsPlanSlider {
  overflow: visible;
  overflow-x: clip;
}
.tabsPlanSlider .planListCard {
  flex-direction: row;
  justify-content: space-between;
}
.tabsPlanSlider .planListCard .cardResult {
  margin-top: 0px;
}
.tabsPlanSlider .planListCard .cardInfo {
  padding-left: 38px;
  padding-right: 28px;
}
.tabsPlanSlider .planListCard .planCharItem {
  padding-left: 44px;
}
.tabsPlanSlider .planListCard:before {
  background-position: calc(100% - 16px) calc(50% + 216px);
  background-size: 60px auto;
}
.tabsPlanSlider .swiper-controls:before, .tabsPlanSlider .swiper-controls:after {
  content: "";
  display: block;
  position: absolute;
  background-color: #040201;
  border-radius: 6px;
  z-index: 1;
  background-image: url(../img/nav-slider-back.png);
  background-position: center;
  background-repeat: no-repeat;
}
.tabsPlanSlider .swiper-controls:before {
  left: 0;
}
.tabsPlanSlider .swiper-controls:after {
  right: 0;
  transform: scale(-1, 1);
  transform-origin: center;
}

.plansTabsSection {
  position: relative;
  z-index: 1;
}
.plansTabsSection .tabsPlanSlider {
  padding-left: 136px;
  padding-right: 136px;
}
.plansTabsSection .planListCard .cardContent {
  width: 66.4679582712%;
}
.plansTabsSection .planListCard .cardResult {
  width: 33.3830104322%;
}
.plansTabsSection .planListCard .resultList {
  display: block;
  text-align: center;
}
.plansTabsSection .planListCard .calcResultLine + .calcResultLine {
  margin-top: 26px;
}
.plansTabsSection .planListCard .imageContainer {
  width: calc(50% - 40px);
}
.plansTabsSection .planListCard .cardInfo {
  width: calc(50% + 40px);
}
.plansTabsSection .planListCard:before {
  width: 66.4679582712%;
}
.plansTabsSection .planListCard .planHead {
  margin-bottom: 42px;
}
.plansTabsSection .planListCard .planHead .profit {
  font-size: 16px;
  line-height: 20px;
  margin-top: 0px;
}
.plansTabsSection .swiper-controls {
  margin-top: 0px;
  margin-bottom: 0px;
  position: static;
}
.plansTabsSection .swiper-controls .swiper-button-prev {
  left: 36px;
}
.plansTabsSection .swiper-controls .swiper-button-next {
  right: 36px;
}
.plansTabsSection .swiper-controls .swiper-button-prev,
.plansTabsSection .swiper-controls .swiper-button-next {
  position: absolute;
  top: calc(50% - 25px);
}
.plansTabsSection .swiper-controls:before, .plansTabsSection .swiper-controls:after {
  width: 125px;
  height: 100%;
  top: 0px;
}

.cabContent > .siteTabs:first-child:not(.cabPanel) {
  padding-left: 10px;
  padding-right: 10px;
}
.cabContent > .siteTabs:first-child:not(.cabPanel) .tabsList {
  margin-top: 0px;
}
.cabContent .tabsPlanSlider .planListCard .cardContent {
  width: 65.28%;
  align-items: flex-start;
}
.cabContent .tabsPlanSlider .planListCard .cardResult {
  width: 34.56%;
  padding-left: 38px;
  padding-right: 38px;
}
.cabContent .tabsPlanSlider .planListCard .imageContainer {
  width: 39.4607843137%;
  min-height: 316px;
  align-self: stretch;
}
.cabContent .tabsPlanSlider .planListCard .planHead {
  width: 100%;
  margin-bottom: 0px;
}
.cabContent .tabsPlanSlider .planListCard .cardInfo {
  width: 60.5392156863%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.cabContent .tabsPlanSlider .planListCard .planCharItem {
  width: calc(50% - 10px);
  justify-content: flex-start;
  margin-top: 28px;
}
.cabContent .tabsPlanSlider .planListCard .planCharItem + .planCharItem {
  margin-top: 28px;
}
.cabContent .tabsPlanSlider .planListCard:before {
  width: 65.28%;
}
.cabContent .tabsPlanSlider .planListCard .imageCount {
  right: 20px;
  left: auto;
  font-size: 30px;
}
.cabContent .tabsPlanSlider .planListCard .resultList {
  grid-template-columns: repeat(2, 1fr);
  column-gap: 40px;
  row-gap: 40px;
}
.cabContent .tabsPlanSlider .planListCard .calcResultLine:nth-child(7) {
  grid-column: span 2;
}
.cabContent .tabsPlanSlider .swiper-controls {
  height: 94px;
}
.cabContent .tabsPlanSlider .swiper-controls:before, .cabContent .tabsPlanSlider .swiper-controls:after {
  width: calc((100% - 248px) / 2);
  height: 94px;
  background-position: calc(50% + 60px) center;
}

.tabsPlanSlider:not(.swiper-initialized) {
  display: none;
}

.footerInner {
  position: relative;
}

.siteFooter {
  padding-top: 120px;
  position: relative;
  padding-bottom: 2px;
}
.siteFooter .sectionBack {
  position: absolute;
  height: 100%;
  width: 100%;
  right: 0;
  top: 0;
  background-size: cover;
  background-position: center;
}
.siteFooter .logoItem {
  border-radius: 6px;
  flex-direction: column;
}
.siteFooter .logoItem .copyright {
  display: none;
}
.siteFooter .logoItem,
.siteFooter .copyrightItem {
  display: flex;
  align-items: center;
  justify-content: center;
}
.siteFooter .copyrightItem {
  background-image: url(../img/back-dark-left.jpg);
  background-size: cover;
  background-position: center;
  text-align: center;
  padding-left: 25px;
  padding-right: 25px;
  border-radius: 6px;
  grid-row-start: 2;
  grid-row-end: 4;
  grid-column-start: 1;
}
.siteFooter .menuItem {
  display: flex;
}
.siteFooter .menuItem .textContainer {
  width: 50%;
  padding-left: 50px;
}
.siteFooter .followItem {
  display: flex;
  align-items: center;
  padding-top: 22px;
  padding-bottom: 22px;
  background-color: #000;
}
.siteFooter .followItem .btnContainer {
  width: 50%;
  padding-right: 50px;
}
.siteFooter .followItem .socialsList {
  padding-left: 50px;
  flex-wrap: wrap;
}
.siteFooter .followItem .socialsList li {
  padding-top: 6px;
  padding-bottom: 6px;
}
.siteFooter .textItem {
  padding-top: 50px;
  padding-bottom: 50px;
}
.siteFooter .menuList {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
  padding-top: 50px;
  padding-bottom: 50px;
}
.siteFooter .menuList li + li {
  margin-top: 14px;
}
.siteFooter .protectList {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: rgba(55, 55, 55, 0.5);
}
.siteFooter .protectList li {
  min-height: 50px;
  display: flex;
  align-items: center;
}
.siteFooter .protectList li + li {
  margin-top: 22px;
}
.siteFooter .layoutItem:nth-child(3) {
  background-image: url(../img/graffiti-single.svg), url(../img/graffiti-single.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 36px) -80px, calc(100% - 120px) -127px;
  background-size: 80px auto;
}
.siteFooter .footerContent {
  margin-left: -203px;
}
.siteFooter .moreLinks {
  display: none;
}

.footerContent {
  background-size: cover;
  background-position: center;
  grid-template-columns: 202px repeat(4, 1fr);
}

.footerBullet {
  padding-top: 40px;
  padding-bottom: 50px;
  background-color: #000;
}
.footerBullet .accentColor {
  font-family: "Befrak", "sans-serif";
  font-size: 50px;
}
.footerBullet .btnContainer {
  margin-top: 44px;
}

.downFooter {
  position: relative;
}

.footerPaymentsList {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: -17px;
  margin-right: -17px;
  padding-top: 22px;
  padding-bottom: 22px;
  min-height: 100%;
}
.footerPaymentsList li {
  padding-left: 17px;
  padding-right: 17px;
}

@keyframes animatedBackground {
  from {
    background-position: 0 100%;
  }
  to {
    background-position: 100% 100%;
  }
}
@-webkit-keyframes animatedBackground {
  from {
    background-position: 0 100%;
  }
  to {
    background-position: 100% 100%;
  }
}
.cabHeader {
  display: flex;
  align-items: center;
  column-gap: 2px;
  touch-action: auto;
  pointer-events: all;
  scroll-behavior: auto;
  overscroll-behavior: auto;
  z-index: 3;
}
.cabHeader .langContainer {
  margin-right: 16px;
  margin-left: 16px;
}
.cabHeader .socialsList {
  margin: 0px -6px;
  flex-wrap: wrap;
  justify-content: center;
}
.cabHeader .socialsList .socIcon:after {
  display: none;
}
.cabHeader .socialsList li {
  padding: 3px 6px;
}
.cabHeader .logoContainer {
  width: 350px;
  display: flex;
  justify-content: center;
}

.cabHeadContent {
  min-height: 84px;
  background-color: #282828;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(100% - 292px - 350px - 4px);
}
.cabHeadContent .welcomePanel {
  display: none;
}

.cabHeadRight {
  display: flex;
  justify-content: center;
  width: 292px;
}

.cabPanel {
  padding: 5px 50px;
  border-radius: 6px;
  position: relative;
}

.cabContainer {
  flex-grow: 1;
  display: grid;
  overflow: clip;
  gap: 2px;
  grid-template-rows: auto 1fr auto;
  grid-template-columns: 350px calc(100% - 350px - 292px - 4px) 292px;
}
.cabContainer .cabPanel {
  background-color: #000;
}

.cabHeadTitle {
  min-height: 87px;
  display: flex;
  align-items: center;
}
.cabHeadTitle .sectionTitle {
  font-size: 30px;
  min-height: 58px;
  padding-left: 52px;
  background-size: auto 58px;
  margin-bottom: 0px;
}

.cabLeftContent,
.cabRightContent {
  grid-row: span 2;
  position: sticky;
  top: 0;
  max-height: calc(100vh - 4px);
  z-index: 2;
  background-color: #373737;
}

.cabLeftContent {
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #fff #434343;
  border-radius: 6px;
}
.cabLeftContent::-webkit-scrollbar {
  width: 1px;
  background-color: #434343;
}
.cabLeftContent::-webkit-scrollbar-thumb {
  background-color: #fff;
  border-radius: 0px;
  box-shadow: inset 0px 0px 0px #434343;
}
.cabLeftContent::-webkit-scrollbar-thumb:hover {
  background-color: #fff;
}
.cabLeftContent::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.cabLeftContent::-webkit-scrollbar-button:single-button {
  display: none;
}
.cabLeftContent::-webkit-scrollbar-button:start {
  display: none;
}
.cabLeftContent::-webkit-scrollbar-button:end {
  display: none;
}

.welcomePanel {
  padding: 70px 20px 56px;
  text-align: center;
  position: relative;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-image: url(../img/circle-animation.jpg);
  background-position: center bottom;
  animation: animatedBackground 30s linear infinite;
  /* Safari and Chrome: */
  -webkit-animation: animatedBackground 30s linear infinite;
}
.welcomePanel:after {
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
  touch-action: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/graffiti-single.svg);
  background-size: 60px auto;
  background-repeat: no-repeat;
  background-position: 5px calc(100% + 140px);
}
.welcomePanel .settingsLink {
  display: block;
  position: absolute;
  top: 30px;
  right: 30px;
}
@media (hover: hover) and (pointer: fine) {
  .welcomePanel .settingsLink:hover .cabIcon {
    color: #fd4b03;
    box-shadow: inset 0px 0px 0px 2px #fd4b03;
  }
  .welcomePanel .settingsLink:hover .cabIcon:after {
    color: #fff;
  }
}
.welcomePanel .ava {
  margin-bottom: 25px;
}
.welcomePanel .name {
  color: #fd4b03;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fileContainer input[type=file] {
  display: none;
}

.ava {
  border-radius: 6px;
  background-color: #dbddde;
  position: relative;
  background-image: url(../img/ava-default.svg);
  background-size: cover;
  background-position: center;
  width: 90px;
  height: 90px;
  min-width: 90px;
}
.ava:before, .ava:after {
  content: "";
  display: block;
  position: absolute;
  transform: skewX(45deg);
  width: 66px;
  height: 8px;
}
.ava:before {
  border-right: 4px solid #434343;
  border-top: 3px solid #434343;
  top: -8px;
  right: -4px;
  clip-path: polygon(0px 3px, 6px 0px, 100% 0px, 100% 100%, 0px 100%);
}
.ava:after {
  border-left: 4px solid #434343;
  border-bottom: 3px solid #434343;
  bottom: -8px;
  left: -4px;
  clip-path: polygon(0px 0px, 100% 0px, 100% calc(100% - 3px), calc(100% - 6px) 100%, 0px 100%);
}

.welcomeItem + .welcomeItem {
  margin-top: 18px;
}

.cabLabel {
  color: #939393;
}

.cabValue {
  color: #dbddde;
  white-space: nowrap;
}
.cabValue.up {
  color: #1deb52;
}
.cabValue.down {
  color: #d72302;
}

.cabValue,
.cabLabel {
  display: block;
  font-size: 14px;
  line-height: 21px;
}
.cabValue.lg,
.cabLabel.lg {
  font-size: 16px;
  line-height: 22px;
}

.cabMenuContainer .menuList {
  display: none;
}

.cabMenuList {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2px;
  margin-top: 2px;
}
.cabMenuList a {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  min-height: 98px;
  background-color: #282828;
  font-size: 14px;
  line-height: 16px;
  height: 100%;
  color: #fff;
  padding: 25px 5px 5px;
  text-transform: uppercase;
  border-radius: 6px;
  transition: color 0.25s ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
  .cabMenuList a:hover {
    color: #fd4b03;
  }
  .cabMenuList a:hover .cabIcon {
    color: #fd4b03;
    box-shadow: inset 0px 0px 0px 2px #fd4b03;
  }
  .cabMenuList a:hover .cabIcon:after {
    color: #fff;
  }
}
.cabMenuList a.active {
  color: #fd4b03;
}
.cabMenuList a.active .cabIcon {
  color: #fd4b03;
  box-shadow: inset 0px 0px 0px 2px #fd4b03;
}
.cabMenuList a.active .cabIcon:after {
  color: #fd4b03;
}
.cabMenuList a .cabIcon {
  margin-bottom: 7px;
}

.balanceHead {
  text-align: center;
  border-radius: 6px;
  padding: 52px 20px 12px;
}
.balanceHead .cabLabel {
  font-size: 16px;
  margin-bottom: 6px;
}
.balanceHead .sum {
  color: #fd4b03;
  font-size: 18px;
  line-height: 26px;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.balanceHead .sum .num {
  font-size: 24px;
}

.balanceContainer {
  background-color: #282828;
  border-radius: 6px;
  padding: 40px 50px 40px;
  margin-top: 2px;
  position: absolute;
  height: calc(100% - 144px - 2px);
  width: 100%;
  left: 0px;
  top: 144px;
}

.balanceInnerHead {
  text-align: center;
  padding-top: 12px;
  padding-bottom: 30px;
}

.balanceInner {
  position: relative;
  flex-grow: 1;
}
.balanceInner:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 263px;
  background-image: url(../img/back-balance.jpg);
  background-size: cover;
  background-position: center;
  top: -119px;
  border-radius: 6px;
  left: 0;
  z-index: -1;
}

.balanceList {
  min-height: 106px;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #fff #434343;
  width: calc(100% + 24px);
  padding-right: 24px;
  height: 100%;
}
.balanceList::-webkit-scrollbar {
  width: 1px;
  background-color: #434343;
}
.balanceList::-webkit-scrollbar-thumb {
  background-color: #fff;
  border-radius: 0px;
  box-shadow: inset 0px 0px 0px #434343;
}
.balanceList::-webkit-scrollbar-thumb:hover {
  background-color: #fff;
}
.balanceList::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.balanceList::-webkit-scrollbar-button:single-button {
  display: none;
}
.balanceList::-webkit-scrollbar-button:start {
  display: none;
}
.balanceList::-webkit-scrollbar-button:end {
  display: none;
}
.balanceList.shadow {
  -webkit-mask-image: linear-gradient(to bottom, #000 0, #000 calc(100% - 106px), transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0, #000 calc(100% - 106px), transparent 100%);
}

.balancePanel {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.balancePanel .balanceItem + .balanceItem {
  margin-top: 18px;
}

.balanceCard {
  position: relative;
}
.balanceCard .cabValue {
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 18px;
}
.balanceCard .cabLabel {
  line-height: 18px;
}
.balanceCard:before, .balanceCard:after {
  content: "";
  display: block;
  position: absolute;
}
.balanceCard:before {
  width: 94px;
  height: 4px;
  background-color: #373737;
  clip-path: polygon(0px 0px, 100% 0px, calc(100% - 5px) 100%, 5px 100%);
  top: 0;
  left: calc(50% - 47px);
}
.balanceCard:after {
  content: "";
  width: 12px;
  height: 12px;
  border-left: 6px solid #373737;
  border-bottom: 6px solid #373737;
  border-right: 6px solid transparent;
  border-top: 6px solid transparent;
  position: absolute;
  left: 0;
  bottom: 0;
}
.balanceCard .inner {
  width: 100%;
  border: 1px solid #939393;
  border-top-right-radius: 6px;
  clip-path: polygon(0px 0px, calc(50% - 53px) 0px, calc(50% - 53px + 8px) 7px, calc(50% + 53px - 8px) 7px, calc(50% + 53px) 0px, 100% 0px, 100% 100%, 15px 100%, 0px calc(100% - 15px), 0px 100%);
  padding: 10px 10px 4px 44px;
  position: relative;
}
.balanceCard .inner .payIcon {
  position: absolute;
  left: 6px;
  top: 15px;
}
.balanceCard .inner:before, .balanceCard .inner:after {
  content: "";
  display: block;
  position: absolute;
}
.balanceCard .inner:before {
  width: 108px;
  height: 8px;
  background-color: #939393;
  clip-path: polygon(0px 0px, 100% 0px, calc(100% - 8px) 100%, 8px 100%);
  top: 0;
  left: calc(50% - 54px);
}
.balanceCard .inner:after {
  width: 16px;
  height: 16px;
  border-left: 8px solid #939393;
  border-bottom: 8px solid #939393;
  border-right: 8px solid transparent;
  border-top: 8px solid transparent;
  position: absolute;
  left: 0;
  bottom: 0;
}
.balanceCard + .balanceCard {
  margin-top: 10px;
}

.cabFooter {
  background-image: url(../img/back-cab-footer.jpg);
  background-size: cover;
  background-position: center;
  border-radius: 6px;
  text-align: center;
  min-height: 102px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: auto;
}
.cabFooter .socialsList {
  justify-content: center;
  margin-bottom: 16px;
  display: none;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}
.cabFooter .socialsList li {
  padding: 0px 10px;
}
.cabFooter .socIcon:after {
  display: none;
}

.cabContent .cabPanel {
  padding: 50px;
}
.cabContent .cabPanel.btnContainer {
  padding-top: 30px;
  padding-bottom: 30px;
}

.dashboard {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 2px;
}
.dashboard .cabPanel {
  width: 34.3307086614%;
}
.dashboard .w-full {
  width: 100%;
}
.dashboard .w-2-3 {
  width: 65.5118110236%;
}

.totalItem {
  width: 100%;
}
.totalItem .inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2, 1fr);
  padding: 5px 16px;
  min-height: 108px;
}
.totalItem .inner:before {
  content: "";
  display: block;
  position: absolute;
  height: 108px;
  width: calc(100% - 50px - 360px);
  left: 360px;
  background: linear-gradient(90deg, rgba(40, 40, 40, 0) 0%, #282828 100%);
  border-radius: 6px;
  z-index: -1;
}
.totalItem:before, .totalItem:after {
  content: "";
  display: block;
  position: absolute;
}
.totalItem:before {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #373737;
  margin-top: 51px;
  z-index: 2;
}
.totalItem:after {
  border-top: 1px solid #373737;
  margin-top: -54px;
  width: calc(100% - 178px - 360px);
}
.totalItem .cabLabel {
  align-self: end;
  padding-bottom: 5px;
  white-space: nowrap;
}
.totalItem .cabValue {
  padding-top: 3px;
}
.totalItem:first-child:before, .totalItem:nth-child(4):before {
  left: 359px;
}
.totalItem:first-child:after, .totalItem:nth-child(4):after {
  left: 360px;
}
.totalItem:nth-child(2):before, .totalItem:nth-child(3):before {
  left: 412px;
}
.totalItem:nth-child(2):after, .totalItem:nth-child(3):after {
  left: 407px;
}

.totalInfo {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(4, 1fr);
  gap: 2px;
  min-width: 298px;
}
.totalInfo + .panelImage {
  position: absolute;
  width: 370px;
  height: 452px;
  left: 52px;
  top: 50%;
  transform: translateY(-50%);
  border: 1px solid #373737;
  border-radius: 50%;
  background-color: #000;
  box-shadow: 0px 0px 0px 2px #000;
  z-index: 1;
}
.totalInfo + .panelImage img {
  position: absolute;
  width: 101.0810810811%;
  left: -0.5405405405%;
  height: 107.7433628319%;
  top: 50%;
  transform: translateY(-50%);
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}

.totalPanel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  z-index: 1;
}

.rankInfo {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.rankInfo .cabValue {
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rankInfo .partnersInfo {
  margin-top: 10px;
  margin-bottom: 20px;
}

.rankLine {
  display: flex;
  align-items: center;
  max-width: 264px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.rankLine .rankIcon {
  width: 66px;
  min-width: 66px;
  margin-right: 20px;
}

.partnersInfo {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
}
.partnersInfo .infoItem {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 137px;
  border-radius: 6px;
  width: calc(50% - 1px);
  background-color: #282828;
}
.partnersInfo .infoItem:before {
  content: "\e921";
  display: block;
  font-family: icomoon;
  font-size: 30px;
  line-height: 1;
  margin-bottom: 10px;
  color: #dbddde;
}
.partnersInfo .infoItem:first-child {
  width: 100%;
  min-height: 107px;
  background: linear-gradient(180deg, rgba(40, 40, 40, 0) 0%, rgba(40, 40, 40, 0) 50%, #282828 100%);
}
.partnersInfo .infoItem.active:before {
  color: #1deb52;
}
.partnersInfo .infoItem.inactive:before {
  color: #fd4b03;
}
.partnersInfo .infoItem .inner > * {
  display: inline;
}

.cabIconItem {
  position: relative;
  padding-left: 58px;
  min-height: 37px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.cabIconItem .cabIcon {
  position: absolute;
  left: 0;
  top: calc(50% - 18px);
}
.cabIconItem + .cabIconItem {
  margin-top: 20px;
}

.qrBtn,
.copyIconBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background-color: #434343;
  min-width: 54px;
  width: 54px;
  height: 54px;
  color: #fff;
  font-size: 24px;
  transition: background-color 0.25s ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
  .qrBtn:hover,
  .copyIconBtn:hover {
    background-color: #fd4b03;
  }
}

.copyContainer {
  display: flex;
}
.copyContainer .copyIconBtn {
  margin-left: 10px;
}

.cabWrapper .inputContainer input,
.cabWrapper .inputContainer .inputText,
.cabWrapper .inputContainer textarea {
  font-size: 16px;
}

.linkInfo {
  display: flex;
  align-items: flex-end;
}
.linkInfo .cabIcon {
  margin-bottom: 8px;
}
.linkInfo .formItem {
  padding-left: 36px;
  width: calc(100% - 37px);
}
.linkInfo .qrItem {
  margin-left: 45px;
}
.linkInfo .qrItem .itemLabel {
  white-space: nowrap;
}
.linkInfo.qrPanel {
  padding-top: 45px;
}
.linkInfo.qrPanel .copyIconBtn {
  margin-left: 2px;
}
.linkInfo.qrPanel .formItem {
  padding-left: 22px;
  width: auto;
  flex-grow: 1;
  min-width: 0;
}
.linkInfo.qrPanel + .itemPanel {
  padding-bottom: 24px;
}

.incomeInfo {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  column-gap: 6px;
}
.incomeInfo .cabIconItem + .cabIconItem {
  margin-top: 20px;
}
.incomeInfo .cabLabel {
  width: max-content;
}

.tradingChart {
  display: flex;
  column-gap: 2px;
  height: 169px;
}
.tradingChart .column {
  background-color: #282828;
  flex-shrink: 0;
  flex-grow: 1;
  position: relative;
  border-radius: 2px;
  overflow: hidden;
}
.tradingChart .column .inner {
  background-image: linear-gradient(180deg, #fd4b03 0%, #171312 100%);
  background-position: center bottom;
  background-size: 100% 169px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  transition: height 0.3s ease;
}

.tradingHead {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 16px;
}
.tradingHead .tradingInfo {
  text-align: right;
}
.tradingHead .sum {
  display: block;
  color: #fd4b03;
  font-size: 18px;
}
.tradingHead .paymentSelect {
  min-width: 129px;
}
.tradingHead .paymentSelect .choices .choices__item--selectable {
  padding-left: 44px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.tradingHead .paymentSelect .choices .choices__item {
  color: #fff;
}
.tradingHead .choices__list--dropdown .choices__item,
.tradingHead .choices__list[aria-expanded] .choices__item {
  font-size: 14px;
}
.tradingHead .choices__inner {
  background-color: transparent;
  min-height: 34px;
  font-size: 14px;
}
.tradingHead .choices__inner .payIcon {
  left: 0px;
}

.copyContainer {
  position: relative;
}

.copyMessage {
  display: block;
  position: absolute;
  white-space: nowrap;
  padding: 4px 16px;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  right: 32px;
  top: 50%;
  z-index: 6;
  border-radius: 10px;
  transform: translateY(-50%) scale(0);
  pointer-events: none;
  color: #fff;
  background-color: #373737;
  transform-origin: right center;
  transition: transform 0.1s;
}
.copyMessage.active {
  transform: translateY(-50%) scale(1);
}

.transactionContent {
  display: flex;
  column-gap: 2px;
}

.inputLimits {
  font-size: 14px;
  line-height: 21px;
  display: flex;
  column-gap: 12px;
  margin-top: 25px;
}
.inputLimits .caption {
  display: block;
}
.inputLimits .values {
  display: block;
  color: #dbddde;
}
.inputLimits .limit {
  flex-basis: 0;
  flex-grow: 1;
}

.transactionForm {
  gap: 2px;
  display: grid;
  grid-template-columns: 472px calc(100% - 472px - 2px);
}
.transactionForm .stepHead {
  margin-bottom: 13px;
}
.transactionForm .stepHead + .formItem {
  margin-top: 8px;
}
.transactionForm .stepCount {
  display: block;
  color: #fd4b03;
  text-transform: uppercase;
}
.transactionForm .stepCaption {
  display: block;
  color: #fff;
  text-transform: uppercase;
}
.transactionForm .cabPanel {
  display: flex;
  flex-direction: column;
  padding-top: 45px;
  padding-bottom: 40px;
}
.transactionForm .row-2 {
  grid-row: span 2;
}
.transactionForm .btnContainer {
  margin-top: 72px;
}
.transactionForm .resultList {
  max-width: 612px;
  margin: 42px auto 0px;
  width: 100%;
}
.transactionForm .formContent {
  position: relative;
}
.transactionForm .formContent .btnContainer {
  position: absolute;
  bottom: 45px;
  left: 60px;
  margin-top: 0px;
}
.transactionForm .formItem {
  margin-top: 24px;
}

.currencyBtn input[type=radio] {
  display: none;
}
.currencyBtn input[type=radio]:checked + .currencyLabel {
  background-color: #fd4b03;
  color: #fff;
}
.currencyBtn input[type=radio]:checked + .currencyLabel .payIcon {
  filter: brightness(0) invert(1);
}
.currencyBtn input[type=radio]:checked + .currencyLabel .sum {
  color: #fff;
}

.currencyLabel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #232323;
  border-radius: 6px;
  min-height: 88px;
  padding: 5px 15px 5px 66px;
  position: relative;
  font-size: 14px;
  line-height: 18px;
  cursor: pointer;
  transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
  .currencyLabel:hover {
    background-color: #fd4b03;
    color: #fff;
  }
  .currencyLabel:hover .payIcon {
    filter: brightness(0) invert(1);
  }
  .currencyLabel:hover .sum {
    color: #fff;
  }
}
.currencyLabel .name {
  color: #fff;
  text-transform: uppercase;
}
.currencyLabel .payIcon {
  left: 22px;
  position: absolute;
  top: calc(50% - 15px);
  transition: filter 0.25s ease-in-out;
}
.currencyLabel .sum {
  color: #fd4b03;
  transition: color 0.25s ease-in-out;
}

.currenciesList {
  display: grid;
  align-content: start;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #fff #434343;
  padding-right: 12px;
  position: absolute;
  width: 100%;
  height: 100%;
  grid-template-columns: repeat(2, 1fr);
  gap: 2px;
}
.currenciesList::-webkit-scrollbar {
  width: 1px;
  background-color: #434343;
}
.currenciesList::-webkit-scrollbar-thumb {
  background-color: #fff;
  border-radius: 0px;
  box-shadow: inset 0px 0px 0px #434343;
}
.currenciesList::-webkit-scrollbar-thumb:hover {
  background-color: #fff;
}
.currenciesList::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.currenciesList::-webkit-scrollbar-button:single-button {
  display: none;
}
.currenciesList::-webkit-scrollbar-button:start {
  display: none;
}
.currenciesList::-webkit-scrollbar-button:end {
  display: none;
}

.transferCurrencies {
  position: relative;
  flex-grow: 1;
}

.sum .postfix {
  font-size: 0.4444444444em;
}

.paymentCard {
  --card-color-middle-default: color-mix(in srgb, var(--card-color) 75%, transparent);
  background: url(../img/graffiti-fill.svg), linear-gradient(154deg, #282828 23%, var(--card-color-middle, var(--card-color-middle-default)) 50%, var(--card-color) 90%);
  border-radius: 30px;
  border: 1px solid #808080;
  padding: 45px 60px 125px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: calc(100% - 80px) 100px, left top;
  background-size: 215px auto, 100% 100%;
}
.paymentCard .copyContainer .copyIconBtn {
  margin-left: 2px;
}
.paymentCard .btnContainer {
  margin-top: 30px;
}
.paymentCard .cardHead {
  display: flex;
  justify-content: space-between;
}
.paymentCard .sum {
  display: block;
  font-size: 36px;
  line-height: 1;
  color: #fff;
  margin-top: 34px;
  white-space: nowrap;
}
.paymentCard .purseHead {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 140px;
  position: relative;
  min-height: 108px;
  font-size: 30px;
  line-height: 36px;
  color: #fff;
}
.paymentCard .purseHead .name {
  text-transform: uppercase;
}
.paymentCard .coloredPayIcon {
  position: absolute;
  left: 0;
  top: calc(50% - 54px);
  height: 108px;
}
.paymentCard .coloredPayIcon img {
  max-height: 100%;
}
.paymentCard .qrItem {
  width: 180px;
  height: 180px;
}

.investSlider {
  width: 100%;
  border-radius: 6px;
  padding-bottom: 40px;
  overflow: visible;
}
.investSlider .planListCard {
  flex-direction: row;
  justify-content: space-between;
}
.investSlider .planListCard:before {
  width: 59.5275590551%;
  background-position: calc(100% - 16px) calc(50% + 216px);
  filter: brightness(1) invert(1);
  background-size: 60px auto;
}
.investSlider .cardContent {
  width: 59.5275590551%;
}
.investSlider .cardResult {
  width: 40.3149606299%;
  margin-top: 0px;
}
.investSlider .imageCount {
  left: auto;
  right: 20px;
  font-size: 30px;
}
.investSlider .cardInfo {
  width: calc(100% - 327px);
  padding-top: 28px;
  padding-right: 28px;
}
.investSlider .planHead {
  margin-bottom: 36px;
}
.investSlider .imageContainer {
  width: 327px;
  min-height: 316px;
}
.investSlider .formNote {
  padding-left: 16px;
}
.investSlider .resultList {
  grid-template-columns: repeat(2, 1fr);
  column-gap: 30px;
  row-gap: 42px;
}
.investSlider .btnContainer {
  margin-top: 65px;
}
.investSlider .cardResult {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.investSlider .calcResultLine:nth-child(7) {
  grid-column: span 2;
}
.investSlider .swiper-wrapper {
  z-index: 11;
}

.pagination-slider {
  width: 216px;
  padding-left: 11px;
  padding-right: 11px;
  margin-left: 16px;
  margin-right: 16px;
}
.pagination-slider .swiper-slide {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 18px;
  line-height: 24px;
  color: #fff;
  text-transform: uppercase;
  background: none;
  min-width: 50px;
  width: 50px;
  height: 50px;
  border: 2px solid #939393;
  border-radius: 0px;
  border-bottom-left-radius: 6px;
  opacity: 1;
  position: relative;
  font-family: "Befrak", "sans-serif";
  transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}
.pagination-slider .swiper-slide:hover {
  color: #fd4b03;
  border-color: #fd4b03;
}
.pagination-slider .active {
  color: #fd4b03;
  border-color: #fd4b03;
}

.swiper-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 12px;
  margin-bottom: 12px;
}
.swiper-controls .swiper-pagination {
  display: flex;
  width: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.swiper-controls .swiper-button-next,
.swiper-controls .swiper-button-prev {
  position: relative;
  top: auto;
  margin-left: auto;
  margin-right: auto;
}
.swiper-controls .swiper-button-prev {
  left: auto;
}
.swiper-controls .swiper-button-next {
  right: auto;
}

.siteTabs.horizontal {
  display: block;
}
.siteTabs.horizontal .tabsContent {
  width: 100%;
}
.siteTabs.horizontal .tabsList {
  display: flex;
  flex-wrap: wrap;
  margin: -20px -10px 0px;
  width: auto;
  padding-bottom: 30px;
}
.siteTabs.horizontal .tabsList li {
  margin: 10px 10px 0px;
}
.siteTabs.horizontal .tabsList li + li {
  margin-top: 10px;
}
.siteTabs.horizontal .tabsList a {
  letter-spacing: 0.025em;
  padding-right: 45px;
  padding-left: 25px;
}
.siteTabs.horizontal .tabsList a:before {
  content: "\e917";
  display: block;
  position: absolute;
  font-family: icomoon;
  height: auto;
  width: auto;
  border: 0px;
  right: 19px;
  font-size: 12px;
  line-height: 1;
  top: calc(50% - 6px);
  color: inherit;
  transition: transform 0.2s;
}

.assetsTabs .tabsList {
  margin: -30px -10px 0px;
}
.assetsTabs .tabsList a {
  min-width: 288px;
}
.assetsTabs .tabsList li {
  margin: 20px 15px 0px;
}
.assetsTabs .tabsList li + li {
  margin-top: 20px;
}

.assetsList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: -40px;
}
.assetsList .assetsCard {
  width: calc(50% - 20px);
  margin-top: 40px;
}

.progressColumn {
  width: 61px;
  border-radius: 6px;
  background-color: #000;
  padding: 5px;
  display: flex;
}
.progressColumn .progress {
  position: relative;
  width: 100%;
}
.progressColumn .progress {
  background-color: #2c2c2c;
  -webkit-mask-image: url(../img/progress.svg);
  mask-image: url(../img/progress.svg);
  -webkit-mask-size: 100% auto;
  mask-size: 100% auto;
  height: calc(100% + 11px);
  position: absolute;
  border-radius: 5px;
  left: 5px;
  top: 5px;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
}
.progressColumn .progressInner {
  position: absolute;
  left: 0px;
  width: 100%;
  bottom: 0px;
  height: 100%;
  border-radius: 5px;
}
.progressColumn .progressInner:before {
  content: "";
  display: block;
  position: absolute;
  height: calc(100% + 11px);
  width: 100%;
  bottom: 0px;
  left: 0px;
  background-color: #fd4b03;
  -webkit-mask-image: url(../img/progress.svg);
  mask-image: url(../img/progress.svg);
  -webkit-mask-size: 100% auto;
  mask-size: 100% auto;
  -webkit-mask-repeat: repeat-y;
  mask-repeat: repeat-y;
  -webkit-mask-position: center bottom;
  mask-position: center bottom;
  clip-path: polygon(0px 11px, 100% 0px, 100% 100%, 0px 100%);
}

.assetsCard {
  border-radius: 6px;
  background-color: #2c2c2c;
  padding: 30px 30px 50px;
}
.assetsCard .imageContainer {
  width: 165px;
  height: 165px;
  border-radius: 6px;
  overflow: hidden;
}
.assetsCard .headInfo {
  width: calc(100% - 165px);
  padding-left: 30px;
}
.assetsCard .cardHead {
  display: flex;
}
.assetsCard .cardHead .planCharItem:not(.depositBtn) {
  display: block;
}
.assetsCard .cardHead .planCharItem:not(.depositBtn) > * {
  display: inline;
}
.assetsCard .planHead {
  min-height: 50px;
  padding-left: 70px;
  margin-bottom: 18px;
}
.assetsCard .planHead .count {
  width: 50px;
  height: 50px;
  top: calc(50% - 25px);
  font-size: 18px;
}
.assetsCard .planHead .name {
  font-size: 19px;
}
.assetsCard .planHead .profit {
  font-size: 16px;
  margin-top: 8px;
}
.assetsCard .planCharItem {
  padding-left: 0px;
}
.assetsCard .charsList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.assetsCard .charsList .planCharItem {
  width: calc(50% - 11px);
  margin-top: 22px;
}
.assetsCard .cardContent {
  padding-right: 95px;
  padding-top: 8px;
  position: relative;
  min-height: 281px;
}
.assetsCard .depositBtn {
  border-radius: 6px;
  background-color: #232323;
  min-height: 59px;
  padding: 5px 61px 5px 22px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 12px;
}
.assetsCard .depositBtn:after {
  content: "\e91e";
  display: block;
  font-family: icomoon;
  position: absolute;
  right: 4px;
  font-size: 43px;
  line-height: 1;
  top: calc(50% - 25px);
  color: #fff;
  transition: color 0.25s ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
  .assetsCard .depositBtn:hover:after {
    color: #fd4b03;
  }
}
.assetsCard .progressColumn {
  position: absolute;
  height: 251px;
  right: 0;
  bottom: 0;
}
.assetsCard .cardTimer {
  border-radius: 6px;
  background-color: #232323;
  min-height: 59px;
  display: flex;
  align-items: center;
  padding: 5px 22px;
  margin-top: 26px;
}
.assetsCard .cardTimer .timerInner > * {
  display: inline;
}
.assetsCard .cardTimer .timer {
  color: #fd4b03;
  font-size: 24px;
  white-space: nowrap;
}
.assetsCard .btnContainer {
  margin-top: 40px;
}
.assetsCard.closed .imageContainer img {
  filter: grayscale(100%);
}

.progressColumn {
  width: 61px;
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
}
.pagination ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  width: auto;
}
.pagination .navLink {
  position: relative;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  width: 50px;
  color: #fff;
  margin-top: 0;
  opacity: 1;
  z-index: 2;
  transition: color 0.05s ease-in-out, opacity 0.25s ease-in-out;
  text-decoration: none;
}
.pagination .navLink:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  left: 0;
  top: 0;
  filter: brightness(1) invert(0);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52 52' fill='none'%3E%3Cpath fill='%23939393' d='M52 0V36.4141L36.4141 52H0V0H52ZM2 50H35.5859L50 35.5859V2H2V50Z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: filter 1s;
}
.pagination .navLink:after {
  content: "\e914";
  font-family: icomoon;
  font-size: 8px;
  line-height: 1;
  display: block;
  position: absolute;
  right: -10px;
  top: -10px;
  color: #939393;
  pointer-events: none;
}
.pagination .navLink .icon {
  position: relative;
  z-index: 1;
}
@media (hover: hover) and (pointer: fine) {
  .pagination .navLink:hover {
    color: #fd4b03;
  }
  .pagination .navLink:hover:before {
    filter: brightness(0) saturate(100%) invert(33%) sepia(88%) saturate(3370%) hue-rotate(4deg) brightness(102%) contrast(100%);
  }
  .pagination .navLink:hover:after {
    color: #fff;
  }
}
.pagination .navLink.swiper-button-disabled, .pagination .navLink[aria-disabled=true] {
  opacity: 0.33;
  pointer-events: none;
}
.pagination a:not(.navLink) {
  position: relative;
  font-size: 16px;
  line-height: 21px;
  color: #fff;
  transition: color 0.2s;
  text-transform: uppercase;
  background: none;
  width: auto;
  height: auto;
  border-radius: 0;
  text-decoration: none;
}
@media (hover: hover) and (pointer: fine) {
  .pagination a:not(.navLink):hover {
    color: #fd4b03;
  }
}
.pagination a:not(.navLink).active {
  background: none;
  color: #fd4b03;
}
.pagination li {
  display: flex;
  align-items: center;
  margin-left: 14px;
  margin-right: 14px;
}
.pagination li:not(.nav) {
  position: relative;
}
.pagination li:not(.nav) + li:not(.nav):before {
  content: "";
  display: block;
  position: absolute;
  left: -23px;
  bottom: 0px;
  background-image: repeating-linear-gradient(to right, #939393 0 2px, transparent 2px 8px);
  margin-bottom: 5px;
  height: 2px;
  width: 18px;
}

.programTabs .tabsList {
  flex-wrap: wrap;
}
.programTabs .tabsList li {
  width: calc(16.6666666667% - 20px);
}
.programTabs .tabsList a:before {
  transform-origin: center center;
  transform: rotate(-90deg);
}

.progressLine {
  position: relative;
  height: 21px;
  border-radius: 6px;
  overflow: hidden;
  background-color: #232323;
}
.progressLine .inner {
  position: absolute;
  background-color: #fd4b03;
  height: 100%;
  left: 0;
  top: 0;
}

.affiliatePanel {
  display: flex;
  justify-content: space-between;
}
.affiliatePanel .statusPanel {
  width: 375px;
  background-color: #434343;
  border-radius: 15px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 30px 28px;
  background-image: url(../img/back-status.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.affiliatePanel .statusPanel .caption {
  display: block;
  font-size: 18px;
  line-height: 30px;
  color: #939393;
}
.affiliatePanel .statusPanel .value {
  color: #dbddde;
  line-height: 30px;
  font-size: 24px;
}
.affiliatePanel .statusPanel .rankInfo .value {
  font-size: 30px;
  line-height: 36px;
}
.affiliatePanel .statusPanel .rankInfo .caption {
  font-size: 18px;
}
.affiliatePanel .statusPanel .turnoverInfo {
  text-align: left;
  margin-top: 28px;
  width: 100%;
}
.affiliatePanel .statusPanel .turnoverInfo .value {
  color: #fd4b03;
}
.affiliatePanel .statusPanel .conditionInfo {
  text-align: right;
  width: 100%;
  margin-top: 15px;
}
.affiliatePanel .statusPanel .conditionInfo .value {
  font-size: 16px;
}
.affiliatePanel .statusPanel .conditionInfo + * {
  margin-top: 20px;
}
.affiliatePanel .statusPanel .progressLine {
  margin-top: 4px;
}
.affiliatePanel .statusPanel .infoItem + .infoItem {
  margin-top: 50px;
}
.affiliatePanel .levelList {
  width: calc(100% - 375px - 50px);
  grid-template-columns: repeat(10, 1fr);
}
.affiliatePanel .levelCard {
  min-height: 98px;
  background-color: #000;
}
.affiliatePanel .level {
  background-color: #373737;
  top: 5px;
  right: 5px;
}
.affiliatePanel .rankCaption {
  display: block;
  font-size: 30px;
  line-height: 1;
  color: #fff;
  margin-bottom: 10px;
  font-family: "Befrak", "sans-serif";
  text-transform: uppercase;
  margin-bottom: 30px;
}
.affiliatePanel .rankIcon {
  margin-bottom: 30px;
}
.affiliatePanel.horizontal {
  display: block;
}
.affiliatePanel.horizontal .statusPanel {
  width: 100%;
  background-image: none;
  flex-direction: row;
  border: 1px solid #939393;
  text-align: left;
  justify-content: flex-start;
}
.affiliatePanel.horizontal .statusPanel .conditionInfo {
  max-width: 215px;
  margin-top: 0px;
}
.affiliatePanel.horizontal .statusPanel .conditionInfo .caption,
.affiliatePanel.horizontal .statusPanel .conditionInfo .value {
  display: inline;
}
.affiliatePanel.horizontal .statusPanel .conditionInfo .value {
  font-size: 16px;
}
.affiliatePanel.horizontal .statusPanel .conditionInfo + * {
  margin-top: 0px;
}
.affiliatePanel.horizontal .statusPanel .caption {
  font-size: 16px;
  line-height: 20px;
}
.affiliatePanel.horizontal .statusPanel .value {
  font-size: 18px;
  display: block;
  line-height: 22px;
}
.affiliatePanel.horizontal .statusPanel .rankInfo {
  width: 22.0601640839%;
  padding-left: 25px;
  padding-right: 25px;
}
.affiliatePanel.horizontal .statusPanel .rankInfo .caption {
  font-size: 18px;
}
.affiliatePanel.horizontal .statusPanel .rankInfo .value {
  font-size: 30px;
  line-height: 1;
}
.affiliatePanel.horizontal .statusPanel .turnoverInfo {
  margin-top: 0px;
  width: 26.8915223336%;
  padding-right: 25px;
}
.affiliatePanel.horizontal .statusPanel .nextRankInfo {
  margin-left: auto;
  padding-left: 25px;
}
.affiliatePanel.horizontal .levelList {
  width: 100%;
  margin-top: 30px;
}
.affiliatePanel.horizontal .levelCard {
  min-height: 86px;
}
.affiliatePanel.horizontal .rankIcon {
  min-width: 132px;
  margin-bottom: 0px;
}

.cabContent .affiliatePanel .levelCard {
  background-color: #373737;
}
.cabContent .affiliatePanel .level {
  background-color: #282828;
}

.filterPanel {
  margin-bottom: 2px;
}
.filterPanel.cabPanel {
  padding-top: 45px;
}

.filterForm {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.filterForm .filterContent {
  display: flex;
  align-items: flex-end;
  flex-grow: 1;
}
.filterForm .filterDates {
  display: flex;
  align-items: flex-end;
  width: 39.2039800995%;
  padding-right: 10px;
}
.filterForm .filterDates .formItem {
  padding-right: 30px;
  width: 50%;
}
.filterForm .formItem {
  padding-right: 40px;
  width: 30.0497512438%;
}

.historyPanel {
  padding-top: 30px;
}
.historyPanel .accordTitle {
  border-radius: 6px;
  background-color: #232323;
  box-shadow: inset 0px 0px 0px 2px transparent;
  position: relative;
  padding-right: 63px;
  padding-left: 20px;
  margin-top: 20px;
  transition: box-shadow 0.2s;
}
.historyPanel .accordTitle:after {
  content: "\e91e";
  display: block;
  font-family: icomoon;
  position: absolute;
  right: 10px;
  font-size: 43px;
  line-height: 1;
  top: calc(50% - 26px);
  color: #fff;
  transition: color 0.25s ease-in-out;
}
.historyPanel .accordTitle.active, .historyPanel .accordTitle:hover {
  box-shadow: inset 0px 0px 0px 2px #fd4b03;
}
.historyPanel .accordTitle.active:after, .historyPanel .accordTitle:hover:after {
  color: #fd4b03;
}

.status {
  color: #fd4b03;
}

.operationLine {
  display: flex;
  align-items: center;
  min-height: 74px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.operationLine .sum .postfix {
  font-size: 0.8571428571em;
}
.operationLine .item {
  padding: 5px 10px;
}
.operationLine .item:first-child {
  width: 9.3808630394%;
}
.operationLine .item:nth-child(2) {
  width: 11.8959107807%;
}
.operationLine .item:nth-child(3) {
  width: 15.9851301115%;
}
.operationLine .item:nth-child(4) {
  width: 18.029739777%;
}
.operationLine .item:nth-child(5) {
  width: 16.3568773234%;
}
.operationLine .item:nth-child(6) {
  width: 17.2862453532%;
}
.operationLine .item:nth-child(7) {
  width: 10.2230483271%;
}

.authHistoryTable {
  display: table;
  width: 100%;
  border-spacing: 0px 5px;
}

.historyLine {
  display: table-row;
}
.historyLine .cabValue {
  white-space: normal;
}
.historyLine .item {
  display: table-cell;
  vertical-align: middle;
  height: 74px;
  background-color: #232323;
  padding-right: 15px;
  padding-left: 30px;
}
.historyLine .item:first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  padding-left: 30px;
}
.historyLine .item:last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.operationAddInfo {
  display: flex;
  align-items: center;
  padding: 12px 30px 6px 20px;
}
.operationAddInfo .cabValue {
  color: #939393;
  white-space: normal;
}
.operationAddInfo .item {
  padding: 3px 10px;
}
.operationAddInfo .item:first-child {
  min-width: 25.9326660601%;
}
.operationAddInfo .item:nth-child(2) {
  min-width: 34.3039126479%;
}
.operationAddInfo .item:nth-child(3) {
  min-width: 39.7634212921%;
  width: min-content;
}

.qrBtn .icon {
  font-size: 30px;
}

.qrItem {
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  row-gap: 5px;
}

.closeBtn {
  display: block;
  color: #fff;
  font-size: 30px;
  line-height: 1;
  cursor: pointer;
  transition: color 0.25s ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
  .closeBtn:hover {
    color: #fd4b03;
  }
}

.qrBtnWrapper {
  position: relative;
}

.qrTooltip {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -45%);
  width: 360px;
  height: 393px;
  flex-direction: column;
  align-items: center;
  background-color: #282828;
  border-radius: 6px;
  justify-content: center;
  padding: 20px;
  z-index: 10;
}
.qrTooltip .itemLabel {
  display: block;
  margin-top: 15px;
  font-size: 14px;
  line-height: 21px;
}
.qrTooltip .closeBtn {
  display: block;
  position: absolute;
  right: 32px;
  top: 32px;
}
.qrTooltip.active {
  display: flex;
}
.qrTooltip .qrImage {
  width: 179px;
}

.teamDashboard {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 2px;
}
.teamDashboard .cabPanel {
  width: 100%;
}
.teamDashboard .cabPanel:nth-child(8n+1) {
  width: calc(69.5275590551% - 1px);
}
.teamDashboard .cabPanel:nth-child(8n+2) {
  width: calc(30.4724409449% - 1px);
}
.teamDashboard .cabPanel:nth-child(8n+3) {
  width: calc(34.4094488189% - 1px);
}
.teamDashboard .cabPanel:nth-child(8n+4) {
  width: calc(65.5905511811% - 1px);
}
.teamDashboard .cabPanel:nth-child(8n+5) {
  width: calc(34.4881889764% - 2px);
}
.teamDashboard .cabPanel:nth-child(8n+6), .teamDashboard .cabPanel:nth-child(8n+7) {
  width: calc(32.7559055118% - 1px);
}
.teamDashboard .cabPanel.full {
  width: 100%;
}

.itemPanel {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.lastPartner {
  background-image: url(../img/back-last-partner.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.structureLatestScroll {
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #fff #434343;
}
.structureLatestScroll::-webkit-scrollbar {
  width: 1px;
  background-color: #434343;
}
.structureLatestScroll::-webkit-scrollbar-thumb {
  background-color: #fff;
  border-radius: 0px;
  box-shadow: inset 0px 0px 0px #434343;
}
.structureLatestScroll::-webkit-scrollbar-thumb:hover {
  background-color: #fff;
}
.structureLatestScroll::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.structureLatestScroll::-webkit-scrollbar-button:single-button {
  display: none;
}
.structureLatestScroll::-webkit-scrollbar-button:start {
  display: none;
}
.structureLatestScroll::-webkit-scrollbar-button:end {
  display: none;
}

.structureLatest {
  padding-top: 28px;
  padding-bottom: 28px;
}
.structureLatest .textTitle {
  font-size: 16px;
  margin-bottom: 18px;
}
.structureLatest .structureLatestScroll {
  max-height: 331px;
  width: calc(100% + 24px);
  padding: 0px 24px 0px 0;
}
.structureLatest .structureLatestList {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.partnerCard {
  display: flex;
  align-items: center;
  padding: 10px 40px 10px 45px;
  background-color: #232323;
  border-radius: 6px;
  box-shadow: inset 0px 0px 0px 2px transparent;
  text-decoration: none;
  color: inherit;
  transition: box-shadow 0.2s ease-in-out;
  min-height: 74px;
  cursor: pointer;
}
.partnerCard .ava {
  width: 42px;
  height: 42px;
  min-width: 42px;
}
.partnerCard .ava:before, .partnerCard .ava:after {
  width: 35px;
  height: 7px;
}
.partnerCard .ava:before {
  top: -5px;
  right: -3px;
  border-right: 3px solid #434343;
  border-top: 2px solid #434343;
}
.partnerCard .ava:after {
  bottom: -5px;
  left: -3px;
  border-left: 3px solid #434343;
  border-bottom: 2px solid #434343;
}
.partnerCard .nameItem {
  flex: 1;
  min-width: 0;
  padding-left: 18px;
  padding-right: 18px;
}
.partnerCard .nameItem .cabValue {
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.partnerCard .levelItem {
  text-align: right;
}
@media (hover: hover) and (pointer: fine) {
  .partnerCard:hover {
    box-shadow: inset 0px 0px 0px 2px #fd4b03;
  }
}

.paymentsForm .formContent {
  display: flex;
  flex-wrap: wrap;
  margin: -24px -20px 0px;
}
.paymentsForm .formItem {
  width: 50%;
  padding: 24px 20px 0px;
}
.paymentsForm .btnContainer {
  margin-top: 40px;
}

.paymentItem .payIcon {
  width: 54px;
  height: 54px;
  border-radius: 6px;
  background-color: #282828;
  display: flex;
  align-items: center;
  justify-content: center;
}
.paymentItem .inputContainer {
  display: flex;
  justify-content: space-between;
}
.paymentItem .itemLabel {
  padding-left: 73px;
}
.paymentItem input {
  width: calc(100% - 56px);
}

.personalForm .formContent {
  display: grid;
  grid-template-columns: repeat(2, calc(50% - 20px));
  grid-template-rows: auto;
  column-gap: 40px;
  row-gap: 24px;
}
.personalForm .formItem:first-child {
  grid-row: span 2;
}
.personalForm .btnContainer {
  margin-top: 40px;
}

.fileContainer .fileName {
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.avaSettings {
  position: relative;
  min-height: 184px;
  padding: 10px 40px 10px 170px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  background-color: #232323;
  border-radius: 6px;
}
.avaSettings .fileNameWrapper {
  display: flex;
  font-size: 14px;
  line-height: 21px;
  max-width: 100%;
  color: #dbddde;
}
.avaSettings .fileNameWrapper .status {
  padding-left: 4px;
}
.avaSettings .itemLabel {
  padding-left: 0px;
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 0px;
  margin-top: 16px;
}
.avaSettings .ava {
  width: 90px;
  height: 90px;
  min-width: 90px;
  position: absolute;
  left: 50px;
  top: calc(50% - 45px);
}

.settingsTabs .tabsList a {
  min-width: 287px;
}

.securityForm .topLineForm {
  display: flex;
  margin: 0px -15px;
  width: calc(100% + 30px);
  padding-bottom: 40px;
}
.securityForm .topLineForm .formItem {
  padding: 0px 15px;
  width: 33.3333333333%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.securityForm .formContent {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.securityForm .formPanel {
  width: calc(50% - 20px);
  border-radius: 6px;
  padding: 50px 30px;
  background-color: #232323;
}
.securityForm .qrContainer {
  display: flex;
}
.securityForm .qrContainer .itemLabel {
  font-size: 14px;
}
.securityForm .qrContainer .textTitle {
  margin-bottom: 48px;
}
.securityForm .qrContainer + .formItem {
  margin-top: 16px;
}
.securityForm .qrContent {
  width: calc(100% - 179px);
  padding-right: 30px;
}
.securityForm .qrCard {
  width: 179px;
}
.securityForm .authKey {
  color: #fd4b03;
  display: block;
  font-size: 22px;
  line-height: 26px;
  margin-top: 12px;
  word-break: break-all;
}
.securityForm .btnContainer {
  margin-top: 40px;
}

.passwordPanel .textTitle {
  text-align: right;
}
.passwordPanel .formItem + .formItem {
  margin-top: 14px;
}

.loginHistoryPanel .textContainer {
  font-size: 14px;
}
.loginHistoryPanel .textContainer + .authHistoryTable {
  margin-top: 20px;
}

.modalStructureContent {
  display: grid;
  gap: 2px;
  grid-template-columns: 100%;
}

.modalContent .headCard {
  flex-grow: 1;
  background-color: #000;
  padding: 15px 30px;
  display: flex;
  min-height: 78px;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 6px;
}
.modalContent .headCard .cabValue {
  flex-grow: 1;
  display: flex;
  color: #fd4b03;
}
.modalContent .headCard .cabValue:before {
  content: "";
  display: block;
  flex-grow: 1;
  height: 3px;
  align-self: flex-end;
  margin-bottom: 5px;
  margin-left: 8px;
  margin-right: 8px;
  background: repeating-linear-gradient(to right, #939393 0 3px, transparent 3px 14px);
}
.modalContent .headCard + .formItem {
  margin-top: 24px;
}

.modalTransactionForm {
  display: grid;
  gap: 2px;
  grid-template-columns: 100%;
}
.modalTransactionForm .modalTitle + * {
  margin-top: 16px;
}
.modalTransactionForm .qrInfo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.modalTransactionForm .copyContainer .copyIconBtn {
  margin-left: 2px;
}
.modalTransactionForm .btnContainer {
  display: flex;
  justify-content: center;
  margin-top: 28px;
  margin-left: -20px;
  margin-right: -20px;
}
.modalTransactionForm .btnContainer .btnItem {
  padding-left: 20px;
  padding-right: 20px;
}
.modalTransactionForm .inputContainer .inputText,
.modalTransactionForm .inputContainer input {
  font-size: 16px;
}
.modalTransactionForm .formItem + * {
  margin-top: 30px;
}

.resultList .value.copyContainer {
  display: flex;
  align-items: center;
}
.resultList .value.copyContainer .copyBtn {
  color: #fff;
  font-size: 24px;
  line-height: 21px;
  margin-left: 10px;
}

.modal .resultList {
  background-image: url(../img/back-calc-result.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 6px;
  padding: 48px 30px;
}
.modal .cabHeadTitle {
  text-align: center;
  min-height: 67px;
  padding-top: 5px;
  padding-bottom: 5px;
  grid-column: span 2;
}
.modal .cabHeadTitle .sectionTitle {
  display: block;
  padding-left: 0px;
  background-image: none;
  min-height: 0px;
  text-align: center;
  width: 100%;
}
.modal .structureList .textTitle {
  font-size: 14px;
  margin-bottom: 12px;
}
.modal .structureList li + li {
  margin-top: 5px;
}
.modal .structureList input[type=radio] {
  display: none;
}
.modal .structureList input[type=radio]:checked + .partnerCard {
  box-shadow: inset 0px 0px 0px 2px #fd4b03;
}
.modal .partnerCard {
  padding: 10px 30px 10px 35px;
}
.modal .structureLatestScroll {
  max-height: 425px;
  padding: 0px 30px 0px 0;
}

.depositModal .modalContent {
  max-width: 860px;
}
.depositModal .modalTransactionForm {
  grid-template-columns: calc(100% - 278px - 2px) 278px;
}
.depositModal .modalPanel:nth-child(3) {
  grid-column: span 2;
}

.structureModal .modalContent {
  max-width: 1200px;
}
.structureModal .inputContainer input {
  background-color: #5e5e5e;
}
.structureModal .inputContainer input::-webkit-input-placeholder {
  color: #939393;
}
.structureModal .inputContainer input::-moz-placeholder {
  color: #939393;
}
.structureModal .inputContainer input:-moz-placeholder {
  color: #939393;
}
.structureModal .inputContainer input:-ms-input-placeholder {
  color: #939393;
}
.structureModal .dataLine {
  display: flex;
  justify-content: space-between;
  min-height: 27px;
  align-items: center;
}
.structureModal .dataLine + .dataLine {
  border-top: 1px solid #434343;
}
.structureModal .dataLine .cabValue {
  color: #fff;
}
.structureModal .dataLine.accent .cabLabel,
.structureModal .dataLine.accent .cabValue {
  color: #fd4b03;
}
.structureModal .dataHead {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  padding-right: 12px;
}
.structureModal .dataHead .name {
  padding-left: 20px;
}
.structureModal .dataHead .cabValue {
  color: #fd4b03;
}
.structureModal .dataHead .levelMark {
  margin-left: 20px;
}
.structureModal .dataPanel {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.structureModal .dataPanel .closeBtn {
  position: absolute;
  right: 18px;
  top: 18px;
  font-size: 18px;
}
.structureModal .dataPanel .cabLabel,
.structureModal .dataPanel .cabValue {
  font-size: 16px;
}

.levelMark {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: #282828;
  border-radius: 6px;
  min-width: 68px;
  min-height: 36px;
  color: #fff;
}

.modalStructureContent {
  display: grid;
  grid-template-columns: calc(100% - 496px - 2px) 496px;
  grid-template-rows: auto auto auto 1fr 1fr;
  gap: 2px;
}
.modalStructureContent .modalPanel:nth-child(3) {
  grid-column-start: 1;
  grid-row: 2/span 4;
}

.structureLevelsList {
  display: grid;
  gap: 2px;
  grid-template-columns: repeat(5, 1fr);
}
.structureLevelsList input[type=radio] {
  display: none;
}
.structureLevelsList input[type=radio]:checked + .levelLabel {
  background-color: #fd4b03;
}
.structureLevelsList .levelLabel {
  display: flex;
  justify-content: center;
  background-color: #000;
  border-radius: 6px;
  padding: 24px 12px;
  white-space: nowrap;
  color: #939393;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.25s ease-in-out;
}
.structureLevelsList .levelLabel .inner {
  display: block;
  background-color: #282828;
  border-radius: 6px;
  font-size: 14px;
  line-height: 36px;
  text-align: center;
  padding: 0px 9px;
  min-width: 68px;
}
.structureLevelsList .levelLabel .count {
  color: #fff;
  font-size: 16px;
}
@media (hover: hover) and (pointer: fine) {
  .structureLevelsList .levelLabel:hover {
    background-color: #fd4b03;
  }
}
.structureLevelsList + * {
  margin-top: 24px;
}

.cabMiddle {
  display: flex;
  flex-direction: column;
  row-gap: 2px;
}

[data-currency] {
  text-transform: uppercase;
}

.codeModalForm .modalPanel:first-child {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  padding-bottom: 0px;
}
.codeModalForm .modalPanel:last-child {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  padding-top: 5px;
}
.codeModalForm .formItem.codeItem {
  background-color: #000;
  border-radius: 6px;
  padding: 12px calc((100% - 504px) / 2) 42px;
}
.codeModalForm .btnContainer {
  margin-top: 32px;
}

.leadersResults {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  background-image: url(../img/back-leaders.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.leadersResults .textTitle {
  width: calc(33.1623931624% - 2px);
  padding-right: 12px;
}
.leadersResults .items {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 12px;
  width: 66.8376068376%;
}
.leadersResults .cabIconItem {
  min-width: 175px;
}
.leadersResults .cabIconItem + .cabIconItem {
  margin-top: 0px;
}

.cabContent .programTabs .tabsList a {
  padding-right: 25px;
}
.cabContent .programTabs .tabsList a::before {
  display: none;
}

@media (max-width: 1799px) {
  .layoutItem:not(.layoutGrid) {
    padding-left: 30px;
    padding-right: 30px;
  }
  .itemContainer {
    padding-left: 30px;
    padding-right: 30px;
  }
  .half-h:not(.mainItem) {
    grid-column: span 1;
  }
  .stubItem {
    display: none;
  }
  .layoutGrid {
    grid-template-columns: repeat(3, 1fr);
  }
  .layoutGrid.half-h {
    grid-template-columns: repeat(2, 1fr);
  }
  .siteHeader .socialsList {
    display: none;
  }
  .siteHeader .authLink {
    margin-left: auto;
  }
  .hero .layoutGrid {
    grid-template-rows: auto auto;
  }
  .hero .contentItem {
    padding-top: 36px;
  }
  .hero .heroContent {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-right: 32px;
  }
  .hero .heroTitle {
    order: 1;
    width: 100%;
  }
  .hero .btnContainer {
    padding-right: 24px;
  }
  .hero .bulletText {
    margin-top: 8px;
    text-align: right;
  }
  .hero [class*=Graffiti] {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    background-image: none;
  }
  .hero .sectionBack {
    width: calc(100% - 2px);
  }
  .heroInner .visualName {
    font-size: 60px;
  }
  .heroInner .visualName > * {
    top: calc(50% + 44px);
  }
  .heroInner .layoutItem {
    min-height: 320px;
  }
  .heroInner .layoutItem:first-child {
    min-height: 420px;
  }
  .heroInner .layoutItem:nth-child(6) {
    background-image: none;
  }
  .homeWrapper .heroInner:before {
    top: 422px;
    height: 387px;
  }
  .heroRate {
    height: 420px;
  }
  .bulletText {
    font-size: 16px;
    line-height: 24px;
  }
  .heroTitle {
    font-size: 48px;
    line-height: 52px;
  }
  .heroTitle:not(:first-child) {
    margin-top: 24px;
  }
  .datetimeContainer .date {
    font-size: 14px;
    line-height: 18px;
  }
  .datetimeContainer .time {
    font-size: 16px;
    line-height: 20px;
  }
  .padSection {
    padding-top: 102px;
  }
  .managementSection .layoutGrid {
    position: relative;
  }
  .managementSection .textCard {
    padding-top: 50px;
  }
  .managementSection .countCard:last-child {
    position: absolute;
    right: 0px;
    background-image: none !important;
    min-height: 0px;
    top: 50%;
    text-align: right;
  }
  .managementSection .countCard:last-child:before {
    display: none;
  }
  .managementSection .titleWrapper {
    max-width: calc(100% - 200px);
  }
  .managementSection .btnCard {
    grid-column-start: auto;
    grid-row-start: auto;
  }
  .managementSection .imageItem {
    display: none;
  }
  .proposalCard .textTitle {
    font-size: 16px;
  }
  .sectionTitle {
    font-size: 30px;
    line-height: 34px;
    padding-left: 48px;
    background-size: auto 50px;
    min-height: 50px;
  }
  .cardCount {
    font-size: 36px;
  }
  .cardCaption {
    font-size: 16px;
  }
  .countCard {
    padding-top: 56px;
  }
  .aboutSection .sectionBack.mobImage {
    display: block;
  }
  .aboutSection.type-1 .leftVisual {
    height: calc((100% - 69px) / 2 - 2px + 69px + 102px + 393px);
  }
  .aboutSection.type-1 .backItem {
    background-image: none;
  }
  .aboutSection.type-1 .sectionHead + .layoutItem {
    padding-top: 70px;
  }
  .aboutSection.type-1 .sectionBack {
    width: 200%;
    height: 100%;
  }
  .aboutSection.type-1 .sectionBack.mobImage {
    display: block;
  }
  .aboutSection.type-2 .rows-2 {
    grid-template-rows: repeat(3, 1fr);
  }
  .aboutSection.type-2 .textCard:nth-child(4) {
    grid-column-start: 1;
    grid-row-start: 2;
    grid-column-end: 3;
  }
  .aboutSection.type-2 .leftVisual {
    height: calc((100% - 69px) / 3 * 2 - 2px + 69px + 102px + 457px);
    top: calc((100% - 69px) / 3);
  }
  .aboutSection.type-3 .textCard {
    grid-column: span 2;
  }
  .aboutSection.type-3 .textCard ul {
    column-gap: 60px;
  }
  .aboutSection.type-3 .sectionBack {
    height: 100%;
  }
  .aboutSection.type-3 .backItem:after {
    display: none;
  }
  .planSlider {
    margin-left: -30px;
    margin-right: -30px;
  }
  .planSlider .planCard {
    padding-left: 30px;
    padding-right: 30px;
  }
  .calcSection .layoutItem:not(.full-v) {
    padding-bottom: 40px;
    padding-top: 36px;
  }
  .calcResultLine .value {
    font-size: 16px;
  }
  .calcForm {
    grid-template-columns: repeat(2, 1fr);
  }
  .calcForm .sectionHead:after {
    width: calc(66.6666666667% - 2px);
  }
  .swiper-horizontal .swiper-button-prev {
    left: 30px;
  }
  .swiper-horizontal .swiper-button-next {
    right: 30px;
  }
  .planHead {
    padding-left: 80px;
  }
  .planHead .profit {
    font-size: 18px;
  }
  .planHead .name {
    font-size: 24px;
  }
  .planHead .count {
    width: 60px;
    height: 60px;
    top: calc(50% - 30px);
    font-size: 18px;
  }
  .planCard {
    padding: 25px 1px;
  }
  .planCard .imageContainer {
    height: 550px;
  }
  .stepsSection .titleWrapper {
    justify-content: flex-start;
  }
  .stepsSection .layoutItem:not(.titleWrapper) {
    min-height: 415px;
  }
  .stepsSection .layoutItem .layoutItem:first-child {
    display: none;
  }
  .stepsSection .layoutItem.layoutGrid .countCard {
    justify-content: flex-start;
    align-items: flex-start;
  }
  .stepsSection .layoutItem.backItem {
    align-items: flex-start;
  }
  .stepsSection .layoutItem.backItem:after {
    content: "";
    display: block;
    position: absolute;
    width: calc(50% - 2px);
    height: calc(100% - 2px);
    top: 1px;
    background-color: rgba(55, 55, 55, 0.6);
    border-radius: 6px;
    z-index: -1;
    left: 1px;
  }
  .stepsSection .layoutGrid.half-h {
    grid-template-columns: initial;
  }
  .stepsSection .sectionBack {
    width: 100%;
    height: 100%;
  }
  .stepsSection:after {
    width: calc((100% - 202px) / 3 * 2);
  }
  .stepsSection .layoutGrid:after {
    height: calc(50% + 71px + 102px + 70px + 387px - 3px);
  }
  .bulletSection .textCard {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .bulletSection .layoutItem.layoutGrid .layoutItem {
    grid-column: span 2;
  }
  .bulletSection .layoutItem.layoutGrid .layoutItem:first-child:after {
    display: none;
  }
  .footerInner .layoutGrid {
    grid-template-columns: 202px repeat(3, 1fr);
  }
  .footerInner .paymentsItem {
    display: none;
  }
  .footerInner .menuItem {
    padding-left: 50px;
    padding-right: 50px;
  }
  .footerInner .heroTitle {
    line-height: 62px;
  }
  .footerInner .bulletText {
    margin-top: 18px;
  }
  .siteFooter {
    padding-top: 102px;
  }
  .siteFooter .followItem {
    grid-column: span 3;
    justify-content: space-between;
  }
  .siteFooter .followItem .socialsList {
    padding-left: 0px;
  }
  .footerBullet .accentColor {
    font-size: 48px;
  }
  .roadmapCard {
    padding: 35px 30px;
    min-height: 326px;
  }
  .roadmapCard .detailedContent {
    padding: 82px 30px 35px;
  }
  .roadmapCard .year {
    font-size: 36px;
    line-height: 56px;
  }
  .roadmapCard:before {
    right: 30px;
    top: 40px;
  }
  .roadmapSection .sectionHead {
    width: 33.3333333333%;
    margin-bottom: 60px;
  }
  .roadmapSection .sectionFoot {
    width: 33.3333333333%;
    margin-top: -90px;
  }
  .roadmapSlider .swiper-slide {
    width: 33.3333333333%;
  }
  .roadmapSlider .swiper-slide:nth-child(4n+2) {
    margin-top: 0px;
  }
  .roadmapSlider .swiper-slide:nth-child(4n+3) {
    margin-top: 0px;
  }
  .roadmapSlider .swiper-slide:nth-child(4n) {
    margin-top: 0px;
  }
  .roadmapSlider .swiper-slide:nth-child(3n+2) {
    margin-top: -60px;
  }
  .roadmapSlider .swiper-slide:nth-child(3n+3) {
    margin-top: -120px;
  }
  .advantageCard {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .advantagesSection .half-h {
    grid-column: span 2;
  }
  .advantagesSection .layoutItem:not(.advantageCard) {
    order: 1;
  }
  .preambleSection + * {
    padding-top: 92px;
  }
  .planListCard .planHead {
    padding-left: 0px;
    min-height: 42px;
    margin-bottom: 32px;
  }
  .planListCard .planHead .count {
    width: 42px;
    height: 42px;
    top: auto;
    left: auto;
    position: relative;
    font-size: 14px;
    margin-bottom: 8px;
  }
  .planListCard .planHead .name {
    font-size: 18px;
    line-height: 22px;
  }
  .planListCard .planHead .profit {
    font-size: 16px;
    line-height: 20px;
    margin-top: 2px;
  }
  .planListCard .cardInfo {
    padding-top: 30px;
  }
  .planListCard .imageCount {
    font-size: 40px;
  }
  .planListCard .imageContainer {
    min-height: 358px;
  }
  .planListCard .planCharItem + .planCharItem {
    margin-top: 20px;
  }
  .planListCard .cardForm {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .planListCard .formNote {
    margin-top: 16px;
  }
  .planListCard .resultList {
    column-gap: 30px;
    row-gap: 16px;
  }
  .planListCard .btnContainer {
    margin-top: 32px;
  }
  .planListCard .cardResult {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .preambleContent {
    column-gap: 60px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .programSection .sectionHead {
    grid-column: span 2;
  }
  .programSection .textCard {
    padding-bottom: 30px;
  }
  .programSection .textCard:not(.sectionHead) {
    padding-top: 30px;
  }
  .programSection .sectionBack {
    height: calc(100% - 2px);
  }
  .programSection .layoutItem.layoutGrid {
    grid-column: span 2;
  }
  .programSection .textTitle {
    line-height: 22px;
  }
  .levelList .statusPanel .inner {
    padding: 24px 20px 24px 30px;
    width: calc(233.3333333333% + 2px);
  }
  .levelList .infoItem {
    padding-left: 30px;
    width: calc((100% - 103px) / 2);
  }
  .levelList .caption {
    font-size: 16px;
    line-height: 24px;
  }
  .levelList .value {
    font-size: 20px;
    line-height: 24px;
  }
  .levelList .rankIcon {
    width: 103px;
    min-width: 103px;
  }
  .levelList .levelCard {
    min-height: 90px;
    font-size: 20px;
    padding-top: 10px;
  }
  .siteTabs .tabsList {
    width: calc(33.3333333333% - 1px);
  }
  .siteTabs .tabsList a {
    font-size: 16px;
    min-height: 52px;
    line-height: 18px;
  }
  .siteTabs .tabsList li + li {
    margin-top: 8px;
  }
  .siteTabs .tabsContent {
    width: calc(66.6666666667% - 1px);
  }
  .textHead {
    margin-bottom: 40px;
  }
  .textHead .sectionTitle {
    margin-bottom: 0px;
    width: calc(33.3333333333% - 22px);
  }
  .textHead .textContainer {
    width: calc(66.6666666667% - 22px);
  }
  .faqItem + .faqItem {
    margin-top: 16px;
  }
  .faqTabs .tabsContent {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .faqTitle {
    min-height: 68px;
    padding: 8px 60px;
  }
  .faqTitle:before {
    font-size: 28px;
    top: calc(50% - 14px);
    left: 16px;
  }
  .faqTitle:after {
    font-size: 36px;
    top: calc(50% - 22px);
  }
  .faqContent .textContainer {
    padding: 12px 40px 6px 60px;
  }
  .formSection .sectionInner {
    background-position: calc(100% - 53px) -126px, calc(100% - 137px) -172px;
  }
  .formSection .sectionInner:before {
    width: calc(66.6666666667% - 1px);
  }
  .formSection .sectionInner:after {
    width: calc(66.6666666667% - 1px);
    left: calc(33.3333333333% + 1px);
    display: none;
  }
  .downForm .itemContainer:first-child {
    width: calc(33.3333333333% - 1px);
  }
  .downForm .itemContainer:nth-child(2) {
    width: calc(66.6666666667% - 1px);
  }
  .contacts {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
  }
  .contacts:before {
    height: calc(50% + 102px);
  }
  .contacts .rowItem {
    padding-top: 50px;
    padding-bottom: 0px;
    grid-column: span 3;
    position: relative;
  }
  .contacts .rowItem:after {
    display: none;
  }
  .contacts .rowItem:before {
    width: calc((100% - 4px) / 3);
    left: calc((100% - 4px) / 3 + 2px);
    height: 100%;
  }
  .contacts .rowItem .contactsList li {
    width: calc((100% - 4px + 60px) / 3);
  }
  .contacts .rowItem .contactsList li:nth-child(3n+1), .contacts .rowItem .contactsList li:nth-child(3n) {
    width: calc((100% - 4px + 60px) / 3 - 30px);
  }
  .contacts .rowItem .contactsList li:nth-child(3n+2), .contacts .rowItem .contactsList li:nth-child(3n) {
    padding-left: 30px;
  }
  .contacts .sectionHead {
    display: none;
  }
  .contactsHead {
    display: block;
    padding-bottom: 40px;
  }
  .contactsMap {
    width: auto;
    padding: 30px;
    position: relative;
    right: auto;
    top: auto;
    grid-column: 1/span 2;
    grid-row: 1;
  }
  .contactsList {
    margin-top: -30px;
  }
  .contactsList li {
    width: calc(50% - 30px);
  }
  .contactsList .socIcon {
    font-size: 24px;
    min-width: 44px;
    height: 44px;
    margin-bottom: 16px;
  }
  .contactsList .socIcon:after {
    font-size: 44px;
    top: calc(50% - 22px);
  }
  .contactsList:first-child {
    margin-top: -50px;
  }
  .contactsLocation {
    display: block;
    grid-column: 3/span 1;
    grid-template-columns: 1fr;
    background-color: transparent;
    grid-row: 1/span 1;
    grid-template-rows: auto;
  }
  .contactsLocation .addressCard {
    grid-column-start: 1;
    min-height: 100%;
  }
  .contactsLocation .addressCard .socIcon {
    font-size: 24px;
    min-width: 44px;
    height: 44px;
    margin-bottom: 16px;
  }
  .contactsLocation .addressCard .socIcon:after {
    font-size: 44px;
    top: calc(50% - 22px);
  }
  .agreements {
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: initial;
  }
  .agreements .logoItem img {
    width: 190px;
  }
  .agreements .emptyItem {
    min-height: 276px;
    grid-row: 6/span 1;
  }
  .agreements .logoItem {
    grid-row: 1/span 1;
  }
  .agreements .logoItem + .emptyItem {
    grid-column-start: 3;
    grid-row: 4/span 1;
  }
  .agreements .graffitiItem {
    display: none;
  }
  .agreementsChapter {
    grid-row: span 2;
  }
  .agreementsChapter:first-child:before {
    display: none;
  }
  .agreementsChapter:nth-child(8n+4):before {
    width: calc(50% + 1px);
    left: 100%;
    height: 276px;
    top: calc(100% - 138px);
  }
  .signTitle .sectionBack {
    width: calc(100% - 2px);
  }
  .signContent {
    grid-column: span 2;
  }
  .signForm {
    padding: 18px 30px 0px;
  }
  .signForm .formContent {
    width: calc(50% - 30px);
  }
  .signForm .checkOffsetItem {
    width: 100%;
    margin-left: -60px;
  }
  .signForm .btnRow {
    display: block;
    margin-top: 30px;
  }
  .signForm .btnRow .formLinks {
    padding-top: 30px;
  }
  .regForm:before {
    width: calc(50% - 2px);
  }
  .regForm:after {
    width: calc(50% - 2px);
  }
  .iti__selected-country-primary {
    padding: 0px 6px 0px 0px;
  }
  .signContent .sectionBack {
    width: 50%;
    grid-template-columns: initial;
  }
  .signContent .sectionBack .layoutItem {
    grid-column: span 1;
  }
  .signContent .sectionBack .layoutItem:first-child {
    display: none;
  }
  .loginForm:before {
    width: calc(50% - 2px);
  }
  .errorWrapper {
    padding: 20px;
  }
  .errorWrapper .sectionBack {
    width: 150%;
  }
  .errorWrapper .backItem {
    padding-left: 20px;
  }
  .errorWrapper .logoItem {
    padding-left: 80px;
  }
  .errorWrapper .logoItem img {
    height: 88px;
  }
  .errorWrapper .half-h {
    grid-column: span 2;
  }
  .errorTitle {
    font-size: 40px;
  }
  .docSection .rows-2 {
    grid-template-rows: auto;
  }
  .docSection .rows-2 .layoutItem {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .investingSection .layoutLogoItem {
    grid-row-start: 1;
    grid-column-start: 3;
  }
  .investingSection .backItem {
    grid-column: span 2;
  }
  .investingSection .textTitle {
    line-height: 22px;
  }
  .investingSection .investItem.textCard {
    padding-top: 30px;
  }
  .investingSection .btnContainer {
    padding-top: 30px;
  }
  .eventContent {
    padding: 20px;
  }
  .eventContent .eventTitle {
    font-size: 32px;
    line-height: 40px;
    padding-top: 11.8518518519%;
  }
  .eventContent .eventText {
    font-size: 22px;
    line-height: 26px;
    padding-top: 20px;
  }
  .eventContent .btnTitle {
    order: 1;
  }
  .eventContent .btnContainer {
    flex-direction: column;
    align-items: flex-end;
    column-gap: 0px;
    row-gap: 12px;
  }
  .eventContent .eventDownInfo {
    align-items: flex-end;
    grid-template-columns: 188px 1fr;
  }
  .eventContent.event07 .eventLink {
    margin-top: 8px;
  }
  .eventContent.event07 .eventLink a {
    font-size: 18px;
    line-height: 26px;
  }
  .eventContent.event07 .eventLink .icon {
    font-size: 24px;
  }
  .eventContent.event07 .eventText {
    font-size: 22px;
    line-height: 28px;
  }
  .eventContent.event07 .eventDownInfo {
    padding: 12px;
    margin-top: 20px;
  }
  .eventModal07 .modalContent {
    max-width: 520px;
  }
  .tabsPlanSlider .planListCard .cardInfo {
    padding-left: 28px;
    padding-right: 18px;
  }
  .plansTabsSection .leftVisual {
    top: 92px;
  }
  .plansTabsSection .planListCard .planHead {
    margin-bottom: 24px;
  }
  .planListCard.disabled .cardContent::after {
    width: 372px;
    height: 245px;
    bottom: 60px;
    right: 20px;
  }
}
@media (max-width: 1399px) {
  body {
    font-size: 14px;
    line-height: 20px;
  }
  .textContainer > * + * {
    margin-top: 5px;
  }
  .textContainer ol > li + li {
    margin-top: 5px;
  }
  .siteHeader {
    padding-left: 185px;
    padding-top: 1px;
  }
  .siteHeader .layoutItem {
    background-color: transparent;
    padding-left: 0px;
    padding-right: 0px;
  }
  .siteHeader .layoutItem:before {
    display: none;
  }
  .siteHeader .layoutItem:not(.layoutGrid) {
    box-shadow: 0px 0px 0px transparent;
  }
  .siteHeader .layoutGrid {
    margin: 0px;
  }
  .siteHeader .logoContainer {
    width: 185px;
  }
  .siteHeader .menuList {
    margin-left: -10px;
    margin-right: -10px;
    padding-right: 16px;
  }
  .siteHeader .menuList a {
    font-size: 13px;
  }
  .siteHeader .menuList li {
    padding-left: 10px;
    padding-right: 10px;
  }
  .headerInner {
    background-color: #000;
    border-radius: 6px;
    min-height: 64px;
    display: flex;
    justify-content: space-between;
    padding-left: 22px;
    padding-right: 22px;
  }
  .container {
    padding-left: 0px;
  }
  .themeBtn {
    height: 42px;
    min-width: 166px;
    padding: 8px 24px;
    font-size: 16px;
  }
  .themeBtn.xs {
    height: 34px;
    padding: 4px 24px;
    min-width: 136px;
    font-size: 14px;
  }
  .heroInner .visualName {
    font-size: 48px;
    line-height: 1;
  }
  .heroInner .visualName > * {
    top: 50%;
  }
  .heroInner .visualName > *:nth-child(2) {
    right: -20px;
  }
  .heroInner .visualName > *:first-child {
    left: -15px;
  }
  .heroInner .layoutItem {
    min-height: 280px;
  }
  .heroInner .layoutItem:first-child {
    min-height: 280px;
  }
  .homeWrapper .hero .contentItem:after {
    display: none;
  }
  .heroBonus {
    padding: 32px 17px;
  }
  .heroBonus .value {
    font-size: 24px;
  }
  .heroBonus .description {
    font-size: 12px;
    margin-top: 0px;
  }
  .heroBonus .bonusImage {
    height: 142px;
    top: -94px;
  }
  .heroRate {
    display: none;
  }
  .heroTitle:not(:first-child) {
    margin-top: 19px;
  }
  .bulletText {
    font-size: 14px;
  }
  .addGrid .layoutItem {
    min-height: 70px;
  }
  .hero .contentItem {
    padding-right: 30px;
    padding-bottom: 28px;
  }
  .hero .bulletText {
    margin-top: 0px;
  }
  .hero .addGrid {
    grid-template-columns: auto max-content;
  }
  .hero .addGrid .half-h {
    grid-column: initial;
  }
  .padSection,
  .siteFooter {
    padding-top: 80px;
  }
  .sectionTitle {
    font-size: 24px;
    padding-left: 36px;
    background-size: auto 36px;
    min-height: 36px;
    line-height: 26px;
  }
  .cardCaption {
    font-size: 14px;
  }
  .countCard {
    padding-top: 26px;
    min-height: 350px;
    padding-bottom: 26px;
  }
  .managementSection .textCard {
    padding-top: 24px;
  }
  .managementSection .countCard:last-child {
    position: absolute;
    right: 0px;
    background-image: none !important;
    min-height: 0px;
    top: 50%;
    text-align: right;
  }
  .managementSection .countCard:last-child:before {
    display: none;
  }
  .managementSection .titleWrapper {
    max-width: calc(100% - 200px);
  }
  .proposalCard {
    padding-top: 26px;
    padding-bottom: 26px;
  }
  .proposalCard .textTitle {
    font-size: 14px;
  }
  .aboutSection .leftVisual {
    display: none;
  }
  .aboutSection .sectionHead {
    min-height: 317px;
  }
  .aboutSection .textCard {
    min-height: 317px;
  }
  .aboutSection .addGrid .layoutItem {
    min-height: 56px;
  }
  .aboutSection.type-1 .textCard, .aboutSection.type-2 .textCard {
    padding-bottom: 36px;
  }
  .aboutSection.type-1 .sectionHead + .layoutItem {
    padding-top: 56px;
  }
  .aboutSection.type-2 .rows-2 .mainItem:not(.sectionHead) {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .choices {
    font-size: 14px;
  }
  .choices .choices__item {
    padding: 11px 47px 11px 15px;
  }
  .choices__inner {
    font-size: 14px;
    min-height: 46px;
  }
  .calcForm .formItem + .formItem {
    margin-top: 18px;
  }
  .paymentSelect {
    min-width: 135px;
  }
  .paymentSelect .choices .choices__item {
    padding-left: 50px;
  }
  .choices__inner .payIcon {
    left: 10px;
  }
  .choices__list--dropdown .choices__item,
  .choices__list[aria-expanded] .choices__item {
    font-size: 14px;
    padding: 7px 10px;
  }
  .inputContainer .inputText,
  .inputContainer input,
  .inputContainer textarea {
    padding: 11px 16px;
  }
  .inputContainer .inputText,
  .inputContainer input {
    height: 46px;
  }
  .formNote {
    margin-top: 17px;
  }
  .calcSection .layoutItem:not(.full-v) {
    padding-top: 28px;
  }
  .calcResultLine + .calcResultLine {
    margin-top: 10px;
  }
  .calcResultLine .value {
    font-size: 14px;
  }
  .calcForm {
    grid-template-rows: auto auto;
  }
  .calcForm .resultItem .btnContainer {
    margin-top: 54px;
  }
  .planHead {
    padding-left: 72px;
    min-height: 52px;
  }
  .planHead .count {
    width: 52px;
    height: 52px;
    top: calc(50% - 26px);
  }
  .planHead .profit {
    font-size: 16px;
    margin-top: 8px;
    line-height: 22px;
  }
  .planHead .name {
    font-size: 22px;
    line-height: 22px;
  }
  .planCard {
    padding: 30px 1px;
  }
  .swiper-button-next,
  .swiper-button-prev {
    height: 42px;
    width: 42px;
  }
  .swiper-horizontal .swiper-button-prev,
  .swiper-horizontal .swiper-button-next {
    top: calc(50% - 21px);
  }
  .stepsSection .leftVisual,
  .plansTabsSection .leftVisual {
    display: none;
  }
  .stepsSection {
    padding-bottom: 0px;
  }
  .stepsSection .cardCount {
    font-size: 30px;
  }
  .stepsSection .btnContainer {
    margin-top: 38px;
  }
  .stepsSection .layoutItem:not(.titleWrapper) {
    min-height: 350px;
  }
  .stepsSection:after {
    display: none;
  }
  .bulletSection .textCard {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .bulletSection .textItem + .textItem {
    margin-top: 32px;
  }
  .footerBullet {
    padding-top: 20px;
    padding-bottom: 50px;
  }
  .footerBullet .btnContainer {
    margin-top: 36px;
  }
  .footerBullet .accentColor {
    font-size: 42px;
  }
  .footerInner .heroTitle {
    font-size: 42px;
    line-height: 53px;
  }
  .footerInner .layoutGrid {
    grid-template-columns: repeat(3, 1fr);
  }
  .siteFooter .menuList {
    padding-top: 40px;
    padding-bottom: 32px;
  }
  .siteFooter .menuList li + li {
    margin-top: 8px;
  }
  .siteFooter .footerContent {
    margin-left: 0px;
  }
  .siteFooter .followItem {
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 2;
    box-shadow: inset -1px 1px 0px 0px #373737, inset -1px -1px 0px 0px #373737;
    background-color: transparent;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
  .siteFooter .followItem:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27 fill=%27none%27%3E%3Cpath d=%27M6 0C6 3.31371 8.68629 6 12 6C8.68629 6 6 8.68629 6 12C6 8.68629 3.31371 6 0 6C3.31371 6 6 3.31371 6 0Z%27 fill=%27%23373737%27/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27 fill=%27none%27%3E%3Cpath d=%27M6 0C6 3.31371 8.68629 6 12 6C8.68629 6 6 8.68629 6 12C6 8.68629 3.31371 6 0 6C3.31371 6 6 3.31371 6 0Z%27 fill=%27%23373737%27/%3E%3C/svg%3E");
    background-position: calc(100% + 7px) -7px, calc(100% + 7px) calc(100% + 7px);
  }
  .siteFooter .logoItem {
    grid-row-start: 2;
    box-shadow: inset 1px 1px 0px 0px #373737, inset 1px -1px 0px 0px #373737;
    position: relative;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  .siteFooter .logoItem .copyright {
    display: block;
    text-align: center;
    margin-top: 34px;
  }
  .siteFooter .logoItem:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27 fill=%27none%27%3E%3Cpath d=%27M6 0C6 3.31371 8.68629 6 12 6C8.68629 6 6 8.68629 6 12C6 8.68629 3.31371 6 0 6C3.31371 6 6 3.31371 6 0Z%27 fill=%27%23373737%27/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27 fill=%27none%27%3E%3Cpath d=%27M6 0C6 3.31371 8.68629 6 12 6C8.68629 6 6 8.68629 6 12C6 8.68629 3.31371 6 0 6C3.31371 6 6 3.31371 6 0Z%27 fill=%27%23373737%27/%3E%3C/svg%3E");
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: -7px -7px, -7px calc(100% + 7px);
    pointer-events: none;
    z-index: 1;
  }
  .siteFooter .copyrightItem {
    display: none;
  }
  .siteFooter .layoutItem.layoutGrid {
    display: none;
  }
  .siteFooter .socialsList {
    margin-top: 36px;
    margin-left: -10px;
    margin-right: -10px;
  }
  .siteFooter .socialsList li {
    padding-left: 10px;
    padding-right: 10px;
  }
  .siteFooter .protectList {
    grid-column-start: 3;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .siteFooter .protectList img {
    max-width: 106px;
  }
  .siteFooter .moreLinks {
    display: block;
    margin-top: 30px;
  }
  .siteFooter .moreLinks li + li {
    margin-top: 5px;
  }
  .siteFooter .moreLinks a {
    text-decoration: underline;
    display: block;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    color: #fff;
    text-decoration-color: #373737;
    text-underline-offset: 4px;
  }
  .advantagesSection .advantageCard:last-child {
    order: 1;
    grid-column: span 2;
  }
  .preambleSection + * {
    padding-top: 72px;
  }
  .planListCard .resultList {
    grid-template-columns: repeat(2, 1fr);
  }
  .planListCard .calcResultLine:nth-child(7) {
    grid-column: span 2;
  }
  .inputContainer textarea {
    height: 143px;
  }
  .contacts:before {
    display: none;
  }
  .agreements .logoItem:after {
    display: none;
  }
  .checkInput label {
    padding-left: 60px;
    min-height: 46px;
    line-height: 24px;
  }
  .checkInput label:before, .checkInput label:after {
    width: 46px;
    height: 46px;
    top: calc(50% - 23px);
  }
  .signTitle .layoutItem {
    padding-top: 30px;
    min-height: 343px;
  }
  .signForm .formItem {
    padding-top: 18px;
  }
  .iti__selected-country {
    padding-left: 12px;
    min-width: 136px;
  }
  .formLink + .formLink {
    margin-top: 20px;
  }
  .docLink .themeBtn {
    min-width: 42px;
  }
  .docLink .themeBtn .icon {
    font-size: 24px;
  }
  .planTabs .tabsList li {
    width: 247px;
  }
  .siteTabs .tabsList.lg a {
    font-size: 20px;
    line-height: 28px;
    min-height: 68px;
  }
  .siteTabs .tabsList.lg .linkNote {
    font-size: 14px;
    line-height: 18px;
  }
  .swiper-controls .swiper-button-next,
  .swiper-controls .swiper-button-prev {
    top: auto;
  }
  .plansTabsSection .tabsPlanSlider {
    padding-left: 116px;
    padding-right: 116px;
  }
  .plansTabsSection .swiper-controls::before,
  .plansTabsSection .swiper-controls::after {
    width: 105px;
  }
  .plansTabsSection .swiper-controls .swiper-button-prev {
    left: 26px;
  }
  .plansTabsSection .swiper-controls .swiper-button-next {
    right: 26px;
  }
  .chaptersText > * + * {
    margin-top: 20px;
  }
  .pagination-slider {
    width: 180px;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 0px;
    margin-right: 0px;
  }
  .pagination-slider .swiper-slide {
    font-size: 15px;
    line-height: 20px;
    min-width: 42px;
    width: 42px;
    height: 42px;
  }
}
@media (max-width: 1149px) {
  .headerInner {
    padding: 4px 20px;
  }
  .headerRight {
    column-gap: 0px;
  }
  .siteHeader {
    padding-left: 160px;
  }
  .siteHeader .logoContainer {
    width: 160px;
  }
  .siteHeader .menuList {
    margin-left: -6px;
    margin-right: -6px;
    flex-wrap: wrap;
  }
  .siteHeader .menuList a {
    font-size: 12px;
  }
  .siteHeader .menuList li {
    padding: 1px 6px;
  }
  .menuList a {
    font-size: 12px;
  }
  .themeBtn.xs {
    padding: 4px 24px 4px 16px;
    min-width: 116px;
  }
  .heroTitle {
    font-size: 36px;
  }
  .hero .contentItem {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .hero .addGrid {
    display: none;
  }
  .hero .heroContent {
    padding-right: 0px;
  }
  .heroInner .visualName {
    font-size: 36px;
  }
  .countCard {
    min-height: 324px;
  }
  .managementSection .textCard {
    padding-top: 12px;
  }
  .aboutSection .sectionHead + .layoutItem {
    padding-top: 56px;
  }
  .aboutSection.type-1 .textCard, .aboutSection.type-2 .textCard {
    padding-bottom: 24px;
  }
  .calcSection .layoutItem:not(.full-v) {
    padding-bottom: 28px;
    padding-top: 23px;
  }
  .calcSection .sectionHead {
    background-position: calc(100% - 14px) -75px, calc(100% - 64px) -105px;
    background-size: 48px auto;
  }
  .calcForm .resultItem .btnContainer {
    margin-top: 26px;
  }
  .planHead {
    padding-left: 58px;
    min-height: 46px;
  }
  .planHead .count {
    width: 46px;
    height: 46px;
    top: calc(50% - 23px);
  }
  .planHead .profit {
    font-size: 14px;
  }
  .planHead .name {
    font-size: 18px;
  }
  .planCharItem {
    padding-left: 42px;
  }
  .planCard {
    padding: 25px 1px 15px;
  }
  .planCard .planCharItem:nth-child(2n) {
    padding-right: 42px;
  }
  .padSection,
  .siteFooter {
    padding-top: 60px;
  }
  .stepsSection .cardCount {
    font-size: 24px;
  }
  .stepsSection .btnContainer {
    margin-top: 26px;
  }
  .stepsSection .layoutItem:not(.titleWrapper) {
    min-height: 324px;
  }
  .bulletSection .textCard {
    justify-content: flex-start;
  }
  .bulletSection .textItem:nth-child(2n+1) {
    padding-right: 0px;
  }
  .bulletSection .textItem:nth-child(2n) {
    padding-left: 0px;
  }
  .footerInner .heroTitle {
    font-size: 38px;
    line-height: 46px;
  }
  .footerBullet .accentColor {
    font-size: 38px;
  }
  .siteFooter .protectList img {
    max-width: 92px;
  }
  .siteFooter .protectList li + li {
    margin-top: 14px;
  }
  .siteFooter .menuList {
    padding-top: 26px;
    padding-bottom: 20px;
  }
  .siteFooter .followItem .btnContainer {
    padding-right: 0px;
    width: auto;
  }
  .preambleSection + * {
    padding-top: 42px;
  }
  .planList .planListCard {
    width: 100%;
  }
  .planListCard .resultList {
    grid-template-columns: repeat(3, 1fr);
  }
  .planListCard .imageContainer {
    min-height: 308px;
  }
  .planListCard .planHead {
    padding-left: 60px;
  }
  .planListCard .planHead .count {
    top: calc(50% - 21px);
    left: 0;
    position: absolute;
    margin-bottom: 0px;
  }
  .planListCard .calcResultLine:nth-child(7) {
    grid-column: span 3;
    text-align: center;
  }
  .planListCard .calcResultLine .value {
    font-size: 14px;
  }
  .programSection .textTitle:not(:first-child) {
    margin-top: 20px;
  }
  .programSection .textCard {
    padding-bottom: 22px;
  }
  .programSection .textCard:not(.sectionHead) {
    padding-top: 22px;
  }
  .signTitle .sectionBack {
    width: calc(100% - 2px);
  }
  .signForm {
    display: block;
  }
  .signForm .formContent {
    width: 100%;
  }
  .signForm .checkOffsetItem {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    margin-left: 0px;
    transform: none;
    margin-top: 18px;
  }
  .signForm .checkInput.vertical label {
    padding: 0px 0px 0px 66px;
    text-align: left;
    justify-content: flex-start;
  }
  .signForm .checkInput.vertical label:before, .signForm .checkInput.vertical label:after {
    left: 0px;
    top: calc(50% - 25px);
  }
  .regForm:after {
    display: none;
  }
  .signWrapper .container {
    padding-bottom: 0px;
  }
  .heroAdd {
    display: none;
  }
  .signTitle .layoutItem {
    min-height: 293px;
  }
  .signContent .sectionBack {
    height: calc(50% - 2px);
    right: calc(100% + 1px);
    top: calc(50% + 2px);
    z-index: 2;
  }
  .signContent .sectionBack .layoutItem {
    display: none;
  }
  .errorWrapper .backItem {
    padding-top: 90px;
  }
  .errorWrapper .logoItem {
    padding-left: 50px;
  }
  .errorWrapper .logoItem img {
    height: 68px;
  }
  .errorTitle {
    font-size: 32px;
  }
  .tabsIntroText {
    margin-bottom: 20px;
  }
  .fixedSocials {
    height: auto;
    width: 52px;
    padding: 10px 4px 15px 6px;
    align-items: center;
    background-image: none;
    background-color: #fd4b03;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 18px 100%, 0px calc(100% - 18px));
    border: 2px solid #fff;
    top: 50%;
    transform: translateY(-50%);
  }
  .fixedSocials:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 18px;
    height: 18px;
    border-right: 9px solid transparent;
    border-top: 9px solid transparent;
    border-bottom: 9px solid #fff;
    border-left: 9px solid #fff;
  }
  .fixedSocials > p {
    writing-mode: vertical-rl;
    transform: rotate(-180deg);
    white-space: nowrap;
  }
  .plansTabsSection .planListCard .calcResultLine + .calcResultLine {
    margin-top: 16px;
  }
  .planListCard.disabled .cardContent::after {
    width: 320px;
    height: 211px;
    bottom: 40px;
  }
  .langBtn {
    font-size: 14px;
  }
  .langHead {
    font-size: 12px;
  }
  .langHead .icon {
    font-size: 8px;
  }
  .langMenu .langBtn {
    padding: 0px 4px;
    min-height: 36px;
    min-width: 60px;
  }
  .langMenu ul {
    padding: 10px 6px;
  }
  .langMenu li + li {
    margin-top: 4px;
  }
}
@media (max-width: 991px) {
  .burger {
    display: flex;
  }
  .menuList .hidden {
    display: block;
  }
  .menuContainer {
    position: fixed;
    opacity: 0;
    pointer-events: none;
    touch-action: none;
    height: calc(100% - 67px - 2px);
    width: calc(100% - 4px);
    left: 2px;
    border-radius: 6px;
    top: 67px;
    transform: translateY(10%);
    background-color: #000;
    z-index: 10;
    overflow-y: auto;
    transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
  }
  .menuContainer .menuList {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding-right: 0px;
  }
  .menuContainer .menuList li + li {
    margin-top: 10px;
  }
  .menuContainer .menuList a {
    font-size: 20px;
    line-height: 40px;
  }
  .menuContainer .menuInner {
    padding: 54px 12px;
  }
  .menuContainer.active {
    opacity: 1;
    transform: translateY(0%);
    touch-action: auto;
    pointer-events: all;
    scroll-behavior: auto;
    overscroll-behavior: auto;
  }
  .layoutGrid {
    grid-template-columns: repeat(2, 1fr);
  }
  .itemContainer,
  .layoutItem:not(.layoutGrid) {
    padding-left: 22px;
    padding-right: 22px;
  }
  .half-h {
    grid-column: span 1;
  }
  .siteHeader {
    padding-right: 66px;
  }
  .siteHeader .layoutItem {
    padding-left: 0px;
    padding-right: 0px;
  }
  .headerInner {
    padding-right: 20x;
  }
  .headerInner .heroVisual {
    height: 66.6666666667%;
  }
  .hero .visualName {
    display: none;
  }
  .hero .bulletText {
    margin-top: -10px;
  }
  .hero [class*=Graffiti] {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
  }
  .homeWrapper .hero .layoutGrid {
    grid-template-rows: repeat(3, 1fr);
  }
  .homeWrapper .hero .contentItem {
    grid-column: span 2;
    grid-row-start: 3;
    background-color: #000;
    padding-right: 22px;
  }
  .homeWrapper .hero .mainItem:first-child {
    grid-row: span 2;
  }
  .layoutGrid.half-h {
    grid-template-columns: initial;
  }
  .countCard {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .managementSection .layoutGrid.layoutItem {
    grid-column: span 1;
  }
  .managementSection .layoutGrid.layoutItem .layoutItem:not(.countCard) {
    display: none;
  }
  .managementSection .countCard:first-child {
    justify-content: flex-end;
  }
  .managementSection .countCard:first-child .cardInner:before {
    display: none;
  }
  .managementSection .countCard:nth-child(2) {
    justify-content: flex-end;
  }
  .managementSection .countCard:nth-child(2) .cardInner {
    padding-bottom: 60px;
  }
  .managementSection .countCard:last-child {
    position: relative;
    right: auto;
    top: auto;
  }
  .managementSection .rows-2 {
    grid-template-rows: repeat(2, 1fr) auto;
  }
  .managementSection .titleWrapper {
    max-width: 100%;
  }
  .managementSection .textCard {
    grid-row: span 2;
  }
  .aboutSection .sectionHead {
    grid-column: span 2;
    min-height: 0px;
  }
  .aboutSection .textCard {
    min-height: 0px;
  }
  .aboutSection .textCard .btnContainer {
    margin-top: 0px;
    padding-top: 30px;
  }
  .aboutSection .rows-2 {
    grid-template-rows: repeat(3, 1fr);
  }
  .aboutSection.type-1 .sectionHead + .layoutItem {
    padding-top: 46px;
    justify-content: center;
  }
  .aboutSection.type-2 .rows-2 {
    grid-template-rows: auto;
  }
  .aboutSection.type-2 .rows-2 .layoutItem {
    min-height: 280px;
  }
  .aboutSection.type-2 .textCard:nth-child(4) {
    grid-column-start: 1;
    grid-row-start: auto;
    grid-column-end: 3;
  }
  .aboutSection.type-2 .sectionHead {
    grid-column: span 1;
    grid-row: span 2;
  }
  .aboutSection.type-2 .sectionHead + .layoutItem {
    padding-top: 46px;
    justify-content: center;
  }
  .aboutSection.type-3 .rows-2 {
    grid-template-rows: repeat(3, auto);
  }
  .aboutSection.type-3 .backItem {
    grid-row-start: 2;
    min-height: 276px;
    grid-column: span 2;
  }
  .aboutSection.type-3 .textCard ul {
    column-gap: 44px;
  }
  .iconTextItem .themeIcon {
    margin-right: 10px;
  }
  .formNote {
    margin-top: 8px;
  }
  .calcResultLine {
    display: block;
  }
  .calcResultLine:after {
    display: none;
  }
  .calcForm .sectionHead {
    padding-top: 0px;
  }
  .calcForm .sectionHead:after {
    display: none;
  }
  .planSlider {
    margin-left: -22px;
    margin-right: -22px;
  }
  .planSlider .planCard {
    padding-left: 22px;
    padding-right: 22px;
  }
  .planCard .infoLine {
    display: block;
  }
  .planCard .imageContainer {
    height: 380px;
  }
  .planCard .planCharItem {
    margin-top: 15px;
    max-width: 100%;
  }
  .planCard .planCharItem:nth-child(2n) {
    padding-right: 0px;
    padding-left: 42px;
    text-align: left;
    align-items: flex-start;
  }
  .planCard .planCharItem:nth-child(2n) .themeIcon {
    left: 0;
    right: auto;
  }
  .planCard .planCharItem:nth-child(2n+1) {
    padding-right: 0px;
  }
  .swiper-horizontal .swiper-button-next {
    right: 22px;
  }
  .swiper-horizontal .swiper-button-prev {
    left: 22px;
  }
  .rightDarker:after,
  .leftDarker:after {
    display: none;
  }
  .countCard {
    justify-content: flex-start;
  }
  .stepsSection .layoutItem:not(.titleWrapper) {
    min-height: 284px;
  }
  .stepsSection .sectionHead {
    grid-row: span 2;
    padding-top: 36px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .stepsSection .backItem {
    grid-column: span 2;
  }
  .bulletSection .rows-2 {
    grid-template-rows: repeat(3, 1fr);
  }
  .bulletSection .textCard {
    min-height: 262px;
    justify-content: center;
  }
  .bulletSection .textCard:last-child {
    grid-column-start: 1;
    grid-row-start: 2;
  }
  .footerBullet {
    text-align: center;
    padding-bottom: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .footerBullet .accentColor {
    font-size: 23px;
  }
  .footerInner .layoutGrid {
    grid-template-columns: repeat(2, 1fr);
  }
  .footerInner .bulletText {
    margin-top: 26px;
  }
  .footerInner .heroTitle {
    font-size: 23px;
    line-height: 30px;
  }
  .footerInner .menuItem {
    justify-content: center;
  }
  .footerInner .menuList {
    align-items: center;
  }
  .footerInner .followItem {
    align-items: center;
    padding-top: 66px;
    padding-bottom: 66px;
  }
  .siteFooter .protectList {
    display: none;
  }
  .siteFooter .moreLinks {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .roadmapCard {
    padding-left: 22px;
    padding-right: 22px;
  }
  .roadmapCard .detailedContent {
    padding: 77px 22px 35px;
  }
  .roadmapSection .sectionHead {
    width: 50%;
    margin-bottom: 60px;
  }
  .roadmapSection .sectionFoot {
    width: 50%;
    margin-top: -20px;
  }
  .roadmapSlider .swiper-slide {
    width: 50%;
  }
  .roadmapSlider .swiper-slide:nth-child(3n+2) {
    margin-top: 0px;
  }
  .roadmapSlider .swiper-slide:nth-child(3n+3) {
    margin-top: 0px;
  }
  .roadmapSlider .swiper-slide:nth-child(2n) {
    margin-top: -60px;
  }
  .advantagesSection .rows-2 {
    grid-template-rows: repeat(3, 1fr);
  }
  .advantagesSection .layoutItem:not(.advantageCard) {
    order: initial;
  }
  .advantagesSection .leftDarker:after {
    display: block;
    right: 0;
    left: auto;
  }
  .advantagesSection .advantageCard:last-child {
    grid-column: span 1;
  }
  .preambleContent {
    columns: 1;
    column-gap: 44px;
    padding-left: 22px;
    padding-right: 22px;
  }
  .programSection .backItem {
    display: none;
  }
  .programSection .rows-2 {
    grid-template-rows: initial;
  }
  .programSection .layoutItem.layoutGrid {
    grid-column: span 1;
  }
  .programSection .layoutItem.layoutGrid .layoutItem:nth-child(2) {
    display: none;
  }
  .textHead {
    margin-bottom: 30px;
  }
  .textHead .sectionTitle,
  .textHead .textContainer {
    width: calc(50% - 22px);
  }
  .siteTabs {
    display: block;
  }
  .siteTabs .tabsList,
  .siteTabs .tabsContent {
    width: 100%;
  }
  .siteTabs .tabsContent {
    margin-top: 20px;
  }
  .siteTabs .tabsList {
    display: flex;
    flex-wrap: wrap;
    width: auto;
    margin: -10px -10px 0px;
  }
  .siteTabs .tabsList li {
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    width: calc(33.3333333333% - 20px);
  }
  .levelList .statusPanel {
    grid-column: 3/span 6;
    grid-row: 1/span 1;
  }
  .levelList .statusPanel .inner {
    padding: 24px 20px 24px 22px;
    width: calc(100% - 2px);
  }
  .levelList .level {
    font-size: 12px;
    line-height: 18px;
    min-width: 56px;
  }
  .levelList .rankIcon {
    width: 83px;
    min-width: 83px;
  }
  .levelList .caption {
    font-size: 14px;
    line-height: 20px;
  }
  .levelList .value {
    font-size: 18px;
    line-height: 22px;
  }
  .levelList .infoItem {
    padding-left: 22px;
    width: calc((100% - 83px) / 2);
  }
  .formSection .sectionInner {
    background-image: none;
  }
  .contactsLocation {
    grid-column: 1/span 2;
  }
  .contacts {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, auto);
  }
  .contacts .rowItem {
    padding-bottom: 40px;
    grid-column: span 2;
  }
  .contacts .rowItem .contactsList li {
    width: calc((100% - 2px + 44px) / 2);
  }
  .contacts .rowItem .contactsList li:nth-child(3n+2), .contacts .rowItem .contactsList li:nth-child(3n) {
    padding-left: 0px;
  }
  .contacts .rowItem .contactsList li:nth-child(2n+1) {
    padding-left: 0px;
    width: calc((100% - 2px + 44px) / 2 - 22px);
  }
  .contacts .rowItem .contactsList li:nth-child(2n) {
    padding-left: 22px;
    width: calc((100% - 2px + 44px) / 2 - 22px);
  }
  .contactsMap {
    grid-row: auto;
    min-height: 320px;
  }
  .downForm .itemContainer:first-child {
    width: 50%;
  }
  .downForm .itemContainer:nth-child(2) {
    width: 50%;
    display: grid;
    grid-template-rows: repeat(1, 1fr);
  }
  .contactsMap {
    padding: 22px;
  }
  .contactsList li {
    width: 100%;
  }
  .contactsList + .contactsList {
    margin-top: 50px;
  }
  .contactsList .contactCard a {
    margin-top: 5px;
  }
  .contactsLocation .phoneContent a {
    margin-top: 5px;
  }
  .contacts .rowItem:before {
    width: 100%;
  }
  .contacts .rowItem:nth-child(2n+1):before {
    display: none;
  }
  .contacts .rowItem:nth-child(2n):before {
    height: calc(50% - 1px);
  }
  .agreements {
    grid-template-columns: repeat(2, 1fr);
  }
  .agreements .logoItem {
    grid-column: 1/span 1;
  }
  .agreements .logoItem + .emptyItem {
    grid-column: 2;
  }
  .agreements .emptyItem {
    display: none;
  }
  .agreementsChapter {
    grid-column: span 2;
  }
  .agreementsChapter:first-child {
    padding-top: 0px;
  }
  .agreementsChapter:nth-child(8n+4)::before {
    display: none;
  }
  .agreementsChapter:nth-child(8n+5) {
    grid-column: span 2;
  }
  .signTitle {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: initial;
  }
  .signTitle .mobBack {
    display: block;
  }
  .signForm {
    display: flex;
    padding-left: 20px;
    padding-right: 20px;
  }
  .signForm .formContent {
    width: calc(50% - 22px);
  }
  .signForm:before {
    height: calc(100% - 2px);
  }
  .regForm:after {
    display: none;
  }
  .signInner {
    grid-template-columns: 1fr;
  }
  .loginForm .formContent {
    margin-left: auto;
    margin-right: auto;
  }
  .signContent .sectionBack {
    display: none;
  }
  .errorWrapper .layoutGrid {
    grid-template-columns: 1fr;
  }
  .errorWrapper .half-h {
    grid-column: span 1;
  }
  .errorWrapper .grafittiItem {
    display: none;
  }
  .errorWrapper .sectionBack {
    width: 100%;
  }
  .errorWrapper .logoItem img {
    height: 58px;
  }
  .errorWrapper .errorNumber {
    display: block;
    color: #fff;
    font-family: "Befrak", "sans-serif";
    font-size: 160px;
    line-height: 1;
    opacity: 0.7;
    margin-bottom: 20px;
  }
  .errorWrapper .errorTitle {
    font-size: 28px;
  }
  .errorWrapper .backItem {
    padding-top: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .errorWrapper .mobImage {
    display: block;
  }
  .docSection .rows-2 .layoutItem {
    padding-top: 22px;
    padding-bottom: 22px;
  }
  .investingSection .layoutLogoItem {
    grid-row-start: auto;
    grid-column-start: auto;
  }
  .investingSection .rows-2 {
    grid-template-rows: auto auto;
  }
  .investingSection .backItem {
    display: none;
  }
  .investingSection .investItem.textCard {
    padding-top: 22px;
  }
  .investingSection .btnContainer {
    padding-top: 22px;
  }
  .investingSection .sectionHead {
    grid-column: span 2;
  }
  .planListCard {
    display: block;
  }
  .planListCard .cardInfo {
    padding-top: 24px;
  }
  .tabsPlanSlider .planListCard::before {
    background-position: calc(100% - 16px) calc(50% + 76px);
  }
  .siteTabs .tabsList.lg a {
    font-size: 16px;
    line-height: 24px;
    min-height: 52px;
  }
  .plansTabsSection .planListCard .cardContent,
  .plansTabsSection .planListCard .cardResult {
    width: 100%;
  }
  .siteTabs .tabsList.lg .linkNote {
    font-size: 12px;
    line-height: 16px;
  }
  .plansTabsSection .planListCard .resultList {
    display: grid;
  }
  .plansTabsSection .planListCard::before {
    width: 100%;
  }
  .plansTabsSection .planListCard .calcResultLine + .calcResultLine {
    margin-top: 0px;
  }
  .plansTabsSection .tabsPlanSlider {
    padding-left: 88px;
    padding-right: 88px;
  }
  .plansTabsSection .swiper-controls::before,
  .plansTabsSection .swiper-controls::after {
    width: 85px;
  }
  .plansTabsSection .swiper-controls .swiper-button-prev {
    left: 16px;
  }
  .plansTabsSection .swiper-controls .swiper-button-next {
    right: 16px;
  }
  .tabsPlanSlider .planListCard .cardResult {
    margin-top: 2px;
  }
  .langHead {
    font-size: 14px;
  }
  .langHead .icon {
    font-size: 10px;
  }
}
@media (max-width: 767px) {
  .themeBtn.xs + .decor {
    display: none;
  }
  .itemContainer,
  .layoutItem:not(.layoutGrid) {
    padding-left: 12px;
    padding-right: 12px;
  }
  .menuContainer {
    height: calc(100% - 61px - 2px);
    top: 61px;
  }
  .burger {
    min-width: 58px;
    width: 58px;
  }
  .siteHeader {
    padding-right: 60px;
    padding-left: 60px;
  }
  .headerInner {
    padding-left: 15px;
    padding-right: 15px;
    min-height: 58px;
  }
  .siteHeader .logoContainer {
    width: 58px;
  }
  .siteHeader .layoutItem:not(.layoutGrid) {
    padding-left: 0px;
    padding-right: 0px;
  }
  .siteHeader .logoLink {
    width: 30px;
    overflow: hidden;
  }
  .siteHeader .logoLink img {
    height: 30px;
  }
  .heroInner .layoutItem {
    min-height: 210px;
  }
  .heroInner .layoutItem:first-child {
    min-height: 210px;
  }
  .heroInner .layoutItem:nth-child(6) {
    display: none;
  }
  .hero .mainItem:first-child {
    grid-row: initial;
  }
  .hero .bulletText {
    margin-top: 0px;
  }
  .hero .layoutGrid:not([class*=Graffiti]) {
    grid-template-columns: 1fr;
  }
  .hero .contentItem {
    grid-row-start: 2;
    padding-right: 12px;
    padding-bottom: 28px;
    padding-top: 28px;
  }
  .hero [class*=Graffiti] .layoutItem:before {
    width: calc(100% + 4px);
    left: -2px;
  }
  .homeWrapper .hero .layoutGrid {
    grid-template-rows: repeat(2, auto);
  }
  .homeWrapper .hero .mainItem:first-child {
    grid-row: span 1;
  }
  .homeWrapper .hero .contentItem {
    background-color: rgba(0, 0, 0, 0.8);
  }
  .homeWrapper .hero .layoutItem {
    min-height: 310px;
  }
  .heroBonus .accent {
    display: block;
  }
  .heroBonus .bonusImage {
    height: 124px;
    top: -82px;
  }
  .heroBonus .value {
    display: block;
    margin-bottom: 6px;
  }
  .heroBonus .description {
    line-height: 14px;
  }
  .heroTitle {
    font-size: 33px;
  }
  .managementSection .layoutGrid {
    grid-template-columns: initial;
    grid-template-rows: auto;
  }
  .managementSection .textCard {
    padding-top: 20px;
  }
  .managementSection .countCard:first-child {
    justify-content: flex-end;
    align-items: flex-end;
    text-align: right;
  }
  .managementSection .countCard:nth-child(2) {
    justify-content: flex-start;
  }
  .managementSection .countCard:nth-child(2) .cardInner {
    padding-bottom: 0px;
  }
  .managementSection .countCard:nth-child(4) {
    justify-content: flex-end;
  }
  .managementSection .countCard:last-child {
    display: none;
  }
  .countCard {
    min-height: 204px;
  }
  .layoutLogoItem {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .layoutLogoItem img {
    width: 180px;
  }
  .aboutSection .sectionHead {
    display: block;
  }
  .aboutSection .textCard .btnContainer {
    padding-top: 25px;
  }
  .aboutSection .rows-2 {
    grid-template-rows: auto;
  }
  .aboutSection .sectionHead + .layoutItem {
    padding-top: 16px;
    padding-bottom: 40px;
  }
  .aboutSection .stubItem + .textCard {
    padding-top: 20px;
  }
  .aboutSection .addGrid {
    grid-template-columns: auto;
  }
  .aboutSection .backItem {
    min-height: 216px;
  }
  .aboutSection.type-1 .textCard, .aboutSection.type-2 .textCard {
    padding-bottom: 20px;
  }
  .aboutSection.type-1 .textCard {
    grid-column: span 2;
  }
  .aboutSection.type-2 .rows-2 {
    grid-template-columns: auto;
  }
  .aboutSection.type-2 .rows-2 .layoutItem {
    min-height: 0px;
  }
  .aboutSection.type-2 .rows-2 .layoutItem:not(.textCard) {
    min-height: 198px;
  }
  .aboutSection.type-2 .rows-2 .mainItem:not(.sectionHead) {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .aboutSection.type-2 .textCard:nth-child(4) {
    grid-column-start: 1;
    grid-column-end: 1;
  }
  .aboutSection.type-2 .textCard:last-child {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .aboutSection.type-2 .sectionHead {
    padding-top: 20px;
    grid-row: span 1;
  }
  .aboutSection.type-3 .textCard ul {
    columns: 1;
    column-gap: 0px;
  }
  .calcForm {
    grid-template-columns: auto;
    grid-template-rows: auto;
  }
  .calcForm .formItem:first-child {
    display: none;
  }
  .calcForm .formItem:first-child + .formItem {
    margin-top: 0px;
  }
  .calcForm .resultList {
    text-align: center;
  }
  .planSlider {
    margin-left: -12px;
    margin-right: -12px;
  }
  .planSlider .planCard {
    min-height: 510px;
    padding-left: 12px;
    padding-right: 12px;
  }
  .calcSection .formNote {
    padding-left: 0px;
  }
  .calcSection .formNote .caption {
    display: inline;
  }
  .calcSection .titleWrapper.mobTitle {
    display: block;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .calcSection .sectionHead {
    background-image: none;
  }
  .calcSection .sectionHead .titleWrapper {
    display: none;
  }
  .calcSection .sectionHead.layoutItem {
    padding-bottom: 15px;
    padding-top: 11px;
  }
  .calcSection .sliderItem {
    order: -1;
  }
  .planCard .imageContainer {
    height: 380px;
    margin-top: -40px;
  }
  .planCard .imageContainer img {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
  }
  .planCard .infoLine {
    display: flex;
  }
  .planCard .planCharItem {
    margin-top: 0px;
  }
  .planCard .planCharItem:nth-child(2n) {
    margin-left: 16px;
  }
  .stepsSection .rows-2 {
    grid-template-rows: auto;
  }
  .stepsSection .mobTitle {
    display: block;
  }
  .stepsSection .layoutGrid {
    grid-template-columns: auto;
  }
  .stepsSection .sectionHead {
    order: 1;
    grid-column: initial;
    grid-row: initial;
    padding-top: 16px;
    padding-bottom: 0px;
  }
  .stepsSection .sectionHead .titleWrapper {
    display: none;
  }
  .stepsSection .btnContainer {
    text-align: center;
  }
  .stepsSection .layoutItem:not(.titleWrapper) {
    min-height: 204px;
  }
  .stepsSection .backItem {
    grid-column: initial;
  }
  .bulletSection .rows-2 {
    grid-template-rows: auto;
  }
  .bulletSection .rows-2 .layoutItem {
    min-height: 250px;
  }
  .bulletSection .textCard {
    padding-top: 16px;
    padding-bottom: 16px;
    justify-content: flex-start;
    min-height: 0px;
  }
  .siteFooter .half-h {
    grid-column: span 2;
  }
  .siteFooter .followItem {
    grid-row-start: 3;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .siteFooter .followItem:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27 fill=%27none%27%3E%3Cpath d=%27M6 0C6 3.31371 8.68629 6 12 6C8.68629 6 6 8.68629 6 12C6 8.68629 3.31371 6 0 6C3.31371 6 6 3.31371 6 0Z%27 fill=%27%23373737%27/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27 fill=%27none%27%3E%3Cpath d=%27M6 0C6 3.31371 8.68629 6 12 6C8.68629 6 6 8.68629 6 12C6 8.68629 3.31371 6 0 6C3.31371 6 6 3.31371 6 0Z%27 fill=%27%23373737%27/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27 fill=%27none%27%3E%3Cpath d=%27M6 0C6 3.31371 8.68629 6 12 6C8.68629 6 6 8.68629 6 12C6 8.68629 3.31371 6 0 6C3.31371 6 6 3.31371 6 0Z%27 fill=%27%23373737%27/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27 fill=%27none%27%3E%3Cpath d=%27M6 0C6 3.31371 8.68629 6 12 6C8.68629 6 6 8.68629 6 12C6 8.68629 3.31371 6 0 6C3.31371 6 6 3.31371 6 0Z%27 fill=%27%23373737%27/%3E%3C/svg%3E");
    background-position: -7px -7px, -7px calc(100% + 7px), calc(100% + 7px) -7px, calc(100% + 7px) calc(100% + 7px);
  }
  .siteFooter .socialsList {
    margin-top: 0px;
  }
  .siteFooter .moreLinks {
    order: 1;
    width: 100%;
    margin-top: 22px;
  }
  .siteFooter .logoItem:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27 fill=%27none%27%3E%3Cpath d=%27M6 0C6 3.31371 8.68629 6 12 6C8.68629 6 6 8.68629 6 12C6 8.68629 3.31371 6 0 6C3.31371 6 6 3.31371 6 0Z%27 fill=%27%23373737%27/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27 fill=%27none%27%3E%3Cpath d=%27M6 0C6 3.31371 8.68629 6 12 6C8.68629 6 6 8.68629 6 12C6 8.68629 3.31371 6 0 6C3.31371 6 6 3.31371 6 0Z%27 fill=%27%23373737%27/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27 fill=%27none%27%3E%3Cpath d=%27M6 0C6 3.31371 8.68629 6 12 6C8.68629 6 6 8.68629 6 12C6 8.68629 3.31371 6 0 6C3.31371 6 6 3.31371 6 0Z%27 fill=%27%23373737%27/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27 fill=%27none%27%3E%3Cpath d=%27M6 0C6 3.31371 8.68629 6 12 6C8.68629 6 6 8.68629 6 12C6 8.68629 3.31371 6 0 6C3.31371 6 6 3.31371 6 0Z%27 fill=%27%23373737%27/%3E%3C/svg%3E");
    background-position: -7px -7px, -7px calc(100% + 7px), calc(100% + 7px) -7px, calc(100% + 7px) calc(100% + 7px);
  }
  .footerInner .bulletText {
    margin-top: 8px;
  }
  .footerBullet {
    padding-bottom: 30px;
  }
  .footerBullet .btnContainer {
    margin-top: 26px;
  }
  .roadmapSection .sectionHead {
    width: 100%;
    margin-bottom: 20px;
  }
  .roadmapSection .sectionFoot {
    width: 100%;
    margin-top: 20px;
  }
  .roadmapSlider .swiper-wrapper {
    flex-wrap: nowrap;
  }
  .roadmapSlider .swiper-slide {
    width: 328px;
  }
  .roadmapSlider .swiper-slide:nth-child(2n) {
    margin-top: 0px;
  }
  .advantageCard {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .advantageCard:first-child {
    padding-top: 0px;
  }
  .advantagesSection .half-h {
    grid-column: span 1;
  }
  .advantagesSection .rows-2 {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
  .advantagesSection .rows-2 .layoutItem:not(.advantageCard) {
    min-height: 240px;
  }
  .advantagesSection .leftDarker {
    min-height: 240px;
  }
  .planListCard .cardInfo {
    padding-top: 20px;
  }
  .planListCard .resultList {
    grid-template-columns: repeat(2, 1fr);
  }
  .planListCard .calcResultLine:nth-child(7) {
    grid-column: span 2;
  }
  .planListCard .planHead {
    padding-left: 0px;
    margin-bottom: 24px;
  }
  .planListCard .planHead .count {
    top: auto;
    left: auto;
    position: relative;
    margin-bottom: 8px;
  }
  .siteTabs .tabsList li {
    width: calc(50% - 20px);
  }
  .levelList {
    grid-template-columns: repeat(6, 1fr);
  }
  .levelList .levelCard {
    min-height: 80px;
  }
  .levelList .rankIcon {
    width: 73px;
    min-width: 76px;
  }
  .levelList .infoItem {
    width: calc((100% - 76px) / 2);
  }
  .levelList .statusPanel {
    grid-column: 1/span 6;
    grid-row: 1/span 1;
    min-height: 80px;
  }
  .levelList .statusPanel .inner {
    padding: 16px 20px 16px 12px;
    width: 100%;
  }
  .programSection .layoutGrid {
    grid-template-columns: 1fr;
  }
  .programSection .layoutItem.layoutGrid {
    grid-column: span 2;
    min-height: 210px;
  }
  .textHead {
    display: block;
    margin-bottom: 20px;
  }
  .textHead .sectionTitle,
  .textHead .textContainer {
    width: 100%;
  }
  .textHead .textContainer {
    margin-top: 20px;
  }
  .faqContent .textContainer {
    padding: 12px 16px 6px;
  }
  .formSection .sectionInner:before {
    width: calc(50% - 1px);
  }
  .downForm .formRow {
    display: block;
  }
  .downForm .formNote {
    margin-top: 16px;
  }
  .downForm .formItem + .formItem {
    margin-top: 16px;
  }
  .downForm .itemContainer + .itemContainer {
    margin-top: 16px;
  }
  .downForm .itemContainer:first-child, .downForm .itemContainer:nth-child(2) {
    width: 100%;
  }
  .contactsLocation {
    grid-row: initial;
  }
  .contactsList {
    margin-top: -30px;
  }
  .contactsList li {
    padding-top: 30px;
  }
  .contactsList + .contactsList {
    margin-top: 30px;
  }
  .contacts {
    grid-template-columns: initial;
    grid-template-rows: initial;
  }
  .contacts .rowItem {
    padding-bottom: 30px;
  }
  .contacts .rowItem:first-child {
    padding-top: 0px;
  }
  .contacts .itemContainer:nth-child(2) {
    grid-row: span 1;
  }
  .contactsMap {
    padding: 12px;
  }
  .signForm {
    display: block;
  }
  .signForm .formContent {
    width: 100%;
  }
  .signForm:before {
    height: 100%;
  }
  .contacts .rowItem .contactsList li:nth-child(2n) {
    padding-left: 12px;
    width: calc((100% - 2px + 24px) / 2 - 12px);
  }
  .signTitle .layoutItem {
    min-height: 223px;
  }
  .errorWrapper {
    padding: 12px;
  }
  .errorWrapper .logoItem img {
    height: 48px;
  }
  .errorWrapper .errorNumber {
    font-size: 120px;
    margin-bottom: 12px;
  }
  .errorWrapper .backItem {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .errorWrapper .errorTitle {
    font-size: 24px;
  }
  .docLink .imageContainer {
    width: 166px;
    height: 235px;
  }
  .investingSection .layoutLogoItem {
    display: none;
  }
  .investingSection .rows-2 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
  .investingSection .backItem {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .investingSection .backItem {
    min-height: 216px;
  }
  .investingSection .sectionHead {
    display: block;
    grid-column: span 1;
    padding-bottom: 0px;
  }
  .investingSection .sectionHead .textCard {
    padding-bottom: 20px;
  }
  .eventContent {
    padding: 20px 12px;
  }
  .eventContent .eventDates {
    order: initial;
    position: absolute;
    top: 131px;
    left: 12px;
    width: 162px;
  }
  .eventContent .eventTitle {
    text-align: center;
    max-width: 100%;
    font-size: 24px;
    line-height: 26px;
    padding-top: 0px;
  }
  .eventContent .eventImage {
    width: 388px;
    top: 117px;
    left: 12px;
  }
  .eventContent .eventDownInfo {
    padding-top: 384px;
    grid-template-columns: 146px 1fr;
  }
  .eventContent .eventText {
    grid-column: span 2;
    text-align: center;
    display: block;
    padding-bottom: 6px;
  }
  .eventContent .eventText br {
    display: none;
  }
  .eventContent.event07 .eventImage {
    top: auto;
  }
  .eventContent.event07 .eventLink {
    margin-top: 0px;
  }
  .eventContent.event07 .eventLink a {
    font-size: 16px;
    line-height: 22px;
  }
  .eventContent.event07 .eventLink .icon {
    font-size: 20px;
  }
  .eventContent.event07 .eventText {
    font-size: 18px;
    line-height: 24px;
  }
  .eventContent.event07 .eventDownInfo {
    margin-top: 16px;
    padding: 8px;
  }
  .eventModal07 .modalContent {
    max-width: 400px;
  }
  .planTabs .tabsList li {
    width: calc(50% - 10px);
    max-width: calc(50% - 10px);
  }
  .plansTabsSection .tabsPlanSlider {
    padding-left: 0px;
    padding-right: 0px;
  }
  .plansTabsSection .swiper-controls .swiper-button-prev,
  .plansTabsSection .swiper-controls .swiper-button-next {
    position: relative;
    top: auto;
  }
  .plansTabsSection .swiper-controls .swiper-button-prev {
    left: auto;
  }
  .plansTabsSection .swiper-controls .swiper-button-next {
    right: auto;
  }
  .plansTabsSection .swiper-controls {
    position: relative;
    margin-top: 2px;
    height: 66px;
  }
  .plansTabsSection .swiper-controls::before,
  .plansTabsSection .swiper-controls::after {
    width: calc(50% - 1px);
    height: 66px;
  }
  .tabsPlanSlider .planListCard .cardInfo {
    padding-left: 12px;
    padding-right: 12px;
  }
  .cabContent > .siteTabs:first-child .tabsList {
    margin-top: 10px;
  }
  .pagination-slider {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (max-width: 479px) {
  .hero .bulletText {
    text-align: left;
    width: 100%;
    margin-top: 20px;
  }
  .hero .bonusItem {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .formNote .caption {
    display: block;
  }
  .heroTitle {
    font-size: 30px;
    line-height: 40px;
  }
  .siteFooter .socialsList {
    margin-top: 22px;
  }
  .siteFooter .followItem {
    flex-direction: column;
  }
  .advantagesSection .leftDarker:after {
    display: none;
  }
  .planCard .imageContainer {
    margin-top: -20px;
  }
  .planListCard .cardContent {
    display: block;
  }
  .planListCard .planHead {
    padding-left: 56px;
  }
  .planListCard .planHead .count {
    top: calc(50% - 21px);
    left: 0;
    position: absolute;
    margin-bottom: 0px;
  }
  .planListCard .cardInfo,
  .planListCard .imageContainer {
    width: 100%;
  }
  .planListCard .imageContainer:before, .planListCard .imageContainer:after {
    display: none;
  }
  .levelList {
    grid-template-columns: repeat(4, 1fr);
  }
  .levelList .statusPanel {
    grid-column: 1/span 4;
  }
  .siteTabs .tabsList a {
    font-size: 13px;
    min-height: 48px;
  }
  .formSection .sectionInner {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .formSection .sectionInner:before {
    width: 100%;
  }
  .signForm:before {
    display: none;
  }
  .heroBonus {
    padding-left: 12px;
    padding-right: 12px;
  }
  .heroBonus .value {
    font-size: 20px;
  }
  .heroBonus .value + .bulletTitle {
    margin-top: 20px;
  }
  .errorWrapper .errorNumber {
    font-size: 96px;
  }
  .errorWrapper .errorTitle {
    line-height: 24px;
    font-size: 20px;
  }
  .siteHeader .layoutItem {
    padding-left: 0px;
    padding-right: 0px;
  }
  .siteHeader .mainItem {
    width: 0px;
  }
  .siteHeader .langContainer {
    margin-right: 16px;
  }
  .themeBtn.xs {
    padding: 4px 16px 4px 12px;
    min-width: 108px;
  }
  .docLink .imageContainer {
    width: 124px;
    height: 176px;
  }
  .docLink .iconBtn {
    left: -15px;
  }
  .docSection .graffitiItem {
    display: none;
  }
  .docSection .rows-2 .layoutItem {
    min-height: 120px;
  }
  .docSection .rows-2 .layoutItem:last-child, .docSection .rows-2 .layoutItem:first-child, .docSection .rows-2 .layoutItem:nth-child(8n+7) {
    grid-column: span 2;
  }
  .docSection .rows-2 .layoutItem:nth-child(8n+6) {
    background-color: transparent;
  }
  .contacts .rowItem .contactsList li:nth-child(2n+1) {
    padding-left: 0px;
    width: 100%;
  }
  .contacts .rowItem .contactsList li:nth-child(2n) {
    padding-left: 0px;
    width: 100%;
  }
  .plansTabsSection .planListCard .cardInfo,
  .plansTabsSection .planListCard .imageContainer {
    width: 100%;
  }
  .planListCard .resultList {
    column-gap: 16px;
  }
  .planListCard.disabled .cardContent::after {
    width: 260px;
    height: 171px;
    bottom: 20px;
  }
  .plansTabsSection .tabsPlanSlider {
    padding-left: 10px;
    padding-right: 10px;
    margin-left: -14px;
    margin-right: -14px;
  }
}
@media (max-width: 419px) {
  .planCard .planCharItem {
    margin-top: 8px;
  }
  .planCard .planCharItem:nth-child(2n) {
    margin-left: 0px;
  }
  .planCard .infoLine {
    display: block;
  }
  .headerInner {
    padding-left: 12px;
    padding-right: 12px;
  }
  .menuContainer .menuInner {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 40px;
  }
  .menuContainer .langContainer {
    display: block;
    margin-bottom: 40px;
    margin-left: auto;
  }
  .headerRight .langContainer {
    display: none;
  }
  .siteHeader .layoutItem.mainItem {
    margin-left: auto;
    width: auto;
    padding-right: 20px;
  }
  .siteHeader .authLink .themeBtn {
    font-size: 12px;
    padding: 4px 14px 4px 10px;
  }
  .eventContent .eventDownInfo {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 324px;
  }
  .eventContent .btnContainer {
    flex-direction: column;
    align-items: center;
  }
  .eventContent .eventGift {
    width: 109px;
  }
  .eventContent .btnContainer {
    width: 100%;
  }
  .eventContent.event07 {
    background-size: 110% auto;
    padding-top: 128.3333333333%;
  }
}
@media (max-width: 1919px) {
  .investSlider .cardInfo {
    padding-left: 36px;
  }
  .filterForm .formItem {
    padding-right: 20px;
  }
  .filterForm .filterDates {
    padding-right: 0px;
  }
  .filterForm .filterDates .formItem {
    padding-right: 20px;
  }
  .cabContent .tabsPlanSlider .planListCard .resultList {
    grid-template-columns: 1fr;
    row-gap: 20px;
    text-align: center;
  }
  .cabContent .tabsPlanSlider .planListCard .planCharItem {
    width: 100%;
  }
  .cabContent .tabsPlanSlider .planListCard .cardInfo {
    display: block;
  }
  .cabContent .tabsPlanSlider .planListCard .calcResultLine:nth-child(7) {
    grid-column: span 1;
  }
}
@media (max-width: 1799px) {
  .cabHeader .logoContainer {
    width: 268px;
  }
  .cabHeader .socialsList {
    max-width: 184px;
  }
  .cabHeader .socialsList li {
    max-width: 25%;
  }
  .cabHeader .socialsList .socIcon {
    min-width: 32px;
    height: 32px;
  }
  .cabHeadContent {
    width: calc(100% - 234px - 268px - 4px);
  }
  .cabHeadRight {
    width: 234px;
  }
  .cabPanel {
    padding: 5px 30px;
  }
  .cabContainer {
    grid-template-columns: 268px calc(100% - 268px - 234px - 4px) 234px;
  }
  .welcomePanel {
    padding: 39px 20px 36px;
  }
  .welcomePanel:after {
    background-position: -10px calc(100% + 140px);
  }
  .welcomePanel .settingsLink {
    top: 20px;
    right: 20px;
  }
  .cabMenuList a {
    min-height: 90px;
    font-size: 12px;
    padding-top: 21px;
  }
  .balanceContainer {
    padding: 20px 20px;
  }
  .balanceList {
    width: calc(100% + 12px);
    padding-right: 12px;
  }
  .balanceHead {
    padding-left: 12px;
    padding-right: 12px;
  }
  .cabHeader .datetimeContainer {
    padding-right: 42px;
  }
  .cabHeader .datetimeContainer .date {
    font-size: 12px;
    line-height: 16px;
  }
  .cabHeader .datetimeContainer .time {
    font-size: 14px;
    line-height: 18px;
  }
  .cabHeader .menuList {
    margin-left: -12px;
    margin-right: -12px;
    flex-wrap: wrap;
  }
  .cabHeader .menuList li {
    padding-left: 12px;
    padding-right: 12px;
  }
  .cabHeader .menuList a {
    font-size: 13px;
  }
  .cabContent .cabPanel {
    padding: 30px;
  }
  .dashboard .cabPanel {
    width: 34.4943820225%;
  }
  .dashboard .w-full {
    width: 100%;
  }
  .dashboard .w-2-3 {
    width: 65.2808988764%;
  }
  .totalItem .inner {
    min-height: 64px;
    padding: 0px;
  }
  .totalItem .inner:before {
    display: none;
  }
  .totalItem:before {
    margin-top: 29px;
  }
  .totalItem:after {
    margin-top: -32px;
    width: calc(100% - 44px - 241px);
  }
  .totalItem:first-child:before, .totalItem:nth-child(4):before {
    left: 243px;
  }
  .totalItem:first-child:after, .totalItem:nth-child(4):after {
    left: 241px;
  }
  .totalItem:nth-child(2):before, .totalItem:nth-child(3):before {
    left: 315px;
  }
  .totalItem:nth-child(2):after, .totalItem:nth-child(3):after {
    left: 241px;
  }
  .totalInfo {
    min-width: 0px;
    row-gap: 42px;
  }
  .totalInfo + .panelImage {
    width: 296px;
    height: 363px;
    left: 30px;
    box-shadow: 0px 0px 0px transparent;
  }
  .totalInfo + .panelImage img {
    width: 95.2702702703%;
    left: 0.6756756757%;
    top: calc(50% + 18px);
    height: 101.1019283747%;
  }
  .rankInfo .partnersInfo {
    margin-top: 22px;
    margin-bottom: 16px;
  }
  .rankInfo .cabIconItem {
    width: calc(100% + 8px);
  }
  .rankLine {
    max-width: 100%;
    width: auto;
  }
  .partnersInfo .infoItem {
    min-height: 102px;
    padding-top: 4px;
  }
  .partnersInfo .infoItem:before {
    margin-bottom: 6px;
  }
  .partnersInfo .infoItem:first-child {
    min-height: 84px;
  }
  .cabIconItem + .cabIconItem {
    margin-top: 15px;
  }
  .copyContainer .copyIconBtn {
    margin-left: 2px;
  }
  .linkInfo.cabPanel {
    padding-top: 24px;
  }
  .linkInfo .formItem {
    padding-left: 20px;
  }
  .cabContent .incomeInfo,
  .cabContent .chartInfo {
    width: 100%;
  }
  .incomeInfo {
    flex-direction: row;
    column-gap: 36px;
  }
  .incomeInfo .cabIconItem {
    width: calc((100% - 108px) / 3);
  }
  .incomeInfo .cabIconItem + .cabIconItem {
    margin-top: 0px;
  }
  .tradingChartContainer {
    max-width: 718px;
    margin-left: auto;
    margin-right: auto;
  }
  .chartInfo.cabPanel {
    padding-top: 25px;
  }
  .tradingHead {
    padding-bottom: 6px;
  }
  .investSlider .cardInfo {
    width: 50%;
    padding-left: 30px;
    padding-right: 20px;
  }
  .investSlider .imageContainer {
    width: 50%;
  }
  .investSlider .resultList {
    grid-template-columns: auto;
    text-align: center;
  }
  .investSlider .cardContent {
    width: calc(100% - 342px);
  }
  .investSlider .cardResult {
    width: 340px;
  }
  .investSlider .calcResultLine:nth-child(7) {
    grid-column: span 1;
  }
  .swiper-controls .swiper-button-prev {
    left: auto;
  }
  .swiper-controls .swiper-button-next {
    right: auto;
  }
  .transactionForm {
    grid-template-columns: 412px calc(100% - 412px - 2px);
  }
  .transactionForm .btnContainer {
    margin-top: 50px;
  }
  .transactionForm .resultList {
    margin: 37px auto 0px;
  }
  .transactionForm .formContent {
    position: relative;
  }
  .transactionForm .formContent .btnContainer {
    position: absolute;
    bottom: 30px;
    left: 30px;
    margin-top: 0px;
  }
  .transactionForm .formItem {
    margin-top: 24px;
  }
  .currencyLabel {
    padding-left: 56px;
  }
  .currencyLabel .payIcon {
    left: 18px;
  }
  .paymentCard {
    padding: 30px 30px 110px;
    background-position: calc(100% - 40px) 200px, left top;
    background-size: 165px auto, 100% 100%;
  }
  .paymentCard .coloredPayIcon {
    top: calc(50% - 35px);
    height: 70px;
  }
  .paymentCard .qrItem {
    min-width: 110px;
    width: 110px;
    height: 110px;
  }
  .paymentCard .sum {
    font-size: 28px;
    margin-top: 20px;
  }
  .paymentCard .purseHead {
    padding-left: 95px;
    min-height: 70px;
    font-size: 20px;
    line-height: 28px;
  }
  .assetsList {
    margin-top: -20px;
  }
  .assetsList .assetsCard {
    width: 100%;
    margin-top: 20px;
  }
  .assetsCard {
    padding-bottom: 40px;
  }
  .assetsCard .cardHead {
    padding-right: 95px;
  }
  .assetsCard .cardContent {
    min-height: 0px;
  }
  .assetsCard .charsList {
    margin-left: -8px;
    margin-right: -8px;
  }
  .assetsCard .charsList .planCharItem {
    width: 33.3333333333%;
    padding-left: 8px;
    padding-right: 8px;
    margin-top: 22px;
  }
  .assetsCard .planHead {
    padding-left: 60px;
  }
  .assetsCard .planHead .count {
    width: 42px;
    height: 42px;
    top: calc(50% - 21px);
    font-size: 14px;
  }
  .assetsTabs .tabsList a {
    min-width: 248px;
  }
  .pagination {
    margin-top: 30px;
  }
  .siteTabs.horizontal .tabsList a {
    padding-right: 36px;
    padding-left: 20px;
  }
  .siteTabs.horizontal .tabsList a:before {
    right: 12px;
  }
  .affiliatePanel .levelList {
    width: calc(100% - 275px - 30px);
  }
  .affiliatePanel .statusPanel {
    width: 275px;
    padding: 30px 20px;
  }
  .affiliatePanel .statusPanel .infoItem + .infoItem {
    margin-top: 30px;
  }
  .affiliatePanel .statusPanel .value {
    font-size: 22px;
  }
  .affiliatePanel .rankIcon {
    margin-bottom: 25px;
    width: 120px;
  }
  .affiliatePanel .levelCard {
    min-height: 80px;
  }
  .affiliatePanel.horizontal .statusPanel {
    display: grid;
    grid-template-columns: 120px repeat(2, calc((100% - 120px) / 2));
    grid-template-rows: auto auto;
    row-gap: 8px;
  }
  .affiliatePanel.horizontal .statusPanel .rankInfo {
    padding-left: 20px;
    padding-right: 20px;
    width: auto;
  }
  .affiliatePanel.horizontal .statusPanel .rankInfo .value {
    font-size: 28px;
  }
  .affiliatePanel.horizontal .statusPanel .turnoverInfo {
    padding-right: 0px;
    width: auto;
    padding-left: 20px;
  }
  .affiliatePanel.horizontal .statusPanel .conditionInfo {
    max-width: 100%;
    padding-right: 20px;
    padding-left: 20px;
    text-align: left;
  }
  .affiliatePanel.horizontal .statusPanel .nextRankInfo {
    margin-left: 0px;
    padding-left: 20px;
  }
  .affiliatePanel.horizontal .rankIcon {
    min-width: 120px;
    grid-row: span 2;
  }
  .affiliatePanel.horizontal .levelCard {
    min-height: 80px;
  }
  .qrPanel .qrItem {
    margin-left: 20px;
  }
  .closeBtn {
    font-size: 26px;
    height: 26px;
  }
  .qrTooltip {
    width: 320px;
    height: 320px;
    padding-top: 46px;
  }
  .qrTooltip .closeBtn {
    right: 20px;
    top: 20px;
  }
  .partnerCard {
    padding: 10px 25px 10px 30px;
  }
  .filterForm .filterContent {
    display: grid;
    grid-template-columns: 30% 70%;
  }
  .filterForm .btnContainer {
    margin-top: 20px;
    text-align: right;
  }
  .filterForm .filterDates {
    grid-row: span 2;
    display: block;
    width: auto;
  }
  .filterForm .filterDates .formItem {
    width: 100%;
  }
  .filterForm .formItem {
    width: auto;
    padding-top: 12px;
  }
  .historyPanel.cabPanel {
    padding-top: 10px;
  }
  .historyPanel .accordTitle {
    padding-left: 10px;
    padding-right: 53px;
  }
  .operationAddInfo {
    padding-left: 10px;
    flex-wrap: wrap;
  }
  .operationAddInfo .item:nth-child(3) {
    width: 100%;
  }
  .operationLine {
    flex-wrap: wrap;
  }
  .operationLine .item:first-child, .operationLine .item:nth-child(2) {
    width: 25%;
  }
  .operationLine .item:nth-child(3) {
    width: 50%;
  }
  .operationLine .item:nth-child(4), .operationLine .item:nth-child(5), .operationLine .item:nth-child(6), .operationLine .item:nth-child(7) {
    width: 25%;
  }
  .paymentsForm .formContent {
    margin: -20px -10px 0px;
  }
  .paymentsForm .formItem {
    padding: 20px 10px 0px;
  }
  .paymentsForm .btnContainer {
    margin-top: 30px;
  }
  .settingsTabs .tabsList a {
    min-width: 248px;
  }
  .personalForm .formContent {
    column-gap: 30px;
  }
  .avaSettings {
    padding-left: 150px;
    padding-right: 30px;
  }
  .avaSettings .ava {
    left: 30px;
  }
  .historyLine .item:first-child {
    padding-left: 20px;
  }
  .securityForm .formPanel {
    width: calc(50% - 15px);
    padding: 32px 24px;
  }
  .securityForm .qrCard {
    width: 149px;
  }
  .securityForm .qrContent {
    width: calc(100% - 149px);
    padding-right: 20px;
  }
  .securityForm .qrContainer .textTitle {
    margin-bottom: 20px;
  }
  .securityForm .topLineForm {
    margin: 0px -10px;
    width: calc(100% + 20px);
    padding-bottom: 30px;
  }
  .securityForm .topLineForm .formItem {
    padding: 0px 10px;
  }
  .modalContent {
    max-width: 620px;
  }
  .modalPanel {
    padding: 30px;
  }
  .modalPanel.searchPanel {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .modalPanel.dataPanel {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .modalContent .headCard {
    padding: 10px 20px;
    min-height: 68px;
  }
  .modalContent .headCard + .formItem {
    margin-top: 20px;
  }
  .modalTransactionForm .modalTitle + * {
    margin-top: 12px;
  }
  .modalTransactionForm .btnContainer {
    margin-top: 24px;
    margin-left: -15px;
    margin-right: -15px;
  }
  .modalTransactionForm .btnContainer .btnItem {
    padding-left: 15px;
    padding-right: 15px;
  }
  .modalTransactionForm .formItem + * {
    margin-top: 20px;
  }
  .modal .resultList {
    padding: 24px 20px;
  }
  .modal .partnerCard {
    padding: 5px 20px 5px 25px;
  }
  .modal .structureLatestScroll {
    padding: 0px 24px 0px 0;
  }
  .depositModal .modalContent {
    max-width: 820px;
  }
  .structureModal .modalContent {
    max-width: 1000px;
  }
  .structureModal .dataHead .levelMark {
    margin-left: 16px;
  }
  .modalStructureContent {
    grid-template-columns: calc(100% - 396px - 2px) 396px;
  }
  .leadersResults {
    display: block;
  }
  .leadersResults .textTitle {
    width: 100%;
    padding-right: 0px;
  }
  .leadersResults .textTitle br {
    display: none;
  }
  .leadersResults .items {
    width: 100%;
    margin-top: 20px;
  }
  .cabContent .tabsPlanSlider .planListCard .cardResult {
    padding-left: 28px;
    padding-right: 28px;
  }
  .cabContent .tabsPlanSlider .planListCard .planCharItem + .planCharItem {
    margin-top: 18px;
  }
  .cabContent .programTabs .tabsList a {
    padding-right: 20px;
  }
}
@media (max-width: 1399px) {
  .balanceInner {
    position: absolute;
    width: 100%;
    overflow: hidden;
    padding-top: 60px;
    height: 64px;
    left: 0;
    top: 0;
    z-index: -1;
    border: 2px solid #939393;
    clip-path: polygon(0 0, 0 100%, calc(100% - 17px) 100%, 100% calc(100% - 17px), 100% 0px);
    transition: height 0.1s ease-in-out;
  }
  .balanceInner:after {
    content: "";
    width: 16px;
    height: 16px;
    border-right: 8px solid #939393;
    border-bottom: 8px solid #939393;
    border-left: 8px solid transparent;
    border-top: 8px solid transparent;
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .balanceInner:before {
    top: 0px;
    height: 148px;
    border-radius: 0px;
  }
  .balanceContainer {
    border-radius: 0px;
    height: calc(100% - 144px);
    margin-top: 0px;
  }
  .balancePanel {
    position: relative;
    z-index: 10;
  }
  .balancePanel .balanceItem + .balanceItem {
    margin-top: 5px;
  }
  .balancePanel.active .balanceInner {
    height: calc(100vh - 68px - 2px);
  }
  .balanceItem {
    text-align: left;
  }
  .balanceInnerHead {
    padding-left: 26px;
    padding-right: 26px;
  }
  .balanceInnerHead .balanceItem {
    white-space: nowrap;
  }
  .balanceInnerHead .balanceItem > * {
    display: inline;
  }
  .balanceHead {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 0px;
    padding: 0px 50px 0px 28px;
    height: 100%;
    cursor: pointer;
    user-select: none;
  }
  .balanceHead .cabLabel {
    font-size: 14px;
    margin-bottom: 0px;
  }
  .balanceHead:after {
    content: "\e917";
    display: block;
    position: absolute;
    font-family: icomoon;
    height: auto;
    width: auto;
    border: 0px;
    right: 28px;
    font-size: 12px;
    line-height: 1;
    top: calc(50% - 6px);
    color: #fd4b03;
    transition: transform 0.2s;
  }
  .balanceHead .sum {
    font-size: 14px;
    line-height: 23px;
  }
  .balanceHead .sum .num {
    font-size: 18px;
  }
  .balanceHead.active:after {
    transform: scale(1, -1);
  }
  .menuList a {
    font-size: 13px;
  }
  .cabHeadRight {
    display: none;
  }
  .cabHeadContent {
    width: calc(100% - 228px - 2px);
    min-height: 64px;
  }
  .cabContainer {
    grid-template-columns: 228px calc(100% - 228px - 333px - 4px) 333px;
  }
  .cabRightContent {
    grid-row: span 1;
    position: relative;
    top: auto;
    height: auto;
  }
  .cabHeader .logoContainer {
    width: 228px;
  }
  .cabHeader .socialsList {
    display: none;
  }
  .cabHeader .menuList {
    margin-left: -12px;
    margin-right: -12px;
  }
  .cabHeader .menuList li {
    padding-left: 12px;
    padding-right: 12px;
  }
  .cabMiddle {
    grid-column: span 2;
  }
  .cabHeadTitle {
    min-height: 64px;
  }
  .cabHeadTitle .sectionTitle {
    font-size: 24px;
    min-height: 36px;
    padding-left: 36px;
    background-size: auto 36px;
  }
  .cabValue.lg,
  .cabLabel.lg {
    font-size: 14px;
    line-height: 20px;
  }
  .welcomePanel {
    padding: 30px 12px 16px;
  }
  .welcomePanel:after {
    display: none;
  }
  .welcomePanel .ava {
    width: 70px;
    min-width: 70px;
    height: 70px;
    margin-bottom: 20px;
  }
  .welcomePanel .ava:before, .welcomePanel .ava:after {
    width: 62px;
    height: 7px;
  }
  .welcomePanel .settingsLink {
    top: 10px;
    right: 10px;
  }
  .welcomePanel .settingsLink .cabIcon:after {
    display: none;
  }
  .welcomeItem + .welcomeItem {
    margin-top: 0px;
    display: none;
  }
  .dashboard .cabPanel {
    width: 333px;
  }
  .dashboard .w-2-3 {
    width: calc(100% - 333px - 2px);
  }
  .dashboard .w-full,
  .dashboard .incomeInfo,
  .dashboard .chartInfo {
    width: 100%;
  }
  .qrBtn,
  .copyIconBtn {
    min-width: 46px;
    width: 46px;
    height: 46px;
  }
  .qrBtn .icon {
    font-size: 24px;
  }
  .cabWrapper .inputContainer .inputText,
  .cabWrapper .inputContainer textarea,
  .cabWrapper .inputContainer .inputText {
    font-size: 14px;
  }
  .linkInfo .cabIcon {
    margin-bottom: 4px;
  }
  .cabFooter {
    padding-top: 20px;
    padding-bottom: 20px;
    min-height: 0px;
  }
  .cabFooter .socialsList {
    display: flex;
  }
  .cabFooter .copyright br {
    display: none;
  }
  .investSlider .cardContent {
    width: calc(100% - 333px - 2px);
  }
  .investSlider .cardResult {
    width: 333px;
  }
  .investSlider .calcResultLine:nth-child(7) {
    text-align: center;
  }
  .transactionForm .resultList {
    margin: 13px auto 0px;
  }
  .currencyLabel {
    min-height: 72px;
  }
  .pagination .navLink {
    height: 42px;
    width: 42px;
  }
  .qrTooltip {
    width: 280px;
    height: 280px;
    padding-top: 36px;
  }
  .qrTooltip .qrImage {
    width: 149px;
  }
  .closeBtn {
    font-size: 24px;
    height: 24px;
  }
  .cabWrapper .inputContainer input,
  .cabWrapper .inputContainer .inputText,
  .cabWrapper .inputContainer textarea {
    font-size: 14px;
  }
  .paymentItem .payIcon {
    width: 46px;
    height: 46px;
  }
  .paymentItem .itemLabel {
    padding-left: 64px;
  }
  .paymentItem input {
    width: calc(100% - 48px);
  }
  .cabContent .tabsPlanSlider .swiper-controls {
    height: 84px;
  }
  .cabContent .tabsPlanSlider .swiper-controls:before, .cabContent .tabsPlanSlider .swiper-controls:after {
    height: 84px;
  }
}
@media (max-width: 1149px) {
  .cabHeader .datetimeContainer {
    display: none;
  }
  .welcomePanel {
    padding: 15px 12px 16px;
  }
  .welcomePanel .ava {
    width: 36px;
    height: 36px;
    min-width: 36px;
    margin-bottom: 12px;
  }
  .welcomePanel .ava:before, .welcomePanel .ava:after {
    width: 29px;
  }
  .welcomePanel .ava:before {
    top: -6px;
    right: -5px;
  }
  .welcomePanel .ava:after {
    bottom: -6px;
    left: -5px;
  }
  .cabContainer {
    grid-template-columns: 228px calc(100% - 228px - 231px - 4px) 231px;
    grid-template-rows: auto auto 1fr;
  }
  .cabContent .cabPanel {
    padding: 20px;
  }
  .dashboard .cabPanel,
  .dashboard .w-2-3 {
    width: 100%;
  }
  .dashboard .w-full,
  .dashboard .incomeInfo,
  .dashboard .chartInfo {
    width: 100%;
  }
  .balanceHead {
    padding-left: 10px;
  }
  .balanceHead .sum .num {
    font-size: 16px;
  }
  .balanceInnerHead {
    padding-left: 8px;
    padding-right: 8px;
  }
  .balanceList {
    width: 100%;
  }
  .balanceContainer {
    padding: 20px 8px;
  }
  .totalItem:after {
    width: calc(100% - 75px - 290px);
  }
  .totalItem:first-child:before, .totalItem:nth-child(4):before {
    left: 292px;
  }
  .totalItem:first-child:after, .totalItem:nth-child(4):after {
    left: 290px;
  }
  .totalItem:nth-child(2):before, .totalItem:nth-child(3):before {
    left: 328px;
  }
  .totalItem:nth-child(2):after, .totalItem:nth-child(3):after {
    left: 290px;
  }
  .totalInfo {
    row-gap: 12px;
    min-width: calc(33.3333333333% - 24px);
  }
  .totalInfo + .panelImage {
    width: 260px;
    height: 319px;
    left: 75px;
  }
  .rankInfo {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    column-gap: 24px;
  }
  .rankInfo .partnersInfo {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .rankInfo .cabIconItem {
    margin-top: 22px;
    grid-column: span 3;
  }
  .rankLine {
    margin-left: 0px;
    margin-right: 0px;
    grid-column: span 2;
  }
  .partnersInfo {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    text-align: left;
    column-gap: 24px;
    justify-content: space-between;
    grid-column: span 4;
  }
  .partnersInfo .infoItem {
    background: none;
    min-height: 0px;
    padding-left: 65px;
    position: relative;
    align-items: flex-start;
    width: auto;
  }
  .partnersInfo .infoItem .inner > * {
    display: block;
  }
  .partnersInfo .infoItem:before {
    position: absolute;
    left: 0;
    top: calc(50% - 15px);
  }
  .partnersInfo .infoItem.inactive {
    display: none;
  }
  .partnersInfo .infoItem:first-child {
    background: none;
    min-height: 0px;
    width: auto;
  }
  .incomeInfo .cabIconItem {
    width: calc((100% - 72px) / 3);
  }
  .cabFooter {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .cabFooter .socialsList {
    margin-bottom: 8px;
  }
  .investSlider .planListCard {
    display: block;
  }
  .investSlider .planListCard:before {
    width: 100%;
    background-position: calc(100% - 16px) 340px;
    filter: none;
  }
  .investSlider .cardContent {
    width: 100%;
  }
  .investSlider .cardResult {
    width: 100%;
  }
  .investSlider .resultList {
    grid-template-columns: repeat(3, 1fr);
    text-align: left;
  }
  .investSlider .calcResultLine:nth-child(7) {
    grid-column: span 3;
  }
  .investSlider .cardInfo {
    padding-left: 22px;
  }
  .swiper-controls .swiper-pagination {
    padding-left: 8px;
    padding-right: 8px;
  }
  .transactionForm {
    grid-template-columns: repeat(2, calc(50% - 1px));
  }
  .transactionForm .formContent .btnContainer {
    bottom: 20px;
    left: 20px;
  }
  .currencyLabel {
    padding-left: 60px;
  }
  .currencyLabel .payIcon {
    left: 16px;
  }
  .paymentCard {
    padding: 20px 20px 82px;
    border-radius: 22px;
    background-position: calc(100% - 20px) 200px, left top;
    background-size: 145px auto, 100% 100%;
  }
  .paymentCard .sum {
    margin-top: 12px;
    width: calc(100% + 135px);
    margin-right: -135px;
  }
  .paymentCard .purseHead {
    display: block;
    padding-left: 0px;
    min-height: 0px;
    padding-right: 8px;
  }
  .paymentCard .coloredPayIcon {
    top: auto;
    left: auto;
    height: 90px;
    position: relative;
    margin-bottom: 12px;
  }
  .paymentCard .qrItem {
    width: 125px;
    height: 125px;
    min-width: 125px;
  }
  .siteTabs.horizontal .tabsList {
    padding-bottom: 20px;
  }
  .assetsCard {
    padding: 20px 20px 30px;
  }
  .assetsCard .btnContainer {
    margin-top: 30px;
  }
  .assetsCard .headInfo {
    padding-left: 20px;
  }
  .pagination ul {
    margin-left: -8px;
    margin-right: -8px;
  }
  .pagination .nav {
    margin-left: 8px;
    margin-right: 8px;
  }
  .affiliatePanel {
    display: block;
    padding-left: 30px;
    padding-right: 30px;
  }
  .affiliatePanel .rankInfo {
    display: block;
  }
  .affiliatePanel .statusPanel {
    width: 100%;
  }
  .affiliatePanel .levelList {
    width: 100%;
    margin-top: 20px;
  }
  .affiliatePanel.horizontal {
    padding-left: 0px;
    padding-right: 0px;
  }
  .settingsTabs .tabsList li,
  .programTabs .tabsList li {
    width: calc(33.3333333333% - 20px);
  }
  .settingsTabs .tabsList a {
    min-width: 0px;
  }
  .linkInfo.qrPanel .formItem {
    padding-left: 18px;
  }
  .teamDashboard .cabPanel:nth-child(8n+1), .teamDashboard .cabPanel:nth-child(8n+2), .teamDashboard .cabPanel:nth-child(8n+3), .teamDashboard .cabPanel:nth-child(8n+4), .teamDashboard .cabPanel:nth-child(8n+5) {
    width: 100%;
  }
  .teamDashboard .cabPanel:nth-child(8n+6), .teamDashboard .cabPanel:nth-child(8n+7) {
    width: calc(50% - 1px);
  }
  .qrTooltip {
    position: fixed;
  }
  .paymentsForm .cabPanel {
    padding-bottom: 30px;
  }
  .settingsTabs.cabPanel {
    padding-bottom: 30px;
  }
  .personalForm .formContent {
    grid-template-columns: 100%;
    row-gap: 20px;
    column-gap: 0px;
  }
  .personalForm .formItem:first-child {
    grid-row: span 1;
  }
  .personalForm .btnContainer {
    margin-top: 30px;
  }
  .securityForm .topLineForm {
    flex-wrap: wrap;
    margin-top: -20px;
  }
  .securityForm .topLineForm .formItem {
    width: 50%;
    padding-top: 20px;
  }
  .securityForm .formPanel {
    width: 100%;
    padding: 30px 20px;
  }
  .securityForm .formPanel + .formPanel {
    margin-top: 20px;
  }
  .securityForm .btnContainer {
    margin-top: 30px;
  }
  .modalPanel {
    padding: 20px;
  }
  .modalContent {
    max-width: 520px;
  }
  .depositModal .modalContent {
    max-width: 720px;
  }
  .depositModal .modalTransactionForm {
    grid-template-columns: calc(100% - 228px - 2px) 228px;
  }
  .modalTransactionForm .inputContainer .inputText,
  .modalTransactionForm .inputContainer input {
    font-size: 14px;
  }
  .dataPanel .ava {
    width: 70px;
    height: 70px;
    min-width: 70px;
  }
  .levelMark {
    min-width: 60px;
    min-height: 28px;
  }
  .structureLevelsList .levelLabel {
    padding: 20px 8px;
  }
  .structureLevelsList .levelLabel .inner {
    line-height: 28px;
  }
  .structureModal .dataHead .name {
    padding-left: 16px;
  }
  .structureModal .dataPanel .cabLabel,
  .structureModal .dataPanel .cabValue {
    font-size: 14px;
  }
  .modalStructureContent {
    grid-template-columns: calc(100% - 326px - 2px) 326px;
  }
  .modal .structureLatestScroll {
    padding: 0px 20px 0px 0;
  }
  .modal .cabHeadTitle {
    min-height: 60px;
  }
  .structureLevelsList .levelLabel .count {
    font-size: 14px;
  }
  .modalContent .headCard {
    min-height: 60px;
  }
  .inputContainer.iconInput .icon {
    right: 8px;
  }
  .modal .modalClose {
    bottom: calc(100% + 4px);
    left: calc(100% + 4px);
  }
  .modal .calcResultLine {
    display: flex;
  }
  .modal .calcResultLine:after {
    display: block;
  }
  .codeModalForm .formItem.codeItem {
    padding: 12px calc((100% - 420px) / 2) 32px;
  }
  .codeModalForm .btnContainer {
    margin-top: 20px;
  }
  .leadersResults .items {
    margin-top: 15px;
  }
  .cabContent .tabsPlanSlider .swiper-controls {
    height: 74px;
  }
  .cabContent .tabsPlanSlider .swiper-controls:before, .cabContent .tabsPlanSlider .swiper-controls:after {
    height: 74px;
  }
  .cabContent .tabsPlanSlider .planListCard .resultList {
    row-gap: 16px;
  }
  .cabHeader .langContainer {
    margin-right: 0px;
  }
}
@media (max-width: 991px) {
  .cabHeader .logoContainer {
    width: 113px;
  }
  .cabHeader .menuList {
    margin-left: -8px;
    margin-right: -8px;
  }
  .cabHeader .menuList li {
    padding-left: 8px;
    padding-right: 8px;
  }
  .cabHeadContent {
    width: calc(100% - 113px - 2px);
  }
  .cabHeadContent .welcomePanel {
    display: flex;
  }
  .cabContainer {
    grid-template-columns: 113px calc(100% - 113px - 231px - 4px) 231px;
  }
  .cabHeader .logoLink {
    max-width: 30px;
    overflow: hidden;
  }
  .welcomePanel {
    position: absolute;
    background-color: #000;
    border-radius: 6px;
    width: calc(100% - 2px - 231px);
    height: 64px;
    top: calc(100% + 2px);
    left: 0;
    background-image: none;
    z-index: 1;
    padding: 5px 77px 5px 20px;
    align-items: center;
    flex-direction: row;
    text-align: left;
  }
  .welcomePanel .settingsLink {
    top: calc(50% - 18px);
    right: 20px;
  }
  .welcomePanel .ava {
    margin-bottom: 0px;
    margin-right: 18px;
  }
  .cabMenuList {
    grid-template-columns: 1fr;
  }
  .cabMenuList a {
    min-height: 81px;
    padding-top: 12px;
  }
  .cabMenuList a .cabIcon:after {
    display: none;
  }
  .cabLeftContent .welcomePanel {
    display: none;
  }
  .cabMenuList {
    margin-top: 0px;
  }
  .cabRightContent {
    grid-column: 2/span 2;
    height: 64px;
    grid-row-start: 1;
  }
  .cabPanel {
    padding: 5px 20px;
  }
  .cabPanel.totalPanel {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .balancePanel {
    width: 231px;
    margin-left: auto;
  }
  .cabHeadTitle {
    grid-column: span 2;
  }
  .totalInfo {
    min-width: 246px;
  }
  .totalInfo + .panelImage {
    left: 27px;
  }
  .totalInfo + .panelImage img {
    width: 265px;
    max-width: 265px;
    height: 345px;
    top: calc(50% + 25px);
    left: -10px;
  }
  .rankLine .rankIcon {
    margin-right: 12px;
  }
  .totalItem:after {
    width: calc(100% - 100px - 242px);
  }
  .totalItem:first-child:before, .totalItem:nth-child(4):before {
    left: 244px;
  }
  .totalItem:first-child:after, .totalItem:nth-child(4):after {
    left: 242px;
  }
  .totalItem:nth-child(2):before, .totalItem:nth-child(3):before {
    left: 280px;
  }
  .totalItem:nth-child(2):after, .totalItem:nth-child(3):after {
    left: 242px;
  }
  .incomeInfo .cabIconItem {
    width: auto;
  }
  .cabIconItem {
    padding-left: 46px;
  }
  .cabLeftContent {
    grid-row: span 3;
  }
  .transactionForm .btnContainer {
    margin-top: 26px;
  }
  .transactionForm > .cabPanel:first-child {
    grid-column: span 2;
  }
  .transactionForm .paymentPanel {
    grid-column: span 2;
  }
  .currenciesList {
    overflow: visible;
    overflow-x: visible;
    padding-right: 0px;
    position: relative;
    height: auto;
    grid-template-columns: repeat(3, 1fr);
  }
  .inputLimits {
    display: block;
  }
  .inputLimits .limit + .limit {
    margin-top: 12px;
  }
  .paymentCard .purseHead {
    padding-left: 115px;
    min-height: 90px;
    display: flex;
  }
  .paymentCard .coloredPayIcon {
    top: calc(50% - 45px);
    left: 0;
    position: absolute;
    margin-bottom: 0px;
  }
  .assetsTabs .tabsList li {
    width: auto;
  }
  .assetsTabs .tabsList a {
    min-width: 228px;
  }
  .assetsCard .cardTimer {
    min-height: 48px;
    margin-top: 20px;
  }
  .assetsCard .cardTimer .timer {
    font-size: 20px;
  }
  .assetsCard .charsList .planCharItem {
    margin-top: 18px;
  }
  .siteTabs.horizontal .tabsContent {
    margin-top: 0px;
  }
  .filterForm .filterContent {
    grid-template-columns: 35% 65%;
  }
  .filterForm .filterDates {
    grid-row: span 2;
    display: block;
    width: auto;
  }
  .filterForm .filterDates .formItem {
    width: 100%;
  }
  .filterForm .formItem {
    width: auto;
    padding-top: 12px;
  }
  .historyPanel .accordTitle {
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .historyPanel .accordTitle:after {
    top: 10px;
  }
  .authHistoryTable {
    display: block;
  }
  .historyLine {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    background-color: #232323;
    border-radius: 6px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .historyLine .item {
    display: block;
    height: auto;
    background-color: transparent;
    padding: 5px 15px 5px 20px;
  }
  .historyLine + .historyLine {
    margin-top: 4px;
  }
  .avaSettings {
    min-height: 154px;
  }
  .modalStructureContent {
    grid-template-columns: 100%;
    grid-template-rows: auto;
  }
  .modalStructureContent .modalPanel:nth-child(3) {
    grid-column-start: 1;
    grid-row: auto;
  }
  .modal .cabHeadTitle {
    grid-column: auto;
  }
  .modal .structureLatestScroll {
    max-height: 325px;
  }
  .leadersResults .cabIconItem {
    min-width: 0px;
  }
  .cabContent .tabsPlanSlider .planListCard .cardContent,
  .cabContent .tabsPlanSlider .planListCard .cardResult {
    width: 100%;
  }
  .cabContent .tabsPlanSlider .planListCard .cardResult {
    margin-top: 2px;
  }
  .cabContent .tabsPlanSlider .planListCard .resultList {
    grid-template-columns: repeat(3, 1fr);
    column-gap: 20px;
  }
  .cabContent .tabsPlanSlider .planListCard .calcResultLine:nth-child(7) {
    grid-column: span 3;
  }
  .cabContent .tabsPlanSlider .planListCard::before {
    width: 100%;
  }
  .affiliatePanel {
    padding-left: 22px;
    padding-right: 22px;
  }
  .affiliatePanel .levelList {
    grid-template-columns: repeat(8, 1fr);
  }
  .affiliatePanel.horizontal .statusPanel .rankInfo .value {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .cabHeader .logoContainer {
    width: 58px;
  }
  .cabHeader .langContainer {
    order: 1;
    flex-shrink: 0;
  }
  .cabHeader .burger {
    height: 58px;
    position: relative;
    top: auto;
    right: auto;
  }
  .cabContent .cabPanel {
    padding: 16px 12px;
  }
  .cabHeadContent {
    width: calc(100% - 58px - 58px - 4px);
    min-height: 58px;
  }
  .cabHeadMenu {
    display: none;
  }
  .cabMenuList {
    grid-template-columns: repeat(4, 1fr);
  }
  .cabMenu {
    padding: 30px 9px;
  }
  .cabMenuContainer {
    position: fixed;
    opacity: 0;
    pointer-events: none;
    touch-action: none;
    height: calc(100% - 62px);
    width: calc(100% - 4px);
    left: 2px;
    border-radius: 6px;
    top: 62px;
    transform: translateY(10%);
    background-color: #000;
    z-index: 11;
    overflow-y: auto;
    transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
  }
  .cabMenuContainer .menuList {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-top: 44px;
  }
  .cabMenuContainer .menuList li + li {
    margin-top: 15px;
  }
  .cabMenuContainer .menuList a {
    font-size: 16px;
    line-height: 24px;
  }
  .cabMenuContainer.active {
    opacity: 1;
    transform: translateY(0%);
    touch-action: auto;
    pointer-events: all;
    scroll-behavior: auto;
    overscroll-behavior: auto;
  }
  .cabHeadRight {
    display: block;
    width: 58px;
    height: auto;
  }
  .welcomePanel {
    position: relative;
    top: auto;
    left: auto;
    background-color: transparent;
    padding: 0px;
    width: auto;
    height: auto;
    flex-grow: 1;
    min-width: 0px;
  }
  .welcomePanel .welcomeItem {
    width: calc(100% - 36px - 10px - 37px);
    padding-right: 10px;
  }
  .welcomePanel .ava {
    margin-right: 10px;
  }
  .welcomePanel .settingsLink {
    right: auto;
    top: auto;
    position: relative;
  }
  .cabRightContent {
    height: 58px;
    grid-column: 2/span 1;
    grid-row-start: auto;
  }
  .balanceInner {
    padding-top: 52px;
    height: 58px;
  }
  .balancePanel {
    margin-left: 0px;
  }
  .cabContainer {
    grid-template-columns: calc(100% - 231px - 2px) 231px;
  }
  .cabLeftContent {
    overflow: visible;
    width: 0px;
    height: auto;
    position: relative;
    z-index: 4;
    top: auto;
    grid-column: span 2;
    grid-row: 1/span 1;
  }
  .cabHeadTitle {
    grid-column: span 1;
    padding-left: 10px;
    padding-right: 10px;
    min-height: 58px;
  }
  .cabHeadTitle .sectionTitle {
    font-size: 18px;
  }
  .totalPanel {
    overflow: hidden;
  }
  .balancePanel.active .balanceInner {
    height: calc(100vh - 62px - 4px);
  }
  .totalInfo {
    min-width: 0px;
  }
  .totalInfo + .panelImage {
    left: -27px;
  }
  .totalItem:after {
    width: calc(100% - 14px - 191px);
  }
  .totalItem:first-child:before, .totalItem:nth-child(4):before {
    left: 191px;
  }
  .totalItem:first-child:after, .totalItem:nth-child(4):after {
    left: 191px;
  }
  .totalItem:nth-child(2):before, .totalItem:nth-child(3):before {
    left: 225px;
  }
  .totalItem:nth-child(2):after, .totalItem:nth-child(3):after {
    left: 191px;
  }
  .linkInfo .formItem {
    padding-left: 10px;
  }
  .incomeInfo {
    flex-direction: row;
    column-gap: 6px;
  }
  .rankInfo {
    grid-template-columns: 38.8888888889% 60.6666666667%;
    column-gap: 0px;
  }
  .rankInfo .cabIconItem {
    grid-column: span 1;
    text-align: center;
    align-items: center;
    margin-top: 0px;
  }
  .rankInfo .cabIconItem + .cabIconItem {
    margin-top: 12px;
  }
  .rankLine {
    justify-content: center;
    margin-bottom: 23px;
  }
  .partnersInfo {
    grid-row: span 2;
    grid-column: span 1;
    display: block;
  }
  .partnersInfo .infoItem {
    text-align: center;
    display: block;
    padding-left: 0px;
  }
  .partnersInfo .infoItem:before {
    left: auto;
    top: auto;
    position: relative;
  }
  .partnersInfo .infoItem + .infoItem {
    margin-top: 16px;
  }
  .cabIconItem {
    padding-left: 0px;
  }
  .cabIconItem .cabIcon {
    position: relative;
    left: auto;
    top: auto;
    margin-bottom: 6px;
  }
  .cabFooter {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .investSlider .cardInfo {
    padding-left: 12px;
    padding-right: 12px;
  }
  .investSlider .resultList {
    grid-template-columns: repeat(2, 1fr);
  }
  .investSlider .calcResultLine:nth-child(7) {
    grid-column: span 2;
    text-align: left;
  }
  .transactionForm {
    display: block;
  }
  .transactionForm .cabPanel + .cabPanel {
    margin-top: 2px;
  }
  .transactionForm .resultList {
    text-align: center;
    padding-top: 0px;
  }
  .currencyLabel {
    padding-right: 10px;
  }
  .paymentCard {
    padding: 20px 12px 82px;
  }
  .assetsCard {
    padding: 12px 12px 30px;
  }
  .assetsCard .cardHead {
    padding-right: 0px;
  }
  .assetsCard .cardTimer .timerInner > * {
    display: block;
  }
  .assetsCard .planHead {
    padding-left: 0px;
    margin-bottom: 12px;
  }
  .assetsCard .planHead .count {
    position: relative;
    top: auto;
    left: auto;
    margin-bottom: 12px;
  }
  .assetsCard .charsList .planCharItem {
    width: 50%;
  }
  .assetsCard .cardContent {
    padding-right: 81px;
    min-height: 267px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  .assetsCard .depositBtn {
    padding-left: 12px;
  }
  .assetsCard .cardTimer {
    padding-left: 12px;
    padding-right: 12px;
  }
  .assetsList .assetsCard {
    margin-top: 12px;
  }
  .siteTabs.horizontal .tabsList {
    margin-top: -10px;
    margin-left: -5px;
    margin-right: -5px;
  }
  .siteTabs.horizontal .tabsList a {
    padding-left: 15px;
  }
  .siteTabs.horizontal .tabsList a + .decor {
    display: none;
  }
  .siteTabs.horizontal .tabsList li {
    padding-top: 0px;
    margin: 10px 5px 0px;
  }
  .assetsTabs .tabsList li {
    width: calc(50% - 10px);
  }
  .assetsTabs .tabsList a {
    min-width: 208px;
  }
  .programTabs .tabsList li {
    width: calc(50% - 10px);
  }
  .affiliatePanel {
    padding-left: 12px;
    padding-right: 12px;
  }
  .affiliatePanel .rankIcon {
    margin-bottom: 20px;
  }
  .affiliatePanel .statusPanel {
    padding: 20px 12px;
  }
  .affiliatePanel .statusPanel .caption {
    font-size: 16px;
    line-height: 24px;
  }
  .affiliatePanel .statusPanel .infoItem + .infoItem {
    margin-top: 20px;
  }
  .affiliatePanel .levelList {
    grid-template-columns: repeat(5, 1fr);
  }
  .affiliatePanel.horizontal .statusPanel {
    grid-template-columns: 120px calc(100% - 120px);
    grid-template-rows: none;
  }
  .affiliatePanel.horizontal .statusPanel .rankInfo {
    padding-right: 0px;
  }
  .affiliatePanel.horizontal .statusPanel .conditionInfo {
    padding-right: 0px;
  }
  .affiliatePanel.horizontal .rankIcon {
    grid-row: span 4;
  }
  .partnerCard {
    padding: 10px 15px;
  }
  .linkInfo.qrPanel .formItem {
    padding-left: 10px;
  }
  .teamDashboard .cabPanel:nth-child(8n+2) {
    width: calc(33.3333333333% - 1px);
  }
  .teamDashboard .cabPanel:nth-child(8n+3) {
    width: calc(66.6666666667% - 1px);
  }
  .historyPanel .accordTitle {
    padding-right: 12px;
    padding-right: 53px;
  }
  .operationLine .item:first-child {
    width: 50%;
  }
  .operationLine .item:nth-child(2) {
    width: 50%;
  }
  .operationLine .item:nth-child(3), .operationLine .item:nth-child(4), .operationLine .item:nth-child(5), .operationLine .item:nth-child(6), .operationLine .item:nth-child(7) {
    width: 50%;
  }
  .filterForm {
    display: block;
    padding-bottom: 16px;
  }
  .filterForm .filterContent {
    width: calc(100% + 12px);
  }
  .filterForm .formItem {
    padding-right: 12px;
  }
  .filterForm .filterDates .formItem {
    padding-right: 12px;
  }
  .paymentsForm .formItem {
    width: 100%;
  }
  .paymentsForm .cabPanel {
    padding-bottom: 30px;
  }
  .settingsTabs .tabsList li {
    width: calc(50% - 10px);
  }
  .settingsTabs.cabPanel {
    padding-bottom: 30px;
  }
  .securityForm .topLineForm .formItem {
    width: 100%;
  }
  .securityForm .qrContent {
    width: calc(100% - 149px);
    padding-right: 12px;
  }
  .securityForm .formPanel {
    padding: 30px 12px;
  }
  .historyLine {
    grid-template-columns: repeat(2, 1fr);
  }
  .historyLine .item:nth-child(4) {
    grid-row: span 2;
  }
  .modalContainer {
    padding: 40px;
  }
  .modalContent {
    max-width: 400px;
  }
  .depositModal .modalTransactionForm {
    grid-template-columns: 100%;
  }
  .depositModal .modalPanel:nth-child(3) {
    grid-column: span 1;
  }
  .depositModal .modalContent {
    max-width: 400px;
  }
  .modalPanel {
    padding: 20px 12px;
  }
  .structureLevelsList {
    grid-template-columns: repeat(3, 1fr);
  }
  .modal .structureLatestScroll {
    padding: 0px 16px 0px 0;
  }
  .modal .qrImage {
    width: 139px;
  }
  .structureModal .modalContent {
    max-width: 400px;
  }
  .modal .partnerCard {
    padding: 5px 15px;
  }
  .codeModalForm .formItem.codeItem {
    padding: 12px 12px 32px;
  }
  .codeModalForm .btnContainer {
    margin-top: 20px;
  }
  .cabContent .tabsPlanSlider .planListCard .resultList {
    grid-template-columns: repeat(2, 1fr);
  }
  .cabContent .tabsPlanSlider .planListCard .calcResultLine:nth-child(7) {
    grid-column: span 2;
  }
  .cabContent > .siteTabs:first-child:not(.cabPanel) {
    padding-left: 0px;
    padding-right: 0px;
  }
  .cabContent .tabsPlanSlider .swiper-controls {
    height: 66px;
  }
  .cabContent .tabsPlanSlider .swiper-controls::before,
  .cabContent .tabsPlanSlider .swiper-controls::after {
    height: 66px;
    width: calc((100% - 180px) / 2);
  }
  .swiper-controls {
    margin-top: 2px;
    margin-bottom: 2px;
  }
  .cabHeader .langContainer {
    margin-left: 20px;
  }
  .cabContent .programTabs .tabsList a {
    padding-right: 15px;
  }
}
@media (max-width: 479px) {
  .cabHeadContent {
    padding-left: 12px;
    padding-right: 12px;
  }
  .cabHeader {
    padding-bottom: 66px;
  }
  .cabHeader .langContainer {
    margin-left: auto;
  }
  .welcomePanel {
    position: absolute;
    background-color: #000;
    border-radius: 6px;
    width: calc(100% + 120px);
    height: 64px;
    top: calc(100% + 2px);
    left: -60px;
    background-image: none;
    z-index: 1;
    padding: 5px 12px;
    align-items: center;
    flex-direction: row;
    text-align: left;
  }
  .welcomePanel .ava {
    width: 32px;
    height: 32px;
    min-width: 32px;
  }
  .welcomePanel .ava:before {
    right: -3px;
  }
  .welcomePanel .ava:after {
    left: -3px;
  }
  .welcomePanel .welcomeItem {
    width: auto;
    flex-grow: 1;
  }
  .cabIcon {
    font-size: 26px;
    width: 36px;
    min-width: 36px;
    height: 36px;
  }
  .cabRightContent,
  .cabHeadTitle {
    grid-column: span 2;
  }
  .balancePanel {
    width: 100%;
  }
  .balancePanel.active .balanceInner {
    height: calc(100vh - 184px - 6px);
  }
  .incomeInfo {
    display: block;
  }
  .incomeInfo .cabIconItem {
    padding-left: 46px;
  }
  .incomeInfo .cabIconItem .cabIcon {
    position: absolute;
    left: 0;
    top: calc(50% - 18px);
    margin-bottom: 0px;
  }
  .incomeInfo .cabIconItem + .cabIconItem {
    margin-top: 12px;
  }
  .totalInfo {
    min-width: calc(100% - 160px);
  }
  .totalInfo + .panelImage {
    left: -140px;
  }
  .totalInfo + .panelImage img {
    left: 86px;
    width: 190px;
    max-width: 190px;
    height: 247px;
    top: calc(50% + 12px);
  }
  .totalItem:after {
    width: calc(100% - 14px - 80px);
  }
  .totalItem:first-child:before, .totalItem:nth-child(4):before {
    left: 77px;
  }
  .totalItem:first-child:after, .totalItem:nth-child(4):after {
    left: 80px;
  }
  .totalItem:nth-child(2):before, .totalItem:nth-child(3):before {
    left: 112px;
  }
  .totalItem:nth-child(2):after, .totalItem:nth-child(3):after {
    left: 80px;
  }
  .investSlider .imageContainer {
    width: 100%;
  }
  .investSlider .cardInfo {
    width: 100%;
  }
  .swiper-controls .swiper-pagination {
    padding-left: 6px;
    padding-right: 6px;
  }
  .swiper-pagination-bullet:not(:first-child):before {
    left: -15px;
    width: 12px;
  }
  .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
  .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin-left: 10px;
    margin-right: 10px;
  }
  .currenciesList {
    grid-template-columns: repeat(2, 1fr);
  }
  .paymentCard .purseHead {
    padding-left: 0px;
    min-height: 0px;
    display: block;
  }
  .paymentCard .coloredPayIcon {
    top: auto;
    left: auto;
    position: relative;
    margin-bottom: 12px;
  }
  .assetsCard .cardHead {
    display: block;
  }
  .assetsCard .headInfo {
    padding-left: 0px;
    margin-top: 20px;
    width: 100%;
  }
  .assetsCard .planHead {
    padding-left: 56px;
  }
  .assetsCard .planHead .count {
    position: absolute;
    left: 0px;
    top: calc(50% - 21px);
  }
  .assetsCard .imageContainer {
    width: auto;
    padding-top: 84.9299065421%;
  }
  .assetsCard .charsList .planCharItem {
    width: 100%;
    margin-top: 12px;
  }
  .assetsCard.closed .cardTimer .timer {
    font-size: 16px;
  }
  .assetsTabs .tabsList li {
    width: auto;
    flex-basis: 0;
    flex-grow: 1;
  }
  .pagination {
    margin-left: -6px;
    margin-right: -6px;
  }
  .pagination li {
    margin-left: 10px;
    margin-right: 10px;
  }
  .pagination li:not(.nav) + li:not(.nav)::before {
    left: -15px;
    width: 12px;
  }
  .pagination .nav {
    margin-left: 6px;
    margin-right: 6px;
  }
  .affiliatePanel .statusPanel .turnoverInfo > * {
    display: block;
  }
  .affiliatePanel .levelList {
    grid-template-columns: repeat(5, 1fr);
  }
  .affiliatePanel.horizontal .statusPanel {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    row-gap: 20px;
  }
  .affiliatePanel.horizontal .statusPanel .conditionInfo {
    padding-left: 0px;
    text-align: center;
  }
  .affiliatePanel.horizontal .statusPanel .nextRankInfo {
    padding-left: 0px;
  }
  .affiliatePanel.horizontal .statusPanel .turnoverInfo {
    text-align: center;
    padding-left: 0px;
  }
  .affiliatePanel.horizontal .statusPanel .rankInfo {
    padding-left: 0px;
  }
  .teamDashboard .cabPanel:nth-child(8n+2), .teamDashboard .cabPanel:nth-child(8n+3), .teamDashboard .cabPanel:nth-child(8n+6), .teamDashboard .cabPanel:nth-child(8n+7) {
    width: 100%;
  }
  .teamDashboard .itemPanel .cabIconItem {
    padding-left: 46px;
  }
  .teamDashboard .itemPanel .cabIconItem .cabIcon {
    position: absolute;
    left: 0;
    top: calc(50% - 18px);
    margin-bottom: 0px;
  }
  .linkInfo.qrPanel + .itemPanel {
    padding-bottom: 16px;
  }
  .linkInfo.qrPanel {
    flex-wrap: wrap;
  }
  .linkInfo.qrPanel .formItem {
    width: calc(100% - 36px);
  }
  .qrPanel .qrItem {
    margin-left: 0px;
    width: 100%;
    margin-top: 12px;
    flex-direction: row;
    align-items: center;
  }
  .qrPanel .qrItem > .itemLabel {
    display: none;
  }
  .qrPanel .qrBtn {
    display: none;
  }
  .qrPanel .closeBtn {
    display: none;
  }
  .qrPanel .qrBtnWrapper {
    width: 100%;
  }
  .qrPanel .qrTooltip {
    padding: 20px 12px;
    display: block;
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    width: 100%;
    height: auto;
    z-index: initial;
  }
  .qrPanel .qrImage {
    margin-left: auto;
    margin-right: auto;
  }
  .filterForm .filterContent {
    display: block;
  }
  .filterForm .filterDates {
    display: flex;
  }
  .historyPanel .accordTitle {
    padding-right: 0px;
  }
  .operationLine .cabLabel {
    padding-right: 12px;
  }
  .operationLine .item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 2px;
  }
  .operationLine .item:first-child {
    display: block;
    min-height: 42px;
    padding-right: 65px;
    justify-content: flex-start;
    margin-bottom: 6px;
  }
  .operationLine .item:first-child, .operationLine .item:nth-child(2), .operationLine .item:nth-child(3), .operationLine .item:nth-child(4), .operationLine .item:nth-child(5), .operationLine .item:nth-child(6), .operationLine .item:nth-child(7) {
    width: 100%;
  }
  .operationAddInfo .item {
    padding-left: 2px;
    padding-right: 2px;
  }
  .operationAddInfo .item:first-child, .operationAddInfo .item:nth-child(2) {
    min-width: 100%;
  }
  .avaSettings {
    padding-left: 115px;
    min-height: 134px;
  }
  .avaSettings .itemLabel {
    margin-top: 8px;
  }
  .avaSettings .ava {
    width: 70px;
    height: 70px;
    min-width: 70px;
    top: calc(50% - 35px);
    left: 20px;
  }
  .securityForm .qrContent {
    width: calc(100% - 130px);
  }
  .securityForm .authKey {
    font-size: 18px;
    line-height: 22px;
  }
  .securityForm .qrCard {
    width: 130px;
  }
  .cabMenuList {
    grid-template-columns: repeat(3, 1fr);
  }
  .modal .modalClose {
    bottom: calc(100% + 8px);
    left: auto;
    right: 0px;
  }
  .modal .calcResultLine {
    display: block;
  }
  .modal .calcResultLine:after {
    display: none;
  }
  .resultList .value.copyContainer .copyBtn {
    font-size: 20px;
    line-height: 1;
    margin-left: 8px;
  }
  .modalContainer {
    padding: 40px 15px;
  }
  .leadersResults .items {
    display: block;
  }
  .leadersResults .items .cabIconItem + .cabIconItem {
    margin-top: 15px;
  }
  .cabContent .tabsPlanSlider .planListCard .cardInfo,
  .cabContent .tabsPlanSlider .planListCard .imageContainer {
    width: 100%;
  }
  .cabContent .tabsPlanSlider .planListCard .resultList {
    column-gap: 16px;
  }
}

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