@charset "UTF-8";
/* fontello */
@font-face {
  font-family: 'fontello';
  src: url("../fonts/fontello/icomoon.eot");
  src: url("../fonts/fontello/icomoon.eot?") format("embedded-opentype"), url("../fonts/fontello/icomoon.woff") format("woff"), url("../fonts/fontello/icomoon.ttf") format("truetype"), url("../fonts/fontello/icomoon.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
.fa {
  display: inline-block;
  font-family: 'fontello';
  font-size: inherit;
  line-height: 1;
  font-weight: normal;
  color: inherit;
  text-align: center;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  margin: 0;
  border: none;
  background: none; }

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

.icon-arrow-left::before {
  content: "\e901"; }

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

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

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

.icon-dashboard::before {
  content: "\e905"; }

.icon-history::before {
  content: "\e906"; }

.icon-loupe::before {
  content: "\e907"; }

.icon-market::before {
  content: "\e908"; }

.icon-moon::before {
  content: "\e909"; }

.icon-plus::before {
  content: "\e90a"; }

.icon-send::before {
  content: "\e90b"; }

.icon-sun::before {
  content: "\e90c"; }

.icon-withdrawal::before {
  content: "\e90d"; }

.icon-close::before {
  content: "\e90e"; }

.icon-feedback::before {
  content: "\e90f"; }

.icon-bug::before {
  content: "\e910"; }

.icon-flag::before {
  content: "\e911"; }

.icon-phone-call::before {
  content: "\e912"; }

.icon-setting::before {
  content: "\e913"; }

.icon-warning::before {
  content: "\e914"; }

.icon-dislike::before {
  content: "\e915"; }

.icon-dislike2::before {
  content: "\e916"; }

.icon-like::before {
  content: "\e917"; }

.icon-like2::before {
  content: "\e918"; }

.icon-padlock::before {
  content: "\e919"; }

.icon-unlock::before {
  content: "\e91a"; }

.icon-vip-pass::before {
  content: "\e91b"; }

body {
  min-height: 100vh;
  overflow-x: hidden;
  /* mesures */
  --headerh: 70px;
  --padding: 20px;
  --scroll: 8px;
  /* couleurs */
  --black0: #000000;
  --black: #222529;
  --white: #ffffff;
  --white1: #f7f7f7;
  --white2: #EFF1F3;
  --white3: #cdd6de;
  --grey: #3C3950;
  --grey2: #6e6b83;
  --purple: #b3006b;
  --purple2: #da0082;
  --red: #fa2a57;
  --red2: #ff6385;
  --orange: #ff7701;
  --orange2: #ff9249;
  --yellow: #ffb320;
  --yellow2: #FBDF5B;
  --green: #00eda6;
  --whitec: #ffffff;
  --blackc: #222529;
  --bgopacite: rgba(19, 20, 21, 0.8); }
  body.dark {
    --black0: #ffffff;
    --black: #f7f7f7;
    --white: #222529 ;
    --white1: #2d3034;
    --white2: #141414;
    --white3: #070707;
    --grey: #ffffff;
    --grey2: #f7f7f7;
    --purple: #da0082;
    --purple2: #ff18a3; }
    body.dark #filtergallery .binfosnft {
      background: var(--purple); }
    body.dark .search {
      background-color: var(--white1); }
    body.dark .select {
      border-bottom-color: var(--white1); }
    body.dark .search i {
      border-right-color: var(--white2); }
    body.dark .card {
      box-shadow: inset 0 2px 2px 0 rgba(255, 255, 255, 0.15), inset 0 0 16px 0 rgba(255, 255, 255, 0.05);
      background-color: rgba(255, 255, 255, 0.05); }
    body.dark #modpopup #popup {
      box-shadow: 0 0 20px var(--white3);
      background: #1B1E22; }

/* mixin */
.bubble {
  position: relative; }
  .bubble .infobulle {
    width: 100%;
    display: none;
    position: absolute;
    left: 50%;
    bottom: -1px;
    transform: translate(-50%, 100%); }
    .bubble .infobulle .contentbulle {
      display: block;
      font-family: "Montserrat", Helvetica, Arial, sans-serif;
      font-size: 9px;
      line-height: 11px;
      font-style: normal;
      color: var(--grey);
      text-align: center;
      position: absolute;
      left: 50%;
      bottom: -2px;
      transform: translate(-50%, 100%);
      padding: 3px 5px;
      border-radius: 3px;
      box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2);
      background: var(--white); }
      .bubble .infobulle .contentbulle::before {
        content: '';
        width: 3px;
        height: 3px;
        display: block;
        position: absolute;
        left: calc(50% - 5px);
        top: 0px;
        transform: translate(0%, -50%) rotate(45deg);
        background: var(--white); }
  .bubble:hover > *, .bubble:focus > * {
    display: inline-block; }

.bublei {
  width: 11px;
  height: 11px;
  font-size: 8px;
  color: var(--black);
  border-radius: 50%;
  position: absolute;
  top: -2px;
  right: -2px;
  z-index: 200;
  cursor: pointer;
  transform: translate(100%, -50%);
  background: var(--white); }

/* générique */
html {
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  width: 100%;
  height: 100%;
  color: var(--grey); }

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  outline: none;
  text-justify: inter-word;
  scrollbar-color: var(--grey2) var(--black2);
  scrollbar-width: thin; }
  * ::-webkit-scrollbar {
    width: var(--scroll);
    background-color: var(--black2); }
  * ::-webkit-scrollbar-thumb {
    background: var(--grey2); }

picture {
  display: inline-block; }

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

.ethere {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0 3px; }
  .ethere::after {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    background: url("../img/ethereum.svg") no-repeat scroll center center/contain; }

.uloan {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0 3px; }
  .uloan::after {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    background: url("../img/favicon.svg") no-repeat scroll center center/contain; }

.mobile {
  display: none; }

