:root {
  --color1: rgba(255, 255, 255, 1);
  --color2: rgba(0, 0, 0, 1);
  --color3: #da2d42;
  --color3-2: #c8484b;
  --color3-3: #f8a8aa;
  --color4: #00d12a;
  --textColor: #797979;
  --textColor2: #0e0e0e;
  --textColor3: #ffffff;
  --textColor4: rgba(0, 0, 0, 1);
  --textColor5: rgba(0, 0, 0, 1);
  --textColor6: #b3b3b3;
  --textColor7: #a1a1a1;
  --textColor8: #797979;
  --pageBack: #ffffff;
  --pageLoginBack: #340605;
  --themeControl: #0e0e0e;
  --loginBack: #ffffff;
  --textBorder: #5f5f5f;
  --textBorder2: rgba(143, 143, 143, 0.33);
  --textBorder3: #1a0b0b;
  --tabBack: #ffffff;
  --tooltip: rgba(255, 255, 255, 0.87);
  --tooltipBorder: #dfdfdf;
  --grayBack: #f8f8f8;
  --placeholder: #c2c2c2;
  --selectBorder: #eaeaea;
  --select: #ffffff;
  --selectHighlight: rgba(0, 0, 0, 0.1);
  --cabinetBack: #f8f8f8;
  --cabBack: #ffffff;
  --cabBorder: #e4e4e4;
  --cabBack2: #ededed;
  --cabBack3: #ffffff;
  --iconBack: #ffffff;
  --select: #f8f8f8;
  --border: #dedede;
  --icon: #bfbfbf;
  --icon2: rgb(248, 248, 248);
  --icon3: rgb(255, 255, 255);
  --icon4: #ffffff;
  --input: #f8f8f8;
  --scrollBack: #ebebeb;
  --scroll: #000000;
  --button: #0e0e0e;
  --button2: #1a0b0b;
  --button3: #0e0e0e;
  --border2: #000000;
  --burger: #2e2e2e;
  --icon-fill: #000000;
  --screen-factor: 1;
}

.darkTheme {  
  --color3-2: #c8484b;
  --color3-3: #f8a8aa;
  --color4: #00d12a;
  --pageBack: #0e0e0e;
  --pageLoginBack: #0e0e0e;
  --themeControl: #2e2e2e;
  --textColor2: #ffffff;
  --textColor3: #0e0e0e;
  --loginBack: #222222;
  --textBorder: #898989;
  --textBorder3: #acacac;
  --tabBack: #2d2d2d;
  --tooltip: rgba(0, 0, 0, 0.87);
  --tooltipBorder: #3a3a3a;
  --grayBack: #222222;
  --placeholder: #666666;
  --selectBorder: #3b3b3b;
  --select: #0e0e0e;
  --selectHighlight: rgba(255, 255, 255, 0.1);
  --cabinetBack: #0e0e0e;
  --cabBack: #222222;
  --cabBorder: #525252;
  --cabBack2: #313131;
  --cabBack3: #313131;
  --textColor4: #a1a1a1;
  --iconBack: #313131;
  --textColor5: #ffffff;
  --select: #000000;
  --border: #a1a1a1;
  --icon: #545454;
  --textColor8: #a1a1a1;
  --icon2: rgb(49, 49, 49);
  --icon3: rgb(49, 49, 49);
  --icon4: #0e0e0e;
  --input: #313131;
  --scrollBack: #313131;
  --scroll: #9f9f9f;
  --button: #525252;
  --button2: #525252;
  --button3: #464646;
  --border2: #6f6f6f;
  --burger: #ffffff;
  --calcInputBg: #0e0e0e;
  --icon-fill: #ffffff;
}

.darkTheme .signupSection .btnFill {
  background-color: #222222;
}

.darkTheme .partnersSlider .swiper-pagination-bullet .icon .light {
  display: none;
}

.darkTheme .partnersSlider .swiper-pagination-bullet .icon .dark {
  display: block;
}

.darkTheme .systemTabs .tabsList .tab img {
  -webkit-filter: grayscale(1) invert(0.8) brightness(0.7);
  -moz-filter: grayscale(1) invert(0.8) brightness(0.7);
  -ms-filter: grayscale(1) invert(0.8) brightness(0.7);
  -o-filter: grayscale(1) invert(0.8) brightness(0.7);
  filter: grayscale(1) invert(0.8) brightness(0.7);
}

.darkTheme .systemTabs .tabsList .tab.active img {
  -webkit-filter: grayscale(0) invert(0) brightness(1);
  -moz-filter: grayscale(0) invert(0) brightness(1);
  -ms-filter: grayscale(0) invert(0) brightness(1);
  -o-filter: grayscale(0) invert(0) brightness(1);
  filter: grayscale(0) invert(0) brightness(1);
}

.darkTheme .systemTabs .tabsList .tab:hover img {
  -webkit-filter: grayscale(0) invert(0) brightness(1);
  -moz-filter: grayscale(0) invert(0) brightness(1);
  -ms-filter: grayscale(0) invert(0) brightness(1);
  -o-filter: grayscale(0) invert(0) brightness(1);
  filter: grayscale(0) invert(0) brightness(1);
}

.darkTheme .psrtnerSlide .image .light {
  display: none;
}

.darkTheme .psrtnerSlide .image .dark {
  display: block;
}

/* .darkTheme .partnersSlider .swiper-pagination-bullet .icon img {
  -webkit-filter: grayscale(1) invert(0.5) brightness(1);
  -moz-filter: grayscale(1) invert(0.5) brightness(1);
  -ms-filter: grayscale(1) invert(0.5) brightness(1);
  -o-filter: grayscale(1) invert(0.5) brightness(1);
  filter: grayscale(1) invert(0.5) brightness(1);
} */

.darkTheme .partnersSlider .swiper-pagination-bullet.swiper-pagination-bullet-active .icon img {
  -webkit-filter: grayscale(0) invert(0) brightness(1);
  -moz-filter: grayscale(0) invert(0) brightness(1);
  -ms-filter: grayscale(0) invert(0) brightness(1);
  -o-filter: grayscale(0) invert(0) brightness(1);
  filter: grayscale(0) invert(0) brightness(1);
}

.darkTheme .partnersSlider .swiper-pagination-bullet:hover .icon img {
  -webkit-filter: grayscale(0) invert(0) brightness(1);
  -moz-filter: grayscale(0) invert(0) brightness(1);
  -ms-filter: grayscale(0) invert(0) brightness(1);
  -o-filter: grayscale(0) invert(0) brightness(1);
  filter: grayscale(0) invert(0) brightness(1);
}

.darkTheme .captcha .light {
  display: none;
}

.darkTheme .captcha .dark {
  display: block;
}

.darkTheme .checkButton .btn::before {
  -webkit-filter: invert(100%);
  -moz-filter: invert(100%);
  -ms-filter: invert(100%);
  -o-filter: invert(100%);
  filter: invert(100%);
}

.darkTheme .operations .button::before {
  opacity: 0.53;
}

.darkTheme .stepItem .image.dark {
  display: block;
}

.darkTheme .stepItem .image.light {
  display: none;
}

.darkTheme .tableTempl .tableTooltipControl img {
  -webkit-filter: invert(100%);
  -moz-filter: invert(100%);
  -ms-filter: invert(100%);
  -o-filter: invert(100%);
  filter: invert(100%);
}

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

html {
  padding: env(safe-area-inset);
}

html,
body {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0 auto;
  padding: 0px;
  -webkit-outline: none;
  outline: none;
  position: relative;
  min-width: 320px;
  max-height: 1000000px;
  min-height: 100vh;
  text-decoration-skip: objects;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}

: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;
  padding: 0;
  margin: 0;
  text-align: left;
}

li {
  height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}

iframe {
  display: block;
  border: none;
}

img {
  display: block;
  border: none;
  max-width: 100%;
}

textarea {
  white-space: pre-wrap;
  resize: none;
}

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

button {
  width: auto;
  cursor: pointer;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border: none;
  padding: 0;
}

[type="search"],
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  -webkit-outline: none;
  outline: none;
}

[type="search"]::-webkit-search-decoration,
::-webkit-file-upload-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

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

fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

legend {
  display: block;
  padding: 0;
}

menu,
dir {
  list-style: none;
  margin: 0;
  padding: 0;
}

::-webkit-input-placeholder {
  color: inherit;
}

:-ms-input-placeholder {
  color: inherit;
}

::-moz-input-placeholder {
  color: inherit;
}

::-moz-placeholder {
  color: inherit;
}

:-moz-placeholder {
  color: inherit;
}

a {
  background-color: transparent;
  color: inherit;
  text-decoration: none;
  -webkit-outline: none;
  outline: none;
}

[type="date"]::-webkit-inner-spin-button {
  display: none;
}

[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
}

/* This is the core CSS of Tooltipster */
/* GENERAL STRUCTURE RULES (do not edit this section) */
.tooltipster-base {
  /* this ensures that a constrained height set by functionPosition,
	if greater that the natural height of the tooltip, will be enforced
	in browsers that support display:flex */
  display: flex;
  pointer-events: none;
  /* this may be overriden in JS for fixed position origins */
  position: absolute;
}

.tooltipster-box {
  /* see .tooltipster-base. flex-shrink 1 is only necessary for IE10-
	and flex-basis auto for IE11- (at least) */
  flex: 1 1 auto;
}

.tooltipster-content {
  /* prevents an overflow if the user adds padding to the div */
  box-sizing: border-box;
  /* these make sure we'll be able to detect any overflow */
  max-height: 100%;
  max-width: 100%;
  width: 253px;
  overflow: auto;
}

.tooltipster-ruler {
  /* these let us test the size of the tooltip without overflowing the window */
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
}

/* ANIMATIONS */
/* Open/close animations */
/* fade */
.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
}

.tooltipster-fade.tooltipster-show {
  opacity: 1;
}

/* grow */
.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-backface-visibility: hidden;
}

.tooltipster-grow.tooltipster-show {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

/* swing */
.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -moz-transform: rotateZ(4deg);
  -o-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
}

.tooltipster-swing.tooltipster-show {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}

/* fall */
.tooltipster-fall {
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-fall.tooltipster-initial {
  top: 0 !important;
}

.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0 !important;
  opacity: 0;
}

/* slide */
.tooltipster-slide {
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-slide.tooltipster-initial {
  left: -40px !important;
}

.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0 !important;
  opacity: 0;
}

/* Update animations */
/* We use animations rather than transitions here because
 transition durations may be specified in the style tag due to
 animationDuration, and we try to avoid collisions and the use
 of !important */
