.saved_ok {
  position: fixed !important;
  top: 20px !important;           /* üstten boşluk */
  left: 50% !important;           /* yatay ortalama */
  transform: translateX(-50%);    /* sadece yatay ortalama */
  color: #fff;
  padding: 10px 20px;
  font-size: 15px;
  border-radius: 6px;
  z-index: 9999;
  max-width: 90vw;
  width: auto !important;
  height: auto !important;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: normal;
  animation: blinkAndSlide 3.2s ease-in-out forwards;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
}
.saved_error {
  position: fixed !important;
  top: 20px !important;           /* üstten boşluk */
  left: 50% !important;           /* yatay ortalama */
  transform: translateX(-50%);    /* sadece yatay ortalama */
  color: #fff;
  padding: 10px 20px;
  font-size: 15px;
  border-radius: 6px;
  z-index: 9999;
  max-width: 90vw;
  width: auto !important;
  height: auto !important;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: normal;
  animation: callsaved 3.2s ease-in-out forwards;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
}
@keyframes callsaved {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  20% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  60% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  90% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-100%);
  }
}
    .buton-container {
      display: flex;
      gap: 20px;
    }
  .indir-buton {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 15px;
    background: #fff;
    color: #2a5298;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    border-radius: 12px;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
}
    .indir-buton:hover {
      transform: translateY(-4px);
      box-shadow: 0 10px 20px rgba(0,0,0,0.3);
    }
    .indir-buton svg {
      width: 24px;
      height: 24px;
      fill: #2a5298;
    }
	
	
.ucard {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ccccd5;
    padding: 8px 12px;
    margin: 6px 0;
    border-radius: 8px;
    box-shadow: 0 3px 8px rgba(0,0,0,0.25);
    flex-wrap: wrap;
}

