/* Base */
/** Colors */
/** Fonts */
/* Dots */
/* From Bottom */
@keyframes fromBottom {
  0% {
    transform: translateY(10px)
  }
  100% {
    transform: translate(0px)
  }
}
/** Axiforma Light */
@font-face {
  font-family: "Axiforma Light";
  font-weight: normal;
  font-style: normal;
  src: url("../../fonts/Axiforma-Light.woff") format("woff");
  font-display:swap;
}
/** Axiforma Regular */
@font-face {
  font-family: "Axiforma Regular";
  font-weight: normal;
  font-style: normal;
  src: url("../../fonts/Axiforma-Regular.woff") format("woff");
  font-display:swap;
}
/** Axiforma Book */
@font-face {
  font-family: "Axiforma Book";
  font-weight: normal;
  font-style: normal;
  src: url("../../fonts/Axiforma-Book.woff") format("woff");
  font-display:swap;
}
/** Axiforma Medium */
@font-face {
  font-family: "Axiforma Medium";
  font-weight: normal;
  font-style: normal;
  src: url("../../fonts/Axiforma-Medium.woff") format("woff");
  font-display:swap;
}
/** Axiforma SemiBold */
@font-face {
  font-family: "Axiforma SemiBold";
  font-weight: normal;
  font-style: normal;
  src: url("../../fonts/Axiforma-SemiBold.woff") format("woff");
  font-display:swap;
}
/** Axiforma Bold */
@font-face {
  font-family: "Axiforma Bold";
  font-weight: normal;
  font-style: normal;
  src: url("../../fonts/Axiforma-Bold.woff") format("woff");
  font-display:swap;
}
/** Axiforma ExtraBold */
@font-face {
  font-family: "Axiforma ExtraBold";
  font-weight: normal;
  font-style: normal;
  src: url("../../fonts/Axiforma-SemiBold.woff") format("woff");
  font-display:swap;
}
/** PannoSign SemiBold */
@font-face {
  font-family: "PannoSign SemiBold";
  font-weight: normal;
  font-style: normal;
  src: url("../../fonts/PannoSign-SemiBold.woff") format("woff");
  font-display:swap;
}
/* Reset */
body {
  /*background-color: #020420;*/
  background: rgb(15,22,47);
  background: linear-gradient(180deg, rgba(15,22,47,1) 0%, rgba(20,29,62,1) 100%);
  overflow-x: hidden !important
}
body a {
  color: inherit;
  text-decoration: none
}
body a:hover {
  color: inherit;
  text-decoration: none
}
body * {
  outline: none !important
}
div#app {
  overflow-x: hidden !important
}
div.sticky-menu {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 55;
  background: linear-gradient(to top, #020420 30%, transparent 100%);
  padding: 30px 0px 15px
}
div.sticky-menu nav.menu ul {
  text-align: center;
  padding: 0;
  margin: 0;
  font-size: 0
}
div.sticky-menu nav.menu ul li {
  display: inline-block;
  vertical-align: middle;
  font-family: "Axiforma Regular";
  color: #fff;
  font-size: 14px
}
div.sticky-menu nav.menu ul li span.text {
  font-size: 14px;
  display: inline-block;
  vertical-align: middle
}
div.sticky-menu nav.menu ul li span.icon {
  font-size: 0;
  margin-left: 10px
}
div.sticky-menu nav.menu ul li span.icon i:before {
  font-size: 16px;
  display: inline-block;
  position: relative;
  top: 2px
}
div.sticky-menu nav.menu ul li:after {
  content: "|";
  margin: 0px 15px
}
div.sticky-menu nav.menu ul li:last-child:after {
  display: none
}
div#side-menu {
  position: fixed;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99;
  font-size: 0;
  transition-duration: 0.5s
}
div#side-menu div.menu-area {
  width: 300px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  height: 100%;
  background-color: #0D141E;
  overflow: auto;
  overflow-x: hidden
}
div#side-menu div.menu-area div.logo {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  padding: 30px
}
div#side-menu div.menu-area div.logo img {
  max-width: 100%;
  height: auto
}
div#side-menu div.menu-area nav.menu {
  padding: 30px
}
div#side-menu div.menu-area nav.menu ul {
  padding: 0;
  margin: 0
}
div#side-menu div.menu-area nav.menu ul li.menu-item {
  font-size: 15px;
  display: block;
  color: #C9D1DE;
  font-family: "Axiforma Regular";
  display: block
}
div#side-menu div.menu-area nav.menu ul li.menu-item:first-child a {
  padding-top: 0
}
div#side-menu div.menu-area nav.menu ul li.menu-item a {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  padding: 15px 0px;
  display: block
}
div#side-menu div.menu-area nav.menu ul li.menu-item a span.icon {
  width: 20px;
  display: inline-block;
  vertical-align: middle;
  color: #1ED6FF
}
div#side-menu div.menu-area nav.menu ul li.menu-item a span.icon img {
  max-width: 100%;
  height: auto;
  display: inline-block;
  vertical-align: middle
}
div#side-menu div.menu-area nav.menu ul li.menu-item.active a span.name {
  color: #fff
}
div#side-menu div.menu-area nav.menu ul li.project-item {
  padding-top: 15px
}
div#side-menu div.menu-area nav.menu ul li.project-item a {
  display: block;
  height: 42px;
  padding: 0px 25px;
  border-radius: 8px;
  background-color: #1ED6FF;
  box-shadow: 0px 4px 8px rgb(111 234 159 / 20%);
  font-size: 13px;
  line-height: 42px;
  color: #fff;
  font-family: "Axiforma Regular";
  transition-duration: 0.5s
}
div#side-menu div.menu-area nav.menu ul li.project-item a:hover {
  background-color: #5865F2;
  color: #fff
}
div#side-menu div.menu-area nav.menu ul.languages-menu {
  margin-top: 20px
}
div#side-menu div.menu-area nav.menu ul.languages-menu li a {
  font-size: 0
}
div#side-menu div.menu-area nav.menu ul.languages-menu li a span.name {
  font-size: 12px;
  padding-left: 7px;
  display: inline-block;
  vertical-align: middle
}
div#side-menu div.menu-close {
  position: relative;
  width: calc(100% - 300px);
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  cursor: pointer
}
body.open-menu div#side-menu {
  left: 0
}
body.open-filter {
  overflow: hidden !important
}
body.open-filter main#main.listing div#listing-area aside#listing-filters {
  left: 0
}
div.side-status {
  position: fixed;
  top: 30px;
  right: 0;
  width: 340px;
  height: auto;
  z-index: 75;
  text-align: right
}
div.side-status div.statu-block {
  background-color: #24334A;
  padding: 20px 0px 20px 0px;
  border-radius: 8px 0px 0px 8px;
  font-size: 0;
  display: inline-block;
  width: 320px;
  text-align: left;
  margin-bottom: 10px;
  animation: 0.5s fromBottom
}
div.side-status div.statu-block:last-child {
  margin-bottom: 0
}
div.side-status div.statu-block div.icon {
  width: 48px;
  height: 48px;
  line-height: 44px;
  display: inline-block;
  vertical-align: middle;
  background: #1A283D;
  border: 2px solid #24334A;
  box-sizing: border-box;
  border-radius: 8px;
  position: relative;
  left: -16px;
  text-align: center;
  font-size: 0
}
div.side-status div.statu-block div.icon i:before {
  font-size: 32px;
  line-height: 44px;
  display: inline-block;
  vertical-align: middle
}
div.side-status div.statu-block div.icon i.icon-close {
  color: #E41144
}
div.side-status div.statu-block div.icon i.icon-warning {
  color: #1ED6FF
}
div.side-status div.statu-block div.icon div.tick {
  width: 28px;
  height: 28px;
  border-radius: 28px;
  background-color: #17A82F;
  text-align: center;
  line-height: 28px;
  display: inline-block;
  vertical-align: middle
}
div.side-status div.statu-block div.icon div.tick i {
  color: #fff
}
div.side-status div.statu-block div.icon div.tick i:before {
  font-size: 12px;
  line-height: 28px
}
div.side-status div.statu-block div.icon div.image {
  width: 100%;
  height: 100%
}
div.side-status div.statu-block div.icon div.image img {
  max-width: 100%;
  height: auto;
  border-radius: 8px
}
div.side-status div.statu-block div.details {
  width: calc(100% - 78px);
  display: inline-block;
  vertical-align: middle
}
div.side-status div.statu-block div.details div.title {
  font-family: "Axiforma Regular";
  font-size: 13px;
  line-height: 13px;
  color: #F5F9FF;
  margin-bottom: 5px;
  height: 20px;
  overflow: hidden;
}
span.nft-submit-warning {display: block;font-size: 14px;color: #ff0000;float: left;margin-right: 10px;line-height: 15px;}
div.side-status div.statu-block div.details div.desc {
  font-family: "Axiforma Medium";
  font-size: 11px;
  line-height: 18px;
  color: #939DAE;
  max-width: 180px;
  height: 50px;
  overflow: hidden;
}
div.side-status div.statu-block div.close-icon {
  width: 30px;
  display: inline-block;
  vertical-align: middle;
  text-align: left
}
div.side-status div.statu-block div.close-icon i {
  cursor: pointer
}
div.side-status div.statu-block div.close-icon i:before {
  font-size: 10px;
  color: #8CA3C6
}
div.general-status {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 76;
  background-color: rgba(255, 255, 255, 0);
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
  padding: 15px
}
div.general-status div.status-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 8
}
div.general-status div.statu-block {
  max-width: 360px;
  width: 100%;
  background: #24334A;
  border-radius: 8px;
  text-align: center;
  padding: 40px;
  position: relative;
  z-index: 9
}
div.general-status div.statu-block div.items div.item-icon {
  text-align: center
}
div.general-status div.statu-block div.items div.item-icon div.icon {
  width: 40px;
  height: 40px;
  border-radius: 40px;
  display: inline-block;
  margin-bottom: 20px;
  text-align: center;
  line-height: 40px;
  color: #24334A
}
div.general-status div.statu-block div.items div.item-icon div.icon.icon-success {
  background-color: #17A82F
}
div.general-status div.statu-block div.items div.item-icon div.icon.icon-error {
  background-color: #E41144
}
div.general-status div.statu-block div.items div.item-title {
  font-family: "Axiforma Regular";
  font-size: 16px;
  line-height: 22px;
  color: #F5F9FF;
  margin-bottom: 15px
}
div.general-status div.statu-block div.items div.item-desc {
  font-family: "Axiforma Medium";
  font-size: 13px;
  line-height: 24px;
  color: #939DAE;
  margin-bottom: 15px
}
div.general-status div.statu-block div.items div.item-buttons a.button {
  display: inline-block;
  vertical-align: middle;
  height: 46px;
  border: 2px solid #364863;
  border-radius: 8px;
  padding: 0px 25px;
  line-height: 40px;
  font-size: 0
}
div.general-status div.statu-block div.items div.item-buttons a.button.refresh {
  background-color: #1ED6FF;
  border-color: #1ED6FF;
  margin-left: 15px
}
div.general-status div.statu-block div.items div.item-buttons a.button.refresh:hover {
  background-color: #1ED6FF
}
div.general-status div.statu-block div.items div.item-buttons a.button.refresh span.name {
  color: #fff
}
div.general-status div.statu-block div.items div.item-buttons a.button.refresh span.icon {
  color: #fff
}
div.general-status div.statu-block div.items div.item-buttons a.button.refresh span.icon i:before {
  font-size: 20px
}
div.general-status div.statu-block div.items div.item-buttons a.button:hover {
  transition-duration: 0.5s;
  background-color: #364863
}
div.general-status div.statu-block div.items div.item-buttons a.button:hover span.name {
  color: #fff
}
div.general-status div.statu-block div.items div.item-buttons a.button:hover span.icon {
  color: #fff
}
div.general-status div.statu-block div.items div.item-buttons a.button span.name {
  font-family: "Axiforma Regular";
  font-size: 13px;
  color: #C4CDDB;
  display: inline-block;
  vertical-align: middle;
  margin-right: 25px
}
div.general-status div.statu-block div.items div.item-buttons a.button span.icon {
  display: inline-block;
  vertical-align: middle;
  color: #8CA3C6
}
div.general-status div.statu-block div.items div.item-buttons a.button span.icon i:before {
  font-size: 10px;
  line-height: 44px
}
/* Components */
/* Modal */
.nft-modal .modal-dialog {
  max-width: 840px
}
.nft-modal .modal-dialog .modal-content {
  border-radius: 12px;
  border: none;
  box-shadow: none;
  background-color: transparent;
  position: relative
}
.nft-modal .modal-dialog .modal-content:before {
  position: absolute;
  content: "";
  top: -5px;
  left: 0;
  width: 100%;
  height: 38px;
  /*background: linear-gradient(180deg, #1C293D 0%, #0A1321 100%);*/
  background: rgb(67,239,162);
  background: linear-gradient(90deg, rgba(67,239,162,1) 0%, rgba(43,83,248,1) 50%, rgba(152,102,245,1) 100%);
  border-radius: 12px 12px 0px 0px;
  z-index: -1
}
.nft-modal .modal-dialog .modal-content .modal-body {
  padding: 0;
  border-radius: 12px;
  background-color: #0A1321;
  overflow: hidden;
  border-radius: 12px
}
.nft-modal .modal-dialog .modal-content .modal-body:before {
  position: absolute;
  top: -130px;
  left: -130px;
  width: 380px;
  height: 380px;
  content: "";
  background: #3670EF;
  opacity: 0.4;
  filter: blur(300px)
}
.nft-modal .modal-dialog .modal-content .modal-body:after {
  position: absolute;
  bottom: -130px;
  right: -130px;
  width: 380px;
  height: 380px;
  content: "";
  background: #3670EF;
  opacity: 0.4;
  filter: blur(300px)
}
.nft-modal .modal-dialog .modal-content .modal-body div.nft-top {
  padding: 0;
  font-size: 0
}
.nft-modal .modal-dialog .modal-content .modal-body div.nft-top div.nft-link {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 150px);
  padding: 0px 35px 0px 35px;
  font-family: "Axiforma Regular";
  font-size: 14px;
  color: #fff
}
.nft-modal .modal-dialog .modal-content .modal-body div.nft-top div.top-buttons {
  width: 150px;
  display: inline-block;
  vertical-align: middle;
  text-align: right;
  font-size: 0;
  padding: 15px 30px 0px 30px
}
.nft-modal .modal-dialog .modal-content .modal-body div.nft-top div.top-buttons .button {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  width: 36px;
  height: 36px;
  line-height: 36px;
  border-radius: 6px;
  background-color: #1D2B5D;
  color: #A2B0E2;
  font-size: 0;
  text-align: center
}
.nft-modal .modal-dialog .modal-content .modal-body div.nft-top div.top-buttons .button i:before {
  font-size: 14px;
  line-height: 36px
}
.nft-modal .modal-dialog .modal-content .modal-body div.nft-top div.top-buttons .close {
  margin: 0;
  padding: 0;
  float: none;
  position: relative;
  top: 0;
  right: 0;
  opacity: 1;
  color: #fff;
  text-shadow: none;
  width: 36px;
  height: 36px;
  line-height: 36px;
  background-color: #1D2B5D;
  color: #A2B0E2;
  border-radius: 6px;
  font-size: 0;
  margin-left: 10px;
  display: inline-block;
  vertical-align: middle;
  opacity: 1
}
.nft-modal .modal-dialog .modal-content .modal-body div.nft-top div.top-buttons .close i:before {
  font-size: 12px;
  line-height: 36px
}
.nft-modal .modal-dialog .modal-content .modal-body article#nft-article header#nft-header {
  padding-top: 0
}
.nft-modal .modal-dialog .modal-content .modal-body article#nft-article div.nft-body {
  height: 510px;
  overflow: auto
}
.remind-modal .modal-dialog {
  max-width: 600px
}
.remind-modal .modal-dialog .modal-content {
  border-radius: 12px;
  border: none;
  box-shadow: none;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-size: 50%;
  position: relative;
  background-color: transparent
}
.remind-modal .modal-dialog .modal-content:before {
  position: absolute;
  content: "";
  top: -5px;
  left: 0;
  width: 100%;
  height: 38px;
  /*background: linear-gradient(180deg, #1C293D 0%, #0A1321 100%);*/
  background: rgb(67,239,162);
  background: linear-gradient(90deg, rgba(67,239,162,1) 0%, rgba(43,83,248,1) 50%, rgba(152,102,245,1) 100%);
  border-radius: 12px 12px 0px 0px;
  z-index: -1
}
.remind-modal .modal-dialog .modal-content .modal-body {
  padding: 0;
  background-color: #0A1321;
  overflow: hidden;
  border-radius: 12px
}
.remind-modal .modal-dialog .modal-content .modal-body:after {
  position: absolute;
  top: -160px;
  left: -160px;
  width: 380px;
  height: 380px;
  content: "";
  background: #3670EF;
  opacity: 0.4;
  filter: blur(300px)
}
.remind-modal .modal-dialog .modal-content .modal-body .close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 9;
  float: none;
  margin: 0;
  padding: 0;
  width: 36px;
  height: 36px;
  background-color: #1A2639;
  border-radius: 8px;
  text-align: center;
  line-height: 36px;
  color: #8CA3C6;
  text-shadow: none;
  font-size: 0
}
.remind-modal .modal-dialog .modal-content .modal-body .close i:before {
  font-size: 12px;
  line-height: 36px
}
.remind-modal .modal-dialog .modal-content .modal-body .modal-preview {
  padding: 35px 35px 40px 35px;
  font-size: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  position: relative;
  z-index: 5
}
.remind-modal .modal-dialog .modal-content .modal-body .modal-preview figure.modal-image {
  margin-bottom: 0;
  width: 160px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 0
}
.remind-modal .modal-dialog .modal-content .modal-body .modal-preview figure.modal-image img {
  max-width: 100%;
  height: auto
}
.remind-modal .modal-dialog .modal-content .modal-body .modal-preview .modal-details {
  width: calc(100% - 160px);
  display: inline-block;
  vertical-align: top;
  padding-left: 30px;
  color: #fff
}
.remind-modal .modal-dialog .modal-content .modal-body .modal-preview .modal-details div.title {
  font-family: "Axiforma Light";
  font-size: 27px;
  line-height: 36px;
  margin-bottom: 5px
}
.remind-modal .modal-dialog .modal-content .modal-body .modal-preview .modal-details div.sub {
  font-family: "Axiforma Bold";
  font-size: 19px;
  line-height: 28px;
  margin-bottom: 5px
}
.remind-modal .modal-dialog .modal-content .modal-body .modal-preview .modal-details div.desc {
  font-family: "Axiforma Medium";
  font-size: 13px;
  line-height: 26px;
  color: #8D98A9;
  margin-bottom: 15px
}
.remind-modal .modal-dialog .modal-content .modal-body .modal-preview .modal-details div.time {
  width: 100%;
  background: linear-gradient(90deg, rgba(19, 35, 57, 0) 0%, #132339 100%);
  border-radius: 8px;
  padding: 12px 0px;
  font-size: 0;
  color: #64A2FF
}
.remind-modal .modal-dialog .modal-content .modal-body .modal-preview .modal-details div.time span.icon {
  display: inline-block;
  vertical-align: middle
}
.remind-modal .modal-dialog .modal-content .modal-body .modal-preview .modal-details div.time span.icon i:before {
  font-size: 20px
}
.remind-modal .modal-dialog .modal-content .modal-body .modal-preview .modal-details div.time span.text {
  display: inline-block;
  vertical-align: middle;
  padding-left: 15px;
  font-family: "Axiforma Medium";
  font-size: 15px;
  line-height: 18px
}
.remind-modal .modal-dialog .modal-content .modal-body .modal-bottom {
  padding: 35px;
  text-align: center
}
.remind-modal .modal-dialog .modal-content .modal-body .modal-bottom div.title {
  font-family: "Axiforma Medium";
  font-size: 11px;
  color: #8D98A9;
  margin-bottom: 10px
}
.remind-modal .modal-dialog .modal-content .modal-body .modal-bottom input {
  width: 100%;
  height: 56px;
  background: #1A283D;
  border: 1px solid #23334D;
  border-radius: 8px;
  padding: 0px 15px;
  text-align: center;
  font-family: "Axiforma Regular";
  font-size: 16px;
  color: #C4CDDB;
  margin-bottom: 12px
}
.remind-modal .modal-dialog .modal-content .modal-body .modal-bottom input::placeholder {
  opacity: 1;
  color: #C4CDDB
}
.remind-modal .modal-dialog .modal-content .modal-body .modal-bottom button {
  width: 100%;
  height: 60px;
  background-color: #1ED6FF;
  box-shadow: 0px 4px 8px rgb(111 234 159 / 20%);
  border-radius: 8px;
  color: #fff;
  font-size: 0;
  border: none
}
.remind-modal .modal-dialog .modal-content .modal-body .modal-bottom button span.text {
  display: inline-block;
  vertical-align: middle;
  font-family: "Axiforma Medium";
  font-size: 16px;
  margin-right: 15px
}
.remind-modal .modal-dialog .modal-content .modal-body .modal-bottom button span.icon {
  display: inline-block;
  vertical-align: middle
}
.remind-modal .modal-dialog .modal-content .modal-body .modal-bottom button span.icon i:before {
  font-size: 28px;
  line-height: 60px
}
.result-modal .modal-dialog {
  max-width: 600px
}
.result-modal .modal-dialog .modal-content {
  border-radius: 12px;
  border: none;
  box-shadow: none;
  background-color: #0A1321;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-size: 50%;
  position: relative;
  background-color: transparent
}
.result-modal .modal-dialog .modal-content:before {
  position: absolute;
  content: "";
  top: -5px;
  left: 0;
  width: 100%;
  height: 38px;
  background: linear-gradient(180deg, #1C293D 0%, #0A1321 100%);
  border-radius: 12px 12px 0px 0px;
  z-index: -1
}
.result-modal .modal-dialog .modal-content .modal-body {
  padding: 80px 65px;
  text-align: center;
  color: #fff;
  background-image: url("../../images/result-modal-bg.png");
  background-repeat: no-repeat;
  background-position: 0 -100px;
  background-size: cover;
  overflow: hidden;
  background-color: #0A1321;
  border-radius: 12px
}
.result-modal .modal-dialog .modal-content .modal-body:after {
  position: absolute;
  top: -160px;
  left: -160px;
  width: 380px;
  height: 380px;
  content: "";
  background: #3670EF;
  opacity: 0.4;
  filter: blur(300px);
  display: none
}
.result-modal .modal-dialog .modal-content .modal-body .close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 9;
  float: none;
  margin: 0;
  padding: 0;
  width: 36px;
  height: 36px;
  background-color: #1A2639;
  border-radius: 8px;
  text-align: center;
  line-height: 36px;
  color: #8CA3C6;
  text-shadow: none;
  font-size: 0
}
.result-modal .modal-dialog .modal-content .modal-body .close i:before {
  font-size: 12px;
  line-height: 36px
}
.result-modal .modal-dialog .modal-content .modal-body div.icon {
  margin-bottom: 30px
}
.result-modal .modal-dialog .modal-content .modal-body div.icon i:before {
  font-size: 60px;
  line-height: 60px
}
.result-modal .modal-dialog .modal-content .modal-body div.icon i.icon-checked-1 {
  color: #17A82F
}
.result-modal .modal-dialog .modal-content .modal-body div.icon i.icon-ban {
  color: #E41144
}
.result-modal .modal-dialog .modal-content .modal-body div.title {
  font-family: "Axiforma Light";
  font-size: 27px;
  line-height: 36px;
  margin-bottom: 5px
}
.result-modal .modal-dialog .modal-content .modal-body div.sub {
  font-family: "Axiforma Bold";
  font-size: 19px;
  line-height: 28px;
  margin-bottom: 15px
}
.result-modal .modal-dialog .modal-content .modal-body div.desc {
  max-width: 420px;
  margin: 0 auto;
  font-family: "Axiforma Medium";
  font-size: 13px;
  line-height: 26px;
  color: #8D98A9;
  margin-bottom: 25px
}
.result-modal .modal-dialog .modal-content .modal-body div.time {
  background: #132339;
  border-radius: 8px;
  padding: 12px 24px;
  font-size: 0;
  color: #64A2FF;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 15px
}
.result-modal .modal-dialog .modal-content .modal-body div.time span.icon {
  display: inline-block;
  vertical-align: middle
}
.result-modal .modal-dialog .modal-content .modal-body div.time span.icon i:before {
  font-size: 20px
}
.result-modal .modal-dialog .modal-content .modal-body div.time span.text {
  display: inline-block;
  vertical-align: middle;
  padding-left: 15px;
  font-family: "Axiforma Medium";
  font-size: 15px;
  line-height: 18px
}
.result-modal .modal-dialog .modal-content .modal-body div.buttons {
  text-align: center;
  font-size: 0
}
.result-modal .modal-dialog .modal-content .modal-body div.buttons a.button {
  display: inline-block;
  vertical-align: middle;
  height: 56px;
  border: 2px solid #23334D;
  border-radius: 8px;
  padding: 0px 25px;
  line-height: 50px;
  font-size: 0
}
.result-modal .modal-dialog .modal-content .modal-body div.buttons a.button.refresh {
  background-color: #1ED6FF;
  border-color: #1ED6FF;
  margin-left: 15px
}
.result-modal .modal-dialog .modal-content .modal-body div.buttons a.button.refresh:hover {
  background-color: #1ED6FF
}
.result-modal .modal-dialog .modal-content .modal-body div.buttons a.button.refresh span.name {
  color: #fff
}
.result-modal .modal-dialog .modal-content .modal-body div.buttons a.button.refresh span.icon {
  color: #fff
}
.result-modal .modal-dialog .modal-content .modal-body div.buttons a.button.refresh span.icon i:before {
  font-size: 20px
}
.result-modal .modal-dialog .modal-content .modal-body div.buttons a.button:hover {
  transition-duration: 0.5s;
  background-color: #23334D
}
.result-modal .modal-dialog .modal-content .modal-body div.buttons a.button:hover span.name {
  color: #fff
}
.result-modal .modal-dialog .modal-content .modal-body div.buttons a.button:hover span.icon {
  color: #fff
}
.result-modal .modal-dialog .modal-content .modal-body div.buttons a.button span.name {
  font-family: "Axiforma Regular";
  font-size: 16px;
  color: #C4CDDB;
  display: inline-block;
  vertical-align: middle;
  margin-right: 50px
}
.result-modal .modal-dialog .modal-content .modal-body div.buttons a.button span.icon {
  display: inline-block;
  vertical-align: middle;
  color: #8CA3C6
}
.result-modal .modal-dialog .modal-content .modal-body div.buttons a.button span.icon i:before {
  font-size: 12px;
  line-height: 50px
}
.modal-backdrop {
  background-color: transparent !important;
  opacity: 1 !important
}
.modal-backdrop:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0E192A;
  opacity: 0.6;
  filter: blur(8px);
  -webkit-filter: blur(8px)
}
.form-label-group {
  position: relative
}
.form-label-group input,
.form-label-group label {
  height: 3.125rem;
  padding: .75rem
}
.form-label-group label {
  position: absolute;
  top: 4px;
  left: 0;
  display: block;
  width: 100%;
  margin-bottom: 0;
  /* Override default `<label>` margin */
  line-height: 1.5;
  pointer-events: none;
  cursor: text;
  /* Match the input under the label */
  border: 1px solid transparent;
  border-radius: .25rem;
  transition: all .1s ease-in-out;
  font-family: "Axiforma Medium";
  font-size: 11px;
  color: #A2B0E2
}
.form-label-group input::-webkit-input-placeholder {
  color: transparent
}
.form-label-group input::-moz-placeholder {
  color: transparent
}
.form-label-group input:-ms-input-placeholder {
  color: transparent
}
.form-label-group input::-ms-input-placeholder {
  color: transparent
}
.form-label-group input::placeholder {
  color: transparent
}
.form-label-group input:not(:-moz-placeholder-shown) {
  padding-top: 1.25rem;
  padding-bottom: .25rem
}
.form-label-group input:not(:-ms-input-placeholder) {
  padding-top: 1.25rem;
  padding-bottom: .25rem
}
.form-label-group input:not(:placeholder-shown) {
  padding-top: 1.55rem;
  padding-bottom: .25rem
}
.form-label-group input:not(:-moz-placeholder-shown) ~ label {
  padding-top: .25rem;
  padding-bottom: .25rem;
  font-size: 12px;
  color: #8D98A9
}
.form-label-group input:not(:-ms-input-placeholder) ~ label {
  padding-top: .25rem;
  padding-bottom: .25rem;
  font-size: 12px;
  color: #8D98A9
}
.form-label-group input:not(:placeholder-shown) ~ label {
  padding-top: .25rem;
  padding-bottom: .25rem;
  font-size: 12px;
  color: #A2B0E2
}
.form-label-group input:-webkit-autofill ~ label {
  padding-top: .25rem;
  padding-bottom: .25rem;
  font-size: 12px;
  color: #8D98A9
}
/* Fallback for Edge
-------------------------------------------------- */
@supports (-ms-ime-align: auto) {
  .form-label-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
  .form-label-group label {
    position: static
  }
  .form-label-group input::-ms-input-placeholder {
    color: #8D98A9
  }
}
/* Layouts */
/* Header */
header#header {
  margin-bottom: 25px
}
header#header div.middle-header {
  height: 75px;
  background-color: #0F162F
}
header#header div.middle-header div.middle-header-container {
  font-size: 0
}
header#header div.middle-header div.middle-header-container div.logo {
  display: inline-block;
  vertical-align: middle;
  width: 225px;
  border-right: 1px solid #1C293F
}
header#header div.middle-header div.middle-header-container div.logo img {
  max-width: 100%;
  height: auto;
  max-height: 42px
}
header#header div.middle-header div.middle-header-container div.social-icons {
  text-align: center;
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
  width: 130px
}
header#header div.middle-header div.middle-header-container div.social-icons a.button {
  display: inline-block;
  vertical-align: middle;
  margin: 0px 8px
}
header#header div.middle-header div.middle-header-container div.social-icons a.button:first-child {
  margin-left: 0
}
header#header div.middle-header div.middle-header-container div.social-icons a.button:last-child {
  margin-right: 0
}
header#header div.middle-header div.middle-header-container div.social-icons a.button.twitter {
  color: #1DA1F2
}
header#header div.middle-header div.middle-header-container div.social-icons a.button.discord {
  color: #5865F2
}
header#header div.middle-header div.middle-header-container div.social-icons a.button i:before {
  font-size: 24px;
  display: inline-block;
  vertical-align: middle
}
header#header div.middle-header div.middle-header-container nav.menu {
  display: inline-block;
  vertical-align: middle;
  text-align: right;
  width: calc(100% - 355px)
}
header#header div.middle-header div.middle-header-container nav.menu ul {
  padding: 0;
  margin: 0
}
header#header div.middle-header div.middle-header-container nav.menu ul li {
  display: inline-block;
  vertical-align: middle
}
header#header div.middle-header div.middle-header-container nav.menu ul li a {
  display: block
}
header#header div.middle-header div.middle-header-container nav.menu ul li.menu-item {
  transition-duration: 0.5s;
  margin-left: 25px
}
header#header div.middle-header div.middle-header-container nav.menu ul li.menu-item:first-child {
  margin-left: 0
}
header#header div.middle-header div.middle-header-container nav.menu ul li.menu-item:hover a span.icon,
header#header div.middle-header div.middle-header-container nav.menu ul li.menu-item:hover a span.name {
  color: #1ED6FF
}
header#header div.middle-header div.middle-header-container nav.menu ul li.menu-item a span.icon {
  display: inline-block;
  vertical-align: middle;
  transition-duration: 0.5s;
  color: #8D98A9
}
header#header div.middle-header div.middle-header-container nav.menu ul li.menu-item a span.icon i:before {
  font-size: 14px
}
header#header div.middle-header div.middle-header-container nav.menu ul li.menu-item a span.name {
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  color: #C1CAEB;
  margin-left: 8px;
  transition-duration: 0.5s;
  font-family: "Axiforma Regular", sans-serif;
  position: relative;
  top: 2px;
}
header#header div.middle-header div.middle-header-container nav.menu ul li.button-item {
  margin-left: 8px
}
header#header div.middle-header div.middle-header-container nav.menu ul li.button-item.support-item {
  margin-left: 30px;
  position: relative
}
header#header div.middle-header div.middle-header-container nav.menu ul li.button-item.support-item:hover a {
  background-color: #1D2B5D;
  color: #fff;
  border-radius: 8px 8px 0px 0px
}
header#header div.middle-header div.middle-header-container nav.menu ul li.button-item.support-item:hover div.opener-menu {
  display: block
}
header#header div.middle-header div.middle-header-container nav.menu ul li.button-item.support-item div.opener-menu {
  position: absolute;
  top: 42px;
  right: 0;
  width: auto;
  min-width: 42px;
  font-size: 0;
  z-index: 55;
  display: none
}
header#header div.middle-header div.middle-header-container nav.menu ul li.button-item.support-item div.opener-menu a.menu-block {
  display: block;
  padding: 0 10px;
  border-bottom: 1px solid #30425F;
  width: 100%;
  height: unset;
  text-align: center;
  background-color: #24334A;
  border-radius: 0px
}
/*header#header div.middle-header div.middle-header-container nav.menu ul li.button-item.support-item img {
  max-width: 20px;
  height: auto
}*/
header#header div.middle-header div.middle-header-container nav.menu ul li.button-item.support-item div.opener-menu a.menu-block:first-child {
  border-radius: 0 0px 0px 0px
}
header#header div.middle-header div.middle-header-container nav.menu ul li.button-item.support-item div.opener-menu a.menu-block:last-child {
  border-radius: 0px 0px 8px 8px
}
header#header div.middle-header div.middle-header-container nav.menu ul li.button-item.support-item div.opener-menu a.menu-block:hover {
  background-color: #1A283D
}
header#header div.middle-header div.middle-header-container nav.menu ul li.button-item.support-item div.opener-menu a.menu-block:last-child {
  border-bottom: none
}
header#header div.middle-header div.middle-header-container nav.menu ul li.button-item.support-item div.opener-menu a.menu-block div.icon {
  display: inline-block;
  text-align: center;
  vertical-align: middle
}
header#header div.middle-header div.middle-header-container nav.menu ul li.button-item.support-item div.opener-menu a.menu-block div.icon img {
  max-width: 20px;
  height: auto
}
header#header div.middle-header div.middle-header-container nav.menu ul li.button-item.support-item div.opener-menu a.menu-block div.icon i.icon-list {
  color: #1ED6FF
}
header#header div.middle-header div.middle-header-container nav.menu ul li.button-item.support-item div.opener-menu a.menu-block div.icon i.icon-envelope {
  color: #E41144
}
header#header div.middle-header div.middle-header-container nav.menu ul li.button-item.support-item div.opener-menu a.menu-block div.icon i.icon-question {
  color: #17A82F
}
header#header div.middle-header div.middle-header-container nav.menu ul li.button-item.support-item div.opener-menu a.menu-block div.content {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 24px);
  padding-left: 15px
}
header#header div.middle-header div.middle-header-container nav.menu ul li.button-item.support-item div.opener-menu a.menu-block div.content div.title {
  font-family: "Axiforma Regular";
  font-size: 13px;
  color: #F5F9FF
}
header#header div.middle-header div.middle-header-container nav.menu ul li.button-item.support-item div.opener-menu a.menu-block div.content div.desc {
  font-family: "Axiforma Medium";
  font-size: 11px;
  line-height: 18px;
  color: #939DAE
}
header#header div.middle-header div.middle-header-container nav.menu ul li.button-item a {
  display: block;
  width: 42px;
  height: 42px;
  line-height: 42px;
  background-color: #1D2B5D;
  border-radius: 8px;
  text-align: center;
  font-size: 0;
  transition-duration: 0.5s;
  color: #98A4B6
}
header#header div.middle-header div.middle-header-container nav.menu ul li.button-item a.active {
  position: relative;
  border-radius: 8px 8px 0px 0px;
  background-color: #24334A
}
header#header div.middle-header div.middle-header-container nav.menu ul li.button-item a.active:after {
  position: absolute;
  content: "";
  bottom: -17px;
  left: 0;
  background-color: #24334A;
  height: 17px;
  width: 100%
}
header#header div.middle-header div.middle-header-container nav.menu ul li.button-item a i:before {
  font-size: 18px;
  line-height: 42px;
  display: block;
  vertical-align: middle
}
header#header div.middle-header div.middle-header-container nav.menu ul li.button-item a i.icon-magnifier:before {
  font-size: 22px
}
header#header div.middle-header div.middle-header-container nav.menu ul li.project-item {
  margin-left: 8px
}
header#header div.middle-header div.middle-header-container nav.menu ul li.project-item a {
  height: 42px;
  padding: 0px 25px;
  border-radius: 8px;
  background-color: #6FEB9F;
  box-shadow: 0px 4px 8px rgb(111 235 159 / 20%);
  font-size: 13px;
  line-height: 46px;
  color: #020420;
  font-family: "Axiforma Regular";
  transition-duration: 0.5s
}
/*header#header div.middle-header div.middle-header-container nav.menu ul li.project-item a:hover {
  background-color: #0050c7
}*/
header#header div.bottom-header {
  border-top: 1px solid #1C293F;
  background-color: #141D3E;
  height: 75px;
  position: relative
}
header#header div.bottom-header div.bottom-coin-container {
  padding: 0px 10px
}
header#header div.bottom-header div.bottom-coin-container div.listing-block {
  border-left: 1px solid #1C293F;
  padding: 0
}
header#header div.bottom-header div.bottom-coin-container div.listing-block:last-child {
  border-right: 1px solid #1C293F
}
header#header div.bottom-header div.bottom-coin-container div.listing-block .listing-item {
  display: flex;
  height: 75px;
  font-size: 0;
  align-items: center;
  padding: 0px 15px;
  transition-duration: 0.5s
}
header#header div.bottom-header div.bottom-coin-container div.listing-block .listing-item:hover {
  background-color: #1d2c5d
}
header#header div.bottom-header div.bottom-coin-container div.listing-block .listing-item:hover div.items div.icon div.normal {
  display: none
}
header#header div.bottom-header div.bottom-coin-container div.listing-block .listing-item:hover div.items div.icon div.hover {
  display: block
}
header#header div.bottom-header div.bottom-coin-container div.listing-block .listing-item div.items {
  font-size: 0;
  width: 100%
}
header#header div.bottom-header div.bottom-coin-container div.listing-block .listing-item div.items div.icon {
  display: inline-block;
  vertical-align: top;
  width: 36px;
  height: 36px
}
header#header div.bottom-header div.bottom-coin-container div.listing-block .listing-item div.items div.icon div.normal {
  display: block
}
header#header div.bottom-header div.bottom-coin-container div.listing-block .listing-item div.items div.icon div.hover {
  display: none
}
header#header div.bottom-header div.bottom-coin-container div.listing-block .listing-item div.items div.icon img {
  max-width: 100%;
  height: auto
}
header#header div.bottom-header div.bottom-coin-container div.listing-block .listing-item div.items div.details {
  width: calc(100% - 56px);
  display: inline-block;
  vertical-align: top;
  padding-left: 12px
}
header#header div.bottom-header div.bottom-coin-container div.listing-block .listing-item div.items div.details div.name {
  font-family: "PannoSign SemiBold";
  font-size: 14px;
  line-height: 14px;
  color: #92A3DD;
  letter-spacing: -0.04em;
  margin-bottom: 5px
}
header#header div.bottom-header div.bottom-coin-container div.listing-block .listing-item div.items div.details div.price {
  font-family: "PannoSign SemiBold";
  font-size: 18px;
  line-height: 18px;
  color: #C9D1DE;
  letter-spacing: -0.04em
}
header#header div.bottom-header div.search-area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #24334A
}
header#header div.search-header {
  height: 50px;
  background-color: #24334A
}
header#header div.search-header form.search-form {
  font-size: 0
}
header#header div.search-header form.search-form div.icon {
  width: 16px;
  display: inline-block;
  vertical-align: middle;
  color: #D4DCE8
}
header#header div.search-header form.search-form div.icon i:before {
  font-size: 16px;
  line-height: 16px
}
header#header div.search-header form.search-form input {
  width: calc(100% - 131px);
  display: inline-block;
  vertical-align: middle;
  padding: 0px 15px;
  border: none;
  background-color: transparent;
  font-family: "Axiforma Book";
  font-size: 14px;
  color: #fff
}
header#header div.search-header form.search-form div.buttons {
  width: 115px;
  display: inline-block;
  vertical-align: middle
}
header#header div.search-header form.search-form div.buttons a.delete-button {
  display: inline-block;
  vertical-align: middle;
  color: #7F91AB;
  transition-duration: 0.5s
}
header#header div.search-header form.search-form div.buttons a.delete-button:hover {
  color: #E41144
}
header#header div.search-header form.search-form div.buttons a.delete-button i:before {
  font-size: 16px;
  line-height: 16px
}
header#header div.search-header form.search-form div.buttons button {
  display: inline-block;
  vertical-align: middle;
  height: 34px;
  padding: 0px 25px;
  background-color: #4B5D78;
  border-radius: 8px;
  border: none;
  margin-left: 15px;
  font-family: "Axiforma Medium";
  font-size: 13px;
  color: #fff;
  cursor: pointer;
  transition-duration: 0.5s
}
header#header div.search-header form.search-form div.buttons button:hover {
  background-color: #1ED6FF
}
/* Sidebar */
/* Footer */
footer#footer {
  padding-top: 8px;
  position: relative
}
footer#footer div.top-footer {
  padding: 40px 0px;
  background-color: #141D3E;
  padding-bottom: 100px;
  border-top: 1px solid #1C2A41;
}
footer#footer div.top-footer div.top-footer-container {
  font-size: 0
}
footer#footer div.top-footer div.top-footer-container div.logo {
  width: 225px;
  display: inline-block;
  vertical-align: middle;
  border-right: 1px solid #1C293F
}
footer#footer div.top-footer div.top-footer-container div.logo img {
  max-width: 100%;
  height: auto;
  max-height: 42px
}
footer#footer div.top-footer div.top-footer-container div.desc {
  width: calc(100% - 425px);
  display: inline-block;
  vertical-align: middle;
  font-family: "Axiforma Regular";
  font-size: 11px;
  line-height: 20px;
  color: #B1BDE7;
  padding: 0px 30px
}
footer#footer div.top-footer div.top-footer-container div.desc div.copyright {
  font-family: "Axiforma Medium";
  display: block;
  color: #fff;
  font-size: 13px
}
footer#footer div.top-footer div.top-footer-container div.buttons {
  width: 200px;
  display: inline-block;
  vertical-align: middle;
  text-align: right
}
footer#footer div.top-footer div.top-footer-container div.buttons a.button {
  display: inline-block;
  height: 42px;
  padding: 0px 25px;
  border-radius: 8px;
  background-color: #6FEB9F;
  box-shadow: 0px 4px 8px rgb(111 234 159 / 20%);
  font-size: 13px;
  line-height: 42px;
  color: #2F2C2C;
  font-family: "Axiforma Regular";
  transition-duration: 0.5s
}
/*footer#footer div.top-footer div.top-footer-container div.buttons a.button:hover {
  background-color: #0050c7;
  color: #fff
}*/
footer#footer div.bottom-footer {
  background-color: #0E192A
}
footer#footer div.bottom-footer div.bottom-footer-container {
  padding: 25px 0px;
  border-top: 1px solid #1C293F
}
footer#footer div.bottom-footer div.bottom-footer-container nav.menu ul {
  padding: 0;
  margin: 0;
  font-size: 0
}
footer#footer div.bottom-footer div.bottom-footer-container nav.menu ul li {
  display: inline-block;
  vertical-align: middle;
  font-family: "Axiforma Regular";
  font-size: 13px;
  color: #C9D1DE;
  position: relative;
  transition-duration: 0.5s;
  margin-right: 20px
}
footer#footer div.bottom-footer div.bottom-footer-container nav.menu ul li:hover {
  color: #fff
}
footer#footer div.bottom-footer div.bottom-footer-container nav.menu ul li:before {
  position: relative;
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 4px;
  height: 4px;
  background-color: #394A65;
  border-radius: 4px;
  margin-right: 20px
}
footer#footer div.bottom-footer div.bottom-footer-container nav.menu ul li:last-child:after {
  position: relative;
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 4px;
  height: 4px;
  background-color: #394A65;
  border-radius: 4px;
  margin-left: 20px
}
footer#footer div.bottom-footer div.bottom-footer-container div.social-icons {
  text-align: right;
  font-size: 0;
  width: 100%;
  display: inline-block;
  vertical-align: middle
}
footer#footer div.bottom-footer div.bottom-footer-container div.social-icons a.button {
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px
}
footer#footer div.bottom-footer div.bottom-footer-container div.social-icons a.button:first-child {
  margin-left: 0
}
footer#footer div.bottom-footer div.bottom-footer-container div.social-icons a.button:first-child {
  margin-left: 0
}
footer#footer div.bottom-footer div.bottom-footer-container div.social-icons a.button:last-child {
  margin-right: 0
}
footer#footer div.bottom-footer div.bottom-footer-container div.social-icons a.button.twitter {
  color: #1DA1F2
}
footer#footer div.bottom-footer div.bottom-footer-container div.social-icons a.button.discord {
  color: #5865F2
}
footer#footer div.bottom-footer div.bottom-footer-container div.social-icons a.button i:before {
  font-size: 24px;
  display: inline-block;
  vertical-align: middle
}
/* Pages */
/* Main */
main#main div#website-initials div.listing-block {
  margin-bottom: 20px
}
main#main div#website-initials div.listing-block div.listing-item a {
  display: block
}
main#main div#website-initials div.listing-block div.listing-item a img {
  max-width: 100%;
  height: auto
}
main#main div#home-boxs {
  margin-bottom: 20px
}
main#main div#home-boxs div.listing-block {
  margin-bottom: 20px
}
main#main div#home-boxs div.listing-block div.listing-item {
  background: #0F1A47;
  border-radius: 12px;
  transition-duration: 0.5s
}
main#main div#home-boxs div.listing-block div.listing-item:hover div.item-head div.item-icon,
main#main div#home-boxs div.listing-block div.listing-item:hover div.item-head div.item-title {
  transform: scale(1.05)
}
main#main div#home-boxs div.listing-block div.listing-item.listing-item-blue {
  border: 2px solid #1ED6FF;
  filter: drop-shadow(0px 0px 16px rgba(23, 158, 255, 0.1))
}
main#main div#home-boxs div.listing-block div.listing-item.listing-item-blue:hover {
  filter: drop-shadow(0px 0px 16px rgba(23, 158, 255, 0.25))
}
main#main div#home-boxs div.listing-block div.listing-item.listing-item-blue div.item-head div.item-icon {
  color: #1ED6FF
}
main#main div#home-boxs div.listing-block div.listing-item.listing-item-blue div.item-head div.tri svg {
  fill: #1ED6FF
}
main#main div#home-boxs div.listing-block div.listing-item.listing-item-red {
  border: 2px solid #E41144;
  filter: drop-shadow(0px 0px 16px rgba(254, 78, 152, 0.1))
}
main#main div#home-boxs div.listing-block div.listing-item.listing-item-red:hover {
  filter: drop-shadow(0px 0px 16px rgba(254, 78, 152, 0.25))
}
main#main div#home-boxs div.listing-block div.listing-item.listing-item-red div.item-head div.item-icon {
  color: #E41144
}
main#main div#home-boxs div.listing-block div.listing-item.listing-item-red div.item-head div.tri svg {
  fill: #E41144
}
main#main div#home-boxs div.listing-block div.listing-item.listing-item-yellow {
  border: 2px solid #32d6ff;
  filter: drop-shadow(0px 0px 16px rgba(255, 206, 34, 0.1))
}
main#main div#home-boxs div.listing-block div.listing-item.listing-item-yellow:hover {
  filter: drop-shadow(0px 0px 16px rgba(30, 214, 255, 0.25))
}