/* checkbox */
/* checkbox */
.checkbox {
  display: inline-block;
  z-index: 50; }
  .checkbox input[type="checkbox"] {
    display: none; }
  .checkbox input[type="checkbox"]:checked + label {
    color: var(--white);
    background: var(--purple); }
    .checkbox input[type="checkbox"]:checked + label:hover, .checkbox input[type="checkbox"]:checked + label:focus {
      border-color: var(--purple); }
  .checkbox label {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    font-size: 13px;
    font-weight: 700;
    color: var(--purple);
    margin: 0;
    padding: 3px 7px;
    border: solid 2px var(--purple);
    cursor: pointer;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear; }
    .checkbox label:hover, .checkbox label:focus {
      color: var(--white);
      border-color: var(--purple2);
      background: var(--purple2); }
  .checkbox.box input[type="checkbox"]:checked + label {
    background: var(--red); }
    .checkbox.box input[type="checkbox"]:checked + label:hover {
      border-color: var(--red); }
  .checkbox.box label {
    color: var(--red);
    border-color: var(--red); }
    .checkbox.box label:hover, .checkbox.box label:focus {
      color: var(--white);
      border-color: var(--red2);
      background: var(--red2); }
  .checkbox.box2 input[type="checkbox"]:checked + label {
    background: var(--orange); }
    .checkbox.box2 input[type="checkbox"]:checked + label:hover, .checkbox.box2 input[type="checkbox"]:checked + label:focus {
      border-color: var(--orange); }
  .checkbox.box2 label {
    color: var(--orange);
    border-color: var(--orange); }
    .checkbox.box2 label:hover, .checkbox.box2 label:focus {
      color: var(--white);
      border-color: var(--orange2);
      background: var(--orange2); }
  .checkbox.check {
    margin-bottom: 10px; }
    .checkbox.check input[type="checkbox"]:checked + label {
      color: var(--grey);
      background: transparent; }
      .checkbox.check input[type="checkbox"]:checked + label:hover, .checkbox.check input[type="checkbox"]:checked + label:focus {
        border-color: var(--purple2); }
      .checkbox.check input[type="checkbox"]:checked + label::before {
        content: '✔';
        color: var(--green);
        border-color: var(--grey2); }
    .checkbox.check label {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      flex-wrap: nowrap;
      font-size: 12px;
      color: var(--grey);
      margin: 0;
      padding: 0;
      border: none;
      cursor: pointer;
      -webkit-transition: all 0.3s linear;
      transition: all 0.3s linear; }
      .checkbox.check label::before {
        content: '';
        width: 10px;
        height: 10px;
        display: block;
        font-size: 10px;
        line-height: 1;
        font-weight: 800;
        margin: 0 3px 0 0;
        border: solid 1px var(--grey);
        border-radius: 3px; }
      .checkbox.check label:hover, .checkbox.check label:focus {
        color: var(--grey2);
        background: transparent; }
      .checkbox.check label a {
        margin-left: 3px; }
  .checkbox.light {
    padding-left: 10px;
    border-left: solid 1px var(--red2); }
    .checkbox.light input[type="checkbox"]:checked + label {
      background: transparent; }
      .checkbox.light input[type="checkbox"]:checked + label .icon-moon {
        display: block; }
      .checkbox.light input[type="checkbox"]:checked + label .icon-sun {
        display: none; }
    .checkbox.light label {
      display: flex;
      width: 100%;
      height: 25px;
      cursor: pointer;
      text-align: center;
      margin: 0 auto;
      padding: 0;
      border: none; }
      .checkbox.light label i {
        font-size: 17px;
        color: var(--whitec); }
      .checkbox.light label .icon-moon {
        display: none; }
      .checkbox.light label:hover, .checkbox.light label:focus {
        background: none;
        opacity: 0.7; }
  .checkbox.lock {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    gap: 10px;
    padding-left: 10px;
    border-left: solid 1px var(--red2); }
    .checkbox.lock .lockloan {
      position: relative; }
    .checkbox.lock .bublei {
      right: 4px;
      z-index: 50; }
    .checkbox.lock input[type="checkbox"]:checked + label {
      background: transparent; }
      .checkbox.lock input[type="checkbox"]:checked + label .icon-unlock {
        display: block; }
      .checkbox.lock input[type="checkbox"]:checked + label .icon-padlock {
        display: none; }
    .checkbox.lock label {
      display: flex;
      width: 100%;
      height: 25px;
      cursor: pointer;
      text-align: center;
      margin: 0 auto;
      padding: 0;
      border: none; }
      .checkbox.lock label i {
        font-size: 20px;
        color: var(--whitec); }
      .checkbox.lock label .icon-unlock {
        display: none; }
      .checkbox.lock label:hover, .checkbox.lock label:focus {
        background: none;
        opacity: 0.7; }
    .checkbox.lock .bloc .title {
      margin-bottom: 3px; }
    .checkbox.lock .bloc .value {
      font-size: 11px;
      letter-spacing: -0.3px; }

/* notif */
.notif {
  position: relative; }
  .notif > i {
    font-size: 26px;
    color: var(--whitec);
    margin: 0 -5px 0 5px;
    padding-left: 5px;
    border-left: solid 1px var(--red2);
    cursor: pointer;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear; }
    .notif > i:hover {
      opacity: 0.7; }
  .notif .window {
    width: 180px;
    padding: 10px 5px 0px;
    position: absolute;
    left: 50%;
    bottom: -20px;
    transform: translate(-50%, 100%);
    border: solid 1px var(--white3);
    box-shadow: 0 0 5px var(--white3);
    z-index: 3000;
    background: var(--white); }

.menuboost .linebarreboost {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  flex-wrap: nowrap;
  gap: 5px;
  margin-bottom: 10px; }
  .menuboost .linebarreboost * {
    font-size: 11px;
    line-height: 1;
    font-weight: 500;
    color: var(--grey);
    margin: 0; }
  .menuboost .linebarreboost > p {
    min-width: 13px; }
  .menuboost .linebarreboost .barreboostinfos {
    flex: 1 1 auto; }
    .menuboost .linebarreboost .barreboostinfos .barreboost {
      width: 100%;
      height: 8px;
      display: block;
      position: relative;
      margin: 2px 0 0;
      border: solid 1px var(--white2);
      border-radius: 10px;
      background: var(--white3); }
      .menuboost .linebarreboost .barreboostinfos .barreboost .boost {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        border-radius: 10px;
        box-shadow: 3px 0 3px rgba(0, 0, 0, 0.2);
        background: var(--purple2); }
  .menuboost .linebarreboost .numberrank {
    min-width: 30px;
    font-size: 9px;
    color: var(--grey2); }
  .menuboost .linebarreboost.rank2 .barreboostinfos .barreboost .boost {
    background: var(--red2); }
  .menuboost .linebarreboost.rank3 .barreboostinfos .barreboost .boost {
    background: var(--orange2); }
  .menuboost .linebarreboost.rank4 .barreboostinfos .barreboost .boost {
    background: var(--yellow2); }

#content {
  width: 100%;
  min-height: 100vh;
  margin: 0;
  padding: 0;
  background: var(--white2); }

#main {
  height: calc(100vh - var(--headerh));
  padding: 0px var(--padding) 5px; }

p, h1, h2, h3, h4, h5, h6, ul, li, ol, dl, strong, em, b, i, a, quote {
  font-size: 11px;
  line-height: 1;
  font-weight: 500;
  color: var(--grey);
  font-variant: normal;
  text-align: left;
  text-decoration: none;
  text-transform: none;
  text-indent: inherit;
  margin: 0 0 15px;
  padding: 0; }

p:last-child, h1, h2, h3, h4, h5, h6, li, ol {
  margin: 0;
  padding: 0; }

.big {
  font-size: 18px; }

ul {
  list-style-type: none; }

a {
  margin: 0; }

.link {
  color: var(--purple);
  cursor: pointer;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear; }
  .link:hover, .link:focus {
    color: var(--red2); }

/* alignment */
.tcenter {
  text-align: center; }

.tleft {
  text-align: left; }

.tright {
  text-align: right; }

.tjustify {
  text-align: justify; }

.maj {
  text-transform: uppercase; }

/* couleurs */
.chronos, .days {
  color: var(--purple);
  font-weight: 800; }

.sold {
  color: var(--red); }

.valuegrey {
  color: var(--grey2); }

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

.color2 {
  color: var(--red); }

.color3 {
  color: var(--orange); }

.color4 {
  color: var(--yellow); }

.namenft {
  font-size: 22px;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 10px; }

/* boutons */
.btn {
  display: inline-flex;
  height: 30px;
  align-items: center;
  justify-content: center;
  gap: 3px;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 700;
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  margin: 0;
  padding: 7px 11px;
  border: solid 2px var(--red);
  border-radius: 0px;
  cursor: pointer;
  background: var(--red);
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear; }
  .btn:hover, .btn:focus {
    border: solid 2px var(--red2);
    background: var(--red2); }
  .btn.nobtn, .btn.nobtn:hover, .btn.nobtn:focus {
    border-color: var(--red);
    background: var(--red);
    cursor: initial;
    opacity: 0.6; }
  .btn.btn2 {
    border-color: var(--orange);
    background: var(--orange); }
    .btn.btn2:hover, .btn.btn2:focus {
      border-color: var(--orange2);
      background: var(--orange2); }
    .btn.btn2.nobtn, .btn.btn2.nobtn:hover, .btn.btn2.nobtn:focus {
      border-color: var(--orange);
      background: var(--orange);
      cursor: initial;
      opacity: 0.6; }
  .btn.btn3 {
    color: var(--red);
    border-color: var(--red);
    background: transparent; }
    .btn.btn3:hover, .btn.btn3:focus {
      color: var(--white);
      border-color: var(--red2);
      background: var(--red2); }
    .btn.btn3.nobtn, .btn.btn3.nobtn:hover, .btn.btn3.nobtn:focus {
      color: var(--red);
      border-color: var(--red);
      background: transparent;
      cursor: initial;
      opacity: 0.6; }
  .btn.btnw {
    color: var(--grey2);
    border-color: var(--grey2);
    background: transparent; }
    .btn.btnw:hover, .btn.btnw:focus {
      color: var(--white2);
      background: var(--grey2); }
  .btn i {
    font-size: 20px; }

