/* DUVAR YAZILARI */

.duvar_yazilari_slider {
    width: 414px;
    height: 272px;
    position: absolute;
    margin: 50px 0 0 75px;
    z-index: 1;
}


.duvar_yazilari_listele {
    width: 100%;
    height: 424px;
    margin-top: 1px;
    position: absolute;
}

.duvar_yazilari_listele > div, .duvar_yazilari_listele > div > div {
    width: 100%;
    height: 260px;
    position: relative;
}
.text-bg-mavi {
    position: absolute;
    width: 400px;
    min-width: 220px;
    height: 130px;
    padding: 10px;
    background: radial-gradient(circle at top left, #000a1f, #000011);
    border-radius: 15px;
    box-shadow: 0 0 25px rgba(0, 94, 255, 0.4);
    animation: slideInLeft 1s ease-out;
    overflow: hidden;
    margin-bottom: 20px;
}

.text-bg-mavi a {
    position: absolute;
    margin: 180px 0 0 35px;
    color: #ffffff;
    font-size: 1.1em;
    font-weight: 600;
    text-decoration: none;
    transition: color 0.3s ease-in-out;
}

.text-bg-mavi a:hover {
    color: #00e0ff;
}

.text-bg-mavi .resim_cerceve {
    position: relative;
    width: 120px;
    height: 120px;
    animation: bounce 2s ease infinite;
}

.text-bg-mavi .duvar_resim {
    width: 80%;
    height: 80%;
    position: absolute;
    left: -28px;
    top: -160px;
    border-radius: 50%;
    border: 5px solid #fff;
    box-shadow: 0 0 15px rgba(0, 94, 255, 0.5);
    transition: transform 0.3s ease-in-out;
}

.text-bg-mavi .duvar_resim:hover {
    transform: scale(1.1);
}

.text-bg-mavi .duvar_baslik {
    position: absolute;
    margin: 0;
    left: 146px;
    top: 20px;
    color: #aeeaff;
    font-size: 1em;
    font-weight: bold;
    font-style: italic;
    text-shadow: 0 0 6px rgba(174, 234, 255, 0.7);
}

.text-bg-mavi .duvar_ozet {
    position: absolute;
    left: 146px;
    top: 50px;
    color: #f1f1f1;
    font-size: 13px;
    font-style: italic;
    opacity: 0.95;
    max-width: 230px;
    display: block;
    word-break: break-word;
    overflow-wrap: break-word;
    padding: 0;
}

@keyframes bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-7px); }
}

@keyframes slideInLeft {
    from { transform: translateX(-100%); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}
.text-bg-kirmizi {
    position: absolute;
    width: 400px;
    min-width: 220px;
    height: 130px;
    padding: 10px;
    margin-top: -120px;
    right: 12px;
    background: linear-gradient(135deg, #300000, #5c0000);
    border-radius: 15px;
    box-shadow: inset 0 0 15px rgba(255, 0, 0, 0.3), 0 8px 15px rgba(0, 0, 0, 0.5);
    animation: slideInRight 1s ease-out;
}

.text-bg-kirmizi a {
    position: absolute;
    margin-top: 180px;
    right: 40px;
    color: #fff0f0;
    font-size: 1.1em;
    font-weight: 600;
    text-decoration: none;
    transition: color 0.3s ease-in-out;
}

.text-bg-kirmizi a:hover {
    color: #ff5757;
}

.text-bg-kirmizi .resim_cerceve {
    position: relative;
    width: 120px;
    height: 120px;
    animation: bounce 2s ease infinite;
}

.text-bg-kirmizi .duvar_resim {
    width: 80%;
    height: 80%;
    position: absolute;
    left: -234px;
    top: -160px;
    border-radius: 50%;
    border: 5px solid #fff;
    box-shadow: 0 0 10px rgba(255, 0, 0, 0.6);
    transition: transform 0.3s ease-in-out;
}

.text-bg-kirmizi .duvar_resim:hover {
    transform: scale(1.1);
}

.text-bg-kirmizi .duvar_baslik {
    position: absolute;
    margin: 0;
    left: 157px;
    top: 20px;
    color: #ffe16a;
    font-size: 1em;
    font-weight: bold;
    font-style: italic;
    text-shadow: 0 0 6px rgba(255, 225, 106, 0.7);
}

.text-bg-kirmizi .duvar_ozet {
    position: absolute;
    left: 157px;
    top: 50px;
    color: #f1f1f1;
    font-size: 13px;
    font-style: italic;
    opacity: 0.95;
    max-width: 230px;
    display: block;
    word-break: break-word;
    overflow-wrap: break-word;
    padding: 0;
}

@keyframes bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-7px); }
}

