/* ============================== FONTS */
@import url('https://fonts.googleapis.com/css2?family=Fahkwang:wght@200;300;400;500;600;700&display=swap');

/* ==================== */
.fahkwang-extralight {
  font-family: "Fahkwang", sans-serif;
  font-weight: 200;
  font-style: normal;
}

/* ==================== */
.fahkwang-light {
  font-family: "Fahkwang", sans-serif;
  font-weight: 300;
  font-style: normal;
}

/* ==================== */
.fahkwang-regular {
  font-family: "Fahkwang", sans-serif;
  font-weight: 400;
  font-style: normal;
}

/* ==================== */
.fahkwang-medium {
  font-family: "Fahkwang", sans-serif;
  font-weight: 500;
  font-style: normal;
}

/* ==================== */
.fahkwang-semibold {
  font-family: "Fahkwang", sans-serif;
  font-weight: 600;
  font-style: normal;
}

/* ==================== */
.fahkwang-bold {
  font-family: "Fahkwang", sans-serif;
  font-weight: 700;
  font-style: normal;
}

/* ============================== FONTS END */

/* ======================================== COMMON */
html {
  height: 100%;
  width: 100%;
}

body {
  font-family: "Fahkwang", sans-serif;
  position: relative;
  color: #ffffff;
  height: 100%;
  width: 100%;
}



.page_content {
  flex-direction: column;
  max-width: 48.125rem;
  display: flex;
  width: 100%;
}


/* ============================== MAIN */
.wrapper {
  flex-direction: column;
  align-items: center;
  position: relative;
  overflow: hidden;
  min-height: 100%;
  display: flex;
}

.main {
  flex-grow: 1;
  width: 100%;
}

/* ==================== */
.container-fluid {
  max-width: 1010px;
}

/* ==================== */
a {
  transition: all 0.5s;
}

.img-width {
  height: auto;
  width: 100%;
}

.img-height {
  height: 100%;
  width: auto;
}

/* ============================== MAIN END */





/* ============================== HEADER */
.header {
  padding: 1.563rem 0;
  width: 100%;
}

#account-page .header {
  padding: 1.25rem 0;
}

/* ============================== enter-block */
.enter-block {
  background-color: #1d1d1d;
  border-radius: 1.375rem;
  width: 100%;
}

/* ==================== */
.enter-label {
  border: 0.125rem solid #4a4a4a;
  padding: 0.625rem 1.25rem;
  border-radius: 1.375rem;
  line-height: 1.25rem;
  color: #ffffff;
  height: 2.75rem;
  font-size: 1rem;
}

/* ==================== */
.enter-input {
  flex-grow: 1;
}

/* ==================== */
.enter-input .form-control {
  background-color: transparent;
  field-sizing: content;
  line-height: 1.25rem;
  padding: 0 1.563rem;
  min-height: 1.25rem;
  box-shadow: none;
  color: #ffffff;
  font-size: 1rem;
  resize: none;
  width: 100%;
  border: 0;
}

.enter-input .form-control.homepage {
	padding:0.625rem 1.563rem;
	border:0.125rem solid #4a4a4a;
}

/* ==================== */
.enter-input .form-control::-moz-placeholder {
  color: #ffffff;
}

.enter-input .form-control::placeholder {
  color: #ffffff;
}

/* ==================== */
.enter-block .btn {
  height: 2.75rem;
}

/* ============================== */
.ac-balance {
  line-height: 1.25rem;
  padding: 0.313rem 0;
  color: #828282;
  font-size: 1rem;
}

/* ==================== */
.ac-balance .label {
  line-height: 1.25rem;
  font-size: 1rem;
}

/* ==================== */
.ac-balance .wallet {
  color: #ffffff;
}

/* ==================== */
.ac-balance a.edit-wallet {
  text-decoration: underline;
  color: #828282;
}

.ac-balance a.edit-wallet:hover {
  text-decoration: none;
  color: #ffffff;
}

/* ==================== */
.ac-currency {
  text-transform: uppercase;
  margin-right: 3.75rem;
  padding: 0.313rem 0;
}

/* ==================== */
a.account-exit, 
a.account-discuss {
  text-decoration: underline;
  display: inline-block;
  margin: 0.313rem 0;
  color: #ffffff;
}

a.account-discuss {
	margin-right:3.75rem;
}

a.account-exit:hover {
  text-decoration: none;
  color: #828282;
}

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

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

@media screen and (min-width: 576px) {
  .enter-block {
    align-items: center;
    flex-wrap: nowrap;
    display: flex;
  }

  .enter-input {
    width: calc(100% - 21.875rem);
  }
}

@media screen and (max-width: 575.9px) {
  .enter-input {
    padding: 1.25rem 0;
    width: 100%;
  }

  .enter-block .btn {
    text-align: center;
    width: 100%;
  }
}

/* ============================== HEADER END */





/* ============================== FOOTER */
#footer {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  padding: 1.25rem 0 1.875rem;
  width: 100%;
}

/* ==================== */
#footer p {
  margin-bottom: 1rem;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #828282;
}

/* ==================== */
#footer ul {
/*  margin: 3.75rem 0 0;*/
  flex-wrap: wrap;
  display: flex;
}

#footer ul li {
  padding: 0.5rem 3.438rem 0.5rem 0;
  line-height: 1.25rem;
  font-size: 0.875rem;
}

