<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">[data-control="resmi ilanlar"],
[data-control="Resmi Ä°lanlar"],
[data-control="RESMÄ° Ä°LANLAR"] {
background: #d73516!important;
}
[data-control="Yazarlar"] {
background: #7e7e7e!important;
}
[data-control="yorum"] {
background: #585858!important;
}
[data-control="gÃ¼ndem"],
[data-control="GÃœNDEM"] {
background: #d73516!important;
}
[data-control="dunya"],
[data-control="DÃœNYA"] {
background: #ffa500!important;
}
[data-control="ekonomi"],
[data-control="EKONOMÄ°"] {
background: #0d72ad!important;
}
[data-control="siyaset"],
[data-control="SÄ°YASET"] {
background: #7a0606!important;
}
[data-control="spor"],
[data-control="SPOR"] {
background: #0ba22e!important;
}
[data-control="magazin"],
[data-control="MAGAZÄ°N"] {
background: #3f3077!important;
}
[data-control="saÄŸlÄ±k"],
[data-control="SAÄžLIK"] {
background: #2fbfba!important;
}
[data-control="teknoloji"],
[data-control="TEKNOLOJÄ°"] {
background: #ff5e14!important;
}
[data-control="vizyondakiler"],
[data-control="VÄ°ZYONDAKÄ°LER"] {
background: #e4ba21!important;
}
[data-control="foto galeri"],
[data-control="FOTO GALERÄ°"] {
background: #217a72!important;
}
[data-control="AsayiÅŸ"],
[data-control="ASAYÄ°Åž"] {
background: #01a59f!important;
}

.sahurIftar {
width: calc(100% - 40px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 20px 20px;
margin: 15px 0px 0px 0px;
background: rgb(6,109,79);
background: linear-gradient(90deg, rgba(6,109,79,1) 35%, rgba(56,147,73,1) 100%);
}
.sahurIftar:before {
width: 214px;
height: 68px;
overflow: hidden;
display: block;
position: absolute;
content: "";
z-index: 1;
bottom: 0px;
right: 0px;
background-image: url(/wp-content/themes/theHaberV8/images/camii_1.png);
opacity: 0.2;
background-position: center;
background-repeat: no-repeat;
}
select#citySelect {
width: calc(200px - 0px);
height: 38px;
line-height: 38px;
overflow: hidden;
display: block;
float: left;
position: relative;
padding: 0px 5px;
z-index: 99;
border: 1px solid rgb(255 255 255 / 20%);
outline: none;
background: transparent;
border-radius: 3px;
font-size: 16px;
color: #ffffff;
}
select#citySelect option {
font-size: 14px;
color: #131313;
}
.sahurIftarvakti {
width: auto;
height: 38px;
line-height: 38px;
overflow: hidden;
display: block;
position: relative;
float: left;
margin: 0px 20px;
}
.sahurIftarvakti p {
width: auto;
height: auto;
overflow: hidden;
display: block;
float: left;
font-size: 16px;
color: #ffffff;
margin-right: 15px;
}
.sahurIftarvakti span#hour {
font-size: 22px;
font-weight: 700;
width: auto;
height: 38px;
line-height: 38px;
background: #0d5d43;
color: #ffffff;
overflow: hidden;
display: block;
text-align: center;
float: left;
border-radius: 3px;
padding: 0px 10px;
}
.sahurIftarvakti span#minute {
font-size: 22px;
font-weight: 700;
width: auto;
height: 38px;
line-height: 38px;
background: #0d5d43;
color: #ffffff;
overflow: hidden;
display: block;
text-align: center;
float: left;
border-radius: 3px;
padding: 0px 10px;
}
.sahurIftarvakti font {
font-size: 24px;
font-weight: 400;
float: left;
width: auto;
height: 38px;
line-height: 38px;
padding: 0px 10px;
color: #ffffff;
}
.vaktiSoyle {
width: calc(100% - 680px);
height: 38px;
line-height: 38px;
overflow: hidden;
display: block;
position: relative;
font-size: 16px;
color: #ffffff;
}
@media screen and (max-width: 980px) {
select#citySelect {
float: none;
margin-bottom: 10px;
}
.sahurIftarvakti {
width: calc(50% - 10px);
margin: 0px 20px 0px 0px;
}
.vaktiSoyle {
width: calc(50% - 10px);
}
}
@media screen and (max-width: 768px) {
.sahurIftarvakti {
width: calc(100% - 0px);
margin: 0px auto 10px auto;
float: none;
}
.vaktiSoyle {
width: calc(100% - 0px);
float: none;
}
}
@media screen and (max-width: 768px) {
.sahurIftar {
padding: 18px 20px 10px 20px;
}
.sahurIftarvakti {
margin: 0px auto 3px auto;
height: 30px;
line-height: 30px;
}
.sahurIftarvakti p {
font-size: 14px;
}
.sahurIftarvakti span#hour,
.sahurIftarvakti font,
.sahurIftarvakti span#minute,
.vaktiSoyle {
font-size: 14px;
height: 30px;
line-height: 30px;
}
.sahurIftarvakti font {
padding: 0px 5px;
}

}

.menuEk {
width: calc(25px - 0px)!important;
height: 60px;
line-height: 60px;
display: block;
position: relative;
overflow: hidden;
display: inline-block!important;
float: right;
text-align: left;
}
#araclar__toggle {
opacity: 0;
}
#araclar__toggle:checked ~ .araclar__btn &gt; span {
transform: rotate(45deg);
background-color: var(--siyah);
}
#araclar__toggle:checked ~ .araclar__btn &gt; span::before {
top: 0;
transform: rotate(0);
background-color: var(--siyah);
}
#araclar__toggle:checked ~ .araclar__btn &gt; span::after {
top: 0;
transform: rotate(90deg);
background-color: var(--siyah);
}
#araclar__toggle:checked ~ .araclar__box {
visibility: visible;
left: 0;
animation: araclar__box 1s ease 0s 1 normal forwards;
}
@keyframes araclar__box {
0% {
opacity: 0;
transform: translateX(-250px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
input#araclar__toggle {
width: 100%;
height: 26px;
padding: 0px;
margin: 0px;
display: block;
cursor: pointer;
}
.araclar__btn {
display: block;
position: absolute;
width: 26px;
height: 15px;
cursor: pointer;
z-index: 1;
top: 28px;
right: -5px;
}
.araclar__btn &gt; span {
display: block;
position: absolute;
width: 80%;
height: 3px;
background-color: var(--siyah);
transition-duration: .25s;
}
.araclar__btn &gt; span::before,
.araclar__btn &gt; span::after {
display: block;
position: absolute;
width: 100%;
height: 3px;
background-color: var(--siyah);
transition-duration: .25s;
}
.araclar__btn &gt; span::before {
content: '';
top: -8px;
}
.araclar__btn &gt; span::after {
content: '';
top: 8px;
}
.menuEk ul.araclar__box .mscroll {
width: 100%;
height: calc(100% - 30px);
overflow-y: scroll;
}
.menuEk ul.araclar__box .mscrollicerik {
width: calc(100% - 15px);
height: calc(100% - 0px);
min-height: 450px;
padding-right: 15px;
}
.menuEk ul.araclar__box .mscroll::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: rgb(255 255 255 / 10%);
}
.menuEk ul.araclar__box .mscroll::-webkit-scrollbar {
width: 3px;
background-color: rgb(255 255 255 / 10%);
}
.menuEk ul.araclar__box .mscroll::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background: #ffffff;
}
.menuEk ul.araclar__box {
display: block;
position: fixed;
visibility: hidden;
top: 0;
left: -100%;
width: 270px;
height: 100%;
margin: 0;
padding: 15px 5px 15px 15px;
list-style: none;
background: radial-gradient(circle at 1% 52%, rgba(139, 139, 139,0.05) 0%, rgba(139, 139, 139,0.05) 50%,rgba(21, 21, 21,0.05) 50%, rgba(21, 21, 21,0.05) 100%),radial-gradient(circle at 41% 28%, rgba(81, 81, 81,0.05) 0%, rgba(81, 81, 81,0.05) 50%,rgba(7, 7, 7,0.05) 50%, rgba(7, 7, 7,0.05) 100%),radial-gradient(circle at 48% 1%, rgba(93, 93, 93,0.05) 0%, rgba(93, 93, 93,0.05) 50%,rgba(7, 7, 7,0.05) 50%, rgba(7, 7, 7,0.05) 100%),linear-gradient(224deg, #000000,#363636);
background-repeat: no-repeat;
background-size: cover;
box-shadow: 1px 0px 6px rgba(0, 0, 0, .2);
z-index: 99999999;
overflow: hidden;
}
.menuEk ul.araclar__box li {
width: calc(100% - 0px);
height: auto;
line-height: 42px;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px;
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}
.menuEk ul.araclar__box li a {
width: calc(100% - 6px);
height: auto;
display: block;
overflow: hidden;
position: relative;
color: var(--beyaz);
line-height: 2.2;
padding-left: 8px;
font-size: 16px;
font-weight: 500;
}
.menuEk ul.araclar__box li a:after {
width: 3px;
height: 3px;
overflow: hidden;
display: block;
position: absolute;
content: "";
bottom: 12px;
left: 0px;
z-index: 1;
background: #ffffff;
}
.menuEk ul.araclar__box li ul li a:after {
display: none;
}
.menuEk ul.araclar__box li a:hover {
color: var(--beyaz);
padding-left: 12px;
}
.menuEk ul.araclar__box li ul {
display: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
animation: altmenu 0.3s ease 0s 1 normal forwards;
}
@keyframes altmenu {
0% {
opacity: 0;
transform: translateX(-250px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.menuEk ul.araclar__box li:hover ul {
display: block;
}
.menuEk ul.araclar__box li ul li a {
font-size: 14px;
font-weight: 300;
}
.menuEk ul.araclar__box li.menu-item-has-children:after {
position: absolute;
content: "+";
top: -4px;
right: 10px;
font-size: 20px;
font-weight: 700;
color: #ffffff;
}
.menuEk ul.araclar__box li.menu-item-has-children:hover:after {
content: "-";
color: #ffffff;
}
.menuEk ul.araclar__box .muye {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-top: 15px;
padding-top: 15px;
}
.menuEk ul.araclar__box .muye a {
width: calc(50% - 30px);
height: auto;
line-height: 1.8;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-right: 16px;
font-size: 14px;
color: var(--beyaz);
border: 1px solid rgb(255 255 255 / 20%);
padding: 8px 10px 8px 10px;
border-radius: 2px;
}
.menuEk ul.araclar__box .muye a:last-child {
margin-right: 0px;
}
.menuEk ul.araclar__box .muye span {
margin-left: 10px;
}
.menuEk ul.araclar__box .muye a:hover {
border: 1px solid #ffffff;
}
.menuEk ul.araclar__box .msosyal {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-top: 15px;
text-align: center;
}
.menuEk ul.araclar__box .msosyal a {
width: 36px;
height: 36px;
line-height: 36px;
overflow: hidden;
display: inline-table;
margin: 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 16px;
color: var(--beyaz);
border-radius: 2px;
}
.menuEk ul.araclar__box .msosyal a:hover:nth-of-type(1n) {
color: #ffffff;
background: #3a5b98;
}
.menuEk ul.araclar__box .msosyal a:hover:nth-of-type(2n) {
color: #ffffff;
background: #26ccff;
}
.menuEk ul.araclar__box .msosyal a:hover:nth-of-type(3n) {
color: #ffffff;
background: #a238a9;
}
.menuEk ul.araclar__box .msosyal a:hover:nth-of-type(4n) {
color: #ffffff;
background: #e00606;
}
.menuEk ul.araclar__box .msosyal a:hover:nth-of-type(5n) {
color: #ffffff;
background: #ff7278;
}
.menuEk ul.araclar__box .msosyal a:hover:nth-of-type(6n) {
color: #ffffff;
background: #ef911c;
}
.menuEk ul.araclar__box .mcopy {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding-top: 15px;
border-top: 1px solid rgb(255 255 255 / 25%);
}
.menuEk ul.araclar__box .mcopy p {
line-height: 1.4;
font-size: 12px;
color: rgb(255 255 255 / 70%);
font-weight: 300;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.menuEk ul.araclar__box .mwhatsapp {
width: calc(100% - 30px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-top: 20px;
background: rgb(14 193 47 / 50%);
border-radius: 2px;
padding: 7.5px 15px;
text-align: center;
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}
.menuEk ul.araclar__box .mwhatsapp:hover {
background: rgb(14 193 47 / 70%);
}
.menuEk ul.araclar__box .mwhatsapp a {
height: calc(44px - 0px);
display: block;
}
.menuEk ul.araclar__box .mwhatsapp i {
width: auto;
height: 44px;
overflow: hidden;
display: inline-block;
position: relative;
font-size: 44px;
color: #ffffff;
margin-right: 12px;
}
.menuEk ul.araclar__box .mwhatsapp strong {
width: 100px;
height: 44px;
line-height: 1.4;
overflow: hidden;
display: inline-block;
position: relative;
font-size: 16px;
color: #ffffff;
font-weight: 300;
text-align: left;
}
.menuEk ul.araclar__box .mwhatsapp strong::first-line {
font-weight: 500;
}

.sonDakikaBG {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 0px 0px;
padding: 15px 0px 15px 0px;
background: radial-gradient(circle at 1% 52%,rgba(139,139,139,.05) 0%,rgba(139,139,139,.05) 50%,rgba(21,21,21,.05) 50%,rgba(21,21,21,.05) 100%),radial-gradient(circle at 41% 28%,rgba(81,81,81,.05) 0%,rgba(81,81,81,.05) 50%,rgba(7,7,7,.05) 50%,rgba(7,7,7,.05) 100%),radial-gradient(circle at 48% 1%,rgba(93,93,93,.05) 0%,rgba(93,93,93,.05) 50%,rgba(7,7,7,.05) 50%,rgba(7,7,7,.05) 100%),linear-gradient(255deg,#9d2610,#d73516);
background-repeat: no-repeat;
background-size: cover;
}
.sonDakikaBG i {
width: calc(32px - 0px);
height: 32px;
display: block;
position: relative;
overflow: hidden;
float: left;
margin: 0px 10px 0px 0px;
color: var(--beyaz);
font-size: 32px;
}
.sonDakika {
width: calc(100% - 122px);
height: 32px;
line-height: 32px;
overflow: hidden;
position: relative;
float: left;
}
.sonDakika .swiper-slide a {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
color: var(--beyaz);
}
.sonDakika .swiper-slide a time {
width: 55px;
font-size: 16px;
font-weight: 700;
color: var(--beyaz);
float: left;
margin-right: 5px;
}
.sonDakika .swiper-slide a span {
width: calc(100% - 60px);
font-size: 16px;
font-weight: 300;
color: #ffffff;
-webkit-line-clamp: 1;
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
}

.sonDakikaBG .yan {
width: 80px;
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.sonDakikaBG .yan a {
display: block;
overflow: hidden;
float: left;
text-align: right;
}
.sonDakikaBG .yan a i {
width: 40px;
line-height: 32px;
font-size: 22px;
display: inline-block;
padding: 0px;
margin: 0px;
}

#aramaAlani {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.9);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-transform: translate(0px, -100%) scale(0, 0);
-moz-transform: translate(0px, -100%) scale(0, 0);
-ms-transform: translate(0px, -100%) scale(0, 0);
-o-transform: translate(0px, -100%) scale(0, 0);
transform: translate(0px, -100%) scale(0, 0);
opacity: 0;
display: none;
}
#aramaAlani form {
width: calc(100% - 30px);
max-width: calc(1140px - 30px);
height: 50px;
overflow: hidden;
display: block;
position: absolute;
top: 90px;
left: 0px;
right: 0px;
margin: 0px auto;
border-radius: 5px;
}
#aramaAlani.open {
-webkit-transform: translate(0px, 0px) scale(1, 1);
-moz-transform: translate(0px, 0px) scale(1, 1);
-ms-transform: translate(0px, 0px) scale(1, 1);
-o-transform: translate(0px, 0px) scale(1, 1);
transform: translate(0px, 0px) scale(1, 1);
opacity: 1;
z-index: 99999999;
display: block;
}
#aramaAlani input[type="text"] {
width: calc(100% - 90px);
height: 50px;
font-size: 22px;
font-weight: 300;
text-align: left;
outline: none;
color: #131313;
background: transparent;
border: 0px;
background: #ffffff;
padding: 0px 15px;
position: relative;
}
#aramaAlani .close {
position: absolute;
top: 15px;
right: 15px;
opacity: 1;
font-size: 27px;
color: #fff;
}
#aramaAlani .close:hover{
color: #fc2121;
cursor: pointer;
}
#aramaAlani.open button {
width: 60px;
height: 50px;
overflow: hidden;
display: block;
position: absolute;
top: 0px;
right: 0px;
border: 0px;
outline: none;
cursor: pointer;
background: #ffffff;
}
#aramaAlani.open button i {
font-size: 22px;
color: #131313;
}

