* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-weight: 400;
  font-family: var(--font-iran-sans);
  text-decoration: none;
  direction: rtl;
  outline: none;
}
.clearfix:after {
  content: '';
  display: block;
  clear: both;
}
.owl-carousel,
.owl-carousel .owl-item {
  -webkit-tap-highlight-color: #fff0;
  position: relative;
}
.owl-carousel {
  display: none;
  width: 100%;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
}
.owl-carousel .owl-stage:after {
  content: '.';
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
  display: none;
}
.no-js .owl-carousel,
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}
.owl-carousel .animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.owl-height {
  transition: height 0.5s ease-in-out;
}
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 0.4s ease;
}
.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=''] {
  max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 0.1s ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 0.4s ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}
.t-1 {
  font-size: 12px;
}
.t-2 {
  font-size: 14px;
}
.t-3 {
  font-size: 20px;
}
.t-4 {
  font-size: 24px;
}
.t-5 {
  font-size: 32px;
}
.bold {
  font-weight: 700;
}
.light {
  font-weight: 100;
}
.english {
  font-family: var(--font-open-sans);
  direction: ltr;
}
body {
  background: #000;
}
footer.main {
  background: #03070f;
  border-radius: 4px;
  padding: 0 160px;
  padding-bottom: 1px;
  margin-bottom: 4px;
}
footer.main div.main {
  margin-bottom: 40px;
  padding-top: 64px;
}
footer.main div.main div.col {
  display: inline-block;
  vertical-align: top;
  width: calc(33.3333% - 66.6666px);
}
footer.main div.main div.col:last-child {
  width: 200px;
}
footer.main div.main div.col a.telegram {
  background: #0082ff;
  line-height: 40px;
  height: 40px;
  border-radius: 4px;
  display: block;
  width: 100%;
  margin-bottom: 16px;
  color: #fcfcfd;
  text-align: center;
}
footer.main div.main div.col a.telegram img {
  display: inline-block;
  vertical-align: middle;
  height: 24px;
  margin-left: 8px;
}
footer.main div.main div.col p.email {
  color: #777e90;
  text-align: center;
  margin-bottom: 16px;
}
footer.main div.main div.col a.tel {
  background: #777e90;
  display: block;
  text-align: center;
  border-radius: 4px;
  line-height: 40px;
  height: 40px;
  margin-bottom: 16px;
  color: #000;
}
footer.main div.main div.col a.tel img {
  display: inline-block;
  vertical-align: middle;
  height: 24px;
  margin-left: 8px;
}
footer.main div.main div.col div.social {
  text-align: center;
}
footer.main div.main div.col div.social img {
  display: inline-block;
  vertical-align: middle;
  height: 24px;
  margin: 0 8px;
}
footer.main div.main div.col p.title {
  color: #fcfcfd;
  line-height: 32px;
  margin-bottom: 16px;
}
footer.main div.main div.col ul li {
  margin-bottom: 8px;
}
footer.main div.main div.col ul li a {
  color: #777e90;
  line-height: 28px;
}
footer.main div.copyright {
  padding: 40px 0;
  border-top: 1px solid #23262f;
  text-align: center;
}
footer.main div.copyright p {
  color: #777e90;
  line-height: 32px;
}
section.home div.outro {
  background: #080d18;
  border-radius: 4px;
  padding: 80px 160px;
  margin-bottom: 4px;
  text-align: center;
}
section.home div.outro p.title {
  color: #fcfcfd;
  line-height: 32px;
  margin-bottom: 20px;
}
section.home div.outro p.desc {
  color: #777e90;
  line-height: 28px;
  margin-bottom: 40px;
}
section.home div.outro a.button {
  display: inline-block;
  padding: 0 20px;
  line-height: 40px;
  height: 40px;
  border-radius: 4px;
  color: #070a14;
  background: #fca311;
}
section.home div.marketprices {
  background: #080d18;
  border-radius: 4px;
  padding: 80px 160px;
  margin-bottom: 4px;
  position: relative;
}
section.home div.marketprices:before {
  content: '';
  display: block;
  position: absolute;
  left: 24px;
  bottom: 22px;
  background: url(../img/background-image.svg);
  height: 205px;
  width: 289px;
  background-size: contain;
  background-repeat: no-repeat;
}
section.home div.marketprices div.asset {
  display: inline-block;
  vertical-align: middle;
  width: 20%;
  text-align: left;
  position: relative;
}
section.home div.marketprices div.asset div.center {
  display: block;
  margin: auto;
  width: 166px;
}
section.home div.marketprices div.asset p.toman {
  color: #777e90;
  line-height: 24px;
}
section.home div.marketprices div.asset p.price {
  color: #fcfcfd;
  line-height: 32px;
}
section.home div.marketprices div.asset p.title {
  color: #fcfcfd;
  line-height: 32px;
}
section.home div.marketprices div.asset p.title span.vs {
  color: #777e90;
}
section.home div.marketprices div.asset p.title span.change {
  display: inline-block;
  vertical-align: middle;
  margin-left: 6px;
  padding: 0 10px;
  line-height: 20px;
  height: 20px;
  border-radius: 4px;
}
section.home div.marketprices div.asset p.title span.change.red {
  background: rgb(255 77 77 / 0.1);
  color: #ff4d4d;
}
section.home div.marketprices div.asset p.title span.change.green {
  background: rgb(0 192 118 / 0.1);
  color: #00c076;
}
section.home div.usp {
  border-radius: 4px;
  padding: 80px 160px;
  margin-bottom: 4px;
}
section.home div.usp div.header {
  margin-bottom: 64px;
}
section.home div.usp div.header p.header {
  color: #fcfcfd;
  line-height: 32px;
  margin-bottom: 20px;
}
section.home div.usp div.header p.sub {
  color: #777e90;
  line-height: 32px;
}
section.home div.usp div.usp-col {
  display: inline-block;
  vertical-align: middle;
  width: calc(50% - 93.5px);
  margin-left: 187px;
  margin-bottom: 40px;
}
section.home div.usp div.usp-col:nth-child(2n) {
  margin-left: 0;
}
section.home div.usp div.usp-col div.img {
  display: inline-block;
  vertical-align: top;
  width: 56px;
  padding: 8px;
  background: #fca311;
  margin-left: 16px;
  border-radius: 4px;
}
section.home div.usp div.usp-col div.img img {
  display: block;
  width: 40px;
  height: 40px;
}
section.home div.usp div.usp-col div.details {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 72px);
}
section.home div.usp div.usp-col div.details p.title {
  color: #fcfcfd;
  line-height: 32px;
  margin-bottom: 10px;
}
section.home div.usp div.usp-col div.details p.text {
  color: #777e90;
  line-height: 28px;
}
section.home div.market {
  border-radius: 4px;
  margin-bottom: 4px;
  padding-bottom: 1px;
}
section.home div.market a.main {
  display: block;
  margin: 42px auto;
  width: 200px;
  text-align: center;
  color: #777e90;
}
section.home div.market a.main img {
  display: inline-block;
  vertical-align: middle;
  height: 14px;
  margin-right: 8px;
}
section.home div.market div.asset-table div.rows-holder {
  display: none;
  position: relative;
  min-height: 500px;
}
section.home div.market div.asset-table div.rows-holder div.loader {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
section.home div.market div.asset-table div.rows-holder div.loader svg {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
}
section.home div.market div.asset-table div.rows-holder div.loader svg circle {
  fill: #fca311;
}
section.home div.market div.asset-table div.rows-holder.active {
  display: block;
}
section.home div.market div.asset-table div.headrow span.col {
  color: #777e90;
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
  width: 18.75%;
}
section.home div.market div.asset-table div.headrow span.col:last-child {
  width: 25%;
}
section.home div.market div.asset-table div.headrow span.col:first-child {
  padding-right: 42px;
}
section.home div.market div.asset-table div.row {
  padding: 16px 0;
  border-radius: 4px;
}
section.home div.market div.asset-table div.row:hover {
  background: #070a14;
}
section.home div.market div.asset-table div.row div.col {
  display: inline-block;
  vertical-align: middle;
  width: 18.75%;
}
section.home div.market div.asset-table div.row div.col > p {
  color: #fcfcfd;
  line-height: 20px;
  text-align: right;
}
section.home div.market div.asset-table div.row div.col > p.toman {
  color: #777e90;
}
section.home div.market div.asset-table div.row div.col > p.change {
  display: inline-block;
  vertical-align: middle;
  line-height: 25px;
  height: 25px;
  padding: 0 10px;
  border-radius: 4px;
}
section.home div.market div.asset-table div.row div.col > p.price {
  font-weight: 100;
  margin-bottom: 8px;
}
section.home div.market div.asset-table div.row div.col > p.price span {
  color: #777e90;
  font-weight: 100;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}
section.home div.market div.asset-table div.row div.col > p.green {
  color: #00c076;
}
section.home div.market div.asset-table div.row div.col > p.red {
  color: #ff4d4d;
}
section.home div.market div.asset-table div.row div.col:last-child {
  width: 25%;
  padding-left: 40px;
}
section.home div.market div.asset-table div.row div.col:first-child {
  padding-right: 42px;
}
section.home div.market div.asset-table div.row div.col:first-child:before {
  display: inline-block;
  vertical-align: middle;
  width: 38px;
  height: 38px;
  margin-left: 12px;
  background: url('../img/Moamelati - Coin.svg');
  border-radius: 50%;
  position: absolute;
  margin-top: 5px;
  margin-right: 1px;
}
section.home div.market div.asset-table div.row div.col img.sparkline {
  display: inline-block;
  vertical-align: middle;
  height: 42px;
  filter: hue-rotate(48deg) drop-shadow(2px 6px 9px rgb(0 192 118 / 0.5));
}
section.home div.market div.asset-table div.row div.col img.sparkline.red {
  filter: hue-rotate(258deg) saturate(4)
    drop-shadow(2px 6px 9px rgb(255 77 77 / 0.5));
}
section.home div.market div.asset-table div.row div.col a {
  line-height: 20px;
  color: #fca311;
  width: 39px;
  float: left;
  margin: 13px 0;
  margin-right: 72px;
}
section.home div.market div.asset-table div.row div.col img.asset {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  margin-left: 12px;
  border-radius: 50%;
  opacity: 0;
  position: relative;
}
section.home div.market div.asset-table div.row div.col div.details {
  display: inline-block;
  vertical-align: middle;
}
section.home div.market div.asset-table div.row div.col div.details p {
  color: #fcfcfd;
  line-height: 20px;
}
section.home
  div.market
  div.asset-table
  div.row
  div.col
  div.details
  p:first-child {
  margin-bottom: 8px;
}
section.home div.market div.header span.header {
  color: #fcfcfd;
  line-height: 32px;
}
section.home div.market div.header div.buttons {
  float: left;
}
section.home div.market div.header div.buttons span {
  display: inline-block;
  vertical-align: middle;
  height: 32px;
  line-height: 32px;
  border-radius: 4px;
  padding: 0 20px;
  color: #fcfcfd;
}
section.home div.market div.header div.buttons span.active {
  background: #070a14;
  color: #fca311;
}
section.home div.intro {
  background: #0a101e;
  border-radius: 4px;
  padding: 40px 0;
  padding-right: 160px;
  position: relative;
  overflow: hidden;
  margin-bottom: 4px;
}
section.home div.intro div.details {
  width: 420px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 87px;
}
section.home div.intro div.details div.slogan {
  margin-bottom: 122px;
}
section.home div.intro div.details div.slogan p.header {
  color: #fcfcfd;
  line-height: 40px;
  margin-bottom: 12px;
}
section.home div.intro div.details div.slogan p.header img {
  height: 40px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
section.home div.intro div.details div.slogan p.sub {
  color: #777e90;
  line-height: 32px;
  margin-bottom: 24px;
  margin-right: 50px;
}
section.home div.intro div.details div.slogan a.button {
  display: inline-block;
  padding: 0 10px;
  background: #fca311;
  color: #070a14;
  line-height: 40px;
  height: 40px;
  border-radius: 4px;
  margin-right: 50px;
}
section.home div.intro div.details div.carousel div.owl-nav {
  display: inline-block;
  vertical-align: middle;
  margin-top: 25px;
  margin-left: 20px;
}
section.home div.intro div.details div.carousel div.owl-dots {
  text-align: right;
  margin-top: 25px;
  display: inline-block;
  vertical-align: middle;
}
section.home div.intro div.details div.carousel div.owl-dots button {
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 8px;
  border-radius: 50px;
  background: #101a32;
  margin-left: 8px;
}
section.home div.intro div.details div.carousel div.owl-dots button.active {
  background: #22386b;
}
section.home div.intro div.details div.carousel div.slide div.img {
  display: inline-block;
  vertical-align: top;
  width: 56px;
  height: 56px;
  background: #101a32;
  padding: 8px;
  margin-left: 16px;
  border-radius: 4px;
}
section.home div.intro div.details div.carousel div.slide div.img img {
  display: block;
  width: 40px;
  height: 40px;
}
section.home div.intro div.details div.carousel div.slide div.data {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 72px);
}
section.home div.intro div.details div.carousel div.slide div.data p.title {
  color: #fcfcfd;
  margin-bottom: 7px;
  line-height: 32px;
}
section.home div.intro div.details div.carousel div.slide div.data p.text {
  color: #777e90;
  line-height: 24px;
}
section.home div.intro img.demo {
  display: inline-block;
  vertical-align: middle;
  transform: translate(-10%, 0);
  width: calc(100% - 507px);
}
section.login {
  background: #000;
  border-radius: 4px;
  min-height: calc(100vh - 152px);
  position: relative;
  padding: 100px 0;
}
section.login div.box {
  width: 464px;
  margin: auto;
}
section.login div.box.forcemail {
  display: none;
}
section.login div.box.forcephone {
  display: none;
}
section.login div.box div.links {
  text-align: center;
}
section.login div.box div.links p {
  margin-bottom: 16px;
  color: #fcfcfd;
  line-height: 20px;
}
section.login div.box div.links p a {
  color: #fca311;
  line-height: 20px;
}
section.login div.box div.col-row {
  margin-bottom: 12px;
}
section.login div.box div.col-row div.input-holder {
  display: block;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #1c1c1c;
}
section.login div.box div.col-row div.input-holder input {
  border: none;
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 100px);
  margin-bottom: 0;
  text-align: center;
}
section.login div.box div.col-row div.input-holder a {
  display: inline-block;
  vertical-align: middle;
  width: 100px;
  color: #fca311;
  text-align: center;
}
section.login div.box div.col-row input[type='text']:-webkit-autofill,
section.login div.box div.col-row input[type='password']:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px #0a101e inset !important;
  -webkit-text-fill-color: #fcfcfd !important;
}
section.login div.box h1 {
  line-height: 32px;
  margin-bottom: 20px;
  color: #fcfcfd;
}
section.login div.box p {
  line-height: 32px;
  color: #fcfcfd;
}
section.login div.box div.buttons {
  margin: 32px 0;
}
section.login div.box div.buttons span {
  display: inline-block;
  vertical-align: middle;
  padding: 0 16px;
  line-height: 40px;
  height: 40px;
  color: #777e90;
  border-radius: 4px;
}
section.login div.box div.buttons span.active {
  background: #23262f;
  color: #fcfcfd;
}
section.register {
  background: #0a101e;
  border-radius: 4px;
  min-height: calc(100vh - 92px);
  position: relative;
  padding: 100px 0;
}
section.register p.desc {
  padding: 10px;
  background: #04060c;
  color: #e3eaff;
  border-radius: 4px;
}
section.register input[name='image'] {
  display: none;
}
section.register div#image {
  padding: 47px 0;
  background: #23262f;
  border-radius: 4px;
}
section.register div#image img {
  display: block;
  margin: auto;
  margin-bottom: 16px;
}
section.register div#image p {
  text-align: center;
  color: #fcfcfd;
}
section.register div.box {
  width: 915px;
  margin: auto;
}
section.register div.box div.half {
  display: inline-block;
  vertical-align: middle;
}
section.register div.box div.half.slide {
  display: none;
}
section.register div.box div.half.slide.active {
  display: inline-block;
}
section.register div.box div.half.slide {
  width: calc(60% - 80px);
  padding-left: 80px;
  margin-left: 80px;
  position: relative;
}
section.register div.box div.half.slide:after {
  position: absolute;
  left: 0;
  top: 50%;
  height: 80%;
  transform: translateY(-50%);
  width: 1px;
  background: #393d46;
  content: '';
  display: block;
}
section.register div.box div.half:last-child {
  width: 40%;
}
section.register div.box div.links {
  text-align: center;
}
section.register div.box div.links p {
  margin-bottom: 16px;
  color: #fcfcfd;
  line-height: 20px;
}
section.register div.box div.links p a {
  color: #fca311;
  line-height: 20px;
}
section.register div.box div.col-row {
  margin-bottom: 12px;
}
section.register div.box div.col-row div.col {
  display: inline-block;
  vertical-align: middle;
  width: calc(50% - 10px);
}
section.register div.box div.col-row div.col span {
  margin-bottom: 12px;
  display: block;
}
section.register div.box div.col-row div.col:first-child {
  margin-left: 20px;
}
section.register div.box div.col-row div.input-holder {
  display: block;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #1c1c1c;
}
section.register div.box div.col-row div.input-holder input {
  border: none;
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 100px);
  margin-bottom: 0;
  text-align: center;
}
section.register div.box div.col-row div.input-holder a {
  display: inline-block;
  vertical-align: middle;
  width: 100px;
  color: #fca311;
  text-align: center;
}
section.register div.box div.col-row span.header {
  color: #fcfcfd;
  line-height: 32px;
}
section.register div.box div.col-row label {
  color: #fcfcfd;
  display: inline-block;
  vertical-align: middle;
}
section.register div.box div.col-row input[type='checkbox'] {
  appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  border: 1px solid #1c1c1c;
  background: #000;
  margin-left: 8px;
  display: inline-block;
  vertical-align: middle;
}
section.register div.box div.col-row input[type='text'],
section.register div.box div.col-row input[type='password'] {
  display: block;
  width: 100%;
  height: 48px;
  line-height: 46px;
  padding: 0 16px;
  border-radius: 4px;
  border: 1px solid #1c1c1c;
  color: #fcfcfd;
  background: #fff0;
  margin-bottom: 20px;
}
section.register div.box div.col-row textarea {
  display: block;
  width: 100%;
  height: 100px;
  line-height: 46px;
  padding: 0 16px;
  border-radius: 4px;
  border: 1px solid #1c1c1c;
  color: #fcfcfd;
  background: #fff0;
  margin-bottom: 20px;
}
section.register div.box div.col-row textarea:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px #1c1c1c inset !important;
  -webkit-text-fill-color: #fcfcfd !important;
}
section.register div.box div.col-row input[type='text']:-webkit-autofill,
section.register div.box div.col-row input[type='password']:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px #1c1c1c inset !important;
  -webkit-text-fill-color: #fcfcfd !important;
}
section.register div.box div.col-row button.submit {
  display: block;
  width: 100%;
  border: none;
  border-radius: 4px;
  background: #fca311;
  color: #000;
  line-height: 40px;
  height: 40px;
  margin: 40px 0;
}
section.register div.box div.col-row button.submit.disabled {
  background: #23262f;
  color: #777e90;
}
section.register div.box div.col-row p {
  color: #777e90;
  line-height: 30px;
}
section.register div.box div.col-row p.green {
  color: #00c076;
}
section.register div.box div.col-row p.green i.icon {
  background: url(../img/success.svg);
}
section.register div.box div.col-row p.red {
  color: #ff4d4d;
}
section.register div.box div.col-row p.red i.icon {
  background: url(../img/error.svg);
}
section.register div.box div.col-row p i.icon {
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  height: 16px;
  width: 16px;
  background: url(../img/info-infornation.svg);
  background-size: 100%;
}
section.register div.box ul.list {
  padding-bottom: 34px;
  margin-bottom: 34px;
  border-bottom: 1px solid #1c1c1c;
}
section.register div.box ul.list li:last-child div.align:after {
  display: none;
}
section.register div.box ul.list li.pass div.align i {
  background: url(../img/pass.svg);
  color: #0a101e;
  font-size: 0;
}
section.register div.box ul.list li.pass div.align span {
  color: #fcfcfd;
}
section.register div.box ul.list li.active div.align i {
  background: #fca311;
  color: #0a101e;
}
section.register div.box ul.list li.active div.align span {
  color: #fcfcfd;
}
section.register div.box ul.list li div.align:after {
  content: '';
  display: block;
  width: 4px;
  height: 32px;
  border-radius: 4px;
  background: #23262f;
  margin-top: 12px;
  margin-right: 10px;
  margin-bottom: 12px;
}
section.register div.box ul.list li div.align i {
  display: inline-block;
  vertical-align: middle;
  height: 24px;
  line-height: 24px;
  width: 24px;
  background: #23262f;
  color: #777e90;
  text-align: center;
  font-style: normal;
  margin-left: 16px;
  border-radius: 50%;
}
section.register div.box ul.list li div.align span {
  display: inline-block;
  vertical-align: middle;
  color: #777e90;
  line-height: 32px;
}
section.register div.box h1 {
  line-height: 32px;
  margin-bottom: 20px;
  color: #fcfcfd;
}
section.register div.box h1 img {
  display: inline-block;
  vertical-align: middle;
}
section.register div.box div.half > p {
  line-height: 32px;
  color: #777e90;
  margin-bottom: 32px;
}
section.register div.box div.buttons {
  margin: 32px 0;
}
section.register div.box div.buttons span {
  display: inline-block;
  vertical-align: middle;
  padding: 0 16px;
  line-height: 40px;
  height: 40px;
  color: #777e90;
  border-radius: 4px;
}
section.register div.box div.buttons span.active {
  background: #23262f;
  color: #fcfcfd;
}
div.security-bar {
  padding: 16px 0;
  margin-bottom: 4px;
  border-radius: 4px;
  background: #23262f;
  text-align: center;
}
div.security-bar span {
  display: inline-block;
  vertical-align: middle;
  color: #fcfcfd;
  line-height: 24px;
}
div.security-bar span.address {
  margin-right: 8px;
}
div.security-bar span.https {
  color: #00c076;
}
div.security-bar img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  height: 18px;
}
header.main {
  padding: 30px 24px;
}
header.main a.back {
  float: left;
  background: #15171d;
  line-height: 40px;
  height: 40px;
  color: #777e90;
  padding: 0 16px;
  border-radius: 4px;
}
header.main a.back img {
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8.5px;
}
header.main div.buttons {
  float: left;
  vertical-align: middle;
  border-right: 1px solid #1c1c1c;
  position: relative;
}
header.main div.buttons.not-login {
  border-right: none;
}
header.main div.buttons.not-login a.login {
  padding-left: 24px;
  line-height: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 24px;
  border-left: 1px solid #1c1c1c;
  color: #fcfcfd;
}
header.main div.buttons.not-login a.register {
  display: inline-block;
  vertical-align: middle;
  line-height: 30px;
  height: 30px;
  border-radius: 4px;
  background: #fca311;
  color: #000;
  padding: 0 20px;
}
header.main div.buttons ul.notifications {
  width: 312px;
  border-radius: 4px;
  background: #23262f;
  padding: 0 16px;
  position: absolute;
  left: -10px;
  top: 45px;
  box-shadow: 0 16px 64px -48px rgb(31 47 70 / 0.4);
  z-index: 9;
  display: none;
}
header.main div.buttons ul.notifications img.triangle {
  position: absolute;
  top: -10px;
  left: 64px;
}
header.main div.buttons ul.notifications li {
  padding: 13px;
  border-bottom: 1px solid #1c1c1c;
}
header.main div.buttons ul.notifications li:last-child {
  border-bottom: none;
}
header.main div.buttons ul.notifications li:not(.header):hover {
  background: #1b1d24;
}
header.main div.buttons ul.notifications li.header {
  padding: 18px 0;
}
header.main div.buttons ul.notifications li.header span.header {
  line-height: 16px;
  color: #fcfcfd;
  display: inline-block;
  vertical-align: middle;
}
header.main div.buttons ul.notifications li.header a {
  float: left;
  color: #777e90;
  line-height: 16px;
}
header.main div.buttons ul.notifications li p.header {
  margin-bottom: 8px;
}
header.main div.buttons ul.notifications li p.header a {
  color: #fcfcfd;
}
header.main div.buttons ul.notifications li p.sub {
  color: #777e90;
}
header.main div.buttons ul.profile {
  width: 256px;
  border-radius: 4px;
  background: #292929;
  padding: 0 16px;
  position: absolute;
  left: -10px;
  top: 45px;
  box-shadow: 0 16px 64px -48px rgb(31 47 70 / 0.4);
  z-index: 9;
  display: none;
}
header.main div.buttons ul.profile img.triangle {
  position: absolute;
  top: -10px;
  left: 10px;
}
header.main div.buttons ul.profile li {
  padding: 13px 0;
  border-bottom: 1px solid #1c1c1c;
}
header.main div.buttons ul.profile li.authenticate img {
  width: 40px;
  height: 40px;
  vertical-align: middle;
}
header.main div.buttons ul.profile li.authenticate div.details {
  width: calc(100% - 56px);
  vertical-align: middle;
}
header.main div.buttons ul.profile li.authenticate div.details a {
  color: #fcfcfd;
  line-height: 22px;
  display: block;
}
header.main div.buttons ul.profile li:last-child {
  border-bottom: none;
}
header.main div.buttons ul.profile li img {
  display: inline-block;
  vertical-align: top;
  height: 24px;
  margin-left: 16px;
  width: 24px;
}
header.main div.buttons ul.profile li div.details {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 40px);
}
header.main div.buttons ul.profile li div.details a {
  display: block;
  color: #777e90;
}
header.main div.buttons ul.profile li div.details a.bold {
  color: #fcfcfd;
}
header.main div.buttons ul.profile li div.details a:first-child {
  margin-bottom: 6px;
}
header.main div.buttons a.button {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
header.main div.buttons a.button.active:before {
  content: '';
  display: block;
  position: absolute;
  top: 4px;
  right: 3px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #fca311;
  border: solid #000 2px;
}
header.main div.buttons a.button img {
  height: 28px;
}
header.main img.logo {
  display: inline-block;
  vertical-align: middle;
  margin: 5px 0;
  margin-left: 24px;
  height: 18px;
}
section.market {
  padding: 4px;
}
section.market div.container {
  margin: 4px 0;
}
section.market div.container div.order-history {
  background: #0a101e;
  border-radius: 4px;
  padding: 0 64px;
  padding-bottom: 24px;
}
section.market div.container div.order-history div.header {
  padding: 24px 0;
  margin-bottom: 25px;
  border-bottom: 1px solid #1c1c1c;
}
section.market div.container div.order-history div.header span {
  display: inline-block;
  vertical-align: middle;
  line-height: 16px;
  color: #fcfcfd;
}
section.market div.container div.order-history div.header a {
  float: left;
  line-height: 16px;
  color: #777e90;
  text-decoration: underline;
}
section.market div.container div.order-history div.table div.head span {
  color: #777e90;
  width: 11.1111111111%;
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
  margin-bottom: 15px;
}
section.market div.container div.order-history div.table div.row span {
  color: #fcfcfd;
  width: 11.1111111111%;
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
  margin-bottom: 15px;
  text-align: right;
}
section.market div.container div.order-history div.table div.row a {
  color: #fca311;
}
section.market div.container section.main {
  display: inline-block;
  vertical-align: top;
  width: calc(75% - 2px);
}
section.market div.container section.main div.trade {
  background: #0a101e;
  border-radius: 4px;
  padding: 0 64px;
  margin-bottom: 4px;
  height: 584px;
}
section.market div.container section.main div.trade div.row {
  margin: 24px 0;
  margin-bottom: 0;
}
section.market div.container section.main div.trade div.row div.col {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 57.5px);
  margin-left: 115px;
}
section.market div.container section.main div.trade div.row div.col:last-child {
  margin-left: 0;
}
section.market div.container section.main div.trade div.input-box {
  height: 48px;
  border: 1px solid #1c1c1c;
  border-radius: 4px;
  background: #393d46;
}
section.market div.container section.main div.trade div.input-box span.amount {
  display: inline-block;
  vertical-align: middle;
  line-height: 46px;
  color: #fcfcfd;
  width: 20%;
  text-align: center;
}
section.market div.container section.main div.trade div.input-box div.input {
  display: inline-block;
  height: 46px;
  vertical-align: middle;
  width: 80%;
  background: #0a101e;
  border-radius: 4px 0 0 4px;
}
section.market
  div.container
  section.main
  div.trade
  div.input-box
  div.input
  button {
  display: inline-block;
  border: none;
  vertical-align: middle;
  height: 46px;
  line-height: 46px;
  color: #fca311;
  background: #fff0;
  margin-right: 16px;
}
section.market
  div.container
  section.main
  div.trade
  div.input-box
  div.input
  span {
  float: left;
  line-height: 46px;
  margin-left: 8px;
  color: #777e90;
}
section.market
  div.container
  section.main
  div.trade
  div.input-box
  div.input
  input {
  background: #fff0;
  border: none;
  line-height: 46px;
  height: 46px;
  color: #fcfcfd;
  float: left;
  text-align: right;
}
section.market div.container section.main div.trade div.col-row {
  margin-bottom: 16px;
  position: relative;
}
section.market div.container section.main div.trade div.col-row p {
  color: #777e90;
}
section.market div.container section.main div.trade div.col-row a.auth {
  width: 100%;
  display: block;
  border-radius: 4px;
  background: #121622;
  line-height: 48px;
  height: 48px;
  color: #fca311;
  border: none;
  margin-bottom: 32px;
  text-align: center;
}
section.market div.container section.main div.trade div.col-row button.sell {
  width: 100%;
  display: block;
  border-radius: 4px;
  background: #ff4d4d;
  line-height: 48px;
  height: 48px;
  color: #fcfcfd;
  border: none;
  margin-bottom: 32px;
}
section.market div.container section.main div.trade div.col-row button.buy {
  width: 100%;
  display: block;
  border-radius: 4px;
  background: #00c076;
  line-height: 48px;
  height: 48px;
  color: #fcfcfd;
  border: none;
  margin-bottom: 32px;
}
section.market div.container section.main div.trade div.col-row div.half {
  width: 50%;
  display: inline-block;
  vertical-align: top;
}
section.market div.container section.main div.trade div.col-row div.half p,
section.market div.container section.main div.trade div.col-row div.half span {
  line-height: 20px;
  color: #777e90;
}
section.market
  div.container
  section.main
  div.trade
  div.col-row
  div.half
  p:first-child,
