:root
{
  --app-bg-color: #000000;
  --tile-background: #262624;
  --popup-page-background: #000;
  --dark-background: #1C2033;

  --annoce-bg-color: #2C303EF0;

  --base-text-color: #212529;
  --hint-color: #000000;
  --alert-color: #ff0000;
  --alert-border-color: #ff333350;
  --success-color: #55DD55;

  --gold-color: #CCA933;
  --light-color: #EBF0F3;
  --gold-color-light: #CCA933;
  --gold-border-light: #CCA93350;

  --light-buttons-bg: #F9AD00;
  --light-buttons-text: #ffffff;

  --gold-buttons-bg: #F4D15D;
  --gold-buttons-text: #1C2033;

  --title-font-weight: bold;

  --disable-background: #bebebe;
  --disable-color: #eee;
}

body, html
{
  margin: 0px;
  padding: 0px;

  color: var(--base-text-color);

  font-family: "Inter", sans-serif;
  font-size: 14px;

  box-sizing: border-box;

  background: var(--app-bg-color) !important;

  border: none!important;
}

body .text-left
{
  text-align: left;
}

body .text-right
{
  text-align: right;
}

body .empty
{
  padding: 10px 0px;

  text-align: center;
}

body .empty2
{
  padding: 140px 0px;

  text-align: center;
}

@media (min-width: 240px)
{
  body, html
  {
    font-size: 12px;
  }
}

@media (min-width: 320px)
{
  body, html
  {
    font-size: 14px;
  }
}

@media (min-width: 419px)
{
  body, html
  {
    font-size: 16px;
  }

}


body
{
  max-width: 100vw;

  position: relative;

  overflow: hidden;
}

body a
{
  color: var(--base-text-color);

  text-decoration: none;

  outline: none;

  cursor: default;
}


/* elements */

body .title
{
  color: #F9AD00;
  background: none !important;
  /* color: var(--base-text-color); */
  font-size: 120%;
  font-weight: bold;
}

body .text
{
  color: var(--base-text-color);
  font-size: 100%;
}

body .text .coin
{
  display1: inline-block;
  position: relative;
  margin-bottom: -2px;

  width: 15px;
  height: 15px;

  border-radius: 11px;

  padding: 0px 2px;

  box-shadow: 0px 0px 3px rgb(0 0 0 / 30%);
}

body .coins
{
  display: flex;
  align-items: center;
}

body .coins svg,
body .coins img
{
  width: 20px;
  height: 20px;

  margin: 0px 5px;
}

body .hint
{
  color: var(--hint-color);
  font-size: 95%;

  text-align: center;
}

body .hint
{
  display: flex;
  align-items: center;
  /* justify-content: center; */

  margin: 1vw 6vw;
}

body .hint svg,
body .hint img
{
  width: 5vw;
  height: 5vw;
}

body .d-flex
{
  display: flex;

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

  line-height: 1;
}

body .d-flex.gap-5
{
  gap: 5px;
}

/* buttons */

body .buttons
{
  display: flex;
  align-items: center;
  justify-content: center;

  gap: 10px;
}

body .buttons.top-control
{
  margin-bottom: 10px;

  justify-content: end;
}

body .button
{
  height: 8vw;

  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;

  gap: 1.5vw;

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

  padding: 0.2vw 2.5vw;

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

  text-align: center;
  text-decoration: none !important;

  background: var(--light-buttons-bg);

  box-sizing: border-box;
}

body .button.icon-style
{
  padding: 4.5vw 1.5vw;

  background: var(--light-color)!important;
}

body .button.wide
{
  width: 100%;
  /* max-width: 300px; */
}

body .button.gold
{
  color: var(--gold-buttons-text);

  background: var(--gold-buttons-bg);
}

body .button.telegram
{
  background-color: #1c93e3!important;

  color: #fff;
}

body .button svg,
body .button img
{
  width: 4.5vw;
  height: 4.5vw;

  vertical-align: middle;
}

body .button.icon-style svg,
body .button.icon-style img
{
  height: 8vw;
  width: 8vw;
}

body .button.light
{
  color: var(--popup-page-background);

  /* border: 1px solid var(--gold-border-light); */
  background: var(--light-buttons-bg);
}

body .button.link
{
  width: auto !important;
}

body .button.link:has(img),
body .button.link:has(svg)
{
  padding1: 5px 10px !important;
}


body .button.square
{
  width: 9vw;
  padding: 0px;

}
body .button.square svg,
body .button.square img
{
  height: 4vw;
}


body .button.middle
{
  height: 7vw;
  font-size: 95%;

  padding: 0vw 2.5vw;
}

body .button.middle.light
{
  color: var(--popup-page-background);

  /* border: 1px solid var(--popup-page-background); */
  background: var(--gold-color) !important;
}

body .button.disable
{
  color: var(--disable-color)!important;

  background: var(--disable-background)!important;
}

body .small-button,
body .button.small
{
  height: 7vw;
  width: 35vw;
  font-size: 95%;

  border-radius: 1.8vw;

  margin-left: 0.5vw;
  margin-right: 0.5vw;
}
body .button .small_padding
{
  height: 7vw;
  width: 32vw;
  font-size: 95%;

  border-radius: 1.8vw;

  margin-left: 0.5vw;
  margin-right: 0.5vw;
}

body .button.small svg,
body .button.small img
{
  width: 3.5vw;
  height: 3.5vw;
}

body .button.small.square
{
  width: 7vw;
}



body .buttons .waiting
{
  font-size: 120%;
}


body .page .element.alert
{
  color: var(--alert-color);
}
body .page .element.alert .image img
{
  border-color: var(--alert-border-color);
}