#footer ul li a {
  text-decoration: none;
  color: #ffffff;
}

#footer ul li a:hover {
  color: #00eea5
}

/* ============================== FOOTER END */





/* ============================== FORMS */
.form-control {
  background-color: #1d1d1d;
  padding: 0.875rem 1.875rem;
  border-radius: 1.5rem;
  line-height: 1.25rem;
  color: #ffffff;
  font-size: 1rem;
  min-height: 3rem;
  border: 0;
}

.form-control:focus {
  background-color: #1d1d1d;
  box-shadow: none;
  color: #ffffff;
  border: 0;
}

/* ==================== */
textarea.form-control {
  resize: none;
}

/* ============================== buttons */
.btn {
  border: 2px solid transparent;
  padding: 0.625rem 1.563rem;
  border-radius: 1.375rem;
  min-width: 10.625rem;
  line-height: 1.25rem;
  font-weight: 700;
  font-size: 1rem;
}

.btn:focus {
  box-shadow: none;
}

/* ==================== */
.btn-green {
  background-color: #32c6d2;
  color: #000000;
}

.btn-green:hover {
  background-color: #4eeffc;
  color: #000000;
}

/* ==================== */
.btn-border-green {
  border-color: #32c6d2;
  color: #ffffff;
}

.btn-border-green:hover {
  background-color: #4eeffc;
  border-color: #4eeffc;
  color: #000000;
}

/* ============================== FORMS END */





/* ============================== COLOR */
.green-color {
  color: #32c6d2;
}

/* ==================== */
.grey-color {
  color: #828282;
}

/* ==================== */
.deepgreen-color {
  color: #00eea3;
}

/* ============================== COLOR END */





/* ============================== LOADING PAGE */
#loading-page {
  background-color: #111111;
}

/* ============================== */
#loading-page .main {
  background-color: #111111;
  justify-content: center;
  align-items: center;
  display: flex;
}

/* ==================== */
#loading-screen {
  padding: 5.625rem 0 1.875rem;
  text-align: center;
}

/* ==================== */
.loading-img {
  margin-bottom: 1.875rem;
  max-width: 23.438rem;
}

/* ==================== */
.loading-text {
  line-height: 1.875rem;
  font-size: 1.125rem;
}

.loading-text span.grey-color {
  font-size: 1.25rem;
}

/* ============================== LOADING PAGE END */





/* ============================== HOME PAGE */
#home-page {
  background-color: #000000;
}

/* ============================== promo-screen */
#promo-screen {
  padding-bottom: 1.875rem;
  padding-top: 1.875rem;
}

/* ==================== */
#promo-screen .promo-img {
  padding: 5.313rem 0 6.875rem;
  max-width: 50.938rem;
}

/* ==================== */
#promo-screen h1.slogan {
  line-height: 2.75rem;
  font-size: 1.5rem;
  font-weight: 400;
  margin: 0;
}

#promo-screen h1.slogan .percents {
  font-size: 2rem;
}

#promo-screen h1.slogan .grey-color {
  font-size: 1.125rem;
}

/* ============================== */
#about-screen {
  padding: 2.813rem 0 7.813rem;
  background-color: #111111;
}

/* ==================== */
p.about-text {
  margin-bottom: 7.813rem;
  max-width: 50.938rem;
  line-height: 1.25rem;
  color: #828282;
  font-size: 1rem;
}

/* ==================== */
.about-info {
  border-radius: 3.125rem;
  min-height: 21.563rem;
  max-width: 36.563rem;
  position: relative;
  padding: 3.438rem;
}

.about-info h2 {
  margin: 0 0 0.938rem;
  font-size: 2.313rem;
  font-weight: 400;
}

.about-info p {
  line-height: 1.5rem;
  font-size: 1.188rem;
  max-width: 23.75rem;
}

.about-info h3 {
  font-size: 3.875rem;
  position: absolute;
  bottom: -1.406rem;
  font-weight: 200;
}

/* ==================== */
#swap .about-info {
  background-color: #32c6d2;
  color: #ffffff;
}

/* ==================== */
#gain .about-info {
  background-color: #ffffff;
  color: #111111;
}

#gain .about-info h3 {
  color: #32c6d2;
  background: -webkit-linear-gradient(0deg, rgba(50, 198, 210, 1) 0%, rgba(0, 238, 162, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ==================== */
.about-digits {
  line-height: 1;
}

.about-digits .label {
  font-size: 1.125rem;
  color: #828282;
}

.about-digits .amount {
  font-size: 5.875rem;
  font-weight: 200;
  color: #353535;
}

@media screen and (min-width: 576px) {
  #swap .about-info h3 {
    left: 3.438rem;
  }

  #gain {
    position: relative;
    margin-top: -6.25rem;
    z-index: 3;
  }

  #gain .about-info {
    margin-left: auto;
    text-align: right;
  }

  #gain .about-info h2 {
    text-align: right;
  }

  #gain .about-info p {
    margin-left: auto;
    text-align: right;
    margin-right: 0;
  }

  #gain .about-info h3 {
    right: 3.438rem;
  }

  .about-digits {
    margin-bottom: -0.625rem;
  }

  #swap .about-digits {
    text-align: right;
  }
}

@media screen and (max-width: 575.99px) {
  #about-screen {
    padding-bottom: 4.688rem;
  }

  .about-digits {
    padding: 3.125rem 3.438rem;
  }
}