section.market
  div.container
  section.main
  div.trade
  div.col-row
  div.half
  span:first-child {
  margin-bottom: 8px;
}
section.market
  div.container
  section.main
  div.trade
  div.col-row
  div.half:last-child {
  text-align: left;
}
section.market div.container section.main div.trade div.col-row div.estimation {
  background: #393d46;
  line-height: 48px;
  height: 48px;
  border-radius: 4px;
  padding: 0 16px;
}
section.market
  div.container
  section.main
  div.trade
  div.col-row
  div.estimation
  span {
  color: #fcfcfd;
  line-height: 48px;
}
section.market
  div.container
  section.main
  div.trade
  div.col-row
  div.estimation
  span.estimate {
  float: left;
}
section.market div.container section.main div.trade div.col-row.slider-box {
  direction: ltr;
}
section.market div.container section.main div.trade div.col-row.slider-box * {
  direction: ltr;
}
section.market
  div.container
  section.main
  div.trade
  div.col-row.slider-box
  span {
  position: absolute;
  background: rgb(252 163 17 / 0.1);
  line-height: 16px;
  color: #fca311;
  padding: 0 5px;
  border-radius: 4px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
section.market div.container section.main div.trade div.col-row.slider-box3 {
  direction: ltr;
}
section.market div.container section.main div.trade div.col-row.slider-box3 * {
  direction: ltr;
}
section.market
  div.container
  section.main
  div.trade
  div.col-row.slider-box3
  span {
  position: absolute;
  background: rgb(252 163 17 / 0.1);
  line-height: 16px;
  color: #fca311;
  padding: 0 5px;
  border-radius: 4px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
section.market div.container section.main div.trade div.col-row.slider-box2 {
  direction: ltr;
}
section.market div.container section.main div.trade div.col-row.slider-box2 * {
  direction: ltr;
}
section.market
  div.container
  section.main
  div.trade
  div.col-row.slider-box2
  span {
  position: absolute;
  background: rgb(252 163 17 / 0.1);
  line-height: 16px;
  color: #fca311;
  padding: 0 5px;
  border-radius: 4px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
section.market div.container section.main div.trade div.col-row.slider-box4 {
  direction: ltr;
}
section.market div.container section.main div.trade div.col-row.slider-box4 * {
  direction: ltr;
}
section.market
  div.container
  section.main
  div.trade
  div.col-row.slider-box4
  span {
  position: absolute;
  background: rgb(252 163 17 / 0.1);
  line-height: 16px;
  color: #fca311;
  padding: 0 5px;
  border-radius: 4px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
section.market
  div.container
  section.main
  div.trade
  div.col-row
  .slidecontainer {
  width: 100%;
}
section.market div.container section.main div.trade div.col-row i {
  display: block;
  position: absolute;
  width: 50%;
  height: 2px;
  background: #00c076;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 5px;
}
section.market div.container section.main div.trade div.col-row .slider {
  -webkit-appearance: none;
  width: 100%;
  height: 2px;
  background: #393d46;
  -webkit-transition: 0.2s;
  transition: opacity 0.2s;
  margin: 20px 0;
  margin-top: 30px;
  position: relative;
}
section.market div.container section.main div.trade div.col-row .slider:before {
  position: absolute;
  width: 100%;
  height: 8px;
  border-left: 2px solid #393d46;
  border-right: 2px solid #393d46;
  top: -3px;
  left: -2px;
  content: '';
  display: block;
}
section.market div.container section.main div.trade div.col-row .slider:hover {
  opacity: 1;
}
section.market
  div.container
  section.main
  div.trade
  div.col-row
  .slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  cursor: pointer;
  border-radius: 50%;
  background: url(../img/h_handle.svg);
}
section.market
  div.container
  section.main
  div.trade
  div.col-row
  .slider::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background: #00c076;
  cursor: pointer;
  border-radius: 50%;
  background: url(../img/h_handle.svg);
}
section.market div.container section.main div.trade div.col-row .slider2 {
  -webkit-appearance: none;
  width: 100%;
  height: 2px;
  background: #393d46;
  -webkit-transition: 0.2s;
  transition: opacity 0.2s;
  margin: 20px 0;
  margin-top: 30px;
  position: relative;
}
section.market
  div.container
  section.main
  div.trade
  div.col-row
  .slider2:before {
  position: absolute;
  width: 100%;
  height: 8px;
  border-left: 2px solid #393d46;
  border-right: 2px solid #393d46;
  top: -3px;
  left: -2px;
  content: '';
  display: block;
}
section.market div.container section.main div.trade div.col-row .slider2:hover {
  opacity: 1;
}
section.market
  div.container
  section.main
  div.trade
  div.col-row
  .slider2::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  cursor: pointer;
  border-radius: 50%;
  background: url(../img/h_handle.svg);
}
section.market
  div.container
  section.main
  div.trade
  div.col-row
  .slider2::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background: #00c076;
  cursor: pointer;
  border-radius: 50%;
  background: url(../img/h_handle.svg);
}
section.market div.container section.main div.trade div.col-row span.title {
  color: #fcfcfd;
  display: inline-block;
  vertical-align: middle;
  line-height: 32px;
}
section.market div.container section.main div.trade div.col-row div.balance {
  float: left;
  margin: 8px 0;
}
section.market
  div.container
  section.main
  div.trade
  div.col-row
  div.balance
  span {
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
  color: #fcfcfd;
  margin-left: 4px;
}
section.market
  div.container
  section.main
  div.trade
  div.col-row
  div.balance
  img {
  display: inline-block;
  vertical-align: middle;
  height: 16px;
}
section.market div.container section.main div.trade div.header {
  border-bottom: 1px solid #1c1c1c;
  padding: 18px 0;
}
section.market div.container section.main div.trade div.header img {
  float: left;
  height: 24px;
  margin: 2px 0;
}
section.market div.container section.main div.trade div.header div.buttons {
  display: inline-block;
}
section.market div.container section.main div.trade div.header div.buttons a {
  display: inline-block;
  vertical-align: middle;
  line-height: 28px;
  height: 28px;
  padding: 0 16px;
  color: #fcfcfd;
  border-radius: 4px;
}
section.market
  div.container
  section.main
  div.trade
  div.header
  div.buttons
  a.active {
  background: #070a14;
  color: #fca311;
}
section.market div.container section.main #tradingview_1098a {
  height: 498px;
  position: relative;
  overflow: hidden;
}
section.market div.container section.main #tradingview_1098a > div {
  width: calc(100% + 4px) !important;
  height: 500px !important;
  transform: translateY(-1px) translateX(1px);
  filter: brightness(1.12) contrast(1.15);
}
section.market div.container section.main div.tradingview-widget-container {
  background: #0a101e;
  border-radius: 4px;
  margin-bottom: 4px;
}
section.market
  div.container
  section.main
  div.tradingview-widget-container.active {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9;
}
section.market
  div.container
  section.main
  div.tradingview-widget-container.active
  #tradingview_1098a {
  height: calc(100vh - 135px);
}
section.market
  div.container
  section.main
  div.tradingview-widget-container.active
  #tradingview_1098a
  > div {
  height: 100% !important;
}
section.market
  div.container
  section.main
  div.tradingview-widget-container
  div.timepicker {
  padding: 21px;
  text-align: left;
  border-bottom: 1px solid #1c1c1c;
  border-top: 1px solid #1c1c1c;
}
section.market
  div.container
  section.main
  div.tradingview-widget-container
  div.timepicker
  span,
