/*
Theme Name: theWP - HABER TEMASI V8
Theme URI: https://www.haberv8.thewpdemo.com
Description: Gelişmiş Özellikleriyle Fark Yaratmaya Devam Eden Türkiye'nin En Kaliteli ve Kullanışlı Haber Teması
Author: theWP.com.tr
Author URI: https://thewp.com.tr
Version: V8
License: theWP.com.tr - Tüm Hakları Saklıdır.
Tags: Kadir Kenar, theWP, Wordpress Tema, theWP Haber Temasi, V8, WordPress Haber Temasi
*/

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,mark,nav,object,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,var,video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
text-decoration: none;
}

body {
background: var(--body);
margin: 0px auto;
height: auto;
overflow-x: hidden;
}
img {
vertical-align: middle;
border-style: none;
object-fit: cover;
}
a {
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}
figcaption {
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}
input[type="search"]
textarea,
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="select"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
}
ol,
ul {
box-sizing: content-box;
}
.temizle {
clear:both;
}
.top40 {
margin-top: 30px;
}
.top20 {
margin-top: 20px;
}
.ortala {
width: calc(100% - 40px);
max-width: calc(1180px - 40px);
height: auto;
position: relative;
margin: 0px auto;
padding: 0px 20px;
}
.siteSol {
width: calc(100% - 320px);
height: auto;
display: block;
overflow: hidden;
position: relative;
float: left;
margin-right: 20px;
}
.siteSag {
width: 300px;
height: auto;
display: block;
overflow: hidden;
position: relative;
}
.sayfaSol {
width: calc(100% - 320px);
height: auto;
display: block;
overflow: hidden;
position: relative;
float: left;
margin-right: 20px;
background: #ffffff;
}
.sayfaSag {
width: 300px;
height: auto;
display: block;
overflow: hidden;
position: relative;
margin-top: 20px;
}


header {
width: calc(100% - 0px);
height: 60px;
display: block;
position: relative;
padding: 20px 0px;
background: var(--beyazBG);
box-shadow: 0 1px 8px rgb(186 186 186 / 50%);
}
header .logo {
width: 230px;
height: 60px;
overflow: hidden;
display: block;
float: left;
margin-right: 5px;
}
header .logo img {
width: auto;
height: 100%;
}

header .menu {
width: calc(100% - 260px);
height: 60px;
display: block;
float: left;
}
header .menu ul {
padding: 0;
margin: 0;
list-style: none;
position: relative;
text-align: center;
}
header .menu ul li {
width: auto;
height: 60px;
display: inline-block;
text-align: left;
position: relative;
padding: 0px 10px;
}
header .menu ul li a {
display:block;
color: var(--siyah);
font-size: 16px;
font-weight: 700;
line-height: 60px;
text-decoration:none;
position: relative;
}
header .menu ul li a:hover {
color: var(--kirmizi);
}
header .menu ul li ul {
width: auto;
z-index: 99999;
display: none;
position: absolute;
top: 60px;
padding: 0px 0px;
background: #ffffff;
-webkit-box-shadow: 1px 1px 15px 1px rgb(0 0 0 / 20%);
box-shadow: 1px 1px 15px 1px rgb(0 0 0 / 20%);
border-top: 5px solid #ffffff;
border-bottom: 5px solid #ffffff;
border-radius: 5px 5px 5px 5px;
animation: myAnim 1s ease 0s 1 normal forwards;
}
@keyframes myAnim {
0% {
transform: scaleY(0);
transform-origin: 100% 0%;
}

100% {
transform: scaleY(1);
transform-origin: 100% 0%;
}
}
header .menu ul li ul li {
width:auto;
min-width: 250px;
height: 36px;
border: 0px;
margin-left: 0px;
margin-top: 0px;
float: none;
display: block;
position: relative;
padding: 0px 20px;
}
header .menu ul li ul li a {
font-size: 14px;
font-weight: 400;
line-height: 36px;
margin: 0px 0px;
color: var(--siyah);
letter-spacing: -1px;
word-spacing: 0px;
}
header .menu ul li ul li a:hover {
color: var(--turuncu);
padding-left: 10px;
}
header .menu ul li ul li a:hover:after {
position: absolute;
content: "\f111";
font-family: "Font Awesome 6 Free";
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;
top: calc(50% - 2.5px);
left: 0px;
color: var(--turuncu);
font-size: 5px;
}
header .menu ul li ul li:last-child a {
margin: 0px;
}
header .menu ul li:hover > ul {
display:inherit;
}
header .menu ul ul li ul {
position: relative;
top:-36px;
left:230px;
}


.reklamCerceve {
width: 1090px;
left: 50%;
background: #fff;
z-index: 10;
position: relative;
transform: translateX(-50%);
align-self: flex-start;
}
.reklamCerceve #soldasabit,
.reklamCerceve #sagdasabit {
top: 248px;
}
.reklamCerceve #sagdasabit {
position: absolute;
left: 1130px;
width: auto;
max-width: 160px;
height: 600px;
z-index: 99;
}
.reklamCerceve #soldasabit {
position: absolute;
right: 1130px;
width: auto;
max-width: 160px;
height: 600px;
z-index: 99;
}
.reklamCerceve2 {
width: 1090px;
left: 50%;
background: #fff;
z-index: 10;
position: relative;
transform: translateX(-50%);
align-self: flex-start;
}
.reklamCerceve2 #soldasabit,
.reklamCerceve2 #sagdasabit {
top: 218px;
}
.reklamCerceve2 #sagdasabit {
position: absolute;
left: 1130px;
width: auto;
max-width: 160px;
height: 600px;
z-index: 99;
}
.reklamCerceve2 #soldasabit {
position: absolute;
right: 1130px;
width: auto;
max-width: 160px;
height: 600px;
z-index: 99;
}

.reklamAlani {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
text-align: center;
}
.yatayReklam {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
position: relative;
display: block;
position: relative;
text-align: center;
}
.listeReklam {
width: calc(100% - 0px);
height: auto;
max-height: 288px;
overflow: hidden;
position: relative;
display: block;
position: relative;
text-align: center;
padding: 3px 0px 5px 0px;
}
.dikReklam {
width: calc(300px - 0px);
height: 600px;
max-height: 600px;
overflow: hidden;
position: relative;
display: block;
position: relative;
text-align: center;
margin-top: 20px;
background: #ffffff;
}
.dikReklam160 {
width: calc(160px - 0px);
height: 600px;
max-height: 600px;
overflow: hidden;
position: relative;
display: block;
position: relative;
text-align: center;
background: #ffffff;
float: left;
margin: 20px 20px 0px 20px;
}
.sporReklam {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
position: relative;
display: block;
position: relative;
text-align: center;
margin: 20px 0px 0px 0px;
background: #ffffff;
}
.aburcReklam {
width: calc(250px - 0px);
height: auto;
overflow: hidden;
position: relative;
text-align: center;
display: block;
margin: 0px 20px 0px 0px;
float: left;
background: #ffffff;
}
.konuiciReklam {
width: auto;
height: auto;
overflow: hidden;
display: block;
position: relative;
text-align: center;
float: left;
margin-right: 20px;
margin-bottom: 20px;
}

.yatayReklam img,
.sporReklam img,
.konuiciReklam img {
width: 100%;
height: auto;
overflow: hidden;
display: block;
}
.listeReklam img,
.aburcReklam img,
.dikReklam img,
.dikReklam160 img {
width: auto;
height: auto;
overflow: hidden;
display: block;
margin-left: auto;
margin-right: auto;
}