/* ============================== affiliate-screen */
#affiliate-screen h2 {
  margin: 0 0 2.375rem;
  font-size: 3.875rem;
  font-weight: 200;
  line-height: 1;
}

#affiliate-screen p {
  line-height: 1.25rem;
  margin-bottom: 0;
  font-size: 1rem;
}

/* ==================== */
.affiliate-top {
  background-color: #111111;
  padding: 3.125rem 0 1.5rem;
}

/* ==================== */
.affiliate-bottom {
  background-color: #000000;
  padding: 1.5rem 0 4.688rem;
}

/* ============================== HOME PAGE END */





/* ============================== ACCOUNT PAGE */
#account-page {
  background-color: #000000;
}

#account-page .header {
  background-color: #121212;
}

/* ============================== ac-promo */
#ac-promo {
  background-color: #121212;
  padding: 4.688rem 0 0;
}

/* ==================== */
.ac-logo-block {
  margin-bottom: 4.688rem;
}

/* ==================== */
.ac-logo {
  max-width: 30.625rem;
}

/* ==================== */
.ac-logo .label {
  margin-bottom: 1rem;
  font-size: 1.875rem;
  font-weight: 200;
  color: #828282;
  line-height: 1;
}

/* ==================== */
.ac-logo-digits {
  padding-top: 2.875rem;
  line-height: 1.563rem;
  font-size: 0.875rem;
  font-weight: 400;
}

@media screen and (min-width: 576px) {
  .ac-logo-digits {
    text-align: right;
  }
}

/* ==================== */
.ac-logo-digits .digits {
  font-size: 2.375rem;
  line-height: 2.5rem;
  font-weight: 200;
}

.ac-logo-digits .digits sup {
  font-size: .6em;
  top: -.5em;
}

/* ==================== */
.ac-logo-info {
  line-height: 1.25rem;
  padding: 0.625rem 0;
  font-size: 1rem;
}

.ac-logo-info a {
  text-decoration: none;
  color: #ffffff;
}

.ac-logo-info a:hover {
  color: #828282;
}

/* ============================== ac-statistics */
#ac-statistics {
  border-bottom: 0.063rem solid #4d4d4d;
  padding: 2.813rem 0;
}

/* ==================== */
#ac-statistics h2 {
  margin-bottom: 1.875rem;
  font-size: 1.875rem;
  font-weight: 200;
  line-height: 1;
}

/* ==================== */
.my-deposits {
  margin-bottom: 2.188rem;
}

/* ==================== */
.unpaid-invoice {
  font-size: 0.875rem;
  line-height: 1;
}

.unpaid-invoice .timmer {
  text-decoration: underline;
  display: inline-flex;
  color:#ffffff;
}

/* ==================== */
@media screen and (min-width: 768px) {
  .my-balance {
    text-align: right;
  }
}

/* ==================== */
.auto-withdraw {
  padding: 0.688rem 1.563rem 0.688rem 0.688rem;
  background-color: #121212;
  border-radius: 1.375rem;
  display: inline-flex;
  line-height: 1.25rem;
  color: #828282;
  font-size: 1rem;
  height: 2.75rem;
}

.auto-withdraw .balance-icon {
  margin-right: 1.875rem;
  width: 1.375rem;
}

.auto-withdraw .timmer {
  display: inline-flex;
  font-size: 0.875rem;
  color: #00eea3;
}

/* ============================== */
#ac-transactions {
  padding: 1.25rem 0 4.688rem;
}

/* ==================== */
.ac-trans-info {
  line-height: 1.25rem;
  padding: 0.625rem 0;
  font-size: 1rem;
}

/* ==================== */
.trans-title {
  padding: 3.75rem 1.875rem 0;
}

.trans-title h2 {
  padding: 0.938rem 0;
  font-size: 1.875rem;
  font-weight: 200;
  line-height: 1;
}

.trans-title a {
  text-decoration: underline;
  font-size: 0.875rem;
  color: #828282;
  line-height: 1;
}

.trans-title a:hover {
  text-decoration: none;
  color: #ffffff;
}

/* ==================== */
.trans-table {
  background-color: #111111;
  padding: 1.25rem 1.875rem;
  border-radius: 1.563rem;
}

.trans-table .table {
  margin-bottom: 0;
}

.trans-table td {
  padding: 0.5rem 1.875rem 0.5rem 0;
  line-height: 1.25rem;
  font-size: 0.875rem;
  white-space: nowrap;
  color: #ffffff;
}

/* ==================== */
.trans-table tr td:last-child {
  padding-right: 0;
}

/* ==================== */
.trans-table td a {
  text-decoration: underline;
  color: inherit;
}

.trans-table td a:hover {
  text-decoration: none;
  opacity: 0.6;
}

/* ============================== ACCOUNT PAGE END */





/* ============================== SIGNUP PAGE */
#signup-page {
  background-color: #000000;
}

/* ==================== */
#signup-page .main {
  padding: 1.563rem 0.938rem 3.125rem;
}

/* ============================== */
.signup-content {
  padding: 0 2.188rem 2.188rem;
}

/* ==================== */
.signup-content p {
  margin-bottom: 2.188rem;
  line-height: 1.25rem;
  font-size: 1rem;
}

/* ==================== */
.signup-content p span {
  display: block;
}

/* ==================== */
.signup-content p:last-child {
  margin-bottom: 0;
}