section.market
  div.container
  section.main
  div.tradingview-widget-container
  div.timepicker
  a {
  color: #777e90;
  margin-right: 20px;
}
section.market
  div.container
  section.main
  div.tradingview-widget-container
  div.timepicker
  span.active,
section.market
  div.container
  section.main
  div.tradingview-widget-container
  div.timepicker
  a.active {
  color: #fca311;
}
section.market
  div.container
  section.main
  div.tradingview-widget-container
  div.header {
  padding: 24px;
}
section.market
  div.container
  section.main
  div.tradingview-widget-container
  div.header
  img {
  display: inline-block;
  height: 20px;
  vertical-align: middle;
  margin: 4px 0;
}
section.market
  div.container
  section.main
  div.tradingview-widget-container
  div.header
  span.chart {
  float: left;
  height: 28px;
  line-height: 28px;
  padding: 0 16px;
  color: #fcfcfd;
  background: #000;
  border-radius: 4px;
}
section.market div.container aside {
  width: calc(25% - 2px);
  margin-left: 4px;
  display: inline-block;
  vertical-align: top;
}
section.market div.container aside div.history {
  background: #0a101e;
  border-radius: 4px;
  padding: 20px 16px;
}
section.market div.container aside div.history div.header {
  margin-bottom: 16px;
}
section.market div.container aside div.history div.header span {
  display: inline-block;
  vertical-align: middle;
  line-height: 16px;
  color: #fcfcfd;
}
section.market div.container aside div.history div.header a {
  float: left;
  line-height: 16px;
  color: #777e90;
  text-decoration: underline;
}
section.market div.container aside div.history div.table div.header span {
  display: inline-block;
  vertical-align: middle;
  width: 33.3333333333%;
  text-align: center;
  color: #777e90;
  margin-bottom: 16px;
}
section.market
  div.container
  aside
  div.history
  div.table
  div.header
  span:first-child {
  text-align: right;
}
section.market
  div.container
  aside
  div.history
  div.table
  div.header
  span:last-child {
  text-align-last: left;
}
section.market
  div.container
  aside
  div.history
  div.table
  div.row.red
  div.col:first-child
  span {
  color: #ff4d4d;
}
section.market
  div.container
  aside
  div.history
  div.table
  div.row.green
  div.col:first-child
  span {
  color: #00c076;
}
section.market div.container aside div.history div.table div.row div.col {
  display: inline-block;
  vertical-align: middle;
  width: 33.3333333333%;
  margin-bottom: 12px;
  text-align: center;
}
section.market
  div.container
  aside
  div.history
  div.table
  div.row
  div.col:first-child {
  text-align: right;
}
section.market
  div.container
  aside
  div.history
  div.table
  div.row
  div.col:last-child {
  text-align: left;
}
section.market div.container aside div.history div.table div.row div.col img {
  display: inline-block;
  vertical-align: middle;
  height: 13px;
  margin-left: 8px;
}
section.market div.container aside div.history div.table div.row div.col span {
  color: #fcfcfd;
  line-height: 13px;
  display: inline-block;
  vertical-align: middle;
}
section.market
  div.container
  aside
  div.history
  div.table
  div.row
  div.col
  span
  span {
  color: #777e90;
}
section.market
  div.container
  aside
  div.history
  div.table
  div.row
  div.col
  span.change {
  display: inline-block;
  background: rgb(0 192 118 / 0.1);
  color: #00c076;
  padding: 2px;
}
section.market div.container aside div.list {
  background: #0a101e;
  border-radius: 4px;
  padding: 20px 16px;
  margin-bottom: 4px;
}
section.market div.container aside div.list ::-webkit-scrollbar {
  width: 2px;
}
section.market div.container aside div.list ::-webkit-scrollbar-track {
  background: #000;
}
section.market div.container aside div.list ::-webkit-scrollbar-thumb {
  background: #070a14;
}
section.market div.container aside div.list ::-webkit-scrollbar-thumb:hover {
  background: #0a101e;
}
section.market div.container aside div.list input.search {
  display: block;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #1c1c1c;
  line-height: 38px;
  padding: 0 12px;
  background: #fff0;
  margin-bottom: 16px;
  color: #fcfcfd;
}
section.market div.container aside div.list div.table div.header span {
  display: inline-block;
  vertical-align: middle;
  width: 33.3333333333%;
  text-align: center;
  color: #777e90;
  margin-bottom: 16px;
}
section.market
  div.container
  aside
  div.list
  div.table
  div.header
  span:first-child {
  text-align: right;
}
section.market
  div.container
  aside
  div.list
  div.table
  div.header
  span:last-child {
  text-align-last: left;
}
section.market div.container aside div.list div.table div.row {
  position: relative;
}
section.market div.container aside div.list div.table div.row.active:before {
  content: '';
  display: block;
  position: absolute;
  width: calc(100% + 10px);
  top: -6px;
  height: 100%;
  background: #070a14;
  left: -6px;
  border-radius: 4px;
}
section.market
  div.container
  aside
  div.list
  div.table
  div.row.active
  div.col
  span,
section.market div.container aside div.list div.table div.row.active div.col a {
  color: #fca311;
}
section.market div.container aside div.list div.table div.row div.col {
  display: inline-block;
  vertical-align: middle;
  width: 33.3333333333%;
  margin-bottom: 12px;
  text-align: center;
  position: relative;
}
section.market
  div.container
  aside
  div.list
  div.table
  div.row
  div.col:first-child {
  text-align: right;
}
section.market
  div.container
  aside
  div.list
  div.table
  div.row
  div.col:last-child {
  text-align: left;
}
section.market div.container aside div.list div.table div.row div.col img {
  display: inline-block;
  vertical-align: middle;
  height: 13px;
  margin-left: 8px;
}
section.market div.container aside div.list div.table div.row div.col span,
section.market div.container aside div.list div.table div.row div.col a {
  color: #fcfcfd;
  line-height: 13px;
  display: inline-block;
  vertical-align: middle;
  direction: ltr;
}
section.market div.container aside div.list div.table div.row div.col span span,
section.market div.container aside div.list div.table div.row div.col a span {
  color: #777e90;
  vertical-align: top;
  line-height: 13px;
  font-weight: 100;
}
section.market
  div.container
  aside
  div.list
  div.table
  div.row
  div.col
  span.change,
section.market div.container aside div.list div.table div.row div.col a.change {
  display: inline-block;
  background: rgb(0 192 118 / 0.1);
  color: #00c076;
  padding: 2px;
}
section.market
  div.container
  aside
  div.list
  div.table
  div.row
  div.col
  span.change.red,