.btnsaction {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  gap: 5px; }
  .btnsaction .btn {
    width: 50%;
    flex: 1 1 auto;
    font-size: 9px; }

.validform .btnvalid {
  position: relative; }
  .validform .btnvalid::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 20;
    background: transparent; }
  .validform .btnvalid .btn {
    opacity: 0.2; }
.validform.valid .btnvalid::before {
  display: none; }
.validform.valid .btnvalid .btn {
  opacity: 1; }

/* radio */
.radio {
  display: inline-block; }
  .radio input[type="radio"] {
    display: none; }
    .radio input[type="radio"]:checked + label {
      color: var(--white);
      background-color: var(--orange); }
  .radio label {
    min-width: 70px;
    display: inline-block;
    color: var(--orange);
    text-align: center;
    padding: 3px 5px;
    border: solid 2px var(--orange);
    border-radius: 30px;
    background-color: transparent;
    cursor: pointer;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear; }
    .radio label:hover, .radio label:focus {
      color: var(--white);
      background-color: var(--orange); }

.likedislike {
  text-align: right;
  margin: 5px 0 0; }
  .likedislike .radio {
    display: inline-block; }
    .likedislike .radio input[type="radio"] {
      display: none; }
      .likedislike .radio input[type="radio"]:checked + label {
        color: var(--black);
        background: transparent; }
        .likedislike .radio input[type="radio"]:checked + label .icon-dislike::before {
          content: '\e916'; }
        .likedislike .radio input[type="radio"]:checked + label .icon-like::before {
          content: '\e918'; }
    .likedislike .radio label {
      min-width: inherit;
      display: inline-block;
      color: var(--grey2);
      text-align: center;
      padding: 2px 5px;
      border: none; }
      .likedislike .radio label:hover, .likedislike .radio label:focus {
        color: var(--grey);
        background: transparent; }

/* input */
.input {
  width: 100%;
  height: 40px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  font-size: 13px;
  font-weight: 300;
  color: var(--grey4);
  margin-bottom: 7px;
  padding: 0 20px;
  border: none;
  background: var(--white); }

input:not([type=submit]) {
  width: 100%;
  height: 36px;
  position: relative;
  color: var(--grey);
  margin-bottom: 15px;
  padding: 5px 10px;
  border: none;
  border-radius: 5px;
  background: var(--white2);
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear; }

::-webkit-input-placeholder {
  color: var(--grey);
  opacity: 1; }

::-moz-placeholder {
  color: var(--grey);
  opacity: 1; }

:-ms-input-placeholder {
  color: var(--grey);
  opacity: 1; }

.inputadd {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  max-width: 300px;
  margin: 0 auto 15px; }
  .inputadd label {
    width: 100%;
    font-size: 11px;
    color: var(--grey2);
    margin: 0 0 3px 0; }
  .inputadd input {
    width: calc(100% - 36px);
    text-align: right;
    margin: 0;
    border-radius: 5px 0 0 5px; }
  .inputadd:after {
    content: '';
    display: block;
    width: 36px;
    height: 36px;
    border-radius: 0 5px 5px 0;
    background: var(--white3) url("../img/ethereum.svg") no-repeat scroll center center/auto 70%; }

.success {
  display: none;
  color: var(--green);
  margin-top: 15px !important; }
  .success.valid {
    display: block; }

/* select */
.select {
  width: auto;
  height: auto;
  display: inline-block;
  position: relative;
  margin: 0 0;
  padding: 7px 0 7px 5px;
  border-bottom: solid 1px var(--white3);
  background: transparent; }
  .select .labelselect {
    position: relative;
    padding: 0 15px 0 0;
    margin-bottom: 0px;
    cursor: pointer; }
    .select .labelselect::after {
      font-family: "fontello";
      content: '\e900';
      font-size: 10px;
      line-height: 1;
      font-weight: 600;
      color: var(--grey2);
      position: absolute;
      top: 50%;
      right: 0px;
      transform: translate(0, -50%);
      -webkit-transition: all 0.3s linear;
      transition: all 0.3s linear; }
    .select .labelselect p {
      font-size: 15px;
      font-weight: 500;
      color: var(--grey);
      text-align: left;
      margin: 0; }
    .select .labelselect .selected {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center; }
  .select .window {
    display: none;
    width: 100%;
    max-height: 150px;
    position: absolute;
    left: 0;
    bottom: 0;
    overflow: auto;
    z-index: 20;
    transform: translate(0, 100%);
    box-shadow: 0px 2px 5px var(--white3);
    background: var(--white); }
    .select .window .infoselect {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      font-size: 15px;
      line-height: 1;
      font-weight: 500;
      color: var(--grey2);
      text-align: left;
      border-bottom: solid 1px var(--white3);
      margin: 0;
      padding: 10px 5px;
      cursor: pointer;
      transition: all 0.3s linear; }
      .select .window .infoselect:hover, .select .window .infoselect:focus, .select .window .infoselect.optionselect {
        background: var(--white3); }
      .select .window .infoselect.optionselect {
        cursor: initial;
        opacity: 0.5; }
  .select:hover .window, .select:focus .window {
    display: block; }

/* dates */
.moddate {
  max-width: 240px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 5px;
  padding: 5px;
  border-radius: 5px;
  background: var(--white); }
  .moddate .date:first-child input {
    border-right: solid 1px var(--white3); }
  .moddate .date label {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    gap: 5px;
    cursor: pointer; }
    .moddate .date label i {
      font-size: 12px;
      color: var(--grey); }
    .moddate .date label input {
      width: 75px;
      height: 26px;
      font-family: "Montserrat", Helvetica, Arial, sans-serif;
      font-size: 8px;
      margin: 0;
      padding: 0;
      border-radius: 0;
      cursor: pointer;
      background: transparent; }
    .moddate .date label:hover input, .moddate .date label:focus input {
      background: var(--white2); }

/* search */
.search {
  height: 30px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  flex: 1 1 auto;
  margin: 0;
  padding: 5px;
  padding-right: 0;
  border: none;
  border-radius: 5px;
  background: var(--white); }
  .search i {
    width: 30px;
    height: 20px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    flex: 0 0 auto;
    color: var(--grey);
    margin: auto;
    padding-right: 5px;
    border-right: solid 1px var(--white3); }
  .search input {
    height: 100%;
    flex: 1 1 auto;
    font-size: 15px;
    line-height: 1;
    color: var(--grey2);
    margin: 0;
    padding-left: 5px;
    border: none;
    background: transparent; }
  .search.open {
    position: relative; }
    .search.open input {
      width: calc(100% - 10px);
      height: 36px;
      position: fixed;
      left: 5px;
      right: 5px;
      top: 111px;
      box-shadow: 0 0 5px var(--black);
      background: var(--white);
      z-index: 200; }

/* balance */
#header {
  height: var(--headerh);
  padding: 10px; }
  #header .contentheader {
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    gap: 7px;
    padding: 4px 10px;
    border-radius: 10px;
    box-shadow: 0px 4px 5px 2px rgba(0, 0, 0, 0.3);
    background: url("../img/background.jpg") no-repeat scroll top left/cover; }
    #header .contentheader .bloc .title {
      color: var(--whitec); }
    #header .contentheader .bloc .value {
      color: var(--whitec); }
    #header .contentheader .bublei {
      color: var(--whitec);
      background: var(--blackc); }
  #header .btn {
    height: 32px;
    color: var(--whitec);
    white-space: nowrap; }
  #header .resphead {
    display: none;
    font-size: 10px;
    color: var(--whitec);
    cursor: pointer;
    opacity: 1;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear; }
    #header .resphead:hover, #header .resphead:focus {
      opacity: 0.5; }

#logo {
  width: 180px;
  display: flex;
  align-items: flex-end; }
  #logo .desk {
    width: 100%; }
  #logo .mob {
    display: none; }

#wallet {
  height: 28px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0px 10px; }
  #wallet .listbbalance {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0px 10px; }

