:root {
	--grey33:#333333;
	--orange:#ff7733;
	--white:#ffffff;
	--grey:#a19f9f;
	--blue:#275695;
	--greycc:#cccccc;
	--greyf6:#f6f6f6;
	--greyd8:#d8d8d8;
	--redf0:#fff0f0;
	--red7d:#ff7d7d;
	--red3e:#ff3e3e;
	--greenf7:#f7fff8;
	--green00:#00ca80;
	--green1c:#1cb07c;
	--grey99:#999999;
	--black-60:rgba(0, 0, 0, 0.6);
	--greyf0:#f0f0f0;
	--redec:#ec1f24;
	--grey77:#777777;
	--grey43-10:rgba(43, 43, 43, 0.1);
	--redae:#ae3a00;
	--green4c:#4cbe46;
	--rede4:#e47a7b;
	--redf1:#fff1ea;
	--greye3:#e3e3e3;
	--blue19:#19355A;
	--brown93:#938e8e;
	--reded:#ed1c24;
	--grey66:#666666;
	--blue94:#94b0d6;
	--grey82:#828282;
	--blue0f:#0f1d2f;
}
/* ======================================== COMMON */
html {
  height: 100%;
  width: 100%;
}

body {
  font-family: 'AdelleSans-Regular';
  position: relative;
  color: var(--grey33);
  height: 100%;
  width: 100%;
}

/* ============================== MAIN */
.flex {
	display:flex;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
    appearance: textfield;
}

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

.bold {
	font-weight:bold;
}

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

a.btn,
a.btn svg path {
  transition: all 0.5s;
}

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

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

/* ==================== */
.iconed-text {
  display: inline-flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

.icon-width,
.icon-height {
  line-height: 0 !important;
  display: block;
  flex: none;
}

.icon-width svg,
.icon-width img {
  height: auto !important;
  width: 100% !important;
}

.icon-height svg,
.icon-height img {
  width: auto !important;
  height: 100% !important;
}

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

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

/* ============================== COLORS */
.orange-color {
  color: var(--orange);
}

.black-color {
  color: var(--grey33);
}

.white-color {
  color: var(--white);
}

.grey-color {
  color: var(--grey);
}

.blue-color {
  color: var(--blue);
}

/* ============================== COLORS END */

/* ============================== BUTTONS */
.btn {
  text-decoration: none;
  align-items: center;
  display: flex;
  width: 100%;
}

.btn span.btn-text {
  text-align: left;
  display: block;
  width: 100%;
}

.btn-large {
  padding: 1.25rem 1.438rem 1.25rem 2.375rem;
  font-family: 'AdelleSans-Bold';
  border-radius: 2.313rem;
  min-height: 4.625rem;
  line-height: 1.75rem;
  font-size: 1.25rem;
}

.btn-small {
  font-family: 'AdelleSans-Bold';
  padding: 0.813rem 1.875rem;
  border-radius: 0.813rem;
  line-height: 1.563rem;
  min-width: 16.563rem;
  min-height: 3.188rem;
  font-size: 1.25rem;
}

.btn-orange {
  background-color: var(--orange);
  border-color: var(--orange);
  color: var(--white);
}

.btn-orange:hover,
.btn-orange:active {
  background-color: transparent;
  border-color: var(--orange);
  color: var(--grey33);
}

.btn-orange svg path {
  fill: var(--white);
}

.btn-orange:hover svg path,
.btn-orange:active svg path {
  fill: var(--grey33);
}

.btn-grey {
  background-color: var(--white);
  border-color: var(--greycc);
  color: var(--grey33);
}

.btn-grey:hover,
.btn-grey:active {
  background-color: var(--greyf6);
  border-color: var(--greycc);
  color: var(--grey33);
}

.btn-grey svg path {
  fill: var(--grey33);
}

.btn-grey:hover svg path,
.btn-grey:active svg path {
  fill: var(--grey33);
}

/* ============================== BUTTONS END */

/* ============================== FORMS */
.form-box {
  box-shadow: 0 0.625rem 1rem 0.25rem var(--grey43-10);
  border: 1px solid var(--greycc);
  background-color: var(--white);
  padding: 3.438rem 3.125rem;
  border-radius: 1.25rem;
  width: 100%;
}

/* ============================== */
.form-title {
  line-height: 2.375rem;
  font-size: 1.625rem;
  margin: 0 0 2.5rem;
}

/* ============================== */
.form-subtitle {
  margin-bottom: 1.25rem;
}

.form-subtitle .black-color {
  font-family: 'AdelleSans-Bold';
}

.form-subtitle a.grey-color:hover {
  text-decoration: none;
  color: var(--orange);
}

/* ============================== */
.form-message {
  margin-bottom: 0.813rem;
}

/* ==================== */
.form-group {
  background-color: var(--white);
  border: 1px solid var(--greyd8);
  border-radius: 0.813rem;
  margin-bottom: 0.813rem;
  color: var(--grey33);
}

/* ==================== */
.error .form-group {
  background-color: var(--redf0);
  border-color: var(--red7d);
  color: var(--red3e);
}

/* ==================== */
.success .form-group {
  background-color: var(--greenf7);
  border-color: var(--green00);
  color: var(--green1c);
}

/* ==================== */
.focus .form-group,
.error.focus .form-group,
.success.focus .form-group {
  background-color: var(--white);
  border-color: var(--orange);
  color: var(--grey33);
}

/* ============================== */
.form-control {
  font-family: 'AdelleSans-Bold';
  background-color: transparent;
  padding: 1.25rem 1.563rem;
  border-radius: 0.813rem;
  line-height: 1.5rem;
  min-height: 4.25rem;
  font-size: 1.25rem;
  color: inherit;
  border: 0;
}

/* ==================== */
.form-control:focus {
  background-color: transparent;
  box-shadow: none;
  border: 0;
}

/* ==================== */
.form-control::-moz-placeholder {
  color: var(--grey99);
}

/* ==================== */
.form-control::placeholder {
  color: var(--grey99);
}

/* ==================== */
textarea.form-control {
  min-height: 13.125rem;
  resize: none;
}

/* ============================== */
.btn-box .btn-text {
  white-space: nowrap;
}

.btn-box .btn-icon.icon-height {
  height: 1.75rem;
}

/* ============================== */
.check-input {
  position: absolute;
  cursor: pointer;
  height: 100%;
  width: 100%;
  z-index: 5;
  opacity: 0;
}

/* ============================== */
.ferror {
  line-height: 1.25rem;
  padding: 0.625rem;
  font-size: 1rem;
  display: none;
  color:red;
}

.error .ferror {
  display: block;
}

/* ========================= captcha */
.captcha .captcha-img {
  align-items: center;
  overflow: hidden;
  height: 4.25rem;
  display: flex;
}

/* ==================== */
.captcha .captcha-btn {
  background-color: transparent;
  border: 1px solid var(--greycc);
  justify-content: center;
  border-radius: 0.813rem;
  align-items: center;
  min-width: 4.25rem;
  padding: 0.625rem;
  color: var(--grey33);
  height: 4.25rem;
  display: flex;
}

.captcha .captcha-btn:hover {
  background-color: var(--white);
  border-color: var(--orange);
}

/* ==================== */
.captcha .captcha-btn .icon-width {
  width: 1.25rem;
}

.captcha .captcha-btn .icon-width .svg-fill {
  fill: var(--grey33);
}

.captcha .captcha-btn:hover .icon-width .svg-fill {
  fill: var(--orange);
}

@media screen and (max-width: 575.9px) {
  .captcha {
    flex-wrap: wrap;
  }

  .captcha .form-group {
    margin-top: 10px;
  }
}

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

/* ============================== MODALS */
#popup-backdrop {
  background: var(--black-60);
  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: 1px solid var(--greycc);
  background-color: var(--white);
  padding: 3.75rem 2.813rem;
  border-radius: 1.25rem;
  max-width: 51.25rem;
  position: relative;
  min-height: 100%;
  width: 100%;
}

