@import "custom1.css";
@import "custom2.css";
span.alt_radioo {
    width: 35px;
    height: 33px;
    display: flex;
    flex-direction: column;
}
img.alt_radioo2 {
    width: 20px;
    height: 20px;
}
.profile_avatar{
display: block;
margin: 0 auto;
}
.avatar_spin{
border-radius: 50%;
}
.state_profile{
width: 18px;
height: 18px;
right: 15px;
}
.profile_tinfo{
display: block;
padding: 10px;
}
.pdetails{
text-align: center;
}
#profile_like{
width: auto;
margin: 0 auto;
}
#room_call {
    width: 320px;
    height: 410px;
    padding: 25px 15px 20px 15px;
    position: absolute;
    left: 0;
    bottom: 85px;
    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_iframe {
    padding: 0;
    margin: 0;
    border: 0;
    display: block;
    width: 100%;
    height: 100%;
}
.room_call_button {
    padding: 6px 12px;
    border-radius: 5px;
    cursor: pointer;
}
.room_call_body {
    background: none;
    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 .kick_user {
    cursor: pointer;
    height: 20px;
    width: 20px;
    margin-right: 5px;
}
.room_call .ulist_item {
    position: relative;
    display: table;
}
.room_call .ulist_name {
    padding: 0 10px;
}
.room_call_kick_button {
    padding: 6px 12px;
    font-size: 12px;
    border-radius: 5px;
}
.room_call_star {
    position: absolute;
    top: 26px;
    left: 28px;
    width: 7px;
    height: 7px;
    background-color: #c8bb2d;
    -webkit-clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
    transform: translate(-50%, -50%) rotate(0) translate(calc(50% - 31px));
}
.vcall_kick {
    height: 20px;
    width: 20px;
    margin-right: 5px;
}
.room_call .ulist_avatar img {
    width: 36px;
    height: 36px;
}
.room_call_modal {
    padding: 20px 10px 10px 10px;
    margin: 5px;
    position: fixed;
    z-index: 9999;
    border-radius: 5px;
    display: none;
}
.uygulamaborder{border-radius:10px;}
.mdifacebook{font-size:22px;color:#0087ff;}
.mdiwhatsapp{font-size:22px;color:#00ff2d;}
.mdiskype{font-size:22px;color:#00fdff;}
.mdiyoutube{font-size:22px;color:red;}
.chatsocialmedia{background:#0003;padding:5px;border-bottom:1px solid #000!important}
.radiopulse {
-webkit-animation: radiopulse 1.6s infinite;
}
@-webkit-keyframes radiopulse {
 from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}
.rightnotify {
    top: 0px;
    right: 12px;
    position: absolute;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    font-size: 8px;
    line-height: 12px;
    font-weight: 700;
}
.left_item {
    display: table;
    width: 100%;
    table-layout: fixed;
    padding: 10px 5px;
    cursor: pointer;
    text-align: center;
	border-bottom: 1px solid #ffffff26;
	border-radius: 13px;
}
.emo_chatt { height:15px;}
.left_item:before {
  content : "";
  position: absolute;
  left    : 0;
  bottom  : 0;
  height  : 1px;
  width   : 50%;
  border-bottom:1px solid magenta;
}
.left_item_icon, .left_item_notify, .left_item_text {
    color: #ffff;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}
.left_item_text {
    font-size: 12px;
}
.left_item_icon, .left_item_notify {
    text-align: center;
    font-size: 26px;
    position: relative;
}   
.yan-menu-profil img:hover {
-moz-transform: rotate(360deg);
-o-transform: rotate (360deg);
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
.yan-menu-profil img {
-moz-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
}
.avmmenu img {

-moz-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
}
.avmmenu img:hover {
-moz-transform: rotate(360deg);
-o-transform: rotate (360deg);
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
.chat_avatar img {
-moz-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
}
.chat_avatar img:hover {
-moz-transform: rotate(360deg);
-o-transform: rotate (360deg);
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
.menutrig img {
-moz-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
}
.menutrig img:hover {
-moz-transform: rotate(360deg);
-o-transform: rotate (360deg);
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
.user_item_avatar img {
-moz-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
}
.user_item_avatar img:hover {
-moz-transform: rotate(360deg);
-o-transform: rotate (360deg);
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
.OkeyOyun {
	width:100px;
	height:50px;
	position:fixed;
	z-index:4;
	margin-top:-44px;
}
.plikes {
    background-color: rgb(0, 38, 85, 0.271);
    color: #fff;
}
.ulist_data.text-end {width: 100%;height: auto;table-layout: auto;display: flex;justify-content: right;}
.chat_verify {
    font-size: 8px;
    color: #e2b719;
    vertical-align: initial;
    text-shadow: none;
    position: absolute;
    top: 22px;
    left: 22px;
}
.chat_radio_color {color: #ff3333 !important;}
span.radio_sayi_en_alt {
    top: 17px;
    left: 31px;
    padding: 0 3px;
    border-radius: 2px;
    font-size: 12px;
    font-weight: 700;
    background: red;
    position: absolute;
    color: #fff;
}
.defaultflash1 {
	text-transform:uppercase;
	font-weight:700;
	font-size:20px;
	background:linear-gradient(to right,#095fab 10%,#25abe8 50%,#57d75b 60%);
	background-size:200% auto;
	color:#fff;
	background-clip:text;
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	animation:textclip 1.5s linear infinite;
	display:inline-block;
}
@keyframes textclip {
	to {
			background-position:200% center;
	}
}
.defaultflash2 {
	font-size:20px;
	background:linear-gradient(110deg,#bc0000 33%,rgba(0,0,0,0) 33%),linear-gradient(110deg,#ffffff 34%,#121108 34%);
	background-size:400%;
	-webkit-text-fill-color:transparent;
	background-clip:text;
	-webkit-background-clip:text;
	animation:labarow 1.5s ease infinite;
	-webkit-animation:labarow 1.5s ease infinite;
	-moz-animation:labarow 1.5s ease infinite;
}
@keyframes labarow {
	0% {
			background-position:10% 40%
	}
	50% {
			background-position:25% 60%
	}
	100% {
			background-position:30% 100%
	}
}
.defaultflash3 {
	font-size:20px;
	font-weight:bold !important;
	text-shadow:0 0 80px rgba(255,255,255,.5);
	background:url(../default_images/flashnick/pp1.png) repeat-y;
	-webkit-background-clip:text;
	background-clip:text;
	-webkit-text-fill-color:transparent;
	-webkit-animation:aitf 80s linear infinite;
	animation:aitf 80s linear infinite;
	-webkit-transform:translate3d(0,0,0);
	-webkit-backface-visibility:hidden;
	transform:translate3d(0,0,0);
	backface-visibility:hidden;
	text-transform:uppercase;
	letter-spacing:2px;
}
@-webkit-keyframes aitf {
	0% {
			background-position:0% 60%;
	}
	100% {
			background-position:100% 50%;
	}
}
.defaultflash4 {
	font-size:20px;
	letter-spacing:1px;
	background-image:url(../default_images/flashnick/pp.gif);
	background-size:cover;
	color:transparent;
	background-clip:text;
	-moz-background-clip:text;
	-webkit-background-clip:text;
	text-transform:uppercase;
}
.defaultflash5 {
	font-size:20px;
	text-transform:uppercase;
	text-decoration:underline;
	color:transparent;
	-webkit-text-stroke:#000;
	-webkit-text-stroke-width:1px;
	text-shadow:2px 2px 2px #2962ff;
	transition:all 0.5s ease-in-out;
	text-align:center;
	letter-spacing:0.2em;
	animation:flicker 0.5s ease-in-out infinite alternate;
}
@keyframes flicker {
	0% {
			opacity:0.5;
			text-shadow:2px 2px 2px #2962ff;
	}
	100% {
			opacity:1;
			text-shadow:2px 2px 5px #2962ff;
	}
}
.defaultflash6 {
	text-transform:uppercase;
	background-image:linear-gradient(-225deg,#231557 0%,#44107a 29%,#ff1361 67%,#fff800 100%);
	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;
	}
}
.defaultflash7 {
	color:blue;
	font-size:20px;
	font-weight:700;
	text-transform:uppercase;
	filter:blur(0.1rem);
	animation:letterspacing 5s infinite alternate cubic-bezier(.2,0,0,1);
}
@keyframes letterspacing {
	0% {
			letter-spacing:-1rem;
			filter:blur(0.1rem);
	}
	50% {
			filter:blur(0.1rem);
	}
	100% {
			letter-spacing:1rem;
			filter:blur(0rem);
	}
}
.defaultflash8 {
	color:#ff0000;
	font-size:20px;
	position:relative;
	text-transform:uppercase;
	-webkit-text-stroke:0.1vw #000000;
}
.defaultflash8::before {
	top:0;
	left:0;
	width:0;
	height:100%;
	color:#01cbff;
	overflow:hidden;
	position:absolute;
	content:attr(data-text);
	border-right:2px solid #000000;
	-webkit-text-stroke:0vw #f7f7fe;
	animation:animate 6s linear infinite;
}
@keyframes animate {
	0%,10%,100% {
			width:0;
	}
	70%,90% {
			width:100%;
	}
}
.defaultflash9 {
	color:transparent;
	font-size:20px;
	display:inline-block;
	border-radius:3px;
	background-color:#1d3557;
	position:relative;
	-webkit-background-clip:text;
	background-clip:text;
}
.defaultflash9:before {
	content:attr(data-text);
	background:linear-gradient(90deg,rgba(245,137,21,1) 0%,rgba(253,29,29,1) 51%,rgba(29,53,87,1) 100%);
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	width:0;
	background-clip:text;
	-webkit-background-clip:text;
	transition:all 1s ease-in-out;
	animation:text-animation 3s infinite;
}
@keyframes text-animation {
	0% {
			width:0;
	}
	50% {
			width:100%;
	}
	100% {
			width:0;
	}
}
.defaultflash10 {
	text-align:center;
	font-size:20px;
	color:#ff0000;
	letter-spacing:-1px;
	font-weight:700;
	text-transform:uppercase;
	animation:blura 2s ease-out infinite;
	text-shadow:0px 0px 1px #fff,0px 0px 2px #fff;
}
@keyframes blura {
	from {
			text-shadow:0px 0px 2px #fff,0px 0px 2px #fff,0px 0px 4px #fff,0px 0px 4px #fff,0px 0px 4px #fff,0px 0px 4px #fff,0px 0px 4px #fff,0px 0px 4px #fff,0px 0px 8px #fff,0px 0px 8px #fff,0px 0px 8px #7B96B8,0px 0px 16px #7B96B8,0px 10px 10px #7B96B8,0px 10px 10px #7B96B8,0px 10px 10px #7B96B8,0px 10px 10px #7B96B8,0px -10px 10px #7B96B8,0px -10px 10px #7B96B8;
	}
}
.defaultflash11 {
	position:relative;
	color:#262626;
	padding:5px 12px;
	font-size:20px;
	font-weight:700;
}
.defaultflash11:before {
	background:#262626;
	color:white;
	content:attr(data-text);
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	padding:5px 12px;
	-webkit-clip-path:polygon(0% 0%,30% 0%,30% 100%,0% 100%);
	clip-path:polygon(0% 0%,30% 0%,30% 100%,0% 100%);
	animation:prslides 4s 1s linear infinite;
}
@keyframes prslides {
	50% {
			-webkit-clip-path:polygon(70% 0%,100% 0%,100% 100%,70% 100%);
	}
}
.defaultflash12 {
	display:inline-block;
	font-size:20px;
	position:relative;
	animation:twistText 3s infinite;
	transform-style:preserve-3d;
	animation-timing-function:cubic-bezier(.5,0,.5,1);
}
@keyframes twistText {
	0% {
			transform:translateZ(-100px) rotateX(-90deg) scaleY(0.2) scaleX(1);
	}
	50% {
			transform:translateZ(-200px) rotateX(0deg) scaleY(1) scaleX(1);
	}
	100% {
			transform:translateZ(-100px) rotateX(90deg) scaleY(0.2) scaleX(1);
	}
}
.defaultflash13 {
	font:20px;
	background:linear-gradient(to left,#e57627 0%,#e57627 42.5%,#facb8f 50%,#e57627 57.5%,#e57627 100%);
	background-size:200% auto;
	background-clip:text;
	-webkit-background-clip:text;
	color:transparent;
	background-position:100% center;
	animation:loader 10s ease infinite reverse;
}
@keyframes loader {
	0% {
			background-position:100% center;
	}
	50% {
			background-position:0% center;
	}
	100% {
			background-position:100% center;
	}
}
.defaultflash14 {
	color:rgba(255,0,0,0.1);
	font-size:20px;
	text-transform:uppercase;
	font-weight:700;
	background-size:cover;
	background-image:url(../default_images/flashnick/bon.jpg);
	-webkit-background-clip:text;
	background-clip:text;
	animation:background-text-animation 100s linear infinite;
}
@keyframes background-text-animation {
	0% {
			background-position:left 0px top 50%;
	}
	50% {
			background-position:left 1500px top 50%;
	}
	100% {
			background-position:left 0px top 50%;
	}
}
.defaultflash15 {
	color:#ff0000;
	font-size:20px;
	animation:defaultflash87 0.5s cubic-bezier(0.25,0.46,0.45,0.94) both,tracking-in-expand 5s cubic-bezier(0.215,0.61,0.355,1) both infinite alternate;
}
@-webkit-keyframes defaultflash87 {
	0% {
			text-shadow:none;
	}
	100% {
			text-shadow:0 1px 0 #cccccc,0 1px 0 #cccccc,0 3px 0 #cccccc,0 1px 0 #cccccc,0 1px 0 #cccccc,0 1px 0 #cccccc,0 1px 0 #cccccc,0 1px 0 #cccccc,0 1px 0 #cccccc,0 1px 1px rgba(0,0,0,0.3);
	}
}
@keyframes defaultflash87 {
	0% {
			text-shadow:none;
	}
	100% {
			text-shadow:0 1px 0 #cccccc,0 1px 0 #cccccc,0 3px 0 #cccccc,0 1px 0 #cccccc,0 1px 0 #cccccc,0 1px 0 #cccccc,0 1px 0 #cccccc,0 1px 0 #cccccc,0 1px 0 #cccccc,0 1px 1px rgba(0,0,0,0.3);
	}
}
@-webkit-keyframes tracking-in-expand {
	0% {
			letter-spacing:-0.5em;
			opacity:0;
	}
	40% {
			opacity:0.6;
	}
	100% {
			opacity:1;
	}
}
@keyframes tracking-in-expand {
	0% {
			letter-spacing:-0.5em;
			opacity:0;
	}
	40% {
			opacity:0.6;
	}
	100% {
			opacity:1;
	}
}
.default_flash_select {
	width:150px;
	height: 30px;
}