.headmob #header {
  position: relative; }
  .headmob #header .btn {
    padding: 5px; }
  .headmob #header .bwallet, .headmob #header .listbbalance {
    margin: 0 !important;
    padding: 5px 15px 5px 10px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    left: 10px;
    transform: translate(0, 0%);
    z-index: -1;
    background: var(--purple); }
  .headmob #header .bwallet:hover .bubble > span, .headmob #header .bwallet:focus .bubble > span {
    display: none; }
  .headmob #header .listbbalance {
    bottom: -26px;
    flex-direction: column;
    align-items: flex-end;
    border-radius: 0 0 10px 10px; }
    .headmob #header .listbbalance .bloc:not(:last-child) {
      margin-bottom: 7px; }
  .headmob #header .resphead {
    display: inline-block;
    position: absolute;
    right: 20px; }
  .headmob #header.open .contentheader {
    border-radius: 10px 10px 0 0; }
  .headmob #header.open .bwallet, .headmob #header.open .listbbalance {
    transform: translate(0, 100%);
    z-index: 2000; }
.headmob #wallet {
  padding-right: 20px; }
.headmob #logo {
  align-items: center; }
  .headmob #logo .desk {
    display: none; }
  .headmob #logo .mob {
    display: block;
    max-height: 35px; }

.bloc > * {
  position: relative; }
.bloc .title {
  font-size: 10px !important;
  line-height: 1.2;
  font-weight: 600;
  color: var(--grey2);
  text-align: right;
  white-space: nowrap;
  margin: 0; }
.bloc .value {
  font-size: 14px;
  line-height: 1;
  font-weight: 600;
  color: var(--grey);
  text-align: right;
  white-space: nowrap; }
  .bloc .value.doublev {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: nowrap;
    gap: 5px; }
    .bloc .value.doublev hr {
      width: 1px !important;
      height: 20px;
      flex: 0 0 auto;
      border: none;
      opacity: 0.3;
      background: var(--white); }

/* menu */
#menu {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: nowrap;
  gap: 12px; }
  #menu .btn {
    font-size: 10px;
    line-height: 1.2;
    font-weight: 700;
    color: var(--grey2);
    padding: 7px 5px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear; }
    #menu .btn i {
      font-size: 11px; }
    #menu .btn:hover, #menu .btn:focus {
      color: var(--white); }
    #menu .btn.open {
      color: var(--purple);
      border-color: var(--purple);
      cursor: initial; }
      #menu .btn.open:hover, #menu .btn.open:focus {
        color: var(--purple);
        background: transparent; }

/* submenu */
.submenu {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 15px; }
  .submenu a {
    font-size: 13px;
    color: var(--grey2);
    padding: 5px 15px;
    border-radius: 5px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear; }
    .submenu a:hover, .submenu a:focus {
      opacity: 0.7; }
    .submenu a.open {
      color: var(--purple);
      cursor: initial;
      background: var(--white); }
      .submenu a.open:hover, .submenu a.open:focus {
        opacity: 1; }

.subpage {
  height: calc(100% - 65px); }
  .subpage .table {
    height: calc(100% - 0px); }
    .subpage .table .pag {
      height: calc(100% - 24px); }

/* gallery */
#gallery {
  height: 100%; }

#filtergallery {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: nowrap;
  gap: var(--padding);
  padding-bottom: 10px;
  padding-right: 40px; }
  #filtergallery .menuopen {
    display: none;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: nowrap; }
    #filtergallery .menuopen > div {
      width: 35px;
      height: 22px;
      position: relative;
      margin: auto 0;
      cursor: pointer;
      -webkit-transition: all 0.3s linear;
      transition: all 0.3s linear; }
      #filtergallery .menuopen > div span {
        display: block; }
      #filtergallery .menuopen > div span, #filtergallery .menuopen > div::before, #filtergallery .menuopen > div::after {
        content: '';
        width: 100%;
        height: 2px;
        margin: 0;
        background: var(--grey2);
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear; }
      #filtergallery .menuopen > div::before, #filtergallery .menuopen > div::after {
        position: absolute;
        left: 0;
        right: 0; }
      #filtergallery .menuopen > div::before {
        top: 50%;
        transform: translateY(-50%); }
      #filtergallery .menuopen > div::after {
        bottom: 0; }
      #filtergallery .menuopen > div:hover, #filtergallery .menuopen > div:focus {
        opacity: 0.7; }
  #filtergallery #optionmenu {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: nowrap;
    gap: var(--padding); }
  #filtergallery .btn {
    height: 36px; }
  #filtergallery .search {
    max-width: 200px;
    height: 36px; }
  #filtergallery .select {
    min-width: 120px;
    padding: 10px 0 10px 5px; }
  #filtergallery .binfosnft {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: nowrap;
    gap: 15px;
    padding: 5px 7px;
    border-radius: 5px;
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.05);
    background: var(--purple2); }
    #filtergallery .binfosnft .title {
      color: var(--whitec); }
    #filtergallery .binfosnft .value {
      font-size: 14px;
      color: var(--whitec); }

.openmenu .menuopen > div::before {
  display: none; }
.openmenu .menuopen > div::after {
  transform: rotate(45deg) translateX(-35%) translateY(-100%); }
.openmenu .menuopen > div span {
  transform: rotate(-45deg) translateX(-35%) translateY(100%); }

body.responsiv #filtergallery {
  position: relative;
  gap: 10px; }
  body.responsiv #filtergallery .btn {
    font-size: 0;
    padding: 7px; }
    body.responsiv #filtergallery .btn img {
      width: 15px;
      margin: 0; }
  body.responsiv #filtergallery #menu {
    width: calc(100% - 35px);
    max-width: 230px;
    display: block;
    padding: 15px;
    position: fixed;
    top: calc(var(--headerh) + 0px);
    right: 10px;
    bottom: var(--padding);
    transform: translate(120%, 0);
    z-index: 300;
    box-shadow: -5px 0px 5px 1px rgba(0, 0, 0, 0.2);
    background: url("../img/form.jpg") no-repeat scroll top right/cover; }
    body.responsiv #filtergallery #menu .btn {
      width: 100%;
      gap: 3px;
      font-size: 13px;
      margin-top: 10px; }
      body.responsiv #filtergallery #menu .btn.none {
        display: flex; }
  body.responsiv #filtergallery .menuopen {
    display: flex;
    position: absolute;
    left: 0; }
  body.responsiv #filtergallery #optionmenu {
    gap: 10px; }
  body.responsiv #filtergallery .search {
    max-width: 33px;
    padding: 7px 3px;
    border: solid 2px var(--grey2);
    border-radius: 0;
    cursor: pointer;
    background: transparent;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear; }
    body.responsiv #filtergallery .search i {
      width: auto;
      height: auto;
      color: var(--grey2);
      padding: 0;
      border: none; }
    body.responsiv #filtergallery .search input {
      display: none; }
    body.responsiv #filtergallery .search:hover, body.responsiv #filtergallery .search:focus {
      background: var(--grey2); }
      body.responsiv #filtergallery .search:hover i, body.responsiv #filtergallery .search:focus i {
        color: var(--white); }
    body.responsiv #filtergallery .search.open input {
      display: block; }
  body.responsiv #filtergallery .select {
    min-width: 90px; }
body.responsiv.openmenu #filtergallery #menu {
  transform: translate(0%, 0);
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear; }
  body.responsiv.openmenu #filtergallery #menu .btn {
    color: var(--whitec);
    border-color: var(--whitec); }
    body.responsiv.openmenu #filtergallery #menu .btn:hover, body.responsiv.openmenu #filtergallery #menu .btn:focus {
      color: var(--purple);
      background: var(--whitec); }
    body.responsiv.openmenu #filtergallery #menu .btn.open, body.responsiv.openmenu #filtergallery #menu .btn.open:hover {
      color: var(--purple);
      background: var(--whitec);
      cursor: initial; }

.gallery {
  height: calc(100% - 50px - 20px);
  display: grid;
  grid-template-columns: repeat(auto-fill, 220px);
  grid-row-gap: 15px;
  grid-column-gap: 15px;
  align-items: flex-start;
  justify-content: center;
  overflow: auto;
  padding-top: 5px; }