/* ============================== */
.signup-phrase {
  background-color: #000000;
  padding: 1.875rem 2.188rem;
  border-radius: 1.563rem;
  margin-bottom: 2.188rem;
  color: #ffffff;
}

/* ==================== */
.signup-phrase h2 {
  margin-bottom: 0.313rem;
  line-height: 1.25rem;
  color: #828282;
  font-size: 1rem;
}

/* ==================== */
.signup-phrase p {
  line-height: 1.563rem;
  font-size: 1.125rem;
  margin-bottom: 0;
}

/* ============================== */
.steps-block {
  position: relative;
}

/* ==================== */
.step-box {
  background-color: #000000;
  padding: 2.5rem 2.188rem;
  border-radius: 1.563rem;
  margin-bottom: 2.188rem;
  font-size: 0.875rem;
  position: relative;
  color: #828282;
  width: 100%;
}

.step-box.active .step-name {
  color: #ffffff;
}

.step-box.active .step-line .dot::after {
  opacity: 1;
}

/* ==================== */
.step-line {
  margin-bottom: 2.5rem;
}

.step-line .dot {
  background-color: #505050;
  display: inline-block;
  border-radius: 50%;
  position: relative;
  height: 1.313rem;
  width: 1.313rem;
}

.step-line .dot::after {
  background-color: #00eea3;
  border-radius: 50%;
  position: absolute;
  height: 100%;
  width: 100%;
  content: "";
  opacity: 0;
  z-index: 3;
  left: 0;
  top: 0;
}

.step-line .dot::before {
  background-color: #505050;
  position: absolute;
  content: "";
  z-index: 1;
}

/* ==================== */
.step-name {
  font-size: 1rem;
  line-height: 1;
}

/* ==================== */
.step-label {
  margin-bottom: 1.563rem;
  line-height: 1.25rem;
}

/* ==================== */
.step-box p {
  margin-bottom: 1.25rem;
  line-height: 1.063rem;
}

.step-box p span {
  display: block;
}

/* ============================== */
.signup-btn {
  padding: 0.625rem 0;
  text-align: center;
}

/* ==================== */
.signup-btn p {
  margin-bottom: 1.563rem;
  line-height: 1.25rem;
  font-size: 0.875rem;
  color: #828282;
}

.signup-btn p a {
  text-decoration: underline;
  white-space: nowrap;
  color: #828282;
}

.signup-btn p a:hover {
  color: #ffffff;
}

/* ==================== */
.signup-btn .btn {
  justify-content: center;
  align-items: center;
  height: 3.625rem;
  display: flex;
  width: 100%;
}

@media screen and (min-width: 576px) {
  .steps-block {
    justify-content: space-between;
    flex-direction: row;
    display: flex;
  }

  .step-box {
    max-width: 17.5rem;
  }

  .step-line .dot {
    margin: 0 1.25rem;
  }

  .step-line .dot::before {
    height: 0.063rem;
    top: 0.625rem;
  }

  .step-1 .step-line .dot::before {
    width: 28rem;
    left: 1.25rem;
  }

  .step-3 .step-line .dot::before {
    width: 28rem;
    right: 1.25rem;
  }

  .step-2 .step-line .dot::before {
    display: none;
  }

  .step-2 {
    margin-right: 2.188rem;
    margin-left: 2.188rem;
    text-align: center;
  }

  .step-3 {
    text-align: right;
  }
}

@media screen and (max-width: 575.9px) {
  .signup-content {
    padding: 0 1.563rem 1.563rem;
  }

  .signup-phrase {
    margin-bottom: 1.563rem;
    padding: 1.563rem;
  }

  .signup-phrase p {
    margin-bottom: 1.25rem;
  }

  .step-box {
    padding: 2.5rem 1.563rem 2.5rem 5.688rem;
    margin-bottom: 1.563rem;
  }

  .step-line {
    position: absolute;
    left: 2.188rem;
  }

  .step-line .dot::before {
    width: 0.063rem;
    left: 0.625rem;
    height: 15rem;
    top: 0;
  }

  .step-3 .step-line .dot::before {
    display: none;
  }
}

/* ============================== SIGNUP PAGE END */





/* ============================== TERMS/PRIVACY PAGE */
.front {
  padding: 1.875rem 2.188rem 2.188rem;
  border: 1px solid #4a4a4a;
  background-color: #121212;
  border-radius: 1.563rem;
  min-height: 100vh;
}

/* ============================== rules-header */
.front-header {
  border-bottom: 1px solid #505050;
  padding: 0.625rem 2.188rem;
  line-height: 1.625rem;
  color: #828282;
  font-size: 1rem;
}

/* ==================== */
a.back-link {
  text-decoration: none;
  color: #828282;
}

a.back-link:hover {
  text-decoration: none;
  color: #ffffff;
}

/* ==================== */
a.support-link {
  text-decoration: underline;
  white-space: nowrap;
  color: #ffffff;
}

a.support-link:hover {
  text-decoration: none;
  color: #828282;
}

/* ============================== */
.front h1 {
  padding: 3.75rem 2.188rem;
  font-size: 2.375rem;
  font-weight: 400;
  line-height: 1;
  margin: 0;
}

/* ============================== */
.rules-content {
  padding: 1.875rem 2.188rem 6.25rem;
  background-color: #000000;
  border-radius: 1.563rem;
  color: #ffffff;
}

/* ==================== */
.rules-content p {
  line-height: 1.25rem;
  margin-bottom: 0;
  font-size: 1rem;
}