/* fade */
@keyframes tooltipster-fading {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.tooltipster-update-fade {
  animation: tooltipster-fading 400ms;
}

/* rotate */
@keyframes tooltipster-rotating {
  25% {
    transform: rotate(-2deg);
  }

  75% {
    transform: rotate(2deg);
  }

  100% {
    transform: rotate(0);
  }
}

.tooltipster-update-rotate {
  animation: tooltipster-rotating 600ms;
}

/* scale */
@keyframes tooltipster-scaling {
  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

.tooltipster-update-scale {
  animation: tooltipster-scaling 600ms;
}

/**
 * DEFAULT STYLE OF THE SIDETIP PLUGIN
 * 
 * All styles are "namespaced" with .tooltipster-sidetip to prevent
 * conflicts between plugins.
 */
/* .tooltipster-box */
.tooltipster-sidetip .tooltipster-box {
  background: #fff;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
  margin-top: 14px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
  margin-right: 14px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
  margin-left: 14px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
  margin-bottom: 14px;
}

/* .tooltipster-content */
/* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that
corresponds to the arrow we want to display */
.tooltipster-sidetip .tooltipster-arrow {
  position: absolute;
  height: 30px;
  width: 30px;
}

.tooltipster-sidetip .tooltipster-arrow:before,
.tooltipster-sidetip .tooltipster-arrow:after {
  content: '';
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px;
}

.tooltipster-sidetip .tooltipster-arrow:before {
  background-color: #fff;
}

.tooltipster-sidetip .tooltipster-arrow:after {
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  z-index: -1;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
  /* half the width, for centering */
  margin-left: -14px;
  top: 3px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
  margin-top: -14px;
  right: 3px;
  /* top 0 to keep the arrow from overflowing .tooltipster-base when it has not
	been positioned yet */
  top: 0;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
  margin-top: -14px;
  left: 3px;
  /* same as .tooltipster-left .tooltipster-arrow */
  top: 0;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
  bottom: 3px;
  margin-left: -14px;
}

/* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-background,
.tooltipster-sidetip .tooltipster-arrow-border {
  height: 0;
  position: absolute;
  width: 0;
}

/* .tooltipster-arrow-background */
.tooltipster-sidetip .tooltipster-arrow-background {
  border: 10px solid transparent;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
  left: 0;
  top: 3px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
  left: -3px;
  top: 0;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
  left: 3px;
  top: 0;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
  left: 0;
  top: -3px;
}

/* .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-border {
  left: 0;
  top: 0;
}

/* tooltipster-arrow-uncropped */
.tooltipster-sidetip .tooltipster-arrow-uncropped {
  position: relative;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
  top: -10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
  left: -10px;
}

html,
body {
  scroll-behavior: smooth;
}

body {
  max-width: 100vw;
  margin-left: auto;
  margin-right: auto;
  font-family: "Avenir", Arial, Helvetica, sans-serif;
  font-size: 19px;
  line-height: 30px;
  color: var(--textColor2);
  font-weight: 400;
  background-color: var(--pageBack);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

body .bodyWrap {
  min-height: 100%;
  margin-bottom: auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

body .bodyWrap>* {
  flex-shrink: 0;
}

body .bodyWrap>*:nth-last-child(2) {
  margin-bottom: auto;
}

body p.lg {
  font-size: 25px;
  line-height: 40px;
  font-weight: 500;
  color: var(--textColor2);
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

body.cabinet {
  max-width: 100%;
  background-color: var(--cabinetBack);
}

.container {
  width: 1400px;
  padding: 0px 31px;
  margin: 0px auto;
}

/*.bodyWrap .opersSection .container {
    width: 1700px;
} */

.copy-btn svg,.qr-btn svg {
  fill: var(--icon-fill);
}

.siteLogo {
  display: block;
  width: 49px;
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.siteLogo>a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 7;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
}

.siteLogo:hover {
  opacity: 0.9;
}

.siteLogo img {
  display: block;
  width: 100%;
}

.themeControl {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 37px;
  height: 37px;
  background-color: var(--themeControl);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
}

.themeControl:hover {
  opacity: 0.8;
}

.themeControl img {
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  -moz-transition: opacity 0.3s, visibility 0.3s;
  -o-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
}

.themeControl .dark {
  opacity: 1;
  visibility: visible;
}

.themeControl .light {
  opacity: 0;
  visibility: hidden;
}

.themeControl.invert .light {
  opacity: 1;
  visibility: visible;
}

.themeControl.invert .dark {
  opacity: 0;
  visibility: hidden;
}

.darkBg {
  position: relative;
  min-height: 593px;
  z-index: 1;
}

.darkBg>.back {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  margin-left: auto;
  margin-right: auto;
  max-width: calc(100vw - 55px);
  min-width: calc(1920px - 55px);
  width: 100%;
  height: 100%;
  background-color: var(--grayBack);
  z-index: -1;
}

.highcharts-axis-line {
  stroke: var(--tooltipBorder) !important;
}

.highcharts-yaxis-grid .highcharts-grid-line {
  stroke: var(--tooltipBorder) !important;
}

.simpleLink {
  display: inline-block;
  font-size: 19px;
  line-height: 19px;
  color: var(--color3);
  font-weight: 300;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 1;
}

.simpleLink:hover {
  opacity: 0.8;
}

.siteTabs .tabContent {
  position: relative;
  display: none;
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  z-index: 1;
}

.siteTabs .tabContent.active {
  display: block;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.tooltipControl {
  cursor: pointer;
}

.tooltipContent {
  position: relative;
  display: none;
  padding: 4px 9px;
  width: 210px;
  right: -105px;
  font-size: 14px;
  line-height: 16px;
  color: var(--textColor5);
  font-weight: 300;
  letter-spacing: 0.025em;
  background-color: var(--cabBack);
  border: 1px solid var(--cabBorder);
  -webkit-border-radius: 4px 4px 4px 0px;
  -moz-border-radius: 4px 4px 4px 0px;
  -ms-border-radius: 4px 4px 4px 0px;
  border-radius: 4px 4px 4px 0px;
}

.tooltipContent .arrow {
  display: block;
  position: absolute;
  left: 0px;
  top: calc(100% - 1px);
  width: 0px;
  height: 0px;
  border-top: 12px solid var(--cabBack);
  border-bottom: 12px solid transparent;
  border-left: 0px solid transparent;
  border-right: 12px solid transparent;
}

.tooltipContent .arrow::before {
  content: '';
  display: block;
  position: absolute;
  width: 0px;
  height: 0px;
  left: -1px;
  bottom: calc(100% - 16px);
  border-top: 14px solid var(--cabBorder);
  border-bottom: 14px solid transparent;
  border-left: 0px solid transparent;
  border-right: 14px solid transparent;
  z-index: -1;
}

@media (max-width: 1399px) {
  .tooltipContent {
    width: auto;
    right: 0px;
  }

  .tooltipContent .arrow {
    display: none;
  }
}

.tooltipster-base {
  height: auto !important;
}

.tooltipster-base .tooltipster-content {
  overflow: visible;
}

.tooltipster-base .tooltipContent {
  display: block;
}

.tooltipster-sidetip .tooltipster-box {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  background-color: transparent !important;
}

.tooltipster-sidetip .tooltipster-arrow {
  display: none !important;
}

.loaderPage {
  width: 100vw;
  min-height: 100vh;
  padding-top: 30px;
  padding-bottom: 30px;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.loader {
  position: relative;
  width: 508px;
  height: 508px;
  padding-top: 0.8%;
  padding-left: 0.8%;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 507px) {
  .loader {
    width: calc(100vw + 50px);
    height: calc(100vw + 50px);
    padding-top: 0px;
    padding-left: 0px;
  }
}

.loader::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/loader_back.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-animation-name: loader-triangles;
  -moz-animation-name: loader-triangles;
  -o-animation-name: loader-triangles;
  animation-name: loader-triangles;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 4s;
  -moz-animation-duration: 4s;
  -o-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: backwards;
  -moz-animation-fill-mode: backwards;
  -o-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
}

.loaderIcon path {
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.loaderIcon path:nth-child(1) {
  -webkit-animation-name: loader1;
  -moz-animation-name: loader1;
  -o-animation-name: loader1;
  animation-name: loader1;
}

.loaderIcon path:nth-child(2) {
  -webkit-animation-name: loader2;
  -moz-animation-name: loader2;
  -o-animation-name: loader2;
  animation-name: loader2;
}

.loaderIcon path:nth-child(3) {
  -webkit-animation-name: loader3;
  -moz-animation-name: loader3;
  -o-animation-name: loader3;
  animation-name: loader3;
}

.loaderIcon path:nth-child(4) {
  -webkit-animation-name: loader4;
  -moz-animation-name: loader4;
  -o-animation-name: loader4;
  animation-name: loader4;
}

@keyframes loader1 {
  0% {
    opacity: 0;
  }

  2.5% {
    opacity: 0.3;
  }

  5% {
    opacity: 0;
  }

  25% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes loader2 {
  0% {
    opacity: 0;
  }

  25% {
    opacity: 0;
  }

  27.5% {
    opacity: 0.3;
  }

  30% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes loader3 {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0;
  }

  52.5% {
    opacity: 0.3;
  }

  55% {
    opacity: 0;
  }

  75% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes loader4 {
  0% {
    opacity: 0;
  }

  75% {
    opacity: 0;
  }

  77.5% {
    opacity: 0.3;
  }

  80% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes loader-triangles {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(359deg);
  }
}

.btnFill {
  display: inline-block;
  min-width: 177px;
  height: 57px;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 19px;
  line-height: 57px;
  color: var(--color1);
  text-align: center;
  background-color: #379310;
  -webkit-border-radius: 57px;
  -moz-border-radius: 57px;
  -ms-border-radius: 57px;
  border-radius: 57px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.btnFill:hover {
  opacity: 0.9;
}

.btnFill.sm {
  min-width: 90px;
  height: 32px;
  padding-left: 22px;
  padding-right: 22px;
  font-size: 14px;
  line-height: 32px;
  font-weight: 900;
  text-transform: uppercase;
  -webkit-border-radius: 32px;
  -moz-border-radius: 32px;
  -ms-border-radius: 32px;
  border-radius: 32px;
}

.btnFill.invert {
  color: #0e0e0e;
  background-color: var(--color1);
  -webkit-box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.1);
}

.btnFill.type2 {
  min-width: 197px;
  background-color: var(--color3);
}

.btnFill.type3 {
  min-width: 197px;
  color: var(--color2);
  background-color: var(--color1);
}

.btnFillSM {
  min-width: 88px;
  display: inline-block;
  padding-left: 16px;
  padding-right: 16px;
  height: 33px;
  font-size: 14px;
  line-height: 33px;
  color: var(--color1);
  font-weight: 900;
  text-transform: uppercase;
  text-align: center;
  background-color: var(--button);
  -webkit-border-radius: 33px;
  -moz-border-radius: 33px;
  -ms-border-radius: 33px;
  border-radius: 33px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.btnFillSM.type0 {
  background-color: #153f1e;
}
.btnFillSM.type1 {
  background-color: #1a0b0b;
}

.btnFillSM.type2 {
  background-color: #00d12a;
}

.btnFillSM.type3 {
  background-color: var(--color3);
}

.btnFillSM.type4 {
  background-color: var(--button2);
}

.btnFillSM:hover {
  opacity: 0.8;
}

.btnFillLG {
  display: inline-block;
  min-width: 127px;
  padding-left: 16px;
  padding-right: 16px;
  height: 41px;
  font-size: 14px;
  line-height: 38px;
  color: var(--color1);
  font-weight: 900;
  text-transform: uppercase;
  text-align: center;
  background-color: var(--button);
  -webkit-border-radius: 41px;
  -moz-border-radius: 41px;
  -ms-border-radius: 41px;
  border-radius: 41px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  border: 3px solid #6c0707;
}

.btnFillLG:hover {
  background-color: #2e2e2e;
}

.checkButton {
  position: relative;
  display: flex;
  cursor: pointer;
}

.checkButton input {
  position: absolute;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  opacity: 0;
}

.checkButton input:checked~.btn::before {
  opacity: 1;
}

.checkButton .btn {
  position: relative;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  align-self: center;
  border: 1px solid #d8d8d8;
}

.checkButton .btn::before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-image: url(../img/check.svg);
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.checkButton .label {
  display: block;
  margin-left: 16px;
  align-self: center;
  font-size: 16px;
  line-height: 22px;
  color: var(--textColor2);
  font-weight: 300;
}

.checkButton .label a {
  color: var(--color3);
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.checkButton .label a:hover {
  opacity: 0.8;
}

.inBlock label {
  display: block;
  font-size: 19px;
  line-height: 19px;
  color: var(--textColor2);
  font-weight: 300;
}

.inBlock label span {
  color: var(--color3);
}

.inBlock label+.inWrap {
  margin-top: 19px;
}

.inBlock label+.note {
  margin-top: 11px;
}

.inBlock .note {
  display: block;
  font-size: 15px;
  line-height: 20px;
  color: var(--textColor4);
  font-weight: 300;
}

.inBlock .note+.inWrap {
  margin-top: 38px;
}

.inBlock .inWrap {
  position: relative;
}

.inBlock .inWrap .icon {
  position: absolute;
  display: none;
  right: 1px;
  bottom: 11px;
}

.inBlock .inWrap.dates {
  display: flex;
}

.inBlock .inWrap.dates .selectric-wrapper:nth-child(1) {
  width: 129px;
}

.inBlock .inWrap.dates .selectric-wrapper:nth-child(2) {
  width: 135px;
}

.inBlock .inWrap.dates .selectric-wrapper:nth-child(3) {
  flex-grow: 1;
}

.inBlock .inWrap.dates .selectric-wrapper+.selectric-wrapper {
  margin-left: 19px;
}

.inBlock .inWrap.withIcon input,
.inBlock .inWrap.withIcon textarea {
  padding-right: 24px;
}

.inBlock .inWrap .showPassword {
  display: flex;
  align-items: center;
  position: absolute;
  height: 100%;
  right: 1px;
  bottom: 5px;
}

.inBlock .inWrap .showPassword svg {
  fill: var(--textColor5);
}

.inBlock .inWrap .showPassword {
  cursor: pointer;
}

.inBlock input,
.inBlock textarea {
  display: block;
  padding-left: 0px;
  padding-bottom: 5px;
  padding-right: 0px;
  width: 100%;
  font-family: "Avenir", Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 16px;
  color: var(--textColor2);
  font-weight: 300;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #d8d8d8;
}

.inBlock input::placeholder,
.inBlock textarea::placeholder {
  font-weight: 300;
  color: var(--placeholder);
  opacity: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.inBlock input:-ms-input-placeholder,
.inBlock textarea:-ms-input-placeholder {
  font-weight: 300;
  color: var(--placeholder);
  opacity: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.inBlock input::-ms-input-placeholder,
.inBlock textarea::-ms-input-placeholder {
  font-weight: 300;
  color: var(--placeholder);
  opacity: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.inBlock input::-webkit-input-placeholder,
.inBlock textarea::-webkit-input-placeholder {
  font-weight: 300;
  color: var(--placeholder);
  opacity: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.inBlock input:-moz-placeholder,
.inBlock textarea:-moz-placeholder {
  font-weight: 300;
  color: var(--placeholder);
  opacity: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.inBlock input::-moz-placeholder,
.inBlock textarea::-moz-placeholder {
  font-weight: 300;
  color: var(--placeholder);
  opacity: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.inBlock textarea {
  min-height: 135px;
  resize: none;
  overflow: hidden;
}

.inBlock .selectric-above .selectric-items {
  margin-top: 0px;
  margin-bottom: 5px;
}

.inBlock .selectric {
  height: auto;
  padding-top: 4px;
  padding-bottom: 8px;
  padding-right: 20px;
  width: 100%;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #d8d8d8;
}

.inBlock .selectric .label {
  margin: 0px;
  height: auto;
  font-family: "Avenir", Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 16px;
  color: var(--textColor2);
  font-weight: 300;
}

.inBlock .selectric .label .placeholder {
  color: var(--placeholder);
}

.inBlock .selectric .button {
  right: 4px;
  top: 8px;
  width: auto;
  height: auto;
  font-size: 6px;
  color: var(--textColor2);
  background-color: transparent;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.inBlock .selectric .button::after {
  display: none;
}

.inBlock .selectric-items {
  margin-top: 4px;
  background-color: var(--loginBack);
  border: 1px solid #d8d8d8;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.inBlock .selectric-items li {
  font-size: 16px;
  line-height: 16px;
  color: var(--textColor2);
  font-weight: 300;
  background-color: transparent;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

.inBlock .selectric-items li.selected,
.inBlock .selectric-items li.highlighted,
.inBlock .selectric-items li:hover {
  background-color: transparent;
  color: var(--color3);
}

.inBlock .selectric-items li.placeholder {
  display: none;
}

.inBlock.error input {
  color: var(--color3);
  border-bottom: 1px solid var(--color3);
}

.inBlock.success input {
  color: #00d12a;
  border-bottom: 1px solid #00d12a;
}

.inBlock.error .inWrap .icon.success,
.inBlock.success .inWrap .icon.error {
  display: none;
}

.inBlock.error .inWrap .icon.error {
  display: block;
}
.inBlock.success .inWrap .icon.success {
  display: block;
}

.selectric-amount.selectric-above .selectric-items {
  margin-top: 0px;
  margin-bottom: 5px;
}

.selectric-amount .selectric {
  height: 59px;
  padding-left: 21px;
  padding-right: 51px;
  background-color: var(--select);
  border: 1px solid var(--selectBorder);
  -webkit-border-radius: 59px;
  -moz-border-radius: 59px;
  -ms-border-radius: 59px;
  border-radius: 59px;
}

@media (max-width: 479px) {
  .selectric-amount .selectric {
    padding-left: 48px;
  }
}

.selectric-amount .selectric .label {
  margin: 0px;
  height: 57px;
  display: flex;
  align-items: center;
  font-family: "Avenir", Arial, Helvetica, sans-serif;
  font-size: 19px;
  line-height: 19px;
  color: var(--textColor2);
  font-weight: 300;
}

@media (max-width: 479px) {
  .selectric-amount .selectric .label {
    height: auto;
    padding-top: 16px;
    display: block;
    font-size: 24px;
    line-height: 26px;
  }
}

.selectric-amount .selectric .label .cap {
  margin-right: 10px;
  font-weight: 500;
}

@media (max-width: 479px) {
  .selectric-amount .selectric .label .cap {
    display: block;
  }
}

.selectric-amount .selectric .label img {
  display: flex;
  width: 28px;
  margin-right: 16px;
  height: auto;
  flex-shrink: 0;
}

@media (max-width: 479px) {
  .selectric-amount .selectric .label img {
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -12px;
    width: 24px;
    margin-right: 8px;
  }
}

.selectric-amount .selectric .button {
  right: 31px;
  width: auto;
  height: auto;
  font-size: 6px;
  color: var(--textColor2);
  background-color: transparent;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.selectric-amount .selectric .button::after {
  display: none;
}

.selectric-amount .selectric-items {
  margin-top: 4px;
  background-color: var(--pageBack);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid var(--selectBorder);
  -webkit-border-radius: 28px;
  -moz-border-radius: 28px;
  -ms-border-radius: 28px;
  border-radius: 28px;
  overflow: hidden;
}

.selectric-amount .selectric-items li {
  padding-left: 21px;
  padding-right: 21px;
  display: flex;
  align-items: center;
  font-family: "Avenir", Arial, Helvetica, sans-serif;
  font-size: 19px;
  line-height: 19px;
  color: var(--textColor2);
  font-weight: 300;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

@media (max-width: 479px) {
  .selectric-amount .selectric-items li {
    position: relative;
    padding-left: 48px;
    padding-top: 12px;
    padding-bottom: 12px;
    flex-wrap: wrap;
    font-size: 16px;
    line-height: 16px;
  }
}

.selectric-amount .selectric-items li .cap {
  margin-right: 10px;
  font-weight: 500;
}

.selectric-amount .selectric-items li img {
  display: flex;
  width: 28px;
  margin-right: 16px;
  height: auto;
  flex-shrink: 0;
}

@media (max-width: 479px) {
  .selectric-amount .selectric-items li img {
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -12px;
    width: 24px;
    margin-right: 8px;
  }
}

.selectric-amount .selectric-items li.selected,
.selectric-amount .selectric-items li.highlighted,
.selectric-amount .selectric-items li:hover {
  background-color: var(--selectHighlight);
}

.inBlock2 .inWrap {
  position: relative;
}

.inBlock2 input, .inBlock2 textarea {
  display: block;
  width: 100%;
  height: 33px;
  padding-left: 10px;
  padding-right: 12px;
  font-family: "Avenir", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 33px;
  color: var(--textColor4);
  font-weight: 300;
  letter-spacing: 0.05em;
  background-color: var(--cabBack2);
  border: none;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
}
 .inBlock2 textarea {
  height: unset;
}

.inBlock2 .cur {
  display: block;
  position: absolute;
  top: 0px;
  right: 15px;
  font-size: 14px;
  line-height: 33px;
  color: var(--textColor4);
  font-weight: 900;
  text-transform: uppercase;
}

.inBlock2 .icon {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 10px;
  fill: var(--textColor5);
}

.inBlock2.lg input {
  height: 57px;
  padding-left: 31px;
  padding-right: 102px;
  font-size: 18px;
  line-height: 57px;
}

.show_qr .inBlock2.lg {
  display: block;
  text-align: center;
}

.show_qr .inBlock2.lg input {
  padding-right: 31px;
  min-width: 460px;
}

.qr-code{
  margin-left: auto;
  margin-right: auto;
}

.inBlock2.lg .cur {
  right: 22px;
  line-height: 57px;
}

.selectric-price .selectric {
  padding-left: 4px;
  padding-top: 6px;
  padding-right: 60px;
  height: 53px;
  background-color: var(--select);
  border: none;
  -webkit-border-radius: 53px;
  -moz-border-radius: 53px;
  -ms-border-radius: 53px;
  border-radius: 53px;
}

.selectric-price .selectric .label {
  position: relative;
  margin: 0px;
  padding-left: 60px;
  padding-top: 3px;
  height: 100%;
}

.selectric-price .selectric .icon {
  position: absolute;
  display: block;
  left: 0px;
  top: 0px;
  width: 42px;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--color3);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.selectric-price .selectric .cap {
  display: block;
  font-size: 14px;
  line-height: 14px;
  color: var(--textColor5);
  font-weight: 900;
  text-transform: uppercase;
}

.selectric-price .selectric .sum {
  display: block;
  margin-top: 2px;
  font-size: 19px;
  line-height: 24px;
  color: var(--color3);
  font-weight: 500;
}

.selectric-price .selectric .button {
  right: 31px;
  top: 23px;
  width: auto;
  height: auto;
  font-size: 6px;
  color: var(--textColor5);
  background-color: transparent;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.selectric-price .selectric .button::after {
  display: none;
}

.selectric-price .selectric-items {
  background-color: var(--select);
  border: none;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  border-radius: 25px;
  overflow: hidden;
}

.selectric-price .selectric-items li {
  position: relative;
  padding-left: 64px;
  padding-top: 9px;
  padding-bottom: 5px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.selectric-price .selectric-items li.selected,
.selectric-price .selectric-items li.highlighted,
.selectric-price .selectric-items li:hover {
  background-color: var(--selectHighlight);
}

.selectric-price .selectric-items .icon {
  position: absolute;
  display: block;
  left: 5px;
  top: 6px;
  width: 42px;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--color3);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.selectric-price .selectric-items .cap {
  display: block;
  font-size: 14px;
  line-height: 14px;
  color: var(--textColor5);
  font-weight: 900;
  text-transform: uppercase;
}

.selectric-price .selectric-items .sum {
  display: block;
  margin-top: 2px;
  font-size: 19px;
  line-height: 24px;
  color: var(--color3);
  font-weight: 500;
}

.selectWrapper label {
  display: block;
  padding-left: 5px;
  font-size: 11px;
  line-height: 24px;
  color: var(--textColor4);
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.selectWrapper label+* {
  margin-top: 2px;
}

.selectric-default .selectric {
  height: 33px;
  padding-left: 20px;
  padding-right: 30px;
  background-color: var(--cabBack2);
  border: none;
  -webkit-border-radius: 33px;
  -moz-border-radius: 33px;
  -ms-border-radius: 33px;
  border-radius: 33px;
}

.selectric-default .selectric .label {
  margin: 0px;
  height: auto;
  font-size: 14px;
  line-height: 33px;
  color: var(--textColor4);
  font-weight: 300;
  letter-spacing: 0.05em;
}

.selectric-default .selectric .button {
  right: 10px;
  top: 13px;
  width: auto;
  height: auto;
  font-size: 6px;
  color: var(--textColor5);
  background-color: transparent;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.selectric-default .selectric .button::after {
  display: none;
}

.selectric-default .selectric-items {
  background-color: var(--cabBack2);
  border: none;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  overflow: hidden;
  border: 1px solid var(--selectHighlight);
}

.selectric-default .selectric-items li {
  padding: 0px 20px;
  font-size: 14px;
  line-height: 33px;
  color: var(--textColor4);
  font-weight: 300;
  letter-spacing: 0.05em;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.selectric-default .selectric-items li.selected,
.selectric-default .selectric-items li.highlighted,
.selectric-default .selectric-items li:hover {
  background-color: var(--selectHighlight);
}

input[type=date].default {
  background: #ededed;
  border: 0;
  height: 33px;
  border-radius: 33px;
  padding: 0 20px;
  width: 100%;
  font-size: 14px;
  line-height: 33px;
  color: var(--textColor4);
  font-weight: 300;
}

.header .wrapper {
  min-height: 73px;
  display: flex;
  align-items: center;
}

.header .menuWrapper {
  margin-left: 38px;
}

.header .themeControl {
  margin-left: auto;
}

.headerContainer {
  padding-left: 55px;
  padding-right: 7px;
}

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

.menuList>li+li {
  margin-left: 37px;
}

.menuList>li+li:last-child {
  margin-left: 28px;
}

.menuItem {
  display: flex;
  align-items: center;
  color: var(--textColor2);
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

.menuItem [class*="icon"] {
  display: block;
  margin-left: 9px;
  margin-bottom: 1px;
  font-size: 6px;
  color: inherit;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

@media (min-width: 640px) {
  .menuItem:hover>a {
    color: var(--color3);
  }

  .menuItem:hover>[class*="icon"] {
    color: var(--color3);
    -moz-transform: scale(-1, -1);
    -ms-transform: scale(-1, -1);
    -webkit-transform: scale(-1, -1);
    -o-transform: scale(-1, -1);
    transform: scale(-1, -1);
  }
}

.menuItem.opened>a {
  color: var(--color3);
}

.menuItem.opened>[class*="icon"] {
  color: var(--color3);
  -moz-transform: scale(-1, -1);
  -ms-transform: scale(-1, -1);
  -webkit-transform: scale(-1, -1);
  -o-transform: scale(-1, -1);
  transform: scale(-1, -1);
}

.menuItemLink {
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  color: inherit;
  font-weight: 900;
  text-transform: uppercase;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

.loginLink {
  display: inline-block;
  min-width: 94px;
  height: 30px;
  font-size: 14px;
  line-height: 30px;
  color: var(--color3);
  font-weight: 900;
  text-transform: uppercase;
  text-align: center;
  background-color: var(--loginBack);
  -webkit-box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.loginLink:hover {
  opacity: 0.8;
}
/* f1f */
.loginLink1 {
  display: inline-block;
  min-width: 150px;
  height: 35px;
  font-size: 16px;
  line-height: 35px;
  color: var(--color3);
  font-weight: 900;
  text-transform: uppercase;
  text-align: center;
  background-color: var(--loginBack);
  -webkit-box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 20px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.regbuton1 { /* f1f */
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 35px;
}

.button12 { /* f1f */
  text-align: center;
  margin-bottom: 12px;
}

p.faq__hint {
    margin: 16px 0px;
}

.dropdownControl {
  position: relative;
}

.dropdownControl li:hover {
  color: var(--color3);
}


.dropdownMenu {
  position: absolute;
  display: none;
  min-width: 160px;
  top: 100%;
  left: 0px;
  padding-top: 10px;
  z-index: 5;
}

.dropdownMenuList {
  padding: 4px 0px;
  text-transform: uppercase;
  background-color: var(--loginBack);
  -webkit-box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
}

.dropdownMenuList li {
  padding: 0px 16px;
  white-space: nowrap;
}

.dropdownMenuList li a {
  font-size: 14px;
  line-height: 30px;
  color: var(--textColor2);
  font-weight: 500;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.dropdownMenuList li a:hover {
  color: var(--color3);
}

.dropdownMenuList li+li {
  margin-top: 4px;
}

.burger {
  display: none;
  width: 37px;
  height: 26px;
  cursor: pointer;
}

.burger span {
  display: block;
  height: 2px;
  background-color: var(--burger);
}

.burger span+span {
  margin-top: 6px;
}

.startBlock {
  position: relative;
  min-height: 606px;
  overflow: hidden;
  z-index: 1;
}

.startBlock .back {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  margin-left: auto;
  max-width: calc(1920px - 55px);
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: left top;
  background-repeat: no-repeat;
  z-index: -1;
}

.startBlock .wrapper {
  padding-top: 242px;
  margin-left: 55px;
  width: 45%;
  height: 100%;
  text-align: right;
}

.startBlock .wrapper p {
  margin-left: auto;
  margin-top: 8px;
  margin-right: 5px;
  font-size: 25px;
  line-height: 45px;
  color: var(--color1);
  font-weight: 300;
}

.startBlock .wrapper p b {
  font-weight: 900;
}

.startBlock .title {
  display: block;
  text-align: center;
  font-family: "Avenir Next", Arial, Helvetica, sans-serif;
  font-size: 121px;
  line-height: 105px;
  color: var(--color1);
  font-weight: 600;
  text-transform: uppercase;
}

.startBlock .title span {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: -moz-linear-gradient(0deg, #690f0c 0%, #db3c47 70%, #db3c47 70%, #fa4350 96%);
  background-image: -webkit-linear-gradient(0deg, #690f0c 0%, #db3c47 70%, #db3c47 70%, #fa4350 96%);
  background-image: -ms-linear-gradient(0deg, #690f0c 0%, #db3c47 70%, #db3c47 70%, #fa4350 96%);
}

.perfomanceSection {
  position: relative;
  padding-top: 70px;
  z-index: 2;
}

.perfomanceSection .sectionSubtitle {
  margin-top: 7px;
  left: -25px;
}

.perfomanceSection .wrapper {
  display: flex;
  justify-content: space-between;
}

.perfomanceSection .rightSide {
  width: 317px;
  padding-top: 20px;
}

.perfomanceSection .chartBlock {
  margin-top: 60px;
}

.perfomanceSection .mainStat {
  margin-top: 45px;
}

.perfomanceSection .chartStat {
  margin-top: 43px;
}

.chartBlock {
  width: 920px;
  height: 360px;
}

.chartTooltip {
  padding: 12px 16px;
  text-align: center;
  background-color: var(--tooltip);
  border: 1px solid var(--tooltipBorder);
}

.chartTooltip .price {
  display: block;
  font-size: 19px;
  line-height: 24px;
  color: var(--color3);
  font-weight: 500;
}

.chartTooltip ul {
  font-size: 15px;
  line-height: 24px;
  color: var(--textColor);
  font-weight: 300;
}

.chartControls .price {
  background-color: var(--select);
  -webkit-border-radius: 53px;
  -moz-border-radius: 53px;
  -ms-border-radius: 53px;
  border-radius: 53px;
  padding-left: 4px;
  padding-top: 6px;
  padding-right: 4px;
  height: 53px;
  position: relative;
  width: 214px;
}

.chartControls .price .label {
  display: block;
  position: relative;
  margin: 0px;
  padding-left: 50px;
  padding-top: 3px;
  height: 100%;
  padding-right: 16px;
  text-align: center;
}

.chartControls .price .icon {
  position: absolute;
  display: block;
  left: 0px;
  top: 0px;
  width: 42px;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--color3);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.chartControls .price .cap {
  display: block;
  font-size: 14px;
  line-height: 14px;
  color: var(--textColor5);
  font-weight: 900;
  text-transform: uppercase;
}

.chartControls .price .sum {
  display: block;
  margin-top: 2px;
  font-size: 19px;
  line-height: 24px;
  color: var(--color3);
  font-weight: 500;
}

.mainStat .item img {
  display: block;
}

.mainStat .item .num {
  display: block;
  margin-top: 23px;
  font-size: 35px;
  line-height: 35px;
  font-weight: 900;
  color: transparent;
  -webkit-text-fill-color: transparent;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-text-stroke: 1px var(--textBorder);
}

.mainStat .item p {
  margin-top: 10px;
}

.mainStat .item+.item {
  margin-top: 50px;
}

.chartStat {
  display: flex;
  justify-content: space-between;
}

.chartStat .main {
  display: block;
  font-size: 23px;
  line-height: 1;
  color: var(--textColor2);
  font-weight: 500;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

.chartStat .main .num {
  display: block;
  font-size: 50px;
  line-height: 75px;
  font-weight: 900;
}

.chartStat ul .num {
  display: block;
  margin-bottom: 4px;
  font-size: 40px;
  line-height: 50px;
  color: var(--textColor2);
  font-weight: 900;
  letter-spacing: -0.025em;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

.chartStat ul .num sup {
  font-size: 24px;
}

.chartStat ul li+li {
  margin-top: 7px;
}

.systemSection {
  margin-top: 90px;
}

.systemSection .sectionSubtitle {
  top: -164px;
  left: -25px;
  margin-bottom: -164px;
  line-height: 110px;
  z-index: 0;
}

.systemSection .systemTabs {
  margin-top: 80px;
  padding-bottom: 80px;
}

.systemTabs {
  position: relative;
}

.systemTabs .tabsList {
  position: absolute;
  width: 668px;
  height: 668px;
  top: 0;
  margin-top: -200px;
  right: 53px;
}

.systemTabs .tabsList .back {
  position: absolute;
  display: block;
  left: 0px;
  top: 0px;
  width: 100%;
  height: auto;
}

.systemTabs .tabsList .tab {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 102px;
  height: 102px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background-color: var(--tabBack);
  position: relative;
  z-index: 1;
  -webkit-box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.05);
  border: 2px solid var(--tabBack);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  position: absolute;
  z-index: 5;
}

.systemTabs .tabsList .tab>a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 7;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
}

.systemTabs .tabsList .tab img {
  -webkit-filter: grayscale(1) brightness(1.8);
  -moz-filter: grayscale(1) brightness(1.8);
  -ms-filter: grayscale(1) brightness(1.8);
  -o-filter: grayscale(1) brightness(1.8);
  filter: grayscale(1) brightness(1.8);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.systemTabs .tabsList .tab.active {
  border: 2px solid var(--color3);
}

.systemTabs .tabsList .tab.active img {
  -webkit-filter: grayscale(0) brightness(1);
  -moz-filter: grayscale(0) brightness(1);
  -ms-filter: grayscale(0) brightness(1);
  -o-filter: grayscale(0) brightness(1);
  filter: grayscale(0) brightness(1);
}

.systemTabs .tabsList .tab:hover img {
  -webkit-filter: grayscale(0) brightness(1);
  -moz-filter: grayscale(0) brightness(1);
  -ms-filter: grayscale(0) brightness(1);
  -o-filter: grayscale(0) brightness(1);
  filter: grayscale(0) brightness(1);
}

.systemTabs .tabsList .tab:nth-child(1) {
  right: 189px;
  top: -36px;
}

.systemTabs .tabsList .tab:nth-child(2) {
  right: 36px;
  top: 57px;
}

.systemTabs .tabsList .tab:nth-child(3) {
  right: -36px;
  top: 206px;
}

.systemTabs .tabsList .tab:nth-child(4) {
  right: -35px;
  bottom: 198px;
}

.systemTabs .tabsList .tab:nth-child(5) {
  right: 53px;
  bottom: 59px;
}

.systemTabs .tabsList .tab:nth-child(6) {
  right: 193px;
  bottom: -30px;
}

.systemTab {
  display: flex;
}

.systemTab .main {
  width: 580px;
}

.systemTab p {
  margin-top: 20px;
}

.systemTab [class*="btn"] {
  margin-top: 42px;
}

.systemTab .image {
  position: relative;
  margin-left: auto;
  margin-right: 288px;
  margin-top: 85px;
  flex-shrink: 0;
}

.systemTab .image .img {
  position: relative;
  display: block;
  z-index: 1;
}

.aboutSection .sectionSubtitle {
  left: -25px;
  top: -15px;
  margin-bottom: -40px;
  z-index: 5;
}

.aboutSection .wrapper {
  margin-top: 74px;
  -webkit-columns: 2;
  -moz-columns: 2;
  columns: 2;
  -webkit-column-gap: 105px;
  -moz-column-gap: 105px;
  column-gap: 105px;
}

.aboutSection p+p {
  margin-top: 26px;
}

.partnersSection {
  margin-top: 115px;
}

.partnersSection .sectionSubtitle {
  top: -33px;
  left: -25px;
}

.partnersSection .sectionTitle {
  margin-top: 43px;
}

.partnersSection .partnersSlider {
  margin-top: 55px;
}

.partnersSlider {
  overflow: visible;
}

.partnersSlider .swiper-pagination {
  position: relative;
  margin-top: 35px;
  top: auto;
  bottom: -90px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.partnersSlider .swiper-pagination-bullet {
  margin: 0px !important;
  width: auto;
  height: auto;
  background-color: transparent;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  opacity: 1;
}

.partnersSlider .swiper-pagination-bullet .icon {
  position: relative;
  width: 142px;
  height: 142px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--tabBack);
  -webkit-box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  border: 2px solid var(--tabBack);
  border: 2px solid transparent;
  z-index: 1;
}

.partnersSlider .swiper-pagination-bullet .icon img {
  display: block;
  -webkit-filter: grayscale(1) contrast(0.7) brightness(1.8);
  -moz-filter: grayscale(1) contrast(0.7) brightness(1.8);
  -ms-filter: grayscale(1) contrast(0.7) brightness(1.8);
  -o-filter: grayscale(1) contrast(0.7) brightness(1.8);
  filter: grayscale(1) contrast(0.7) brightness(1.8);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.partnersSlider .swiper-pagination-bullet .icon .light {
  display: block;
}

.partnersSlider .swiper-pagination-bullet .icon .dark {
  display: none;
}

.partnersSlider .swiper-pagination-bullet .cap {
  position: relative;
  display: block;
  font-size: 19px;
  line-height: 1;
  color: var(--textColor2);
  font-weight: 500;
  -moz-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  -webkit-transform: translateY(-50px);
  -o-transform: translateY(-50px);
  transform: translateY(-50px);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.partnersSlider .swiper-pagination-bullet.swiper-pagination-bullet-active .icon {
  border: 2px solid var(--color3-2);
  -moz-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  -webkit-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  transform: translateY(-40px);
}

.partnersSlider .swiper-pagination-bullet.swiper-pagination-bullet-active .icon img {
  -webkit-filter: grayscale(0) contrast(1) brightness(1);
  -moz-filter: grayscale(0) contrast(1) brightness(1);
  -ms-filter: grayscale(0) contrast(1) brightness(1);
  -o-filter: grayscale(0) contrast(1) brightness(1);
  filter: grayscale(0) contrast(1) brightness(1);
}

.partnersSlider .swiper-pagination-bullet.swiper-pagination-bullet-active .cap {
  -moz-transform: translateY(-11px);
  -ms-transform: translateY(-11px);
  -webkit-transform: translateY(-11px);
  -o-transform: translateY(-11px);
  transform: translateY(-11px);
}

.partnersSlider .swiper-pagination-bullet:hover .icon {
  -moz-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  -webkit-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  transform: translateY(-40px);
}

.partnersSlider .swiper-pagination-bullet:hover .icon img {
  -webkit-filter: grayscale(0) contrast(1) brightness(1);
  -moz-filter: grayscale(0) contrast(1) brightness(1);
  -ms-filter: grayscale(0) contrast(1) brightness(1);
  -o-filter: grayscale(0) contrast(1) brightness(1);
  filter: grayscale(0) contrast(1) brightness(1);
}

.partnersSlider .swiper-pagination-bullet:hover .cap {
  -moz-transform: translateY(-11px);
  -ms-transform: translateY(-11px);
  -webkit-transform: translateY(-11px);
  -o-transform: translateY(-11px);
  transform: translateY(-11px);
}

.psrtnerSlide {
  display: flex;
  justify-content: space-between;
}

.psrtnerSlide .image {
  flex-shrink: 0;
}

.psrtnerSlide .image .light {
  display: block;
}

.psrtnerSlide .image .dark {
  display: none;
}

.psrtnerSlide .content {
  width: 920px;
  flex-shrink: 0;
}

.timelineSection {
  margin-top: 147px;
}

.timelineSection .timelineSlider {
  margin-top: 46px;
}

.timelineSlider {
  margin-left: auto;
  max-width: calc(100vw - 10%);
  width: 100%;
}

.timelineSlider .swiper-pagination {
  display: none;
}

.timelineSlider .swiper-slide {
  position: relative;
  width: 373px;
  margin-right:10px;
}

.timelineSlider .swiper-slide .main {
  height: 279px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.timelineSlider .swiper-slide .more {
  position: absolute;
  width: 100%;
  height: 100%;
  padding-top: 30px;
  padding-left: 46px;
  padding-right: 30px;
  padding-bottom: 20px;
  left: 0px;
  top: 0px;
  background-color: #db3c47;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.timelineSlider .swiper-slide .more p {
  font-size: 16px;
  line-height: 25px;
  color: var(--color1);
  font-weight: 300;
}

.timelineSlider .swiper-slide .more [class*="btn"] {
  margin-top: 33px;
}

.timelineSlider .swiper-slide:hover .more {
  opacity: 1;
  visibility: visible;
}

.timelineSlider .swiper-slide+.swiper-slide .main,
.timelineSlider .swiper-slide+.swiper-slide .more {
  -webkit-box-shadow: inset 1px 0px 0px rgba(255, 255, 255, 0.33);
  -moz-box-shadow: inset 1px 0px 0px rgba(255, 255, 255, 0.33);
  box-shadow: inset 1px 0px 0px rgba(255, 255, 255, 0.33);
}

.timelineSlider .swiper-button-next,
.timelineSlider .swiper-button-prev {
  top: 51%;
}

.timelineSlider .swiper-button-prev {
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0px;
  width: 39px;
  height: 40px;
  background: var(--color1);
  -webkit-border-radius: 0px 40px 40px 0px;
  -moz-border-radius: 0px 40px 40px 0px;
  -ms-border-radius: 0px 40px 40px 0px;
  border-radius: 0px 40px 40px 0px;
  opacity: 1;
  z-index: 2;
}

.timelineSlider .swiper-button-prev::after {
  display: none;
}

.timelineSlider .swiper-button-next {
  display: flex;
  justify-content: center;
  align-items: center;
  right: 0px;
  width: 39px;
  height: 40px;
  background: var(--color1);
  -webkit-border-radius: 40px 0px 0px 40px;
  -moz-border-radius: 40px 0px 0px 40px;
  -ms-border-radius: 40px 0px 0px 40px;
  border-radius: 40px 0px 0px 40px;
  opacity: 1;
  z-index: 2;
}

.timelineSlider .swiper-button-next::after {
  display: none;
}

.signupSection {
  margin-top: 100px;
}

.signupSection .sectionSubtitle {
  left: -25px;
  line-height: 110px;
}

.signupSection .wrapper {
  display: flex;
  justify-content: space-between;
}

.signupSection .title {
  display: block;
  margin-top: 74px;
  max-width: 350px;
  font-size: 50px;
  line-height: 70px;
  color: var(--textColor2);
  font-weight: 300;
}

.signupSection [class*="btn"] {
  margin-top: 67px;
}

.signupSection .image {
  position: relative;
  min-height: 572px;
}

.signupSection .image .phone {
  position: absolute;
  display: block;
  right: 7px;
  top: 169px;
  z-index: 2;
  border: 1px solid;
  border-radius: 15px;
}

.signupSection .beforeAfter {
  margin-right: 97px;
  margin-top: 45px;
  height: 370px;
  width: 615px;
}

.signupSection .beforeAfter img {
  object-fit: cover;
  height: 100% !important;
  border: 1px solid;
  border-radius: 15px;
}

.signupSection .beforeAfter img.after {
  object-position: right top;
}

.signupSection+.footer {
  margin-top: 125px;
}

.beforeAfter {
  overflow: visible !important;
}

.beforeAfter>div:last-child {
  opacity: 1 !important;
}

.beforeAfter>div:last-child div {
  width: 3px !important;
  top: -81px;
  height: calc(100% + 204px) !important;
  background-color: #ededed;
}

.beforeAfter>div:last-child div div {
  width: 28px !important;
  height: 28px !important;
  background-color: var(--color3) !important;
  border: 6px solid #ededed !important;
}

.beforeAfter>div:last-child div div i {
  display: none !important;
}

.supportSection {
  margin-top: 74px;
}

.supportSection .sectionSubtitle {
  position: absolute;
  left: -168px;
  top: -50px;
}

.supportSection .wrapper {
  position: relative;
  display: flex;
  justify-content: space-between;
}

.supportSection .leftSide {
  position: relative;
  padding-top: 78px;
  padding-bottom: 71px;
}

.supportSection .leftSide::before {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  right: -30px;
  width: 922px;
  height: 100%;
  background-color: var(--grayBack);
  z-index: -1;
  border: 1px solid var(--cabBorder);
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  border-radius: 11px;
  -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05), 0px -3px 0px 0px var(--color3);
  -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05), 0px -3px 0px 0px var(--color3);
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05), 0px -3px 0px 0px var(--color3);
}

.supportSection .leftSide,
.supportSection .rightSide {
  width: calc((100% - 30px) / 2);
}

.supportSection .contactItem:nth-child(odd) {
  margin-left: auto;
}

.supportSection .contactItem:nth-child(even) {
  margin-left: 76px;
}

.contactForm {
  width: 605px;
}

.contactForm .fieldItem+.fieldItem {
  margin-top: 42px;
}

.contactForm .captchaBlock {
  margin-top: 48px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.contactForm p {
  width: 245px;
  align-self: center;
  font-size: 16px;
  line-height: 24px;
  color: var(--textColor2);
  font-weight: 300;
}

.contactForm [class*="btn"] {
  margin-top: 47px;
}

.captcha {
  /* width: 297px; */
  flex-shrink: 0;
}

.captcha img {
  display: block;
  width: 100%;
  height: auto;
}

.captcha .light {
  display: block;
}

.captcha .dark {
  display: none;
}

.contactItem {
  max-width: 474px;
  padding-left: 38px;
  padding-top: 40px;
  padding-right: 38px;
  padding-bottom: 42px;
  display: flex;
  background-color: var(--grayBack);
}

.contactItem .icon {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background-color: #db3c47;
  -webkit-box-shadow: inset 1px 5px 0px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: inset 1px 5px 0px 0px rgba(0, 0, 0, 0.35);
  box-shadow: inset 1px 5px 0px 0px rgba(0, 0, 0, 0.35);
  width: 81px;
  height: 81px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.contactItem .data {
  margin-left: 35px;
  padding-top: 5px;
}

.contactItem .data a {
  margin-top: 16px;
}

.contactItem+.contactItem {
  margin-top: 84px;
}

.registerSection {
  position: relative;
  margin-top: 74px;
  padding-top: 78px;
  padding-bottom: 78px;
}

.registerSection::before {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  margin-left: auto;
  max-width: calc(100vw - 55px);
  min-width: calc(1920px - 55px);
  width: 100%;
  height: 100%;
  background-color: var(--grayBack);
  z-index: -1;
}

.registerSection .sectionSubtitle {
  position: absolute;
  left: -175px;
  top: -135px;
}

.registerSection .wrapper {
  position: relative;
  display: flex;
  justify-content: space-between;
}

.registerSection .rightSide {
  width: 395px;
  padding-top: 6px;
  flex-shrink: 0;
}

.registerSection .loginSubtitle {
  display: block;
  color: transparent;
  -webkit-text-fill-color: transparent;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-text-stroke: 1px var(--textBorder2);
  font-size: 70px;
  line-height: 80px;
  font-weight: bold;
  text-transform: uppercase;
}

.registerSection .loginSubtitle+[class*="btn"] {
  margin-top: 30px;
  margin-left: 5px;
}

.registerForm {
  width: 890px;
}

.registerForm .formMessage,
.loginForm .formMessage {
  margin-top: 10px;
  margin-bottom: 37px;
}

.registerForm .fieldGrid {
  display: flex;
}

.registerForm .fieldGrid .col {
  width: 403px;
  flex-shrink: 0;
}

.registerForm .fieldGrid .col+.col {
  margin-left: 57px;
  flex-grow: 1;
}

.registerForm .fieldGrid+.formMessage {
  margin-top: 72px;
}

.registerForm .fieldItem {
  display: flex;
  justify-content: space-between;
}

.registerForm .fieldItem .inBlock {
  max-width: 403px;
  flex-grow: 1;
}

.registerForm .fieldItem .checkButton {
  align-self: center;
  margin-top: 26px;
}

.registerForm .fieldItem>[class*="btn"] {
  position: relative;
  right: -5px;
  margin-left: 40px;
  margin-top: 26px;
  margin-right: 5px;
  padding-left: 43px;
  padding-right: 43px;
  flex-shrink: 0;
}

.registerForm .fieldItem+.fieldItem {
  margin-top: 43px;
}

.registerForm .formMessage+.registerInfo {
  margin-top: 50px;
}

.formMessage {
  min-height: 42px;
  padding: 5px 15px;
  display: flex;
  align-items: center;
  font-size: 17px;
  line-height: 30px;
  font-weight: 300;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  -ms-border-radius: 21px;
  border-radius: 21px;
}

.formMessage img {
  display: block;
  margin-right: 10px;
}

.formMessage.error {
  color: var(--color3);
  border: 1px solid rgba(219, 60, 71, 0.55);
}

.formMessage.success {
  color: #00d12a;
  border: 1px solid rgba(97, 210, 105, 0.55);
}

.registerInfo .selectBlock {
  display: flex;
  align-items: center;
}

.registerInfo .selectBlock .title {
  display: block;
  font-size: 25px;
  line-height: 25px;
  color: var(--textColor2);
  font-weight: 500;
}

.registerInfo .logo {
  display: block;
  margin-top: 46px;
  margin-left: 6px;
}

.registerInfo .registerSelect {
  margin-left: 26px;
  flex-grow: 1;
}

.registerInfo .data {
  margin-top: 36px;
  display: flex;
  justify-content: space-between;
}

.registerInfo .data li {
  width: 265px;
}

.registerInfo .data li+li {
  margin-left: 30px;
}

.registerInfo .data .num {
  display: block;
  font-size: 35px;
  line-height: 42px;
  color: var(--textColor2);
  font-weight: 900;
  letter-spacing: -0.025em;
}

.loginSection {
  position: relative;
  margin-top: 74px;
  padding-top: 78px;
  padding-bottom: 78px;
}

.loginSection::before {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  margin-left: auto;
  max-width: calc(100vw - 55px);
  min-width: calc(1920px - 55px);
  width: 100%;
  height: 100%;
  background-color: var(--grayBack);
  z-index: -1;
}

.loginSection .sectionSubtitle {
  position: absolute;
  left: -175px;
  top: -135px;
}

.loginSection .wrapper {
  position: relative;
  display: flex;
}

.loginSection .rightSide {
  margin-left: 140px;
  width: 400px;
  padding-top: 6px;
  flex-shrink: 0;
}

.loginSection .loginSubtitle {
  display: block;
  color: transparent;
  -webkit-text-fill-color: transparent;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-text-stroke: 1px var(--textBorder2);
  font-size: 70px;
  line-height: 80px;
  font-weight: bold;
  text-transform: uppercase;
}

.loginSection .loginSubtitle+[class*="btn"] {
  margin-top: 35px;
}

.loginForm {
  width: 620px;
}

.loginForm .fieldItem {
  max-width: 605px;
}

.loginForm .fieldItem+.fieldItem {
  margin-top: 43px;
}

.loginForm .link {
  margin-top: 30px;
}

.loginForm .buttonWrap {
  margin-top: 33px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.loginForm .buttonWrap>* {
  flex-shrink: 0;
}

.loginForm [class*="btn"] {
  min-width: 197px;
}

.passwordSection {
  position: relative;
  margin-top: 74px;
  padding-top: 78px;
  padding-bottom: 101px;
}

.passwordSection::before {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  margin-left: auto;
  max-width: calc(100vw - 55px);
  min-width: calc(1920px - 55px);
  width: 100%;
  height: 100%;
  background-color: var(--grayBack);
  z-index: -1;
}

.passwordSection .wrapper {
  position: relative;
}

.passwordSection .sectionSubtitle {
  position: absolute;
  left: -175px;
  top: -135px;
}

.passwordForm .formWrap {
  display: flex;
  align-items: flex-end;
}

.passwordForm .fieldItem {
  width: 675px;
  padding-bottom: 10px;
  flex-shrink: 0;
}

.passwordForm p {
  margin-left: 74px;
  margin-right: 48px;
  margin-bottom: 5px;
  font-size: 16px;
  line-height: 24px;
  color: var(--textColor2);
  font-weight: 300;
}

.passwordForm [class*="btn"] {
  min-width: 197px;
  margin-left: auto;
  flex-shrink: 0;
}

.accTypeButton {
  position: absolute;
  right: 0px;
  top: 350px;
  display: block;
  min-width: 162px;
  height: 42px;
  padding: 8px 16px;
  font-size: 14px;
  line-height: 30px;
  color: var(--color1);
  font-weight: 900;
  letter-spacing: 0.075em;
  text-transform: uppercase;
  text-align: center;
  /* background-color: var(--color3); */
  background-color: #862e39;
  -webkit-border-radius: 20px 20px 0px 0px;
  -moz-border-radius: 20px 20px 0px 0px;
  -ms-border-radius: 20px 20px 0px 0px;
  border-radius: 20px 20px 0px 0px;
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -moz-transform-origin: 74% 0%;
  -ms-transform-origin: 74% 0%;
  -webkit-transform-origin: 74% 0%;
  -o-transform-origin: 74% 0%;
  transform-origin: 74% 0%;
  cursor: pointer;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  z-index: 1;
}

.accTypeButton:hover {
  opacity: 0.8;
}

/* @media (max-width: 1023px) {
  .accTypeButton {
    display: none;
  }
} */

.cabinetWrapper {
  position: relative;
  display: flex;
}

.cabinetNav {
  width: 78px;
  margin-top: 19px;
  margin-left: 20px;
  flex-shrink: 0;
  align-self: flex-start;
  background-color: var(--cabBack);
  -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  border-radius: 11px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.cabinetNav .logoWrapper {
  padding-top: 9px;
  padding-bottom: 12px;
}

.cabinetNav .siteLogo {
  width: 58px;
  margin-left: auto;
  margin-right: auto;
}

.cabinetNav .cabThemeControl {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  border-top: 1px solid var(--cabBorder);
}

.cabThemeControl {
  height: 80px;
  padding-top: 19px;
  padding-bottom: 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
  cursor: pointer;
}

.cabThemeControl .themeControl {
  width: 31px;
  height: 31px;
  margin-left: auto;
  margin-right: auto;
}

.cabThemeControl .themeControl img {
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  -moz-transform-origin: center;
  -ms-transform-origin: center;
  -webkit-transform-origin: center;
  -o-transform-origin: center;
  transform-origin: center;
}

.cabThemeControl .cap {
  display: block;
  font-size: 10px;
  line-height: 10px;
  color: var(--textColor2);
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.cabThemeControl:hover .cap {
  color: var(--color3);
}

.cabinetMenuList li {
  padding-top: 19px;
  padding-bottom: 8px;
  height: 80px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
  position: relative;
  z-index: 1;
  border-top: 1px solid var(--cabBorder);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.cabinetMenuList li>a, .cabinetMenuList li>button {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 7;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
  color: var(--textColor2);
  font-size: 10px;
  line-height: 10px;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.cabinetMenuList li.active {
  background-color: var(--cabBack2);
}

.cabinetMenuList li.active svg {
  fill: var(--color3);
}

.cabinetMenuList li.active .cap {
  color: var(--color3);
}

.cabinetMenuList li:hover svg {
  fill: var(--color3);
}

.cabinetMenuList li:hover .cap {
  color: var(--color3);
}

.cabinetMenuList li:last-child {
  display: none;
}

.cabinetMenuList svg {
  display: block;
  margin-left: auto;
  margin-right: auto;
  fill: var(--textColor2);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.cabinetMenuList .cap {
  display: block;
  font-size: 10px;
  line-height: 10px;
  color: var(--textColor2);
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.cabinetContent {
  width: calc(100% - 98px);
  padding-left: 47px;
  padding-right: 47px;
  padding-bottom: 103px;
  flex-grow: 1;
}

.cabinetHeader {
  margin-bottom: 33px;
  padding-top: 20px;
  padding-right: 32px;
  display: flex;
  justify-content: space-between;
  flex-direction: column-reverse;
}

.trustpilot-widget {
    margin-top: 10px;
}

.cabinetHeader .pageTitle {
  display: block;
  font-size: 50px;
  line-height: 90px;
  color: var(--textColor2);
  font-weight: normal;
}

.faq.content .container h1 {
  margin-top: 32px;
}

.faq-table__item h2:hover{
  cursor: pointer;
}

.faq-table__item-answer p span { /* f1f */
    font-size: 18px !important;
}

.faq-table__item-answer p {
    margin-top: 14px;
}


div.faq.content div.container div.faq-table div.faq-table__item div.faq-table__item-question.question h2 {
  display: table;
  font-size: 25px;
  line-height: 30px;
  font-weight: 500;
  background-repeat: no-repeat;
  background-position: center bottom 0px;
  background-size: 100% 2px;
  background-image: linear-gradient(to right, var(--color3), var(--color3));
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  margin-top: 20px;
  margin-bottom: 24px;
}

.cabinetMain {
  max-width: 100vw;
  width: 100%;
}

.userBlock .name {
  display: block;
  font-size: 11px;
  line-height: 23px;
  color: var(--textColor4);
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.userBlock img {
  display: block;
  position: relative;
  left: -5px;
}

.cabinetInfo {
  display: flex;
  justify-content: space-between;
  margin-top: 17px;
}

.cabinetInfo .userBlock {
  /* padding-top: 10px; */
}

.cabinetInfo li {
  display: flex;
  min-width: 244px;
}

.cabinetInfo li+li {
  margin-left: 22px;
}

.cabinetInfo li:first-child {
  min-width: 196px;
}

.cabinetInfo li:nth-child(2) {
  min-width: 150px;
}

.cabinetInfo li:nth-child(4) {
  min-width: 200px;
}

.cabinetInfo li:last-child {
  min-width: unset;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.cabinetInfo li:last-child:hover {
  opacity: 0.7;
}

.cabinetInfo .icon {
  width: 59px;
  height: 59px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--iconBack);
  -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  z-index: 1;
}
.cabinetInfo .icon.red {
  background-color: var(--color3);
}

.cabinetInfo .icon>a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 7;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
}

.cabinetInfo .icon svg {
  display: block;
  fill: var(--textColor5);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.cabinetInfo .icon.red svg {
  fill: white;
}

.cabinetInfo .icon+.data {
  margin-left: 20px;
}

.cabinetInfo .data {
  align-self: center;
  padding-bottom: 5px;
}

.cabinetInfo .param {
  display: block;
  font-size: 11px;
  line-height: 24px;
  color: var(--textColor4);
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.cabinetInfo .info {
  display: flex;
  font-size: 14px;
  line-height: 24px;
  color: var(--textColor4);
  font-weight: 900;
}

.cabinetInfo .info.green {
  color: #00d12a;
}

.cabinetInfo .settingsLink {
  margin-left: 6px;
  vertical-align: top;
}

.settingsLink {
  display: inline-block;
  height: 21px;
  position: relative;
  z-index: 1;
}

.settingsLink>a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 7;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
}

.settingsLink svg {
  fill: var(--textColor4);
}

.dashboard {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}

.dashboard+.operations {
  margin-top: 16px;
}

.dashboardMain, .rewardMain {
  display: flex;
  border: 1px solid var(--cabBorder);
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  border-radius: 11px;
  -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05), 0px -3px 0px 0px var(--color3);
  -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05), 0px -3px 0px 0px var(--color3);
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05), 0px -3px 0px 0px var(--color3);
}
.login-form{
  background-color: var(--pageLoginBack);
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 20px;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
}
.login-form .btnFillLG{
  display: inline-flex;
}
.login-enter-button{
  display: inline-block !important;
}
.login-form .btnFillLG img{
  width: 35px;
  padding: 5px;
  margin-right: 5px;
}
.email-input{
  width: 550px !important;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1199px) {
  .login-form{
    margin-left: auto;
    margin-right: auto;
  }
}
.login-form .login-title{
  display: block;
  font-family: "Avenir Next", Arial, Helvetica, sans-serif;
  font-size: 25px;
  color: var(--color1);
  line-height: 40px;
  text-align: center;
}
.login-form .login-input-title{
  display: block;
  font-family: "Avenir Next", Arial, Helvetica, sans-serif;
  font-size: 19px;
  color: var(--color1);
  line-height: 36px;
  text-align: center;
}
.login-form, .wrapper.news, .wrapper.faq, .wrapper.about {
  border: 1px solid var(--cabBorder);
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  border-radius: 11px;
  -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05), 0px -3px 0px 0px var(--color3);
  -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05), 0px -3px 0px 0px var(--color3);
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05), 0px -3px 0px 0px var(--color3);
}
.title-or{
  display: block;
  text-align: center;
  color: var(--color1);
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}
.wrapper.news p, .wrapper.news .news-item, .wrapper.faq, .wrapper.about {
  padding: 20px;
}
.wrapper.news img {
  -webkit-border-radius: 0 11px 11px 0;
  -moz-border-radius: 0 11px 11px 0;
  -ms-border-radius: 0 11px 11px 0;
  border-radius: 0 11px 11px 0;
}

 .chat-box {
  border: 1px solid var(--cabBorder);
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  border-radius: 11px;
  -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05), 0px -3px 0px 0px var(--color3);
  -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05), 0px -3px 0px 0px var(--color3);
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05), 0px -3px 0px 0px var(--color3);
}
.rewardMain .item-title {
  margin-top: 25px;
}

.dashboardMain .leftSide, .rewardMain .leftSide {
  width: 40%;
  min-width: 380px;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  border-right: 1px solid var(--cabBorder);
}

@media (max-width: 1649px) {
  .dashboardMain .leftSide,.rewardMain .leftSide {
    width: 50%;
    min-width: 380px;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    border-right: 1px solid var(--cabBorder);
  }
}

.dashboardMain .rightSide,.rewardMain .rightSide {
  flex-grow: 1;
  min-width: 380px;
  background-color: var(--cabBack);
  -webkit-border-radius: 0px 11px 11px 0px;
  -moz-border-radius: 0px 11px 11px 0px;
  -ms-border-radius: 0px 11px 11px 0px;
  border-radius: 0px 11px 11px 0px;
}

.cabRules {
  padding: 20px;
}

.cabRulesList {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.cabRulesList li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 12px;
  color: var(--textColor, #333);
  line-height: 1.8;
}

.cabRulesList li::before {
  content: '✔';
  position: absolute;
  left: 0;
  top: 1px;
  color: var(--color2, #1e90ff);
  font-size: 19px;
  line-height: 1.5;
}
.darkTheme .cabRulesList li::before {
  color: #00d12a;
}


.cabStat {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-bottom: 1px solid var(--cabBorder);
}
.item-title {
  text-align: center;
  padding: 5px 15px;
}
.item-title h3 {
  text-transform: uppercase;
  color: var(--textColor2);
}

.cabStat .item {  
  padding-top: 15px;
  padding-bottom: 15px;
  min-height: 90px;
  padding-left: 29px;
  display: flex;
  align-items: center;
}

.cabStat .item:first-child {
  grid-column: 1 / 3;
  padding-left: 26px;
  padding-top: 30px;
  padding-right: 26px;
  padding-bottom: 33px;
}

.cabStat .item:not(:first-child) {
  border-top: 1px solid var(--cabBorder);
}

.cabStat .item:nth-child(even) {
  border-right: 1px solid var(--cabBorder);
}

.cabStatList {
  width: 100%;
}

.cabStatList li {
  display: flex;
  justify-content: space-between;
}

.cabStatList li+li {
  margin-top: 10px;
}

.cabStatList .param {
  font-size: 19px;
  line-height: 30px;
  color: var(--textColor);
  font-weight: 300;
  letter-spacing: 0.02em;
}

.cabStatList .data {
  min-width: 192px;
  font-size: 17px;
  line-height: 30px;
  /* color: var(--textColor2); */
  font-weight: 900;
}

.cabStatList .data sup {
  font-size: 10px;
  line-height: 10px;
}

.cabStatItem .title {
  display: block;
  font-size: 11px;
  line-height: 18px;
  color: var(--textColor4);
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.cabStatItem .info,.cabMiningStats .info {
  display: block;
  font-size: 15px;
  line-height: 24px;
  color: #ca7474;
  font-weight: 900;
  text-transform: uppercase;
}

.cabStatItem .info.green,.cabMiningStats .info.green {
  color: #00d12a;
}

.cabStatItem .info sup,.cabMiningStats .info sup {
  font-size: 9px;
  line-height: 9px;
}

.cabMiningStats, .cabTimerStaking {
  height: 156px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: var(--cabBack2);
  -webkit-border-radius: 0px 0px 11px 11px;
  -moz-border-radius: 0px 0px 11px 11px;
  -ms-border-radius: 0px 0px 11px 11px;
  border-radius: 0px 0px 11px 11px;
}

.cabMiningStats .title, .cabTimerMining .title, .cabTimerStaking .title {
  display: block;
  font-size: 14px;
  line-height: 14px;
  color: var(--textColor2);
  font-weight: 900;
  text-transform: uppercase;
}
.cabMiningStats .title{
  margin-top: 10px;
}

.cabTimerMining .timerMining,.cabTimerStaking .timerStaking {
  display: block;
  margin-top: 10px;
  font-size: 30px;
  line-height: 30px;
  color: transparent;
  font-weight: 900;
  -webkit-text-fill-color: transparent;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-text-stroke: 1px var(--textBorder3);
}

.cabBalance {
  padding: 10px;
}

.cabBalance .controls {
  display: flex;
  justify-content: space-between;
}

.cabBalance .balance {
  margin-top: 15px;
  text-align: center;
}

.cabBalance .icon {
  width: 190px; /*f1f */
  height: 190px;
  padding-top: 55px;
  padding-left: 10px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url(../img/balance_back.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.cabBalance .icon img {
  -webkit-animation-name: glow;
  -moz-animation-name: glow;
  -o-animation-name: glow;
  animation-name: glow;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-filter: drop-shadow(0px 0px 0.5rem white);
  -moz-filter: drop-shadow(0px 0px 0.5rem white);
  -ms-filter: drop-shadow(0px 0px 0.5rem white);
  -o-filter: drop-shadow(0px 0px 0.5rem white);
  filter: drop-shadow(0px 0px 0.5rem white);
}

@keyframes glow {
  0% {
    -webkit-filter: drop-shadow(0px 0px 0.5rem white);
    -moz-filter: drop-shadow(0px 0px 0.5rem white);
    -ms-filter: drop-shadow(0px 0px 0.5rem white);
    -o-filter: drop-shadow(0px 0px 0.5rem white);
    filter: drop-shadow(0px 0px 0.5rem white);
  }

  50% {
    -webkit-filter: drop-shadow(0px 0px 0.5rem rgba(255, 255, 255, 0.5));
    -moz-filter: drop-shadow(0px 0px 0.5rem rgba(255, 255, 255, 0.5));
    -ms-filter: drop-shadow(0px 0px 0.5rem rgba(255, 255, 255, 0.5));
    -o-filter: drop-shadow(0px 0px 0.5rem rgba(255, 255, 255, 0.5));
    filter: drop-shadow(0px 0px 0.5rem rgba(255, 255, 255, 0.5));
  }

  0% {
    -webkit-filter: drop-shadow(0px 0px 0.5rem white);
    -moz-filter: drop-shadow(0px 0px 0.5rem white);
    -ms-filter: drop-shadow(0px 0px 0.5rem white);
    -o-filter: drop-shadow(0px 0px 0.5rem white);
    filter: drop-shadow(0px 0px 0.5rem white);
  }
}

.cabBalance .title {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  line-height: 40px;
  color: var(--textColor2);
  font-weight: 900;
  text-transform: uppercase;
}

.cabBalance .sum {
  display: block;
  font-size: 20px;
  line-height: 36px;
  color: var(--color3);
  font-weight: 900;
}

/* .cabBalance .sum .num {
  font-size: 35px;
} */

.cabBalance .sum sup {
  font-size: 12px;
  line-height: 12px;
}

.stepContentLink {
  position: relative;
}

.cabBalance .note,
.refLink .note,
.resultBlock .item .note,
.stepContentLink .note,
.show_qr .note {
  display: block;
  margin-top: 10px;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  font-size: 12px;
  line-height: 1.2;
  color: var(--textColor6);
  font-weight: 500;
  letter-spacing: 0.05em;
  border: 1px solid #00d12a;
  color: #00d12a;
  padding: 5px 5px;
}
.wallet .inWrap button{
  display: block;
  position: absolute;
  top: 15px;
  right: 64px;
  height: 25px;
  font-size: 25px;
}
.wallet .inWrap button:nth-of-type(2){
  display: block;
  position: absolute;
  top: 15px;
  right: 38px;
  height: 25px;
  font-size: 25px;
}
.wallet .inWrap button:last-child{
  right: 10px;
}
.stepContentLink .note {
  position: absolute;
  top: -40px;
  left: 0;
  white-space: nowrap;
}
.resultBlock .item .note {
  margin: 0 0 10px;
}

.cabBalance .form {
  margin-top: 15px;
}

.cabBalance form, .form .form-fields {
  display: flex;
}

.cabBalance .field {
  width: calc(100% - 105px);
}
.cabBalance .mining-field,.cabBalance .support-field {
  width: 100%;
}

.cabBalance .field+.button {
  margin-left: 12px;
}

.dashboardChart {
  padding-left: 39px;
  padding-top: 35px;
  padding-right: 35px;
  background-color: var(--cabBack);
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  border-radius: 11px;
  -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05), 0px -3px 0px 0px var(--color3);
  -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05), 0px -3px 0px 0px var(--color3);
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05), 0px -3px 0px 0px var(--color3);
  margin-bottom: 20px;
}

.dashboardChart .chartControls {
  padding-right: 5px;
  display: flex;
  justify-content: space-between;
}

.dashboardChart .cabChartBlock {
  width: 100%;
  height: 380px;
  margin-top: 45px;
  margin-left: -15px;
}

.dashboardChart .chartOptions {
  margin-right: 10px;
  align-self: center;
}

.chartOptions {
  display: flex;
}

.chartOptions li {
  position: relative;
}

.chartOptions li input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
  opacity: 0;
}

.chartOptions li input:checked+label {
  color: var(--textColor2);
  border: 1px solid var(--border);
}

.chartOptions li:hover label {
  color: var(--textColor2);
}

.chartOptions li+li {
  margin-left: 5px;
}

.chartOptions label {
  display: block;
  width: 44px;
  height: 44px;
  font-size: 14px;
  line-height: 42px;
  color: var(--textColor6);
  font-weight: 900;
  text-transform: uppercase;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  border: 1px solid transparent;
  cursor: pointer;
}

.cabTitle {
  display: block;
  font-size: 30px;
  line-height: 90px;
  color: var(--textColor2);
}

.operations .operationsTable {
  margin-top: 16px;
}

.operations>.button {
  position: relative;
  margin-top: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.operations>.button::before {
  content: '';
  display: block;
  position: absolute;
  left: 0px;
  top: 50%;
  width: 100%;
  height: 1px;
  background-color: var(--cabBorder);
  z-index: -1;
}

.tableTempl {
  display: table;
  width: calc(100% * 12 / 12);
  border: 1px solid var(--cabBorder);
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  border-radius: 11px;
  -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}

.tableTempl .tHead {
  display: table-row;
  height: 59px;
  /* background-color: var(--cabBack2); */
  font-size: 14px;
  line-height: 14px;
  color: var(--textColor2);
  font-weight: 900;
  text-transform: uppercase;
}

.tableTempl .tHead .tCell {
  padding: 5px;
}

.tableTempl .tHead .info {
  padding-left: 85px;
}

.tableTempl .tCell {
  display: table-cell !important;
  text-align: center;
  vertical-align: middle;
}

.tableTempl .tBody {
  display: table-row-group;
}

.tableTempl .tRow {
  display: table-row;
  height: 60px;
}

.tableTempl .tRow .tLabel {
  display: none;
}

.tableTempl .tRow .tCell {
  padding: 5px;
  border-top: 1px solid var(--cabBorder);
  text-align: center;
}

.tableTempl .tRow:nth-child(even) {
  background-color: var(--cabBack);
}

.tableTempl .tRow .num {
  font-size: 14px;
  line-height: 14px;
  color: var(--textColor2);
  font-weight: 300;
  letter-spacing: 0.05em;
}

.tableTempl .tRow .date {
  font-size: 13px;
  line-height: 13px;
  color: var(--textColor7);
  font-weight: 300;
  letter-spacing: 0.025em;
}

.tableTempl .tRow .sum {
  font-size: 16px;
  line-height: 16px;
  color: var(--color3);
  font-weight: 900;
}

.tableTempl .tRow .token {
  font-size: 12px;
  line-height: auto;
  color: var(--textColor5);
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  text-align: left;
}

.tableTempl .tRow .token .tData {
  padding-left: 45px;
  justify-content: flex-start;
}

.tableTempl .tRow .icon {
  margin-right: 13px;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--icon);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.tableTempl .tRow .batch {
  font-size: 14px;
  line-height: 14px;
  color: var(--textColor2);
  font-weight: 300;
  letter-spacing: 0.05em;
}

.tableTempl .tRow .status {
  font-size: 12px;
  line-height: 12px;
  color: #acacac;
  font-weight: 900;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.tableTempl .tRow .status.done {
  color: #00d12a;
}

.tableTempl .tRow .status.error {
  color: var(--color3);
}

.tableTempl .tRow .info {
  padding-left: 85px;
  font-size: 14px;
  line-height: 16px;
  color: var(--textColor8);
  font-weight: 300;
  letter-spacing: 0.025em;
  text-align: left;
}

.tableTempl .tRow .info .tData {
  justify-content: flex-start;
}

.tableTempl .tData {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
}

.tableTempl .tableTooltipControl {
  display: none;
}

.tableTempl .tableTooltipContent {
  display: inline-block;
}

.tableTempl a{
  color: #6f99c7;
}
.tableTempl a:hover{
  color: #19599e;
}

.operationsTable .num {
  width: 110px;
}

.operationsTable .date {
  width: 200px;
}

.operationsTable .sum {
  width: 260px;
}

.operationsTable .token {
  width: 235px;
}

.operationsTable .batch {
  width: 230px;
}

.operationsTable .info {
  width: 375px;
  padding-left: 80px;
  text-align: left;
}

.partners {
  display: grid;
  grid-template-columns: 1123px auto;
  gap: 40px;
}

.partners .cabTitle+* {
  margin-top: 17px;
}

.partnersMain {
  display: flex;
  border: 1px solid var(--cabBorder);
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  border-radius: 11px;
  -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
}

.partnersMain .leftSide {
  width: 446px;
  padding: 21px 20px;
  flex-shrink: 0;
  background-color: var(--cabBack);
  border-right: 1px solid var(--cabBorder);
  -webkit-border-radius: 11px 0px 0px 11px;
  -moz-border-radius: 11px 0px 0px 11px;
  -ms-border-radius: 11px 0px 0px 11px;
  border-radius: 11px 0px 0px 11px;
}

.partnersMain .rightSide {
  flex-grow: 1;
}

.partnersMain .rightSide .tableTempl {
  border-radius: 0 11px 0 0;
}

.partnersMain .tablePgination {
  padding: 8px 8px 10px;
  background-color: var(--cabBack2);
  -webkit-border-radius: 0px 0px 11px 0px;
  -moz-border-radius: 0px 0px 11px 0px;
  -ms-border-radius: 0px 0px 11px 0px;
  border-radius: 0px 0px 11px 0px;
}

.refLink {
  text-align: center;
}

.refLink .icon {
  margin-left: auto;
  margin-right: auto;
  width: 58px;
  height: 58px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--icon2);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
}

.refLink .icon svg {
  display: block;
  fill: var(--textColor5);
}

.refLink .title {
  display: block;
  margin-top: 15px;
  font-size: 14px;
  line-height: 40px;
  color: var(--textColor2);
  font-weight: 900;
  text-transform: uppercase;
}

.refLink .simpleLink {
  display: block;
  font-size: 17px;
  line-height: 1;
}

.refLink [class*="btn"] {
  margin-top: 30px;
}

.refLink+.partnerStat {
  margin-top: 42px;
}

.partnerStat {
  font-size: 14px;
  line-height: 40px;
  color: var(--textColor2);
  font-weight: 900;
  text-transform: uppercase;
  text-align: center;
}

.partnerStat .icon {
  margin-left: auto;
  margin-right: auto;
  width: 58px;
  height: 58px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--icon2);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
}

.partnerStat .icon svg {
  display: block;
  fill: var(--textColor5);
}

.partnerStat ul {
  margin-top: 9px;
  text-align: center;
}

.partnerStat ul li+li {
  margin-top: 10px;
}

.partnerStat .num {
  display: block;
  font-size: 30px;
  line-height: 30px;
  color: var(--color3);
  font-weight: 900;
}

.tableTempl2 {
  display: table;
  width: calc(100% * 12 / 12);
}

.tableTempl2 .tRow {
  display: table-row;
  height: 90px;
}

.tableTempl2 .tCell {
  display: table-cell !important;
  border-bottom: 1px solid var(--cabBorder);
  vertical-align: middle;
  padding: 5px 0;
}

.tableTempl2 .tCell:first-child {
  padding-left: 20px;
  width: 253px;
}

.tableTempl2 .tCell:not(:first-child) .data {
  min-width: 158px;
}

.partnerItem {
  display: flex;
}

.partnerItem .icon {
  margin-right: 24px;
  width: 58px;
  height: 58px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  background-color: var(--icon3);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
}

.partnerItem .icon svg {
  display: block;
  fill: var(--textColor5);
}

.partnerItem .data {
  align-self: center;
  padding-bottom: 5px;
}

.partnerItem .data+.data {
  margin-left: auto;
}

.partnerItem .param {
  display: block;
  font-size: 11px;
  line-height: 24px;
  color: var(--textColor4);
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.partnerItem .info {
  display: block;
  font-size: 12px;
  line-height: 20px;
  color: var(--textColor4);
  font-weight: 900;
}

.partnerItem .info.num {
  font-size: 14px;
  color: var(--color3);
}

.partnerItem .info sup {
  font-size: 8px;
  line-height: 8px;
}

.pagination {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pagination .control {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 31px;
  height: 31px;
  background-color: var(--icon4);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.pagination .control>a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 7;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
}

.pagination .control:hover {
  opacity: 0.8;
}

.pagination .control svg {
  display: block;
  fill: var(--textColor2);
}

.pagination .control:first-child {
  margin-right: auto;
}

.pagination .control:last-child {
  margin-left: auto;
}

.pagination li a {
  padding: 5px 10px;
  font-size: 13px;
  line-height: 13px;
  color: var(--textColor7);
  font-weight: 300;
  letter-spacing: 0.025em;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.pagination li a:hover {
  color: var(--textColor2);
}

.pagination li+li {
  margin-left: 6px;
}

.pagination li.active a {
  font-weight: 900;
  color: var(--textColor2);
}

.pagination li:not(.control):first-of-type {
  margin-left: auto;
}

.pagination li:not(.control):last-of-type {
  margin-right: auto;
}

.feedback {
  height: 501px;
  position: relative;
  padding: 28px 18px 29px 40px;
  background-color: var(--cabBack);
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  border-radius: 11px;
  -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}

.feedback .wrapper {
  height: 100%;
  max-height: 100%;
  overflow-y: scroll;
  scrollbar-width: thin;
  scrollbar-color: var(--scroll) var(--scrollBack);
}

.feedback .wrapper::-webkit-scrollbar {
  width: 3px;
}

.feedback .wrapper::-webkit-scrollbar-track {
  background: var(--scrollBack);
}

.feedback .wrapper::-webkit-scrollbar-thumb {
  background-color: var(--scroll);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}

.feedback .list {
  padding-bottom: 86px;
}

.feedback .message {
  font-size: 17px;
  font-weight: 300;
  line-height: 30px;
  cursor: pointer;
}

.feedback .message span {
  font-size: inherit;
  font-weight: 300;
  line-height: inherit;
}

.feedback .message .name {
  color: var(--color3);
}

.feedback .message .content {
  margin-right: 7px;
}

.feedback .message:hover .messageControls {
  display: inline-block;
}

.feedback .messageControls {
  display: none;
  vertical-align: top;
}

.feedback .feedbackForm {
  position: absolute;
  width: calc(100% - 26px);
  padding-left: 40px;
  padding-top: 30px;
  padding-bottom: 29px;
  padding-right: 35px;
  bottom: 0px;
  left: 0px;
  background-color: var(--cabBack);
}

.feedbackForm .field {
  position: relative;
}

.feedbackForm input {
  display: block;
  width: 100%;
  height: 57px;
  padding-left: 31px;
  padding-right: 32px;
  font-family: "Avenir", Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 57px;
  color: var(--textColor);
  font-weight: 300;
  background-color: var(--input);
  -webkit-border-radius: 57px;
  -moz-border-radius: 57px;
  -ms-border-radius: 57px;
  border-radius: 57px;
  border: none;
}

.feedbackForm input::placeholder {
  color: var(--textColor);
  opacity: 1;
}

.feedbackForm input:-ms-input-placeholder {
  color: var(--textColor);
  opacity: 1;
}

.feedbackForm input::-ms-input-placeholder {
  color: var(--textColor);
  opacity: 1;
}

.feedbackForm input::-webkit-input-placeholder {
  color: var(--textColor);
  opacity: 1;
}

.feedbackForm input:-moz-placeholder {
  color: var(--textColor);
  opacity: 1;
}

.feedbackForm input::-moz-placeholder {
  color: var(--textColor);
  opacity: 1;
}

.feedbackForm button {
  position: absolute;
  top: 50%;
  margin-top: -21px;
  right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  background-color: var(--color3);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.feedbackForm button:hover {
  opacity: 0.8;
}

.feedbackForm button svg {
  display: block;
}

.messageControls {
  display: inline-block;
  height: 28px;
  font-size: 0px;
}

.messageControls li {
  display: inline-block;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  background-color: var(--cabBack2);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.messageControls li img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: scale-down;
  object-position: center;
}

.messageControls li+li {
  margin-left: 7px;
}

.messageControls li:hover {
  opacity: 0.8;
}

.operations .filterBlock {
  margin-bottom: 49px;
}

.operations .filterBlock~.button {
  margin-top: 54px;
}

.filterBlock {
  padding-left: 33px;
  padding-top: 22px;
  padding-right: 43px;
  padding-bottom: 31px;
  background-color: var(--cabBack);
  border: 1px solid var(--cabBorder);
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  border-radius: 11px;
  -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
}

.filterBlock .formWrap {
  display: flex;
  align-items: flex-end;
}

.filterBlock .fieldGrid {
  display: flex;
}

.filterBlock .date {
  display: flex;
}

.filterBlock .date .selectWrapper {
  width: 105px;
  flex-shrink: 0;
}

.filterBlock .date .selectWrapper+.selectWrapper {
  margin-left: 15px;
}

.filterBlock .date+.date {
  margin-left: 60px;
}

.filterBlock .date+.type {
  margin-left: 60px;
}

.filterBlock .type {
  width: 265px;
}

.filterBlock .type+.type {
  margin-left: 60px;
}

.filterBlock .button {
  margin-left: auto;
}

.filterBlock [class*="btn"] {
  min-width: 138px;
}

.importSection, .settingsSection {
  display: flex;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  border-radius: 11px;
  -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
}

.importSection .leftSide {
  width: 548px;
  min-height: 789px;
  flex-shrink: 0;
  background-color: var(--cabBack);
  border-right: 1px solid var(--cabBorder);
  -webkit-border-radius: 11px 0px 0px 11px;
  -moz-border-radius: 11px 0px 0px 11px;
  -ms-border-radius: 11px 0px 0px 11px;
  border-radius: 11px 0px 0px 11px;
}

.importSection .rightSide {
  flex-grow: 1;
  padding-left: 52px;
  padding-top: 27px;
  padding-right: 51px;
  padding-bottom: 57px;
}

.settingsSection .leftSide {
  width: 50%;
  flex-shrink: 0;
  background-color: var(--cabBack);
  border-right: 1px solid var(--cabBorder);
  -webkit-border-radius: 11px 0px 0px 11px;
  -moz-border-radius: 11px 0px 0px 11px;
  -ms-border-radius: 11px 0px 0px 11px;
  border-radius: 11px 0px 0px 11px;
}

.settingsSection .rightSide {
  flex-grow: 1;
  padding-left: 52px;
  padding-top: 27px;
  padding-right: 51px;
  padding-bottom: 57px;
}

.mainBalance {
  height: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  padding: 20px 0 0;
}

.mainBalance .icon {
  margin-left: auto;
  margin-right: auto;
  width: 263px;
  height: 263px;
  padding-top: 62px;
  padding-left: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url(../img/balance_back.svg);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.mainBalance .icon img {
  width: 86px;
}

.mainBalance .title {
  display: block;
  margin-top: 5px;
  font-size: 14px;
  line-height: 45px;
  color: var(--textColor2);
  font-weight: 900;
  text-transform: uppercase;
}

.mainBalance .sum {
  display: block;
  font-size: 35px;
  line-height: 60px;
  color: var(--color3);
  font-weight: 900;
  text-transform: uppercase;
}

.mainBalance .sum sup {
  position: relative;
  top: 2px;
  font-size: 20px;
  line-height: 1;
}

.importForm .fieldset {
  display: flex;
  justify-content: space-between;
}

.importForm .fieldset .content {
  width: 684px;
  padding-top: 15px;
  flex-shrink: 0;
}

.importForm .fieldset+.fieldset {
  margin-top: 13px;
}

.importForm .resultList {
  margin-top: 25px;
}

.importForm .text {
  margin-top: 28px;
  font-size: 11px;
  line-height: 18px;
  color: var(--textColor4);
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.importForm .text .cap {
  display: block;
  font-size: 14px;
  line-height: 20px;
  color: inherit;
  font-weight: 900;
  letter-spacing: 0em;
}

.importForm .button {
  margin-top: 25px;
}

.importForm .button [class*="btn"] {
  background-color: #379310;
}

.importForm .optionsList {
  padding-bottom: 20px;
}

.importForm .optionsList.sm {
  padding-bottom: 0px;
}

.importForm .address {
  margin-top: 28px;
  display: flex;
  align-items: center;
}

.importForm .address .label {
  display: block;
  margin-right: 19px;
  font-size: 11px;
  line-height: 24px;
  color: var(--textColor5);
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.importForm .address .field {
  flex-grow: 1;
}

.importForm .valuesList {
  margin-top: 24px;
  margin-bottom: 25px;
  padding-left: 9px;
}

.importForm.send .fieldset+.fieldset {
  margin-top: 5px;
}

.importForm.send .fieldset+.fieldset .content {
  padding-top: 35px;
}

.importForm.send .text {
  margin-top: 25px;
}

.importForm.send .button {
  margin-top: 40px;
}

.stepItem {
  position: relative;
  min-height: 110px;
  padding-left: 58px;
  margin-right: 12px;
  padding-top: 22px;
  padding-bottom: 8px;
  display: flex;
  align-items: center;
  z-index: 1;
}

.stepItem .num {
  position: absolute;
  left: 0px;
  top: 0px;
  display: block;
  font-family: "Avenir Next", Arial, Helvetica, sans-serif;
  font-size: 100px;
  line-height: 110px;
  color: transparent;
  font-weight: bold;
  color: transparent;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px #8f8f8f;
  opacity: 0.33;
  z-index: -1;
}

.stepItem p {
  font-size: 25px;
  line-height: 40px;
  color: var(--textColor2);
  font-weight: 800;
}

.stepItem p span {
  color: var(--color3);
}

.stepItem p a {
  color: var(--color3);
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.stepItem p a:hover {
  opacity: 0.8;
}

.stepItem ul {
  margin-top: 23px;
}

.stepItem ul li {
  text-decoration: underline;
  text-decoration-color: inherit;
  text-underline-offset: 0.15em;
  letter-spacing: 0.025em;
  -webkit-transition: text-decoration-color 0.3s;
  -moz-transition: text-decoration-color 0.3s;
  -o-transition: text-decoration-color 0.3s;
  transition: text-decoration-color 0.3s;
  font-size: 19px;
  line-height: 19px;
  color: var(--color3);
  font-weight: 300;
  color: var(--color3);
}

.stepItem ul li {
  text-decoration: underline;
  text-decoration-color: inherit;
  text-underline-offset: 0.15em;
  letter-spacing: 0.025em;
  -webkit-transition: text-decoration-color 0.3s;
  -moz-transition: text-decoration-color 0.3s;
  -o-transition: text-decoration-color 0.3s;
  transition: text-decoration-color 0.3s;
  font-size: 19px;
  line-height: 19px;
  color: var(--color3);
  font-weight: 300;
  color: var(--color3);
}

.stepItem ul li+li {
  margin-top: 10px;
}

.stepItem ul a {
  text-decoration: underline;
  text-decoration-color: inherit;
  text-underline-offset: 0.15em;
  letter-spacing: 0.025em;
  -webkit-transition: text-decoration-color 0.3s;
  -moz-transition: text-decoration-color 0.3s;
  -o-transition: text-decoration-color 0.3s;
  transition: text-decoration-color 0.3s;
}

.stepItem ul a:hover {
  opacity: 1;
  text-decoration-color: transparent;
}

.stepItem .highlight {
  color: #00d339;
}

.stepItem .icon {
  display: inline-block;
  margin: 0px 4px;
  vertical-align: middle;
}

.stepItem .image {
  position: relative;
  top: 27px;
  margin-right: 35px;
}

.stepItem .image.dark {
  display: none;
}

.stepItem .image.light {
  display: block;
}

.stepItem+.stepItem {
  margin-top: 10px;
}

.stepItem.lg {
  padding-bottom: 0px;
}

.stepItem.lg .stepContent {
  margin-top: 21px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.optionsList {
  display: grid;
  grid-template-columns: repeat(auto-fill, 82px);
  gap: 42px 18px;
  justify-content: center;
}
@media (max-width: 767px) {
  .optionsList {
    display: grid;
    grid-template-columns: repeat(auto-fill, 78px);
    gap: 2px 8px;
    justify-content: center;
  }
}

.optionsList.sm {
  gap: 42px 118px;
}

.paymentOption {
  position: relative;
}

.paymentOption label {
  display: block;
  cursor: pointer;
}

.paymentOption input {
  position: absolute;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  opacity: 0;
  visibility: hidden;
}

.paymentOption input:checked+.in {
  opacity: 1;
  border: 1px solid var(--border2);
}

.paymentOption .in {
  height: 111px;
  padding-top: 11px;
  background-color: var(--cabBack);
  border: 1px solid transparent;
  text-align: center;
  -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  border-radius: 11px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0.43;
}

.paymentOption img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.paymentOption .title {
  display: block;
  margin-top: 10px;
  font-size: 12px;
  line-height: 10px;
  color: var(--textColor5);
  font-weight: 900;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.paymentOption .subtitle {
  display: block;
  font-size: 10px;
  line-height: 10px;
  color: var(--textColor5);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.paymentOption:hover .in {
  opacity: 1;
}

.resultList {
  display: flex;
  justify-content: space-between;
}

.resultList li {
  display: flex;
  min-width: 152px;
}

.resultList .icon {
  margin-right: 12px;
  width: 58px;
  height: 58px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  background-color: var(--icon3);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
}

.resultList .icon svg {
  display: block;
  fill: var(--textColor5);
}

.resultList .data {
  align-self: center;
  padding-top: 5px;
}

.resultList .param {
  display: block;
  font-size: 11px;
  line-height: 20px;
  color: var(--textColor4);
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.resultList .info {
  display: block;
  font-size: 15px;
  line-height: 24px;
  color: var(--color3);
  font-weight: 900;
  text-transform: uppercase;
}

.resultList .info sup {
  font-size: 8px;
  line-height: 1;
}

.valuesList {
  display: flex;
}

.valuesList li {
  display: flex;
  align-items: center;
  font-size: 11px;
  line-height: 26px;
  color: var(--textColor4);
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.valuesList li .num {
  margin-left: 5px;
  font-size: 15px;
  line-height: 24px;
  color: var(--color3);
  font-weight: 900;
  letter-spacing: 0em;
  text-transform: uppercase;
}

.valuesList li .num sup {
  font-size: 8px;
  line-height: 1;
}

.valuesList li+li {
  margin-left: 31px;
}

.resultStat {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid var(--cabBorder);
}

.resultStat .item {
  display: flex;
  align-items: center;
  height: 100px;
  border-top: 1px solid var(--cabBorder);
}

.resultStat .item:nth-child(3n-2) {
  width: 274px;
}

.resultStat .item:nth-child(3n-1) {
  width: 269px;
}

.resultStat .item:nth-child(3n+3) {
  /* flex-grow: 1; */
  width: 274px;
}

.resultStat .icon {
  margin-right: 12px;
  width: 58px;
  height: 58px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  background-color: var(--icon3);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
}

.resultStat .icon svg {
  display: block;
  fill: var(--textColor5);
}

.resultStat .data {
  align-self: center;
  padding-top: 5px;
}

.resultStat .param {
  display: block;
  font-size: 11px;
  line-height: 20px;
  color: var(--textColor4);
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.resultStat .info {
  display: block;
  font-size: 15px;
  line-height: 24px;
  color: var(--color3);
  font-weight: 900;
  text-transform: uppercase;
}

.resultStat .info sup {
  font-size: 8px;
  line-height: 1;
}

.resultStat .value {
  display: block;
  font-size: 15px;
  line-height: 24px;
  color: var(--textColor4);
  font-weight: 900;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.editSection {
  padding-left: 105px;
  padding-top: 72px;
  padding-right: 113px;
  padding-bottom: 79px;
  background-color: var(--cabBack);
  border: 1px solid var(--cabBorder);
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  border-radius: 11px;
  -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
}

.editSection .fieldGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 56px;
}

.editSection .col {
  display: flex;
  flex-direction: column;
  /* justify-content: space-between; */
}

.editSection .fieldItem label {
  color: var(--textColor5);
}

.editSection .fieldItem input {
  color: var(--textColor4);
  font-weight: 800;
}

.editSection .fieldItem .label {
  color: var(--textColor4);
  font-weight: 800;
}

.editSection .fieldItem .label .placeholder {
  font-weight: 400;
}

.editSection .fieldItem+.fieldItem {
  margin-top: 43px;
}

.editSection [class*="btn"] {
  display: table;
  margin-left: auto;
  margin-top: 78px;
  margin-right: auto;
}

.giveawaySection {
  padding-left: 47px;
  padding-top: 22px;
  padding-right: 75px;
  padding-bottom: 26px;
  background-color: var(--cabBack);
  border: 1px solid var(--cabBorder);
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  border-radius: 11px;
  -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
}

.sectionTitle {
  display: block;
  font-size: 38px;
  line-height: 90px;
  color: var(--textColor2);
  font-weight: 500;
}

.sectionTitle span {
  background-repeat: no-repeat;
  background-position: center bottom 10px;
  background-size: 100% 8px;
  background-image: linear-gradient(to right, var(--color3), var(--color3));
}

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

@media (max-width: 1023px) {
  .sectionTitle {
    font-size: 30px;
    line-height: 36px;
  }

  .sectionTitle span {
    background-position: center bottom 7px;
  }
  .email-input{
    width: calc(100% - 54px) !important;
  }
}

.sectionSubtitle {
  position: relative;
  display: table;
  color: transparent;
  -webkit-text-fill-color: transparent;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-text-stroke: 3px var(--textBorder2);
  font-family: "Avenir Next", Arial, Helvetica, sans-serif;
  font-size: 100px;
  line-height: 90px;
  font-weight: bold;
  text-transform: uppercase;
}

.blockTitle {
  display: table;
  font-size: 25px;
  line-height: 30px;
  color: var(--textColor2);
  font-weight: 500;
  background-repeat: no-repeat;
  background-position: center bottom 4px;
  background-size: 100% 6px;
  background-image: linear-gradient(to right, var(--color3), var(--color3));
}

.footer {
  position: relative;
  margin-top: 95px;
  padding-top: 38px;
  padding-bottom: 42px;
  flex-shrink: 0;
  z-index: 1;
}

.footer>.back {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  margin-left: auto;
  /* f1f max-width: calc(100vw - 55px); */
  min-width: calc(1920px - 55px);
  width: 100%;
  height: 100%;
  background-color: #222222;
  z-index: -1;
}

.footer .wrapper {
  display: flex;
  justify-content: space-between;
}

.footer .address {
  font-size: 19px;
  line-height: 32px;
  color: var(--color1);
  font-weight: 300;
}

.footer .address span {
  display: block;
  font-size: 25px;
  line-height: 47px;
  font-weight: 900;
}

.footer .copyright {
  margin-top: 50px;
}

.footer .socialsBlock {
  margin-top: 13px;
}

.footer .leftSide {
  width: 280px;
  padding-top: 3px;
}

.footer .center {
  width: 360px;
  margin-right: 13px;
  margin-top: 2px;
  flex-shrink: 0;
}

.footer .rightSide {
  width: 400px;
  flex-shrink: 0;
}

.footerTitle {
  display: table;
  font-size: 25px;
  line-height: 30px;
  color: var(--color1);
  font-weight: 500;
  background-repeat: no-repeat;
  background-position: center bottom 4px;
  background-size: 100% 6px;
  background-image: linear-gradient(to right, var(--color3), var(--color3));
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

a.footerTitle:hover {
  background-size: 100% 100%;
}

.copyright {
  font-size: 15px;
  line-height: 24px;
  color: #8f8f8f;
}

.tokens {
  display: flex;
  flex-wrap: wrap;
  margin: -3px -8px;
}

.tokens .cap {
  position: relative;
  display: block;
  padding: 0px 10px;
  margin-right: 8px;
  font-size: 12px;
  line-height: 29px;
  color: var(--color1);
  font-weight: 900;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  text-align: center;
  background-color: var(--color3);
  -webkit-border-radius: 29px;
  -moz-border-radius: 29px;
  -ms-border-radius: 29px;
  border-radius: 29px;
}

.tokens .cap::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -3px;
  left: calc(100% + 8px);
  width: 6px;
  height: 6px;
  background-color: var(--color3);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.tokens li {
  flex-shrink: 0;
  margin: 3px 8px;
}

.tokens:not(:first-child) li,.tokens li:not(:first-child) {
  width: 46px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.tokens li img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.tokens li .title {
  display: block;
  margin-top: 5px;
  font-size: 10px;
  line-height: 10px;
  color: var(--color1);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  white-space: nowrap;
}

.tokens li .subtitle {
  display: block;
  margin-top: 1px;
  font-size: 10px;
  line-height: 10px;
  color: #8f8f8f;
  letter-spacing: 0.05em;
}

.socialsBlock .socList {
  margin-top: 15px;
}

.socList {
  display: flex;
}

.socList li {
  width: 57px;
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.socList li>a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 7;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
}

.socList li:hover {
  opacity: 0.8;
}

.socList li+li {
  margin-left: 14px;
}

.socList .icon {
  border-style: solid;
  border-width: 1px;
  border-color: #3d3d3d;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background-color: #1c1c1c;
  width: 57px;
  height: 57px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.socList .icon img {
  display: block;
}

.socList .title {
  display: table;
  margin-left: auto;
  margin-right: auto;
  margin-top: -10px;
  padding: 0px 5px;
  font-size: 9px;
  line-height: 10px;
  color: #0e0e0e;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  text-align: center;
  background-color: #a5a5a5;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}

.footerContacts .footerTitle+.footerTitle {
  margin-top: 10px;
}

.footerContacts .emails {
  margin-top: 11px;
}

.footerContacts .emails li+li {
  margin-top: 6px;
}

.footerContacts .more {
  margin-top: 5px;
  font-size: 15px;
  line-height: 30px;
  color: var(--color1);
  font-weight: 300;
}

@keyframes banner-logo {
  0% {
    opacity: 0;
  }

  3% {
    opacity: 0.5;
  }

  9% {
    opacity: 0;
  }

  12% {
    opacity: 0.5;
  }

  15% {
    opacity: 0.2;
  }

  18% {
    opacity: 0.8;
  }

  21% {
    opacity: 0.6;
  }

  25% {
    opacity: 1;
  }
}

@keyframes banner-logo-shadow {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.startVisual {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  margin-left: auto;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: left top;
  background-repeat: no-repeat;
  z-index: -1;
}

.startVisual .name {
  display: block;
  position: absolute;
  top: 43px;
  left: 68px;
  width: 45%;
  height: 177px;
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
}

@media (max-width: 1439px) {
  .startVisual .name {
    left: 0px;
  }
}

@media (max-width: 1399px) {
  .startVisual .name {
    left: 20px;
    width: 55%;
  }
}

@media (max-width: 1199px) {
  .startVisual .name {
    left: unset;
    width: 100%;
  }
}

@media (max-width: 639px) {
  .startVisual .name {
    background-size:contain !important;
    top: 11px;
    left: 2.5%;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }
}

.startVisual .logo {
  display: block;
  left: 50%;
  top: 50%;
  position: absolute;
  height: 201px;
  width: 179px;
  margin-left: -14px;
  margin-top: -91px;
  z-index: 1;
}

.startVisual .logo:before {
  content: '';
  display: block;
  position: absolute;
  background-image: url(../img/tron-logo-shine.png);
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 416px;
  height: 312px;
  left: 50%;
  top: 50%;
  margin-left: -208px;
  margin-top: -164px;
  z-index: -1;
}

.startVisual .mainLogo {
  max-width: 100%;
  animation: banner-logo 4s 1;
}

.startVisual .shadowLogo {
  height: 174px;
  display: block;
  left: 50%;
  top: 50%;
  position: absolute;
  margin-top: -89px;
  margin-left: -76px;
  opacity: 0;
  animation: banner-logo-shadow 3s 1s infinite alternate;
  z-index: -1;
}

.startVisual .mainShadowLogo {
  height: 100%;
  display: block;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  animation: banner-logo-shadow 3s 1s infinite alternate;
  z-index: -1;
}

@media (max-width: 639px) {
  .startVisual .logo {
    width: 30vw;
    
  }
  .startVisual .mainLogo {
    display: none;
  }
  .startVisual .shadowLogo{
    height: unset;
    left: unset;
    top: 7vw;
    margin-top: unset;
    margin-left: unset;
  }
  .startVisual .mainShadowLogo {
    height: unset;
    top: 7vw;
  }
}

.startVisual .polygonLogo {
  width: 565px;
  position: absolute;
  left: 60%;
  height: 100%;
  top: 0;
  margin-left: -90px;
}

@media (max-width: 1399px) {
  .startVisual .polygonLogo {
    margin-left: 20px;
  }
}

@media (max-width: 1199px) {
  .startVisual .polygonLogo {
    display: none;
  }
}

.startVisual .polygonLogo .st0 {
  fill: #430002;
}

.startVisual .polygonLogo .st1 {
  fill: #5C0006;
}

.startVisual .polygonLogo .st2 {
  fill: #570000;
}

.startVisual .polygonLogo .st3 {
  fill: #720003;
}

.startVisual .polygonLogo .st4 {
  fill: #790002;
}

.startVisual .polygonLogo .st5 {
  fill: #3F0000;
}

.startVisual .polygonLogo .st6 {
  fill: #870003;
}

.startVisual .polygonLogo .st7 {
  fill: #6B0000;
}

.startVisual .polygonLogo .st8 {
  fill: #710000;
}

.startVisual .polygonLogo .st9 {
  fill: #850002;
}

.startVisual .polygonLogo .st10 {
  fill: #820000;
}

.startVisual .polygonLogo .st11 {
  fill: #AC0005;
}

.startVisual .polygonLogo .st12 {
  fill: #8B0004;
}

.startVisual .polygonLogo .st13 {
  fill: #640D1F;
}

.startVisual .polygonLogo .st14 {
  fill: #A70003;
}

.startVisual .polygonLogo .st15 {
  fill: #BC0006;
}

.startVisual .polygonLogo .st16 {
  fill: #CE0027;
}

.startVisual .polygonLogo .st17 {
  fill: #660000;
}

.startVisual .polygonLogo .st18 {
  fill: #830004;
}

.startVisual .polygonLogo .st19 {
  fill: #AF0006;
}

.startVisual .polygonLogo .st20 {
  fill: #68071F;
}

.startVisual .polygonLogo .st21 {
  fill: #47020F;
}

.startVisual .polygonLogo .st22 {
  fill: #A20004;
}

.startVisual .polygonLogo .st23 {
  fill: #850017;
}

.startVisual .polygonLogo .st24 {
  fill: #A80003;
}

.startVisual .polygonLogo .st25 {
  fill: #AD0007;
}

.startVisual .polygonLogo .st26 {
  fill: #8E0002;
}

.startVisual .polygonLogo .st27 {
  fill: #A00003;
}

.startVisual .polygonLogo .st28 {
  fill: #7B0001;
}

.startVisual .polygonLogo .st29 {
  fill: #430000;
}

.startVisual .polygonLogo .st30 {
  fill: #7E0000;
}

.startVisual .polygonLogo .st31 {
  fill: #760002;
}

.startVisual .polygonLogo .st32 {
  fill: #800003;
}

.startVisual .polygonLogo .st33 {
  fill: #730003;
}

@-webkit-keyframes batman {
  0% {
    transform: translate(62.5%, 672%);
    opacity: 0;
  }

  30%,
  100% {
    transform: translate(0);
    opacity: 1;
  }
}

@-moz-keyframes batman {
  0% {
    transform: translate(1294.5%, 745.5%);
    opacity: 0;
  }

  30%,
  100% {
    transform: translate(0);
    opacity: 1;
  }
}

@-o-keyframes batman {
  0% {
    transform: translate(-802.5%, 1833%);
    opacity: 0;
  }

  30%,
  100% {
    transform: translate(0);
    opacity: 1;
  }
}

@keyframes batman {
  0% {
    transform: translate(-1257.5%, -1805%);
    opacity: 0;
  }

  30%,
  100% {
    transform: translate(0);
    opacity: 1;
  }
}

.startVisual .polygonLogo svg {
  width: 100%;
  height: 100%;
}

.startVisual .polygonLogo svg path {
  opacity: 0;
  transform-box: fill-box;
  -webkit-animation: batman 5s infinite;
  -moz-animation: batman 5s infinite;
  -o-animation: batman 5s infinite;
  animation: batman 5s infinite;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.startVisual .polygonLogo::before {
  content: '';
  display: block;
  position: absolute;
  left: 9px;
  top: 5%;
  width: 664px;
  height: 664px;
  background-image: url(../img/circles.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}

.startVisual canvas {
  height: 100% !important;
  width: 100% !important;
  position: relative;
  z-index: 1;
}

.bodyModal {
  position: relative;
  overflow: hidden;
}

@media (max-width: 1199px) {
  .bodyModal {
    max-height: 100%;
  }
}

.bodyModal body {
  position: relative;
  overflow: hidden;
}

@media (max-width: 1199px) {
  .bodyModal body {
    max-height: 100%;
  }
}

.modalsScroll {
  overflow-x: hidden;
  position: fixed;
  z-index: -1;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  display: none;
}

.modalsScroll.open {
  z-index: 55;
  display: block;
}

.modals {
  min-height: 100vh;
  width: 100vw;
}

.overlayModal {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(34, 34, 34, 0.77);
  cursor: pointer;
  display: none;
}

.blockMod .close {
  position: absolute;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
}

.blockMod .close:hover {
  opacity: 0.8;
}

.blockMod .close img {
  display: block;
  width: auto;
  max-width: unset;
}

.accountModal {
  position: relative;
  align-self: center;
  padding: 38px;
}

.accountModal .close {
  top: 144px;
  right: 0px;
}

@media (max-width: 438px) {
  .accountModal .close {
    top: 16px;
  }
  .accountModal {
    padding: 38px 0px;
  }
  .email-input{
    width: calc(100% - 34px) !important;
  }
}

@media (max-width: 363px) {
  .accountModal {
    width: 100%;
  }
  .email-input{
    width: calc(100% - 20px) !important;
  }
}

.accountTypes {
  max-width: 1169px;
  width: calc(100vw - 180px);
  display: grid;
  grid-template-columns: repeat(auto-fit, 30%);
  gap: 40px;
}

@media (max-width: 1244px) {
  .accountTypes {
    grid-template-columns: repeat(auto-fit, 46%);
    gap: 40px;
  }
}

@media (max-width: 778px) {
  .accountTypes {
    display: block;
    max-width: unset;
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 363px) {
  .accountTypes {
    display: block;
  }

  .accountTypes .item {
    max-width: unset;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .accountTypes .item+.item {
    margin-top: 40px;
  }
}

.accountType .icon {
  display: table;
  margin-left: auto;
  margin-right: auto;
  height: 117px;
}

.accountType .icon img {
  display: block;
}

.accountType .card {
  margin-top: 24px;
  background-color: white;
  border-style: solid;
  border-width: 1px;
  border-color: #e4e4e4;
  -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  border-radius: 11px;
  overflow: hidden;
}

.accountType .head {
  padding: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 87px;
  font-size: 27px;
  line-height: 45px;
  color: var(--color3);
  font-weight: 900;
  text-align: center;
  background-color: #ededed;
}

.accountType .head sup {
  position: relative;
  top: 2px;
  font-size: 16px;
  line-height: 1;
  text-transform: uppercase;
}

.accountType .data li {
  min-height: 90px;
  padding: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-top: 1px solid #e4e4e4;
}

.accountType .data li:nth-child(odd) {
  background-color: #f8f8f8;
}

.accountType .param {
  display: block;
  font-size: 19px;
  line-height: 24px;
  color: #797979;
  font-weight: 300;
  letter-spacing: 0.025em;
}

.accountType .value {
  display: block;
  margin-top: 6px;
  font-size: 20px;
  line-height: 24px;
  color: #000000;
  font-weight: 900;
}

@media (max-width: 438px) {
  .accountType+.accountType {
    margin-top: 40px;
  }
}

.addModal {
  position: relative;
  padding: 38px 35px;
  align-self: center;
}

.addModal .wrapper {
  padding: 60px 60px 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 663px;
  /* min-height: 412px; */
  background-color: var(--cabBack3);
  border: 1px solid var(--cabBorder);
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  border-radius: 11px;
  -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
}

.addModal p {
  font-size: 20px;
  line-height: 35px;
  color: var(--textColor5);
  font-weight: 300;
  letter-spacing: 0.025em;
}

.addModal p b {
  font-weight: 900;
}

.addModal .close {
  top: 5px;
  right: 0px;
}

.addModal [class*="btn"] {
  margin-top: 60px;
}

@media (max-width: 733px) {
  .addModal {
    padding: 64px 0px 38px;
  }

  .addModal .wrapper {
    width: 100%;
    max-width: 663px;
    padding: 40px 20px;
  }

  .addModal .close {
    top: 16px;
  }
}

.confirmModal {
  position: relative;
  padding: 38px 35px;
  align-self: center;
}

.confirmModal .wrapper {
  padding: 50px 60px 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 663px;
  min-height: 412px;
  background-color: var(--cabBack3);
  border: 1px solid var(--cabBorder);
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  border-radius: 11px;
  -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
}

.confirmModal .title {
  display: block;
  font-size: 30px;
  line-height: 35px;
  color: var(--textColor5);
  font-weight: 500;
}

.confirmModal .subtitle {
  display: block;
  margin-top: 38px;
  font-size: 20px;
  line-height: 35px;
  color: var(--textColor5);
  font-weight: 300;
}

.confirmModal .field {
  max-width: 309px;
  margin-top: 33px;
  margin-left: auto;
  margin-right: auto;
}

.confirmModal .field input {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}

.confirmModal .close {
  top: 5px;
  right: 0px;
}

.confirmModal [class*="btn"] {
  margin-top: 50px;
}

@media (max-width: 733px) {
  .confirmModal {
    padding: 64px 0px 38px;
  }

  .confirmModal .wrapper {
    width: 100%;
    max-width: 663px;
    padding: 40px 20px;
  }

  .confirmModal .close {
    top: 16px;
  }
}

.giveawayModal {
  position: relative;
  align-self: center;
  padding: 40px;
}

.giveawayModal .wrapper {
  padding: 58px 70px 47px;
  width: 1338px;
  background-color: var(--cabBack3);
  border: 1px solid var(--cabBorder);
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  border-radius: 11px;
  -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
}

.giveawayModal .close {
  top: 5px;
  right: 5px;
}

.giveawayModal .stepItem ul li,
.giveawayModal .stepItem p a {
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -ms-filter: blur(3px);
  -o-filter: blur(3px);
  filter: blur(3px);
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.giveawayModal .stepItem .image {
  top: 7px;
  margin-right: 18px;
}

@media (max-width: 1439px) {
  .giveawayModal {
    padding: 64px 0px 38px;
  }

  .giveawayModal .wrapper {
    width: 100%;
    max-width: 1338px;
  }

  .giveawayModal .close {
    top: 10px;
    right: 35px;
  }
}

@media (max-width: 639px) {
  .giveawayModal {
    width: 100%;
  }

  .giveawayModal .wrapper {
    padding-left: 10px;
    padding-right: 10px;
  }

  .giveawayModal .stepItem {
    padding-left: 10px;
  }

  .giveawayModal .stepItem p {
    font-size: 18px;
    line-height: 28px;
  }

  .giveawayModal .stepItem.lg .stepContent {
    display: block;
  }

  .giveawayModal .stepItem ul a {
    position: relative;
    max-width: 100%;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.importModal {
  position: relative;
  padding: 39px 36px;
  align-self: center;
  overflow: hidden;
}

.importModal p.info {
  text-align: center;
  margin-top: 20px;
}

.importModal .wrapper {
  width: 663px;
  background-color: #f8f8f8;
  border: 1px solid #e4e4e4;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  border-radius: 11px;
  -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
}

.importModal .amountBlock {
  display: flex;
  padding-top: 50px;
  padding-left: 49px;
}

.importModal .qr {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 170px;
  height: 166px;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  border-radius: 11px;
  -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
}

.importModal .amount {
  flex-grow: 1;
  text-align: center;
}

.importModal .amount .icon {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.importModal .amount .title {
  display: block;
  font-size: 14px;
  line-height: 45px;
  color: #0e0e0e;
  font-weight: 900;
  text-transform: uppercase;
}

.importModal .amount .sum {
  display: block;
  font-size: 30px;
  line-height: 34px;
  color: var(--color3);
  font-weight: 900;
}

.importModal .amount .sum sup {
  position: relative;
  top: 2px;
  font-size: 0.6em;
  line-height: 1;
  text-transform: uppercase;
}

.importModal .resultBlock {
  margin-top: 48px;
  display: flex;
  flex-wrap: wrap;
}

.importModal .resultBlock .item {
  width: 33.3333%;
  min-height: 80px;
  padding-left: 48px;
  padding-top: 18px;
  border-top: 1px solid #e4e4e4;
}

.importModal .resultBlock .item:last-child {
  width: 100%;
}

.importModal .resultBlock .item:not(:first-child, :last-child) {
  border-left: 1px solid #e4e4e4;
}

.importModal .resultBlock .param {
  display: block;
  font-size: 11px;
  line-height: 20px;
  color: #000000;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.importModal .resultBlock .value {
  display: block;
  font-size: 15px;
  line-height: 24px;
  color: #000000;
  font-weight: 900;
  letter-spacing: 0em;
  text-transform: uppercase;
}

.importModal .resultBlock .value.num {
  color: var(--color3);
  text-transform: unset;
}

.importModal .resultBlock .value.done {
  color: #00d12a;
}

.importModal .resultBlock .value.error {
  color: var(--color3);
}

.importModal .note1 {
  padding: 30px 48px;
  border-top: 1px solid #e4e4e4;
}

.importModal .note1 p {
  padding: 9px 16px;
  font-size: 16px;
  line-height: 20px;
  color: #797979;
  font-weight: 300;
  letter-spacing: 0.025em;
  background-color: #ededed;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  border-radius: 11px;
}

.importModal .note1 p span {
  display: inline-block;
  vertical-align: middle;
  padding: 1px 5px;
  color: #fff;
  font-size: 14px;
  font-weight: 900;
  background-color: #000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

.importModal .note2 {
  padding: 23px 52px;
  font-size: 16px;
  line-height: 20px;
  color: #000000;
  font-weight: 300;
  letter-spacing: 0.025em;
  border-top: 1px solid #e4e4e4;
}

.importModal .note2 p {
  position: relative;
  /* padding-left: 31px; */
}

/* .importModal .note2 p::before {
  content: '';
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 21px;
  height: 21px;
  border: 1px solid #000;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
} */

.importModal .buttons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  padding: 41px 58px;
  border-top: 1px solid #e4e4e4;
  background-color: #ededed;
  -webkit-border-radius: 0px 0px 11px 11px;
  -moz-border-radius: 0px 0px 11px 11px;
  -ms-border-radius: 0px 0px 11px 11px;
  border-radius: 0px 0px 11px 11px;
}

.importModal .close {
  top: 5px;
  right: 0px;
}

.modal-buttons{
  display: flex;
  justify-content: space-around;
  gap: 15px;
  margin-top: 20px;
}

@media (max-width: 735px) {
  .importModal {
    padding: 64px 0px 38px;
  }

  .importModal .wrapper {
    width: 100%;
    max-width: 663px;
  }

  .importModal .amountBlock {
    padding-left: 30px;
  }

  .importModal .resultBlock .item {
    padding-left: 30px;
  }

  .importModal .note1 {
    padding: 30px;
  }

  .importModal .note2 {
    padding: 30px;
  }

  .importModal .buttons {
    padding: 30px;
  }

  .importModal .close {
    top: 16px;
  }
}

@media (max-width: 639px) {
  .importModal .amountBlock {
    padding-left: 0px;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
  }

  .importModal .amountBlock .qr {
    margin-top: 16px;
  }

  .importModal .resultBlock .item {
    padding-left: 10px;
  }

  .importModal .note1 {
    padding: 30px 10px;
  }

  .importModal .note2 {
    padding: 30px 10px;
  }

  .importModal .buttons {
    padding: 30px 10px;
  }
}

@media (max-width: 479px) {
  .importModal .amount .sum {
    font-size: 24px;
    line-height: 30px;
  }

  .importModal .resultBlock {
    display: block;
  }

  .importModal .resultBlock .item {
    width: 100%;
    border-left: none !important;
  }

  .importModal .resultBlock .value.num {
    font-size: 12px;
  }

  .importModal .buttons {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: unset;
  }

  .importModal .buttons [class*="btn"]+[class*="btn"] {
    margin-top: 24px;
  }
}

@media (max-width: 1439px) {
  .headerContainer {
    padding-left: 7px;
    padding-right: 12px;
  }

  .startBlock .back {
    background-size: cover;
    background-position: left -70px top;
  }

  .startBlock .wrapper {
    width: 630px;
    margin-left: 0px;
    padding-left: 12px;
  }

  .timelineSlider .swiper-slide {
    width: 320px;
  }

  .timelineSlider .swiper-button-prev,
  .timelineSlider .swiper-button-next {
    display: none;
  }

  .signupSection .beforeAfter {
    height: 440px;
    margin-right: 93px;
    margin-top: 19px;
    width: 731px;
  }

  .signupSection .beforeAfter img {
    height: 100% !important;
  }

  .signupSection .image .phone {
    right: 3px;
  }

  .beforeAfter>div:last-child>div {
    top: -55px !important;
    height: calc(100% + 133px) !important;
    background-color: #ededed;
  }
}

@media (max-width: 1399px) {
  .container {
    width: 100%;
    padding-left: 47px;
    padding-right: 47px;
  }

  .startBlock .back {
    background-position: left top;
  }

  .startBlock .wrapper {
    width: 715px;
  }

  .perfomanceSection {
    padding-top: 40px;
  }

  .perfomanceSection .wrapper {
    margin-right: -10px;
  }

  .perfomanceSection .rightSide {
    width: 300px;
  }

  .chartBlock {
    width: 810px;
  }

  .chartStat {
    justify-content: flex-start;
  }

  .chartStat .main+ul {
    margin-left: 112px;
  }

  .systemTabs .tabsList {
    width: 525px;
    height: 525px;
    margin-top: -120px;
    right: 19px;
  }

  .systemTabs .tabsList .tab {
    width: 81px;
    height: 81px;
  }

  .systemTabs .tabsList .tab img {
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }

  .systemTabs .tabsList .tab:nth-child(1) {
    right: 149px;
    top: -30px;
  }

  .systemTabs .tabsList .tab:nth-child(2) {
    right: 28px;
    top: 44px;
  }

  .systemTabs .tabsList .tab:nth-child(3) {
    right: -30px;
    top: 160px;
  }

  .systemTabs .tabsList .tab:nth-child(4) {
    right: -29px;
    bottom: 155px;
  }

  .systemTabs .tabsList .tab:nth-child(5) {
    right: 40px;
    bottom: 45px;
  }

  .systemTabs .tabsList .tab:nth-child(6) {
    right: 151px;
    bottom: -24px;
  }

  .systemTabs .image {
    margin-right: 184px;
  }

  .systemTabs .image .img {
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }

  .aboutSection .wrapper {
    -webkit-column-gap: 64px;
    -moz-column-gap: 64px;
    column-gap: 64px;
  }

  .partnersSection {
    margin-top: 80px;
  }

  .partnersSection .partnersSlider {
    margin-top: 35px;
  }

  .partnersSlider .swiper-pagination {
    width: calc(100% + 23px);
  }

  .partnersSlider .swiper-pagination-bullet .icon {
    width: 125px;
    height: 125px;
  }

  .partnersSlider .swiper-pagination-bullet .icon img {
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }

  .partnersSlider .swiper-pagination-bullet .cap {
    font-size: 17px;
    font-weight: 500;
  }

  .partnersSlider .swiper-pagination-bullet.swiper-pagination-bullet-active .icon {
    -moz-transform: translateY(-33px);
    -ms-transform: translateY(-33px);
    -webkit-transform: translateY(-33px);
    -o-transform: translateY(-33px);
    transform: translateY(-33px);
  }

  .partnersSlider .swiper-pagination-bullet.swiper-pagination-bullet-active .cap {
    -moz-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    -webkit-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    transform: translateY(-8px);
  }

  .partnersSlider .swiper-pagination-bullet:hover .icon {
    -moz-transform: translateY(-33px);
    -ms-transform: translateY(-33px);
    -webkit-transform: translateY(-33px);
    -o-transform: translateY(-33px);
    transform: translateY(-33px);
  }

  .partnersSlider .swiper-pagination-bullet:hover .cap {
    -moz-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    -webkit-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    transform: translateY(-8px);
  }

  .psrtnerSlide .content {
    width: 727px;
  }

  .psrtnerSlide .image {
    align-self: center;
  }

  .signupSection .sectionSubtitle {
    margin-right: -168px;
  }

  .signupSection .beforeAfter {
    margin-right: 71px;
    margin-top: 128px;
    height: 376px;
    width: 624px;
  }

  .signupSection .image {
    flex-shrink: 0;
  }

  .signupSection .image .phone {
    top: 256px;
    right: -7px;
    width: 174px;
  }

  .beforeAfter>div:last-child>div {
    top: -105px !important;
    height: calc(100% + 200px) !important;
  }

  .footer .leftSide {
    width: 260px;
  }

  .footer .center {
    margin-right: 0px;
  }

  .contactForm {
    width: 100%;
  }

  .supportSection .contactItem:nth-child(even) {
    margin-left: auto;
  }

  .loginSection .rightSide {
    margin-left: 70px;
  }

  .registerSection .wrapper {
    display: block;
  }

  .registerSection .leftSide {
    width: 100%;
  }

  .registerSection .rightSide {
    width: 100%;
    margin-left: 0px;
    margin-top: 50px;
    padding: 0px;
  }

  .registerSection .rightSide br {
    display: none;
  }

  .registerForm {
    width: 100%;
  }

  .registerForm .fieldGrid .col {
    width: calc((100% - 50px) / 2);
  }

  .registerForm .fieldGrid .col+.col {
    margin-left: 50px;
  }

  .registerForm .fieldItem .inBlock {
    max-width: unset;
  }

  .passwordForm .fieldItem {
    width: 500px;
  }

  .passwordForm p {
    margin-left: 50px;
    margin-right: 40px;
  }
}

@media (max-width: 1849px) {
  .cabinetHeader {
    padding-right: 15px;
  }

  .cabinetInfo li {
    min-width: unset !important;
  }

  .cabinetInfo .icon+.data {
    margin-left: 11px;
  }

  
  .dashboard {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }

  .dashboard .dashboardChart {
    padding-left: 34px;
    padding-right: 34px;
    margin-left: 21px;
    width: calc(100% - 736px);
  }

  .dashboard .cabChartBlock {
    width: calc(100vw - 970px);
  }

  .partners {
    display: flex;
    grid-template-columns: unset;
    gap: unset;
  }

  .partners .col {
    flex-grow: 1;
  }

  .partners .col:last-child {
    margin-left: 22px;
    width: 347px;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .partnersMain {
    display: block;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    -ms-border-radius: 9px;
    border-radius: 9px;
  }

  .partnersMain .leftSide {
    width: 346px;
    border-right: 1px solid var(--cabBorder);
    -webkit-border-radius: 11px 11px 0px 11px;
    -moz-border-radius: 11px 11px 0px 11px;
    -ms-border-radius: 11px 11px 0px 11px;
    border-radius: 11px 11px 0px 11px;
  }

  .partnersMain .rightSide .tableTempl {
    border-radius:0 0 9px 9px;
  }

  .partnersMain .tablePgination {
    padding: 8px 8px 10px 12px;
  }

  .tableTempl2 .tCell:first-child {
    width: auto;
  }

  .partnerItem .data+.data {
    margin-left: auto;
    margin-right: auto;
  }

  .feedback {
    padding: 19px 18px 29px 30px;
  }

  .feedback .wrapper {
    height: calc(100% - 90px);
  }

  .feedback .list {
    padding-bottom: 0px;
  }

  .feedback .message {
    padding-right: 10px;
  }

  .feedback .feedbackForm {
    width: 100%;
    padding-left: 30px;
    padding-top: 20px;
    padding-right: 20px;
  }

  .filterBlock .fieldGrid {
    flex-grow: 1;
    display: grid;
    grid-template-columns: repeat(auto-fit, 345px);
    gap: 20px 30px;
  }

  .filterBlock .date+.date {
    margin-left: 0px;
  }

  .filterBlock .date+.type {
    margin-left: 0px;
  }

  .filterBlock .type {
    width: 100%;
  }

  .filterBlock .type+.type {
    margin-left: 0px;
  }

  .importForm .fieldset {
    display: block;
  }

  .importForm .fieldset .content {
    max-width: 684px;
    width: 100%;
    margin-top: 30px;
    padding-top: 0px !important;
  }

  .optionsList {
    justify-content: center;
  }

  .editSection {
    padding-left: 50px;
    padding-right: 50px;
  }

  .giveawaySection {
    padding-left: 30px;
    padding-right: 30px;
  }

  .stepItem .image {
    margin-right: 0px;
  }
}

@media (max-width: 1745px) {
  .dashboard {
    display: block;
  }
  .dashboardMain, .rewardMain {
    margin-bottom: 40px;
  }
}

@media (max-width: 1649px) {
  .cabinetInfo li+li {
    margin-left: 17px;
  }

  .dashboardChart .chartControls {
    flex-direction: column;
    align-items: center;
  }

  .dashboardChart .chartOptions {
    margin-top: 20px;
    margin-left: -6px;
    align-self: flex-start;
  }

  .dashboardChart .cabChartBlock {
    margin-top: 10px;
  }

  .tableTempl2 .tRow {
    height: auto;
  }

  .tableTempl2 .tCell:first-child {
    width: 245px;
    padding-left: 10px;
    flex-shrink: 0;
  }

  .tableTempl2 .tCell:not(:first-child) .icon {
    position: relative;
    top: 15px;
  }

  .tableTempl2 .tCell:not(:first-child) .data {
    min-width: calc(100% - 82px);
    padding-bottom: 10px;
  }

  .partnerItem {
    flex-wrap: wrap;
  }

  .partnerItem .data+.data {
    margin-right: 0px;
    margin-top: -13px;
    margin-bottom: -5px;
  }

  .partnerItem .info {
    line-height: 1;
  }

  .importSection .leftSide {
    width: 500px;
  }

  .importSection .rightSide {
    padding-left: 30px;
    padding-right: 30px;
  }

  .editSection .fieldGrid {
    gap: 30px;
  }

  .inBlock .inWrap.dates {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
  }

  .inBlock .inWrap.dates .selectric-wrapper {
    width: 100% !important;
  }

  .inBlock .inWrap.dates .selectric-wrapper+.selectric-wrapper {
    margin-left: 0px;
  }

  .giveawaySection .stepItem .image {
    width: 60%;
  }
}

@media (max-width: 1439px) {
  .cabinetHeader {
    padding-right: 10px;
  }

  .cabinetInfo li+li:last-child {
    margin-left: 10px;
  }

  .cabinetMain {
    max-width: 1270px;
  }

  .dashboard .cabChartBlock {
    height: 350px;
    margin-left: -10px;
  }

  .tableTempl .tHead .info {
    padding-left: 5px;
  }

  .tableTempl .tRow .info {
    padding-left: 5px;
  }

  .tableTempl .tRow .token .tData {
    padding-left: 15px;
  }

  .operationsTable .date {
    width: 145px;
  }

  .operationsTable .sum {
    width: 230px;
  }

  .operationsTable .token {
    width: 175px;
  }

  .operationsTable .batch {
    width: 150px;
  }

  .operationsTable .info {
    width: 233px;
    padding-left: 5px;
  }

  .editSection {
    padding: 50px 30px;
  }

  .editSection .fieldGrid {
    gap: 20px;
  }

  .editSection [class*="btn"] {
    margin-top: 50px;
  }

  .giveawaySection .stepItem .image {
    width: 50%;
  }
}

@media (max-width: 1399px) {
  .cabinetNav {
    margin-left: 11px;
    margin-top: 13px;
  }

  .cabinetHeader {
    margin-bottom: 12px;
    padding-top: 12px;
    padding-right: 14px;
    flex-direction: column-reverse;
  }

  .cabinetHeader .pageTitle {
    margin-top: 14px;
  }

  .cabinetInfo {
    margin-top: 0px;
    padding-left: 4px;
    justify-content: space-between;
  }

  .cabinetInfo li+li {
    margin-left: auto;
  }

  .cabinetInfo li+li:last-child {
    margin-left: 20px;
  }

  .cabinetInfo .data {
    padding-top: 5px;
    padding-bottom: 0px;
  }

  .cabinetMain {
    max-width: calc(100% - 35px);
  }

  .dashboard {
    display: block;
  }

  .dashboard .dashboardChart {
    margin-left: 0px;
    margin-top: 42px;
    padding-right: 15px;
    padding-bottom: 30px;
    width: 100%;
  }

  .cabBalance form {
    justify-content: center;
  }

  .dashboardChart .chartControls {
    padding-left: 5px;
    padding-right: 0px;
    flex-direction: row;
  }

  .dashboardChart .chartOptions {
    margin-top: 0px;
    align-self: center;
  }

  .dashboardChart .cabChartBlock {
    margin-top: 44px;
    width: calc(100% - 10px);
  }

  .operations+.partners {
    margin-top: 4px;
  }

  .tableTempl .tableTooltipControl {
    display: inline-block;
  }

  .tableTempl .tableTooltipContent {
    display: none;
  }

  .tableTooltipContent {
    position: relative;
    display: none;
    padding: 4px 9px;
    font-size: 14px;
    line-height: 16px;
    color: var(--textColor5);
    font-weight: 300;
    letter-spacing: 0.025em;
    background-color: var(--cabBack);
    border: 1px solid var(--cabBorder);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
  }

  .tooltipster-base .tableTooltipContent {
    display: block;
  }

  .tableTempl .tRow .token .tData {
    padding-left: 10px;
  }

  .tableTempl .tRow .info .tData {
    justify-content: center;
  }

  .operationsTable .num {
    width: 70px;
  }

  .operationsTable .date {
    width: 165px;
  }

  .operationsTable .sum {
    width: 210px;
  }

  .operationsTable .token {
    width: 165px;
  }

  .operationsTable .batch {
    width: 170px;
  }

  .operationsTable .info {
    width: 90px;
    padding-left: 5px;
    text-align: center;
  }

  .partners {
    display: block;
  }

  .partners .cabTitle+* {
    margin-top: 15px;
  }

  .partners .col:last-child {
    margin-left: 0px;
    margin-top: 20px;
    width: 100%;
  }

  .partnersMain .leftSide {
    width: 324px;
  }

  .partnersMain .tablePgination {
    padding: 8px 6px 10px 6px;
  }

  .tableTempl2 .tRow {
    height: 90px;
  }

  .tableTempl2 .tCell:not(:first-child) .icon {
    position: static;
    margin-right: 20px;
  }

  .tableTempl2 .tCell:not(:first-child) .data {
    min-width: 164px;
    padding-bottom: 5px;
  }

  .partnerItem .data+.data {
    margin-left: auto;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
  }

  .feedback {
    padding: 29px 14px 29px 40px;
  }

  .feedback .wrapper {
    height: 100%;
  }

  .feedback .list {
    padding-bottom: 86px;
  }

  .feedback .feedbackForm {
    padding-left: 40px;
    width: calc(100% - 35px);
  }

  .importSection {
    display: block;
  }

  .importSection .leftSide {
    width: 100%;
    min-height: auto;
    padding-top: 50px;
    padding-bottom: 50px;
    border-right: none;
    border-bottom: 1px solid var(--cabBorder);
    -webkit-border-radius: 11px 11px 0px 0px;
    -moz-border-radius: 11px 11px 0px 0px;
    -ms-border-radius: 11px 11px 0px 0px;
    border-radius: 11px 11px 0px 0px;
  }

  .mainBalance .title {
    margin-top: 1px;
  }

  .importForm .fieldset {
    display: flex;
  }

  .editSection {
    padding: 50px 30px;
  }

  .editSection .fieldGrid {
    grid-template-columns: repeat(2, 1fr);
  }

  .editSection .fieldGrid .col:last-child {
    margin-top: 23px;
    grid-column: 1 / 3;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 43px 20px;
  }

  .editSection .fieldGrid .col:last-child .fieldItem+.fieldItem {
    margin-top: 0px;
  }

  .editSection [class*="btn"] {
    margin-top: 50px;
  }
}

@media (max-width: 1199px) {
  .container {
    width: 100%;
    padding-left: 27px;
    padding-right: 27px;
  }

  .sectionSubtitle {
    display: none;
  }

  .startBlock .wrapper {
    width: calc(100% - 17px);
  }

  .login-form{
    width: 630px;
  }

  .perfomanceSection .chartBlock {
    margin-top: 135px;
  }

  .perfomanceSection .chartStat {
    margin-top: 46px;
  }

  .perfomanceSection .rightSide {
    width: 280px;
    padding-top: 33px;
  }

  .perfomanceSection .mainStat {
    margin-top: 75px;
  }

  .chartBlock {
    width: 705px;
  }

  .chartStat {
    justify-content: space-between;
  }

  .chartStat .main+ul {
    margin-left: 0px;
  }

  .chartStat ul {
    width: 347px;
  }

  .systemSection .systemTabs {
    margin-top: 135px;
  }

  .systemTabs .tabsList {
    width: 530px;
    height: 531px;
    margin-top: -104px;
    right: 33px;
  }

  .systemTabs .image {
    margin-top: 105px;
    margin-right: 201px;
  }

  .systemTab .main {
    width: 370px;
  }

  .systemTab [class*="btn"] {
    margin-top: 12px;
  }

  .aboutSection .wrapper {
    margin-top: 83px;
    -webkit-column-gap: 27px;
    -moz-column-gap: 27px;
    column-gap: 27px;
  }

  .partnersSection {
    margin-top: 100px;
  }

  .partnersSection .sectionTitle {
    margin-top: 130px;
  }

  .partnersSection .partnersSlider {
    margin-top: 25px;
  }

  .psrtnerSlide .content {
    width: 587px;
    padding-right: 15px;
  }

  .psrtnerSlide .image {
    align-self: flex-start;
    margin-top: 30px;
  }

  .partnersSlider .swiper-pagination {
    width: 100%;
    margin-top: 15px;
    bottom: -60px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .partnersSlider .swiper-pagination-bullet .icon {
    width: 103px;
    height: 103px;
  }

  .partnersSlider .swiper-pagination-bullet .icon img {
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }

  .partnersSlider .swiper-pagination-bullet .cap {
    font-size: 19px;
    font-weight: 500;
  }

  .partnersSlider .swiper-pagination-bullet.swiper-pagination-bullet-active .icon {
    -moz-transform: translateY(-26px);
    -ms-transform: translateY(-26px);
    -webkit-transform: translateY(-26px);
    -o-transform: translateY(-26px);
    transform: translateY(-26px);
  }

  .partnersSlider .swiper-pagination-bullet.swiper-pagination-bullet-active .cap {
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
  }

  .partnersSlider .swiper-pagination-bullet:hover .icon {
    -moz-transform: translateY(-26px);
    -ms-transform: translateY(-26px);
    -webkit-transform: translateY(-26px);
    -o-transform: translateY(-26px);
    transform: translateY(-26px);
  }

  .partnersSlider .swiper-pagination-bullet:hover .cap {
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
  }

  .timelineSection {
    padding-left: 27px;
    padding-right: 27px;
    margin-top: 145px;
  }

  .timelineSection .timelineSlider {
    margin-top: 58px;
  }

  .timelineSlider .swiper-slide {
    width: 320px;
    margin-right: 15px;
  }

  .timelineSlider .swiper-slide .main {
    height: 258px;
  }

  .timelineSlider .swiper-slide .more {
    padding-top: 20px;
    padding-left: 27px;
    padding-right: 20px;
  }

  .signupSection .beforeAfter {
    height: 348px;
    margin-right: 74px;
    margin-top: 80px;
    width: 578px;
  }

  .signupSection .image .phone {
    top: 198px;
    right: 0px;
    width: 160px;
  }

  .signupSection .title {
    margin-top: 90px;
  }

  .signupSection [class*="btn"] {
    margin-top: 47px;
  }

  .signupSection+.footer {
    margin-top: 58px;
  }

  .beforeAfter>div:last-child>div {
    top: -110px !important;
    height: calc(100% + 225px) !important;
  }

  .footer .leftSide {
    width: 240px;
  }

  .footer .rightSide {
    width: 300px;
  }

  .footerContacts .more {
    line-height: 20px;
  }

  .footerContacts .more li+li {
    margin-top: 10px;
  }

  .supportSection {
    margin-top: 50px;
  }

  .supportSection .leftSide {
    padding-top: 57px;
  }

  .loginForm {
    width: 550px;
  }

  .loginSection {
    margin-top: 50px;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .loginSection .rightSide {
    margin-left: auto;
  }

  .registerSection {
    margin-top: 50px;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .passwordSection {
    margin-top: 50px;
  }

  .passwordForm p {
    margin-left: 30px;
    margin-right: 20px;
  }
}

@media (max-width: 1199px) {
  .cabinetHeader {
    padding-right: 8px;
  }

  .cabinetMain {
    max-width: calc(100% - 22px);
  }

  .cabinetInfo li:nth-last-child(2) {
    width: 220px;
    flex-shrink: 0;
  }

  .cabinetInfo li:nth-last-child(2) .data {
    width: calc(100% - 70px);
  }

  .cabinetInfo li:nth-last-child(2) .text {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: calc(100% - 20px);
  }

  .cabinetInfo li+li:last-child {
    margin-left: 30px;
  }

  .cabinetInfo .settingsLink {
    margin-left: 0px;
  }

  .tableTempl .tRow .token .tData {
    padding-left: 0px;
  }

  .operationsTable .num {
    width: auto;
  }

  .operationsTable .date {
    width: auto;
  }

  .operationsTable .sum {
    width: auto;
  }

  .operationsTable .token {
    width: auto;
  }

  .operationsTable .batch {
    width: auto;
  }

  .operationsTable .info {
    width: 70px;
  }

  .tableTempl2 .tCell:not(:first-child) .icon {
    position: relative;
  }

  .tableTempl2 .tCell:not(:first-child) .data {
    padding-bottom: 10px;
  }

  .tableTempl2 .tCell:not(:first-child) .data+.data {
    margin-top: -13px;
    margin-bottom: -5px;
  }

  .partnerItem .data+.data {
    margin-left: 78px;
    margin-right: 0px;
  }

  .feedback .feedbackForm {
    padding-right: 24px;
  }

  .filterBlock .formWrap {
    flex-wrap: wrap;
  }

  .filterBlock .formWrap>.button {
    margin-left: auto;
    margin-top: 30px;
    margin-right: auto;
  }

  .filterBlock .fieldGrid {
    width: 100%;
    justify-content: center;
  }

  .importForm .fieldset {
    display: block;
  }

  .stepItem .image {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  .mobileMenu {
    display: block;
  }
}

@media (max-width: 1023px) {
  .container {
    /* width: 640px !important; */
    padding-left: 12px;
    padding-right: 12px;
  }

  .header {
    position: relative;
  }

  .header .wrapper {
    justify-content: space-between;
  }

  .header .menuWrapper {
    margin-left: 0px;
  }

  .header .themeControl {
    margin-left: 0px;
  }

  .header .burger {
    display: block;
    margin-right: 21px;
    margin-top: 3px;
  }

  .headerContainer {
    padding-left: 9px;
    padding-right: 10px;
  }

  .mobileMenu {
    display: none;
    position: absolute;
    left: 0px;
    top: 100%;
    width: 100%;
    background-color: var(--pageBack);
    z-index: 5;
    border-top: 1px solid var(--tooltipBorder);
  }

  .mobileMenu .loginLink {
    height: auto;
    line-height: 1;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
  }

  .menuList {
    display: block;
  }

  .menuList .menuItem {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .menuList .menuItem+.menuItem {
    border-top: 1px solid var(--tooltipBorder);
  }

  .menuList .menuItem>a {
    padding-left: 19px;
    padding-top: 23px;
    padding-bottom: 22px;
    padding-right: 19px;
  }

  .menuList .menuItem [class*="icon"] {
    margin-right: 19px;
  }

  .menuList .menuItem .loginLink {
    width: 100%;
    padding-top: 25px;
    padding-bottom: 21px;
    text-align: left;
    background-color: var(--pageBack);
  }

  .menuList .menuItem:hover>a,
  .menuList .menuItem:hover [class*="icon"],
  .menuList .menuItem.opened>a,
  .menuList .menuItem.opened [class*="icon"] {
    color: var(--textColor2);
  }

  .menuList .menuItem+li {
    margin-left: 0px !important;
  }

  .dropdownMenu {
    padding-top: 0px;
    position: static;
    width: 100%;
  }

  .dropdownMenu .dropdownMenuList {
    padding: 0px;
    background-color: var(--grayBack);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
  }

  .dropdownMenu .dropdownMenuList li {
    padding: 0px;
    border-top: 1px solid var(--tooltipBorder);
  }

  .dropdownMenu .dropdownMenuList li+li {
    margin-top: 0px;
  }

  .dropdownMenu .dropdownMenuList li a {
    display: block;
    padding-left: 19px;
    padding-top: 16px;
    padding-right: 19px;
    padding-bottom: 13px;
  }

  .siteLogo {
    width: 58px;
  }

  .themeControl {
    width: 31px;
    height: 31px;
  }

  .themeControl img {
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }

  .startBlock {
    min-height: 523px;
  }

  .startBlock .back {
    background-position: left -73px top -26px;
    background-size: auto 120%;
  }

  .startBlock .wrapper {
    padding-top: 263px;
    width: 100%;
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 28px;
    padding-right: 28px;
  }

  .startBlock .wrapper p {
    max-width: 400px;
    margin-top: 25px;
    margin-right: 0px;
    font-size: 19px;
    line-height: 36px;
  }

  .startBlock .title {
    font-size: 41px;
    line-height: 53px;
    font-weight: bold;
  }

  .startBlock .title span {
    display: block;
    margin-bottom: -14px;
    font-size: 89px;
    line-height: 1;
  }

  .login-form{
    max-width: 640px;
    width: 100%;
  }

  .perfomanceSection {
    padding-top: 46px;
  }

  .perfomanceSection .wrapper {
    display: block;
    margin-right: 0px;
  }

  .perfomanceSection .rightSide {
    width: 100%;
  }

  .perfomanceSection .chartBlock {
    margin-left: -7px;
    margin-top: 78px;
  }

  .perfomanceSection .chartStat {
    margin-top: 65px;
    margin-left: -5px;
  }

  .perfomanceSection .mainStat {
    margin-top: 30px;
  }

  .chartBlock {
    width: 100%;
  }

  .chartStat .main .num {
    font-size: 60px;
    line-height: 80px;
  }

  .chartStat ul {
    padding-top: 2px;
    width: auto;
  }

  .chartStat ul li+li {
    margin-top: 16px;
  }

  .chartStat ul .num {
    margin-bottom: 0px;
    font-size: 30px;
    line-height: 48px;
  }

  .chartStat ul .num sup {
    font-size: 18px;
  }

  .mainStat {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
  }

  .mainStat .item+.item {
    margin-top: 0px;
  }

  .darkBg {
    min-height: auto;
  }

  .systemSection {
    margin-top: 52px;
  }

  .systemSection .systemTabs {
    margin-top: 49px;
    padding-bottom: 37px;
  }

  .systemTabs {
    display: flex;
    flex-direction: column-reverse;
  }

  .systemTabs .tabsList {
    position: static;
    width: auto;
    height: auto;
    margin: 44px 0px 0px;
    background-image: none;
  }

  .systemTabs .tabsList .back {
    display: none;
  }

  .systemTabs .tabsList .inner {
    display: flex;
    justify-content: space-between;
  }

  .systemTabs .tabsList .tab {
    position: relative;
    left: 0px !important;
    top: 0px !important;
    right: 0px !important;
    bottom: 0px !important;
    width: 96px;
    height: 96px;
    background-color: transparent;
    border-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }

  .systemTabs .tabsList .tab img {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }

  .systemTab .main {
    width: 100%;
  }

  .systemTab .image {
    display: none;
  }

  .systemTab p {
    margin-top: 45px;
  }

  .systemTab [class*="btn"] {
    margin-top: 44px;
  }

  .aboutSection .wrapper {
    margin-top: 43px;
    -webkit-columns: unset;
    -moz-columns: unset;
    columns: unset;
  }

  .partnersSection {
    margin-top: 45px;
    padding-bottom: 54px;
  }

  .partnersSection .sectionTitle {
    margin-top: 33px;
  }

  .psrtnerSlide {
    display: block;
  }

  .psrtnerSlide .image {
    margin-top: 0px;
    max-width: 222px;
  }

  .psrtnerSlide .content {
    margin-top: 30px;
    width: 100%;
    padding-right: 0px;
  }

  .partnersSlider .swiper-pagination {
    width: 100%;
    margin-top: 50px;
    bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    justify-content: center;
  }

  .partnersSlider .swiper-pagination-bullet {
    width: 17px;
    height: 17px;
    background-color: transparent;
    border: 1px solid var(--textColor5);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    flex-shrink: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }

  .partnersSlider .swiper-pagination-bullet .icon {
    display: none;
  }

  .partnersSlider .swiper-pagination-bullet .cap {
    display: none;
  }

  .partnersSlider .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--textColor5);
  }

  .partnersSlider .swiper-pagination-bullet:hover {
    background-color: var(--textColor5);
  }

  .partnersSlider .swiper-pagination-bullet+.swiper-pagination-bullet {
    margin-left: 13px !important;
  }

  .timelineSection {
    margin-top: 45px;
  }

  .timelineSection .timelineSlider {
    margin-top: 38px;
  }

  .timelineSlider .swiper-slide {
    width: 50%;
  }

  .timelineSlider .swiper-slide .main {
    height: 280px;
  }

  .timelineSlider .swiper-slide .more {
    padding-top: 34px;
    padding-left: 37px;
  }

  .timelineSlider .swiper-pagination {
    position: static;
    display: flex;
    width: 100%;
    margin-top: 55px;
    justify-content: center;
  }

  .timelineSlider .swiper-pagination-bullet {
    margin-right: 0px !important;
    width: 17px;
    height: 17px;
    background-color: transparent;
    border: 1px solid var(--textColor5);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    flex-shrink: 0;
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }

  .timelineSlider .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--textColor5);
  }

  .timelineSlider .swiper-pagination-bullet:hover {
    background-color: var(--textColor5);
  }

  .timelineSlider .swiper-pagination-bullet+.swiper-pagination-bullet {
    margin-left: 13px !important;
  }

  .signupSection {
    margin-top: 43px;
  }

  .signupSection .wrapper {
    display: block;
  }

  .signupSection .title {
    margin-top: 0px;
    max-width: 450px;
    font-size: 40px;
    line-height: 60px;
  }

  .signupSection [class*="btn"] {
    margin-top: 25px;
  }

  .signupSection .beforeAfter {
    position: relative;
    width: 550px;
    height: auto;
    margin-top: 0px;
    margin-right: 0;
  }

  .signupSection .image {
    min-height: 418px;
    margin-top: 64px;
  }

  .signupSection .image .phone {
    top: 113px;
    right: -7px;
    width: 152px;
  }

  .beforeAfter>div:last-child>div {
    top: 0px !important;
    height: 100% !important;
  }

  .footer {
    padding-bottom: 38px;
  }

  .footer .wrapper {
    flex-wrap: wrap;
  }

  .footer .center {
    width: 50%;
    order: 1;
  }

  .footer .rightSide {
    width: 50%;
    order: 2;
  }

  .footer .leftSide {
    width: 100%;
    order: 3;
    padding-top: 0px;
    margin-top: 30px;
  }

  .footer .address {
    line-height: 24px;
  }

  .footer .address span {
    display: inline-block;
  }

  .footer .copyright {
    margin-top: 20px;
  }

  .supportSection .wrapper {
    display: block;
  }

  .supportSection .leftSide {
    padding-top: 50px;
    padding-bottom: 50px;
    width: 100%;
  }

  .supportSection .rightSide {
    margin-top: 50px;
    width: 100%;
  }

  .supportSection .contactItem:nth-child(even) {
    margin-left: 0px;
    margin-right: auto;
  }

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

  .loginSection .wrapper {
    display: block;
  }

  .loginSection .leftSide {
    width: 100%;
  }

  .loginSection .rightSide {
    width: 100%;
    margin-left: 0px;
    margin-top: 50px;
    padding: 0px;
  }

  .loginForm {
    width: 100%;
  }

  .registerForm .fieldGrid {
    display: block;
  }

  .registerForm .fieldGrid .col {
    width: 100%;
  }

  .registerForm .fieldGrid .col+.col {
    margin-left: 0px;
    margin-top: 43px;
  }

  .registerForm .fieldGrid+.formMessage {
    margin-top: 50px;
  }

  .registerForm .fieldItem .checkButton {
    margin-top: 0px;
  }

  .registerForm .fieldItem [class*="btn"] {
    margin-top: 0px;
  }

  .registerForm .formMessage {
    margin-bottom: 30px;
  }

  .registerInfo .selectBlock {
    display: block;
  }

  .registerInfo .registerSelect {
    margin-left: 0px;
    margin-top: 16px;
  }

  .registerInfo .data {
    display: block;
  }

  .registerInfo .data li {
    width: 100%;
  }

  .registerInfo .data li+li {
    margin-left: 0px;
    margin-top: 24px;
  }

  .passwordSection {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .passwordForm .formWrap {
    flex-wrap: wrap;
    align-items: center;
  }

  .passwordForm .fieldItem {
    width: 100%;
    margin-bottom: 30px;
  }

  .passwordForm p {
    margin-left: 0px;
    max-width: 350px;
  }
}

@media (max-width: 640px) {
  .timelineSlider .swiper-slide {
    width: 100%;
  }
  .chartStat .main .num {
    font-size: 2.5rem;
    line-height: 80px;
  }
}

@media (min-width: 1024px) {
  .cabinetMenu {
    display: block !important;
  }
}

@media (max-width: 1023px) {
  .cabinetWrapper {
    display: block;
  }

  .cabinetNav {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 11px 11px 20px;
    padding-left: 10px;
    padding-right: 12px;
    width: calc(100% - 22px);
    height: 75px;
  }

  .cabinetNav .logoWrapper {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .cabinetNav .cabThemeControl {
    border-top: none;
  }

  .cabinetNav .burger {
    display: block;
    margin-right: 20px;
  }

  .cabinetMenu {
    display: none;
    position: absolute;
    left: -11px;
    top: calc(100% + 10px);
    width: calc(100% + 22px);
    background-color: var(--cabBack);
    z-index: 5;
  }

  .cabinetMenuList {
    border-bottom: 1px solid var(--cabBorder);
  }

  .cabinetMenuList li {
    padding: 0px 19px;
    height: auto;
    text-align: center;
  }

  .cabinetMenuList li svg {
    display: none;
  }

  .cabinetMenuList li .cap {
    font-size: 14px;
    line-height: 59px;
    color: var(--textColor2);
    font-weight: 900;
    letter-spacing: 0em;
  }

  .cabinetMenuList li:last-child {
    display: block;
  }

  .cabThemeControl {
    padding: 0px;
    height: auto;
    border-top: none;
  }

  .cabThemeControl .cap {
    display: none;
  }

  .cabinetContent {
    width: 100%;
    padding: 0px 0px 30px;
  }

  .cabinetHeader {
    margin-bottom: 6px;
    padding: 0px;
  }

  .cabinetHeader .pageTitle {
    margin-top: 3px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 30px;
  }

  .cabinetInfo {
    padding: 0px 10px;
    display: grid;
    grid-template-columns: repeat(auto-fit, 293px);
    gap: 10px 26px;
    justify-content: flex-start;
  }

  .cabinetInfo li+li {
    margin-left: 0px;
  }

  .cabinetInfo li:nth-last-child(2) {
    width: auto;
  }

  .cabinetInfo li:nth-last-child(2) .text {
    max-width: unset;
    overflow: visible;
    font-size: 10px;
  }

  .cabinetInfo li:last-child {
    display: none;
  }

  .userBlock {
    padding-top: 0px;
    padding-left: 10px;
    margin-left: auto;
    margin-right: auto;
  }

  .cabinetInfo .icon+.data {
    margin-left: 10px;
  }

  .cabinetInfo .settingsLink {
    margin-left: 10px;
  }

  .cabinetMain {
    width: 98.5%;
    max-width: unset;
    margin: 5px;
  }

  .dashboard .dashboardChart {
    margin-top: 46px;
    padding-left: 0px;
  }

  .dashboard+.operations {
    margin-top: 0;
  }

  .dashboardMain {
    flex-direction: column-reverse;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 10px 10px;
    border: none;
  }
   .rewardMain {
    flex-direction: column;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 10px 10px;
    border: none;
  }

  .dashboardMain .leftSide{
    width: 100%;
    border-left: 1px solid var(--cabBorder);
    border-right: 1px solid var(--cabBorder);
    border-radius: 0 0 10px 10px;
  }
   .rewardMain .leftSide {
    width: 100%;
    border-left: 1px solid var(--cabBorder);
    border-right: 1px solid var(--cabBorder);
    border-radius: 10px 10px 0 0;
  }

  .dashboardMain .rightSide {
    width: 100%;
    flex-grow: 0;
    border-left: 1px solid var(--cabBorder);
    border-right: 1px solid var(--cabBorder);
    border-radius: 0 0 10px 10px;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
  }
   .rewardMain .rightSide {
    width: 100%;
    flex-grow: 0;
    border-left: 1px solid var(--cabBorder);
    border-right: 1px solid var(--cabBorder);
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -ms-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
  }

  .cabStat {
    display: block;
  }

  .cabStat .item {
    min-height: 72px;
  }
  .cabStat li {
    text-align: center;
  }
  .cabStatItem, .cabStatItem span {
    width: 100%;
    text-align: center;
  }

  .cabStat .item:first-child {
    padding-top: 4px;
    padding-bottom: 3px;
  }

  .cabStat .item:nth-child(even) {
    border-right: none;
  }

  .cabStatList li {
    display: block;
  }


  .cabStatList li .param,
  .cabStatList li .data {
    display: block;
    line-height: 24px;
  }

  .cabStatList li+li {
    margin-top: 2px;
  }

  .cabTimer {
    height: 66px;
    justify-content: flex-start;
    padding-top: 9px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
  }

  .dashboardChart {
    padding-left: 0px;
    padding-top: 30px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    padding-right: 0;
  }

  .dashboardChart .chartControls {
    padding-left: 8px;
  }

  .dashboardChart .chartOptions {
    margin-top: 18px;
    align-self: center;
  }

  .dashboardChart .cabChartBlock {
    margin-left: 0px;
    margin-top: 10px;
  }

  .cabTitle {
    padding: 0px 10px;
  }

  .operations .cabTitle+.operationsTable {
    margin-top: -6px;
  }

  .operations>.button {
    margin-top: 39px;
  }

  .operations+.partners {
    margin-top: 13px;
  }

  .tableTempl {
    display: block;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }

  .tableTempl .tHead {
    display: none;
  }

  .tableTempl .tBody {
    display: block;
  }

  .tableTempl .tRow {
    display: table;
    width: 100%;
    background-color: transparent !important;
    border-bottom: 1px solid var(--cabBorder);
  }

  .tableTempl .tRow .icon {
    display: inline-block;
    vertical-align: middle;
  }

  .tableTempl .tRow .icon img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
    object-position: center;
  }

  .tableTempl .tRow .icon+span {
    display: inline-block;
    vertical-align: middle;
  }

  .tableTempl .tRow+.tRow {
    margin-top: 18px;
  }

  .tableTempl .tCell {
    display: table-row !important;
    height: 40px;
  }

  .tableTempl .tCell:nth-child(odd) {
    background-color: var(--cabBack);
  }

  .tableTempl .tLabel,
  .tableTempl .tData {
    padding: 2px 10px !important;
    display: table-cell !important;
    width: 50%;
    vertical-align: middle;
    text-align: left;
    border-top: 1px solid var(--cabBorder);
  }

  .tableTempl .token .tData {
    padding-left: 2px !important;
  }

  .tableTempl .token .icon {
    margin-right: 0px;
  }

  .tableTempl .tData {
    padding: 2px 5px !important;
  }

  .tableTempl .tLabel {
    font-size: 14px;
    color: var(--textColor2);
    font-weight: 900;
    text-transform: uppercase;
  }

  .tableTempl .tableTooltipControl {
    display: none;
  }

  .tableTempl .tableTooltipContent {
    display: inline-block;
    padding: 0px;
    border: 0px;
    background-color: transparent;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    color: var(--textColor);
  }

  .partners .cabTitle+* {
    margin-top: 3px;
  }

  .partners .col:last-child {
    margin-top: 0px;
  }

  .partners .col:last-child .cabTitle+* {
    margin-top: -5px;
  }

  .partnersMain .leftSide {
    width: 100%;
    padding: 28px 20px 29px;
    border-right: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    border-bottom: 1px solid var(--cabBorder);
  }

  .partnersMain .rightSide {
    width: 100%;
  }

  .partnersMain .tablePgination {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    padding: 8px 10px 10px 10px;
  }

  .tableTempl2 .tRow {
    height: 74px;
  }

  .tableTempl2 .tCell:first-child {
    width: auto;
  }

  .tableTempl2 .tCell:not(:first-child) .icon {
    position: static;
    margin-right: 20px;
  }

  .tableTempl2 .tCell:not(:first-child) .data {
    min-width: unset;
    padding-bottom: 5px;
  }

  .tableTempl2 .tCell:not(:first-child) .data+.data {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .partnerItem .data+.data {
    margin-left: auto;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
  }

  .feedback {
    padding: 29px 12px 29px 10px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
  }

  .feedback .wrapper {
    height: calc(100% - 90px);
  }

  .feedback .list {
    padding-bottom: 0px;
  }

  .feedback .feedbackForm {
    padding-left: 10px;
    padding-right: 12px;
    width: 100%;
  }

  .feedback .feedbackForm input {
    padding-left: 20px;
  }

  .filterBlock {
    padding-left: 10px;
    padding-right: 10px;
    border-left: none;
    border-right: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
  }

  .importSection {
    border-left: none;
    border-right: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
  }

  .importSection .leftSide {
    padding-top: 30px;
    padding-bottom: 30px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
  }

  .importForm .fieldset .content {
    max-width: unset;
  }
}

@media (max-width: 479px) {
  .tableTempl .tRow {
    border: 2px solid gray;
  }
  .tableTempl .tRow+.tRow {
    margin-top: 30px;
  }
  .tableTempl .tCell {
    height: 30px;
  }
  .tableTempl .tLabel {
    font-size: 12px;
    text-transform: none;
  }
  .tableTempl .tData {
    font-size: 12px;
	max-width: 275px;
  }
  .tableTempl .tRow .icon {
    max-width: 30px;
    max-height: 30px;
  }
  .tableTempl .tRow .icon img {
    max-height: 30px;
  }
}

@media (max-width: 1023px) and (max-width: 683px) {
  .resultList {
    display: grid;
    grid-template-columns: repeat(auto-fit, 280px);
    gap: 16px;
  }
}

@media (max-width: 1023px) {
  .optionsList.sm {
    column-gap: 18px;
  }

  .resultStat {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    border-top: 1px solid var(--cabBorder);
    border-bottom: none;
  }

  .resultStat .item {
    width: 100% !important;
    border-top: none;
    border-bottom: 1px solid var(--cabBorder);
  }

  .editSection {
    padding-left: 10px;
    padding-top: 30px;
    padding-right: 10px;
    padding-bottom: 30px;
    border-left: none;
    background-repeat: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
  }

  .giveawaySection {
    border-left: none;
    border-right: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
  }
}

@media (max-width: 639px) {
  .container {
    max-width: 100%; /*  480px; */
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
  }
  
  .bodyWrap .opersSection .container {
     max-width: 95vw; /*  f1f; */
  }
}
@media (max-width: 389px) {
  .modal-buttons{
    display: flex;
    flex-direction: column-reverse;
    gap: 10px;
  }

  .dashboardMain .rightSide,.rewardMain .rightSide {
    min-width: 100%;
  }

  .dashboardMain .leftSide,.rewardMain .leftSide {
    min-width: 100%;
  }

  .cabBalance .field {
    width: calc(100% - 105px);
  }
  
  .bodyWrap .opersSection .container {
     max-width: 98vw;
  }

  .header .wrapper {
    height: 76px;
  }

  .startBlock {
    min-height: 521px;
  }

  .startBlock .back {
    background-size: auto;
  }

  .startBlock .wrapper {
    padding-top: 204px;
    padding-left: 5px;
    padding-left: 17px;
    padding-right: 17px;
  }

  .startBlock .wrapper p {
    padding-left: 5px;
  }

  .startBlock .title span {
    font-size: 85px;
  }

  .perfomanceSection .chartBlock {
    margin-top: 41px;
  }

  .perfomanceSection .chartStat {
    margin-top: 0px;
  }

  .perfomanceSection .rightSide {
    padding-top: 20px;
    margin-left: -3px;
  }

  .perfomanceSection .mainStat {
    margin-top: 45px;
  }

  .chartBlock {
    width: calc(100% + 7px);
  }

  .chartStat {
    display: block;
  }

  .chartStat ul {
    padding: 0px;
    margin-top: 15px;
  }

  .mainStat {
    display: block;
  }

  .mainStat .item+.item {
    margin-top: 50px;
  }

  .systemSection {
    margin-top: 45px;
  }

  .systemSection .systemTabs {
    margin-top: 30px;
    padding-bottom: 36px;
  }

  .systemTabs .tabsList {
    margin-right: -12px;
  }

  .systemTabs .tabsList .tab {
    width: 49px;
    height: 49px;
  }

  .systemTabs .tabsList .tab img {
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -webkit-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6);
  }

  .systemTab p {
    margin-top: 33px;
  }

  .systemTab [class*="btn"] {
    margin-top: 32px;
  }

  .aboutSection .wrapper {
    margin-top: 24px;
    margin-left: -3px;
    margin-right: -3px;
  }

  .aboutSection .wrapper p.lg {
    line-height: 38.5px;
  }

  .partnersSection {
    margin-top: 27px;
    padding-bottom: 32px;
  }

  .partnersSlider .swiper-pagination {
    margin-top: 32px;
  }

  .psrtnerSlide .content {
    margin-top: 35px;
  }

  .timelineSection {
    margin-top: 25px;
  }

  .timelineSection .timelineSlider {
    margin-top: 32px;
  }

  .timelineSlider .swiper-pagination {
    margin-top: 33px;
  }

  .signupSection {
    margin-top: 59px;
  }

  .signupSection [class*="btn"] {
    margin-top: 22px;
  }

  .signupSection .beforeAfter {
    width: 267px;
  }

  .signupSection .image {
    margin-top: 57px;
    max-width: 296px;
    min-height: 200px;
    margin-left: auto;
    margin-right: auto;
  }

  .signupSection .image .phone {
    top: 53px;
    right: -3px;
    width: 72px;
  }

  .signupSection+.footer {
    margin-top: 33px;
  }

  .footer .leftSide {
    margin-top: 20px;
  }

  .footer .center {
    width: 100%;
  }

  .footer .rightSide {
    margin-top: 30px;
    width: 100%;
  }

  .contactForm .captchaBlock {
    display: block;
  }

  .contactForm p {
    width: 100%;
    margin-bottom: 20px;
  }

  .contactForm p+.captcha {
    margin-top: 10px;
  }

  .loginSection .loginSubtitle {
    font-size: 50px;
    line-height: 60px;
  }

  .loginForm .buttonWrap {
    flex-direction: column;
    align-items: flex-start;
  }

  .loginForm .buttonWrap [class*="btn"] {
    margin-top: 30px;
    align-self: center;
  }

  .registerSection .loginSubtitle {
    font-size: 50px;
    line-height: 60px;
  }

  .passwordForm .formWrap {
    display: block;
  }

  .passwordForm .fieldItem {
    width: 100%;
    margin-bottom: 30px;
    padding-bottom: 0px;
  }

  .passwordForm p {
    margin-right: 0px;
    width: 100%;
    max-width: unset;
  }

  .passwordForm [class*="btn"] {
    display: table;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
  }
}

@media (max-width: 479px) {
  .contactItem {
    padding: 20px;
    display: block;
  }

  .contactItem .icon {
    width: 60px;
    height: 60px;
  }

  .contactItem .icon+.data {
    margin-left: 0px;
    margin-top: 16px;
  }

  .contactItem .simpleLink {
    position: relative;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .registerForm .fieldItem {
    display: block;
  }

  .registerForm .fieldItem>[class*="btn"] {
    display: table;
    margin-left: auto;
    margin-top: 30px;
    margin-right: auto;
  }
}

@media (max-width: 639px) {
  .cabinetHeader {
    margin-bottom: 0px;
  }

  .cabinetHeader .pageTitle {
    margin-top: 4px;
    line-height: 70px;
  }

  .cabinetInfo {
    row-gap: 13px;
  }

  .dashboardMain {
    flex-direction: column-reverse;
  }

  .dashboardMain .leftSide,
  .dashboardMain .rightSide,
  .rewardMain .leftSide,
  .rewardMain .rightSide {
    width: 100%;
  }

  .cabBalance {
    padding: 26px 10px 30px;
  }

  .cabStat .item {
    padding-left: 13px;
  }


  .cabTimer {
    height: 65px;
    padding-top: 10px;
  }

  .dashboard .dashboardChart {
    padding-top: 35px;
    padding-right: 5px;
    margin-top: 27px;
  }

  .dashboard+.operations {
    margin-top: 10px;
  }

  .dashboardChart .chartControls {
    flex-direction: column;
  }

  .dashboardChart .chartOptions {
    margin-top: 20px;
  }

  .tableTempl .tLabel {
    padding: 2px 8px !important;
    width: 38%;
  }

  .tableTempl .tData {
    width: auto;
  }

  .cabTitle {
    line-height: 70px;
  }

  .operations .cabTitle+.operationsTable {
    margin-top: 3px;
  }

  .operations+.partners {
    margin-top: 7px;
  }

  .partners .cabTitle+* {
    margin-top: 13px;
  }

  .partners .col:last-child {
    margin-top: 12px;
  }

  .partners .col:last-child .cabTitle+* {
    margin-top: 5px;
  }

  .tableTempl2 {
    display: block;
  }

  .tableTempl2 .tRow {
    display: block;
    padding: 10px 10px 8px;
    height: auto;
    border-top: 1px solid var(--cabBorder);
  }

  .tableTempl2 .tCell {
    display: block !important;
    border-bottom: none;
  }

  .tableTempl2 .tCell:first-child {
    padding: 0px;
  }

  .tableTempl2 .tCell+.tCell {
    margin-top: 10px;
  }

  .partnerItem .data+.data {
    margin-left: 78px;
    margin-right: 0px;
  }

  .feedback {
    padding-right: 10px;
  }

  .feedback .feedbackForm {
    padding-right: 10px;
  }

  .filterBlock .fieldGrid {
    display: block;
  }

  .filterBlock .date {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
  }

  .filterBlock .date .selectWrapper {
    width: 100%;
  }

  .filterBlock .date .selectWrapper+.selectWrapper {
    margin-left: auto;
  }

  .filterBlock .date,
  .filterBlock .type {
    max-width: 345px;
    width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .filterBlock .date+.date,
  .filterBlock .date+.type {
    margin-top: 20px;
  }

  .filterBlock .type+.type {
    margin-top: 20px;
  }

  .importSection .rightSide {
    padding-left: 10px;
    padding-right: 10px;
  }

  .mainBalance .sum {
    font-size: 24px;
    line-height: 40px;
  }

  .mainBalance .sum sup {
    top: 0px;
    font-size: 12px;
  }

  .importForm .address {
    display: block;
  }

  .importForm .address .label+.field {
    margin-left: 0px;
    margin-top: 10px;
  }

  .valuesList {
    display: block;
  }

  .valuesList li+li {
    margin-left: 0px;
    margin-top: 8px;
  }

  .editSection .fieldGrid {
    display: block;
  }

  .editSection .fieldGrid .col:last-child {
    margin-top: 43px;
    display: block;
  }

  .editSection .fieldGrid .col:last-child .fieldItem+.fieldItem {
    margin-top: 43px;
  }

  .editSection .fieldGrid .col+.col {
    margin-top: 43px;
  }

  .giveawaySection {
    padding-left: 10px;
    padding-right: 10px;
  }

  .giveawaySection .stepItem {
    padding-left: 10px;
  }

  .giveawaySection .stepItem p {
    font-size: 18px;
    line-height: 28px;
  }

  .giveawaySection .stepItem.lg .stepContent {
    display: block;
  }

  .stepItem ul a {
    position: relative;
    max-width: 100%;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

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

span.err {
  color: red;
  font-size: 14px;
}

#info_box {
  text-align: center;
  padding: 5px 0;
  margin-bottom: 20px;
  color: black;
}

.darkTheme #info_box {
  color: white;
}

.flash_info {
  border: 1px solid #00d12a;
  background: rgba(0, 209, 42, 0.2);
}

.block_digits,.block_mining_digits {
  text-align: center;
}
.block_digits a,.block_mining_digits a {
  color: #ca7474;
  font-size: 14px;
  cursor: pointer;
}
.block_digits a:hover,.block_mining_digits a:hover {
  text-decoration: underline
}



.fieldset--calc .calc {
    width: 100%;
}
.darkTheme .fieldset--calc .calc__result-block, .darkTheme .fieldset--calc .calc__amount-wrapper {
    background: #222222;
}



.calc__amount-input {
    flex-shrink: 0;
    margin-left: auto;
    flex-basis: 202px;
    position: relative;
}

.calc__amount-input input {
    width: 100%;
    padding: 10px 65px 10px 16px;
    font-size: 14px;
    color: #000;
    line-height: 100%;
    background: #ffff
    border: none;
    border-radius: 50px;
    font-weight: 600;
}

.calc__amount-input span.currency {
    position: absolute;
    display: inline-block;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: var(--calcCurrencyText);
    font-weight: 600;
}

.calc__range-wrapper {
    padding-bottom: 28px;
}

.calc__amount-wrapper {
    padding: 25px 22px;
    background-color: var(--cabBack2);
    display: flex
;
    align-items: center;
}

.calc__amount-label {
    font-size: 27px;
    color: var(--textColor2);
    line-height: 1.2;
    font-weight: 600;
    margin-right: 20px;
}

.calc__amount-value {
    font-size: 20px;
    color: var(--textColor2);
    line-height: 1.2;
    text-align: left;
    font-weight: 600;
}

.calc__amount-value b {
    color: #db3c47;
}

.calc__result {
    display: flex;
    justify-content: flex-end;
    margin-left: -7px;
    margin-right: -7px;
    margin-top: 14px;
}

.fieldset--calc .calc__result-block, .fieldset--calc .calc__amount-wrapper {
    background: #ededed;
}

.calc__result-block {
    margin-left: 7px;
    margin-right: 7px;
    width: 148px;
    padding: 23px 20px 20px 24px;
    background-color: var(--cabBack2);
}

.calc__result-label {
    margin: 0 0 10px;
    font-size: 27px;
    color: var(--textColor2);
    line-height: 1.2;
    text-align: left;
    font-weight: 500;
}

.calc__result-value--green {
    color: #44d06a;
    margin-bottom: 3px;
}

.calc__result-value {
    font-size: 13px;
    color: var(--textColor2);
    line-height: 100%;
}

.calc__result-value {
    font-size: 13px;
    color: var(--textColor2);
    line-height: 100%;
}

.calc__result-value--green {
  color: #44d06a;
  margin-bottom: 3px;
}


.calc__range-wrapper .irs-line, .calc__range-wrapper .irs-bar {
  background: var(--cabBack2) !important;
  height: 7px !important;
  border-radius: 0 !important;
}

.calc__range-wrapper .irs-handle {
  width: 22px !important;
  height: 35px !important;
  border-radius: 0 !important;
  border: none !important;
  background: url(../img/irs-handle.svg?v=2) no-repeat center / contain !important;
  transition: filter 0.3s !important;
  box-shadow: none !important;
  cursor: pointer !important;
  top: 21px !important;
}



@media (max-width: 1199px) {
    .importForm .fieldset {
        display: block;
    }
     .fieldset--calc {
        max-width: 100%;
    }
     .fieldset--calc .calc__result-block {
        width: calc(50% - 14px);
    }
}


@media screen and (max-width: 480px) {
    .calc__amount-label {
        font-size: 16px;
        flex: 0 0 auto;
    }
    .calc__amount-input input {
        padding-top: 8px;
        padding-bottom: 9px;
    }
        .calc__amount-label {
        font-size: 16px;
        flex: 0 0 auto;
    }
        .calc__amount-value {
        font-size: 16px;
    }
        .calc__result-block {
        padding: 15px;
    }
    .calc__result-label {
        font-size: 18px;
    }
}



@media screen and (max-width: 639px) {
    .calc__amount-input {
        max-width: 100%;
        margin-top: 13px;
    }
     .calc__amount-wrapper {
        padding: 25px;
        align-items: flex-start;
    }
    .calc__amount-wrapper--trx .calc__amount-label {
        margin-right: 15px;
        }
            .calc__amount-label {
        font-size: 24px;
        font-weight: 500;
    }
        .calc__amount-wrapper--trx .calc__amount-input {
        margin-top: 0;
        margin-left: auto;
    }
        .calc__amount-value {
        text-align: left;
    }
        .calc__result-block {
        min-height: 148px;
        width: calc(50% - 14px);
    }
	.chart-calc {
  margin-left: 6px;
  margin-right: 6px;
}

}




@media screen and (max-width: 1200px) {
    .calc__amount-input {
        margin-left: 0;
        flex: unset;
        width: 100%;
        max-width: 220px;
        margin-top: 20px;
    }

    .calc__amount-wrapper {
        flex-direction: column;
        align-items: center;
    }
    .calc__amount-label {
        margin-right: 0;
    }
        .calc__amount-value {
        text-align: center;
    }
        .calc__result-label {
        font-size: 22px;
    }

}

.cookies-card {
	width: 520px;
	color: var(--textColor2);
	position: fixed;
	bottom: 15px;
	right: 15px;
	z-index: 999999;
	transition: all 0.5s;

  padding: 39px 35px;
  background-color: var(--cabBack);
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  border-radius: 11px;
  -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05), 0px -3px 0px 0px var(--color3);
  -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05), 0px -3px 0px 0px var(--color3);
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05), 0px -3px 0px 0px var(--color3);
}

.cookies-card.hide {
	bottom: -500px !important;
}
.radius--10px {
	border-radius: 10px;
}

.cookies-card__icon {
	width: 55px;
	height: 55px;
	border-radius: 50%;
	background-color: #6e6f70;
	color: #fff;
	font-size: 32px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.cookies-card__content {
	margin-top: 1em;
	margin-bottom: 1em;
}

.cookies-btn {
	color: #363636;
	text-decoration: none;
	padding: 10px 35px;
	margin: 3px 5px;
	display: inline-block;
	border-radius: 999px;
  margin-top: 1em
}

.cookies-btn:hover {
	color: #363636;
}

@media (max-width: 767px) {
	.cookies-card {
		width: 100%;
		left: 0;
		bottom: 0;
		font-size: 14px;
		padding: 15px;
	}
}
.d-none{
  display: none;
}

.modal {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  transition: opacity 0.3s ease-in-out;
}
.modal.show {
  display: flex !important;
}

.hidden {
  opacity: 0;
  pointer-events: none;
}

.modal-content {
  padding: 35px;
  max-width: 90vw;
  min-width: 300px;
  max-height: 90vh;
  overflow-y: auto;
  max-width: 90%;
  /* transform: translateY(-20px); */
  height: auto;
  transition: height 0.8s ease-in-out, transform 0.8s ease-in-out;

  background-color: var(--cabBack);
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  border-radius: 11px;
  -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05), 0px -3px 0px 0px var(--color3);
  -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05), 0px -3px 0px 0px var(--color3);
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05), 0px -3px 0px 0px var(--color3);
}

@media (max-width: 767px) {
  .modal-content {
    padding: 15px;
  }
}

.modal-content::-webkit-scrollbar {
  width: 8px;
}

.modal-content::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}

.modal-content::-webkit-scrollbar-thumb {
  background: var(--color3);
  border-radius: 10px;
  border: 2px solid var(--cabBack);
}

.modal-content::-webkit-scrollbar-thumb:hover {
  background: darken(var(--color3), 10%);
}

.modal-content {
  scrollbar-width: thin;
  scrollbar-color: var(--color3) var(--cabBack);
}

.modal:not(.hidden) .modal-content {
  transform: translateY(0);
}

.close-btn {
  position: absolute;
  top: 0px;
  right: 14px;
  font-size: 35px;
  font-weight: 900;
  background: none;
  border: none;
  cursor: pointer;
  color: var(--color3);
}

.close-btn:hover {
  color: var(--color3-3);
}

@keyframes rotate {
  0% {
      transform: rotate(0deg);
  }
  100% {
      transform: rotate(360deg);
  }
}

.spinner {
  width: 50px;
  height: 50px;
  color: var(--color3);
  animation: rotate 1s linear infinite;
  margin-left: auto;
  margin-right: auto;
}
.flex{
  display: flex;
}
.justify-center{
  justify-content: center;
} 
.items-center{
  align-items: center;
}
.modal-loader{
  margin: 150px;
}
.staking-buttons{
  margin-top: 5px;
  margin-bottom: 35px;
}
.modal-header {
  padding: 10px 15px 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  text-align: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.modal-header h3 {
  font-size: 20px;
  font-weight: 600;
  margin: 0;
  color: var(--textColor4);
}

.modal-body {
  padding: 15px;
  text-align: center;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.modal-body .article p {
  font-size: 16px;
  margin-bottom: 25px;
  color: var(--textColor4);
}
.arrow-icon {
  padding-right: 0;
  padding-top: 8px;  
  transition: transform 0.2s ease;
}

@media (min-width: 1746px) {
  .arrow-icon {
    padding-right: 8px;
    transform: rotate(-90deg);
  }
}
.main-form-fields{
  display: flex;
}
.pagination-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 14px;
}

.pagination-wrapper a,
.pagination-wrapper span {
  padding: 6px 12px;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 500;
  transition: background 0.2s ease, color 0.2s ease;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  border: 1px solid #d11f00;
}

.pagination-wrapper span:not(.disabled):not(.select-none) {
  background-color: var(--color2, #1e90ff);
  color: white;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  border: 1px solid #8f8f8f;
}

.pagination-wrapper a {
  background-color: #111;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  color: #fff;
  border: 1px solid #00d12a;
}

.pagination-wrapper a:hover {
  background-color: var(--color4, #ddd);
  color: var(--textColor, #111);
}

/* Disabled */
.pagination-wrapper .disabled {
  background-color: #e2e2e2;
  color: #aaa;
  cursor: not-allowed;
}

/* Smooth touch feel */
.pagination-wrapper a,
.pagination-wrapper span {
  min-width: 40px;
  text-align: center;
  user-select: none;
}
.mt-2{
  margin-top: 0.5rem;
}
.mt-3{
  margin-top: 0.75rem;
}
.mt-4{
  margin-top: 1rem;
}
.my-3{
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.mainBalance-stat{
  padding: 10px 30px 10px 10px;
}
.message__chatbox__body {
  padding: 20px;
  background: #f9f9f9;
  border-radius: 10px;
  max-height: 500px;
  overflow-y: auto;
}

.reply-message-area {
  list-style: none;
  margin: 0;
  padding: 0;
}

.reply-message-area li {
  margin-bottom: 15px;
  display: flex;
  flex-direction: column;
}

.user-message {
  align-items: flex-end;
}

.user-message .reply-item {
  background: #e6f0ff;
  color: #004085;
  border-radius: 12px 12px 0 12px;
  max-width: 80%;
  padding: 12px 15px;
}

.support-message {
  align-items: flex-start;
}

.support-message .reply-item {
  background: #f1f1f1;
  color: #333;
  border-radius: 12px 12px 12px 0;
  max-width: 80%;
  padding: 12px 15px;
}

.reply-item .meta-date {
  display: block;
  font-size: 12px;
  color: #888;
  margin-bottom: 8px;
}

.reply-item p {
  margin: 0;
  line-height: 1.5;
  word-wrap: break-word;
}

.name-area h6.title {
  font-size: 14px;
  font-weight: 600;
  margin: 0;
  color: #222;
}

.name-area p {
  font-size: 12px;
  margin: 3px 0 0;
  color: #666;
}
.chat-subject {
  padding: 10px 20px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
}

.chat-subject h4 {
  text-align: center;
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  color: #646464;
  word-break: break-word;
}

@media (max-width: 768px) {
  .user-message .reply-item,
  .support-message .reply-item {
      max-width: 100%;
  }

  .chat-subject{
    width: calc(100vw - 10px);
  }

  .message__chatbox__body {
      max-height: 400px;
      width: calc(100vw - 10px);
  }
  .cabBalance .mining-field, .cabBalance .support-field {
    width: calc(100vw - 25px);
  }

  .reply-item {
      font-size: 14px;
  }
  .chat-subject h4 {
      font-size: 18px;
  }
}
.darkTheme .message__chatbox__body {
  background: #1e1e1e;
}

.darkTheme .user-message .reply-item {
  background: #252a34;
  color: #cdddfc;
}

.darkTheme .support-message .reply-item {
  background: #2c2c2c;
  color: #ddd;
}

.darkTheme .reply-item .meta-date {
  color: #999;
}

.darkTheme .name-area h6.title {
  color: #eee;
}

.darkTheme .name-area p {
  color: #aaa;
}

.darkTheme .chat-subject {
  border-bottom: 1px solid #444;
}

.darkTheme .chat-subject h4 {
  color: #ccc;
}
.faqSection {
  padding: 50px 20px;
  background-color: var(--pageBack);
}

.faqTitle {
  font-size: 32px;
  text-align: center;
  color: var(--textColor2);
  margin-bottom: 40px;
  font-weight: 700;
}

.faqItem {
  border-bottom: 1px solid var(--border);
  margin-bottom: 15px;
  padding-bottom: 15px;
}

.faqQuestion {
  width: 100%;
  background: none;
  border: none;
  text-align: left;
  font-size: 19px;
  font-weight: 500;
  color: var(--textColor2);
  cursor: pointer;
  padding: 10px 0;
  position: relative;
}

.faqQuestion::after {
  content: '+';
  position: absolute;
  right: 0;
  top: 10px;
  font-size: 24px;
  transition: transform 0.3s ease;
}

.faqItem.open .faqQuestion::after {
  content: '–';
}

.faqAnswer {
  display: none;
  padding-top: 10px;
  color: var(--textColor);
  font-size: 17px;
  line-height: 1.6;
}

.faqItem.open .faqAnswer {
  display: block;
}

/* Dark theme */
.darkTheme .faqTitle {
  color: var(--textColor5);
}

.darkTheme .faqQuestion {
  color: var(--textColor5);
}

.darkTheme .faqAnswer {
  color: var(--textColor7);
}

.darkTheme .faqItem {
  border-color: var(--border);
}

/* Mobile */
@media (max-width: 768px) {
  .faqTitle {
    font-size: 26px;
  }
  .faqQuestion {
    font-size: 17px;
  }
  .faqAnswer {
    font-size: 15px;
  }
}

.not{
  color: var(--color3) !important;
}
.yes{
  color: var(--color4) !important;
}