body input, body textarea
{
  color: var(--base-text-color);
  background: #EBF0F3;

  border: 1px solid #F9AD00!important;
  /* color: var(--base-text-color);
  background: var(--tile-background);

  border: 1px solid var(--gold-border-light); */
}
body input:focus-visible{
  border: 1px solid #F9AD00!important;
}

body input
{
  height: 6vw;

  padding: 3px 5px;

  font-size: 100%;

  border-radius: 10px;

  text-align: center;
}

body .detail input
{
  text-align: left;
}

body .form
{
  margin: 10px 0px;
}

body .form.page-block
{
  margin: 10px 5vw;
}

body .form .row
{
  display: flex;
  align-items: center;

  justify-content: center;

  gap: 1.5vw;

  padding: 1.5vw 0px;
}

body .form .row:has(input[type=radio])
{
  justify-content1: left;
}

body .form .row .name
{
  width: 35vw;
}

body .form .row .val
{
  width: 100%;
}

body .form .row .input-group
{
  display: flex;
  align-items: center;

  justify-content: center;

  gap: 0.5vw;
}

body .form .row .input-group.column
{
  flex-direction: column;
}

body .form .row .input-group.w-100
{
  width: 100%;
}

body .form input
{
  width: 20vw;
}

body .form input[type=radio]
{
  width: auto;
  height: auto;

  padding: 0px;
  margin: 0px;
}

body .form input.link, body .form .row .val input.w-100
{
  width: calc(100% - 14px);
}

body .form input.phone
{
  width: 60vw;
}

body .form input.count
{
  width: 10vw;
}

body .form svg.coin, body .form img.coin
{
  width: 22px;
  height: 22px;
}

body .form .total
{
  font-size: 120%;
  font-weight: bold;

  text-decoration: none !important;
}

body .form .alert
{
  color: var(--alert-color);
}

body .form .value-control
{
  display: flex;

  gap: 5px;

  align-items: center;
}

body .form .value-control .value-place
{
  display: flex;

  gap: 5px;

  align-items: center;
}

body .form .value-control a
{
  display: flex;

  width: 18px;
  height: 18px;

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

  background: var(--app-bg-color);

  border-radius: 1vw;
}

body .form .value-control input
{
  width: 35px;

  padding: 0px;

  border: none;

  background: none;

  outline: none;
}

/* Loader */

body .scene.loaded, body .qr-place.loaded
{
  display: block;
}

body .thumbnail-place
{
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  background-image: url('/src/logoThumb2.jpg?v=1.1') !important;
  background-size: cover;
  background-position: center;
  /* margin: 0px 41px; */
  background-repeat: no-repeat !important;
  z-index: 9999;
/*
  background-image1: url("/src/thumbnail1.jpg");
  background-size1: cover; */
}

body .loading
{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}

body .loading img
{
   width: 100vw;
   display: none;
   /* margin-top: 15vh; */
}

body .tip
{
  height: calc(50vh - 140px);
  text-align: center;
}

body .tip img
{
   max-width: 90vw;
}

body .thumbnail-place.loaded, body .hide-till-lang
{
  display: none;
}

body .load-screen-title
{
  font-size: 120%;

  text-align: center;

   margin-bottom: 2vw;
}

body .load-screen-text
{
  position: fixed;
  bottom: 150px;

  width: 85%;

  display: flex;
  padding: 0px 10px;
}

body .load-screen-text ul li
{
  list-style-type: none;

  font-size: 90%;

  padding: 3px 0px;
}




body .qr-place
{
  display: none;

  text-align: center;

  color: #FFFFFF;
}

body .overlay
{
  display: none;

  position: absolute;

  top: 0px;
  left: 0px;

  width: 100%;
  height: 100%;

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

  z-index: 2;
}

body .overlay.alert-style
{
  z-index: 3;
}

body .annonce
{
  display: none;

  position: absolute;

  top: 0px;
  left: 0px;

  width: 100%;
  height: 100%;

  background: var(--annoce-bg-color);

  z-index: 1000;
}

body .annonce .annonce-content
{
  padding: 25% 15%;
}

body .annonce .annonce-content .title
{
  font-size: 110%;
  font-weight: bold;
}


body .scroll-container
{
  max-height: 100vh;

  overflow-y: auto;

  /* padding-bottom: 20px; */

  box-sizing: border-box;
}

/* scene layout */
body .scene
{
  position: relative;

  display: none;

  max-width: 600px;
  /* min-height: 100vh; */

  margin: 0px auto 0px auto;
  /* padding: 34vw 0px 90px 0px; */
  padding: 0vw 0px 0px 0px;

  color: #fff;
}

body .scene .scene-container
{
  width: calc(100% - 80px);
  min-width: 320px;

  margin-left: auto;
  margin-right: auto;
}

body .main-page
{
  min-height: 100vh;

  color: var(--base-text-color);
}



/* pages layout */