/* ==================== */
.popup-close {
  position: absolute;
  cursor: pointer;
  right: 0.938rem;
  width: 1.25rem;
  top: 0.938rem;
}

/* ============================== */
.popup-header {
  padding-bottom: 2.5rem;
}

/* ==================== */
.popup-header .title {
  font-family: 'AdelleSans-Bold';
  margin-bottom: 0.625rem;
  line-height: 1.875rem;
  font-size: 1.625rem;
}

/* ==================== */
.popup-header p {
  font-family: 'AdelleSans-Semibold';
  font-size: 1.25rem;
  margin-bottom: 0;
  color: var(--grey99);
  line-height: 1;
}

/* ============================== */
.choose-tr-bot {
  margin-bottom: 3.125rem;
  position: relative;
}

/* ==================== */
.choose-tr-bot:hover .traiding-bot {
  box-shadow: 0 0.625rem 1rem 0.25rem var(--grey43-10);
}

/* ==================== */
.choose-tr-bot .check-input:checked+.traiding-bot {
  box-shadow: 0 0.625rem 1rem 0.25rem var(--grey43-10);
}

/* ============================== */
.traiding-bot {
  border: 1px solid var(--greycc);
  border-radius: 1.25rem;
  transition: all 0.5s;
  min-height: 18.75rem;
  max-width: 51.875rem;
  padding: 0 3.125rem;
  position: relative;
  overflow: hidden;
  display: block;
}

a.traiding-bot {
  text-decoration: none;
  color: var(--grey33);
}

.traiding-bot .bot-label {
  font-family: 'AdelleSans-Bold';
}

/* ==================== */
.bot-icon {
  position: absolute;
  left: 0.938rem;
  top: 0.938rem;
}

.bot-icon .icon-width {
  width: 1.5rem;
}

/* ==================== */
.traiding-bot .bot-top {
  border-bottom: 1px solid var(--greycc);
  padding: 2.813rem 0 0.938rem;
}

.traiding-bot .bot-top .bot-info {
  margin-bottom: 1.563rem;
}

/* ==================== */
.traiding-bot .bot-bottom {
  padding: 2.5rem 0 1.563rem;
  color: var(--blue);
}