.anaBaslik {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.anaBaslik div {
width: calc(100% - 0px);
height: 10px;
overflow: hidden;
display: block;
position: absolute;
content: "";
left: 0px;
bottom: 6px;
z-index: 2;
}
.anaBaslik h2 {
width: auto;
height: auto;
display: inline-block;
background: var(--body);
font-size: 24px;
font-weight: 700;
letter-spacing: -1.2px;
position: relative;
z-index: 4;
padding-right: 20px;
}
.anaBaslik a {
width: auto;
height: auto;
font-size: 12px;
font-weight: 700;
letter-spacing: -0.3px;
z-index: 3;
position: absolute;
content: "";
right: 0px;
bottom: 4px;
padding-left: 20px;
color: var(--siyah);
background: var(--body);
}
.anaBaslik a:hover {
color: var(--kirmizi);
}
.anaBaslik i {
font-size: 11px;
margin-left: 5px;
}

.icerikBir {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.icerikBir .liste {
width: calc(33.333% - 14px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-top: 20px;
margin-right: 20px;
background: #ffffff;
}
.icerikBir .liste:nth-of-type(3n),
.icerikBir .liste:nth-of-type(7n) {
margin-right: 0px;
}
.icerikBir .liste:nth-of-type(6n) {
margin-right: 20px;
}
.icerikBir .liste:nth-of-type(4n),
.icerikBir .liste:nth-of-type(5n),
.icerikBir .liste:nth-of-type(6n),
.icerikBir .liste:nth-of-type(7n) {
width: calc(25% - 15px);
}

.icerikBir .liste figure {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px;
}
.icerikBir .liste figure img {
width: 100%;
height: 100%;
}
.icerikBir .liste 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;
}
.icerikBir .liste 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;
}
.icerikBir .liste a:hover figcaption {
color: var(--kirmizi);
}


.icerikIki {
width: calc(100% - 320px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-right: 20px;
}
.icerikIki .liste {
width: calc(33.333% - 14px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-top: 20px;
margin-right: 20px;
background: #ffffff;
}
.icerikIki .liste:nth-of-type(3n) {
margin-right: 0px;
}
.icerikIki .liste figure {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px;
}
.icerikIki .liste figure img {
width: 100%;
height: 100%;
}
.icerikIki .liste 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;
}
.icerikIki .liste 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;
}
.icerikIki .liste a:hover figcaption {
color: var(--kirmizi);
}


.icerikUc {
width: calc(50% - 100px);
height: auto;
overflow: hidden;
display: block;
position: relative;
background: #ffffff;
float: left;
margin-top: 20px;
}
.icerikUc .listeleme {
width: calc(100% - 30px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-bottom: 0px;
padding: 15px 15px 0px 15px;
}
.icerikUc .listeleme:last-child {
padding: 15px 15px 15px 15px;
}
.icerikUc.rightt .listeleme figure {
float: right!important;
margin-left: 15px;
margin-right: 0px;
}
.icerikUc .listeleme figure {
width: 150px;
height: 102px;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px;
float: left;
margin-right: 15px;
margin-left: 0px;
}
.icerikUc .listeleme figure img {
width: 100%;
height: 100%;
}
.icerikUc .listeleme figcaption {
width: calc(100% - 175px);
height: 66px;
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;
}
.icerikUc .listeleme time {
width: calc(100% - 165px);
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;
}
.icerikUc .listeleme a:hover figcaption {
color: var(--kirmizi);
}


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

.icerikDort .spor {
width: calc(100% - 320px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin: 0px 20px 0px 0px;
}

.icerikDort .spor .liste {
width: calc(33.333% - 14px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-top: 20px;
margin-right: 20px;
background: #ffffff;
}
.icerikDort .spor .liste:nth-of-type(3n) {
margin-right: 0px;
}
.icerikDort .spor .liste figure {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px;
}
.icerikDort .spor .liste figure img {
width: 100%;
height: 100%;
}
.icerikDort .spor .liste 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;
}
.icerikDort .spor .liste 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;
}
.icerikDort .spor .liste a:hover figcaption {
color: var(--kirmizi);
}


.videoGaleri {
width: calc(100% - 30px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 0px 0px;
padding: 15px 15px 15px 15px;
background: #191919;
}
.videoGaleri .anaBaslik {
margin-bottom: 15px;
}
.videoGaleri .anaBaslik h2,
.videoGaleri .anaBaslik a {
color: #ffffff;
background: #191919;
}
.videoGaleri .anaBaslik a:hover {
color: #d50000;
}
.videoGaleri .sol {
width: calc(100% - 390px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin: 0px 20px 0px 0px;
}
.videoGaleri .sol .listeleme a {
width: 100%;
height: 100%;
overflow: hidden;
display: block;
position: relative;
}
.videoGaleri .sol .listeleme figure {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.videoGaleri .sol .listeleme 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;
}
.videoGaleri .sol .listeleme figure img {
width: 100%;
height: 420px;
}
.videoGaleri .sol .listeleme figcaption {
width: calc(100% - 60px);
height: auto;
overflow: hidden;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
position: absolute;
content: "";
bottom: 50px;
left: 30px;
z-index: 3;
font-size: 22px;
font-weight: 800;
color: var(--beyaz);
}
.videoGaleri .sol .listeleme 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;
}
.videoGaleri .sol .listeleme i {
width: 86px;
height: 56px;
line-height: 56px;
display: inline-table;
overflow: hidden;
position: absolute;
content: "";
font-size: 26px;
color: var(--beyaz);
padding: 0px 0px 0px 0px;
border-radius: 16px;
top: calc(50% - 38px);
left: 0px;
right: 0px;
margin: 0px auto;
z-index: 4;
background: #d50000;
text-align: center;
}

.videoGaleri .sag {
width: calc(370px - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.videoGaleri .sag .scrollbar {
width: 100%;
height: 422px;
overflow-y: scroll;
}
.videoGaleri .sag .scrollbaricerik {
min-height: 100%;
}
.videoGaleri .sag .scrollbar::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: var(--body);
}
.videoGaleri .sag .scrollbar::-webkit-scrollbar {
width: 5px;
background-color: var(--body);
}
.videoGaleri .sag .scrollbar::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background: #d50000;
}

.videoGaleri .sag .listeleme {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-bottom: 15px;
padding: 0px 0px 0px 0px;
}
.videoGaleri .sag .listeleme:last-child {
margin-bottom: 0px;
}
.videoGaleri .sag .listeleme figure {
width: 150px;
height: 102px;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px;
float: right;
margin-left: 15px;
margin-right: 10px;
}
.videoGaleri .sag .listeleme figure img {
width: 100%;
height: 100%;
}
.videoGaleri .sag .listeleme figcaption {
width: calc(100% - 185px);
height: 66px;
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(--beyaz);
margin-top: 2px;
}
.videoGaleri .sag .listeleme time {
width: calc(100% - 185px);
height: 14px;
overflow: hidden;
position: relative;
display: block;
font-size: 10px;
font-weight: 500;
color: #ffffff;
margin-bottom: 5px;
margin-top: 5px;
opacity: 0.7;
}
.videoGaleri .sag .listeleme:hover figure i {
color: var(--beyaz);
background: #d50000;
}
.videoGaleri .sag .listeleme figure i {
width: 45px;
height: 30px;
line-height: 30px;
display: inline-table;
overflow: hidden;
position: absolute;
content: "";
font-size: 12px;
padding: 0px 0px 0px 0px;
border-radius: 8px;
top: calc(50% - 18px);
left: 0px;
right: 0px;
margin: 0px auto;
z-index: 4;
color: transparent;
background: transparent;
text-align: center;
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}

.fotoGaleri {
width: calc(100% - 30px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 0px 0px;
padding: 15px 15px 15px 15px;
background: #191919;
}
.fotoGaleri .anaBaslik {
margin-bottom: 15px;
}
.fotoGaleri .anaBaslik h2,
.fotoGaleri .anaBaslik a {
color: #ffffff;
background: #191919;
}
.fotoGaleri .anaBaslik a:hover {
color: #ffd437;
}


.fGalerislider .swiper-slide {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.fGalerislider .swiper-slide figure {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px;
}
.fGalerislider .swiper-slide figure img {
width: 100%;
height: 147px;
}
.fGalerislider .swiper-slide 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(--beyaz);
margin: 2px 10px 10px 10px;
}
.fGalerislider .swiper-slide time {
width: calc(100% - 20px);
height: 14px;
overflow: hidden;
position: relative;
display: block;
font-size: 10px;
font-weight: 500;
color: #ffffff;
margin: 10px 10px 5px 10px;
opacity: 0.7;
}
.fGalerislider .swiper-slide a:hover figcaption {
color: #ffd437;
}


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

.kategoriListe {
width: calc(100% - 0px);
height: auto;
display: block;
overflow: hidden;
position: relative;
margin: 0px 0px;
padding: 0px 0px;
}
.kategoriListe .liste {
width: calc(33.333% - 13.333px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-bottom: 20px;
margin-right: 20px;
background: #ffffff;
}
.kategoriListe .liste:nth-of-type(3n) {
margin-bottom: 20px;
margin-right: 0px;
}
.kategoriListe .liste figure {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px;
}
.kategoriListe .liste figure img {
width: 100%;
height: 100%;
}
.kategoriListe .liste a {
display: block;
}
.kategoriListe .liste 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;
}
.kategoriListe .liste 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;
}
.kategoriListe .liste a:hover figcaption {
color: var(--kirmizi);
}
.kategoriListe .yatayReklam {
margin-bottom: 20px;
}


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

.kategoriListe2 .siteSag {
height: 600px;
position: relative;
box-shadow: none;
border: none;
margin: 0;
padding: 0;
}
.kategoriListe2 .kayanReklam {
width: auto;
height: auto;
position: absolute;
}
.kategoriListe2 .kayanReklam.fixed {
position: fixed;
top: 20px;
}

.kategoriListe2 .liste {
width: calc(100% - 0px);
height: auto;
display: block;
overflow: hidden;
position: relative;
margin: 0px 0px 20px 0px;
background: var(--beyazBG);
}
.kategoriListe2 .liste figure {
width: 365px;
height: 205px;
overflow: hidden;
display: block;
position: relative;
margin: 0px 15px 0px 0px;
float: left;
}
.kategoriListe2 .liste figure img {
width: 100%;
height: 100%;
}
.kategoriListe2 .liste a {
display: block;
}
.kategoriListe2 .liste figcaption {
width: calc(100% - 395px);
height: auto;
line-height: 1.4;
overflow: hidden;
position: relative;
font-size: 20px;
font-weight: 700;
color: var(--siyah);
margin: 2px 10px 10px 0px;
}
.kategoriListe2 .liste time {
width: calc(100% - 395px);
height: 14px;
overflow: hidden;
position: relative;
display: block;
font-size: 10px;
font-weight: 500;
color: var(--siyah);
margin: 0px 10px 5px 0px;
opacity: 0.7;
padding-top: 10px;
}
.kategoriListe2 .liste p {
width: calc(100% - 395px);
height: 68px;
line-height: 1.4;
overflow: hidden;
position: relative;
display: block;
font-size: 16px;
font-weight: 300;
color: var(--siyah);
-webkit-line-clamp: 3;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.kategoriListe2 .liste a:hover figcaption {
color: var(--kirmizi);
}

.kat2Reklam {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
text-align: center;
margin: 0px 0px 20px 0px;
background: #ffffff;
}

.haberDetay {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 0px 0px;
}
.haberDetay .siteSag {
height: 955px;
position: relative;
box-shadow: none;
border: none;
margin: 0;
padding: 0;
}
.haberDetay .kayanReklam {
width: auto;
height: auto;
position: absolute;
}
.haberDetay .kayanReklam.fixed {
position: fixed;
top: 20px;
}
.haberDetay .bilgi {
width: calc(100% - 30px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 0px 0px;
padding: 15px 15px 15px 15px;
background: var(--beyazBG);
}
.haberDetay .bilgi ul.breadcrumbs {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
padding: 0px 0px;
margin: 0px 0px 10px 0px;
}
.haberDetay .bilgi ul.breadcrumbs li {
display: none;
}
.haberDetay .bilgi ul.breadcrumbs li:nth-of-type(2n) {
width: calc(100% - 260px);
height: auto;
overflow: hidden;
display: block;
position: relative;
font-size: 22px;
font-weight: 700;
padding-left: 60px;
float: left;
}
.haberDetay .bilgi ul.breadcrumbs li:nth-of-type(2n):after {
width: 20px;
height: 8px;
overflow: hidden;
display: block;
position: absolute;
content: "";
top: calc(50% - 3px);
left: 0px;
background: var(--kirmizi);
}
.haberDetay .bilgi ul.breadcrumbs li:nth-of-type(2n):before {
width: 20px;
height: 8px;
overflow: hidden;
display: block;
position: absolute;
content: "";
top: calc(50% - 3px);
left: 30px;
background: var(--kirmizi);
}
.haberDetay .bilgi ul.breadcrumbs li a {
color: var(--kirmizi);
}
.haberDetay .bilgi ul.breadcrumbs strong {
display: none;
}
.haberDetay .bilgi ul.breadcrumbs p {
width: 200px;
height: auto;
overflow: hidden;
line-height: 1.8;
text-align: right;
display: block;
opacity: 0.7;
}

.haberDetay .bilgi h1,
.haberDetay .bilgi h2 {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-top: 15px;
}
.haberDetay .bilgi h1 {
font-size: 3.5em;
font-weight: 700;
}
.haberDetay .bilgi h2 {
font-size: 2em;
font-weight: 500;
}
.haberDetay .tarih {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-top: 15px;
}
.haberDetay .tarih strong {
width: calc(100% - 180px);
height: auto;
overflow: hidden;
display: block;
position: relative;
line-height: 1.6;
font-size: 14px;
font-weight: 500;
float: left;
}
.haberDetay .tarih strong time {
font-weight: 300;
}
.haberDetay .tarih img {
width: 180px;
height: auto;
margin-top: 0px;
}

#sayfalar {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-bottom: 40px;
}
#sayfalar .bilgi {
width: calc(100% - 30px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 0px 0px;
padding: 15px 15px 15px 15px;
background: var(--beyazBG);
}
#sayfalar .bilgi h1,
#sayfalar .bilgi h2 {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
}
#sayfalar .bilgi h1 {
font-size: 3.5em;
font-weight: 700;
}
#sayfalar .bilgi h2 {
font-size: 2em;
font-weight: 500;
}
#sayfalar .tarih {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-top: 15px;
}
#sayfalar .tarih strong {
width: calc(100% - 180px);
height: auto;
overflow: hidden;
display: block;
position: relative;
line-height: 1.6;
font-size: 14px;
font-weight: 500;
float: left;
}
#sayfalar .tarih strong time {
font-weight: 300;
}
#sayfalar .tarih img {
width: 180px;
height: auto;
margin-top: 0px;
}