/* ==================== */
.title-box {
  margin-bottom: 1.563rem;
}

/* ==================== */
.rules-box {
  margin-bottom: 1.25rem;
}

/* ==================== */
.rules-content a {
  text-decoration: none;
  color: #ffffff;
}

.rules-content a:hover {
  text-decoration: none;
  opacity: 0.4;
}

@media screen and (max-width: 575.9px) {
  .front {
    padding: 1.25rem 1.563rem 1.563rem;
  }

  .front-header {
    padding: 0.625rem 1.563rem;
  }

  .front h1 {
    padding: 3.125rem 1.563rem;
    font-size: 1.875rem;
  }

  .rules-content {
    padding: 1.25rem 1.563rem 4.375rem;
  }
}

/* ============================== privacy-page */
#privacy-page {
  background-color: #000000;
}

/* ==================== */
#privacy-page .main {
  padding: 1.563rem 0.938rem 3.125rem;
}

/* ============================== terms-page */
#terms-page {
  background-color: #000000;
}

/* ==================== */
#terms-page .main {
  padding: 1.563rem 0.938rem 3.125rem;
}

/* ==================== */
#terms-page .rules-box p {
  text-indent: 0.938rem;
}

/* ==================== */
#terms-page .rules-box:last-child p,
#terms-page .rules-box p:first-child {
  text-indent: 0;
}

/* ============================== TERMS/PRIVACY PAGE END */





/* ============================== FAQ PAGE */
#faq-page {
  background-color: #000000;
}

/* ==================== */
#faq-page .main {
  padding: 1.563rem 0.938rem 3.125rem;
}

/* ============================== */
.faq-item {
  background-color: #000000;
  border-radius: 1.563rem;
  margin-bottom: 0.625rem;
}

.faq-item a {
	color:#ffffff;
}

/* ============================== */
.faq-item .faq-btn {
  justify-content: space-between;
  background-color: transparent;
  padding: 1.875rem 2.188rem;
  transition: all 0.5s;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
  color: #ffffff;
  text-align: left;
  display: flex;
  width: 100%;
  border: 0;
}

/* ==================== */
.faq-item .faq-btn:hover {
  color: #32c6d2;
}

/* ==================== */
.faq-item.active .faq-btn {
  color: #828282;
}

/* ============================== */
.faq-icon {
  position: relative;
  flex: 0 0 auto;
  display: block;
  height: 10px;
  width: 10px;
}

/* ==================== */
.line-w,
.line-h {
  background-color: #ffffff;
  position: absolute;
  display: block;
}

.faq-item .faq-btn:hover .line-w,
.faq-item .faq-btn:hover .line-h {
  background-color: #32c6d2;
}

.faq-item.active .faq-btn .line-w,
.faq-item.active .faq-btn .line-h {
  background-color: #828282;
}

/* ==================== */
.line-w {
  transform: translateY(-50%);
  height: 1px;
  width: 10px;
  top: 50%;
  left: 0;
}

/* ==================== */
.line-h {
  transform: translateX(-50%)rotate(0deg);
  height: 10px;
  width: 1px;
  left: 50%;
  top: 0;
}

.faq-item.active .line-h {
  transform: translateX(-50%) rotate(90deg);
  opacity: 0;
}

/* ============================== */
.faq-body {
  padding: 0 2.188rem 1.875rem;
  display: none;
}

.faq-item.active .faq-body {
  display: block;
}

/* ==================== */
.faq-body p {
  margin-bottom: 0.625rem;
}

@media screen and (max-width: 575.9px) {
  .faq-item .faq-btn {
    padding: 1.25rem 1.563rem;
  }
}

/* ============================== FAQ PAGE END */





/* ============================== MODAL PAGE */
#popup-backdrop {
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  z-index: 1000;
  display: block;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
}

#popup-backdrop:not(.active) {
  /* display: none; */
}

/* ==================== */
.popup-bg {
  overflow-y: auto;
  position: fixed;
  display: block;
  z-index: 1000;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
}

.popup-bg:not(.active) {
  /* display: none; */
}

/* ==================== */
.popup {
  padding: 1.25rem 0.938rem;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow-y: auto;
  min-height: 100%;
  display: flex;
  z-index: 1001;
  width: 100%;
}

/* ==================== */
.popup-window {
  border: 0.125rem solid #4a4a4a;
  background-color: #121212;
  padding: 2.5rem 2.125rem;
  border-radius: 1.563rem;
  position: relative;
  max-width: 990px;
  min-height: 100%;
  width: 100%;
}

/* ==================== */
.popup-close {
  font-size: 0.875rem;
  position: absolute;
  color: #828282;
  width: 0.625rem;
  line-height: 1;
  right: 1.25rem;
  top: 1.25rem;
}

/* ==================== */
.popup-header {
  border-bottom: 0.063rem solid #4a4a4a;
  padding: 0.938rem 1.873rem;
  margin-bottom: 1.563rem;
}

/* ==================== */
.popup-message {
  background-color: #000000;
  padding: 1.563rem 1.875rem;
  border-radius: 1.563rem;
  margin-bottom: 1.875rem;
  line-height: 1.125rem;
  font-size: 0.875rem;
}

.popup-message .block {
  display: block;
}

/* ==================== */
.form-group {
  margin-bottom: 1.563rem;
}