@keyframes slideInRight {
    from { transform: translateX(100%); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}
.text-bg-siyah {
    position: absolute;
    width: 400px;
    min-width: 220px;
    height: 130px;
    padding: 10px;
    background: linear-gradient(145deg, #0a0a0a, #161616);
    border-radius: 15px;
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.05), inset 0 0 10px rgba(0, 0, 0, 0.8);
    animation: slideInLeft 1s ease-out;
    overflow: hidden;
    margin-bottom: 20px;
    left: 2px;
    top: -242px;
}

.text-bg-siyah a {
    position: absolute;
    margin: 180px 0 0 35px;
    color: #eee;
    font-size: 1.1em;
    font-weight: 600;
    text-decoration: none;
    transition: color 0.3s ease-in-out;
}

.text-bg-siyah a:hover {
    color: #ffffff;
    text-shadow: 0 0 5px #ccc;
}

.text-bg-siyah .resim_cerceve {
    position: relative;
    width: 120px;
    height: 120px;
    animation: bounce 2s ease infinite;
}

.text-bg-siyah .duvar_resim {
    width: 80%;
    height: 80%;
    position: absolute;
    left: -28px;
    top: -160px;
    border-radius: 50%;
    border: 5px solid #fff;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
    transition: transform 0.3s ease-in-out;
}

.text-bg-siyah .duvar_resim:hover {
    transform: scale(1.1);
}

.text-bg-siyah .duvar_baslik {
    position: absolute;
    margin: 0;
    left: 146px;
    top: 20px;
    color: #1effa3;
    font-size: 1em;
    font-weight: bold;
    font-style: italic;
    text-shadow: 0 0 6px rgba(30, 255, 163, 0.7);
}

.text-bg-siyah .duvar_ozet {
    position: absolute;
    left: 146px;
    top: 50px;
    color: #f1f1f1;
    font-size: 13px;
    font-style: italic;
    opacity: 0.95;
    max-width: 230px;
    display: block;
    word-break: break-word;
    overflow-wrap: break-word;
    padding: 0;
}

@keyframes bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-7px); }
}

@keyframes slideInLeft {
    from { transform: translateX(-100%); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}

/* İLERİ GERİ BUTONLAR */

#Duvar_SliderGeri {
    background: url('../../../Images/nav_yatay_geri.png') no-repeat center bottom;
    position: absolute;
    z-index: 9;
    width: 18px;
    height: 34px;
    overflow: hidden;
    text-indent: -9999px;
    display: block;
    right: 150px;
    top: -62px;
}

#Duvar_SliderGeri:hover {
    background-position: top center;
}

#Duvar_SliderIleri {
    background: url('../../../Images/nav_yatay_ileri.png') no-repeat bottom center;
    position: absolute;
    z-index: 9;
    width: 12px;
    height: 24px;
    overflow: hidden;
    text-indent: -9999px;
    display: block;
    right: 130px;
    top: -57px;
}

#Duvar_SliderIleri:hover {
    background-position: top center;
}





/* SCP DUVAR HAREKETLERY */
.hareketler_slider {
	width: 53%;
    height: 350px;
    margin-top: 112px;
    position: absolute;
    left: 602px;
    z-index: 1;
}
.hareketler_slider_baslik {
	position:absolute;
	color:#FFF;
	font-weight:300;
	font-size:1.40em;
	margin:-54px 0 0 50px;
	display:block;
	letter-spacing:-0.03em;
}
.hareketler_slider_baslik span {font-weight:600;}

.hareketler_listele {width:100%; height:350px; position:absolute; overflow:hidden;}
.hareketler_listele > div {width:100%; height:100%; position:relative;}
.hareket_pozisyon {position:relative; margin:10px 0 0 10px;}