.card {
  position: relative;
  padding: 15px 15px 25px;
  border-radius: 15px;
  box-shadow: 0 0 5px var(--white3);
  background: var(--white); }
  .card .namecard {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    padding: 0px 0 15px; }
    .card .namecard .numbercardnft {
      font-size: 15px;
      font-weight: 800;
      color: var(--purple);
      margin: 0 5px 0 0; }
    .card .namecard .collecnftname {
      display: inline-block;
      max-width: 150px;
      font-size: 13px;
      line-height: 1.2;
      font-weight: 700;
      color: var(--grey);
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      margin: 0;
      cursor: pointer;
      -webkit-transition: all 0.3s linear;
      transition: all 0.3s linear; }
      .card .namecard .collecnftname:hover, .card .namecard .collecnftname:focus {
        opacity: 0.5; }
  .card .imgcardnft {
    text-align: center; }
    .card .imgcardnft .blocimgnft {
      max-width: 190px;
      height: 190px;
      position: relative;
      text-align: center;
      margin: auto;
      border-radius: 10px; }
      .card .imgcardnft .blocimgnft img {
        width: auto;
        height: 100%;
        object-fit: cover;
        margin: auto;
        border-radius: 10px; }
  .card .infosnft {
    height: 117px;
    padding: 15px 0 10px;
    overflow-x: auto; }
    .card .infosnft.request {
      padding-top: none; }
    .card .infosnft .line {
      display: grid;
      grid-template-columns: 80px 1fr;
      grid-row-gap: 15px;
      grid-column-gap: 5px;
      align-items: flex-start;
      margin-bottom: 5px;
      border-bottom: solid 1px var(--white2); }
      .card .infosnft .line:last-child {
        border: none; }
      .card .infosnft .line p {
        font-size: 11px;
        margin: 0 0 5px; }
      .card .infosnft .line .valul {
        font-size: 12px;
        font-weight: 600; }
        .card .infosnft .line .valul .chronos {
          font-size: 10px; }
  .card .pricenft {
    display: none;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    margin-top: 5px; }
    .card .pricenft .ethere {
      color: var(--grey2); }
  .card:nth-child(4n+1) {
    --color: var(--purple); }
    .card:nth-child(4n+1) .numbercardnft, .card:nth-child(4n+1) .chronos {
      color: var(--purple); }
  .card:nth-child(4n+2) {
    --color: var(--red); }
    .card:nth-child(4n+2) .numbercardnft, .card:nth-child(4n+2) .chronos {
      color: var(--red); }
  .card:nth-child(4n+3) {
    --color: var(--orange); }
    .card:nth-child(4n+3) .numbercardnft, .card:nth-child(4n+3) .chronos {
      color: var(--orange); }
  .card:nth-child(4n+4) {
    --color: var(--yellow); }
    .card:nth-child(4n+4) .numbercardnft, .card:nth-child(4n+4) .chronos {
      color: var(--yellow); }
@keyframes pulse {
  0% {
    transform: scale(0.95);
    opacity: 0.5;
    box-shadow: 0 0 0 0 var(--color); }
  70% {
    transform: scale(1);
    opacity: 0.3;
    box-shadow: 0 0 0 10px var(--color); }
  100% {
    transform: scale(0.95);
    opacity: 0.3;
    box-shadow: 0 0 0 0 var(--color); } }
  .card.request .infosnft.release {
    display: none; }
  .card.request .line {
    grid-template-columns: 80px 1fr; }
  .card.release img {
    filter: grayscale(100%); }
  .card.release .infosnft.request {
    display: none; }
  .card.release .btn {
    color: var(--orange);
    border-color: var(--orange);
    background: transparent; }
    .card.release .btn:hover, .card.release .btn:focus {
      color: var(--white);
      background: var(--orange); }
  .card .nonft p {
    font-size: 11px;
    line-height: 1.2;
    text-align: center; }
  .card.open .btn {
    background: var(--red2);
    border-color: var(--red2); }
    .card.open .btn:hover, .card.open .btn:focus {
      opacity: 0.7; }
  .card.market .imgcardnft {
    position: relative; }
    .card.market .imgcardnft .discount {
      width: 35px;
      height: 35px;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      flex-wrap: nowrap;
      font-weight: 700;
      border-radius: 50%;
      position: absolute;
      top: 5px;
      right: 5px;
      z-index: 20;
      background: var(--purple); }
  .card.market .infosnft {
    height: inherit; }
    .card.market .infosnft .line {
      grid-template-columns: 1fr 1fr; }
      .card.market .infosnft .line .valul {
        text-align: right; }
  .card.market .pricenft {
    display: block; }
  .card.chrono-ending .imgcardnft {
    position: relative; }
    .card.chrono-ending .imgcardnft .blocimgnft {
      position: relative;
      z-index: 20; }
    .card.chrono-ending .imgcardnft::after, .card.chrono-ending .imgcardnft::before {
      content: '';
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      border-radius: 10px;
      opacity: 1;
      z-index: 1;
      transform: scale(1);
      animation: pulse 3s infinite; }
    .card.chrono-ending .imgcardnft::before {
      opacity: 0.5 !important;
      animation: pulse 3s infinite 2s; }

/* tableau */
.table {
  height: calc(100% - 45px);
  display: grid;
  grid-template-rows: 40px calc(100% - 45px);
  overflow-y: hidden; }
  .table.pag {
    grid-template-rows: 40px calc(100% - 40px - 27px); }
  .table.tables {
    padding-top: 10px; }
  .table .thead .line, .table .tbody .line {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(40px, 1fr));
    grid-column-gap: 10px;
    align-items: center; }
    .table .thead .line .cell:first-child, .table .tbody .line .cell:first-child {
      padding-left: 10px; }
    .table .thead .line .cell:last-child, .table .tbody .line .cell:last-child {
      padding-right: 10px; }
    .table .thead .line .cell > *, .table .tbody .line .cell > * {
      text-align: left; }
    .table .thead .line .cell.cbtn, .table .thead .line .cell.cbtn > *, .table .tbody .line .cell.cbtn, .table .tbody .line .cell.cbtn > * {
      text-align: center; }
    .table .thead .line p, .table .thead .line a, .table .tbody .line p, .table .tbody .line a {
      text-align: center;
      margin: 0; }
  .table .thead {
    border-bottom: solid 1px var(--white3);
    background: var(--white); }
    .table .thead .line {
      padding-right: var(--scroll); }
    .table .thead .cell {
      padding: 13.5px 0; }
      .table .thead .cell p {
        font-size: 13px;
        line-height: 1;
        font-weight: 700;
        color: var(--grey); }
  .table .tbody {
    height: 100%;
    overflow-y: auto; }
    .table .tbody .line {
      background: var(--white); }
      .table .tbody .line .cell {
        padding: 12px 0; }
        .table .tbody .line .cell.cellimg {
          padding: 5px 0; }
          .table .tbody .line .cell.cellimg .blocimgnft {
            width: 35px;
            height: 35px;
            border-radius: 50%;
            overflow: hidden; }
            .table .tbody .line .cell.cellimg .blocimgnft img {
              width: 100%;
              height: 100%;
              object-fit: cover; }
      .table .tbody .line p {
        color: var(--grey2); }
        .table .tbody .line p.red {
          color: var(--red); }
        .table .tbody .line p.green {
          color: var(--green); }
      .table .tbody .line:nth-child(2n+0) {
        background-color: var(--white1); }
  .table.nftcaracteres {
    height: 100%;
    grid-template-rows: 30px calc(100% - 0px); }
    .table.nftcaracteres .thead {
      height: 30px; }
      .table.nftcaracteres .thead .line .cell {
        padding: 10px 0; }
        .table.nftcaracteres .thead .line .cell p {
          font-size: 10px;
          line-height: 1;
          font-weight: 600; }
    .table.nftcaracteres .tbody {
      height: calc(100% - 30px);
      overflow-y: auto;
      overflow-x: hidden; }
      .table.nftcaracteres .tbody .line .cell {
        padding: 5px 0; }
        .table.nftcaracteres .tbody .line .cell p {
          font-size: 9px; }
        .table.nftcaracteres .tbody .line .cell .c1 p {
          font-weight: 800; }
    .table.nftcaracteres .thead .line, .table.nftcaracteres .tbody .line {
      grid-template-columns: 63px 1fr;
      grid-column-gap: 5px;
      align-items: center;
      margin: 0; }
      .table.nftcaracteres .thead .line .cell *, .table.nftcaracteres .tbody .line .cell * {
        text-align: left !important; }
      .table.nftcaracteres .thead .line .cell:first-child, .table.nftcaracteres .tbody .line .cell:first-child {
        padding-left: 5px; }
      .table.nftcaracteres .thead .line .cell:last-child, .table.nftcaracteres .tbody .line .cell:last-child {
        padding-right: 5px; }

