/*
TASARIM : NikoPanel iNTERNET TEKNOLOJiLERi
WEB MASTER : Cuma Ali Durmaz
WEB : WWW.NikoPanel.COM
TARiH : 15.09.2018
*/
@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Khand:400,500,600,700,300&subset=latin,latin-ext);



/* GENEL AYALAR */
html {width:1024px; height:768px;}
body {
	min-width:1024px;
	height:768px;
	font-family:"Khand", Arial, Helvetica, sans-serif;
	background:url('../Images/login_01.jpg') no-repeat top center;
	font-weight:100;
}
.Temizle {clear:both;}
.Kapsayici {width:1024px; position:relative; margin:auto;}
.Logo {position:absolute;width:243px;height:80px;z-index:2;margin: 39px 0 0 30px;}

.online_kisi {position:absolute;color: #777;margin: 693px 0 0 584px;text-align:center;line-height:1.10em;font-weight:500;font-size: 10px;z-index:3;}
.online_kisi span {display:block; font-size:6em; letter-spacing:-0.04em; font-weight:300; line-height:.80em;}
.online_kisi:hover {text-shadow:0 0 30px #FFF;}
.online_kisi:hover span {color:#484848;}




/* ICON menuler */
.icon_menu {position:absolute;margin: 42px 0 0 347px;}
.icon_menu a {color: #636363;position:absolute;text-shadow:0 1px 0 rgba(255,255,255,.5);line-height:.90em;font-weight:500;float:left;display:block;font-size:1.20em;}
.icon_menu a span {font-size:.70em; display:block;}
.icon_menu a:hover {color:#000000; text-shadow:0 0 10px #504f4f;}

.icon_menu_01 {margin:20px 0px 25px 35px;}
.icon_menu_02 {margin: 20px 0px 25px 181px;}
.icon_menu_03 {margin: 20px 0px 25px 351px;}
.icon_menu_04 {margin: 20px 0px 25px 526px;text-align:right;}




/* mini menu TASARIMI */
.mini_menu {
	position:absolute;
	margin: 681px 0 0 715px;
	width:300px;
}
.mini_menu a {
	font-size:.90em;
	font-family: "Khand";
	font-weight:600;
	color:#797879;
	display:block;
	padding:2px;
	float:left;
	padding-left:12px;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3);
}
.mini_menu a:nth-child(1),
.mini_menu a:nth-child(3),
.mini_menu a:nth-child(5) {width:55%;}
.mini_menu a:nth-child(2),
.mini_menu a:nth-child(4),
.mini_menu a:nth-child(6) {width:35%;}
.mini_menu a:hover {text-decoration:underline; color:#4c4c4c; text-shadow:0 0 20px #fff;}






/* uye resimleri */
.uye_resimleri {width: 1px;height: 1px;position:absolute;margin:155px 0 0 232px;z-index:1;background: #000;}
.uye_resimleri img {
	border: solid 3px #5d5d5d;
	position:absolute;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 1px;
	z-index:1;
	-webkit-box-shadow: 0 4px 7px 0 rgba(0,0,0,.7);
	box-shadow: 0 4px 7px 0 rgba(0,0,0,.7);
}
.uye_resimleri ul li {list-style:none; position:absolute; width:85px; height:85px;}
.uye_resimleri ul li div {position:absolute; width:85x; height:85px; display:block; z-index:2;}
.uye_resim1 {margin: 21px 0 0 -215px;}
.uye_resim2 {margin: 21px 0 0 -152px;}
.uye_resim3 {margin: 21px 0 0 -88px;}
.uye_resim4 {margin: 21px 0 0 -24px;}
.uye_resim5 {margin: 83px 0 0 -215px;}
.uye_resim6 {margin: 83px 0 0 -152px;}
.uye_resim7 {margin: 83px 0 0 -88px;}
.uye_resim8 {margin: 83px 0 0 -24px;}
.uye_resim9 {margin: 144px 0 0 -215px;}
.uye_resim10 {margin: 206px 0 0 -152px;}
.uye_resim11 {margin: 144px 0 0 -88px;}
.uye_resim12 {margin: 144px 0 0 -24px;}
.uye_resim13 {margin: 205px 0 0 -215px;}
.uye_resim14 {margin: 204px 0 0 -24px;}
.uye_resim15 {margin: 204px 0 0 -88px;}
.uye_resim16 {margin: 144px 0 0 -152px;}








.ust_sohbet_login {position:relative; width:100%; height:500px;}
.sohbet_giris_btn {width: 264px;height: 97px;display:block;position:absolute;z-index:999;/* background: #000; */margin: 816px 0 0 731px;}
.sohbet_giris_btn:hover {background-position:bottom;}

.home_sohbet_sayisi {position:absolute;color: #ff8023;margin: 802px 0 0 368px;line-height:1em;text-align:center;font-size: 22px;}
.home_sohbet_sayisi span {font-size:5.30em; letter-spacing:-0.05em; display:block; line-height:1.20em; margin-bottom:-10px;}
.home_sohbet_sayisi:hover span {text-shadow:0 0 20px #FFF;}
.home_sohbet_text {position:absolute; color:#FFF; margin:220px 0 0 254px; width:150px; line-height:1.20em; font-weight:400; font-size:.90em;}


/*Sohbet login*/ 
.sohbet_login {width:480px;height: 0px;position:absolute;margin-top: 107px;right: 0px;left: 512px;background: #000;}

.login_buttons {position:relative;margin: 22px 0 0 -218px;}

.login_buttons a {color: #ffffff;text-shadow:0 1px 0 rgba(255,255,255,.3);font-size:1.10em;font-weight:600;display:block;float:left;width:169px;height:47px;line-height:47px;position:absolute;text-align:center;}

.login_buttons a:nth-child(2) {margin-left:130px;}

.login_buttons a:nth-child(3) {margin-left:260px;}

.login_buttons a:hover, .login_buttons a.aktif {background:url('../Images/form_baslik_hover.png') no-repeat center;color: #545454;width:169px;height:47px;text-align:center;text-shadow:none;}



/*Login Button*/
.login_form input[type=text], .login_form input[type=password] {width:225px;height:50px;padding:0 15px;padding-left:50px;border:none;display:block;font-size:.90em;color:#1c3ca4;position:relative;-webkit-border-radius: 50px;-webkit-border-top-right-radius: 7px;-webkit-border-bottom-right-radius: 7px;-moz-border-radius: 50px;-moz-border-radius-topright: 7px;-moz-border-radius-bottomright: 7px;border-radius: 50px;border-top-right-radius: 5px;border-bottom-right-radius: 1px;}

.login_form input[type=text] {background:#f8f8f8 url('../Images/form_user_icon.png') no-repeat 15px center;}

.login_form input[type=password] {background:#f8f8f8 url('../Images/form_lock_icon.png') no-repeat 15px center;}

.login_form .Kadi {margin: 91px 0 0 -233px;}

.login_form .Sifre {margin: 4px 0 0 -233px;}

.login_form .YoneticiSifre {margin: 3px 0 0 -232px;width: 225px !important;}

.pasif_form {cursor:not-allowed !important;background: #a2a0a0 url(../Images/form_lock_icon2.png) no-repeat 15px center !important;color: #fff !important;}

.login_form .Giris_Btn {width: 54px;height: 209px;display:block;position:absolute;background: rgba(0, 0, 0, 0);border:none;text-indent:-9999px;cursor:pointer;margin: -157px 0 0 58px;}

.login_form .Giris_Btn:hover {background-position:right top;}

/* YAN BUTONLAR */
.yan_butonlar {width:142px;height:102px;position:absolute;margin: 5px 0 0 -229px;}
.yan_butonlar a {float:left;}
.Bay {width:70px; height:50px; display:block; background:url('../Images/login_avatar_icon.png') no-repeat 0px top; margin-right:2px; margin-bottom:2px;}
.Bay:hover, .Bay.aktif {background-position:0px bottom;}
.Bayan {width:70px; height:50px; display:block; background:url('../Images/login_avatar_icon.png') no-repeat -70px top; margin-bottom:2px;}
.Bayan:hover, .Bayan.aktif {background-position:-70px bottom;}
.Avatar {width:142px;height:50px;display:block;background:url('../Images/login_avatar_icon.png') no-repeat -140px top;margin-left: 146px;margin-top: -52px;}
.Avatar:hover {background-position:-140px bottom;}

.home_login_yeni_uyelik {position:absolute; color:#FFF; font-weight:500; font-size:.90em; margin:435px 0 0 540px;}
.home_login_sifremi_unuttum {position:absolute; color:#FFF; font-weight:500; font-size:.90em; margin:435px 0 0 665px;}
.home_login_yeni_uyelik:hover, .home_login_sifremi_unuttum:hover {color:#FC0; text-decoration:underline;}

/* PLACEHOLDER COLOR */
::-webkit-input-placeholder {color:#000000;}
:-moz-placeholder { /* Firefox 18- */ color:#000000;  }
::-moz-placeholder {  /* Firefox 19+ */ color:#000000;  }
:-ms-input-placeholder { color:#000000; }







/* BILDIRIMLER */
.message {
	padding:10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 10px;
    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
	font-size:1em !important;
	font-weight:normal !important;
}
.message.info {
    border: 1px solid #cadcea;
    background: #e1f2fc;
    color: #225b86 !important;
    text-shadow: 0 1px 0 #fff;
	margin:10px 0;
}
.message.error {
    border: 1px solid #eeb7ba;
    background: #fae2e2;
    color: #be4741 !important;
    text-shadow: 0 1px 0 #fff;
	margin:10px 0;
}
.message.success {
    border: 1px solid #b8c97b;
    background: #e5edc4;
    color: #3f7227 !important;
    text-shadow: 0 1px 0 #fff;
	margin:10px 0;
}
.message.warning {
    border: 1px solid #e5dbaa;
    background: #ffffc0;
    color: #6d7829 !important;
    text-shadow: 0 1px 0 #fff;
	margin:10px 0;
}
.login-uye-resimleri {
	margin-top: 124px;
	margin-left: -292px;
	font-size: 30px;
	color: #fff;
}
.login-videolar {
	margin-top: 249px;
	margin-left: 90px;
	font-size: 30px;
	color: #fff;
}
.video1 {
	position:absolute;
	margin: 471px 0 0 23px;
}
.video2 {
	position:absolute;
	margin: 471px 0 0 225px;
}
.video3 {
	position:absolute;
	margin: 471px 0 0 427px;
}
.video4 {
	position:absolute;
	margin: 469px 0 0 629px;
}
.video5 {
	position:absolute;
	margin: 469px 0 0 826px;
}
.login_form {
	width: 20px;
}
.giris-buttom {
	background: url('../Images/button.png') no-repeat left top;
	height: 211px;
	width: 70px;
	margin: -157px 0 0 60px;
}
.Facebook {
	width: 36px;
	height: 36px;
	display: block;
	position: absolute;
	z-index: 999;
	margin: 2px 0 0 782px;
}
.Twitter {
	width: 36px;
	height: 36px;
	display: block;
	position: absolute;
	z-index: 999;
	margin: 2px 0 0 827px;
}
.Youtube {
	width: 36px;
	height: 36px;
	display: block;
	position: absolute;
	z-index: 999;
	margin: 3px 0 0 870px;
}
.Skype {
	width: 36px;
	height: 36px;
	display: block;
	position: absolute;
	z-index: 999;
	margin: 1px 0 0 913px;
}
.Rss {
	width: 36px;
	height: 36px;
	display: block;
	position: absolute;
	z-index: 999;
	margin: 2px 0 0 956px;