.ucard:hover { background: #292940; }

/* Avatar */
.ucard_avatar {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;
    flex-shrink: 0;
}

.ucard_avatar img.avav { width: 100%; height: 100%; object-fit: cover; }

/* Kullanıcı bilgisi */
.ucard_info {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 120px;
    margin-right: 10px;
}

.ucard_info p.username {margin: 0;font-weight: bold;font-size: 14px;color: #000000;}

.uc_ipinfo {font-size: 12px;color: #007bff;margin-top: 2px;}

/* IP Ä°zle butonu */
.uc_ipwatch {
    background: #3498db;
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 2px 6px;
    font-size: 11px;
    cursor: pointer;
    transition: 0.2s;
    margin-left: 4px;
}

.uc_ipwatch:hover { background: #2980b9; }

/* İşlem butonları */
.ucard_actions {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    margin: 3px;
}

.uc_onay, .uc_reddet, .uc_ban, .uc_sil {
    padding: 3px 6px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
    transition: 0.2s;
    display: inline-block;
    text-align: center;
}

.uc_onay { background: #0ec526; color: #fff; }
.uc_onay:hover { background: #0ab21e; }

.uc_reddet { background: #c50e0e; color: #fff; }
.uc_reddet:hover { background: #a50b0b; }

.uc_ban { background: #000; color: #fff; }
.uc_ban:hover { background: #111; }

.uc_sil {background: #ffb300;color: #fff;width:50px;padding: 5px;width: 50px !important;}
.uc_sil:hover { background: #e6a500; }

/* Responsive */
@media (max-width: 600px) {
    .ucard { flex-direction: column; align-items: flex-start; }
    .ucard_actions { width: 100%; gap: 4px; margin-top: 6px; }
    .uc_onay, .uc_reddet, .uc_ban, .uc_sil {width: 100%;font-size: 11px;padding: 5px;}
    .ucard_info { width: 100%; margin-right: 0; }
}



.nickboyut1 { font-size: 15px; }
.nickboyut2 { font-size: 16px; }
.nickboyut3 { font-size: 17px; }
.nickboyut4 { font-size: 18px; }
.nickboyut5 { font-size: 19px; }
.nickboyut6 { font-size: 20px; }
.nickboyut7 { font-size: 21px; }
.nickboyut8 { font-size: 22px; }
.nickboyut9 { font-size: 23px; }
.nickboyut10 { font-size: 24px; }
.nickboyut11 { font-size: 25px; }
.nickboyut12 { font-size: 26px; }
.nickboyut13 { font-size: 27px; }
.nickboyut14 { font-size: 28px; }
.nickboyut15 { font-size: 29px; }
.nickboyut16 { font-size: 30px; }
.ncolor1 {
  color: rgb(255, 51, 51);
  text-shadow: rgb(255, 51, 51) 0px 0px 5px, rgb(255, 51, 51) 0px 0px 5px,
    rgb(255, 51, 51) 0px 0px 5px;
}
.ncolor2 {
  color: rgb(255, 102, 51);
  text-shadow: rgb(255, 102, 51) 0px 0px 5px, rgb(255, 102, 51) 0px 0px 5px,
    rgb(255, 102, 51) 0px 0px 5px;
}
.ncolor3 {
  color: rgb(255, 153, 51);
  text-shadow: rgb(255, 153, 51) 0px 0px 5px, rgb(255, 153, 51) 0px 0px 5px,
    rgb(255, 153, 51) 0px 0px 5px;
}
.ncolor4 {
  color: rgb(255, 204, 51);
  text-shadow: rgb(255, 204, 51) 0px 0px 5px, rgb(255, 204, 51) 0px 0px 5px,
    rgb(255, 204, 51) 0px 0px 5px;
}
.ncolor5 {
  color: rgb(204, 204, 0);
  text-shadow: rgb(204, 204, 0) 0px 0px 5px, rgb(204, 204, 0) 0px 0px 5px,
    rgb(204, 204, 0) 0px 0px 5px;
}
.ncolor6 {
  color: rgb(153, 204, 0);
  text-shadow: rgb(153, 204, 0) 0px 0px 5px, rgb(153, 204, 0) 0px 0px 5px,
    rgb(153, 204, 0) 0px 0px 5px;
}
.ncolor7 {
  color: rgb(89, 179, 0);
  text-shadow: rgb(89, 179, 0) 0px 0px 5px, rgb(89, 179, 0) 0px 0px 5px,
    rgb(89, 179, 0) 0px 0px 5px;
}
.ncolor8 {
  color: rgb(130, 147, 86);
  text-shadow: rgb(130, 147, 86) 0px 0px 5px, rgb(130, 147, 86) 0px 0px 5px,
    rgb(130, 147, 86) 0px 0px 5px;
}
.ncolor9 {
  color: rgb(0, 128, 0);
  text-shadow: rgb(0, 128, 0) 0px 0px 5px, rgb(0, 128, 0) 0px 0px 5px,
    rgb(0, 128, 0) 0px 0px 5px;
}
.ncolor10 {
  color: rgb(0, 230, 57);
  text-shadow: rgb(0, 230, 57) 0px 0px 5px, rgb(0, 230, 57) 0px 0px 5px,
    rgb(0, 230, 57) 0px 0px 5px;
}
.ncolor11 {
  color: rgb(0, 230, 115);
  text-shadow: rgb(0, 230, 115) 0px 0px 5px, rgb(0, 230, 115) 0px 0px 5px,
    rgb(0, 230, 115) 0px 0px 5px;
}
.ncolor12 {
  color: rgb(0, 230, 172);
  text-shadow: rgb(0, 230, 172) 0px 0px 5px, rgb(0, 230, 172) 0px 0px 5px,
    rgb(0, 230, 172) 0px 0px 5px;
}
.ncolor13 {
  color: rgb(0, 204, 204);
  text-shadow: rgb(0, 204, 204) 0px 0px 5px, rgb(0, 204, 204) 0px 0px 5px,
    rgb(0, 204, 204) 0px 0px 5px;
}
.ncolor14 {
  color: rgb(3, 173, 216);
  text-shadow: rgb(3, 173, 216) 0px 0px 5px, rgb(3, 173, 216) 0px 0px 5px,
    rgb(3, 173, 216) 0px 0px 5px;
}
.ncolor15 {
  color: rgb(51, 102, 255);
  text-shadow: rgb(51, 102, 255) 0px 0px 5px, rgb(51, 102, 255) 0px 0px 5px,
    rgb(51, 102, 255) 0px 0px 5px;
}
.ncolor16 {
  color: rgb(16, 120, 150);
  text-shadow: rgb(16, 120, 150) 0px 0px 5px, rgb(16, 120, 150) 0px 0px 5px,
    rgb(16, 120, 150) 0px 0px 5px;
}
.ncolor17 {
  color: rgb(0, 77, 153);
  text-shadow: rgb(0, 77, 153) 0px 0px 5px, rgb(0, 77, 153) 0px 0px 5px,
    rgb(0, 77, 153) 0px 0px 5px;
}
.ncolor18 {
  color: rgb(102, 51, 255);
  text-shadow: rgb(102, 51, 255) 0px 0px 5px, rgb(102, 51, 255) 0px 0px 5px,
    rgb(102, 51, 255) 0px 0px 5px;
}
.ncolor19 {
  color: rgb(153, 51, 255);
  text-shadow: rgb(153, 51, 255) 0px 0px 5px, rgb(153, 51, 255) 0px 0px 5px,
    rgb(153, 51, 255) 0px 0px 5px;
}
.ncolor20 {
  color: rgb(204, 51, 255);
  text-shadow: rgb(204, 51, 255) 0px 0px 5px, rgb(204, 51, 255) 0px 0px 5px,
    rgb(204, 51, 255) 0px 0px 5px;
}
.ncolor21 {
  color: rgb(255, 51, 255);
  text-shadow: rgb(255, 51, 255) 0px 0px 5px, rgb(255, 51, 255) 0px 0px 5px,
    rgb(255, 51, 255) 0px 0px 5px;
}
.ncolor22 {
  color: rgb(255, 51, 204);
  text-shadow: rgb(255, 51, 204) 0px 0px 5px, rgb(255, 51, 204) 0px 0px 5px,
    rgb(255, 51, 204) 0px 0px 5px;
}
.ncolor23 {
  color: rgb(255, 51, 153);
  text-shadow: rgb(255, 51, 153) 0px 0px 5px, rgb(255, 51, 153) 0px 0px 5px,
    rgb(255, 51, 153) 0px 0px 5px;
}
.ncolor24 {
  color: rgb(255, 51, 102);
  text-shadow: rgb(255, 51, 102) 0px 0px 5px, rgb(255, 51, 102) 0px 0px 5px,
    rgb(255, 51, 102) 0px 0px 5px;
}
.ncolor25 {
  color: #0042c4;
  text-shadow: #0042c4 0px 0px 5px, #0042c4 0px 0px 5px, #0042c4 0px 0px 5px;
}
.ncolor26 {
  color: #8b00d1;
  text-shadow: #8b00d1 0px 0px 5px, #8b00d1 0px 0px 5px, #8b00d1 0px 0px 5px;
}
.ncolor27 {
  color: #b92eff;
  text-shadow: #b92eff 0px 0px 5px, #b92eff 0px 0px 5px, #b92eff 0px 0px 5px;
}
.ncolor28 {
  color: #df2e8c;
  text-shadow: #df2e8c 0px 0px 5px, #df2e8c 0px 0px 5px, #df2e8c 0px 0px 5px;
}
.ncolor29 {
  color: #fb832e;
  text-shadow: #fb832e 0px 0px 5px, #fb832e 0px 0px 5px, #fb832e 0px 0px 5px;
}
.ncolor30 {
  color: #000;
  text-shadow: #000 0px 0px 5px, #000 0px 0px 5px, #000 0px 0px 5px;
}
.ncolor31 {
  color: #007700;
  text-shadow: #007700 0px 0px 5px, #007700 0px 0px 5px, #007700 0px 0px 5px;
}
.ncolor32 {
  color: #751e1e;
  text-shadow: #751e1e 0px 0px 5px, #751e1e 0px 0px 5px, #751e1e 0px 0px 5px;
}

.n2color1 {
  color: #fff;
  text-shadow: rgb(255, 51, 51) 0px 0px 5px, rgb(255, 51, 51) 0px 0px 5px,
    rgb(255, 51, 51) 0px 0px 5px;
}
.n2color2 {
  color: #fff;
  text-shadow: rgb(255, 102, 51) 0px 0px 5px, rgb(255, 102, 51) 0px 0px 5px,
    rgb(255, 102, 51) 0px 0px 5px;
}
.n2color3 {
  color: #fff;
  text-shadow: rgb(255, 153, 51) 0px 0px 5px, rgb(255, 153, 51) 0px 0px 5px,
    rgb(255, 153, 51) 0px 0px 5px;
}
.n2color4 {
  color: #fff;
  text-shadow: rgb(255, 204, 51) 0px 0px 5px, rgb(255, 204, 51) 0px 0px 5px,
    rgb(255, 204, 51) 0px 0px 5px;
}
.n2color5 {
  color: #fff;
  text-shadow: rgb(204, 204, 0) 0px 0px 5px, rgb(204, 204, 0) 0px 0px 5px,
    rgb(204, 204, 0) 0px 0px 5px;
}
.n2color6 {
  color: #fff;
  text-shadow: rgb(153, 204, 0) 0px 0px 5px, rgb(153, 204, 0) 0px 0px 5px,
    rgb(153, 204, 0) 0px 0px 5px;
}
.n2color7 {
  color: #fff;
  text-shadow: rgb(89, 179, 0) 0px 0px 5px, rgb(89, 179, 0) 0px 0px 5px,
    rgb(89, 179, 0) 0px 0px 5px;
}
.n2color8 {
  color: #fff;
  text-shadow: rgb(130, 147, 86) 0px 0px 5px, rgb(130, 147, 86) 0px 0px 5px,
    rgb(130, 147, 86) 0px 0px 5px;
}
.n2color9 {
  color: #fff;
  text-shadow: rgb(0, 128, 0) 0px 0px 5px, rgb(0, 128, 0) 0px 0px 5px,
    rgb(0, 128, 0) 0px 0px 5px;
}
.n2color10 {
  color: #fff;
  text-shadow: rgb(0, 230, 57) 0px 0px 5px, rgb(0, 230, 57) 0px 0px 5px,
    rgb(0, 230, 57) 0px 0px 5px;
}
.n2color11 {
  color: #fff;
  text-shadow: rgb(0, 230, 115) 0px 0px 5px, rgb(0, 230, 115) 0px 0px 5px,
    rgb(0, 230, 115) 0px 0px 5px;
}
.n2color12 {
  color: #fff;
  text-shadow: rgb(0, 230, 172) 0px 0px 5px, rgb(0, 230, 172) 0px 0px 5px,
    rgb(0, 230, 172) 0px 0px 5px;
}
.n2color13 {
  color: #fff;
  text-shadow: rgb(0, 204, 204) 0px 0px 5px, rgb(0, 204, 204) 0px 0px 5px,
    rgb(0, 204, 204) 0px 0px 5px;
}
.n2color14 {
  color: #fff;
  text-shadow: rgb(3, 173, 216) 0px 0px 5px, rgb(3, 173, 216) 0px 0px 5px,
    rgb(3, 173, 216) 0px 0px 5px;
}
.n2color15 {
  color: #fff;
  text-shadow: rgb(51, 102, 255) 0px 0px 5px, rgb(51, 102, 255) 0px 0px 5px,
    rgb(51, 102, 255) 0px 0px 5px;
}
.n2color16 {
  color: #fff;
  text-shadow: rgb(16, 120, 150) 0px 0px 5px, rgb(16, 120, 150) 0px 0px 5px,
    rgb(16, 120, 150) 0px 0px 5px;
}
.n2color17 {
  color: #fff;
  text-shadow: rgb(0, 77, 153) 0px 0px 5px, rgb(0, 77, 153) 0px 0px 5px,
    rgb(0, 77, 153) 0px 0px 5px;
}
.n2color18 {
  color: #fff;
  text-shadow: rgb(102, 51, 255) 0px 0px 5px, rgb(102, 51, 255) 0px 0px 5px,
    rgb(102, 51, 255) 0px 0px 5px;
}
.n2color19 {
  color: #fff;
  text-shadow: rgb(153, 51, 255) 0px 0px 5px, rgb(153, 51, 255) 0px 0px 5px,
    rgb(153, 51, 255) 0px 0px 5px;
}
.n2color20 {
  color: #fff;
  text-shadow: rgb(204, 51, 255) 0px 0px 5px, rgb(204, 51, 255) 0px 0px 5px,
    rgb(204, 51, 255) 0px 0px 5px;
}
.n2color21 {
  color: #fff;
  text-shadow: rgb(255, 51, 255) 0px 0px 5px, rgb(255, 51, 255) 0px 0px 5px,
    rgb(255, 51, 255) 0px 0px 5px;
}
.n2color22 {
  color: #fff;
  text-shadow: rgb(255, 51, 204) 0px 0px 5px, rgb(255, 51, 204) 0px 0px 5px,
    rgb(255, 51, 204) 0px 0px 5px;
}
.n2color23 {
  color: #fff;
  text-shadow: rgb(255, 51, 153) 0px 0px 5px, rgb(255, 51, 153) 0px 0px 5px,
    rgb(255, 51, 153) 0px 0px 5px;
}
.n2color24 {
  color: #fff;
  text-shadow: rgb(255, 51, 102) 0px 0px 5px, rgb(255, 51, 102) 0px 0px 5px,
    rgb(255, 51, 102) 0px 0px 5px;
}
.n2color25 {
  color: #fff;
  text-shadow: #0042c4 0px 0px 5px, #0042c4 0px 0px 5px, #0042c4 0px 0px 5px;
}
.n2color26 {
  color: #fff;
  text-shadow: #8b00d1 0px 0px 5px, #8b00d1 0px 0px 5px, #8b00d1 0px 0px 5px;
}
.n2color27 {
  color: #fff;
  text-shadow: #b92eff 0px 0px 5px, #b92eff 0px 0px 5px, #b92eff 0px 0px 5px;
}
.n2color28 {
  color: #fff;
  text-shadow: #df2e8c 0px 0px 5px, #df2e8c 0px 0px 5px, #df2e8c 0px 0px 5px;
}
.n2color29 {
  color: #fff;
  text-shadow: #fb832e 0px 0px 5px, #fb832e 0px 0px 5px, #fb832e 0px 0px 5px;
}
.n2color30 {
  color: #fff;
  text-shadow: #000 0px 0px 5px, #000 0px 0px 5px, #000 0px 0px 5px;
}
.n2color31 {
  color: #fff;
  text-shadow: #007700 0px 0px 5px, #007700 0px 0px 5px, #007700 0px 0px 5px;
}
.n2color32 {
  color: #fff;
  text-shadow: #751e1e 0px 0px 5px, #751e1e 0px 0px 5px, #751e1e 0px 0px 5px;
}

.n3color1 {
  color: #000;
  text-shadow: rgb(255, 51, 51) 0px 0px 5px, rgb(255, 51, 51) 0px 0px 5px,
    rgb(255, 51, 51) 0px 0px 5px;
}
.n3color2 {
  color: #000;
  text-shadow: rgb(255, 102, 51) 0px 0px 5px, rgb(255, 102, 51) 0px 0px 5px,
    rgb(255, 102, 51) 0px 0px 5px;
}
.n3color3 {
  color: #000;
  text-shadow: rgb(255, 153, 51) 0px 0px 5px, rgb(255, 153, 51) 0px 0px 5px,
    rgb(255, 153, 51) 0px 0px 5px;
}
.n3color4 {
  color: #000;
  text-shadow: rgb(255, 204, 51) 0px 0px 5px, rgb(255, 204, 51) 0px 0px 5px,
    rgb(255, 204, 51) 0px 0px 5px;
}
.n3color5 {
  color: #000;
  text-shadow: rgb(204, 204, 0) 0px 0px 5px, rgb(204, 204, 0) 0px 0px 5px,
    rgb(204, 204, 0) 0px 0px 5px;
}
.n3color6 {
  color: #000;
  text-shadow: rgb(153, 204, 0) 0px 0px 5px, rgb(153, 204, 0) 0px 0px 5px,
    rgb(153, 204, 0) 0px 0px 5px;
}
.n3color7 {
  color: #000;
  text-shadow: rgb(89, 179, 0) 0px 0px 5px, rgb(89, 179, 0) 0px 0px 5px,
    rgb(89, 179, 0) 0px 0px 5px;
}
.n3color8 {
  color: #000;
  text-shadow: rgb(130, 147, 86) 0px 0px 5px, rgb(130, 147, 86) 0px 0px 5px,
    rgb(130, 147, 86) 0px 0px 5px;
}
.n3color9 {
  color: #000;
  text-shadow: rgb(0, 128, 0) 0px 0px 5px, rgb(0, 128, 0) 0px 0px 5px,
    rgb(0, 128, 0) 0px 0px 5px;
}
.n3color10 {
  color: #000;
  text-shadow: rgb(0, 230, 57) 0px 0px 5px, rgb(0, 230, 57) 0px 0px 5px,
    rgb(0, 230, 57) 0px 0px 5px;
}
.n3color11 {
  color: #000;
  text-shadow: rgb(0, 230, 115) 0px 0px 5px, rgb(0, 230, 115) 0px 0px 5px,
    rgb(0, 230, 115) 0px 0px 5px;
}
.n3color12 {
  color: #000;
  text-shadow: rgb(0, 230, 172) 0px 0px 5px, rgb(0, 230, 172) 0px 0px 5px,
    rgb(0, 230, 172) 0px 0px 5px;
}
.n3color13 {
  color: #000;
  text-shadow: rgb(0, 204, 204) 0px 0px 5px, rgb(0, 204, 204) 0px 0px 5px,
    rgb(0, 204, 204) 0px 0px 5px;
}
.n3color14 {
  color: #000;
  text-shadow: rgb(3, 173, 216) 0px 0px 5px, rgb(3, 173, 216) 0px 0px 5px,
    rgb(3, 173, 216) 0px 0px 5px;
}
.n3color15 {
  color: #000;
  text-shadow: rgb(51, 102, 255) 0px 0px 5px, rgb(51, 102, 255) 0px 0px 5px,
    rgb(51, 102, 255) 0px 0px 5px;
}
.n3color16 {
  color: #000;
  text-shadow: rgb(16, 120, 150) 0px 0px 5px, rgb(16, 120, 150) 0px 0px 5px,
    rgb(16, 120, 150) 0px 0px 5px;
}
.n3color17 {
  color: #000;
  text-shadow: rgb(0, 77, 153) 0px 0px 5px, rgb(0, 77, 153) 0px 0px 5px,
    rgb(0, 77, 153) 0px 0px 5px;
}
.n3color18 {
  color: #000;
  text-shadow: rgb(102, 51, 255) 0px 0px 5px, rgb(102, 51, 255) 0px 0px 5px,
    rgb(102, 51, 255) 0px 0px 5px;
}
.n3color19 {
  color: #000;
  text-shadow: rgb(153, 51, 255) 0px 0px 5px, rgb(153, 51, 255) 0px 0px 5px,
    rgb(153, 51, 255) 0px 0px 5px;
}
.n3color20 {
  color: #000;
  text-shadow: rgb(204, 51, 255) 0px 0px 5px, rgb(204, 51, 255) 0px 0px 5px,
    rgb(204, 51, 255) 0px 0px 5px;
}
.n3color21 {
  color: #000;
  text-shadow: rgb(255, 51, 255) 0px 0px 5px, rgb(255, 51, 255) 0px 0px 5px,
    rgb(255, 51, 255) 0px 0px 5px;
}
.n3color22 {
  color: #000;
  text-shadow: rgb(255, 51, 204) 0px 0px 5px, rgb(255, 51, 204) 0px 0px 5px,
    rgb(255, 51, 204) 0px 0px 5px;
}
.n3color23 {
  color: #000;
  text-shadow: rgb(255, 51, 153) 0px 0px 5px, rgb(255, 51, 153) 0px 0px 5px,
    rgb(255, 51, 153) 0px 0px 5px;
}
.n3color24 {
  color: #000;
  text-shadow: rgb(255, 51, 102) 0px 0px 5px, rgb(255, 51, 102) 0px 0px 5px,
    rgb(255, 51, 102) 0px 0px 5px;
}
.n3color25 {
  color: #000;
  text-shadow: #0042c4 0px 0px 5px, #0042c4 0px 0px 5px, #0042c4 0px 0px 5px;
}
.n3color26 {
  color: #000;
  text-shadow: #8b00d1 0px 0px 5px, #8b00d1 0px 0px 5px, #8b00d1 0px 0px 5px;
}
.n3color27 {
  color: #000;
  text-shadow: #b92eff 0px 0px 5px, #b92eff 0px 0px 5px, #b92eff 0px 0px 5px;
}
.n3color28 {
  color: #000;
  text-shadow: #df2e8c 0px 0px 5px, #df2e8c 0px 0px 5px, #df2e8c 0px 0px 5px;
}
.n3color29 {
  color: #000;
  text-shadow: #fb832e 0px 0px 5px, #fb832e 0px 0px 5px, #fb832e 0px 0px 5px;
}
.n3color30 {
  color: #000;
  text-shadow: #fff 0px 0px 5px, #fff 0px 0px 5px, #fff 0px 0px 5px;
}
.n3color31 {
  color: #000;
  text-shadow: #007700 0px 0px 5px, #007700 0px 0px 5px, #007700 0px 0px 5px;
}
.n3color32 {
  color: #000;
  text-shadow: #751e1e 0px 0px 5px, #751e1e 0px 0px 5px, #751e1e 0px 0px 5px;
}

/* color */
.bcolorad1 {
  color: #ff3333;
}
.bcolorad2 {
  color: #ff6633;
}
.bcolorad3 {
  color: #ff9933;
}
.bcolorad4 {
  color: #ffcc33;
}
.bcolorad5 {
  color: #cccc00;
}
.bcolorad6 {
  color: #99cc00;
}
.bcolorad7 {
  color: #59b300;
}
.bcolorad8 {
  color: #829356;
}
.bcolorad9 {
  color: #008000;
}
.bcolorad10 {
  color: #00e639;
}
.bcolorad11 {
  color: #00e673;
}
.bcolorad12 {
  color: #00e6ac;
}
.bcolorad13 {
  color: #00cccc;
}
.bcolorad14 {
  color: #03add8;
}
.bcolorad15 {
  color: #3366ff;
}
.bcolorad16 {
  color: #107896;
}
.bcolorad17 {
  color: #004d99;
}
.bcolorad18 {
  color: #6633ff;
}
.bcolorad19 {
  color: #9933ff;
}
.bcolorad20 {
  color: #cc33ff;
}
.bcolorad21 {
  color: #ff33ff;
}
.bcolorad22 {
  color: #ff33cc;
}
.bcolorad23 {
  color: #ff3399;
}
.bcolorad24 {
  color: #ff3366;
}
.bcolorad25 {
  color: #0042c4;
}
.bcolorad26 {
  color: #8b00d1;
}
.bcolorad27 {
  color: #b92eff;
}
.bcolorad28 {
  color: #df2e8c;
}
.bcolorad29 {
  color: #fb832e;
}
.bcolorad30 {
  color: #e3abab;
}
.bcolorad31 {
  color: #007700;
}
.bcolorad32 {
  color: #000000;
}

/* background colors ,norml,neon,background */
.colbgad1 {
  background: #ff3333;
}
.colbgad2 {
  background: #ff6633;
}
.colbgad3 {
  background: #ff9933;
}
.colbgad4 {
  background: #ffcc33;
}
.colbgad5 {
  background: #cccc00;
}
.colbgad6 {
  background: #99cc00;
}
.colbgad7 {
  background: #59b300;
}
.colbgad8 {
  background: #829356;
}
.colbgad9 {
  background: #008000;
}
.colbgad10 {
  background: #00e639;
}
.colbgad11 {
  background: #00e673;
}
.colbgad12 {
  background: #00e6ac;
}
.colbgad13 {
  background: #00cccc;
}
.colbgad14 {
  background: #03add8;
}
.colbgad15 {
  background: #3366ff;
}
.colbgad16 {
  background: #107896;
}
.colbgad17 {
  background: #004d99;
}
.colbgad18 {
  background: #6633ff;
}
.colbgad19 {
  background: #9933ff;
}
.colbgad20 {
  background: #cc33ff;
}
.colbgad21 {
  background: #ff33ff;
}
.colbgad22 {
  background: #ff33cc;
}
.colbgad23 {
  background: #ff3399;
}
.colbgad24 {
  background: #ff3366;
}
.colbgad25 {
  background: #0042c4;
}
.colbgad26 {
  background: #8b00d1;
}
.colbgad27 {
  background: #b92eff;
}
.colbgad28 {
  background: #df2e8c;
}
.colbgad29 {
  background: #fb832e;
}
.colbgad30 {
  background: #e3abab;
}
.colbgad31 {
  background: #007700;
}
.colbgad32 {
  background: #000000;
}

.bg1 {
  background: #ff3333;
}
.bg2 {
  background: #ff6633;
}
.bg3 {
  background: #ff9933;
}
.bg4 {
  background: #ffcc33;
}
.bg5 {
  background: #cccc00;
}
.bg6 {
  background: #99cc00;
}
.bg7 {
  background: #59b300;
}
.bg8 {
  background: #829356;
}
.bg9 {
  background: #008000;
}
.bg10 {
  background: #00e639;
}
.bg11 {
  background: #00e673;
}
.bg12 {
  background: #00e6ac;
}
.bg13 {
  background: #00cccc;
}
.bg14 {
  background: #03add8;
}
.bg15 {
  background: #3366ff;
}
.bg16 {
  background: #107896;
}
.bg17 {
  background: #004d99;
}
.bg18 {
  background: #6633ff;
}
.bg19 {
  background: #9933ff;
}
.bg20 {
  background: #cc33ff;
}
.bg21 {
  background: #ff33ff;
}
.bg22 {
  background: #ff33cc;
}
.bg23 {
  background: #ff3399;
}
.bg24 {
  background: #ff3366;
}
.bg25 {
  background: #0042c4;
}
.bg26 {
  background: #8b00d1;
}
.bg27 {
  background: #b92eff;
}
.bg28 {
  background: #df2e8c;
}
.bg29 {
  background: #fb832e;
}
.bg30 {
  background: #000;
}
.bg31 {
  background: #007700;
}
.bg32 {
  background: #751e1e;
}

/* gif */
.bgif1 {
  background-image: url(../default_images/memow/1.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}
.bgif2 {
  background-image: url(../default_images/memow/2.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}
.bgif3 {
  background-image: url(../default_images/memow/3.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}
.bgif4 {
  background-image: url(../default_images/memow/4.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}
.bgif5 {
  background-image: url(../default_images/memow/5.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}
.bgif6 {
  background-image: url(../default_images/memow/6.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}
.bgif7 {
  background-image: url(../default_images/memow/7.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}
.bgif8 {
  background-image: url(../default_images/memow/8.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}
.bgif9 {
  background-image: url(../default_images/memow/9.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}
.bgif10 {
  background-image: url(../default_images/memow/10.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}
.bgif11 {
  background-image: url(../default_images/memow/11.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}
.bgif12 {
  background-image: url(../default_images/memow/12.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}
.bgif13 {
  background-image: url(../default_images/memow/13.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}
.bgif14 {
  background-image: url(../default_images/memow/14.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}
.bgif15 {
  background-image: url(../default_images/memow/15.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}
.bgif16 {
  background-image: url(../default_images/memow/16.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}
.bgif17 {
  background-image: url(../default_images/memow/17.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}
.bgif18 {
  background-image: url(../default_images/memow/18.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}
.bgif19 {
  background-image: url(../default_images/memow/19.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}
.bgif20 {
  background-image: url(../default_images/memow/20.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}
.bgif21 {
  background-image: url(../default_images/memow/21.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}
.bgif22 {
  background-image: url(../default_images/memow/22.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}
.bgif23 {
  background-image: url(../default_images/memow/23.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}
.bgif24 {
  background-image: url(../default_images/memow/24.gif);
  -webkit-background-clip: text;
  color: transparent;
  background-size: 100% 100%;
}

.backgif1 {
  background-image: url(../default_images/memow/1.gif);
  background-size: 100% 100%;
}
.backgif2 {
  background-image: url(../default_images/memow/2.gif);
  background-size: 100% 100%;
}
.backgif3 {
  background-image: url(../default_images/memow/3.gif);
  background-size: 100% 100%;
}
.backgif4 {
  background-image: url(../default_images/memow/4.gif);
  background-size: 100% 100%;
}
.backgif5 {
  background-image: url(../default_images/memow/5.gif);
  background-size: 100% 100%;
}
.backgif6 {
  background-image: url(../default_images/memow/6.gif);
  background-size: 100% 100%;
}
.backgif7 {
  background-image: url(../default_images/memow/7.gif);
  background-size: 100% 100%;
}
.backgif8 {
  background-image: url(../default_images/memow/8.gif);
  background-size: 100% 100%;
}
.backgif9 {
  background-image: url(../default_images/memow/9.gif);
  background-size: 100% 100%;
}
.backgif10 {
  background-image: url(../default_images/memow/10.gif);
  background-size: 100% 100%;
}
.backgif11 {
  background-image: url(../default_images/memow/11.gif);
  background-size: 100% 100%;
}
.backgif12 {
  background-image: url(../default_images/memow/12.gif);
  background-size: 100% 100%;
}
.backgif13 {
  background-image: url(../default_images/memow/13.gif);
  background-size: 100% 100%;
}
.backgif14 {
  background-image: url(../default_images/memow/14.gif);
  background-size: 100% 100%;
}
.backgif15 {
  background-image: url(../default_images/memow/15.gif);
  background-size: 100% 100%;
}
.backgif16 {
  background-image: url(../default_images/memow/16.gif);
  background-size: 100% 100%;
}
.backgif17 {
  background-image: url(../default_images/memow/17.gif);
  background-size: 100% 100%;
}
.backgif18 {
  background-image: url(../default_images/memow/18.gif);
  background-size: 100% 100%;
}
.backgif19 {
  background-image: url(../default_images/memow/19.gif);
  background-size: 100% 100%;
}
.backgif20 {
  background-image: url(../default_images/memow/20.gif);
  background-size: 100% 100%;
}
.backgif21 {
  background-image: url(../default_images/memow/21.gif);
  background-size: 100% 100%;
}
.backgif22 {
  background-image: url(../default_images/memow/22.gif);
  background-size: 100% 100%;
}
.backgif23 {
  background-image: url(../default_images/memow/23.gif);
  background-size: 100% 100%;
}
.backgif24 {
  background-image: url(../default_images/memow/24.gif);
  background-size: 100% 100%;
}

/* font backgrounds*/
.bgcolor1 {
  background-color: #ff3333;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #fff;
}
.bgcolor2 {
  background-color: #ff6633;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #fff;
}
.bgcolor3 {
  background-color: #ff9933;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #fff;
}
.bgcolor4 {
  background-color: #ffcc33;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #fff;
}
.bgcolor5 {
  background-color: #cccc00;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #fff;
}
.bgcolor6 {
  background-color: #99cc00;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #fff;
}
.bgcolor7 {
  background-color: #59b300;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #fff;
}
.bgcolor8 {
  background-color: #829356;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #fff;
}
.bgcolor9 {
  background-color: #008000;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #fff;
}
.bgcolor10 {
  background-color: #00e639;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #fff;
}
.bgcolor11 {
  background-color: #00e673;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #fff;
}
.bgcolor12 {
  background-color: #00e6ac;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #fff;
}
.bgcolor13 {
  background-color: #00cccc;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #fff;
}
.bgcolor14 {
  background-color: #03add8;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #fff;
}
.bgcolor15 {
  background-color: #3366ff;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #fff;
}
.bgcolor16 {
  background-color: #107896;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #fff;
}
.bgcolor17 {
  background-color: #004d99;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #fff;
}
.bgcolor18 {
  background-color: #6633ff;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #fff;
}
.bgcolor19 {
  background-color: #9933ff;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #fff;
}
.bgcolor20 {
  background-color: #cc33ff;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #fff;
}
.bgcolor21 {
  background-color: #ff33ff;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #fff;
}
.bgcolor22 {
  background-color: #ff33cc;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #fff;
}
.bgcolor23 {
  background-color: #ff3399;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #fff;
}
.bgcolor24 {
  background-color: #ff3366;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #fff;
}
.bgcolor25 {
  background-color: #0042c4;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #fff;
}
.bgcolor26 {
  background-color: #8b00d1;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #fff;
}
.bgcolor27 {
  background-color: #b92eff;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #fff;
}
.bgcolor28 {
  background-color: #df2e8c;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #fff;
}
.bgcolor29 {
  background-color: #fb832e;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #fff;
}
.bgcolor30 {
  background-color: #000;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #fff;
}
.bgcolor31 {
  background-color: #007700;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #fff;
}
.bgcolor32 {
  background-color: #751e1e;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #fff;
}

.bg2color1 {
  background-color: #ff3333;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #000;
}
.bg2color2 {
  background-color: #ff6633;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #000;
}
.bg2color3 {
  background-color: #ff9933;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #000;
}
.bg2color4 {
  background-color: #ffcc33;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #000;
}
.bg2color5 {
  background-color: #cccc00;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #000;
}
.bg2color6 {
  background-color: #99cc00;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #000;
}
.bg2color7 {
  background-color: #59b300;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #000;
}
.bg2color8 {
  background-color: #829356;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #000;
}
.bg2color9 {
  background-color: #008000;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #000;
}
.bg2color10 {
  background-color: #00e639;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #000;
}
.bg2color11 {
  background-color: #00e673;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #000;
}
.bg2color12 {
  background-color: #00e6ac;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #000;
}
.bg2color13 {
  background-color: #00cccc;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #000;
}
.bg2color14 {
  background-color: #03add8;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #000;
}
.bg2color15 {
  background-color: #3366ff;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #000;
}
.bg2color16 {
  background-color: #107896;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #000;
}
.bg2color17 {
  background-color: #004d99;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #000;
}
.bg2color18 {
  background-color: #6633ff;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #000;
}
.bg2color19 {
  background-color: #9933ff;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #000;
}
.bg2color20 {
  background-color: #cc33ff;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #000;
}
.bg2color21 {
  background-color: #ff33ff;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #000;
}
.bg2color22 {
  background-color: #ff33cc;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #000;
}
.bg2color23 {
  background-color: #ff3399;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #000;
}
.bg2color24 {
  background-color: #ff3366;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #000;
}
.bg2color25 {
  background-color: #0042c4;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #000;
}
.bg2color26 {
  background-color: #8b00d1;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #000;
}
.bg2color27 {
  background-color: #b92eff;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #000;
}
.bg2color28 {
  background-color: #df2e8c;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #000;
}
.bg2color29 {
  background-color: #fb832e;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #000;
}
.bg2color30 {
  background-color: #fff;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #000;
}
.bg2color31 {
  background-color: #007700;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #000;
}
.bg2color32 {
  background-color: #751e1e;
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
  color: #000;
}

/* gradients */
.bgradd1 {
  background: linear-gradient(to right, #ff3333, #800000);
}
.bgradd2 {
  background: linear-gradient(to right, #ff6633, #4d1300);
}
.bgradd3 {
  background: linear-gradient(to right, #ff9933, #4d2600);
}
.bgradd4 {
  background: linear-gradient(to right, #ffcc33, #806000);
}
.bgradd5 {
  background: linear-gradient(to right, #cccc00, #4d4d00);
}
.bgradd6 {
  background: linear-gradient(to right, #99cc00, #394d00);
}
.bgradd7 {
  background: linear-gradient(to right, #59b300, #264d00);
}
.bgradd8 {
  background: linear-gradient(to right, #829356, #2b301c);
}
.bgradd9 {
  background: linear-gradient(to right, #008000, #001a00);
}
.bgradd10 {
  background: linear-gradient(to right, #00e639, #00330d);
}
.bgradd11 {
  background: linear-gradient(to right, #00e673, #006633);
}
.bgradd12 {
  background: linear-gradient(to right, #00e6ac, #004d39);
}
.bgradd13 {
  background: linear-gradient(to right, #00cccc, #004d4d);
}
.bgradd14 {
  background: linear-gradient(to right, #03add8, #013d4b);
}
.bgradd15 {
  background: linear-gradient(to right, #3366ff, #002080);
}
.bgradd16 {
  background: linear-gradient(to right, #107896, #073845);
}
.bgradd17 {
  background: linear-gradient(to right, #004d99, #66b3ff);
}
.bgradd18 {
  background: linear-gradient(to right, #6633ff, #c6b3ff);
}
.bgradd19 {
  background: linear-gradient(to right, #9933ff, #d9b3ff);
}
.bgradd20 {
  background: linear-gradient(to right, #cc33ff, #ecb3ff);
}
.bgradd21 {
  background: linear-gradient(to right, #ff33ff, #ffb3ff);
}
.bgradd22 {
  background: linear-gradient(to right, #ff33cc, #ff99e6);
}
.bgradd23 {
  background: linear-gradient(to right, #ff3399, #ffb3d9);
}
.bgradd24 {
  background: linear-gradient(to right, #ff3366, #ffb3c6);
}
.bgradd25 {
  background: linear-gradient(to right, #40e0d0, #ff8c00, #ff0080);
}
.bgradd26 {
  background: linear-gradient(to right, #11998e, #38ef7d);
}
.bgradd27 {
  background: linear-gradient(to right, #108dc7, #ef8e38);
}
.bgradd28 {
  background: linear-gradient(to right, #fc5c7d, #6a82fb);
}
.bgradd29 {
  background: linear-gradient(to right, #fc466b, #3f5efb);
}
.bgradd30 {
  background: linear-gradient(to right, #c94b4b, #4b134f);
}
.bgradd31 {
background: linear-gradient(to right, #ff41fb, #ff4b2b);
 background-size: 200% auto;
 color: #fff;
 background-clip: text;
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 animation: gradientShift 3s ease infinite;
 text-transform: uppercase;
 letter-spacing: 3px;
 display: inline-block;
}

@keyframes gradientShift {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 200% 50%;
  }
}
.bgradd32 {
 	background: linear-gradient(to right, #00c8f2, #000000);
 	text-transform:uppercase;
 	background-size:auto auto;
 	background-clip:border-box;
 	background-size:200% auto;
 	letter-spacing:2px;
 	color:#fff;
 	background-clip:text;
 	-webkit-background-clip:text;
 	-webkit-text-fill-color:transparent;
 	animation:textclip 2s linear infinite;
 	display:inline-block;

}
@keyframes textclip {
	to {
			background-position:200% center;
	}
}
.bgradd33 {
  background: linear-gradient(to right, #22c1c3, #fdbb2d);
}
.bgradd34 {
  background: linear-gradient(to right, #7f00ff, #e100ff);
}
.bgradd35 {
  background: linear-gradient(to right, #67b26f, #4ca2cd);
}
.bgradd36 {
  background: linear-gradient(to right, #ee0979, #ff6a00);
}
.bgradd37 {
  background: linear-gradient(to right, #00c3ff, #ffff1c);
}
.bgradd38 {
  background: linear-gradient(to right, #fc00ff, #00dbde);
}
.bgradd39 {
  background: linear-gradient(to right, #833ab4, #fd1d1d, #fcb045);
}
.bgradd40 {
  background: linear-gradient(to right, #43cea2, #185a9d);
}
.bgradd41 {
  background: linear-gradient(to right, #bdc3c7, #2c3e50);
}
.bgradd42 {
  background: linear-gradient(to right, #373b44, #4286f4);
}
.bgradd43 {
  background: linear-gradient(to right, #2980b9, #6dd5fa, #ffffff);
}
.bgradd44 {
  background: linear-gradient(to right, #ff0099, #493240);
}
.bgradd45 {
  background: linear-gradient(to right, #f953c6, #b91d73);
}
.bgradd46 {
  background: linear-gradient(to left, #c31432, #240b36);
}
.bgradd47 {
  background: linear-gradient(to right, #dd3e54, #6be585);
}
.bgradd48 {
  background: linear-gradient(to right, #8360c3, #2ebf91);
}
.bgradd49 {
  background: linear-gradient(to right, #544a7d, #ffd452);
}
.bgradd50 {
  background: linear-gradient(to right, #009fff, #ec2f4b);
}
.bgradd51 {
  background: linear-gradient(to right, #59c173, #a17fe0, #5d26c1);
}
.bgradd52 {
  background: linear-gradient(to right, #005aa7, #fffde4);
}
.bgradd53 {
  background: linear-gradient(to right, #da4453, #89216b);
}
.bgradd54 {
  background: linear-gradient(to right, #ad5389, #3c1053);
}
.bgradd55 {
  background: linear-gradient(to right, #a8c0ff, #3f2b96);
}
.bgradd56 {
  background: linear-gradient(to right, #333333, #dd1818);
}
.bgradd57 {
  background: linear-gradient(to right, #108dc7, #ef8e38);
}
.bgradd58 {
  background: linear-gradient(to right, #23074d, #cc5333);
}
.bgradd59 {
  background: linear-gradient(to right, #fffbd5, #b20a2c);
}
.bgradd60 {
  background: linear-gradient(to right, #0f0c29, #302b63, #24243e);
}
.bgradd61 {
  background: linear-gradient(to right, #800080, #ffc0cb);
}
.bgradd62 {
  background: linear-gradient(to right, #00f260, #0575e6);
}
.bgradd63 {
  background: linear-gradient(to right, #667db6, #0082c8, #ec38bc, #fdeff9);
}
.bgradd64 {
  background: linear-gradient(to right, #e1eec3, #f05053);
}
.bgradd65 {
  background: linear-gradient(to right, #03001e, #7303c0, #ec38bc, #fdeff9);
}
.bgradd66 {
  background: linear-gradient(to right, #1a2a6c, #b21f1f, #fdbb2d);
}
.bgradd67 {
  background: linear-gradient(to right, #000000, #0f9b0f);
}
.bgradd68 {
  background: linear-gradient(to right, #36d1dc, #5b86e5);
}
.bgradd69 {
  background: linear-gradient(to right, #3a1c71, #d76d77, #ffaf7b);
}
.bgradd70 {
  background: linear-gradient(to right, #283c86, #45a247);
}
.bgradd71 {
  background: linear-gradient(to right, #ef3b36, #ffffff);
}
.bgradd72 {
  background: linear-gradient(to right, #159957, #155799);
}
.bgradd73 {
  background: linear-gradient(to right, #000046, #1cb5e0);
}
.bgradd74 {
  background: linear-gradient(to right, #56ccf2, #2f80ed);
}
.bgradd75 {
  background: linear-gradient(to right, #eb5757, #000000);
}
.bgradd76 {
  background: linear-gradient(to right, #20002c, #cbb4d4);
}
.bgradd77 {
  background: linear-gradient(to right, #34e89e, #0f3443);
}
.bgradd78 {
  background: linear-gradient(to right, #bdc3c7, #2c3e50);
}
.bgradd79 {
  background: linear-gradient(to right, #a80077, #66ff00);
}
.bgradd80 {
  background: linear-gradient(to right, #f7ff00, #db36a4);
}

/* gradients backgrounds*/
.bgradback1 {
  background: linear-gradient(to right, #ff3333, #800000);
}
.bgradback2 {
  background: linear-gradient(to right, #ff6633, #4d1300);
}
.bgradback3 {
  background: linear-gradient(to right, #ff9933, #4d2600);
}
.bgradback4 {
  background: linear-gradient(to right, #ffcc33, #806000);
}
.bgradback5 {
  background: linear-gradient(to right, #cccc00, #4d4d00);
}
.bgradback6 {
  background: linear-gradient(to right, #99cc00, #394d00);
}
.bgradback7 {
  background: linear-gradient(to right, #59b300, #264d00);
}
.bgradback8 {
  background: linear-gradient(to right, #829356, #2b301c);
}
.bgradback9 {
  background: linear-gradient(to right, #008000, #001a00);
}
.bgradback10 {
  background: linear-gradient(to right, #00e639, #00330d);
}
.bgradback11 {
  background: linear-gradient(to right, #00e673, #006633);
}
.bgradback12 {
  background: linear-gradient(to right, #00e6ac, #004d39);
}
.bgradback13 {
  background: linear-gradient(to right, #00cccc, #004d4d);
}
.bgradback14 {
  background: linear-gradient(to right, #03add8, #013d4b);
}
.bgradback15 {
  background: linear-gradient(to right, #3366ff, #002080);
}
.bgradback16 {
  background: linear-gradient(to right, #107896, #073845);
}
.bgradback17 {
  background: linear-gradient(to right, #004d99, #66b3ff);
}
.bgradback18 {
  background: linear-gradient(to right, #6633ff, #c6b3ff);
}
.bgradback19 {
  background: linear-gradient(to right, #9933ff, #d9b3ff);
}
.bgradback20 {
  background: linear-gradient(to right, #cc33ff, #ecb3ff);
}
.bgradback21 {
  background: linear-gradient(to right, #ff33ff, #ffb3ff);
}
.bgradback22 {
  background: linear-gradient(to right, #ff33cc, #ff99e6);
}
.bgradback23 {
  background: linear-gradient(to right, #ff3399, #ffb3d9);
}
.bgradback24 {
  background: linear-gradient(to right, #ff3366, #ffb3c6);
}
.bgradback25 {
  background: linear-gradient(to right, #40e0d0, #ff8c00, #ff0080);
}
.bgradback26 {
  background: linear-gradient(to right, #11998e, #38ef7d);
}
.bgradback27 {
  background: linear-gradient(to right, #108dc7, #ef8e38);
}
.bgradback28 {
  background: linear-gradient(to right, #fc5c7d, #6a82fb);
}
.bgradback29 {
  background: linear-gradient(to right, #fc466b, #3f5efb);
}
.bgradback30 {
  background: linear-gradient(to right, #c94b4b, #4b134f);
}
.bgradback31 {
background: linear-gradient(to right, #ff41fb, #ff4b2b);
 background-size: 200% auto;
 color: #fff;
 background-clip: text;
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 animation: gradientShift 3s ease infinite;
 text-transform: uppercase;
 letter-spacing: 3px;
 font-size: 24px;
 display: inline-block;
}

@keyframes gradientShift {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 200% 50%;
  }
}
.bgradback32 {
 	background: linear-gradient(to right, #00c8f2, #000000);
 	text-transform:uppercase;

	background-size:auto auto;
	background-clip:border-box;
	background-size:200% auto;
	letter-spacing:2px;
	color:#fff;
	background-clip:text;
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	animation:textclip 2s linear infinite;
	display:inline-block;
	font-size:20px;
}
@keyframes textclip {
	to {
			background-position:200% center;
	}
}
.bgradback33 {
  background: linear-gradient(to right, #22c1c3, #fdbb2d);
}
.bgradback34 {
  background: linear-gradient(to right, #7f00ff, #e100ff);
}
.bgradback35 {
  background: linear-gradient(to right, #67b26f, #4ca2cd);
}
.bgradback36 {
  background: linear-gradient(to right, #ee0979, #ff6a00);
}
.bgradback37 {
  background: linear-gradient(to right, #00c3ff, #ffff1c);
}
.bgradback38 {
  background: linear-gradient(to right, #fc00ff, #00dbde);
}
.bgradback39 {
  background: linear-gradient(to right, #833ab4, #fd1d1d, #fcb045);
}
.bgradback40 {
  background: linear-gradient(to right, #43cea2, #185a9d);
}
.bgradback41 {
  background: linear-gradient(to right, #bdc3c7, #2c3e50);
}
.bgradback42 {
  background: linear-gradient(to right, #373b44, #4286f4);
}
.bgradback43 {
  background: linear-gradient(to right, #2980b9, #6dd5fa, #ffffff);
}
.bgradback44 {
  background: linear-gradient(to right, #ff0099, #493240);
}
.bgradback45 {
  background: linear-gradient(to right, #f953c6, #b91d73);
}
.bgradback46 {
  background: linear-gradient(to left, #c31432, #240b36);
}
.bgradback47 {
  background: linear-gradient(to right, #dd3e54, #6be585);
}
.bgradback48 {
  background: linear-gradient(to right, #8360c3, #2ebf91);
}
.bgradback49 {
  background: linear-gradient(to right, #544a7d, #ffd452);
}
.bgradback50 {
  background: linear-gradient(to right, #009fff, #ec2f4b);
}
.bgradback51 {
  background: linear-gradient(to right, #59c173, #a17fe0, #5d26c1);
}
.bgradback52 {
  background: linear-gradient(to right, #005aa7, #fffde4);
}
.bgradback53 {
  background: linear-gradient(to right, #da4453, #89216b);
}
.bgradback54 {
  background: linear-gradient(to right, #ad5389, #3c1053);
}
.bgradback55 {
  background: linear-gradient(to right, #a8c0ff, #3f2b96);
}
.bgradback56 {
  background: linear-gradient(to right, #333333, #dd1818);
}
.bgradback57 {
  background: linear-gradient(to right, #108dc7, #ef8e38);
}
.bgradback58 {
  background: linear-gradient(to right, #23074d, #cc5333);
}
.bgradback59 {
  background: linear-gradient(to right, #fffbd5, #b20a2c);
}
.bgradback60 {
  background: linear-gradient(to right, #0f0c29, #302b63, #24243e);
}
.bgradback61 {
  background: linear-gradient(to right, #800080, #ffc0cb);
}
.bgradback62 {
  background: linear-gradient(to right, #00f260, #0575e6);
}
.bgradback63 {
  background: linear-gradient(to right, #667db6, #0082c8, #ec38bc, #fdeff9);
}
.bgradback64 {
  background: linear-gradient(to right, #e1eec3, #f05053);
}
.bgradback65 {
  background: linear-gradient(to right, #03001e, #7303c0, #ec38bc, #fdeff9);
}
.bgradback66 {
  background: linear-gradient(to right, #1a2a6c, #b21f1f, #fdbb2d);
}
.bgradback67 {
  background: linear-gradient(to right, #000000, #0f9b0f);
}
.bgradback68 {
  background: linear-gradient(to right, #36d1dc, #5b86e5);
}
.bgradback69 {
  background: linear-gradient(to right, #3a1c71, #d76d77, #ffaf7b);
}
.bgradback70 {
  background: linear-gradient(to right, #283c86, #45a247);
}
.bgradback71 {
  background: linear-gradient(to right, #ef3b36, #ffffff);
}
.bgradback72 {
  background: linear-gradient(to right, #159957, #155799);
}
.bgradback73 {
  background: linear-gradient(to right, #000046, #1cb5e0);
}
.bgradback74 {
  background: linear-gradient(to right, #56ccf2, #2f80ed);
}
.bgradback75 {
  background: linear-gradient(to right, #eb5757, #000000);
}
.bgradback76 {
  background: linear-gradient(to right, #20002c, #cbb4d4);
}
.bgradback77 {
  background: linear-gradient(to right, #34e89e, #0f3443);
}
.bgradback78 {
  background: linear-gradient(to right, #bdc3c7, #2c3e50);
}
.bgradback79 {
  background: linear-gradient(to right, #a80077, #66ff00);
}
.bgradback80 {
  background: linear-gradient(to right, #f7ff00, #db36a4);
}

/* special color */
.bgradd1,
.bgradd2,
.bgradd3,
.bgradd4,
.bgradd5,
.bgradd6,
.bgradd7,
.bgradd8,
.bgradd9,
.bgradd10,
.bgradd11,
.bgradd12,
.bgradd13,
.bgradd14,
.bgradd15,
.bgradd16,
.bgradd17,
.bgradd18,
.bgradd19,
.bgradd20,
.bgradd21,
.bgradd22,
.bgradd23,
.bgradd24,
.bgradd25,
.bgradd26,
.bgradd27,
.bgradd28,
.bgradd29,
.bgradd30,
.bgradd31,
.bgradd32,
.bgradd33,
.bgradd34,
.bgradd35,
.bgradd36,
.bgradd37,
.bgradd38,
.bgradd39,
.bgradd40,
.bgradd41,
.bgradd42,
.bgradd43,
.bgradd44,
.bgradd45,
.bgradd46,
.bgradd47,
.bgradd48,
.bgradd49,
.bgradd50,
.bgradd51,
.bgradd52,
.bgradd53,
.bgradd54,
.bgradd55,
.bgradd56,
.bgradd57,
.bgradd58,
.bgradd59,
.bgradd60,
.bgradd61,
.bgradd62,
.bgradd63,
.bgradd64,
.bgradd65,
.bgradd66,
.bgradd67,
.bgradd68,
.bgradd69,
.bgradd70,
.bgradd71,
.bgradd72,
.bgradd73,
.bgradd74,
.bgradd75,
.bgradd76,
.bgradd77,
.bgradd78,
.bgradd79,
.bgradd80 {
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.color_icon {
  font-size: x-large;
  margin: 2px;
}

@media screen and (min-width: 640px) {
  .color_icon {
    font-size: x-large;
    margin: 9px;
  }
}

#loading-bar {
  position: relative;
  z-index: 2147483647;
  top: 0;
  left: -6px;
  width: 0;
  height: 3px;
  background: #1d91f3;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  -moz-transition: width 500ms ease-out, opacity 400ms linear;
  -ms-transition: width 500ms ease-out, opacity 400ms linear;
  -o-transition: width 500ms ease-out, opacity 400ms linear;
  -webkit-transition: width 500ms ease-out, opacity 400ms linear;
  transition: width 500ms ease-out, opacity 400ms linear;
}

.premium_bg1 {
  width: auto;
  background: url(../default_images/memow/1.gif);
  padding: 1px 5px;
  border-right: 3px solid #bdb451;
  max-width: 100%;
  background-size: 100%;
  box-shadow: 0px 1px 5px #555555;
  border-radius: 10px 0px 10px 10px;
  text-shadow: 0px 1px 5px #333333;
  color: white;
  margin-top: 5px;
}
.premium_bg2 {
  width: auto;
  background: url(../default_images/memow/2.gif);
  padding: 1px 5px;
  border-right: 3px solid #fff2b0;
  max-width: 100%;
  background-size: cover;
  box-shadow: 0px 1px 5px #555555;
  border-radius: 10px 0px 10px 10px;
  text-shadow: 0px 1px 5px #333333;
  color: white;
  margin-top: 5px;
}
.premium_bg3 {
  width: auto;
  background: url(../default_images/memow/3.gif);
  padding: 1px 5px;
  border-right: 3px solid #6aeaff;
  max-width: 100%;
  background-size: cover;
  box-shadow: 0px 1px 5px #555555;
  border-radius: 10px 0px 10px 10px;
  text-shadow: 0px 1px 5px #333333;
  color: white;
  margin-top: 5px;
}
.premium_bg4 {
  width: auto;
  background: url(../default_images/memow/4.gif);
  padding: 1px 5px;
  border-right: 3px solid #06258e;
  max-width: 100%;
  background-size: cover;
  box-shadow: 0px 1px 5px #555555;
  border-radius: 10px 0px 10px 10px;
  text-shadow: 0px 1px 5px #333333;
  color: white;
  margin-top: 5px;
}
.premium_bg5 {
  width: auto;
  background: url(../default_images/memow/5.gif);
  padding: 1px 5px;
  border-right: 3px solid #ffcc2a;
  max-width: 100%;
  background-size: cover;
  box-shadow: 0px 1px 5px #555555;
  border-radius: 10px 0px 10px 10px;
  text-shadow: 0px 1px 5px #333333;
  color: white;
  margin-top: 5px;
}
.premium_bg6 {
  width: auto;
  background: url(../default_images/memow/6.gif);
  padding: 1px 5px;
  border-right: 3px solid #df3321;
  max-width: 100%;
  background-size: cover;
  background-position: center;
  box-shadow: 0px 1px 5px #555555;
  border-radius: 10px 0px 10px 10px;
  text-shadow: 0px 1px 5px #333333;
  color: white;
  margin-top: 5px;
}
.premium_bg7 {
  width: auto;
  background: url(../default_images/memow/7.gif);
  padding: 1px 5px;
  border-right: 3px solid #df3321;
  max-width: 100%;
  background-size: cover;
  background-position: center;
  box-shadow: 0px 1px 5px #555555;
  border-radius: 10px 0px 10px 10px;
  text-shadow: 0px 1px 5px #333333;
  color: white;
  margin-top: 5px;
}
.premium_bg8 {
  width: auto;
  background: url(../default_images/memow/8.gif);
  padding: 1px 5px;
  border-right: 3px solid #edd15c;
  max-width: 100%;
  background-size: cover;
  background-position: center;
  box-shadow: 0px 1px 5px #555555;
  border-radius: 10px 0px 10px 10px;
  text-shadow: 0px 1px 5px #333333;
  color: white;
  margin-top: 5px;
}

.premium_bg9 {
  width: auto;
  background: url(../default_images/memow/9.gif);
  padding: 1px 5px;
  border-right: 3px solid #edd15c;
  max-width: 100%;
  background-size: cover;
  background-position: center;
  box-shadow: 0px 1px 5px #555555;
  border-radius: 10px 0px 10px 10px;
  text-shadow: 0px 1px 5px #333333;
  color: white;
  margin-top: 5px;
}
.premium_bg10 {
  width: auto;
  background: url(../default_images/memow/10.gif);
  padding: 1px 5px;
  border-right: 3px solid #edd15c;
  max-width: 100%;
  background-size: cover;
  background-position: center;
  box-shadow: 0px 1px 5px #555555;
  border-radius: 10px 0px 10px 10px;
  text-shadow: 0px 1px 5px #333333;
  color: white;
  margin-top: 5px;
}
.premium_bg10 {
  width: auto;
  background: url(../default_images/memow/10.gif);
  padding: 1px 5px;
  border-right: 3px solid #edd15c;
  max-width: 100%;
  background-size: cover;
  background-position: center;
  box-shadow: 0px 1px 5px #555555;
  border-radius: 10px 0px 10px 10px;
  text-shadow: 0px 1px 5px #333333;
  color: white;
  margin-top: 5px;
}
.premium_bg11 {
  width: auto;
  background: url(../default_images/memow/11.gif);
  padding: 1px 5px;
  border-right: 3px solid #edd15c;
  max-width: 100%;
  background-size: cover;
  background-position: center;
  box-shadow: 0px 1px 5px #555555;
  border-radius: 10px 0px 10px 10px;
  text-shadow: 0px 1px 5px #333333;
  color: white;
  margin-top: 5px;
}
.premium_bg12 {
  width: auto;
  background: url(../default_images/memow/13.gif);
  padding: 1px 5px;
  border-right: 3px solid #edd15c;
  max-width: 100%;
  background-size: cover;
  background-position: center;
  box-shadow: 0px 1px 5px #555555;
  border-radius: 10px 0px 10px 10px;
  text-shadow: 0px 1px 5px #333333;
  color: white;
  margin-top: 5px;
}
.premium_bg13 {
  width: auto;
  background: url(../default_images/memow/13.gif);
  padding: 1px 5px;
  border-right: 3px solid #edd15c;
  max-width: 100%;
  background-size: cover;
  background-position: center;
  box-shadow: 0px 1px 5px #555555;
  border-radius: 10px 0px 10px 10px;
  text-shadow: 0px 1px 5px #333333;
  color: white;
  margin-top: 5px;
}
.premium_bg14 {
  width: auto;
  background: url(../default_images/memow/14.gif);
  padding: 1px 5px;
  border-right: 3px solid #edd15c;
  max-width: 100%;
  background-size: cover;
  background-position: center;
  box-shadow: 0px 1px 5px #555555;
  border-radius: 10px 0px 10px 10px;
  text-shadow: 0px 1px 5px #333333;
  color: white;
  margin-top: 5px;
}
.premium_bg15 {
  width: auto;
  background: url(../default_images/memow/15.gif);
  padding: 1px 5px;
  border-right: 3px solid #edd15c;
  max-width: 100%;
  background-size: cover;
  background-position: center;
  box-shadow: 0px 1px 5px #555555;
  border-radius: 10px 0px 10px 10px;
  text-shadow: 0px 1px 5px #333333;
  color: white;
  margin-top: 5px;
}
.premium_bg16 {
  width: auto;
  background: url(../default_images/memow/16.gif);
  padding: 1px 5px;
  border-right: 3px solid #edd15c;
  max-width: 100%;
  background-size: cover;
  background-position: center;
  box-shadow: 0px 1px 5px #555555;
  border-radius: 10px 0px 10px 10px;
  text-shadow: 0px 1px 5px #333333;
  color: white;
  margin-top: 5px;
}
.premium_bg17 {
  width: auto;
  background: url(../default_images/memow/17.gif);
  padding: 1px 5px;
  border-right: 3px solid #edd15c;
  max-width: 100%;
  background-size: cover;
  background-position: center;
  box-shadow: 0px 1px 5px #555555;
  border-radius: 10px 0px 10px 10px;
  text-shadow: 0px 1px 5px #333333;
  color: white;
  margin-top: 5px;
}
.premium_bg18 {
  width: auto;
  background: url(../default_images/memow/18.gif);
  padding: 1px 5px;
  border-right: 3px solid #edd15c;
  max-width: 100%;
  background-size: cover;
  background-position: center;
  box-shadow: 0px 1px 5px #555555;
  border-radius: 10px 0px 10px 10px;
  text-shadow: 0px 1px 5px #333333;
  color: white;
  margin-top: 5px;
}
.premium_bg19 {
  width: auto;
  background: url(../default_images/memow/19.gif);
  padding: 1px 5px;
  border-right: 3px solid #edd15c;
  max-width: 100%;
  background-size: cover;
  background-position: center;
  box-shadow: 0px 1px 5px #555555;
  border-radius: 10px 0px 10px 10px;
  text-shadow: 0px 1px 5px #333333;
  color: white;
  margin-top: 5px;
}

.premium_bg20 {
  width: auto;
  background: url(../default_images/memow/20.gif);
  padding: 1px 5px;
  border-right: 3px solid #edd15c;
  max-width: 100%;
  background-size: cover;
  background-position: center;
  box-shadow: 0px 1px 5px #555555;
  border-radius: 10px 0px 10px 10px;
  text-shadow: 0px 1px 5px #333333;
  color: white;
  margin-top: 5px;
}
.premium_bg21 {
  width: auto;
  background: url(../default_images/memow/21.gif);
  padding: 1px 5px;
  border-right: 3px solid #edd15c;
  max-width: 100%;
  background-size: cover;
  background-position: center;
  box-shadow: 0px 1px 5px #555555;
  border-radius: 10px 0px 10px 10px;
  text-shadow: 0px 1px 5px #333333;
  color: white;
  margin-top: 5px;
}
.premium_bg22 {
  width: auto;
  background: url(../default_images/memow/22.gif);
  padding: 1px 5px;
  border-right: 3px solid #edd15c;
  max-width: 100%;
  background-size: cover;
  background-position: center;
  box-shadow: 0px 1px 5px #555555;
  border-radius: 10px 0px 10px 10px;
  text-shadow: 0px 1px 5px #333333;
  color: white;
  margin-top: 5px;
}
.premium_bg23 {
  width: auto;
  background: url(../default_images/memow/23.gif);
  padding: 1px 5px;
  border-right: 3px solid #edd15c;
  max-width: 100%;
  background-size: cover;
  background-position: center;
  box-shadow: 0px 1px 5px #555555;
  border-radius: 10px 0px 10px 10px;
  text-shadow: 0px 1px 5px #333333;
  color: white;
  margin-top: 5px;
}
.premium_bg24 {
  width: auto;
  background: url(../default_images/memow/24.gif);
  padding: 1px 5px;
  border-right: 3px solid #edd15c;
  max-width: 100%;
  background-size: cover;
  background-position: center;
  box-shadow: 0px 1px 5px #555555;
  border-radius: 10px 0px 10px 10px;
  text-shadow: 0px 1px 5px #333333;
  color: white;
  margin-top: 5px;
}
.pccheck {
  text-align: center;
  margin-top: -20px;
  font-size: 18px;
}

.pre_bg1 {
  background-image: url(../default_images/memow/1.gif);
  background-size: 100% 100%;
}
.pre_bg2 {
  background-image: url(../default_images/memow/2.gif);
  background-size: 100% 100%;
}
.pre_bg3 {
  background-image: url(../default_images/memow/3.gif);
  background-size: 100% 100%;
}
.pre_bg4 {
  background-image: url(../default_images/memow/4.gif);
  background-size: 100% 100%;
}
.pre_bg5 {
  background-image: url(../default_images/memow/5.gif);
  background-size: 100% 100%;
}
.pre_bg6 {
  background-image: url(../default_images/memow/6.gif);
  background-size: 100% 100%;
}
.pre_bg7 {
  background-image: url(../default_images/memow/7.gif);
  background-size: 100% 100%;
}
.pre_bg8 {
  background-image: url(../default_images/memow/8.gif);
  background-size: 100% 100%;
}
.pre_bg9 {
  background-image: url(../default_images/memow/9.gif);
  background-size: 100% 100%;
}
.pre_bg10 {
  background-image: url(../default_images/memow/10.gif);
  background-size: 100% 100%;
}
.pre_bg11 {
  background-image: url(../default_images/memow/11.gif);
  background-size: 100% 100%;
}
.pre_bg12 {
  background-image: url(../default_images/memow/12.gif);
  background-size: 100% 100%;
}
.pre_bg13 {
  background-image: url(../default_images/memow/13.gif);
  background-size: 100% 100%;
}
.pre_bg14 {
  background-image: url(../default_images/memow/14.gif);
  background-size: 100% 100%;
}
.pre_bg15 {
  background-image: url(../default_images/memow/15.gif);
  background-size: 100% 100%;
}
.pre_bg16 {
  background-image: url(../default_images/memow/16.gif);
  background-size: 100% 100%;
}
.pre_bg17 {
  background-image: url(../default_images/memow/17.gif);
  background-size: 100% 100%;
}
.pre_bg18 {
  background-image: url(../default_images/memow/18.gif);
  background-size: 100% 100%;
}
.pre_bg19 {
  background-image: url(../default_images/memow/19.gif);
  background-size: 100% 100%;
}
.pre_bg20 {
  background-image: url(../default_images/memow/20.gif);
  background-size: 100% 100%;
}
.pre_bg21 {
  background-image: url(../default_images/memow/21.gif);
  background-size: 100% 100%;
}
.pre_bg22 {
  background-image: url(../default_images/memow/22.gif);
  background-size: 100% 100%;
}
.pre_bg23 {
  background-image: url(../default_images/memow/23.gif);
  background-size: 100% 100%;
}
.pre_bg24 {
  background-image: url(../default_images/memow/24.gif);
  background-size: 100% 100%;
}





@keyframes gradient {
    0%,to {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }
}

@keyframes pulse5 {
    0% {
        box-shadow: 0 0 0 0#7885ffb5
    }

    70% {
        box-shadow: 0 0 0 11px transparent
    }

    to {
        box-shadow: 0 0 0 0 transparent
    }
}

@keyframes wave_writing {
    0%,60%,to {
        transform: initial
    }

    30% {
        transform: translateY(-5px)
    }
}

@keyframes arrow-pulse {
    0%,to {
        transform: translateX(-50%) scale(1)
    }

    50% {
        transform: translateX(-50%) scale(1.2)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(3600deg)
    }
}

@keyframes glow {
    0% {
        box-shadow: 0 0 10px 2px gold
    }

    to {
        box-shadow: 0 0 25px 10px #ff0
    }
}

.pro-button {
    margin-top: 21px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #fff;
    font-size: 9px
}

.wrapper {
    display: inline-flex;
    list-style: none;
    height: 120px;
    width: 100%;
    font-family: 'Sansita';
    justify-content: center
}

#mic,.wrapper .icon {
    justify-content: center;
    display: flex
}

.wrapper .icon {
    position: relative;
    background: #fff;
    border-radius: 50%;
    margin: 10px;
    width: 50px;
    height: 50px;
    font-size: 18px;
    align-items: center;
    flex-direction: column;
    box-shadow: 0 10px 10px rgba(0,0,0,.1);
    cursor: pointer;
    transition: all .2s cubic-bezier(.68,-.55,.265,1.55)
}

.wrapper .tooltip {
    position: absolute;
    top: 0;
    font-size: 14px;
    background: #fff;
    color: #fff;
    opacity: 0
}

.wrapper .tooltip::before {
    position: absolute;
    content: "";
    height: 8px;
    width: 8px;
    background: #fff;
    bottom: -3px;
    left: 50%;
    transform: translate(-50%) rotate(45deg);
    transition: all .3s cubic-bezier(.68,-.55,.265,1.55)
}

.wrapper .icon:hover .tooltip {
    top: -45px;
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.wrapper .icon:hover .tooltip,.wrapper .icon:hover span {
    text-shadow: 0 -1px 0 rgba(0,0,0,.1)
}

.wrapper .facebook:hover,.wrapper .facebook:hover .tooltip,.wrapper .facebook:hover .tooltip::before {
    background: #1877f2;
    color: #fff
}

.wrapper .twitter:hover,.wrapper .twitter:hover .tooltip,.wrapper .twitter:hover .tooltip::before {
    background: #1da1f2;
    color: #fff
}

.wrapper .instagram:hover,.wrapper .instagram:hover .tooltip,.wrapper .instagram:hover .tooltip::before {
    background: #e4405f;
    color: #fff
}

.awesome_ulist {
    display: table;
    table-layout: fixed;
    width: 100%
}

.awesome_ulist_rank {
    position: relative;
    left: 7px;
    display: table-cell;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    font-size: 20px;
    border-radius: 50px;
    text-align: center
}

.awesome_ulist_rank img {
    height: 20px;
    width: auto;
    display: block;
    margin: auto
}

.awesome_ulist_data {
    display: table-cell;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.awesome_ulist_counter,.sekilli-yazi {
    font-family: "Roboto Condensed",sans-serif;
    font-weight: 500
}

.awesome_ulist_counter {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 3px 8px;
    font-size: 13px;
    height: 27px
}

.sekilli-yazi {
    font-size: 10px;
    color: #fff
}

.ust-bar_sag {
    font-size: 13px;
    text-align: -webkit-right;
    border-left: 2px solid rgb(255 255 255/10%)
}

.alt-menu-button,.alt-menu_button,.ust-bar_sag {
    display: table-cell;
    vertical-align: middle
}

.alt-menu_button {
    width: inherit;
    text-align: -webkit-right
}

.alt-menu-button {
    padding: 0 5px;
    border-left: 2px solid rgb(255 255 255/10%);
    cursor: pointer
}



.awesome50 .awesome_ulist_counter {
    color: #fff;
    border: 2px solid #000;
    box-shadow: inset 0 0 10px rgba(0,0,0,.37)
}

.ikonListesiIMG,.ikonListesiIMG2 {
    border-radius: 50px;
    cursor: pointer;
    float: left;
    min-height: 38px;
    max-height: 38px;
    /* min-width: 38px; */
    /* max-width: 38px; */
    margin: -2px;
}

.ikonListesiIMG {
    background-color: #ffffff96;
    padding: 0px;
    box-shadow: 4px 7px 10px 5px rgb(102 92 92);
    border: 2px solid #fff;
}

.ikonListesiIMG2 {
    background-color: #ffffff6e;
    padding:3px;
    border: 2px solid #ffffffa8;
}

.sticker .ikonListesiIMG2 {
    border-radius: 60px;
    width: 60px;
    min-width: 60px;
    min-height: 60px;
    background-color: #ffffff6e;
}

.chat_user_post_gift {
    max-width: 32px;
    max-height: 32px;
    margin: 0 auto
}

#mic {
    z-index: 12;
    position: absolute;
    width: 100%;
    overflow-y: auto
}

::-webkit-scrollbar {
    height: 3px!important
}

#mic::-webkit-scrollbar-thumb {
    background: #325970!important;
    border-radius: 10px
}

#mic::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px gray;
    border-radius: 100px;
    background-color: #1aab10!important
}

#micdekiler {
    color: #000;
    height: 40px;
    background: #6d6a68;
    justify-content: center;
    display: flex;
    background: #fdfdfd17
}

#micdekiler img {
    height: 40px;
    border-radius: 100%;
    margin: 0 10px
}

#micdekiler .active_user {
    height: 40px;
    width: 60px
}

.iconsc {
    position: relative;
    bottom: 17px;
    right: -22px;
    border-radius: 50px;
    padding: 0 2px
}

.sub_list_blog {
    width: 40px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    position: relative
}

.sub_list_blog img {
    width: 40px;
    height: 40px;
    display: block
}

.blog_listing,.ub_cntrl {
    border-radius: 5px
}

.ub_cntrl {
    background: #fb0000;
    padding: 5px;
    color: #fff
}

.istekgec_btn,.yayinagec_btn {
    color: #000000;
    padding: 5px;
    border-radius: 5px;
    /* font-size: 10px; */
    font-weight: 700;
    font-family: Sansita;
    margin-top: -10px;
}


.download-container {
    padding: 20px;
    width: 100%;
    height: 100%
}

.android-download-btn {
    display: flex;
    align-items: center;
    background-color: #3ddc84;
    color: #fff;
    padding: 14px 20px;
    border-radius: 14px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    max-width: 320px;
    width: 100%;
    transition: transform .2s ease,box-shadow .2s ease;
    box-shadow: 0 6px 12px rgba(0,0,0,.15)
}

.android-download-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 18px rgba(0,0,0,.2)
}

.android-download-btn img {
    width: 36px;
    height: 36px;
    margin-right: 14px
}

.btn-text {
    display: flex;
    flex-direction: column;
    line-height: 1.2
}

.btn-text .small {
    font-size: 12px;
    opacity: .9
}

.btn-text .bold {
    font-size: 16px;
    font-weight: 700
}

#main_input_mic,.ust_dj {
    width: 100%;
    position: absolute;
    z-index: 19
}

.div-baslik {
    text-align: center;
    position: relative
}

.modal_custom_title {
    background: 0 0;
    color: #260132;
    padding: 7px;
    border-radius: 5px;
    border: 3px solid #260132;
    display: inline
}

#main_input_mic {
    width: 320px;
    height: 410px;
    padding: 25px 15px 20px;
    left: 0;
    bottom: -8px;
    z-index: 202;
    display: none;
    text-align: initial;
    box-shadow: 0 -1px 8px 0 rgba(0,0,0,.1);
    border-radius: .25rem;
    overflow: hidden;
    resize: vertical
}

.room_call_button {
    padding: 3px 9px;
    border-radius: 5px;
    cursor: pointer
}

.room_call_body {
    background: 0 0;
    color: #333
}

.room_call_baslik {
    height: 40px;
    margin-bottom: 5px;
    border-bottom: 1px solid rgb(0 0 0/4%)
}

.room_call_room {
    font-size: 16px;
    font-weight: 700
}

.room_call_icon {
    font-size: 20px;
    vertical-align: middle
}

.room_call_name {
    margin-right: 2px;
    vertical-align: middle
}

#room_call_streams {
    height: 248px;
    overflow-y: auto
}

.room_call .ulist_item {
    position: relative;
    display: table
}

.room_call .ulist_name {
    padding: 0 10px
}

.room_call .ulist_avatar img {
    width: 36px;
    height: 36px
}

.room_call_modal {
    padding: 20px 10px 10px;
    margin: 5px;
    position: fixed;
    z-index: 9999;
    border-radius: 5px;
    display: none
}

.div-baslik:before {
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    border-top: 1px solid #ebebeb
}

.div-baslik span {
    background: #fff;
    color: #363636;
    display: inline-block;
    font-weight: 600;
    line-height: 25px;
    margin: 0;
    padding: 0 30px;
    position: relative;
    border-radius: 12px;
    font-size: 11px
}

.ust_dj_icerik {
    padding: 4px;
    margin: 0 auto;
    width: max-content;
    border-radius: 0 0 10px 10px;
    justify-content: center;
    align-items: center;
    color: #fff;
    background: linear-gradient(261deg,#411d11,#3f33ff,#495f69,#23d5ab,#495f696b);
    background-size: 500% 500%;
    animation: gradient 10s cubic-bezier(.25,.1,.15,1.22) infinite
}

.ust_dj_genel {
    border-radius: 100px
}

.radio-tag,.sohbet_radyaadi {
    border-radius: .25rem;
    border: 1px solid rgba(0,0,0,.07);
    background: rgba(0,0,0,.07)
}

.sohbet_radyaadi {
    min-width: 100%;
    padding: 8px;
    margin-bottom: 6px
}

.radyo_calan_sarkimiz {
    font-weight: 700;
    font-family: sans-serif
}

.yetkili-bildirim-wrapper {
    font-family: "Segoe UI",sans-serif;
    max-width: 500px;
    margin: 15px 0
}

.bildirim-icerik-kutu {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 14px 16px;
    position: relative;
    box-shadow: 0 2px 8px rgba(0,0,0,.05);
    display: flex;
    align-items: center
}

.bildirim-ikon {
    font-size: 18px;
    color: #ff9800;
    margin-right: 2px;
    margin-top: -34px
}

.istek_gonderrenk {
    background: #23d564;
    color: #000
}

.yayinibirakrenk {
    background: #e34e4e;
    color: #fff
}

.istekacrenk {
    background: #46b159;
    color: #000
}

.istekkapatrenk,.yayinagecrenk {
    background: #d1d1d1;
    color: #000
}

.istekmenu {
    padding: 8px;
    min-width: 100px;
    border-bottom: 3px solid #000;
    border-radius: 5px
}

.bildirim-icerik {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    display: block;
    word-wrap: break-word;
    padding-bottom: 24px
}

.bildirim-tarih {
    position: absolute;
    bottom: 8px;
    right: 12px;
    font-size: 11px;
    color: #888;
    font-style: italic
}

.star_rank,.star_rank_chat {
    position: absolute;
    width: 7px;
    height: 7px;
    background-color: #000;
    clip-path: polygon(50%0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)
}

.star_rank_chat {
    top: 18px;
    left: 18px
}

.star_rank {
    top: 50%;
    left: 100%;
    margin-left: -18px
}

.chat_yildiz1 {
    transform: translate(-50%,-50%) rotate(103deg) translate(calc(130% - 33px))
}

.chat_yildiz2 {
    transform: translate(-50%,-50%) rotate(131deg) translate(calc(130% - 37px))
}

.chat_yildiz3 {
    transform: translate(-50%,-50%) rotate(153deg) translate(calc(130% - 40px))
}

.chat_yildiz4 {
    transform: translate(-50%,-50%) rotate(173deg) translate(calc(130% - 43px))
}

.chat_yildiz5 {
    transform: translate(-50%,-50%) rotate(196deg) translate(calc(130% - 45px))
}

.chat_yildiz6 {
    transform: translate(-50%,-50%) rotate(216deg) translate(calc(130% - 46px))
}

.chat_yildiz7 {
    transform: translate(-50%,-50%) rotate(237deg) translate(calc(130% - 45px))
}

.chat_yildiz8 {
    transform: translate(-50%,-50%) rotate(257deg) translate(calc(130% - 45px))
}

.chat_yildiz9 {
    transform: translate(-50%,-50%) rotate(168deg) translate(calc(130% - 34px))
}

.chat_yildiz10 {
    transform: translate(-50%,-50%) rotate(192deg) translate(calc(130% - 35px))
}

.chat_yildiz11 {
    transform: translate(-50%,-50%) rotate(216deg) translate(calc(130% - 35px))
}

.chat_yildiz12 {
    transform: translate(-50%,-50%) rotate(240deg) translate(calc(130% - 35px))
}

.chat_yildiz13 {
    transform: translate(-50%,-50%) rotate(264deg) translate(calc(130% - 35px))
}

.chat_yildiz14 {
    transform: translate(-50%,-50%) rotate(288deg) translate(calc(130% - 35px))
}

.chat_yildiz15 {
    transform: translate(-50%,-50%) rotate(312deg) translate(calc(130% - 32px))
}

.panel_yildiz1 {
    transform: translate(-50%,-50%) rotate(-24deg) translate(calc(130% - 31px))
}

.panel_yildiz2 {
    transform: translate(-50%,-50%) rotate(0deg) translate(calc(130% - 30px))
}

.panel_yildiz3 {
    transform: translate(-50%,-50%) rotate(24deg) translate(calc(130% - 30px))
}

.panel_yildiz4 {
    transform: translate(-50%,-50%) rotate(48deg) translate(calc(130% - 30px))
}

.panel_yildiz5 {
    transform: translate(-50%,-50%) rotate(72deg) translate(calc(130% - 31px))
}

.panel_yildiz6 {
    transform: translate(-50%,-50%) rotate(96deg) translate(calc(130% - 31px))
}

.panel_yildiz7 {
    transform: translate(-50%,-50%) rotate(120deg) translate(calc(130% - 31px))
}

.panel_yildiz8 {
    transform: translate(-50%,-50%) rotate(144deg) translate(calc(130% - 31px))
}

.panel_yildiz9 {
    transform: translate(-50%,-50%) rotate(168deg) translate(calc(130% - 31px))
}

.panel_yildiz10 {
    transform: translate(-50%,-50%) rotate(192deg) translate(calc(130% - 31px))
}

.panel_yildiz11 {
    transform: translate(-50%,-50%) rotate(216deg) translate(calc(130% - 31px))
}

.panel_yildiz12 {
    transform: translate(-50%,-50%) rotate(240deg) translate(calc(130% - 31px))
}

.panel_yildiz13 {
    transform: translate(-50%,-50%) rotate(264deg) translate(calc(130% - 31px))
}

.panel_yildiz14 {
    transform: translate(-50%,-50%) rotate(288deg) translate(calc(130% - 31px))
}

.panel_yildiz15 {
    transform: translate(-50%,-50%) rotate(312deg) translate(calc(130% - 31px))
}

.right_yildiz1 {
    transform: translate(-50%,-50%) rotate(270deg) translate(calc(100% - 36px))
}

.right_yildiz2 {
    transform: translate(-50%,-50%) rotate(297deg) translate(calc(100% - 39px))
}

.right_yildiz3 {
    transform: translate(-50%,-50%) rotate(321deg) translate(calc(130% - 44px))
}

.right_yildiz4 {
    transform: translate(-50%,-50%) rotate(347deg) translate(calc(100% - 42px))
}

.right_yildiz5 {
    transform: translate(-50%,-50%) rotate(14deg) translate(calc(80% - 41px))
}

.right_yildiz6 {
    transform: translate(-50%,-50%) rotate(38deg) translate(calc(60% - 38px))
}

.right_yildiz7 {
    transform: translate(-50%,-50%) rotate(62deg) translate(calc(10% - 32px))
}

.right_yildiz8 {
    transform: translate(-50%,-50%) rotate(85deg) translate(calc(-25% - 27px))
}

.user_yildiz_choice .bccheck {
    color: red;
    margin-top: 14px
}

.user_yildiz_color1,.user_yildiz_colors1 {
    background: linear-gradient(to top,#f33,maroon)!important
}

.user_yildiz_color2,.user_yildiz_colors2 {
    background: linear-gradient(to top,#f63,#4d1300)!important
}

.user_yildiz_color3,.user_yildiz_colors3 {
    background: linear-gradient(to top,#f93,#4d2600)!important
}

.user_yildiz_color4,.user_yildiz_colors4 {
    background: linear-gradient(to top,#fc3,#806000)!important
}

.user_yildiz_color5,.user_yildiz_colors5 {
    background: linear-gradient(to top,#cc0,#4d4d00)!important
}

.user_yildiz_color6,.user_yildiz_colors6 {
    background: linear-gradient(to top,#9c0,#394d00)!important
}

.user_yildiz_color7,.user_yildiz_colors7 {
    background: linear-gradient(to top,#59b300,#264d00)!important
}

.user_yildiz_color8,.user_yildiz_colors8 {
    background: linear-gradient(to top,#829356,#2b301c)!important
}

.user_yildiz_color9,.user_yildiz_colors9 {
    background: linear-gradient(to top,green,#001a00)!important
}

.user_yildiz_color10,.user_yildiz_colors10 {
    background: linear-gradient(to top,#00e639,#00330d)!important
}

.user_yildiz_color11,.user_yildiz_colors11 {
    background: linear-gradient(to top,#00e673,#063)!important
}

.user_yildiz_color12,.user_yildiz_colors12 {
    background: linear-gradient(to top,#00e6ac,#004d39)!important
}

.user_yildiz_color13,.user_yildiz_colors13 {
    background: linear-gradient(to top,#0cc,#004d4d)!important
}

.user_yildiz_color14,.user_yildiz_colors14 {
    background: linear-gradient(to top,#03add8,#013d4b)!important
}

.user_yildiz_color15,.user_yildiz_colors15 {
    background: linear-gradient(to top,#36f,#002080)!important
}

.user_yildiz_color16,.user_yildiz_colors16 {
    background: linear-gradient(to top,#107896,#073845)!important
}

.user_yildiz_color17,.user_yildiz_colors17 {
    background: linear-gradient(to top,#004d99,#66b3ff)!important
}

.user_yildiz_color18,.user_yildiz_colors18 {
    background: linear-gradient(to top,#63f,#c6b3ff)!important
}

.user_yildiz_color19,.user_yildiz_colors19 {
    background: linear-gradient(to top,#93f,#d9b3ff)!important
}

.user_yildiz_color20,.user_yildiz_colors20 {
    background: linear-gradient(to top,#c3f,#ecb3ff)!important
}

.user_yildiz_color21,.user_yildiz_colors21 {
    background: linear-gradient(to top,#f3f,#ffb3ff)!important
}

.user_yildiz_color22,.user_yildiz_colors22 {
    background: linear-gradient(to top,#f3c,#ff99e6)!important
}

.user_yildiz_color23,.user_yildiz_colors23 {
    background: linear-gradient(to top,#f39,#ffb3d9)!important
}

.user_yildiz_color24,.user_yildiz_colors24 {
    background: linear-gradient(to top,#f36,#ffb3c6)!important
}

.user_yildiz_color25,.user_yildiz_colors25 {
    background: linear-gradient(to top,#40e0d0,#ff8c00,#ff0080)!important
}

.user_yildiz_color26,.user_yildiz_colors26 {
    background: linear-gradient(to top,#11998e,#38ef7d)!important
}

.user_yildiz_color27,.user_yildiz_colors27 {
    background: linear-gradient(to top,#108dc7,#ef8e38)!important
}

.user_yildiz_color28,.user_yildiz_colors28 {
    background: linear-gradient(to top,#fc5c7d,#6a82fb)!important
}

.user_yildiz_color29,.user_yildiz_colors29 {
    background: linear-gradient(to top,#fc466b,#3f5efb)!important
}

.user_yildiz_color30,.user_yildiz_colors30 {
    background: linear-gradient(to top,#c94b4b,#4b134f)!important
}

.user_yildiz_color31,.user_yildiz_colors31 {
    background: linear-gradient(to top,#00f260,#0575e6)!important
}

.user_yildiz_color32,.user_yildiz_colors32 {
    background: linear-gradient(to top,#fc4a1a,#f7b733)!important
}

.user_yildiz_color33,.user_yildiz_colors33 {
    background: linear-gradient(to top,#22c1c3,#fdbb2d)!important
}

.user_yildiz_color34,.user_yildiz_colors34 {
    background: linear-gradient(to top,#7f00ff,#e100ff)!important
}

.user_yildiz_color35,.user_yildiz_colors35 {
    background: linear-gradient(to top,#67b26f,#4ca2cd)!important
}

.user_yildiz_color36,.user_yildiz_colors36 {
    background: linear-gradient(to top,#ee0979,#ff6a00)!important
}

.user_yildiz_color37,.user_yildiz_colors37 {
    background: linear-gradient(to top,#00c3ff,#ffff1c)!important
}

.user_yildiz_color38,.user_yildiz_colors38 {
    background: linear-gradient(to top,#fc00ff,#00dbde)!important
}

.user_yildiz_color39,.user_yildiz_colors39 {
    background: linear-gradient(to top,#833ab4,#fd1d1d,#fcb045)!important
}

.user_yildiz_color40,.user_yildiz_colors40 {
    background: linear-gradient(to top,#43cea2,#185a9d)!important
}

.user_yildiz_color41,.user_yildiz_colors41 {
    background: linear-gradient(to top,#bdc3c7,#2c3e50)!important
}

.user_yildiz_color42,.user_yildiz_colors42 {
    background: linear-gradient(to top,#373b44,#4286f4)!important
}

.user_yildiz_color43,.user_yildiz_colors43 {
    background: linear-gradient(to top,#2980b9,#6dd5fa,#fff)!important
}

.user_yildiz_color44,.user_yildiz_colors44 {
    background: linear-gradient(to top,#f09,#493240)!important
}

.user_yildiz_color45,.user_yildiz_colors45 {
    background: linear-gradient(to top,#f953c6,#b91d73)!important
}

.user_yildiz_color46,.user_yildiz_colors46 {
    background: linear-gradient(to left,#c31432,#240b36)!important
}

.user_yildiz_color47,.user_yildiz_colors47 {
    background: linear-gradient(to top,#dd3e54,#6be585)!important
}

.user_yildiz_color48,.user_yildiz_colors48 {
    background: linear-gradient(to top,#8360c3,#2ebf91)!important
}

.user_yildiz_color49,.user_yildiz_colors49 {
    background: linear-gradient(to top,#544a7d,#ffd452)!important
}

.user_yildiz_color50,.user_yildiz_colors50 {
    background: linear-gradient(to top,#009fff,#ec2f4b)!important
}

.user_yildiz_color51,.user_yildiz_colors51 {
    background: linear-gradient(to top,#59c173,#a17fe0,#5d26c1)!important
}

.user_yildiz_color52,.user_yildiz_colors52 {
    background: linear-gradient(to top,#005aa7,#fffde4)!important
}

.user_yildiz_color53,.user_yildiz_colors53 {
    background: linear-gradient(to top,#da4453,#89216b)!important
}

.user_yildiz_color54,.user_yildiz_colors54 {
    background: linear-gradient(to top,#ad5389,#3c1053)!important
}

.user_yildiz_color55,.user_yildiz_colors55 {
    background: linear-gradient(to top,#a8c0ff,#3f2b96)!important
}

.user_yildiz_color56,.user_yildiz_colors56 {
    background: linear-gradient(to top,#333,#dd1818)!important
}

.user_yildiz_color57,.user_yildiz_colors57 {
    background: linear-gradient(to top,#108dc7,#ef8e38)!important
}

.user_yildiz_color58,.user_yildiz_colors58 {
    background: linear-gradient(to top,#23074d,#cc5333)!important
}

.user_yildiz_color59,.user_yildiz_colors59 {
    background: linear-gradient(to top,#fffbd5,#b20a2c)!important
}

.user_yildiz_color60,.user_yildiz_colors60 {
    background: linear-gradient(to top,#0f0c29,#302b63,#24243e)!important
}

.user_yildiz_color61,.user_yildiz_colors61 {
    background: linear-gradient(to top,purple,pink)!important
}

.user_yildiz_color62,.user_yildiz_colors62 {
    background: linear-gradient(to top,#00f260,#0575e6)!important
}

.user_yildiz_color63,.user_yildiz_colors63 {
    background: linear-gradient(to top,#667db6,#0082c8,#ec38bc,#fdeff9)!important
}

.user_yildiz_color64,.user_yildiz_colors64 {
    background: linear-gradient(to top,#e1eec3,#f05053)!important
}

.user_yildiz_color65,.user_yildiz_colors65 {
    background: linear-gradient(to top,#03001e,#7303c0,#ec38bc,#fdeff9)!important
}

.user_yildiz_color66,.user_yildiz_colors66 {
    background: linear-gradient(to top,#1a2a6c,#b21f1f,#fdbb2d)!important
}

.user_yildiz_color67,.user_yildiz_colors67 {
    background: linear-gradient(to top,#000,#0f9b0f)!important
}

.user_yildiz_color68,.user_yildiz_colors68 {
    background: linear-gradient(to top,#36d1dc,#5b86e5)!important
}

.user_yildiz_color69,.user_yildiz_colors69 {
    background: linear-gradient(to top,#3a1c71,#d76d77,#ffaf7b)!important
}

.user_yildiz_color70,.user_yildiz_colors70 {
    background: linear-gradient(to top,#283c86,#45a247)!important
}

.user_yildiz_color71,.user_yildiz_colors71 {
    background: linear-gradient(to top,#ef3b36,#fff)!important
}

.user_yildiz_color72,.user_yildiz_colors72 {
    background: linear-gradient(to top,#159957,#155799)!important
}

.user_yildiz_color73,.user_yildiz_colors73 {
    background: linear-gradient(to top,#000046,#1cb5e0)!important
}

.user_yildiz_color74,.user_yildiz_colors74 {
    background: linear-gradient(to top,#56ccf2,#2f80ed)!important
}

.user_yildiz_color75,.user_yildiz_colors75 {
    background: linear-gradient(to top,#eb5757,#000)!important
}

.user_yildiz_color76,.user_yildiz_colors76 {
    background: linear-gradient(to top,#20002c,#cbb4d4)!important
}

.user_yildiz_color77,.user_yildiz_colors77 {
    background: linear-gradient(to top,#34e89e,#0f3443)!important
}

.user_yildiz_color78,.user_yildiz_colors78 {
    background: linear-gradient(to top,#bdc3c7,#2c3e50)!important
}

.user_yildiz_color79,.user_yildiz_colors79 {
    background: linear-gradient(to top,#a80077,#6f0)!important
}

.user_yildiz_color80,.user_yildiz_colors80 {
    background: linear-gradient(to top,#000,#656565)!important
}

.ub_class {
    width: 32px;
    margin: 5px;
    display: grid;
    align-items: center;
    float: left;
    position: relative;
    border-radius: 10px
}

.ub_img {
    width: 100%;
    height: 100px
}

#ub_zone .ub_class {
    width: 100px
}

div#ub_zone {
    display: flex;
    flex-wrap: wrap
}

.switch_wrap1 {
    width: 50px
}

.oda_efekt,.pp_oda {
    animation: pulse5 linear 1000ms infinite
}


#koyumod_icon {
    font-size: 22px;
    color: #012832
}

.koyumod_icon .mdi-white-balance-sunny {
    color: #fff!important
}

#koyumod_icon:hover {
    color: #000
}

.EmojiList,.EmojiList2 {
    border-radius: 23%;
    cursor: pointer;
    float: left;
    min-width: 38px;
    margin: -2px
}

.EmojiList {
    min-height: 38px;
    max-height: 38px;
    max-width: 38px;
    background-color: #eaeaea6e;
    padding: 5px;
    box-shadow: 4px 7px 10px 5px rgb(102 92 92)
}

.EmojiList2 {
    min-height: 58px;
    max-height: 58px;
    padding: 3px
}

.sticker .EmojiList2 {
    border-radius: 23%;
    width: 50px;
    min-width: 50px;
    min-height: 50px;
    background-color: #ffffff6e
}

.bgifs {
    background: #30323b
}

.emo_select1 {
    height: 45px;
    display: block;
    padding: 3px
}

#private_gifs {
    width: 100%;
    height: 0;
    position: absolute;
    bottom: 65%;
    left: 0;
    z-index: 100;
    display: none
}

.emo_content_priv2 {
    width: 100%;
    height: 160px;
    overflow: hidden;
    overflow-y: auto;
    padding: 5px;
    background: #c5c5c5
}

.ikonListesiIMG3 {
    border-radius: 50px;
    cursor: pointer;
    float: left;
    min-height: 58px;
    max-height: 58px;
    min-width: 58px;
    max-width: 58px;
    background-color: #d1d1d16e;
    padding: 3px
}

.sticker,.sticker .ikonListesiIMG3 {
    border-radius: 50px;
    width: 50px;
    min-width: 50px;
    min-height: 50px;
    background-color: #ffffff6e
}

img.sticker1 {
    width: 150px;
    max-width: 100%;
    height: 100px;
    max-height: 100%;
    border-radius: 5px
}

.vcall_el,.vcall_yayinda {
    height: 20px;
    width: 20px;
    margin-right: 5px
}

.istek_post_title {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-left: 5px
}

.istek_renk {
    color: #fff
}

span.beklemede {
    color: #fff;
    background: #8c8c8c;
    padding: 3px 10px;
    display: inline-block;
    line-height: 1em;
    margin-top: 2px;
    border-radius: 20px;
    font-weight: 400
}

.siradaa,.yayinla,span.sirada {
    display: inline-block;
    color: #000
}

span.calindi,span.sirada {
    padding: 3px 10px;
    line-height: 1em;
    margin-top: 2px;
    border-radius: 20px;
    font-weight: 400
}

span.sirada {
    background: #f5ffac
}

span.calindi {
    color: #fff;
    background: #b303d8;
    display: inline-block
}

.beklemede:hover,.calindi:hover,.sirada:hover,.siradaa:hover {
    background-color: #eb675e
}

.siradaa,.yayinla {
    background-color: #f5ffac;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
    font-family: Arial;
    font-size: 10px;
    padding: 5px 10px;
    text-decoration: none
}

.siradaa:active {
    position: relative;
    top: 1px
}

.yayinla {
    background-color: #009020;
    color: #fff
}

.yayinla:hover {
    background-color: #eb675e
}

.yayinla:active {
    position: relative;
    top: 1px
}

.post_info span {
    font-size: 11px
}

.yonetbuton {
    margin-top: -1px
}

.calindii {
    background-color: #b303d8;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
    color: #fff;
    font-family: Arial;
    font-size: 10px;
    padding: 2px 10px;
    margin-left: 15px;
    text-decoration: none;
    width: 38px;
    float: left;
    margin-right: 5px
}

.calindii:hover {
    background-color: #eb675e
}

.calindii:active {
    position: relative;
    top: 1px
}

.onay_input {
    text-align: center;
    line-height: 38px;
    font-size: 15px;
    z-index: 1;
    position: relative
}

.head_notify_onay {
    position: absolute;
    top: 5px;
    left: 23px;
    width: 17px;
    height: 18px;
    border-radius: 50px;
    display: none
}

.roombackground {
    background-size: 100% 100%!important
}

.add_room_background {
    position: relative
}

.room_background_item_wrap {
    display: table;
    border-radius: 50px;
    overflow: hidden
}

.room_background_item {
    width: 40px;
    height: 30px;
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.room_background_menu {
    display: table-cell;
    vertical-align: middle;
    width: 147px
}

.room_background_select {
    -webkit-appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.room_background_size {
    height: 250px
}

.choose_room_background {
    position: relative
}

.hediye_cark_arrow_dynamic {
    position: absolute;
    top: -45px;
    left: 43%;
    transform: translateX(-50%) rotate(13deg);
    color: #000000;
    font-size: 65px;
    z-index: 999
}

.hediye_cark {
    width: 320px;
    height: 320px;
    margin: 0 auto;
    /* background: radial-gradient(circle,#fff,#dde); */
    border-radius: 50%;
    /* border: 10px solid #ff0000; */
    position: relative;
    /* overflow: hidden; */
    transition: transform 5s ease-out;
    /* box-shadow: 0 0 15px rgba(0,0,0,.2),inset 0 0 10px rgba(255,255,255,.3); */
    transition: transform 5s cubic-bezier(.17,.67,.83,.67)
}

.hediye_cark:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    /* box-shadow: 0 0 30px rgba(0,0,0,.1),0 0 60px rgba(255,255,255,.2); */
    z-index: -1
}

#hediye_cark_spin,.hediye_cark div {
    position: absolute;
    left: 50%;
    font-weight: 700;
    color: #fff;
    font-family: sans-serif
}

.hediye_cark div {
    width: 70px;
    height: 150px;
    top: 0;
    clip-path: polygon(100% 0,0 100%,0 0);
    transform-origin: 0 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px
}

.hediye_cark span {
    position: absolute;
    top: 30%;
    margin-left: 60%;
    transform: translate(-50%,-50%) rotate(100deg);
    font-size: 16px;
    color: #fff;
    text-align: center;
    width: 100%
}

.hediye_cark img {
    width: 14px;
    height: 14px;
    vertical-align: middle
}

.hediye_cark .c-bir {
    background-color: red;
    transform: rotate(0deg);
	box-shadow:inset 0 0 36px -7px #000;
}

.hediye_cark .c-iki {
    background-color: #21cf34;
    transform: rotate(24deg);
		box-shadow:inset 0 0 36px -7px #000;
}

.hediye_cark .c-uc {
    background-color: #008cff;
    transform: rotate(48deg);
		box-shadow:inset 0 0 36px -7px #000;
}

.hediye_cark .c-dort {
    background-color: #fc0;
    transform: rotate(72deg);
		box-shadow:inset 0 0 36px -7px #000;
}

.hediye_cark .c-bes {
    background-color: #f60;
    transform: rotate(96deg);
		box-shadow:inset 0 0 36px -7px #000;
}

.hediye_cark .c-alti {
    background-color: red;
    transform: rotate(120deg);	box-shadow:inset 0 0 36px -7px #000;
}

.hediye_cark .c-yedi {
    background-color: #ff6700;
    transform: rotate(144deg);	box-shadow:inset 0 0 36px -7px #000;
}

.hediye_cark .c-sekiz {
    background-color: #f0c;
    transform: rotate(168deg);	box-shadow:inset 0 0 36px -7px #000;
}

.hediye_cark .c-dokuz {
    background-color: #c0f;
    transform: rotate(192deg);	box-shadow:inset 0 0 36px -7px #000;
}

.hediye_cark .c-on {
    background-color: #60f;
    transform: rotate(216deg);	box-shadow:inset 0 0 36px -7px #000;
}

.hediye_cark .c-onbir {
    background-color: red;
    transform: rotate(240deg);	box-shadow:inset 0 0 36px -7px #000;
}

.hediye_cark .c-oniki {
    background-color: #06f;
    transform: rotate(264deg);	box-shadow:inset 0 0 36px -7px #000;
}

.hediye_cark .c-onuc {
    background-color: #0cf;
    transform: rotate(288deg);	box-shadow:inset 0 0 36px -7px #000;
}

.hediye_cark .c-ondort {
    background-color: #b200ff;
    transform: rotate(312deg);	box-shadow:inset 0 0 36px -7px #000;
}

.hediye_cark .c-onbes {
    background-color: #21cf34;
    transform: rotate(336deg);	box-shadow:inset 0 0 36px -7px #000;
}

.hediye_cark_arrow {
    position: absolute;
    top: 20px;
    text-align: center;
    font-size: 30px;
    color: #1f2667;
    z-index: 999;
    animation: arrow-pulse 1.5s infinite
}

.hediye_cark_wrapper {
    width: 320px;
    height: 320px;
    margin: 0 auto;
    text-align: center
}

#hediye_cark_spin {
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 10;
    background-color: #1f2667;
    text-transform: uppercase;
    border: 6px solid #fff;
    font-size: 10px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    cursor: pointer;
    outline: 0;
    letter-spacing: 1px;
    box-shadow: 0 0 10px rgba(255,255,255,.5),inset 0 0 5px rgba(0,0,0,.2)
}

.hediye_cark_metin {
    text-align: center;
    margin: 20px 10% 0;
    padding: 10px 0;
    color: #1f2667;
    font-weight: 700;
    background: #dde;
    border-radius: 6px
}

.winner-glow {
    animation: glow 1s infinite alternate
}

i.mdi.mdi-email-fast {
    font-size: 26px
}

#mydiv {
		position: absolute;
		z-index: 9;
		text-align: center;
		border-radius: 10px;
		color: #ff1100;

	}


	.mydivheader {
		padding: 4px;
		cursor: pointer;
		background-color: #ff0000;
		color: #fff;
		border-radius: 17px;
	}
#mydiv1 {
		position: absolute;
		z-index: 9;
		text-align: center;
		border-radius: 10px;
		color: #ff1100;

	}


	.mydivheader1 {
		padding: 4px;
		cursor: pointer;

		background-color: #ff0000;
		color: #fff;
		border-radius: 17px;
	}
.OkeyOyun {
	width:100px;
	height:50px;
	position:fixed;
	z-index:4;
	margin-top:-44px;
}
.nickdusurmobil {
	background-color:blue;
	color:#fff;
	position:fixed;
	margin-top:5px;
	margin-left:90px;
	font-size:16px;
	border-radius:100px;
}
.nickdusurmobil:hover {
	background-color:white;
	color:black;
	position:fixed;
	margin-top:5px;
	margin-left:90px;
	font-size:16px;
	border-radius:100px;
}
.masagizlemobil {
	background-color:blue;
	color:#fff;
	position:fixed;
	margin-top:5px;
	margin-left:260px;
	font-size:16px;
	border-radius:100px;
}
.masagizlemobil:hover {
	background-color:white;
	color:black;
	position:fixed;
	margin-top:5px;
	margin-left:260px;
	font-size:16px;
	border-radius:100px;
}
#oyunmydiv {
	position:absolute;
	z-index:9;
	text-align:center;
	border-radius:10px;
	color:#ff1100;
}
.oyunmobil {
	width:100%;
	height:105vh;
	background-color:#fffacd00;
	position:fixed;
	z-index:99;
	margin-top:0;
}
.oyuniframe {
	position:absolute;
	margin-top:30px;
	z-index:-1;
	margin-left:260px;
}
.nickdusur {
	background-color:blue;
	color:#fff;
	position:fixed;
	margin-top:10px;
	margin-left:300px;
	font-size:16px;
	border-radius:100px;
}
.nickdusur:hover {
	background-color:white;
	color:black;
	position:fixed;
	margin-top:10px;
	margin-left:300px;
	font-size:16px;
	border-radius:100px;
}
.masagizle {
	background-color:blue;
	color:#fff;
	position:fixed;
	margin-top:10px;
	margin-left: 919px;
	font-size:16px;
	border-radius:100px;
}
.masagizle:hover {
	background-color:white;
	color:black;
	position:fixed;
	margin-top:10px;
	margin-left:919px;
	font-size:16px;
	border-radius:100px;
}
.masaustdiv {
	background-color:#000000a8;
	font-size:16px;
	width:735px;
	height:30px;
	margin-top:5px;
	position:fixed;
	margin-left:262px;
	cursor:move;
	color:#fff;
	border-radius:10px;
	line-height:30px;
}	
	
	
	


    .notification-list {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .notification-item {
        display: flex;
        align-items: flex-start;
        padding: 15px;
    }

    .notification-item:last-child {
        border-bottom: none;
    }

    .notification-item:hover {
        /* background-color: #f8f9fa; */
    }

  
    .notification-content {
        flex: 1;
        font-size: 18px;
        font-weight: bold;
        font-family: 'Sansita';
    }

 

    .notification-message {
        color: #666;
        font-size: 14px;
    }




.popup-overlay {
  display: none; /* başta kapalı */
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0,0,0,0.6);
  z-index: 9999;
  align-items: center;
  justify-content: center;
}
.popup-box {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  width: 420px;
  max-width: 95%;
  height: 500px;
  position: relative;
  box-shadow: 0 6px 18px rgba(0,0,0,0.25);
}
.popup-box iframe {
  width: 100%;
  height: 100%;
  border: none;
}
.close-btn {
  position: absolute;
  top: 8px;
  right: 8px;
  background: #ff4d4d;
  border: none;
  color: #fff;
  font-size: 14px;
  padding: 4px 8px;
  cursor: pointer;
  border-radius: 6px;
}