.headcell {
  display: none; }

/* pagination */
.pagination {
  height: 22px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  margin: 5px auto 0;
  padding: 0 var(--padding); }
  .pagination .navpaging {
    color: var(--grey2);
    border: none;
    cursor: pointer;
    background: transparent;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear; }
    .pagination .navpaging i {
      color: var(--grey2); }
    .pagination .navpaging:hover, .pagination .navpaging:focus {
      opacity: 0.7; }
  .pagination .numberpaging {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    margin: 0 5px; }
    .pagination .numberpaging p {
      width: 20px;
      height: 20px;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      flex-wrap: nowrap;
      font-size: 15px;
      font-weight: 600;
      color: var(--grey2);
      margin: 0 1px 0 0;
      cursor: pointer;
      background: transparent;
      -webkit-transition: all 0.3s linear;
      transition: all 0.3s linear; }
      .pagination .numberpaging p.active, .pagination .numberpaging p.active:hover, .pagination .numberpaging p.active:focus {
        color: var(--whitec);
        background: var(--purple2); }
      .pagination .numberpaging p:hover, .pagination .numberpaging p:focus {
        color: var(--purple2); }

/* unstake */
.tableunstake .thead .line, .tableunstake .tbody .line {
  grid-template-columns: repeat(4, minmax(135px, 1fr)) repeat(2, minmax(55px, 0.5fr)) 80px; }

.linepopup {
  width: 100%;
  padding: 5px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 200; }

/* liquidity */
.tableliquidity .thead .line, .tableliquidity .tbody .line {
  grid-template-columns: 60px repeat(4, minmax(40px, 1fr)) 130px; }
  .tableliquidity .thead .line .cell:first-child, .tableliquidity .tbody .line .cell:first-child {
    padding-left: 10px; }
    .tableliquidity .thead .line .cell:first-child p, .tableliquidity .tbody .line .cell:first-child p {
      text-align: left;
      padding-left: 10px; }
  .tableliquidity .thead .line .cell:last-child, .tableliquidity .tbody .line .cell:last-child {
    padding-right: 10px; }
  .tableliquidity .thead .line .cell .chronos, .tableliquidity .thead .line .cell .sold, .tableliquidity .tbody .line .cell .chronos, .tableliquidity .tbody .line .cell .sold {
    font-size: 11px;
    font-weight: 700; }
  .tableliquidity .thead .line .cell .nft img, .tableliquidity .tbody .line .cell .nft img {
    border-radius: 10px; }
  .tableliquidity .thead .line .cell .btnsaction, .tableliquidity .tbody .line .cell .btnsaction {
    flex-direction: column; }
    .tableliquidity .thead .line .cell .btnsaction .btn, .tableliquidity .tbody .line .cell .btnsaction .btn {
      width: 100%;
      height: auto;
      padding: 2px 11px; }

/* popup */
#modpopup {
  display: flex;
  overflow: auto;
  position: fixed;
  top: 50vh;
  right: 50vw;
  bottom: 50vh;
  left: 50vw;
  padding: 0;
  opacity: 0;
  z-index: 10000;
  background: var(--bgopacite);
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear; }
  #modpopup #popup {
    width: 0%;
    max-width: 580px;
    margin: auto;
    padding: 0;
    position: relative;
    border-radius: 5px;
    background: var(--white);
    box-shadow: 0 0 20px var(--grey);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear; }
    #modpopup #popup #contentpopup {
      max-height: 100%; }
    #modpopup #popup .croix {
      -webkit-transition: all 0.3s linear;
      transition: all 0.3s linear; }
      #modpopup #popup .croix::before {
        font-family: "fontello";
        content: '\e90e';
        width: 42px;
        height: 42px;
        font-size: 15px;
        line-height: 42px;
        font-weight: 800;
        color: var(--grey);
        text-align: center;
        font-style: normal;
        position: absolute;
        top: 0px;
        right: 0px;
        cursor: pointer;
        z-index: 3000; }
      #modpopup #popup .croix:hover, #modpopup #popup .croix:focus {
        opacity: 0.5; }
    #modpopup #popup .title {
      font-size: 20px;
      font-weight: 700;
      margin-bottom: 10px; }
      #modpopup #popup .title .ethere {
        color: var(--grey2); }
        #modpopup #popup .title .ethere::after {
          width: 18px;
          height: 18px; }
    #modpopup #popup .title2 {
      font-size: 16px;
      font-weight: 700; }
    #modpopup #popup .title3 {
      font-size: 15px;
      font-weight: 500; }
    #modpopup #popup .title4 {
      font-size: 13px;
      line-height: 1;
      font-weight: 700;
      color: var(--grey);
      margin: 0 0 7px; }
    #modpopup #popup .btnpopup {
      max-width: 300px;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      flex-wrap: nowrap;
      gap: 15px;
      margin: auto; }
      #modpopup #popup .btnpopup > * {
        flex: 1 1 auto; }
    #modpopup #popup .boxpop {
      max-width: 300px;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      flex-wrap: nowrap;
      gap: 15px;
      margin: 20px auto; }
      #modpopup #popup .boxpop > * {
        flex: 1 1 auto; }
    #modpopup #popup .back {
      position: absolute;
      bottom: 5px;
      left: 30px;
      color: var(--purple);
      cursor: pointer;
      -webkit-transition: all 0.3s linear;
      transition: all 0.3s linear; }
      #modpopup #popup .back:hover, #modpopup #popup .back:focus {
        color: var(--red2); }
    #modpopup #popup .bloc {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      flex-wrap: nowrap;
      gap: 5px;
      margin-bottom: 15px; }
    #modpopup #popup .detailpayback {
      max-width: 260px;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      flex-wrap: nowrap;
      margin: -5px auto 0; }
      #modpopup #popup .detailpayback .bloc {
        display: block; }
        #modpopup #popup .detailpayback .bloc .title {
          margin: 0; }
      #modpopup #popup .detailpayback .plus {
        font-size: 25px;
        color: var(--grey2);
        padding: 0 25px; }
  #modpopup.popsmallbig #popup {
    max-width: 420px; }
  #modpopup.poptabrequest #popup {
    max-width: 580px; }
  #modpopup.popsmall #popup {
    max-width: 420px; }
  #modpopup.popfulllight {
    align-items: flex-start;
    border-radius: 0;
    box-shadow: none;
    background: transparent; }
    #modpopup.popfulllight #popup {
      max-width: none;
      margin: 0;
      padding: 40px 30px; }
  #modpopup.open {
    padding: 15px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 1; }
    #modpopup.open #popup {
      width: 100%;
      padding: 40px 30px; }

#popuprequest {
  display: grid;
  grid-template-areas: "c1 c2" "c1 c3" "c4 c4" "c5 c5";
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  grid-gap: 20px; }
  #popuprequest .zonpop {
    padding: 15px;
    box-shadow: 0 0 5px var(--white3);
    background: var(--white); }
  #popuprequest .card2 {
    grid-area: c1;
    border-radius: 0;
    width: 100%;
    max-width: inherit; }
    #popuprequest .card2 .blocimgnft {
      text-align: center; }
      #popuprequest .card2 .blocimgnft img {
        width: auto;
        max-height: 150px;
        margin: auto; }
  #popuprequest .zamount {
    grid-area: c2; }
    #popuprequest .zamount .inputadd {
      margin-bottom: 0; }
  #popuprequest .zduration {
    grid-area: c3; }
    #popuprequest .zduration .title4.result {
      margin: 0 !important; }
  #popuprequest .zpayback {
    grid-area: c4;
    background: url("../img/background.jpg") no-repeat scroll center center/cover; }
    #popuprequest .zpayback * {
      color: var(--whitec); }
    #popuprequest .zpayback .title2 {
      font-weight: 500 !important;
      margin-top: 10px; }
      #popuprequest .zpayback .title2.min {
        font-size: 13px !important;
        margin: 0 auto 5px; }
      #popuprequest .zpayback .title2 .ethere {
        font-weight: 800 !important; }
  #popuprequest .validform {
    grid-area: c5; }