.form-group label {
  padding: 0 1.875rem 0.938rem;
  line-height: 1.25rem;
  color: #828282;
  font-size: 1rem;
}

/* ==================== */
.popup-body {
	padding:0.938rem 1.873rem;
	margin-bottom: 1.563rem;
}

.popup-body textarea.form-control {
  field-sizing: content;
}

.popup-body textarea.form-control.form-message {
  height: 6rem;
}

/* ==================== */
.trans-adress {
  padding: 1.563rem 2.188rem 0.625rem;
  background-color: #000000;
  border-radius: 1.563rem;
  margin-bottom: 1.875rem;
}

.trans-adress .label {
  padding-bottom: 0.375rem;
  color: #828282;
  font-size: 1rem;
  line-height: 1;
}

.trans-adress p {
  margin-bottom: 0.938rem;
  word-break: break-all;
  font-size: 1.125rem;
  line-height: 1;
}

.trans-adress .btn {
  margin-bottom: 0.938rem;
}

/* ==================== */
.trans-steps {
  margin-bottom: 1.875rem;
}

.trans-steps .steps-label {
  margin-bottom: 1.875rem;
  font-size: 0.875rem;
  text-align: center;
  color: #828282;
  line-height: 1;
}

.trans-steps .steps-block {
  background-color: #000000;
  border-radius: 1.563rem;
}

.trans-steps .step-box {
  background-color: transparent;
  margin-bottom: 0;
}

.trans-steps .step-line {
  margin-bottom: 0.938rem;
}

.trans-steps .step-label {
  margin-bottom: 0.625rem;
}

@media screen and (max-width: 575.9px) {
  .trans-steps .dot::before {
    height: 9rem;
  }
}

/* ==================== */
.trans-hash {
  background-color: #000000;
  padding: 1.563rem 2.188rem;
  border-radius: 1.563rem;
  margin-bottom: 1.875rem;
}

.trans-hash .label {
  font-size: 0.875rem;
  line-height: 1;
}

.trans-hash a {
  display: inline-block;
  margin-top: 0.938rem;
}

.trans-hash a.hash-link {
  text-decoration: underline;
  word-break: break-all;
  line-height: 1.25rem;
  color: #ffffff;
  font-size: 1rem;
}

.trans-hash a.hash-link:hover {
  text-decoration: none;
  color: #828282;
}

.trans-hash a.hash-check-link {
  text-decoration: none;
  line-height: 1.25rem;
  font-size: 0.875rem;
  color: #32c6d2;
}

.trans-hash a.hash-check-link:hover {
  text-decoration: none;
  color: #ffffff;
}

/* ==================== */
.popup-footer {
  padding: 0 1.875rem;
}

/* ==================== */
.popup-footer .btn {
  margin-bottom: 0.938rem;
}

/* ==================== */
.popup-footer .label {
  margin-bottom: 0.813rem;
  font-size: 0.875rem;
  color: #828282;
  line-height: 1;
}

.popup-footer .text {
  margin-bottom: 0.938rem;
  font-size: 1rem;
  line-height: 1;
}

.popup-footer a {
  text-decoration: none;
  color: #ffffff;
}

.popup-footer a:hover {
  color: #828282;
}

/* ============================== MODAL PAGE END */

@media screen and (min-width: 1920px) {
  html {
    font-size: 14px;
  }
}

@media (min-width: 1400px) and (max-width: 1919.9px) {
  html {
    font-size: 14px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.9px) {
  html {
    font-size: 14px;
  }
}

@media (min-width: 992px) and (max-width: 1199.9px) {
  html {
    font-size: 14px;
  }
}

@media (min-width: 768px) and (max-width: 991.9px) {
  html {
    font-size: 13px;
  }
}

@media (min-width: 576px) and (max-width: 767.9px) {
  html {
    font-size: 12px;
  }
}

@media screen and (max-width: 575.9px) {
  html {
    font-size: 11px;
  }
}

#popup-backdrop:not(.active), .popup-bg:not(.active) {
	display:none;
}

.close_modal {
	cursor:pointer;
}

.progress_form:not(.active) {
	display:none;
}

feb feberr {
	display:block;
	position:relative;
	font-size:0.8;
	color:red;
}

feb:not(.error) feberr {
	display:none;
}

.reports_table_box {
	margin-left:3rem;
}

.reports_table_cell,
.reports_table_th {
	padding:0.3rem 1rem;
}

.reports_table_cell.roi,
.reports_table_th.roi {
	color:#32c6d2;
}

.switch_theme_svg {
	width:1.25rem;
	height:1.25rem;
	margin-top:-0.2rem;
}

.switch_theme_svg path {
	fill:#dedede;
}

.switch_theme_box:hover path {
	fill:#00eea5;
}

ul.right-hand li {
	padding-right:0 !important;
}





















/* LIGHT THEME */

body.ltheme {
  color: #000000;
}

.ltheme .enter-block {
  background-color: #E2E2E2;
}

.ltheme .enter-label {
  border: 0.125rem solid #B5B5B5;
  color: #000000;
}

.ltheme .enter-input .form-control::-moz-placeholder {
  color: #000000;
}

.ltheme .enter-input .form-control::placeholder {
  color: #000000;
}

.ltheme .ac-balance {
  color: #7D7D7D;
}

.ltheme .ac-balance .wallet {
  color: #000000;
}

.ltheme .ac-balance a.edit-wallet {
  color: #7D7D7D;
}