main#main div#home-boxs div.listing-block div.listing-item.listing-item-sari {
  border: 2px solid #edff32;
  filter: drop-shadow(0px 0px 16px rgba(237, 255, 50, 0.1))
}
main#main div#home-boxs div.listing-block div.listing-item.listing-item-sari:hover {
  filter: drop-shadow(0px 0px 16px rgba(237, 255, 50, 0.25))
}
main#main div#home-boxs div.listing-block div.listing-item.listing-item-sari div.item-head div.item-icon {
  color: #32d6ff
}
main#main div#home-boxs div.listing-block div.listing-item.listing-item-sari div.item-head div.tri svg {
  fill: #edff32
}

main#main div#home-boxs div.listing-block div.listing-item.listing-item-yellow div.item-head div.item-icon {
  color: #32d6ff
}
main#main div#home-boxs div.listing-block div.listing-item.listing-item-yellow div.item-head div.tri svg {
  fill: #32d6ff
}
main#main div#home-boxs div.listing-block div.listing-item.listing-item-green {
  border: 2px solid #19F5A7;
  filter: drop-shadow(0px 0px 16px rgba(42, 219, 113, 0.1))
}
main#main div#home-boxs div.listing-block div.listing-item.listing-item-green:hover {
  filter: drop-shadow(0px 0px 16px rgba(42, 219, 113, 0.25))
}
main#main div#home-boxs div.listing-block div.listing-item.listing-item-green div.item-head div.item-icon {
  color: #19F5A7
}
main#main div#home-boxs div.listing-block div.listing-item.listing-item-green div.item-head div.tri svg {
  fill: #19F5A7
}
main#main div#home-boxs div.listing-block div.listing-item div.item-head {
  height: 45px;
  padding: 0px 20px;
  line-height: 45px;
  font-size: 0;
  color: #fff;
  position: relative
}
main#main div#home-boxs div.listing-block div.listing-item div.item-head div.tri {
  position: absolute;
  top: 0;
  right: -2px;
  height: 28px;
  line-height: 28px;
  font-size: 0
}
main#main div#home-boxs div.listing-block div.listing-item div.item-head div.item-icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  transition-duration: 0.5s
}
main#main div#home-boxs div.listing-block div.listing-item div.item-head div.item-icon i:before {
  font-size: 18px;
  display: inline-block;
  vertical-align: middle
}
main#main div#home-boxs div.listing-block div.listing-item div.item-head div.item-title {
  display: inline-block;
  vertical-align: middle;
  font-family: "Axiforma Medium";
  font-size: 15px;
  transition-duration: 0.5s
}
main#main div#home-boxs div.listing-block div.listing-item div.item-head div.more {
  position: absolute;
  top: 0;
  right: 20px;
  font-family: "Axiforma Medium";
  font-size: 11px;
  color: #8D98A9
}
main#main div#home-boxs div.listing-block div.listing-item div.item-content {
  padding: 20px;
  background-color: #1D2B5D;
  border-radius: 12px;
  font-size: 0
}
main#main div#home-boxs div.listing-block div.listing-item div.item-content div.content-box {
  margin-bottom: 15px
}
main#main div#home-boxs div.listing-block div.listing-item div.item-content div.content-box figure.image {
  width: 66px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 0;
  transition-duration: 0.5s
}
main#main div#home-boxs div.listing-block div.listing-item div.item-content div.content-box figure.image:hover {
  transform: scale(1.05)
}
main#main div#home-boxs div.listing-block div.listing-item div.item-content div.content-box figure.image img {
  max-width: 100%;
  height: auto;
  border-radius: 8px
}
main#main div#home-boxs div.listing-block div.listing-item div.item-content div.content-box div.details {
  width: calc(100% - 66px);
  display: inline-block;
  vertical-align: top;
  padding-left: 15px
}
main#main div#home-boxs div.listing-block div.listing-item div.item-content div.content-box div.details div.title {
  font-family: "Axiforma Medium";
  font-size: 14px;
  line-height: 14px;
  color: #fff;
  margin-bottom: 7px;
  height: 28px;
  overflow: hidden;
}
main#main div#home-boxs div.listing-block div.listing-item div.item-content div.content-box div.details div.desc {
  font-family: "Axiforma Medium";
  font-size: 10px;
  line-height: 16px;
  color: #B1BDE7;
  margin-bottom: 5px;
  height: 50px;
  overflow: hidden;
}
main#main div#home-boxs div.listing-block div.listing-item div.item-content div.content-box div.details div.price {
  font-family: "Axiforma Medium";
  font-size: 12px;
  color: #64A2FF
}
main#main div#home-boxs div.listing-block div.listing-item div.item-content div.content-footer {
  font-size: 0
}
main#main div#home-boxs div.listing-block div.listing-item div.item-content div.content-footer a.button {
  width: calc(50% - 2.5px);
  display: inline-block;
  vertical-align: middle;
  height: 32px;
  line-height: 32px;
  border-radius: 6px;
  padding: 0px 15px;
  color: #fff
}
main#main div#home-boxs div.listing-block div.listing-item div.item-content div.content-footer a.button span.icon {
  display: inline-block;
  vertical-align: middle;
  float: left
}
main#main div#home-boxs div.listing-block div.listing-item div.item-content div.content-footer a.button span.icon i:before {
  font-size: 18px;
  line-height: 32px
}
main#main div#home-boxs div.listing-block div.listing-item div.item-content div.content-footer a.button span.count {
  display: inline-block;
  vertical-align: middle;
  float: right;
  font-family: "PannoSign SemiBold";
  font-size: 18px;
  letter-spacing: -0.04em
}
main#main div#home-boxs div.listing-block div.listing-item div.item-content div.content-footer a.button.twitter {
  background-color: #1DA1F2;
  margin-right: 5px
}
main#main div#home-boxs div.listing-block div.listing-item div.item-content div.content-footer a.button.discord {
  background-color: #5865F2
}
main#main div#week-ratings {
  margin-bottom: 40px
}
main#main div#week-ratings div.section-header {
  padding-bottom: 20px
}
main#main div#week-ratings div.section-header div.section-title {
  font-family: "Axiforma Regular";
  font-size: 21px;
  color: #fff
}
main#main div#week-ratings div.section-header div.section-title span {
  font-family: "Axiforma Bold"
}
main#main div#week-ratings div.section-header div.section-buttons {
  text-align: right;
  font-size: 0
}
main#main div#week-ratings div.section-header div.section-buttons a.button {
  display: inline-block;
  vertical-align: middle;
  transition-duration: 0.5s;
  color: #fff
}
main#main div#week-ratings div.section-header div.section-buttons a.button:hover {
  color: #1ED6FF
}
main#main div#week-ratings div.section-header div.section-buttons a.button:last-child {
  margin-left: 15px
}
main#main div#week-ratings div.section-header div.section-buttons a.button i:before {
  font-size: 12px
}
main#main div#week-ratings div.section-carousel div.slider-item {
  /*background: #0E1635;*/
  background: rgb(20,29,62);
  background: linear-gradient(180deg, rgba(20,29,62,1) 0%, rgba(29,43,93,1) 100%);
  border-radius: 12px;
  padding: 8px;
  font-size: 0
}
main#main div#week-ratings div.section-carousel div.slider-item figure.item-image {
  width: 84px;
  height: 84px;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
  transition-duration: 0.5s
}
main#main div#week-ratings div.section-carousel div.slider-item figure.item-image:hover {
  transform: scale(1.03)
}
main#main div#week-ratings div.section-carousel div.slider-item figure.item-image img {
  max-width: 100%;
  height: auto;
  border-radius: 8px
}
main#main div#week-ratings div.section-carousel div.slider-item div.item-details {
  width: calc(100% - 84px);
  display: inline-block;
  vertical-align: middle;
  padding-left: 20px
}
main#main div#week-ratings div.section-carousel div.slider-item div.item-details div.name {
  font-family: "Axiforma Medium";
  font-size: 13px;
  line-height: 13px;
  color: #fff
}
main#main div#week-ratings div.section-carousel div.slider-item div.item-details div.rate {
  font-family: "PannoSign SemiBold";
  font-size: 18px;
  line-height: 18px;
  letter-spacing: -0.04em;
  color: #FFFFFF;
  margin: 7.5px 0px
}
main#main div#week-ratings div.section-carousel div.slider-item div.item-details div.rate span {
  color: #92A3DD
}
main#main div#week-ratings div.section-carousel div.slider-item div.item-details div.icons {
  font-size: 0
}
main#main div#week-ratings div.section-carousel div.slider-item div.item-details div.icons a.button {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px
}
main#main div#week-ratings div.section-carousel div.slider-item div.item-details div.icons a.button:last-child {
  margin-right: 0
}
main#main div#week-ratings div.section-carousel div.slider-item div.item-details div.icons a.button i:before {
  font-size: 16px
}
main#main div#week-ratings div.section-carousel div.slider-item div.item-details div.icons a.button.twitter {
  color: #1DA1F2
}
main#main div#week-ratings div.section-carousel div.slider-item div.item-details div.icons a.button.discord {
  color: #5865F2
}
main#main div#week-ratings div.section-carousel div.slider-item div.item-details div.icons a.button.web {
  color: #8CA3C6
}
main#main div#week-ratings div.section-carousel div.slider-item div.item-details div.icons a.button.sailor {
  color: #2081E2
}
main#main div#general-listing div.listing-header {
  font-size: 0;
  margin-bottom: 15px
}
main#main div#general-listing div.listing-header div.head-date {
  display: inline-block;
  vertical-align: middle;
  width: 205px;
  font-size: 0
}
main#main div#general-listing div.listing-header div.head-date div.buttons {
  display: inline-block;
  vertical-align: middle
}
main#main div#general-listing div.listing-header div.head-date div.buttons a.button {
  display: inline-block;
  vertical-align: middle;
  width: 38px;
  height: 38px;
  text-align: center;
  background-color: #24344D;
  border-radius: 8px;
  margin-right: 5px;
  color: #8D98A9
}
main#main div#general-listing div.listing-header div.head-date div.buttons a.button:hover {
  background-color: #1ED6FF;
  color: #fff
}
main#main div#general-listing div.listing-header div.head-date div.buttons a.button i:before {
  font-size: 13px;
  line-height: 38px
}
main#main div#general-listing div.listing-header div.head-date div.buttons a.button i.icon-arrow-prev:before {
  font-size: 11px
}
main#main div#general-listing div.listing-header div.head-date div.buttons a.button:last-child {
  margin-right: 0
}
main#main div#general-listing div.listing-header div.head-date div.date-area {
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
  position: relative
}
main#main div#general-listing div.listing-header div.head-date div.date-area div.date-block {
  display: inline-block;
  vertical-align: middle;
  font-family: "Axiforma Book";
  font-size: 19px;
  color: #fff
}
main#main div#general-listing div.listing-header div.head-date div.date-area div.date-block div.day {
  display: inline-block;
  vertical-align: middle
}
main#main div#general-listing div.listing-header div.head-date div.date-area div.date-block div.month {
  display: inline-block;
  vertical-align: middle
}
main#main div#general-listing div.listing-header div.head-date div.date-area div.date-block div.year {
  display: inline-block;
  vertical-align: middle
}
main#main div#general-listing div.listing-header div.head-date div.date-area div.date-block div.icon {
  display: inline-block;
  vertical-align: middle;
  padding-left: 10px
}
main#main div#general-listing div.listing-header div.head-date div.date-area div.date-block div.icon i:before {
  font-size: 12px;
  color: #5A6678;
  display: inline-block;
  vertical-align: middle
}
main#main div#general-listing div.listing-header div.head-date div.date-area input {
  font-family: "Axiforma Book";
  font-size: 21px;
  color: #fff;
  background-color: transparent;
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 160px
}
main#main div#general-listing div.listing-header div.head-date div.date-area input::placeholder {
  opacity: 1;
  color: #fff
}
main#main div#general-listing div.listing-header div.head-others {
  width: calc(100% - 205px);
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  text-align: right
}
main#main div#general-listing div.listing-header div.head-others div.checkboxs {
  display: inline-block;
  vertical-align: middle
}
main#main div#general-listing div.listing-header div.head-others div.checkboxs label.checkbox {
  margin-bottom: 0;
  margin-right: 5px;
  margin-bottom: 5px;
  cursor: pointer
}
main#main div#general-listing div.listing-header div.head-others div.checkboxs label.checkbox:last-child {
  margin-right: 0
}
main#main div#general-listing div.listing-header div.head-others div.checkboxs label.checkbox input {
  display: none
}
main#main div#general-listing div.listing-header div.head-others div.checkboxs label.checkbox input:checked ~ div.checkbox {
  background-color: #1D2B5D;
  color: #fff
}
main#main div#general-listing div.listing-header div.head-others div.checkboxs label.checkbox div.checkbox:hover {
  background-color: #1D2B5D;
  color: #fff
}
main#main div#general-listing div.listing-header div.head-others div.checkboxs label.checkbox div.checkbox {
  height: 38px;
  line-height: 41px;
  background: #141D3E;
  border-radius: 8px;
  border: 1px solid #1D2B5D;
  padding: 0px 20px;
  font-family: "Axiforma Medium";
  font-size: 11px;
  color: #B1BDE7
}
main#main div#general-listing div.listing-header div.head-others div.search-box {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  height: 38px;
  background-color: #1D2B5D;
  border-radius: 8px;
  padding: 0px 15px 0px 0px;
  font-size: 0;
  line-height: 40px;
  /*border: 1px solid #1A283D;*/
  transition-duration: 0.5s;
  margin-bottom: 5px
}
main#main div#general-listing div.listing-header div.head-others div.search-box.search-box-active {
  border-color: #1ED6FF
}
main#main div#general-listing div.listing-header div.head-others div.search-box.active {
  border-color: #e52a2a;
  background: #3c1616
}
main#main div#general-listing div.listing-header div.head-others div.search-box.active input::placeholder {
  color: #fff
}
main#main div#general-listing div.listing-header div.head-others div.search-box.active i {
  color: #fff
}
main#main div#general-listing div.listing-header div.head-others div.search-box input {
  width: 150px;
  display: inline-block;
  vertical-align: middle;
  height: 38px;
  line-height: 38px;
  border: none;
  background-color: transparent;
  color: #fff;
  font-family: "Axiforma Medium";
  font-size: 10px;
  position: relative;
  top: 1px;
  padding-left: 15px
}
main#main div#general-listing div.listing-header div.head-others div.search-box input::placeholder {
  color: #fff;
  opacity: 1
}
main#main div#general-listing div.listing-header div.head-others div.search-box button {
  width: 38px;
  height: 38px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 0px;
  border: none;
  background-color: transparent;
  font-size: 16px;
  color: #fff;
  text-align: right
}
main#main div#general-listing div.listing-header div.head-others select {
  margin-left: 10px;
  display: inline-block;
  vertical-align: middle;
  height: 38px;
  line-height: 38px;
  background-color: #1A283D;
  border-radius: 8px;
  border: none;
  padding: 0px 10px;
  min-width: 200px;
  font-family: "Axiforma Medium";
  font-size: 11px;
  color: #8D98A9;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("../../images/form-arrow-down.png");
  background-repeat: no-repeat;
  background-position: 90% 50%;
  background-size: 12px
}
main#main div#general-listing div.listing-header div.head-mobile {
  display: none
}
main#main div#general-listing div.listing-main div.main-block:first-child div.block-head div.head-block {
  border-radius: 8px 8px 0px 0px
}
main#main div#general-listing div.listing-main div.main-block:last-child div.block-listing div.listing-block:last-child {
  border-radius: 0px 0px 8px 8px
}
main#main div#general-listing div.listing-main div.main-block div.block-head div.head-block {
  height: 44px;
  line-height: 44px;
  background-color: #141D3E;
  font-size: 0
}
main#main div#general-listing div.listing-main div.main-block div.block-head div.head-block div.item {
  display: inline-block;
  font-size: 14px;
  padding: 0px;
  text-align: center;
  font-family: "Axiforma Medium";
  font-size: 11px;
  color: #fff
}
main#main div#general-listing div.listing-main div.main-block div.block-head div.head-block div.item.item-collections {
  width: calc(100% - 985px);
  text-align: left;
  padding: 0px 15px
}
main#main div#general-listing div.listing-main div.main-block div.block-head div.head-block div.item.item-platforms {
  width: 125px
}
main#main div#general-listing div.listing-main div.main-block div.block-head div.head-block div.item.item-count {
  width: 150px
}
main#main div#general-listing div.listing-main div.main-block div.block-head div.head-block div.item.item-price {
  width: 150px
}
main#main div#general-listing div.listing-main div.main-block div.block-head div.head-block div.item.item-clock {
  width: 115px
}
main#main div#general-listing div.listing-main div.main-block div.block-head div.head-block div.item.item-whitelist {
  width: 115px
}
main#main div#general-listing div.listing-main div.main-block div.block-head div.head-block div.item.item-website {
  width: 60px
}
main#main div#general-listing div.listing-main div.main-block div.block-head div.head-block div.item.item-twitter {
  width: 60px
}
main#main div#general-listing div.listing-main div.main-block div.block-head div.head-block div.item.item-discord {
  width: 60px
}
main#main div#general-listing div.listing-main div.main-block div.block-head div.head-block div.item.item-vote {
  width: 100px
}
main#main div#general-listing div.listing-main div.main-block div.block-head div.head-block div.item.item-reminder {
  width: 50px;
  text-align: left
}
main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block {
  height: 68px;
  /*background-color: #020321;**/
  background: rgb(29,43,93);
  background: linear-gradient(180deg, rgba(29,43,93,1) 0%, rgba(24,36,78,1) 100%);
  display: flex;
  align-items: center;
  border-top: 1px solid #23334D;
  position: relative;
  font-size: 0
}
main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block.listing-block-special:hover:after {
  background-color: #ffbe00
}
main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block.listing-block-special div.item.item-collections div.collection-block figure.nft-image {
  position: relative
}
main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block.listing-block-special div.item.item-collections div.collection-block figure.nft-image:after {
  position: absolute;
  content: "";
  top: 10px;
  left: -10px;
  width: 20px;
  height: 16px;
  background-image: url("../../images/frame.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover
}
main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block.listing-block-special:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
  height: 68px;
  content: "";
  background: linear-gradient(90deg, rgba(255, 190, 0, 0.1) 0%, rgba(255, 190, 0, 0) 100%)
}
main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block:after {
  position: absolute;
  top: 0;
  left: -3px;
  content: "";
  width: 3px;
  height: 100%;
  background-color: #1ED6FF;
  display: none
}
main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block:hover {
  background: rgb(24,36,78);
background: linear-gradient(180deg, rgba(24,36,78,1) 0%, rgba(20,29,62,1) 100%);
}
main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block:hover:after {
  display: block
}
main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item {
  display: inline-block;
  font-size: 14px;
  padding: 0px 15px;
  text-align: center;
  font-family: "Axiforma Medium";
  font-size: 11px;
  color: #fff;
  font-family: "PannoSign SemiBold";
  font-size: 16px;
  line-height: 16px;
  letter-spacing: -0.04em;
  position: relative;
  z-index: 9
}
main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item a.item-button {
  width: 32px;
  height: 32px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 32px;
  line-height: 32px;
  color: #fff;
  font-size: 0
}
main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item a.item-button i:before {
  font-size: 16px;
  line-height: 32px
}
main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item a.item-button.website {
  background-color: #e41044
}
main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item a.item-button.twitter {
  background-color: #1DA1F2
}
main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item a.item-button.discord {
  background-color: #5865F2
}
main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-collections {
  width: calc(100% - 985px);
  text-align: left;
  font-size: 0
}
main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-collections div.collection-block {
  font-size: 0
}
main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-collections div.collection-block figure.nft-image {
  width: 52px;
  margin-bottom: 0;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  transition-duration: 0.5s
}
main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-collections div.collection-block figure.nft-image:hover {
  transform: scale(1.05)
}
main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-collections div.collection-block figure.nft-image div.icon {
  width: 24px;
  height: 24px;
  border-radius: 24px;
  background: #0E192A;
  border: 2px solid #1A283D;
  position: absolute;
  top: 4px;
  left: -12px;
  text-align: center
}
main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-collections div.collection-block figure.nft-image div.icon i:before {
  font-size: 14px;
  line-height: 20px
}
main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-collections div.collection-block figure.nft-image div.icon i.icon-fire-flame {
  color: #E41144
}
main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-collections div.collection-block figure.nft-image div.icon i.icon-stat {
  color: #1ED6FF
}
main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-collections div.collection-block figure.nft-image img {
  max-width: 100%;
  height: auto;
  border-radius: 4px;
  height: 52px;
  width: 52px;
}
main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-collections div.collection-block div.nft-details {
  width: calc(100% - 52px);
  display: inline-block;
  vertical-align: middle;
  padding-left: 15px
}
main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-collections div.collection-block div.nft-details div.title {
  font-family: "Axiforma Medium";
  font-size: 13px;
  line-height: 13px;
  color: #fff;
  margin-bottom: 5px
}
main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-collections div.collection-block div.nft-details div.date {
  font-family: "Axiforma Medium";
  font-size: 11px;
  line-height: 11px;
  color: #8D98A9
}
main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-platforms {
  width: 125px
}
main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-platforms figure.platform-image {
  margin-bottom: 0
}
main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-platforms figure.platform-image img {
  max-width: 20px;
  max-height: 24px;
  height: auto
}
main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-count {
  width: 150px
}
main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-price {
  width: 150px
}
main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-clock {
  width: 115px
}
main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-clock div.date span {
  display: block;
  font-size: 14px;
  color: #8D98A9
}
main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-whitelist {
  width: 115px
}
main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-website {
  width: 60px
}
main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-twitter {
  width: 60px
}
main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-discord {
  width: 60px
}
main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-vote {
  width: 100px
}
main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-vote a.vote-button {
  display: block;
  width: 70px;
  height: 32px;
  background: linear-gradient(180deg, rgba(228, 17, 68, 0) 0%, rgba(17, 228, 140, 0.5) 100%);
  border: 2px solid #11e48c;
  filter: drop-shadow(0px 0px 8px rgba(17, 228, 140, 0.3));
  border-radius: 6px;
  line-height: 28px;
  font-size: 0;
  text-align: left;
  padding: 0px 10px;
  transition-duration: 0.5s
}
main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-vote a.vote-button:hover {
  background-color: #11e48c
}
main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-vote a.vote-button:hover span.icon {
  color: #fff
}
main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-vote a.vote-button span.icon {
  position: relative;
  top: 4px;
  color: #11e48c
}
main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-vote a.vote-button span.icon i:before {
  font-size: 8px;
  transform: rotate(180deg);
  display: inline-block
}
main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-vote a.vote-button span.count {
  font-family: "PannoSign SemiBold";
  font-size: 18px;
  letter-spacing: -0.04em;
  color: #fff;
  float: right
}
main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-reminder {
  width: 50px;
  padding: 0px 5px 0px 10px;
  position: relative;
  text-align: left
}
main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-reminder a.remind-button {
  display: block;
  color: #8CA3C6
}
main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-reminder a.remind-button:hover {
  color: #1ED6FF
}
main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-reminder a.remind-button i:before {
  font-size: 16px
}
main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-reminder a.remind-button:hover ~ div.custom-tooltip {
  display: block
}
main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-reminder div.custom-tooltip {
  position: absolute;
  top: -6px;
  right: -52px;
  padding: 0px 13px;
  height: 28px;
  background-color: #3C4E69;
  border-radius: 5px;
  line-height: 30px;
  font-family: "Axiforma Medium";
  font-size: 10px;
  color: #D1D8E3;
  display: none
}
main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-reminder div.custom-tooltip:after {
  position: absolute;
  content: "";
  top: 8px;
  left: -12px;
  border: 6px solid transparent;
  border-right-color: #3C4E69
}
main#main div#general-listing div.listing-footer {
  font-size: 0;
  margin-top: 10px;
  margin-bottom: 40px
}
main#main div#general-listing div.listing-footer div.arrows {
  width: 200px;
  display: inline-block;
  vertical-align: middle
}
main#main div#general-listing div.listing-footer div.arrows:last-child {
  text-align: right
}
main#main div#general-listing div.listing-footer div.arrows:last-child a.button span.text {
  margin-left: 0;
  margin-right: 25px
}
main#main div#general-listing div.listing-footer div.arrows a.button {
  display: inline-block;
  vertical-align: middle;
  padding: 0px 15px;
  border-radius: 8px;
  background-color: #1D2B5D;
  height: 38px;
  line-height: 38px;
  margin-left: 5px;
  transition-duration: 0.5s
}
main#main div#general-listing div.listing-footer div.arrows a.button:hover {
  background-color: #1ED6FF
}
main#main div#general-listing div.listing-footer div.arrows a.button:hover span.icon {
  color: #fff
}
main#main div#general-listing div.listing-footer div.arrows a.button:hover span.text {
  color: #fff
}
main#main div#general-listing div.listing-footer div.arrows a.button:first-child {
  margin-left: 0
}
main#main div#general-listing div.listing-footer div.arrows a.button span.icon {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: 1px;
  color: #fff;
  transition-duration: 0.5s
}
main#main div#general-listing div.listing-footer div.arrows a.button span.icon i:before {
  font-size: 10px;
  line-height: 38px
}
main#main div#general-listing div.listing-footer div.arrows a.button span.text {
  display: inline-block;
  vertical-align: middle;
  font-family: "Axiforma Medium";
  font-size: 11px;
  color: #fff;
  margin-left: 25px;
  transition-duration: 0.5s
}
main#main div#general-listing div.listing-footer div.numbers {
  width: calc(100% - 400px);
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: 0
}
main#main div#general-listing div.listing-footer div.numbers a.button {
  display: inline-block;
  vertical-align: middle;
  width: 38px;
  height: 38px;
  background-color: #1D2B5D;
  border-radius: 8px;
  text-align: center;
  line-height: 40px;
  font-family: "Axiforma Medium";
  font-size: 13px;
  color: #fff;
  margin: 0px 2px;
  transition-duration: 0.5s;
  margin-bottom: 4px
}
main#main div#general-listing div.listing-footer div.numbers a.button:hover,
main#main div#general-listing div.listing-footer div.numbers a.button.active {
  background-color: #1ED6FF;
  box-shadow: 0px 4px 8px rgb(111 234 159 / 20%);
  color: #fff
}
main#main div#rating-area {
  margin-bottom: 40px;
  padding: 40px 0px;
  border-top: 2px solid #1C2A41;
  border-bottom: 2px solid #1C2A41;
  font-size: 0
}
main#main div#rating-area div.rating-head {
  width: 20%;
  display: inline-block;
  vertical-align: middle;
  color: #fff
}
main#main div#rating-area div.rating-head div.items div.icon {
  font-size: 36px;
  color: #1ED6FF;
  margin-bottom: 20px
}
main#main div#rating-area div.rating-head div.items div.title span.book {
  font-family: "Axiforma Book";
  font-size: 21px;
  line-height: 21px;
  display: block
}
main#main div#rating-area div.rating-head div.items div.title span.light {
  font-family: "Axiforma Light";
  font-size: 24px;
  line-height: 24px;
  display: block;
  margin: 15px 0px
}
main#main div#rating-area div.rating-head div.items div.title span.bold {
  font-family: "Axiforma Bold";
  font-size: 27px;
  line-height: 27px;
  display: block
}
main#main div#rating-area div.rating-head div.items div.buttons {
  font-size: 0;
  margin-top: 25px
}
main#main div#rating-area div.rating-head div.items div.buttons a.button {
  display: inline-block;
  vertical-align: middle;
  width: 38px;
  height: 38px;
  text-align: center;
  background-color: #1D2B5D;
  border-radius: 8px;
  margin-right: 5px;
  color: #8D98A9
}
main#main div#rating-area div.rating-head div.items div.buttons a.button:hover {
  background-color: #1ED6FF;
  color: #fff
}
main#main div#rating-area div.rating-head div.items div.buttons a.button i:before {
  font-size: 13px;
  line-height: 38px
}
main#main div#rating-area div.rating-head div.items div.buttons a.button i.icon-arrow-prev:before {
  font-size: 11px
}
main#main div#rating-area div.rating-head div.items div.buttons a.button:last-child {
  margin-right: 0
}
main#main div#rating-area div.rating-carousel {
  width: 80%;
  display: inline-block;
  vertical-align: middle;
  padding-left: 30px
}
main#main div#rating-area div.rating-carousel div.owl-carousel .owl-stage-outer {
  padding-top: 35px
}
main#main div#rating-area div.rating-carousel div.owl-carousel div.slider-item {
  /*background: #0E1635;*/
  background: rgb(39,58,124);
  background: linear-gradient(180deg, rgba(39,58,124,1) 0%, rgba(29,43,93,1) 100%);
  border-radius: 12px;
  padding: 0px 20px 20px 20px;
  text-align: center
}
main#main div#rating-area div.rating-carousel div.owl-carousel div.slider-item div.items figure.image {
  width: 100%;
  margin-bottom: -15px;
  text-align: center;
  position: relative;
  top: -35px;
  height: 100px;
}
main#main div#rating-area div.rating-carousel div.owl-carousel div.slider-item div.items figure.image img {
  max-width: 100px;
  height: auto;
  border-radius: 5px;
  display: inline-block;
  vertical-align: middle
}
main#main div#rating-area div.rating-carousel div.owl-carousel div.slider-item div.items div.title {
  font-family: "Axiforma Regular";
  font-size: 16px;
  line-height: 26px;
  color: #fff;
  margin-bottom: 5px;
  height: 52px;
  overflow: hidden;
}
main#main div#rating-area div.rating-carousel div.owl-carousel div.slider-item div.items div.desc {
  font-family: "Axiforma Regular";
  font-size: 11px;
  line-height: 18px;
  color: #8D98A9;
  margin-bottom: 5px;
  height: 90px;
  overflow: hidden;
}
main#main div#rating-area div.rating-carousel div.owl-carousel div.slider-item div.items div.price {
  font-family: "Axiforma Medium";
  font-size: 12px;
  color: #64A2FF;
  line-height: 12px;
  margin-bottom: 15px
}
main#main div#rating-area div.rating-carousel div.owl-carousel div.slider-item div.items div.icons {
  font-size: 0
}
main#main div#rating-area div.rating-carousel div.owl-carousel div.slider-item div.items div.icons a.button {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px
}
main#main div#rating-area div.rating-carousel div.owl-carousel div.slider-item div.items div.icons a.button:last-child {
  margin-right: 0
}
main#main div#rating-area div.rating-carousel div.owl-carousel div.slider-item div.items div.icons a.button i:before {
  font-size: 16px
}
main#main div#rating-area div.rating-carousel div.owl-carousel div.slider-item div.items div.icons a.button.twitter {
  color: #1DA1F2
}
main#main div#rating-area div.rating-carousel div.owl-carousel div.slider-item div.items div.icons a.button.discord {
  color: #5865F2
}
main#main div#rating-area div.rating-carousel div.owl-carousel div.slider-item div.items div.icons a.button.web {
  color: #8CA3C6
}
main#main div#rating-area div.rating-carousel div.owl-carousel div.slider-item div.items div.icons a.button.sailor {
  color: #2081E2
}
main#main div#rating-area div.rating-carousel div.owl-carousel div.slider-item div.items a.vote-button {
  margin-top: 15px;
  display: inline-block;
  vertical-align: middle;
  height: 40px;
  line-height: 36px;
  border: 2px solid #1ED6FF;
  border-radius: 6px;
  padding: 0px 20px;
  color: #fff;
  font-size: 0;
  transition-duration: 0.5s
}
main#main div#rating-area div.rating-carousel div.owl-carousel div.slider-item div.items a.vote-button:hover {
  background-color: #1ED6FF
}
main#main div#rating-area div.rating-carousel div.owl-carousel div.slider-item div.items a.vote-button:hover div.count span.icon {
  color: #fff
}
main#main div#rating-area div.rating-carousel div.owl-carousel div.slider-item div.items a.vote-button div.text {
  font-family: "PannoSign SemiBold";
  font-size: 18px;
  letter-spacing: -0.04em;
  margin-right: 45px;
  display: inline-block;
  vertical-align: middle;
  height: 36px
}
main#main div#rating-area div.rating-carousel div.owl-carousel div.slider-item div.items a.vote-button div.count {
  display: inline-block;
  vertical-align: middle;
  height: 36px
}
main#main div#rating-area div.rating-carousel div.owl-carousel div.slider-item div.items a.vote-button div.count span.icon {
  color: #1ED6FF;
  position: relative;
  transform: rotate(180deg);
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  transition-duration: 0.5s
}
main#main div#rating-area div.rating-carousel div.owl-carousel div.slider-item div.items a.vote-button div.count span.icon i:before {
  font-size: 12px;
  display: inline-block;
  vertical-align: middle;
  line-height: 36px
}
main#main div#rating-area div.rating-carousel div.owl-carousel div.slider-item div.items a.vote-button div.count span.count {
  font-family: "PannoSign SemiBold";
  font-size: 18px;
  letter-spacing: -0.04em;
  display: inline-block;
  vertical-align: middle
}
main#main div#draw-area {
  margin: 40px
}
main#main div#draw-area div.listing-block div.listing-head {
  text-align: center
}
main#main div#draw-area div.listing-block div.listing-head div.icon {
  color: #E41144;
  font-size: 36px;
  line-height: 36px;
  margin-bottom: 30px
}
main#main div#draw-area div.listing-block div.listing-head div.details {
  color: #fff
}
main#main div#draw-area div.listing-block div.listing-head div.details span.book {
  display: block;
  font-family: "Axiforma Regular";
  font-size: 21px;
  line-height: 21px
}
main#main div#draw-area div.listing-block div.listing-head div.details span.light {
  font-family: "Axiforma Light";
  font-size: 24px;
  line-height: 24px;
  margin: 15px 0px;
  display: block
}
main#main div#draw-area div.listing-block div.listing-head div.details span.bold {
  display: block;
  font-family: "Axiforma Bold";
  font-size: 27px;
  line-height: 27px
}
main#main div#draw-area div.listing-block div.listing-item {
  /*background: #0E1635;*/
  background: rgb(39,58,124);
  background: linear-gradient(180deg, rgba(39,58,124,1) 0%, rgba(29,43,93,1) 100%);
  border-radius: 12px;
  padding: 5px
}
main#main div#draw-area div.listing-block div.listing-item figure.item-image {
  margin-bottom: 0;
  text-align: center
}
main#main div#draw-area div.listing-block div.listing-item figure.item-image img {
  max-width: 100%;
  height: auto;
  border-radius: 10px
}
main#main div#draw-area div.listing-block div.listing-item div.item-details {
  padding: 17px 15px 20px;
  text-align: center
}
main#main div#draw-area div.listing-block div.listing-item div.item-details div.item-name {
  font-family: "Axiforma Medium";
  font-size: 16px;
  line-height: 16px;
  color: #fff;
  margin-bottom: 10px;
  height: 35px;
  overflow: hidden;
}
main#main div#draw-area div.listing-block div.listing-item div.item-details div.item-desc {
  font-family: "Axiforma Medium";
  font-size: 11px;
  line-height: 18px;
  color: #fff;
  margin-bottom: 10px
}
main#main div#draw-area div.listing-block div.listing-item div.item-details div.item-draw {
  margin-bottom: 15px;
  font-family: "Axiforma Medium";
  font-size: 11px;
  color: #64A2FF
}
main#main div#draw-area div.listing-block div.listing-item div.item-details div.item-draw i {
  position: relative;
  top: 1px;
  margin-right: 5px
}
main#main div#draw-area div.listing-block div.listing-item div.item-details div.item-button {
  text-align: center
}
main#main div#draw-area div.listing-block div.listing-item div.item-details div.item-button a.button {
  display: inline-block;
  vertical-align: middle;
  height: 36px;
  background: #E41144;
  border-radius: 6px;
  line-height: 36px;
  font-family: "PannoSign SemiBold";
  font-size: 18px;
  color: #fff;
  letter-spacing: -0.04em;
  padding: 0px 40px;
  transition-duration: 0.5s
}
main#main div#draw-area div.listing-block div.listing-item div.item-details div.item-button a.button:hover {
  box-shadow: 0px 0px 8px rgba(254, 78, 152, 0.8)
}
main#main div#faq-boxs {
  margin-bottom: 55px;
  border: 1px solid #1C2A41
}
main#main div#faq-boxs div.box-block:first-child div.box-item {
  border-right: 1px solid #1C2A41
}
main#main div#faq-boxs div.box-block div.box-item {
  height: 340px;
  display: flex;
  align-items: center;
  padding: 40px
}
main#main div#faq-boxs div.box-block div.box-item div.items {
  color: #fff
}
main#main div#faq-boxs div.box-block div.box-item div.items div.icon {
  margin-bottom: 15px;
  color: #6feb9f;
  font-size: 36px
}
main#main div#faq-boxs div.box-block div.box-item div.items div.icon.icon-contact {
  color: #1ED6FF
}
main#main div#faq-boxs div.box-block div.box-item div.items div.title {
  font-family: "Axiforma Light";
  font-size: 21px;
  line-height: 32px
}
main#main div#faq-boxs div.box-block div.box-item div.items div.title span {
  font-family: "Axiforma Bold";
  display: block
}
main#main div#faq-boxs div.box-block div.box-item div.items div.desc {
  font-family: "Axiforma Regular";
  font-size: 13px;
  line-height: 24px;
  color: #8D98A9;
  margin-top: 15px;
  margin-bottom: 20px
}
main#main div#faq-boxs div.box-block div.box-item div.items div.buttons a.button {
  display: inline-block;
  vertical-align: middle;
  height: 48px;
  box-shadow: 0px 4px 8px rgb(111 234 159 / 20%);
  background-color: #6FEB9F;
  color: #222;
  border-radius: 8px;
  line-height: 48px;
  padding: 0px 30px;
  font-family: "Axiforma Medium";
  font-size: 14px;
  margin-right: 10px;
  transition-duration: 0.5s
}
/*main#main div#faq-boxs div.box-block div.box-item div.items div.buttons a.button:hover {
  background-color: #0050c7
}*/
main#main div#faq-boxs div.box-block div.box-item div.items div.buttons a.button.contact {
  box-shadow: 0px 4px 8px rgba(30, 214, 255, 0.2);
  background-color: #1ED6FF;
  color: #1D2B5D !important;
}
/*main#main div#faq-boxs div.box-block div.box-item div.items div.buttons a.button.contact:hover {
  background-color: #c2103c
}*/
main#main div#faq-boxs div.box-block div.box-item div.items div.buttons a.button.faq {
  background-color: #17A82F;
  box-shadow: 0px 4px 8px rgba(84, 231, 47, 0.2)
}
main#main div#faq-boxs div.box-block div.box-item div.items div.buttons a.button.faq:hover {
  background-color: #0f8322
}
main#main div#faq-boxs div.box-block div.box-item div.items div.buttons a.button:last-child {
  margin-right: 0
}
main#main div#subscribe-area {
  margin-bottom: 55px
}
main#main div#subscribe-area div.subscribe-details {
  font-size: 0
}
main#main div#subscribe-area div.subscribe-details div.icon {
  width: 56px;
  display: inline-block;
  vertical-align: middle
}
main#main div#subscribe-area div.subscribe-details div.icon img {
  max-width: 100%;
  height: auto
}
main#main div#subscribe-area div.subscribe-details div.details {
  width: calc(100% - 56px);
  display: inline-block;
  vertical-align: middle;
  padding-left: 25px;
  color: #fff
}
main#main div#subscribe-area div.subscribe-details div.details span.book {
  font-family: "Axiforma Book";
  font-size: 21px;
  line-height: 21px
}
main#main div#subscribe-area div.subscribe-details div.details span.light {
  font-family: "Axiforma Light";
  font-size: 24px;
  line-height: 24px;
  display: block;
  margin: 15px 0px
}
main#main div#subscribe-area div.subscribe-details div.details span.bold {
  font-family: "Axiforma Bold";
  font-size: 27px;
  line-height: 27px
}
main#main div#subscribe-area form.subscribe-form {
  padding-left: 15px
}
main#main div#subscribe-area form.subscribe-form div.form-group.form-group-active div.form-item {
  border-color: #e41244
}
main#main div#subscribe-area form.subscribe-form div.form-group div.form-item {
  background: #141D3E;
  border: 1px solid #283460;
  border-radius: 8px;
  height: 64px;
  padding: 0px 25px;
  width: 100%;
  font-size: 0;
  display: flex;
  align-items: center;
  transition-duration: 0.5s
}
main#main div#subscribe-area form.subscribe-form div.form-group div.form-item div.icon {
  display: inline-block;
  vertical-align: middle;
  width: 20px
}
main#main div#subscribe-area form.subscribe-form div.form-group div.form-item div.icon i:before {
  font-size: 20px;
  color: #A2B0E2
}
main#main div#subscribe-area form.subscribe-form div.form-group div.form-item div.field {
  width: calc(100% - 20px);
  display: inline-block;
  vertical-align: middle;
  position: relative
}
main#main div#subscribe-area form.subscribe-form div.form-group div.form-item div.field input {
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: none;
  font-family: "Axiforma Regular";
  font-size: 13px;
  outline: none;
  color: #fff;
  box-shadow: none
}
main#main div#subscribe-area form.subscribe-form button {
  width: 100%;
  border: none;
  border-radius: 8px;
  background-color: #e41244;
  /* box-shadow: 0px 4px 8px rgb(227 19 68); */
  height: 62px;
  display: block;
  cursor: pointer;
  line-height: 62px;
  font-family: "Axiforma Medium";
  font-size: 16px;
  color: #fff;
  transition-duration: 0.5s
}
/*main#main div#subscribe-area form.subscribe-form button:hover {
  background-color: #0050c7;
  box-shadow: 0px 0px 8px rgba(254, 78, 152, 0.2)
}*/
main#main.search div.general-search {
  padding: 15px 0px 35px 0px;
  border-bottom: 1px solid #1C293F;
  margin-bottom: 40px
}
main#main.search div.general-search div.search-items {
  font-size: 0
}
main#main.search div.general-search div.search-items div.icon {
  display: inline-block;
  vertical-align: middle;
  width: 24px
}
main#main.search div.general-search div.search-items div.icon i:before {
  font-size: 24px;
  color: #1ED6FF
}
main#main.search div.general-search div.search-items div.details {
  width: calc(100% - 24px);
  display: inline-block;
  vertical-align: middle;
  padding-left: 15px
}
main#main.search div.general-search div.search-items div.details div.top {
  font-family: "Axiforma Book";
  font-size: 21px;
  line-height: 33px;
  color: #fff
}
main#main.search div.general-search div.search-items div.details div.bottom {
  font-family: "Axiforma Regular";
  font-size: 13px;
  line-height: 21px;
  color: #8D98A9
}
main#main.search div#general-listing {
  margin-bottom: 40px;
  position: relative
}
main#main.search div#general-listing:after {
  position: absolute;
  content: "";
  top: -41px;
  left: 0;
  width: 60px;
  height: 1px;
  background-color: #1ED6FF
}
main#main.search div#website-initials {
  margin-bottom: 20px
}
/** Listing */
main#main.listing div#listing-area {
  font-size: 0
}
main#main.listing div#listing-area aside#listing-filters {
  width: 235px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 25px
}
main#main.listing div#listing-area aside#listing-filters div.widget {
  background-color: #141D3E;
  border-radius: 8px;
  margin-bottom: 15px
}
main#main.listing div#listing-area aside#listing-filters div.widget:last-child {
  margin-bottom: 0
}
main#main.listing div#listing-area aside#listing-filters div.widget.widget-open div.widget-header div.arrow i {
  position: relative;
  display: block;
  transform: rotate(180deg)
}
main#main.listing div#listing-area aside#listing-filters div.widget.widget-open div.widget-body {
  display: block
}
main#main.listing div#listing-area aside#listing-filters div.widget div.widget-header {
  height: 44px;
  line-height: 44px;
  border-radius: 8px;
  background-color: #1D2B5D;
  font-size: 0;
  padding: 0px 20px;
  cursor: pointer
}
main#main.listing div#listing-area aside#listing-filters div.widget div.widget-header div.title {
  width: calc(100% - 20px);
  display: inline-block;
  vertical-align: middle;
  font-family: "Axiforma Regular";
  font-size: 13px;
  line-height: 13px;
  color: #fff;
  border-left: 2px solid #1ED6FF;
  padding-left: 15px
}
main#main.listing div#listing-area aside#listing-filters div.widget div.widget-header div.arrow {
  width: 20px;
  display: inline-block;
  vertical-align: middle;
  text-align: center
}
main#main.listing div#listing-area aside#listing-filters div.widget div.widget-header div.arrow i:before {
  font-size: 12px;
  color: #5A6678;
  vertical-align: middle;
  line-height: 44px
}
main#main.listing div#listing-area aside#listing-filters div.widget div.widget-body {
  padding: 20px;
  display: none
}
main#main.listing div#listing-area aside#listing-filters div.widget div.widget-body div.checkboxs label.checkbox {
  width: 100%;
  cursor: pointer;
  margin-bottom: 10px
}
main#main.listing div#listing-area aside#listing-filters div.widget div.widget-body div.checkboxs label.checkbox:last-child {
  margin-bottom: 0
}
main#main.listing div#listing-area aside#listing-filters div.widget div.widget-body div.checkboxs label.checkbox input {
  display: none
}
main#main.listing div#listing-area aside#listing-filters div.widget div.widget-body div.checkboxs label.checkbox input:checked ~ div.checkbox div.icon {
  background-color: #1ED6FF;
  border-color: #1ED6FF;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.829 0.681826L11.2734 0.160935C11.0444 -0.0536451 10.6707 -0.0536451 10.4398 0.160935L4.61316 5.6248L1.56088 2.76357C1.33197 2.54896 0.958254 2.54896 0.727377 2.76357L0.171681 3.28446C-0.057227 3.49906 -0.057227 3.84937 0.171681 4.06579L4.19445 7.83675C4.3099 7.94498 4.45857 8 4.60924 8C4.75991 8 4.91056 7.94498 5.02407 7.83675L11.8232 1.46319C12.058 1.24494 12.058 0.896455 11.829 0.681826Z' fill='white'/%3E%3C/svg%3E")
}
main#main.listing div#listing-area aside#listing-filters div.widget div.widget-body div.checkboxs label.checkbox input:checked ~ div.checkbox div.name {
  color: #fff
}
main#main.listing div#listing-area aside#listing-filters div.widget div.widget-body div.checkboxs label.checkbox div.checkbox {
  font-size: 0
}
main#main.listing div#listing-area aside#listing-filters div.widget div.widget-body div.checkboxs label.checkbox div.checkbox div.icon {
  width: 20px;
  height: 20px;
  background: #142236;
  border: 1px solid #23334D;
  border-radius: 6px;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: 50% 50%
}
main#main.listing div#listing-area aside#listing-filters div.widget div.widget-body div.checkboxs label.checkbox div.checkbox div.name {
  width: calc(100% - 40px);
  display: inline-block;
  vertical-align: middle;
  padding: 0px 15px;
  font-family: "Axiforma Medium";
  font-size: 12px;
  color: #fff
}
main#main.listing div#listing-area aside#listing-filters div.widget div.widget-body div.checkboxs label.checkbox div.checkbox div.image {
  width: 20px;
  display: inline-block;
  vertical-align: middle;
  text-align: center
}
main#main.listing div#listing-area aside#listing-filters div.widget div.widget-body div.checkboxs label.checkbox div.checkbox div.image img {
  height: auto;
  max-width: 16px;
  max-height: 16px
}
main#main.listing div#listing-area aside#listing-filters div.widget div.widget-body div.inputs {
  font-size: 0
}
main#main.listing div#listing-area aside#listing-filters div.widget div.widget-body div.inputs div.input {
  width: calc(50% - 4px);
  display: inline-block;
  vertical-align: middle
}
main#main.listing div#listing-area aside#listing-filters div.widget div.widget-body div.inputs div.input:first-child {
  margin-right: 8px
}
main#main.listing div#listing-area aside#listing-filters div.widget div.widget-body div.inputs div.input div.title {
  font-family: "Axiforma SemiBold";
  font-size: 11px;
  color: #8D98A9;
  display: block;
  padding: 0px 15px;
  margin-bottom: 5px
}
main#main.listing div#listing-area aside#listing-filters div.widget div.widget-body div.inputs div.input input {
  width: 100%;
  height: 38px;
  background: #25364E;
  border: 1px solid #394C67;
  box-sizing: border-box;
  border-radius: 8px;
  padding: 0px 15px;
  font-family: "PannoSign SemiBold";
  font-size: 16px;
  letter-spacing: -0.04em;
  color: #D0D9E6
}
main#main.listing div#listing-area aside#listing-filters div.widget div.widget-body div.chains .row {
  margin: 0px -2px
}
main#main.listing div#listing-area aside#listing-filters div.widget div.widget-body div.chains .col-12 {
  padding: 0px 2px
}
main#main.listing div#listing-area aside#listing-filters div.widget div.widget-body div.chains label.checkbox {
  margin-bottom: 10px;
  width: 100%;
  cursor: pointer
}
main#main.listing div#listing-area aside#listing-filters div.widget div.widget-body div.chains label.checkbox input {
  display: none
}
main#main.listing div#listing-area aside#listing-filters div.widget div.widget-body div.chains label.checkbox input:checked ~ div.name {
  background-color: #435878;
  color: #fff
}
main#main.listing div#listing-area aside#listing-filters div.widget div.widget-body div.chains label.checkbox div.name {
  background: #1A283D;
  border: 1px solid #25364E;
  border-radius: 6px;
  padding: 10px 5px;
  text-align: center;
  width: 100%;
  font-family: "Axiforma Medium";
  font-size: 11px;
  line-height: 11px;
  color: #8D98A9
}
main#main.listing div#listing-area aside#listing-filters div.widget div.widget-body div.radios label.radio {
  margin-bottom: 10px;
  width: 100%;
  cursor: pointer
}
main#main.listing div#listing-area aside#listing-filters div.widget div.widget-body div.radios label.radio:last-child {
  margin-bottom: 0
}
main#main.listing div#listing-area aside#listing-filters div.widget div.widget-body div.radios label.radio input {
  display: none
}
main#main.listing div#listing-area aside#listing-filters div.widget div.widget-body div.radios label.radio input:checked ~ div.radio div.icon {
  background-color: #fff;
  border: 5px solid #1ED6FF
}
main#main.listing div#listing-area aside#listing-filters div.widget div.widget-body div.radios label.radio div.radio {
  font-size: 0
}
main#main.listing div#listing-area aside#listing-filters div.widget div.widget-body div.radios label.radio div.radio div.icon {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  background: #142236;
  border: 1px solid #23334D;
  display: inline-block;
  vertical-align: middle
}
main#main.listing div#listing-area aside#listing-filters div.widget div.widget-body div.radios label.radio div.radio div.name {
  width: calc(100% - 20px);
  display: inline-block;
  vertical-align: middle;
  padding-left: 10px;
  font-family: "Axiforma Medium";
  font-size: 12px;
  color: #fff
}
main#main.listing div#listing-area aside#listing-filters button {
  display: block;
  width: 100%;
  height: 44px;
  box-shadow: 0px 4px 8px rgb(111 234 159 / 20%);
  border-radius: 8px;
  background: #6FEB9F;
  border: none;
  color: #2F2C2C;
  font-size: 0;
  cursor: pointer;
  transition-duration: 0.5s
}
/*main#main.listing div#listing-area aside#listing-filters button:hover {
  background-color: #0050c7
}*/
main#main.listing div#listing-area aside#listing-filters button span.name {
  display: inline-block;
  vertical-align: middle;
  font-family: "Axiforma Medium";
  font-size: 14px;
  margin-right: 30px
}
main#main.listing div#listing-area aside#listing-filters button span.icon {
  display: inline-block;
  vertical-align: middle
}
main#main.listing div#listing-area aside#listing-filters button span.icon i:before {
  font-size: 22px;
  line-height: 44px
}
main#main.listing div#listing-area div#general-listing {
  width: calc(100% - 235px);
  display: inline-block;
  vertical-align: top;
  padding-left: 20px
}
main#main.listing div#listing-area div#general-listing div.listing-header div.head-others {
  width: 100%
}
main#main.listing div#listing-area div#general-listing div.listing-header div.head-others div.search-box {
  /*width: calc(100% - 300px);*/
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0;
  height: 44px;
  margin-right: 20px
}
main#main.listing div#listing-area div#general-listing div.listing-header div.head-others div.search-box input {
  width: calc(100% - 38px);
  height: 44px;
  line-height: 44px
}
main#main.listing div#listing-area div#general-listing div.listing-header div.head-others div.select-area {
  width: 280px;
  height: 44px;
  display: inline-block;
  vertical-align: middle;
  background-color: #1A283D;
  border-radius: 8px;
  padding: 0px 20px;
  font-size: 0;
  color: #8391A8
}
main#main.listing div#listing-area div#general-listing div.listing-header div.head-others div.select-area div.icon {
  width: 16px;
  display: inline-block;
  vertical-align: middle
}
main#main.listing div#listing-area div#general-listing div.listing-header div.head-others div.select-area div.icon i:before {
  font-size: 16px;
  line-height: 44px
}
main#main.listing div#listing-area div#general-listing div.listing-header div.head-others div.select-area select {
  width: calc(100% - 16px);
  display: inline-block;
  vertical-align: middle;
  font-family: "Axiforma Medium";
  font-size: 10px;
  color: #8D98A9;
  margin-left: 0;
  padding-right: 0;
  height: 44px;
  line-height: 44px;
  background-position: 100% 50%
}
@media (min-width: 1301px) {
  main#main.listing div#general-listing div.listing-main div.main-block div.block-head div.head-block div.item.item-collections {
    width: calc(100% - 780px) !important
  }
  main#main.listing div#general-listing div.listing-main div.main-block div.block-head div.head-block div.item.item-platforms {
    width: 70px !important
  }
  main#main.listing div#general-listing div.listing-main div.main-block div.block-head div.head-block div.item.item-count {
    width: 100px !important
  }
  main#main.listing div#general-listing div.listing-main div.main-block div.block-head div.head-block div.item.item-price {
    width: 100px !important
  }
  main#main.listing div#general-listing div.listing-main div.main-block div.block-head div.head-block div.item.item-clock {
    width: 90px !important
  }
  main#main.listing div#general-listing div.listing-main div.main-block div.block-head div.head-block div.item.item-whitelist {
    width: 90px !important
  }
  main#main.listing div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item {
    font-size: 14px !important
  }
  main#main.listing div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-collections {
    width: calc(100% - 780px) !important
  }
  main#main.listing div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-platforms {
    width: 70px !important
  }
  main#main.listing div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-count {
    width: 100px !important
  }
  main#main.listing div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-price {
    width: 100px !important
  }
  main#main.listing div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-clock {
    width: 90px !important
  }
  main#main.listing div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-whitelist {
    width: 90px !important
  }
}
/** Submit */
main#main.submit {
  margin-bottom: 40px;
  margin-top: 40px
}
main#main.submit .main-row {
  margin: 0px -20px
}
main#main.submit .main-block {
  padding: 0px 20px
}
main#main.submit form.submit-form div.form-group {
  margin-bottom: 20px
}
main#main.submit form.submit-form div.form-group div.title {
  font-family: "Axiforma Medium";
  font-size: 11px;
  line-height: 11px;
  color: #A2B0E2;
  margin-bottom: 10px;
  padding-left: 25px
}
main#main.submit form.submit-form div.form-group div.form-item {
  background: #141D3E;
  border: 1px solid #1D2B5D;
  border-radius: 8px;
  height: 48px;
  padding: 0px 40px 0px 45px;
  position: relative;
  transition-duration: .5s;
}
main#main.submit form.submit-form div.form-group.form-group-active div.form-item,
main#main.submit form.submit-form div.form-group.form-group-active div.form-item-date, 
main#main.submit form.submit-form div.form-group.form-group-active div.form-item-text,
main#main.submit form.submit-form div.form-group div.form-item-select.form-group-active {
  border-color: #1ED6FF;
}