/* SCP Hareket Mavi */
.hareket_mavi {
	position:absolute;
	width:201px;
	height:201px;
	display:block;
	background:url('../../../images/hareket-mavi.png') no-repeat center;
	text-align:center;
	top:30px;
}
.hareket_mavi:hover {background:url('../../../images/hareket-yesil.png') no-repeat center;}
.hareket_mavi p {
	position:relative;
	color:#fff;
	font-weight:700;
	margin-top:80px;
	font-size:1.30em;
	font-family:"Barlow", sans-serif;
	letter-spacing:-0.02em;
}
.hareket_mavi span {
	position:relative;
	color:#fff;
	font-weight:500;
	font-size:.90em;
	font-family:"Raleway", sans-serif;
	letter-spacing:-0.02em;
}

/* SCP Hareket Pembe */
.hareket_pembe {
	position:absolute;
	width:201px;
	height:201px;
	display:block;
	background:url('../../../images/hareket-pembe.png') no-repeat center;
	text-align:center;
	left:160px;
	top:90px;
}
.hareket_pembe:hover {background:url('../../../images/hareket-mavi.png') no-repeat center;}
.hareket_pembe p {
	position:relative;
	color:#fff;
	font-weight:700;
	margin-top:80px;
	font-size:1.30em;
	font-family:"Barlow", sans-serif;
	letter-spacing:-0.02em;
}
.hareket_pembe span {
	position:relative;
	color:#fff;
	font-weight:500;
	font-size:.90em;
	font-family:"Raleway", sans-serif;
	letter-spacing:-0.02em;
}

/* SCP Hareket Ye?il */
.hareket_yesil {
	position:absolute;
	width:201px;
	height:201px;
	display:block;
	background:url('../../../images/hareket-yesil.png') no-repeat center;
	text-align:center;
	left:300px;
	top:0px;
}
.hareket_yesil:hover {background:url('../../../images/hareket-mavi.png') no-repeat center;}
.hareket_yesil p {
	position:relative;
	color:#fff;
	font-weight:700;
	margin-top:80px;
	font-size:1.30em;
	font-family:"Barlow", sans-serif;
	letter-spacing:-0.02em;
}
.hareket_yesil span {
	position:relative;
	color:#fff;
	font-weight:500;
	font-size:.90em;
	font-family:"Raleway", sans-serif;
	letter-spacing:-0.02em;
}

.hareket_bay:after {
	content:'';
	position:absolute;
	width:61px;
	height:71px;
	display:block;
	left:72px;
	top:20px;
	background:url('../../../images/hareket-erkek.png') no-repeat center;
}
.hareket_bayan:after {
	content:'';
	position:absolute;
	width:68px;
	height:71px;
	display:block;
	left:72px;
	top:20px;
	background:url('../../../images/hareket-kiz.png') no-repeat center;
}



/* SCP Ä°LERÄ° GERÄ° BUTONLAR */
#Hareket_SliderGeri {
	background:url('../../../images/arrow-kalin.png') no-repeat center left;
	position:absolute;
	z-index:9;
	width:35px;
	height:36px;
	overflow:hidden;
	text-indent:-9999px;
	display:block;
	right: 40px;
    top: -29px;
}
#Hareket_SliderGeri:hover {background-position:center left;}
#Hareket_SliderIleri {
	background:url('../../../images/arrow-kalin.png') no-repeat center right;
	position:absolute;
	z-index:9;
	width:35px;
	height:36px;
	overflow:hidden;
	text-indent:-9999px;
	display:block;
	right:21px;
	top:-29px;
}
#Hareket_SliderIleri:hover {background-position:center right;}











/* CHAT Ã?YELER SLÄ°DER */
.chat_uyeler_slider {width:292px; height:155px; z-index:1; overflow:hidden;}
.chat_uyeler_listele {width:292px; height:155px; position:absolute; overflow:hidden;}
.chat_uyeler_listele > div {width:100%; height:100%; position:relative;}


/* Ä°LERÄ° GERÄ° BUTONLAR */
#chat_uyeler_SliderGeri {
	background:url('../../../images/chat/uyeler_nav.png') no-repeat top left;
	position:absolute;
	z-index:9;
	width:20px;
	height:20px;
	overflow:hidden;
	text-indent:-9999px;
	display:block;
	left:160px;
	top:122px;
}
#chat_uyeler_SliderGeri:hover {background-position:bottom left;}
#chat_uyeler_SliderIleri {
	background:url('../../../images/chat/uyeler_nav.png') no-repeat top right;
	position:absolute;
	z-index:9;
	width:20px;
	height:20px;
	overflow:hidden;
	text-indent:-9999px;
	display:block;
	left:183px;
	top:122px;
}
#chat_uyeler_SliderIleri:hover {background-position:bottom right;}