.sayfaSol article {
width: calc(100% - 30px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 15px 15px 15px 15px;
background: var(--beyazBG);
}
.sayfaSol article figure {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.sayfaSol article figure img {
width: 100%;
height: auto;
margin-bottom: 15px;
float: none;
}
.sayfaSol article a {
color: #167ed7;
}
.sayfaSol article a:hover {
color: var(--kirmizi);
}
.sayfaSol article p {
font-size: 20px;
margin-bottom: 15px;
line-height: 1.5;
font-weight: 300;
}
.sayfaSol article img {
width: auto;
max-width: 100%;
height: auto;
overflow: hidden;
display: table-column;
margin: 0px auto 15px auto;
}
.sayfaSol article h1 {
font-size: 2.5em;
margin-bottom: 15px;
}
.sayfaSol article h2 {
font-size: 2em;
margin-bottom: 15px;
}
.sayfaSol article h3 {
font-size: 1.7em;
margin-bottom: 15px;
}
.sayfaSol article h4 {
font-size: 1.5em;
margin-bottom: 15px;
}
.sayfaSol article h5 {
font-size: 1.3em;
margin-bottom: 15px;
}
.sayfaSol article h6 {
font-size: 1.1em;
margin-bottom: 15px;
}
.sayfaSol article img.alignleft {
width: auto;
height: auto;
float: left;
margin-right: 15px;
margin-top: 0px;
}
.sayfaSol article img.alignright {
width: auto;
height: auto;
float: right;
margin-left: 15px;
margin-top: 0px;
}
.sayfaSol article img.aligncenter {
width: auto;
height: auto;
float: none;
display: block;
margin-left: auto;
margin-right: auto;
}
.sayfaSol article table {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.sayfaSol article table tr {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.sayfaSol article table tr td {
width: auto;
height: auto;
overflow: hidden;
display: inline-block;
position: relative;
padding: 10px;
border: 1px solid var(--griBG);
}
.sayfaSol article iframe {
width: 100%;
height: 400px;
overflow: hidden;
display: block;
margin: 15px 0px;
}

.sayfaSol article .sosyalMedya {
width: calc(100% - 202px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 15px 0px;
float: right;
}
.sayfaSol article .sosyalMedya a {
width: auto;
height: 42px;
line-height: 42px;
overflow: hidden;
display: block;
padding: 0px 15px;
margin: 0px 0px;
font-size: 18px;
color: var(--siyah);
text-align: center;
opacity: 1;
border: 1px solid var(--siyah);
float: right;
margin-left: 10px;
}
.sayfaSol article .sosyalMedya a span {
float: left;
margin-right: 5px;
font-size: 18px;
font-weight: 700;
}
.sayfaSol article .sosyalMedya a:nth-of-type(1n) span {
color: #d50000;
}
.sayfaSol article .sosyalMedya a:nth-of-type(2n) span {
color: #0ba22e;
}
.sayfaSol article .sosyalMedya a i.fa.fa-thumbs-down {
float: left;
line-height: 44px;
color: #d50000;
}
.sayfaSol article .sosyalMedya a i.fa.fa-thumbs-up {
float: left;
line-height: 38px;
color: #0ba22e;
}
.sayfaSol article .sosyalMedya a:hover i.fa.fa-thumbs-down,
.sayfaSol article .sosyalMedya a:hover i.fa.fa-thumbs-up,
.sayfaSol article .sosyalMedya a:nth-of-type(1n):hover span,
.sayfaSol article .sosyalMedya a:nth-of-type(2n):hover span {
color: var(--siyah);
}








.haberDetay article {
width: calc(100% - 30px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 15px 15px 15px 15px;
background: var(--beyazBG);
}
.haberDetay article figure {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.haberDetay article figure img {
width: 100%;
height: auto;
margin-bottom: 15px;
float: none;
}
.haberDetay article p {
font-size: 20px;
margin-bottom: 15px;
line-height: 1.5;
font-weight: 300;
}
.haberDetay article img {
width: auto;
max-width: 100%;
height: auto;
overflow: hidden;
display: table-column;
margin: 0px auto 15px auto;
}
.haberDetay article h1 {
font-size: 2.5em;
margin-bottom: 15px;
}
.haberDetay article h2 {
font-size: 2em;
margin-bottom: 15px;
}
.haberDetay article h3 {
font-size: 1.7em;
margin-bottom: 15px;
}
.haberDetay article h4 {
font-size: 1.5em;
margin-bottom: 15px;
}
.haberDetay article h5 {
font-size: 1.3em;
margin-bottom: 15px;
}
.haberDetay article h6 {
font-size: 1.1em;
margin-bottom: 15px;
}
.haberDetay article img.alignleft {
width: auto;
height: auto;
float: left;
margin-right: 15px;
margin-top: 0px;
}
.haberDetay article img.alignright {
width: auto;
height: auto;
float: right;
margin-left: 15px;
margin-top: 0px;
}
.haberDetay article img.aligncenter {
width: auto;
height: auto;
float: none;
display: block;
margin-left: auto;
margin-right: auto;
}
.haberDetay article table {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.haberDetay article table tr {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.haberDetay article table tr td {
width: auto;
height: auto;
overflow: hidden;
display: inline-block;
position: relative;
padding: 10px;
border: 1px solid var(--griBG);
}
.haberDetay article iframe {
width: 100%;
height: 400px;
overflow: hidden;
display: block;
margin: 15px 0px;
}

.haberDetay article .sosyalMedya {
width: calc(100% - 202px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 15px 0px;
float: right;
}
.haberDetay article .sosyalMedya a {
width: auto;
height: 42px;
line-height: 42px;
overflow: hidden;
display: block;
padding: 0px 15px;
margin: 0px 0px;
font-size: 18px;
color: var(--siyah);
text-align: center;
opacity: 1;
border: 1px solid var(--siyah);
float: right;
margin-left: 10px;
}
.haberDetay article .sosyalMedya a span {
float: left;
margin-right: 5px;
font-size: 18px;
font-weight: 700;
}
.haberDetay article .sosyalMedya a:nth-of-type(1n) span {
color: #d50000;
}
.haberDetay article .sosyalMedya a:nth-of-type(2n) span {
color: #0ba22e;
}
.haberDetay article .sosyalMedya a i.fa.fa-thumbs-down {
float: left;
line-height: 44px;
color: #d50000;
}
.haberDetay article .sosyalMedya a i.fa.fa-thumbs-up {
float: left;
line-height: 38px;
color: #0ba22e;
}
.haberDetay article .sosyalMedya a:hover i.fa.fa-thumbs-down,
.haberDetay article .sosyalMedya a:hover i.fa.fa-thumbs-up,
.haberDetay article .sosyalMedya a:nth-of-type(1n):hover span,
.haberDetay article .sosyalMedya a:nth-of-type(2n):hover span {
color: var(--siyah);
}


.haberDetay article .etiketler {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-top: 20px;
}
.haberDetay article .etiketler a {
width: auto;
height: 32px;
line-height: 32px;
overflow: hidden;
display: block;
float: left;
font-size: 14px;
font-weight: 500;
padding: 0px 12px;
color: var(--siyah);
background: var(--griBG);
margin-right: 8px;
margin-top: 8px;
}
.haberDetay article .etiketler a:last-child {
margin-right: 0px;
margin-top: 8px;
}
.haberDetay article .etiketler a:hover {
color: var(--beyaz);
background: var(--kirmiziBG);
}

.haberDetay article .ilgiliHaber,
.haberDetay article .ilgiliGaleri {
width: 100%;
height: auto;
overflow: hidden;
display: block;
margin: 0px 0px 0px 0px;
}
.haberDetay article .ilgiliGaleri {
margin-top: 20px;
}
.haberDetay article .ilgiliHaber figure,
.haberDetay article .ilgiliGaleri figure {
width: 250px;
height: 166px;
overflow: hidden;
display: block;
float: left;
}
.haberDetay article .ilgiliHaber figure img,
.haberDetay article .ilgiliGaleri figure img {
width: 100%;
height: 100%;
margin-bottom: 0px;
}
.haberDetay article .ilgiliHaber a,
.haberDetay article .ilgiliGaleri a {

}
.haberDetay article .ilgiliHaber div {
width: calc(100% - 310px);
height: 136px;
overflow: hidden;
display: block;
position: relative;
padding: 30px 30px 0px 30px;
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, #749d10,#d78116);
background-repeat: no-repeat;
background-size: cover;
margin-bottom: 0px;
}
.haberDetay article .ilgiliHaber div strong,
.haberDetay article .ilgiliGaleri div strong {
width: auto;
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px 10px 0px;
margin: 0px 0px 0px 0px;
font-size: 12px;
font-weight: 500;
color: var(--beyaz);
}
.haberDetay article .ilgiliGaleri div {
width: calc(100% - 310px);
height: 136px;
overflow: hidden;
display: block;
position: relative;
padding: 30px 30px 0px 30px;
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, #10899d,#16d7a2);
background-repeat: no-repeat;
background-size: cover;
margin-bottom: 0px;
}
.haberDetay article .ilgiliHaber div h3,
.haberDetay article .ilgiliGaleri div h3 {
width: 100%;
height: 78px;
overflow: hidden;
font-size: 22px;
color: var(--beyaz);
margin-bottom: 0px;
-webkit-line-clamp: 3;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.haberDetay article .ilgiliHaber div:hover,
.haberDetay article .ilgiliGaleri div: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, #9d2610,#d73516);
}

.ilginiziCekebilir {
width: calc(100% - 60px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 15px 30px 30px 30px;
margin-top: 40px;
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,#878787);
}
.ilginiziCekebilir strong {
width: calc(100% - 20px);
height: 50px;
line-height: 50px;
overflow: hidden;
display: block;
position: relative;
font-size: 18px;
color: var(--beyaz);
padding: 0px 0px 0px 0px;
}
.ilginiziCekebilir ul {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.ilginiziCekebilir ul li {
width: calc(100% - 30px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 5px 0px;
padding: 15px 15px 15px 15px;
background: #ffffff;
border-left: 5px solid var(--siyah);
}
.ilginiziCekebilir ul li a {
width: 100%;
height: 20px;
overflow: hidden;
position: relative;
font-size: 16px;
font-weight: 700;
color: var(--siyah);
-webkit-line-clamp: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.ilginiziCekebilir ul li a:hover {
color: var(--kirmizi);
}
.ilginiziCekebilir ul li:hover {
border-left: 5px solid var(--kirmizi);
}

.haberDetay .siteSag {
float: right;
margin-top: 20px;
}
.haberDetay .siteSol {
float: left;
}
.haberDetay .siteSag .konuYazari {
width: calc(100% - 30px);
height: auto;
overflow: hidden;
display: block;
position: relative;
background: #ffffff;
padding: 15px 15px 15px 15px;
margin: 0px 0px 20px 0px;
text-align: center;
}
.haberDetay .siteSag .konuYazari figure {
width: 150px;
height: 150px;
overflow: hidden;
display: inline-table;
border: 5px solid var(--siyahBG);
background: #ffffff;
border-radius: 100%;
padding: 5px 5px 5px 5px;
margin-bottom: 15px;
}
.haberDetay .siteSag .konuYazari figure img {
width: 100%;
height: 100%;
border-radius: 100%;
}
.haberDetay .siteSag .konuYazari strong {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
font-size: 16px;
font-weight: 700;
color: var(--siyah);
margin-bottom: 15px;
}
.haberDetay .siteSag .konuYazari a.digeryazi{
width: auto;
height: auto;
overflow: hidden;
display: table;
margin: 0px auto;
background: var(--kirmiziBG);
padding: 10px 20px 10px 20px;
margin-bottom: 10px;
font-size: 13px;
font-weight: 700;
color: var(--beyaz);
transition: all 900ms ease;
}
.haberDetay .siteSag .konuYazari a.mailgonder{
width: auto;
height: auto;
overflow: hidden;
display: table;
margin: 0px auto;
background: var(--siyahBG);
padding: 10px 20px 10px 20px;
font-size: 13px;
font-weight: 700;
color: var(--beyaz);
transition: all 900ms ease;
}
.haberDetay .siteSag .konuYazari a:hover {
padding: 10px 50px 10px 50px;
}

.sagReklam {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-bottom: 20px;
text-align: center;
}

.sagSondk {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
background: #ffffff;
padding: 0px 0px 0px 0px;
margin: 0px 0px 20px 0px;
}
.sagSondk 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,.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);
}
.sagSondk h3 i {
padding-top: 12px;
font-size: 32px;
float: left;
margin-right: 15px;
}
.sagSondk ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.sagSondk ul li {
width: calc(100% - 30px);
height: auto;
overflow: hidden;
display: block;
margin: 0px 0px 0px 0px;
padding: 15px 15px 15px 15px;
transition: all 250ms ease;
border-bottom: 1px solid var(--griBG);
}
.sagSondk ul li:last-child {
border-bottom: 0px;
}
.sagSondk 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);
}
.sagSondk ul li a {
display: block;
}
.sagSondk ul li a strong {
width: calc(100% - 105px);
height: 60px;
overflow: hidden;
position: relative;
-webkit-line-clamp: 3;
display: -webkit-box;
-webkit-box-orient: vertical;
float: left;
font-size: 16px;
font-weight: 500;
color: var(--siyah);
margin: 15px 15px 15px 0px;
}
.sagSondk ul li a span {
width: 90px;
height: 90px;
line-height: 90px;
overflow: hidden;
position: relative;
display: block;
text-align: center;
font-size: 4em;
font-weight: 700;
color: var(--siyah);
opacity: 0.2;
}
.sagSondk ul li:hover strong,
.sagSondk ul li:hover span {
color: #ffffff;
}
.sagSondk ul li:hover span {
opacity: 1;
}

.sagKurular {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px 0px 0px;
margin: 0px 0px 20px 0px;
}
.sagKurular ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.sagKurular ul li {
width: calc(50% - 40px);
height: auto;
overflow: hidden;
display: block;
padding: 15px 15px 15px 15px;
transition: all 250ms ease;
float: left;
}
.sagKurular 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, #124f7a,#1590e7);
margin: 0px 20px 20px 0px;
}
.sagKurular 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, #8f1010,#e75959);
margin: 0px 0px 20px 0px;
}
.sagKurular ul li:nth-of-type(3n) {
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, #10899d,#16d7a2);
margin: 0px 20px 20px 0px;
}
.sagKurular ul li:nth-of-type(4n) {
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, #749d10,#d78116);
margin: 0px 0px 20px 0px;
}
.sagKurular ul li:nth-of-type(5n) {
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, #af6408,#dd9741);
margin: 0px 20px 0px 0px;
}
.sagKurular ul li:nth-of-type(6n) {
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, #60830b,#9add7f);
margin: 0px 0px 0px 0px;
}
.sagKurular ul li div {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
text-align: right;
}
.sagKurular ul li div i {
font-size: 28px;
color: #ffffff;
display: block;
margin-bottom: 10px;
}
.sagKurular ul li div strong {
width: 80px;
height: auto;
overflow: hidden;
display: block;
font-size: 18px;
color: #ffffff;
font-weight: 300;
float: right;
}
.sagKurular ul li div strong::first-line {
font-weight: 700;
}
.sagKurular 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);
}

.kategori {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.kategori .biyografiler {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.kategori .biyografiler .biyografi {
width: calc(100% - 15px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-bottom: 20px;
background: #ffffff;
padding: 15px 15px 15px 0px;
}
.kategori .biyografiler .biyografi:after {
width: calc(0% + 130px);
height: 100%;
overflow: hidden;
display: block;
position: absolute;
content: "";
top: 0px;
left: 0px;
z-index: 1;
background: var(--body);
}
.kategori .biyografiler .biyografi figure {
width: 259px;
height: 151px;
overflow: hidden;
display: block;
float: left;
margin-right: 15px;
}
.kategori .biyografiler .biyografi figure img {
width: 100%;
height: 100%;
overflow: hidden;
display: block;
}
.kategori .biyografiler .biyografi a {
position: relative;
display: block;
z-index: 3;
}
.kategori .biyografiler .biyografi figcaption {
width: calc(100% - 274px);
height: auto;
overflow: hidden;
display: block;
position: relative;
font-size: 20px;
font-weight: 700;
color: var(--siyah);
margin-bottom: 15px;
}
.kategori .biyografiler .biyografi p {
width: calc(100% - 274px);
height: 68px;
line-height: 1.4;
overflow: hidden;
position: relative;
display: block;
font-size: 16px;
font-weight: 300;
color: var(--siyah);
-webkit-line-clamp: 3;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.kategori .biyografiler .biyografi a:hover figcaption {
color: var(--kirmizi);
}


.kategori.ekonomi .katliste {
width: calc(100% - 0px);
height: auto;
display: block;
overflow: hidden;
position: relative;
margin: 0px 0px;
padding: 0px 0px;
}
.kategori.ekonomi .katliste .liste {
width: calc(33.333% - 13.333px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-bottom: 20px;
margin-right: 20px;
background: #ffffff;
}
.kategori.ekonomi .katliste .liste:nth-of-type(3n) {
margin-bottom: 20px;
margin-right: 0px;
}
.kategori.ekonomi .katliste .liste figure {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px;
}
.kategori.ekonomi .katliste .liste figure img {
width: 100%;
height: 100%;
}
.kategori.ekonomi .katliste .liste a {
display: block;
}
.kategori.ekonomi .katliste .liste 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;
}
.kategori.ekonomi .katliste .liste 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;
}
.kategori.ekonomi .katliste .liste a:hover figcaption {
color: var(--kirmizi);
}
.kategori.ekonomi .katliste .yatayReklam {
margin-bottom: 20px;
}
.kategori.ekonomi .katliste .liste a:hover figcaption {
color: #0d72ad;
}
.kategori.ekonomi.spor .katliste .liste a:hover figcaption {
color: #0ba22e;
}
.kategori.ekonomi.magazin .katliste .liste a:hover figcaption {
color: #2f0e7a;
}

.kategori.ekonomi.videogalerii .katliste .liste a:hover figcaption {
color: var(--kirmizi);
}
.kategori.ekonomi.videogalerii .katliste .liste span {
width: 36px;
height: auto;
overflow: hidden;
display: none;
padding: 7px 14px;
position: absolute;
content: "";
top: calc(50% - 23px);
left: 0px;
right: 0px;
margin: 0px auto;
color: var(--beyaz);
font-size: 15px;
text-shadow: 1px 1px 0px #000000;
}
.kategori.ekonomi.videogalerii .katliste .liste span i {
font-size: 32px;
}
.kategori.ekonomi.videogalerii .katliste .liste:hover span {
color: var(--beyaz);
display: inline-block;
animation: videogalerii 1s ease 0s 1 normal forwards;
}
@keyframes videogalerii {
0% {
opacity: 0;
transform: translateY(-50px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}


.kategori.ekonomi.fotogalerii .katliste .liste a:hover figcaption {
color: var(--kirmizi);
}
.kategori.ekonomi.fotogalerii .katliste .liste span {
width: 36px;
height: auto;
overflow: hidden;
display: none;
padding: 7px 14px;
position: absolute;
content: "";
top: calc(50% - 23px);
left: 0px;
right: 0px;
margin: 0px auto;
color: var(--beyaz);
font-size: 15px;
text-shadow: 1px 1px 0px #000000;
}
.kategori.ekonomi.fotogalerii .katliste .liste span i {
font-size: 32px;
}
.kategori.ekonomi.fotogalerii .katliste .liste:hover span {
color: var(--beyaz);
display: inline-block;
animation: fotogalerii 1s ease 0s 1 normal forwards;
}
@keyframes fotogalerii {
0% {
opacity: 0;
transform: translateY(-50px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}

.vizyonkategori .anaviz {
width: calc(25% - 45px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 15px 15px 5px 15px;
margin: 0px 20px 20px 0px;
background: #191919;
background: -moz-linear-gradient(180deg, rgba(255,163,0,1) 0%, rgba(0,0,0,1) 50%);
background: -webkit-linear-gradient(180deg, #ffffff 0%, rgb(0 0 0 / 0%) 50%);
background: linear-gradient(180deg, #d50000 0%, rgb(255 255 255) 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d50000",endColorstr="#ffffff",GradientType=1);
float: left;
}
.vizyonkategori .anaviz:nth-of-type(4n) {
margin-right: 0px;
}
.vizyonkategori .anaviz figure {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
position: relative;
display: block;
}
.vizyonkategori .anaviz figure img {
width: 100%;
height: 228px;
display: block;
overflow: hidden;
}
.vizyonkategori .anaviz 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: 700;
color: var(--siyah);
margin: 15px 0px 10px 0px;
text-align: center;
padding: 0px 0px 0px 0px;
}
.vizyonkategori .anaviz:hover figcaption {
color: #ff4f2d;
}

#ekonomi.haberDetay .ilginiziCekebilir {
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,#78b0bd);
}
#ekonomi.haberDetay .ilginiziCekebilir ul li {
border-left: 5px solid #0d72ad;
}
#ekonomi.haberDetay .ilginiziCekebilir ul li a:hover {
color: #0d72ad;
}
#ekonomi.haberDetay .bilgi ul.breadcrumbs li a {
color: #0d72ad;
}
#ekonomi.haberDetay .bilgi ul.breadcrumbs li:nth-of-type(2n):before,
#ekonomi.haberDetay .bilgi ul.breadcrumbs li:nth-of-type(2n):after {
background: #0d72ad;
}

#magazin.haberDetay .ilginiziCekebilir {
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, #2f0e7a,#9c2984);
}
#magazin.haberDetay .ilginiziCekebilir ul li {
border-left: 5px solid #2f0e7a;
}
#magazin.haberDetay .ilginiziCekebilir ul li a:hover {
color: #9c2984;
}
#magazin.haberDetay .bilgi ul.breadcrumbs li a {
color: #3f3077;
}
#magazin.haberDetay .bilgi ul.breadcrumbs li:nth-of-type(2n):before,
#magazin.haberDetay .bilgi ul.breadcrumbs li:nth-of-type(2n):after {
background: #3f3077;
}

#spor.haberDetay .ilginiziCekebilir {
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);
}
#spor.haberDetay .ilginiziCekebilir ul li {
border-left: 5px solid #176b2a;
}
#spor.haberDetay .ilginiziCekebilir ul li a:hover {
color: #176b2a;
}
#spor.haberDetay .bilgi ul.breadcrumbs li a {
color: #0ba22e;
}
#spor.haberDetay .bilgi ul.breadcrumbs li:nth-of-type(2n):before,
#spor.haberDetay .bilgi ul.breadcrumbs li:nth-of-type(2n):after {
background: #0ba22e;
}

