*{
  box-sizing: border-box;
  padding: 0px;
  margin: 0px;
  box-shadow: none;
  font-family: 'Open Sans', sans-serif;
  /*scroll-behavior: smooth;*/

}
:root {
  --blue: #1e90ff;
  --white: #ffffff;
  --light_red: #e10200;
  --dark_red: #bf0807;
  --core_gray: #f6f6f6;
  --sbox_width: 55px;
  --blue1: #004cba;
  --green: #00b400;
  --light_orange: #f0c600;
  --light_green: #09ff57;
}
.highlight, .no_highlight {
  background: yellow;
  font-size: 14px !important;
  font-style: normal !important;
  color: unset !important;
}
.no_highlight{
  background: transparent;
}
.chatpage, .preserve {
   white-space: pre-wrap;
}
.noneSelect{
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
[w_ma_60]{
  width: 60%;
  margin: auto;
}
[bold600]{
  font-weight: 600
}
[bold500]{
  font-weight: 500;
}
[hide]{
  display: none;
}
[pad_15]{
  padding: 15px;
}
[fz_8]{ font-size: 8px; }
.hideInp{
  position: fixed;
  top: -200px;
}
[padtop_5]{
    padding-top: 5px;
}
[padbottom_5]{
  padding-bottom: 5px;
}
[padbottom_15]{
  padding-bottom: 15px;
}

.col_red{
  color: var(--light_red);
}
.col_orange{
  color: var(--light_orange);
}
.col_green{
  color:  var(--light_green);
}
.col_blue{
  color: #004cba;
}
body{
  background: #f6f6f6;
  color: #000;
  transition: background 2000ms;
}
.desk{
  display: block;
}
.bttm_page{
  cursor: pointer;
}
.side_box{
  position: fixed;left: 0px;
  top: 45px;
  height: calc(100% - 45px);
  width: var(--sbox_width);
  background: var(--core_gray);
  transition: background 2000ms;
  overflow: hidden;
    overflow-y: auto;
}

.side_box_expand{
  position: fixed;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 20%;
  background: #f8fafd;
  transition: background 2000ms;
  z-index: 3;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  min-width: 300px;
  box-shadow: 0px 2px 7px -2px #aea8a8;
  backdrop-filter: saturate(180%) blur(20px);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  overflow: hidden;
  overflow-y: auto;
}

.nav{
  position: fixed;left: 0px;
  height: 45px;
  width: 100%;
  background: var(--core_gray);
  top: 0px;
  transition: background 2000ms;
  z-index: 1;
  background: #fff;

} 
.logodiv{
      padding-left: 15px;
    padding-top: 4px;
}
.logodiv img{
  cursor: pointer;
}
.menu_info{
  position: fixed;
  left: var(--sbox_width);
  top: 45px;
  width: 30%;
  border-top-left-radius: 10px;
  height: calc(100% - 45px);
  background: #fff;
  border: 1px solid lightgray;
  transition: background 2000ms;
  overflow: hidden;
    overflow-y: auto;
}
.btm_nav{
  position: fixed;
  width: 100%;
  left: 0px;
  top: 45px;
  height: 60px;
  background: #fff;
  border: 1px solid lightgray;
  z-index: 1;
}
.main_content{
  /*background: #f3f3f3;*/
  background: #e9ecf5;
  width: calc(70% - var(--sbox_width));
  margin-left: calc(30% + var(--sbox_width));
  min-height: 500px;
  transition: background 2000ms;
  overflow: hidden;
}
.btn,.roundbtn,.btn1,.btn2,.btn3,.btn4,.btn5,.btn6{
  background: var(--dark_red);
  background: linear-gradient(353deg, #670000, #ff0200);
  color: #fff;
  padding: 15px 15px;
  border-radius: 5px;
  border: none; 
  font-weight: 600;
  cursor: pointer;
}
.btn1{
      background: linear-gradient(353deg, #001074, #0c00ff);
}
.btn2,.btn3,.btn4{
  font-weight: 600;
  color: #000;
  border: 4px solid #e4e4e4;
  border-radius: 20px;
  
}
.btn3{  
  background: linear-gradient(182deg, #ffffff, #ababab);
}
.btn2{
  background: linear-gradient(182deg, #ffd200, #c1a103);
}
.btn4{
  background: linear-gradient(182deg, #535353, #000000);
  color: #fff;
}
.btn5{
  background: linear-gradient(353deg, #016109, #19b000);
  width: 80%;
  padding: 10px
}
.btn6{
  background: linear-gradient(182deg, #535353, #000000);
}
.btnround{
  border: 4px solid #e4e4e4; border-radius: 20px;
}
.sdico{
  height: 35px;
    padding-top: 5px;
    width: 90%;
    margin: auto;
    border-radius: 5px;
    margin-top: 5px;
    cursor: pointer;
}
.side_box_expand .sdico{
  width: 100%;
  text-align: left;
  margin-top: 8px;
}
.sdico:hover, .sdico:focus{
  background: #efefef;
}
.sdico i{
  font-size: 16px;
}
.box_line{
  height: 1px;
    background: #bcbcbc;
    width: 64%;
    margin: auto;
    margin-top: 10px;
}
.img_icon{
  width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 2px solid #f1f1f1;
    padding: 2px;
    background: #f7f7f7;
}
.mu_bar{
  width: 16px;
  height: 2px;
  margin: auto;
  background: #000;
  margin-bottom: 4px;
}
.menu_bar:active .bar_flink{
  animation: barFlink 400ms;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
}
@keyframes barFlink{
  0%{width: 16px;}
  50%{ width: 8px; }
  100%{width: 16px;}
}
.gap{
  height: calc(100% - 200px);
}
.side_box_expand .gap{
  height: calc(100% - 520px);
}
.d_menu{
  display: none;
}
.exp_1{
  width: var(--sbox_width);
}
.inr_exp{
  width: 90%;
  margin: auto;
  text-align: center;
}
.right_exp{
  width: 70%;
  font-size: 14px;
}
.nft,.new,.popular{
    border: none;outline: none;
    min-width: 25px;
    height: 25px;
    outline: none;
    border-radius: 50%;
    background: red;
    color: #fff;
    position: relative;
    top: -1px;
    left: 8px;
    border: 5px solid #f4e7e7;
    font-size: 10px;
    z-index: 1;
}
.new,.popular{
  background: blue;
    border: 5px solid #dee0eb;
    min-width: 50px;
    border-radius: 7px;
    height: 20px;
    font-size: 8px;
    top: -3px;
    left: 5px;
}
.popular{
  background: #ffbe00;
    border: 5px solid #efede1;
    color: #000;
}
.brdA{
    
    animation: brdA ease-out 800ms;
    animation-iteration-count: infinite;
    transition: border 800ms;
}
@keyframes brdA{
    0%{  border: 1px solid #a15656; }
    50%{  border: 5px solid #fff; }
    100%{  border: 1px solid #a37272; }
}
.popPul{
  left: 4px;
    top: -19px;
    border: 2px solid #efede1;
    height: 15px;
    font-size: 6px;
    min-width: 34px;
    padding: 0px;
}
.popnft{
  left: 2px;
    top: -14px;
    font-size: 10px;
}
.mif{
  display: unset;
}
.nftpop{
  text-align: center;
  padding-left: 23px;
}
.enga_card, .buy_card{
  width: 47%;
    margin: auto;
    float: left;
    height: 230px;
    border-radius: 6px;
    background: linear-gradient(338deg, #e6e6e6, #ffffff);
    margin-bottom: 15px;
    color: #000;
    font-size: 12px;
    cursor: pointer;
}
.eng_cardr{
   margin-left: 6%;
}
.engclas{
  padding: 15px;
}
.cardbox{
  width: 80px;
    height: 55px;
    background: #ffffff;
    margin: auto;
    margin-top: 15px;
    border-radius: 8px;
    box-shadow: inset 0px 0px 5px 7px #d9dbe9;
    text-align: center;
}
.cardbox img{
  margin-top: 8px;
    width: 39px;
}
.enga_card h5{
  padding-top: 5px;
  padding-bottom: 5px;
}
.enga_card p{
  font-size: 8px;
    color: #747474;
    margin-bottom: 5px;
}
.enga_card b{
  color: #000;
}
.enge_cont{
  padding: 0px 10px;
}
.card_line{
  padding-bottom: 15px;
    border-bottom: 1px solid #c2c2c263;
}
.flob{
  padding-top: 5px;
}
.flob [w_60]{
  text-align: left;
    padding-left: 8px;
}
.flob [w_60] i{
      color: #e0001a;
}
.buy_card{
  height: 90px;
  width: 100%;
  float: unset;
}
.buy_card [w_40] i{
  color: #e0001a;
}
.shadow_pop_back,.d_menu_back{
  position: fixed;
  width: 100%;
  height: 100%; top: 0px; left: 0px;
  z-index: 4;
  background: #0000000d;
  backdrop-filter: saturate(100%) blur(10px);
  -webkit-backdrop-filter: saturate(100%) blur(10px);
  display: none;
}
.d_menu_back{
  z-index: 3;
}
.shadow_pop{
   position: fixed;
    width: 20%;
    height: 160px;
    top: 360px;
    left: 15px;
    z-index: 4;
    /*min-width: 260px;*/
    border-radius: 15px;
    border: 1px solid #c0c0c0;
    /*box-shadow: 0px -10px 0px 1px #fff;*/
    border-bottom: none;
    border-top: none;
    overflow: hidden;
    transition: box-shadow 400ms;
    display: none;
}
.theme_palet{
  float: left;
    width: 29%;
    margin: 20px 1.67%;
    height: 60px;
    background: linear-gradient(45deg, #b8b8b8, #ffffff);
    border-radius: 4px;
    padding: 5px;
    text-align: center;
    color: #000;
    font-size: 10px;
  padding-top: 13px;
  overflow: hidden;
  box-shadow: 0px 0px 4px 1px #e1e1e1;
}
.filter_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    background: #fff;
  }
 .filter_overlay2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 20px;
  }
.theme_palet p{
  padding-top: 4px;
}
.theme_palet i{
  font-size: 20px;
}
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 30px;
}

/* Hide the default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(93deg, #d6d2d2, #d9d9d9);
  transition: .4s;
  border-radius: 34px;
}

/* The slider before the switch is moved */
.slider:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: .4s;
  border-radius: 50%;

}

/* The slider after the switch is moved */
input:checked + .slider {
  background: linear-gradient(92deg, #038bff, #046396);
}

/* Move the slider when the switch is moved */
input:checked + .slider:before {
  transform: translateX(30px);
      background-color: #fff;
}
.theme_tag, .coin_tag{
  height: 40px;
    width: 80px;
    background: #00bd36;
    position: relative;
    transform: rotate(45deg);
    color: #fff;
    padding-top: 14px;
    box-shadow: 0px 0px 3px 4px #00000026;
    animation: theme_tag 500ms ease-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}
@keyframes theme_tag{
  0%{top: -50px; right: calc(1px - 100%);}
  100%{ top: -24px; right: calc(47px - 100%);}
}
.theme_tag i, .coin_tag i{
  transform: rotate(335deg);
    font-size: 22px;
}
.loader {
  width: 48px;
  height: 48px;
  border: 3px solid #FFF;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
.loader::after {
  content: '';  
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 3px solid;
  border-color: var(--light_red) transparent;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 
.bttm{
  position: fixed;
  bottom: 0px;
  width: calc(70% - var(--sbox_width));
  height: 60px;
  right: 0px;
  background: #f0f0f0;
  background: #fff;
  padding-top: 5px;
  z-index: 2;
  border-radius: 20px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  padding-left: 10px;
  padding-right: 10px;
  box-shadow: 0px 0px 6px -3px #868585;
}
.bttm p{
  padding-top: 5px;
}
.bttm .bttm_page{
    background: transparent;
    padding: 8px;
    border-radius: 15px;
    color: #6d6d6d;
}
#activ_bttm{
  color: #000;
    background: white;
    border-bottom: 2px solid #000000;
    /*border-bottom: 2px solid var(--dark_red);*/

}
[class^="icofont-"].icofont-duotone:after, 
[class*=" icofont-"].icofont-duotone:after {
    opacity: 0.6;
}
.show_main_content{
  display: block;
}
.hide_mobile_content{
  display: unset;
}
.hboard{
  height: 80px;
  background: #f8faff;
  margin-top: 10px !important;
  border-radius: 15px;
  padding: 20px;
  padding-top: 18px;
 /* box-shadow: 0px 0px 0px 6px #e7e7e7;
  border: 1px solid #004ee0*/
}
.hae{
  width:80%; margin: auto;
  margin-top: 10px;
}
.pro_img{
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 2px solid #b8b8b8;
}

.his{
  color: var(--blue1);
  cursor: pointer;
}
.hss{
  padding-top: 14px;
}
.roundbtn{
  border-radius: 20px;
}
.fetrs p{
  font-weight: 600;
}
.icon_fe{
  padding: 25px 20px;
    border-radius: 16px;
    background: #bcbcbc;
    background: linear-gradient(353deg, #001074, #0c00ff);
    color: #fff;
}
.ppt{
  padding-top: 30px;
}
.rtd{
  transform: rotateY(181deg);
}
.gam{
  padding-top: 65px;
}
.gama{
  padding-bottom: 10px;
}
.pli{
  position: relative;
    top: -12px;
    left: -14px;
    background: red;
    padding: 2px;
    border-radius: 50px;
    color: blue;
    background: #fff;
    font-size: 10px;
}
.sml{
  position: relative;top: 25px; color: #fff; left: -14px;
}
.hrt{
  position: relative;top: 25px; color: #fff; left: 15px;
}
.morefe{
  width: 94%;
  margin: auto;
  padding: 15px;
  padding-top: 20px;
  background: #fff;
  margin-top: 40px;
  margin-bottom: 40px;
  border-radius: 20px;

}
.mop{
  padding-bottom: 30px;
  margin-bottom: 0px;
  margin-top: 50px;
}
.morefe p{
  padding-top: 5px;
  font-weight: 600;
}
.morefe h2{
  padding-bottom: 10px;
    font-weight: 500;
    font-family: monospace;
}
.hflo{ color: grey; padding-left: 15px; }
.pft{
  padding-top: 5px;
}
.secimg{
  width: 60px;
    height: 60px;
    text-align: center;
    border-radius: 10px;
    overflow: hidden;
}
.plv{
  padding-top: 7px;
}
.plv .btn{
  padding: 5px 15px;
  height: 32px;
}
.vrfdiv{
  /*height: 110px; */
  margin-bottom: 0px; padding-top: 15px;
}
.vrq{
  width: calc(100% - 60px); padding-left: 5px;
}
.vrh{
  color: var(--dark_red);
}
.vrhc{
  color: var(--green);
}
.nar{
  padding: 15px; padding-top: 20px;
}
.hicon{
  width: 40px
}
.hcn{
  width: calc(100% - 50px);
}
.namew{
  font-weight: 600;
}
.trxup{
  color: var(--light_red);
}
.trxdown{
  color: var(--green);
}
.gryl{
  border-right: 1px solid lightgrey;
  cursor: pointer;
}
.beginner{
  color: #8c8c8c;
}
.explorer{
  color: #c29100;
}
.contributor{
  color: #c20000;
}
.influencer{
  color: #004ee0;
}
.ambassador{
  color: #d30297;
}
.fansy_show0{
  animation: fansyShow 400ms;
  animation-iteration-count: 1; 
  animation-fill-mode: forwards;
}
@keyframes fansyShow{
  0%{transform: skew(-70deg, 0deg);  }
  100%{transform: skew(0deg, 0deg);  }
}
.fansy_show1{
  animation: fansyShoOne 400ms;
  animation-iteration-count: 1; 
  animation-fill-mode: forwards;
}
@keyframes fansyShoOne{
  0%{transform: scale(0.1);  }
  100%{transform: scale(1);  }
}
.fansy_show2{
  animation: fansyShowTwo 800ms;
  animation-iteration-count: 1; 
  animation-fill-mode: forwards;
}
@keyframes fansyShowTwo{
  0%{ opacity: 0;  }
  100%{opacity: 1;  }
}
.fansy_show3{
  animation: fansyShowThree 600ms;
  animation-iteration-count: 1; 
  animation-fill-mode: forwards;
}
@keyframes fansyShowThree{
  0%{ transform: rotate3d(1, 1, 1, 117deg); }
  100%{transform: rotate3d(1, 1, 1, 0deg);  }
}
.fansy_show4{
  animation: fansyShowFour 800ms;
  animation-iteration-count: 1; 
  animation-fill-mode: forwards;
}
@keyframes fansyShowFour{
   0%{transform: rotateY(90deg); }
  100%{transform: rotateY(0deg);  }
}
.fansy_show5{
  animation: fansyShowFive 800ms;
  animation-iteration-count: 1; 
  animation-fill-mode: forwards;
}
@keyframes fansyShowFive{
   0%{transform: rotateX(90deg); }
  100%{transform: rotateX(0deg);  }
}
.fansy_show6{
  animation: fansyShowSix 400ms;
  animation-iteration-count: 1; 
  animation-fill-mode: forwards;
}
@keyframes fansyShowSix{
  0%{transform: scaleX(3.5); }
  100%{transform: scaleX(1); }
}
.fansy_show7{
  animation: fansyShowSeven 400ms;
  animation-iteration-count: 1; 
  animation-fill-mode: forwards;
}
@keyframes fansyShowSeven{
  0%{transform: scaleY(3.5); }
  100%{transform: scaleY(1); }
}
.deptop{
  width: 100%;
  width: calc(70% - var(--sbox_width));
  height: 60px;
  background: #f6f6f6;
  color: #000;
  border: none;
  position: fixed;
   top: 0px;
  z-index: 1;
}

.pdep,.deptop{
  padding: 15px;
  padding-top: 18px;
}
.inp, .src_inp, .tb_inp{
  border: 1px solid #c1c1c1;;
  padding: 15px;
  border-radius: 5px;
  background: #fff;
  color: #000;
}
.slim_inp{
  padding: 6px 20px;
  border: 1px solid #cac8c8;
  border-radius: 15px;
}
.src_inp{
  padding: 6px 15px;
  border-radius: 15px;
}
.tb_inp{
      padding: 5px 15px;
}
.sdinp{
  background: transparent;
  position: relative;z-index: 1;
}
.sdlabel{
  position: relative;
  top: -33px;
  left: 15px;
  font-size: 14px;
  color: #656464;
  z-index: 0;
  transition: top 400ms;
}
.sdinp:focus{
  outline: 1.3px solid var(--blue1);
}
.sdinp:focus + div .sdlabel{

  color: var(--blue1);
}
.altl{
  border: 1px solid lightgrey;
  height: 40px;
  margin-top: 10px;
  border-radius: 5px;
}


.sdinp:focus + div .sdlabel, .sdinp:valid + div .sdlabel, .sdlabel_active {
  top: -57px;
  background: #fff;
  z-index: 1;
  left: 10px;
  padding: 0px 5px;
  border: 1px solid transparent;
}
.orline{
  position: relative; top: 10px;
  background: #fff;
  padding: 1px 10px;
}
.oline{
  height: 1px;
  background: transparent;
  border-bottom: 1px solid #7d7d7d;
}
.is_btm_nav{
  padding-top: 100px;
}
.dep_area label{
  display: block;
  padding-bottom: 5px;
  font-weight: bold;
  font-size: 14px;
}
.opp{
  padding-bottom: 30px;
  padding-top: 10px;
}
.depidiv{
  height: 26px;
}
.usarb{
  margin-left: 10%;
  margin-top: 20px;
  background: #000;
  width: 90%;
  padding: 15px;
  border-radius: 10px;
  color: #fff;
}
.usarb h4 {
  color: var(--light_orange);
  padding-bottom: 15px;
}
.bankimg{
  height: 40px;
  width: 40px;
  overflow: hidden;
  border-radius: 10px;
  margin-bottom: 5px;
  margin-top: 5px;
}
.bankimg img{
  width: 40px;
  height: 40px;
}
.mtb {
  padding-top: 5px;
}
.pd5{
  padding-bottom: 5px;
}

.wid{
  padding-bottom: 15px; background: #fff;
  color: #000;
  padding-top: 20px;
}
.dlt{
  font-size: 30px;
  color: #0c00ff;
}
.deprec{
  padding: 15px;
  background: #000000;
  color: #fff;
}
.wal{
  background: #ffd200;
  color: #000;
}
.recs{
  border-bottom: 1px solid lightgrey;
  padding: 20px 10px 15px 10px;
  background: #fff;
  color: #000;
  border-radius: 6px;
  margin-bottom: 10px;
}
.pas1{
  background: red;
  padding: 14px 5px;
  border-radius: 50%;
  position: relative;
  top: 6px;
}
.pass{
  background: #d7effc;
  padding: 9px 10px;
  color: #000;
  border-radius: 50%;
    
}
.trxd{
  color: #888888; padding-top: 5px;
}
.bouns,.bounce{
  animation: bouns 1800ms ease-in-out;
  animation-iteration-count: infinite;
  transition: transform 1800ms;
}
@keyframes bouns{
  0%{transform: scale(1.0);}
  50%{transform: scale(1.1);}
  100%{transform: scale(1.0);}
}
.bck{
  background: #fff;
  border-radius: 50%;
  padding: 3px 3px 1px 3px;
  border: 4px solid #000000;
  position: relative;
  color: #676767;
  top: -5px;
}
.backImg {
  width: 80%;
  height: 27px;
  position: relative;
  top: 3px;
  left: -2px;
  transition: width 400ms;
  max-width: 80%;
}
.crt {
  color: #000000;
  position: relative;
  top: 3px;
  font-size: 40px;
  margin-right: -18px;
}
.backH,.backmm {
  font-size: 13px;
  /*color: #fff;*/
  position: relative;
  top: 16px;
  left: 47px;
  z-index: 1;
  font-family: monospace;
}
.card{
  height: 170px; 
  background: linear-gradient(45deg, #141100, #000000); 
  border-radius: 20px;
  overflow: hidden; color: #fff;

}

.edbank{
  position: relative;
  top: -39px;
  background: #ffffff;
  padding: 6px 18px 5px;
  box-shadow: inset 0px 0px 2px 2px #fffffff5;
  border-radius: 20px;
  color: #000000;
  font-style: italic;
  font-size: 12px;
}
.recspan{
  padding: 5px 10px;
  background: #fff;
  color: #000;
  border-radius: 10px;
  cursor: pointer;
}
.wsiup{
  width: 100%;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0px 0px 5px 5px #2928280d;
  padding: 15px;
  color: #000;
}
.rih {
      max-height: 245px;
    overflow: hidden;
    transition: max-height 2400ms;
}
.rih i{
  margin-right: 6px;
  color: var(--dark_red);
}

.rih p{
  border-bottom: 1px solid grey;
  padding: 10px;
}
.smh{
  background:#fff; padding: 15px; box-shadow: 0px -19px 15px -20px #0006;
}
.smr{
  color: #000; 
  background: linear-gradient(182deg, #ffffff, #ababab); padding: 2px 15px 4px;
}
.vem{
  margin-top: 0px;
  transition: margin-top 400ms;
}
.vem iframe{
  min-height: 550px;
  margin-top: 50px;
  border-radius: 15px;
  box-shadow: 0px 0px 0px 2px #e5e5e5;
  border: 3px solid #161414;
  background: url("../images/icon/blurwide.png");
  background-size: cover;
  background-position: center;
}
.nrd,.nrd2 {
  width: 80%;
  margin: auto;
  background: #000;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  color: #fff;
  padding: 20px;
}
.nrd2 {
  border-radius: 0px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.invimg{
  height: 70px;
}

.downline .img_icon {
  width: 45px;
  height: 45px;
}
.dwnl{
  margin-bottom: 15px;
  box-shadow: 0px 1px 2px 0px #69696933;
  padding: 5px;
  border-radius: 10px;
  background: #fff;
  color: #000;
  /*border-right: 4px solid #004cba;*/
  /*border-left: 4px solid #004cba;*/
}
.dopa{
  background: #fff;
}
.fil{
  padding: 10px; cursor: pointer;
}
.filt{
  font-size: 8px;
    position: relative;
    top: -15px;
    right: 18px;
}
.seld{
  position: relative;
  color: transparent;
  background: transparent;
  border: none;
  z-index: 1;
  height: 42px;
  width: 50px;
  top: -2px;
  outline: none;
  cursor: pointer;
}
.seld option{
   color: #000;
   background: #fff;
}
.fontla{
      font-size: 16px;
}
.pin{
    width: 90%;
    left: 5%;
    padding: 10px 10px;
    background: #fff;
    position: fixed;
    z-index: 111;
    animation: pin 800ms ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    transition: bottom 700ms;
    display: none;
    color: #000000;
    font-size: 12px;
    border-radius: 5px;
    box-shadow: 0px 0px 6px -1px #c9c9c9;
}
@keyframes pin{
    0%{ top: -500px; }
    100%{ top: 45px; }
}
.loadA{
    width: 100%; left: 0px; padding: 8px 20px; padding-bottom: 20px; 
    background: #000;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    position: fixed;  z-index: 111;
    top: 0px; display: none;
}

.pinb,.loadB{
    position:  fixed; top: 0px; left: 0px; height: 100%; width: 100%;  
    background: #000; opacity: 0.4; z-index: 110; display: none;
}
.lgf{
  position: relative;
  width: 34px;
  top: 16px;
}
.selimg{
  position: relative;
  top: 15px;
  left: 5px;
  width: 39px;
  height: 39px;
  border: 2px solid #c2c2c2;
  border-radius: 10px;
  overflow: hidden;
}
.selimg img{
  height: 39px;
}
.ccr{
  position: relative;
  top: -32px;
  right: 52px;
}
.cls{
  padding-top: 5px;
  padding-bottom: 5px;
  border: none;
}
.buybtn{
  padding: 8px 15px;
  border-radius: 10px;
  font-size: 12px;
  background: transparent;
  border: none;
  cursor: pointer;
  margin: 5px 0px;
}
.actr{
  width: 94%;
  background: #fff;
  color: #000;
  margin: auto;
  margin-top: 2px;
  border-radius: 12px;
  padding: 6px;
  overflow: hidden;
}
.bifx{
  position: fixed; top: 45px; min-height: 50px;
  width: calc(70% - var(--sbox_width));
  background: #e9ecf5;
  z-index: 1;
}
.atcins{
  width: 100%; overflow-x: auto;
  padding-bottom: 30px;
}
.buybtn_active{
  background: #ffc107;
}
.acc_name{
  position: relative;
  top: -9px;
  left: 5px
}
.acc_label{
  background: #000;
  color: #fff;
  padding: 2px 10px;
  border-radius: 10px;
  border-right: 4px solid #ffd200;
  border-left: 4px solid #ffd200;
  font-size: 8px;
  font-weight: 600;
}
.acage{
  font-size: 12px;
  padding-left: 10px;
  color: #747474;
}
.buybak{
  background: #fff;
  margin: auto;
  margin-bottom: 15px;
  padding-top: 5px;
}
.buybak h2{
  font-size: 1.1em;
}
.topbu{
  padding: 0px 15px;
  background: #fff;
  margin-bottom: 15px;
  padding-top: 10px;
}
.lsu{
  top: -52px;
  left: -20px;
  padding-right: 5px;
  padding-left: 5px;
}
.qrch{
  padding: 15px;
  background: #000;
  border-radius: 40px;
  text-align: center;
}
#buyAccountFilter, #myBuyOrderFilter{
 animation: buysortx 2000ms ease-out;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  transition: max-height 2000ms;
  display: none;
}
@keyframes buysortx{
  0%{ max-height: 0px; }
  100%{ max-height: 1300px; }
}

.buysort{
  background: white;
  color: #000;
  z-index: 1;
  position: fixed;
  width: calc(70% - var(--sbox_width));
  top: 103px;
  box-shadow: 0px 4px 7px -3px #b4b4b4;
  border-radius: 34px;
  overflow: hidden;
  animation: buysort 2000ms ease-out;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  transition: max-height 2000ms;
  display: none;
}
@keyframes buysort{
  0%{ max-height: 0px; }
  100%{ max-height: 1300px; }
}
.buysort .inp{
  border: 1px solid #ebebeb;
}
.buysort p{
  font-size: 12px;
  padding: 10px 15px;
  border-bottom: 3px solid #f4f4f4; 
}
/*.buysort p:hover{
  background: #e4e4e4;
  color: #000;
}*/
.buysort p:active{
  background: #0111ff;
  color: #fff;
}
.retpop{
  position: relative;
  top: -42px;
  z-index: 1;
  height: 40px;
  padding-right: 25px;
  padding-top: 6px;
  color: #000;
}
.buybtn ~ .repp{
  display: none;
}
.buybtn_active ~ .repp{
  display: block;
}
.chatv,.chatv1{
  background: linear-gradient(360deg, #b49500, #ffd200);
  color: #000;
  padding: 5px 10px;
  border-radius: 5px;
}
.chatv1{
  background: linear-gradient(360deg, #dcdcdc, #f0f0f0);
  color: #000;
}
.chatv i,.chatv1 i{
  font-size: 24px;
}
.chatv span, .chatv1 span{
  position: relative;
  top: -5px;
  font-size: 12px;
  font-weight: 600;
}
.webdiv{
  height: 50px;
  cursor: pointer;
}
.p2p{
  background: #fff;
  color: #000;
  border: 0px;
  height: 90px;
  padding: 0px;
  border-bottom: 1px solid #bab6b6;
  top: 0px;
  z-index: 2;
}
.p2pdiv{
  background: #fff;
}
.mfr [w_25]{
  cursor: pointer;
}
.naint,.coinsDiv{
  height: 26px;
  width: 26px;
  background: var(--light_orange);
  border-radius: 50%;
  color: #000;
  padding: 5px 8px;
  font-size: 14px;
  font-weight: 600;
}
.coinsDiv{
  background: transparent;
}
.notonline{
  color: #a3a3a3;
  font-size: 10px;
}
.online{
  font-size: 10px;
  color: #168900;
}
.qlts{
  color: #868686;
}
.fltbtn{
  padding: 8px;
    display:none;
    border: 4px solid #fff;
}
.pbox{
  height: 100px;
  width: 80%;
  margin: auto;
  margin-bottom: 30px;
  background: transparent;
  border-bottom: 2px solid #f1f1f170;
}
.mp2p{
  border-right: 1px solid grey;
  padding-left: 10px;
  font-weight: 500;
  font-size: 14px;
  padding-top: 3px;
}
.tcarret{
  padding: 10px;
  position: relative;
  top: -1px;
  padding-left: 41px;
  padding-right: 3px;
  font-size: 14px;
  color: var(--light_orange);
}
.drop2p{
  position: relative;
  background: linear-gradient(179deg, #101010, #201f1f);
  z-index: 1;
  border-radius: 9px;
  border: 1px solid #d3d3d317;
  border-top: 0px;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  max-height: 270px;
  color: #fff;
  overflow: auto;
}
.drop2p .mp2p{
  border-top: 1px solid #d3d3d32e;
  padding-bottom: 6px;
  border-right: 0px;
}
.active_p2p{
  background: #4747471a;
}
.slp{
  background: #ffd200;
  padding: 1px 15px;
  border: 1px solid #deb700;
}
.pamt{
  height: 40px; padding: 0px; 
  overflow: hidden; border-top: 1px solid lightgrey;
}
.p2psellbtn{
  padding: 5px 10px;
  background: linear-gradient(4deg, #c9a600, #ffd200);
  color: #000;
  cursor: pointer;
  border-radius: 3px;
}
.jsa{
  background: #000000;
  color: #fff;
  padding-bottom: 0px;
  padding-top: 10px;
}
.check_chain span chain{
  position: relative;
  top: -5px;
}

.check_chain span{
  padding: 5px 15px 4px;
  display: inline-block;
}

.check_chain input[type="checkbox"]:checked{
    accent-color: #07ff00;
}
.trx {
  padding-top: 1px;
  background: #fff;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
  margin-bottom: 20px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border: 2px solid #279200;
}
.trxs{
    border: 2px solid var(--light_red);
}
.trxr{
  min-height: 250px;
  border-radius: 15px;
  background: #fff;
  color: #000;
  margin-top: 20px;
  padding: 15px;
}
.btnwh {
    border-bottom-left-radius: 30px;
    border-top-left-radius: 30px;
    position: relative;
    top: -3px;
    right: -15px;
    border-right: 0px;
    color: #fff;
    padding: 10px 0px;
    padding-left: 3px;
    background: linear-gradient(90deg, #101312, #3de700);
    border: none;
}
.btnwhs {
  background: linear-gradient(90deg, #101312, #e10200);
}
.btnwhin {
    position: unset;
    background: #091f14;
    padding: 8px 10px;
    border-bottom-left-radius: 30px;
    border-top-left-radius: 30px;
}

.chatbtn,.recbtn{
  padding: 12px 7px;
  /*background: linear-gradient(182deg, #ffe200, #f6ae00);*/
  /*color: #000;*/
  background: linear-gradient(182deg, #515151, #000000);
  color: #fff;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  border: 0px;
  position: fixed;
  width: 40px;
  right: 12px;
  height: 40px;
  bottom: 10px;
  overflow: hidden;
}
.plusd{
  border: 2px solid #c9c9c9;
  text-align: center;
  padding-top: 1px;
  border-radius: 50%;
  margin-left: 6px;
  position: fixed;
  width: 34px;
  height: 34px;
  bottom: 13px;
  color: #8e8e8e
}
.plusd i { font-size: 30px; }
.messsage-right, .messsage-left {
    list-style: none;
    padding: 5px;
    margin: 12px;
    max-width: 80%;
    font-size: 14px;
    word-wrap: break-word;
    position: relative; z-index: 1;
}
.messsage-right {
    border-radius: 10px 10px 0px 20px;
    align-self: flex-end;
    background-color: #2d2d2d;
    background-color: #067763;
    background-color: #d3ffd7;
    color: #000;
    box-shadow: 2px 2px 4px #bcbcbc;
}
.messsage-left {
    border-radius: 10px 10px 20px 0px;
    align-self: flex-start;
    background-color: #fff;
    color: #000;

    box-shadow: -2px 2px 4px #bcbcbc;
}
.messsage-left span, .messsage-right span {
    font-style: italic;
    font-size: 10px;
    color: #2f2f2f;
}
.messsage-right .mgs_area  div{
  text-align: right;
}
.messsage-left .message {
  padding-bottom: 5px;
}
.mgs_area{
  padding: 0px 7px;
}
.messsage-right, .messsage-left{
  border: 2px solid transparent;
}
.message-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
}
.mebmors .morefe{
  margin-top: 0px; padding-top: 0px;
}
.mebmors .mop {
  padding-bottom: 30px; 
  margin-bottom: 0px; 
  margin-top: 0px; 
}
.opg{
  display: none;
}
.cic{
  position: relative;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  top: 12px;
  right: 5px;
  border: 3px solid #d3d3d37d;
}
.chpass{
  display: block;
  padding: 10px;
  border-radius: 5px;
  box-shadow: 0px 0px 14px -8px #8e8e8e;
}
.selpm{
  background: transparent;
  border: 1px solid #725e01;
  border-radius: 10px; max-width: 40%;
  outline-color: #ffd200;
}
.splide__pagination{
  display: none;
}
.splide__arrow {
  margin-top: -15px;
}
#qrcode{
    width: 258px;
    margin: auto;
    text-align: center;
}
#qrcode canvas{
  margin: auto;
  width: 256px;
    
}

.wlo{
  height: 50px;
  width: 50px;
  background: #ffffff;
  position: relative;
  top: 100px;
  z-index: 1;
  border: none;
  border-radius: 10px;
  padding-top: 5px;
}
.seel{
  padding: 15px;
  background: #ffff;
  border-radius: 10px;
  box-shadow: 0px 0px 2px 2px #f1f1f1;
}
.topsell{
  height: 50px; background: #fff;
}
.topar{
  background: #fff;
  /*border-bottom-right-radius: 35px;
  border-bottom-left-radius: 35px;*/
}
.oli{
  padding: 15px 20px;
}
.oli li{
  padding-bottom: 10px;
}
.refresh_message {
  display: none;
  text-align: center;
  height: 45px;
  color: white;
  position: fixed;top: 0px;
  width: 100%;
  left: 0px;
  width: 100%;
  background: linear-gradient(178deg, #000, transparent);
  background: linear-gradient(178deg, #43434394, transparent);
  z-index: 112;

}
.refresh_message img{
  position: fixed; 
  transform: translate(-50%, -50%);
  top: 0px;
  /*transition: top 10ms;*/

}
.clbgc{
  background: unset; color: unset;
}
.rbnf, .databtn{
  height: 40px;
  padding: 10px;
  cursor: pointer;
  border-radius: 10px;
  border: 1px solid #cfcfcf;
  text-align: center;
}

.activ_side{
  animation: activ_side 500ms ease-in-out;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  background: linear-gradient(181deg, #ffd200, #d4af00);
  color: #000;
  font-weight: bold;
}
@keyframes activ_side{
  0%{box-shadow: 3px 3px 7px -7px #cdcdcd;}
  100%{box-shadow: 3px 3px 7px 1px #cdcdcd;}
}
.curs,.crl{
  min-height: 400px;
  box-shadow: -3px 5px 7px 1px #cdcdcd;
  margin-top: 6px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}
.crl{
  box-shadow: 3px 5px 7px 1px #cdcdcd;
}
.hidecur{
  padding: 15px 12px 15px 15px;
}
.hidecur h1{
  background: #000;
  color: #fff;
  padding: 10px;
  border-left: 4px solid #ffd200;
  border-right: 4px solid #ffd200;
}
.hidecur li{
  padding-top: 5px;
  padding-bottom: 5px;
}
.hidecur .fa-check{
  color: green;
}

.hidecur .fa-close{
  color: red;
  border: 2px solid red;
  padding: 2px 3px 1px;
  border-radius: 50%;
  font-size: 12px
}
.tv_bought .recs{
  margin-bottom: 30px;
  background: #000; color: #fff;
}


.printing .bttm, .printing .menu_info, .printing .side_box {
  display: none;
}
.printing .main_content{
  width: 100%;
  margin-left: 0px;
}

.pack{
  float: left;text-align:center;border: 1px solid grey; padding:3px; 
  text-align: left;
}
.b{
  font-size: 1.3em;
}
.b1{
  font-size: 1.2em;
}
.pack p{
  margin-top: 0px;
    margin-bottom: 1px;
  }
.pack table{
  width: 100%;
}
.lar{
  width: 60%;
  font-weight: bold;
}
.pack_1 .pack{
  width: 290px;
  height: 120px;
  font-size: 15px;
  margin-bottom: 50px;
  padding: 6px;
  margin-right: 25px;
}
.pack_2 .pack{
  width: 250px;
  height: 78px;
  font-size: 10px;
  margin-bottom: 10px;
  padding-top: 10px;
}
.pack_3 .pack{
  width: 220px;
  height: 74px;
  font-size: 11px;
  margin-bottom: 15px;
  padding-top: 0px;
  margin-right: 10px;
}
.pack_4 .pack{
  width: 170px;
  height: 83px;
  font-size: 8px;
  margin-bottom: 10px;
  padding-top: 5px;
}
.pack_5 .pack{
  width: 135px;
  height: 70px;
  font-size: 6px;
  margin-bottom: 20px;
  padding-top: 10px;
}
.pack_6 .pack{
  width: 166px;
  height: 60px;
  font-size: 8px;
  margin-bottom: 1px;
}
.pack_7 .pack{
  width: 130px;
  height: 54px;
  font-size: 5px;
  font-size: 5.9px;
  padding-top: 4px;
  margin-bottom: 11px;
}
.pack_8 .pack{
  width: 130px;
  height: 51px;
  font-size: 5px;
  font-size: 5.9px;
  margin-bottom: 6px;
}
.pack_9 .pack{
  width: 131px;
  height: 47px;
  font-size: 5px;
  font-size: 5.9px;
  padding-top: 3px;
  margin-bottom: 2px;

}
.pack_10 .pack{
  width: 135px;
  height: 43px;
  font-size: 6px;
  padding-top: 0px;
  margin-bottom: 4px;
}
.merchant{
  text-transform: uppercase;
}
.printbtn{
  padding: 8px;
  background-color: rgb(255, 188, 19);
  box-shadow: 0 0 10px rgb(18 18 18);
  color: rgb(0, 0, 0);
  border-radius: 8px;
  margin-top: 30px;
  font-size: 14px;
  border: lightgrey;
}
.btlp{
  padding: 10px;
}
.btlp button{
  width: 50px;
  font-size: 25px;
  background: #ffbc13;
  padding: 0px;
  border: none;
  position: relative;
  top: 3px;
  cursor: pointer;
}
.btlp input{
  width: 60%;
  text-align: center;
  border: 1px solid grey;
  font-size: 15px;
  height: 25px;
}
.btlp button:hover{
background: #ac7b00;
}
.prtb button{
width: 205px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  position: relative;
  top: -2px;
  font-size: 12px;
  font-weight: bold;
  padding: 5px 0px;
  border-top: 1px solid #9b9688;
}
.prnt .mp2p{
  font-size: 12px;
  padding-top: 10px;
  background: #000;
  color: #fff;
  padding-bottom: 9px;
  margin-top: 1px;
  text-align: center;
  font-weight: bold;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding-left: 6px;
}
.whback,.acva{
  background: #fff;
}
.nicm{
  height: 56px;
  border: 1px solid #908d8d;
  border-radius: 5px;
  width: 90%;
  margin: auto;
  margin-bottom: 8px;
  opacity: 0.6;
  overflow: hidden;
}
.day_active{
  opacity: 1;
}

.coin_tag{
  animation: coin_tag 500ms ease-out;
  animation-fill-mode: forwards; top: -50px; right: calc(1px - 100%);
  animation-iteration-count: 1; animation-delay: 800ms;
}
@keyframes coin_tag{
  0%{top: -50px; right: calc(1px - 100%);}
  100%{top: -10px; right: calc(54px - 100%);}
}
.cbuk{
  height: 186px;
  background: #000000c2;
  z-index: 1;
  position: relative;
  border-radius: 10px;
  padding-top: 32px;
  color: #fff;
  display: none;
}
.cbuk h1{
  font-size: 2em;
  font-weight: 500;
  padding-bottom: 3px;
}
.contim{
  height: 40px;
  background: #0bf;
  margin-top: 19px;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  padding-top: 9px;
  color: #000;
}
.cort{
  animation: cort 60s ease-in-out;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
}
@keyframes cort{
  0%{transform: rotate(0deg);}
  100%{transform: rotate(360deg);}
}
.nog{
  color: #9c8000;
}
.eav{
  color: #05942e;
}
.chattop{
  top: 0px;
}
.mgsh{
  background: #fff;
  border-radius: 25px;
  overflow: hidden;
}
.cp2p{
  top: unset;
  bottom: 0px;
  height: unset;
  background: #ebebeb !important;
}
.textarea{
  min-width: 100%;
  max-width: 100%;
  min-height: 40px;
  max-height: 160px;
  padding: 10px;
  border: 0px;
  border-left: 1px solid lightgray;
  font-size: 16px;
  outline: none;
  height: 40px;
  background: transparent;
  padding-top: 13px;
  transition: min-height 200ms;
  line-height: 20px;
}
.chatpage{
  background: #ebebeb;
  padding-top: 20px;
}
.txah{
  width: 100%; padding-left: 48px;
  transition: padding-left 200ms;
}
.dvimg{
  max-height: 100px;
  border: 1px solid #6f6f6f;
  border-radius: 5px;
  width: 30px;
  height: 100px;
}
.docname{
  font-weight: 500;
  padding: 10px;
  background: linear-gradient(2deg, #ddd6d6, transparent);
}
.idcl{
  position: relative;
  top: 10px;
  right: 10px;
  border: 2px solid #cbcbcb;
  color: #b4b4b4;
  padding: 5px 6px 2px 6px;
  border-radius: 50px;
  cursor: pointer;
  background: linear-gradient(355deg, #ffffff, #fdfdfd63);
}
.isms{
  background: #fff;
}

.chatDoc{
  width: 36px;
  height: 100px;
  display: inline-block;
  background: red;
  border-radius: 14px;
  box-shadow: inset 0px -6px 8px 0px #000000;
  margin-left: 5px;
  margin-right: 5px;;
  transition: width 200ms;
  overflow: hidden;
}
.chatdoc_active{
  width: 100px;
  border-radius: 12px;
  box-shadow: 0px 8px 11px -4px #65666a;
}
.iconh{
   width: 25px;
  height: 25px;
  position: relative;
  top: 70px;
  border-radius: 50%;
  font-size: 12px;
  font-weight: bold;
  background: linear-gradient(179deg, black, #363b47);
  color: #fff9f9;
  left: 7px;
  padding-top: 5px;
  z-index: 1;
}
.cnprv, .cpurge{  
  display: none;
}
.chatdoc_active .cnprv{
  display: block;
  position: relative;
  top: 45px;
  height: 30px;
  background: linear-gradient(1deg, #00000052, #0000001f);
  text-align: left;
  padding-left: 35px;
  color: #fff;
}
.dubcl{
  max-width: 550px;
  transition: transform 200ms;
  animation: dubcl 200ms ease-in-out;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
}
@keyframes dubcl{
  0%{transform: scale(0);}
  100%{transform: scale(1);}
}
.chatdoc_active .cpurge {
    position: relative;
    top: 5px;
    left: 6px;
    width: 25px;
    display: block;
    height: 25px;
    background: var(--light_red);
    border-radius: 10px;
    text-align: center;
    padding-top: 1px;
    color: #fff;
}
.dragshow{
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9999999999999999999999999999999999999999999999999999;
  background: #28943230;
  top: 0px;
  left: 0px;
  border: 4px solid #00f30c;
  display: none;
}
.cusboard{
  width: 94%;
  margin: auto;
  position: relative;
  top: -60px;
  border-radius: 7px;
  box-shadow: 0px 0px 3px 3px #bfbfbf87;
  height: 170px;
  background: #fff;
}
.csimg{
  position: relative;
  top: 2px;
}
.cusi{
  margin-right: 5px;
  margin-left: 5px;
  cursor: pointer;
}
.usch,.uschad{
  display: inline-block;
  width: 45%;
  max-width: 180px;
  border-radius: 5px;
  border: 1px solid lightgray;
  padding-bottom: 15px;
  margin: 5px;
}
.uschad{
  width: 90%; display: block; 
  margin: auto; padding-bottom: 10px; 
  margin-bottom: 15px;
  max-width: unset;
}
.usp{
  color: grey;
}
.active_mgs{
  background: #eaeaea;
}
.hide_text_overflo{
   overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.och{
  position: relative;
  top: 2px;
  left: -5px
}
.chat_seen{
  color: #0c96ff;
}
.chat_delevered{
  color: #8e8b8b;
}
.chat_failed{
  color: #f2f2f2;
  background: #ff1e1e;
  padding: 1px 4px;
  border-radius: 10px;
}
.rotate{
  position: relative;
  animation: rotate 400ms ease-out;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
}
@keyframes rotate{
  0%{transform: rotate(0deg);  }
  0%{transform: rotate(360deg);  }
}
.post_rec{
  
  animation: postrec 1300ms ease-in-out;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
}
.pre_rec{
  
  animation: prerec 1300ms ease-in-out;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;

}

@keyframes postrec{
  0%{ box-shadow: 0px 0px 3px 20px #a9cbb3b0; }
  50%{ box-shadow: 0px 0px 3px 0px #a9cbb3b0; }
  100%{ box-shadow: 0px 0px 3px 20px #a9cbb3b0; }
}

@keyframes prerec{
  0%{ box-shadow: 0px 0px 3px 0px #d29292b0; }
  100%{ box-shadow: 0px 0px 3px 20px #d29292b0; }
}
.chat_img_div{
      margin-bottom: 5px;
    text-align: center;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    overflow: hidden;
    border-bottom: 2px solid #cccccc29;
    cursor: pointer;
    background: #8f988f47;

}
.aud{
    position: relative;
    top: 2px;
    left: 10px;
    cursor: pointer;
    padding: 6px 6px 3px 5px;
    z-index: 2;
    background: #e3e3e3;
    background: #e3e3e385;
    border-radius: 10px;
}
.chat_img_div img{
  max-width: 500px;
}
.doic{
  width: 40px;
}
.doicf{
  width: calc(100% - 40px);
  padding: 5px;
  text-align: left;
}
.doic img{
  border-radius: 8px;
}
.min_mgs_icon{
  width: 15px;
  height: 15px;
  position: relative;
  top: 4px;
  margin-right: 4px;
  margin-top: -6px;
  background: #ffffff7a;
  border-radius: 3px;
  overflow: hidden;
}
.recdel{
  font-size: 22px;
  position: relative;
  top: -2px;
  color: grey;
}
.recArea{
  min-height: 100px; background: #fff; padding: 10px;
}


.loader_rec {
  width: 4px;
  height: 40px;
  border-radius: 4px;
  display: block;
  margin: 20px auto;
  position: relative;
  background: currentColor;
  color: green;
  box-sizing: border-box;
  animation: animloader 0.3s 0.3s linear infinite alternate;
}

.loader_rec::after, .loader_rec::before {
  content: '';
  width: 4px;
  height: 40px;
  border-radius: 4px;
  background: currentColor;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  box-sizing: border-box;
  animation: animloader 0.3s  0.45s  linear infinite alternate;
}

.tts .loader_rec, .tts .loader_rec::after, .tts .loader_rec::before {
  background:  #3094f8;
}


.loader_rec::before {
  left: -20px;
  animation-delay: 0s;
}

@keyframes animloader {
  0%   { height: 48px} 
  100% { height: 4px}
}
.recd{
  display: inline-block;width: 50px;
}
.rectime{
  width: 55px;
  height: 30px;
  top: 10px;
  padding: 4px;
  text-align: left;
  border-radius: 50%;
  position: relative;
  font-size: 14px;
  font-weight: 600;
  padding-top: 7px;
}
.nonoe{
  background: transparent;
  border: none;
  outline: none;
}
.bev{
  color: grey;
}
.gvad td{
  padding-top: 20px;
}
.chatb{
  position: fixed;
  bottom: 65px;
  right: -70px;
  width: 60px;
  z-index: 2;
  animation: chatb ease-out 10000ms;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
  animation-delay: 2s; cursor: pointer;
  display: none;
  transition: bottom 400ms;
  background: #d1d1d154;
  padding: 5px 4px 5px 6px;
  border-radius: 50%;
  border: 2px solid #d3d3d3;
}
@keyframes chatb{
  0%{ right:  -70px; transform: scale(0.1);}
  5%{ right:  15px;  transform: scale(0.5);}
  10%{transform: scale(1);}
  80%{ right:  15px; transform: scale(1);}
  85%{ right:  -70px;  transform: scale(0.1);}
  100%{ right:  -70px;}
}
.btnRls{
  border: none; 
  padding: 10px;

}
.buks{
  font-family: monospace;
  font-size: 1.4em;
  text-align: center;
}
.pagi{
  position: relative;
  top: -29px;
  right: 10px;
  color: #353535;
  font-size: 8px;
}
.buki{
  position: relative;
  top: 10px;
  left: 10px;
  font-size: 18px;
  color: #a3a3a3;
  opacity: 0.6;
}
.bukcon{
  position: relative;
  top: -30px;
  right: 20px;
}
.bulkr{
  background: #fff;
  color: #000;
}
.inm{
  font-size: 10px;
  position: relative;
  top: -3px;
}
.bkmo{
  position: relative;
  top: -20px;
  background: #7d7d7d12;
  padding: 3px 10px; cursor: pointer;
}
.bkmo i{
  color: #adadad;
}
.bukrec{
  position: relative;
  top: 10px;
  right: 9px; cursor: pointer;
  color: grey;
}
.copyi{
  position: relative;
  top: -27px;
  right: 0px;
  color: #000;
  background: #f3f3f3;
  padding: 8px 20px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  cursor: pointer;
}
.pside{
  position: fixed;
  top: 49px;
  right: 0px;
  width: 50%;
  max-width: 400px;
  padding: 15px 10px;
  background: #ffffff;
  z-index: 2;
  border-bottom-left-radius: 10px;
  box-shadow: -2px 3px 10px -6px #000;
}
.psrv{
  height: 40px; margin-bottom: 10px;
  border-bottom: 1px dashed lightgray;
  padding-top: 8px;
  cursor: pointer;
}
.lef{
  width: 40px;
}
.rit{
  width: calc(100% - 40px);
}
.chekcu{
  font-size: 11px;
  position: relative;
  top: -19px;
  right: 6px;
  color: #00ff00;
}
.puflo{
  width: 50%;
  border-right: 1px solid;
  height: 69px;
  padding-right: 10px;
}
.clear_default{
  padding: 0px; margin: 0px; box-sizing: border-box;
}
.country_holder{
  box-sizing: border-box;
}
.country_holder{
  position: fixed; top: 0px; height: 100%; width: 50%;
  background: #ffffff; left: 25%;
  z-index: 101;
  font-family: sans-serif;
  overflow-y: auto;
  font-size: 14px;
}
.country_back{
  width: 100%; height: 100%;
  position: fixed;top: 0px;
  z-index: 100;
  background: #000;
  opacity: 0.2;
  left: 0px;
}
.country_top{
  position: fixed;
  width: 50%;
  height: 80px; background: #fff;
  top: 0px;
  color: #767676;
}
.country_search{
  text-align: center;
  padding: 0px 10px 15px;
}
.country_search input{
  width: 100%;
  padding: 6px 20px;
  border: 1px solid #cac8c8;
  border-radius: 15px;
  outline: none;
  padding-left: 30px;
  background: #fff;
}
.c-s-l{
  padding: 10px 15px;
  cursor: pointer;
}
.country_list_holder{
  margin-top: 60px;
  padding: 20px 15px;
}
.c-img{
  width: 10%;
  text-align: left;
}
.c-img img{
  width: 25px;
    height: 24px;
    border: 1px solid #acacac;
    padding: 2px;
    border-radius: 50%;
}
.c-code{
  width: 20%;
  text-align: right;
  color: #020b0294;
    font-weight: 600;
}
.c-name{
  width: 70%;
}
.c-name div{
  padding: 1px;
  position: relative;
    top: 7px;
    z-index: -1
}
[flo]{
  float: left;
}
.e_c{
      clear: both;
    padding: 6px 0px;
    color: #616161;
    height: 30px;
    margin-bottom: 3px;
    cursor: pointer;
}
.nrf{
  text-align: center; padding-top: 30px; display: none;
}
.nrf p{
  color: grey; padding-top: 10px;
}
.nrf span{
  font-size: 60px;color: lightgrey
}
.d_c_list{
  display: none;
}
.copywallet{
  background: linear-gradient(179deg, #0c00ff, #091d97);
  padding: 5px 10px;
  border-radius: 10px;
  cursor: pointer;
  position: relative;
  top: -18px;
  color: #fff;
  box-shadow: 0px 0px 3px 2px #cdcdcd;
}
.pbtn{
  padding: 10px;border-radius: 5px;
  background: linear-gradient(182deg, #ffd200, #c1a103); 
  color: #000;
}
.copiam{
  position: relative;
  top: 0px;
  color: #7275ff;
  border: 1px solid #dddddd;
  padding: 5px;
  border-radius: 5px;
  font-size: 12px;
  cursor: pointer;
}
.rcr, .rcr1{
  position: relative;
  left: -23px;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #e9ecf5;
  top: 9px;
}
.rcr1{
  left: unset;
  right: calc(-100% + -2px);
}
.tline{
  border-bottom: 1px dashed #acabab;
  margin-top: 20px;
  margin-bottom: 20px;
}
.chatbak{
  position: fixed; width: 65.5%; height: 100%; top: 0px;
  left: 0px; opacity: 0.8; z-index: 0;
  background: url('../images/icon/bc.png'); 
  /*background-repeat:  no-repeat;*/
  background-size: contain; 
  background-position: center;
  left: 34.5%;
}
.indc{
    font-weight: 400;
    animation: indc 1000ms;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
    position: relative;
    top: -3px;
    font-size: 30px;
}
.num_area{
    color: #fff;
    color: lightgrey;
    font-size: 30px;
}
@keyframes indc{
    0%{color: #fff;}
    100%{ color: #394248; }
}
.numb{
    padding: 15px 0px;
    font-weight: 900;
    cursor: pointer;
}
.numb:hover, .numb:focus{
    background: #bcbcbc40;
    border-radius: 40px;
}
.smo{
    padding: 15px;
    position: fixed;
    width: 100%; height: 100%;
    left: 0px;
    top: 0px;
    z-index: 6;
    background: #fff;
    overflow: auto;
    overflow-x: hidden;
}
.pinhole{
  height: 30px;
  width: 30px;
  display: inline-block;
  background: transparent;
  margin: 5px;
  border-radius: 50%;
  border: 2px solid #d4d4d4;
}
.ccl{
  color: grey;
  font-size: 10px;
  background: #d3d3d352;
  padding: 2px 10px;
  border-radius: 10px;
  cursor: pointer;
}

.bfxz{
  background: var(--core_gray);
  top: 0px;
}
.topwa{
  box-shadow: 0px 8px 12px -8px #6a6a6a;
  margin: auto;
  width: 90%;
  overflow-x: hidden;
  border-radius: 20px;
}
.tvres p{
  font-weight: 500;
}
.ttsplay{
  border-radius: 50%;
  background: #ffffff00;
  margin-right: 4px;
  display: block;
  float: left;
  width: 30px;
  height: 30px;
  text-align: center;
  padding-top: 6px;
  border: 1px solid #c7c7c799;
}
.slidecontainer {
  width: 100%;
}

.sliderRange {
  -webkit-appearance: none;
  width: 100%;
  height: 15px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
  border-radius: 15px;
}

.sliderRange:hover {
  opacity: 1;
}

.sliderRange::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  background: #04AA6D;
  cursor: pointer;
  border-radius: 50%;
}

.sliderRange::-moz-range-thumb {
  width: 25px;
  height: 25px;
  background: #04AA6D;
  cursor: pointer;
}
.ttsc{
  position: relative;
  top: 0px;
  background: #fff;
  padding: 10px;
  padding-top: 20px;
  margin-top: 5px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  box-shadow: 0px 4px 9px -6px #7a7a7a;
  z-index: 1;
}
.speech_tag{
  background: #ffffff;
  color: #000;
  cursor: pointer;
}
.outps{
  box-shadow: 0px 0px 2px 2px #c4c4c4b5;
  margin-bottom: 20px;
  padding: 20px 10px;
  border-radius: 10px;
  background: linear-gradient(358deg, black, #343434);
  color: #fff;
}
.filsp{
  position: relative;
  width: 55%;
  height: 50px;
  background: #ffffff;
  right: -45%;
  border-bottom-left-radius: 80px;
  box-shadow: -2px 2px 2px 1px #c9c9c98c;
  top: 38px;
  margin-top: -38px;
  padding-left: 10px;
  padding-top: 5px;z-index: 1;
}
.filsp p{
  font-size:  8px;
}
.filsp  [w_50]{
  border-right: 1px solid #95959563;
  cursor: pointer;
}
.spcl{
  position: relative;
  top: 21px;
  border-radius: 50%;
  border: 1px solid #d3d3d3;
  padding: 1px 4px;
  color: #bdbdbd;
  cursor: pointer;
  font-size: 16px;
}

.is_recording{
  animation: isRecording 800ms ease-in-out;
  animation-delay: 200ms;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
}
@keyframes isRecording{
  0%{ color:  #b40200; }
  80%{ color:  #fc0300; }
  100%{ color:  #b40200; }
}
.ad_tb_trns td{
  padding: 2px 5px;
}
.svp{
  font-size: 20px;
  padding: 2px 5px;
  background: #e8ebff;
  border-radius: 5px;
  color: #001ab3;
  cursor: pointer;
}
.transdep{
  padding: 20px 0px;
  clear: both;
}
.transdep [right]{
  word-wrap: break-word;
}
.chm{
  position: relative;
  color: #150aff;
  top: -34px;
  font-size: 9px;
  right: -20px;
  background: #e6e6e680;
  padding: 3px 7px;
  border-radius: 6px;
  cursor: pointer;
}
.aaa{
  text-decoration: none;
  color:  unset;
}
.trnsr{
  display: inline-block;
  margin: 5px 1%;
  width: 46%;
  max-width: 200px;
  height: 40px;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0px 7px 6px -6px #868686cf;
  border: 1px solid #b4b4b42b;


}
.trnsr p{
  padding-top: 14px;
  text-align: left;
  padding-left: 40px;
  font-size: 12px;
}
.robt{
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: linear-gradient(151deg, #ff9304, #c96300f2);
  text-align: center;
  position: relative;
  top: 7px;
  left: 8px; 
  color: #fff;
}
.robt i{
  font-size: 12px;
  position: relative;
  top: 2px;
}
.cmms{
  background: #ffffff;
  width: 90%;
  margin: auto;
  margin-top: 50px;
  box-shadow: 0px 0px 26px -8px #000;
  border-radius: 4px;
  color: #000;
}
.bgcc{
  background: #00198340; position: fixed;
  top: 0px; width: 100%;
  height: 100%; z-index: 1; left: 0px;
}
.vou{
    background: linear-gradient(26deg, #00236f, #0977af, #470000);
    padding: 20px 15px;
    border-radius: 10px;
    color: #fff;
}
.bac{
  background: #fff;
  color: #000;
}
.nftback{
  background: #e9ecf5;
}
.splide__arrow {
    display: none;
}
.pstay{
  background: #fff;
  font-size: 12px;
  padding: 5px 15px;
  border-radius: 10px;
  position: relative;
  right: 44px;
  top: 76px;
}
.netw, .datalist {
  padding: 5px;
  border: 1px solid #363636;
  border-radius: 14px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  width: 23.3%;
  cursor: pointer;
  margin-left: 1px;
  margin-right: 4px;
  overflow: hidden;
}
.netw .blur_load_box {
  min-height: 54px;
}
.data_inp{
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 2px;
  padding: 10px 15px;
  padding-left: 55px;
  margin-top: 4px;
  background: transparent; position: relative; z-index: 1
}
.datalist{
  width: 31%;
  padding: 0px;
  text-align: center;
  border-radius: 10px;
  border: 1px solid #cacaca;
  background: linear-gradient(180deg, black, #000d72);
  height: 160px;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  float: left;
  margin-bottom: 20px;
  color: #fff;
  margin-left: 3px;
}
.datainfo{
  background: #fff;
  color: #000;
  padding: 1px 5px 5px;
}
.datatxt{
  position: relative; top: -34px; left: 55px; z-index: 0;
  opacity: 1;
}
.data_inp:valid + div .datatxt{
  opacity: 0;
}
.dcl1,.dcl2,.dcl3,.dcl4{
  padding: 5px;
  color: #fff;
}
.dcl1{
  background: #ffd800;
  color: #000;
}
.dcl2{
  background: #009c06;
}
.dcl3{
  background: #ff0101;
}
.dcl4{
  background: #004a02;
}
.hidecurData .dcl1, .hidecurData .dcl2, .hidecurData .dcl3, .hidecurData .dcl4{
  /*padding-top: 34px !important;*/
  height: 36px;
}
.datic{
  width: 26px;
  height: 26px;
  border-radius: 50%;
  padding: 2px;
  border: 3px solid #fff;
  position: relative;
  top: 5px;
}
.ddur{
  font-weight: 500 !important;
}
.poparar .datalist{
  color: unset;
  border: 1px solid #eaeaea;
  background: linear-gradient(180deg, #81818121, #ffffff00);
  height: 172px;
}
.poparar .ddur{
  padding-top: 15px !important;
}




/*added ces*/
.chatme{
  position: fixed;
  width: 270px;
  background: #fff;
  z-index: 3;
  border-radius: 10px;
  top: 53px;
  right: 5px;
  box-shadow: -2px 3px 12px -6px #7b7b7b;
  padding: 10px 0px;
}
.chatme p{
  padding: 16px 30px;
  font-size: 14px;
  cursor: pointer;
}
.chatme span{
  padding-left: 10px;
}
.chatme i{
  font-size: 16px;
}
.cbtn{
  padding: unset;
    top: -31px;
    position: relative;
    background: linear-gradient(353deg, #000000, #626262);
    font-size: 10px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.list_iii{
  padding: 5px 8px;
  background: #000;
  color: #fff;
  border-radius: 5px;
  font-size: 13px;
  position: relative;
  top: 12px;
}
.catt{
  background: #efefef;
  margin-top: 11px;
  display: inline-block;
  border-radius: 50%;
  color: #8d8d8d;
  width: 36px;
  height: 36px;
  padding-top: 8px;
  text-align: center;
  border: 2px solid #fff;
  box-shadow: 0px 0px 2px 4px #f5f5f5;
  cursor: pointer;
}
[data-searchable-current="1"] {
  /*border: 2px solid #FF9800;*/
}
[data-scroll-current="1"] {
  /*border: 2px solid #000;*/
}
.message{
      max-height: 700px;
    overflow: hidden;
}


















#shareContent, #shareContent_alt{
  padding-top: 30px;
}
.shrcircle, .cirin {
  margin: auto;
  position: relative;
  width: 80px;
  height: 80px;
  background: #fff;
  border-radius: 50%;
  top: -64px;
  font-size: 40px;
}
.cirin{
  background: var(--dark_red);
  margin: auto;
  position: relative;
  width: 66px;
  height: 66px;
  border-radius: 50%;
  top: 7px;
  color: #fff;
  text-align: center;
  padding-top: 10px;
}
#shareArea, #shareArea_alt {
  margin: auto;
  position: fixed;
  bottom: 0;
  left: 20%;
  width: 60%;
  max-height: 90%;
  background-color: white;
  transition: max-height 0.2s ease-out;
  border-top-left-radius: 35px;
  border-top-right-radius: 35px;
  z-index: 5;
  display: none;
}
#shareArea_alt{
  overflow: auto;
}
.shrBack,.shrBack_alt{
  position: fixed;
  top: 0px;
  height: 100%;
  width: 100%;
  background: #00000024;
  display: none;
  z-index: 4;
  backdrop-filter: saturate(180%) blur(10px);
  -webkit-backdrop-filter: saturate(180%) blur(10px);
}

#shareContainer, #shareContainer_alt {
  padding: 20px;
}

.shr_span{
  position: relative;
  top: -24px;
  color: grey;
  font-weight: 500;
  right: 8px;
}
#controller {
  width: 30px;
  height: 4px;
  background-color: #a7a7a7;
  margin: 10px auto;
}

.blur_load_wide{
    background-image: url("../images/icon/blurwide.png");                
}
.blur_load_box{
    background-image: url("../images/icon/blur.jpg");
}
.blur_load_wide, .blur_load_box{
     background-size: cover;
    background-position: center;
}
.blur_load_wide.loaded,.blur_load_box.loaded {
    background-image: unset;
}
.blur_load_wide.loaded img,.blur_load_box.loaded img{
    opacity: 1;
}
.blur_load_wide img, .blur_load_box img{
    opacity: 0;
    transition: opacity 200ms ease-in-out;
}
.mobile{
  display: none;
}









@media only screen and (max-width: 767px){
.desk{
  display: none !important;
}
.mobile{
  display: unset;
}
.main_content{
  width: 100%;
  margin-left: 0px;
  display: none;
}
.menu_info {
  position: unset;
  padding-top: 45px;
  left: 0px;
    width: 100%;
}

.side_box_expand {
    width: 90%;
}
.gap, .side_box_expand .gap {
    height: 25px;
    background: #efefef;
    margin-top: 5px;
    margin-bottom: 15px;
}
.box_line {
    width: 90%;
}
.mif{
  display: none;
}
.nftpop{
  text-align: right;
  padding-left: 0px;
}

.shadow_pop{
  width: 90%;
  top: 40px;
  left: 15px;
  bottom: 52px;
}
.bttm{
  width: 100%;
  
}
.hide_mobile_content{
  display: none;
}
.hboard{
  width: 94%;
  margin: auto;
}
.hae{
  width:100%; margin: auto;
}
.btm_nav{
  width: 100%;
  left: 0px;
}
.usarb {
    margin-left: unset;
    margin: auto;
    margin-top: 15px;
    width: 98%;
}
.mtb {
  padding-top: 25px;
  margin-top: 45px;
  border-top: 5px solid #dfdfdfd1;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
#shareArea, #shareArea_alt {
  left: 0px;
  width: 100%;
}
.vem iframe{
      min-height: 186px;
}
.bifx{
  width: 100%;
}
.buysort{
  width: 94%;
  left: 3%;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}
.deptop{
  width: 100%;
  top: 45px;
  background: #fff;
  border: 1px solid lightgray;
}
.pbox{
  width: 100%;
}


.chattop{
  top: 0px;
}
.p2p{
  top: 0px;
}
.cp2p{
  bottom: 0px;
  top: unset;
  height: unset;
}
.textarea{
  max-height: 160px;
}

.country_holder{
  width: 100%;
   left: 0px;
}
.country_top{
  width: 100%;
}
.chatbak{
  width: 100%; left: 0px;
}
[w_ma_60]{
  width: 100%;
}



}


/*yellow #fecf18
/*dark #282828*/

/*red 1 #e10200*/
/*red 2 #bf0807*/