/*  Catalog Style */

body .page .catalog
{
  display: flex;

  gap: 2vw;

  flex-direction: column;
}

body .page .catalog .element
{
  padding: 0px 0px;

  text-align: center;
}

body .page .catalog .element .image
{
  overflow: hidden;
}

body .page .catalog .element .image img
{
  max-width: calc(100% - 2px);

  border-radius: 15px;
  border: 1px solid #6273D9;

  background: var(--popup-page-background) !important;
}


/* ccard */


body .page .card-banner .card-block
{
  width: 100%;
  min-height: 55vw;

  box-sizing: border-box;

  overflow: hidden;
}

body .page .card-banner .card-block.card-simple
{
  padding: 0px;

  background: none;
}

body .page .card-banner .card-block.card-simple img
{
  max-width: 100%;
}

body .page .card-banner .card-block .card-chip
{
  padding: 10% 0% 6% 0%;
}

body .page .card-banner .card-block .card-number
{
  padding: 0% 0% 6.2% 0%;
}


body .page .card-block
{
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;

  width: 71.5vw;

  border-radius: 15px;

  padding: 5% 6%;
  margin: 0px auto;

  background: linear-gradient(#000000, #BC1A03);
}

body .page .card-block .card-top
{
  display: flex;
  flex-direction: row;

  width: 100%;
  height: 20%;

  padding: 0% 0% 0% 0%;
}

body .page .card-block .card-top .card-title
{
  color: #FFFFFF;
  width: 90%;
  font-size: 3vw;

  padding: 0% 0% 0% 0%;
}

body .page .card-block .card-logo
{
  max-width: 15%;

  padding: 0% 0%;
}

body .page .card-block .card-logo svg
{
  max-width: 10vw;
  max-height: 10vw;
}

body .page .card-block .card-chip
{
  padding: 8% 0% 3% 0%;
}

body .page .card-block .card-chip img
{
  width: 15%;
}

body .page .card-block .card-number
{
  font-size: 4vw;
  padding: 0% 0% 2% 0%;
}

body .page .card-block .card-bottom
{
  display: flex;
  flex-direction: row;
  align-items: flex-end;

  width: 100%;
  height: 15%;

  padding: 0% 0% 0% 0%;
}

body .page .card-block .card-bottom .card-holder
{
  width: 100%;
  font-size: 2.5vw;
}

body .page .card-block .card-bottom .card-exprire
{
  font-size: 2.5vw;
  text-align: right;
}






/* cmain */

body .page .main-top-block
{
  display: flex;
  width: 100%;
  flex-direction: row;

  gap: 2vw;
}

body .page .main-top-block.flex-buttons
{
  justify-content: space-between;
  margin-top: 15px;
  margin-bottom: 20px;
}

body .page .main-top-block .card-block
{
  min-height: 51vw;
}

body .page .main-tap-block
{
  display: flex;

  flex-direction: column;
}

body .page .main-tap-block .image-place
{
  display: flex;
  position: relative;

  height: 43vh;

  margin-top: 4vh;

  align-items: center;
  justify-content: center;
  z-index: 1;
  background: url('../src/pattern.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 110%;
}

body .page .main-tap-block .energy-place
{
  position: absolute;
      bottom: 7vw;
      /* left: 31vw; */
      font-size: 75%;
      text-align: center;
}

body .page .main-tap-block .balance-place
{
  position: absolute;
  bottom: 0;
  left: 15%;
  text-align: center;
}

body .page .main-tap-block .energy-place svg
{
  max-width: 15px;
  max-height: 15px;

  vertical-align: middle;
}

body .page .main-tap-block .energy-place > span
{
  display: inline-flex;
  align-items: center;

  padding: 5px 7px;

  color: #6273D9;
  /* color: var(--light-buttons-text); */

  border-radius: 7px;

  /* background: #EBF0F3; */
}

body .page .main-tap-block .product-buttons
{
  position: relative;

  display: flex;

  justify-content: space-between;
  z-index: 2;
}

body .page .main-tap-block .product-buttons .button
{
  position: absolute;

  gap: 0.5vw;

  font-size: 110%;
  font-weight: var(--title-font-weight);
}

body .page .main-tap-block .product-buttons .button.left
{
  left: 0;
}

body .page .main-tap-block .product-buttons .button.right
{
  right: 0px;
}

body .page .main-tap-block .product-buttons .button span:first-child + span
{
  padding-left: 1vw;
}

body .page .main-tap-block .image-place img
{
  max-height: 100%;
  /* max-width: 115%; */
  max-width: 75%;

  border-radius: 15px;

  transition: .5s all;

}

body .page .tap .main-tap-block .image-place img
{
  transform: scale(1.2);
}

body .page .main-tap-block .buttons .button
{
  display: flex;

  height: 9vw;

  gap: 2vw;

  align-items: center;

  justify-content: center;

  font-weight: var(--title-font-weight);
  font-size: 115%;

  background: var(--light-buttons-bg);
  color: #e3a800!important;
}

body .page .main-tap-block .button.cooldown
{
  position: relative;

  justify-content: space-between;

  border: none;
}

body .page .main-tap-block .buttons .button.cooldown span:first-child,
body .page .main-tap-block .buttons .button.cooldown span:last-child
{
  width: 36%;

  text-align: left;
}

body .page .main-tap-block .buttons .button.cooldown span:last-child
{
  text-align: right;
}

body .page .main-tap-block .buttons .button svg
{
  width: 5vw;
  height: 5vw;
}

body .page .main-tap-block .buttons .button .cooldown-overlay
{
  display: block;

  position: absolute;

  left: 0px;

  height: 100%;

  background: #6273D9;

  border-radius: 2vw;
}

body .page .main-tap-block .point, body .page .main-tap-block .coin
{
  position: absolute;

  display: flex;

  gap: 2px;

  align-items: center;

  flex-direction: column;

  font-size: 4vw;
  font-weight: var(--title-font-weight);

  color: #FFF;

  z-index: 7;
  text-shadow: 0px 1px 9px rgb(0 0 0 / 70%);

  -moz-user-select: none;
  -o-user-select:none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
   user-select: none;
}

body .page .main-tap-block .point img, body .page .main-tap-block .coin img
{
  width: 5.5vw;
}

body .page .main-tap-block .point svg, body .page .main-tap-block .coin svg
{
  width: 5.5vw;
  height: 5.5vw;
}

body .page .main-tap-block .point .icon, body .page .main-tap-block .coin .icon
{
  line-height: 0px;
}

body .page .main-tap-block .crystal svg
{
  width: 40px;
  height: 32px;
}

body .page .main-tap-block .coin
{
  background-position: top center;
  background-size: 25px auto;
  background-repeat: no-repeat;
  background-image: url('/src/coin.svg');
}

body .page .main-tap-block .coin > span
{
  display: inline-block;

  padding-top: 25px;
}

body .page .main-top-block .main-top-menu
{
  display: flex;
  flex-direction: column;

  gap: 2vw;
}

body .page .main-top-block .main-top-menu a
{
  position: relative;

  font-size: 85%;

  display: flex;
  align-items: center;
  justify-content: center;
  width: 32%;
  height: 13vw;
  padding-top: 1vw;

  border-radius: 2.5vw;
  border1: 1px solid var(--gold-border-light);
  background: linear-gradient(#000000, #BC1A03);
}

body .page .main-top-block .main-top-menu a .notice
{
  position: absolute;

  top: -3px;
  right: -3px;

  padding: 0px 2px;

  border-radius: 1px;

  background: #de0000;

  font-size: 80%;
}

body .page .main-top-block .main-top-menu a img
{
  height: 85%;
}

body .page .main-tap-block .add-button
{
  position: absolute;
}

body .page .main-tap-block .line.boosts
{
  position: absolute;

  top: 0px;
  right: 0px;

  display: flex;

  gap: 8px;
}

body .page .main-tap-block .line.boosts .elements
{
  display: flex;

  gap: 8px;

  max-width: 120px;

  flex-wrap: wrap;

  flex-direction: column;

  align-items: center;
  justify-content: end;
}

body .page .main-tap-block .line.boosts .element
{
  flex-direction: column;

  overflow: unset;

  gap: 3px;
}

body .page .main-tap-block .element.cooldown
{
  color: #727272;
}

body .page .main-tap-block .element.cooldown .icon
{
  position: relative;

  overflow: hidden;

  border-radius: var(--border-radius-middle);
}

body .page .main-tap-block .element.cooldown .icon .cooldown-overlay
{
  position: absolute;

  bottom: 0px;
  left: 0px;

  display: flex;

  width: 100%;
  height: 100%;

  background: rgba(0, 0, 0, 0.6);

  align-items: center;
  justify-content: center;
}

body .page .main-tap-block .element.cooldown .icon .cooldown-timer
{
  position: absolute;

  top: 50%;

  width: 100%;

  color: #fff;
  font-size: 0.8em;

  text-align: center;
}

body .page .main-tap-block .line.boosts .element .icon
{
  padding: 2px;

  background: #F1F1F1;

  border-radius: 7px;

  line-height: 0;
}

body .page .main-tap-block .line.boosts .element .icon img
{
  width: 8vw;
  height: 8vw;
}

body .page .main-tap-block .line.boosts .element .count
{
  font-size: 80%;
}

body .page .main-tap-block .line.boosts .level
{
  width: 80px;

  text-align: left;
}

body .page .main-tap-block .line.boosts .list
{
  margin-left: 0px;
  margin-right: 0px;
}

body .page .main-tap-block .game-control-place
{
  position: relative;
  height: 54px;
  width: 100%;

  margin: 10px auto 10px auto;
}


body .page .main-banner
{

}

body .page .main-banner .image img
{
  max-width: 100%;

  border-radius: 10px;
}

/* cgames */


body .page .catalog.games
{
  margin-left1: 2vw;
  margin-right1: 2vw;
}


body .page .catalog.games .element
{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 3vw;
  padding: 8px 10px;
  background: #EBF0F3;
  border-radius: 12px;
}

body .page .catalog.games .element .image
{
  width: 20vw;
}

body .page .catalog.games .element .image img
{
  width: 12vw;
  height: 12vw;
}

body .page .catalog.games .element .line
{
  width: 60vw;
  text-align: left;
}

body .page .catalog.games .element .name
{
  font-size: 100%;
  font-weight: bold;
  color: #6273D9;
  /* color: var(--base-text-color); */

  margin-bottom: 5px;
}

body .page .catalog.games .element .text
{
  color: var(--hint-color);
      font-size: 75%;
      line-height: 1.3;
      font-weight: normal;
      text-align: left;
      /* height: 30px; */
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
}
body .page .catalog.games .element .text b
{
  font-weight: normal;
}

body .page .catalog.games .element .tags
{
  color: var(--hint-color);
  font-size: 85%;
  text-align: right;

  padding-top: 1px;
}

body .page .catalog.games .element .play
{
  display: flex;

  gap: 1.5vw;

  flex-direction: row;
  align-items: center;
}


/* popup-content */

body .popup .popup-content
{
  /* min-height: calc(100vh - 35vh); */
  /* padding-bottom: 40vw; */
}



/* cgamespoup */

body .popup .popup-content .games .text
{
  padding-left: 0px;
  padding-right: 0px;
}

body .popup .popup-content .games .image
{
  height: auto;
}

body .popup .popup-content .games .image img
{
  width: 40%;
  height: auto;

  max-height: none;

  border-radius: 8px;

  box-shadow: none;
}



/** RoadMap  Page **/

body .roadmap
{

}

body .roadmap .road_line
{
  background-image: url('/src/road1.png');
  background-repeat: repeat-y;
  background-position: center;
  background-size: 8%;
}

body .roadmap .stages
{
  display: flex;
  flex-direction: column;

  gap: 1vw;

  width: 100%;
}

body .roadmap .stages .stage
{
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: center;

  font-size: 90%;
  font-weight: normal;
}

body .roadmap .stages .stage1
{
  flex-direction: row-reverse;
}

body .roadmap .stages .stage .text
{
  width: 46%;
  padding: 5px 0px 5px 14px;
  margin: 0px;

  text-align: left;
}
body .roadmap .stages .stage0 .text
{
  text-align: right;
  padding: 5px 14px 5px 0px;
}
body .roadmap .stages .ready
{
  opacity: 40%;
}

body .roadmap .stages .stage .state
{
  width: 8%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

body .roadmap .stages .stage .state img
{
  max-width: 100%;
}

body .roadmap .stages .stage .side
{
  width: 46%;
  padding: 5px 7px;
}


/* cbalance */


body .balance .tiles.buttons
{
  margin-bottom: 20px;
}

body .balance .tiles.buttons .tile
{
  font-size: 110%;

  gap: 5px;

  background: none;

  padding: 0px;
  width: calc(50% - 16px);

  margin-top: 6px;
  padding: 0px 4px;
}

body .balance .tiles.buttons .tile .button
{
  font-size: 90%;
  font-weight: normal;
  width: 100%;

}


body .balance .course
{
  display: flex;
  justify-content: center;

  margin: 3vw 5vw;
}


body .balance .wallet-data .address
{
  margin: 2vh 0vw;

  max-width: 60vw;

  font-size: 110%;

  word-wrap: break-word;
}

body .balance .wallet-data .qr-code img
{
  max-width: 150px;
}


body .balance .select-type
{
  display: flex;
  flex-direction: row;
  justify-content: center !important;

  gap: 6vw;

  margin: 0vw 2vw;
}

body .balance .select-type .line
{
  text-align: left;

  display: flex;
  align-items: center;
  gap: 2vw;

  color: var(--light-buttons-text);
  font-size: 95%;

  padding: 1.5vw 2.5vw;

  border-radius: 2vw;
  border: 1px solid var(--gold-border-light);

  background: var(--gold-color) !important;

  box-sizing: border-box;
}

body .balance .wallet.list .element
{
  flex-direction: column;
}

body .balance .wallet.list .element .tabs
{
  width: 100%;

  margin: 0px;
}

body .balance .wallet.list .element .icon
{
  min-width: 22px;
  height: 22px;
}

body .balance .wallet .balance .count
{
  display: flex;
  align-items: center;

  gap: 1vw;
}

body .page .content .list .element .balance
{
  display: flex;
  flex-direction: column;
  justify-content: right;
  align-items: center;

  gap: 1.5vw;

  font-size: 100%;
  font-weight: var(--title-font-weight);

  text-align: right;
  padding-right: 1vw;
}

body .balance .wallet.list .element .icon img,
body .balance .wallet.list .element .icon svg
{
  max-height: 25px;
  max-width: 25px;
}

body .balance .wallet.list .element .balance img,
body .balance .wallet.list .element .balance svg
{
  max-height: 22px;
  max-width: 22px;
}

body .balance .wallet.list .element .main_info
{
  /* width: 50vw !important; */
  width: -webkit-fill-available;
  min-width: 15vw;
}

body .page .content .list .element .line
{
  display: flex;
  gap: 1.5vw;
  align-items: center;
  justify-content: space-between;

  width: 100%;
  margin: 0vw;
  padding: 0vw;

  text-align: left;
}


body .page .connect-wallet
{
  display: flex;

  width: 100%;

  justify-content: center;
}


/* cearn page  */

#earn-content .list .element .icon
{
  padding: 0px;
  margin-right: 7px;

  border-radius: 50px;

  box-shadow: 0px 0px 8px rgba(255, 255, 255, 0.4);
}





/* ctoken page */

body .token-page .element
{

}

body .token-page .element.free
{
  color: var(--success-color);
  font-weight: var(--title-font-weight);
}

body .token-page .element .number
{
  width: 10px;
}

body .token-page .element .nickname
{
  width: 100%;
}

body .token-page .element .count
{
  width: 100px;
}

body .token-page .element .percent
{
  width: 100px;
}

/** End Token  Page **/





/* Share Page */

body .page #share-content .list .element .icon
{
  min-width: 8vh;
  min-height: 8vh;

  max-width: 8vh;
  max-height: 8vh;

  padding: 0px;
}

body .page #share-content .list .element .icon img
{
  border-radius: 4px;
  height: 100%;
  width: 100%;
}


body .page #share-content .list .element .share-buttons
{
  display: flex;

  gap: 1.5vw;

  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

body .page #share-content .list .element .share-buttons .button
{
  height: 4vw;

  display: flex;

  justify-content: center;
  align-items: center;

  font-size: 90%;
  font-weight: normal;

  text-wrap: nowrap;

  padding: 2vw;

  border-radius: 8px;

  text-align: center;
}

body .page  #share-content .list .element .share-buttons .button.square
{
  width: 4vw;
  height: 4vw;

  padding: 2vw;
}

body .page  #share-content .list .element .share-buttons .button svg,
body .page  #share-content .list .element .share-buttons .button img
{
  max-width: 100%;
  max-height: 100%;
}

body .page  #share-content .list .element .share-buttons .button .tcp
{
  margin-left: 5px;
}




/* cfriends page */

body .friends-page .buttons
{
  display: flex;
}

body .friends-page .buttons .button
{
  width1: 100%;
}

body .friends-page .qr-ref-link
{
  display: flex;

  justify-content: center;
}

body .friends-page .qr-ref-link img,
body .friends-page .qr-ref-link canvas
{
  max-width: 45vw;

  border: 8px solid #FFF;
}



body .page .content .catalog_balance.tiles_balance
{
  gap: 1vw;
  flex-direction: unset;
}


body .page .content .catalog_balance .tile
{
  width: calc(35% - 3vw);
  /* width: calc(36% - 3vw); */

  /* padding: 2vw; */

  box-sizing: border-box;

  flex-direction: column;
}

body .page .content .catalog_balance .tile .image-place
{
  text-align: center;
}

body .page .content .catalog_balance .tile .image-place img
{
  max-width: 95%;
  max-height: 145px;

  margin-top: 10px;

  border-radius: 5px;
}

body .page .content .catalog_balance .tile .name
{
  padding: 5px 0px;
  font-size: 85%;
  font-weight: bold;
  color: white;
  /* text-align: center; */
}

body .page .content .catalog_balance .tile .name2
{
  padding: 5px 0px;
  font-size: 90%;
  color: #f9ad00;
}

body .page .content .catalog_balance .tile .prices .button
{
  gap: 10px;
}

body .page .content .catalog_balance .tile .price, body .page .content .catalog_balance .tile .prices
{
  padding: 0px 0px 10px 0px;
  /* padding: 0px 0px 10px 3px; */
  font-size: 15px;
  font-weight: bold;
  color: white;
  text-align: start;
}

body .page .content .catalog_balance .tile .prices .val
{
  display: flex;

  align-items: center;

  gap: 5px;

  justify-content: start;
}

body .page .content .catalog_balance .tile .price svg, body .page .content .catalog_balance .tile .price img, body .page .content .catalog_balance .tile .prices svg, body .page .content .catalog_balance .tile .prices img
{
  width: 16px;
  height: 16px;
}
/* Market Page */


body .page .content .catalog.tiles
{
  gap: 4vw;
  flex-direction: unset;
}

body .page .content .catalog .tile
{
  width: calc(50% - 2vw);

  padding: 2vw;

  box-sizing: border-box;

  flex-direction: column;
}

body .page .content .catalog .tile .image-place
{
  text-align: center;
}

body .page .content .catalog .tile .image-place img
{
  max-width: 95%;
  max-height: 145px;

  margin-top: 10px;

  border-radius: 5px;
}

body .page .content .catalog .tile .name
{
  /* padding-bottom: 10px; */

  /* text-align: center; */
}

body .page .content .catalog .tile .prices .button
{
  gap: 10px;
}

body .page .content .catalog .tile .price, body .page .content .catalog .tile .prices
{
  padding: 0px 0px 10px 3px;
  font-size: 15px;
  font-weight: bold;
  color: white;
  text-align: start;
}

body .page .content .catalog .tile .prices .val
{
  display: flex;

  align-items: center;

  gap: 5px;

  justify-content: start;
}

body .page .content .catalog .tile .price svg, body .page .content .catalog .tile .price img, body .page .content .catalog .tile .prices svg, body .page .content .catalog .tile .prices img
{
  width: 16px;
  height: 16px;
}

body .detail .prices
{
  display: flex;

  gap: 10px;
  width: max-content;
  padding: 20px 0px 20px 0px;
  font-size: 18px;


  /* margin-top: 20px; */

  justify-content: center;
}

body .detail .prices span
{
  display: flex;

  gap: 5px;

  align-items: center;
}

body .detail .prices span svg
{
  width: 24px;
  height: 24px;
}

body .detail .sizes
{
  display: flex;

  flex-wrap: wrap;

  gap: 10px;
}

body .detail .sizes input
{
  display: none;
}

body .detail .sizes label
{
  display: inline-block;

  padding: 5px 15px;

  border-radius: 3px;

  background: var(--tile-background);

  /* border: 1px solid; */
}

body .detail .sizes input:checked + label
{
  background: #6273D9;
  color: white;
}

/* Market Page */

/* Cart Page */

body .scene .cart-place
{
  padding: 2vw 3vw 0 3vw;

  text-align: right;
}

body .scene .cart-place .short-cart
{
  display: inline-block;

  padding: 2vw 3vw;

  border-radius: 7px;

  border: 1px solid var(--gold-border-light);

  background: var(--popup-page-background);
}

body .cart .empty
{
  padding: 5vh 3vw;

  text-align: center;
}

body .cart .top-control
{
  display: flex;

  justify-content: space-between;

  align-items: center;

  gap: 10px;
}

body .cart .top-control .item.check-place
{
  display: flex;

  align-items: center;

  gap: 5px;
}

body .cart .top-control .item .link
{
  text-decoration: underline;
}

body .cart .list .element .line
{
  font-size: 90%;
}

body .cart .list .element .line .image img
{
  max-width: 100px;
      margin: 0px 15px;
}

body .cart .good-info
{
  display: flex;
  width: -webkit-fill-available;

  flex-direction: column;

  gap: 10px;
}

body .cart .good-info .prices-count
{
  display: flex;

  gap: 10px;

  align-items: center;
}

body .cart .good-info .prices-count .prices
{
  display: flex;

  gap: 10px;

  width: 100%;

  align-items: center;
}

body .cart .good-info .prices-count .prices svg
{
  width: 20px;
  height: 20px;
}

body .cart .good-info .prices-count .prices .price
{
  display: flex;

  gap: 5px;

  align-items: center;
}

body .cart .good-info .prices-count .count
{
  white-space: nowrap;
}

body .cart .total
{
  display: flex;

  gap: 10px;
}

body .cart .total .label
{
  width: 100%;
}

body .cart .total .icon
{
  display: flex;

  gap: 5px;

  align-items: center;
}

body .cart .list .element .line .control svg,
body .cart .total .icon svg
{
  width: 25px;
  height: 25px;
}

body .cart .total + .buttons
{
  margin-top: 20px;
}

/* Cart Page */


/* cbnrs */
.body .popup .bnr
{

}

body .popup .popup-content .bnr .image
{
  height: auto;
}

body .popup .popup-content .bnr .image img
{
  width: 100%;
  height: auto;
  border-radius: 15px;
  box-shadow: none;
}

body .popup .popup-content .bnr .video
{
  position: relative;
}

body .popup .popup-content .bnr .video-overlay
{
  position: absolute;

  width: 100%;
  height: 100%;
}

body .popup .popup-content .bnr .link-block
{
  font-size: 110%;
  text-align: center;
  text-decoration: underline;

  margin: 5vw 5vw;
}

body .popup .popup-content .bnr .timer
{
  text-align: center;

  font-weight: var(--title-font-weight);
}

body .popup .popup-content .bnr .button
{
  width: auto;
}


/* cpartners */

body .page .partners
{

}

body .page .partners .element
{
  flex-direction: column;

  margin: 3vw 0vw;
  border-radius: 3vw;

  background: none;
}

body .page .partners .element .image img
{
  width: 100%;

  border-radius: 3vw;
}

body .page .partners .element .partner-bottom
{
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;

  width: 100%;

  padding: 0vw 0vw;
}


/* cshop */
body .page .market
{

}

body .page .market .catalog
{

}

body .page .market .catalog .tile
{
  width: calc(50% - 2vw);
  padding: 0vw;
  justify-content: unset;

  border-radius: 2vw;
}

body .page .market .catalog .tile .name
{
  font-size: 3vw;
  font-weight: bolder;
  /* height: 12vw; */
  align-content: center;
      padding-top: 10px;
      padding-left: 3px;
  font-size: 14px;
  color: white;
align-items: center;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}

body .page .market .catalog .tile .name2
{
  font-size: 3vw;
  /* height: 12vw; */
  align-content: center;
  padding-bottom: 0px!important;
      padding: 5px 3px;
  font-size: 10px;
  color: #F9AD00;
align-items: center;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}

body .page .market .catalog .tile .name3
{
  font-size: 3vw;
  /* height: 12vw; */
  align-content: center;
      padding: 5px 3px;
      padding-top: 0px;
  font-size: 10px;
  color: #F9AD00;
align-items: center;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}

body .page .market .catalog .image-place
{
  display: flex;
  align-items: center;

  /* overflow: hidden; */
  /* height: 35vh; */

  border-radius: 2vw 2vw 0vw 0vw;
}

body .page .market .catalog .image-place img
{
  width: 100%;
  height: auto;

  max-width: none !important;
  max-height: none !important;
}

body .popup .nft_style_class .detail.market
{
  padding-bottom: 30vw;
      padding-top: 30vw;
}
body .popup .detail.market
{
  /* padding-bottom: 30vw; */
      /* padding-top: 30vw; */
}

body .popup .detail.market .image
{
  height: auto;
  max-height: none;
}

body .popup .detail.market .image img
{
  border-radius: 2vw;
  box-shadow: none;

  width: 60%;
  height: auto;
}

body .popup .nft_style_class .detail.market .image img
{
  border-radius: 2vw;
  box-shadow: none;

  width: 100%;
  height: auto;
}

body .popup .detail.market .splide__pagination
{
  bottom: -0.5em;
}

body .popup .detail.market p
{
  text-align: left;
}



/* cannocements */

body .page .annoncements
{
  margin: 3vw 3vw 0vw 3vw;
}

body .page .annoncements .image
{

}

body .page .annoncements .image img
{
  width: 100%;

  border-radius: 5vw;
}

body .page .annoncements .title
{
  text-align: center;
  margin: 3vw 0vw;
}

body .page .annoncements .text
{
  text-align: center;

  font-size: 85%;
}

body .page .ann_market_item .title
{
  text-align: center;
  margin: 3vw 0vw;
}

body .page .ann_market_item .text
{
  text-align: center;

  font-size: 85%;
}

body .page .annoncements .page-title2
{
  text-align: center;
}

body .page .annoncements .link
{
  display: flex;
  flex-direction: column;

  margin: 5vw 0vw;
}

body .page .annoncements .link div
{
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

body .page .annoncements .link div a
{
  /* display: inline-block; */
    text-align: center;
  max-width: 100vw;

  word-wrap: break-word;
}

body .page .annoncements .link font
{
  padding: 0vw 2vw;
}

body .page .annoncements .timer
{
  text-align: center;

  font-weight: var(--title-font-weight);
}

body .page .annoncements .buttons
{
  margin: 5vw 0vw;
  /* flex-direction: column; */
}