#videoGaleri.haberDetay {
background: var(--siyahBG);
margin-bottom: 0px;
height: auto;
}
#videoGaleri.haberDetay article {
width: calc(100% - 30px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 15px 15px 15px 15px;
background: transparent!important;
}
#videoGaleri.haberDetay article .videoIc iframe,
#videoGaleri.haberDetay article .videoIc video,
#videoGaleri.haberDetay article .videoIc embed {
width: 100%;
height: 535px;
overflow: hidden;
display: block;
margin: 0px 0px 15px 0px;
}
#videoGaleri.haberDetay .bilgi {
background: var(--siyahBG);
}
#videoGaleri.haberDetay .bilgi ul.breadcrumbs li a {
color: var(--beyaz);
}
#videoGaleri.haberDetay .bilgi ul.breadcrumbs li:nth-of-type(2n):before {
background: var(--beyazBG);
}
#videoGaleri.haberDetay .bilgi ul.breadcrumbs li:nth-of-type(2n):after {
background: var(--beyazBG);
}
#videoGaleri.haberDetay .bilgi ul.breadcrumbs p {
color: var(--beyaz);
opacity: 1;
}
#videoGaleri.haberDetay .bilgi h1 {
color: var(--beyaz);
}
#videoGaleri.haberDetay .tarih strong {
color: var(--beyaz);
}
#videoGaleri.haberDetay article .sosyalMedya a {
color: var(--siyah);
border: 1px solid var(--beyazBG);
background: var(--beyazBG);
}
#videoGaleri.haberDetay article .siteSol p {
color: var(--beyaz);
}
#videoGaleri.haberDetay .siteSag {
height: auto;
}