main#main.submit form.submit-form div.form-group div.form-item:before {
  position: absolute;
  content: "";
  top: 15px;
  left: 24px;
  width: 2px;
  height: 16px;
  border-radius: 2px;
  background-color: #1dd6fe;
}
main#main.submit form.submit-form div.form-group div.form-item input {
  height: 48px;
  width: 100%;
  border: none;
  background-color: transparent;
  font-family: "Axiforma Regular";
  font-size: 12px;
  color: #D0D7F0
}
main#main.submit form.submit-form div.form-group div.form-item input::placeholder {
  opacity: 1;
  color: #fff
}
main#main.submit form.submit-form div.form-group div.form-item-text {
  background: #141D3E;
  border: 1px solid #1D2B5D;
  border-radius: 8px;
  height: 300px;
  padding: 0px 40px 0px 45px;
  position: relative;
  transition-duration: .5s;
}
main#main.submit form.submit-form div.form-group div.form-item-text:before {
  position: absolute;
  content: "";
  top: 15px;
  left: 24px;
  width: 2px;
  height: 16px;
  border-radius: 2px;
  background-color: #1dd6fd;
}
main#main.submit form.submit-form div.form-group div.form-item-text textarea {
  height: 100%;
  width: 100%;
  border: none;
  background-color: transparent;
  font-family: "Axiforma Regular";
  font-size: 12px;
  color: #C4CDDB;
  padding: 15px 0px;
  resize: none
}
main#main.submit form.submit-form div.form-group div.form-item-text textarea::placeholder {
  opacity: 1;
  color: #C4CDDB
}
main#main.submit form.submit-form div.form-group div.form-item-check label.checkbox {
  margin-bottom: 0;
  cursor: pointer
}
main#main.submit form.submit-form div.form-group div.form-item-check label.checkbox input {
  display: none
}
main#main.submit form.submit-form div.form-group div.form-item-check label.checkbox input:checked ~ div.checkbox div.icon {
  background-color: #43EFA2;
  border-color: #43EFA2;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.829 0.681826L11.2734 0.160935C11.0444 -0.0536451 10.6707 -0.0536451 10.4398 0.160935L4.61316 5.6248L1.56088 2.76357C1.33197 2.54896 0.958254 2.54896 0.727377 2.76357L0.171681 3.28446C-0.057227 3.49906 -0.057227 3.84937 0.171681 4.06579L4.19445 7.83675C4.3099 7.94498 4.45857 8 4.60924 8C4.75991 8 4.91056 7.94498 5.02407 7.83675L11.8232 1.46319C12.058 1.24494 12.058 0.896455 11.829 0.681826Z' fill='white'/%3E%3C/svg%3E")
}
main#main.submit form.submit-form div.form-group div.form-item-check label.checkbox div.checkbox {
  font-size: 0
}
main#main.submit form.submit-form div.form-group div.form-item-check label.checkbox div.checkbox div.icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #23334D;
  border-radius: 4px;
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: 50% 50%
}
main#main.submit form.submit-form div.form-group div.form-item-check label.checkbox div.checkbox div.text {
  padding-left: 15px;
  width: calc(100% - 20px);
  display: inline-block;
  vertical-align: middle;
  font-family: "Axiforma Medium";
  font-size: 13px;
  line-height: 26px;
  color: #B1BDE7
}
main#main.submit form.submit-form div.form-group div.form-item-date {
  background: #141D3E;
  border: 1px solid #1D2B5D;
  border-radius: 8px;
  height: 48px;
  padding: 0px 20px 0px 45px;
  position: relative;
  font-size: 0
}
main#main.submit form.submit-form div.form-group div.form-item-date:before {
  position: absolute;
  content: "";
  top: 15px;
  left: 24px;
  width: 2px;
  height: 16px;
  border-radius: 2px;
  background-color: #1dd6fe;
}
main#main.submit form.submit-form div.form-group div.form-item-date input {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  border: none;
  background-color: transparent;
  font-family: "Axiforma Regular";
  font-size: 12px;
  color: #C4CDDB;
  position: relative;
  z-index: 2
}
main#main.submit form.submit-form div.form-group div.form-item-date input::placeholder {
  opacity: 1;
  font-size: 12px;
  color: #C4CDDB
}
main#main.submit form.submit-form div.form-group div.form-item-date div.icon {
  width: 16px;
  display: inline-block;
  vertical-align: middle;
  text-align: right;
  position: absolute;
  right: 20px;
  top: 15px;
  z-index: 1
}
main#main.submit form.submit-form div.form-group div.form-item-date div.icon i:before {
  font-size: 16px;
  color: #98A4B6
}
main#main.submit form.submit-form div.form-group div.form-item-selects {
  font-size: 0
}
main#main.submit form.submit-form div.form-group div.form-item-select {
  background: #141D3E;
  border: 1px solid #1D2B5D;
  border-radius: 8px;
  height: 48px;
  padding: 0px 10px 0px 45px;
  position: relative;
  width: calc(50% - 4px);
  display: inline-block;
  vertical-align: middle
}
main#main.submit form.submit-form div.form-group div.form-item-select:first-child {
  margin-right: 8px
}
main#main.submit form.submit-form div.form-group div.form-item-select:before {
  position: absolute;
  content: "";
  top: 15px;
  left: 24px;
  width: 2px;
  height: 16px;
  border-radius: 2px;
  background-color: #1dd6fe;
}
main#main.submit form.submit-form div.form-group div.form-item-select select {
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: none;
  font-family: "Axiforma Regular";
  font-size: 13px;
  color: #C4CDDB;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("../../images/form-arrow-down.png");
  background-repeat: no-repeat;
  background-position: 90% 50%;
  background-size: 12px
}
main#main.submit form.submit-form div.form-group div.form-item-select select option {
  background-color: #0E1635;
  color: #fff
}
main#main.submit form.submit-form div.form-group div.form-item-coin {
  background-color: #141D3E;
  border-radius: 8px;
  border: 1px solid #1D2B5D
}
main#main.submit form.submit-form div.form-group div.form-item-coin.active {
  border-color: #1ED6FF;
}
main#main.submit form.submit-form div.form-group div.form-item-coin.active div.current-options {
  border-color: #1ED6FF;
}

