@font-face {
  font-family: 'Inter';
  src: url("Inter-Thin.eot");
  src: url("Inter-Thin.eot?#iefix") format("embedded-opentype"), url("Inter-Thin.woff2") format("woff2"), url("Inter-Thin.woff") format("woff"), url("Inter-Thin.ttf") format("truetype"), url("Inter-Thin.svg#Inter-Thin") format("svg");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url("Inter-ExtraLight.eot");
  src: url("Inter-ExtraLight.eot?#iefix") format("embedded-opentype"), url("Inter-ExtraLight.woff2") format("woff2"), url("Inter-ExtraLight.woff") format("woff"), url("Inter-ExtraLight.ttf") format("truetype"), url("Inter-ExtraLight.svg#Inter-ExtraLight") format("svg");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url("Inter-Light.eot");
  src: url("Inter-Light.eot?#iefix") format("embedded-opentype"), url("Inter-Light.woff2") format("woff2"), url("Inter-Light.woff") format("woff"), url("Inter-Light.ttf") format("truetype"), url("Inter-Light.svg#Inter-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url("Inter-Regular.eot");
  src: url("Inter-Regular.eot?#iefix") format("embedded-opentype"), url("Inter-Regular.woff2") format("woff2"), url("Inter-Regular.woff") format("woff"), url("Inter-Regular.ttf") format("truetype"), url("Inter-Regular.svg#Inter-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url("Inter-Medium.eot");
  src: url("Inter-Medium.eot?#iefix") format("embedded-opentype"), url("Inter-Medium.woff2") format("woff2"), url("Inter-Medium.woff") format("woff"), url("Inter-Medium.ttf") format("truetype"), url("Inter-Medium.svg#Inter-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url("Inter-SemiBold.eot");
  src: url("Inter-SemiBold.eot?#iefix") format("embedded-opentype"), url("Inter-SemiBold.woff2") format("woff2"), url("Inter-SemiBold.woff") format("woff"), url("Inter-SemiBold.ttf") format("truetype"), url("Inter-SemiBold.svg#Inter-SemiBold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url("Inter-Bold.eot");
  src: url("Inter-Bold.eot?#iefix") format("embedded-opentype"), url("Inter-Bold.woff2") format("woff2"), url("Inter-Bold.woff") format("woff"), url("Inter-Bold.ttf") format("truetype"), url("Inter-Bold.svg#Inter-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url("Inter-ExtraBold.eot");
  src: url("Inter-ExtraBold.eot?#iefix") format("embedded-opentype"), url("Inter-ExtraBold.woff2") format("woff2"), url("Inter-ExtraBold.woff") format("woff"), url("Inter-ExtraBold.ttf") format("truetype"), url("Inter-ExtraBold.svg#Inter-ExtraBold") format("svg");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url("Inter-Black.eot");
  src: url("Inter-Black.eot?#iefix") format("embedded-opentype"), url("Inter-Black.woff2") format("woff2"), url("Inter-Black.woff") format("woff"), url("Inter-Black.ttf") format("truetype"), url("Inter-Black.svg#Inter-Black") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'icomoon';
  src: url("icomoon.eot?1fsmkv");
  src: url("icomoon.eot?1fsmkv#iefix") format("embedded-opentype"), url("icomoon.ttf?1fsmkv") format("truetype"), url("icomoon.woff?1fsmkv") format("woff"), url("icomoon.svg?1fsmkv#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-facebook:before {
  content: "\e901";
  font-size: 1.15em;
  position: relative;
  top: -1px;
}

.icon-twitter:before {
  content: "\e900";
}

.icon-linkedin:before {
  content: "\e903";
}

.icon-instagram:before {
  content: "\e902";
}

.icon-telegram:before {
  content: "\e904";
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  /* color: #ffffff; */
  color: #6d6f78;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

p {
  margin-bottom: 1.5em;
}

h1,
.h1 {
  font-size: 3.55em;
  font-weight: 600;
  line-height: 1.15;
  margin: 1.45em 0;
  color: #fff;
}

h2,
.h2 {
  font-size: 3em;
  font-weight: 500;
  line-height: 1.2;
  margin: 1.8em 0 1.45em;
  color: #fff;
}

h3,
.h3 {
  font-size: 2em;
  font-weight: 600;
  line-height: 1.19;
  margin: 1.45em 0 1.0em;
  color: #fff;
}

h4,
.h4 {
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.2;
  margin: 1.45em 0 1.0em;
  color: #fff;
}

h5,
.h5 {
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.2;
  margin: 1.45em 0 1.0em;
  color: #fff;
}

h6,
.h6 {
  font-size: 1.125em;
  font-weight: 600;
  line-height: 1.2;
  margin: 1.0em 0 0.5em;
  color: #fff;
}

a {
  color: inherit;
  text-decoration: underline;
  /* cursor: url(https://satsback.com/assets/media/icons/pointing.png), pointer; */
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.main-menu-link,
.footer-menu-link,
.social-button,
.button,
.article-min {
  text-decoration: none;
}

a:hover,
a.curren {
  color: #00f388;
}

ul {
  list-style: none;
}

ol {
  padding-left: 1.5em;
}

ol ol {
  padding-left: 2.5em;
}

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

input {
  outline: none;
}

.page-wrapper {
  background-color: #0b0f1e;
  min-height: 100vh;
  overflow: hidden;
}

.width-container {
  width: calc(100% - 6.25em);
  margin: 0 auto;
}

.full-height {
  min-height: calc(100vh - 10.6375em);
  display: flex;
  align-items: center;
  justify-content: center;
}

.stop-scroll {
  overflow: hidden;
}

.icon {
  display: inline-block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 0.75em;
  height: 0.75em;
  margin-right: 0.1em;
}

.icon.shop {
  background-image: url(https://satsback.com/assets/media/icons/store-icon.svg);
}

.icon.cart {
  background-image: url(https://satsback.com/assets/media/icons/cart-icon.svg);
}

.icon.bitcoin {
  background-image: url(https://satsback.com/assets/media/icons/bitcoin-icon.svg);
}

.site-main {
  min-height: calc(100vh - 10.6375em);
}

.button {
  color: #0b0f1e;
  font-family: "Inter";
  font-size: 1em;
  font-weight: 500;
  text-align: center;
  line-height: 1;
  display: inline-block;
  background-color: #00f388;
  border: 1px solid #00f388;
  border-radius: 0.625em;
  padding: 0.81em 1.84em;
  cursor: pointer;
  -webkit-transition: color 0.3s, background-color 0.3s, border-color 0.3s;
  transition: color 0.3s, background-color 0.3s, border-color 0.3s;
}

.button:hover {
  color: #00f388;
  background-color: #0b0f1e;
}

.button.disactive {
  color: #6d6f78;
  background-color: #3c3f4b;
  border-color: #3c3f4b;
  cursor: url(https://satsback.com/assets/img/cursor-disactive.png), url(https://satsback.com/assets/img/cursor-disactive.cur), default;
}

.button.disactive:hover {
  color: #6d6f78;
  background-color: #3c3f4b;
  border-color: #3c3f4b;
}

.button.inversion {
  color: #00f388;
  background-color: #0b0f1e;
}

.button.inversion:hover {
  color: #0b0f1e;
  background-color: #00f388;
}

.button.white {
  color: #0b0f1e;
  background-color: #ffffff;
  border-color: #0b0f1e;
}

.button.white:hover {
  color: #ffffff;
  background-color: #0b0f1e;
  border-color: #ffffff;
}

.button.white.disactive {
  color: #ffffffb3;
  border-color: #6d6f78;
  background-color: #6d6f78;
  cursor: url(https://satsback.com/assets/img/cursor-disactive.png), url(https://satsback.com/assets/img/cursor-disactive.cur), default;
}

.button.white.disactive:hover {
  color: #ffffffb3;
  border-color: #6d6f78;
  background-color: #6d6f78;
}

.button.white-inversion {
  color: #ffffff;
  background-color: #0b0f1e;
  border-color: #ffffff;
}

.button.white-inversion:hover {
  color: #0b0f1e;
  background-color: #ffffff;
  border-color: #0b0f1e;
}

.button.white-inversion.disactive {
  color: #6d6f78;
  border-color: #6d6f78;
  cursor: url(https://satsback.com/assets/img/cursor-disactive.png), url(https://satsback.com/assets/img/cursor-disactive.cur), default;
}

.button.white-inversion.disactive:hover {
  color: #6d6f78;
  border-color: #6d6f78;
  background-color: #0b0f1e;
}

.button.red {
  color: #0b0f1e;
  background-color: #eb5757;
  border-color: #eb5757;
}

.button.red:hover {
  color: #eb5757;
  background-color: #0b0f1e;
  border-color: #eb5757;
}

.button.red.disactive {
  color: #6d6f78;
  background-color: #3c3f4b;
  border-color: #3c3f4b;
  cursor: url(https://satsback.com/assets/img/cursor-disactive.png), url(https://satsback.com/assets/img/cursor-disactive.cur), default;
}

.goto-btn {
  display: block;
  width: 2.5625em;
  height: 2.8125em;
  background: none;
  border: none;
  position: relative;
}

.goto-btn::before {
  content: '';
  position: absolute;
  display: block;
  background: url(https://satsback.com/assets/media/icons/scroll-down.svg) center center no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-animation: arrowBottom 0.8s ease infinite paused;
          animation: arrowBottom 0.8s ease infinite paused;
}

.goto-btn:hover::before {
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

.swiper-button-prev,
.swiper-button-next {
  border: 1px solid #3c3f4b;
  border-radius: 2em;
  width: 5.25em;
  height: 3.375em;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.swiper-button-prev::after,
.swiper-button-next::after {
  content: '';
  font-size: 1em;
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.3em;
  height: 1.3em;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
  background-color: #fff;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 1;
}

.swiper-button-prev.swiper-button-disabled:after,
.swiper-button-next.swiper-button-disabled:after {
  opacity: 0.5;
}

.swiper-button-prev::after {
  background-image: url(https://satsback.com/assets/img/icon-arrow-left-gray.png);
}

.swiper-button-next::after {
  background-image: url(https://satsback.com/assets/img/icon-arrow-right-gray.png);
}

.info-main-wrapper {
  padding: 1.5em 34.5% 4.2em 0;
}

.little-text {
  font-size: 0.875em;
}

.little-text p {
  margin-bottom: 1.2em;
}

.faq-block {
  width: 52%;
  margin: 0 auto;
  padding: 2.5em 0 8em;
}

.faq-block .block-title {
  text-align: center;
  margin: 1.15em 0;
}

.accordeon-item {
  border-bottom: 1px solid #20232f;
}

.accordeon-title {
  margin: 0;
  padding: 0.85em 1.5em 0.85em 0;
  position: relative;
  cursor: pointer;
}

.opened .accordeon-title::before {
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: #00f388;
  border-top-color: #00f388;
  top: calc(50% - 0.05em);
}

.accordeon-title::before {
  content: '';
  position: absolute;
  display: block;
  border: 2px solid #00f388;
  border-left-color: transparent;
  border-top-color: transparent;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 0.35em;
  height: 0.35em;
  top: calc(50% - 0.35em);
  right: 0.25em;
  -webkit-transition: border-color 0.5s, top 0.5s;
  transition: border-color 0.5s, top 0.5s;
}

.accordeon-content {
  color: #6d6f78;
  overflow: hidden;
  padding: 0 0 1.3em;
}
.accordeon-content ul {
  list-style-type: disc;
  list-style-position: outside;
  padding-left: 1.5em;
  margin: 0.5em 0;
}
.accordeon-content ul li {
  margin-bottom: 0.5em;
}
.accordeon-content a {
  color: #ffffff;
}
.accordeon-content a:hover {
  color: #00f388;
}

.form-item {
  margin-bottom: 1.5em;
  position: relative;
}

.label-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  /* -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; */
  margin-bottom: 0.5em;
}

.error-text {
  color: #EB5757;
  font-size: 0.875em;
  font-weight: 500;
  line-height: 1.3;
  display: none;
}

.error .error-text {
  display: block;
}

.form-label {
  color: #6d6f78;
  font-size: 0.875em;
  font-weight: 500;
  line-height: 1.3;
  display: block;
}

.input-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.input-wrapper::before {
  content: '';
  position: absolute;
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.2em;
  height: 1.2em;
  left: 2em;
}

.input-wrapper.email::before {
  background-image: url(https://satsback.com/assets/media/icons/mail-icon.svg);
}

.input-wrapper.username::before {
  background-image: url(https://satsback.com/assets/media/icons/icon-user-green.png);
}

.input-wrapper.country::before {
  background-image: url(https://satsback.com/assets/media/icons/icon-country-green.png);
}

.input-wrapper.password::before {
  background-image: url(https://satsback.com/assets/media/icons/key-icon.svg);
}

.input-wrapper.password .show-password {
  content: '';
  position: absolute;
  background-image: url(https://satsback.com/assets/media/icons/eye-icon.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.25em;
  height: 1em;
  right: 1.6em;
  cursor: pointer;
}

.input-wrapper.password .show-password.hide {
  background-image: url(https://satsback.com/assets/media/icons/icon-eye-hide-gray.png);
}

.input-wrapper.search::before {
  background-image: url(https://satsback.com/assets/media/icons/icon-search-gray.png);
}

.input-wrapper.local::before {
  background-image: url(https://satsback.com/assets/media/icons/icon-local.png);
}

.input-wrapper.categories::before {
  background-image: url(https://satsback.com/assets/media/icons/grid-icon.svg);
}

.input-wrapper.lightning::before {
  background-image: url(https://satsback.com/assets/media/icons/lightning-icon.svg);
}

.input-wrapper.check::before {
  background-image: url(https://satsback.com/assets/media/icons/check-icon.svg);
  width: 1.5em;
  height: 1.5em;
}

.form-input {
  color: #ffffff;
  font-size: 1em;
  font-weight: 400;
  width: 100%;
  background-color: #191d2b;
  border: 1px solid #ffffff1a;
  border-radius: 0.625em;
  padding: 1.05em 1.3em 1.05em 4.2em;
}

.form-input::-webkit-input-placeholder {
  color: #6d6f78;
}

.form-input:-ms-input-placeholder {
  color: #6d6f78;
}

.form-input::-ms-input-placeholder {
  color: #6d6f78;
}

.form-input::placeholder {
  color: #6d6f78;
}

.error .form-input::-webkit-input-placeholder {
  color: #EB5757;
  opacity: 1;
}

.error .form-input:-ms-input-placeholder {
  color: #EB5757;
  opacity: 1;
}

.error .form-input::-ms-input-placeholder {
  color: #EB5757;
  opacity: 1;
}

.error .form-input::placeholder {
  color: #EB5757;
  opacity: 1;
}

.form-input:-webkit-autofill, .form-input:-webkit-autofill:hover, .form-input:-webkit-autofill:focus, .form-input:-webkit-autofill:active {
  background-color: #191d2b;
}

.select-item {
  z-index: 10;
}

.select-item .input-wrapper::before {
  z-index: 11;
}

.select-item .input-wrapper::after {
  content: '';
  position: absolute;
  display: block;
  border: 2px solid #6d6f78;
  border-top-color: transparent;
  border-left-color: transparent;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 0.4em;
  height: 0.4em;
  top: calc(50% - 0.5em);
  right: 1.9em;
  z-index: 11;
  -webkit-transition: border-color 0.3s, top 0.3s;
  transition: border-color 0.3s, top 0.3s;
  cursor: pointer;
}

.select-item .input-wrapper.opened::after {
  border-top-color: #6d6f78;
  border-left-color: #6d6f78;
  border-bottom-color: transparent;
  border-right-color: transparent;
  top: calc(50% - 0.1em);
}

.form-select {
  cursor: pointer;
  z-index: 1;
}

.select-list {
  display: none;
  position: absolute;
  top: calc(100% + 0.7em);
  width: 100%;
  max-height: 250px;
  padding: 1.6em 2.2em 1.0em;
  background-color: #191d2b;
  border: 1px solid #ffffff1a;
  border-radius: 0.625em;
  overflow: auto;
}

.select-option {
  display: block;
  margin-bottom: 0.5em;
  cursor: pointer;
}

.select-option.hide {
  display: none;
}

.select-option:hover {
  color: #00f388;
}

.checkbox-item {
  margin-bottom: 1.5em;
  padding: 0.1em 0;
}

.form-checkbox {
  position: absolute;
  opacity: 0;
  z-index: -1000;
}

.checkbox-item .form-checkbox + .form-label::before {
  content: "\2713";
  color: transparent;
  display: inline-block;
  background-color: #191d2b;
  border: 1px solid #ffffff1a;
  border-radius: 5px;
  font-size: 25px;
  font-weight: 400;
  line-height: 21px;
  margin: -5px 10px 0 0;
  height: 24px;
  width: 24px;
  text-align: center;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: color ease .3s, background-color ease 0.3s;
  transition: color ease .3s, background-color ease 0.3s;
  position: relative;
  top: 0.1em;
}

.checkbox-item.error .form-checkbox + .form-label::before {
  border-color: #EB5757;
}

.checkbox-item .form-checkbox:checked + .form-label::before {
  color: #0b0f1e;
  background-color: #00f388;
}

.file-item .label-wrapper {
  margin-bottom: 0;
}

.file-item .form-label {
  color: #ffffff;
  font-size: 1em;
  font-weight: 500;
  text-align: center;
  border: 1px solid #ffffff;
  border-radius: 0.625em;
  padding: 0.81em 1.84em;
  min-width: 20em;
  position: relative;
  overflow: hidden;
  -webkit-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s;
}

.file-item .form-label.hover-enable {
  cursor: pointer;
}

.file-item .form-label.hover-enable:hover {
  color: #0b0f1e;
  background-color: #ffffff;
}

.file-item .uploading-progress {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #3c3f4b;
}

.file-item .uploading-text {
  position: relative;
}

.file-item .uploaded-text {
  vertical-align: middle;
}

.file-item .uploaded-delete-btn {
  color: #0b0f1e;
  vertical-align: middle;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 1em;
  height: 1em;
  margin-left: 0.7em;
  background-color: #6d6f78;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.file-item .uploaded-delete-btn::before {
  content: '';
  position: absolute;
  display: block;
  background-color: #0b0f1e;
  width: 50%;
  height: 2px;
}

.file-item .uploaded-delete-btn:hover {
  background-color: #EB5757;
}

.file-item .input-wrapper {
  position: absolute;
  opacity: 0;
  z-index: -1000;
  top: 0;
  left: 0;
}


.form-item-switch {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.form-item-switch .label-wrapper {
  margin-bottom: 0;
}
.form-item-switch .subtext {
  width: calc(96% - 60px);
}
.switch-label {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}
.switch-label .switch-input {
  display:none;
}
.switch-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ffffff0f;
  border: 1px solid #ffffff1a;
  -webkit-transition: .4s;
  transition: .4s;
}

.switch-slider::before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 3px;
  bottom: 3px;
  background-color: #bababa;
  -webkit-transition: .4s;
  transition: .4s;
}

.switch-input:checked + .switch-slider {
  background-color: #00f388;
  border-color: #00f388;
}

.switch-input:focus + .switch-slider {
  box-shadow: 0 0 1px #00f388;
}

.switch-input:checked + .switch-slider::before {
  background-color: #0b0f1e;
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.switch-slider.round {
  border-radius: 34px;
}

.switch-slider.round::before {
  border-radius: 50%;
}




.error-text {
  margin-bottom: 1em;
}

.alert-wrapper {
  margin-bottom: 3em;
}

.alert {
  padding: 2.0em 2.25em 2.2em;
  border-radius: 0.5em;
  position: relative;
}
.alert a {
  text-decoration: underline;
}
.alert-success {
  color: #00f388;
  background-color: #00f38814;
  border: 1px solid #00f388;
  padding: 1.2em 3.25em 1.4em 2.25em;
}
.alert-info {
  color: #ffffff;
  background-color: #ffffff26;
  border: 1px solid #ffffff52;
  padding: 1.2em 3.25em 1.4em 2.25em;
}
.alert-danger {
  color: #ff0000;
  background-color: #4e2727;
  border: 1px solid #da0000;
  padding: 1.2em 3.25em 1.4em 2.25em;
}

.alert-primary {
  color: #ffffff;
  background-color: #191d2b;
  border: 1px solid #ffffff1a;
}

.alert-primary, p {
  color: #6d6f78;
}
.message-wrapper {
  margin: 1em auto;
}
.alert .close {
  color: #0b0f1e;
  font-size: 1.2em;
  line-height: 0.9;
  position: absolute;
  right: 1.2em;
  top: 50%;
  transform: translate(0, -50%);
  display: block;
  padding: 0 0.1em;
  background-color: #00f388;
  border: 1px solid #00f388;
  border-radius: 3px;
  cursor: pointer;
}
.alert-info .close {
  color: #0b0f1e;
  background-color: #ffffff;
  border: 1px solid #ffffff;
}
.alert-danger .close {
  color: #0b0f1e;
  background-color: #e30000;
  border: 1px solid #e30000;
}
.small {
  font-size: 0.75em;
}
.badge {
  border-radius: 0.625em;
  padding: 0.41em 0.84em;
  position: absolute;
  top: 105%;
  left: 0;
}
.badge-success {
  color: #ffffff;
  border: 1px solid #00f388;
  background-color: #2e5f49;
}
table.dataTable .sorting,
table.dataTable .sorting_desc,
table.dataTable .sorting_asc,
.history-table .sorting {
  padding-right: 2.2em;
  position: relative;
}
table.dataTable .sorting::before,
table.dataTable .sorting::after,
table.dataTable .sorting_desc::before,
table.dataTable .sorting_desc::after,
table.dataTable .sorting_asc::before,
table.dataTable .sorting_asc::after,
.history-table .header-table-row .sorting::before,
.history-table .header-table-row .sorting::after {
  color: #ffffff;
  font-family: 'Poppins', sans-serif;
  position: absolute;
  bottom: calc(50% - 0.5em);
  display: block;
  opacity: 0.3;
  border-right: 0;
  width: auto;
  height: auto;
  top: auto;
  left: auto;
}
table.dataTable .sorting::before,
table.dataTable .sorting_desc::before,
table.dataTable .sorting_asc::before,
.history-table .header-table-row .sorting::before {
  content: '\2191';
  right: 1em;
}
table.dataTable .sorting::after,
table.dataTable .sorting_desc::after,
table.dataTable .sorting_asc::after,
.history-table .header-table-row .sorting::after {
  content: '\2193';
  right: 0.5em;
}
table.dataTable .sorting_asc::before,
table.dataTable .sorting_desc::after,
.history-table .header-table-row .sorting.sorting_asc::before,
.history-table .header-table-row .sorting.sorting_desc::after {
  opacity: 1;
}
/* .history-table-wrapper .sorting_desc */

.anim-shift-top {
  opacity: 0;
  -webkit-transform: translate(0, 50px);
          transform: translate(0, 50px);
  -webkit-animation: shiftTop 0.8s ease 0.5s 1 normal forwards paused;
          animation: shiftTop 0.8s ease 0.5s 1 normal forwards paused;
}

.anim-run .anim-shift-top {
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

.anim-shift-bottom {
  opacity: 0;
  -webkit-transform: translate(0, -50px);
          transform: translate(0, -50px);
  -webkit-animation: shiftBottom 1s ease 0.5s 1 normal forwards paused;
          animation: shiftBottom 1s ease 0.5s 1 normal forwards paused;
}

.anim-run .anim-shift-bottom {
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

.anim-shift-right {
  opacity: 0;
  -webkit-transform: translate(-50px, 0);
          transform: translate(-50px, 0);
  -webkit-animation: shiftRight 1s ease 0.5s 1 normal forwards paused;
          animation: shiftRight 1s ease 0.5s 1 normal forwards paused;
}

.anim-run .anim-shift-right {
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

.anim-shift-left {
  opacity: 0;
  -webkit-transform: translate(50px, 0);
          transform: translate(50px, 0);
  -webkit-animation: shiftLeft 1s ease 0.5s 1 normal forwards paused;
          animation: shiftLeft 1s ease 0.5s 1 normal forwards paused;
}

.anim-run .anim-shift-left {
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

.anim-shift-top-right {
  opacity: 0;
  -webkit-transform: translate(-50px, -50px);
          transform: translate(-50px, -50px);
  -webkit-animation: shiftTopRight 1s ease 0.5s 1 normal forwards paused;
          animation: shiftTopRight 1s ease 0.5s 1 normal forwards paused;
}

.anim-run .anim-shift-top-right {
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

.anim-shift-top-left {
  opacity: 0;
  -webkit-transform: translate(50px, -50px);
          transform: translate(50px, -50px);
  -webkit-animation: shiftTopLeft 1s ease 0.5s 1 normal forwards paused;
          animation: shiftTopLeft 1s ease 0.5s 1 normal forwards paused;
}

.anim-run .anim-shift-top-left {
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

.anim-fade-out {
  opacity: 0;
  -webkit-animation: fadeOut 2s ease 0.5s 1 normal forwards paused;
          animation: fadeOut 2s ease 0.5s 1 normal forwards paused;
}

.anim-run .anim-fade-out {
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

.anim-change-width {
  width: 120%;
  -webkit-animation: changeWidth 3s linear 0 1 infinite normal forwards paused;
          animation: changeWidth 3s linear 0 1 infinite normal forwards paused;
}

@-webkit-keyframes arrowBottom {
  from {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  to {
    -webkit-transform: translate(0, 20px);
            transform: translate(0, 20px);
  }
}

@keyframes arrowBottom {
  from {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  to {
    -webkit-transform: translate(0, 20px);
            transform: translate(0, 20px);
  }
}

@-webkit-keyframes shiftTop {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 50px);
            transform: translate(0, 50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes shiftTop {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 50px);
            transform: translate(0, 50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@-webkit-keyframes shiftBottom {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, -50px);
            transform: translate(0, -50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes shiftBottom {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, -50px);
            transform: translate(0, -50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@-webkit-keyframes shiftLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate(50px, 0);
            transform: translate(50px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes shiftLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate(50px, 0);
            transform: translate(50px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@-webkit-keyframes shiftRight {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50px, 0);
            transform: translate(-50px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes shiftRight {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50px, 0);
            transform: translate(-50px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@-webkit-keyframes shiftTopRight {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50px, -50px);
            transform: translate(-50px, -50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes shiftTopRight {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50px, -50px);
            transform: translate(-50px, -50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@-webkit-keyframes shiftTopLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate(50px, -50px);
            transform: translate(50px, -50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes shiftTopLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate(50px, -50px);
            transform: translate(50px, -50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes changeWidth {
  0% {
    width: 120%;
  }
  50% {
    width: 70%;
  }
  100% {
    width: 120%;
  }
}

@keyframes changeWidth {
  0% {
    width: 120%;
  }
  50% {
    width: 70%;
  }
  100% {
    width: 120%;
  }
}
@keyframes loadingSpinner {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}

/* ============================= */

.text-center {
  text-align: center;
}
.space-1, .space-top-1 {
	padding-top: 2rem;
}
.space-1, .space-bottom-1 {
	padding-bottom: 2rem;
}
.border-bottom {
	border-bottom: 1px solid #e7eaf3;
}
.article-block .content .row {
  display: flex;
  flex-wrap: wrap;
}
.article-block .content .col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
.article-main a:not(.button, .social-button) {
  text-decoration: underline;
}
.rounded {
  border-radius: .3125rem;
}
.article-block .content li {
  line-height: 2em;
}
.article-block .content ol {
  margin-bottom: 1.5em;
}
.article-block .content ul {
  list-style: disc;
  padding-left: 1em;
  margin-bottom: 1.5em;
}
blockquote,
.blockquote {
  margin-bottom: 1.5em;
}
.font-italic {
	font-style: italic;
}
.mb-0,
.my-0 {
	margin-bottom: 0;
}
.blockquote-footer {
  color: #6d6f78;
  font-size: 0.8em;
  display: block;
  margin-top: 0.3em;
}
.blockquote-footer::before {
	content: "\2014\00A0";
}

/* ============================= */

.site-header {
  border-bottom: 1px solid #141a2b;
}

.site-header-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.25em 0;
}

.site-header-wrapper .logo-wrapper {
  display: block;
  width: 11.25em;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.site-header-wrapper .logo-wrapper.mobile {
  display: none;
}

.site-header-wrapper .logo-wrapper:hover {
  opacity: 0.7;
}

.site-logo {
  display: block;
  width: 100%;
}

.main-navigation.dashboard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(96.5% - 11.25em);
  position: relative;
}

.main-navigation-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.main-menu-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.main-menu-list.mobile {
  display: none;
}

.main-menu-item {
  margin-left: 1.875em;
}

.main-menu-item-stores {
  margin-left: 1.875em;
  color: #00f388;
}

.main-nav-button-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 1.25em;
}

.main-nav-button-list .button {
  margin-left: 0.625em;
}

.main-nav-button-list .button:hover {
  color: #0b0f1e;
  background-color: #ffffff;
  border-color: #ffffff;
}

.menu-open {
  display: none;
  border-radius: 0;
  border: none;
  background-color: transparent;
  cursor: pointer;
}

.menu-open span {
  background-color: #ffffff;
  display: block;
  height: 2px;
  margin-left: auto;
  margin-bottom: 6px;
}

.menu-open span.top {
  width: 24px;
}

.menu-open span.center {
  width: 20px;
}

.menu-open span.bottom {
  width: 16px;
  margin-bottom: 0;
}

.menu-close {
  display: none;
  border-radius: 0;
  border: none;
  background-color: transparent;
  width: 24px;
  height: 24px;
  cursor: pointer;
}

.menu-close span {
  background-color: #ffffff;
  display: block;
  height: 2px;
  width: 30px;
}

.menu-close span.top {
  -webkit-transform: translate(-2px, 1px) rotate(45deg);
          transform: translate(-2px, 1px) rotate(45deg);
}

.menu-close span.bottom {
  -webkit-transform: translate(-2px, -1px) rotate(-45deg);
          transform: translate(-2px, -1px) rotate(-45deg);
}

.connection-navigation {
  padding-right: 2em;
}

.connection-navigation .connect-button {
  width: 3.125em;
  height: 3.125em;
  position: relative;
  cursor: pointer;
}

.connection-navigation .connect-button::before {
  content: '';
  position: absolute;
  display: block;
  border: 2px solid #3c3f4b;
  border-bottom-right-radius: 2px;
  border-top-left-radius: 2px;
  border-left-color: transparent;
  border-top-color: transparent;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 0.5em;
  height: 0.5em;
  top: calc(50% - 0.5em);
  left: calc(100% + 0.7em);
  z-index: 1000;
}

.connection-navigation img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
  border-radius: 0.5em;
}

.connection-menu-list {
  display: none;
  position: absolute;
  top: calc(100% + 0.5em);
  right: 2em;
  background-color: #20232f;
  border-radius: 0.5em;
  padding: 0.95em 1.3em;
  min-width: 11em;
}

.connection-menu-link {
  position: relative;
  padding-left: 1.8em;
}

.connection-menu-link::before {
  content: '';
  position: absolute;
  display: block;
  background: url(https://satsback.com/assets/img/icon-logout.png) center center no-repeat;
  background-size: contain;
  width: 1.1em;
  height: 1.1em;
  top: calc(50% - 0.55em);
  left: 0;
}

.site-footer-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.8em 0;
}

.site-footer-wrapper .left-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
}

.site-footer-wrapper .logo-wrapper {
  display: block;
  width: 11.25em;
  margin-bottom: 0.875em;
  opacity: 0.5;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.site-footer-wrapper .logo-wrapper:hover {
  opacity: 1;
}

.site-footer-wrapper .right-column {
  min-width: 17.1875em;
}

.copyright {
  color: #ffffff67;
  font-size: 0.875em;
}

.footer-menu-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.footer-menu-item {
  margin: 0 0.9375em;
}

.footer-menu-link {
  font-size: 0.875em;
  color: #fff;
}

.social-nav-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.social-nav-menu .social-button {
  margin-left: 0.825em;
}

.social-button {
  color: #ffffff80;
  font-size: 1.5em;
  display: block;
  background-color: #0b0f1e;
  border-radius: 50%;
}

.main-banner {
  min-height: 34.375em;
  background: url(banner.png) center center no-repeat;
  background-size: cover;
  padding: 2.5em;
}

.banner-title {
  max-width: 11.3em;
  margin: 0 auto;
}

.banner-title span {
  color: #00F388;
}

.home-connection-block {
  color: #0b0f1e;
  background-color: #ffffff;
}

.home-connection-block .left-column {
  width: 50%;
}

.home-connection-block .left-column h3 {
  color: #0B0F1E;
}

.home-connection-block .left-column .text-wrapper {
  margin-bottom: 3em;
}

.home-connection-block .left-column .button-wrapper .button.white:hover {
  background-color: #0b0f1e;
  color: #00F388;
  border-color: #00F388;
}

.home-connection-block h3 {
    font-size: 3rem;
    font-weight: 600;
    line-height: 1.5;
    margin: 0 0 10px;
}

.home-connection-block .text-wrapper strong {
    font-size: inherit;
    font-weight: 600;
    line-height: 1.5;
}

.home-connection-block .right-column {
  text-align: right;
  width: 33%;
}

.home-connection-block .right-column .text-wrapper {
  margin-bottom: 2.6em;
}

.home-connection-block .button.white:hover {
  background-color: #00F388;
  color: #0B0F1E;
  border-color: #00F388;
}
.home-connection-block .button.white-inversion {
  color: #0b0f1e;
  background-color: #00f388;
  border-color: #00f388;
}
.home-connection-block .button.white-inversion:hover {
  background-color: #ffffff;
}

.home-connection-block .button.white-inversion:hover {
  color: #00F388;
  border-color: #00F388;
}

.home-connection-block .goto-btn {
  margin-left: auto;
}

.home-connection-block-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 3.2em 0;
}

.advantages-block {
  background-color: #141a2b;
}

.advantages-block-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

.advantage {
  width: 33.33%;
  display: flex;
  flex-direction: column;
  padding: 3.2em 3% 0.3em;
}

.advantage:nth-child(2),
.advantage:nth-child(5) {
  border: 1px solid #ffffff26;
  border-top: none;
  border-bottom: none;
}
.advantage:nth-child(4),
.advantage:nth-child(5),
.advantage:nth-child(6) {
  padding-top: 0;
}

.advantage .title {
  text-align: center;
  margin: 0 0 0.94em;
  line-height: 1.3;
  min-height: 82px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.advantage .description {
    text-align: center;
    color: #6D6F78;
}

.advantage .image-wrapper {
  width: 100%;
  height: 25vw;
  margin-top: auto;
}

.advantage:nth-child(2) .image-wrapper {
    -webkit-transform: translateY(-15%);
        -ms-transform: translateY(-15%);
            transform: translateY(-15%);
}

.advantage:nth-child(3) .image-wrapper {
    -webkit-transform: translateY(-12%);
        -ms-transform: translateY(-12%);
            transform: translateY(-12%);
}

.advantage img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
}

.instruction-block .left-column {
  width: 50%;
}

.instruction-block .title {
  margin: 0 0 1.1em;
}

.instruction-block .sub-title {
  margin-bottom: 0.55em;
}

.instruction-block .content {
  color: #6d6f78;
  padding-left: 2.25em;
}

.instruction-block .right-column {
  width: 42.2%;
}

.instruction-block .image-wrapper {
  width: 91%;
}

.instruction-block img {
  width: 100%;
}

.instruction-block-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 11.1% 0 11.3%;
}

.text-image-block {
  background-color: #141a2b;
}

.text-image-block .left-column {
  width: 55%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.home-main .try-now-block .left-column {
  width: 48%;
}

.text-image-block .title {
  margin: 0.5em 0 0.65em;
}

.text-image-block .content {
  color: #6d6f78;
  margin-bottom: 7.5em;
}

.text-image-block .right-column {
  width: 38.7%;
}

.text-image-block .image-wrapper {
  width: 84.5%;
}

.text-image-block img {
  width: 100%;
}

.text-image-block-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 2.8em 4.9% 4em;
}

.automatically-block .title {
  text-align: center;
  margin-bottom: 0.65em;
}

.automatically-block .content {
  color: #6d6f78;
  text-align: center;
  max-width: 40em;
  margin: 0 auto 3.1em;
}

.automatically-block .button-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: -0.7em;
}

.automatically-block img {
  width: 100%;
  display: block;
}

.automatically-block-wrapper {
  padding-top: 5%;
}

.participants-block {
  background-color: #141a2b;
}

.participants-block .title {
  text-align: center;
  margin: 0 0 5.2%;
}

.participants-block-wrapper {
  padding: 5.5% 0 0.3%;
}

.participants-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.participant {
  width: 23%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 1% 0 6%;
}

.write-block .title {
  margin-bottom: 1.1em;
}

.write-block .swiper-container {
  height: 100%;
  padding-bottom: 5.3em;
}

.write-block .swiper-container::before, .write-block .swiper-container::after {
  content: '';
  position: absolute;
  display: block;
  background-color: #3c3f4b;
  width: 1px;
  height: calc(100% - 5.3em);
  top: 0;
}

.write-block .swiper-container::before {
  left: 0;
}

.write-block .swiper-container::after {
  right: 0;
}

.write-block .swiper-wrapper {
  border-right: 1px solid #3c3f4b;
}

.write-block .swiper-slide {
  border: 1px solid #3c3f4b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-right: none;
}

.write-block .image-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 90%;
  height: 90%;
}

.write-block .swiper-button-prev {
  left: 0;
  top: auto;
  bottom: 0;
}

.write-block .swiper-button-next {
  left: 6.5em;
  right: auto;
  top: auto;
  bottom: 0;
}

.write-block-wrapper {
  padding: 4.5em 0 3em;
}

.write-slider {
  height: 21.75em;
  margin-bottom: 7em;
}

.try-now-block {
  background-image: url(https://satsback.com/assets/media/illustrations/try-now.png);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  margin-bottom: 3.1em;
}

.form-block .alert-primary {
  width: 100%;
  margin-bottom: 4em;
  color: #6d6f78;
}

.form-block .left-column {
  width: 60%;
}

.form-block .right-column {
  width: 31.7%;
}

.form-block .title {
  margin: 0 0 0.85em;
}

.form-block .image-wrapper {
  width: 100%;
  height: 100%;
}

.form-block img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
}

.form-block-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: calc(100vh - 10.6375em);
  padding: 2.5em 0 6em;
}

.login-block-wrapper {
  padding-bottom: 0;
}

.connect-form {
  width: calc(100% - 10.5em);
  max-width: 36em;
}

.connect-form .comment-text {
  font-size: 0.875em;
  font-weight: 500;
  text-align: right;
  line-height: 1.3;
  display: block;
  width: 10.5em;
  position: absolute;
  left: 100%;
  bottom: 1.3em;
}

.connect-form a {
  color: #00f388;
}

.connect-form a:hover {
  color: #ffffff;
}

.connect-form .button-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 2.6em;
}

.connect-form .button {
  margin-right: 1.5em;
}

.connect-form .register-link {
  color: #6d6f78;
  font-size: 0.875em;
  font-weight: 500;
}

.login-main .alert-wrapper {
	margin-bottom: 7em;
}

.restore-form .button-wrapper {
  margin-top: 2.6em;
}

.restore-confirm {
  color: #6d6f78;
  max-width: 30em;
  margin: -1em 0 2.6em;
}

.request-email-link {
  color: #00f388;
}

.request-email-link:hover {
  color: #ffffff;
}

.dashboard-main-wrapper {
  padding: 3.2em 0 5.0em;
}

.dashboard-statistics-block {
  margin-bottom: 1.9em;
}

.dashboard-statistics-block .statistic {
  color: #ffffff67;
  font-weight: 500;
  background-color: #20232f;
  width: 32.33%;
  margin: 0 1.5% 1.5% 0;
  position: relative;
  overflow: hidden;
  border-radius: 0.5em;
}

.dashboard-statistics-block .statistic:nth-child(3n+3) {
  margin-right: 0;
}

.dashboard-statistics-block .statistic:nth-child(2) {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}

.dashboard-statistics-block .statistic:nth-child(3) {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}

.dashboard-statistics-block .statistic:nth-child(4) {
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
}

.dashboard-statistics-block .statistic:nth-child(5) {
  -webkit-animation-delay: 1.3s;
          animation-delay: 1.3s;
}

.dashboard-statistics-block .statistic:nth-child(6) {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}

.dashboard-statistics-block .statistic:hover .statistic-bg img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.dashboard-statistics-block .statistic-wrapper {
  position: relative;
  padding: 1.25em;
}

.dashboard-statistics-block .statistic-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.dashboard-statistics-block .statistic-bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: right bottom;
     object-position: right bottom;
  -webkit-transform-origin: 100% 100% 0;
          transform-origin: 100% 100% 0;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

.dashboard-statistics-block .icon-wrapper {
  width: 3.125em;
  height: 3.125em;
  margin-bottom: 0.6em;
}

.dashboard-statistics-block .quantity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-top: 0.9em;
}

.dashboard-statistics-block .number {
  color: #ffffff;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.2;
  margin-right: 0.3em;
}

.dashboard-statistics-block-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.dashboard-links-block .title {
  margin: 0 0 1em;
}

.dashboard-links-block .link-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  flex-wrap: wrap;
  position: relative;
}
.dashboard-links-block .count-users {
  margin: -1.3em 0 1.2em;
  color: #fff;
}

.dashboard-links-block .link-text {
  line-height: 1;
  background-color: #ffffff1a;
  border: 1px solid #ffffff67;
  border-radius: 0.625em;
  margin: 0 0 1.5em;
  padding: 0.81em 1.84em;
  overflow: auto;
  white-space: nowrap;
  color: #fff;
}

.dashboard-links-block .link-text::-webkit-scrollbar {
  width: 0;
}

.dashboard-links-block .badge {
  top: auto;
  left: auto;
  bottom: calc(100% + 1em);
}

.dashboard-links-block-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  flex-wrap: wrap;
}

.dashboard-link-item {
  background-color: #20232f;
  border-radius: 0.5em;
  width: 49.2%;
  margin-bottom: 1.6%;
  padding: 1.25em;
  overflow: hidden;
  position: relative;
}

.dashboard-link-item:nth-child(1) {
  width: 100%;
}

.dashboard-link-item::before {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-animation: changeWidth 5s linear 0s infinite normal forwards running;
          animation: changeWidth 5s linear 0s infinite normal forwards running;
}

.dashboard-link-item:nth-child(1)::before {
  background: -webkit-gradient(linear, left top, right top, from(#0C63DD60), color-stop(80%, #0C63DD00));
  background: linear-gradient(to right, #0C63DD60 0%, #00F38860 80%);
  animation-play-state: paused;
  opacity: 0.5;
}

.dashboard-link-item:nth-child(2)::before {
  background: -webkit-gradient(linear, left top, right top, from(#0C63DD60), color-stop(80%, #0C63DD00));
  background: linear-gradient(to right, #0C63DD60 0%, #0C63DD00 80%);
}

.dashboard-link-item:nth-child(3)::before {
  background: -webkit-gradient(linear, left top, right top, from(#00F38860), color-stop(80%, #00F38800));
  background: linear-gradient(to right, #00F38860 0%, #00F38800 80%);
}

.dashboard-link-item-wrapper {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.dashboard-link-item .button {
  margin-right: 1.5em;
}

.payout-block .block-title {
  margin-bottom: 1.25em;
}

.payout-block {
  padding: 0 0 4.5em;
}

.payout-block-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.payout-info-block {
  width: 47.4%;
}

.payout-info-block .info-card {
  color: #ffffff67;
  font-weight: 500;
  background-color: #20232f;
  margin: 0 0 1.5%;
  position: relative;
  overflow: hidden;
  border-radius: 0.5em;
  min-height: 12.125em;
}

.payout-info-block .info-card.description {
  font-weight: 400;
}

.payout-info-block .info-card p {
  margin-bottom: 0.75em;
  padding-bottom: 0.75em;
  border-bottom: 1px solid #ffffff0f;
}

.payout-info-block .info-card p:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border: none;
}

.payout-info-block .info-card.info .info-card-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.payout-info-block .info-card.info .info-card-wrapper .left-column {
  margin-right: 1.5em;
}
.payout-info-block .info-card.info .info-card-wrapper .right-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.payout-info-block .info-card-wrapper {
  position: relative;
  padding: 1.25em;
}

.payout-info-block .info-card-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.payout-info-block .info-card-bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: right bottom;
     object-position: right bottom;
}

.payout-info-block .icon-wrapper {
  width: 3.125em;
  height: 3.125em;
  margin-bottom: 0.6em;
}

.payout-info-block .quantity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin: 0.9em 0 0.2em;
}

.payout-info-block .number {
  color: #ffffff;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.2;
  margin-right: 0.3em;
}

.payout-steps-block {
  width: 51.05%;
}

.payout-steps-block-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.payout-step {
  color: #ffffff67;
  text-align: center;
  background-color: #20232f;
  margin: 0 0 1.5%;
  padding: 1.0em 1.25em;
  width: 48.5%;
  min-height: 12.125em;
  border-radius: 0.5em;
}

.payout-step:nth-child(odd) {
  margin-right: 1.5%;
}

.payout-step .icon-wrapper {
  width: 3.125em;
  height: 3.125em;
  margin: 0 auto 0.6em;
}

.payout-step .icon-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
}

.payout-link-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.payout-link-block .open-wallet-button {
  display: none;
}
.payout-link-block .copy-link-wrapper {
  position: relative;
}
.payout-link-block .badge-success {
  width: max-content;
  top: 140%;
  z-index: 9;
}

.payout-link-block .alert-success-wrapper {
  width: 100%;
  max-width: 260px;
  margin-bottom: 0;
}

.payout-link-block .alert-success {
  padding: 0.5em 1.25em 0.6em 1.25em;
  margin-bottom: 1em;
}

.payout-link-block .qr-code-wrapper {
  width: 220px;
  background-color: #203e3c;
  border: 1px solid #ffffff1a;
  border-radius: 0.625em;
  padding: 0.75em;
  margin-left: 1.25em;
  position: relative;
}
.payout-link-block .qr-code-wrapper #lnurl-icon {
  border-radius: 50%;
  width: 25px;
  height: 25px;
  padding: 5px;
  background: black;
  position: absolute;
  top: calc(50% - 12.5px);
  left: calc(50% - 12.5px);
  display: none;
}

.payout-link-block .qr-code-wrapper img {
  width: 100%;
  display: block;
  padding: 6.5%;
  background-color: #fff;
}

.payout-link-block .time {
  font-weight: 500;
  text-align: center;
  border: 1px solid #ffffff1a;
  border-radius: 0.625em;
  width: 100%;
  padding: 0.55em 1.84em;
  margin-bottom: 0.625em;
}
.payout-main .history-table tbody,
.payout-main .history-table thead {
	min-width: 700px;
	display: block;
}
.payout-main .history-table .table-row {
  min-width: 800px;
}
.payout-main .history-table .footer-table-row {
  min-width: 1px;
}
.payout-main .history-table .cell {
  text-align: left;
  width: 20% !important;
}
.payout-main .history-table .cell-amount {
  text-align: right;
}

.myaccount-block .left-column {
  width: 26.85%;
}

.myaccount-block .right-column {
  width: 71.65%;
}

.myaccount-block .block-title {
  margin: 0 0 1.1em;
}

.myaccount-block .form-input {
  background-color: #ffffff0f;
}

.myaccount-block-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 3.125em 0;
}

.myaccount-info {
  background-color: #20232f;
  border-radius: 0.5em;
  padding: 1.25em;
}

.myaccount-info .image-wrapper {
  width: 56.3%;
  height: 12.5vw;
  background-color: #3c3f4b;
  margin: 0 auto;
  border-radius: 0.5em;
  overflow: hidden;
}

.myaccount-info .image-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}

.myaccount-info .user-name {
  text-align: center;
  margin: 1.25em 0 1.0em;
}

.myaccount-info .public-id-block {
  border-bottom: 1px solid #ffffff1a;
  padding-bottom: 1.4em;
}

.myaccount-info .text {
  font-size: 0.875em;
}

.myaccount-info .referral-link {
  word-wrap: break-word;
}

.myaccount-card {
  padding: 1.25em;
  border-radius: 0.5em;
  background-color: #20232f;
}

.myaccount-card:not(:last-child) {
  margin-bottom: 2%;
}

.myaccount-card .account-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.myaccount-card .block-subtitle {
  font-size: 1.25em;
  margin: 0.85em 0 0.5em;
}

.myaccount-card .form-item {
  width: 100%;
}

.myaccount-card .button-wrapper {
  width: 100%;
  margin-top: 0.4em;
}

.account-details .form-item-username,
.account-details .form-item-email .form-item-delete {
  width: 48.9%;
}
.change-password-form .error-text {
  margin: 1em 0 0;
}

.automatic-payout-form {
  border-top: 1px solid #ffffff1a;
  border-bottom: 1px solid #ffffff1a;
  margin: 1.5em 0;
  padding: 0.9em 0;
}
.automatic-payout-form .form-item {
  margin: 0;
}
.automatic-payout-form .subtext {
  margin: 0;
}
.automatic-payout-message.success {
  color: #00f388;
}
.automatic-payout-message.error {
  color: #eb5757;
}
.lightning-address-message.success {
  color: #00f388;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}
.lightning-address-message.error {
  color: #eb5757;
  margin-top: 1.25em;
}
#save_lightning_address_button {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s, color 0.3s, background-color 0.3s, border-color 0.3s;
}
#save_lightning_address_button.show {
  opacity: 1;
  visibility: visible;
}
.lightning-address-data p {
  color: #bababa;
  margin-bottom: 0;
}
.change-password .form-item-new-password,
.change-password .form-item-confirm-new-password {
  width: 48.9%;
}
.account-delete .block-title {
  color: #eb5757;
}
.account-communication .form-item {
  margin-bottom: 0;
}

.history-main-wrapper {
  padding: 3.125em 0;
}

.header-page {
  margin-bottom: 3.125em;
}

.history-search-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 3.125em;
}




.history-search-form .form-item-history-length,
.history-search-form > div:nth-child(1) {
  width: 5.5em;
}
.dataTables_length {
  position: relative;
}
.dataTables_length::before {
  content: '';
  position: absolute;
  display: block;
  background-color: #191d2b;
  border-radius: 0.625em;
  width: 1.1em;
  height: calc(100% - 2px);
  top: 1px;
  right: 1px;
  pointer-events: none;
}
.dataTables_length::after {
  content: '';
  position: absolute;
  display: block;
  border: 2px solid #ffffff;
  border-top-color: transparent;
  border-left-color: transparent;
  transform: rotate(45deg);
  width: 0.3em;
  height: 0.3em;
  top: calc(50% - 0.45em);
  right: 0.75em;
  pointer-events: none;
}
.dataTables_length select {
  color: #ffffff;
  font-size: 1em;
  font-weight: 400;
  text-align: center;
  width: 100%;
  background-color: #191d2b;
  border: 1px solid #ffffff1a;
  border-radius: 0.625em;
  padding: 1.05em 1.1em 1.05em;
  -webkit-appearance:none;
}
.history-search-form .form-item-history-search,
.history-search-form > div:nth-child(2) {
  width: calc(96.4% - 28em);
  margin-bottom: 0;
}
#history_filter label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
#history_filter label::before {
  content: '';
  position: absolute;
  display: block;
  background-image: url(https://satsback.com/assets/media/icons/icon-search-gray.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.2em;
  height: 1.2em;
  left: 2em;
}

.form-input-history-length {
  color: #ffffff;
  padding: 1.05em 1.1em 1.05em;
}
.form-item-history-length .input-wrapper::after {
	border: 2px solid #ffffff;
	border-top-color: transparent;
	border-left-color: transparent;
  top: calc(50% - 0.45em);
  right: 0.75em;
}
.form-item-history-length .select-list {
	padding: 1.6em 1.2em 1.0em;
}
.history-search-form .button {
  width: 22.5em;
  padding: 1.125em 1.84em;
}

.history-search-form .button.mobile {
  display: none;
}

.history-table {
  color: #6d6f78;
}

.table-overflow-wrapper {
  overflow-x: auto;
  overflow-y: hidden;
}

.empty .history-table {
  display: none;
}

.history-table .table-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.5em;
  padding: 0.95em 0;
  border-radius: 0.625em;
  min-width: 1100px;
  transition: color 0.3s, background-color 0.3s;
}

.history-table .table-row:hover {
  color: #ffffff;
  background-color: #20232f;
}

.history-table .header-table-row {
  font-weight: 500;
  background-color: #20232f;
  margin-bottom: 1em;
}

.history-table .header-table-row:hover {
  color: inherit;
}

.history-table .header-table-row .cell.sorting_desc,
.history-table .header-table-row .cell.sorting_asc {
  color: #ffffff;
}

.history-table .footer-table-row {
  background-color: #20232f;
  padding: 0.95em 1.5em;
  min-width: 1px;
  margin-top: 1em;
}

.history-table .footer-table-row:hover {
  color: inherit;
}

.footer-table-row .paginate_button {
  margin-left: 0.5em;
}

.footer-table-row .paginate_button.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.footer-table-row .paginate_button a:hover {
  color: #ffffff;
}

#history_previous .page-link,
#history_next .page-link {
  color: transparent;
  display: block;
  width: 1em;
  height: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
#history_previous .page-link::before,
#history_next .page-link::before {
	content: '';
	position: absolute;
	display: block;
	border: 2px solid #6d6f78;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 0.5em;
	height: 0.5em;
	-webkit-transition: border-color 0.3s;
	transition: border-color 0.3s;
}
#history_previous .page-link::before {
	border-top: none;
	border-right: none;
}
#history_next .page-link::before {
	border-bottom: none;
	border-left: none;
}
#history_previous .page-link:hover::before,
#history_next .page-link:hover::before {
	border-color: #ffffff;
}

.history-table tbody,
.history-table thead {
  min-width: 1100px;
  display: block;
}

.history-table .cell {
  font-weight: 400;
  text-align: left;
  padding: 0 1.5em;
}
.header-table-row .cell {
  cursor: pointer;
  transition: color 0.3s;
}
.header-table-row .cell:hover {
  color: #ffffff;
}

.history-table .cell-id {
  width: 12% !important;
}

.history-table .cell-store {
  width: 17.1% !important;
}

.history-table .cell-type {
  width: 15% !important;
}

.history-table .cell-satsback {
  width: 14% !important;
  text-align: right;
}

.history-table .cell-value {
  width: 14.4% !important;
  text-align: right;
}

.history-table .cell-date {
  width: 19% !important;
  text-align: left;
}

.history-table .cell-status {
  width: 13.1% !important;
  position: relative;
}

.history-table .cell-status::before {
  content: '';
  position: absolute;
  display: block;
  border-radius: 2px;
  width: 6px;
  height: 6px;
  top: calc(50% - 3px);
  left: 0.3em;
}

.history-table .cell-status.pending::before {
  background-color: #f2994a;
}

.history-table .cell-status.accepted::before {
  background-color: #377dff;
}

.history-table .cell-status.failed::before,
.history-table .cell-status.rejected::before {
  background-color: #eb5757;
}

.history-table .cell-status.paid::before,
.history-table .cell-status.settled::before {
  background-color: #00f388;
}

.history-table .pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.history-table .pagination .show-result {
  margin: 0 0.6em;
}

.history-table .pagin-btn {
  width: 1em;
  height: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  position: relative;
}

.history-table .pagin-btn.disactive {
  opacity: 0.5;
  pointer-events: none;
}

.history-table .pagin-btn::before {
  content: '';
  position: absolute;
  display: block;
  border: 2px solid #6d6f78;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 0.5em;
  height: 0.5em;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
}

.history-table .pagin-btn.prev::before {
  border-top: none;
  border-right: none;
}

.history-table .pagin-btn.next::before {
  border-bottom: none;
  border-left: none;
}

.history-table .pagin-btn:hover::before {
  border-color: #ffffff;
}















.pagin-item {
  margin: 0 0.3em;
  text-decoration: underline;
  transition: color 0.3s;
}
.pagin-item.current {
  color: #ffffff;
  pointer-events: none;
}
.pagin-item.link {
  cursor: pointer;
}
.pagin-item.link:hover {
  color: #00f388;
}
.pagin-item.separator {
  opacity: 0.45;
  pointer-events: none;
}

















/* .history-table-wrapper {
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  display: block;
} */

.empty-transactions-block {
  text-align: center;
  padding-bottom: 3em;
}

.empty .empty-transactions-block {
  display: block;
}

.empty-transactions-block .image-wrapper {
  width: 100%;
  max-width: 22em;
  margin: -2.7em auto -2em;
}

.empty-transactions-block .block-title {
  margin: 0 0 0.8em;
}

.empty-transactions-block .description {
  color: #6d6f78;
  max-width: 20em;
  margin: 0 auto 3.1em;
}

.empty-transactions-block .button {
  width: 22.5em;
  padding: 1.125em 1.84em;
}

.missing-transaction-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: #000000bb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.5s, visibility 0.5s;
  transition: opacity 0.5s, visibility 0.5s;
}

.missing-transaction-popup.show {
  opacity: 1;
  visibility: visible;
}

.missing-transaction-popup .title-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 2.5em;
}

.missing-transaction-popup .title {
  margin: 0;
}

.missing-transaction-popup .form-item-storename {
  z-index: 15;
}

.missing-transaction-popup .form-input {
  padding: 1.05em 1.3em 1.05em;
  background-color: #2d303b;
}

.missing-transaction-popup .button-wrapper {
  margin-top: 1.9em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.missing-transaction-popup .button {
  margin-bottom: 0.5em;
}

.missing-transaction-popup .button.white-inversion {
  background-color: transparent;
}

.missing-transaction-popup .button.white-inversion:hover {
  background-color: #ffffff;
}

.missing-transaction-popup .button:not(:last-child) {
  margin-right: 1.1em;
}

.missing-transaction-popup .file-item {
  margin-bottom: 0.5em;
}

.missing-transaction-popup .file-item .form-label {
  padding: 0.66em 1.84em;
}

.missing-transaction-popup-wrapper {
  background-color: #20232f;
  border-radius: 0.5em;
  width: 90%;
  max-width: 41.2em;
  max-height: 90%;
  padding: 2.5em;
  overflow: auto;
}

.popup-close-btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 2em;
  height: 2em;
}

.popup-close-btn::before, .popup-close-btn::after {
  content: '';
  position: absolute;
  display: block;
  border: 2px solid #6d6f78;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 0.7em;
  height: 0.7em;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
  cursor: pointer;
}

.popup-close-btn::before {
  border-left: none;
  border-bottom: none;
  right: 1em;
}

.popup-close-btn::after {
  border-top: none;
  border-right: none;
  left: 1.15em;
}

.popup-close-btn:hover::before, .popup-close-btn:hover::after {
  border-color: #ffffff;
}

.ui-datepicker {
  width: 85%;
  max-width: 580px;
  -webkit-transform: translate(-20px, 0);
          transform: translate(-20px, 0);
  background-color: #20232f;
  border-radius: 0.5em;
  padding: 1.5em;
  display: none;
  -webkit-box-shadow: -15px 40px 100px 0 #0b0f1e;
          box-shadow: -15px 40px 100px 0 #0b0f1e;
}

.ui-datepicker-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1.5em;
}

.ui-datepicker-prev {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.ui-datepicker-title {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.ui-datepicker-next {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  border: none !important;
  background: none;
}

.ui-datepicker .ui-datepicker-prev .ui-icon, .ui-datepicker .ui-datepicker-next .ui-icon {
  background: none;
  border: 2px solid #535663;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 0.6em;
  height: 0.6em;
  display: block;
}

.ui-datepicker .ui-datepicker-prev .ui-icon {
  border-right-color: transparent;
  border-top-color: transparent;
}

.ui-datepicker .ui-datepicker-next .ui-icon {
  border-left-color: transparent;
  border-bottom-color: transparent;
}

.ui-datepicker-calendar {
  text-align: center;
  width: 100%;
}

.ui-datepicker-calendar td {
  padding: 1.2em 0;
}

.ui-datepicker-calendar th {
  color: #6d6f78;
}

.ui-datepicker-other-month {
  color: #6d6f78;
}

.stores-main {
  padding: 3.125em 0;
}

.stores-main .block-title {
  margin: 1.15em 0 1.3em;
}

.filter-stores-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.filter-stores-form .form-item-stores-search {
  width: calc(96.5% - 33em);
}

.filter-stores-form .form-item-local {
  width: 17em;
}

.filter-stores-form .form-item-categories {
  width: 16em;
}

.filter-stores-form .cat-select-list {
  max-height: calc(100vh - 3em);
  display: none;
  position: absolute;
  top: calc(100% + 0.7em);
  width: 100%;
  padding: 1.6em 2.2em 1.0em;
  background-color: #191d2b;
  border: 1px solid #ffffff1a;
  border-radius: 0.625em;
  overflow: auto;
}
.cat-select-option {
  display: block;
  margin-bottom: 0.5em;
  transition: color 0.3s;
  cursor: pointer;
}
p.cat-select-option {
  margin-bottom: 0.75em;
}
.cat-select-option:hover {
  color: #00f388;
}
.cat-select-option input {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}

.filter-stores-form .form-input::-webkit-input-placeholder {
  color: #ffffff;
  opacity: 1;
}

.filter-stores-form .form-input:-ms-input-placeholder {
  color: #ffffff;
  opacity: 1;
}

.filter-stores-form .form-input::-ms-input-placeholder {
  color: #ffffff;
  opacity: 1;
}

.filter-stores-form .form-input::placeholder {
  color: #ffffff;
  opacity: 1;
}

.featured-block {
  margin-bottom: 3.2em;
}

.stores-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -0.75%;
  color: #E0E0E0;
}

.store {
  width: 18.53%;
  margin: 0 0.735% 1.5%;
  background-color: #20232f;
  border-radius: 0.5em;
  padding: 1.25em;
  display: block;
  text-align: center;
  text-decoration: none;
}

/*.store .top {*/
/*  display: -webkit-box;*/
/*  display: -ms-flexbox;*/
/*  display: flex;*/
/*  -webkit-box-pack: justify;*/
/*      -ms-flex-pack: justify;*/
/*          justify-content: space-between;*/
/*  -webkit-box-align: center;*/
/*      -ms-flex-align: center;*/
/*          align-items: center;*/
/*  margin-bottom: 0.35em;*/
/*}*/

/*.store .bottom {*/
/*  display: -webkit-box;*/
/*  display: -ms-flexbox;*/
/*  display: flex;*/
/*  -webkit-box-pack: justify;*/
/*      -ms-flex-pack: justify;*/
/*          justify-content: space-between;*/
/*  -webkit-box-align: center;*/
/*      -ms-flex-align: center;*/
/*          align-items: center;*/
/*}*/

.store .image-wrapper {
  width: 100%;
  background-color: #ffffff;
  border-radius: 0.5em;
  padding: 11px 24px;
  height: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.store img {
  max-height: 68px;
  max-width: 100%;
}

.store .name {
    padding: 9px 0 1px;
}

.store .cashback {
  font-weight: 500;
}

.loading-block {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000000aa;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.7s, visibility 0.7s;
  z-index: 50;
}
.loading-block.show {
  opacity: 1;
  visibility: visible;
}
.loading-spinner {
  background: url(https://satsback.com/assets/media/icons/spinner-white.png) center center no-repeat;
  background-size: contain;
  width: 2em;
  height: 2em;
  margin-bottom: 0.5em;
  animation: loadingSpinner 2s linear infinite;
}
.no-results-block {
  text-align: center;
  /* display: none; */
}
.no-results-block.show {
  display: block;
}

/*.store .text {*/
/*  color: #6d6f78;*/
/*  font-size: 0.875em;*/
/*}*/

.stores-slider .swiper-container {
  padding-bottom: 2em;
}

.stores-slider .swiper-pagination {
  bottom: 0;
}

.stores-slider .swiper-pagination-bullet {
  background-color: #6d6f78;
}

.stores-slider .swiper-pagination-bullet-active {
  background-color: #ffffff;
}

.stores-slider .store {
  width: 100%;
  margin: 0;
}

.single-store-block .left-column {
  width: 23.5%;
}

.single-store-block .right-column {
  width: 72.5%;
}

.single-store-block .main-info {
  background-color: #20232f;
  border-radius: 0.5em;
  padding: 2.5em 1.25em;
}

.single-store-block .main-info a.small {
  color: #ffffff;
}

.single-store-block .main-info a.small:hover {
  color: #00f388;
}

/* .single-store-block .main-info  */

.single-store-block .image-wrapper {
  width: 100%;
  height: 7vw;
  margin: 0 auto 2.25em;
  padding: 7%;
  background-color: #ffffff;
  border-radius: 0.5em;
}

.single-store-block img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
}

.single-store-block .button-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1.5em;
}

.single-store-block .button {
  width: 100%;
  margin-bottom: 1em;
}

.single-store-block-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 3.125em 0;
}

.breadcrumbs {
  color: #6d6f78;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.breadcrumbs.mobile {
  display: none;
}

.breadcrumbs-separator {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 1em;
  height: 1em;
  margin: 0 0.5em 0 0.4em;
}

.breadcrumbs-separator::before {
  content: '';
  position: absolute;
  display: block;
  border: 2px solid #6d6f78;
  border-left: none;
  border-bottom: none;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 0.5em;
  height: 0.5em;
}

.store-title {
  margin: 0.5em 0 0.6em;
}

.store-cashback {
  font-weight: 500;
  text-align: center;
  line-height: 1;
  background-color: #00f38826;
  border: 1px solid #00f388;
  border-radius: 0.5em;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-bottom: 3.15em;
  padding: 0.8em 0.9em;
}

.store-description {
  border-top: 1px solid #141a2b;
  max-width: 53em;
  padding-top: 0.5em;
}

.store-description h4 {
  margin: 2em 0 1.2em;
}

.blog-block {
  padding: 1.5em 0 8.2em;
}

.blog-block .button-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.articles-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -1.2%;
}

.article-min {
  width: 31.05%;
  margin: 0 1.1416% 2.3%;
}

.article-min .image-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 0.5em;
  height: 16.7vw;
}

.article-min .image-wrapper::before {
  content: '';
  position: absolute;
  display: block;
  background-color: #00000099;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.5s, visibility 0.5s;
  transition: opacity 0.5s, visibility 0.5s;
}

.article-min img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  -webkit-transition: -webkit-transform 0.7s;
  transition: -webkit-transform 0.7s;
  transition: transform 0.7s;
  transition: transform 0.7s, -webkit-transform 0.7s;
}

.article-min .text-wrapper {
  padding: 1.1em 0;
}

.article-min .publication-date {
  font-size: 0.875em;
}

.article-min .title {
  line-height: 1.25;
  margin: 0.35em 0 0;
}

.article-min:hover .image-wrapper::before {
  opacity: 1;
  visibility: visible;
}

.article-min:hover img {
  -webkit-transform: scale(1.2) rotate(10deg);
          transform: scale(1.2) rotate(10deg);
}

.publication-date {
  color: #6d6f78;
}

.article-main {
  padding: 6.5em 0 8.1em;
}

.article-block {
  width: 73.15%;
  margin: 0 auto 3.1em;
}

.article-block .description {
  margin-bottom: 2.5em;
}

.article-block .image-wrapper {
  overflow: hidden;
  border-radius: 0.5em;
  margin-bottom: 3.2em;
}

.article-block .image-wrapper img {
  display: block;
}

.article-title {
  margin: 0.4em 0 0.95em;
}

.article-footer {
  width: 73.15%;
  margin: 0 auto 3.1em;
}

.article-footer .button {
  margin-right: 0.5em;
}

.article-share-block {
  width: 73.15%;
  margin: 0 auto 3.1em;
}

.article-share-block .block-title {
  margin: 0;
}

.article-share-block .share-button {
  margin: 0 0 0 0.8em;
}

.article-share-block-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #20232f;
  border-radius: 0.5em;
  padding: 1.1em 1.5em;
}

.share-links-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.share-button {
  color: #ffffff;
  font-size: 1.9em;
  margin: 0 0.3em;
}

.article-author {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #ffffff1a;
  border-bottom: 1px solid #ffffff1a;
  padding: 2.5em 0;
  width: 73.15%;
  margin: 0 auto;
}
.article-block .article-author {
  width: 100%;
  margin-bottom: 3.1em;
}

.article-author .image-column {
  width: 7em;
}

.article-author img {
  display: block;
  width: 100%;
  border-radius: 50%;
}

.article-author .text-column {
  width: calc(100% - 10em);
}

.article-author .top-text {
  font-size: 0.875em;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 0.5em;
}

.article-author .author-name {
  margin: 0.6em 0;
}

.article-author .bottom-text {
  margin: 0;
}

.article-register-block {
  width: 73.15%;
  text-align: center;
  border-bottom: 1px solid #ffffff1a;
  padding: 1em 0 4.1em;
  margin: 0 auto;
}
.referral-main .try-now-block {
  background-position: center right -200px;
}
.referral-main .text-image-block .content {
  margin-bottom: 3.5em;
}
.referral-main .text-image-block-wrapper {
  padding: 4.2em 4.9% 6em;
}
.referral-description-block {
  position: relative;
}
.referral-description-wrapper {
  padding: 3.2em 4.9% 6em;
  position: relative;
}
.referral-main .text-wrapper {
  max-width: 50em;
  margin: 0 auto;
}
.referral-description-block .list-item {
  font-size: 1.125em;
  margin-bottom: 0.75em;
}
.error-page-block {
  width: 100%;
}
.error-page-block .block-title {
	margin: 0 0 0.4em;
}
.error-page-block .block-subtitle {
  margin: 0.6em 0 1.45em;
}
.error-page-block .description {
  max-width: 50em;
}
.click-history-table .cell-date {
  width: 33.33% !important;
  text-align: left;

}
.click-history-table .cell-id {
  width: 33.33% !important;
}
.click-history-table .cell-store {
  width: 33.33% !important;
}

@media screen and (max-width: 1280px) {
  .payout-link-block {
    flex-direction: column-reverse;
  }
  .payout-link-block .qr-code-wrapper {
    margin-left: 0;
    margin-bottom: 1em;
  }
  .home-main .try-now-block {
    background-position: center center;
  }
}

@media screen and (max-width: 1200px) {
  .store {
    width: 23.53%;
  }
}

@media screen and (max-width: 1060px) {
  h2,
  .h2 {
    font-size: 2.25em;
  }
  .site-header-wrapper .logo-wrapper.desktop {
    display: none;
  }
  .site-header-wrapper .logo-wrapper.mobile {
    display: block;
    width: 1.875em;
  }
  .main-navigation.dashboard {
    width: auto;
  }
  /* .main-navigation.dashboard .menu-open span {
    margin-left: 0;
  } */
  .main-navigation-wrapper {
    position: fixed;
    top: -30vh;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #0b0f1ef3;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 2em 2em 5em;
    opacity: 0;
    visibility: hidden;
    z-index: 100;
    -webkit-transition: top 0.7s, opacity 0.7s, visibility 0.7s;
    transition: top 0.7s, opacity 0.7s, visibility 0.7s;
    overflow: auto;
  }
  .main-navigation-wrapper.opened {
    top: 0;
    opacity: 1;
    visibility: visible;
  }
  .main-menu-item-stores {
      margin-left: 0;
  }
  .main-menu-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .main-menu-list.desktop {
    display: none;
  }
  .main-menu-list.mobile {
    display: flex;
  }
  .main-menu-item {
    margin: 1em 0;
  }
  .main-nav-button-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 0;
  }
  .main-nav-button-list .button {
    margin: 1em 0;
  }
  .menu-open {
    display: block;
  }
  .menu-close {
    display: block;
    position: absolute;
    top: 2em;
    right: 2em;
  }
  .dashboard .menu-close {
    right: auto;
    left: 2em;
  }
  .connection-navigation {
    padding: 0;
  }
  .connection-navigation .connect-button {
    width: 2.25em;
    height: 2.25em;
  }
  .connection-navigation .connect-button::before {
    display: none;
  }
  .connection-menu-list {
    display: block;
    position: static;
    background-color: transparent;
    border: none;
    margin-top: 2.5em;
    min-width: 1px;
  }
  .connection-menu-link {
    padding-left: 0;
  }
  .connection-menu-link::before {
    display: none;
  }
  .site-footer-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .site-footer-wrapper .left-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 2.3em;
  }
  .site-footer-wrapper .logo-wrapper {
    margin: 0 0 0.4em;
  }
  .site-footer-wrapper .center-column {
    margin-bottom: 2.4em;
  }
  .site-footer-wrapper .right-column {
    min-width: 1px;
  }
  .social-nav-menu .social-button {
    margin: 0 0.4em;
  }
  .info-main-wrapper {
    padding: 1.5em 26% 4.2em 0;
  }
  /* .home-connection-block .left-column {
    width: 44%;
  } */
  .home-connection-block .right-column {
    width: 39.5%;
  }
  .home-connection-block h3 {
    font-size: 2.5em;
  }
  .text-image-block .content {
    margin-bottom: 2.5em;
  }
  .text-image-block .right-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .text-image-block .image-wrapper {
    width: 100%;
  }
  .write-block-wrapper {
    padding: 0.5em 0 5.5em;
  }
  .try-now-block {
    background-position: 10vw 0;
  }
  .try-now-block .left-column {
    width: 100%;
  }
  .try-now-block-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .form-block .left-column {
    width: 55%;
  }
  .form-block .right-column {
    width: 40.1%;
  }
  .connect-form {
    width: 100%;
    max-width: 28em;
  }
  .connect-form .comment-text {
    text-align: left;
    position: static;
    width: auto;
    margin-top: 1.1em;
  }
  .dashboard-statistics-block .statistic {
    width: 48.5%;
    margin: 0 0 3% 0;
  }
  .dashboard-statistics-block .statistic:nth-child(odd) {
    margin-right: 3%;
  }
  .dashboard-links-block-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .dashboard-link-item {
    width: 100%;
  }
  .dashboard-link-item:not(:last-child) {
    margin-bottom: 3%;
  }
  .payout-block-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .payout-info-block {
    width: 100%;
  }
  .payout-info-block .info-card {
    min-height: 1px;
  }
  .payout-steps-block {
    width: 100%;
  }
  .payout-link-block {
    flex-direction: row;
  }
  .payout-link-block .qr-code-wrapper {
    width: 220px;
    margin-left: 1.25em;
    margin-bottom: 0;
  }
  .myaccount-block .left-column {
    width: 38.5%;
  }
  .myaccount-block .right-column {
    width: 60%;
  }
  .account-details .form-item-username,
  .account-details .form-item-email {
    width: 100%;
  }
  .change-password .form-item-new-password,
  .change-password .form-item-confirm-new-password {
    width: 100%;
  }
  .myaccount-info .image-wrapper {
    height: 16.9vw;
  }
  .history-search-form .form-item-history-search {
    width: calc(97.8% - 18.5em);
    margin-bottom: 0;
  }
  .history-search-form > div:nth-child(2) {
    width: calc(96.4% - 23.5em);
    margin-bottom: 0;
  }
  .history-search-form .button {
    width: 18.5em;
  }
  .filter-stores-form {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .filter-stores-form .form-item {
    width: 48.5%;
  }
  .filter-stores-form .form-item-stores-search {
    width: 100%;
  }
  .store {
    width: 31.86%;
  }
  .single-store-block .left-column {
    width: 37.5%;
  }
  .single-store-block .right-column {
    width: 57.5%;
  }
  .blog-block {
    padding: 1.5em 0 6.2em;
  }
  .articles-list {
    margin: 0px -1.9%;
  }
  .article-min {
    width: 46%;
    margin: 0 2% 3%;
  }
  .article-min .image-wrapper {
    height: 24.3vw;
  }
  .article-block {
    width: 80%;
  }
  .article-footer {
    width: 80%;
  }
  .article-share-block {
    width: 80%;
  }
  .article-author {
    width: 80%;
  }
  .article-register-block {
    width: 80%;
  }
  .faq-block {
    width: 75%;
    padding: 2.5em 0 4em;
  }
  .referral-main .try-now-block {
    background-position: 10vw 0;
  }
}

@media screen and (max-width: 767px) {
  h1,
  .h1 {
    font-size: 2em;
    margin: 1.45em 0 1.85em;
  }
  h2,
  .h2 {
    font-size: 1.625em;
  }
  h3,
  .h3 {
    font-size: 1.5em;
    margin: 2.0em 0 1.3em;
  }
  h4,
  .h4 {
    font-size: 1.375em;
  }
  .button {
    display: block;
  }
  .swiper-button-prev,
  .swiper-button-next {
    width: 47%;
  }
  .width-container {
    width: calc(100% - 3em);
  }
  .site-header-wrapper {
    padding: 1.625em 0;
  }
  .footer-menu-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .footer-menu-item {
    margin: 0 0 1.1em;
  }
  .footer-menu-item:last-child {
    margin: 0;
  }
  .info-main-wrapper {
    padding: 1.5em 0 4.2em;
  }
  .main-banner {
    min-height: 22.8em;
    padding-left: 0;
    padding-right: 0;
  }
  .banner-title {
     font-size: 1.52em;
  }
  .home-connection-block h3 {
    font-size: 1.3rem;
  }
  .home-connection-block .left-column {
    width: 100%;
    margin-bottom: 2.5em;
  }
  .home-connection-block .left-column:first-of-type {
    margin-bottom: 0;
  }
  .home-connection-block .left-column .text-wrapper {
    margin-bottom: 1em;
  }
  .home-connection-block .right-column {
    text-align: left;
    width: 100%;
  }
  .home-connection-block .right-column .text-wrapper {
    margin-bottom: 0;
  }
  .home-connection-block .button:not(:last-child) {
    margin-bottom: 0.625em;
  }
  .home-connection-block .goto-btn {
    display: none;
  }
  .home-connection-block-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 1.5em 0 1.7em;
  }
  .advantages-block-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .advantage {
    width: 100%;
    padding: 3em 0 1.6em;
  }
  .advantage:nth-child(2) {
    border: 1px solid #ffffff26;
    border-left: none;
    border-right: none;
  }
  .advantage .image-wrapper {
    height: 80vw;
  }
  .advantage:nth-child(2) .image-wrapper {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none
    }

    .advantage:nth-child(3) .image-wrapper {
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }
  .advantage .title {
    padding: 0 1em;
    min-height: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
  }
  .advantage .description {
    padding: 0 1em;
  }
  .instruction-block .left-column {
    width: 100%;
    margin-bottom: 3.3em;
  }
  .instruction-block .right-column {
    width: auto;
    margin: 0 -1.5em;
  }
  .instruction-block .sub-title {
    margin-bottom: 0.7em;
  }
  .instruction-block .content {
    padding-left: 1.7em;
  }
  .instruction-block .image-wrapper {
    width: 100%;
    -webkit-transform: translate(-16%, 0);
            transform: translate(-16%, 0);
  }
  .instruction-block-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 5em 0 4.5em;
  }
  .text-image-block .left-column {
    width: 100%;
    margin-bottom: 2.4em;
  }
  .text-image-block .right-column {
    width: 100%;
  }
  .text-image-block .text-wrapper {
    width: 100%;
  }
  .text-image-block .title {
    margin: 0.5em 0 1.0em;
  }
  .text-image-block .content {
    margin-bottom: 3.1em;
  }
  .text-image-block-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 2.3em 0 2.8em;
  }
  .automatically-block .title {
    margin-bottom: 1em;
  }
  .automatically-block .button-wrapper {
    margin-bottom: 1.3em;
    flex-direction: column;
    align-items: center;
  }
  .automatically-block .button {
    width: 100%;
    margin-bottom: 1em;
  }
  .automatically-block .image-wrapper {
    margin: 0 -47% 0 -57.7%;
  }
  .automatically-block-wrapper {
    padding-top: 1.9em;
  }
  .participants-block .title {
    margin: 0 0 15.2%;
  }
  .participants-block-wrapper {
    padding: 13.5% 0 6%;
  }
  .participant {
    width: 40%;
    margin: 0 0 16%;
  }
  .write-block .title {
    margin-bottom: 2em;
  }
  .write-block .write-slider {
    height: 15.0em;
    margin-bottom: 3.0em;
  }
  .write-block .image-wrapper {
    width: 67%;
  }
  .write-block .swiper-container {
    padding-bottom: 4.8em;
  }
  .write-block .swiper-container::before, .write-block .swiper-container::after {
    height: calc(100% - 4.8em);
  }
  .write-block .swiper-button-next {
    left: auto;
    right: 0;
  }
  .write-block-wrapper {
    padding: 2.0em 0 2.0em;
  }
  .try-now-block {
    background-size: auto 64vw;
    background-position: right bottom;
  }
  .home-main .try-now-block {
    background-position: right bottom;
  }
  .home-main .try-now-block .left-column {
    width: 100%;
  }
  .try-now-block .content br {
    display: none;
  }
  .try-now-block-wrapper {
    padding: 2.3em 0 52%;
  }
  .form-block .right-column {
    width: 100%;
    margin-bottom: 2.1em;
  }
  .form-block .image-wrapper {
    width: 52%;
    margin: 0 auto;
  }
  .form-block .left-column {
    width: 100%;
  }
  .form-block .title {
    margin: 0 0 1.5em;
  }
  .form-block .button {
    width: 100%;
    margin: 0 0 0.8em;
  }
  .form-block .register-link {
    width: 100%;
    text-align: center;
  }
  .form-block-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    min-height: 1px;
    padding: 1.8em 0 3em;
  }
  .form-block .alert-primary {
    order: 1;
  }
  .connect-form {
    max-width: 100%;
  }
  .dashboard-main-wrapper {
    padding: 0.4em 0 5.6em;
  }
  .dashboard-statistics-block {
    margin-bottom: 1.2em;
  }
  .dashboard-statistics-block .statistic {
    width: 100%;
    margin: 0 0 1.25em;
  }
  .dashboard-statistics-block .statistic:nth-child(odd) {
    margin-right: 0;
  }
  .dashboard-statistics-block-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .dashboard-links-block .title {
    margin: 0 0 2.1em;
  }
  .dashboard-link-item:not(:last-child) {
    margin-bottom: 1.25em;
  }
  .dashboard-links-block .link-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
  .dashboard-links-block .button:not(:last-child) {
    margin-bottom: 1.5em;
  }
  .payout-block {
    padding: 1.2em 0 4.3em;
  }
  .payout-block .block-title {
    margin: 0.3em 0 1.25em;
  }
  .payout-info-block {
    margin-bottom: 1em;
  }
  .payout-info-block .info-card {
    margin-bottom: 1.25em;
  }
  .payout-step {
    width: 100%;
    min-height: 1px;
    padding: 1.25em;
    margin-bottom: 1.25em;
  }
  .payout-step:nth-child(odd) {
    margin-right: 0;
  }
  .payout-link-block {
    display: none;
    flex-direction: column;
    align-items: stretch;
  }
  .payout-link-block.pending {
    display: flex;
  }
  .payout-button-wrapper {
    margin-top: 1em;
  }
  .payout-link-block .open-wallet-button {
    display: block;
    margin-top: 1em;
  }
  .payout-link-block .copy-link-wrapper {
    margin-top: 1em;
  }
  .payout-link-block .lightning-url {
    display: none;
  }
  .payout-link-block .qr-code-wrapper {
    display: none;
  }
  .payout-info-block .info-card.info .info-card-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .myaccount-block .left-column {
    width: 100%;
    margin-bottom: 1.25em;
  }
  .myaccount-block .right-column {
    width: 100%;
  }
  .myaccount-block-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 1.5em 0 5em;
  }
  .myaccount-info {
    padding: 1.875em;
  }
  .myaccount-info .image-wrapper {
    width: 56.8%;
    height: 43.5vw;
  }
  .myaccount-info .user-name {
    margin: 1.1em 0 0.1em;
  }
  .myaccount-card {
    padding: 1.875em;
  }
  .myaccount-card:not(:last-child) {
    margin-bottom: 1.25em;
  }
  .automatic-payout .button {
    display: inline-block;
    margin-bottom: 0.3em;
  }
  .history-main-wrapper {
    padding: 2.5em 0;
  }
  .history-search-block {
    margin-bottom: 2.5em;
  }
  .history-search-form .form-item-history-search {
    width: calc(97.8% - 4.5em);
  }
  .history-search-form .button {
    width: auto;
    padding: 1.125em 1.45em;
  }
  .history-search-form .button.desktop {
    display: none;
  }
  .history-search-form .button.mobile {
    display: block;
  }
  .empty-transactions-block .image-wrapper {
    margin: -4.2em auto -1.6em;
  }
  .empty-transactions-block .block-title {
    margin: 0 0 1.1em;
  }
  .empty-transactions-block .description {
    margin: 0 auto 2.5em;
  }
  .empty-transactions-block .button {
    width: 100%;
  }
  .missing-transaction-popup .button {
    display: inline-block;
  }
  .missing-transaction-popup .text-desktop {
    display: none;
  }
  .missing-transaction-popup-wrapper {
    padding: 1.25em;
  }
  .history-search-form > div:nth-child(1) {
    width: 4.3em;
  }
  .dataTables_length select {
    font-size: 0.75em;
    padding: 1.58em 1.1em;
  }
  .history-search-form > div:nth-child(2) {
    width: calc(96.4% - 8.55em);
  }
  .filter-stores-form .form-item {
    width: 100%;
  }
  .filter-stores-form .form-item-local {
    z-index: 15;
  }
  .history-table .footer-table-row {
    flex-direction: column;
    align-items: center;
  }
  #history_info {
    margin-bottom: 0.2em;
  }
  .featured-block {
    margin-bottom: 2.2em;
  }
  .stores-slider {
    padding: 0 11.5%;
  }
  .stores-slider .swiper-container {
    overflow: visible;
  }
  .stores-list {
    margin: 0;
  }
  .store {
    width: 100%;
    margin: 0 0 1.25em;
  }
  .single-store-block .left-column {
    width: 100%;
  }
  .single-store-block .right-column {
    width: 100%;
  }
  .single-store-block .image-wrapper {
    height: 26.7vw;
  }
  .single-store-block-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .breadcrumbs.desktop {
    display: none;
  }
  .breadcrumbs.mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .single-store-block-wrapper {
    padding: 1.5em 0 3.5em;
  }
  .breadcrumbs {
    margin-bottom: 1em;
  }
  .store-title {
    margin: 1.9em 0 0.7em;
  }
  .store-cashback {
    margin-bottom: 3.0em;
  }
  .store-description {
    padding: 0;
  }
  .missing-transaction-popup .file-item .form-label {
    min-width: 1px;
  }
  .blog-block .button {
    width: 100%;
  }
  .articles-list {
    margin: 0;
  }
  .article-min {
    width: 100%;
    margin: 0 0 2em;
  }
  .article-min .image-wrapper {
    height: 49.2vw;
  }
  .article-min .title {
    margin: 0.5em 0 0;
  }
  .article-main {
    padding: 4.5em 0 5.7em;
  }
  .article-block {
    width: 100%;
  }
  .article-block .publication-date {
    font-size: 0.875em;
  }
  .article-title {
    font-size: 1.625em;
    margin: 0.4em 0 0.9em;
  }
  .article-footer {
    width: 100%;
  }
  .article-footer .button {
    margin-right: 0;
    margin-bottom: 0.5em;
  }
  .article-share-block {
    width: 100%;
  }
  .article-share-block .block-title {
    margin-bottom: 0.8em;
  }
  .article-share-block .share-button {
    margin: 0 0.45em 0;
  }
  .article-share-block-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .article-author {
    width: 100%;
  }
  .article-author .text-column {
    width: calc(100% - 8em);
  }
  .article-register-block {
    width: 100%;
  }
  .faq-block {
    width: 100%;
    padding: 2.5em 0 5.65em;
  }
  .faq-block .block-title {
    text-align: left;
    margin: 1.05em 0 1.25em;
  }
  .accordeon-title {
    font-size: 1.5em;
  }
  .referral-main .try-now-block {
    background-position: right bottom;
    margin-bottom: 0;
  }
  .referral-main .text-image-block-wrapper {
    padding: 2.3em 0 52%;
  }
  .referral-description-wrapper {
    padding: 1em 0 4em;
    position: relative;
  }
  .referral-description-block .list-item {
    font-size: 1em;
    word-wrap: break-word;
  }
}

.privacy-term-link {
  text-decoration: underline;
}

.pp_ul {
  list-style-type: disc;
  padding-inline-start: 20px;
  margin-bottom: 1.5rem;
}

.pp_ul li {
  line-height: 2rem;
}

.tc_ol li {
  line-height: 2rem;
}