html{--scrollbarBG:white;--thumbBG:#001737;}
body::-webkit-scrollbar{width:15px;}
body{scrollbar-width:thin;scrollbar-color:var(--thumbBG) var(--scrollbarBG);}
body::-webkit-scrollbar-track{background:var(--scrollbarBG);}
body::-webkit-scrollbar-thumb{background-color:var(--thumbBG);border-radius:6px;border:3px solid var(--scrollbarBG);}
body{font-family:'Poppins';background-color:#001737;}
.headbar{padding:20px;}
.headbar .logo{width:85%;}
.headbar .headimg{width:727px;position:absolute;top:-208px;right:-50px;height:347px;}
.nav-bar{}
.nav-bar ul{text-align:center;position:relative;z-index:2;}
.nav-bar ul li{display:inline;padding:5px;font-size:17px;margin-left:10px;list-style:none;}
.nav-bar ul li a{color:#DFE8F7;text-decoration:none;}
.nav-bar ul li a:hover{color:#7ED957;}
.nav-bar ul li button{border:none;border-radius:20px;padding:5px 10px;color:#000E20;background:linear-gradient(45deg, #0097B2, #7ED957);font-size:17px;font-weight:bold;margin-left:20px;}
.sarkaplan{background:linear-gradient(45deg, #0097B2, #7ED957);position:relative;z-index:1;}
.sarkaplan .kalpimg{position:absolute;margin-top:70px;left:50px;width:140px;}
.sohbetbar{margin-top:40px;position:sticky;top:10px;height:320px;margin-left:120px;}
.sohbetbar .baslik{font-size:30px;color:#FFFFFF;font-weight:bold;margin:0;margin-left:10px;text-align:left;}
.sohbetbar .ingbaslik{font-size:18px;color:#FFFFFF;margin:0;margin-left:10px;margin-top:-5px;margin-bottom:25px;text-align:left;}
.sohbetbar i{margin-left:20px;color:black;font-size:20px;margin-right:10px;}
.sohbetbar form div{background:white;padding:10px;border-radius:10px;width:90%;margin:5px;}
.sohbetbar form{position:relative;z-index:2;}
.sohbetbar input{border:none;outline:0;font-size:16px;font-weight:bold;color:#021C3D;width:70%;padding:5px;}
.sohbetbar .ilkbtn{border:none;border-radius:10px;padding:7px;font-size:20px;font-weight:bold;margin-left:6px;width:100%;color:#000E20;background:linear-gradient(45deg, #FFDE59, #FF914D);background-size:200% 200%;animation:gradientAnimation 5s ease infinite;}
.sohbetbar .ikincibtn{border:none;border-radius:10px;padding:7px;font-size:20px;font-weight:bold;margin-left:6px;width:100%;color:#FFFFFF;background:linear-gradient(45deg, #FFDE59, #0097B2, #FF914D);background-size:200% 200%;animation:gradientAnimation 5s ease infinite;}
.sohbetbar .ucuncubtn{border:none;border-radius:10px;padding:7px;font-size:20px;font-weight:bold;margin-left:6px;width:100%;color:#FFFFFF;background:linear-gradient(45deg, #FFDE59, #0097B2, #FF914D);background-size:200% 200%;animation:gradientAnimation 5s ease infinite;}
.sohbetbar button{width:90% !important;margin-top:8px;border:1px solid silver !important;}
.sohbetbar .mobil{position:relative;z-index:1;width:auto;margin:5px 7px;}
.sohbetbar .farkli{position:relative;z-index:1;width:auto;margin:5px 7px;}
@keyframes gradientAnimation {
0%{background-position:0% 50%;}
50%{background-position:100% 50%;}
100%{background-position:0% 50%;}
}
.sohbetbar .formrenk{position:absolute;top:27px;width:340px;right:35px;transform:rotate(328deg);}
.imgbar img{width:100%;}
.sbarimg{background:linear-gradient(45deg, #0097B2, #31b18f);height:150px;width:45%;margin-top:-20px;border-radius:0px 0px 40px 0px;}
.mesajbar{position:relative;top:-150px;left:-50px;}
.mesajbar .baslik img{width:70px;}
.mesajbar .baslik{font-size:30px;color:#FFFFFF;font-weight:bold;margin:0;}
.mesajbar .aciklama{font-size:18px;color:#FFFFFF;}
.uygulama{margin-top:-140px;border:1px solid #FFFFFF;border-radius:10px;padding:0px 30px;}
.uygulama img{width:100%;}
.uygulama .item{padding:13px;border-radius:40px;text-align:center;flex:0 0 23%;max-width:25%;margin:5px auto;transition:transform 0.3s, box-shadow 0.3s;}
.uygulama .item:hover{transform:scale(0.9);box-shadow:0 0 10px rgba(0, 0, 0, 0.3);}
.uygulama .item .col-4{padding:0;}
.uygulama .item .col-8{padding:0px;padding-right:20px;}
.uygulama .cizgi{width:1px;height:80px;background:#b9b9b9;margin:0 auto;margin-top:20px;}
.uygulama .baslik{font-size:20px;margin:0;font-weight:bold;color:#FFFFFF;}
.uygulama .aciklama{color:#FFFFFF;font-size:14px;margin:0;}
.uygulama button{border:none;margin-top:5px;border-radius:15px;font-size:14px;font-weight:bold;padding:5px 10px;background:linear-gradient(45deg, #FFCE08, #FF914D, #FF914D);color:#DFE8F7;}
.uygulama i{color:#C1FF72;font-size:40px;}
.hakkimizda{background:linear-gradient(45deg, #0097B2, #7ED957);padding:20px;margin:30px 0;}
.hakkimizda .himg{width:100%;}
.hakkimizda .renk3{width:60px;margin:20px auto;}
.hakkimizda .baslik{font-size:30px;margin:0;font-weight:bold;color:#FFFFFF;}
.hakkimizda .aciklama{color:#FFFFFF;font-size:17px;margin:0;}
.fa-rss{font-size:30px;color:#7ED957;}
.blogbar .baslik{font-size:28px;margin:0;font-weight:bold;color:#FFFFFF;}
.blogbar .aciklama{color:#FFFFFF;font-size:16px;margin:0;}
.blogbar .blogbalsik{font-size:20px;margin:0;font-weight:bold;color:#001737;}
.blogbar .blogaciklama{font-size:16px;margin:0;color:#001737;}
.blogbar img{width:200px;height:159px;margin:2px;border-radius:100px;background:linear-gradient(45deg, #0097B2, #7ED957);}
.blogbar a{text-decoration:none;}
.col-blog{padding:13px;border-radius:20px;text-align:center;flex:0 0 32%;max-width:32%;margin:5px auto;background:white;transition:transform 0.3s, box-shadow 0.3s;height:300px;}
.col-blog:hover{transform:scale(1.1);box-shadow:0 0 10px rgba(0, 0, 0, 0.3);}
.kategori{padding:5px 10px;background:linear-gradient(45deg, #FFCE08, #FF914D, #FF914D);color:#FFFFFF;border-radius:30px;position:sticky;height:300px;top:10px;flex:0 0 25%;margin:0 auto;margin-top:15px;}
.kategori .baslik{text-align:center;font-size:25px;font-weight:bold;}
.kategori ul li{margin:10px;}
.kategori ul li a{color:#FFFFFF;text-decoration:none;font-size:17px;}
.kategori ul li a:hover{color:#001737;}
.pageler{margin-top:20px;padding:17px;background:#001027;border-radius:10px;}
.pageler .page-numbers{background:#7ED957;padding:5px 10px;border-radius:5px;color:#2B3465;text-decoration:none;}
.pageler .page-numbers:hover{background:#2B3465;color:#7ED957;}
.populerbar{background:linear-gradient(45deg, #0097B2, #7ED957);padding:10px;margin:10px 0;}
.populerbar .baslik{font-size:28px;margin:20px;font-weight:bold;color:#FFFFFF;text-align:center;}
.populerbar .blogbalsik{font-size:20px;margin:0;font-weight:bold;color:#001737;}
.populerbar .blogaciklama{font-size:16px;margin:0;color:#001737;}
.populerbar img{width:200px;height:159px;margin:2px;border-radius:100px;background:linear-gradient(45deg, #0097B2, #7ED957);}
.populerbar .item{padding:13px;border-radius:20px;text-align:center;margin:5px auto;background:white;transition:transform 0.3s, box-shadow 0.3s;}
.populerbar .item:hover{transform:scale(0.9);box-shadow:0 0 10px rgba(0, 0, 0, 0.3);}
.populerbar a{text-decoration:none;}
.makalebar{margin-top:20px;color:#FFFFFF;}
.makalebar .renk{width:40px;margin-right:10px;}
.makalebar .makaleimg{width:100%;}
.makalebar img{max-width:100%;}
.makalebar h1, .makalebar h2, .makalebar h3, .makalebar h4, .makalebar h5, .makalebar h6{color:#C1FF72;font-size:25px;margin-left:10px;font-weight:bold;margin-top:10px;}
.makalebar p{color:#FFFFFF;margin:0;margin-top:5px;font-size:15px;}
.makalebar a{color:#C1FF72;text-decoration:none;}
.yorum{background:#001027;padding:10px;border-radius:10px;margin-top:10px;}
.yorum a{color:#C1FF72;}
.yorum li{margin-bottom:10px;padding:10px;border:1px solid #2F748E;list-style-type:none;border-radius:5px}
.yorum textarea{width:100%;height:100px;border-radius:5px}
.yorum input[type=text]{width:100%;border-radius:5px;background:#F3F5F9;border:none;}
.yorum input[type=submit]{background:#C1FF72;color:#2B3465;2B3465 border-radius:10px;text-align:center;padding:10px;border:none;}
.yorum input[type=submit]:hover{background:#81cdb7;color:#2B3465;}
.yorum .comment-form-url{display:none}
.xbar{margin-top:60px;}
.altbar{padding:20px;background:#C1FF72;;margin:10px 0;}
.altbar .row div{padding:0;margin:0 auto;text-align:center;}
.altbar i{font-size:50px;color:#100F0D;}
.altbar .baslik{color:#2E294E;margin:0;font-weight:bold;font-size:15px;text-align:left;}
.altbar .aciklama{color:#2E294E;margin:0;font-size:13px;margin-top:5px;text-align:left;}
.kuralbar{position:sticky;background:#001027;border-radius:20px;padding:10px;height:460px;top:10px;}
.kuralbar .baslik{text-align:center;font-size:21px;font-weight:bold;color:#FFFFFF;}
.kuralbar ul li{color:#FFFFFF;font-size:15px;margin-top:10px}
.col-icerik{flex:0 0 33%;max-width:46%;}
.footer .fa-brands{font-size:20px;color:#FFFFFF;}
.footer .row .item{background:linear-gradient(45deg, #0097B2, #7ED957);color:#FFFFFF;padding:7px;border-radius:10px;text-align:center;transition:transform 0.3s, box-shadow 0.3s;}
.footer .row .item:hover{transform:scale(1.1);box-shadow:0 0 10px rgba(0, 0, 0, 0.3);}
.footer .row a{text-decoration:none;color:#FFFFFF;}
.footer{margin-top:40px;border-top:2px solid #ED254E;padding:30px;background:#001027;}
.footer .detay{color:#FFFFFF;font-size:13px;}
.footer .logo{width:99%;margin:20px 0;margin-top:50px;}
.footer .renk{width:40px;}
.footer .baslik{font-size:20px;color:#FFFFFF;font-weight:bold;margin:0;margin-top:30px;}
.footer ul{text-align:left;margin-left:-30px;}
.footer ul li{list-style:none;}
.footer ul li a{color:#C1FF72;font-size:15px;padding:10px;text-decoration:none;}
.footer ul li a:hover{color:#C1FF72;}
.footer .hakkimizda{color:#DFE8F7;font-size:15px;margin:0;margin-top:5px;text-align:right;}
.footer .hakkimizda a{text-decoration:none;color:#C1FF72;}
.copyright{border-top:1px solid #FFFFFF;margin-top:20px;padding-top:20px;}
.copyright p{color:#FFFFFF;font-size:15px;}
.yukari{display:none;position:fixed;bottom:0;right:0;border:none;padding:10px 20px;margin-bottom:10px;margin-right:10px;background:#4fc179;color:white;font-size:20px;border-radius:50%;}
.bars{background:#4fc179;color:white;padding:10px;border-radius:5px;font-size:20px;}
button{transition:transform 0.3s, box-shadow 0.3s;}
button:hover{transform:scale(1.1);box-shadow:0 0 10px rgba(0, 0, 0, 0.3);}
@media screen and (max-width:1044px){ 
.headbar .logo {
width: 100%;
}
.headbar .headimg {
display: none;
}
.nav-bar {
display: none;
}
.nav-bar ul li button {
margin-top: 20px;
}
.nav-bar ul {
margin-top: 20px;
text-align: left;
}
.sarkaplan {
margin: 10px;
border-radius: 10px;
}
.sohbetbar {
margin: 0px;
margin-top: 20px;
position: relative;
top: 0;
height: auto;
text-align: center;
}
.sohbetbar form div {
margin: 5px auto;
}
.sohbetbar .baslik {
position: relative;
z-index: 1;
}
.sohbetbar input {
width: 60%;
}
.sohbetbar button {
padding: 7px;
font-size: 17px;
}
.sohbetbar .formrenk {
position: absolute;
top: 60px;
width: 231px;
right: 25px;
transform: rotate(317deg);
}
.sbarimg {
display: none;
}
.imgbar img {
width: 100%;
margin: 30px 0;
}
.sarkaplan .kalpimg {
display: none;
}
.mesajbar {
position: relative;
top: -30px;
left: -15px;
text-align: center;
}
.mesajbar .col-sm-12 {
padding: 10px 30px;
}
.mesajbar .baslik {
font-size: 20px;
}
.mesajbar .aciklama {
font-size: 14px;
}
.uygulama .item {
margin: 5px auto;
flex: 0 0 80%;
max-width: 100%;
}
.uygulama {
border: none;
margin-top: -40px;
border-top: 1px solid #FFFFFF;
}
.uygulama .cizgi {
width: 250px;
height: 1px;
background: #b9b9b9;
margin: 0 auto;
margin-top: 0;
}
.altbar {
display: none;
}
.col-blog {
flex: 0 0 90%;
max-width: 90%;
}
.kategori {
display: none;
}
.makalebar h1, .makalebar h2, .makalebar h3, .makalebar h4, .makalebar h5, .makalebar h6 {
font-size: 20px;
}
.kuralbar {
display: none;
}
.sosyalbar .baslik {
margin-bottom: 20px;
text-align: center;
}
.sosyalbar img {
width: 100%;
position: relative;
top: 0;
left: 0;
}
.footer ul {
margin-top: 20px;
text-align: left;
}
.footer .hakkimizda {
text-align: left;
}
.footer ul li {
display: block;
}
.col-icerik {
flex: 0 0 92%;
max-width: 100%;
}
}