.kategori.ekonomi.videogalerii .yorumAlani {
margin: 20px 0px 20px 0px;
}

#fotoGaleri.haberDetay .fotoSol {
width: calc(100% - 356px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-right: 20px;
}
#fotoGaleri.haberDetay .fotoGaleriIc {
width: calc(100% - 30px);
height: auto;
overflow: hidden;
display: block;
text-align: center;
background: var(--body);
padding: 15px 15px 15px 15px;
margin-bottom: 15px;
}
#fotoGaleri.haberDetay article img {
display: inline-block;
margin: 0px 0px 0px 0px;
}

#fotoGaleri.haberDetay .fotoSag {
width: calc(336px - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}

#fotoGaleri.haberDetay .fotoSag .katmr {
margin-bottom: 20px;
}
#fotoGaleri.haberDetay .fotoSag .caticerik {
height: 240px;
}


#fotoGaleri.haberDetay .fgaleriscroll {
width: 100%;
height: calc(100% - 30px);
overflow-y: scroll;
}
#fotoGaleri.haberDetay .fgaleriscrollic {
width: calc(100% - 15px);
height: 270px;
padding-right: 15px;
}
#fotoGaleri.haberDetay .fgaleriscroll::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: rgb(255 255 255 / 10%);
}
#fotoGaleri.haberDetay .fgaleriscroll::-webkit-scrollbar {
width: 3px;
background-color: rgb(255 255 255 / 10%);
}
#fotoGaleri.haberDetay .fgaleriscroll::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 6px #d50000;
background: #d50000;
}


#resmiilan {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}
#resmiilan .resmiilan {
width: calc(25% - 15px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-top: 20px;
margin-right: 20px;
background: #ffffff;
}
#resmiilan .resmiilan:nth-of-type(4n) {
margin-right: 0px;
}
#resmiilan .resmiilan figure {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}
#resmiilan .resmiilan figure img {
width: 100%;
height: 100%;
}
#resmiilan .resmiilan 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;
}
#resmiilan .resmiilan 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;
}
#resmiilan .resmiilan a:hover figcaption {
color: var(--kirmizi);
}

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