.ltheme .ac-balance a.edit-wallet:hover {
  color: #000000;
}

.ltheme a.account-exit, 
.ltheme a.account-discuss {
  color: #000000;
}

.ltheme a.account-exit:hover {
  color: #7D7D7D;
}

.ltheme #footer {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
}

.ltheme #footer p {
  color: #7D7D7D;
}

.ltheme #footer ul li a {
  color: #000000;
}

.ltheme #footer ul li a:hover {
  color: #FF115A;
}

.ltheme .form-control {
  background-color: #E2E2E2;
}

.ltheme .form-control:focus {
  background-color: #E2E2E2;
  color: #000000;
}

.ltheme .btn-green {
  background-color: #CD392D;
  color: #ffffff;
}

.ltheme .btn-green:hover {
  background-color: #B11003;
  color: #ffffff;
}

.ltheme .btn-border-green {
  border-color: #CD392D;
  color: #000000;
}

.ltheme .btn-border-green:hover {
  background-color: #B11003;
  border-color: #B11003;
  color: #ffffff;
}

.ltheme .green-color {
  color: #CD392D;
}

.ltheme .grey-color {
  color: #7D7D7D;
}

.ltheme .deepgreen-color {
  color: #FF115C;
}

.ltheme #loading-page {
  background-color: #EEEEEE;
}

.ltheme #loading-page .main {
  background-color: #EEEEEE;
}

.ltheme #home-page {
  background-color: #ffffff;
}

.ltheme #about-screen {
  background-color: #EEEEEE;
}

.ltheme p.about-text {
  color: #7D7D7D;
}

.ltheme #swap .about-info {
  background-color: #CD392D;
  color: #000000;
}

.ltheme #gain .about-info {
  background-color: #000000;
  color: #EEEEEE;
}

.ltheme #gain .about-info h3 {
  color: #CD392D;
  background: -webkit-linear-gradient(0deg, rgba(205, 57, 45, 1) 0%, rgba(255, 17, 93, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.ltheme .about-digits .label {
  color: #7D7D7D;
}

.ltheme .about-digits .amount {
  color: #CACACA;
}

.ltheme .affiliate-top {
  background-color: #EEEEEE;
}

.ltheme .affiliate-bottom {
  background-color: #ffffff;
}

.ltheme #account-page {
  background-color: #ffffff;
}

.ltheme #account-page .header {
  background-color: #EDEDED;
}

.ltheme #ac-promo {
  background-color: #EDEDED;
}

.ltheme .ac-logo .label {
  color: #7D7D7D;
}

.ltheme .ac-logo-info a {
  color: #000000;
}

.ltheme .ac-logo-info a:hover {
  color: #7D7D7D;
}

.ltheme #ac-statistics {
  border-bottom: 0.063rem solid #B2B2B2;
}

.ltheme .unpaid-invoice .timmer {
  color:#000000;
}

.ltheme .auto-withdraw {
  color: #7D7D7D;
  background-color: #ededed;
}

.ltheme .auto-withdraw .timmer {
  color: #FF115C;
}

.ltheme .trans-title a {
  color: #7D7D7D;
}

.ltheme .trans-title a:hover {
  color: #000000;
}

.ltheme .trans-table {
  background-color: #EEEEEE;
}

.ltheme .trans-table td {
  color: #000000;
}

.ltheme #signup-page {
  background-color: #ffffff;
}

.ltheme .signup-phrase {
  background-color: #ffffff;
  color: #000000;
}

.ltheme .signup-phrase h2 {
  color: #7D7D7D;
}

.ltheme .step-box {
  background-color: #ffffff;
  color: #7D7D7D;
}

.ltheme .step-box.active .step-name {
  color: #000000;
}

.ltheme .step-line .dot {
  background-color: #AFAFAF;
}

.ltheme .step-line .dot::after {
  background-color: #FF115C;
}

.ltheme .step-line .dot::before {
  background-color: #AFAFAF;
}

.ltheme .signup-btn p {
  color: #7D7D7D;
}

.ltheme .signup-btn p a {
  color: #7D7D7D;
}

.ltheme .signup-btn p a:hover {
  color: #000000;
}

.ltheme .front {
  border: 1px solid #B5B5B5;
  background-color: #EDEDED;
}

.ltheme .front-header {
  border-bottom: 1px solid #AFAFAF;
  color: #7D7D7D;
}

.ltheme a.back-link {
  color: #7D7D7D;
}

.ltheme a.back-link:hover {
  color: #000000;
}

.ltheme a.support-link {
  color: #000000;
}

.ltheme a.support-link:hover {
  color: #7D7D7D;
}

.ltheme .rules-content {
  background-color: #ffffff;
  color: #000000;
}

.ltheme .rules-content a {
  color: #000000;
}

.ltheme #privacy-page {
  background-color: #ffffff;
}

.ltheme #terms-page {
  background-color: #ffffff;
}

.ltheme #faq-page {
  background-color: #ffffff;
}

.ltheme .faq-item {
  background-color: #ffffff;
}

.ltheme .faq-item a {
	color:#000000;
}

.ltheme .faq-item .faq-btn {
  color: #000000;
}

.ltheme .faq-item .faq-btn:hover {
  color: #CD392D;
}

.ltheme .faq-item.active .faq-btn {
  color: #7D7D7D;
}

.ltheme .line-w,
.ltheme .line-h {
  background-color: #000000;
}