section.market
  div.container
  aside
  div.list
  div.table
  div.row
  div.col
  a.change.red {
  background: rgb(255 77 77 / 0.1);
  color: #ff4d4d;
}
section.market div.indication {
  background: #0a101e;
  border-radius: 4px;
  padding: 24px;
}
section.market div.indication div.general {
  display: inline-block;
  vertical-align: middle;
}
section.market div.indication div.general p {
  margin-bottom: 5px;
}
section.market div.indication div.general div.assetname {
  padding-left: 24px;
  border-left: 1px solid #1c1c1c;
  margin-left: 24px;
  display: inline-block;
  vertical-align: top;
}
section.market div.indication div.general div.assetname p {
  color: #fcfcfd;
  line-height: 32px;
}
section.market div.indication div.general div.assetname p span {
  color: #777e90;
}
section.market div.indication div.general div.assetname span {
  color: #777e90;
  line-height: 25px;
}
section.market div.indication div.general div.pricebox {
  text-align: left;
  display: inline-block;
  vertical-align: top;
}
section.market div.indication div.general div.pricebox p {
  line-height: 32px;
}
section.market div.indication div.general div.pricebox p.red {
  color: #ff4d4d;
}
section.market div.indication div.general div.pricebox p.green {
  color: #00c076;
}
section.market div.indication div.general div.pricebox span {
  color: #777e90;
  line-height: 25px;
}
section.market div.indication div.different {
  float: left;
}
section.market div.indication div.different div.differentbox {
  display: inline-block;
  vertical-align: top;
  text-align-last: left;
  padding: 6.5px 0;
  padding-left: 24px;
  border-left: 1px solid #1c1c1c;
  margin-left: 24px;
}
section.market div.indication div.different div.differentbox:last-child {
  border-left: none;
  margin-left: 0;
  padding-left: 0;
}
section.market div.indication div.different div.differentbox p {
  line-height: 20px;
  color: #777e90;
  margin-bottom: 5px;
}
section.market div.indication div.different div.differentbox p img {
  display: inline-block;
  vertical-align: middle;
  height: 14px;
}
section.market div.indication div.different div.differentbox p img.rotated {
  transform: rotate(90deg);
}
section.market div.indication div.different div.differentbox p img.derotated {
  transform: rotate(-90deg);
}
section.market div.indication div.different div.differentbox span {
  line-height: 24px;
  color: #fcfcfd;
}
section.market div.indication div.different div.differentbox span.green {
  color: #00c076;
}
section.market div.indication div.different div.differentbox span.red {
  color: #ff4d4d;
}
section.wallet section.main {
  display: inline-block;
  vertical-align: top;
  width: calc(75% - 2px);
}
section.wallet section.main div.banks {
  background: #0a101e;
  border-radius: 4px;
  padding: 0 64px;
}
section.wallet section.main div.banks div.accounts div.account {
  padding: 32px 0;
  border-bottom: 1px solid #1c1c1c;
}
section.wallet section.main div.banks div.accounts div.account:last-child {
  border-bottom: none;
}
section.wallet section.main div.banks div.accounts div.account div.col {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 58px);
}
section.wallet section.main div.banks div.accounts div.account div.col p {
  line-height: 32px;
  margin-bottom: 12px;
  color: #fcfcfd;
}
section.wallet section.main div.banks div.accounts div.account div.col p img {
  float: left;
  height: 24px;
  margin: 4px 0;
}
section.wallet
  section.main
  div.banks
  div.accounts
  div.account
  div.col
  div.input-box {
  background: #23262f;
  border-radius: 4px;
}
section.wallet
  section.main
  div.banks
  div.accounts
  div.account
  div.col
  div.input-box
  div.bankname {
  display: inline-block;
  vertical-align: middle;
  height: 48px;
  line-height: 48px;
  width: 150px;
  text-align: center;
}
section.wallet
  section.main
  div.banks
  div.accounts
  div.account
  div.col
  div.input-box
  div.bankname
  img {
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 19px;
}
section.wallet
  section.main
  div.banks
  div.accounts
  div.account
  div.col
  div.input-box
  div.bankname
  span {
  color: #fcfcfd;
  display: inline-block;
  vertical-align: middle;
}
section.wallet
  section.main
  div.banks
  div.accounts
  div.account
  div.col
  div.input-box
  input {
  display: inline-block;
  vertical-align: middle;
  background: #fff0;
  border: none;
  color: #fcfcfd;
  width: calc(100% - 150px);
  line-height: 48px;
  height: 48px;
  text-align: center;
}
section.wallet
  section.main
  div.banks
  div.accounts
  div.account
  div.col
  div.input-box
  input.full {
  width: 100%;
}
section.wallet
  section.main
  div.banks
  div.accounts
  div.account
  div.col:first-child {
  margin-left: 113px;
}
section.wallet section.main div.banks div.header {
  border-bottom: 1px solid #1c1c1c;
  padding: 32px 0;
}
section.wallet section.main div.banks div.header span.header {
  color: #fcfcfd;
  line-height: 40px;
}
section.wallet section.main div.banks div.header button.left {
  float: left;
  line-height: 40px;
  height: 40px;
  color: #000;
  background: #fca311;
  border-radius: 4px;
  border: none;
  padding: 0 20px;
}
section.wallet section.main div.banks div.header button.left img {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  height: 24px;
}
section.wallet section.main div.withdraw {
  border-radius: 4px;
  padding: 0 64px;
  margin-bottom: 4px;
}
section.wallet section.main div.withdraw div.header {
  padding: 24px 0;
  border-bottom: 1px solid #1c1c1c;
  margin-bottom: 24px;
}
section.wallet section.main div.withdraw div.header span {
  display: inline-block;
  vertical-align: middle;
  padding: 0 16px;
  line-height: 28px;
  height: 28px;
  border-radius: 4px;
  color: #fcfcfd;
}
section.wallet section.main div.withdraw div.header span.active {
  background: #151515;
  color: #fca311;
}
section.wallet section.main div.withdraw div.withdraw-box {
  padding-bottom: 24px;
  display: none;
}
section.wallet section.main div.withdraw div.withdraw-box.active {
  display: block;
}
section.wallet section.main div.withdraw div.withdraw-box div.half {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}
section.wallet section.main div.withdraw div.withdraw-box div.half:first-child {
  padding-left: 57px;
  position: relative;
}
section.wallet
  section.main
  div.withdraw
  div.withdraw-box
  div.half:first-child:after {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 80%;
  background: #1c1c1c;
  width: 1px;
  content: '';
  display: block;
}
section.wallet section.main div.withdraw div.withdraw-box div.half:last-child {
  padding-right: 57px;
}
section.wallet
  section.main
  div.withdraw
  div.withdraw-box
  div.half
  div.row-half {
  margin-top: 28px;
}
section.wallet
  section.main
  div.withdraw
  div.withdraw-box
  div.half
  div.row-half
  div.half-half {
  display: inline-block;
  width: 160px;
  vertical-align: top;
  margin-left: 24px;
}
section.wallet
  section.main
  div.withdraw
  div.withdraw-box
  div.half
  div.row-half
  div.half-half:last-child {
  width: calc(100% - 184px);
  margin-left: 0;
}
section.wallet
  section.main
  div.withdraw
  div.withdraw-box
  div.half
  div.row-half
  div.half-half
  img.qr {
  display: block;
  width: 100%;
  border: 1px solid #1c1c1c;
  border-radius: 4px;
  margin-bottom: 15px;
}
section.wallet
  section.main
  div.withdraw
  div.withdraw-box
  div.half
  div.row-half
  div.half-half
  button.enter {
  background: #fca311;
  color: #000;
  border: none;
  border-radius: 4px;
  line-height: 48px;
  height: 48px;
  width: 100%;
}
section.wallet section.main div.withdraw div.withdraw-box div.half div.col-row {
  margin-bottom: 12px;
}
section.wallet
  section.main
  div.withdraw
  div.withdraw-box
  div.half
  div.col-row.input-box {
  height: 48px;
  margin-bottom: 28px;
}
section.wallet
  section.main
  div.withdraw
  div.withdraw-box
  div.half
  div.col-row.input-box
  span.amount {
  display: inline-block;
  vertical-align: middle;
  line-height: 46px;
  color: #fcfcfd;
  width: 20%;
  text-align: center;
}
section.wallet
  section.main
  div.withdraw
  div.withdraw-box
  div.half
  div.col-row.input-box
  div.input {
  display: inline-block;
  height: 46px;
  vertical-align: middle;
  width: 80%;
  border-radius: 4px 0 0 4px;
}
section.wallet
  section.main
  div.withdraw
  div.withdraw-box
  div.half
  div.col-row.input-box
  div.input
  button {
  display: inline-block;
  border: none;
  vertical-align: middle;
  height: 46px;
  line-height: 46px;
  color: #fca311;
  background: #fff0;
  margin-right: 16px;
}
section.wallet
  section.main
  div.withdraw
  div.withdraw-box
  div.half
  div.col-row.input-box
  div.input
  span {
  float: left;
  line-height: 46px;
  margin-left: 8px;
  color: #a7a7a7;
}
section.wallet
  section.main
  div.withdraw
  div.withdraw-box
  div.half
  div.col-row.input-box
  div.input
  input {
  background: #fff0;
  border: none;
  line-height: 46px;
  height: 46px;
  color: #fcfcfd;
  float: left;
  text-align: right;
}
section.wallet
  section.main
  div.withdraw
  div.withdraw-box
  div.half
  div.col-row.relative {
  position: relative;
}
section.wallet
  section.main
  div.withdraw
  div.withdraw-box
  div.half
  div.col-row.relative
  img.float {
  position: absolute;
  left: 16px;
  height: 20px;
  width: 20px;
  top: 50%;
  transform: translateY(-50%);
}
section.wallet
  section.main
  div.withdraw
  div.withdraw-box
  div.half
  div.col-row
  input.disabled {
  display: block;
  width: 100%;
  border: 1px solid #1c1c1c;
  border-radius: 4px;
  height: 48px;
  padding: 0 16px;
  line-height: 46px;
  background: #fff0;
  color: #fcfcfd;
}
section.wallet
  section.main
  div.withdraw
  div.withdraw-box
  div.half
  div.col-row
  input.fullred {
  display: block;
  width: 100%;
  height: 48px;
  padding: 0 16px;
  line-height: 46px;
  background: #fff0;
  color: #fcfcfd;
}
section.wallet
  section.main
  div.withdraw
  div.withdraw-box
  div.half
  div.col-row
  span.subred {
  display: inline-block;
  vertical-align: middle;
  color: #ff4d4d;
  line-height: 20px;
  margin-right: 8px;
}
section.wallet
  section.main
  div.withdraw
  div.withdraw-box
  div.half
  div.col-row
  div.selector {
  display: block;
  width: 100%;
  height: 48px;
  padding: 0 16px;
}
section.wallet
  section.main
  div.withdraw
  div.withdraw-box
  div.half
  div.col-row
  div.selector
  span {
  color: #fcfcfd;
  line-height: 46px;
}
section.wallet
  section.main
  div.withdraw
  div.withdraw-box
  div.half
  div.col-row
  div.selector
  img {
  width: 28px;
  height: 28px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  padding: 3px;
  border-radius: 50%;
}
section.wallet
  section.main
  div.withdraw
  div.withdraw-box
  div.half
  div.col-row
  div.selector
  select {
  display: inline-block;
  vertical-align: middle;
  line-height: 46px;
  height: 46px;
  background: #fff0;
  border: none;
  color: #fcfcfd;
  appearance: none;
}
section.wallet
  section.main
  div.withdraw
  div.withdraw-box
  div.half
  div.col-row
  div.selector
  select
  option {
  color: #000;
}
section.wallet
  section.main
  div.withdraw
  div.withdraw-box
  div.half
  div.col-row
  button.submit {
  display: block;
  width: 100%;
  color: #fff;
  background: #fca311;
  border-radius: 300px;
  height: 48px;
  line-height: 48px;
  border: none;
}
section.wallet
  section.main
  div.withdraw
  div.withdraw-box
  div.half
  div.col-row
  p {
  color: #a7a7a7;
  line-height: 30px;
}
section.wallet
  section.main
  div.withdraw
  div.withdraw-box
  div.half
  div.col-row
  p
  img {
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  height: 16px;
}
section.wallet
  section.main
  div.withdraw
  div.withdraw-box
  div.half
  div.col-row
  div.card-box {
  display: block;
  width: 100%;
  height: 48px;
}
section.wallet
  section.main
  div.withdraw
  div.withdraw-box
  div.half
  div.col-row
  div.card-box
  span {
  display: inline-block;
  vertical-align: middle;
  height: 46px;
  line-height: 46px;
  color: #fcfcfd;
  text-align: center;
}
section.wallet
  section.main
  div.withdraw
  div.withdraw-box
  div.half
  div.col-row
  div.card-box
  input {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 98px);
  line-height: 46px;
  height: 46px;
  background: #fff0;
  border: none;
  color: #fcfcfd;
}
section.wallet
  section.main
  div.withdraw
  div.withdraw-box
  div.half
  div.col-row
  div.amount-box {
  display: block;
  width: 100%;
  height: 48px;
}
section.wallet
  section.main
  div.withdraw
  div.withdraw-box
  div.half
  div.col-row
  div.amount-box
  span {
  display: inline-block;
  vertical-align: middle;
  height: 46px;
  line-height: 46px;
  width: 100px;
  color: #fcfcfd;
  text-align: center;
}
section.wallet
  section.main
  div.withdraw
  div.withdraw-box
  div.half
  div.col-row
  div.amount-box
  input {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 100px);
  line-height: 46px;
  height: 46px;
  background: #fff0;
  border: none;
  text-align: center;
  color: #fcfcfd;
}
section.wallet
  section.main
  div.withdraw
  div.withdraw-box
  div.half
  div.col-row
  span.header {
  display: inline-block;
  line-height: 32px;
  color: #fcfcfd;
  vertical-align: middle;
}
section.wallet
  section.main
  div.withdraw
  div.withdraw-box
  div.half
  div.col-row
  span.balance {
  line-height: 32px;
  float: left;
  color: #fff;
}
section.wallet
  section.main
  div.withdraw
  div.withdraw-box
  div.half
  div.col-row
  span.balance
  img {
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
}
section.wallet
  section.main
  div.withdraw
  div.withdraw-box
  div.half
  div.col-row
  a {
  float: left;
  line-height: 32px;
  color: #fca311;
}
section.wallet section.main div.deposit {
  border-radius: 4px;
  padding: 0 64px;
  margin-bottom: 4px;
}
section.wallet section.main div.deposit div.header {
  padding: 24px 0;
  border-bottom: 1px solid #1c1c1c;
  margin-bottom: 24px;
}
section.wallet section.main div.deposit div.header span {
  display: inline-block;
  vertical-align: middle;
  padding: 0 16px;
  line-height: 28px;
  height: 28px;
  border-radius: 4px;
  color: #fcfcfd;
}
section.wallet section.main div.deposit div.header span.active {
  background: #151515;
  color: #fca311;
}
section.wallet section.main div.deposit div.deposit-box {
  padding-bottom: 24px;
  display: none;
}
section.wallet section.main div.deposit div.deposit-box.active {
  display: block;
}
section.wallet section.main div.deposit div.deposit-box div.half {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}
section.wallet section.main div.deposit div.deposit-box div.half:nth-child(1) {
  padding-left: 24px;
  position: relative;
}
section.wallet section.main div.deposit div.deposit-box div.half:nth-child(2) {
  position: relative;
}
section.wallet
  section.main
  div.deposit
  div.deposit-box
  div.half:nth-child(2):after {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 80%;
  background: #1c1c1c;
  width: 1px;
  content: '';
  display: block;
}
section.wallet section.main div.deposit div.deposit-box div.half:last-child {
  padding-right: 24px;
}
section.wallet section.main div.deposit div.deposit-box div.half div.row-half {
  margin-top: 28px;
}
section.wallet
  section.main
  div.deposit
  div.deposit-box
  div.half
  div.row-half
  div.half-half {
  display: inline-block;
  width: 160px;
  vertical-align: top;
  margin-left: 24px;
}
section.wallet
  section.main
  div.deposit
  div.deposit-box
  div.half
  div.row-half
  div.half-half:last-child {
  width: calc(100% - 184px);
  margin-left: 0;
}
section.wallet
  section.main
  div.deposit
  div.deposit-box
  div.half
  div.row-half
  div.half-half
  img.qr {
  display: block;
  width: 100%;
  border: 1px solid #1c1c1c;
  border-radius: 4px;
  margin-bottom: 15px;
}
section.wallet
  section.main
  div.deposit
  div.deposit-box
  div.half
  div.row-half
  div.half-half
  button.enter {
  background: #fca311;
  color: #000;
  border: none;
  border-radius: 4px;
  line-height: 48px;
  height: 48px;
  width: 100%;
}
section.wallet section.main div.deposit div.deposit-box div.half div.col-row {
  margin-bottom: 12px;
}
section.wallet
  section.main
  div.deposit
  div.deposit-box
  div.half
  div.col-row.relative {
  position: relative;
}
section.wallet
  section.main
  div.deposit
  div.deposit-box
  div.half
  div.col-row.relative
  img.float {
  position: absolute;
  left: 16px;
  height: 20px;
  width: 20px;
  top: 50%;
  transform: translateY(-50%);
}
section.wallet
  section.main
  div.deposit
  div.deposit-box
  div.half
  div.col-row
  input.disabled {
  display: block;
  width: 100%;
  border: 1px solid #1c1c1c;
  border-radius: 4px;
  height: 48px;
  padding: 0 16px;
  line-height: 46px;
  background: #fff0;
  color: #fcfcfd;
}
section.wallet
  section.main
  div.deposit
  div.deposit-box
  div.half
  div.col-row
  input.fullred {
  display: block;
  width: 100%;
  border: 1px solid #ff4d4d;
  border-radius: 4px;
  height: 48px;
  padding: 0 16px;
  line-height: 46px;
  background: #fff0;
  color: #fcfcfd;
}
section.wallet
  section.main
  div.deposit
  div.deposit-box
  div.half
  div.col-row
  span.subred {
  display: inline-block;
  vertical-align: middle;
  color: #ff4d4d;
  line-height: 20px;
  margin-right: 8px;
}
section.wallet
  section.main
  div.deposit
  div.deposit-box
  div.half
  div.col-row
  div.selector {
  display: block;
  width: 100%;
  border: 1px solid #1c1c1c;
  border-radius: 4px;
  height: 48px;
  padding: 0 16px;
}
section.wallet
  section.main
  div.deposit
  div.deposit-box
  div.half
  div.col-row
  div.selector
  span {
  color: #fcfcfd;
  line-height: 46px;
}
section.wallet
  section.main
  div.deposit
  div.deposit-box
  div.half
  div.col-row
  div.selector
  img {
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
}
section.wallet
  section.main
  div.deposit
  div.deposit-box
  div.half
  div.col-row
  div.selector
  select {
  display: inline-block;
  vertical-align: middle;
  line-height: 46px;
  height: 46px;
  background: #fff0;
  border: none;
  color: #fcfcfd;
}
section.wallet
  section.main
  div.deposit
  div.deposit-box
  div.half
  div.col-row
  button {
  display: block;
  width: 100%;
  color: #000;
  background: #fca311;
  border-radius: 4px;
  height: 48px;
  line-height: 48px;
  border: none;
}
section.wallet section.main div.deposit div.deposit-box div.half div.col-row p {
  line-height: 30px;
}
section.wallet
  section.main
  div.deposit
  div.deposit-box
  div.half
  div.col-row
  p
  img {
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  height: 16px;
}
section.wallet
  section.main
  div.deposit
  div.deposit-box
  div.half
  div.col-row
  div.card-box {
  display: block;
  width: 100%;
  height: 48px;
}
section.wallet
  section.main
  div.deposit
  div.deposit-box
  div.half
  div.col-row
  div.card-box
  span {
  display: inline-block;
  vertical-align: middle;
  height: 46px;
  line-height: 46px;
  color: #fcfcfd;
  text-align: center;
}
section.wallet
  section.main
  div.deposit
  div.deposit-box
  div.half
  div.col-row
  div.card-box
  input {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 98px);
  line-height: 46px;
  height: 46px;
  background: #fff0;
  border: none;
}
section.wallet
  section.main
  div.deposit
  div.deposit-box
  div.half
  div.col-row
  div.amount-box {
  display: block;
  width: 100%;
  height: 48px;
}
section.wallet
  section.main
  div.deposit
  div.deposit-box
  div.half
  div.col-row
  div.amount-box
  span {
  display: inline-block;
  vertical-align: middle;
  height: 46px;
  line-height: 46px;
  width: 100px;
  color: #fcfcfd;
  text-align: center;
}
section.wallet
  section.main
  div.deposit
  div.deposit-box
  div.half
  div.col-row
  div.amount-box
  input {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 100px);
  line-height: 46px;
  height: 46px;
  background: #fff0;
  border: none;
  text-align: center;
  color: #fcfcfd;
}
section.wallet
  section.main
  div.deposit
  div.deposit-box
  div.half
  div.col-row
  span.header {
  display: inline-block;
  line-height: 32px;
  color: #fcfcfd;
  vertical-align: middle;
}
section.wallet section.main div.deposit div.deposit-box div.half div.col-row a {
  float: left;
  line-height: 32px;
  color: #fca311;
}
section.wallet section.main div.assets {
  border-radius: 4px;
  padding: 0 24px;
}
section.wallet
  section.main
  div.assets
  div.assets-table
  div.headrow
  span:first-child {
  padding-right: 12px;
}
section.wallet
  section.main
  div.assets
  div.assets-table
  div.headrow
  span:last-child {
  width: 30%;
}
section.wallet section.main div.assets div.assets-table div.asset {
  padding: 16px 0;
  border-bottom: 1px solid #1c1c1c;
}
section.wallet section.main div.assets div.assets-table div.asset:last-child {
  border-bottom: none;
}
section.wallet section.main div.assets div.assets-table div.asset div.col {
  display: inline-block;
  vertical-align: middle;
  width: 14%;
}
section.wallet
  section.main
  div.assets
  div.assets-table
  div.asset
  div.col:first-child:before {
  display: inline-block;
  vertical-align: middle;
  width: 38px;
  height: 38px;
  margin-left: 12px;
  background: url('../img/Moamelati - Coin.svg');
  border-radius: 50%;
  content: '';
  position: absolute;
  margin-top: 5px;
  margin-right: 13px;
}
section.wallet section.main div.assets div.assets-table div.asset div.col a {
  display: inline-block;
  vertical-align: middle;
  color: #fca311;
  width: 25%;
}
section.wallet section.main div.assets div.assets-table div.asset div.col p {
  color: #fcfcfd;
  line-height: 20px;
  text-align: right;
}
section.wallet
  section.main
  div.assets
  div.assets-table
  div.asset
  div.col
  p.estim {
  color: #777e90;
}
section.wallet
  section.main
  div.assets
  div.assets-table
  div.asset
  div.col:last-child {
  width: 30%;
}
section.wallet section.main div.assets div.assets-table div.asset div.col img {
  width: 40px;
  height: 40px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 12px;
  margin-right: 12px;
  border-radius: 50%;
  position: relative;
  opacity: 0;
}
section.wallet
  section.main
  div.assets
  div.assets-table
  div.asset
  div.col
  div.details {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 64px);
}
section.wallet
  section.main
  div.assets
  div.assets-table
  div.asset
  div.col
  div.details
  p:first-child {
  margin-bottom: 8px;
}
section.wallet section.main div.assets div.header {
  padding: 25px 0;
  border-bottom: 1px solid #1c1c1c;
  margin-bottom: 24px;
}
section.wallet section.main div.assets div.header span.head {
  color: #fcfcfd;
  line-height: 38px;
  height: 38px;
}
section.wallet section.main div.assets div.header span.head img {
  display: inline-block;
  vertical-align: middle;
  height: 12px;
  margin-right: 8px;
}
section.wallet section.main div.assets div.header div.left {
  float: left;
}
section.wallet section.main div.assets div.header div.left input {
  display: inline-block;
  vertical-align: middle;
}
section.wallet section.main div.assets div.header div.left input[type='text'] {
  border-radius: 4px;
  border: 1px solid #1c1c1c;
  line-height: 38px;
  padding: 0 12px;
  background: #fff0;
  width: 224px;
}
section.wallet
  section.main
  div.assets
  div.header
  div.left
  input[type='checkbox'] {
  appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  border: 1px solid #1c1c1c;
  background: #000;
}
section.wallet section.main div.assets div.header div.left label {
  display: inline-block;
  vertical-align: middle;
  color: #777e90;
  margin-right: 8px;
  margin-left: 24px;
  text-decoration: underline;
}
section.wallet section.main div.deposit-history,
section.wallet section.main div.withdraw-history {
  border-radius: 4px;
  display: none;
}
section.wallet section.main div.deposit-history.active,
section.wallet section.main div.withdraw-history.active {
  display: block;
}
section.wallet
  section.main
  div.deposit-history
  div.assets-table.toman
  div.headrow
  span,
section.wallet
  section.main
  div.withdraw-history
  div.assets-table.toman
  div.headrow
  span {
  width: 20%;
}
section.wallet
  section.main
  div.deposit-history
  div.assets-table.toman
  div.headrow
  span:nth-last-child(2),
section.wallet
  section.main
  div.withdraw-history
  div.assets-table.toman
  div.headrow
  span:nth-last-child(2) {
  width: 20%;
}
section.wallet
  section.main
  div.deposit-history
  div.assets-table.toman
  div.headrow
  span:nth-last-child(3),
section.wallet
  section.main
  div.withdraw-history
  div.assets-table.toman
  div.headrow
  span:nth-last-child(3) {
  width: 20%;
}
section.wallet
  section.main
  div.deposit-history
  div.assets-table.toman
  div.asset
  div.col,
section.wallet
  section.main
  div.withdraw-history
  div.assets-table.toman
  div.asset
  div.col {
  width: 20%;
}
section.wallet
  section.main
  div.deposit-history
  div.assets-table.toman
  div.asset
  div.col:nth-last-child(2),
section.wallet
  section.main
  div.withdraw-history
  div.assets-table.toman
  div.asset
  div.col:nth-last-child(2) {
  width: 20%;
}
section.wallet
  section.main
  div.deposit-history
  div.assets-table.toman
  div.asset
  div.col:nth-last-child(3),
section.wallet
  section.main
  div.withdraw-history
  div.assets-table.toman
  div.asset
  div.col:nth-last-child(3) {
  width: 20%;
}
section.wallet
  section.main
  div.deposit-history
  div.assets-table
  div.headrow
  span,
section.wallet
  section.main
  div.withdraw-history
  div.assets-table
  div.headrow
  span {
  display: inline-block;
  vertical-align: middle;
  color: #777e90;
  width: 12%;
}
section.wallet
  section.main
  div.deposit-history
  div.assets-table
  div.headrow
  span:nth-last-child(2),