.kategoriilanlar2 .liste {
width: calc(33.333% - 13.333px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-bottom: 20px;
margin-right: 20px;
background: #ffffff;
}
.kategoriilanlar2 .liste:nth-of-type(3n) {
margin-bottom: 20px;
margin-right: 0px;
}
.kategoriilanlar2 .liste figure {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px;
}
.kategoriilanlar2 .liste figure img {
width: 100%;
height: 100%;
}
.kategoriilanlar2 .liste a {
display: block;
}
.kategoriilanlar2 .liste 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;
}
.kategoriilanlar2 .liste 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;
}
.kategoriilanlar2 .liste a:hover figcaption {
color: var(--kirmizi);
}

#ilanDetayi .etiketler {
width: calc(100% - 200px);
height: auto;
overflow: hidden;
display: block;
float: left;
}
#ilanDetayi .etiketler a {
margin-top: 0px!important;
}
#ilanDetayi .basinno {
width: 200px;
height: 32px;
line-height: 32px;
overflow: hidden;
display: block;
font-size: 14px;
font-weight: 500;
margin-top: 20px;
float: left;
text-align: right;
}
#ilanDetayi .basinno strong {
font-size: 14px;
font-weight: 700;
}
#ilanDetayi .basinno span {
font-size: 14px;
font-weight: 500;
}





.yeniEkonomi {
width: calc(100% - 350px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-right: 20px;
margin-top: 20px;
background: #ffffff;
padding: 15px 15px 15px 15px;
}
.yeniEkonomi .listeleme {
width: calc(50% - 10px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-right: 20px;
margin-bottom: 15px;
}
.yeniEkonomi .listeleme:nth-of-type(2n) {
margin-right: 0px;
}
.yeniEkonomi .listeleme:nth-of-type(9n),
.yeniEkonomi .listeleme:nth-of-type(10n) {
margin-bottom: 0px;
}
.yeniEkonomi .listeleme figure {
width: 150px;
height: 102px;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px;
float: left;
margin-right: 15px;
margin-left: 0px;
}
.yeniEkonomi .listeleme figure img {
width: 100%;
height: 100%;
}
.yeniEkonomi .listeleme figcaption {
width: calc(100% - 165px);
height: 66px;
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;
}
.yeniEkonomi .listeleme time {
width: calc(100% - 165px);
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;
}
.yeniEkonomi .listeleme a:hover figcaption {
color: var(--kirmizi);
}

.fgIcerik {
width: calc(100% - 30px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 15px 15px;
background: #ffffff;
margin-bottom: 20px;
}
.fgIcerik:last-child {
margin-bottom: 40px;
}
.fgIcerik figure {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
text-align: center;
margin-top: 15px;
}
.fgIcerik figure img {
width: auto;
display: block;
height: auto;
max-width: 100%;
max-height: 100%;
}
.fgIcerik img {
width: auto;
display: block;
height: auto;
max-width: 100%;
max-height: 100%;
}
.fgIcerik strong {
width: auto;
height: auto;
overflow: hidden;
display: inline-block;
padding: 5px 20px;
background: #191919;
color: #ffffff;
font-size: 16px;
font-weight: 700;
border-radius: 3px;
margin-right: 10px;
}
.fgIcerik p {
width: 100%;
height: auto;
line-height: 1.4;
overflow: hidden;
display: block;
color: var(--siyah);
font-size: 20px;
font-weight: 300;
}








#bultenAlani {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 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,#9d2610,#d73516);
background-repeat: no-repeat;
background-size: cover;
}
#bultenAlani img {
width: 161px;
height: 42px;
max-height: 42px;
overflow: hidden;
display: block;
float: left;
margin-right: 20px;
padding-right: 20px;
border-right: 1px solid #ffffff;
}
#bultenAlani p {
width: calc(100% - 600px);
height: auto;
line-height: 1.4;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-right: 20px;
font-size: 14px;
font-weight: 300;
color: #ffffff;
}
#bultenAlani .eBultenAbone {
width: calc(378px - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}
#bultenAlani .eBultenAbone p {
width: 100%;
height: auto;
overflow: hidden;
display: block;
font-size: 14px;
color: var(--beyaz);
margin: 10px 0px 0px 0px;
text-align: center;
}
#bultenAlani .eBultenAbone input {
width: calc(100% - 80px);
height: 40px;
overflow: hidden;
display: block;
position: relative;
float: left;
border-left: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-top: 1px solid #ffffff;
border-right: 0px;
outline: none;
padding: 0px 15px 0px 15px;
margin: 0px 0px 0px 0px;
background: transparent;
color: #ffffff;
font-size: 14px;
font-weight: 500;
-webkit-border-top-left-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-bottomleft: 2px;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
}
#bultenAlani .eBultenAbone input::placeholder {
color: #ffffff;
}
#bultenAlani .eBultenAbone button {
width: 48px;
height: 42px;
line-height: 42px;
overflow: hidden;
display: block;
position: relative;
border: 0px;
outline: none;
background: none;
text-align: left;
cursor: pointer;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
border-top: 1px solid #ffffff;
border-left: 0px;
-webkit-border-top-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-moz-border-radius-topright: 2px;
-moz-border-radius-bottomright: 2px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
#bultenAlani .eBultenAbone button i {
line-height: 40px;
font-size: 20px;
color: #ffffff;
}
footer {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px 60px 0px;
background: #ffffff;
}
footer .nav {
width: calc(50% - 10px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
padding-right: 20px;
margin-top: 30px;
}
footer .nav:last-child {
padding-right: 0px;
}
footer .nav strong {
display: none;
}
footer .nav ul {
width: 100%;
height: auto;
overflow: hidden;
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
footer .nav ul li {
width: calc(50% - 8px);
height: auto;
line-height: 1.8;
overflow: hidden;
display: block;
list-style: none;
float: left;
margin-right: 16px;
}
footer .nav ul li:nth-of-type(2n) {
margin-right: 0px;
}
footer .nav ul li a {
font-size: 14px;
font-weight: 500;
color: var(--siyah);
}
footer .nav ul li a:hover {
color: var(--kirmizi);
}

footer .copyright {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
border-top: 1px solid #dedede;
padding: 20px 0px 0px 0px;
margin: 20px 0px 0px 0px;
}
footer .copyright p {
font-size: 14px;
font-weight: 500;
line-height: 1.4;
color: var(--siyah);
}

footer .store {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-top: 20px;
text-align: center;
}
footer .store a {
width: auto;
height: auto;
overflow: hidden;
display: inline-table;
position: relative;
margin-right: 20px;
border: 1px solid #dedede;
padding: 5px 15px 5px 15px;
text-align: center;
}
footer .store a:last-child {
margin-right: 0px;
}
footer .store a img {
width: auto;
height: 28px;
}

footer .sosyalMedya {
width: auto;
height: auto;
overflow: hidden;
display: block;
position: relative;
text-align: center;
margin-top: 40px;
margin-bottom: 10px;
}
footer .sosyalMedya a {
width: 42px;
height: 42px;
line-height: 42px;
display: inline-block;
font-size: 22px;
margin: 0px 10px;
color: var(--siyah);
border-radius: 2px;
}
footer .sosyalMedya a:hover:nth-of-type(1n) {
color: #ffffff;
background: #3a5b98;
}
footer .sosyalMedya a:hover:nth-of-type(2n) {
color: #ffffff;
background: #26ccff;
}
footer .sosyalMedya a:hover:nth-of-type(3n) {
color: #ffffff;
background: #a238a9;
}
footer .sosyalMedya a:hover:nth-of-type(4n) {
color: #ffffff;
background: #e00606;
}
footer .sosyalMedya a:hover:nth-of-type(5n) {
color: #ffffff;
background: #ff7278;
}
footer .sosyalMedya a:hover:nth-of-type(6n) {
color: #ffffff;
background: #ef911c;
}

footer .sosyalMedya a:last-child {
margin-right: 0px;
}


@media screen and (min-width: 981px) and (max-width: 1366px) {
.reklamCerceve #sagdasabit {
left: 1070px;
}
.reklamCerceve #soldasabit {
right: 1070px;
}
header .logo {
width: 192px;
height: 50px;
margin-top: 5px;
}
header .menu {
width: calc(100% - 223px);
}
header .menu ul li a {
font-size: 14px;
}
.ortala {
width: calc(100% - 40px);
max-width: calc(1060px - 40px);
}
.icerikBir .liste {
min-height: 288px;
}
.icerikBir .liste:nth-of-type(4n),
.icerikBir .liste:nth-of-type(5n),
.icerikBir .liste:nth-of-type(6n),
.icerikBir .liste:nth-of-type(7n) {
min-height: 234px;
}
.icerikIki .liste,
.icerikBes .liste {
min-height: 228px;
}
.icerikDort .spor .liste {
min-height: 224px;
}

.videoGaleri .sag .scrollbar{
height: 350px;
}
.videoGaleri .sol .listeleme figure img {
height: 350px;
}

.kategoriListe2 .liste figure {
width: 325px;
height: 183px;
}
.kategoriListe2 .liste time,
.kategoriListe2 .liste figcaption,
.kategoriListe2 .liste p {
width: calc(100% - 300px);
}

.kategoriListe2 .liste figure {
width: 275px;
height: 155px;
}
.kategoriListe2 .liste figcaption {
font-size: 18px;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.kategoriListe2 .liste p {
width: calc(100% - 305px);
height: 40px;
-webkit-line-clamp: 2;
font-size: 15px;
line-height: 1.3;
}

.haberDetay .bilgi h1 {
font-size: 3em;
}
.haberDetay .bilgi h2 {
font-size: 1.7em;
}


.kategori .biyografiler .biyografi figure {
width: 180px;
height: 117px;
}
.kategori .biyografiler .biyografi figcaption {
width: calc(100% - 274px);
font-size: 18px;
font-weight: 700;
}
.kategori .biyografiler .biyografi p {
width: calc(100% - 274px);
height: auto;
line-height: 1.3;
font-size: 15px;
-webkit-line-clamp: 3;
}









}

@media screen and (max-width: 980px) {
.reklamCerceve,
.reklamCerceve2 {
display: none;
}

header .logo {
width: calc(100% - 50px);
height: 100%;
float: left;
margin-right: 20px;
}
header .menu {
display: none;
}

.manset {
width: calc(100% - 0px)!important;
float: none;
margin-right: 0px!important;
padding-bottom: 0px!important;
}
.mansetDevami {
width: 100%!important;
margin-left: 0px;
float: none;
padding-top: 20px;
padding-bottom: 10px;
}
.mansetDevami .listeleme {
width: calc(50% - 20px)!important;
float: left;
padding: 12px 10px 0px 10px;
}

.icerikBir .liste {
width: calc(100% - 0px);
}
.icerikBir .liste:nth-of-type(2n),
.icerikBir .liste:nth-of-type(3n),
.icerikBir .liste:nth-of-type(4n),
.icerikBir .liste:nth-of-type(5n),
.icerikBir .liste:nth-of-type(6n),
.icerikBir .liste:nth-of-type(7n) {
width: calc(33.333% - 14px);
}
.icerikBir .liste:nth-of-type(3n) {
margin-right: 20px;
}
.icerikBir .liste:nth-of-type(4n) {
margin-right: 0px;
}
.icerikIki {
width: calc(100% - 0px);
float: none;
margin-right: 0px;
}
.dikReklam {
width: calc(100% - 0px);
height: auto;
}
.videoGaleri .sol .listeleme figure img {
height: 283px;
}
.videoGaleri .sag .scrollbar {
width: 100%;
height: 280px;
}
.icerikUc .listeleme figure {
width: 120px;
}
.icerikUc .listeleme figcaption,
.icerikUc .listeleme time {
width: calc(100% - 135px);
}
.icerikDort .spor {
width: calc(100% - 0px);
float: none;
margin: 0px 0px 0px 0px;
}
.icerikDort .puanDurumu {
width: calc(100% - 30px)!important;
}
.anacanliSonuc {
width: 100%!important;
}
.anacanliSonuc a {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
text-align: center;
}
.anacanliSonuc a img {
display: inline-table;
}
#bultenAlani p {
width: calc(100% - 502px);
}
#bultenAlani .eBultenAbone {
width: calc(280px - 0px);
}