/* CHAT MESAJLAR SLÄ°DER */
.mesajlar_slider {
	width:270px;
	height:138px;
	padding:3px;
	z-index:1;
	margin-left:7px;
	margin-top:33px;
	position:absolute;
	background:#FFF;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.mesaj_listele {width:270px; height:138px; position:absolute; overflow:hidden;}
.mesaj_listele > div {width:270px; height:138px; position:relative;}

.mesaj_icerik {width:100%; height:44px; border-bottom:solid 1px #e9e0d6; margin-bottom:3px;}
.mesaj_icerik:last-child {border:none;}
.mesaj_baslik {color:#7e6c6a; font-size:.75em; line-height:1.10em; width:180px; position:absolute; margin:0px 0 0 47px; font-weight:500;}
.mesaj_baslik span {color:#f57514;}
.mesaj_tarih {color:#666; font-size:.75em; line-height:1em; width:180px; position:absolute; margin:28px 0 0 47px;}
.mesaj_resim {
	width:40px;
	height:40px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	position:absolute;
	overflow:hidden;
}


/* Ä°LERÄ° GERÄ° BUTONLAR */
#mesajlar_SliderGeri {
	background:url('../../../images/chat/uyeler_nav.png') no-repeat top left;
	position:absolute;
	z-index:9;
	width:20px;
	height:20px;
	overflow:hidden;
	text-indent:-9999px;
	display:block;
	left:140px;
	top:-26px;
}
#mesajlar_SliderGeri:hover {background-position:bottom left;}
#mesajlar_SliderIleri {
	background:url('../../../images/chat/uyeler_nav.png') no-repeat top right;
	position:absolute;
	z-index:9;
	width:20px;
	height:20px;
	overflow:hidden;
	text-indent:-9999px;
	display:block;
	left:165px;
	top:-26px;
}
#mesajlar_SliderIleri:hover {background-position:bottom right;}









/* CHAT YETKÄ°LÄ°LER SLÄ°DER */
.yetkililer_slider {
	width:180px;
	height:60px;
	z-index:1;
	margin:0 0 0 850px;
	position:absolute;
}
.yetkili_listele {width:180px; height:60px; position:absolute; overflow:hidden;}
.yetkili_listele > div {width:190px; height:64px; position:relative;}
.yetkili_resim {
	width:52px;
	height:52px;
	position:absolute;
	overflow:hidden;
	margin:3px 0 0 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.yetkililer_slider:hover .yetkili_resim{
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
}
.yetkili_bilgi {position:absolute; color:#fff; font-size:1em; line-height:1em; font-weight:500; margin:7px 0 0 65px;}
.yetkili_bilgi span {color:#fff; font-weight:500; font-size:.80em;}
.star {
	background:url('../../../images/chat/star.png');
	position:absolute;
	overflow:hidden;
	display:block;
	margin:40px 0 0 65px;
}
.star1 {width:11px; height:11px;}
.star2 {width:22px; height:11px;}
.star3 {width:33px; height:11px;}
.star4 {width:44px; height:11px;}
.star5 {width:55px; height:11px;}
.star6 {width:66px; height:11px;}
.star7 {width:77px; height:11px;}
.star8 {width:88px; height:11px;}
.star9 {width:99px; height:11px;}
.star10 {width:110px; height:11px;}





/* Ä°LERÄ° GERÄ° BUTONLAR */
#yetkili_SliderGeri {
	background:url('../../../images/chat/yetkililier_nav.png') no-repeat top left;
	position:absolute;
	z-index:9;
	width:20px;
	height:20px;
	overflow:hidden;
	text-indent:-9999px;
	display:block;
	left:150px;
	top:8px;
}
#yetkili_SliderGeri:hover {background-position:top right;}
#yetkili_SliderIleri {
	background:url('../../../images/chat/yetkililier_nav.png') no-repeat bottom left;
	position:absolute;
	z-index:9;
	width:20px;
	height:20px;
	overflow:hidden;
	text-indent:-9999px;
	display:block;
	left:150px;
	top:30px;
}
#yetkili_SliderIleri:hover {background-position:bottom right;}