section.wallet
  section.main
  div.withdraw-history
  div.assets-table
  div.headrow
  span:nth-last-child(2) {
  width: 20%;
}
section.wallet
  section.main
  div.deposit-history
  div.assets-table
  div.headrow
  span:nth-last-child(3),
section.wallet
  section.main
  div.withdraw-history
  div.assets-table
  div.headrow
  span:nth-last-child(3) {
  width: 20%;
}
section.wallet
  section.main
  div.deposit-history
  div.assets-table
  div.headrow
  span:first-child,
section.wallet
  section.main
  div.withdraw-history
  div.assets-table
  div.headrow
  span:first-child {
  padding-right: 12px;
}
section.wallet section.main div.deposit-history div.assets-table div.asset,
section.wallet section.main div.withdraw-history div.assets-table div.asset {
  padding: 16px 0;
  border-bottom: 1px solid #1c1c1c;
}
section.wallet
  section.main
  div.deposit-history
  div.assets-table
  div.asset:last-child,
section.wallet
  section.main
  div.withdraw-history
  div.assets-table
  div.asset:last-child {
  border-bottom: none;
}
section.wallet
  section.main
  div.deposit-history
  div.assets-table
  div.asset
  div.col:first-child
  img,
section.wallet
  section.main
  div.withdraw-history
  div.assets-table
  div.asset
  div.col:first-child
  img {
  height: 40px;
  padding: 5px;
  background: #fcfcfd;
  border-radius: 50%;
}
section.wallet
  section.main
  div.deposit-history
  div.assets-table
  div.asset
  div.col:nth-last-child(2),
section.wallet
  section.main
  div.withdraw-history
  div.assets-table
  div.asset
  div.col:nth-last-child(2) {
  width: 20%;
}
section.wallet
  section.main
  div.deposit-history
  div.assets-table
  div.asset
  div.col:nth-last-child(3),
section.wallet
  section.main
  div.withdraw-history
  div.assets-table
  div.asset
  div.col:nth-last-child(3) {
  width: 20%;
}
section.wallet
  section.main
  div.deposit-history
  div.assets-table
  div.asset
  div.col
  span.status,
section.wallet
  section.main
  div.withdraw-history
  div.assets-table
  div.asset
  div.col
  span.status {
  padding: 0 10px;
  border-radius: 4px;
  height: 24px;
  line-height: 24px;
  display: inline-block;
  vertical-align: middle;
}
section.wallet
  section.main
  div.deposit-history
  div.assets-table
  div.asset
  div.col
  span.status.yellow,
section.wallet
  section.main
  div.withdraw-history
  div.assets-table
  div.asset
  div.col
  span.status.yellow {
  background: rgb(252 163 17 / 0.1);
  color: #fca311;
}
section.wallet
  section.main
  div.deposit-history
  div.assets-table
  div.asset
  div.col
  span.status.green,
section.wallet
  section.main
  div.withdraw-history
  div.assets-table
  div.asset
  div.col
  span.status.green {
  background: rgb(0 192 118 / 0.1);
  color: #00c076;
}
section.wallet
  section.main
  div.deposit-history
  div.assets-table
  div.asset
  div.col
  span.status.red,
section.wallet
  section.main
  div.withdraw-history
  div.assets-table
  div.asset
  div.col
  span.status.red {
  background: rgb(255 77 77 / 0.1);
  color: #ff4d4d;
}
section.wallet
  section.main
  div.deposit-history
  div.assets-table
  div.asset
  div.col
  a,
section.wallet
  section.main
  div.withdraw-history
  div.assets-table
  div.asset
  div.col
  a {
  display: inline-block;
  vertical-align: middle;
  color: #fca311;
  width: 25%;
}
section.wallet
  section.main
  div.deposit-history
  div.assets-table
  div.asset
  div.col
  p,
section.wallet
  section.main
  div.withdraw-history
  div.assets-table
  div.asset
  div.col
  p {
  color: #fcfcfd;
  line-height: 20px;
  text-align: right;
}
section.wallet
  section.main
  div.deposit-history
  div.assets-table
  div.asset
  div.col
  p
  img,
section.wallet
  section.main
  div.withdraw-history
  div.assets-table
  div.asset
  div.col
  p
  img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  height: 16px;
  width: 16px;
  margin-left: 0;
}
section.wallet
  section.main
  div.deposit-history
  div.assets-table
  div.asset
  div.col
  p.estim,
section.wallet
  section.main
  div.withdraw-history
  div.assets-table
  div.asset
  div.col
  p.estim {
  color: #777e90;
}
section.wallet
  section.main
  div.deposit-history
  div.assets-table
  div.asset
  div.col
  img,
section.wallet
  section.main
  div.withdraw-history
  div.assets-table
  div.asset
  div.col
  img {
  width: 40px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 12px;
  margin-right: 12px;
}
section.wallet
  section.main
  div.deposit-history
  div.assets-table
  div.asset
  div.col
  div.details,
section.wallet
  section.main
  div.withdraw-history
  div.assets-table
  div.asset
  div.col
  div.details {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 64px);
}
section.wallet
  section.main
  div.deposit-history
  div.assets-table
  div.asset
  div.col
  div.details
  p:first-child,