/* ==================== */
.choosen-box {
  background-color: var(--greyf0);
  transform: rotate(-45deg);
  transition: all 0.5s;
  position: absolute;
  bottom: -2.813rem;
  right: -2.813rem;
  height: 5.625rem;
  width: 5.625rem;
  z-index: 3;
}

.choosen-box .icon-width {
  transform: rotate(45deg);
  position: absolute;
  width: 1.375rem;
  left: 2rem;
  top: 0.4rem;
}

.traiding-bot .choosen-box .icon-width svg path {
  fill: var(--greyf0);
}

.choose-tr-bot .check-input:checked+.traiding-bot .choosen-box .icon-width svg path {
  fill: var(--white);
}

.choose-tr-bot .check-input:checked+.traiding-bot .choosen-box {
  background-color: var(--blue);
}

/* ==================== */
.form-checkbox {
  margin-bottom: 1.25rem;
  position: relative;
}

/* ==================== */
.check-input {
  position: absolute;
  cursor: pointer;
  height: 100%;
  width: 100%;
  z-index: 5;
  opacity: 0;
}

/* ==================== */
.check-label {
  padding: 1.25rem 6.563rem 1.25rem 1.25rem;
  font-family: 'AdelleSans-Bold';
  border: 1px solid var(--greyd8);
  border-radius: 0.938rem;
  transition: all 0.5s;
  position: relative;
  font-size: 1.25rem;
  display: flex;
  width: 100%;
}

.check-input:checked+.check-label {
  background-color: var(--greyf0);
  border-color: var(--greyf0);
}

.check-input:hover+.check-label {
  box-shadow: 0 0.625rem 1rem 0.25rem var(--grey43-10);
}

.check-input:checked:hover+.check-label {
  box-shadow: none;
}

/* ==================== */
.check-label .checked-icon {
  transform: translateY(-50%);
  transition: all 0.5s;
  position: absolute;
  right: 1.875rem;
  opacity: 0;
  top: 50%;
}

.check-label .checked-icon svg path {
  fill: var(--blue);
}

.check-label .checked-icon .icon-width {
  width: 2.813rem;
}

.check-input:checked+.check-label .checked-icon {
  opacity: 1;
}

/* ==================== */
.wallet-name {
  margin-right: 3.75rem;
  min-width: 14.375rem;
  align-items: center;
  flex-wrap: nowrap;
  display: flex;
}

.wallet-name .icon-width {
  margin-right: 2.188rem;
  width: 3.75rem;
}

/* ============================== */
.popup-footer {
  padding-top: 3.125rem;
}

/* ==================== */
.popup-footer a {
  font-family: 'AdelleSans-Bold';
  text-decoration: none;
  display: inline-block;
  line-height: 1.875rem;
  font-size: 1.25rem;
  color: var(--grey33);
  margin: 1rem 0;
}

.popup-footer a:hover {
  color: var(--orange);
}

/* ==================== */
#info-modal,
#info-modal .form-control,
#info-modal .btn-box .btn-text {
  text-align: center;
}

#info-modal .form-group {
  border-radius: 3.125rem;
}

#info-modal textarea.form-control {
  min-height: 18.125rem;
}

/* ============================== */
.system-message-bg {
  padding: 0 0.938rem;
  max-width: 42.5rem;
  font-size: 1.25rem;
  position: absolute;
  z-index: 100;
  width: 100%;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
}

/* ==================== */
.system-message {
  background-color: var(--white);
  border: 2px solid var(--redec);
  padding: 0.938rem 1.25rem;
  border-radius: 0.938rem;
  line-height: 1.563rem;
}

/* ==================== */
.system-message p {
  font-family: 'AdelleSans-Bold';
  color: var(--redec);
}

.system-message p:last-child {
  margin-bottom: 0;
}

/* ==================== */
a.close-message {
  text-decoration: none;
  color: var(--grey33);
}

a.close-message:hover {
  opacity: 0.6;
}

.calc .flex {
	justify-content:space-between;
	vertical-align:center;
}

.calc .input_box {
	background-color:var(--white);
	border: 1px solid var(--greyd8);
	border-radius: 0.813rem;
	color:var(--grey33);
}

.calc .title_box {
	margin-bottom:0.25rem;
}

.calc .right .title_box {
	text-align: right;
}

.calc .title {
	font-size:1.5rem;
	font-weight:bold;
	color:var(--grey77);
}

.calc .center {
	display:flex;
	vertical-align:center;
}

.calc .harr {
	font-size:2rem;
	font-weight:bold;
	margin:auto;
}

.dmt {
	font-size:1.5rem;
}

.copyme svg {
	width:1em;
	height:1em;
	display:inline-block;
	vertical-align:-0.1em;
	flex-shrink:0;
	cursor:pointer;
	transition:0.3s;
	fill:var(--grey77);
}

.copyme:hover svg {
	fill:var(--grey33);
}

.copyme.active svg {
	fill:green;
}

.cancel_warning {
	color:var(--red3e);
	border:1px solid var(--red3e);
	padding:1rem;
	font-size:1.5rem;
}

.cancel_warning:not(.active) {
	display:none;
}
/* ============================== MODALS END */