.card2 {
  max-width: 220px;
  margin: auto;
  padding-bottom: 0; }
  .card2 .infosnft {
    height: auto; }
    .card2 .infosnft .line {
      grid-template-columns: 2fr 1fr;
      padding: 0px 0 5px; }
      .card2 .infosnft .line .infol {
        font-size: 12px;
        font-weight: 700;
        margin: 0; }
      .card2 .infosnft .line .valul {
        font-size: 13px;
        color: var(--purple);
        margin: 0; }

.receveivedtxt {
  margin-top: var(--padding); }
  .receveivedtxt * {
    text-align: center; }

#popupmarket .card2 {
  margin: 15px auto 25px;
  padding-bottom: 15px; }
#popupmarket .pricenft {
  display: block; }

/* attente */
.popup-waiting-anim {
  padding: 20px 15px 15px;
  text-align: center;
  box-shadow: 0 0 15px var(--black);
  border-radius: 5px;
  background: var(--white); }
  .popup-waiting-anim p {
    font-size: 15px;
    text-align: center; }

.waiting {
  width: 180px;
  height: 60px;
  position: relative;
  margin: 0 auto 20px;
  z-index: 2; }

@keyframes circle {
  0% {
    top: 60px;
    height: 5px;
    border-radius: 50px 50px 25px 25px;
    transform: scaleX(1.7); }
  40% {
    height: 20px;
    border-radius: 50%;
    transform: scaleX(1); }
  100% {
    top: 0%; } }
.circle {
  width: 20px;
  height: 20px;
  position: absolute;
  border-radius: 50%;
  background-color: var(--red);
  left: 15%;
  transform-origin: 50%;
  animation: circle .5s alternate infinite ease; }
  .circle:nth-child(2n) {
    background-color: var(--orange); }
  .circle:nth-child(3n) {
    background-color: var(--yellow); }

.circle:nth-child(2) {
  left: 45%;
  animation-delay: .2s; }

.circle:nth-child(3) {
  left: auto;
  right: 15%;
  animation-delay: .3s; }

@keyframes shadow {
  0% {
    transform: scaleX(1.5); }
  40% {
    transform: scaleX(1);
    opacity: .7; }
  100% {
    transform: scaleX(0.2);
    opacity: .4; } }
.shadow {
  width: 20px;
  height: 4px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 62px;
  transform-origin: 50%;
  z-index: -1;
  left: 15%;
  filter: blur(1px);
  animation: shadow .5s alternate infinite ease; }

.shadow:nth-child(4) {
  left: 45%;
  animation-delay: 0.2s; }

.shadow:nth-child(5) {
  left: auto;
  right: 15%;
  animation-delay: .3s; }

.wrapper span {
  position: absolute;
  top: 75px;
  font-family: 'Lato';
  font-size: 20px;
  letter-spacing: 12px;
  color: #fff;
  left: 15%; }

/* login */
#login #header .bloc .value {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: nowrap;
  gap: 3px;
  font-size: 0; }
  #login #header .bloc .value::before {
    content: '-';
    font-size: 14px;
    font-weight: 500; }
#login .login {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap; }
  #login .login .btnlog {
    height: auto;
    font-size: 25px;
    font-weight: 600; }