.ltheme .faq-item .faq-btn:hover .line-w,
.ltheme .faq-item .faq-btn:hover .line-h {
  background-color: #CD392D;
  background-color: #CD392D;
}

.ltheme .faq-item.active .faq-btn .line-w,
.ltheme .faq-item.active .faq-btn .line-h {
  background-color: #7D7D7D;
}

.ltheme #popup-backdrop {
  background: rgba(255, 255, 255, 0.6);
}

.ltheme .popup-window {
  border: 0.125rem solid #B5B5B5;
  background-color: #EDEDED;
}

.ltheme .popup-close {
  color: #7D7D7D;
}

.ltheme .popup-header {
  border-bottom: 0.063rem solid #B5B5B5;
}

.ltheme .popup-message {
  background-color: #ffffff;
}

.ltheme .form-group label {
  color: #7D7D7D;
}

.ltheme .trans-adress {
  background-color: #ffffff;
}

.ltheme .trans-adress .label {
  color: #7D7D7D;
}

.ltheme .trans-steps .steps-label {
  color: #7D7D7D;
}

.ltheme .trans-steps .steps-block {
  background-color: #ffffff;
}

.ltheme .trans-hash {
  background-color: #ffffff;
}

.ltheme .trans-hash a.hash-link {
  color: #000000;
}

.ltheme .trans-hash a.hash-link:hover {
  color: #7D7D7D;
}

.ltheme .trans-hash a.hash-check-link {
  color: #CD392D;
}

.ltheme .trans-hash a.hash-check-link:hover {
  color: #000000;
}

.ltheme .popup-footer .label {
  color: #7D7D7D;
}

.ltheme .popup-footer a {
  color: #000000;
}

.ltheme .popup-footer a:hover {
  color: #7D7D7D;
}

.ltheme .reports_table_cell.roi,
.ltheme .reports_table_th.roi {
	color:#CD392D;
}

.logo_image.light {
	display:none;
}

.ltheme .logo_image.dark {
	display:none;
}

.ltheme .logo_image.light {
	display:block;
}

.ltheme .switch_theme_svg path {
	fill:#ea375f;
}

.ltheme .switch_theme_box:hover path {
	fill:#FF115A;
}

.aff_table .repeated {
	color:grey;
}

.aff_table td {
	padding:0.3rem 0.7rem;
}

.color-tortoise {
	color:#32c6d2;
}

.copyme {
	cursor:copy;
}

#copy_tip {
	position: fixed;
	padding: 0.5rem 1rem;
	background: rgba(0,238,163,0.7);
	color: #000000;
	border-radius: 10px;
	font-size: 1rem;
	font-weight:bold;
	display: none;
	z-index: 9999;
	max-width: 280px;
	transform: translateX(-50%);
	white-space:nowrap;
}

#copy_tip::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid rgba(0,238,163,0.7);
	left: var(--arrow-x, 50%);
	transform: translateX(-50%);
	top: 100%;
}

#copy_tip.flip::after {
	border-top: none;
	border-bottom: 8px solid rgba(0,238,163,0.7);
	top: auto;
	bottom: 100%;
}

.my_upline {
	font-size: 0.875rem;
	color:#828282;
	margin-top:0.8rem;
/*	margin-left:0.3rem;*/
}

.kilo_stats {
	margin-top:3rem;
	margin-bottom:3rem;
}

.kilo_stats .ks_value * {
	color:#64c3d0;
	font-size:1.5rem;
}

.ltheme .kilo_stats .ks_value * {
	color:#CD392D;
}

.kilo_stats .ks_number {
	background: linear-gradient(90deg, #32c6d2 0%, #32c6d2 40%, #00eea2 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

.ltheme .kilo_stats .ks_number {
	background: linear-gradient(90deg, #CD392D 0%, #CD392D 40%, #FF115C 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

.kilo_stats .ks_value {
	margin-bottom:0.6rem;
}

.kilo_stats .ks_expls * {
	font-size:1rem;
/*	color:#ffffff;*/
}

.kilo_stats .ks_expls .ks_line1 {
	color:#ffffff;
}

.ltheme .kilo_stats .ks_expls .ks_line1 {
	color:#000000;
}

.hp_profit {
	margin-bottom:1.6rem;
}

.hp_profit .hp_data_box {
	display:flex; 
	justify-content:left;
}

.hp_profit .hp_data {
	margin-right:2.5rem;
}

.hp_profit .hp_cyan {
	color:#32c6d2;
}

.ltheme .hp_profit .hp_cyan {
	color:#CD392D;
}

.hp_dep {
	width:6em;
	background:transparent;
	border:none;
	color:#32c6d2;
}

.min-out {
	color:#828282;
	font-size:0.875rem;
	line-height:1;
}

.min-out-number {
	color:#ffffff;
}

.ltheme .min-out-number {
	color:#000000;
}

.progress-withdraw {
	width:18px;
	height:18px;
	display:inline-block;
	transform-origin:center;
	animation: pw 1s ease-in-out infinite;
}

.progress-withdraw path {
	fill:#32c6d2;
}

.progress-withdraw circle {
	stroke:#32c6d2;
}

.ltheme .progress-withdraw path {
	fill:#CD392D;
}

.ltheme .progress-withdraw circle {
	stroke:#CD392D;
}

@keyframes pw {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.1); } 
  100% { transform: scale(1); }
}