@import "custom1.css";
@import "custom2.css";
.populeruyeler10 {
    width: 100%;
    display: inline-grid;
}
#koyumod_icon{
    font-size: 22px;
    color:#012832;
}
.koyumod_icon .mdi-white-balance-sunny{
    color:#fff!important
}
#koyumod_icon:hover{
    color:#000
}
*{
  overflov:hidden;
}
#preloader {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 999999;
    background: #ddd;
    font-family: 'Signika', sans-serif;
}
#preloader h1 {
  text-align: center;
  margin: 2% auto 0 auto;
      color: #ff6633;
  font-size: 32px;
}

#preloader p {
  text-align: center;
  margin: 5px auto 5% auto;
  color: #ff6633;
  font-weight: 400;
}
#preloader #footer {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px;
}
#loading{
    position: absolute;
    bottom: 58%;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px;
	display: flex;
    flex-direction: row-reverse;
    justify-content: center;
}

#loading #blue {
  /* NO WHITESPACE in </tag><tag> */
  background: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Layer_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20168%20168%22%20xml%3Aspace%3D%22preserve%22%20enable-background%3D%22new%200%200%20168%20168%22%3E%0A%20%20%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%20%20%20%20%0A%09.st0%7Bfill%3A%235197D6%3B%7D%0A%09.st1%7Bfill%3Anone%3B%7D%0A%0A%20%20%3C%2Fstyle%3E%0A%20%20%3Cg%3E%0A%20%20%20%20%3Cpath%20class%3D%22st0%22%20d%3D%22M129.9%2038.4c-25.8-25.8-68-25.2-93%201.8%20-23.3%2025.1-22.7%2064.5%201.3%2088.9%2021.2%2021.7%2053.9%2025.2%2078.8%2010.5%201.5-0.9%203.2-1.1%204.9-0.7l18.4%205.1c2.2%200.6%204.3-1.4%203.7-3.7l-5-18.2c-0.5-1.7-0.2-3.4%200.7-4.9C154.5%2092.4%20151.3%2059.8%20129.9%2038.4z%22%2F%3E%0A%20%20%20%20%3Cellipse%20transform%3D%22matrix(0.7071%20-0.7071%200.7071%200.7071%20-34.6941%2084.199)%22%20class%3D%22st1%22%20cx%3D%2284.3%22%20cy%3D%2284%22%20rx%3D%2283.4%22%20ry%3D%2283.4%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 80px;
  height: 80px;
}

#loading #white {
  /* NO WHITESPACE in </tag><tag> */
  background: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Layer_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20168%20168%22%20xml%3Aspace%3D%22preserve%22%20enable-background%3D%22new%200%200%20168%20168%22%3E%0A%20%20%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%20%20%20%20%0A%09.st0%7Bfill%3A%23FFFFFF%3B%7D%0A%09.st1%7Bfill%3Anone%3B%7D%0A%0A%20%20%3C%2Fstyle%3E%0A%20%20%3Cg%3E%0A%20%20%20%20%3Cpath%20class%3D%22st0%22%20d%3D%22M113.8%20113.8c16.8-16.8%2016.4-44.4-1.2-60.7%20-16.4-15.2-42.1-14.8-58.1%200.8%20-14.2%2013.9-16.4%2035.2-6.8%2051.5%200.6%201%200.7%202.1%200.4%203.2l-3.3%2012c-0.4%201.5%200.9%202.8%202.4%202.4l11.9-3.3c1.1-0.3%202.2-0.1%203.2%200.5C78.5%20129.9%2099.8%20127.8%20113.8%20113.8z%22%2F%3E%0A%20%20%20%20%3Cellipse%20transform%3D%22matrix(0.7071%20-0.7071%200.7071%200.7071%20-34.7943%2083.9992)%22%20class%3D%22st1%22%20cx%3D%2284%22%20cy%3D%2284%22%20rx%3D%2254.5%22%20ry%3D%2254.5%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 80px;
  height: 80px;
}

#loading #darkblue {
  width: 80px;
  height: 80px;
}

#loading div {
  margin: auto;
 
  position: absolute;
  -webkit-writing-mode: vertical-rl;	
}

#loading .rotate{ 
    animation-duration: 4s;
    /*animation-timing-function: linear;*/ 
    animation-iteration-count:infinite; 
} 

@keyframes left { 
    0% { 
        transform-origin: center center; 
        transform: rotate(360deg); 
        opacity: 1; 
    } 
    100% { 
        transform-origin: center center; 
        transform: rotate(0); 
        opacity: 1; 
    } 
} 
#loading .left { 
    animation-name: left; 
}

@keyframes right { 
    0% { 
        transform-origin: center center; 
        transform: rotate(-360deg); 
        opacity: 1; 
    } 
    100% { 
        transform-origin: center center; 
        transform: rotate(0); 
        opacity: 1; 
    } 
} 
#loading .right { 
    animation-name: right; 
}

#loading .loading{
  position:absolute; 
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right:0;
  background: #155d93 /*#5197d6*/;
  border-radius: 50%;
  /*box-shadow: 0 0 2px black;*/
  animation: loading 4s infinite;
}

#loading .loading:nth-child(1) {
    animation-delay: 0.6s;  
    width: 4px;
    height: 4px;
    left:-15px;
}

#loading .loading:nth-child(2) {
   animation-delay: 0.8s; 
    width: 4px;
    height: 4px;
}

#loading .loading:nth-child(3) {
    animation-delay: 1s;
    width: 4px;
    height: 4px;
    right:-15px;
}

#loading .loading { 
 animation-iteration-count:infinite; 
 animation-timing-function: ease-in;
}

@keyframes loading {
  0%{
	transform: translateY(0px);
  }
  20%{
	transform: translateY(0px);
  }
  30%{
	transform: translateY(-8px);
  }
  40%{
	transform: translateY(5px);
  }
  50%{
	transform: translateY(-2px);
  }
  60%{
	transform: translateY(2px);
  }
  80%{
	transform: translateY(0px);
  }
  100%{
	transform: translateY(0px);
  }
}
::-webkit-scrollbar{
    width:6px
}
::-webkit-scrollbar-track{
    background-color:rgba(0,0,0,.3)
}
::-webkit-scrollbar-thumb{
    background-color:#000
}
::-webkit-scrollbar-thumb:hover{
    background-color:#800
}
.uygulamaborder{border-radius:10px;}
.mdifacebook{font-size:22px;color:#0087ff;}
.mdiwhatsapp{font-size:22px;color:#00ff2d;}
.mdiskype{font-size:22px;color:#00fdff;}
.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);}
}
.kmswitch  {
    display: table;
    width: 50px;
    padding: 2px;
    border-radius: 100px;
}
.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;
}
.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 {
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 5px;
    margin-bottom: 5px;
}


.yan-menu-profil .glob_av{
    width: 35px;
    padding: 2px;
    border-radius: 50%;
    border: 2px solid #fff;
}

.yan-menu-profil .switch_wrap {
    margin: 6px 7px 10px 7px;
}
.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;
}