.kategoriListe2 .siteSol {
width: calc(100% - 0px);
float: none;
margin-right: 0px;
}
.kategoriListe2 .siteSag {
display: none;
}


.haberDetay .bilgi h1 {
font-size: 2.5em;
}
.haberDetay .bilgi h2 {
font-size: 1.5em;
line-height: 1.4;
font-weight: 300;
}
.haberDetay article .ilgiliHaber figure,
.haberDetay article .ilgiliGaleri figure {
width: 210px;
height: 140px;
}
.haberDetay article .ilgiliHaber div,
.haberDetay article .ilgiliGaleri div {
width: calc(100% - 250px);
height: 120px;
padding: 20px 20px 0px 20px;
}
.haberDetay article .ilgiliHaber div h3,
.haberDetay article .ilgiliGaleri div h3 {
font-size: 20px;
}

.kategori .siteSol {
width: calc(100% - 0px);
margin-right: 0px;
float: none;
}
.kategori .siteSag {
width: calc(100% - 0px);
margin-right: 0px;
float: none;
}
.sagReklam {
width: 100%;
text-align: center;
}

.sagKurular ul li {
width: calc(33.333% - 44px);
height: auto;
overflow: hidden;
display: block;
padding: 15px 15px 15px 15px;
}
.sagKurular ul li:nth-of-type(2n) {
margin: 0px 20px 20px 0px;
}
.sagKurular ul li:nth-of-type(3n) {
margin: 0px 0px 20px 0px;
}

.vizyonkategori .anaviz {
width: calc(33.333% - 30px);
padding: 10px 10px 5px 10px;
margin: 0px 15px 15px 0px;
}
.vizyonkategori .anaviz:nth-of-type(3n),
.vizyonkategori .anaviz:nth-of-type(12n) {
margin: 0px 0px 15px 0px!important;
}
.vizyonkategori .anaviz:nth-of-type(4n) {
margin-right: 15px;
}
#videoGaleri.haberDetay article .videoIc iframe,
#videoGaleri.haberDetay article .videoIc video,
#videoGaleri.haberDetay article .videoIc embed {
width: 100%;
height: 400px;
}

#fotoGaleri.haberDetay .fotoSol {
width: calc(100% - 0px);
float: left;
margin-right: 0px;
}

#fotoGaleri.haberDetay .fotoSag {
width: calc(100% - 0px);
}


.videoGaleri .sol {
width: calc(100% - 0px);
float: none;
margin: 0px 0px 0px 0px;
}
.videoGaleri .sag {
width: 100%;
margin-top: 5px;
}
.haberDetay .siteSag,
.haberDetay .siteSol,
.vizyonkategori .siteSol {
width: calc(100% - 0px);
height: auto;
float: none;
margin-right: 0px;
}
.haberDetay .sagReklam:nth-of-type(1n) {
display: block;
}
.haberDetay .sagReklam.sag2r {
display: none;
}
.haberDetay .kayanReklam,
.haberDetay .sagSondk,
.haberDetay .sagKurular,
.vizyonkategori .siteSag {
display: none;
}

.sayfaSol {
width: calc(100% - 0px);
float: none;
margin-right: 0px;
}
.sayfaSag {
width: calc(100% - 0px);
margin-top: 20px;
}

.yeniEkonomi {
width: calc(100% - 30px);
float: none;
margin-right: 0px;
padding: 15px 15px 15px 15px;
}

#fogal2 {
display: block;
}
#fogal2 .siteSag {
display: none;
}
#fogal2 .siteSol {
width: calc(100% - 0px);
float: unset;
margin-right: 0px;
}

}

@media screen and (max-width: 768px) {

.kutular a div i {
font-size: 20px!important;
}
.kutular a div strong {
width: 70px!important;
font-size: 14px!important;
}
#mansetSol {
width: calc(100% - 0px)!important;
float: none!important;
margin-right: 0px!important;
}
#mansetSag {
width: calc(100% - 0px)!important;
margin-top: 20px!important;
}
.manset figure img {
height: 373px!important;
}
.mansetSol figure img,
.mansetSag figure img {
height: 330px!important;
}
#mansetSol,
#mansetSag {
background: #000000;
}
.icerikUc {
width: calc(100% - 0px);
float: none;
}
.dikReklam160 {
width: calc(100% - 0px);
height: auto;
float: none;
margin: 20px 0px 0px 0px;
}


.aburcReklam {
width: calc(100% - 0px);
margin: 0px 0px 15px 0px;
float: none;
background: #ffffff;
}
.anaBurclar {
width: calc(100% - 30px)!important;
}
.anaBurclar .anaBurc figure,
.anaBurclar .anaBurc figure img {
width: 26px!important;
height: 26px!important;
}
.anaBurclar .anaBurc figcaption {
font-size: 12px!important;
}

.kategoriListe2 .liste {
margin-bottom: 10px;
}
.kategoriListe2 .liste figure {
width: 249px;
height: 140px;
}
.kategoriListe2 .liste time,
.kategoriListe2 .liste figcaption,
.kategoriListe2 .liste p {
width: calc(100% - 275px);
}
.kategoriListe2 .liste p {
display: none;
}
.kategori .biyografiler .biyografi figure {
width: 180px;
height: 117px;
}
.kategori .biyografiler .biyografi figcaption {
width: calc(100% - 274px);
font-size: 18px;
font-weight: 700;
}
.kategori .biyografiler .biyografi p {
width: calc(100% - 195px);
height: auto;
line-height: 1.3;
font-size: 15px;
-webkit-line-clamp: 3;
}
.konuiciReklam {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
text-align: center;
float: none;
margin-right: 0px;
margin-bottom: 20px;
}
#bultenAlani img {
margin-bottom: 15px;
}
#bultenAlani p {
width: calc(100% - 202px);
margin-right: 0px;
margin-bottom: 15px;
}
#bultenAlani .eBultenAbone {
width: calc(100% - 0px);
}


#resmiilan .resmiilan {
width: calc(50% - 8px);
margin-top: 15px;
margin-right: 15px;
}
#resmiilan .resmiilan:nth-of-type(2n) {
margin-right: 0px;
}

.yeniEkonomi .listeleme {
width: calc(100% - 0px);
float: none;
margin-right: 0px;
margin-bottom: 15px;
}


footer .nav {
width: calc(100% - 0px);
float: none;
margin-right: 0px;
margin-top: 15px;
}
footer .nav strong {
width: calc(100% - 30px);
height: 50px;
line-height: 50px;
overflow: hidden;
display: block;
cursor: pointer;
background: var(--siyahBG);
color: var(--beyaz);
padding: 0px 15px;
font-size: 16px;
}
footer .nav:nth-of-type(1n) strong {
display: block;
}
footer .nav ul {
width: calc(100% - 30px);
padding: 0px 15px;
max-height: 0;
overflow:hidden;
transition: max-height 0.5s ease-out;
margin-top: 10px;
}
footer .nav strong:after {
width: 20px!important;
height: auto;
content: "+";
float: right;
background: transparent;
left: calc(100% - 20px);
}
footer .nav.open strong:after {
content: "-";
width: 20px!important;
height: auto;
float: right;
background: transparent;
left: calc(100% - 20px);
}
footer .nav.open ul {
height:auto;
max-height: 500px;
transition: max-height 0.5s ease-in !important;
}
footer .nav:last-child strong {
display: block;
}
footer .nav ul li:last-child {
margin-bottom: 15px;
}
footer .nav .adresBilgileri {
margin-bottom: 0px;
}
}

