/* your custom style here */


.ch_logs, .chat_system, .my_text .username{
	font-size:16px;
}
/* switch element */
.switch_item { display:table; table-layout:fixed; width:100%; padding:12px; }
.switch_item_switch { display:table-cell; vertical-align:middle; width:60px; }
.switch_item_text { display:table-cell; vertical-align:middle; }
.switch_wrap { display:block; width:50px; margin:0 auto;}
.bswitch { display:table; width:50px; padding:2px; border-radius:100px; }
.bball_wrap { display:table-cell; vertical-align:middle; }
.bball { width:24px; height:24px; border-radius:50%; display:block; }
.offswitch { background:#ccc; }
.onswitch{ background:#74b20e; }
.onball { background:#fff; margin-left:22px; }
.offball { background:#fff; margin-left:0px; }


/* table and cell css */
.btable { display:table; table-layout:fixed; width:100%; }
.btable_auto { display:table; table-layout:auto; }
.btable_height { display:table; table-layout:fixed; width:100%; height:100%; }
.bcell { display:table-cell; }
.bcell_auto { display:table-cell; width:1%; white-space:nowrap; }
.brow { display:table-row; }
.brow_center  { display:table-row; vertical-align:center; }
.bcell_mid { display:table-cell; vertical-align:middle; }
.bcell_mid_center { display:table-cell; vertical-align:middle; text-align:center; }
.bcell_mid_auto { display:table-cell; vertical-align:middle; width:1%; white-space:nowrap; }
.bcell_mid_right { display:table-cell; vertical-align:middle; text-align:right; }
.bcell_mid_left { display:table-cell; vertical-align:middle; text-align:left; }
.bcell_top { display:table-cell; vertical-align:top; }
.bcell_bottom { display:table-cell; vertical-align:bottom; }


.gift-container{border:1px solid #ccc;text-align:center}div.gift-container:hover{border:1px solid #777}div.gift-container img{padding:10px 5px 5px;}div.gift-desc{padding: 5px 3px;text-align:center;background:#260132;font-size: 13px;color:#fff;}.gift-responsive{padding:6px;float:left;width:25%}@media only screen and (max-width:700px){.gift-responsive{width:33%;margin:6px 0}}@media only screen and (max-width:500px){.gift-responsive{width:33%}}p.giftheading{padding-bottom:5px;text-align:center;color:#ffffff;font-size:17px}div.gift-container:hover>div.gift-desc{background:#a703dc;color:#fff;}
.gift_img {
	border-radius:12px;
	max-width:100px;
	max-height:auto;
}
/*shadow_avatar*/
.info {
    border-radius: 5px;
    background: #b000;
    color: #fff;
    font-weight: bold;
    text-align: center;
}
div.gift-container img{
	padding:10px 5px 5px;
	width:80px;
	height:80px
}
div.gift-desc {
    padding: 5px 3px;
    text-align: center;
    background: #aa0000 !important;
    font-size: 13px;
    color: #fff;
}
.gift-responsive{
	padding:6px;
	float:left;
	width:25%
}
@media only screen and (max-width:700px){
	.gift-responsive{width:33%;margin:6px 0}
}
@media only screen and (max-width:500px){
	.gift-responsive{width:33%}
}
.gift-container {
	border:1px solid #069;
	text-align:center;
	cursor:pointer;
}
.drop_list { display:none; cursor:pointer; }
.ucount { border-radius:50px; font-size:12px; }
.ocount { color: #000000;}
.nameWave {
	background-size: 200% 100%;
	background-position: 0 0;
	-webkit-animation: nameWave 3s linear infinite normal;
	animation: nameWave 3s linear infinite normal
}

.clip {
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

@keyframes nameWave {
	0% {
		background-position: 0 0
	}
	100% {
		background-position: 100% 0
	}
}

@keyframes wardan{to{background-position:200% center;}
}
.sedraname{color:#fff;font-size:15px;font-weight:700;background:linear-gradient(to right, #750b9c 10%, #fff 50%, #b330e3 60%);background-size:auto auto;background-clip:border-box;background-size:200% auto;color:#fff;background-clip:text;text-fill-color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:sed 1.5s linear infinite;display:inline-block;}
@keyframes sed{to{background-position:200% center;}
}
.ammarname{color:#fff;font-size:15px;font-weight:700;background:linear-gradient(to right, crimson 10%, #000 50%, crimson 60%);background-size:auto auto;background-clip:border-box;background-size:200% auto;color:#fff;background-clip:text;text-fill-color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:ammar 1.5s linear infinite;display:inline-block;}
@keyframes ammar{to{background-position:200% center;}
}
@keyframes sm_3600{0%{transform:translate3d(0px, 0px, 0px);}
100%{transform:translate3d(-3600px, 0px, 0px);}
}
@keyframes sm_756{0%{transform:translate3d(0px, 0px, 0px);}
100%{transform:translate3d(-756px, 0px, 0px);}
}
@keyframes sm_3456{0%{transform:translate3d(0px, 0px, 0px);}
100%{transform:translate3d(-3456px, 0px, 0px);}
}
@keyframes sm_1512{0%{transform:translate3d(0px, 0px, 0px);}
100%{transform:translate3d(-1512px, 0px, 0px);}
}
@keyframes sm_1800{0%{transform:translate3d(0px, 0px, 0px);}
100%{transform:translate3d(-1800px, 0px, 0px);}
}
@keyframes sm_960{0%{transform:translate3d(0px, 0px, 0px);}
100%{transform:translate3d(-960px, 0px, 0px);}
}
@keyframes sm_2880{0%{transform:translate3d(0px, 0px, 0px);}
100%{transform:translate3d(-2880px, 0px, 0px);}
}
@keyframes a_1800{100%{background-position:-1800px center;}
}
@keyframes a_3456{100%{background-position:-3456px center;}
}


.nameWave {
    background-size: 200% 100%;
    background-position: 0 0;
    -webkit-animation: nameWave 3s linear infinite normal;
    animation: nameWave 3s linear infinite normal;
}
.clip {
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@keyframes sm_3600 { 100% { background-position: -3600px center;}}
@keyframes sm_2304 { 100% { background-position: -2304px center;}}
@keyframes a_3456 { 100% { background-position: -3456px center;}}
@keyframes a_3024 { 100% { background-position: -3024px center;}}
@keyframes a_3600 { 100% { background-position: -3600px center;}}
@keyframes a_720 { 100% { background-position: -720px center;}}
@keyframes a_1800 { 100% { background-position: -1800px center;}}
@keyframes a_720 { 100% { background-position: -720px center;}}


@keyframes wardan{to{background-position:200% center;}
}
.sedraname{color:#fff;font-size:15px;font-weight:700;background:linear-gradient(to right, #750b9c 10%, #fff 50%, #b330e3 60%);background-size:auto auto;background-clip:border-box;background-size:200% auto;color:#fff;background-clip:text;text-fill-color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:sed 1.5s linear infinite;display:inline-block;}
@keyframes sed{to{background-position:200% center;}
}
.ammarname{color:#fff;font-size:15px;font-weight:700;background:linear-gradient(to right, crimson 10%, #000 50%, crimson 60%);background-size:auto auto;background-clip:border-box;background-size:200% auto;color:#fff;background-clip:text;text-fill-color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:ammar 1.5s linear infinite;display:inline-block;}
@keyframes ammar{to{background-position:200% center;}
}
@keyframes sm_3600{0%{transform:translate3d(0px, 0px, 0px);}
100%{transform:translate3d(-3600px, 0px, 0px);}
}
@keyframes sm_756{0%{transform:translate3d(0px, 0px, 0px);}
100%{transform:translate3d(-756px, 0px, 0px);}
}
@keyframes sm_3456{0%{transform:translate3d(0px, 0px, 0px);}
100%{transform:translate3d(-3456px, 0px, 0px);}
}
@keyframes sm_1512{0%{transform:translate3d(0px, 0px, 0px);}
100%{transform:translate3d(-1512px, 0px, 0px);}
}
@keyframes sm_1800{0%{transform:translate3d(0px, 0px, 0px);}
100%{transform:translate3d(-1800px, 0px, 0px);}
}
@keyframes sm_960{0%{transform:translate3d(0px, 0px, 0px);}
100%{transform:translate3d(-960px, 0px, 0px);}
}
@keyframes sm_2880{0%{transform:translate3d(0px, 0px, 0px);}
100%{transform:translate3d(-2880px, 0px, 0px);}
}
@keyframes a_1800{100%{background-position:-1800px center;}
}
@keyframes a_3456{100%{background-position:-3456px center;}
}
.se_switch_wrap {
    display: block;
    width: 24px;
    margin: 0 auto;
}


.se_bball {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: block;
}

.se_bswitch {
    display: table;
    width: 24px;
    padding: 2px;
    border-radius: 100px;
}

.se_switch_item_switch {
    cursor: pointer;
    display: inline-block;
    margin-left: 5px;
}

.se_onball {
    background: #fff;
    margin-left: 10px;
}

.se_chat_box{
	border-radius: 3px;
	background: #0f556b;
	vertical-align: middle;
	padding: 6px 10px;
	margin-top: 5px;
	cursor: pointer;
	display: flex;
	align-items : center;
	justify-content: center;
	padding-right: 10px;
}

.se_chat_box i{
	color: #fab490;
	font-size: 31px;
}

.se_chat_box_main{
	display:inline-block;
}

.se_text {
	text-align:center;
	display: inline-block;
	color: #e6e6e6;
	font-weight: bold;
	margin-left: 8px;
}

.se_text img{
	height:16px;
	vertical-align: middle;
	margin-left: 5px;
}

.se_text2 {
    text-align:center;
    color: #000000;
    background: #68a2b8;
    border-radius: 5px;
    margin-left: 8px;
    margin-top: 5px;
}


.sound_container{
	vertical-align: middle;
	text-align: center;
}

.se_box{
	border: 1px solid #012832;
	background: #fafafa;
	width: 111px;
	margin: 3px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	border-radius: 10px;
	box-shadow: 1px 1px 1px white;
}

.se_box_actions{
	width: 100%;
	display: inline-block;
	padding: 6px;
	vertical-align: middle;
	text-align: center;
}

.se_box_text{
	height: 25px;
	border: 1px solid #012832;
	background: #012832;
	color: #fff;
	font-size: 10px;
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	text-overflow: ellipsis;
	display: flex;
	align-items : center;
	justify-content: center;
}


.se_button_container{
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}


.se_button{
	width: 40px;
	height: 40px;
	display: inline-block;
	background: #012832;
	color: #fff;
	vertical-align: middle;
	border-radius: 50%;
	text-align: center;
	font-size: 15px;
	margin: 2px;
	padding-top: 12px;
	cursor: pointer;
}


.se_button_text{
	width: 40px;
	display: inline-block;
	color: #012832;
	vertical-align: middle;
	text-align: center;
	font-size: 10px;
	margin: 2px;
}
.user_count {
    color: white;
    font-size: 12px;
    font-weight: bold;
    border-radius: 5px;
    padding: 4px;
    margin: 5px;
    width: 96%;
    margin-left: 2%;
    text-align: center;   
}
/* START CUSTOM CSS */
@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.6.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */

.animated, #notify_private, .chat_message,.ch_logs.bcolor1 .small_modal_in, .large_modal_in,#private_box,.ico_vip, .my_mood {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

#notify_private {
  -webkit-animation-iteration-count: 20;
  animation-iteration-count: 20;
}


.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    /*! -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); */
    /*! animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); */
    /*! -webkit-transform: translate3d(0, 0, 0); */
    /*! transform: translate3d(0, 0, 0); */
  }

  40%,
  43% {
    /*! -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); */
    /*! animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); */
    /*! -webkit-transform: translate3d(0, -30px, 0); */
    /*! transform: translate3d(0, -30px, 0); */
  }

  70% {
    /*! -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); */
    /*! animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); */
    /*! -webkit-transform: translate3d(0, -15px, 0); */
    /*! transform: translate3d(0, -15px, 0); */
  }

  90% {
    /*! -webkit-transform: translate3d(0, -4px, 0); */
    /*! transform: translate3d(0, -4px, 0); */
  }
}

.bounce, #notify_private{
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}



@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp, .my_mood{
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeftBig,#main_emoticon {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight,#private_box, .small_modal_in, .large_modal_in {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes flipInX {
  from {
    /*! -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); */
    /*! transform: perspective(400px) rotate3d(1, 0, 0, 90deg); */
    /*! -webkit-animation-timing-function: ease-in; */
    /*! animation-timing-function: ease-in; */
    /*! opacity: 0; */
  }

  40% {
    /*! -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); */
    /*! transform: perspective(400px) rotate3d(1, 0, 0, -20deg); */
    /*! -webkit-animation-timing-function: ease-in; */
    /*! animation-timing-function: ease-in; */
  }

  60% {
    /*! -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); */
    /*! transform: perspective(400px) rotate3d(1, 0, 0, 10deg); */
    /*! opacity: 1; */
  }

  80% {
    /*! -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); */
    /*! transform: perspective(400px) rotate3d(1, 0, 0, -5deg); */
  }

  to {
    /*! -webkit-transform: perspective(400px); */
    /*! transform: perspective(400px); */
  }
}

@keyframes flipInX {
  from {
    /*! -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); */
    /*! transform: perspective(400px) rotate3d(1, 0, 0, 90deg); */
    /*! -webkit-animation-timing-function: ease-in; */
    /*! animation-timing-function: ease-in; */
    /*! opacity: 0; */
  }

  40% {
    /*! -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); */
    /*! transform: perspective(400px) rotate3d(1, 0, 0, -20deg); */
    /*! -webkit-animation-timing-function: ease-in; */
    /*! animation-timing-function: ease-in; */
  }

  60% {
    /*! -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); */
    /*! transform: perspective(400px) rotate3d(1, 0, 0, 10deg); */
    /*! opacity: 1; */
  }

  80% {
    /*! -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); */
    /*! transform: perspective(400px) rotate3d(1, 0, 0, -5deg); */
  }

  to {
    /*! -webkit-transform: perspective(400px); */
    /*! transform: perspective(400px); */
  }
}

.flipInX, .chat_message  {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}


@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateIn,.ico_vip {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp, .chat_message.bcolor1 {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

.player_elem, .chat_footer_item, .chat_head{
  text-shadow: 0 0 6px #000;
}

.chat_head{
  border-bottom: 1px solid rgb(4, 48, 59);
}

#mobile_main_menu{
 text-shadow: 0 0 1px #ececec; 
}

.adv{
  background:#c6e2d5;
}
.drop_list {
  display: none;
  cursor: pointer;
  position: absolute;
  margin-left:10px;
  z-index: 99999;
  border: 1px solid #00232c;
  /*border-radius: 6px;*/
  width:200px;
}
#friend_post, #news_data {
    height: 60px;
    border: none;
    overflow: hidden;
    background: none !important;
    border: none !important;
	color: white;
}


.social-icons-container .wp-icon{width:30px;height:30px;border-radius:50%;text-align:center;line-height:30px;vertical-align:middle;color:#fff;margin-right:5px;font-size:15px}.social-icons-container .fa-facebook{background:#3b5998}.social-icons-container .fa-linkedin{background:#0077b5}.social-icons-container .fa-twitter{background:#1da1f2}.social-icons-container .fa-tiktok{background:#000000} .social-icons-container .bi-tiktok{background:#000000}
.social-icons-container .fa-google-plus{background:#d04338}.social-icons-container .fa-youtube{background:red}.social-icons-container .fa-pinterest{background:#bd081c}.social-icons-container .fa-mixcloud{background:#bd081c}