#yatayManset {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.yatayManset {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.yatayManset .swiper-slide {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.yatayManset figure {
width: auto;
height: 350px;
text-align: right;
}
.yatayManset figure img {
width: auto;
height: 100%;
}
.yatayManset .swiper-slide div {
width: 100%;
max-width: 60%;
height: auto;
overflow: hidden;
display: block;
position: absolute;
content: "";
top: calc(50px - 0px);
left: 0px;
margin: 0px 0px 0px 0px;
}
.yatayManset .swiper-slide div h2.headline {
display: inline;
font-size: 36px;
font-weight: 800;
line-height: 1.6;
color: var(--beyaz);
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
.yatayManset .swiper-slide div h2.headline-themovement {
background-color: black;
box-shadow: 8px 1px 0 3px black, -8px 1px 0 3px black;
color: var(--beyaz);
}


#surManset {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.surManset {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.surManset .swiper-slide {
background: #ffffff;
}
.surManset figure {
width: 100px;
height: 100px;
overflow: hidden;
display: block;
position: relative;
padding: 10px 10px;
float: left;
margin-right: 5px;
}
.surManset figure img {
width: 100%;
height: 100%;
}
.surManset span {
width: auto;
height: 20px;
line-height: 20px;
display: inline-block;
overflow: hidden;
position: relative;
font-size: 10px;
font-weight: 300;
color: var(--beyaz);
background: var(--kirmiziBG);
padding: 0px 8px;
border-radius: 4px;
}
.surManset figcaption {
width: calc(100% - 140px);
height: auto;
line-height: 1.4;
overflow: hidden;
position: relative;
-webkit-line-clamp: 3;
display: -webkit-box;
-webkit-box-orient: vertical;
font-size: 16px;
font-weight: 700;
color: var(--siyah);
margin-top: 2px;
}
.surManset time {
width: calc(100% - 140px);
height: 14px;
overflow: hidden;
position: relative;
display: block;
font-size: 10px;
font-weight: 500;
color: var(--siyah);
margin-bottom: 5px;
margin-top: 10px;
opacity: 0.7;
}
.surManset a:hover figcaption {
color: var(--kirmizi);
}

#surManset2 {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.surManset2 {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.surManset2 .swiper-slide {
background: #ffffff;
}
.surManset2 figure {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px;
}
.surManset2 figure img {
width: 100%;
height: 100%;
}
.surManset2 figcaption {
width: calc(100% - 20px);
height: 44px;
line-height: 1.4;
overflow: hidden;
position: relative;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
font-size: 16px;
font-weight: 700;
color: var(--siyah);
margin: 2px 10px 10px 10px;
}
.surManset2 time {
width: calc(100% - 20px);
height: 14px;
overflow: hidden;
position: relative;
display: block;
font-size: 10px;
font-weight: 500;
color: var(--siyah);
margin: 10px 10px 5px 10px;
opacity: 0.7;
}
.surManset2 a:hover figcaption {
color: var(--kirmizi);
}

#manset {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.manset {
width: calc(100% - 380px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
padding-bottom: 0px!important;
}
.manset a {
width: 100%;
height: 100%;
overflow: hidden;
display: block;
position: relative;
}
.manset figure {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.manset figure:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.2) 59%,rgba(0,0,0,.9) 100%);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.manset figure img {
width: 100%;
height: 420px;
}
.manset figcaption {
width: calc(100% - 60px);
height: auto;
overflow: hidden;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
position: absolute;
content: "";
bottom: 80px;
left: 30px;
z-index: 3;
font-size: 22px;
font-weight: 800;
color: var(--beyaz);
}
.manset strong {
width: auto;
height: 20px;
line-height: 20px;
display: inline-block;
overflow: hidden;
position: absolute;
content: "";
font-size: 12px;
font-weight: 400;
color: #ffffff;
background: var(--kirmiziBG);
padding: 2px 8px 0px 8px;
border-radius: 4px;
bottom: 45px;
left: 30px;
z-index: 4;
}
.manset time {
width: auto;
height: 20px;
line-height: 20px;
display: inline-block;
overflow: hidden;
position: absolute;
content: "";
font-size: 12px;
font-weight: 400;
color: var(--beyaz);
padding: 0px 0px;
border-radius: 4px;
bottom: 15px;
left: 30px;
z-index: 4;
}

.manset .swiper-horizontal&gt;.swiper-pagination-bullets,
.manset .swiper-pagination-bullets.swiper-pagination-horizontal,
.manset .swiper-pagination-custom, .swiper-pagination-fraction {
width: calc(100% - 0px);
bottom: 0px;
display: flex;
overflow: hidden;
position: relative;
align-items: center;
justify-content: space-between;
background: #ffffff;
}
.manset .swiper-pagination-bullet {
width: calc(100% - 0px);
height: 40px;
line-height: 40px;
padding: 0px 5px;
overflow: hidden;
position: relative;
text-align: center;
float: left;
font-size: 14px;
color: var(--siyah);
font-weight: 700;
outline: none;
opacity: 1;
border-left: 1px solid var(--griBG);
border-right: 1px solid var(--griBG);
border-bottom: 1px solid var(--griBG);
}
.manset .swiper-pagination-bullet-active,
.manset .swiper-pagination-bullet:hover {
background: var(--kirmiziBG);
color: var(--beyaz);
}

.mansetDevami {
width: 360px;
height: auto;
overflow: hidden;
display: block;
position: relative;
background: #ffffff;
margin-left: 20px;
float: right;
}
.mansetDevami .listeleme {
width: calc(100% - 20px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-bottom: 0px;
padding: 12px 10px 0px 10px;
}
.mansetDevami .listeleme:last-child {
padding: 12px 10px 12px 10px;
}
.mansetDevami .listeleme figure {
width: 100px;
height: 100px;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px;
float: right;
margin-left: 15px;
}
.mansetDevami .listeleme figure img {
width: 100%;
height: 100%;
}
.mansetDevami .listeleme span {
width: auto;
height: 20px;
line-height: 20px;
display: inline-block;
overflow: hidden;
position: relative;
font-size: 10px;
font-weight: 400;
color: #ffffff;
background: var(--kirmiziBG);
padding: 0px 8px;
border-radius: 4px;
}
.mansetDevami .listeleme figcaption {
width: calc(100% - 115px);
height: 44px;
line-height: 1.4;
overflow: hidden;
position: relative;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
font-size: 16px;
font-weight: 700;
color: var(--siyah);
margin-top: 2px;
}
.mansetDevami .listeleme time {
width: calc(100% - 115px);
height: 14px;
overflow: hidden;
position: relative;
display: block;
font-size: 10px;
font-weight: 500;
color: var(--siyah);
margin-bottom: 5px;
margin-top: 5px;
opacity: 0.7;
}
.mansetDevami .listeleme a:hover figcaption {
color: var(--kirmizi);
}

.kutular {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.kutular a {
width: calc(16.666% - 17px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin: 0px 20px 0px 0px;
}
.kutular a:last-child {
margin: 0px 0px 0px 0px;
}
.kutular a figure {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.kutular a figure:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.2) 59%,rgba(0,0,0,.9) 100%);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}
.kutular a:hover figure:after {
background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.2) 20%,rgb(181 0 0 / 90%) 100%);
}
.kutular a figure img {
width: 100%;
height: auto;
overflow: hidden;
display: block;
}
.kutular a div {
width: calc(100% - 15px);
height: auto;
overflow: hidden;
display: block;
position: absolute;
content: "";
bottom: 15px;
right: 15px;
text-align: right;
}
.kutular a div i {
font-size: 28px;
color: #ffffff;
display: block;
margin-bottom: 10px;
}
.kutular a div strong {
width: 80px;
height: auto;
overflow: hidden;
display: block;
font-size: 16px;
color: #ffffff;
font-weight: 300;
float: right;
}
.kutular a div strong::first-line {
font-weight: 700;
}