/* chat */
.chat {
  width: 100%;
  max-width: 300px;
  height: 0;
  max-height: 500px;
  position: fixed;
  bottom: 0px;
  right: 20px;
  z-index: 200; }
  .chat.chatpin .bodychat .messages {
    height: calc(100% - 235px);
    padding-top: 0; }
  .chat .headchat {
    width: 50px;
    height: 50px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    padding: 10px;
    border-radius: 50%;
    position: absolute;
    bottom: 5px;
    right: 5px;
    cursor: pointer;
    box-shadow: 0 0 0 0 var(--red);
    background: var(--red);
    z-index: 20;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear; }
    .chat .headchat:hover {
      box-shadow: 0 0 5px 2px var(--red); }
    .chat .headchat .fa {
      display: none;
      font-size: 25px;
      color: var(--white); }
    .chat .headchat .numbermessage {
      width: 22px;
      height: 22px;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      flex-wrap: nowrap;
      font-size: 9px;
      font-weight: 700;
      color: var(--white);
      border-radius: 50%;
      position: absolute;
      top: 2px;
      right: 1px;
      background: var(--yellow); }
  .chat .pins {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    gap: 10px;
    margin: 0 0 10px;
    padding: 7px 15px;
    border-radius: 10px 10px 0 0;
    background: var(--white3);
    z-index: 20; }
    .chat .pins .contentpin {
      width: calc(100% - 35px);
      flex: 1 1 auto;
      cursor: pointer; }
      .chat .pins .contentpin .titlepin {
        font-size: 13px;
        font-weight: 700;
        color: var(--red);
        margin: 0 0 5px; }
      .chat .pins .contentpin .txtpin {
        max-width: 250px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
    .chat .pins .btnpin {
      font-size: 17px;
      font-weight: 800;
      color: var(--grey2);
      white-space: nowrap;
      border: none;
      cursor: pointer;
      background: transparent;
      -webkit-transition: all 0.3s linear;
      transition: all 0.3s linear; }
      .chat .pins .btnpin:hover {
        opacity: 0.5; }
  .chat .bodychat {
    height: 100%;
    border-radius: 10px 10px 0 0;
    transform: translate(0, 100%);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    box-shadow: 0 0 5px var(--white3);
    background: var(--white); }
    .chat .bodychat .contentmessages {
      height: 100%;
      padding: 0 15px 15px; }
    .chat .bodychat .messages {
      height: calc(100% - 175px);
      padding-top: 10px;
      overflow-x: hidden;
      overflow-y: scroll; }
      .chat .bodychat .messages .message {
        width: 85%;
        position: relative;
        margin-bottom: 10px;
        padding: 7px 5px;
        border-radius: 5px;
        background: var(--white1); }
        .chat .bodychat .messages .message:last-child {
          margin-bottom: 0; }
        .chat .bodychat .messages .message.me {
          margin-left: 12%;
          background: var(--white2); }
        .chat .bodychat .messages .message.team {
          margin: 0 auto 10px; }
          .chat .bodychat .messages .message.team::before {
            content: '';
            width: 30px;
            height: 30px;
            overflow: hidden;
            position: absolute;
            top: 5px;
            right: 5px;
            opacity: 0.2;
            background: url("../img/favicon.svg") no-repeat scroll top -2px right -4px/100%; }
          .chat .bodychat .messages .message.team .exp {
            font-size: 13px;
            color: var(--red); }
          .chat .bodychat .messages .message.team .txt {
            font-size: 12px;
            font-weight: 700; }
        .chat .bodychat .messages .message .exp {
          font-weight: 900;
          margin-bottom: 5px; }
        .chat .bodychat .messages .message .txt {
          font-size: 11px;
          margin: 0; }
    .chat .bodychat .htags {
      width: 100%;
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      flex-wrap: nowrap;
      gap: 5px;
      margin-top: 10px;
      padding-bottom: 7px;
      overflow-x: scroll;
      overflow-y: hidden; }
      .chat .bodychat .htags .checkbox input[type="checkbox"]:checked + label {
        color: var(--grey2);
        background: var(--white3); }
      .chat .bodychat .htags .checkbox label {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: nowrap;
        gap: 5px;
        font-size: 10px;
        color: var(--grey2);
        padding: 5px 10px;
        border: none;
        border-radius: 25px;
        background: var(--white1); }
    .chat .bodychat textarea {
      width: 100%;
      max-width: 100%;
      min-width: 100%;
      height: 85px;
      max-height: 85px;
      min-height: 85px;
      font-family: "Montserrat", Helvetica, Arial, sans-serif;
      font-size: 12px;
      color: var(--black);
      margin: 5px 0 15px;
      padding: 5px 5px 10px;
      border: none;
      border-radius: 5px;
      background: var(--white2); }
    .chat .bodychat .btn {
      width: calc(100% - 130px); }
  .chat.open {
    height: calc(100% - 15px); }
    .chat.open .headchat img, .chat.open .headchat .numbermessage {
      display: none; }
    .chat.open .headchat .fa {
      display: block; }
    .chat.open .bodychat {
      transform: translate(0, 0); }

/* feedback */
.feedback {
  width: calc(100% - 60px);
  max-width: 370px;
  padding: 25px 10px;
  position: fixed;
  top: 65px;
  bottom: 0;
  right: 0;
  box-shadow: 0 0 5px var(--white3);
  background: var(--white);
  z-index: 200;
  transform: translate(100%, 0);
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear; }
  .feedback .openfeed {
    width: 50px;
    height: 50px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    position: absolute;
    top: 0px;
    left: 0;
    transform: translate(-100%, 0);
    cursor: pointer;
    background: var(--white);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear; }
    .feedback .openfeed i {
      font-size: 30px;
      color: var(--grey2);
      -webkit-transition: all 0.3s linear;
      transition: all 0.3s linear; }
    .feedback .openfeed:hover i {
      opacity: 0.7; }
  .feedback .titlefeed {
    font-size: 25px;
    font-weight: 700;
    text-align: center; }
  .feedback .bodyfeed {
    height: calc(100% - 40px);
    padding-right: 10px;
    overflow: auto; }
  .feedback.open {
    transform: translate(0%, 0); }

.colquestion {
  flex: 1 1 auto;
  padding: 20px 0;
  border-bottom: solid 1px var(--white1); }
  .colquestion .question {
    font-size: 15px;
    line-height: 1.2; }
  .colquestion .vote {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    gap: 15px; }
    .colquestion .vote p {
      color: var(--grey2);
      margin: 0; }
    .colquestion .vote .votequestion {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      flex-wrap: nowrap;
      gap: 10px; }
      .colquestion .vote .votequestion.past input[type="radio"]:checked + label,
      .colquestion .vote .votequestion.past input[type="radio"]:checked + label:hover,
      .colquestion .vote .votequestion.past input[type="radio"]:checked + label:focus {
        color: var(--white);
        background-color: var(--orange); }
      .colquestion .vote .votequestion.past label {
        opacity: 0.7;
        cursor: initial; }
        .colquestion .vote .votequestion.past label:hover, .colquestion .vote .votequestion.past label:focus {
          color: var(--orange);
          background-color: transparent; }

/* responsive */
@media screen and (max-width: 895px) {
  .tableunstake {
    grid-template-rows: calc(100% - 27px) !important; }
    .tableunstake .thead {
      display: none; }
    .tableunstake .headcell {
      display: block;
      font-size: 9;
      font-weight: 700;
      margin: 0 0 3px !important; }
    .tableunstake .tbody .line {
      grid-template-areas: "c1 c3 c4"  "c2 c5 c6" "c7 c7 c7";
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-rows: auto;
      padding: 0 10px; }
      .tableunstake .tbody .line .cell {
        padding-left: 0 !important;
        padding-right: 0 !important; }
        .tableunstake .tbody .line .cell.c1 {
          grid-area: c1; }
          .tableunstake .tbody .line .cell.c1 p {
            padding: 0; }
        .tableunstake .tbody .line .cell.c2 {
          grid-area: c2; }
        .tableunstake .tbody .line .cell.c3 {
          grid-area: c3; }
        .tableunstake .tbody .line .cell.c4 {
          grid-area: c4; }
        .tableunstake .tbody .line .cell.c5 {
          grid-area: c5; }
        .tableunstake .tbody .line .cell.c6 {
          grid-area: c6; }
        .tableunstake .tbody .line .cell.c7 {
          grid-area: c7; }

  .tableliquidity, .tableliquidity.pag {
    grid-template-rows: calc(100% - 27px) !important; }
    .tableliquidity .thead, .tableliquidity.pag .thead {
      display: none; }
    .tableliquidity .headcell, .tableliquidity.pag .headcell {
      display: block;
      font-size: 9;
      font-weight: 700;
      margin: 0 0 3px !important; }
    .tableliquidity .tbody .line, .tableliquidity.pag .tbody .line {
      grid-template-areas: "c1 c5 c6"  "c2 c3 c4";
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-rows: auto;
      padding: 0 10px; }
      .tableliquidity .tbody .line .cell, .tableliquidity.pag .tbody .line .cell {
        padding-left: 0 !important;
        padding-right: 0 !important; }
        .tableliquidity .tbody .line .cell.c1, .tableliquidity.pag .tbody .line .cell.c1 {
          grid-area: c1; }
          .tableliquidity .tbody .line .cell.c1 p, .tableliquidity.pag .tbody .line .cell.c1 p {
            padding: 0; }
            .tableliquidity .tbody .line .cell.c1 p img, .tableliquidity.pag .tbody .line .cell.c1 p img {
              max-height: 40px; }
        .tableliquidity .tbody .line .cell.c2, .tableliquidity.pag .tbody .line .cell.c2 {
          grid-area: c2; }
        .tableliquidity .tbody .line .cell.c3, .tableliquidity.pag .tbody .line .cell.c3 {
          grid-area: c3; }
        .tableliquidity .tbody .line .cell.c4, .tableliquidity.pag .tbody .line .cell.c4 {
          grid-area: c4; }
        .tableliquidity .tbody .line .cell.c5, .tableliquidity.pag .tbody .line .cell.c5 {
          grid-area: c5; }
        .tableliquidity .tbody .line .cell.c6, .tableliquidity.pag .tbody .line .cell.c6 {
          grid-area: c6; }
          .tableliquidity .tbody .line .cell.c6 .btnsaction, .tableliquidity.pag .tbody .line .cell.c6 .btnsaction {
            justify-content: flex-start; } }
@media screen and (max-width: 590px) {
  #modpopup.poptabrequest #popup {
    max-width: 330px; }

  #popuprequest {
    grid-template-areas: "c1"  "c2"  "c3"  "c4"  "c5";
    grid-template-columns: auto; }
    #popuprequest .card2 {
      width: 100%;
      max-width: inherit; } }
@media screen and (max-width: 530px) {
  .bloc .value {
    font-size: 13px; }

  .headmob #header .listbbalance {
    bottom: -25px; }

  .gallery {
    grid-template-columns: repeat(2, 49%);
    grid-row-gap: 10px;
    grid-column-gap: 10px; }

  #filtergallery .binfosnft {
    height: 36px;
    flex-direction: column;
    position: relative;
    padding-right: 15px;
    cursor: pointer; }
    #filtergallery .binfosnft::after {
      font-family: 'fontello';
      content: "\e900";
      display: block;
      font-size: 8px;
      color: var(--whitec);
      position: absolute;
      top: 50%;
      right: 3px;
      transform: translate(0, -50%); }
    #filtergallery .binfosnft .bloc:not(:first-child) {
      display: none;
      width: 100%;
      padding: 5px 7px;
      position: absolute;
      left: 0px;
      cursor: initial;
      background-color: var(--purple2);
      z-index: 3000; }
      #filtergallery .binfosnft .bloc:not(:first-child).getlot {
        bottom: -33px; }
      #filtergallery .binfosnft .bloc:not(:first-child).borrow {
        bottom: -68px;
        border-radius: 0 0 5px 5px; }
    #filtergallery .binfosnft:hover .bloc:not(:first-child), #filtergallery .binfosnft:focus .bloc:not(:first-child) {
      display: block; } }
@media screen and (max-width: 445px) {
  body {
    --padding: 10px; }

  #filtergallery .menuopen > div {
    width: 22px; }

  .gallery .card {
    max-width: 240px;
    margin: 0 auto; }
    .gallery .card .namecard .collecnftname {
      max-width: 75px; } }

/*# sourceMappingURL=style.css.map */