@charset "UTF-8";
    
    body {
        overflow-x: hidden;
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%;
        background-color: #eee;
    }
    
    a,
    abbr,
    acronym,
    address,
    applet,
    b,
    big,
    blockquote,
    body,
    button,
    caption,
    center,
    cite,
    code,
    dd,
    del,
    dfn,
    div,
    dl,
    dt,
    em,
    fieldset,
    font,
    form,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    html,
    i,
    iframe,
    img,
    ins,
    kbd,
    label,
    legend,
    li,
    object,
    ol,
    p,
    pre,
    q,
    s,
    samp,
    small,
    span,
    strike,
    strong,
    sub,
    sup,
    table,
    tbody,
    td,
    tfoot,
    th,
    thead,
    tr,
    tt,
    u,
    ul,
    var {
        margin: 0;
        padding: 0;
        outline: 0;
        /* font-weight: 400; */
    }
    
    ol,
    ul {
        list-style: none;
    }
    ol > li::marker {
	  font-weight: bold;
	}
	
	table ,tr, td,tbody,th,thead {
		
		
	}
    blockquote,
    q {
        quotes: none
    }
    
    blockquote:after,
    blockquote:before {
        content: '';
        content: none
    }
    
    q:after,
    q:before {
        content: '';
        content: none
    }
    
    :focus {
        outline: 0
    }
    
    ins {
        text-decoration: none
    }
    
    del {
        text-decoration: line-through
    }
    
    table {
        border-collapse: collapse;
        border-spacing: 0
    }
    
    button {
        outline: 0 !important;
        background: none;
        border: none;
        cursor: pointer;
    }
    
    .cf:after,
    .cf:before {
        content: " ";
        display: table
    }
    
    .cf:after {
        clear: both
    }
    
    a {
        text-decoration: none;
        -webkit-transition: opacity .4s;
        -o-transition: opacity .4s;
        transition: opacity .4s;
        color: inherit;
    }
    
    a img {
        -webkit-transition: opacity .4s;
        -o-transition: opacity .4s;
        transition: opacity .4s
    }
    
    
    .clear {
        clear: both
    }
    
    * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-family: 'Helvetica Neue', 'sans-serif';
    }
    
    .marginTop-20 {
        margin-top: 20px;
    }
    
    .marginBottom-20 {
        margin-bottom: 20px;
    }
    
    @font-face {
        font-family: 'Metropolis';
        src: url('fonts/Metropolis-Bold.eot');
        src: url('fonts/Metropolis-Bold.eot?#iefix') format('embedded-opentype'),
            url('fonts/Metropolis-Bold.woff2') format('woff2'),
            url('fonts/Metropolis-Bold.woff') format('woff'),
            url('fonts/Metropolis-Bold.ttf') format('truetype'),
            url('fonts/Metropolis-Bold.svg#Metropolis-Bold') format('svg');
        font-weight: bold;
        font-style: normal;
        font-display: swap;
    }
    
    @font-face {
        font-family: 'Helvetica Neue';
        src: url('fonts/HelveticaNeue.eot');
        src: url('fonts/HelveticaNeue.eot?#iefix') format('embedded-opentype'),
            url('fonts/HelveticaNeue.woff2') format('woff2'),
            url('fonts/HelveticaNeue.woff') format('woff'),
            url('fonts/HelveticaNeue.ttf') format('truetype'),
            url('fonts/HelveticaNeue.svg#HelveticaNeue') format('svg');
        font-weight: normal;
        font-style: normal;
        font-display: swap;
    }
    
    @font-face {
        font-family: 'Helvetica Bold';
        src: url('fonts/HelveticaNeue-Bold.eot');
        src: url('fonts/HelveticaNeue-Bold.eot?#iefix') format('embedded-opentype'),
            url('fonts/HelveticaNeue-Bold.woff2') format('woff2'),
            url('fonts/HelveticaNeue-Bold.woff') format('woff'),
            url('fonts/HelveticaNeue-Bold.ttf') format('truetype'),
            url('fonts/HelveticaNeue-Bold.svg#HelveticaNeue-Bold') format('svg');
        font-weight: bold;
        font-style: normal;
        font-display: swap;
    }
    
    @font-face {
        font-family: 'Metropolis Extra';
        src: url('fonts/Metropolis-ExtraBold.eot');
        src: url('fonts/Metropolis-ExtraBold.eot?#iefix') format('embedded-opentype'),
            url('fonts/Metropolis-ExtraBold.woff2') format('woff2'),
            url('fonts/Metropolis-ExtraBold.woff') format('woff'),
            url('fonts/Metropolis-ExtraBold.ttf') format('truetype'),
            url('fonts/Metropolis-ExtraBold.svg#Metropolis-ExtraBold') format('svg');
        font-weight: bold;
        font-style: normal;
        font-display: swap;
    }
    
    @font-face {
        font-family: 'Metropolis';
        src: url('fonts/Metropolis-Light.eot');
        src: url('fonts/Metropolis-Light.eot?#iefix') format('embedded-opentype'),
            url('fonts/Metropolis-Light.woff2') format('woff2'),
            url('fonts/Metropolis-Light.woff') format('woff'),
            url('fonts/Metropolis-Light.ttf') format('truetype'),
            url('fonts/Metropolis-Light.svg#Metropolis-Light') format('svg');
        font-weight: 300;
        font-style: normal;
        font-display: swap;
    }
    
    @font-face {
        font-family: 'Metropolis';
        src: url('fonts/Metropolis-Medium.eot');
        src: url('fonts/Metropolis-Medium.eot?#iefix') format('embedded-opentype'),
            url('fonts/Metropolis-Medium.woff2') format('woff2'),
            url('fonts/Metropolis-Medium.woff') format('woff'),
            url('fonts/Metropolis-Medium.ttf') format('truetype'),
            url('fonts/Metropolis-Medium.svg#Metropolis-Medium') format('svg');
        font-weight: 500;
        font-style: normal;
        font-display: swap;
    }
    
    .row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    
    .col-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.3333%;
        -ms-flex: 0 0 8.3333%;
        flex: 0 0 8.3333%;
        max-width: 8.3333%;
    }
    
    .col-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.666%;
        -ms-flex: 0 0 16.666%;
        flex: 0 0 16.666%;
        max-width: 16.666%;
    }
    
    .col-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 24.99%;
        -ms-flex: 0 0 24.99%;
        flex: 0 0 24.99%;
        max-width: 24.99%;
    }
    
    .col-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33%;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
    
    .col-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.65%;
        -ms-flex: 0 0 41.65%;
        flex: 0 0 41.65%;
        max-width: 41.65%;
    }
    
    .col-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 49.9998%;
        -ms-flex: 0 0 49.998%;
        flex: 0 0 49.9998%;
        max-width: 49.9998%;
    }
    
    
    .col-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.31%;
        -ms-flex: 0 0 58.31%;
        flex: 0 0 58.31%;
        max-width: 58.31%;
    }
    
    .col-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66%;
        -ms-flex: 0 0 66.66%;
        flex: 0 0 66.66%;
        max-width: 66.66%;
    }
    
    .col-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 74.999%;
        -ms-flex: 0 0 74.999%;
        flex: 0 0 74.999%;
        max-width: 74.999%;
    }
    
    .col-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.3333%;
        -ms-flex: 0 0 83.3333%;
        flex: 0 0 83.3333%;
        max-width: 83.3333%;
    }
    
    .col-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.666%;
        -ms-flex: 0 0 91.666%;
        flex: 0 0 91.666%;
        max-width: 91.666%;
    }
    
    .col-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .enustKisim {
    background-color: #000000;
}
    .enustKisim .container {}
    .enustKisim ul {
    display: flex;
    justify-content: end;
}
    .enustKisim ul li {
    padding: 10px 15px;
    border-right: 1px solid #404040dd;
    color: #fff;
}
    .enustKisim ul li a {
    font-family: 'Helvetica Neue','sans-serif';
    font-size: 14px;
}
    .enustKisim ul li:hover a {
    color: #e20a17;
}
    .enustKisim ul li:last-child {}
    header {
        width: 100%;
    }
    
    header .ustKisim {
        background-color: #e20a17;
        padding: 12px 0;
    }
    
    .container {
        width: 1110px;
        margin: 0 auto;
    }
    
    header .ustKisim .container {
        display: flex;
        justify-content: space-between;
    }
    
    header .logo {}
    
    header .logo img {
        width: 160px;
    }
    
    header .header_menu {
        display: flex;
        text-align: center;
        justify-content: space-around;
        align-items: center;
        width: 870px;
    }
    
    header .header_menu a {
        color: #fff;
        font-size: 14px;
        font-family: 'Helvetica Bold', 'Arial';
    }
    
    header .sideBar {
        justify-content: center;
        display: flex;
        align-items: center;
    }
    
    header .sideBar i {
        color: #fff;
        font-size: 18px;
        cursor: pointer;
    }
    
    header .aramaButon {
        justify-content: center;
        display: flex;
        align-items: center;
    }
    
    header .aramaButon i {
        color: #fff;
        font-size: 18px;
        cursor: pointer;
    }
    
    .sonDakikaKismi {
        background-color: #363535;
    }
    
    .sonDakikaKismi .container {
        display: flex;
        justify-content: space-between;
    }
    
    .sonDakikaKismi .sonDakikaBandi {
        display: flex;
        /* height: 50px; */
    }
    
    .sonDakikaBandi .baslik {
        color: #fff;
        font-size: 18px;
        font-family: "Helvetica Bold", Arial;
        display: flex;
        align-items: center;
    }
    
    .sonDakikaBandi .sonDakikaButonlar {
        display: flex;
        align-items: center;
        padding: 0 10px;
        height: 52px;
        justify-content: center;
    }
    
    .sonDakikaBandi .sonDakikaButonlar i {
        color: #fff;
        padding: 0 5px;
        font-size: 16px;
    }
    
    .sonDakikaHaberler {
        height: 45px !important;
        display: flex;
        align-items: center;
        width: 600px;
        overflow: hidden;
        line-height: 40px !important;
    }
    
    .sonDakikaHaberler .bn-news {
        width: 100%;
        height: 100%;
    }
    
    .sonDakikaHaberler .bn-news ul {
        display: flex;
        flex-direction: column;
        width: 100%;
        overflow: hidden;
        height: 42px;
        justify-content: center;
        line-height: 44px;
    }
    
    .sonDakikaHaberler .bn-news ul li {
        height: 42px;
        overflow: hidden;
    }
    
    .sonDakikaHaberler .bn-news ul li a {
        color: #ffff;
        font-size: 14px;
        width: 545px;
        font-family: "Helvetica Bold", Arial;
        display: block;
    }
    
    .sonDakikaHaberler .bn-news ul li a span {
        color: #fff;
    }
    
    .sonDakikaHaberler .bn-news ul li a i {
        padding: 0 5px;
    }
    
    .typed-cursor {
        opacity: 1;
        animation: blink .7s infinite;
        font-style: initial;
    }
    
    @keyframes blink {
        0% {
            opacity: 1;
        }
    
        50% {
            opacity: 0;
        }
    
        100% {
            opacity: 1;
        }
    }
    
    .namazveHavaDurumu {
        /* width: 320px; */
        display: flex;
        color: #fff;
        align-items: center;
        padding: 10px 0;
        font-weight: bold;
        font-family: "Helvetica Bold", Arial;
        justify-content: space-between;
    } 
    
    .namazveHavaDurumu   select {
        background-color: transparent;
        color: #fff;
        border: none;
        margin-bottom: 5px;
        margin-right: 15px;
        font-size: 16px;
        width: 120px;
    }
    .namazveHavaDurumu  option{
    	color:#000;
    	text-align: left;
    }
    
    
    #havaVeNamazVakitleri {
    	display:flex;
    }
	#havaVeNamazVakitleri i{ }
	#havaVeNamazVakitleri p { 
		font-size:14px;
		padding-left:10px;
	}
	 
    .namazveHavaDurumu .namazVakti {
        display: flex;
        padding-right: 15px;
    }
    
    .namazveHavaDurumu .namazVakti .vakit {
        font-size: 12px;
        padding-right: 10px;
        width: 50px;
    }
    
    .namazveHavaDurumu .namazVakti .icon {}
    
    .namazveHavaDurumu .namazVakti .saat {
        font-size: 18px;
        display: flex;
        align-items: center;
    }
    
    .namazveHavaDurumu .havaDurumu {
        display: flex;
        padding-left: 15px;
        border-left: 2px solid #5e5e5e;
    }
    
    .namazveHavaDurumu .havaDurumu li {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
    
    .namazveHavaDurumu .havaDurumu li .durumBilgisi {
        font-size: 12px;
        padding-right: 10px;
    }
    
    .namazveHavaDurumu .havaDurumu li img.havaIcon {}
    
    .namazveHavaDurumu .havaDurumu li .derece {
        font-size: 18px;
    }
    
    .anasayfa {
        width: 100%;
    }
    
    .superManset {
        display: flex;
        margin-top: 20px;
    }
    
    .superManset li {
        width: 280px;
        margin-right: 15px;
    }
    
    .superManset li:hover span {
        color: #c90914;
    }
    
    
    .superManset li:last-child {
        margin-right: 0;
    }
    
    .superManset li a {
        display: flex;
        flex-direction: column;
    }
    
    .superManset li img {
        width: 100%;
    }
    
    .superManset li span {
        padding: 10px;
        font-family: "Metropolis Bold", Arial;
        overflow: hidden;
        font-weight: bold;
        background-color: #fff;
        height: 70px;
        font-size: 16px;
    }
    
    .superManset li:hover {}
    
    .superManset li:hover span {}
    
    
    .mansetBolumu {
        display: flex;
        width: 100%;
        flex-direction: row;
        justify-content: space-between;
    }
    
    .manset {
        float: left;
        width: 730px;
    }
    
    .manset .swiper-slide {
        float: left;
        width: 100%;
        height: 430px;
    }
    
    .manset .swiper-slide .baslik {
	display:none;
	position: absolute;
        bottom: 0px;
        color: #fff;
        width: 100%;
        text-align: left;
        left: 0;
        background-color: rgb(220 41 43 / 80%);
        width: 100%;
        padding: 10px;
        font-size: 30px;
        text-shadow: 1px 1px 1px #000;
        font-family: 'Helvetica Bold', 'Metropolis';
    }
    
    .manset .swiper-slide img {
        float: left;
        width: 100%;
        height: 100%
    }
    
    .manset .sayfala {
        width: 100%;
        display: flex;
        justify-content: space-around;
    }
    
    .manset .swiper-pagination-bullet {
        float: left;
        background-color: #fff;
        border-radius: inherit;
        text-align: center;
        padding: 10px 0;
        opacity: 1;
        height: inherit;
        margin: 0 !important;
        width: 100%;
        font-family: "Helvetica Bold", Arial;
        font-size: 14px;
        color: #000;
    }
    
    .manset .sayfala .swiper-pagination-bullet-active {
        background-color: #e20a17;
        color: #fff
    }
    
    .manset .sayfala .swiper-pagination-bullet-active a {
        color: #fff !important;
    }
    
    .mansetTumu {
        float: left;
        background-color: #fff;
        padding: 10px 0;
        font-size: 14px;
        width: 58px;
        text-align: center;
        font-family: "Helvetica Bold", Arial;
    }
    
    .mansetTumu:hover {
        background-color: #A71111;
    }
    
    .mansetTumu:hover a {
        color: #fff;
    }
    
    .sagMansetBolumu {
        width: 365px;
    }
    
    .sagMansetBolumu img {
        width: 100%;
        height: auto;
    }
    
    .anasayfaDovizKurlari {
        width: 100%;
        background-color: #fff;
        padding: 15px;
    }
    
    .anasayfaDovizKurlari ul {
        display: flex;
        width: 100%;
        justify-content: space-between;
    }
    
    .anasayfaDovizKurlari ul li {
        padding: 0 15px;
        width: 100%;
        border-right: 1px solid #ddd;
        text-align: center;
    }
    
    .anasayfaDovizKurlari ul li:last-child {
        border-right: none;
        padding-right: 0;
    }
    
    .anasayfaDovizKurlari ul li:first-child {
        padding-left: 0;
    }
    
    
    .anasayfaDovizKurlari ul li .kurAdi {
        font-family: 'Helvetica Bold', 'Arial';
    }
    
    .anasayfaDovizKurlari ul li .kurIcon {
        font-size: 18px;
        padding: 10px 0;
    }
    
    .anasayfaDovizKurlari ul li .kurIcon i {}
    
    .anasayfaDovizKurlari ul li .kurBilgisi {
        font-family: 'Helvetica Bold', 'Arial';
        font-size: 14px;
        display: flex;
        justify-content: space-evenly;
    
    }
    
    .anasayfaDovizKurlari ul li .kurBilgisi b {
        float: l;
    }
    
    .anasayfaDovizKurlari ul li .kurBilgisi p {
        padding: 3px;
        font-size: 12px;
        color: #fff;
        font-family: 'Metropolis', 'HelveticaNeue', 'Arial';
        border-radius: 3px;
    }
    
    .anasayfaDovizKurlari ul li.yukari .kurIcon {
    
    
        -webkit-animation: yukariSlide 1.3s linear infinite;
        animation: yukariSlide 1.2s linear infinite;
    }
    
    
    .anasayfaDovizKurlari ul li.yukari .kurIcon i {
        color: #17c684;
    }
    
    .anasayfaDovizKurlari ul li.yukari .kurBilgisi p {
        background-color: #17c684;
    }
    
    .anasayfaDovizKurlari ul li.asagi .kurIcon {
    
    
        -webkit-animation: asagiSlide 1.3s linear infinite;
        animation: asagiSlide 1.2s linear infinite;
    }
    
    .anasayfaDovizKurlari ul li.asagi .kurIcon i {
        color: #f00;
    }
    
    .anasayfaDovizKurlari ul li.asagi .kurBilgisi p {
        background-color: #f00;
    }
    
    @keyframes yukariSlide {
        0% {
            transform: translateY(0);
        }
    
        50% {
            transform: translateY(-5px);
        }
    
        100% {
            transform: translateY(0);
        }
    }
    
    @keyframes asagiSlide {
        0% {
            transform: translateY(0);
        }
    
        50% {
            transform: translateY(5px);
        }
    
        100% {
            transform: translateY(0);
        }
    }
    
    
    .ikinciSuperManset {
        display: flex;
        margin-top: 20px;
        justify-content: space-between;
    }
    
    .ikinciSuperManset li {
        width: 20%;
        margin-right: 15px;
        position: relative;
        height: 300px;
        background-size: cover;
        background-position: center center;
    }
    
    .ikinciSuperManset li:last-child {
        margin-right: 0;
    }
    
    .ikinciSuperManset li a {
        display: flex;
        height: 100%;
        flex-direction: column;
    }
    
    .ikinciSuperManset li img {
        width: auto;
        position: absolute;
        height: 100%;
    }
    
    .ikinciSuperManset li span {
        padding: 30px 10px 10px 10px;
        overflow: hidden;
        font-weight: bold;
        transition: padding-bottom ease 0.5s;
        text-shadow: 1px 1px 1px #000000;
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgb(0 0 0)));
        background-image: linear-gradient(rgb(0 0 0 / 1%), rgb(0 0 0));
        font-family: 'Helvetica Bold', 'Metropolis';
        color: #fff;
        position: absolute;
        bottom: 0;
        width: 100%;
        font-size: 18px;
    }
    
    .ikinciSuperManset li:hover {}
    
    .ikinciSuperManset li:hover span {
        padding-bottom: 20px;
        transition: padding-bottom ease 0.5s;
    }
    
    .anasayfaYazarlarBolumu {
        background-color: #fff;
        padding: 20px;
        display: flex;
        flex-direction: column;
    }
    
    .anasayfaYazarlarBolumu .yazarlarUstKisim {
        display: flex;
        justify-content: space-between;
    }
    
    .anasayfaYazarlarBolumu .yazarlarUstKisim .baslik {
        width: 900px;
        font-family: 'Helvetica Bold', 'Metropolis';
        font-size: 18px;
        border-left: 5px solid #f00;
        padding-left: 10px;
    }
    
    .anasayfaYazarlarBolumu .yazarlarUstKisim .tumYazalar {
        font-family: 'Helvetica Bold', 'Metropolis';
    }
    
    .anasayfaYazarlarBolumu .yazarlarUstKisim .tumYazalar:hover {
        color: #c90914;
    }
    
    .anasayfaYazarlarBolumu .yazarlarUstKisim .sliderKontrol {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .anasayfaYazarlarBolumu .yazarlarUstKisim .sliderKontrol i {
        padding-left: 10px;
        cursor: pointer;
    }
    
    .anasayfaYazarlarBolumu .yazarlarUstKisim .sliderKontrol i:hover {
        color: #c90914;
    }
    
    .anasayfaYazarlarBolumu .yazarlarBolumu {
        margin-top: 20px;
    }
    
    .anasayfaYazarlarBolumu .yazarlarBolumu .swiper-slide {
        text-align: center;
        background-color: #eaeaea;
        padding: 10px;
        /* height: 315px; */
    }
    
    .anasayfaYazarlarBolumu .yazarlarBolumu .swiper-slide a {}
    
    .anasayfaYazarlarBolumu .yazarlarBolumu .swiper-slide img {
        max-height: 145px;
    }
    
    .anasayfaYazarlarBolumu .yazarlarBolumu .yaziIcerik {
        padding: 10px 0;
    }
    
    .anasayfaYazarlarBolumu .yazarlarBolumu .swiper-slide:hover p {
        color: #c90914;
    }
    
    .anasayfaYazarlarBolumu .yazarlarBolumu .yaziIcerik b {
        font-family: 'Helvetica Bold', 'Arial';
        font-size: 14px;
    }
    
    .anasayfaYazarlarBolumu .yazarlarBolumu .yaziIcerik p {
        font-family: 'Helvetica Bold', 'Arial';
        padding: 10px 0;
    }
    
    .anasayfaYazarlarBolumu .yazarlarBolumu .swiper-slide:hover {
        background-color: #ddd;
    }
    
    .anasayfaHaberleri {
        display: grid;
        grid-template-columns: auto auto auto auto;
        grid-gap: 20px;
    }
    
    .anasayfaHaberleri li:hover span {
        color: #c90914;
    }
    
    .anasayfaHaberleri li img {
        width: 100%;
        height: 170px;
    }
    
    .anasayfaHaberleri li span {
        padding: 10px;
        font-family: "Metropolis Bold", Arial;
        overflow: hidden;
        font-weight: bold;
        background-color: #fff;
        width: 100%;
        display: block;
        height: 75px;
    }
    
	.basinIlanHaberleri {
		display: grid;
		grid-template-columns: 32% 32% 32%;
		grid-gap: 20px;
		}
	.basinIlanHaberleri  span   {
		padding: 10px;
    font-family: "Metropolis Bold", Arial;
    overflow: hidden;
    font-weight: bold;
    background-color: #fff;
    width: 100%;
    display: block;
    height:60px;
	}
	.basinIlanHaberleri   img {
    width: 100%;
    height: auto;
    min-height: 160px;
    }
	 .basinIlanHaberleri   span {
        padding: 10px;
        font-family: "Metropolis Bold", Arial;
        overflow: hidden;
        font-weight: bold;
        background-color: #fff;
        width: 100%;
        display: block;
        height: 75px;
    }
	
	
	
    .anasayfaKategoriHaberleri {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    
    .anasayfaKategoriHaberleri .ustKisim {
        width: 100%;
        padding: 15px 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        display: none;
    }
    
    .sporHaberleri .ustKisim {
        /* background-color: #267f45; */
    }
    
    .sporHaberleri .bolum {}
    
    .ekonomiHaberleri .ustKisim {
        /* background-color: #2196F3; */
    }
    
    .ekonomiHaberleri .bolum {}
    
    .anasayfaKategoriHaberleri .baslik {
        font-family: 'Helvetica Bold', 'Arial';
        /* color: #fff; */
        font-size: 24px;
    }
    
    .anasayfaKategoriHaberleri .kategoriLinki {
        /* color: #fff; */
        font-family: 'Helvetica Bold', 'Arial';
        font-size: 14px;
    }
    
    .anasayfaKategoriHaberleri .kategoriLinki i {
        padding-left: 10px;
    }
    
    .anasayfaKategoriHaberleri .bolumler {
        display: flex;
    }
    
    .anasayfaKategoriHaberleri .bolumler div:last-child {
        margin-right: 0;
    }
    
    .anasayfaKategoriHaberleri .bolum {
        width: 33%;
        margin-right: 15px;
        display: flex;
        flex-direction: column;
    }
    
    .anasayfaKategoriHaberleri .bolum ul {
        display: flex;
        flex-direction: column;
        justify-content: start;
        height: 100%;
    }
    
    
    .anasayfaKategoriHaberleri .ilk li:first-child {
        padding: 0;
    }
    
    .anasayfaKategoriHaberleri .ilk li:first-child img {
        width: 100%;
    }
    
    .anasayfaKategoriHaberleri .ilk li:first-child span {
        padding: 30px 10px 10px 10px;
        overflow: hidden;
        font-weight: bold;
        text-shadow: 1px 1px 1px #000000;
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgb(0 0 0)));
        background-image: linear-gradient(rgb(0 0 0 / 1%), rgb(0 0 0));
        font-family: 'Helvetica Bold', 'Metropolis';
        color: #fff;
        position: absolute;
        bottom: 0;
        width: 100%;
        font-size: 18px;
        left: 0;
        transition: padding-bottom ease 0.5s;
    }
    
    .anasayfaKategoriHaberleri .ilk li:first-child:hover span {
    
        padding-bottom: 20px;
        transition: padding-bottom ease 0.5s;
        color: #fff
    }
    
    .anasayfaKategoriHaberleri .bolum ul li {
        position: relative;
        width: 100%;
        padding: 10px;
        border-bottom: 1px solid #E6E6E6;
        margin: 5px 0px;
        background-color: #fff;
    }
    
    .anasayfaKategoriHaberleri .bolum ul li a {
        display: flex;
    }
    
    .anasayfaKategoriHaberleri .bolum ul li:hover span {
        color: #c90914;
    }
    
    .anasayfaKategoriHaberleri .bolum ul li img {
        width: 115px;
        height: fit-content;
    }
    
    .anasayfaKategoriHaberleri .bolum ul li span {
        padding: 0 10px;
        font-family: 'Helvetica Bold', 'Arial';
        max-height: 100px;
        overflow: hidden;
    }
    
    .anasayfaKategoriHaberleri .puanDurumu {
        width: 375px;
        margin-right: 0;
        background-color: #fff;
        border-bottom: 2px solid #267f45;
        display: flex;
        flex-direction: column;
        padding: 10px;
        justify-content: space-around;
    }
    
    .puanDurumu {
        display: flex;
        flex-direction: column;
    }
    
    .puanDurumu ul {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between;
        font-family: 'Helvetica Bold', 'arial';
        padding: 8px 0;
        border-bottom: 1px solid #eee;
    }
    
    .puanDurumu ul:last-child {
        border-bottom: none;
    }
    
    .puanDurumu ul:hover {
        background-color: #eee;
    }
    
    
    .puanDurumu ul b {
        font-family: 'Helvetica Bold', 'Arial';
    }
    
    .puanDurumu ul li {
        font-size: 14px;
        text-align: center;
        font-family: 'Helvetica', 'arial';
    }
    
    .puanDurumu ul li:nth-child(1) {
        width: 20px;
    }
    
    .puanDurumu ul li:nth-child(2) {
        width: 135px;
        text-align: left;
    }
    
    .puanDurumu ul li:nth-child(3) {
        width: 20px;
    }
    
    .puanDurumu ul li:nth-child(4) {
        width: 20px;
    }
    
    .puanDurumu ul li:nth-child(5) {
        width: 20px;
    }
    
    .puanDurumu ul li:nth-child(6) {
        width: 20px;
    }
    
    .puanDurumu ul li:nth-child(7) {
        width: 20px;
    }
    
    footer {
        background-color: #fff;
        border-top: 1px solid #ddd;
        margin-top: 50px;
    }
    
    footer .footerUstKisim {
        padding-top: 30px;
        justify-content: space-between;
        display: flex;
        align-items: center;
        padding-bottom: 35px;
    }
    
    footer .footerUstKisim .logo {}
    
    footer .footerUstKisim .logo img {
        width: 200px;
    }
    
    footer .footerUstKisim .copyright {
        font-family: 'Helvetica Neue', 'sans-serif';
        font-size: 14px;
        width: 100%;
        padding-left: 25px;
    }
 .sosyalMedyaPaylas {
	 display: flex;
	 justify-content: right;
	 align-items: center;
	}   
    .sosyalMedya {
        display: flex;
        justify-content: end;
    }
    
    .sosyalMedya ul {
        display: flex;
    }
    
    .sosyalMedya ul li {
        padding: 5px;
        border-radius: 50%;
        color: #fff;
        width: 33px;
        height: 33px;
        font-size: 18px;
        margin-right: 7px;
        line-height: 25px;
        display: flex;
        text-align: center;
        justify-content: center;
        transform: translateY(0px);
        transition: transform ease-in 0.3s;
    }
    
    .sosyalMedya ul li:hover {
        transform: translateY(-5px);
    }
    
    .sosyalMedya ul li.facebook {
        background-color: #3b5998;
    }
    
    .sosyalMedya ul li.twitter {
        background-color: #1DA1F2
    }
    
    .sosyalMedya ul li.whatsapp {
        background-color: #25D366;
    }
    
    .sosyalMedya ul li.instagram {
        background-color: #E1306C;
    }
    
    .sosyalMedya ul li.linkedin {
        background-color: #007bb5;
    }
    
    .sosyalMedya ul li.youtube {
        background-color: #bb0000;
    }
    
    .sosyalMedya ul li.print {
        background-color: #009688;
    }
    
    .sosyalMedya ul li i {}
    
    footer .footerMenu {
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding-top: 35px;
        border-top: 1px solid #d9d9d9;
    }
    
    footer .footerMenu ul {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    
    footer .footerMenu ul li {
        padding: 5px 0;
    }
    
    footer .footerMenu ul li b {
        font-family: 'Helvetica Bold', 'sans-serif';
        font-size: 21px;
    }
    
    footer .footerMenu ul li a {
        font-family: 'Helvetica Neue', 'sans-serif';
    }
    
    footer .footerMenu ul li:hover a {
        color: #c90914;
    }
    
    .haberDetaySayfasi {
        background-color: #fff;
        padding-top: 40px;
    }
    
    .haberDetaySayfasi .kategoriLinki {
        font-family: 'Helvetica Bold', 'sans-serif';
        font-size: 14px;
    }
    
    .haberDetaySayfasi .kategoriLinki a {}
    
    .haberDetaySayfasi .kategoriLinki:hover a {}
    
    .haberDetaySayfasi .haberBasligi {
        font-family: 'Helvetica Bold', 'sans-serif';
        padding: 20px 0;
        font-size: 44px;
    }
    
    .haberDetaySayfasi .haberTarihi {
        font-family: 'Helvetica Bold', 'sans-serif';
        font-size: 12px;
        display:flex;
        padding-top: 5px;
    }
    
    .haberDetaySayfasi .haberTarihi p { 
    padding-right:10px;
    }
    .haberDetaySayfasi .etiketler {
        padding: 8px 0;
        display: flex;
        width: 100%;
    }
    
    .haberDetaySayfasi .etiketler li {
    }
    
    .haberDetaySayfasi .etiketler li a {
        font-family: 'Helvetica Bold', 'sans-serif';
        font-size: 12px;
        overflow-wrap: break-word;
    }
    
    .haberDetaySayfasi .etiketler li:hover a {
    }
    
    .haberDetay {
        display: flex
    }
    
    .haber {
        width: 780px;
    }
    
    .haberDetaySagKisim {
        width: 330px;
        padding-left: 20px;
    }
    
    .haber .haberFotosu {
        width: 100%;
        margin-top: 20px;
    }
    .haber .haberFotosu iframe{
		width:100%;
		height: 440px;
	}
    
    .haber .haberFotosu img {
        width: 100%;
    }
    
    .haber .spot {
        font-family: 'Helvetica Bold', 'sans-serif';
        padding: 20px 0;
        font-size: 21px;
    }
    
    .haber .icerik {
        font-family: 'Helvetica Neue', 'sans-serif';
        font-size: 18px;
        line-height: 23px;
        /* overflow: auto; */
        width: 100%;
    }
	 .haber .icerik ol,.haber .icerik ul {
		list-style:inherit;
		padding-left: 25px;
		}
	 
	 .haber .icerik li {
		 padding:5px 0
	 }
    .haber .icerik h2 , .haber .icerik h3 ,.haber .icerik h4  {
		font-size:21px;
		padding:10px 0;
	}
	
	
	.haber .icerik img{
  max-width: 100% !important; 
	height: auto !important;
	}
	
	.haber .icerik p>img{
		width:100% !important
	}
    
    .haber .icerik a {
		color: #075B88;
	}
    .haber .icerik strong,
    .haber .icerik b {
        font-family: 'Helvetica Bold', 'sans-serif';
    }
    
    .haber .icerik p {
        padding: 10px 0;
    }
	.haber .icerik iframe {
		width:100%;
		height:500px !important
	}
    
    
    .benzerHaberler {}
    
    .benzerHaberler ul {}
    
    .benzerHaberler .baslik {}
    
    .benzerHaberler li:hover span {
        color: #c90914;
    }
    
    .benzerHaberler li img {
        width: 100%;
    }
    
    .benzerHaberler li span {}
    
    .benzerHaberler {
        margin-top: 20px;
    }
    
    .benzerHaberler ul {
        display: grid;
        grid-template-columns: 25% 25% 25% 25%;
        grid-gap: 15px;
    }
    
    .benzerHaberler .baslik {
        font-family: 'Helvetica Bold', 'sans-serif';
        font-size: 24px;
    }
    
    .benzerHaberler li:hover span {
        color: #c90914;
    }
    
    .benzerHaberler li img {
        height: 160px;
        width: 100%;
    }
    
    .benzerHaberler li span {
        padding: 5px 0;
        font-family: 'Helvetica Neue', 'sans-serif';
        overflow: hidden;
        font-weight: bold;
        background-color: #fff;
        width: 100%;
        display: block;
        height: 75px;
    }
    
    
    
    .encokOkunanHaberler {
        margin-top: 20px;
    }
    
    .encokOkunanHaberler ul {
        display: flex;
        flex-direction: column;
    }
    
    .encokOkunanHaberler ul li {
        border-bottom: 1px dotted #ddd;
        padding: 10px 0;
    }
    
    .encokOkunanHaberler ul li:first-child {
        padding-top: 0;
    }
    
    .encokOkunanHaberler ul li:last-child {
        border-bottom: none;
    }
    
    .encokOkunanHaberler .baslik {
        font-family: 'Helvetica Bold', 'sans-serif';
        font-size: 18px;
    }
    
    .encokOkunanHaberler .baslik i {
        color: #c90914;
        margin-right: 5px;
    }
    
    .encokOkunanHaberler li:hover span {
        color: #c90914;
    }
    
    .encokOkunanHaberler li a {
        display: flex;
    }
    
    .encokOkunanHaberler li img {
        width: 120px;
        height: max-content;
    }
    
    .encokOkunanHaberler li span {
        padding: 0 0 0 10px;
        overflow: hidden;
        font-family: 'Helvetica Bold', 'sans-serif';
        background-color: #fff;
        width: 100%;
        font-size: 16px;
        display: flex;
        align-items: center;
    }
    
    .haberListele {}
    
    .haberListele ul {
        width: 100%;
    }
    
    .haberListele ul li {
        position: relative;
        width: 100%;
        margin-bottom: 10px;
    }
    
    .haberListele ul li a {
        display: flex;
    }
    
    .haberListele ul li img {
        width: 100%;
    }
    
    .haberListele ul li span {
        padding: 30px 10px 10px 10px;
        overflow: hidden;
        font-weight: bold;
        text-shadow: 1px 1px 1px #000000;
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgb(0 0 0)));
        background-image: linear-gradient(rgb(0 0 0 / 1%), rgb(0 0 0));
        font-family: 'Helvetica Bold', 'Metropolis';
        color: #fff;
        position: absolute;
        bottom: 0;
        width: 100%;
        font-size: 18px;
        left: 0;
        transition: padding-bottom ease 0.5s;
    }
    
    .haberListele li:hover span {
        padding-bottom: 20px;
        transition: padding-bottom ease 0.5s;
    }
    
    .kategoriSayfasi {
        width: 100%;
        /* float: left; */
    }
    
    .kategoriSayfasi .container {}
    
    .kategoriSayfasi .kategoriUstKisim {
        width: 100%;
        margin: 30px 0;
        display: flex;
        flex-direction: column;
        position: relative;
    }
    
    .kategoriSayfasi .kategoriUstKisim h1 {
        font-family: 'Helvetica Bold', 'sans-serif';
        font-size: 34px;
        display: flex;
        align-items: center;
        padding-left: 15px;
        position: relative;
    }
    
    .kategoriSayfasi .kategoriUstKisim h1::before {
        color: #f10000;
        content: ":";
        display: inline-block;
        margin-right: 9px;
        margin-left: -2px;
        position: absolute;
        bottom: 3px;
        left: 0;
    }
    
    .kategoriSayfasi .kategoriUstKisim p {
        font-family: 'Helvetica Neue', 'sans-serif';
        position: relative;
        padding-left: 15px;
        margin-top: 20px;
    }
    
    .kategoriSayfasi .kategoriUstKisim p::before {
        background-color: #f10000;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 5px;
    }
    
    
    
    .kategoriSayfasi .kategoriHaberleri {}
    
    .kategoriSayfasi .kategoriHaberleri ul {
        display: grid;
        grid-template-columns: auto auto auto auto;
        grid-gap: 20px;
    }
    
    .kategoriSayfasi .kategoriHaberleri ul li {
        width: 260px;
    }
    
    .kategoriSayfasi .kategoriHaberleri ul li a {
        display: flex;
        flex-direction: column;
    }
    
    .kategoriSayfasi .kategoriHaberleri ul li img {
        width: 100%;
        height: 150px;
    }
    
    .kategoriSayfasi .kategoriHaberleri ul li span {
        padding: 10px;
        font-family: "Helvetica Bold", Arial;
        overflow: hidden;
        font-weight: bold;
        background-color: #fff;
        height: 75px;
    }
    
    .kategoriHaberleri li:hover span {
        color: #c90914;
    }
    
    .haberSayfala {
        display: flex;
        justify-content: center;
        margin-top: 50px;
    }
    
    .haberSayfala ul {
        display: flex;
    }
    
    .haberSayfala ul li {
        border: 1px solid #ddd;
        margin: 0 5px;
    }
    
    .haberSayfala ul li a {
        display: block;
        background-color: #fff;
        border-radius: 5px;
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        font-family: 'Helvetica Bold', 'sans-serif';
    }
    
    .haberSayfala ul li:first-child,
    .haberSayfala ul li:last-child {
        font-size: 21px;
    }
    
    .haberSayfala ul li:hover a,
    .haberSayfala ul li.secili a {
        background-color: #c90914;
        color: #fff;
    }
    
    .yazarDetayKismi {
        display: flex;
        width: 100%;
    }
    
    .yazarDetayKismi .container {
        display: flex;
        justify-content: space-between;
    }
    
    .yazarSolKisim {
        width: 350px;
        margin-top: 35px;
        background-color: #fff;
        border: 1px solid #ddd;
        padding: 15px;
    }
    
    
    .yazar {
        display: flex;
        /* position: fixed; */
    }
    
    .yazarBilgisi {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-left: 15px;
    }
    
    .yazar .yazarinFotosu {
        border: 1px solid #eee;
    }
    
    .yazar .yazarinFotosu img {
        width: 85px;
        height: auto;
    }
    
    .yazar .yazarinAdi {
        font-family: 'Helvetica Bold', 'sans-serif';
    }
    
    .yazar .yazarinMaili {
        font-size: 14px;
        font-family: 'Helvetica Neue', 'sans-serif';
        padding: 8px 0px;
    }
    
    .yazar .yaziBasligi {}
    
    .yazar .yazarTarih {
        font-family: 'Helvetica Neue', 'sans-serif';
        font-size: 12px;
    }
    
    .yazar .sosyalMedya {
        justify-content: start;
        margin-top: 10px;
    }
    
    .digerYazilarButonu {
        padding: 10px;
        font-family: 'Helvetica Bold', 'sans-serif';
        background-color: #f00;
        color: #fff;
        text-align: center;
        margin-top: 10px;
        transition: background-color ease-in 0.3s;
    }
    
     .digerYazilarButonu a {
        width: 100%;
        display: block;
    }
    .digerYazilarButonu:hover {
        background-color: #000;
    }
    
    
    .yaziDetay {
        display: flex;
        margin-top: 35px;
        background-color: #fff;
        border: 1px solid #ddd;
        padding: 20px;
        margin-left: 20px;
        width: 740px;
        flex-direction: column;
    }
    
    .yaziDetay h1 {
        font-family: 'Helvetica Bold', 'sans-serif';
        font-size: 24px;
    }
    
    .yaziDetay .icerik {
        font-family: 'Helvetica Neue', 'sans-serif';
        font-size: 18px;
        margin-top: 20px;
        line-height: 28px;
    }
    
    .yaziDetay .icerik strong,
    .yaziDetay .icerik b {
        font-family: 'Helvetica Bold', 'sans-serif';
    }
    
    .digerYazarlar {
        margin-top: 35px;
        font-family: 'Helvetica Bold', 'sans-serif';
    }
    
    .digerYazarlar span {
        border-top: 1px solid #ddd;
        text-align: center;
        width: 100%;
        display: block;
        padding-top: 20px;
    }
    
    .digerYazarlar ul {
        margin-top: 25px;
    }
    
    
    .digerYazarlar ul li {
        border: 1px solid #ddd;
        margin-bottom: 10px;
        padding: 10px;
    }
    
    .digerYazarlar ul li:hover {
        background-color: #f5eae6;
    }
    
    .digerYazarlar ul li a {
        display: flex;
    }
    
    .digerYazarlar ul li img {
        width: 75px;
        height: auto;
    }
    
    .digerYazarlar ul li .yaziIcerik {
        padding-left: 15px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
    .digerYazarlar ul li .yaziIcerik b {}
    
    .digerYazarlar ul li .yaziIcerik p {
        font-family: 'Helvetica Neue', 'sans-serif';
        padding-top: 5px;
    }
    
    .fotoGaleriSayfasi {
        padding: 50px 0;
        background-color: #fff;
    }
    
    .fotoGaleriSayfasi h1 {
        font-family: 'Helvetica Bold', 'Metropolis';
        font-size: 24px;
        padding-bottom: 50px;
    }
    
    .fotoGaleri {
        display: grid;
        grid-template-columns: auto auto auto;
        grid-gap: 15px;
        width: 100%;
    }
    
    .fotoGaleri li {
        position: relative;
        border: 1px solid #ddd;
    }
    
    .fotoGaleri li:hover {
        opacity: 0.8;
    }
    
    .fotoGaleri li:hover span {
        padding-bottom: 20px;
        transition: padding-bottom ease 0.5s;
    }
    
    .fotoGaleri li img {
        width: 100%;
        height: 200px;
    }
    
    .fotoGaleri li span {
        padding: 30px 10px 10px 10px;
        overflow: hidden;
        font-weight: bold;
        text-shadow: 1px 1px 1px #000000;
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgb(0 0 0)));
        background-image: linear-gradient(rgb(0 0 0 / 1%), rgb(0 0 0));
        font-family: 'Helvetica Bold', 'Metropolis';
        color: #fff;
        position: absolute;
        bottom: 0;
        width: 100%;
        font-size: 18px;
        left: 0;
        transition: padding-bottom ease 0.5s;
    }
    
    .galeriDetay .nav {
        display: flex;
        padding-bottom: 20px;
    }
    
    .galeriDetay .nav li {
        padding-right: 10px;
        font-size: 16px;
        font-family: 'Helvetica Neue';
    }
    
    .galeriDetay .nav li a {}
    
    .galeriDetay .nav li a i {
        padding-right: 10px;
    }
    
    
    .galeriDetay h1 {
        padding-bottom: 0;
    }
    
    
    .galeriDetay .galeri {
        width: 100%;
        margin-top: 20px;
    }
    
    .galeriDetay .galeri .number {
        padding: 5px 10px;
        background-color: #e20a17;
        margin-bottom: 10px;
        position: absolute;
        right: 0;
        color: #fff;
        font-family: 'Helvetica Bold', 'sans-serif';
        font-size: 14px;
    }
    
    .galeriDetay .galeri li {
        width: 100%;
        padding-bottom: 20px;
        position: relative;
        display: flex;
        flex-direction: column;
    }
    
    .galeriDetay .galeri li img {
        width: 100%;
    }
    
    .galeriDetay .galeri li p {
        font-weight: 500;
        width: 100%;
        font-size: 18px;
        line-height: 22px;
        padding: 20px 0;
        font-family: 'Helvetica Neue', 'sans-serif';
    }
    
    .digerGaleriler {
        width: 100%;
    }
    
    .digerGaleriler h2 {
        font-family: 'Helvetica Bold', 'sans-serif';
        font-size: 21px;
        margin: 20px 0;
    }
    
    .videoDetayBolumu {
        display: flex;
    }
    
    .videoDetaySayfasi {
        padding: 50px 0;
        background-color: #fff;
    }
    
    .videoDetaySayfasi .container {
        display: flex;
        flex-direction: column;
    }
    
    .videoDetaySayfasi .solKisim {
        width: 790px;
        background-color: #fff;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        justify-content: start;
    }
    
    .videoDetaySayfasi .solKisim .videoDetay {}
    
    .videoDetaySayfasi .solKisim .videoDetay iframe {}
    
    .videoDetaySayfasi .solKisim .videoBaslik {
        font-size: 24px;
        font-family: 'Helvetica Bold', 'sans-serif';
        padding: 20px 0;
    }
    
    .videoDetaySayfasi .solKisim .icerik,
    .videoDetaySayfasi .solKisim .tarih {
        padding: 0px 20px 20px 0px;
        font-family: 'Helvetica Neue', 'sans-serif';
    }
    
    .videoDetaySayfasi .sagKisim {
        width: 300px;
        margin-left: 20px;
        background-color: #ffff;
    }
    
    .videoDetaySayfasi .sagKisim .baslik {
        font-family: 'Helvetica Bold';
        font-size: 18px;
        padding-bottom: 15px;
    }
    
    .videoDetaySayfasi .sagKisim ul {}
    
    .videoDetaySayfasi .sagKisim ul li {
        margin-bottom: 20px;
        border: 1px solid #ddd;
    }
    
    .videoDetaySayfasi .sagKisim ul li img {
        width: 100%;
        height: auto;
    }
    
    .videoDetaySayfasi .sagKisim ul li:hover {
        opacity: 0.8;
    }
    
    .videoDetaySayfasi .sagKisim ul li:hover a {
        color: #c90914;
    }
    
    .videoDetaySayfasi .sagKisim ul li a {}
    
    .videoDetaySayfasi .sagKisim ul li span {
        font-family: 'Helvetica Bold', 'sans-serif';
        width: 100%;
        padding: 10px;
        display: block;
    }
    
    .digerVideolar {
        margin-top: 50px;
    }
    
    .digerVideolar h2 {
        font-family: 'Helvetica Bold', 'sans-serif';
        padding-bottom: 10px;
    }
    
    .digerVideolar ul {
        display: grid;
        grid-template-columns: auto auto auto;
        grid-gap: 15px;
        width: 100%;
    }
    
    .digerVideolar ul li {
        border: 1px solid #ddd;
    }
    
    .digerVideolar ul li:hover {
        opacity: 0.8;
    }
    
    .digerVideolar ul li:hover a {
        color: #e20a17;
    }
    
    .digerVideolar ul li a {
        display: flex;
        flex-direction: column;
    }
    
    .digerVideolar ul li img {
        width: 100%;
        height: 200px;
    }
    
    .digerVideolar ul li span {
        font-family: 'Helvetica Bold', 'sans-serif';
        padding: 15px 10px;
    }
    
    .iletisimSayfasi {}
    
    .iletisimSayfasi .container {
    display: flex;
    flex-direction: column;
}
    
    .iletisimSayfasi h1.baslik {
        padding: 50px 0;
        font-family: 'Helvetica Bold', 'sans-serif';
        font-size: 32px;
    }
    
    .iletisimSayfasi .iletisimVeKunye {
        display: flex;
        justify-content: space-between;
    }
    
    .iletisimSayfasi .iletisimVeKunye .kunyeBilgileri {
        font-family: 'Helvetica Neue', 'sans-serif';
        background-color: #fff;
        padding: 20px;
        width: 700px;
    }
    
    .iletisimSayfasi .iletisim {
        background-color: #fff;
        padding: 20px;
        margin-left: 20px;
        width: 390px;
    }
    
    .iletisimSayfasi h1,
    .iletisimSayfasi h2 {
        font-family: 'Helvetica Bold', 'sans-serif';
        font-size: 18px;
        padding-bottom: 20px;
    }
    
    .iletisimSayfasi .harita {
        margin-top: 20px;
    }
    
    .iletisimFormu span,
    .iletisimAdresi h1,
    .iletisimAdresi h2 {
        width: 100%;
        font-size: 21px;
        padding: 0 0 20px 0;
        font-weight: 600;
        text-align: left;
        font-family: 'Helvetica Bold', 'sans-serif';
    }
    
    .iletisimAdresi h2 {
        color: #A71111;
        padding-top: 20px;
    }
    
    .iletisimFormu {
        width: 100%;
        display: flex;
        flex-direction: column;
        font-family: 'Helvetica Neue', 'sans-serif';
    }
    
    .iletisimFormu input[type=text] {
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
        font-size: 16px;
        border: 1px solid #eee;
        margin-bottom: 10px;
    }
    
    .iletisimFormu textarea {
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
        border: 1px solid #eee;
        margin-bottom: 10px;
    }
    
    .iletisimFormu input[type=submit] {
        padding: 10px 20px;
        box-sizing: border-box;
        border: 1px solid #eee;
        margin-bottom: 10px;
        font-size: 16px;
        background-color: #A71111;
        color: #fff;
        font-family: 'Helvetica Neue', 'sans-serif';
    }
    
    .kunyeBilgileri strong,
    .kunyeBilgileri b {
        font-family: 'Helvetica Bold', 'sans-serif';
    }
     .yazarlarSayfasi .kategoriUstKisim {
        width: 100%;
        margin-bottom: 50px;
        display: flex;
        flex-direction: column;
        position: relative;
    }
    
    
    .yazarlarSayfasi {
    	background-color:#fff;
    	padding: 50px 0;
    }
    .yazarlarSayfasi .kategoriUstKisim h1 {
        font-family: 'Helvetica Bold', 'sans-serif';
        font-size: 34px;
        display: flex;
        align-items: center;
        padding-left: 15px;
        position: relative;
    }
    
    .yazarlarSayfasi .kategoriUstKisim h1::before {
        color: #f10000;
        content: ":";
        display: inline-block;
        margin-right: 9px;
        margin-left: -2px;
        position: absolute;
        bottom: 3px;
        left: 0;
    }
    
     
    .yazarlar   {    
    	display: grid;
        grid-template-columns: auto auto auto auto;
        grid-gap: 20px;
    }
    .yazarlar li{   
    	text-align: center;
        background-color: #eaeaea;
        padding: 10px;
        height: 270px;
    }
    
    .yazarlar li:hover{
        background-color: #d7d7d7;
    }
    .yazarlar li a {}
    .yazarlar li img{
    	  max-height: 145px;
    }
    .yazarlar li .yaziIcerik{
    	padding:10px 0;
    }
    .yazarlar li .yaziIcerik b{
        font-family: 'Helvetica Bold', 'Arial';
        font-size: 16px;
    } 
    .yazarlar li .yaziIcerik p{
    	font-family: 'Helvetica Neue', 'Arial';
        padding: 10px 0;
    }
    .digerYazilar {
        margin-top: 15px;
    }
    .digerYazilar li {
        font-family: 'Helvetica Neue', 'Arial';
        padding: 7px 0;
    }
	    .digerYazilar li a {
			display:flex;
			flex-direction: column;
		}
    .digerYazilar li:hover a {
        color: #f00;
    }
	.digerYazilar b {
    font-size: 14px;
    font-family: 'Helvetica Neue' !important;
}
	.digerYazilar p {
    font-family: 'Helvetica Bold','sans-serif';
    font-size: 16px;
}
    .yaziBasligi {
    	font-family: 'Helvetica Bold', 'Arial';
    	font-size: 21px;
    }
    
    .aramaFormuKapat {
        position: absolute;
        top: 15px;
        right: 25px;
        color: #fff;
        font-size: 36px;
        cursor: pointer;
    }
    .aramaFormuKapat i{}
    .aramaFormu {
        display: none;
        width: 100%;
        height: 100%;
        position: fixed;
        right: 0;
        bottom: 0;
        background-color: #000;
        justify-content: center;
    	z-index:99999;
    }
    .aramaFormu .content {
        width: 625px;
        margin-top: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .aramaFormu form {
        display: flex;
        justify-content: space-between;
        font-family: 'Helvetica Neue','sans-serif';
        height: 60px;
    }
    .aramaFormu form input[type=text]{
        width: 550px;
        padding: 10px;
    }
    .aramaFormu form input[type=submit]{
        margin-left: 10px;
        padding: 15px;
        background-color: #f00;
        color: #fff;
        font-family: 'Helvetica Bold','sans-serif';
        font-size: 18px;
    }
    .aramaYok {
    	font-size: 18px;
    	text-align: left;
    }
    .gonderildi {
        padding: 20px;
        background-color: #4CAF50;
        color: #fff;
        margin-bottom: 20px;
    }
    .hata {
        padding: 20px;
        background-color: #f00;
        color: #fff;
        margin-bottom: 20px;
    }
	
	.sagManset {float:left;width: 100%;height: 470px;overflow: hidden;position: relative !important;}
	.sagManset .swiper-slide {
		height:430px !important
	}
	
.sagManset .swiper-slide h3 {position: absolute;bottom: 0;text-align: center;color: #ffffff;padding: 10px 10px;width: 100%;font-family: 'Helvetica Bold', 'Metropolis';font-size: 24px;text-shadow: 1px 1px 1px #000000;background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgb(0 0 0)));background-image: linear-gradient(rgba(0,0,0,0), rgb(0 0 0));}
.sagManset .swiper-slide img {float: left;width: 100%;height: 430px;}
.sagManset .sayfala {display: flex;background-color: #000;justify-content: space-between;}
.sagManset .swiper-pagination-bullet {float: left;border-radius: inherit;text-align: center;padding: 10px 0;opacity: 1;height: inherit;margin: 0 !important;width: 36px;background-color: #000;font-size: 16px;}
.sagManset .swiper-pagination-bullet a {
color: #fff !important;
}
.sagManset .sayfala .swiper-pagination-bullet-active {
background-color: #A71111;
color: #fff !important;
}
.sagManset .sayfala .swiper-pagination-bullet-active a {color: #fff !important;}
.sagManset .swiper-pagination-bullet:last-child {}
  

.sagManset .swiper-pagination-bullet {
    padding: 0;
    height: 36px;
    width: 100%;
    text-align: center;
    font-family: 'Helvetica Bold', 'Metropolis';
    line-height: 35px;
    font-size: 13px;
}

.kuleler {
    width: 100%;
}
.kuleler .solKule{
    position: fixed;
    margin-left: -180px;
    text-align: right;
    top: 205px;
	transition:top ease-in 0.2s
}
.kuleler .sagKule{
    position: fixed;
    top: 205px;
    float: right;
    margin-left: 1140px;
    text-align: left;
    width: 160px;
	transition:top ease-in .3s
}
.ramazanBanner {
	position: fixed !important;
	bottom: 0px;
	left: 0;
	width: 100%;
	height: 90px;
	z-index: 999999; 
	background-color: #3bf6ff;
}
.uygulamalar {
    display: flex;
    text-align: center;
    justify-content: center;
    padding: 50px 0;
}
.uygulamalar li {
    margin-right: 50px;
}
.uygulamalar li a {}
.uygulamalar li .baslik {
    padding: 20px 0;
    font-weight: 600;
    font-size: 18px;
}
.uygulamalar li img {}
.rkl {
	width:100%;}
.rkl img {
	width:100%;
}
.basinNumarasi {
	display:flex;
	justify-content:space-between;
	font-family: 'Helvetica Bold',sans-serif;
	
    padding: 50px 0;
}
.basinNumarasi li {
	font-weight:bold;	
}
.ilanTarih {display: flex;padding-bottom: 20px;}
.ilanTarih form {}
.ilanTarih input[type=date] {
    padding: 5px;
    width: 200px;
    font-size: 16px;
}
.ilanTarih input[type=submit] {
    padding: 7px;
    cursor: pointer;
    font-size: 16px;
    background-color: #f00;
    color: #fff;
    border: none;
}
.kunye-cart {
    width: 100%;
    display: flex;
    flex-direction: column;
    border: 1px solid #ddd;
}
.kunye-cart li {
    display: flex;
    align-items: center;
    height: 55px;
}
.kunye-cart li:nth-child(odd) {
    background-color: #eee;
}
.kunye-cart li:nth-child(even) {}
.kunye-cart li h4 {
    width: 230px;
    padding-left: 10px;
    border-right: 1px solid #ddd;
    height: 100%;
    display: flex;
    align-items: center;
    font-family: 'Helvetica Bold','sans-serif';
}
.kunye-cart li div {
    width: 430px;
    padding-left: 10px;
    height: 100%;
    display: flex;
    align-items: center;
}







.yorumCevap.emojiler {
float: left;
width: 100%;
padding: 30px 0 40px 0;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
}
.emojiler>p {float: left;width: 100%;font-size: 24px;margin-bottom: 40px;}
.emojiler>p i {
font-size: 20px;
padding: 0 5px 0 0;
}
.emojiler ul.emoji {float: left;margin-top: 5px;width: 100%;display: flex;justify-content: space-between;}

.emojiler ul.emoji li {position: relative;background-color: #f1f1f1;text-align: center;margin: 0 5px 0px 0;padding: 11px 10px;cursor: pointer;width: 100%;}

.emojiler ul.emoji li:hover {
border-bottom: 2px solid #ddd;
}
.emojiler ul.emoji li:hover img {transform: scale(1.2);}
.emojiler ul.emoji li p {
text-align: center;
padding: 0 4px;
float: left;
width: 100%;
}
.emojiler ul.emoji li img{width: 40px;height: 40px;transition: width 0.5s;transition: transform 0.2s;}
.emojiPuani {float: left;width: 100%;margin-top: 0;display: flex;justify-content: space-between;}
.emojiPuani li {float: left;position: relative;text-align: center;margin: 0 5px 0px 0;width: 100%;cursor: pointer;height: 100px;padding-bottom: 1px;}
.emojiPuani li>span {
background-color: #92d6ff;
float: left;
width: 100%;
position: absolute;
left: 0;
bottom: 0;
transition: height 1s;
max-height: 100px;
padding: 1px 0;
}
.emojiPuani li>span span {position: absolute;top: -22px;text-align: center;left: 0;width: 100%;}
.yorumYap {width: 100%;margin: 15px 0;display: flex;flex-direction: column;padding: 15px;border: 2px solid #ddd;background-color: #ededed;}
.yorumYap p {width: 100%;font-size: 24px;margin-bottom: 20px;}
.yorumYap form {}
.yorumYap textarea,.cevapFormu textarea{width: 100%;padding: 10px;border: 1px solid #eaeaea;box-sizing: border-box;height: 75px;} 
.yorumYap input , .yorumYap .butonlar {
 
}

.yorumYap input,.cevapFormu input{padding: 11px;border: 1px solid #eaeaea;width: 100%;box-sizing: border-box;}  
.yorumYap input.gonder , .cevapFormu input.gonder{
	background-color: #A71111;
	color: #fff;
	font-size: 16px;
	width: 100px;
	transition: background-color 1s;
	cursor: pointer;
	float: right;
	border: none;
}

.yorumYap .butonlar{
	width: 100%;
	display: flex;
	justify-content: right;
}
.avatarSec{
	float: right;
	color: #000;
	font-size: 14px;
	margin-right: 10px;
	cursor: pointer;
	border: 1px solid #ddd;
	background-color: #fff;
}

.avatarSec:hover{
	
    border: 1px solid #c0bebe;
}
.avatarSec div{
	float: right;
	padding: 10px;
}

.avatarSec img {
	float:left;
	width: 40px !important;
	height: 40px !important;
}

.yorumYap .yorumPopup{
    position: fixed;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    background: rgb(30 30 30 / 82%);
    z-index: 999999999;
	display:none;
}
.yorumYap .popupContent {
	position: absolute;
	width: 720px;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	right: 0;
	left: 0;
	top: 10%;
	padding: 20px;
}
.yorumYap .popupHeader {	
	padding: 15px 0;	
	border-bottom: 1px solid #dddd;
	box-sizing: border-box;
	margin-bottom: 20px;	
	position: relative;
}
.yorumYap .popupBody  {
	float:left;
	width:100%;
	height:350px;
    overflow-y: scroll;
}
.yorumYap .popupBody a {
	
}
.yorumYap .popupBody a img {
    width: 150px;
    margin: 5px;
}
.yorumYap .popupClose {
	position: absolute;
	right: 0;
	top: 15px;
	font-size: 16px;
    cursor: pointer;
}

.yorumYap input.gonder:hover {
background-color: #98050b;
}
.yorumYap .clear,.cevapFormu .clear {
float: left;
width: 100%;
}
.yorumHata,.yorumOnay {
float: left;
width: 100%;
padding: 15px 10px;
background-color: #ee1c25;
color: #fff;
font-size: 14px;
}
.yorumOnay {
background-color: #31b2ff;
}
.yorumNot {width: 100%;border: 1px dotted #868686;padding: 10px;background-color: #ffffda;font-size: 12px;margin-top: 20px;}
.yorumNot span {
font-weight: 600;
}
.yorumlar {float: left;width: 100%;margin-top: 20px;margin-bottom: 50px;padding: 20px 20px 0px 20px;border: 2px solid #eee;}
.yorumlar>li {float: left;width: 100%;margin-bottom: 20px;border-bottom: 1px dotted #ddd;padding-bottom: 20px;}
.yorumlar>li:last-child {
	border-bottom:none;
}
.avatar {
	float: left;
	width: 60px;
	height: 60px;
	display: flex;
	margin-right: 10px;
	justify-content: center;
	align-items: center;
	background-color: #ee1c25;
}
 .avatar img {
	 width:100%;
 }
 
 
.yorumlar>li>i.yorumKullanici , .avatar .yorumKullanici{font-size: 24px;color: #ffffff;padding: 10px 0;width: 100%;display: block !important;background-color: #ee1c25;box-sizing: border-box;text-align: center;font-style: inherit;}
 

.yorumlar>li>i {
float: left;
font-size: 50px;
color: #ececec;
padding-right: 10px;
width: 10%; 
}
.yorumlar>li .baslik{float: left;width: 85%;font-weight: 600;font-size: 14px;}

.yorumlar>li .baslik .yorumAdi{
	font-weight: 600;
    float: left;
}
.yorumlar>li .baslik .sure::before{
	content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #aaa;
    display: inline-block;
    margin: 0 5px 3px 0;
}
.yorumlar>li .baslik .sure{
    float: left;
    padding-left: 20px;
    display: block !important;
    color: #383838;
    font-weight: 500;
}

.yorumlar>li p.yorum{
float: left;
width: 500px;
padding-top: 5px;
font-size: 14px;
line-height: 21px;
}
.yorumlar li.yorumCevap {width: 700px;float: right;}

.yorumButonlari {float: right;width: 88%;padding-top: 10px;font-size: 14px;}
.yorumButonlari li {float: left;padding: 0 10px;color: #383838;cursor: pointer;} 
.yorumButonlari li:hover   {
color: #007aff;
}
.yorumButonlari li i{
padding: 0 2px;
}
.yorumCevapla {display: none;padding: 10px 0;float: left;width: 677px;margin-left: 60px;}
.cevapFormu {float: right;padding: 10px 0;width: 100%;}
.cevapFormu textarea {}
.cevapFormu .adi {}
.cevapFormu .gonder {/* clear: both; */}

.yorumKullaniciSozlesmesiTumEkran {
position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999999999999999;
	display:none;
}
.yorumKullaniciSozlesmesiBackground {
    background: #1e1e1e;
    opacity: 0.9;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999
	
}
.yorumKullaniciSozlesmesiKutusu  {
	width: 600px;
	background-color: #fff;
	top: 50%;
	position: absolute;
	left: 50%;
	right: 50%;
	bottom: 0;
	transform: translate(-50%,-50%);
	padding: 20px;
	height: 400px;
}
.yorumKullaniciSozlesmesiKutusu .yorumKullaniciSozlesmesiniKapat {
    position: absolute;
    right: 15px;
    font-size: 19px;
    cursor: pointer;
    top: 10px;
}
.yorumKullaniciSozlesmesiKutusu .yorumKutusuBasligi {
    float: left;
    width: 100%;
    font-weight: 600;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #eee;
}
.yorumKullaniciSozlesmesiKutusu .yorumKutusuIcerigi {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 21px;
    padding: 15px 0 0 0;
}
.yorumKullaniciSozlesmesiKutusu .yorumSozlesmesiOnayla {
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 20px;
} 
.yorumKullaniciSozlesmesiKutusu label{
    padding-left: 10px;
    cursor: pointer;
}
.yorumYazmaKurallariForm {
	width:100%;
	padding: 10px 0;
	font-size: 14px;
	cursor: pointer;
	display: flex;
	align-items: center;
}
.yorumYazmaKurallariForm label {
	cursor:pointer;
	padding-left: 5px;
}
.yorumYazmaKurallariForm input[type=checkbox]	{
	width: auto;
	padding: 0 !important;
	margin: 2px !important;
	transform: scale(1.2);
}
.yorumlarBaslik {
	width: 100%;
	font-size: 24px;
}
.sozlesmeUyari {
    color: #A71111;
    /* padding: 5px 0; */
}
.yorumYapilmadi {
	display:flex;
	width:100%;
	padding: 20px;
	font-size: 16px;
	background-color: #ededed;
	margin-bottom: 25px;
	border: 2px solid #ddd;
}



/* ------- hava durumu ------------*/



/*hava durumu */
.havaDurumu {
    float: left;
    width: 100%;
}
.havaDurumu h1 {
    float: left;
    width: 100%;
    font-weight: 500;
    padding: 20px 0;
    font-size: 21px;
}
.havaDurumu .ustKisim {
    float: left;
    width: 100%;
    background-image: url('../images/havaDurumu/havaDurumuBg2.jpg');
    background-position: top;
    position: relative;
    height: 430px;
    background-size: cover;
    margin-bottom: 20px;
}
.havaDurumu .ustKisim .bg{
	background-color: rgba(0, 0, 0, 0.55);
	float: left;
	height: 100%;
	width: 100%;
}
.havaDurumu .ustKisim select{
    background-color: transparent;
    border: none;
    color: #fff;
    font-size: 38px;
    top: 35px;
    position: absolute;
    left: 25px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(../../images/arrow_down.png) no-repeat right #0000;
}
.havaDurumu .ustKisim select option{
    color: #000;
    font-size: 14px;
}
.havaDurumu .ustKisim .suan{
    float: left;
    width: 30%;
    margin-top: 130px;
    margin-left: 25px;
}
.havaDurumu .ustKisim .suan .derece{
    font-size: 85px;
    left: 25px;
    color: #fff;
    float: left;
    height: 110px;
}
.havaDurumu .ustKisim .suan .durum{
    float: left;
    width: 120px;
    text-align: center;
    margin-left: 30px;
    height: 110px;
}
.havaDurumu .ustKisim .suan .durum img{
    width: 56px;
    /* float: left; */
    margin: 10px;
}
.havaDurumu .ustKisim .suan .durum span{
    float: left;
    width: 100%;
    color: #fff;
    padding: 5px 0px;
}
.havaDurumu .ustKisim .suan .nem  {
    float: left;
    width: 120px;
    color: #fff;
    margin-top: 40px;
}
.havaDurumu .ustKisim .suan .nem i{
    font-size: 31px;
    float: left;
    padding-right: 5px;
}
.havaDurumu .ustKisim .suan .nem span{} 

.havaDurumu .ustKisim .suan .ruzgar  {
    float: left;
    width: 110px;
    color: #fff;
    margin-top: 40px;
}
.havaDurumu .ustKisim .suan .ruzgar i{
    font-size: 31px;
    float: left;
    padding-right: 5px;
}
.havaDurumu .ustKisim .suan .ruzgar span{
} 
.havaDurumu .digerGunler{
    float: left;
    width: 65%;
    margin: 75px 0 0 0px;
}
.havaDurumu .digerGunler li{
    float: left;
    color: #fff;
    text-align: center;
    width: 33%;
}
.havaDurumu .digerGunler li p {
    float: left;
    width: 100%;
    padding: 15px 0;
    font-size: 24px;
}
.havaDurumu .digerGunler li img{
    width: 62px;
    margin: 10px 0;
}
.havaDurumu .digerGunler li span{
    float: left;
    width: 100%;
    padding: 5px 0;
    font-size: 20px;
}
.altKisim {
    width: 100%;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
}
.altKisim h2{
    float: left;
    width: 100%;
    padding-bottom: 20px;
    font-weight: 500;
}
.altKisim .head li{
    font-weight: 600;
    font-size: 16px;
}
.altKisim ul{
    /* float: left; */
    display: flex;
    width: 100%;
    border: 1px solid #eee;
}
.altKisim ul li:first-child {
    width: 14%;
}
.altKisim ul li {
    width: 14.2%;
    /* float: left; */
    text-align: center;
    padding: 15px 5px;
    background-color: #fff;
    font-size: 14px;
    /* border: 0.1px solid #eee; */
} 




/*-------------  hava durumu  -------------------*/





 #ustDovizKurlari-wrapper {
  width: 100%;
  height: 40px;
  min-width: 320px;
  border-bottom: 1px solid #ccc;
	> div {
    height: 100%;
 
  }
}

#ustDovizKurlari {
  display: flex;
  align-items: center;
  position: relative;
  cursor: default;
  overflow: auto;
  height: 100%;
  padding: 15px 0;
  background-color: #ffffff;
  border-bottom: 1px solid #ddd;
   
  > .container {
    display: flex;
    justify-content: space-between;
    gap: 20px;

    .item {
      display: flex;
      gap: 10px;
      line-height: 1em;
      white-space: nowrap;
       

      .name {
        font-size:14px;
        font-weight: 700;

        &::after {
          content: "";
          margin-left: 7px;
          width: 11px;
          height: 12px;
          display: inline-block;
        }
      }

      .rate {
        font-size:14px;
        font-weight:500;
        opacity:1;
        letter-spacing: -0.2px; 

        .change {
          font-size:14px;
          font-weight: 400;
          margin-left: 5px;
        }
      }

      &.yukseldi {
        .name::after {
          background: url("/assets/images/yukari.png") center center no-repeat;
          background-size: 100%;
		   color: red;
        }

        .rate   {
          
        }
      }

      &.dustu { 
        .name::after {
          background: url("/assets/images/asagi.png") center center no-repeat;
          background-size: 100%;
		   color: red;
        }

        .rate   {
            
        }
      }
    }
  }
}
















 
.dovizSonuclariSayfasi .altKisim {
    flex-direction: row;
}
.dovizSonuclari {padding-top: 20px;}
.dovizSonuclari h1 {
	padding: 10px 0;
}
.anlikDovizSonuclari ul {
    display: flex;
}
.anlikDovizSonuclari {float: left;width: 100%;background-color: #276b8c;margin-top: 15px;}
.anlikDovizSonuclari li{/* float: left; */width: 25%;text-align: center;position: relative;padding: 35px 0;}

.anlikDovizSonuclari li:hover{background-color: #194f69;}
.anlikDovizSonuclari li span{/* float: left; */width: 100%;padding: 0 0 10px 0px;font-size: 24px;}
.anlikDovizSonuclari li p{/* float: left; */width: 100%;padding: 10px 0 0 0;font-size: 28px;}
.anlikDovizSonuclari li a{color:#fff}
.anlikDovizSonuclari li i{font-size: 35px;}
.anlikDovizSonuclari li .icon{/* float: left; */width: 100%;height: 20px;color: #fff;}
.anlikDovizSonuclari li i.fa-sort-up,.dovizKurlari ul li i.fa-sort-up{
color: #4CAF50;
}
.anlikDovizSonuclari li i.fa-sort-down,.dovizKurlari ul li i.fa-sort-down{
color: #d11919;
line-height: 0;
}
.anlikDovizSonuclari li i.fa-window-minimize,.dovizKurlari ul li i.fa-window-minimize{color: #2f2f2f;line-height: 0;}  
.dovizSonuclariSayfasi .dovizKurlari  {}
.dovizSonuclariSayfasi .sagBlok {
    width: 35%;
    padding-left: 20px;
    padding-top: 20px;
}
.dovizSonuclariSayfasi .sagHaber {
	    margin-right: 20px;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.dovizSonuclariSayfasi .sagHaber a {}
.dovizSonuclariSayfasi  .sagHaber a img {
    width: 100%;
}
.dovizSonuclariSayfasi  .sagHaber a h5 {
    font-size: 18px;
    background-color: #fff;
    padding: 10px;
}

.dovizKurlari {width: 65%;border: 1px solid #eee;margin-top: 20px;}
.dovizKurlari ul {/* float: left; */width: 100%;border: 1px solid #8c8c8c;border-top: none;display: flex;}
.dovizKurlari ul li:first-child {text-align:left;width: 175px;font-size: 14px;padding: 15px 0px 15px 10px;}
.dovizKurlari ul.dovizListBaslik {background-color: #276b8c !important;color: #fff;}
.dovizKurlari ul.dovizListBaslik li {
    background-color: #276b8c !important;
    }
.dovizKurlari ul:nth-child(odd) li {background-color: #ddd;}
.dovizKurlari ul:nth-child(even) li {
    background-color: #f2f2f2;
}
.dovizKurlari ul li {/* float: left; */width: 152px;padding: 15px 10px;text-align: center;max-height: 50px;} 
.dovizKurlari ul li:nth-child(2) {
    width: 90px;
}
.dovizKurlari ul li i{font-size: 28px;} 	

.dovizSonuclariSayfasi .digerHaberler {display: grid;grid-template-columns: 25% 25% 25% 25%;}
.dovizSonuclariSayfasi .digerHaberler li {
    padding: 10px;
}
.dovizSonuclariSayfasi .digerHaberler li img {
    width: 100%;
}
.dovizSonuclariSayfasi .digerHaberler li p{
    font-size: 18px;
    font-weight: 600;
}
.dovizSonuclariSayfasi .dovizKurlariText {
    padding-top: 20px;
    line-height: 24px;
}
.dovizSonuclariSayfasi .dovizKurlariText h2 {
    padding: 20px 0;
}
.dovizSonuclariSayfasi .dovizKurlariText ul {
    padding: 5px 0;
}
.dovizSonuclariSayfasi .dovizKurlariText ul li {
    list-style: disc;
    margin-left: 20px;
}
.dovizSonuclariSayfasi .dovizKurlariText p {
    padding: 8px 0;
}




















/*--------------doviz kurlari ---------*/

.gozdenKacmasin {
    display: flex;
    flex-direction: column;
    margin: 15px 0;
}
.gozdenKacmasin .gk-title{
    font-family: 'Helvetica Bold', 'sans-serif';
    padding: 10px 0 15px 0;
    font-size: 21px;
    }
.gozdenKacmasin .gk-title i{
    padding-right: 5px;
    color: #f00;
}
.gozdenKacmasin .attention{
    display: flex;
    margin-bottom: 15px;
}
.gozdenKacmasin .attention a{
    display: flex;
    width: 100%;
}
.gozdenKacmasin .gk-img{
    width: 260px;
    border-radius: 10px 0px 0px 10px;
}
.gozdenKacmasin .heading{
    padding-left: 20px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    padding: 0 20px;
    background-color: #A70C10;
}
.gozdenKacmasin .heading .gk-baslik{
    color: #fff;
    font-size: 22px;
    line-height: 27px;
    font-family: 'Helvetica Bold', 'sans-serif';
}
.gozdenKacmasin .heading .gk-link{
    padding: 7px 10px;
    background-color: #820303;
    color: #fff;
    margin-top: 15px;
    font-size: 16px;
} 
.gozdenKacmasin .heading .gk-link i{
    padding-left: 5px;
} 

.whatsappAboneOlun {
    padding: 10px;
    border: 1px solid #ebebeb;
    margin-top: 15px;
    background-color: #f4f4f4;
}
.whatsappAboneOlun p  {
    font-size: 16px;
    display: flex;
    flex-direction: column;
    }
.whatsappAboneOlun b {
    font-size: 16px;
}
.whatsappAboneOlun a {color: #075B88;margin-top: 10px;font-weight: 600;}
.editorBilgisi {
    display: flex;
    width: 100%;
    align-items: center;
}
.editorBilgisi .editorFoto {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    overflow: hidden;
    /* margin: 10px; */
    border: 3px solid #ffff;
}
.editorBilgisi .editorFoto img {
    width: 100%;
    height: 100%;
}
.editorBilgisi .editor {
    flex-grow: 1;
    padding-left: 10px;
    display: flex;
    flex-direction: column;
    color: #000;
}
.editorBilgisi .editor .editorAdi {
    font-weight: 600;
    font-size: 14px;
}
.editorBilgisi .editor .editorAdi a {}
.editorBilgisi .editor .editorGorevi {
    padding-top: 0;
}
.editorBilgisi .editorSosyalMedya{display: flex;justify-content: center;align-items: center;}
.editorBilgisi .editorSosyalMedya ul{
    display: flex;
}
.editorBilgisi .editorSosyalMedya ul li{
    padding: 2px;
    border-radius: 100%;
    color: #000;
    overflow: hidden;
    width: 30px;
    height: 30px;
    margin-left: 3px;
    text-align: center;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.editorBilgisi .editorSosyalMedya ul li a{}
.editorBilgisi .editorSosyalMedya ul li i{
    font-size: 16px;
	color:#fff;
}
.editorBilgisi .editorSosyalMedya ul li.facebook {background-color:#3b5998}
.editorBilgisi .editorSosyalMedya ul li.twitter {background-color:#1DA1F2}
.editorBilgisi .editorSosyalMedya ul li.instagram {background-color:#ae2faf}
.editorBilgisi .editorSosyalMedya ul li.eposta {background-color:#626262}
.editorBilgisi .editorSosyalMedya ul li.linkedin {background-color:#0a7fbe}
.editorHakkinda {
    border: 1px solid #e0dcdc;
    background-color: #f4f4f4;
    padding: 10px 10px;
    border-top: none;
}
.editorHakkinda h2 {font-size: 20px;}
.editorHakkinda p {padding-top: 10px;}

.namazVakitleri {
    width: 100%;
    position: relative;
}
.namazVakitleri h1 {
    font-weight: 500;
    padding: 50px 20px;
    width: 100%;
    background-color: #fff;
}
.namazVakitleri .gunBilgisi {
    position: absolute;
    right: 25px;
    top: 45px;
    font-weight: bold;
}
.namazVakitleri .gunBilgisi .miladi{
    font-size: 18px;
    text-align: right;
}
.namazVakitleri .gunBilgisi .hicri{
    padding-top: 14px;
}
.namazVakitleri .namazVakti {
    width: 100%;
    background-color: #288fa7;
}
.namazVakti ul{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.namazVakti ul li{
    text-align: center;
    color: #fff;
    padding: 50px 0;
}
.namazVakti ul li:hover{
    background-color: #144955;
}
.namazVakti ul li h3{
    float: left;
    width: 100%;
    font-size: 18px;
    padding-bottom: 15px;
}
.namazVakti ul li p{
    float: left;
    width: 100%;
    font-size: 38px;
}
.imsakiye {
    margin-top: 20px;
    border: 1px solid #eee;
    width: 100%;
}
.imsakiye ul:nth-child(odd) {
    background-color: rgb(0 0 0 / 17%);
}
.imsakiye ul:nth-child(even) {
    background-color: #fff;
}
.imsakiye ul.imsakiyeHeader {
    background-color: #156b7e;
    padding: 5px 0px;
    color: #fff;
    width: 100%;
}
.imsakiye ul.imsakiyeHeader li {text-align: center !important;font-weight: 600;}
.imsakiye ul {
    width: 100%;
    display: flex;
    }
.imsakiye ul li {
    width: 138px;
    text-align: center;
    padding: 15px 0;
}
.imsakiye ul li:first-child {
	width: 280px;
	text-align: left;
	padding: 15px 10px;
}
.ilListesi {
    width: 100%;
    background-color: #ffffff;
    overflow: hidden;
}
.ilListesi ul  {
    display: flex;
    background-color: #363535;
    width: auto;
    overflow: overlay;
}
.ilListesi ul li {
    padding: 8px 10px;
    border-right: 1px solid #414141;
}
.ilListesi ul li a{
    color: #fff;
    font-size: 14px;
}


.sabit-kose {
  position: fixed;
  bottom: 20px; 
  right: 20px;  
  background-color: #ffffff;  
  padding: 10px;  
  border: 1px solid #cccccc;  
  border-radius: 5px;  
  z-index: 9999999;
}

#kapatDugme {
  float: right;
  position: absolute;
  top: -7px;
  right: 5px;
  background-color: #f00;
  padding: 5px;
  color: #fff;
}

.mansetBaslikBolumu {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.1;
    display: flex;
    align-items: flex-end;
    padding: 40px 15px 12px;
    text-align: left;
    justify-content: left;
}

.mansetBaslikBolumu:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: linear-gradient(0deg, #180f0f, rgb(40 43 53 / 90%) 30%, rgba(51, 55, 67, 0));
}

.mansetBaslikBolumu .ekBaslik {
    padding: 5px 0;
    margin-bottom: 0;
    color: #fff;
    display: inline-block;
    position: relative;
}

.mansetBaslikBolumu .ekBaslik:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-left: -10%;
    margin-right: -10%;
    z-index: -1;
    background: linear-gradient(90deg, rgb(255 0 47), rgb(220 12 51 / 88%) 10%, rgb(255 0 48) 85%, rgb(255 0 0 / 0%));
}

.mansetBaslikBolumu .mansetBaslik {
    position: relative;
    color: #fff;
    font-size: 1.3em;
    font-weight: bold;
    font-family: 'Helvetica Bold', 'sans-serif';
}
.listeHaberler {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.listeHaberlerBolumu {
    display: flex;
    flex-direction: row;
	
}
.listeHaberler h4 {
    padding: 10px;
}
.listeHaberler ul {}
.listeHaberler li {
    display: flex;
    list-style: circle;
    width: 250px;
    float: left;
    padding: 5px 0;
}
.listeHaberler li h5 {}


.listeHaberler li::before {
    content: "•";
    margin-right: 10px;
}


.kurCevirici {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 25px;
    background-color: #fff;
    padding: 10px;
}
.kurCevirici h2 {
    font-weight: 500;
    font-size: 21px;
    width: 100%;
    border-left: 5px solid #004685;
    padding: 0 0 0 10px;
    margin-bottom: 15px;
}
.kurCevirici form {
    display: flex;
    flex-direction: column;
}
.kurCevirici .form-group {
    display: flex;
    margin-bottom: 10px;
}
.kurCevirici .form-group label {
    font-size: 16px;
    align-items: center;
    display: flex;
    width: 20%;
    font-weight: 600;
}
.kurCevirici .form-group input {
    margin-left: 10px;
    border: none;
    padding: 9px;
    width: 80%;
    font-size: 16px;
    border: 1px solid #eee;
}
.kurCevirici .form-group select {
    margin-left: 10px;
    border: none;
    padding: 5px;
    width: 80%;
    border: 1px solid #eee;
    font-size: 16px;
}
.kurCevirici button {
    width: 100%;
    background-color: #004685;
    padding: 10px;
    font-size: 16px;
    color: #fff;
}

.kurSonucuKismi {
    display: flex;
    flex-direction: column;
}
.kurSonucuKismi h1{
    padding: 10px;
    font-size: 22px;
}
.kurSonucuKismi .kurSonucu {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    padding: 15px;
    text-align: center;
}
.kurSonucuKismi .kurSonucu span {
	text-align:center;
	font-size: 24px;
	padding: 20px 0;
}
.kurSonucuKismi .kurSonucu ul {
    width: 100%;
    text-align: center;
    margin-top: 20px;
    font-size: 18px;
}
.kurSonucuKismi .kurSonucu ul li {
    padding-bottom: 10px;
    width: 100%;
}
.kurSonucuKismi .kurSonucu ul li b {
    width: 75px;
}
.kurSonucuKismi .kurSonucu ul li p {margin-top: 10px;}
.kurSonucuKismi .kurSonucu p{padding: 10px 0;}
.kurLinkleri {
    padding: 10px;
    background-color: #fff;
    margin: 20px 0;
    width: 100%;
    display: block;
    float: left;
}
.kurLinkleri a {
    padding: 5px 10px;
    background-color: #ddd;
    margin: 5px;
    margin-top: 5px;
    float: left;
    font-size: 12px;
    border-radius: 5px;
}
.kurLinkleri a:hover {
    background-color: #004685;
    color: #fff;
}

.reklam {
	 
    width: 100%;
    text-align: center;
}
.reklam img {
	width:auto;
}