#mansetSol {
width: calc(50% - 10px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-right: 20px;
}
.mansetSol {
width: calc(100% - 40px);
height: 100%;
overflow: hidden;
display: block;
position: relative;
}
.mansetSol a {
width: 100%;
height: 100%;
overflow: hidden;
display: block;
position: relative;
}
.mansetSol figure {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.mansetSol figure:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.2) 59%,rgba(0,0,0,.9) 100%);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.mansetSol figure img {
width: 100%;
height: 300px;
}
.mansetSol figcaption {
width: calc(100% - 60px);
height: auto;
overflow: hidden;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
position: absolute;
content: "";
bottom: 80px;
left: 30px;
z-index: 3;
font-size: 22px;
font-weight: 800;
color: var(--beyaz);
}
.mansetSol strong {
width: auto;
height: 20px;
line-height: 20px;
display: inline-block;
overflow: hidden;
position: absolute;
content: "";
font-size: 12px;
font-weight: 400;
color: #ffffff;
background: var(--kirmiziBG);
padding: 2px 8px 0px 8px;
border-radius: 4px;
bottom: 45px;
left: 30px;
z-index: 4;
}
.mansetSol time {
width: auto;
height: 20px;
line-height: 20px;
display: inline-block;
overflow: hidden;
position: absolute;
content: "";
font-size: 12px;
font-weight: 400;
color: #ffffff;
padding: 0px 0px;
border-radius: 4px;
bottom: 15px;
left: 30px;
z-index: 4;
}

#mansetSol .solNumaralar {
width: 40px;
height: 100%;
overflow: hidden;
display: block;
position: relative;
float: left;
bottom: 0px!important;
background: var(--siyahBG);
}
#mansetSol .swiper-horizontal&gt;.swiper-pagination-bullets,
#mansetSol .swiper-pagination-bullets.swiper-pagination-horizontal,
#mansetSol .swiper-pagination-custom, .swiper-pagination-fraction {
width: 40px;
height: 100%;
display: block;
overflow: hidden;
position: relative;
align-items: center;
justify-content: space-between;
background: var(--siyahBG);
}
#mansetSol .swiper-pagination-bullet {
width: calc(100% - 0px);
height: 100%;
line-height: 50px;
padding: 0px 0px;
overflow: hidden;
position: relative;
text-align: center;
display: block;
float: none!important;
font-size: 14px;
color: var(--beyaz);
font-weight: 700;
outline: none;
opacity: 1;
border: 0px!important;
}
#mansetSol .swiper-pagination-bullet-active,
#mansetSol .swiper-pagination-bullet:hover {
background: var(--kirmiziBG);
color: var(--beyaz);
}

#mansetSol.ekonomimanset .swiper-pagination-bullet-active,
#mansetSol.ekonomimanset .swiper-pagination-bullet:hover {
background: #0d72ad;
color: var(--beyaz);
}
#mansetSol.magazinmanset .swiper-pagination-bullet-active,
#mansetSol.magazinmanset .swiper-pagination-bullet:hover {
background: #2f0e7a;
color: var(--beyaz);
}
#mansetSol.spormanset .swiper-pagination-bullet-active,
#mansetSol.spormanset .swiper-pagination-bullet:hover {
background: #0ba22e;
color: var(--beyaz);
}

.spormansetyan {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 20px 0px;
}
.spormansetyan ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.spormansetyan ul li {
width: calc(50% - 40px);
height: 100%;
overflow: hidden;
display: block;
padding: 18px 15px 18px 15px;
transition: all 250ms ease;
float: left;
}
.spormansetyan ul li:nth-of-type(1n) {
background: radial-gradient(circle at 1% 52%, rgba(139, 139, 139,0.05) 0%, rgba(139, 139, 139,0.05) 50%,rgba(21, 21, 21,0.05) 50%, rgba(21, 21, 21,0.05) 100%),radial-gradient(circle at 41% 28%, rgba(81, 81, 81,0.05) 0%, rgba(81, 81, 81,0.05) 50%,rgba(7, 7, 7,0.05) 50%, rgba(7, 7, 7,0.05) 100%),radial-gradient(circle at 48% 1%, rgba(93, 93, 93,0.05) 0%, rgba(93, 93, 93,0.05) 50%,rgba(7, 7, 7,0.05) 50%, rgba(7, 7, 7,0.05) 100%),linear-gradient(224deg, #57ff55,#187a2f);
margin: 0px 20px 0px 0px;
}
.spormansetyan ul li:nth-of-type(2n) {
background: radial-gradient(circle at 1% 52%, rgba(139, 139, 139,0.05) 0%, rgba(139, 139, 139,0.05) 50%,rgba(21, 21, 21,0.05) 50%, rgba(21, 21, 21,0.05) 100%),radial-gradient(circle at 41% 28%, rgba(81, 81, 81,0.05) 0%, rgba(81, 81, 81,0.05) 50%,rgba(7, 7, 7,0.05) 50%, rgba(7, 7, 7,0.05) 100%),radial-gradient(circle at 48% 1%, rgba(93, 93, 93,0.05) 0%, rgba(93, 93, 93,0.05) 50%,rgba(7, 7, 7,0.05) 50%, rgba(7, 7, 7,0.05) 100%),linear-gradient(224deg, #ffcb00,#e73c15);
margin: 0px 0px 0px 0px;
}
.spormansetyan ul li a {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
font-size: 28px;
text-align: center;
}
.spormansetyan ul li a i {
width: calc(100% - 00%);
font-size: 40px;
display: inline-block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 15px 0px;
color: #ffffff;
}
.spormansetyan ul li a span {
width: calc(100% - 30px);
height: auto;
overflow: hidden;
display: inline-block;
font-size: 16px;
font-weight: 300;
color: #ffffff;
padding: 0px 15px 0px 15px;
margin: 0px 0px 0px 0px;
}
.spormansetyan ul li a span::first-line {
font-weight: 700;
}
.spormansetyan ul li:hover {
background: radial-gradient(circle at 1% 52%, rgba(139, 139, 139,0.05) 0%, rgba(139, 139, 139,0.05) 50%,rgba(21, 21, 21,0.05) 50%, rgba(21, 21, 21,0.05) 100%),radial-gradient(circle at 41% 28%, rgba(81, 81, 81,0.05) 0%, rgba(81, 81, 81,0.05) 50%,rgba(7, 7, 7,0.05) 50%, rgba(7, 7, 7,0.05) 100%),radial-gradient(circle at 48% 1%, rgba(93, 93, 93,0.05) 0%, rgba(93, 93, 93,0.05) 50%,rgba(7, 7, 7,0.05) 50%, rgba(7, 7, 7,0.05) 100%),linear-gradient(224deg, #545454,#a7a7a7);
}

#mansetSag {
width: calc(50% - 10px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.mansetSag {
width: calc(100% - 40px);
height: 100%;
overflow: hidden;
display: block;
position: relative;
}
.mansetSag a {
width: 100%;
height: 100%;
overflow: hidden;
display: block;
position: relative;
}
.mansetSag figure {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.mansetSag figure:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.2) 59%,rgba(0,0,0,.9) 100%);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.mansetSag figure img {
width: 100%;
height: 300px;
}
.mansetSag figcaption {
width: calc(100% - 60px);
height: auto;
overflow: hidden;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
position: absolute;
content: "";
bottom: 80px;
left: 30px;
z-index: 3;
font-size: 22px;
font-weight: 800;
color: var(--beyaz);
}
.mansetSag strong {
width: auto;
height: 20px;
line-height: 20px;
display: inline-block;
overflow: hidden;
position: absolute;
content: "";
font-size: 12px;
font-weight: 400;
color: #ffffff;
background: var(--kirmiziBG);
padding: 2px 8px 0px 8px;
border-radius: 4px;
bottom: 45px;
left: 30px;
z-index: 4;
}
.mansetSag time {
width: auto;
height: 20px;
line-height: 20px;
display: inline-block;
overflow: hidden;
position: absolute;
content: "";
font-size: 12px;
font-weight: 400;
color: #ffffff;
padding: 0px 0px;
border-radius: 4px;
bottom: 15px;
left: 30px;
z-index: 4;
}

#mansetSag .sagNumaralar {
width: 40px;
height: 100%;
overflow: hidden;
display: block;
position: relative;
float: right;
bottom: 0px!important;
background: var(--siyahBG);
}
#mansetSag .swiper-horizontal&gt;.swiper-pagination-bullets,
#mansetSag .swiper-pagination-bullets.swiper-pagination-horizontal,
#mansetSag .swiper-pagination-custom, .swiper-pagination-fraction {
width: 40px;
height: 100%;
display: block;
overflow: hidden;
position: relative;
align-items: center;
justify-content: space-between;
background: var(--siyahBG);
}
#mansetSag .swiper-pagination-bullet {
width: calc(100% - 0px);
height: 100%;
line-height: 50px;
padding: 0px 0px;
overflow: hidden;
position: relative;
text-align: center;
display: block;
float: none!important;
font-size: 14px;
color: var(--beyaz);
font-weight: 700;
outline: none;
opacity: 1;
border: 0px!important;
}
#mansetSag .swiper-pagination-bullet-active,
#mansetSag .swiper-pagination-bullet:hover {
background: var(--kirmiziBG);
color: var(--beyaz);
}