main#main.submit form.submit-form div.form-group div.form-item-coin.active div.current-coin {
  border-bottom: 1px solid #23334D;
}
main#main.submit form.submit-form div.form-group div.form-item-coin.active div.current-coin div.platform-holder div.icon i {
  display: inline-block;
  vertical-align: middle;
  transform: rotate(180deg);
  font-size: 0;
  position: relative;
  top: -6px
}
main#main.submit form.submit-form div.form-group div.form-item-coin.active div.current-options {
  display: block
}
main#main.submit form.submit-form div.form-group div.form-item-coin div.current-coin {
  background: #141D3E;
  border-radius: 8px;
  height: 48px;
  padding: 0px 40px 0px 45px;
  position: relative;
  font-size: 0;
  cursor: pointer;
  position: relative;
  z-index: 10
}
main#main.submit form.submit-form div.form-group div.form-item-coin div.current-coin:before {
  position: absolute;
  content: "";
  top: 15px;
  left: 24px;
  width: 2px;
  height: 16px;
  border-radius: 2px;
  background-color: #1dd6fe;
}
main#main.submit form.submit-form div.form-group div.form-item-coin div.current-coin div.platform-holder {
  width: 100%;
  line-height: 48px
}
main#main.submit form.submit-form div.form-group div.form-item-coin div.current-coin div.platform-holder div.image {
  width: 28px;
  height: 28px;
  border-radius: 28px;
  background-color: #142033;
  text-align: center;
  line-height: 28px;
  display: inline-block;
  vertical-align: middle;
  display: none;
  margin-right: 10px
}
main#main.submit form.submit-form div.form-group div.form-item-coin div.current-coin div.platform-holder div.image.active {
  display: inline-block
}
main#main.submit form.submit-form div.form-group div.form-item-coin div.current-coin div.platform-holder div.image img {
  height: auto;
  max-width: 14px;
  max-height: 16px
}
main#main.submit form.submit-form div.form-group div.form-item-coin div.current-coin div.platform-holder div.text {
  display: inline-block;
  vertical-align: middle;
  font-family: "Axiforma Regular";
  font-size: 12px;
  color: #8D98A9
}
main#main.submit form.submit-form div.form-group div.form-item-coin div.current-coin div.platform-holder div.icon {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 5px;
  right: 20px
}
main#main.submit form.submit-form div.form-group div.form-item-coin div.current-coin div.platform-holder div.icon i:before {
  color: #5A6678;
  font-size: 12px
}
main#main.submit form.submit-form div.form-group div.form-item-coin div.current-options {
  position: absolute;
  top: 65px;
  left: 10px;
  width: calc(100% - 20px);
  background-color: #141D3E;
  border: 1px solid #1D2B5D;
  border-top: none;
  z-index: 19;
  border-radius: 0px 0px 8px 8px;
  display: none
}
main#main.submit form.submit-form div.form-group div.form-item-coin div.current-options a.option {
  display: block;
  padding: 10px 25px;
  font-size: 0
}
main#main.submit form.submit-form div.form-group div.form-item-coin div.current-options a.option:first-child {
  border-radius: 8px 8px 0px 0px;
  padding-top: 16px
}
main#main.submit form.submit-form div.form-group div.form-item-coin div.current-options a.option:last-child {
  border-radius: 0px 0px 8px 8px
}
main#main.submit form.submit-form div.form-group div.form-item-coin div.current-options a.option:hover,
main#main.submit form.submit-form div.form-group div.form-item-coin div.current-options a.option.active {
  background-color: #141D3E
}
main#main.submit form.submit-form div.form-group div.form-item-coin div.current-options a.option:hover div.text,
main#main.submit form.submit-form div.form-group div.form-item-coin div.current-options a.option.active div.text {
  color: #C4CDDB
}
main#main.submit form.submit-form div.form-group div.form-item-coin div.current-options a.option div.icon {
  width: 32px;
  height: 32px;
  border-radius: 32px;
  background-color: #142033;
  text-align: center;
  line-height: 32px;
  display: inline-block;
  vertical-align: middle
}
main#main.submit form.submit-form div.form-group div.form-item-coin div.current-options a.option div.icon img {
  height: auto;
  max-width: 16px;
  max-height: 18px
}
main#main.submit form.submit-form div.form-group div.form-item-coin div.current-options a.option div.text {
  width: calc(100% - 100px);
  display: inline-block;
  vertical-align: middle;
  font-family: "Axiforma Regular";
  font-size: 13px;
  color: #8D98A9;
  padding: 0px 15px
}
main#main.submit form.submit-form div.form-group div.form-item-coin div.current-options a.option div.text.active {
  color: #C4CDDB
}
main#main.submit form.submit-form div.form-group div.form-item-coin div.current-options a.option div.sub {
  width: 68px;
  display: inline-block;
  vertical-align: middle;
  text-align: right;
  font-family: "Axiforma Medium";
  font-size: 11px;
  color: #8D98A9
}
main#main.submit form.submit-form div.form-group div.form-item-category {
  background-color: #1A283D;
  border-radius: 8px;
  border: 1px solid #23334D
}
main#main.submit form.submit-form div.form-group div.form-item-category.active {
  border-color: #1ED6FF;
}
main#main.submit form.submit-form div.form-group div.form-item-category.active div.current-coin {
  border-bottom: 1px solid #23334D
}
main#main.submit form.submit-form div.form-group div.form-item-category.active div.current-coin div.platform-holder div.icon i {
  display: inline-block;
  vertical-align: middle;
  transform: rotate(180deg);
  font-size: 0;
  position: relative;
  top: -6px
}
main#main.submit form.submit-form div.form-group div.form-item-category.active div.current-options {
  display: block;
  border-color: #1ED6FF;
}
main#main.submit form.submit-form div.form-group div.form-item-category div.current-coin {
  background: #1A283D;
  border-radius: 8px;
  height: 48px;
  padding: 0px 40px 0px 45px;
  position: relative;
  font-size: 0;
  cursor: pointer;
  position: relative;
  z-index: 10
}
main#main.submit form.submit-form div.form-group div.form-item-category div.current-coin:before {
  position: absolute;
  content: "";
  top: 15px;
  left: 24px;
  width: 2px;
  height: 16px;
  border-radius: 2px;
  background-color: #1ED6FF
}
main#main.submit form.submit-form div.form-group div.form-item-category div.current-coin div.platform-holder {
  width: 100%;
  line-height: 48px
}
main#main.submit form.submit-form div.form-group div.form-item-category div.current-coin div.platform-holder div.text {
  display: inline-block;
  vertical-align: middle;
  font-family: "Axiforma Regular";
  font-size: 12px;
  color: #8D98A9;
  height: 48px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block
}
main#main.submit form.submit-form div.form-group div.form-item-category div.current-coin div.platform-holder div.text span {
  text-transform: capitalize;
  display: inline-block;
  vertical-align: middle
}
main#main.submit form.submit-form div.form-group div.form-item-category div.current-coin div.platform-holder div.text span:after {
  content: ",";
  margin: 0px 3px 0px 0px
}
main#main.submit form.submit-form div.form-group div.form-item-category div.current-coin div.platform-holder div.text span:last-child:after {
  display: none
}
main#main.submit form.submit-form div.form-group div.form-item-category div.current-coin div.platform-holder div.icon {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 5px;
  right: 20px
}
main#main.submit form.submit-form div.form-group div.form-item-category div.current-coin div.platform-holder div.icon i:before {
  color: #5A6678;
  font-size: 12px
}
main#main.submit form.submit-form div.form-group div.form-item-category div.current-options {
  position: absolute;
  top: 65px;
  left: 10px;
  width: calc(100% - 20px);
  background-color: #1A283D;
  border: 1px solid #23334D;
  border-top: none;
  z-index: 19;
  border-radius: 0px 0px 8px 8px;
  display: none;
  padding: 20px;
  height: 180px;
  overflow-y: auto
}
main#main.submit form.submit-form div.form-group div.form-item-category div.current-options label.checkbox {
  display: block;
  margin-bottom: 8px;
  cursor: pointer
}
main#main.submit form.submit-form div.form-group div.form-item-category div.current-options label.checkbox:last-child {
  margin-bottom: 0
}
main#main.submit form.submit-form div.form-group div.form-item-category div.current-options label.checkbox input {
  display: none
}
main#main.submit form.submit-form div.form-group div.form-item-category div.current-options label.checkbox input:checked ~ div.checkbox div.icon {
  background-color: #1ED6FF;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.829 0.681826L11.2734 0.160935C11.0444 -0.0536451 10.6707 -0.0536451 10.4398 0.160935L4.61316 5.6248L1.56088 2.76357C1.33197 2.54896 0.958254 2.54896 0.727377 2.76357L0.171681 3.28446C-0.057227 3.49906 -0.057227 3.84937 0.171681 4.06579L4.19445 7.83675C4.3099 7.94498 4.45857 8 4.60924 8C4.75991 8 4.91056 7.94498 5.02407 7.83675L11.8232 1.46319C12.058 1.24494 12.058 0.896455 11.829 0.681826Z' fill='white'/%3E%3C/svg%3E")
}
main#main.submit form.submit-form div.form-group div.form-item-category div.current-options label.checkbox input:checked ~ div.checkbox div.name {
  color: #fff
}
main#main.submit form.submit-form div.form-group div.form-item-category div.current-options label.checkbox div.checkbox {
  font-size: 0
}
main#main.submit form.submit-form div.form-group div.form-item-category div.current-options label.checkbox div.checkbox div.icon {
  background: #142236;
  border: 1px solid #23334D;
  border-radius: 6px;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: 50% 50%
}
main#main.submit form.submit-form div.form-group div.form-item-category div.current-options label.checkbox div.checkbox div.name {
  font-family: "Axiforma Medium";
  font-size: 12px;
  line-height: 24px;
  color: #ACB8C9;
  display: inline-block;
  vertical-align: middle;
  padding-left: 10px
}
main#main.submit form.submit-form div.form-group button[type="submit"] {
  width: 100%;
  height: 60px;
  border-radius: 8px;
  background: #43EFA2;
  box-shadow: 0px 4px 8px rgb(111 234 159 / 20%);
  border-radius: 8px;
  font-family: "Axiforma Medium";
  font-size: 19px;
  color: #1D2B5D;
  border: none;
  cursor: pointer;
  transition-duration: 0.5s;
  line-height: 64px;
}
/*main#main.submit form.submit-form div.form-group button[type="submit"]:hover {
  background-color: #0050c7
}*/
main#main.submit form.submit-form div.form-image {
  margin-top: 15px;
  padding: 20px 0px;
  border-top: 4px solid #1A283D;
  /*border-bottom: 4px solid #1A283D;*/
  margin-bottom: 15px;
  font-size: 0
}
main#main.submit form.submit-form div.form-image div.nft-details {
  /*width: calc(100% - 110px);*/
  width: 100%;
  display: inline-block;
  vertical-align: middle
}
main#main.submit form.submit-form div.form-image div.nft-details div.section-title {
  font-family: "Axiforma Regular";
  font-size: 13px;
  line-height: 13px;
  color: #A2B0E2
}
main#main.submit form.submit-form div.form-image div.nft-details div.section-desc {
  font-family: "Axiforma Medium";
  font-size: 11px;
  color: #A2B0E2;
  margin: 8px 0px 12px
}
main#main.submit form.submit-form div.form-image div.nft-details div.section-file input {
  display: none
}
main#main.submit form.submit-form div.form-image div.nft-details div.section-file label.image {
  cursor: pointer;
  height: 48px;
  line-height: 52px;
  padding: 0px 10px;
  background: #1ED6FF;
  box-shadow: 0px 4px 8px rgb(111 234 159 / 20%);
  border-radius: 8px;
  font-family: "Axiforma Medium";
  font-size: 13px;
  color: #1D2B5D;
  transition-duration: 0.5s
}
.section-file {display: block;float: left;width: 25%;text-align: center;}
/*main#main.submit form.submit-form div.form-image div.nft-details div.section-file label.image:hover {
  background-color: #0050c7
}*/
main#main.submit form.submit-form div.form-image figure.nft-image {
  width: 110px;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 10px;
}
main#main.submit form.submit-form div.form-image figure.nft-image img {
  max-width: 100%;
  height: auto;
  border-radius: 10px
}
main#main.submit div.submit-content {
  color: #fff;
  border-bottom: 4px solid #1A283D;
  padding-bottom: 40px;
  margin-bottom: 40px
}
main#main.submit div.submit-content div.content-icon {
  color: #1ED6FF;
  margin-bottom: 20px;
  font-size: 36px;
  line-height: 36px
}
main#main.submit div.submit-content div.content-title {
  font-family: "Axiforma Book";
  font-size: 27px;
  line-height: 42px;
  margin-bottom: 20px
}
main#main.submit div.submit-content div.content-title strong {
  font-family: "Axiforma Bold";
  font-size: 24px;
  line-height: 39px;
  display: block
}
main#main.submit div.submit-content div.content-desc {
  font-family: "Axiforma Regular";
  font-size: 13px;
  line-height: 26px;
  color: #B1BDE7;
  margin-bottom: 20px
}
main#main.submit div.submit-content div.content-attention {
  background-color: #141D3E;
  border-radius: 12px;
  padding: 30px
}
main#main.submit div.submit-content div.content-attention div.attention-title {
  color: #1ED6FF;
  font-family: "Axiforma Regular";
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 15px
}
main#main.submit div.submit-content div.content-attention ul {
  padding: 0;
  margin: 0
}
main#main.submit div.submit-content div.content-attention ul li {
  display: block;
  font-family: "Axiforma Regular";
  font-size: 13px;
  line-height: 26px;
  color: #fff;
  margin-bottom: 15px;
  padding-left: 20px;
  position: relative
}
main#main.submit div.submit-content div.content-attention ul li:last-child {
  margin-bottom: 0
}
main#main.submit div.submit-content div.content-attention ul li:before {
  position: absolute;
  content: "";
  top: calc(50% - 3px);
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background-color: #1ED6FF;
}
main#main.submit div.contact-content {
  color: #fff
}
main#main.submit div.contact-content div.content-title {
  font-family: "Axiforma Light";
  font-size: 21px;
  line-height: 32px;
  margin-bottom: 15px
}
main#main.submit div.contact-content div.content-title strong {
  font-family: "Axiforma Bold";
  font-size: 24px;
  line-height: 39px;
  display: block
}
main#main.submit div.contact-content div.content-desc {
  font-family: "Axiforma Regular";
  font-size: 13px;
  line-height: 24px;
  color: #B1BDE7;
  margin-bottom: 20px
}
main#main.submit div.contact-content div.content-buttons {
  font-size: 0
}
main#main.submit div.contact-content div.content-buttons a.button {
  display: inline-block;
  vertical-align: middle;
  height: 48px;
  box-shadow: 0px 4px 8px rgb(111 234 159 / 20%);
  background-color: #1ED6FF;
  border-radius: 8px;
  line-height: 48px;
  padding: 0px 30px;
  font-family: "Axiforma Medium";
  font-size: 14px;
  margin-right: 10px;
  transition-duration: 0.5s
}
main#main.submit div.contact-content div.content-buttons a.button.contact {
  background-color: #1ED6FF;
  color: #1D2B5D;
  box-shadow: 0px 4px 8px rgba(67, 239, 162, 0.2)
}
/*main#main.submit div.contact-content div.content-buttons a.button.contact:hover {
  background-color: #c2103c
}*/
main#main.submit div.contact-content div.content-buttons a.button.faq {
  background-color: #17A82F;
  box-shadow: 0px 4px 8px rgba(84, 231, 47, 0.2)
}
main#main.submit div.contact-content div.content-buttons a.button.faq:hover {
  background-color: #0f8322
}
main#main.submit div.contact-content div.content-buttons a.button:last-child {
  margin-right: 0
}
main#main.single {
  margin-bottom: 40px;
  margin-top: 40px
}
main#main.single article#nft-article {
  border-radius: 12px;
  background-color: #0E1635
}
article#nft-article header#nft-header {
  font-size: 0;
  padding: 40px 35px;
  position: relative;
  z-index: 5
}
article#nft-article header#nft-header aside.nft-side {
  width: 260px;
  display: inline-block;
  vertical-align: top
}
article#nft-article header#nft-header aside.nft-side figure.nft-image img {
  max-width: 100%;
  height: auto;
  border-radius: 16px
}
article#nft-article header#nft-header aside.nft-side div.nft-platform {
  border: 2px solid #273A7C;
  border-radius: 12px;
  padding: 15px;
  font-size: 0
}
article#nft-article header#nft-header aside.nft-side div.nft-platform div.title {
  width: 100px;
  display: inline-block;
  vertical-align: middle;
  font-family: "Axiforma Medium";
  font-size: 13px;
  color: #B1BDE7;
}
article#nft-article header#nft-header aside.nft-side div.nft-platform div.content {
  width: calc(100% - 100px);
  display: inline-block;
  vertical-align: middle;
  text-align: right
}
article#nft-article header#nft-header aside.nft-side div.nft-platform div.content span.text {
  display: inline-block;
  vertical-align: middle;
  font-family: "Axiforma Medium";
  font-size: 13px;
  color: #fff;
  margin-right: 10px
}
article#nft-article header#nft-header aside.nft-side div.nft-platform div.content span.icon {
  display: inline-block;
  vertical-align: middle
}
article#nft-article header#nft-header aside.nft-side div.nft-platform div.content span.icon img {
  max-width: 16px;
  max-height: 24px
}
article#nft-article header#nft-header div.nft-details {
  padding-left: 35px;
  width: calc(100% - 260px);
  display: inline-block;
  vertical-align: middle
}
article#nft-article header#nft-header div.nft-details .nft-title {
  font-family: "Axiforma ExtraBold";
  font-size: 27px;
  line-height: 37px;
  color: #fff
}
article#nft-article header#nft-header div.nft-details div.nft-infos {
  font-size: 0;
  margin-bottom: 20px
}
article#nft-article header#nft-header div.nft-details div.nft-infos div.block {
  display: inline-block;
  vertical-align: middle;
  font-family: "Axiforma Medium";
  font-size: 13px;
  line-height: 13px;
  color: #8D98A9;
  margin-right: 15px
}
article#nft-article header#nft-header div.nft-details div.nft-infos div.block a {
  color: #64A2FF
}
article#nft-article header#nft-header div.nft-details div.nft-infos div.block:last-child {
  margin-right: 0
}
article#nft-article header#nft-header div.nft-details div.nft-blocks .row {
  margin: 0px -5px
}
article#nft-article header#nft-header div.nft-details div.nft-blocks div.nft-block {
  margin-bottom: 15px;
  padding: 0px 5px
}
article#nft-article header#nft-header div.nft-details div.nft-blocks div.nft-block div.item {
  background: linear-gradient(180deg, #273A7C 0%, #1D2B5D 100%);
  border-radius: 12px;
  height: 60px;
  font-size: 0;
  display: flex;
  align-items: center;
  padding: 0px 15px;
  border: 2px solid #273A7C;
}
article#nft-article header#nft-header div.nft-details div.nft-blocks div.nft-block div.item div.content {
  width: calc(100% - 50px);
  display: inline-block;
  vertical-align: middle
}
article#nft-article header#nft-header div.nft-details div.nft-blocks div.nft-block div.item div.content div.title {
  font-family: "Axiforma Medium";
  font-size: 11px;
  line-height: 11px;
  color: #A2B0E2;
  margin-bottom: 3px
}
article#nft-article header#nft-header div.nft-details div.nft-blocks div.nft-block div.item div.content div.value {
  font-family: "PannoSign SemiBold";
  font-size: 19px;
  line-height: 19px;
  letter-spacing: -0.04em;
  color: #fff
}
article#nft-article header#nft-header div.nft-details div.nft-blocks div.nft-block div.item div.last {
  text-align: right;
  width: 50px;
  display: inline-block;
  vertical-align: middle;
  text-align: right;
  font-family: "Axiforma Medium";
  font-size: 13px;
  color: #A0ACBE
}
article#nft-article header#nft-header div.nft-details div.nft-countdown {
  border: 2px solid #273A7C;
  border-radius: 14px;
  margin-bottom: 15px;
  background: linear-gradient(180deg, #273A7C 0%, #1D2B5D 100%);
}
article#nft-article header#nft-header div.nft-details div.nft-countdown div.section-title {
  background-color: #2C418C;
  padding: 10px;
  font-family: "Axiforma Medium";
  font-size: 11px;
  color: #A2B0E2;
  border-radius: 12px 12px 0px 0px;
  text-align: center
}
article#nft-article header#nft-header div.nft-details div.nft-countdown div.section-content {
  padding-top: 15px;
  padding-bottom: 10px;
  font-size: 14px;
  border-radius: 0px 0px 12px 12px
}
article#nft-article header#nft-header div.nft-details div.nft-countdown div.section-content div.section-counter {
  font-size: 0
}
article#nft-article header#nft-header div.nft-details div.nft-countdown div.section-content div.section-counter div.block {
  display: inline-block;
  vertical-align: middle;
  width: 25%;
  font-family: "PannoSign SemiBold";
  font-size: 21px;
  line-height: 21px;
  color: #fff;
  letter-spacing: -0.04em;
  text-align: center;
  position: relative
}
article#nft-article header#nft-header div.nft-details div.nft-countdown div.section-content div.section-counter div.block:last-child:after {
  display: none
}
article#nft-article header#nft-header div.nft-details div.nft-countdown div.section-content div.section-counter div.block:after {
  position: absolute;
  content: "";
  bottom: -10px;
  right: 0;
  width: 2px;
  height: 42px;
  background: linear-gradient(180deg, rgba(26, 40, 61, 0) 0%, #273A7C 100%)
}
article#nft-article header#nft-header div.nft-details div.nft-countdown div.section-content div.section-counter div.block span {
  display: block;
  font-size: 12px;
  color: #A0ACBE
}
article#nft-article header#nft-header div.nft-details div.nft-bottom div.nft-social {
  font-size: 0;
  width: calc(100% - 200px);
  display: inline-block;
  padding-right: 20px
}
article#nft-article header#nft-header div.nft-details div.nft-bottom div.nft-social a.button {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  padding: 15px;
  width: 24%;
  height: 60px;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  margin-right: 1.3%
}
article#nft-article header#nft-header div.nft-details div.nft-bottom div.nft-social a.button:last-child {
  margin-right: 0
}
article#nft-article header#nft-header div.nft-details div.nft-bottom div.nft-social a.button.twitter {
  background-color: #1DA1F2
}
article#nft-article header#nft-header div.nft-details div.nft-bottom div.nft-social a.button.discord {
  background-color: #5865F2
}
article#nft-article header#nft-header div.nft-details div.nft-bottom div.nft-social a.button.opensea {
  background-color: #2081E2
}
article#nft-article header#nft-header div.nft-details div.nft-bottom div.nft-social a.button.website {
  background-color: #e41044
}
article#nft-article header#nft-header div.nft-details div.nft-bottom div.nft-social a.button div.items span.icon {
  display: block;
  margin-bottom: 0
}
article#nft-article header#nft-header div.nft-details div.nft-bottom div.nft-social a.button div.items span.icon i:before {
  font-size: 13px;
  line-height: 13px
}
article#nft-article header#nft-header div.nft-details div.nft-bottom div.nft-social a.button div.items span.text {
  font-family: "PannoSign SemiBold";
  font-size: 13px;
  display: block
}
article#nft-article header#nft-header div.nft-details div.nft-bottom div.nft-vote {
  width: 200px;
  display: inline-block;
  vertical-align: middle
}
article#nft-article header#nft-header div.nft-details div.nft-bottom div.nft-vote a.vote-button {
  display: block;
  width: 100%;
  height: 60px;
  line-height: 60px;
  background: linear-gradient(180deg, rgba(228, 17, 68, 0) 0%, rgba(17, 228, 140, 0.5) 100%);
  border: 2px solid #11e48c;
  filter: drop-shadow(0px 0px 8px rgba(17, 228, 140, 0.3));
  border-radius: 6px;
  font-size: 0;
  text-align: left;
  padding: 0px 20px;
  transition-duration: 0.5s
}
article#nft-article header#nft-header div.nft-details div.nft-bottom div.nft-vote a.vote-button:hover {
  background-color: #11e48c
}
article#nft-article header#nft-header div.nft-details div.nft-bottom div.nft-vote a.vote-button:hover span.icon {
  color: #fff
}
article#nft-article header#nft-header div.nft-details div.nft-bottom div.nft-vote a.vote-button span.icon {
  position: relative;
  top: 4px;
  color: #11e48c;
  margin-right: 10px
}
article#nft-article header#nft-header div.nft-details div.nft-bottom div.nft-vote a.vote-button span.icon i:before {
  font-size: 10px;
  transform: rotate(180deg);
  position: relative;
  display: inline-block
}
article#nft-article header#nft-header div.nft-details div.nft-bottom div.nft-vote a.vote-button span.text {
  font-family: "PannoSign SemiBold";
  font-size: 24px;
  letter-spacing: -0.04em;
  color: #fff;
  display: inline-block;
  vertical-align: middle
}
article#nft-article header#nft-header div.nft-details div.nft-bottom div.nft-vote a.vote-button span.count {
  font-family: "PannoSign SemiBold";
  font-size: 24px;
  letter-spacing: -0.04em;
  color: #fff;
  float: right
}
article#nft-article div.nft-images {
  padding: 40px 35px;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05)
}
article#nft-article div.nft-images figure.image-block {
  margin-bottom: 0
}
article#nft-article div.nft-images figure.image-block img {
  max-width: 100%;
  height: auto;
  border-radius: 10px
}
article#nft-article div.nft-body {
  padding: 40px 35px;
  font-family: "Axiforma Medium";
  font-size: 13px;
  line-height: 26px;
  color: #BBC5D6;
  position: relative;
  z-index: 5
}
article#nft-article div.nft-body div.title {
  font-family: "PannoSign SemiBold";
  font-size: 21px;
  letter-spacing: -0.04em;
  color: #fff;
  margin-bottom: 5px
}
article#nft-article div.nft-body button.copy {
  background-color: transparent;
  border: none;
  color: #8CA3C6;
  margin-left: 5px;
  cursor: pointer
}
/* Vendors */
/* Responsive */
/* Max Width: 1199px */
/* Min Width: 1200px */
/* Max Width: 991px */
@media (max-width: 991px) {
  header#header {
    display: none
  }
  div#responsive-header div.header-layout {
    height: 90px;
    background-color: #020420;
    border-bottom: 1px solid #1C293F;
    padding: 0px 15px;
    margin-bottom: 15px
  }
  div#responsive-header div.header-layout div.logo img {
    max-width: 100%;
    height: auto;
    max-height: 50px
  }
  div#responsive-header div.header-layout div.buttons {
    text-align: right;
    font-size: 0
  }
  div#responsive-header div.header-layout div.buttons a.button {
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    background-color: #1E2D45;
    border-radius: 4px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 20px;
    margin-left: 10px
  }
  div#responsive-header div.header-layout div.buttons a.button:first-child {
    margin-left: 0
  }
  main#main div#general-listing div.listing-header {
    margin-bottom: 15px
  }
  main#main div#general-listing div.listing-header div.head-date {
    width: calc(100% - 75px);
    display: inline-block;
    vertical-align: middle
  }
  main#main div#general-listing div.listing-header div.head-mobile {
    display: block;
    width: 75px;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    position: relative;
    z-index: 9
  }
  main#main div#general-listing div.listing-header div.head-mobile a.button {
    display: inline-block;
    vertical-align: middle;
    width: 38px;
    height: 38px;
    background-color: #24344D;
    border-radius: 4px;
    text-align: center;
    line-height: 38px
  }
  main#main div#general-listing div.listing-header div.head-mobile a.button i:before {
    color: #fff;
    font-size: 18px;
    line-height: 38px
  }
  main#main div#general-listing div.listing-header div.head-others {
    display: none
  }
  main#main div#general-listing div.listing-header div.head-others div.checkboxs {
    margin-bottom: 10px
  }
  main#main div#general-listing div.listing-header div.head-others div.search-box {
    display: block;
    width: 100%;
    margin: 0px 0px 10px 0px
  }
  main#main div#general-listing div.listing-header div.head-others div.search-box input {
    width: calc(100% - 38px);
    display: inline-block;
    vertical-align: middle
  }
  main#main div#general-listing div.listing-header div.head-others select {
    width: 100%;
    margin: 0;
    background-position: 95% 50%
  }
  main#main div#general-listing div.listing-footer {
    font-size: 0;
    display: flex;
    flex-wrap: wrap
  }
  main#main div#general-listing div.listing-footer div.arrows {
    width: 50%;
    display: inline-flex;
    order: 1
  }
  main#main div#general-listing div.listing-footer div.arrows:last-child {
    justify-content: flex-end
  }
  main#main div#general-listing div.listing-footer div.arrows a.button span.text {
    display: none
  }
  main#main div#general-listing div.listing-footer div.numbers {
    display: inline-flex;
    order: 3;
    width: 100%;
    justify-content: center;
    margin-top: 15px;
    flex-wrap: wrap
  }
  main#main div#general-listing div.listing-footer div.numbers a.button {
    width: auto;
    flex-shrink: 0;
    min-width: 38px
  }
  main#main div#rating-area div.rating-head {
    width: 100%;
    margin-bottom: 30px;
    text-align: center
  }
  main#main div#rating-area div.rating-head div.items div.icon {
    margin-bottom: 10px;
    line-height: 36px
  }
  main#main div#rating-area div.rating-head div.items div.title span {
    display: inline-block !important;
    vertical-align: middle;
    margin: 0px 5px
  }
  main#main div#rating-area div.rating-carousel {
    width: 100%;
    padding-left: 0
  }
  main#main div#faq-boxs div.box-block:first-child div.box-item {
    border-right: none;
    border-bottom: 1px solid #1C2A41
  }
  main#main div#faq-boxs div.box-block div.box-item {
    height: unset
  }
  main#main div#subscribe-area div.subscribe-details {
    margin-bottom: 30px;
    text-align: center
  }
  main#main div#subscribe-area div.subscribe-details div.icon {
    display: inline-block
  }
  main#main div#subscribe-area div.subscribe-details div.details {
    display: inline-block;
    width: unset
  }
  main#main.listing div#listing-area aside#listing-filters {
    display: block;
    width: 100%;
    position: fixed;
    top: 0;
    left: -100%;
    height: 100%;
    z-index: 99;
    padding: 30px;
    background-color: #121E31;
    overflow-y: auto;
    transition-duration: 0.5s
  }
  main#main.listing div#listing-area aside#listing-filters div.side-header {
    font-family: "Axiforma Bold";
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px
  }
  main#main.listing div#listing-area aside#listing-filters div.side-header a.close-side {
    display: inline-block;
    float: right;
    width: 36px;
    height: 36px;
    background-color: #1A2639;
    border-radius: 8px;
    text-align: center;
    line-height: 36px;
    color: #8CA3C6;
    font-size: 0;
    position: relative;
    top: -8px
  }
  main#main.listing div#listing-area aside#listing-filters div.side-header a.close-side i:before {
    font-size: 12px;
    line-height: 36px
  }
  main#main.listing div#listing-area aside#listing-filters div.search-box {
    display: inline-block;
    vertical-align: middle;
    height: 38px;
    background-color: #1A283D;
    border-radius: 8px;
    padding: 0px 15px 0px 0px;
    font-size: 0;
    line-height: 38px;
    width: 100%;
    margin-bottom: 10px
  }
  main#main.listing div#listing-area aside#listing-filters div.search-box input {
    width: calc(100% - 38px);
    display: inline-block;
    vertical-align: middle;
    height: 38px;
    line-height: 38px;
    border: none;
    background-color: transparent;
    color: #fff;
    font-family: "Axiforma Medium";
    font-size: 10px;
    position: relative;
    top: 1px;
    padding: 0px 15px
  }
  main#main.listing div#listing-area aside#listing-filters div.search-box input::placeholder {
    color: #8D98A9;
    opacity: 1
  }
  main#main.listing div#listing-area aside#listing-filters div.search-box a.button {
    width: 38px;
    height: 38px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 0px;
    border: none;
    background-color: transparent;
    font-size: 16px;
    color: #8391A8;
    text-align: right
  }
  main#main.listing div#listing-area aside#listing-filters select {
    display: inline-block;
    vertical-align: middle;
    height: 38px;
    line-height: 38px;
    background-color: #1A283D;
    border-radius: 8px;
    border: none;
    padding: 0px 10px;
    width: 100%;
    font-family: "Axiforma Medium";
    font-size: 11px;
    color: #8D98A9;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url("../../images/form-arrow-down.png");
    background-repeat: no-repeat;
    background-position: 95% 50%;
    background-size: 12px;
    margin-bottom: 10px
  }
  main#main.listing div#listing-area aside#listing-filters div.widget {
    margin-bottom: 10px
  }
  main#main.listing div#listing-area div#general-listing {
    width: 100%;
    padding-left: 0
  }
  main#main.listing div#listing-area div#general-listing div.listing-header {
    display: none
  }
  main#main.listing div#listing-area div#general-listing div.listing-header div.head-others {
    display: none !important
  }
  main#main.listing div#listing-area div#general-listing div.listing-header div.head-others div.search-box {
    margin-bottom: 0
  }
  article#nft-article header#nft-header div.nft-details div.nft-bottom div.nft-social {
    width: 100%;
    padding-right: 0
  }
  article#nft-article header#nft-header div.nft-details div.nft-bottom div.nft-vote {
    width: 100%;
    margin-top: 15px
  }
  article#nft-article div.nft-images {
    padding-bottom: 10px
  }
  article#nft-article div.nft-images figure.image-block {
    margin-bottom: 30px
  }
  .nft-modal {
    padding: 15px
  }
  div.sticky-menu nav.menu ul li {
    font-size: 12px
  }
  div.sticky-menu nav.menu ul li:after {
    margin: 0px 10px
  }
}
/* Min Width: 992px */
/* Max Width: 767px */
@media (max-width: 767px) {
  main#main.listing div#listing-area div#general-listing div.listing-header div.head-others div.search-box {
    width: 100%;
    margin-right: 0
  }
  main#main.listing div#listing-area div#general-listing div.listing-header div.head-others div.select-area {
    width: 100%;
    margin-top: 15px
  }
  article#nft-article header#nft-header {
    text-align: center
  }
  article#nft-article header#nft-header div.nft-details {
    margin-top: 20px;
    width: 100%;
    padding-left: 0
  }
  article#nft-article header#nft-header div.nft-details div.nft-blocks div.nft-block div.item div.content {
    text-align: left
  }
  footer#footer {
    text-align: center
  }
  footer#footer div.top-footer div.top-footer-container div.logo {
    border-right: none
  }
  footer#footer div.top-footer div.top-footer-container div.desc {
    width: 100%;
    margin: 15px 0px;
    padding: 0px 15px
  }
  footer#footer div.top-footer div.top-footer-container div.buttons {
    width: 100%;
    text-align: center
  }
  footer#footer div.bottom-footer div.bottom-footer-container nav.menu {
    padding: 0px 15px
  }
  footer#footer div.bottom-footer div.bottom-footer-container nav.menu ul li {
    display: block;
    margin-right: 0;
    margin-bottom: 10px
  }
  footer#footer div.bottom-footer div.bottom-footer-container nav.menu ul li:last-child {
    margin-bottom: 0
  }
  footer#footer div.bottom-footer div.bottom-footer-container nav.menu ul li:after,
  footer#footer div.bottom-footer div.bottom-footer-container nav.menu ul li:before {
    display: none !important
  }
  footer#footer div.bottom-footer div.bottom-footer-container div.social-icons {
    text-align: center;
    margin-top: 15px
  }
  .nft-modal .modal-dialog .modal-content .modal-body div.nft-top div.top-buttons {
    margin-bottom: 15px;
    padding: 15px 15px 0px 15px
  }
  .nft-modal .modal-dialog .modal-content .modal-body:before,
  .nft-modal .modal-dialog .modal-content .modal-body:after {
    display: none
  }
  div.sticky-menu nav.menu ul li span.text {
    display: none
  }
  div.sticky-menu nav.menu ul li span.icon {
    margin-right: 0
  }
}
/* Min Width: 768px */
/* Max Width: 575px */
@media (max-width: 575px) {
  div#responsive-header div.header-layout {
    height: 80px
  }
  main#main div#website-initials div.listing-block {
    margin-bottom: 15px
  }
  main#main div#week-ratings {
    padding-top: 15px
  }
  main#main div#week-ratings div.section-header div.section-title {
    font-size: 18px
  }
  main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-website:before,
  main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-twitter:before,
  main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-discord:before {
    width: 60px
  }
  main#main div#rating-area div.rating-head div.items div.title span {
    font-size: 18px !important;
    line-height: 24px !important;
    display: block !important
  }
  main#main div#rating-area div.rating-head div.items div.title span.light {
    margin: 10px 0px !important
  }
  main#main div#home-boxs div.listing-block {
    margin-bottom: 15px
  }
  main#main div#draw-area div.listing-block {
    margin-bottom: 20px !important
  }
  main#main div#draw-area div.listing-block div.listing-head div.details span {
    font-size: 18px !important;
    line-height: 24px !important;
    display: block !important
  }
  main#main div#draw-area div.listing-block div.listing-head div.details span.light {
    margin: 10px 0px !important
  }
  main#main div#draw-area div.listing-block div.listing-item {
    padding: 15px
  }
  main#main div#faq-boxs div.box-block div.box-item {
    padding: 30px
  }
  main#main div#faq-boxs div.box-block div.box-item div.items div.title {
    font-size: 18px;
    line-height: 28px
  }
  main#main div#faq-boxs div.box-block div.box-item div.items div.desc {
    font-size: 11px;
    line-height: 21px;
    margin-top: 10px;
    margin-bottom: 15px
  }
  main#main div#faq-boxs div.box-block div.box-item div.items div.buttons a.button {
    width: 100%;
    height: unset;
    padding: 15px 20px;
    font-size: 12px;
    line-height: unset
  }
  main#main div#faq-boxs div.box-block div.box-item div.items div.buttons a.button.faq {
    margin-top: 15px
  }
  main#main div#subscribe-area div.subscribe-details div.details span {
    font-size: 18px !important;
    line-height: 24px !important;
    display: block !important
  }
  main#main div#subscribe-area div.subscribe-details div.details span.light {
    margin: 10px 0px !important
  }
  main#main div#subscribe-area form.subscribe-form button {
    font-size: 14px
  }
  main#main.submit .main-block {
    padding: 0px 30px
  }
  article#nft-article header#nft-header {
    padding: 25px
  }
  article#nft-article header#nft-header aside.nft-side {
    width: 200px
  }
  article#nft-article div.nft-images {
    padding: 25px 25px 10px 25px
  }
  article#nft-article div.nft-images figure.image-block {
    margin-bottom: 15px
  }
  article#nft-article div.nft-body {
    padding: 25px;
    font-size: 12px;
    line-height: 22px
  }
  .modal {
    padding: 15px
  }
  .nft-modal .modal-dialog .modal-content .modal-body:after {
    display: none
  }
  .remind-modal .modal-dialog .modal-content .modal-body:after {
    display: none
  }
  .remind-modal .modal-dialog .modal-content .modal-body .modal-preview {
    padding: 20px;
    text-align: center
  }
  .remind-modal .modal-dialog .modal-content .modal-body .modal-preview figure.modal-image {
    display: block;
    text-align: center;
    width: 160px;
    margin: 0 auto;
    margin-bottom: 20px
  }
  .remind-modal .modal-dialog .modal-content .modal-body .modal-preview div.modal-details {
    width: 100%;
    padding-left: 0
  }
  .remind-modal .modal-dialog .modal-content .modal-body .modal-preview div.modal-details div.title {
    font-size: 22px;
    line-height: 30px
  }
  .remind-modal .modal-dialog .modal-content .modal-body .modal-preview div.modal-details div.sub {
    font-size: 16px;
    line-height: 24px
  }
  .remind-modal .modal-dialog .modal-content .modal-body .modal-preview div.modal-details div.desc {
    font-size: 12px;
    line-height: 24px
  }
  .remind-modal .modal-dialog .modal-content .modal-body .modal-bottom {
    padding: 20px
  }
  .result-modal .modal-dialog .modal-content .modal-body {
    background-image: none;
    padding: 30px 35px
  }
  .result-modal .modal-dialog .modal-content .modal-body:after {
    display: none
  }
  .result-modal .modal-dialog .modal-content .modal-body div.icon {
    margin-bottom: 20px
  }
  .result-modal .modal-dialog .modal-content .modal-body div.icon i:before {
    font-size: 48px;
    line-height: 48px
  }
  .result-modal .modal-dialog .modal-content .modal-body div.title {
    font-size: 22px;
    line-height: 30px
  }
  .result-modal .modal-dialog .modal-content .modal-body div.sub {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px
  }
  .result-modal .modal-dialog .modal-content .modal-body div.desc {
    font-size: 12px;
    line-height: 24px
  }
  .result-modal .modal-dialog .modal-content .modal-body div.time span.text {
    display: block;
    padding-left: 0;
    margin-top: 10px
  }
  .result-modal .modal-dialog .modal-content .modal-body div.buttons a.button {
    height: unset;
    padding: 0px 20px;
    line-height: unset;
    border-radius: 6px;
    vertical-align: middle;
    margin-left: 15px
  }
  .result-modal .modal-dialog .modal-content .modal-body div.buttons a.button.refresh {
    margin-top: 10px
  }
  .result-modal .modal-dialog .modal-content .modal-body div.buttons a.button span.name {
    font-size: 14px
  }
}
/* Min Width: 576px */
@media (max-width: 1299px) {
  header#header div.middle-header div.middle-header-container div.logo {
    width: 200px
  }
  header#header div.middle-header div.middle-header-container nav.menu {
    width: calc(100% - 330px)
  }
  header#header div.middle-header div.middle-header-container nav.menu ul li.menu-item {
    margin-left: 15px
  }
  header#header div.middle-header div.middle-header-container nav.menu ul li.menu-item a span.name {
    font-size: 11px;
    margin-left: 5px
  }
  header#header div.middle-header div.middle-header-container nav.menu ul li.support-item {
    margin-left: 10px !important
  }
  header#header div.middle-header div.middle-header-container nav.menu ul li.project-item a {
    font-size: 10px;
    padding: 0px 10px
  }
  main#main div#general-listing div.listing-header div.head-date div.date-area div.date-block {
    font-size: 18px
  }
  main#main div#general-listing div.listing-header div.head-others {
    width: 100%;
    text-align: left;
    margin-top: 15px
  }
  main#main div#general-listing div.listing-main div.main-block div.block-head {
    display: none
  }
  main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block {
    height: unset;
    display: block;
    margin-bottom: 15px
  }
  main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block:last-child {
    margin-bottom: 0
  }
  main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block.listing-block-special:before {
    width: 100%;
    height: 83px
  }
  main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item {
    display: block;
    width: 100% !important;
    text-align: left;
    padding: 15px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1)
  }
  main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item:before {
    width: 100px;
    display: inline-block;
    vertical-align: middle;
    content: attr(data-before) ":";
    font-size: 14px
  }
  main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item div.collection-block {
    display: inline-block
  }
  main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item div.date {
    display: inline-block;
    vertical-align: middle
  }
  main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item a.item-button {
    text-align: center
  }
  main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-platforms {
    width: 50% !important;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    height: 63px
  }
  main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-platforms figure.platform-image {
    display: inline-block;
    vertical-align: middle
  }
  main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-count {
    width: 50% !important;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    height: 63px
  }
  main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-price,
  main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-clock {
    width: 50% !important;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    height: 63px
  }
  main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-website,
  main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-twitter,
  main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-discord {
    width: 33.3% !important;
    display: inline-block;
    font-size: 0
  }
  main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-vote {
    width: 50% !important;
    display: inline-block;
    vertical-align: middle;
    height: 63px;
    font-size: 0
  }
  main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-vote a.vote-button {
    display: inline-block;
    vertical-align: middle
  }
  main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-reminder {
    width: 50% !important;
    display: inline-block;
    vertical-align: middle;
    height: 63px;
    font-size: 0;
    padding-top: 20px !important
  }
  main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-reminder a.remind-button {
    display: inline-block;
    vertical-align: middle
  }
  main#main div#draw-area div.listing-block {
    order: 2;
    margin-bottom: 30px
  }
  main#main div#draw-area div.listing-block:nth-child(3) {
    order: 1;
    flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    max-width: 100%
  }
}
/* Max Width: 480px */
@media (max-width: 480px) {
  main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-vote {
    width: 100% !important
  }
  main#main div#general-listing div.listing-main div.main-block div.block-listing div.listing-block div.item.item-reminder {
    width: 100% !important
  }
}
@media (max-width: 400px) {
  main#main div#general-listing div.listing-header div.head-others div.checkboxs label.checkbox div.checkbox {
    font-size: 10px;
    padding: 0px 15px
  }
}
/*# sourceMappingURL=main.css.map */
/* DATEPICKER CSS */
.datepicker-dropdown {
  border: none;
  box-shadow: none
}
.datepicker-panel > ul[data-view="week"] > li,
.datepicker-panel > ul[data-view="week"] > li:hover,
.datepicker-panel > ul > li {
  background-color: #0e192b;
  color: #fff
}
.datepicker-panel > ul > li:hover {
  background-color: #1a283d
}
.datepicker-panel > ul > li.highlighted,
.datepicker-panel > ul > li.picked {
  background-color: #1a283d
}
input[type="time"]::-webkit-calendar-picker-indicator {
  filter: invert(1);
  font-size: 22px;
  position: relative;
  right: -30px;
  opacity: .5;
}

div.sprite {float: right;}
div.sprite > span.top {background: url('../../images/sprite.png') no-repeat;width: 17px;height: 22px;background-position: -50px 0;display: block;position: relative;top: 8px;}
div.sprite > span.bottom {background: url('../../images/sprite.png') no-repeat;width: 17px;height: 22px;background-position: -100px 0;display: block;position: relative;top: 8px;}
span.bgkusak {display: block;width: 5%;float: left;height: 8px;background: #273A7C;}
span.bgkusak:nth-child(even) {background: #1D2B5D;}
div.deger {font-size: 12px;font-weight: 400;color: transparent;position: absolute;right: 14px;bottom: 6px;}
div.deger.up {color: #6feb9f;}
div.deger.down {color: #FF007A;}
a.mint {display: block !important;text-decoration: none !important;outline: none !important;width: 125px !important;height: 32px !important;border-radius: 5px !important;background: #1ED6FF;color: #1D2B5D !important;filter: drop-shadow(0px 0px 16px rgba(42, 219, 113, 0.1));border: 2px solid #19F5A7;margin-left: 65px;}

header#header div.middle-header div.middle-header-container div.social-icons a.button:hover {transform: scale(1.1)}