@media screen and (max-width: 640px) {
.top40 {
margin-top: 20px;
}
.top20 {
margin-top: 20px;
}
.ortala {
width: calc(100% - 20px);
max-width: calc(1180px - 20px);
padding: 0px 10px;
}
.gizle {
display: none!important;
}
.manset {
background: #000000;
}
.manset figure img {
width: 100%;
height: 250px!important;
}
.manset figcaption {
width: calc(100% - 30px)!important;
bottom: 10px!important;
left: 15px!important;
font-size: 18px!important;
position: relative!important;
}
.manset strong {
display: none!important;
}
.manset time {
left: 15px!important;
position: relative!important;
bottom: 0px!important;
}
.manset .swiper-pagination-bullet {
font-size: 12px!important;
}
.mansetDevami {
padding-top: 15px!important;
}
.mansetDevami .listeleme {
width: calc(100% - 30px)!important;
float: none!important;
padding: 12px 15px 0px 15px!important;
}

.kutular a {
width: calc(33.333% - 10px)!important;
margin: 0px 15px 0px 0px!important;
}
.kutular a:nth-of-type(3n) {
margin: 0px 0px 0px 0px!important;
}
.kutular a:nth-of-type(4n),
.kutular a:nth-of-type(5n) {
margin: 15px 15px 0px 0px!important;
}
.kutular a:nth-of-type(6n) {
margin: 15px 0px 0px 0px!important;
}
.kutular a div i {
font-size: 20px!important;
}
.kutular a div strong {
width: 70px!important;
font-size: 14px!important;
}

.mansetSol figure img,
.mansetSag figure img {
height: 230px!important;
}
.mansetSol figcaption,
.mansetSag figcaption {
bottom: 10px!important;
left: 15px!important;
font-size: 18px!important;
position: relative!important;
}
.mansetSol strong,
.mansetSag strong {
display: none!important;
}
.mansetSol time,
.mansetSag time {
left: 15px!important;
position: relative!important;
bottom: 0px!important;
}

.anaBaslik h2 {
font-size: 20px;
padding-right: 15px;
}
.anaBaslik div {
height: 5px;
bottom: 5px;
}
.anaBaslik a {
font-size: 10px;
bottom: 3px;
padding-left: 15px;
}
.listeReklam {
max-height: 100%!important;
padding: 0px 0px 0px 0px!important;
}
.icerikBir .liste,
.icerikIki .liste,
.icerikDort .spor .liste {
width: calc(100% - 30px)!important;
padding: 15px 15px 15px 15px;
margin-top: 5px;
margin-right: 0px;
}
.icerikBir .liste figure,
.icerikIki .liste figure,
.icerikDort .spor .liste figure {
width: 120px;
height: 102px;
float: left;
margin-right: 15px;
}
.icerikBir .liste figcaption,
.icerikBir .liste time,
.icerikIki .liste figcaption,
.icerikIki .liste time,
.icerikDort .spor .liste figcaption,
.icerikDort .spor .liste time {
width: calc(100% - 135px);
}

.anaBurclar .anaBurc {
width: calc(25% - 0px)!important;
}
.videoGaleri .sol {
margin-bottom: 15px;
border-bottom: 1px solid rgb(255 255 255 / 25%);
padding-bottom: 15px;
}
.videoGaleri .sol .listeleme figcaption {
font-size: 18px;
left: 0px;
position: relative;
bottom: 0px;
}
.videoGaleri .sol .listeleme time {
left: 0px;
position: relative;
bottom: 0px;
}

#anaVizyon {
padding: 20px 0px 30px 0px!important;
}
#anaVizyon h2 {
width: calc(100% - 0px);
padding: 0px 0px 30px 0px!important;
font-size: 18px!important;
letter-spacing: 5px!important;
}

#bultenAlani {
text-align: center;
}
#bultenAlani img {
float: none;
margin-right: 0px;
padding-right: 0px;
border-right: 0px;
display: inline-table;
}
#bultenAlani p {
width: calc(100% - 0px);
margin-right: 0px;
margin-bottom: 15px;
}

.icerikDort .spor .liste time {
margin: 0px 10px 5px 10px;
}

.kategoriListe .liste {
width: calc(100% - 0px);
float: none;
margin-bottom: 10px;
margin-right: 0px;
}
.kategoriListe .liste figure {
width: 120px;
height: 120px;
float: left;
margin-right: 15px;
}
.kategoriListe .liste time,
.kategoriListe .liste figcaption {
width: calc(100% - 140px);
}
.kategoriListe .liste:nth-of-type(3n) {
margin-bottom: 10px;
}
.kategoriListe .liste time {
margin: 0px 10px 5px 10px;
padding-top: 10px;
}

.kategoriListe2 .liste figure {
width: 177px;
height: 100px;
}
.kategoriListe2 .liste time,
.kategoriListe2 .liste figcaption,
.kategoriListe2 .liste p {
width: calc(100% - 195px);
}
.kategoriListe2 .liste figcaption {
font-size: 16px;
line-height: 1.4;
}
.kategoriListe2 .liste p {
display: none;
}

.haberDetay .bilgi ul.breadcrumbs li:nth-of-type(2n) {
width: calc(100% - 150px);
font-size: 18px;
padding-left: 30px;
}
.haberDetay .bilgi ul.breadcrumbs li:nth-of-type(2n):before {
width: 10px;
height: 4px;
top: calc(50% - 2px);
left: 15px;
}
.haberDetay .bilgi ul.breadcrumbs li:nth-of-type(2n):after {
width: 10px;
height: 4px;
top: calc(50% - 2px);
}
.haberDetay .bilgi ul.breadcrumbs p {
width: 120px;
line-height: 1.6;
font-size: 12px;
}


.haberDetay .bilgi h1 {
font-size: 2em;
}
.haberDetay .bilgi h2 {
font-size: 1.5em;
line-height: 1.4;
font-weight: 300;
}

.haberDetay .tarih strong {
width: calc(100% - 0px);
float: none;
font-size: 12px;
}


.haberDetay article p {
font-size: 1.3em;
line-height: 1.4;
font-weight: 300;
}
.haberDetay article .ilgiliHaber figure,
.haberDetay article .ilgiliGaleri figure {
display: none;
}
.haberDetay article .ilgiliHaber div,
.haberDetay article .ilgiliGaleri div {
width: calc(100% - 40px);
height: auto;
padding: 20px 20px 20px 20px;
}
.haberDetay article .ilgiliHaber div h3,
.haberDetay article .ilgiliGaleri div h3 {
height: 50px;
-webkit-line-clamp: 2;
}
.ilginiziCekebilir {
width: calc(100% - 30px);
padding: 15px 15px 15px 15px;
margin-top: 40px;
}
.ilginiziCekebilir ul li {
width: calc(100% - 20px);
padding: 10px 10px 10px 10px;
}
.ilginiziCekebilir ul li a {
font-size: 14px;
}
.haberDetay article .etiketler a {
height: 28px;
line-height: 28px;
font-size: 12px;
padding: 0px 10px;
}
.kategori .biyografiler .biyografi {
margin-bottom: 10px;
}
.kategori .biyografiler .biyografi figure {
width: 150px;
height: 97px;
}
.kategori .biyografiler .biyografi figcaption {
width: calc(100% - 274px);
font-size: 16px;
font-weight: 700;
-webkit-line-clamp: 1;
}
.kategori .biyografiler .biyografi p {
width: calc(100% - 195px);
height: auto;
line-height: 1.3;
font-size: 15px;
-webkit-line-clamp: 2;
}
.sagKurular ul li div {
width: calc(100% - 0px);
}
.sagKurular ul li div strong {
width: 75px;
font-size: 14px;
}

.kategori.ekonomi .katliste .liste {
width: calc(100% - 0px);
float: none;
margin-bottom: 10px;
margin-right: 0px;
}
.kategori.ekonomi .katliste .liste figure {
width: 120px;
height: 120px;
float: left;
margin-right: 15px;
}
.kategori.ekonomi .katliste .liste time,
.kategori.ekonomi .katliste .liste figcaption {
width: calc(100% - 140px);
}
.kategori.ekonomi .katliste .liste:nth-of-type(3n) {
margin-bottom: 10px;
}
.kategori.ekonomi .katliste .liste time {
margin: 0px 10px 5px 10px;
padding-top: 10px;
}
.vizyonkategori .anaviz figure img {
height: 177px;
}

.kategoriilanlar2 .liste {
width: calc(50% - 13.333px);
margin-bottom: 20px;
margin-right: 20px;
}
.kategoriilanlar2 .liste:nth-of-type(2n) {
margin-bottom: 20px;
margin-right: 0px!important;
}
.kategoriilanlar2 .liste:nth-of-type(3n) {
margin-bottom: 20px;
margin-right: 20px;
}










footer .sosyalMedya {
margin-top: 30px;
margin-bottom: 10px;
}
footer .sosyalMedya a {
width: 36px;
height: 36px;
line-height: 36px;
display: inline-block;
font-size: 18px;
margin: 0px 5px;
}
footer {
padding: 0px 0px 30px 0px;
}
footer .nav {
padding-right: 0px;
}
}

@media screen and (max-width: 400px) {
.videoGaleri .sol {
margin-bottom: 15px;
}
.videoGaleri .sol .listeleme figure img {
height: 185px;
}
.videoGaleri .sol .listeleme figcaption {
font-size: 18px;
left: 0px;
position: relative;
bottom: 0px;
}
.videoGaleri .sol .listeleme time {
left: 0px;
position: relative;
bottom: 0px;
}



}