.sagFikstur {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px 0px 0px;
margin: 0px 0px 20px 0px;
background: #ffffff;
}
.fiks {
width: calc(100% - 30px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 15px 15px 15px 15px;
margin: 0px 0px 15px 0px;
border-bottom: 1px solid var(--griBG);
}
.sagFikstur .fiks div {
width: calc(50% - 30px);
height: auto;
overflow: hidden;
display: block;
float: left;
text-align: center;
}
.sagFikstur .fiks div:nth-of-type(2) {
width: 50px;
height: auto;
overflow: hidden;
display: block;
float: left;
padding: 0 5px;
text-align: center;
}
.sagFikstur .fiks div:nth-of-type(1) img,
.sagFikstur .fiks div:nth-of-type(3) img {
width: 36px;
height: 36px;
overflow: hidden;
}
.sagFikstur .fiks div:nth-of-type(1) strong,
.sagFikstur .fiks div:nth-of-type(3) strong {
width: 100%;
height: 34px;
margin-top: 10px;
font-size: 14px;
font-weight: 500;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
}
.sagFikstur .fiks div:nth-of-type(2) span {
font-size: 12px;
line-height: 20px;
}
.sagFikstur .fiks div:nth-of-type(2) p {
font-size: 13px;
font-weight: 700;
line-height: 20px;
}
.sagFikstur h3 {
width: calc(100% - 30px);
height: 60px;
line-height: 60px;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 30px;
color: var(--beyaz);
font-size: 18px;
font-weight: 700;
background: radial-gradient(circle at 1% 52%, rgba(139, 139, 139,0.05) 0%, rgba(139, 139, 139,0.05) 50%,rgba(21, 21, 21,0.05) 50%, rgba(21, 21, 21,0.05) 100%),radial-gradient(circle at 41% 28%, rgba(81, 81, 81,0.05) 0%, rgba(81, 81, 81,0.05) 50%,rgba(7, 7, 7,0.05) 50%, rgba(7, 7, 7,0.05) 100%),radial-gradient(circle at 48% 1%, rgba(93, 93, 93,0.05) 0%, rgba(93, 93, 93,0.05) 50%,rgba(7, 7, 7,0.05) 50%, rgba(7, 7, 7,0.05) 100%),linear-gradient(224deg, #187a2f,#38cd36);
}
.sagFikstur h3 i {
padding-top: 12px;
font-size: 32px;
float: left;
margin-right: 15px;
}

.sagFikstur a {
width: calc(100% - 0px);
height: 48px;
line-height: 48px;
overflow: hidden;
display: block;
position: relative;
color: #ffffff;
font-size: 14px;
font-weight: 500;
text-align: center;
background: radial-gradient(circle at 1% 52%, rgba(139, 139, 139,0.05) 0%, rgba(139, 139, 139,0.05) 50%,rgba(21, 21, 21,0.05) 50%, rgba(21, 21, 21,0.05) 100%),radial-gradient(circle at 41% 28%, rgba(81, 81, 81,0.05) 0%, rgba(81, 81, 81,0.05) 50%,rgba(7, 7, 7,0.05) 50%, rgba(7, 7, 7,0.05) 100%),radial-gradient(circle at 48% 1%, rgba(93, 93, 93,0.05) 0%, rgba(93, 93, 93,0.05) 50%,rgba(7, 7, 7,0.05) 50%, rgba(7, 7, 7,0.05) 100%),linear-gradient(224deg, #545454,#a7a7a7);
}
.sagFikstur a:hover {
background: radial-gradient(circle at 1% 52%, rgba(139, 139, 139,0.05) 0%, rgba(139, 139, 139,0.05) 50%,rgba(21, 21, 21,0.05) 50%, rgba(21, 21, 21,0.05) 100%),radial-gradient(circle at 41% 28%, rgba(81, 81, 81,0.05) 0%, rgba(81, 81, 81,0.05) 50%,rgba(7, 7, 7,0.05) 50%, rgba(7, 7, 7,0.05) 100%),radial-gradient(circle at 48% 1%, rgba(93, 93, 93,0.05) 0%, rgba(93, 93, 93,0.05) 50%,rgba(7, 7, 7,0.05) 50%, rgba(7, 7, 7,0.05) 100%),linear-gradient(224deg, #187a2f,#38cd36);
}
.sagFikstur a:before {
width: 14px;
height: 14px;
overflow: hidden;
display: block;
position: absolute;
top: calc(50% - 7px);
right: 10px;
font-family: "Font Awesome 6 Free";
content: "\f2f5";
font-weight: 900;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: var(--fa-display,inline-block);
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}
.sagFikstur a:hover:before {
right: 15px;
}

.sagFikstur .fikscroll {
width: 100%;
height: calc(645px - 15px);
overflow-y: scroll;
}
.sagFikstur .fikscrollicerik {
width: calc(100% - 0px);
height: calc(100% - 0px);
min-height: 450px;
padding: 15px 0px 15px 0px;
}
.sagFikstur .fikscroll::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: rgb(255 255 255 / 10%);
}
.sagFikstur .fikscroll::-webkit-scrollbar {
width: 3px;
background-color: rgb(255 255 255 / 10%);
}
.sagFikstur .fikscroll::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background: #0ba22e;
}

.anaFikstur {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
background: #ffffff;
}
.anaFikstur .fiks {
width: calc(100% - 21px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 20px 10px 20px 10px;
margin: 0px 0px 0px 0px;
border-bottom: 0px;
border-right: 1px solid var(--griBG);
}
.anaFikstur .fiks div {
width: calc(50% - 30px);
height: auto;
overflow: hidden;
display: block;
float: left;
text-align: center;
}
.anaFikstur .fiks div:nth-of-type(2) {
width: 50px;
height: auto;
overflow: hidden;
display: block;
float: left;
padding: 0 5px;
text-align: center;
}
.anaFikstur .fiks div:nth-of-type(1) img,
.anaFikstur .fiks div:nth-of-type(3) img {
width: 30px;
height: 30px;
overflow: hidden;
}
.anaFikstur .fiks div:nth-of-type(1) strong,
.anaFikstur .fiks div:nth-of-type(3) strong {
width: 100%;
height: auto;
margin-top: 10px;
font-size: 14px;
font-weight: 500;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
}
.anaFikstur .fiks div:nth-of-type(2) span {
font-size: 12px;
line-height: 20px;
}
.anaFikstur .fiks div:nth-of-type(2) p {
font-size: 13px;
font-weight: 700;
line-height: 20px;
}

#oneCikanlar {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.oneCikanlar {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.oneCikanlar .swiper-slide {
background: #ffffff;
}
.oneCikanlar figure {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px;
}
.oneCikanlar figure img {
width: 100%;
height: 100%;
}
.oneCikanlar figcaption {
width: calc(100% - 20px);
height: 44px;
line-height: 1.4;
overflow: hidden;
position: relative;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
font-size: 16px;
font-weight: 700;
color: var(--siyah);
margin: 2px 10px 10px 10px;
}
.oneCikanlar time {
width: calc(100% - 20px);
height: 14px;
overflow: hidden;
position: relative;
display: block;
font-size: 10px;
font-weight: 500;
color: var(--siyah);
margin: 10px 10px 5px 10px;
opacity: 0.7;
}
.oneCikanlar a:hover figcaption {
color: var(--kirmizi);
}

.anaFinans {
width: calc(100% - 40px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 10px 20px 10px 20px;
margin-top: 0px;
background: #191919;
box-shadow: 0 1px 8px rgb(186 186 186 / 50%);
}
.anaFinans .finic {
width: calc(16.666% - 26px);
height: 36px;
overflow: hidden;
display: block;
position: relative;
float: left;
border-right: 1px solid rgb(255 255 255 / 25%);
padding-right: 15px;
margin-right: 15px;
}
.anaFinans .finic:last-child {
border-right: 0px;
padding-right: 0px;
margin-right: 0px;
}
.anaFinans .finic strong {
width: calc(100% - 25px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-bottom: 0px;
font-size: 14px;
font-weight: 700;
line-height: 18px;
margin-left: 25px;
color: #d5d5d5;
}
.anaFinans .finic font {
width: auto;
height: auto;
overflow: hidden;
display: inline-block;
position: relative;
margin-left: 5px;
margin-top: 2px;
font-size: 10px;
font-weight: 400;
line-height: 15px;
color: #d5d5d5;
}
.anaFinans .finic font.up,
.anaFinans .finic font.down,
.anaFinans .finic font.minus {
float: left;
margin-left: 25px;
font-size: 12px;
}

.anaFinans .finic font.up {
color: #0ba22e;
}
.anaFinans .finic font.down {
color: #d73516;
}
.anaFinans .finic font.minus {
color: #191919;
}

.anaFinans i.fas.fa-caret-up {
width: 15px;
height: auto;
overflow: hidden;
position: absolute;
left: 0px;
bottom: 0px;
animation: up 1.8s linear infinite;
color: #36dd5d;
text-align: center;
}
.anaFinans i.fas.fa-caret-up:nth-of-type(2n) {
animation: up2 1.8s linear infinite;
}
.anaFinans i.fas.fa-caret-up:nth-of-type(3n) {
animation: up3 1.8s linear infinite;
}
.anaFinans i.fas.fa-caret-up:nth-of-type(4n) {
animation: up4 1.8s linear infinite;
}
@keyframes up {
0% {bottom: 0;color: #0ba22e;}
50% {bottom: 0px;}
100% {bottom: 0;}
}
@keyframes up2 {
0% {bottom: 0;color: #0ba22e;}
50% {bottom: 10px;}
100% {bottom: 0;}
}
@keyframes up3 {
0% {bottom: 0;color: #0ba22e;}
50% {bottom: 20px;}
100% {bottom: 0;}
}


.anaFinans i.fas.fa-caret-down {
width: 15px;
height: auto;
overflow: hidden;
position: absolute;
left: 0px;
top: 0px;
animation: down 1.8s linear infinite;
color: #d50000;
text-align: center;
}
.anaFinans i.fas.fa-caret-down:nth-of-type(2n) {
animation: down2 1.8s linear infinite;
}
.anaFinans i.fas.fa-caret-down:nth-of-type(3n) {
animation: down3 1.8s linear infinite;
}
.anaFinans i.fas.fa-caret-down:nth-of-type(4n) {
animation: down4 1.8s linear infinite;
}
@keyframes down {
0% {top: 0;color: #d73516;}
50% {top: 0px;}
100% {top: 0;}
}
@keyframes down2 {
0% {top: 0;color: #d73516;}
50% {top: 10px;}
100% {top: 0;}
}
@keyframes down3 {
0% {top: 0;color: #d73516;}
50% {top: 20px;}
100% {top: 0;}
}

.anaFinans i.fa-solid.fa-minus {
width: 15px;
height: auto;
overflow: hidden;
position: absolute;
left: 0px;
top: 0px;
animation: minus 1.8s linear infinite;
color: #838383;
text-align: center;
}
.anaFinans i.fa-solid.fa-minus:nth-of-type(2n) {
animation: minus2 1.8s linear infinite;
}
.anaFinans i.fa-solid.fa-minus:nth-of-type(3n) {
animation: minus3 1.8s linear infinite;
}
.anaFinans i.fa-solid.fa-minus:nth-of-type(4n) {
animation: minus4 1.8s linear infinite;
}
@keyframes minus {
0% {top: 0;color: #191919;}
50% {top: 0px;}
100% {top: 0;}
}
@keyframes minus2 {
0% {top: 0;color: #191919;}
50% {top: 10px;}
100% {top: 0;}
}
@keyframes minus3 {
0% {top: 0;color: #191919;}
50% {top: 20px;}
100% {top: 0;}
}


.icerikDort .puanDurumu {
width: calc(300px - 30px);
height: auto;
overflow: hidden;
display: block;
position: relative;
background: #ffffff;
margin-top: 20px;
padding: 15px 15px 15px 15px;
}
.icerikDort .puanDurumu div {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}


.icerikDort .puanDurumu div:after {
width: 3px;
height: 15px;
overflow: hidden;
display: block;
position: absolute;
content: "";
top: 10px;
left: 0px;
}
.icerikDort .puanDurumu div:nth-of-type(2n):after {
background: #008002;
}
.icerikDort .puanDurumu div:nth-of-type(3n):after {
background: #00b303;
}
.icerikDort .puanDurumu div:nth-of-type(4n):after,
.icerikDort .puanDurumu div:nth-of-type(5n):after {
background: #ffba00;
}
.icerikDort .puanDurumu div:nth-of-type(6n):after,
.icerikDort .puanDurumu div:nth-of-type(7n):after,
.icerikDort .puanDurumu div:nth-of-type(8n):after,
.icerikDort .puanDurumu div:nth-of-type(9n):after {
background: transparent!important;
}
.icerikDort .puanDurumu div:nth-of-type(10n):after,
.icerikDort .puanDurumu div:nth-of-type(11n):after,
.icerikDort .puanDurumu div:nth-of-type(12n):after {
background: #de2e2e!important;
}



.icerikDort .puanDurumu .baslik {
border-bottom: 1px solid #dedede;
}
.icerikDort .puanDurumu .baslik span {
margin: 0px 0px 10px 0px;
font-weight: 700;
color: var(--siyah)!important;
}
.icerikDort .puanDurumu div span {
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin: 10px 0px 10px 0px;
font-size: 12px;
}
.icerikDort .puanDurumu div span:nth-of-type(1n) {
width: 23px;
text-align: right;
color: #505050;
}
.icerikDort .puanDurumu div span:nth-of-type(2n) {
width: calc(100% - 120px);
color: var(--siyah);
padding-left: 7px;
text-align: left;
-webkit-line-clamp: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.icerikDort .puanDurumu div span:nth-of-type(3n) {
width: 30px;
text-align: center;
color: var(--siyah);
}
.icerikDort .puanDurumu div span:nth-of-type(4n) {
width: 30px;
text-align: center;
color: var(--siyah);
padding-left: 0px;
}
.icerikDort .puanDurumu div span:nth-of-type(5n) {
width: 30px;
text-align: center;
color: var(--siyah);
font-weight: 700;
}

.icerikDort .puanDurumu div span i {
width: 10px;
height: 10px;
text-align: center;
overflow: hidden;
display: block;
position: absolute;
content: "";
left: 0px;
}
.icerikDort .puanDurumu div span i.fa-solid.fa-caret-up {
font-size: 10px;
top: 3px;
color: #0ba22e;
}
.icerikDort .puanDurumu div span i.fa-solid.fa-caret-down {
font-size: 10px;
top: 3px;
color: #d73516;
}
.icerikDort .puanDurumu div span i.fa-solid.fa-circle {
font-size: 5px;
top: 6px;
color: #bbbbbb;
}

.icerikDort .puanDurumu a {
width: calc(100% - 0px);
height: 40px;
line-height: 40px;
overflow: hidden;
display: block;
position: relative;
background: #191919;
color: #ffffff;
font-size: 14px;
font-weight: 500;
text-align: center;
margin-top: 10px;
border-radius: 4px;
}
.icerikDort .puanDurumu a:before {
width: 14px;
height: 14px;
overflow: hidden;
display: block;
position: absolute;
top: calc(50% - 7px);
right: 10px;
font-family: "Font Awesome 6 Free";
content: "\f2f5";
font-weight: 900;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: var(--fa-display,inline-block);
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}
.icerikDort .puanDurumu a:hover:before {
right: 15px;
}

.anacanliSonuc {
width: calc(300px - 0px);
height: 96px;
overflow: hidden;
display: block;
position: relative;
margin-top: 16px;
}

#katburc.anaBurclar {
width: calc(100% - 30px);
}
#katburc.anaBurclar .anaBurc {
width: calc(8.333% - 0px);
}

.anaBurclar {
width: calc(100% - 300px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 6px 15px 36px 15px;
background: radial-gradient(circle at 1% 52%, rgba(139, 139, 139,0.05) 0%, rgba(139, 139, 139,0.05) 50%,rgba(21, 21, 21,0.05) 50%, rgba(21, 21, 21,0.05) 100%),radial-gradient(circle at 41% 28%, rgba(81, 81, 81,0.05) 0%, rgba(81, 81, 81,0.05) 50%,rgba(7, 7, 7,0.05) 50%, rgba(7, 7, 7,0.05) 100%),radial-gradient(circle at 48% 1%, rgba(93, 93, 93,0.05) 0%, rgba(93, 93, 93,0.05) 50%,rgba(7, 7, 7,0.05) 50%, rgba(7, 7, 7,0.05) 100%),linear-gradient(255deg, #9c2984,#2f0e7a);
background-repeat: no-repeat;
background-size: cover;
}
.anaBurclar .anaBurc {
width: calc(16.666% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
text-align: center;
margin-top: 30px;
z-index: 3;
}
.anaBurclar .anaBurc a {
display: block;
}
.anaBurclar .anaBurc figure {
width: 42px;
height: 42px;
overflow: hidden;
display: inline-table;
margin: 0px 0px 15px 0px;
}
.anaBurclar .anaBurc figure img {
width: 42px;
height: 42px;
}
.anaBurclar .anaBurc figcaption {
font-size: 14px;
font-weight: 500;
color: #ffffff;
}
.anaBurclar .anaBurc a:hover figcaption {
color: #e3f54a;
}

#gazeteilan {
width: calc(100% - 30px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 0px 0px;
padding: 15px 15px 15px 15px;
background: #ffffff;
}
#gazeteilan .gazeteler {
width: calc(100% - 12px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 5px;
background: #ffffff;
border: 1px solid #dedede;
}
#gazeteilan .gazeteler img {
width: 100%;
height: auto;
}
#gazeteilan a.ilanLink {
width: auto;
height: 50px;
line-height: 50px;
overflow: hidden;
display: table;
background: var(--kirmiziBG);
cursor: pointer;
color: rgba(0, 0, 0, 0);
text-shadow: 0 0 0 #ffffff, 0 3rem 0 #ffffff;
transition: background-color 150ms, text-shadow 200ms;
font-size: 16px;
font-weight: 500;
border: 0px;
outline: none;
padding: 0px 30px;
margin: 15px auto 0px auto;
}
#gazeteilan a.ilanLink:hover {
background-color: #585858;
text-shadow: 0 -3rem 0 #ffffff, 0 0 0 #ffffff;
}


.gazeteIleri,
.gazeteGeri {
width: 90px;
height: 90px;
line-height: 40px;
overflow: hidden;
display: block;
position: absolute;
content: "";
z-index: 9;
top: calc(50% - 45px);
text-align: center;
cursor: pointer;
transition: all 900ms ease;
}
.gazeteIleri i,
.gazeteGeri i {
color: var(--kirmizi);
font-size: 24px;
}
.gazeteIleri i {
position: absolute;
top: calc(50% - 12.5px);
left: 15px;
}
.gazeteGeri i {
position: absolute;
top: calc(50% - 12.5px);
right: 15px;
}
.gazeteGeri {
left: -45px;
background: #ffffff;
}
.gazeteIleri {
right: -45px;
background: #ffffff;
}
.gazeteGeri:hover {
width: 110px;
}
.gazeteIleri:hover {
width: 110px;
}
.gazeteIleri:hover i,
.gazeteGeri:hover i {
color: var(--kirmizi);
}





.basinIlan  {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.basinIlan iframe {
width: calc(100% - 0px);
height: 140px;
overflow: hidden;
display: block;
position: relative;
background: #ffffff;
}
.basinIlan img {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}

#anaVizyon {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 0px 0px;
padding: 30px 0px 40px 0px;
background: radial-gradient(circle at 1% 52%,rgba(139,139,139,.05) 0%,rgba(139,139,139,.05) 50%,rgba(21,21,21,.05) 50%,rgba(21,21,21,.05) 100%),radial-gradient(circle at 41% 28%,rgba(81,81,81,.05) 0%,rgba(81,81,81,.05) 50%,rgba(7,7,7,.05) 50%,rgba(7,7,7,.05) 100%),radial-gradient(circle at 48% 1%,rgba(93,93,93,.05) 0%,rgba(93,93,93,.05) 50%,rgba(7,7,7,.05) 50%,rgba(7,7,7,.05) 100%),linear-gradient(255deg,#0f0f0f,#545454);
background-repeat: no-repeat;
background-size: cover;
}
#anaVizyon h2 {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 40px 0px;
color: #ffffff;
font-size: 24px;
font-weight: 700;
letter-spacing: 10px;
text-align: center;
}
#anaVizyon h2:after {
width: calc(20% - 0px);
height: 3px;
overflow: hidden;
display: block;
position: absolute;
content: "";
bottom: 22px;
left: 0px;
right: 0px;
margin: 0px auto;
background: #ffffff;
}
.anaVizyon .anaviz {
width: calc(100% - 30px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 15px 15px 0px 15px;
background: #ff4f2d;
background: -moz-linear-gradient(180deg, rgba(255,163,0,1) 0%, rgba(0,0,0,1) 50%);
background: -webkit-linear-gradient(180deg, #ff4f2d 0%, rgb(0 0 0 / 0%) 50%);
background: linear-gradient(180deg, #ff4f2d 0%, rgb(0 0 0 / 0%) 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffa300",endColorstr="#000000",GradientType=1);
}
.anaVizyon .anaviz figure {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
position: relative;
display: block;
}
.anaVizyon .anaviz figure img {
width: 100%;
height: auto;
max-height: 260px;
display: block;
overflow: hidden;
}
.anaVizyon .anaviz figcaption {
width: calc(100% - 0px);
height: auto;
line-height: 1.4;
overflow: hidden;
position: relative;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
font-size: 16px;
font-weight: 500;
color: #ffffff;
margin: 15px 0px 10px 0px;
text-align: center;
padding: 0px 0px 0px 0px;
}
.anaVizyon .anaviz:hover figcaption {
color: #ff4f2d;
}
.anaVizyon .anaviz time {
display: none;
}

.sliderIleri,
.sliderGeri {
width: 90px;
height: 90px;
line-height: 40px;
overflow: hidden;
display: block;
position: absolute;
content: "";
z-index: 9;
top: calc(50% - 45px);
text-align: center;
cursor: pointer;
transition: all 900ms ease;
}
.sliderIleri i,
.sliderGeri i {
color: #ffffff;
font-size: 24px;
}
.sliderIleri i {
position: absolute;
top: calc(50% - 12.5px);
left: 15px;
}
.sliderGeri i {
position: absolute;
top: calc(50% - 12.5px);
right: 15px;
}
.sliderGeri {
left: -45px;
background: #484848;
}
.sliderIleri {
right: -45px;
background: #1d1d1d;
}
.sliderGeri:hover {
width: 110px;
}
.sliderIleri:hover {
width: 110px;
}
.sliderIleri:hover i,
.sliderGeri:hover i {
color: #ff4f2d;
}

.anaGazete {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}

.pagination {
width: 100%;
height: auto;
overflow: hidden;
display: inline-table;
position: relative;
margin-top: 10px;
margin-bottom: 30px;
text-align: center;
}
.pagination a,
.pagination span {
width: auto;
height: auto;
line-height: 50px;
overflow: hidden;
display: inline-block;
padding: 0px 20px;
background: var(--beyazBG);
font-size: 14px;
font-weight: 500;
color: var(--siyah);
margin-right: 1px;
}
.pagination a:last-child,
.pagination span:last-child {
margin-right: 0px;
}
.pagination span,
.pagination a:hover {
color: var(--beyaz);
background: var(--kirmiziBG);
font-weight: 500;
}
span.page-numbers.dots {
background: var(--beyazBG);
color: var(--siyah);
}

#kategoriManset #mansetSol {
width: calc(100% - 356px);
}
#kategoriManset .mansetSol figure img {
height: 438px;
}
#kategoriManset .mansetSol figcaption {
bottom: 50px;
}
#kategoriManset #mansetSol .swiper-pagination-bullet {
line-height: 87.5px;
}
#kategoriManset #mansetSol {
background: var(--siyahBG);
}

.katmr {
width: 336px;
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.katmr .sagSondk {
margin: 0px 0px 0px 0px;
text-align: left;
}
.katmr .sagSondk ul li {
width: calc(100% - 30px);
padding: 1.5px 15px 1.3px 15px;
}
.katmr .sagSondk ul li a strong {
width: calc(100% - 90px);
height: 42px;
-webkit-line-clamp: 2;
font-size: 16px;
font-weight: 500;
color: var(--siyah);
margin: 15px 15px 15px 0px;
}
.katmr .sagSondk ul li a span {
width: 75px;
height: 72px;
line-height: 72px;
font-size: 3em;
opacity: 0.2;
}
.katmr .sagSondk ul li:hover strong,
.katmr .sagSondk ul li:hover span {
color: #ffffff;
}
.katmr .sagSondk ul li:hover span {
opacity: 1;
}






.yorumAlani {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px 0px 0px;
margin: 40px 0px 20px 0px;
}
.yorumAlani form {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-top: 20px;
}
.yorumAlani form .inputlar {
width: calc(250px - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-right: 20px;
margin-bottom: 20px;
}
.yorumAlani form .textarea {
width: calc(100% - 270px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-bottom: 20px;
margin-right: 0px;
}
.yorumAlani .yorumYap.labelBuyut .textarea {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-bottom: 20px;
margin-right: 0px;
}
.yorumAlani form input {
width: calc(100% - 32px);
height: 50px;
line-height: 50px;
padding: 0px 15px;
margin: 0px 0px 15px 0px;
border: 1px solid #ffffff;
-webkit-transition: 0.5s;
transition: 0.5s;
outline: none;
font-size: 14px;
font-weight: 500;
color: var(--siyah);
}
.yorumAlani form input:focus,
.yorumAlani form textarea:focus {
border: 1px solid #585858;
}
.yorumAlani form input:last-child {
margin: 0px 0px 0px 0px;
}
.yorumAlani form textarea {
width: calc(100% - 32px);
max-width: calc(100% - 32px);
max-height: 87px;
height: 87px;
padding: 15px 15px;
margin: 0px 0px 0px 0px;
border: 1px solid #ffffff;
-webkit-transition: 0.5s;
transition: 0.5s;
outline: none;
font-size: 14px;
font-weight: 500;
color: var(--siyah);
display: block;
overflow: hidden;
font-family: 'Inter', sans-serif;
}
.yorumAlani button#submit {
width: auto;
height: 50px;
line-height: 50px;
overflow: hidden;
display: table;
background: var(--kirmiziBG);
cursor: pointer;
color: rgba(0, 0, 0, 0);
text-shadow: 0 0 0 #ffffff, 0 3rem 0 #ffffff;
transition: background-color 150ms, text-shadow 200ms;
font-size: 16px;
font-weight: 500;
border: 0px;
outline: none;
padding: 0px 30px;
margin: 0px auto 0px auto;
}
.yorumAlani button#submit:hover {
background-color: #585858;
text-shadow: 0 -3rem 0 #ffffff, 0 0 0 #ffffff;
}

.yapilanYorumlar {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px 0px 0px;
margin: 20px 0px 0px 0px;
}
.yapilanYorumlar .yorum {
width: calc(100% - 36px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 15px 15px 15px 15px;
margin: 0px 0px 10px 0px;
background: #ffffff;
border-left: 5px solid #585858;
}
.yapilanYorumlar ul {
width: calc(100% - 10px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px 0px 10px;
margin: 0px 0px 0px 0px;
}
.yapilanYorumlar ul .yorum {
border-left: 5px solid #585858;
}
.yapilanYorumlar .yorum span {
width: auto;
height: auto;
overflow: hidden;
display: inline-table;
position: relative;
font-size: 14px;
font-weight: 400;
color: var(--siyah);
margin-right: 10px;
}
.yapilanYorumlar .yorum span:nth-of-type(3n) {
margin-right: 0px;
}
.yapilanYorumlar .yorum span.name {
font-weight: 700;
color: var(--siyah);
}
.yapilanYorumlar .yorum span.date {
font-size: 12px;
}
.yapilanYorumlar .yorum a {
background: #585858;
color: var(--beyaz);
padding: 1px 5px;
font-size: 10px;
letter-spacing: 1px;
}
.yapilanYorumlar .yorum p {
width: calc(100% - 10px);
height: auto;
overflow: hidden;
display: block;
position: relative;
font-size: 14px;
font-weight: 400;
color: var(--siyah);
margin-top: 10px;
padding-left: 10px;
}

.social-share {
width: auto;
height: auto;
display: flex;
flex-direction: column;
float: left;
margin-bottom: 15px;
}
.social-share .btn {
width: 200px;
height: 42px;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
color: var(--siyah);
cursor: pointer;
position: relative;
background: #ffffff;
border: 1px solid var(--siyah);
}
.social-share .btn strong {
font-size: 16px;
margin-right: 10px;
color: var(--siyah);
}
.social-share .btn .fa-share-alt {
margin-right: 2px;
color: var(--siyah);
}
.social-share .btn:active:not(:focus-within) &gt; i {
transform: translate(0.8px, 0.8px);
}

.social-share .social {
position: absolute;
top: -79px;
display: none;
justify-content: space-between;
background-color: #ffffff;
padding: 15px 15px;
left: -1px;
}
.social-share .toggle input[type="checkbox"]:checked + .btn .social {
animation: fadeIn 1s;
display: flex;
}
.social-share .toggle input[type="checkbox"]:not(:checked) + .btn .social {
animation: fadeOut 1s;
}
.social-share .toggle input[type="checkbox"]:checked + .btn .fa-share-alt {
display: none;
}
.social-share .toggle input[type="checkbox"]:not(:checked) + .btn .fa-times {
display: none;
}
.social-share .social a {
width: 36px;
height: 36px;
line-height: 36px;
overflow: hidden;
text-align: center;
font-size: 18px;
margin: 0px 5px;
color: #ffffff;
}
.social-share .social a:nth-of-type(1n) {
background: #3b5998;
}
.social-share .social a:nth-of-type(2n) {
background: #00aced;
}
.social-share .social a:nth-of-type(3n) {
background: #cb2027;
}
.social-share .social a:nth-of-type(4n) {
background: #007bb5;
}
.social-share .social a:nth-of-type(5n) {
background: #4dc247;
}
.social-share .social a:nth-of-type(6n) {
background: #585858;
}
.social-share .social a:hover {
background: var(--siyahBG);
}
.social-share input[type="checkbox"] {
display: none;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}

.islemGorenler {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.islemGorenler .ekbil {
width: calc(33.333% - 14px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
background: #ffffff;
padding: 0px 0px 0px 0px;
margin: 0px 20px 30px 0px;
}
.islemGorenler .ekbil:last-child {
margin: 0px 0px 30px 0px;
}
.islemGorenler .ekbil h4 span {
font-weight: 700;
}
.islemGorenler .ekbil h4 {
width: calc(100% - 15px);
height: 60px;
line-height: 60px;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 15px;
color: var(--beyaz);
font-size: 18px;
font-weight: 300;
}
.islemGorenler .ekbil:nth-of-type(1n) h4 {
background: radial-gradient(circle at 1% 52%, rgba(139, 139, 139,0.05) 0%, rgba(139, 139, 139,0.05) 50%,rgba(21, 21, 21,0.05) 50%, rgba(21, 21, 21,0.05) 100%),radial-gradient(circle at 41% 28%, rgba(81, 81, 81,0.05) 0%, rgba(81, 81, 81,0.05) 50%,rgba(7, 7, 7,0.05) 50%, rgba(7, 7, 7,0.05) 100%),radial-gradient(circle at 48% 1%, rgba(93, 93, 93,0.05) 0%, rgba(93, 93, 93,0.05) 50%,rgba(7, 7, 7,0.05) 50%, rgba(7, 7, 7,0.05) 100%),linear-gradient(224deg, #10872c,#30cd85);
}
.islemGorenler .ekbil:nth-of-type(2n) h4 {
background: radial-gradient(circle at 1% 52%, rgba(139, 139, 139,0.05) 0%, rgba(139, 139, 139,0.05) 50%,rgba(21, 21, 21,0.05) 50%, rgba(21, 21, 21,0.05) 100%),radial-gradient(circle at 41% 28%, rgba(81, 81, 81,0.05) 0%, rgba(81, 81, 81,0.05) 50%,rgba(7, 7, 7,0.05) 50%, rgba(7, 7, 7,0.05) 100%),radial-gradient(circle at 48% 1%, rgba(93, 93, 93,0.05) 0%, rgba(93, 93, 93,0.05) 50%,rgba(7, 7, 7,0.05) 50%, rgba(7, 7, 7,0.05) 100%),linear-gradient(224deg, #ab1324,#ab8c1a);
}
.islemGorenler .ekbil:nth-of-type(3n) h4 {
background: radial-gradient(circle at 1% 52%, rgba(139, 139, 139,0.05) 0%, rgba(139, 139, 139,0.05) 50%,rgba(21, 21, 21,0.05) 50%, rgba(21, 21, 21,0.05) 100%),radial-gradient(circle at 41% 28%, rgba(81, 81, 81,0.05) 0%, rgba(81, 81, 81,0.05) 50%,rgba(7, 7, 7,0.05) 50%, rgba(7, 7, 7,0.05) 100%),radial-gradient(circle at 48% 1%, rgba(93, 93, 93,0.05) 0%, rgba(93, 93, 93,0.05) 50%,rgba(7, 7, 7,0.05) 50%, rgba(7, 7, 7,0.05) 100%),linear-gradient(224deg, #0d72ad,#1bb9aa);
}
.islemGorenler .ekbil ul {
width: 100%;
height: auto;
overflow: hidden;
display: block;
padding: 5px 0px 5px 0px;
margin: 0px 0px 0px 0px;
}
.islemGorenler .ekbil ul li {
width: calc(100% - 30px);
height: auto;
overflow: hidden;
display: block;
margin: 0px 0px 0px 0px;
padding: 15px 15px 15px 15px;
border-bottom: 1px solid var(--griBG);
}
.islemGorenler .ekbil ul li:last-child {
border-bottom: 0px;
}
.islemGorenler .ekbil ul li strong {
width: calc(33.333% - 10px);
height: auto;
overflow: hidden;
display: block;
font-size: 14px;
font-weight: 700;
float: left;
text-align: left;
margin-right: 10px;
}
.islemGorenler .ekbil li strong:nth-of-type(2n),
.islemGorenler .ekbil li strong:nth-of-type(3n) {
font-weight: 500;
text-align: right;
}
.islemGorenler .ekbil ul li strong i {
margin-left: 4px;
}
.islemGorenler .ekbil ul li strong i.fa.fa-caret-up {
color: #21924a;
}
.islemGorenler .ekbil ul li strong i.fa.fa-caret-down {
color: #d50000;
}

.sagDoviz {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
background: #ffffff;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
}
.sagDoviz h3 {
width: calc(100% - 15px);
height: 60px;
line-height: 60px;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 15px;
color: var(--beyaz);
font-size: 18px;
font-weight: 300;
background: radial-gradient(circle at 1% 52%, rgba(139, 139, 139,0.05) 0%, rgba(139, 139, 139,0.05) 50%,rgba(21, 21, 21,0.05) 50%, rgba(21, 21, 21,0.05) 100%),radial-gradient(circle at 41% 28%, rgba(81, 81, 81,0.05) 0%, rgba(81, 81, 81,0.05) 50%,rgba(7, 7, 7,0.05) 50%, rgba(7, 7, 7,0.05) 100%),radial-gradient(circle at 48% 1%, rgba(93, 93, 93,0.05) 0%, rgba(93, 93, 93,0.05) 50%,rgba(7, 7, 7,0.05) 50%, rgba(7, 7, 7,0.05) 100%),linear-gradient(224deg, #0d72ad,#1bb9aa);
}
.sagDoviz h3 span {
font-weight: 700;
}
.sagDoviz ul {
width: calc(100% - 30px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 15px 15px 15px 15px;
margin: 0px 0px 0px 0px;
}
.sagDoviz ul li {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px 15px 0px;
margin: 0px 0px 15px 0px;
border-bottom: 1px solid var(--griBG);
}
.sagDoviz ul li:last-child {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border-bottom: 0px;
}
.sagDoviz ul li div {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-bottom: 10px;
}
.sagDoviz ul li div:nth-of-type(1n) img {
width: 18px;
height: 18px;
display: block;
float: left;
margin-right: 10px;
border-radius: 100%;
}
.sagDoviz ul li div:nth-of-type(1n) strong {
width: calc(100% - 28px);
height: 18px;
line-height: 20px;
overflow: hidden;
display: block;
font-size: 15px;
font-weight: 700;
}
.sagDoviz ul li div:nth-of-type(2n) {
margin-bottom: 3px;
}
.sagDoviz ul li div:nth-of-type(3n) {
margin-bottom: 0px;
}
.sagDoviz ul li div:nth-of-type(2n) span {
width: calc(50% - 36px);
height: auto;
overflow: hidden;
display: block;
float: left;
margin-right: 6px;
font-size: 12px;
font-weight: 500;
color: var(--siyah);
opacity: 0.5;
}
.sagDoviz ul li div:nth-of-type(2n) span:last-child {
width: calc(60px - 0px);
margin-right: 0px;
text-align: right;
}

.sagDoviz ul li div:nth-of-type(3n) strong {
width: calc(50% - 36px);
height: auto;
overflow: hidden;
display: block;
float: left;
margin-right: 6px;
font-size: 13px;
font-weight: 700;
color: var(--siyah);
}
.sagDoviz ul li div:nth-of-type(3n) strong:last-child {
width: calc(60px - 0px);
margin-right: 0px;
text-align: right;
}

.sagDoviz ul li div:nth-of-type(1n) i.fas.fa-caret-up {
width: 15px;
height: auto;
overflow: hidden;
position: absolute;
right: 0px;
bottom: 0px;
animation: upsag 1.8s linear infinite;
color: #36dd5d;
text-align: center;
}
.sagDoviz ul li div:nth-of-type(1n) i.fas.fa-caret-up:nth-of-type(2n) {
animation: up2sag 1.5s linear infinite;
}
@keyframes upsag {
0% {bottom: -3px;color: #0ba22e;}
50% {bottom: -3px;}
100% {bottom: -3px;}
}
@keyframes up2sag {
0% {bottom: 0;color: #0ba22e;}
50% {bottom: 3px;}
100% {bottom: 0;}
}

.sagDoviz ul li div:nth-of-type(1n) i.fas.fa-caret-down {
width: 15px;
height: auto;
overflow: hidden;
position: absolute;
right: 0px;
bottom: 0px;
animation: downsag 1.8s linear infinite;
color: #d50000;
text-align: center;
}
.sagDoviz ul li div:nth-of-type(1n) i.fas.fa-caret-down:nth-of-type(2n) {
animation: down2sag 1.5s linear infinite;
}
@keyframes downsag {
0% {top: -3px;color: #d73516;}
50% {top: -3px;}
100% {top: -3px;}
}
@keyframes down2sag {
0% {top: 0;color: #d73516;}
50% {top: 3px;}
100% {top: 0;}
}


.sagDovizcevir {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
background: #ffffff;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
}
.sagDovizcevir h3 {
width: calc(100% - 15px);
height: 60px;
line-height: 60px;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 15px;
color: var(--beyaz);
font-size: 18px;
font-weight: 300;
background: radial-gradient(circle at 1% 52%, rgba(139, 139, 139,0.05) 0%, rgba(139, 139, 139,0.05) 50%,rgba(21, 21, 21,0.05) 50%, rgba(21, 21, 21,0.05) 100%),radial-gradient(circle at 41% 28%, rgba(81, 81, 81,0.05) 0%, rgba(81, 81, 81,0.05) 50%,rgba(7, 7, 7,0.05) 50%, rgba(7, 7, 7,0.05) 100%),radial-gradient(circle at 48% 1%, rgba(93, 93, 93,0.05) 0%, rgba(93, 93, 93,0.05) 50%,rgba(7, 7, 7,0.05) 50%, rgba(7, 7, 7,0.05) 100%),linear-gradient(224deg, #874710,#cd9d30);
}
.sagDovizcevir h3 span {
font-weight: 700;
}
.sagDovizcevir ul {
width: calc(100% - 30px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 15px 15px 15px 15px;
margin: 0px 0px 0px 0px;
}
.sagDovizcevir ul li {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px 15px 0px;
margin: 0px 0px 15px 0px;
border-bottom: 1px solid var(--griBG);
}
.sagDovizcevir ul li:nth-of-type(1n),
.sagDovizcevir ul li:nth-of-type(2n) {
width: calc(50% - 0px);
float: left;
}
.sagDovizcevir ul li:nth-of-type(1n) input {
width: calc(100% - 21px);
height: 36px;
overflow: hidden;
display: block;
position: relative;
border: 1px solid #dedede;
outline: none;
padding: 0px 5px 0px 10px;
}
.sagDovizcevir ul li:nth-of-type(1n) select {
width: calc(100% - 0px);
height: 38px;
overflow: hidden;
display: block;
position: relative;
border: 1px solid #dedede;
outline: none;
padding: 0px 5px 0px 10px;
}
.sagDovizcevir ul li:nth-of-type(3n) select {
width: calc(100% - 4px);
height: 38px;
overflow: hidden;
display: block;
position: relative;
border: 1px solid #dedede;
outline: none;
padding: 0px 5px 0px 10px;
margin: 0px 4px 0px 0px;
}
.sagDovizcevir ul li input#ters_cevir {
width: calc(100% - 0px);
height: 38px;
overflow: hidden;
display: block;
position: relative;
border: 1px solid #874710;
outline: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
color: #ffffff;
font-size: 14px;
font-weight: 500;
cursor: pointer;
letter-spacing: 1px;
background: radial-gradient(circle at 1% 52%, rgba(139, 139, 139,0.05) 0%, rgba(139, 139, 139,0.05) 50%,rgba(21, 21, 21,0.05) 50%, rgba(21, 21, 21,0.05) 100%),radial-gradient(circle at 41% 28%, rgba(81, 81, 81,0.05) 0%, rgba(81, 81, 81,0.05) 50%,rgba(7, 7, 7,0.05) 50%, rgba(7, 7, 7,0.05) 100%),radial-gradient(circle at 48% 1%, rgba(93, 93, 93,0.05) 0%, rgba(93, 93, 93,0.05) 50%,rgba(7, 7, 7,0.05) 50%, rgba(7, 7, 7,0.05) 100%),linear-gradient(224deg, #874710,#cd9d30);
}
.sagDovizcevir ul li.alisatis {
width: calc(100% - 0px);
}
.sagDovizcevir ul li div {
width: calc(50% - 0px);
height: 20px;
overflow: hidden;
display: block;
float: left;
}
.sagDovizcevir ul li span {
width: calc(100% - 50px);
height: 20px;
line-height: 20px;
overflow: hidden;
display: block;
float: left;
text-align: right;
padding-right: 5px;
}
.sagDovizcevir ul li input[type="radio"] {
width: 16px;
height: 16px;
overflow: hidden;
display: block;
position: relative;
border: 1px solid #dedede;
outline: none;
padding: 0px 0px 0px 0px;
cursor: pointer;
}
.sagDovizcevir ul li div:nth-of-type(2n) span {
width: calc(100% - 110px);
text-align: left;
padding-left: 20px;
}
.sagDovizcevir ul input#para2 {
width: calc(100% - 16px);
height: 36px;
overflow: hidden;
display: block;
position: relative;
border: 0px!important;
outline: none;
padding: 0px 5px 0px 10px;
text-align: center;
font-size: 22px;
font-weight: 700;
letter-spacing: 1px;
background: transparent;
}


.swiper.takimLogo {
width: calc(100% - 120px);
margin: 0px 60px 0px 60px;
}
.takimLogo .swiper-slide {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px 0px 0px;
}
.takimLogo .swiper-slide figure {
width: calc(100% - 12px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 15px 5px 15px 5px;
background: #ffffff;
text-align: center;
border: 1px solid #d5d5d5;
}
.takimLogo .swiper-slide figure img {
width: 50px;
height: 50px;
}
.takimLogo .swiper-slide strong {
width: calc(100% - 12px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 5px 5px 5px 5px;
background: #ffffff;
text-align: center;
border: 1px solid #d5d5d5;
color: var(--siyah);
margin-top: 5px;
transition: all 900ms ease;
}
.takimLogo .swiper-slide:hover strong {
background: #0ba22e;
border: 1px solid #0ba22e;
color: var(--beyaz);
}



.logoIleri,
.logoGeri {
width: 45px;
height: 80px;
line-height: 80px;
overflow: hidden;
display: block;
position: absolute;
content: "";
z-index: 9;
top: calc(50% - 41px);
text-align: center;
cursor: pointer;
transition: all 900ms ease;
border: 1px solid #d5d5d5;
}
.logoIleri i,
.logoGeri i {
color: var(--siyah);
font-size: 24px;
}
.logoIleri i {
position: absolute;
top: calc(50% - 12.5px);
left: 15px;
}
.logoGeri i {
position: absolute;
top: calc(50% - 12.5px);
right: 15px;
}
.logoGeri {
left: 20px;
background: #ffffff;
}
.logoIleri {
right: 20px;
background: #ffffff;
}
.logoGeri:hover {
width: 55px;
background: #0ba22e;
border: 1px solid #0ba22e;
}
.logoIleri:hover {
width: 55px;
background: #0ba22e;
border: 1px solid #0ba22e;
}
.logoIleri:hover i,
.logoGeri:hover i {
color: #ffffff;
}

#sayfaBurc.anaBurclar {
width: calc(100% - 30px);
padding: 6px 15px 36px 15px;
}
#sayfaBurc.anaBurclar .anaBurc {
width: calc(33.333% - 0px);
margin-top: 30px;
}


.caticerik{
height: 176px;
overflow: hidden;
}
.devamyazi {
width: auto;
height: auto;
overflow: hidden;
display: inline-block;
position: relative;
line-height: 42px;
padding: 0px 40px;
color: var(--beyaz);
background: var(--siyahBG);
border: 1px solid #ffffff;
}
.devamyazi:after,
.devamyazi:before {
width: auto;
height: auto;
overflow: hidden;
display: inline-block;
position: absolute;
content: "";
top : 14px;
font-family: "Font Awesome 6 Free";
font-weight: 900;
content: "\f103";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: var(--fa-display,inline-block);
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
}
.devamyazi:after {
right: 15px;
}
.devamyazi:before {
left: 15px;
}

.devamyazi.aktif:after,
.devamyazi.aktif:before {
content: "\f102";
}
.devaminioku {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-top: 20px;
text-align: center;
font-size: 14px;
font-weight: 500;
color: var(--beyaz);
cursor: pointer;
margin-bottom: 10px;
}
.devaminioku i {
margin-left: 5px;
margin-right: 5px;
}

.anaYazarlar .swiper-slide {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-top: 20px;
background: #ffffff;
background-repeat: no-repeat;
background-size: cover;
}
.anaYazarlar .swiper-slide div {
width: calc(100% - 30px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 15px 15px;
margin: 0px 0px 0px 0px;
text-align: center;
}
.anaYazarlar .swiper-slide figure {
width: 130px;
height: 130px;
overflow: hidden;
display: block;
position: relative;
float: none;
padding: 0px 0px;
margin: 0px auto 10px auto;
}
.anaYazarlar .swiper-slide figure img {
width: 110px;
height: 110px;
overflow: hidden;
display: inline-block;
border-top: 5px solid #7e7e7e;
border-bottom: 5px solid #7e7e7e;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-radius: 100%;
padding: 5px 5px;
}
.anaYazarlar .swiper-slide a {
width: calc(100% - 0px);
height: auto;
line-height: 1.4;
overflow: hidden;
position: relative;
-webkit-line-clamp: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
font-size: 16px;
font-weight: 700;
color: var(--siyah);
}
.anaYazarlar .swiper-slide figcaption {
width: calc(100% - 0px);
height: auto;
line-height: 1.4;
overflow: hidden;
position: relative;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
font-size: 16px;
font-weight: 500;
color: var(--siyah);
margin-top: 2px;
text-align: left;
}
.anaYazarlar .swiper-slide time {
width: calc(100% - 0px);
height: 14px;
overflow: hidden;
position: relative;
display: block;
font-size: 10px;
font-weight: 500;
color: var(--siyah);
margin-bottom: 5px;
margin-top: 5px;
text-align: left;
border-top: 1px solid #dedede;
padding-top: 7px;
}
.anaYazarlar .swiper-slide a:hover figcaption,
.anaYazarlar .swiper-slide a:hover {
color: var(--kirmizi);
}

.yazarlarSayfa {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-bottom: 20px;
}
.yazarlarSayfa .yazar {
width: calc(25% - 45px);
height: auto;
overflow: hidden;
display: block;
position: relative;
background: #ffffff;
background-repeat: no-repeat;
background-size: cover;
margin-right: 20px;
margin-bottom: 20px;
float: left;
padding: 15px 15px;
}
.yazarlarSayfa .yazar:nth-of-type(4n) {
margin-right: 0px;
}
.yazarlarSayfa .yazar .sosyal {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
text-align: center;
margin: 5px 0px 8px 0px;
}
.yazarlarSayfa .yazar .sosyal a {
width: auto;
height: auto;
display: inline-table;
margin: 0px 5px;
}
.yazarlarSayfa .yazar .sosyal a:hover i.fa-brands.fa-twitter {
color: #3a5b98;
}
.yazarlarSayfa .yazar .sosyal a:hover i.fa-brands.fa-facebook-f {
color: #26ccff;
}
.yazarlarSayfa .yazar .sosyal a:hover i.fa-brands.fa-instagram {
color: #a238a9;
}
.yazarlarSayfa .yazar .sosyal a:hover i.fa-regular.fa-envelope {
color: #ef911c;
}
.yazarlarSayfa .yazar figure {
width: 130px;
height: 130px;
overflow: hidden;
display: block;
position: relative;
float: none;
padding: 0px 0px;
margin: 0px auto 10px auto;
}
.yazarlarSayfa .yazar figure img {
width: 110px;
height: 110px;
overflow: hidden;
display: inline-block;
border-top: 5px solid #7e7e7e;
border-bottom: 5px solid #7e7e7e;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-radius: 100%;
padding: 5px 5px;
}
.yazarlarSayfa .yazar a {
width: calc(100% - 0px);
height: auto;
line-height: 1.4;
overflow: hidden;
position: relative;
-webkit-line-clamp: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
font-size: 16px;
font-weight: 700;
color: var(--siyah);
text-align: center;
}
.yazarlarSayfa .yazar figcaption {
width: calc(100% - 0px);
height: 44px;
line-height: 1.4;
overflow: hidden;
position: relative;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
font-size: 16px;
font-weight: 500;
color: var(--siyah);
margin-top: 2px;
text-align: left;
}
.yazarlarSayfa .yazar time {
width: calc(100% - 0px);
height: 14px;
overflow: hidden;
position: relative;
display: block;
font-size: 10px;
font-weight: 500;
color: var(--siyah);
margin-bottom: 5px;
margin-top: 5px;
text-align: left;
border-top: 1px solid #dedede;
padding-top: 7px;
}
.yazarlarSayfa .yazar a:hover figcaption,
.yazarlarSayfa .yazar a:hover {
color: var(--kirmizi);
}


#headerAlternatif {
width: 100%;
height: auto;
display: block;
position: sticky;
top: 0px;
z-index: 99999;
}
#headerAlternatif header {
width: 100%;
height: 40px;
display: block;
position: relative;
background: var(--kirmiziBG);
padding: 15px 0px;
}
#headerAlternatif header .logo {
width: 155px;
height: 40px;
overflow: hidden;
display: block;
float: left;
margin-right: 5px;
margin-left: 15px;
}
#headerAlternatif header .menuEk {
width: calc(25px - 0px)!important;
height: 40px;
line-height: 40px;
float: left;
}
#headerAlternatif header .araclar__btn {
top: 18px;
right: 0px;
}
#headerAlternatif header .araclar__btn &gt; span,
#headerAlternatif header .araclar__btn &gt; span::before,
#headerAlternatif header .araclar__btn &gt; span::after,
#headerAlternatif header #araclar__toggle:checked ~ .araclar__btn &gt; span,
#headerAlternatif header #araclar__toggle:checked ~ .araclar__btn &gt; span::after,
#headerAlternatif header #araclar__toggle:checked ~ .araclar__btn &gt; span::before {
background-color: var(--beyaz);
}

#headerAlternatif header .menu {
width: calc(100% - 200px);
height: 40px;
}
#headerAlternatif header .menu ul li {
height: 40px;
}
#headerAlternatif header .menu ul li a {
line-height: 40px;
color: var(--beyaz);
}
#headerAlternatif header .menu ul li a:hover {
color: var(--beyaz);
opacity: 0.7;
}
#headerAlternatif header .menu ul li ul {
top: 40px;
}
#headerAlternatif header .menu ul li ul li a {
color: var(--siyah)!important;
}
#headerAlternatif header .menu ul li ul li,
#headerAlternatif header .menu ul li ul li a {
height: 34px!important;
line-height: 34px!important;
}

#headerAlternatif header #araclar__toggle:checked ~ .araclar__btn {
width: 50px;
height: 50px;
overflow: hidden;
top: 0px;
z-index: 99999;
position: fixed;
left: 290px;
background: #0d0d0d;
}
#headerAlternatif header #araclar__toggle:checked ~ .araclar__btn &gt; span {
top: 23px;
left: 11px;
width: 50%;
}

.headerAlternatif .sonDakikaBG {
background: var(--beyazBG);
box-shadow: 0 1px 8px rgb(186 186 186 / 50%);
}
.headerAlternatif .sonDakikaBG i,
.headerAlternatif .sonDakika .swiper-slide a,
.headerAlternatif .sonDakika .swiper-slide a span,
.headerAlternatif .sonDakika .swiper-slide a time {
color: var(--siyah);
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}
.headerAlternatif .sonDakika .swiper-slide a span {
font-weight: 500;
}
.headerAlternatif .sonDakika .swiper-slide a:hover span {
color: var(--kirmizi);
}
.headerAlternatif .sonDakikaBG .yan a i {
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}
.headerAlternatif .sonDakikaBG .yan a:hover i {
color: var(--kirmizi);
}

#yukariCik {
display: inline-block;
background-color: var(--kirmiziBG);
width: 50px;
height: 50px;
text-align: center;
border-radius: 5px;
position: fixed;
bottom: 30px;
right: 30px;
opacity: 0;
visibility: hidden;
z-index: 1000;
border: 0px;
outline: none;
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}
#yukariCik::after {
content: "\f077";
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
font-size: 2em;
line-height: 50px;
color: #fff;
}
#yukariCik:hover {
cursor: pointer;
background-color: var(--siyahBG);
}
#yukariCik:active {
background-color: var(--siyahBG);
}
#yukariCik.show {
opacity: 1;
visibility: visible;
animation: yukariCik 1s ease 0s 1 normal forwards;
}
@keyframes yukariCik {
0% {
opacity: 0;
transform: translateY(250px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}

@media screen and (min-width: 981px) and (max-width: 1366px) {
.social-share .social {
top: -67px;
padding: 10px 10px;
left: -1px;
}
.social-share .social a {
width: 32px;
height: 32px;
line-height: 32px;
font-size: 16px;
}
#headerAlternatif header .logo {
margin-top: 0px;
}


}

@media screen and (max-width: 980px) {
#kategoriManset #mansetSol {
width: calc(100% - 0px);
float: none;
margin-right: 0px;
}
.katmr {
width: 100%;
text-align: center;
margin-top: 20px;
}
.katmr iframe {
display: none;
}
.social-share .btn {
width: 60px;
padding: 0px 15px;
}
.social-share .btn strong {
font-size: 14px;
}
.social-share .social {
top: -62px;
left: -2px;
}
.social-share .social a {
width: 26px;
height: 26px;
line-height: 26px;
font-size: 14px;
}
.haberDetay article .sosyalMedya {
width: calc(100% - 100px);
}

.anaFinans {
width: calc(100% - 0px);
padding: 10px 0px 10px 0px;
}
.anaFinans .finic {
width: calc(16.666% - 18px);
padding-right: 10px;
margin-right: 10px;
}
.anaFinans i {
font-size: 10px;
}
.anaFinans .finic font:nth-of-type(2n) {
display: none;
}

@keyframes up {
0% {bottom: 0;color: #0ba22e;}
50% {bottom: 0px;}
100% {bottom: 0;}
}
@keyframes up2 {
0% {bottom: 0;color: #0ba22e;}
50% {bottom: 5px;}
100% {bottom: 0;}
}
@keyframes up3 {
0% {bottom: 0;color: #0ba22e;}
50% {bottom: 10px;}
100% {bottom: 0;}
}
@keyframes down {
0% {top: 0;color: #d73516;}
50% {top: 0px;}
100% {top: 0;}
}
@keyframes down2 {
0% {top: 0;color: #d73516;}
50% {top: 5px;}
100% {top: 0;}
}
@keyframes down3 {
0% {top: 0;color: #d73516;}
50% {top: 10px;}
100% {top: 0;}
}
@keyframes minus {
0% {top: 0;color: #191919;}
50% {top: 0px;}
100% {top: 0;}
}
@keyframes minus2 {
0% {top: 0;color: #191919;}
50% {top: 5px;}
100% {top: 0;}
}
@keyframes minus3 {
0% {top: 0;color: #191919;}
50% {top: 10px;}
100% {top: 0;}
}

}
@media screen and (max-width: 768px) {
#yukariCik {
display: none;
}
#kategoriManset #mansetSol .swiper-pagination-bullet {
line-height: 50px;
}
.pagination a,
.pagination span {
line-height: 40px;
padding: 0px 10px;
font-size: 12px;
font-weight: 500;
}
.social-share .btn strong {
font-size: 14px;
}
.social-share .btn {
height: 38px;
}
.social-share .btn i.fa-share-alt,
.social-share .btn i.fas.fa-times {
font-size: 18px;
}
.haberDetay article .sosyalMedya a {
width: auto;
height: 38px;
line-height: 38px;
font-size: 16px;
}
.haberDetay article .sosyalMedya a span {
font-size: 14px;
}
.haberDetay article .sosyalMedya a i.fa.fa-thumbs-down {
line-height: 42px;
}
.haberDetay article .sosyalMedya a i.fa.fa-thumbs-up {
line-height: 36px;
}

.islemGorenler .ekbil {
width: calc(100% - 0px);
float: none;
padding: 0px 0px 0px 0px;
margin: 15px 0px 0px 0px;
}
.islemGorenler .ekbil:nth-of-type(3n) {
width: calc(100% - 0px);
float: none;
padding: 0px 0px 0px 0px;
margin: 15px 0px 30px 0px;
}
.takimLogo .swiper-slide figure img {
width: 40px;
height: 40px;
}
#sayfaBurc.anaBurclar {
display: none;
}


.yazarlarSayfa .yazar {
width: calc(50% - 40px);
}
.yazarlarSayfa .yazar:nth-of-type(2n) {
margin-right: 0px;
}


}
@media screen and (max-width: 640px) {
#kategoriManset #mansetSol .swiper-pagination-bullet {
line-height: 50px;
}
.social-share .btn {
width: 60px;
padding: 0px 15px;
}
.social-share .social {
top: -62px;
left: -2px;
}
.social-share .social a {
width: 26px;
height: 26px;
line-height: 26px;
font-size: 14px;
}
.haberDetay article .sosyalMedya {
width: calc(100% - 100px);
}

.yorumAlani form .inputlar {
width: calc(100% - 0px);
float: none;
margin-right: 0px;
margin-bottom: 20px;
}
.yorumAlani form .textarea {
width: calc(100% - 0px);
}
.takimLogo .swiper-slide figure img {
width: 36px;
height: 36px;
}

.sonDakika .swiper-slide a span {
width: calc(100% - 0px)!important;
font-size: 14px!important;
}
.sonDakika .swiper-slide a time {
display: none;
}


.yazarlarSayfa .yazar {
width: calc(100% - 30px);
margin-right: 0px;
}

.anaFinans .finic {
width: calc(25% - 9px);
padding-right: 5px;
margin-right: 5px;
}
.anaFinans .finic strong {
width: calc(100% - 15px);
margin-left: 18px;
font-size: 12px;
}
.anaFinans .finic font.up,
.anaFinans .finic font.down,
.anaFinans .finic font.minus {
margin-left: 18px;
font-size: 10px;
}
.anaFinans #strl,
.anaFinans #frng {
display: none;
}






}
</pre></body></html>