body .bottom-slide
{
  position: fixed;

  left: -2px;

  width: calc(100% + 1px);

  overflow: hidden;

  border-radius: 40px 40px 0px 0px;

  border-top: 1px solid var(--gold-color-light);
  border-left: 1px solid var(--gold-color-light);
  border-right: 1px solid var(--gold-color-light);

  box-shadow1: 0px 1px 9px rgb(255 234 177 / 70%);

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

body .bottom-slide .pages, body .bottom-slide .pages .pages-content
{
  height: 100%;
}

body .bottom-slide.open .pages
{
  padding-top: 15px;

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

body .bottom-slide .pages .pages-content
{
  overflow-y: auto;
}

body .bottom-slide .pages .pages-content .page
{
  min-height: calc(100% - 125px);

  padding-bottom: 125px;

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


body .pages-data
{
  display: none;

  position: relative;

  overflow: hidden;
}

body .pages-data.loaded
{
  display: block;
}

body .page
{
  display: none;

  /* padding-top: 2vw; */

  color: var(--base-text-color);
}

body .page.active
{
  display: block;
}

body .page .page-title
{
  font-size: 125%;
  color: #F9AD00;
  font-weight: var(--title-font-weight);

  padding: 15px 15px 10px 15px;

  text-align: center;
}

body .page .page-title1
{
  font-size: 110%;
  font-weight: var(--title-font-weight);

  padding: 1vw 4vw 1vw 4vw;

  text-align: center;
}

body .page .page-title2
{
  display: flex;

  gap: 2vw;

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

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

  padding: 1vw 4vw 1vw 4vw;

  text-align: center;
}

body .page .page-title2 svg,
body .page .page-title2 img
{
  width: 6vw;
  height: 6vw;
}

body .page .page-title3
{
  font-size: 95%;
  font-weight: var(--title-font-weight);

  padding: 1vw 4vw 1vw 4vw;

  text-align: center;
}

body .page .page-image
{
  text-align: center;
  padding: 0px 5px 10px 0px;

  height: 25vw;
}
body .page .page-image img,
body .page .page-image svg
{
  max-height: 25vw;
}

body .page .page-image.big-round svg,
body .page .page-image.big-round img
{
  width: 25vw;
  height: 25vw;
  max-height: none;


  border-radius: 15vw;

  box-shadow: 0px 0px 50px rgba(255, 255, 255, 0.3);
}

body .page .page-text
{
  font-size: 90%;

  padding: 0px 15px 10px 15px;

  text-align: center;
}


body .page .page-block
{
  margin: 0vw 0vw 4vw 0vw;
}

body .page .page-block .page-block
{
  padding-top: 4vw;
}

body .page .page-block.middle
{
  margin-left: 4vw;
  margin-right: 4vw;
}


body .page .page-block a
{
  text-decoration: underline;
}

body .page .top-filters
{
  display: flex;

  justify-content: space-between;

  gap: 5vw;
}


body .page .steps ul,
body .page .steps ol
{
  margin: 1vw 6vw;
  padding: 0px;
}

body .page .steps li
{
  padding: 2.5vw 0vw;
}

body .page .content
{
      padding: 35vw 25px 46vw 25px;
}
body .page .content.hold2
{
  padding: 0 0 0 0;
  /* padding: 0vw 10px 10vw 10px; */
}

body .page .content.hold
{
  padding: 2vw 25px;
}

body .page .content .top-tabs-menu
{
  padding-top: 3vw;
  margin-bottom: 0px;
}

body .page .content .title
{
  font-size: 110%;
  font-weight: var(--title-font-weight);

  margin-bottom1: 10px;
}

body .page .content .page_text
{
  font-size: 90%;

  text-align: center;

  margin: 0px 0px 20px 0px;
}

body .page .tabs
{
  margin: 15px 0px 10px 0px;
}

body .page .tabs .page-tab, body .page .page-tab-group
{
  display: none;
}

body .page .tabs .page-tab.active, body .page .page-tab-group.active
{
  display: block;
}

body .page .tabs .page-tab
{
  text-align: center;
}


/* clist */

body .page .list
{
  display: flex;

  gap: 2vw;

  flex-direction: column;

  margin: 10px 0px 20px 0px;
}

body .page .list .element
{
  display: flex;

  /* gap: 2.5vw; */

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

  padding: 9px 9px;

  border-radius: 10px;
  background: var(--tile-background);
}

body .page .list .element.disable
{
  filter: grayscale(1);
  opacity: 0.5;
}

body .page .list .element .title
{
  width: 100%;

  font-size: 100%;
  font-weight: normal;
  margin: 0px;
}

body .page .list .element .avatar
{
  width: 8vw;
  height: 8vw;
}
body .page .list .element .avatar img
{
  width: 8vw;
  height: 8vw;

  border-radius: 4px;
}


body .page .list .element .id
{
  width: 5vw;
}

body .page .list .element .sum
{
  width: 20vw;
}

body .page .list .element .sum.flex
{
  display: flex;

  width: auto;

  gap: 1vw;

  align-items: center;
}

body .page .list .element .date
{
  width: 20vw;
}


body .page .list .element .hint
{
  width: 100%;

  font-size1: 100%;
  margin: 4px 0px 0px 0px;

  text-align: left;
}

body .page .list .element .hint.center
{
  text-align: center;
}

body .page .list .element .bottom_text
{
  font-size: 95%;
}

body .page .list .element .link
{
  color1: var(--hint-color);
  width: 90%;

  font-size: 82%;
  margin: 0px;

  overflow: hidden;
}

body .page .list .element .link span
{
  color: var(--base-text-color);
  font-size: 120%;
  display: block;

  margin-bottom: 3px;
}

body .page .list .element .link a
{
  display: block;
  color: var(--hint-color);
  text-decoration: none;
}


body .page .list .element textarea
{
  color: var(--base-text-color);

  width: 100%;
  font-size: 100%;

  border: none;
  background: var(--tile-background);
}

body .page .list .element .icon
{
  display: block;

  min-width: 10vw;
  height: 10vw;

  overflow: hidden;

  padding: 3px;

  line-height: 0px;

  border-radius: 8px;
  border1: 1px solid var(--gold-border-light);
}

body .page .list .element .icon img
{
  max-height: 100%;
}

body .page .list .element .main-info
{
  width: 100%;
}

body .page .content .list .element .coins
{
  display: flex;

  font-size: 100%;

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

body .page .content .list .element .coins.prize
{
  font-size: 100%;
  font-weight: var(--title-font-weight);
}

body .page .content .list .element .coins a
{
  display: flex;

  align-items: center;
  text-decoration: none;
}

body .page .content .list .element .coins svg,
body .page .content .list .element .coins img
{
  width: 20px;
  height: 20px;

  margin: 0px 5px;
}

body .page .list .element .empty
{
  padding: 4vh 1vw;
}

/* cpoups */

body .popup
{
  position: fixed;

  bottom: -100vh;

  z-index: 3;

  width: 100vw;

  font-size: 90%;

  color: var(--base-color);

  box-sizing: border-box;

  overflow-x: hidden;
}

body .popup.alert-style
{
  display: none;

  position: absolute;

  top: 0px;
  bottom: inherit;

  width: 96vw;
  max-width: 400px;

  margin-left: 2vw;

  z-index: 4;
}

body .popup .nft_style_class
{
  position: relative!important;

  left: 0px!important;

  width: calc(100% + 0px)!important;
  padding: 20px 20px 65px 20px!important;

  background: #000000!important;
}

body .popup .popup-content
{
  position: relative;

  left: 0px;

  width: calc(100% + 0px);

  padding: 20px 20px 45vw 20px;

  background: #000000;
      /* border-top: 1px solid #f9ad00;
      border-left: 1px solid #f9ad00;
      border-right: 1px solid #F9AD00; */
      border-radius: 40px 40px 0px 0px;
      box-sizing: border-box;
      box-shadow: 0px 1px 5px rgba(246, 190, 41, 0.4);
}



body .popup.alert-style .popup-content
{
  padding: 20px;

  border: 1px solid rgba(98, 115, 217, 1);

  border-radius: 40px;
}

body .popup .popup-content .popup-scroll
{
  max-height: calc(100vh - 20vw);
  overflow-y: auto;
  /* padding-bottom: 25vw; */
}

body .popup .popup-content .popup-block
{
  margin: 3vw 0vw 3vw 0vw;
}


body .popup .block
{
  margin: 0vw 0vw 5vw 0vw;
}
body .popup .block .buttons
{
  margin: 2vw 5vw;
}

body .popup .popup-block
{
  margin: 3vw 1.5vw;
}

body .popup .popup-block.middle
{
  margin-left: 4vw;
  margin-right: 4vw;
}

body .popup .popup-block a
{
  text-decoration: underline;
}


body .popup .share
{
  position: absolute;

  right: 15px;
  top: 15px;
}

body .popup .title
{
  padding-bottom: 15px;

  font-size: 150%;
  color: #F9AD00;
  text-align: center;
}
body .popup .name2{
      font-size: 120%;
      color: #f9ad00;
}
body .popup .name3{
  padding-bottom: 15px;
      font-size: 120%;
      color: #f9ad00;
}
body .popup .price_title{
      font-size: 130%;
      color: #fff;
      text-transform: uppercase;
}
body .popup .prices_popup{
      font-size: 150%;
      color: #fff;
      text-transform: uppercase;

}
body .popup .description_title{
      font-size: 120%;
      color: #fff;

}
body .popup .prices_popup .val{
  display: flex;
  align-items: center;

}
body .popup .prices_popup svg, body .popup .prices_popup img{
  width: 28px;
  height: 28px;
}

.ms-5{
  margin-left: 5px;
}
body .popup .share + .title
{
  margin-left: 30px;
  margin-right: 30px;
}

body .popup .popup-content .text
{
  margin-top: 5px;
  margin-bottom: 30px;
  text-align: center;
  font-size: 110%;
  color: white;
  line-height: 1.3;
}

body .popup .popup-content .text ul,
body .popup .popup-content .text ol
{
  text-align: left;

  padding: 0px;

  margin: 1vw 0vw 1vw 0vw;
}

body .popup .popup-content .image
{
  min-height: 100px;

  margin-bottom: 10px;

  text-align: center;
}

body .popup .popup-content .image img
{
  width: 45vw;

  max-height: none;
}

body .popup .popup-content .image .qr
{
  display: flex;

  justify-content: center;
}

body .popup .popup-content .image .qr
{
  min-height: 32vw;
}

body .popup .popup-content .image .qr img,
body .popup .popup-content .image .qr canvas
{
  width: 28vw;
  height: 28vw;

  border-radius: 0px;

  border: 2vw solid #FFF;
}

body .popup .popup-content .input
{
  text-align: center;
}

body .popup .popup-content .input textarea
{
  width: 90%;
  height: 15vw;

  font-size: 100%;

  border-radius: 10px;
}

body .popup .popup-content .buttons1
{
  margin: 0px 10% 15px 10%;
}

body .popup .buttons,
body .popup .sub-buttons
{
  display: flex;
  gap: 10px;

  flex-direction: row;

  padding: 3vw 0vw 3vw 0vw;

  text-align: center;
}

body .popup .sub-buttons
{
  margin-top: 0px;
}

body .popup .button
{
  /* width: 100%; */
  width: fit-content;
  height: auto;
    color: #000;
  padding: 10px 20px;
  /* font-size: 115%; */
  font-weight: 400;
}

body .popup .button.middle
{
  width: auto;
}

body .popup .button.small
{
  width: auto;
}

body .popup .popup-content .link_preview
{
  font-size: 100%;
}

body .popup .attach-file-place
{
}

body .popup .attach-file-place label
{
  display: flex;

  padding: 10px 15px;
  margin: 0px auto;

  background: var(--tile-background);

  border-radius: 10px;

  font-size: 115%;

  text-align: left;

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

  line-height: 1.2;
}

body .popup .attach-file-place label svg
{
  width: 17px;
  height: 17px;

  margin-left: 2vw;
}

body .popup .days
{

}

body .popup .days .day
{
  display: inline-block;

  width: 75px;

  text-align: center;

  padding: 0px;

  border-radius: 15px;
  margin: 5px;

  overflow: hidden;

  border-width: 1px;
  border-style: solid;
  border-color: var(--gold-color);
}

body .popup .days .day .day-icon
{
  width: 100%;
  height: 70px;
}

body .popup .days .day .count
{
  font-size: 80%;
  color: var(--button-color);

  padding: 1px 3px 1px 3px;

  border-radius: 4px;

  background: #F6BE29;
}

body .popup .hint
{
  margin: 5px 30px;
}


body .popup .coins
{
  display: flex;

  justify-content: center;

  align-items: center;

  gap: 5px;

  text-align: center;

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

body .popup .coins.small
{
  font-size: 100%;
  font-weight: normal;
}

body .popup .coins svg
{
  width: 22px;
  height: 22px;
}

body .popup .coins.small svg
{
  width: 16px;
  height: 16px;

  margin: 0;
}

/* cinfo */

body .info
{
  display: flex;

  gap: 10px;

  margin: 2vw 5vw;

  flex-direction: row;
  justify-content: center;
}

body .info .block
{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1vh;
  width: 100%;
      color: #F9AD00;
  font-size: 100%;
  font-weight: normal;

  padding: 1vw;
  margin: 0px;

  border-radius: 10px;

  background: var(--tile-background);

  text-align: center;
}

body .info .block .hint
{
  padding: 0vw;
}

body .info .block svg,
body .info .block img
{
  width: 5.5vw;
  height: 5.5vw;
}



.d-none
{
  display: none;
}

.d-none-important
{
  display: none!important;
}

*[data-animation-type]
{
  position: relative;
}


/* ctiles */

body .page .content .tiles
{
  display: flex;

  gap: 10px;

  justify-content: space-between;

  align-items: top;

  flex-wrap: wrap;
}


body .page .content .tiles .tile
{
  display: flex;
  justify-content: center;
  width: calc(50% - 30px);

  /* padding: 10px 12px;

  border-radius: 10px;

  background: var(--tile-background);
  border: 1px solid #F9AD00; */
}

body .page .content .tiles .tile .coins
{
  display: flex;
  align-items: center;

  gap: 2px;

  font-weight: bold;
}

body .page .content .tiles .tile .coins svg
{
  width: 20px;
  height: 20px;

  margin-right: 3px;
}

body .page .content .tiles_balance, .popup .tiles_balance
{
  display: flex;

  gap: 10px;

  justify-content: start;

  align-items: top;

  flex-wrap: wrap;
}


body .page .content .tiles_balance .tile, .popup .tiles_balance .tile
{
  display: flex;
  justify-content: center;
  width: calc(32% - 20px);

  /* padding: 10px 12px;

  border-radius: 10px;

  background: var(--tile-background);
  border: 1px solid #F9AD00; */
}

body .page .content .tiles_balance .tile .coins, .popup .tiles_balance .tile .coins
{
  display: flex;
  align-items: center;

  gap: 2px;

  font-weight: bold;
}

body .page .content .tiles_balance .tile .coins svg, .popup .tiles_balance .tile .coins svg
{
  width: 20px;
  height: 20px;

  margin-right: 3px;
}

body .page .content .tiles_balance .tile, .popup .tiles_balance .tile
{
  display: flex;
  justify-content: center;
  width: calc(50% - 30px);

  /* padding: 10px 12px;

  border-radius: 10px;

  background: var(--tile-background);
  border: 1px solid #F9AD00; */
}

body .page .content .tiles_balance .tile .coins, .popup .tiles_balance .tile .coins
{
  display: flex;
  align-items: center;

  gap: 2px;

  font-weight: bold;
}

body .page .content .tiles_balance .tile .coins svg, .popup .tiles_balance .tile .coins svg
{
  width: 20px;
  height: 20px;

  margin-right: 3px;
}



/* cfilters */

body .filter
{
  margin-bottom: 10px;
}

body .filter.line-style
{
  display: flex;

  gap: 5px;

  flex-wrap: wrap;

  justify-content: space-between;
}

body .filter > a
{
  display: inline-block;

  padding: 5px 7px;

  font-size: 80%;
}

body .filter > a.active
{
  border-radius: 5px;

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



/* chints */

body .page .content .hint
{
  color: var(--hint-color);

  font-size: 80%;

  padding-bottom: 2px;
}

body .page .content .hint b
{
  color: var(--gold-color-light);
}



/* calerts */

body .alerts
{
  position: absolute;

  top: 0px;
  left: 0px;

  width: 100%;

  color: var(--base-text-color);
  opacity: 0.9;

  z-index: 7;
}

body .alerts .alert
{
  position: relative;

  width: 94%;

  padding: 3px 4px;
  margin: 5px 3%;
  color: #f9ad00;
  border-radius: 10px;

  background: var(--app-bg-color);

  box-sizing: border-box;
}

body .alerts .alert.load
{
  position: absolute;
}

body .alerts .alert .wrapper
{
  display: flex;

  gap: 5px;

  align-items: center;

}

body .alerts .alert .wrapper .data
{
  width: 100%;
  gap: 3px;

  font-size: 100%;

  display: flex;

  align-items: center;
}

body .alerts .alert .wrapper .data .icon
{
  width: 26px;
  text-align: center;
}

body .alerts .alert .wrapper .data .icon svg
{
  width: 16px;
  height: 16px;
}

body .alerts .alert .close
{
}

body .alerts .alert .close a
{
  cursor: pointer;

  display: flex;
  align-items: center;
}

body .alerts .alert .close svg
{
  width: 26px;
  height: 26px;
}


/* cflyeffect */

body .fly-effect-item
{
  position: absolute;

  width: 30px;
  height: 30px;

  z-index: 9;
}

body .fly-effect-item svg
{
  max-width: 100%;
  max-height: 100%;
}

/* ctabs */

body .tabs_list
{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;

  gap: 2vw;

  margin: 0px auto 20px auto;
}


body .link_preview
{
  font-size: 85%;

  margin: 2vw 0vw;
  padding: 2vw;

  border-radius: 3vw;

  /* background: var(--tile-background); */
  text-align: center;
  /* border: 1px solid #F9AD00; */

  cursor: pointer;
}

body .text_preview
{
  height: 20vw;
  overflow-y: scroll;

  font-size: 85%;

  margin: 2vw 0vw;
  padding: 2vw;

  border-radius: 3vw;

  background: var(--tile-background);
}

body .img_preview
{
  font-size: 85%;

  margin: 2vw 0vw;
  padding: 4vw 2vw;

  border-radius: 3vw;

  /* background: var(--tile-background); */
  /* border: 1px solid #F9AD00; */
  text-align: center;
}

body .img_preview img
{
  max-width: 45vw;
}

body .page .qr .page-block
{
  position: relative;
}

body .page .qr .page-block .page-title, body .page .qr .page-block .page-text
{
  position: absolute;

  z-index: 1;
}

body .page .qr .page-block .page-title
{
  top: 2vh;
}

body .page .qr .page-block .page-text
{
  bottom: 2vh;
}

body .page .qr .page-block .scan-area
{
  width: 94vw;
  height: calc(100vh - 200px);
}

body .center-page-container
{
  display: flex;

  flex-direction: column;

  height: 100vh;

  justify-content: center;

  align-items: center;
}

body .center-page-container.login-style
{
  gap: 5vh;
}

body .center-page-container .logo
{
  text-align: center;
}

.position-relative{
  position: relative;
}

.notice{
  position: absolute;
/* top: 2px; */
right: -8px;
top: -8px;
background: red;
border-radius: 50%;
width: 20px;
height: 20px;
}

.bg-light{
  background: var(--light-color)!important;
}

.text-dark{
  color: black!important;
}

.img-shadow-circle{
  position: absolute;
  border-radius: 100%;
  width: 146vw;
  height: 71vw;
  background: #ffffff;
  z-index: -1;
  background: radial-gradient(circle, rgba(98, 115, 217, 1) 0%, rgba(98, 115, 217, 0) 56%);
  filter: blur(33px);
}

.friends-pattern{
  background: url('../src/pattern.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 110%;
}

.my-30{
  margin: 30px 0px!important;
}

.my-15{
  margin: 15px 0px!important;
}

.mb-30{
  margin-bottom: 30px!important;
}

.mb-15{
  margin-bottom: 15px!important;
}
.mb-5{
  margin-bottom: 5px!important;
}

.mt-15{
  margin-top: 15px!important;
}

.mt-0{
  margin-top: 0px!important;
}

.m-0{
  margin: 0!important;
}

.mb-0{
  margin-bottom: 0!important;
}

.pb-0{
  padding-bottom: 0!important;
}
.pb-40{
  padding-bottom: 40px!important;
}

.mx-0{
  margin-right: 0!important;
  margin-left: 0!important;
}
.mx-5{
  margin-right: 5px!important;
  margin-left: 5px!important;
}
.mr-5{
  margin-right: 5px!important;
}
.ml-5{
  margin-left: 5px!important;
}

.px-0{
  padding-right: 0!important;
  padding-left: 0!important;
}

.text-primary{
  color: #F9AD00!important;
}

.friends-lines-tab{
  background: #ebf0f3;
  padding: 9px 11px;
  border-radius: 8px;
}

.justify-content-between{
  justify-content: space-between!important;
}

.justify-content-end{
  justify-content: end!important;
}

.justify-content-center{
  justify-content: center!important;
}

.fs-14{
  font-size: 14px!important;
}
.fs-12{
  font-size: 12px!important;
}
.fs-10{
  font-size: 10px!important;
}

.bg-primary{
  background-color: #F9AD00!important;
}
.bg-transparent{
  background-color: transparent!important;
}
.bg-light{
  background-color: #EBF0F3!important;
}
.text-white{
  color: white!important;
}
.text-dark{
  color: #000!important;
}

.test-cart{
  padding: 6px 5px;
  border-radius: 5px;
  border: 1px solid #F9AD00;
  display: flex;
  align-items: center;
}
.test-cart-container{
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
/* body .page .market {
  padding: 0px!important;
} */
#market-content{
  /* padding: 0vw 15px 25vw 15px!important; */
}
.splide__pagination__page.is-active {
    background: #F9AD00!important;
}
body .page .main-tap-block .product-buttons .button.center{
  left: 35% !important;
      top: -35px;
}

.balance-main {
    background: transparent !important;
    color: #F9AD00 !important;
    font-size: 24px !important;
    display: flex!important;
    flex-direction: column!important;
    align-items: center!important;
    justify-content: center!important;
    height: fit-content !important;

}
.balance-main span svg{
  width: 35px;
  height: 35px;
}

.small-text-balance{
  margin-top: 5px!important;
  font-size: 16px!important;
}

.text-decoration-none{
  text-decoration: none;
}

.control {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.control input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 2;
}

.control label {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background: white;
  border: 2px solid #ddd;
  border-radius: 4px;
  cursor: pointer;
}

.control input[type="checkbox"]:checked + label {
  background-color: #F9AD00;
  border-color: #F9AD00;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}

.control:hover label {
  border-color: #999;
}

.control input[type="checkbox"]:focus + label {
  box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.3);
}


.check-place {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  user-select: none;
}

.check-place input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  width: 20px;
  height: 20px;
  cursor: pointer;
  z-index: 2;
}

.check-place label {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-size: 14px;
  color: #333;
}

.check-place label::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 2px solid #ddd;
  border-radius: 4px;
  background: white;
  transition: all 0.2s ease;
  flex-shrink: 0;
}

.check-place input[type="checkbox"]:checked + label::before {
  background-color: #F9AD00;
  border-color: #F9AD00;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}

.check-place:hover label::before {
  border-color: #999;
}

.check-place input[type="checkbox"]:focus + label::before {
  box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.3);
  outline: none;
}

.announcement_style{
  /* padding: 10px 15px; */
border-radius: 5px;
}
.fix_main_btn{
      width: 23vw!important;
}


.pretty_block{
  display: flex!important;
  padding: 1.3vw 1.8vw 1.6vw 1.8vw!important;
  align-self: start!important;
  flex-wrap: nowrap!important;
  background: var(--middle-background)!important;
  border-radius: 2vw!important;
  box-shadow: 0px -2px 2px 0px #6D777EB2 inset!important;
  align-items: center!important;
  /* font-size: 110%!important; */
    font-weight: bold!important;
}

.coin_icon{
  width: 6vw;
  height: 6vw;
  margin: 0px 5px;
}
.small_coin_icon{
  width: 15px;
  height: 15px;
  margin: 0px 5px;
}

.block_main{
  width: 88vw;
  display: flex;
  justify-content: center;
  position: absolute;
  top: 32vw;
  z-index: 2;
}
.block_main2{
  width: 88vw;
  display: flex;
  justify-content: center;
  position: absolute;
  top: 13vw;
  z-index: 2;
}

#per_tap_info{
  position: absolute;
  bottom: -2px;
  /* left: 31vw; */
  font-size: 75%;
  text-align: center;
}





.info_ann {
  display: flex;
  flex-direction: column;
  width: -webkit-fill-available;
}
.list_new_ann_market{
  display: flex;
  gap:1vw 0vw;
  margin-bottom: 10px;
  padding: 10px;
  border-radius: 10px;
  background: #ebf0f3;
  align-items: center;
}
.info_ann{
  display: flex;
  flex-direction: column;
  width: -webkit-fill-available;
}
.info_ann .title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.info_ann .description {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: break-word;
  overflow-wrap: break-word;
  margin-top: 10px;
  /* height: 70px;
	overflow: hidden;
	color: transparent;
	-webkit-background-clip: text;
	background-clip: text;
	background-image: linear-gradient(to bottom, #000, #000, rgba(0, 0, 0, 0)); */
}



.filter {
    position: relative;
    display: inline-block;
    width: 100%;
}

.filter select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  width: 100%;
  padding: 12px 40px 12px 15px;
  font-size: 16px;
  font-family: inherit;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  background-color: white;
  color: #333;
  cursor: pointer;
  outline: none;
  transition: all 0.3s ease;

  &::-ms-expand {
      display: none;
  }
}

.filter::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #666;
  pointer-events: none;
  transition: transform 0.3s ease;
}

.market-pagination {
  display: flex;
  flex-direction: column;
  align-items: center;
    justify-content: center;
  /* flex-wrap: wrap; */
  gap: 8px;

}

.pagination-btn {
  display: inline-flex
  ;
      align-items: center;
      justify-content: center;
      min-width: 33px;
          height: 33px;
      padding: 8px 12px;
      background: #ebf0f3;
      border: none;
      border-radius: 8px;
      color: #F9AD00;
      font-size: 14px;
      font-weight: 600;
      cursor: pointer;
      transition: all 0.3s
  ease;
      text-decoration: none;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

/* .pagination-btn:active {
  transform: translateY(0);
} */

.pagination-current {

  display: inline-flex
  ;
      align-items: center;
      justify-content: center;
      min-width: 12px;
      height: 17px;
      padding: 8px 12px;
      background: #ebf0f3;
      border: none;
      border-radius: 8px;
      font-size: 14px;
      font-weight: 600;
      cursor: pointer;
      transition: all 0.3s
  ease;
      text-decoration: none;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
      color: #fff;
      background: #F9AD00 !important;
  /* transform: none !important; */
}

.pagination-prev, .pagination-next {
  color: #fff;
  background: #F9AD00;
  padding: 12px 8px;
}

.pagination-arrow {
  font-weight: bold;
  /* margin: 0 4px; */
}

.pagination-dots {
  color: #666;
  padding: 0 8px;
  font-weight: bold;
}

.pagination-info {
  color: #888;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 15px;
}

.justify-content-start{
  justify-content: flex-start!important;
}

.info-popup-link-new {
    margin-top: 20px;
    margin-bottom: 13px;
    font-size: 120%;
    /* font-weight: bold; */
    text-align: center;
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word;
}

.info-popup-link-new a, .link_ann_reward a  {
    /* text-decoration: underline !important;
    display: inline-block;
    max-width: 100%; */
    text-decoration: underline !important;
display: inline-block;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-word;
overflow-wrap: break-word;
margin-top: 10px;
}

.list_new_ann_market .image-place2 {
  width: 80px;
  height: 80px;
  min-width: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 8px;
  background: white;
  margin-right: 12px;
}

.list_new_ann_market .image-place2 img {
  width: auto;
  height: auto;
  max-width: 200%;
  max-height: 133%;
  object-fit: contain;
}
.cart_icon img{
  width: 6vw;
  height: auto;
}

.views_image svg{
  width: 13px;
height: 13px;
}



.filter-container {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.filter-container::-webkit-scrollbar {
    width: 0;
    height: 0;
    background: transparent;
}

.filters {
  display: flex;
  flex-wrap: nowrap;
  padding: 10px 0;
  gap: 15px;
  width: max-content;
}

.filters .active {
  background: #F9AD00;
      color: #262624;
}

.filter_item {
  padding: 15px 17px;
  background: #262624;
  color: #F9AD00;
  border-radius: 6px;
  cursor: pointer;
  flex-shrink: 0;
  white-space: nowrap;
}

.filter_item .quantity-badge{
  top: -9px !important;
      right: -9px !important;
}

.main_tile{
  background: #F9AD00 !important;
      color: #262624 !important;

}
.secondary_tile{
  background: #262624 !important;
      color: #F9AD00 !important;
}

.fw-bold{
  font-weight: bold!important;
}
.pt-0{
  padding-top: 0px!important;
}

.quantity-badge {
  position: absolute;
  align-items: self-end;
bottom: -8px;
  right: -8px;
  background: #F9AD00;
  color: #000;
  padding: 6px;
  font-weight: bold;
  width: 12px;
  height: 12px;
  font-size: 60%;
  border-radius: 50%;
  z-index: 1;
}

.top_page_title{
  font-size: 125%;
color: #fff;
font-weight: var(--title-font-weight);
padding: 15px 0px 15px 0px;
}
.section_container{
  display: flex;
    flex-wrap: nowrap;
    padding: 10px 0;
    gap: 15px;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
}
.section_container .collection_item{
  flex-shrink: 0;
  white-space: nowrap;
  width: calc(32vw);
    padding: 0vw;
    justify-content: unset;
}
.section_container .collection_item .image-place{
  display: flex;
  align-items: center;
  /* overflow: hidden; */
}
.section_container .collection_item .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;
}
.section_container .collection_item .prices{
  padding: 5px 0px 10px 3px;
      font-size: 15px;
      font-weight: bold;
      color: white;
      text-align: start;
}
.section_container .collection_item .prices .val{
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: start;
}
.section_container .collection_item .prices img{
  width: 16px;
      height: 16px;
}
.section_container .collection_item .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;
}

.section_container .collection_item .image-place img{
  width: 100%;
  height: auto;
  max-width: none !important;
  max-height: none !important;
}
.my_collections_empty_title{
  text-align: center;
    color: white;
}
.btn_group_my_collections{
  width: 100%!important;
}
.btn_group_my_collections .button{
  font-size: 85%!important;
  padding: 7px 20px!important;
}

#main-page{
  /* background: url("../src/plant_bg/no_line_bg.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; */
}
#main-content{
  /* height: 100vh; */
}
.test_class{
  max-width: 100vw;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.image-container2 {
  width: 100%;
  /* height: 85vh; */
  height: 93vh;
  display: block;
text-align: center!important;
}

.image-container {
  width: 1097px;
      height: 93vh;
}

.price_block_popup_lines{
  margin: 10px 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.price_block_popup_lines .coins span{
  color: #fff;
}
.price_block_popup_lines .text{
  margin: 0!important;
}
.image_map img{
      width: 65vw;
}
.warhouse_title_class{
  /* display: flex!important;
  flex-direction: column!important;
  justify-content: center!important;
  align-items: center!important; */
  color: white!important;
}
.warhouse_title_class div{
width: -webkit-fill-available;

}
.catalog_balance {
  text-align: start!important;

}
.plant-container{
  display: flex;
  align-items: start;
  justify-content:center;
}
.plant-img{
  width: 65px;
    height: 75px;
}
.plant-title{
  font-size: 10px;
      position: absolute;
      background: #000000c2;
      border-radius: 10px;
      padding: 4px 10px;
      color: white;
      top: 10px;
    left: 0px;
}

.burn_container{
  display: flex;
  align-items: center;
  gap: 1vw;
    flex-direction: unset;
}

.burn_title{
  font-size: 125%;
  color: #F9AD00;
  font-weight: var(--title-font-weight);
  padding: 15px 15px 10px 15px;
  text-align: center;
}

.burn_container .burn_item{
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: calc(32% - 5px);

}

.burn_container .burn_item .name{
  padding: 5px 0px;
    font-size: 75%;
    font-weight: bold;
    color: white;
}

.burn_container .burn_item .name2{
  padding: 5px 0px;
  font-size: 80%;
  color: #f9ad00;
}

.burn_container .burn_item .burn_btn{
  margin-top: 5px;

}

.burn_container .burn_item .burn_btn a{
  padding: 4px 10px;
    margin-left: 0px!important;
    font-size: 85%;
}
.burn_container .burn_item .image-place{
    /* text-align: center; */
}
.burn_container .burn_item .image-place img{
  max-width: 95%;
  max-height: 145px;
  margin-top: 10px;
  border-radius: 5px;
}
.gardener_img {
  display: flex;
  justify-content: center;
}
.gardener_img img{
  width: 65vw;
}
.fix_class_popup .title{
  text-align: center!important;
}
.link2_pop_style a{
  padding: 10px 15px;
  border-radius: 6px;
  background-color: #F9AD00;
  color: #000;
  font-size: 14px;
  text-align: center;
  white-space: nowrap;
}
.image_gardener img{
  width: 60vw;
}

.house_map_plants_popup_block{
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  padding-top: 35vw;
  padding-bottom: 25vw;
}

.world_map_popup_block{
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  padding-bottom: 30vw;
      padding-top: 36vw;
}
.world_map_popup_block a{
  padding: 10px;
border-radius: 6px;
background-color: #F9AD00;
color: #000;
/* font-size: 10px; */
text-align: center;
white-space: nowrap;
}
.world_map_popup_block .image img{
  width: 65vw!important;
      max-height: none!important;
}