section.wallet
  section.main
  div.withdraw-history
  div.assets-table
  div.asset
  div.col
  div.details
  p:first-child {
  margin-bottom: 8px;
}
section.wallet section.main div.deposit-history div.header,
section.wallet section.main div.withdraw-history div.header {
  padding: 25px 0;
  margin-bottom: 24px;
}
section.wallet section.main div.deposit-history div.header span.head,
section.wallet section.main div.withdraw-history div.header span.head {
  color: #fcfcfd;
  line-height: 38px;
  height: 38px;
}
section.wallet section.main div.deposit-history div.header span.head img,
section.wallet section.main div.withdraw-history div.header span.head img {
  display: inline-block;
  vertical-align: middle;
  height: 12px;
  margin-right: 8px;
}
section.wallet section.main div.deposit-history div.header div.left,
section.wallet section.main div.withdraw-history div.header div.left {
  float: left;
}
section.wallet section.main div.deposit-history div.header div.left a,
section.wallet section.main div.withdraw-history div.header div.left a {
  display: inline-block;
  vertical-align: middle;
  line-height: 38px;
  color: #777e90;
  text-decoration: underline;
}
section.wallet section.main div.balance {
  padding: 28px;
  border-radius: 4px;
  margin-bottom: 4px;
}
section.wallet section.main div.balance div.left {
  float: left;
  text-align: left;
}
section.wallet section.main div.balance div.left button.hide {
  width: 24px;
  height: 24px;
  background: #777e90;
  padding: 4px;
  border: none;
  border-radius: 4px;
  margin-bottom: 30px;
}
section.wallet section.main div.balance div.left button.hide img {
  width: 16px;
  height: 16px;
}
section.wallet section.main div.balance div.left div.buttons a {
  display: inline-block;
  vertical-align: middle;
  margin-right: 16px;
  line-height: 40px;
  padding: 0 40px;
}
section.wallet section.main div.balance div.left div.buttons a.send {
  background: #fca311;
}
section.wallet section.main div.balance div.left div.buttons a.recieve {
  background: #777e90;
}
section.wallet section.main div.balance div.price-box {
  display: inline-block;
  vertical-align: top;
}
section.wallet section.main div.balance div.price-box p:not(.sub) {
  margin-bottom: 24px;
}
section.wallet section.main div.balance div.price-box p.sub {
  text-align: left;
  margin-top: 8px;
}
section.wallet section.main div.balance div.price-box div.pricer span.head {
  display: inline-block;
  vertical-align: middle;
  color: #fcfcfd;
  line-height: 26px;
}
section.wallet aside.main {
  width: calc(25% - 2px);
  margin-left: 4px;
  display: inline-block;
  vertical-align: top;
  border-radius: 4px;
}
section.wallet aside.main span {
  color: #fcfcfd;
  display: block;
  margin: 16px 0;
  padding: 0 16px;
}
section.wallet aside.main ul li {
  display: block;
  padding: 13px 16px;
}
section.wallet aside.main ul li.active {
  background: #070a14;
}
section.wallet aside.main ul li.bordered {
  border-top: 1px solid #1c1c1c;
  border-bottom: 1px solid #1c1c1c;
}
section.wallet aside.main ul li a {
  line-height: 24px;
}
section.wallet aside.main ul li a img {
  display: inline-block;
  vertical-align: middle;
  height: 24px;
  margin-left: 8px;
}
section.deposit-withdraw-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
section.deposit-withdraw-modal div.overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.8;
}
section.deposit-withdraw-modal div.modal {
  padding: 32px;
  width: 448px;
  background: #23262f;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 4px;
}
section.deposit-withdraw-modal div.modal div.status {
  margin-bottom: 28px;
  text-align: center;
}
section.deposit-withdraw-modal div.modal div.status p {
  color: #777e90;
  margin-bottom: 8px;
}
section.deposit-withdraw-modal div.modal div.status p.state {
  color: #00c076;
  line-height: 32px;
}
section.deposit-withdraw-modal div.modal div.buttons-row {
  margin-top: 40px;
}
section.deposit-withdraw-modal div.modal div.buttons-row button.submit {
  display: inline-block;
  vertical-align: middle;
  height: 40px;
  line-height: 40px;
  border: none;
  border-radius: 4px;
  width: calc(50% - 8px);
  margin-left: 16px;
  color: #000;
}
section.deposit-withdraw-modal div.modal div.buttons-row button.submit.full {
  width: 100%;
  margin-left: 0;
}
section.deposit-withdraw-modal
  div.modal
  div.buttons-row
  button.submit:last-child {
  margin-left: 0;
}
section.deposit-withdraw-modal div.modal div.buttons-row button.submit.agree {
  background: #fca311;
}
section.deposit-withdraw-modal
  div.modal
  div.buttons-row
  button.submit.disagree {
  background: #777e90;
}
section.deposit-withdraw-modal div.modal div.col-row {
  margin-bottom: 24px;
}
section.deposit-withdraw-modal div.modal div.col-row span.header {
  color: #fcfcfd;
}
section.deposit-withdraw-modal div.modal div.col-row div.otp {
  border-radius: 4px;
  border: 1px solid #777e90;
  line-height: 46px;
  height: 48px;
}
section.deposit-withdraw-modal div.modal div.col-row div.otp a {
  display: inline-block;
  color: #fca311;
  width: 100px;
  text-align: center;
  line-height: 46px;
  vertical-align: middle;
}
section.deposit-withdraw-modal div.modal div.col-row div.otp input {
  display: inline-block;
  vertical-align: middle;
  line-height: 46px;
  height: 46px;
  width: calc(100% - 100px);
  background: #fff0;
  border: none;
  text-align: center;
  color: #fcfcfd;
}
section.deposit-withdraw-modal div.modal div.col-row p {
  color: #777e90;
  line-height: 20px;
}
section.deposit-withdraw-modal div.modal div.col-row p input[type='checkbox'] {
  appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  border: 1px solid #1c1c1c;
  background: #000;
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
}
section.deposit-withdraw-modal div.modal div.col-row p img {
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  height: 16px;
}
section.deposit-withdraw-modal div.modal img.logo {
  height: 140px;
  display: block;
  margin: auto;
  margin-top: 32px;
  margin-bottom: 32px;
}
section.deposit-withdraw-modal div.modal div.address-box {
  padding: 16px 24px;
  background: #0a101e;
  border-radius: 4px;
}
section.deposit-withdraw-modal div.modal div.address-box.with-margin {
  margin-bottom: 32px;
}
section.deposit-withdraw-modal div.modal div.address-box div.head {
  margin-bottom: 12px;
}
section.deposit-withdraw-modal div.modal div.address-box div.head span {
  color: #777e90;
  line-height: 20px;
}
section.deposit-withdraw-modal div.modal div.address-box div.head div.buttons {
  float: left;
}
section.deposit-withdraw-modal
  div.modal
  div.address-box
  div.head
  div.buttons
  img {
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  margin-right: 8px;
}
section.deposit-withdraw-modal div.modal div.address-box p.address {
  color: #fcfcfd;
}
section.deposit-withdraw-modal div.modal div.table {
  margin-bottom: 60px;
}
section.deposit-withdraw-modal div.modal div.table div.row {
  margin-bottom: 24px;
}
section.deposit-withdraw-modal div.modal div.table div.col {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
}
section.deposit-withdraw-modal div.modal div.table div.col:last-child {
  text-align: left;
}
section.deposit-withdraw-modal div.modal div.table div.col:last-child span {
  color: #fcfcfd;
}
section.deposit-withdraw-modal div.modal div.table div.col span {
  color: #777e90;
  line-height: 24px;
}
section.deposit-withdraw-modal div.modal div.table div.col span img {
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  width: 24px;
  padding: 4px;
  background: #fcfcfd;
  border-radius: 50%;
}
section.deposit-withdraw-modal div.modal div.table div.col span.status {
  height: 24px;
  padding: 0 10px;
  display: inline-block;
  border-radius: 4px;
}
section.deposit-withdraw-modal div.modal div.table div.col span.status.true {
  color: #00c076;
  background: rgb(0 192 118 / 0.1);
}
section.deposit-withdraw-modal div.modal div.header {
  margin-bottom: 60px;
}
section.deposit-withdraw-modal div.modal div.header.no-margin {
  margin-bottom: 0;
}
section.deposit-withdraw-modal div.modal div.header span.header {
  color: #fcfcfd;
  line-height: 32px;
}
section.deposit-withdraw-modal div.modal div.header img {
  float: left;
  height: 32px;
}
section.loading {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  background: rgb(0 0 0 / 0.8);
  display: none;
  z-index: 50;
}
section.loading div.loader {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
  background: #0e0e0e;
  padding: 64px;
  width: 411px;
  border-radius: 16px;
}
section.loading div.loader.small {
  width: 278px;
}
section.loading div.loader.small svg {
  margin-bottom: 0;
}
section.loading div.loader p {
  color: #fcfcfd;
}
section.loading div.loader img.logo {
  display: block;
  margin: auto;
  margin-bottom: 24px;
  width: 150px;
}
section.loading div.loader svg {
  display: block;
  margin: auto;
  width: 56px;
  height: 56px;
  margin-bottom: 24px;
}
section.loading div.loader svg circle {
  fill: #fca311;
}
div#assets {
  height: 474px;
  position: relative;
  overflow-y: scroll;
  overflow-x: hidden;
  direction: ltr;
  padding: 10px;
}
div#assets svg {
  display: block;
  width: 56px;
  height: 56px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
}
div#assets svg circle {
  fill: #fca311;
}
div#orders {
  height: 492px;
  position: relative;
}
div#orders div.empty {
  display: block;
  text-align: center;
  position: absolute;
  top: 50%;
  width: 100%;
  left: 0;
  transform: translateY(-50%);
}
div#orders div.empty img {
  height: 140px;
  margin-bottom: 24px;
}
div#orders div.empty p {
  color: #fcfcfd;
}
div#orders svg {
  display: block;
  width: 56px;
  height: 56px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
}
div#orders svg circle {
  fill: #fca311;
}
section.faceid {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgb(0 0 0 / 0.8);
  display: none;
}
section.faceid div.overlay {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
}
section.faceid div.modal {
  padding: 20px;
  width: 448px;
  background: #23262f;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 4px;
}
section.faceid div.modal div.header {
  margin-bottom: 32px;
}
section.faceid div.modal div.header.no-margin {
  margin-bottom: 0;
}
section.faceid div.modal div.header span.header {
  color: #fcfcfd;
  line-height: 32px;
}
section.faceid div.modal div.header img {
  float: left;
  height: 32px;
}
section.faceid div.modal div.col-row {
  margin-bottom: 8px;
}
section.faceid div.modal div.col-row.second-try {
  display: none;
}
section.faceid div.modal div.col-row.second-try button.submit {
  display: inline-block;
  vertical-align: middle;
  width: calc(50% - 8px);
  margin-left: 16px;
}
section.faceid div.modal div.col-row.second-try button.tomail,
section.faceid div.modal div.col-row.second-try button.tophone {
  display: inline-block;
  vertical-align: middle;
  width: calc(50% - 8px);
  border: 2px solid #777e90;
  border-radius: 4px;
  background: #fff0;
  color: #fcfcfd;
  line-height: 36px;
  height: 40px;
}
section.faceid div.modal div.col-row.second-try button.tomail.hide,
section.faceid div.modal div.col-row.second-try button.tophone.hide {
  display: none;
}
section.faceid div.modal div.col-row.error {
  display: none;
}
section.faceid div.modal div.col-row:last-child {
  margin-bottom: 0;
}
section.faceid div.modal div.col-row p {
  color: #777e90;
  line-height: 30px;
}
section.faceid div.modal div.col-row p.green {
  color: #00c076;
}
section.faceid div.modal div.col-row p.green i.icon {
  background: url(../img/success.svg);
}
section.faceid div.modal div.col-row p.red {
  color: #ff4d4d;
}
section.faceid div.modal div.col-row p.red i.icon {
  background: url(../img/error.svg);
}
section.faceid div.modal div.col-row p i.icon {
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  height: 16px;
  width: 16px;
  background: url(../img/info-infornation.svg);
  background-size: 100%;
}
section.faceid div.modal div.col-row button.submit {
  display: block;
  width: 100%;
  border: none;
  border-radius: 4px;
  background: #fca311;
  color: #000;
  line-height: 40px;
  height: 40px;
}
section.faceid div.modal div.col-row button.submit svg {
  height: 30px;
  margin: 5px 0;
}
section.faceid div.modal div.container {
  position: relative;
  width: 408px;
  height: 408px;
  margin-bottom: 12px;
  overflow: hidden;
  border-radius: 30px;
}
section.faceid div.modal div.container div.key {
  position: absolute;
  width: 100%;
  height: 0;
  background: rgb(0 130 255 / 0.5);
  bottom: 0;
  transition: height 5s ease-out;
}
section.faceid div.modal div.container div.key:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  width: 63px;
  height: 80px;
  background-size: 100%;
  margin: auto;
  transform: translateY(-50%);
}
section.faceid div.modal div.container div.key.active {
  height: 100%;
}
section.faceid div.modal div.container div.key.false {
  background: rgb(255 77 77 / 0.5);
}
section.faceid div.modal div.container div.key.false:after {
  background: url(../img/Unverify.svg);
  background-repeat: no-repeat;
}
section.faceid div.modal div.container div.key.true {
  background: rgb(0 255 126 / 0.5);
}
section.faceid div.modal div.container div.key.true:after {
  background: url(../img/Verify.svg);
  background-repeat: no-repeat;
}
section.faceid div.modal div.container:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  width: 352px;
  height: 352px;
  background: url(../img/Scan.svg);
  background-size: 100%;
  margin: auto;
  transform: translateY(-50%);
}
section.faceid div.modal #my_camera {
  display: block;
  background: #000;
  border-radius: 4px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(1.5);
}
section.faceid div.modal canvas {
  display: none;
}
section.settings section.main {
  display: inline-block;
  vertical-align: top;
  width: calc(75% - 2px);
}
section.settings section.main div.password-change {
  border-radius: 4px;
  padding: 32px 64px;
  background: #0a101e;
}
section.settings section.main div.password-change div.details {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 150px);
}
section.settings section.main div.password-change div.details p.header {
  margin-bottom: 8px;
  color: #fcfcfd;
  line-height: 32px;
}
section.settings section.main div.password-change div.details p.sub {
  color: #777e90;
}
section.settings section.main div.password-change button {
  display: inline-block;
  vertical-align: middle;
  width: 150px;
  border: 1px solid #777e90;
  background: #fff0;
  border-radius: 4px;
  height: 40px;
  line-height: 38px;
  color: #fcfcfd;
}
section.settings section.main div.acceptance {
  border-radius: 4px;
  padding: 0 64px;
  background: #0a101e;
  margin-bottom: 4px;
}
section.settings section.main div.acceptance div.header {
  padding: 23px 0;
  border-bottom: 1px solid #1c1c1c;
}
section.settings section.main div.acceptance div.header span.header {
  display: block;
  margin-bottom: 8px;
  line-height: 32px;
  color: #fcfcfd;
}
section.settings section.main div.acceptance div.header p {
  color: #777e90;
  line-height: 32px;
}
section.settings section.main div.acceptance div.agreement {
  padding: 24px 0;
  border-bottom: 1px solid #1c1c1c;
}
section.settings section.main div.acceptance div.agreement:last-child {
  border-bottom: none;
}
section.settings section.main div.acceptance div.agreement div.col {
  display: inline-block;
  vertical-align: middle;
  width: calc(50% - 100px);
}
section.settings section.main div.acceptance div.agreement div.col img {
  display: inline-block;
  vertical-align: top;
  margin-left: 8px;
  height: 40px;
  width: 40px;
}
section.settings section.main div.acceptance div.agreement div.col div.details {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 48px);
}
section.settings section.main div.acceptance div.agreement div.col p.header {
  color: #fcfcfd;
  line-height: 32px;
  margin-bottom: 8px;
}
section.settings section.main div.acceptance div.agreement div.col p.sub {
  color: #777e90;
}
section.settings section.main div.acceptance div.agreement div.button {
  display: inline-block;
  vertical-align: middle;
  width: 200px;
  text-align: left;
}
section.settings section.main div.acceptance div.agreement div.button button {
  display: inline-block;
  vertical-align: middle;
  width: 150px;
  border: 1px solid #777e90;
  background: #fff0;
  border-radius: 4px;
  height: 40px;
  line-height: 38px;
  color: #fcfcfd;
}
section.settings section.main div.acceptance div.agreement input.radio1 {
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50px;
  border: 2px solid #393d46;
  transition: all 300ms;
}
section.settings
  section.main
  div.acceptance
  div.agreement
  input.radio1:checked {
  background: #fca311;
  border-color: #fca311;
}
section.settings section.main div.acceptance div.agreement input.radio2 {
  appearance: none;
  width: 40px;
  height: 20px;
  border-radius: 50px;
  border: 2px solid #393d46;
  transition: all 300ms;
}
section.settings section.main div.acceptance div.agreement input.radio2:after {
  content: '';
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 50px;
  background: #393d46;
  position: relative;
  top: 1px;
  right: 20px;
  transition: all 300ms;
}
section.settings
  section.main
  div.acceptance
  div.agreement
  input.radio2:checked {
  background: #fca311;
  border-color: #fca311;
}
section.settings
  section.main
  div.acceptance
  div.agreement
  input.radio2:checked:after {
  background: #0a101e;
  right: 1px;
}
section.settings aside.main {
  width: calc(25% - 2px);
  margin-left: 4px;
  display: inline-block;
  vertical-align: top;
  background: #0a101e;
  border-radius: 4px;
}
section.settings aside.main span {
  color: #fcfcfd;
  display: block;
  margin: 16px 0;
  padding: 0 16px;
}
section.settings aside.main ul li {
  display: block;
  padding: 13px 16px;
}
section.settings aside.main ul li.active {
  background: #070a14;
}
section.settings aside.main ul li.bordered {
  border-top: 1px solid #1c1c1c;
  border-bottom: 1px solid #1c1c1c;
}
section.settings aside.main ul li a {
  color: #fcfcfd;
  line-height: 24px;
}
section.settings aside.main ul li a img {
  display: inline-block;
  vertical-align: middle;
  height: 24px;
  margin-left: 8px;
}
section.verification-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
section.verification-modal div.overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.8;
}
section.verification-modal div.modal {
  padding: 32px;
  width: 448px;
  background: #23262f;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 4px;
}
section.verification-modal div.modal div.buttons-row {
  margin-top: 40px;
}
section.verification-modal div.modal div.buttons-row button.submit {
  display: inline-block;
  vertical-align: middle;
  height: 40px;
  line-height: 40px;
  border: none;
  border-radius: 4px;
  width: calc(50% - 8px);
  margin-left: 16px;
  color: #000;
}
section.verification-modal div.modal div.buttons-row button.submit svg {
  height: 30px;
  margin: 5px 0;
}
section.verification-modal div.modal div.buttons-row button.submit.full {
  width: 100%;
  margin-left: 0;
}
section.verification-modal div.modal div.buttons-row button.submit:last-child {
  margin-left: 0;
}
section.verification-modal div.modal div.buttons-row button.submit.agree {
  background: #fca311;
}
section.verification-modal div.modal div.buttons-row button.submit.disagree {
  background: #777e90;
}
section.verification-modal div.modal div.col-row {
  margin-bottom: 24px;
}
section.verification-modal div.modal div.col-row span.header {
  color: #fcfcfd;
}
section.verification-modal div.modal div.col-row div.otp {
  border-radius: 4px;
  border: 1px solid #777e90;
  line-height: 46px;
  height: 48px;
}
section.verification-modal div.modal div.col-row div.otp a {
  display: inline-block;
  color: #fca311;
  width: 100px;
  text-align: center;
  line-height: 46px;
  vertical-align: middle;
}
section.verification-modal div.modal div.col-row div.otp input {
  display: inline-block;
  vertical-align: middle;
  line-height: 46px;
  height: 46px;
  width: calc(100% - 100px);
  background: #fff0;
  border: none;
  text-align: center;
  color: #fcfcfd;
}
section.verification-modal div.modal div.col-row p {
  color: #777e90;
  line-height: 20px;
}
section.verification-modal div.modal div.col-row p input[type='checkbox'] {
  appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  border: 1px solid #1c1c1c;
  background: #000;
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
}
section.verification-modal div.modal div.col-row p img {
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  height: 16px;
}
section.verification-modal div.modal div.header {
  margin-bottom: 60px;
}
section.verification-modal div.modal div.header.no-margin {
  margin-bottom: 0;
}
section.verification-modal div.modal div.header span.header {
  color: #fcfcfd;
  line-height: 32px;
}
section.verification-modal div.modal div.header img {
  float: left;
  height: 32px;
}
section.success {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
section.success div.overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.8;
}
section.success div.modal {
  padding: 32px;
  width: 448px;
  background: #070a14;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 4px;
  text-align: center;
}
section.success div.modal img {
  margin-top: -100px;
  margin-bottom: 20px;
}
section.success div.modal p {
  color: #fcfcfd;
}
section.convert div.header {
  background: #0a101e;
  border-radius: 4px;
  margin-bottom: 4px;
  padding: 64px 164px;
  position: relative;
}
section.convert div.header:before {
  content: '';
  display: block;
  position: absolute;
  left: 164px;
  top: 50%;
  transform: translateY(-50%);
  background: url(../img/group-6@3x.webp);
  width: 295.3px;
  height: 142px;
  background-size: 100%;
}
section.convert div.header p.header {
  color: #fcfcfd;
  margin-bottom: 24px;
  line-height: 32px;
}
section.convert div.header p.sub {
  color: #777e90;
  line-height: 32px;
}
div.convert-box {
  background: #0a101e;
  border-radius: 4px;
  margin-bottom: 4px;
  padding: 0 164px;
  padding-bottom: 1px;
  min-height: calc(100vh - 316px);
}
div.convert-box div.convert-header {
  padding: 22px 0;
  border-bottom: 1px solid #1c1c1c;
}
div.convert-box div.convert-header span.header {
  color: #fcfcfd;
  line-height: 24px;
}
div.convert-box div.convert-header img {
  height: 24px;
  float: left;
}
div.convert-box div.col {
  width: 464px;
  margin: 64px auto;
}
div.convert-box div.input-box {
  height: 48px;
  border: 1px solid #23262f;
  border-radius: 4px;
  background: #23262f;
}
div.convert-box div.input-box span.amount {
  display: inline-block;
  vertical-align: middle;
  line-height: 46px;
  color: #fcfcfd;
  width: 122px;
  text-align: left;
  line-height: 24px;
  font-weight: 100;
  padding-left: 16px;
}
div.convert-box div.input-box span.amount img.arrow {
  display: inline-block;
  vertical-align: top;
  height: 13px;
  width: 13px;
  margin: 4px 0;
  margin-left: 4px;
}
div.convert-box div.input-box span.amount img.asset {
  display: inline-block;
  vertical-align: top;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  margin-right: 4px;
}
div.convert-box div.input-box div.input {
  display: inline-block;
  height: 46px;
  vertical-align: middle;
  width: calc(100% - 122px);
  background: #0a101e;
  border-radius: 4px 0 0 4px;
}
div.convert-box div.input-box div.input button {
  display: inline-block;
  border: none;
  vertical-align: middle;
  height: 46px;
  line-height: 46px;
  color: #fca311;
  background: #fff0;
  margin-right: 16px;
}
div.convert-box div.input-box div.input span {
  float: left;
  line-height: 46px;
  margin-left: 8px;
  color: #777e90;
}
div.convert-box div.input-box div.input input {
  background: #fff0;
  border: none;
  line-height: 46px;
  height: 46px;
  color: #fcfcfd;
  float: left;
  text-align: right;
}
div.convert-box div.col-row {
  margin-bottom: 16px;
  position: relative;
}
div.convert-box div.col-row button.buy {
  width: 100%;
  display: block;
  border-radius: 4px;
  background: #fca311;
  line-height: 48px;
  height: 48px;
  color: #000;
  border: none;
  margin-bottom: 32px;
}
div.convert-box div.col-row div.half {
  width: 50%;
  display: inline-block;
  vertical-align: top;
}
div.convert-box div.col-row div.half p,
div.convert-box div.col-row div.half span {
  line-height: 20px;
  color: #777e90;
}
div.convert-box div.col-row div.half p:first-child,
div.convert-box div.col-row div.half span:first-child {
  margin-bottom: 8px;
}
div.convert-box div.col-row div.half:last-child {
  text-align: left;
}
div.convert-box div.col-row div.estimation {
  background: #23262f;
  line-height: 48px;
  height: 48px;
  border-radius: 4px;
  padding: 0 16px;
}
div.convert-box div.col-row div.estimation span {
  color: #fcfcfd;
  line-height: 48px;
}
div.convert-box div.col-row div.estimation span.estimate {
  float: left;
}
div.convert-box div.col-row.slider-box {
  direction: ltr;
}
div.convert-box div.col-row.slider-box * {
  direction: ltr;
}
div.convert-box div.col-row.slider-box span {
  position: absolute;
  background: rgb(252 163 17 / 0.1);
  line-height: 16px;
  color: #fca311;
  padding: 0 5px;
  border-radius: 4px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
div.convert-box div.col-row.slider-box2 {
  direction: ltr;
}
div.convert-box div.col-row.slider-box2 * {
  direction: ltr;
}
div.convert-box div.col-row.slider-box2 span {
  position: absolute;
  background: rgb(252 163 17 / 0.1);
  line-height: 16px;
  color: #fca311;
  padding: 0 5px;
  border-radius: 4px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
div.convert-box div.col-row .slidecontainer {
  width: 100%;
}
div.convert-box div.col-row i {
  display: block;
  position: absolute;
  width: 50%;
  height: 2px;
  background: #00c076;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 5px;
}
div.convert-box div.col-row .slider {
  -webkit-appearance: none;
  width: 100%;
  height: 2px;
  background: #393d46;
  -webkit-transition: 0.2s;
  transition: opacity 0.2s;
  margin: 20px 0;
  margin-top: 30px;
  position: relative;
}
div.convert-box div.col-row .slider:before {
  position: absolute;
  width: 100%;
  height: 8px;
  border-left: 2px solid #393d46;
  border-right: 2px solid #393d46;
  top: -3px;
  left: -2px;
  content: '';
  display: block;
}
div.convert-box div.col-row .slider:hover {
  opacity: 1;
}
div.convert-box div.col-row .slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  cursor: pointer;
  border-radius: 50%;
  background: url(../img/h_handle.svg);
}
div.convert-box div.col-row .slider::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background: #00c076;
  cursor: pointer;
  border-radius: 50%;
  background: url(../img/h_handle.svg);
}
div.convert-box div.col-row .slider2 {
  -webkit-appearance: none;
  width: 100%;
  height: 2px;
  background: #393d46;
  -webkit-transition: 0.2s;
  transition: opacity 0.2s;
  margin: 20px 0;
  margin-top: 30px;
  position: relative;
}
div.convert-box div.col-row .slider2:before {
  position: absolute;
  width: 100%;
  height: 8px;
  border-left: 2px solid #393d46;
  border-right: 2px solid #393d46;
  top: -3px;
  left: -2px;
  content: '';
  display: block;
}
div.convert-box div.col-row .slider2:hover {
  opacity: 1;
}
div.convert-box div.col-row .slider2::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  cursor: pointer;
  border-radius: 50%;
  background: url(../img/h_handle.svg);
}
div.convert-box div.col-row .slider2::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background: #00c076;
  cursor: pointer;
  border-radius: 50%;
  background: url(../img/h_handle.svg);
}
div.convert-box div.col-row span.title {
  color: #fcfcfd;
  display: inline-block;
  vertical-align: middle;
  line-height: 32px;
}
div.convert-box div.col-row div.balance {
  float: left;
  margin: 8px 0;
}
div.convert-box div.col-row div.balance span {
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
  color: #fcfcfd;
  margin-left: 4px;
}
div.convert-box div.col-row div.balance img {
  display: inline-block;
  vertical-align: middle;
  height: 16px;
}
section.not-found {
  min-height: calc(100vh - 92px);
  background: #0a101e;
  border-radius: 4px;
  text-align: center;
  padding-top: 50px;
}
section.not-found img {
  width: 781px;
  display: block;
  margin: auto;
}
section.not-found p.header {
  color: #fcfcfd;
  line-height: 32px;
  margin-bottom: 20px;
}
section.not-found p.sub {
  color: #777e90;
  margin-bottom: 20px;
  line-height: 32px;
}
section.not-found a.button {
  display: inline-block;
  padding: 0 20px;
  line-height: 40px;
  height: 40px;
  border-radius: 4px;
  background: #fca311;
  color: #000;
}
.full-height {
  min-height: calc(100vh - 88px);
}
section.add-card {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  display: none;
  height: 100%;
}
section.add-card div.overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.8;
}
section.add-card div.modal {
  padding: 32px;
  width: 448px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 50%;
  background: #232323;
  transform: translateY(-50%);
}
section.add-card div.modal div.buttons-row {
  margin-top: 20px;
}
section.add-card div.modal div.buttons-row button.submit {
  display: inline-block;
  vertical-align: middle;
  height: 40px;
  line-height: 40px;
  border: none;
  border-radius: 4px;
  width: calc(50% - 8px);
  margin-left: 16px;
  color: #000;
}
section.add-card div.modal div.buttons-row button.submit.full {
  width: 100%;
  margin-left: 0;
}
section.add-card div.modal div.buttons-row button.submit:last-child {
  margin-left: 0;
}
section.add-card div.modal div.buttons-row button.submit.agree {
  background: #ff9500;
}
section.add-card div.modal div.buttons-row button.submit.agree.disabled {
  background: #777e90;
}
section.add-card div.modal div.buttons-row button.submit.disagree {
  background: #777e90;
}
section.add-card div.modal div.col-row {
  margin-bottom: 24px;
}
section.add-card div.modal div.col-row p {
  line-height: 30px;
}
section.add-card div.modal div.col-row p i.icon {
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  height: 16px;
  width: 16px;
  background: url(../img/info-infornation.svg);
  background-size: 100%;
}
section.add-card div.modal div.col-row p.green {
  color: #00c076;
}
section.add-card div.modal div.col-row p.green i.icon {
  background: url(../img/success.svg);
}
section.add-card div.modal div.col-row p.red {
  color: #ff4d4d;
}
section.add-card div.modal div.col-row p.red i.icon {
  background: url(../img/error.svg);
}
section.add-card div.modal div.col-row div.input-box div.bankname {
  display: inline-block;
  vertical-align: middle;
  height: 48px;
  line-height: 48px;
  width: 150px;
  text-align: center;
}
section.add-card div.modal div.col-row div.input-box div.bankname img {
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 19px;
}
section.add-card div.modal div.col-row div.input-box div.bankname span {
  color: #fcfcfd;
  display: inline-block;
  vertical-align: middle;
}
section.add-card div.modal div.col-row div.input-box input {
  display: inline-block;
  vertical-align: middle;
  border: none;
  color: #fcfcfd;
  width: 100%;
  line-height: 48px;
  height: 48px;
  text-align: center;
}
section.add-card div.modal div.col-row div.input-box input.full {
  width: 100%;
  background: #fff0;
  border-radius: 4px;
}
section.add-card div.modal div.col-row span.header {
  color: #fcfcfd;
}
section.add-card div.modal div.col-row p input[type='checkbox'] {
  appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  border: 1px solid #1c1c1c;
  background: #000;
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
}
section.add-card div.modal div.col-row p img {
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  height: 16px;
}
section.add-card div.modal div.header {
  margin-bottom: 60px;
}
section.add-card div.modal div.header.no-margin {
  margin-bottom: 0;
}
section.add-card div.modal div.header span.header {
  color: #fcfcfd;
  line-height: 32px;
}
section.add-card div.modal div.header img {
  float: left;
  height: 32px;
}
section.withdraw-coins,
section.deposit-coins {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
section.withdraw-coins div.overlay,
section.deposit-coins div.overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.8;
}
section.withdraw-coins div.modal,
section.deposit-coins div.modal {
  padding: 18px;
  width: 448px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
}
section.withdraw-coins div.modal ::-webkit-scrollbar,
section.deposit-coins div.modal ::-webkit-scrollbar {
  width: 2px;
}
section.withdraw-coins div.modal ::-webkit-scrollbar-track,
section.deposit-coins div.modal ::-webkit-scrollbar-track {
  background: #000;
}
section.withdraw-coins div.modal ::-webkit-scrollbar-thumb,
section.deposit-coins div.modal ::-webkit-scrollbar-thumb {
  background: #070a14;
}
section.withdraw-coins div.modal ::-webkit-scrollbar-thumb:hover,
section.deposit-coins div.modal ::-webkit-scrollbar-thumb:hover {
  background: #0a101e;
}
section.withdraw-coins div.modal div.assets,
section.deposit-coins div.modal div.assets {
  min-height: 100px;
  position: relative;
  max-height: 400px;
}
section.withdraw-coins div.modal div.assets div.loader,
section.deposit-coins div.modal div.assets div.loader {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
section.withdraw-coins div.modal div.assets div.loader svg,
section.deposit-coins div.modal div.assets div.loader svg {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
}
section.withdraw-coins div.modal div.assets div.loader svg circle,
section.deposit-coins div.modal div.assets div.loader svg circle {
  fill: #fca311;
}
section.withdraw-coins div.modal div.asset:hover,
section.deposit-coins div.modal div.asset:hover {
  background: #303030;
}
section.withdraw-coins div.modal div.asset img,
section.deposit-coins div.modal div.asset img {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  border-radius: 50%;
}
section.withdraw-coins div.modal div.asset div.details,
section.deposit-coins div.modal div.asset div.details {
  display: inline-block;
  vertical-align: middle;
}
section.withdraw-coins div.modal div.asset div.details p,
section.deposit-coins div.modal div.asset div.details p {
  line-height: 20px;
  color: #fcfcfd;
}
section.withdraw-coins div.modal div.asset span.amount,
section.deposit-coins div.modal div.asset span.amount {
  float: left;
  color: #777e90;
  line-height: 40px;
}
section.withdraw-coins div.modal div.col-row,
section.deposit-coins div.modal div.col-row {
  margin-bottom: 24px;
}
section.withdraw-coins div.modal div.col-row.search input,
section.deposit-coins div.modal div.col-row.search input {
  display: block;
  width: 100%;
  line-height: 38px;
  border-radius: 16px;
  padding: 0 10px;
  color: #fcfcfd;
  background: #fff0;
}
section.withdraw-coins div.modal div.col-row p,
section.deposit-coins div.modal div.col-row p {
  color: #777e90;
  line-height: 30px;
}
section.withdraw-coins div.modal div.col-row p i.icon,
section.deposit-coins div.modal div.col-row p i.icon {
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  height: 16px;
  width: 16px;
  background: url(../img/info-infornation.svg);
  background-size: 100%;
}
section.withdraw-coins div.modal div.col-row p.green,
section.deposit-coins div.modal div.col-row p.green {
  color: #00c076;
}
section.withdraw-coins div.modal div.col-row p.green i.icon,
section.deposit-coins div.modal div.col-row p.green i.icon {
  background: url(../img/success.svg);
}
section.withdraw-coins div.modal div.col-row p.red,
section.deposit-coins div.modal div.col-row p.red {
  color: #ff4d4d;
}
section.withdraw-coins div.modal div.col-row p.red i.icon,
section.deposit-coins div.modal div.col-row p.red i.icon {
  background: url(../img/error.svg);
}
section.withdraw-coins div.modal div.col-row span.header,
section.deposit-coins div.modal div.col-row span.header {
  color: #fcfcfd;
}
section.withdraw-coins div.modal div.col-row p,
section.deposit-coins div.modal div.col-row p {
  color: #777e90;
  line-height: 20px;
}
section.withdraw-coins div.modal div.col-row p input[type='checkbox'],
section.deposit-coins div.modal div.col-row p input[type='checkbox'] {
  appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  border: 1px solid #1c1c1c;
  background: #000;
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
}
section.withdraw-coins div.modal div.col-row p img,
section.deposit-coins div.modal div.col-row p img {
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  height: 16px;
}
section.withdraw-coins div.modal div.header,
section.deposit-coins div.modal div.header {
  margin-bottom: 60px;
}
section.withdraw-coins div.modal div.header.no-margin,
section.deposit-coins div.modal div.header.no-margin {
  margin-bottom: 0;
}
section.withdraw-coins div.modal div.header span.header,
section.deposit-coins div.modal div.header span.header {
  color: #fcfcfd;
  line-height: 32px;
}
section.withdraw-coins div.modal div.header img,
section.deposit-coins div.modal div.header img {
  float: left;
  height: 32px;
}
section.withdraw-networks,
section.deposit-networks {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
section.withdraw-networks div.overlay,
section.deposit-networks div.overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.8;
}
section.withdraw-networks div.modal,
section.deposit-networks div.modal {
  padding: 32px;
  width: 448px;
  background: #23262f;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 4px;
}
section.withdraw-networks div.modal div.network,
section.deposit-networks div.modal div.network {
  padding: 15px 10px;
  border-radius: 4px;
}
section.withdraw-networks div.modal div.network:hover,
section.deposit-networks div.modal div.network:hover {
  background: #070a14;
}
section.withdraw-networks div.modal div.network div.details,
section.deposit-networks div.modal div.network div.details {
  display: inline-block;
  vertical-align: middle;
}
section.withdraw-networks div.modal div.network div.details p,
section.deposit-networks div.modal div.network div.details p {
  line-height: 40px;
  color: #fcfcfd;
}
section.withdraw-networks div.modal div.network span.amount,
section.deposit-networks div.modal div.network span.amount {
  float: left;
  color: #777e90;
  line-height: 40px;
}
section.withdraw-networks div.modal div.col-row,
section.deposit-networks div.modal div.col-row {
  margin-bottom: 24px;
}
section.withdraw-networks div.modal div.col-row.search input,
section.deposit-networks div.modal div.col-row.search input {
  display: block;
  width: 100%;
  line-height: 38px;
  border-radius: 4px;
  padding: 0 10px;
  color: #fcfcfd;
  border: solid #393d46 1px;
  background: #fff0;
}
section.withdraw-networks div.modal div.col-row p,
section.deposit-networks div.modal div.col-row p {
  color: #777e90;
  line-height: 30px;
}
section.withdraw-networks div.modal div.col-row p i.icon,
section.deposit-networks div.modal div.col-row p i.icon {
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  height: 16px;
  width: 16px;
  background: url(../img/info-infornation.svg);
  background-size: 100%;
}
section.withdraw-networks div.modal div.col-row p.green,
section.deposit-networks div.modal div.col-row p.green {
  color: #00c076;
}
section.withdraw-networks div.modal div.col-row p.green i.icon,
section.deposit-networks div.modal div.col-row p.green i.icon {
  background: url(../img/success.svg);
}
section.withdraw-networks div.modal div.col-row p.red,
section.deposit-networks div.modal div.col-row p.red {
  color: #ff4d4d;
}
section.withdraw-networks div.modal div.col-row p.red i.icon,
section.deposit-networks div.modal div.col-row p.red i.icon {
  background: url(../img/error.svg);
}
section.withdraw-networks div.modal div.col-row span.header,
section.deposit-networks div.modal div.col-row span.header {
  color: #fcfcfd;
}
section.withdraw-networks div.modal div.col-row p,
section.deposit-networks div.modal div.col-row p {
  color: #777e90;
  line-height: 20px;
}
section.withdraw-networks div.modal div.col-row p input[type='checkbox'],
section.deposit-networks div.modal div.col-row p input[type='checkbox'] {
  appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  border: 1px solid #1c1c1c;
  background: #000;
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
}
section.withdraw-networks div.modal div.col-row p img,
section.deposit-networks div.modal div.col-row p img {
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  height: 16px;
}
section.withdraw-networks div.modal div.header,
section.deposit-networks div.modal div.header {
  margin-bottom: 60px;
}
section.withdraw-networks div.modal div.header.no-margin,
section.deposit-networks div.modal div.header.no-margin {
  margin-bottom: 0;
}
section.withdraw-networks div.modal div.header span.header,
section.deposit-networks div.modal div.header span.header {
  color: #fcfcfd;
  line-height: 32px;
}
section.withdraw-networks div.modal div.header img,
section.deposit-networks div.modal div.header img {
  float: left;
  height: 32px;
}
section.select-card {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
section.select-card div.overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.8;
}
section.select-card div.modal {
  width: 448px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
}
section.select-card div.modal div.buttons-row {
  margin-top: 40px;
}
section.select-card div.modal div.buttons-row button.submit {
  display: inline-block;
  vertical-align: middle;
  height: 40px;
  line-height: 40px;
  border: none;
  border-radius: 4px;
  width: calc(50% - 8px);
  margin-left: 16px;
  color: #000;
}
section.select-card div.modal div.buttons-row button.submit.full {
  width: 100%;
  margin-left: 0;
}
section.select-card div.modal div.buttons-row button.submit:last-child {
  margin-left: 0;
}
section.select-card div.modal div.buttons-row button.submit.agree {
  background: #fca311;
}
section.select-card div.modal div.buttons-row button.submit.disagree {
  background: #777e90;
}
section.select-card div.modal div.col-row {
  margin-bottom: 24px;
}
section.select-card div.modal div.col-row:last-child {
  margin-bottom: 0;
}
section.select-card div.modal div.col-row ul li {
  padding: 24px 0;
  border-radius: 4px;
}
section.select-card div.modal div.col-row ul li img {
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
}
section.select-card div.modal div.col-row ul li span {
  color: #fcfcfd;
  line-height: 24px;
  display: inline-block;
  vertical-align: middle;
}
section.select-card div.modal div.col-row ul li span.cardnumber {
  float: left;
}
section.select-card div.modal div.col-row p {
  color: #777e90;
  line-height: 30px;
}
section.select-card div.modal div.col-row p i.icon {
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  height: 16px;
  width: 16px;
  background: url(../img/info-infornation.svg);
  background-size: 100%;
}
section.select-card div.modal div.col-row p.green {
  color: #00c076;
}
section.select-card div.modal div.col-row p.green i.icon {
  background: url(../img/success.svg);
}
section.select-card div.modal div.col-row p.red {
  color: #ff4d4d;
}
section.select-card div.modal div.col-row p.red i.icon {
  background: url(../img/error.svg);
}
section.select-card div.modal div.col-row div.input-box {
  background: #41454f;
  border-radius: 4px;
}
section.select-card div.modal div.col-row div.input-box div.bankname {
  display: inline-block;
  vertical-align: middle;
  height: 48px;
  line-height: 48px;
  width: 150px;
  text-align: center;
}
section.select-card div.modal div.col-row div.input-box div.bankname img {
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 19px;
}
section.select-card div.modal div.col-row div.input-box div.bankname span {
  color: #fcfcfd;
  display: inline-block;
  vertical-align: middle;
}
section.select-card div.modal div.col-row div.input-box input {
  display: inline-block;
  vertical-align: middle;
  background: #fff0;
  border: none;
  color: #fcfcfd;
  width: calc(100% - 150px);
  line-height: 48px;
  height: 48px;
  text-align: center;
  background: #23262f;
  border: 1px solid #41454f;
  border-radius: 4px 0 0 4px;
}
section.select-card div.modal div.col-row div.input-box input.full {
  width: 100%;
  background: #fff0;
  border-radius: 4px;
}
section.select-card div.modal div.col-row span.header {
  color: #fcfcfd;
}
section.select-card div.modal div.col-row p {
  color: #777e90;
  line-height: 20px;
}
section.select-card div.modal div.col-row p input[type='checkbox'] {
  appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  border: 1px solid #1c1c1c;
  background: #000;
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
}
section.select-card div.modal div.col-row p img {
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  height: 16px;
}
section.select-card div.modal div.header {
  margin-bottom: 60px;
}
section.select-card div.modal div.header.no-margin {
  margin-bottom: 0;
}
section.select-card div.modal div.header span.header {
  color: #fcfcfd;
  line-height: 32px;
}
section.select-card div.modal div.header img {
  float: left;
  height: 32px;
}
.green path.sparkline--line {
  stroke: #00c076;
}
.red path.sparkline--line {
  stroke: #ff4d4d;
}
section.tags {
  background: #0a101e;
  border-radius: 4px;
  padding: 80px 160px;
  position: relative;
  overflow: hidden;
  margin-bottom: 4px;
  padding-bottom: 60px;
}
section.tags a.tag {
  display: inline-block;
  line-height: 40px;
  padding: 0 20px;
  color: #777e90;
  vertical-align: middle;
  margin-bottom: 20px;
  border-radius: 4px;
}
section.tags a.tag.active {
  background: rgb(252 163 17 / 0.2);
  color: #fca311;
}
section.landing-html {
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  margin-bottom: 4px;
}
section.landing-html h1,
section.landing-html h2,
section.landing-html h3 {
  color: #fcfcfd;
  margin: 32px 0;
  font-size: 18px;
  font-weight: 700;
}
section.help h1,
section.help h2,
section.help h3 {
  font-size: 18px !important;
}
section.help ul {
  margin: 20px 0;
  margin-right: 20px;
  list-style: arabic-indic;
}
section.help img {
  max-width: 100%;
  border-radius: 4px;
  margin: 40px 0;
}
section.landing-html h1:first-child,
section.landing-html h2:first-child,
section.landing-html h3:first-child {
  margin-top: 0;
}
section.landing-html p {
  color: #a7a7a7;
  line-height: 32px;
  font-size: 14px;
}
section.landing-html * {
  font-size: 14px;
  color: #a7a7a7;
  line-height: 32px;
}
section.landing-html .english {
  direction: ltr;
}
section.landing-html a {
  color: #fca311;
}
section.landing-header {
  border-radius: 4px;
  padding: 80px 160px;
  position: relative;
  overflow: hidden;
  margin-bottom: 4px;
}
section.landing-header div.charts {
  width: calc(100% - 587px);
  display: inline-block;
  vertical-align: middle;
}
section.landing-header div.charts div.float {
  float: left;
}
section.landing-header div.charts div.chart-container {
  display: inline-block;
  vertical-align: bottom;
  width: 196px;
  position: relative;
  bottom: 35px;
}
section.landing-header div.charts div.chart-container svg {
  width: 166px;
  margin: auto;
  display: block;
}
section.landing-header div.charts div.price-container {
  margin-top: 24px;
  padding: 16px;
  border-radius: 4px;
  box-shadow: 0 64px 64px -48px rgb(31 47 70 / 0.12);
  background: url(../img/Rectangle.svg);
  background-size: cover;
}
section.landing-header div.charts div.price-container div.center {
  display: block;
  margin: auto;
  width: 166px;
}
section.landing-header div.charts div.price-container p.toman {
  color: #777e90;
  line-height: 24px;
  text-align: left;
}
section.landing-header div.charts div.price-container p.price {
  color: #fcfcfd;
  line-height: 32px;
}
section.landing-header div.charts div.price-container p.title {
  color: #fcfcfd;
  line-height: 32px;
}
section.landing-header div.charts div.price-container p.title span.vs {
  color: #777e90;
}
section.landing-header div.charts div.price-container p.title span.change {
  display: inline-block;
  vertical-align: middle;
  margin-left: 6px;
  padding: 0 10px;
  line-height: 20px;
  height: 20px;
  border-radius: 4px;
}
section.landing-header div.charts div.price-container p.title span.change.red {
  background: rgb(255 77 77 / 0.1);
  color: #ff4d4d;
}
section.landing-header
  div.charts
  div.price-container
  p.title
  span.change.green {
  background: rgb(0 192 118 / 0.1);
  color: #00c076;
}
section.landing-header div.charts img.moamelati {
  display: inline-block;
  vertical-align: bottom;
  width: 300px;
  margin-right: 32px;
}
section.landing-header div.details {
  width: 500px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 87px;
}
section.landing-header div.details div.slogan div.header {
  color: #fcfcfd;
  line-height: 40px;
  margin-bottom: 12px;
}
section.landing-header div.details div.slogan div.header h1 {
  display: inline-block;
  vertical-align: middle;
  color: #fcfcfd;
}
section.landing-header div.details div.slogan div.header img {
  height: 40px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
section.landing-header div.details div.slogan p.sub {
  color: #777e90;
  line-height: 32px;
  margin-bottom: 24px;
  margin-right: 50px;
}
section.landing-header div.details div.slogan p.extra {
  color: #777e90;
  margin-top: 20px;
  margin-right: 50px;
}
section.landing-header div.details div.slogan a.button {
  display: inline-block;
  padding: 0 10px;
  background: #fca311;
  color: #070a14;
  line-height: 40px;
  height: 40px;
  border-radius: 4px;
  margin-right: 50px;
}
.all .red path.sparkline--fill {
  fill: url('#MyGradient1');
}
.red path.sparkline--fill {
  fill: url('#MyGradient1');
}
.top-gainers .red path.sparkline--fill {
  fill: url('#MyGradient21');
}
.top-losers .red path.sparkline--fill {
  fill: url('#MyGradient31');
}
input[type='checkbox']:checked {
  background: url(../img/ratio-button.svg) !important;
  background-size: 100% !important;
}
div.trade-holder div.row {
  display: none;
}
div.trade-holder div.row.active {
  display: block;
}
@keyframes mymove {
  from {
    right: -36px;
    opacity: 0;
  }
  to {
    right: 0;
    opacity: 1;
  }
}
div.toasts {
  position: fixed;
  top: 96px;
  right: 16px;
  width: 320px;
  z-index: 999;
}
div.toasts div.toast {
  width: 100%;
  padding: 24px;
  border-radius: 4px;
  box-shadow: 0 16px 64px -48px rgb(31 47 70 / 0.4);
  background: #23262f;
  position: relative;
  right: 0;
  animation-name: mymove;
  animation-duration: 0.5s;
  margin-bottom: 20px;
}
div.toasts div.toast img.close {
  position: absolute;
  left: 16px;
  top: 16px;
}
div.toasts div.toast img.badge {
  display: inline-block;
  vertical-align: top;
  width: 24px;
  height: 24px;
  margin-left: 4px;
}
div.toasts div.toast div.details {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 28px);
}
div.toasts div.toast div.details p.head {
  color: #fcfcfd;
}
div.toasts div.toast div.details p.sub {
  color: #777e90;
}
section.market-head {
  background: #0a101e;
  border-radius: 4px;
  margin-bottom: 4px;
  padding: 60px 160px;
}
section.market-head div.title {
  margin-bottom: 10px;
}
section.market-head div.title img {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  height: 40px;
}
section.market-head div.title h1 {
  display: inline-block;
  vertical-align: middle;
}
section.market-head div.title h1 a {
  color: #fcfcfd;
}
section.market-head p.desc {
  color: #777e90;
  padding-right: 50px;
}
section.market-head div.bigrow {
  margin-top: 32px;
}
section.market-head div.bigrow div.col {
  width: 25%;
  display: inline-block;
  vertical-align: middle;
}
section.market-head div.bigrow div.col h2 {
  color: #777e90;
  text-align: center;
  margin-bottom: 10px;
}
section.market-head div.bigrow div.col div.asset {
  text-align: left;
  position: relative;
  margin-bottom: 24px;
}
section.market-head div.bigrow div.col div.asset div.center {
  display: block;
  margin: auto;
  width: 200px;
}
section.market-head div.bigrow div.col div.asset p.toman {
  color: #777e90;
  line-height: 24px;
  padding-left: 20px;
}
section.market-head div.bigrow div.col div.asset p.price {
  color: #fcfcfd;
  padding-left: 20px;
  line-height: 32px;
}
section.market-head div.bigrow div.col div.asset p.title {
  color: #fcfcfd;
  line-height: 32px;
}
section.market-head div.bigrow div.col div.asset p.title img {
  height: 16px;
  margin-right: 4px;
  display: inline-block;
  vertical-align: middle;
}
section.market-head div.bigrow div.col div.asset p.title span.vs {
  color: #777e90;
}
section.market-head div.bigrow div.col div.asset p.title span.change {
  display: inline-block;
  vertical-align: middle;
  margin-left: 6px;
  padding: 0 10px;
  line-height: 20px;
  height: 20px;
  border-radius: 4px;
}
section.market-head div.bigrow div.col div.asset p.title span.change.red {
  background: rgb(255 77 77 / 0.1);
  color: #ff4d4d;
}
section.market-head div.bigrow div.col div.asset p.title span.change.green {
  background: rgb(0 192 118 / 0.1);
  color: #00c076;
}
div.pagination {
  background: #080d18;
  border-radius: 4px;
  margin-bottom: 4px;
  padding-bottom: 1px;
  text-align: center;
  padding: 16px 0;
}
div.pagination ul li {
  display: inline-block;
  vertical-align: middle;
  height: 32px;
  border-radius: 4px;
  margin: 0 4px;
  min-width: 32px;
}
div.pagination ul li.first a,
div.pagination ul li.last a {
  color: #fca311;
}
div.pagination ul li.active {
  background: #fca311;
}
div.pagination ul li.active a {
  color: #0a101e;
}
div.pagination ul li a,
div.pagination ul li span {
  color: #777e90;
  display: block;
  line-height: 32px;
}
div.pagination ul li a img,
div.pagination ul li span img {
  display: inline-block;
  vertical-align: middle;
  margin: 0 4px;
}
div.market-list {
  background: #080d18;
  border-radius: 4px;
  padding: 0 160px;
  margin-bottom: 4px;
  padding-bottom: 40px;
}
div.market-list a.main {
  display: block;
  margin: 42px auto;
  width: 200px;
  text-align: center;
  color: #777e90;
}
div.market-list a.main img {
  display: inline-block;
  vertical-align: middle;
  height: 14px;
  margin-right: 8px;
}
div.market-list div.asset-table div.rows-holder {
  display: none;
  position: relative;
  min-height: 500px;
}
div.market-list div.asset-table div.rows-holder div.loader {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
div.market-list div.asset-table div.rows-holder div.loader svg {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
}
div.market-list div.asset-table div.rows-holder div.loader svg circle {
  fill: #fca311;
}
div.market-list div.asset-table div.rows-holder.active {
  display: block;
}
div.market-list div.asset-table div.headrow {
  margin-bottom: 32px;
}
div.market-list div.asset-table div.headrow span.col {
  color: #777e90;
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
  width: 18.75%;
}
div.market-list div.asset-table div.headrow span.col:last-child {
  width: 25%;
}
div.market-list div.asset-table div.headrow span.col:first-child {
  padding-right: 42px;
}
div.market-list div.asset-table div.row {
  padding: 16px 0;
  border-radius: 4px;
}
div.market-list div.asset-table div.row:hover {
  background: #070a14;
}
div.market-list div.asset-table div.row div.col {
  display: inline-block;
  vertical-align: middle;
  width: 18.75%;
}
div.market-list div.asset-table div.row div.col > p {
  color: #fcfcfd;
  line-height: 20px;
  text-align: right;
}
div.market-list div.asset-table div.row div.col > p.toman {
  color: #777e90;
}
div.market-list div.asset-table div.row div.col > p.change {
  display: inline-block;
  vertical-align: middle;
  line-height: 25px;
  height: 25px;
  padding: 0 10px;
  border-radius: 4px;
}
div.market-list div.asset-table div.row div.col > p.price {
  font-weight: 100;
  margin-bottom: 8px;
}
div.market-list div.asset-table div.row div.col > p.price span {
  color: #777e90;
  font-weight: 100;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}
div.market-list div.asset-table div.row div.col > p.green {
  color: #00c076;
  background: rgb(0 192 118 / 0.1);
}
div.market-list div.asset-table div.row div.col > p.red {
  background: rgb(255 77 77 / 0.1);
  color: #ff4d4d;
}
div.market-list div.asset-table div.row div.col:last-child {
  width: 25%;
  padding-left: 40px;
}
div.market-list div.asset-table div.row div.col:first-child {
  padding-right: 42px;
}
div.market-list div.asset-table div.row div.col:first-child:before {
  display: inline-block;
  vertical-align: middle;
  width: 38px;
  height: 38px;
  margin-left: 12px;
  background: url('../img/Moamelati - Coin.svg');
  border-radius: 50%;
  content: '';
  position: absolute;
  margin-top: 5px;
  margin-right: 1px;
}
div.market-list div.asset-table div.row div.col img.sparkline {
  display: inline-block;
  vertical-align: middle;
  height: 42px;
  filter: hue-rotate(48deg) drop-shadow(2px 6px 9px rgb(0 192 118 / 0.5));
}
div.market-list div.asset-table div.row div.col img.sparkline.red {
  filter: hue-rotate(258deg) saturate(4)
    drop-shadow(2px 6px 9px rgb(255 77 77 / 0.5));
}
div.market-list div.asset-table div.row div.col a {
  line-height: 20px;
  color: #fca311;
  width: 39px;
  float: left;
  margin: 13px 0;
  margin-right: 72px;
}
div.market-list div.asset-table div.row div.col img.asset {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  margin-left: 12px;
  border-radius: 50%;
  opacity: 0;
  position: relative;
}
div.market-list div.asset-table div.row div.col div.details {
  display: inline-block;
  vertical-align: middle;
}
div.market-list div.asset-table div.row div.col div.details p {
  color: #fcfcfd;
  line-height: 20px;
}
div.market-list div.asset-table div.row div.col div.details p:first-child {
  margin-bottom: 8px;
}
div.market-list div.header {
  padding: 48px 0;
}
div.market-list div.header span.header {
  color: #fcfcfd;
  line-height: 32px;
}
div.market-list div.header div.buttons {
  float: left;
}
div.market-list div.header div.buttons span,
div.market-list div.header div.buttons a {
  display: inline-block;
  vertical-align: middle;
  height: 32px;
  line-height: 32px;
  border-radius: 4px;
  padding: 0 20px;
  color: #fcfcfd;
}
div.market-list div.header div.buttons span.active,
div.market-list div.header div.buttons a.active {
  background: #070a14;
  color: #fca311;
}
@media only screen and (max-width: 1280px) {
  section.landing-html h1,
  section.landing-html h2,
  section.landing-html h3 {
    font-size: 24px;
    line-height: 40px;
  }
  section.landing-html:before {
    display: none;
  }
  section.home div.intro img.demo {
    display: none;
  }
  section.home div.intro div.details {
    display: block;
    text-align: center;
  }
  section.home div.intro {
    padding: 80px;
  }
  section.home div.intro div.details div.slogan p.sub {
    margin-right: 0;
  }
  section.home div.marketprices {
    display: none;
  }
  section.home div.market div.asset-table div.row div.col a {
    display: none;
  }
  section.home div.market div.asset-table div.row div.col:last-child {
    padding-left: 0;
    width: 136px;
  }
  section.home div.market div.asset-table div.row div.col:last-child svg {
    margin: auto;
    display: block;
  }
  section.home div.market div.asset-table div.headrow {
    display: none;
  }
  section.home div.market div.asset-table div.row div.col:first-child {
    padding-right: 0;
  }
  section.home div.market div.asset-table div.row div.col > p.toman {
    display: none;
  }
  section.home div.market div.asset-table div.row div.col > p.price span {
    margin-left: 0;
  }
  section.home div.market div.asset-table div.row div.col > p.price {
    margin-bottom: 0;
  }
  section.home div.market div.asset-table div.row div.col {
    width: calc(25% - 34px);
  }
  section.home div.intro div.details div.carousel div.slide div.data {
    width: auto;
    text-align: right;
  }
  section.home div.intro div.details div.slogan {
    margin-bottom: 70px;
  }
  section.home div.usp div.usp-col {
    margin-left: 50px;
    width: calc(50% - 25px);
  }
  footer.main div.main div.col {
    width: 50%;
    text-align: center;
    padding-bottom: 20px;
  }
  footer.main div.main div.col:last-child {
    width: 50%;
  }
  footer.main {
    padding: 80px;
  }
  footer.main div.main {
    padding-top: 0;
    margin-bottom: 0;
  }
  footer.main div.copyright {
    display: none;
  }
  footer.main div.main div.col a.telegram {
    width: auto;
    display: inline-block;
    padding: 0 20px;
  }
  footer.main div.main div.col a.tel {
    width: auto;
    display: inline-block;
    padding: 0 20px;
  }
}
div.carousel div.owl-nav {
  display: inline-block;
  vertical-align: middle;
  margin-top: 33px;
  margin-left: 20px;
}
div.carousel div.owl-dots {
  text-align: right;
  margin-top: 25px;
  display: inline-block;
  vertical-align: middle;
}
div.carousel div.owl-dots button {
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 8px;
  border-radius: 50px;
  background: #101a32;
  margin-left: 8px;
}
div.carousel div.owl-dots button.active {
  background: #22386b;
}
.main-button {
  color: #fff;
  padding: 0 20px;
  border-radius: 4px;
  background: #ff9500;
  cursor: pointer;
}
div.mask {
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(113deg, rgb(10 16 30 / 0.92) 10%, #0a101e 78%);
  top: 0;
  right: 0;
}
.header-blur {
  box-shadow: inset 0 -1px 0 0 var(--accents-2);
  transform: translateZ(0);
  -webkit-backdrop-filter: saturate(180%) blur(5px);
  backdrop-filter: saturate(180%) blur(5px);
  background: rgb(13 13 14 / 44%);
}
.scrollable-content {
  scrollbar-width: thin;
  scrollbar-color: rgb(255 255 255 / 0.5) #fff0;
  overflow-y: auto;
}
.scrollable-content::-webkit-scrollbar {
  width: 5px;
}
.scrollable-content::-webkit-scrollbar-thumb {
  background-color: rgb(255 255 255 / 0.5);
  border-radius: 50px;
}
.scrollable-content::-webkit-scrollbar-track {
  background: #fff0;
}
.scrollable-content::-webkit-scrollbar-button {
  display: none;
}
input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
::-webkit-scrollbar-button:single-button {
  display: block;
  background-size: 10px;
  background-repeat: no-repeat;
}
::-webkit-scrollbar-button:single-button:hover {
  background-color: #d0cbcb;
}
.box-container,
.coins-list-box-conatiner {
  padding: 64px 0;
  max-width: 1350px;
  margin: auto;
}
.mini-box-container {
  padding: 64px 0;
  max-width: 900px;
  margin: auto;
}
.article-box-container {
  max-width: 1200px;
  padding: 42px 0;
  margin: auto;
}
@media (max-width: 1480px) {
  .coins-list-box-conatiner {
    padding: 34px 100px;
  }
  .box-container {
    padding-left: 120px;
    padding-right: 120px;
  }
}
@media (max-width: 1280px) {
  .box-container,
  .article-box-container {
    padding: 34px 100px;
  }
}
@media (max-width: 1024px) {
  .box-container,
  .coins-list-box-conatiner,
  .mini-box-container {
    padding: 32px 16px;
  }
  .article-box-container {
    padding: 16px;
  }
}
.loading-dots {
  font-size: 24x;
  font-weight: 700;
  display: inline-block;
  width: 2ch;
  text-align: right;
}
.loading-dots::after {
  content: '.';
  animation: dots 1.5s steps(3, end) infinite;
}
#toggle:checked + div + label span::after {
  content: 'شبکه‌های کمتر';
}
#toggle:not(:checked) + div + label span::after {
  content: 'شبکه‌های بیشتر';
}
.networks-box {
  position: relative;
}
.networks-box::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background: linear-gradient(0deg, #000, transparent);
  pointer-events: none;
  transition: opacity 0.3s ease-in-out;
}
#toggle:checked ~ .networks-box::before {
  opacity: 0;
}
@keyframes dots {
  0% {
    content: '.';
  }
  33% {
    content: '..';
  }
  66% {
    content: '...';
  }
  100% {
    content: '.';
  }
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #1a1a1a inset !important;
  -webkit-text-fill-color: #fff !important;
}
input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #1a1a1a inset !important;
  -webkit-text-fill-color: #fff !important;
}
input:-internal-autofill-selected {
  background-color: transparent !important;
}
.swiper-pagination-bullets {
  position: absolute;
  bottom: 40px;
  width: 100%;
  left: 0;
  padding: 0 24px;
  direction: rtl;
}
span.swiper-pagination-bullet {
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 8px;
  background: #fff !important;
  border-radius: 50%;
  margin-right: 5px;
  opacity: 50%;
}
span.swiper-pagination-bullet-active {
  opacity: 100%;
}
.coin-box-swiper {
  width: 80% !important;
}
.dynamic-html {
  max-width: 100%;
  min-width: 0;
}
.dynamic-html h1 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #fff;
}
.dynamic-html h2 {
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
}
.dynamic-html ul {
  list-style-type: unset;
}
.dynamic-html p {
  color: #d3d3d3;
  font-size: 14px;
  line-height: 25px;
  max-width: 100%;
  min-width: 0;
  word-break: normal;
  overflow-wrap: break-word;
}
.dynamic-html table tbody tr:first-of-type td {
  border: none !important;
  background: rgba(255, 255, 255, 0.05) !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  font-size: 12px !important;
}
.dynamic-html table tbody tr:first-of-type td:first-of-type {
  border-top-right-radius: 8px !important;
  padding-right: 16px !important;
  color: rgba(255, 255, 255, 0.6) !important;
}
.dynamic-html table tbody tr:first-of-type td:last-of-type {
  border-top-left-radius: 8px !important;
  padding-left: 16px !important;
  color: rgba(255, 255, 255, 0.6) !important;
}
.dynamic-html table tbody tr:not(:first-of-type) td {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
  border: none !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
  background: #151515 !important;
}
.dynamic-html table tbody tr:not(:first-of-type) td:first-of-type {
  padding-right: 16px !important;
}
.dynamic-html table tbody tr:not(:first-of-type) td:last-of-type {
  padding-right: 16px !important;
}
.dynamic-html table tbody tr:last-of-type td:first-of-type {
  border-bottom-right-radius: 8px !important;
}
.dynamic-html table tbody tr:last-of-type td:last-of-type {
  border-bottom-left-radius: 8px !important;
}
.danger-box {
  border-radius: 0.75rem;
  border: 1px solid #232323;
  background: linear-gradient(
      0deg,
      rgb(238 43 43 / 0.08) 0%,
      rgb(238 43 43 / 0.08) 100%
    ),
    #303030;
}