﻿body {
    margin: 10;
    font-family: arial;
    font-size: 10pt;
    background-color: #FFFFFF;
    margin-top: 0px;
}

p, ul {
    font-family: Arial;
    font-size: 10pt;
}

td {
    font-family: Arial;
    font-size: 10pt;
}

img {
    border: 0;
}

form {
    margin: 0;
}

.secim-saat {
    width: 133px;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

    .secim-saat li {
        display: inline;
        font-size: 23px;
        color: #6C6C6C;
        text-align: center;
        font-family: Arial;
        font-weight: bold;
    }

        .secim-saat li img {
            float: left;
            margin-top: 2px;
        }

.secim-saat-anadiv {
    width: 133px;
    margin-left: 620px;
    margin-top: 15px;
    font-size: 20pt;
    position: absolute;
}

.treklam {
    font-size: 12pt;
    color: #0000FF;
    text-decoration: underline;
    font-family: Arial;
    font-weight: bold;
}

a:link.treklam {
    font-size: 12pt;
    color: #0000FF;
    text-decoration: underline;
    font-family: Arial;
    font-weight: bold;
}

a:visited.treklam {
    font-size: 12pt;
    color: #0000FF;
    text-decoration: underline;
    font-family: Arial;
    font-weight: bold;
}

a:hover.treklam {
    font-size: 12pt;
    color: #0000FF;
    text-decoration: underline;
    font-family: Arial;
    font-weight: bold;
}

a:link {
    color: black;
    text-decoration: none;
}

a:visited {
    color: black;
    text-decoration: none;
}

a:hover {
    color: black;
    text-decoration: underline;
}

.sb {
    color: #E10B17;
    font-family: Arial;
    font-size: 16pt;
    font-weight: bold;
    padding-left: 8px;
    margin-bottom: 0px;
}

.dlu {
    color: #3c3b3b;
    font-size: 14px;
    font-weight: bold;
}

.yataymenu {
    font-size: 10pt;
    color: #626665;
    font-family: Arial;
}

a:link.yataymenu {
    font-size: 10pt;
    color: #626665;
    font-family: Arial;
}

a:visited.yataymenu {
    font-size: 10pt;
    color: #626665;
    font-family: Arial;
}

a:hover.yataymenu {
    font-size: 10pt;
    color: #0D53B2;
    font-family: Arial;
}

.b1, a:link.b1, a:visited.b1 {
    font-size: 11pt;
    color: #0D53B2;
    font-family: Arial;
    text-decoration: none;
    font-weight: bold;
}

a:hover.b1 {
    color: #0000FF;
    text-decoration: underline;
}

.gm, a:link.gm, a:visited.gm, a:active.gm {
    font-family: arial;
    font-size: 12px;
    color: #444d72;
    text-decoration: none;
}

a:hover.gm {
    color: #0000FF;
    text-decoration: underline;
}

.m, a:link.m, a:visited.m {
    font-size: 12pt;
    color: #FFFFFF;
    font-family: Arial;
    text-decoration: none;
    font-weight: bold;
}

a:hover.m {
    color: #000;
}

.m2, a:link.m2, a:visited.m2 {
    font-size: 10pt;
    color: #FFFFFF;
    font-family: Arial;
    text-decoration: none;
    font-weight: bold;
}

a:hover.m2 {
    color: #000000;
}

.m9, a:link.m9, a:visited.m9 {
    font-size: 11pt;
    color: #FFFFFF;
    font-family: arial;
    text-decoration: none;
    font-weight: bold;
}

a:hover.m9 {
    text-decoration: underline;
}

.dl, a:link.dl, a:visited.dl {
    font-size: 12pt;
    color: #0d53b2;
    text-decoration: none;
    font-weight: bold;
}

a:hover.dl {
    color: #0000FF;
    text-decoration: underline;
}

.link1 {
    font-size: 8pt;
    color: #86a9d9;
    font-family: Arial;
}

a:link.link1 {
    font-size: 8pt;
    color: #86a9d9;
    font-family: Arial;
}

a:visited.link1 {
    font-size: 8pt;
    color: #86a9d9;
    font-family: Arial;
}

a:hover.link1 {
    font-size: 8pt;
    color: #aaa;
    font-family: Arial;
}

.ara5px {
    font-size: 5pt;
    height: 7px;
    padding: 0px;
    margin: 0px;
}

.ara20px {
    font-size: 5pt;
    height: 20px;
    padding: 0px;
    margin: 0px;
}

.linkler-baslik {
    font-weight: bold;
    font-size: 8pt;
    color: #658AB8;
    font-family: Arial;
}

a:link.linkler-baslik {
    font-size: 8pt;
    color: #0D53B2;
    font-family: Arial;
}

a:visited.linkler-baslik {
    font-size: 8pt;
    color: #0D53B2;
    font-family: Arial;
}

a:hover.linkler-baslik {
    font-size: 8pt;
    color: #0000FF;
    font-family: Arial;
}

.yh, a:visited.yh, a:link.yh {
    font-size: 10pt;
    color: rgb(84,84,84);
    font-family: Arial;
    border: none 0px;
}

a:hover.yh {
    color: black;
}

.yhi, a:visited.yhi, a:link.yhi {
    font-family: Arial;
    color: #999999;
    font-size: 20px;
}

a:hover.yhi {
    color: #999999;
}

.yhilce, a:visited.yhilce, a:link.yhilce {
    font-weight: bold;
    font-size: 9pt;
    color: #0D53B2;
    font-family: Arial;
}

a:hover.yhilce {
    color: #0000FF;
}

.e9, a:visited.e9, a:link.e9 {
    font-weight: bold;
    font-size: 14pt;
    color: #0000FF;
    font-family: Arial;
    text-decoration: underline;
}

a:hover.e9 {
    color: #0000FF;
}

.galerilink {
    font-size: 9pt;
    color: #0D53B2;
    font-family: Arial;
}

a:link.galerilink {
    font-size: 9pt;
    color: #0D53B2;
    font-family: Arial;
}

a:visited.galerilink {
    font-size: 9pt;
    color: #0D53B2;
    font-family: Arial;
}

a:hover.galerilink {
    font-size: 9pt;
    color: #0000FF;
    font-family: Arial;
}

a:link.kategorilink {
    font-size: 9pt;
    color: #0D53B2;
    font-family: Arial;
}

a:visited.kategorilink {
    font-size: 9pt;
    color: #0D53B2;
    font-family: Arial;
}

a:hover.kategorilink {
    font-size: 9pt;
    color: #0000FF;
    font-family: Arial;
}

a:link.yanmanset {
    font-size: 10pt;
    color: #16659E;
    font-family: Arial;
}

a:visited.yanmanset {
    font-size: 10pt;
    color: #16659E;
    font-family: Arial;
}

a:hover.yanmanset {
    font-size: 10pt;
    color: #0000FF;
    font-family: Arial;
}

#slogan {
    color: #497dc5;
    font-size: 8pt;
    padding-left: 2px;
}

.slogan2 {
    color: #497dc5;
    font-size: 8pt;
    padding-left: 9px;
}

#faks {
    color: #FFF;
    font-size: 8pt;
}

#L2 {
    background-color: #D8D8D8;
    width: 980px;
    height: 400px;
}

#L2-sag {
    float: right;
    width: 320px;
    padding: 8px;
}

#L2-sol {
    float: left;
    width: 650px;
    border: 1px solid #000;
}

.haberbaslik {
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 31px;
    font-weight: bold;
    color: #E10B17;
    font-family: Arial;
}

.haberozet {
    font-size: 19px;
    font-weight: bold;
    color: #333333;
    font-family: Arial;
}

.KH_sagliste {
    font-size: 9pt;
}

a:link.KH_sagliste {
    font-size: 9pt;
}

a:visited.KH_sagliste {
    font-size: 9pt;
}

a:hover.KH_sagliste {
    font-size: 9pt;
}

.trs1 {
    background-color: #000080;
}

.resim_k {
    width: 100px;
    align: left;
    float: left;
    border: 1px solid #aaa;
    margin-right: 4px;
}

.t {
    font-size: 9pt;
}

.trs0 {
    background-color: #fff;
    font-size: 9pt;
}

.trs1 {
    background-color: #e8f8ff;
    font-size: 9pt;
}

.liveScoreBody {
    width: 650px;
    font-size: 9pt;
}

.tables {
    border: 0px solid #0d53b2;
    background-color: #FFF;
    font-size: 9pt;
}

.ttop {
    background-color: #0d53b2;
    background: #0d53b2 url('/resimler/mavi_bg.gif');
    color: #FFF;
    font-size: 9pt;
}

#s24footer {
    color: #BBBBBB;
}

#habermetni p, #habermetni {
    font-size: 15px;
    color: #333333;
    font-family: Arial;
}

.c {
    font-size: 26px;
    font-weight: bold;
    color: #e10b17;
    padding-left: 5px;
}

.du {
    font-size: 18px;
    font-weight: bold;
    color: #3c3b3b;
    padding-left: 5px;
}

.pl {
    border-bottom: 1px solid #dfdfdf;
    font-family: Arial;
}

.pa {
    font-size: 9pt;
    color: #6c7b9b;
}

.p2 {
}

.ana-baslik {
    color: #676767;
    font-size: 18pt;
    font-family: arial;
    font-weight: bold;
}

.t1 {
    font-family: Arial;
    color: #000000;
    font-size: 20px;
    border-bottom: 1px solid #cdcdcd;
    padding-bottom: 5px;
    margin: 5px;
}

.t2 {
    font-family: Arial;
    color: #000000;
    font-size: 15px;
    font-weight: bold;
}

.tp {
    font-family: Arial;
    color: #000000;
    font-size: 15px;
    border-bottom: 1px solid #dfdfdf;
}

.tp2 {
    font-family: Arial;
    color: #327db7;
    font-size: 15px;
    border-top: 1px solid #dfdfdf;
}

.t2Lnk {
    font-family: Arial;
    color: #000000;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
}

a:hover.t2Lnk {
    color: #000000;
    text-decoration: underline;
}

a:link.t2Lnk {
    color: #000000;
}

a:visited.t2Lnk {
    color: #000000;
}

.n {
    color: #a4a4a4;
    font-size: 10pt;
    font-weight: bold;
}

.baslik2 {
    font-family: Arial;
    padding-left: 10px;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    height: 34px;
    vertical-align: middle;
    text-align: left;
    background-image: url('/resimler/secim_baslik2_bg.jpg');
    background-repeat: no-repeat;
}

.t4 {
    font-family: Arial;
    color: #676767;
    font-size: 20px;
    font-weight: bold;
    padding-left: 5px;
}

.a2 {
    border: 0px solid #000;
    padding-left: 0px;
}

.yerel {
    border: 1px solid #000;
}

.dn {
    background: url('/2009/fotogaleri/resim/dn.gif') repeat-y center 2px;
}

.yn {
    height: 5px;
    background: url('/2009/fotogaleri/resim/yn.gif') repeat-x center;
}

.fg1 {
    padding: 2px;
    padding-right: 0px;
}

.fg2 {
    padding: 2px;
    padding-left: 0px;
}

.aramakutusu {
    border: 1px solid #7f9db9;
    font-size: 10pt;
}

.f9 {
    font-size: 9pt;
}

.mfr9, a:link.mrf9, a:visited.mrf9 {
    font-size: 17px;
    color: #FFFFFF;
    font-family: Arial;
    ;
    text-decoration: none;
    font-weight: bold;
}

a:hover.mrf9 {
    text-decoration: underline;
}

.yataymenu2, a:link.yataymenu2, a:visited.yataymenu2, a:hover.yataymenu2 {
    font-size: 12px;
    color: #626665;
    font-family: Arial;
}

.baslik2rf {
    font-family: Arial;
    padding-left: 10px;
    color: #676767;
    font-size: 13px;
    font-weight: bold;
    height: 34px;
    vertical-align: middle;
    text-align: left;
    background-image: url('/2010/resimler/ref_baslik2_bg.jpg');
    background-repeat: no-repeat;
}

.baslik3rf {
    font-family: Arial;
    padding-left: 10px;
    color: #676767;
    font-size: 13px;
    font-weight: bold;
    height: 34px;
    vertical-align: middle;
    text-align: left;
    background-image: url('/2010/resimler/ref_baslik_656_bg.jpg');
    background-repeat: no-repeat;
}

.baslik4rf {
    font-family: Arial;
    padding-left: 10px;
    color: #676767;
    font-size: 13px;
    font-weight: bold;
    height: 34px;
    vertical-align: middle;
    text-align: left;
    background-image: url('/2010/resimler/ref_baslik_555_bg.jpg');
    background-repeat: no-repeat;
}

.spn20 {
    font-size: 8pt;
    color: #777777;
}

.fnt1 {
    color: #676767;
    font-size: 12px;
    font-family: Arial;
}

.fnt2 {
    color: #ffffff;
    font-size: 18px;
    font-family: Arial;
}

.lnk1, a:link.lnk1, a:visited.lnk1 {
    font-size: 14pt;
    color: blue;
    font-family: Arial;
    ;
    text-decoration: none;
    font-weight: bold;
}

a:hover.lnk1 {
    text-decoration: underline;
}

.main-div {
    width: 100%;
    max-width: 980px;
    font-family: Arial;
}

.link-div {
    height: 30px;
    background-color: #dd0000;
    font-size: 11pt;
    font-weight: bold;
    float: left;
}

.title-div {
    height: 70px;
    color: #b70000;
    display: table;
    padding-left: 10px;
}

    .title-div > p {
        display: table-cell;
        vertical-align: middle;
        font-size: 25px;
    }

.iller-div {
    height: 25px;
    padding-bottom: 20px;
}

.iller-table {
    width: 100%;
    height: 25px;
}

    .iller-table table {
        height: 25px;
        font-size: 15px;
    }

        .iller-table table tr td {
            padding-right: 15px;
        }

    .iller-table a {
        color: black;
    }

.container-div {
    width: 980px;
}

.link-table {
    color: white;
    vertical-align: middle;
    width: 100%;
}

    .link-table a {
        text-decoration: none;
        color: white;
    }

    .link-table tr td {
        text-align: center;
    }

.left-div {
    float: left;
    width: 128px;
    text-align: left;
}

.center-div {
    float: left;
    width: 540px;
}

    .center-div table tr td {
        border-bottom: 1px solid #dfdfdf;
    }

.right-div {
    float: left;
    width: 300px;
    margin-left: 10px;
}

.clear {
    clear: both;
}

.left-div table {
    width: 110px;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
}

.left-div a {
    color: black;
}

.left-div table tr td {
    border-bottom: 1px solid #dfdfdf;
    height: 30px;
}

.left-div .border-top td {
    border-top: 1px solid #dfdfdf;
}

.parti-title {
    background-color: #ffffff;
    height: 60px;
    vertical-align: middle;
    padding-left: 10px;
    font-weight: bold;
}

.parti-title-right {
    background-color: #ffffff;
    height: 35px;
    vertical-align: middle;
    padding-left: 10px;
    border-bottom: 1px solid #dfdfdf;
    font-weight: bold;
}

.parti-table {
    color: #707070;
}

    .parti-table tr td a {
        text-decoration: none;
        color: #707070;
    }

    .parti-table .sira {
    }

.parti-table-right tr td a {
    text-decoration: none;
    color: #707070;
}

.ilceler-div {
    width: 850px;
    margin-left: 128px;
    margin-top: 20px;
    background-color: white;
}

.ilceler-table {
    width: 860px;
    border: 1px solid #dfdfdf;
}

    .ilceler-table a {
        color: black;
        font-weight: bold;
    }

.ilceler-title {
    height: 33px;
    vertical-align: middle;
    padding-top: 6px;
    padding-left: 15px;
    font-weight: bold;
    border-bottom: 1px solid #dfdfdf;
}

.parti-table-right img {
    width: 30px;
    height: 30px;
    border: 1px solid #dfdfdf;
}

.parti-table img {
    width: 38px;
    height: 38px;
    border: 1px solid #dfdfdf;
}

.parti-listesi a {
    color: #787878;
}

.parti-listesi img {
    width: 30px;
    height: 30px;
}

.ilceler-liste {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}

    .ilceler-liste li {
        display: block;
        float: left;
        padding: 5px 0 0 0;
        width: 125px;
    }

#table10 a {
    color: black;
}

.genelalan {
    width: 980px;
    height: auto;
    min-height: 500px;
    margin: 0px;
    padding: 0px;
    float: left;
}

.satir1 {
    width: 980px;
    height: auto;
    margin: 0px;
    padding: 0px;
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
}

.cmrbsk_gnl {
    width: 980px;
    height: auto;
    margin: 0px;
    padding: 0px;
    float: left;
    padding-top: 25px;
    padding-bottom: 25px;
}

.bsk_left {
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px;
    float: left;
}

.bsk_left_kln1 {
    width: 297px;
    height: 55px;
    margin: 0px;
    padding: 0px;
    float: left;
    border: 1px solid #d6d6d6;
    background-color: #F0F0F0;
    margin-bottom: 10px;
}

.bsk_left_kln2 {
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px;
    float: left;
    background-color: #f5f5f5;
    padding-top: 10px;
    padding-bottom: 10px;
}

.left_kln2_str {
    width: calc(100% - 30px);
    min-height: 22px;
    margin: 0px;
    padding: 0px;
    float: left;
    border-bottom: 1px solid #d6d6d6;
    margin-left: 15px;
    color: #000;
    font-size: 15px;
    padding-top: 8px;
    padding-bottom: 8px;
    position: relative;
    display: flex;
    justify-content: space-between;
}

.secim-sy {
}

.left_kln2_str:last-child {
    border-bottom: 0px;
}

.left1 {
    width: 96px;
    margin: 0px;
    padding: 0px;
    float: left;
    padding-top: 15px;
    padding-left: 10px;
}

.left2 {
    width: 150px;
    margin: 0px;
    padding: 0px;
    float: left;
    padding-top: 5px;
}

.progressbg {
    width: 181px;
    height: 39px;
    margin: 0px;
    padding: 0px;
    float: left;
    border: 3px solid #dfdfdf;
    background-image: url(/resimler/progresbg.png);
    background-repeat: repeat-x;
}

.progressbg2 {
    width: 100%;
    height: 39px;
    margin: 0px auto;
    padding: 0px;
    border: 3px solid #dfdfdf;
    background-image: url(/resimler/progresbg.png);
    background-repeat: repeat-x;
}

.progress_yuzde {
    width: 50%;
    height: 29px;
    margin: 0px;
    padding: 0px;
    float: left;
    background-color: #FFC90A;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    padding-top: 10px;
    position: relative;
    max-width: 181px;
    min-width: 0;
}

.secim-yuzde-text {
    display: block;
    position: absolute;
    left: 10px;
    top: 10px;
    width: 70px;
}

.progress_yuzde2 {
    width: 50%;
    height: 31px;
    margin: 0px;
    padding: 0px;
    float: left;
    background-color: #4FFF0A;
    color: #000;
    font-size: 20px;
    font-weight: bold;
    padding-top: 8px;
    max-width: 179px;
    min-width: 0;
    position: relative;
}

.secim-yuzde-text2 {
    display: block;
    top: 10px;
    text-align: center;
    width: 84px;
    margin: 0 auto;
}

.bsk_right {
    height: auto;
    margin: 0px;
    padding: 0px;
    float: left;
    border: 1px solid #D6D6D6;
    background-image: url(/resimler/baskanlar-bg.png);
    background-repeat: repeat-x;
    background-size: contain;
}

.baskanlar {
    width: 33.33%;
    height: auto;
    margin: 0px;
    padding: 10px;
    float: left;
    box-sizing: border-box;
}

.baskan_resmi {
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px;
    float: left;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 5px;
}

.baskan_adsoyad {
    width: 100%;
    height: auto;
    min-height: 40px;
    margin: 0px;
    padding: 0px;
    float: left;
    text-align: center;
    color: #000;
    font-size: 15px;
    font-weight: bold;
}

.baskan_progress {
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px;
    float: left;
    text-align: center;
    padding-top: 10px;
}

.menugenel {
    width: 980px;
    height: 30px;
    margin-bottom: 20px;
    padding: 0px;
    float: left;
    background-color: #DD0000;
}

.logoalani {
    width: 980px;
    height: 75px;
    padding: 0px;
    float: left;
    padding-left: 0px;
    padding-top: 32px;
}

.topmenualani {
    width: 980px;
    height: 25px;
    padding: 0px;
    float: left;
}

.topmenu_genel {
    width: auto;
    height: 24px;
    padding: 0px;
    float: left;
    border-right: 1px solid #EC7070;
    padding-right: 10px;
    padding-left: 10px;
    color: #FFF;
    padding-top: 6px;
    font-weight: bold;
}

    .topmenu_genel:last-child {
        border-right: 0px;
    }

.komsuillersatir1 {
    width: 980px;
    height: auto;
    margin: 0px;
    padding: 0px;
    float: left;
    padding-bottom: 10px;
    font-size: 13px;
    font-weight: bold;
}

.anabaslik {
    width: 850px;
    height: auto;
    margin: 0px;
    padding: 0px;
    float: left;
    color: #B70000;
    font-size: 28px;
    font-weight: bold;
    position: relative;
}

.saatgenel {
    width: 95px;
    height: auto;
    margin: 0px;
    padding: 0px;
    float: right;
}

.saat {
    width: 65px;
    height: auto;
    margin: 0px;
    padding: 0px;
    color: #6C6C6C;
    font-size: 23px;
    font-weight: bold;
    float: left;
}

.saatico {
    width: 27px;
    height: auto;
    margin: 0px;
    padding-top: 3px;
    padding-left: 3px;
    float: left;
}

.textredbaslik {
    font-size: 14px;
    color: #D21005;
    font-weight: bold;
}

.topmenu {
    text-decoration: none;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
}

    .topmenu:link {
        text-decoration: none;
        color: #FFF;
    }

    .topmenu:visited {
        text-decoration: none;
        color: #FFF;
    }

    .topmenu:active {
        text-decoration: none;
        color: #FFF;
    }

    .topmenu:hover {
        text-decoration: none;
        color: #F5BABA;
    }

.secim-yasak {
    width: 980px;
    margin-top: 20px;
    font-size: 30px;
    margin-bottom: 10px;
    float: left;
}

.secim-yasak-fotogaleri {
    width: 790px;
    margin-top: 20px;
    padding-bottom: 20px;
    font-size: 26px;
    padding-left: 10px;
}

.highcharts-container {
    float: left;
}

.mar-bot-10 {
    margin-bottom: 10px !important;
}

.mar-bot-20 {
    margin-bottom: 20px !important;
}

.mar-bot-30 {
    margin-bottom: 30px !important;
}

.mar-top-10 {
    margin-top: 10px !important;
}

.mar-top-20 {
    margin-top: 20px !important;
}

.mar-top-30 {
    margin-top: 30px !important;
}

.mar-bot-100 {
    margin-bottom: 100px !important;
}

.mar-rig-10 {
    margin-right: 10px !important;
}

.pad-hor-10 {
    padding: 0 10px !important;
}

.pad-hor-15 {
    padding: 0 15px !important;
}

.no-mar-pad {
    margin: 0 !important;
    padding: 0 !important;
}

.no-mar-bot {
    margin-bottom: 0 !important;
}

.pad-top-10 {
    padding-top: 10px !important;
}

.pad-top-20 {
    padding-top: 20px !important;
}

.pad-top-30 {
    padding-top: 30px !important;
}

.pad-bot-10 {
    padding-bottom: 10px !important;
}

.bold {
    font-weight: bold;
}

.light {
    font-weight: 300;
}

.italic {
    font-style: italic;
}

.rel {
    position: relative;
}

.block {
    display: block;
}

.inline-block {
    display: inline-block;
}

.secimo * {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

.secimo div {
    box-sizing: border-box;
}

.secimo a:hover {
    text-decoration: none;
}

.secimo .oncekiler {
    width: 100%;
    background-color: #86B3C4;
    min-height: 200px;
}

    .secimo .oncekiler > .baslik {
        background-image: url("/static/images/icon-sandik.png");
        background-repeat: no-repeat;
        background-position: left top 10px;
        min-height: 78px;
        font-weight: 700;
        font-size: 24px;
        color: #fff;
        padding: 20px 15px 10px 80px;
    }

    .secimo .oncekiler > ul {
        display: inline-block;
        padding: 0 6px 3px 6px;
        margin: 0;
    }

        .secimo .oncekiler > ul > li {
            display: block;
            width: 50%;
            height: 98px;
            float: left;
        }

            .secimo .oncekiler > ul > li > a {
                display: block;
                width: 100%;
                height: 100%;
                background-color: #eee;
                font-size: 18px;
                color: #444;
                text-align: center;
                border-right: 1px solid #DDDDDD;
                border-bottom: 1px solid #DDDDDD;
            }

                .secimo .oncekiler > ul > li > a:hover {
                    background-color: #fff;
                }

            .secimo .oncekiler > ul > li:nth-of-type(2n) > a {
                border-right: 0;
                border-bottom: 1px solid #DDDDDD;
            }

            .secimo .oncekiler > ul > li:nth-last-of-type(1) > a, .secimo .oncekiler > ul > li:nth-last-of-type(2) > a {
                border-bottom: 0;
            }

            .secimo .oncekiler > ul > li > a:hover {
            }

            .secimo .oncekiler > ul > li > a > span {
                display: block;
                text-align: center;
                font-weight: 700;
                color: #C50000;
                font-size: 30px;
            }

.secimo .baslik-tip-1 {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}

    .secimo .baslik-tip-1 > h3 {
        font-weight: 600;
        color: #444;
        font-size: 18px;
    }

.secimo ul.il-listesi {
    display: block;
    -webkit-column-width: 150px;
    -moz-column-width: 150px;
    column-width: 150px;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
    padding: 15px;
}

    .secimo ul.il-listesi > li {
    }

        .secimo ul.il-listesi > li a {
            font-size: 15px;
        }

body {
    margin: 0px 0px 0px 0px;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    width: 100%;
    line-height: 150%;
}

.site_main {
    width: 100%;
    ;
    box-sizing: border-box;
    padding: 0 10px;
}

.main_container {
    display: block;
}

.main_container {
    display: block;
    width: 100%;
    max-width: 980px;
}

.mc_ust_menu {
    display: block;
    height: 24px;
    float: left;
}

.mc_header_container {
    display: block;
    width: 100%;
    max-width: 980px;
    height: 100%;
    float: left;
    margin-bottom: 15px;
}

.mc_header {
    display: block;
    width: 100%;
    float: left;
}

    .mc_header .mc_logo {
        display: block;
        float: left;
        margin: 10px 10px 0px 0;
        height: 46px;
    }

        .mc_header .mc_logo a {
            display: block;
        }

        .mc_header .mc_logo img {
            display: block;
            border: none;
            border: 0;
            width: 350px;
        }

.main_container .mc_main {
    display: block;
    float: left;
    width: 100%;
}

.links_by_years {
    display: block;
    background: url('/static/images/main_sonuclar_link_bg.jpg') no-repeat 0px -15px;
    height: 581px;
    float: left;
    width: 100%;
    margin-top: 0px;
}

    .links_by_years .lby_links {
        display: block;
        margin: 22px 0px 0px 5px;
    }

        .links_by_years .lby_links .lby_link {
            float: left;
            display: block;
            width: 260px;
            text-align: center;
        }

        .links_by_years .lby_links .lby_link1 {
            margin-left: 26px;
        }

        .links_by_years .lby_links .lby_link2 {
            margin-left: 75px;
        }

        .links_by_years .lby_links .lby_link3 {
            margin-left: 42px;
        }

        .links_by_years .lby_links a {
            text-decoration: none;
            display: block;
            float: left;
            padding: 300px 0px 0px 0px;
        }

        .links_by_years .lby_links .lby_link strong {
            display: block;
            color: #CB0000;
            font-size: 22px;
            margin-bottom: 6px;
        }

        .links_by_years .lby_links a:hover strong {
            text-decoration: underline;
        }

        .links_by_years .lby_links .lby_link span {
            color: #555;
            font-size: 13px;
        }

.mc_other_elections {
    display: block;
    float: left;
    width: 100%;
}

    .mc_other_elections .mc_oe_header {
        display: block;
        height: 85px;
        background: url('/static/images/dahaonceneoldu_bg.jpg') no-repeat 9px 0px;
    }

.mc_oe_header .mc_il_ilce_ara {
    display: block;
    float: right;
    margin: -27px 0px 0px 0px;
}

    .mc_oe_header .mc_il_ilce_ara .il_ilce_select {
        float: left;
        width: 180px;
        margin: 0px 12px 0px 0px;
    }

    .mc_oe_header .mc_il_ilce_ara label {
        color: gray;
        float: left;
        margin: 3px 4px 0px 0px;
    }

    .mc_oe_header .mc_il_ilce_ara select {
        display: block;
        width: 150px;
        height: 24px;
    }

    .mc_oe_header .mc_il_ilce_ara button {
        float: left;
        margin: 0px 0px 0px 0px;
        height: 24px;
        cursor: pointer;
    }

.mc_other_elections .mc_map {
    display: block;
    margin: 0px 0px 0px 25px;
}

.mc_ilce_liste {
    display: block;
    float: left;
    width: 100%;
    margin: 43px 0px 0px 0px;
}

    .mc_ilce_liste ul {
        display: block;
        float: left;
        margin: 10px 0 0 0;
        padding: 0px;
    }

        .mc_ilce_liste ul li {
            display: block;
            float: left;
            padding: 0px 0px 8px 18px;
            width: 145px;
            background: url('/static/images/il_ilce.png') no-repeat 0px 0px;
        }

            .mc_ilce_liste ul li a {
                display: block;
                font-size: 11px;
                color: #000;
                font-weight: bold;
                font-family: Arial, Helvetica, sans-serif;
                text-decoration: none;
            }

                .mc_ilce_liste ul li a:hover {
                    text-decoration: underline;
                }

            .mc_ilce_liste ul li .active {
                display: block;
                color: #c00;
                cursor: default;
            }

.mc_ilce_liste_top {
    border: 1px solid #ccc;
    margin-top: 32px;
    padding: 10px 0px 5px 11px;
    width: 817px;
}

.illerilcelergenel {
    width: 985px;
    height: auto;
    margin: 0px 0px 22px 0px;
    padding: 0px;
    float: left;
}

.illerilcelergenelkutulama {
    width: 195px;
    height: auto;
    margin: 0px;
    padding: 0px 0 25px 0;
    float: left;
}

    .illerilcelergenelkutulama div {
        width: 165px;
        height: 13px;
        float: left;
        padding-left: 15px;
        padding-top: 10px;
    }

        .illerilcelergenelkutulama div a {
            color: #000;
            text-decoration: none;
            font-weight: bold;
            font-size: 12px;
        }

.ilcelermenu:hover {
    color: #666;
    text-decoration: none;
}

.mc_footer_explanation {
    display: block;
    float: left;
    margin: 20px 0px 0px 0px;
    padding: 20px 0px 0px 0px;
    width: 100%;
}

    .mc_footer_explanation p {
        display: block;
        font-size: 12px;
        color: #999;
    }

.mc_sol_il_listesi {
    display: block;
    float: left;
    width: 125px;
    border: 1px solid #ccc;
    padding: 0px 0px 10px 0px;
    margin: 31px 0px 20px 0px;
    background: #efefef;
}

    .mc_sol_il_listesi ul {
        display: block;
        margin: 0px;
        padding: 0px;
    }

    .mc_sol_il_listesi li {
        display: block;
        border-bottom: 1px solid #e6e6e6;
        padding: 1px 0px 1px 5px;
    }

    .mc_sol_il_listesi a {
        font-size: 11px;
        font-weight: bold;
        text-decoration: none;
        padding: 2px 0px 2px 0px;
        color: #000;
    }

        .mc_sol_il_listesi a:hover {
            text-decoration: underline;
        }

    .mc_sol_il_listesi .active {
        color: red;
        background: rgb(213, 35, 35);
    }

        .mc_sol_il_listesi .active a {
            color: #fff;
        }

    .mc_sol_il_listesi label {
        color: #000;
        display: block;
        background: URL('/resimler/ust_baslik_orta.gif') 0PX -8PX;
        padding: 5px 0px 3px 5px;
        font-weight: bold;
        font-size: 14PX;
        border-bottom: 1PX solid #ccc;
    }

.mc_main_right {
    float: right;
    width: 830px;
}

.mc_section {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 25px;
}

.mc_section_head {
    display: block;
    margin: 0px 0px 15px 0px;
    float: left;
    width: 100%;
    height: 43px;
    background: URL('/resimler/ust_baslik_orta.gif') 0PX 1PX;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

    .mc_section_head h2 {
        font-size: 23px;
        margin: 7px 0px 3px 8px;
    }

        .mc_section_head h2 span {
            color: rgb(213, 35, 35);
        }

.yerel_img {
    display: block;
    width: 267px;
    border-right: 1px solid #ccc;
    float: left;
    margin: 14px 0px 0px 0px;
}

    .yerel_img img {
        margin: 0px 28px 0px 0px;
    }

.yerel_bilgi {
    display: block;
    float: left;
    margin: 13px 0px 0px 30px;
}

    .yerel_bilgi span {
        display: block;
        color: #be1e2d;
        font-weight: bold;
    }

    .yerel_bilgi h3 {
        display: block;
        color: #404040;
        margin: 7px 0px 7px 0px;
        font-size: 21px;
        width: 520px;
    }

    .yerel_bilgi a {
        color: #659aff;
        margin-left: 2PX;
        font-size: 14px;
    }

.yerel_sonuclar {
    display: block;
    float: left;
    margin: 40px 0px 31px 0px;
    width: 100%;
}

    .yerel_sonuclar #yerel_chart {
        display: block;
        width: 410px;
        height: 250px;
        float: left;
    }

#ilgenel_chart {
    width: 410px;
    height: 250px;
    float: right;
}

#yerel2014_chart {
    display: block;
    width: 410px;
    height: 250px;
    float: left;
}

#ilgenel2014_chart {
    width: 410px;
    height: 250px;
    float: right;
}

.img_aday {
    display: block;
    border: 1px solid #ccc;
    float: left;
    padding: 1px;
    background: #e6e6e6;
    width: 100px;
    height: 108px;
}

.referandum_evet {
    display: block;
    width: 244px;
    height: 169px;
    background: url('/static/images/evet_bg.png') no-repeat 0px 0px;
    float: left;
}

    .referandum_evet span {
        margin: 58px 0px 0px 107px;
        width: 105px;
        display: block;
        color: #3e3b46;
        font-weight: bold;
        font-size: 27px;
    }

.referandum_hayir {
    display: block;
    width: 244px;
    height: 141px;
    background: url('/static/images/hayir_bg.png') no-repeat 0px 0px;
    float: left;
}

    .referandum_hayir span {
        margin: 58px 0px 0px 115px;
        width: 105px;
        display: block;
        color: #3e3b46;
        font-weight: bold;
        font-size: 27px;
    }

.referandum_aciklama {
    color: gray;
    float: left;
    width: 340px;
    margin-top: 14px;
}

    .referandum_aciklama h3 {
        color: #404040;
        font-size: 20px;
        text-align: left;
        margin-bottom: 5px;
        line-height: 155%;
    }

    .referandum_aciklama a {
        color: #659aff;
        margin-left: 3px;
        font-size: 14px;
    }

#referandum_chart {
    height: 200px;
}

.genel_img {
    display: block;
    margin-top: 15px;
    float: left;
    border-right: 1px solid #ddd;
}

    .genel_img img {
        margin: 0px 20px 0px 0px;
        width: 108px;
    }

.genel_bilgi {
    display: block;
    float: left;
    width: 390px;
    margin: 0px 0px 0px 25px;
}

    .genel_bilgi h3 {
        display: block;
        color: #404040;
        font-size: 17px;
        margin-bottom: 3PX;
        margin-top: 9px;
        line-height: 155%;
    }

    .genel_bilgi a {
        color: #659aff;
        margin-left: 1PX;
        font-size: 14px;
    }

.genel_sonuclar {
    display: block;
    float: left;
    margin: 40px 0px 31px 0px;
    width: 100%;
}

    .genel_sonuclar #dv_genel_secim_chart {
        display: block;
        width: 565px;
        height: 390px;
        float: left;
        padding-right: 10px;
    }

    .genel_sonuclar #dv_genel_secim_chart2015 {
        display: block;
        width: 565px;
        height: 390px;
        float: left;
        padding-right: 10px;
    }

    .genel_sonuclar .div_mv {
        display: block;
        float: right;
        width: 215px;
        padding-left: 15px;
        border: 1px solid #ccc;
        margin-left: 15px;
        min-height: 377px;
        padding-bottom: 10px;
    }

        .genel_sonuclar .div_mv label {
            margin: 8px 0px 0px 1px;
            display: block;
            font-weight: bold;
            font-size: 13px;
        }

        .genel_sonuclar .div_mv ul {
            display: block;
            padding: 0px;
            width: 93%;
        }

        .genel_sonuclar .div_mv li {
            display: block;
            float: left;
            width: 100%;
            margin: 1px 0px 2px 0px;
            border-bottom: 1px solid #ccc;
            padding-bottom: 2px;
        }

        .genel_sonuclar .div_mv img {
            display: block;
            float: left;
            width: 25px;
            height: 25px;
        }

        .genel_sonuclar .div_mv span {
            display: block;
            float: left;
            margin: 4px 0px 0px 4px;
            color: #555;
            font-size: 12px;
        }

.yerel_tumpartiler {
    display: block;
    float: left;
    width: 828px;
    border: 1PX solid #ccc;
    margin-top: 22px;
    padding-bottom: 20px;
}

    .yerel_tumpartiler ul {
        display: block;
        margin: 0px;
        padding: 0px;
    }

    .yerel_tumpartiler li {
        display: block;
        float: left;
        width: 100%;
        border-bottom: 1px solid #ccc;
        padding: 4px 0px 4px 0px;
    }

    .yerel_tumpartiler img {
        display: block;
        float: left;
        height: 30PX;
    }

    .yerel_tumpartiler .sira {
        display: block;
        float: left;
        width: 40px;
        margin: 7px 0px 0px 15px;
    }

    .yerel_tumpartiler .parti {
        display: block;
        float: left;
        width: 240px;
        margin: 6px 0px 0px 25px;
    }

        .yerel_tumpartiler .parti small {
            color: #be1e2d;
            margin-left: 12px;
            font-size: 12px;
        }

    .yerel_tumpartiler .oran {
        display: block;
        float: right;
        margin-top: 8px;
        width: 90px;
        font-size: 15px;
        text-align: right;
    }

    .yerel_tumpartiler .aday {
        float: right;
        width: 240px;
        font-size: 12px;
        margin-top: 5px;
        color: darkblue;
    }

        .yerel_tumpartiler .aday img {
            border: 1px solid #ccc;
            margin: 0px 6px 0px 0px;
            width: 28px;
            height: auto;
        }

        .yerel_tumpartiler .aday a {
            color: #000;
            margin-top: 6px;
            float: left;
            text-decoration: underline;
        }

            .yerel_tumpartiler .aday a:hover {
                color: #659aff;
                text-decoration: underline;
            }

    .yerel_tumpartiler .toplam {
        display: block;
        float: right;
        margin: 7px 12px 0px 40px;
        width: 80px;
        text-align: right;
        font-size: 15px;
    }

.mc_sub_menu {
    display: block;
    float: left;
    width: 980px;
    margin: 0px;
    background: url('/2010/resimler/ust_menu_bg-2.gif') 0px -3px;
    height: 27px;
    padding: 0px;
    margin-top: -15px;
}

    .mc_sub_menu li {
        display: block;
        float: left;
        height: 100%;
        background: url('/2010/resimler/ust_menu_ara-2.gif') no-repeat right center;
    }

    .mc_sub_menu a {
        display: block;
        color: #fff;
        font-size: 15px;
        padding: 4px 15px 0px 15px;
        font-weight: bold;
        text-decoration: none;
    }

    .mc_sub_menu .last_item {
        display: block;
        background: none;
    }

.icon, .icon30, .icon21, .icon16 {
    vertical-align: middle;
}

.icon_iphone {
    width: 15px;
    background: url("http://www.haberler.com/static/images/icons_sprite.png") no-repeat -120px 0px;
}

.icon_comment {
    width: 23px;
    background: url("http://www.haberler.com/static/images/icons_sprite.png") no-repeat -200px 0px;
}

.icon_facebook {
    background: url("/static/images/blank.png") no-repeat -240px 0px;
    margin-top: 10px;
}

.icon_twitter {
    background: url("/static/images/blank.png") no-repeat -280px 0px;
    margin-top: 10px;
}

.icon_gpluss {
    margin-top: 10px;
}

.yt_footer {
    width: 980px;
    padding: 0px;
    font-size: 16px;
    margin: 0px;
    vertical-align: baseline;
    border: none 0px currentColor;
}

.yt_footer {
    float: left;
}

    .yt_footer ul, .yt_footer ol {
        padding: 0px;
        margin: 0px;
        list-style: none;
    }

    .yt_footer b, .yt_footer strong, #footer th {
        font-weight: bold;
    }

    .yt_footer a, .yt_footer a:active, .yt_footer a:visited {
        color: #999;
        text-decoration: none;
        cursor: pointer !important;
    }

    .yt_footer .section {
        background: url(http://www.haberler.com/static/images/footer_sprite.png) no-repeat 0 -87px;
        overflow: hidden;
        padding: 15px 0px 0 15px;
        margin-top: 29px;
        margin-bottom: 0px;
    }

        .yt_footer .section .info {
            width: 245px;
            height: 20px;
            float: left;
        }

            .yt_footer .section .info strong {
                color: #333;
                margin: 10px 0px;
                display: block;
            }

            .yt_footer .section .info a {
                font-size: 11px;
                font-weight: normal;
            }

                .yt_footer .section .info a img {
                    height: auto;
                }

        .yt_footer .section .links {
            margin: 0px;
            list-style: none;
        }

            .yt_footer .section .links li {
                height: 21px;
                margin-right: 15px;
                float: left;
            }

            .yt_footer .section .links .lison {
                height: 21px;
                margin-right: 0px !important;
                float: left;
            }

            .yt_footer .section .links a {
                font-size: 14px !important;
            }

            .yt_footer .section .links a {
                font-size: 14px !important;
            }

                .yt_footer .section .links a:hover, #footer .info a:hover, #footer .newspapers li a:hover {
                    color: #c00 !important;
                }

            .yt_footer .section .links li a {
                vertical-align: middle;
            }

                .yt_footer .section .links li a img {
                    margin-right: 3px;
                    vertical-align: middle;
                    border: none;
                }

        .yt_footer .section .social {
            float: right;
            height: 40px;
            width: 95px;
            margin-top: -10px;
            padding-left: 8px;
        }

            .yt_footer .section .social a {
                margin-left: 5px;
            }

            .yt_footer .section .social img {
                border: 0px !important;
            }

    .yt_footer .bottom {
        padding: 4px 0 0;
        margin-bottom: 40px;
    }

        .yt_footer .bottom a {
            font-size: 11px;
            font-weight: normal;
            display: block;
        }

            .yt_footer .bottom a.bugReport {
                color: #000;
                float: left;
            }

        .yt_footer .bottom a {
            font-size: 11px;
            font-weight: normal;
            display: block;
        }

            .yt_footer .bottom a.bugReport {
                color: #000;
                float: left;
            }

            .yt_footer .bottom a:hover {
                text-decoration: underline;
            }

            .yt_footer .bottom a.bugReport {
                color: #000;
                float: left;
            }

            .yt_footer .bottom a.netteInteractive {
                color: #999;
                float: right;
            }

.tumyillar {
    display: block;
    float: right;
    margin: 0 0 20px 0px;
    padding: 0px;
    background: #fefefe;
    font-weight: bold;
    text-decoration: underline;
    width: 100%;
}

    .tumyillar ul {
        display: block;
        margin: 10px 0px 5px 10px;
        padding: 0px;
        padding-left: 17px;
    }

        .tumyillar ul li {
            height: 23px;
        }

            .tumyillar ul li a {
                display: block;
                color: black;
                text-decoration: underline;
            }

.link-eski {
    color: black;
    font-weight: bold;
    font-size: 15px;
}

    .link-eski:hover {
        color: #9c9997;
    }

.sandik-genel {
    width: 980px;
    float: left;
    margin-bottom: 20px;
    margin-top: 20px;
}

.sandik {
    width: 164px;
    float: left;
    margin-right: 40px;
}

.sandik-son {
    width: 164px;
    float: left;
}

.nav {
    height: 24px;
    width: 980px;
}

    .nav .topNav {
        margin: 0 auto;
    }

    .nav .topNav {
        background: #666;
        height: 24px;
        margin-bottom: 1px;
    }

        .nav .topNav a {
            color: #fff;
            font: 12px/26px Arial, Helvetica, sans-serif;
            display: block;
            float: left;
            text-decoration: none;
            position: relative;
        }

            .nav .topNav a:hover {
                height: 24px;
                text-decoration: none;
            }

            .nav .topNav a span {
                padding: 0 12px 0 5px;
                height: 24px;
            }

            .nav .topNav a .u_active {
                display: inline-block;
            }

        .nav .topNav .u_kirmizi:hover, .nav .topNav .u_kirmizi .u_active {
            background: #fe0002;
        }

        .nav .topNav .u_kirmiziTon:hover, .nav.topNav .u_kirmiziTon .u_active {
            background: #ef6649;
        }

        .nav .topNav .u_kirmiziTon1:hover, .nav .topNav .u_kirmiziTon1 .u_active {
            background: #A92B6D;
        }

        .nav .topNav .u_mor:hover, .nav .topNav .u_mor .u_active {
            background: #800080;
        }

        .nav .topNav .u_maviTon:hover, .nav.topNav .u_maviTon .u_active {
            background: #00cfff;
        }

        .nav .topNav .u_yesil:hover, .nav .topNav .u_yesil .u_active {
            background: #99cc00;
        }

        .nav .topNav .u_sari:hover, .nav .topNav .u_sari .u_active {
            background: #ffcc01;
        }

        .nav .topNav .u_turuncu:hover, .nav .topNav .u_turuncu .u_active {
            background: #e67e22;
        }

        .nav .topNav .u_pembe:hover, .nav .topNav .u_pembe .u_active {
            background: #D894C3;
        }

        .nav .topNav .u_banner:hover, .nav .topNav .u_banner .u_active {
            height: 24px;
        }

        .nav .topNav .u_banner {
            height: 24px;
            padding-left: 5px;
            padding-top: 1px;
            padding-right: 10px;
        }

.h30 {
    height: 30px !important;
}

.fl {
    float: left !important;
}

.dsp {
    display: table !important;
}

.br1 {
    border-right: 1px solid white !important;
}

.secim-menu-link {
    display: table-cell !important;
    vertical-align: middle !important;
    text-align: center !important;
    color: white !important;
}

.nav .topNav a.logolu {
    color: #fff;
    font: 12px/40px Arial, Helvetica, sans-serif;
    display: block;
    float: left;
    text-decoration: none;
    position: relative;
    height: 40px;
}

.nav .topNav.logolu {
    height: 40px;
}

.nav.logolu {
    width: auto;
}

.mc_ust_menu.logolu {
    margin-top: 21px;
    float: right;
}

.nav .topNav a span.logolu {
    padding: 0 10px 0 5px;
}

.container-div-default {
    float: left;
    min-height: calc(100vh - 512px);
}

.content-container-default {
    width: 100%;
    max-width: 980px;
    float: left;
}

.left-div-default {
    width: calc(100% - 315px);
    float: left;
    margin-right: 15px;
    overflow: hidden;
}

.right-div-default {
    width: 33.3%;
    max-width: 300px;
    float: left;
}

.ara10px-sonuc {
    height: 10px;
    width: 10px;
    float: left;
}

.footer-menu {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 16px 0;
}

    .footer-menu a {
        margin-right: 4px;
    }

        .footer-menu a img {
            width: 156px;
        }

        .footer-menu a:last-child {
            margin-right: 0;
        }

.secim-header-menu {
    width: 100%;
    margin-top: 16px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

    .secim-header-menu a {
        display: block;
        width: calc((100% / 11) - 2px);
        height: 44px;
        background-color: #e7e8e9;
        margin-right: 1px;
        float: right;
        box-sizing: border-box;
        padding: 5px 5px;
        font-family: 'Open Sans', Helvetica, Arial, sans-serif;
        margin: 1px;
    }

    .secim-header-menu .logo {
        width: calc((100% / 11) * 4 - 2px);
        background-color: #fff;
        padding: 0;
    }

        .secim-header-menu .logo img {
            width: calc(100% - 10px);
        }

    .secim-header-menu a:hover {
        text-decoration: none;
    }

    .secim-header-menu a .yil {
        display: block;
        font-family: 'Open Sans', Helvetica, Arial, sans-serif;
        font-weight: 700;
        color: #be1e2d;
        font-size: 22px;
    }

    .secim-header-menu a .text {
        display: block;
        font-family: 'Open Sans', Helvetica, Arial, sans-serif;
        font-size: 9px;
        font-weight: 800;
    }

    .secim-header-menu a.simulator {
        display: block;
        background: #173D64;
        padding: 7px 4px 3px 7px;
        background-size: 44px;
        margin: 0;
        width: 108px;
    }

        .secim-header-menu a.simulator > span {
            font-size: 13px;
            color: #fff;
            font-weight: 700;
        }

.top-menu {
    box-sizing: border-box;
    min-height: 54px;
    height: 100%;
    width: 100%;
    position: relative;
    float: left;
    background: #da4f4f;
    margin-bottom: 30px;
}

    .top-menu span.year a {
        font-size: 50px;
        font-weight: 600;
        color: #fff;
        float: left;
        display: block;
        height: 54px;
        padding: 17px 15px 0 15px;
    }

    .top-menu span.text {
        font-size: 18px;
        font-weight: 700;
        color: #fff;
        float: left;
        padding-top: 4px;
        display: block;
        width: 60%;
        margin-bottom: 4px;
    }

    .top-menu ul {
        float: left;
        display: block;
        margin: 0;
        padding: 0;
    }

        .top-menu ul li {
            display: inline-block;
            float: left;
            background: #fcd5d5;
            padding: 0 10px;
            margin-right: 1px;
        }

            .top-menu ul li:last-child {
                margin-right: 0;
            }

            .top-menu ul li a {
                font-weight: 700;
                display: block;
                height: 26px;
                box-sizing: border-box;
                padding-top: 4px;
            }

.t-il {
    display: block;
    float: left;
    width: 100%;
    margin-top: 4px;
    padding-bottom: 20px;
}

.t-il-adi {
    MARGIN: 0px 0px 0px 0px;
    padding: 15px 0px 15px 18px;
    font-size: 17px;
    background: #F5F5F5;
    border: 1px solid #dfdfdf;
    border-bottom: none;
}

.t-il-row {
    display: block;
    float: left;
    margin-bottom: 20px;
    width: 100%;
}

    .t-il-row:last-child {
        margin-bottom: 5px;
    }

    .t-il-row ul {
        display: block;
        margin: 0px;
        padding: 0px;
        overflow: hidden;
        border: 1px solid #dfdfdf;
    }

    .t-il-row li {
        display: block;
        float: left;
        width: 100%;
        border-bottom: 1px solid #ddd;
        padding: 4px 0px 4px 0px;
    }

        .t-il-row li:last-child {
            border-bottom: none;
        }

    .t-il-row img {
        display: block;
        float: left;
        width: 26px;
    }

    .t-il-row .sira {
        display: block;
        float: left;
        width: 28px;
        margin: 2px 16px 0px 15px;
        border-right: 1px solid #dfdfdf;
        height: 24px;
        padding-top: 4px;
    }

    .t-il-row .parti {
        display: block;
        float: left;
        width: 71px;
        margin: 8px 0px 0px 16px;
    }

        .t-il-row .parti small {
            color: #6c7b9b;
            margin-left: 12px;
            font-size: 12px;
        }

    .t-il-row .aday {
        float: left;
        margin-top: 3px;
        margin-left: 12px;
        padding-top: 5px;
        border-left: 1px solid #dfdfdf;
        padding-left: 11px;
        height: 22px;
        min-width: 200px;
    }

        .t-il-row .aday a {
            color: #000;
            margin-top: 0px;
            float: left;
        }

            .t-il-row .aday a:hover {
                color: #659aff;
                text-decoration: underline;
            }

    .t-il-row a:hover span {
        text-decoration: underline !important;
    }

.vekil-dagilimi {
    height: 100%;
    width: 100%;
    float: left;
    margin: 0px auto 0 auto;
    background-color: #f5f5f5;
    padding: 10px;
    box-sizing: border-box;
}

    .vekil-dagilimi.t2.secimo {
        background-color: #fff;
    }

    .vekil-dagilimi.t2 {
        height: 45px;
        width: 100%;
        float: left;
        margin: 0 0 0 20px;
    }

    .vekil-dagilimi ul {
        margin: 0px;
        padding: 0px;
    }

        .vekil-dagilimi ul li {
            display: inline-block;
            margin-right: 24px;
        }

            .vekil-dagilimi ul li img {
                margin-right: 5px;
                margin-left: 3px;
            }

    .vekil-dagilimi > .item {
        float: left;
        display: block;
        width: 20%;
        font-size: 11px;
    }

        .vekil-dagilimi > .item > img {
            display: inline-block;
            float: left;
            margin-right: 10px;
            height: 45px;
        }

        .vekil-dagilimi > .item > span {
        }

            .vekil-dagilimi > .item > span > strong {
                font-size: 20px;
                font-weight: bold;
                display: inline-block;
                margin-top: 10px;
            }

    .vekil-dagilimi > .item2 {
        display: flex;
        width: 80%;
        height: 60px;
        font-size: 11px;
        border-bottom: 1px solid #ccc;
        margin-top: 13px;
    }

        .vekil-dagilimi > .item2:last-child {
            border-bottom: 0px solid #ccc;
        }

        .vekil-dagilimi > .item2 > img {
            display: block;
            float: left;
            margin-right: 10px;
            height: 45px;
            width: 45px;
        }

        .vekil-dagilimi > .item2 > span {
            display: block;
            float: left;
            width: 90px;
            text-align: left;
            font-weight: normal;
        }

            .vekil-dagilimi > .item2 > span > strong {
                font-size: 20px;
                font-weight: bold;
                display: inline;
                margin-top: 0;
            }

.sandik-bar-content {
    width: 100%;
    margin-bottom: -30px;
}

    .sandik-bar-content .saat {
        float: right;
        font-size: 30px;
        width: 20%;
        padding-right: 0px;
        text-align: right;
        position: relative;
        z-index: 99;
        padding-right: 20px;
        width: 100px;
    }

.sandik-bar {
    position: relative;
    width: 300px;
    height: 48px;
    color: #000000;
    float: right;
    margin-bottom: -57px;
}

    .sandik-bar > .text1 {
        float: left;
        display: inline-block;
        height: 100%;
        margin: 0 7.5px;
        font-size: 14px;
        padding-top: 14px;
        z-index: 2;
        position: relative;
        width: 200px;
        text-align: right;
    }

    .sandik-bar > .text2 {
        font-weight: 300;
        display: inline-block;
        float: right;
        font-size: 33px;
        position: relative;
        z-index: 2;
        margin-right: 20px;
    }

        .sandik-bar > .text2 > .sayi {
            font-weight: 300;
            display: inline-block;
            float: left;
            position: relative;
        }

            .sandik-bar > .text2 > .sayi > .yuzde {
                position: absolute;
                display: inline-block;
                top: -4px;
                font-size: 18px;
                right: -19px;
            }

    .sandik-bar > .dolubar {
        position: absolute;
        height: 48px;
        background: #49EA77;
    }

.secim-section-title {
    color: #61676b;
    font-size: 19px;
    font-weight: 700;
    padding: 13px 7.5px 7px 15px;
    width: 100%;
    display: inline-block;
    margin: 20px 0 10px 0;
    box-sizing: border-box;
}

.secim-kazanan {
    background: #f0f0f0;
    margin-bottom: 0;
    padding-bottom: 10px;
    float: left;
    width: 100%;
}

    .secim-kazanan > ul {
        display: inline-block;
        padding: 0 15px;
        margin-top: 5px;
        width: 100%;
        box-sizing: border-box;
    }

        .secim-kazanan > ul > li {
            font-size: 15px;
            display: block;
            float: left;
            width: 50%;
        }

            .secim-kazanan > ul > li > .parti {
                font-size: 11px;
                background-color: #ccc;
                border-radius: 3px;
                padding: 2px 4px;
                margin-right: 12px;
                color: #fff;
            }

.bg-beyaz {
    background: #fff
}

.secim-kazanan-partiler {
    background: #f0f0f0;
    padding-bottom: 15px;
}

    .secim-kazanan-partiler .item {
        display: block;
        width: 100%;
        margin-bottom: 10px;
        padding: 0 15px;
    }

        .secim-kazanan-partiler .item > img {
            height: 70px;
            margin-right: 20px;
        }

        .secim-kazanan-partiler .item > span {
            color: #61676B;
            font-size: 15px;
        }

.secim-section-title.t2 {
    margin: 10px 0 10px 0;
}

.secim-kazanan > ul > li > a > .parti {
    font-size: 13px;
    background-color: #ccc;
    border-radius: 3px;
    padding: 2px 4px;
    margin-right: 12px;
    color: #fff;
}

.bg-ak-parti {
    background-color: #f0a337 !important;
}

.text-ak-parti {
    color: #f0a337 !important;
}

.bg-chp {
    background-color: #EA3B36 !important;
}

.text-chp {
    color: #EA3B36 !important;
}

.bg-mhp {
    background-color: #01CCFF !important;
}

.text-mhp {
    color: #01CCFF !important;
}

.bg-hdp {
    background-color: #972392 !important;
}

.text-hdp {
    color: #972392 !important;
}

.bg-dem {
    background-color: #972392 !important;
}

.text-dem {
    color: #972392 !important;
}
.bg-btp {
    background-color: #d12421 !important;
}

.text-btp {
    color: #d12421 !important;
}

.bg-sp {
    background-color: #ed1b24 !important;
}

.text-sp {
    color: #ed1b24 !important;
}

.bg-saadet {
    background-color: #ed1b24 !important;
}

.text-saadet {
    color: #ed1b24 !important;
}

.bg-dp {
    background-color: #ee1d25 !important;
}

.text-dp {
    color: #ee1d25 !important;
}

.bg-dsp {
    background-color: #007cc2 !important;
}

.text-dsp {
    color: #007cc2 !important;
}

.bg-ldp {
    background-color: #0c4da2 !important;
}

.text-ldp {
    color: #0c4da2 !important;
}

.bg-hak-par {
    background-color: #df201f !important;
}

.text-hak-par {
    color: #df201f !important;
}

.bg-hap {
    background-color: #e10918 !important;
}

.text-hap {
    color: #e10918 !important;
}

.bg-ap {
    background-color: #e10918 !important;
}

.text-ap {
    color: #e10918 !important;
}

.bg-dyp {
    background-color: #cd0001 !important;
}

.text-dyp {
    color: #cd0001 !important;
}

.bg-kp {
    background-color: #ce181d !important;
}

.text-kp {
    color: #ce181d !important;
}

.bg-mp {
    background-color: #0658a2 !important;
}

.text-mp {
    color: #0658a2 !important;
}

.bg-mep {
    background-color: #02a099 !important;
}

.text-mep {
    color: #02a099 !important;
}

.bg-turk {
    background-color: #00227d !important;
}

.text-turk {
    color: #00227d !important;
}

.bg-hkp {
    background-color: #e4402d !important;
}

.text-hkp {
    color: #e4402d !important;
}

.bg-yp {
    background-color: #1360af !important;
}

.text-yp {
    color: #1360af !important;
}

.bg-vp {
    background-color: #e10916 !important;
}

.text-vp {
    color: #e10916 !important;
}

.bg-hyp {
    background-color: #48404 !important;
}

.text-hyp {
    color: #48404 !important;
}

.bg-huda-par {
    background-color: #19845 !important;
}

.text-huda-par {
    color: #19845 !important;
}

.bg-milad {
    background-color: #0070ce !important;
}

.text-milad {
    color: #0070ce !important;
}

.bg-bbp {
    background-color: #ec1c24 !important;
}

.text-bbp {
    color: #ec1c24 !important;
}

.bg-dgp {
    background-color: #ec1c24 !important;
}

.text-dgp {
    color: #ec1c24 !important;
}

.bg-myp {
    background-color: #2770bc !important;
}

.text-myp {
    color: #2770bc !important;
}

.bg-odp {
    background-color: #e20613 !important;
}

.text-odp {
    color: #e20613 !important;
}

.bg-gp {
    background-color: #ed1c24 !important;
}

.text-gp {
    color: #ed1c24 !important;
}

.bg-ilk-parti {
    background-color: #ee2324 !important;
}

.text-ilk-parti {
    color: #ee2324 !important;
}

.bg-hepar {
    background-color: #ff1520 !important;
}

.text-hepar {
    color: #ff1520 !important;
}

.bg-tkp {
    background-color: #fee100 !important;
}

.text-tkp {
    color: #fee100 !important;
}

.bg-dbp {
    background-color: #337232 !important;
}

.text-dbp {
    color: #337232 !important;
}

.bg-dtp {
    background-color: #ffdd00 !important;
}

.text-dtp {
    color: #ffdd00 !important;
}

.bg-anap {
    background-color: #f4ae00 !important;
}

.text-anap {
    color: #f4ae00 !important;
}

.bg-ip {
    background-color: #bb0000 !important;
}

.text-ip {
    color: #bb0000 !important;
}

.bg-bgz {
    background-color: #e1e1e1 !important;
}

.text-bgz {
    color: #e1e1e1 !important;
}

.bg-mmp {
    background-color: #86bafc !important;
}

.text-mmp {
    color: #86bafc !important;
}

.bg-bdp {
    background-color: #f8ec24 !important;
}

.text-bdp {
    color: #f8ec24 !important;
}

.latter-links {
    width: 100%;
    float: left;
    padding: 0px;
    list-style: none;
    margin-top: 20px;
}

    .latter-links li {
        width: 30.9px;
        float: left;
        text-align: center;
    }

        .latter-links li a {
            width: 100%;
        }

.footer-ctr {
    width: 100%;
    float: left;
    margin-bottom: 0;
    position: relative;
}

    .footer-ctr .logo-left {
        width: 100%;
        position: relative;
        float: left;
        background: #4488be;
        padding: 25px 0;
    }

        .footer-ctr .logo-left .container {
            position: relative;
            width: 100%;
            max-width: 960px;
            padding: 0 10px;
            margin: 0 auto;
        }

            .footer-ctr .logo-left .container .logo {
                float: left;
                position: relative;
                line-height: 0;
            }

            .footer-ctr .logo-left .container .homego {
                float: right;
                position: relative;
                padding: 5.5px 35px 5.5px 10px;
                height: 23px;
                line-height: 100%;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                -ms-border-radius: 5px;
                border-radius: 5px;
                background: url(/secim/static/2019/v2/img/right-arrow.png) no-repeat center right 7px;
                background-size: 9px 13px;
                background-color: #fff;
                -webkit-transition: all .34s ease;
                -moz-transition: all .34s ease;
                -ms-transition: all .34s ease;
                -o-transition: all .34s ease;
                transition: all .34s ease;
                cursor: pointer;
            }

                .footer-ctr .logo-left .container .homego:hover {
                    background: url(/secim/static/2019/v2/img/right-arrow.png) no-repeat center right 7px;
                    background-size: 9px 13px;
                    background-color: #ffa903;
                    color: #fff
                }

        .footer-ctr .logo-left > img {
            max-height: 15px;
            margin-bottom: 6px;
            max-width: 100%;
        }

        .footer-ctr .logo-left > span {
            color: #C4C5C8;
            display: inline-block;
            text-align: center;
            width: 100%;
            font-size: 12px;
        }

    .footer-ctr > .links {
        background-color: #A6A7A9;
        padding: 0 30px;
    }

        .footer-ctr > .links > ul {
            margin: 10px 0 0 0;
            padding: 10px 0px 10px 27px;
            width: 100%;
            display: inline-block;
        }

            .footer-ctr > .links > ul li {
                float: left;
                width: 50%;
                color: white;
                font-size: 15px;
                text-decoration: none;
                padding: 5px 20px 5px 0px;
            }

                .footer-ctr > .links > ul li a {
                    color: #ffffff;
                    display: inline-block;
                    width: 100%;
                    padding: 0 0 10px 0;
                }

                    .footer-ctr > .links > ul li a:active {
                        color: red;
                    }

#scroll-to-top {
    background-color: #f0f0f0;
    padding: 10px;
    width: 130px;
    bottom: 0;
    text-align: center
}

.widget-s15 {
    position: relative;
}

    .widget-s15 > .top {
        width: 100%;
    }

        .widget-s15 > .top > ul {
            display: inline-block;
            width: 100%;
            background-color: rgb(45, 94, 150);
            margin: 0;
            padding: 0;
        }

            .widget-s15 > .top > ul > li {
                float: left;
                display: inline-block;
                list-style: none;
                border-right: 1px solid #fff;
                padding: 0 10px;
                width: 25%;
                text-align: center
            }

                .widget-s15 > .top > ul > li:last-child {
                    border-right: 0px solid #fff;
                }

                .widget-s15 > .top > ul > li > a {
                    color: #fff;
                    font-size: 16px;
                }

    .widget-s15 > .left {
        padding-right: 300px;
    }

    .widget-s15 > .right {
        position: absolute;
        right: 0;
        top: 40px;
        width: 298px;
    }

.haberleregit > a {
    display: block;
    background-color: yellow;
    width: 100%;
    max-width: 980px;
    color: #333;
    font-size: 20px;
    text-decoration: none;
    margin-top: 10px;
    float: left;
    padding: 10px;
    font-weight: bold;
    border: 1px solid #F5F5F5;
    text-align: center;
    box-sizing: border-box;
}

    .haberleregit > a:hover {
        text-decoration: underline;
    }

.ilce-secme {
    border: 1px solid #dfdfdf;
    float: left;
    margin-bottom: 30px;
    background: #ebebeb;
}

    .ilce-secme .ilce-secme-title {
        width: 828px;
        padding: 10px;
        font-size: 13px;
        font-weight: bold;
        border-bottom: 1px solid #dfdfdf;
        background: #939292;
    }

    .ilce-secme .ilce-secme-content {
        width: 828px;
        padding: 10px;
    }

        .ilce-secme .ilce-secme-content .ilce-secme-list {
            margin: 0;
            padding: 0;
            display: table;
            width: 100%;
        }

            .ilce-secme .ilce-secme-content .ilce-secme-list li {
                margin: 0;
                padding: 0;
                list-style: none;
                float: left;
                width: 180px;
                padding-left: 18px;
                height: 18px;
                background: url('/static/images/il_ilce.gif') no-repeat 0px 0px;
            }

.secim-2015 {
    border: 1px solid #ccc;
    float: left;
    margin-bottom: 30px;
    background-color: #ffffe5;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(204,204,204,1);
    -moz-box-shadow: 1px 1px 5px 0px rgba(204,204,204,1);
    box-shadow: 1px 1px 5px 0px rgba(204,204,204,1);
}

    .secim-2015 .secim-2015-title {
        width: 828px;
        padding: 10px;
        font-size: 16px;
        font-weight: bold;
        height: 20px;
        border-bottom: 1px solid #ccc;
        color: #090d00;
        background: #ffff72;
    }

    .secim-2015 .secim-2015-content {
        width: 828px;
        padding: 10px;
    }

.cumhurbaskani-2014 {
    border: 1px solid #dfdfdf;
    float: left;
    margin-bottom: 30px;
    background: #ffe5e5;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(223,223,223,1);
    -moz-box-shadow: 1px 1px 5px 0px rgba(223,223,223,1);
    box-shadow: 1px 1px 5px 0px rgba(223,223,223,1);
}

    .cumhurbaskani-2014 .cumhurbaskani-2014-title {
        width: 828px;
        padding: 10px;
        font-size: 16px;
        font-weight: bold;
        height: 20px;
        border-bottom: 1px solid #dfdfdf;
        color: #090d00;
        background: #ff7272
    }

    .cumhurbaskani-2014 .cumhurbaskani-2014-content {
        width: 828px;
        padding: 10px;
    }

        .cumhurbaskani-2014 .cumhurbaskani-2014-content .secim-ctr {
            margin: 0 auto -10px auto;
            float: left;
            width: 100%;
        }

            .cumhurbaskani-2014 .cumhurbaskani-2014-content .secim-ctr > .head {
                float: left;
                width: 96%;
                height: 32px;
                background-color: #F0F0F1;
                border-bottom: 1px solid #DFDFDF;
                font-size: 18px;
                color: black;
                padding: 0 10px;
                text-align: left;
            }

            .cumhurbaskani-2014 .cumhurbaskani-2014-content .secim-ctr > .status {
                float: left;
                width: 100%;
                height: 28px;
                padding: 0 10px;
                background: #ffffff;
                background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
                background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5));
                background: -webkit-linear-gradient(top, #ffffff 0%,#f5f5f5 100%);
                background: -o-linear-gradient(top, #ffffff 0%,#f5f5f5 100%);
                background: -ms-linear-gradient(top, #ffffff 0%,#f5f5f5 100%);
                background: linear-gradient(to bottom, #ffffff 0%,#f5f5f5 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );
            }

                .cumhurbaskani-2014 .cumhurbaskani-2014-content .secim-ctr > .status > .master {
                    float: left;
                    font-size: 14px;
                    color: #777;
                }

                .cumhurbaskani-2014 .cumhurbaskani-2014-content .secim-ctr > .status > .detail {
                    float: right;
                    font-size: 14px;
                    color: #777;
                }

        .cumhurbaskani-2014 .cumhurbaskani-2014-content .chart-ctr {
            width: 100%;
            float: left;
            border-left: 0;
        }

            .cumhurbaskani-2014 .cumhurbaskani-2014-content .chart-ctr > .aday-ctr {
                width: 29%;
                float: left;
                padding: 0 10px 20px 10px;
                height: auto;
            }

                .cumhurbaskani-2014 .cumhurbaskani-2014-content .chart-ctr > .aday-ctr:last-child {
                    border-right: 0;
                }

                .cumhurbaskani-2014 .cumhurbaskani-2014-content .chart-ctr > .aday-ctr > .oran-bar-ctr {
                    height: 150px;
                    width: 100%;
                    position: relative;
                    float: left;
                }

                    .cumhurbaskani-2014 .cumhurbaskani-2014-content .chart-ctr > .aday-ctr > .oran-bar-ctr > .oran-bar {
                        width: 82%;
                        padding: 0 10px;
                        height: 1%;
                        position: absolute;
                        bottom: 0;
                        left: 2%;
                        transition: all 2.5s;
                    }

                        .cumhurbaskani-2014 .cumhurbaskani-2014-content .chart-ctr > .aday-ctr > .oran-bar-ctr > .oran-bar > .oran-text {
                            text-align: center;
                            height: 26px;
                            font-size: 20px;
                            font-weight: bold;
                        }

                        .cumhurbaskani-2014 .cumhurbaskani-2014-content .chart-ctr > .aday-ctr > .oran-bar-ctr > .oran-bar > .bar {
                            width: 100%;
                            height: 100%;
                            border: 1px solid #DFDFDF;
                            background: #c4fd2e;
                            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M0ZmQyZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZWU0MWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
                            background: -moz-linear-gradient(top, #c4fd2e 0%, #7ee41d 100%);
                            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c4fd2e), color-stop(100%,#7ee41d));
                            background: -webkit-linear-gradient(top, #c4fd2e 0%,#7ee41d 100%);
                            background: -o-linear-gradient(top, #c4fd2e 0%,#7ee41d 100%);
                            background: -ms-linear-gradient(top, #c4fd2e 0%,#7ee41d 100%);
                            background: linear-gradient(to bottom, #c4fd2e 0%,#7ee41d 100%);
                            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4fd2e', endColorstr='#7ee41d',GradientType=0 );
                        }

                .cumhurbaskani-2014 .cumhurbaskani-2014-content .chart-ctr > .aday-ctr > .aday-tanim {
                    float: left;
                    width: 100%;
                    margin-top: 30px;
                    text-align: center;
                    color: black;
                }

                    .cumhurbaskani-2014 .cumhurbaskani-2014-content .chart-ctr > .aday-ctr > .aday-tanim > img {
                        margin: 0 auto;
                        height: auto;
                        border: 1px solid #DFDFDF;
                        display: block;
                        max-width: 100%;
                        margin-bottom: 10px;
                    }

                    .cumhurbaskani-2014 .cumhurbaskani-2014-content .chart-ctr > .aday-ctr > .aday-tanim > span {
                        text-align: center;
                        font-weight: bold;
                        font-size: 14px;
                    }

        .cumhurbaskani-2014 .cumhurbaskani-2014-content .red {
            color: red;
        }

.yerel-2014 {
    border: 1px solid #aaa9a9;
    float: left;
    margin-bottom: 30px;
    background-color: #eef9e5;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(204,204,204,1);
    -moz-box-shadow: 1px 1px 5px 0px rgba(204,204,204,1);
    box-shadow: 1px 1px 5px 0px rgba(204,204,204,1);
}

    .yerel-2014 .yerel-2014-title {
        width: 828px;
        padding: 10px;
        font-size: 16px;
        font-weight: bold;
        height: 20px;
        border-bottom: 1px solid #aaa9a9;
        color: #090d00;
        background: #a5df74;
    }

    .yerel-2014 li {
        border-bottom: 1px solid #aaa9a9;
    }

    .yerel-2014 .yerel_img {
        border-right: 1px solid #aaa9a9;
    }

    .yerel-2014 .yerel_tumpartiler {
        border: 1px solid #aaa9a9;
    }

    .yerel-2014 .yerel-2014-content {
        width: 828px;
        padding: 10px;
    }

.genel-2011 {
    border: 1px solid #dfdfdf;
    float: left;
    margin-bottom: 30px;
    background: #e5f0ff;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(223,223,223,1);
    -moz-box-shadow: 1px 1px 5px 0px rgba(223,223,223,1);
    box-shadow: 1px 1px 5px 0px rgba(223,223,223,1);
}

    .genel-2011 .genel-2011-title {
        width: 828px;
        padding: 10px;
        font-size: 16px;
        font-weight: bold;
        height: 20px;
        border-bottom: 1px solid #dfdfdf;
        color: #090d00;
        background: #74aefe;
    }

    .genel-2011 .genel-2011-content {
        width: 828px;
        padding: 10px;
    }

.referandum-2010 {
    border: 1px solid #ccc;
    float: left;
    margin-bottom: 30px;
    background-color: #e6f6f9;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(204,204,204,1);
    -moz-box-shadow: 1px 1px 5px 0px rgba(204,204,204,1);
    box-shadow: 1px 1px 5px 0px rgba(204,204,204,1);
}

    .referandum-2010 .referandum-2010-title {
        width: 828px;
        padding: 10px;
        font-size: 16px;
        font-weight: bold;
        height: 20px;
        border-bottom: 1px solid #ccc;
        color: #090d00;
        background: #76ccde;
    }

    .referandum-2010 .referandum-2010-content {
        width: 828px;
        padding: 10px;
        background: #e6f6f9;
        overflow: hidden;
    }

.yerel-2009 {
    border: 1px solid #aaa9a9;
    float: left;
    margin-bottom: 30px;
    background-color: #ebe8ff;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(204,204,204,1);
    -moz-box-shadow: 1px 1px 5px 0px rgba(204,204,204,1);
    box-shadow: 1px 1px 5px 0px rgba(204,204,204,1);
}

    .yerel-2009 .yerel-2009-title {
        width: 828px;
        padding: 10px;
        font-size: 16px;
        font-weight: bold;
        height: 20px;
        border-bottom: 1px solid #aaa9a9;
        color: #090d00;
        background: #aca1fe
    }

    .yerel-2009 .yerel-2009-content {
        width: 828px;
        padding: 10px;
    }

    .yerel-2009 li {
        border-bottom: 1px solid #aaa9a9;
    }

    .yerel-2009 .yerel_img {
        border-right: 1px solid #aaa9a9;
    }

    .yerel-2009 .yerel_tumpartiler {
        border: 1px solid #aaa9a9;
    }

.detail-page .comment-list {
    display: inline-block;
    width: 100%;
    margin: 10px 0 0 0;
    padding: 0;
}

    .detail-page .comment-list > li {
        display: block;
        float: left;
        list-style: none;
        font-size: 16px;
        margin: 5px 0;
        width: 100%;
    }

        .detail-page .comment-list > li > .reply {
            display: inline-block;
            border-left: 3px solid #E1E1E1;
            margin: 0 0 0 60px;
            padding-left: 12px;
            width: 545px;
        }

        .detail-page .comment-list > li .reply {
            margin: 0 0 0 35px !important;
            float: left;
            width: 90%;
        }

        .detail-page .comment-list > li .title {
            color: #494949;
            display: block;
            font-weight: 600;
            margin-bottom: 3px;
        }

        .detail-page .comment-list > li .text {
            color: #494949;
            display: block;
            font-weight: normal;
        }

        .detail-page .comment-list > li .actions {
            display: block;
            text-align: right;
            margin: 10px 0;
        }

            .detail-page .comment-list > li .actions > .txt-replay {
                color: #6d6d6d;
                font-weight: 200;
                margin-right: 30px;
                font-size: 13px;
                cursor: pointer;
            }

            .detail-page .comment-list > li .actions > .rate {
                display: inline-block;
                width: 70px;
                padding-left: 30px;
                text-align: left;
                color: #6d6d6d;
                font-weight: 200;
                font-size: 14px;
            }

                .detail-page .comment-list > li .actions > .rate.rate-up {
                    background: url("/static/images/rate-up.png?v1") no-repeat left center;
                    background-size: 14px;
                    cursor: pointer;
                }

                .detail-page .comment-list > li .actions > .rate.rate-down {
                    background: url("/static/images/rate-down.png?v1") no-repeat left center;
                    background-size: 14px;
                    cursor: pointer;
                }

        .detail-page .comment-list > li > .form {
            margin: 0 0 0 60px;
            padding-left: 12px;
        }

            .detail-page .comment-list > li > .form > .form-row > .textinput-wrapper.cm-name {
                width: 363px;
            }

            .detail-page .comment-list > li > .form > .form-row > .button-wrapper.cm-submit {
                width: 154px;
            }

.link-all-comments {
    color: #337ab7;
    display: block;
    width: 100%;
    text-align: left;
    margin: 5px 0 20px 0;
    border-top: 1px solid #E1E1E1;
    padding-top: 10px;
    font-weight: normal;
    text-decoration: underline;
    font-size: 16px;
}

    .link-all-comments:hover {
        font-weight: normal !important;
    }

.detail-page > aside {
    float: right;
    width: 300px;
    min-height: 500px;
}

.detail-page .news-row {
    height: auto;
    margin-bottom: 40px;
    width: 300px;
    display: inline-block;
    background: url("/static/images/bg-asidey.png") repeat-y -20px;
}

    .detail-page .news-row > .news-item {
        position: relative;
        width: 200px;
        height: 220px;
        margin-right: 0;
        float: right;
    }

        .detail-page .news-row > .news-item:last-child {
            margin-right: 0;
        }

        .detail-page .news-row > .news-item > .wrapper {
            background: none;
            height: 224px;
            width: 179px;
            overflow: hidden;
        }

            .detail-page .news-row > .news-item > .wrapper > a {
                color: #424242
            }

                .detail-page .news-row > .news-item > .wrapper > a:hover {
                    color: #222;
                    text-decoration: underline;
                }

                .detail-page .news-row > .news-item > .wrapper > a > img {
                    width: 100%;
                    display: inherit;
                }

                .detail-page .news-row > .news-item > .wrapper > a > span {
                    display: block;
                    background: #ebebeb;
                    width: 160px;
                    height: 87px;
                    padding: 7px;
                    overflow: hidden;
                    border-radius: 0px 0 4px 4px !important;
                    margin-left: 19px;
                }

        .detail-page .news-row > .news-item > .dot {
            text-align: center;
            position: absolute;
            top: 28px;
            display: block;
            width: 20px;
            font-size: 42px;
            font-family: sans-serif;
            color: #FF9130;
            left: -33px;
            height: 40px;
        }

        .detail-page .news-row > .news-item > .big-date {
            text-align: center;
            position: absolute;
            bottom: 38px;
            display: block;
            width: 100%;
            font-size: 36px;
            color: #FF9130;
        }

        .detail-page .news-row > .news-item > .kalip {
            position: absolute;
            top: -20px;
            left: -18px;
            background: url("/static/images/kalipy.png") repeat scroll 0 20px rgba(0, 0, 0, 0);
            width: 38px;
            height: 121px;
            z-index: 9999;
        }

        .detail-page .news-row > .news-item > .date {
            text-align: center;
            position: absolute;
            top: 40px;
            display: block;
            width: 45px;
            font-size: 16px;
            color: #FF9130;
            left: -82px;
        }

        .detail-page .news-row > .news-item > .cat-blue {
            color: #51AFF9;
        }

        .detail-page .news-row > .news-item > .cat-red {
            color: #ff2529;
        }

        .detail-page .news-row > .news-item > .cat-green {
            color: #25dda7;
        }

        .detail-page .news-row > .news-item > .cat-gray {
            color: #828282;
        }

        .detail-page .news-row > .news-item > .cat-purple {
            color: purple;
        }

.detail-page .form {
    margin-top: 20px;
}

    .detail-page .form > .form-row {
        margin-bottom: 10px;
        display: block;
        width: 100%;
    }

        .detail-page .form > .form-row > .textarea-wrapper {
        }

            .detail-page .form > .form-row > .textarea-wrapper.cm-comment > textarea {
                display: block;
                width: 100%;
                border: 1px solid #e1e1e1;
                height: 70px;
                border-radius: 5px;
                padding: 4px 6px;
                font-size: 14px;
                clear: left;
            }

            .detail-page .form > .form-row > .textarea-wrapper.cm-comment > .count-result {
                float: right;
                font-size: 15px;
                margin-bottom: 10px;
                margin-right: 3px;
            }

        .detail-page .form > .form-row > .textinput-wrapper.cm-name {
            display: block;
            width: 248px;
            float: left;
        }

            .detail-page .form > .form-row > .textinput-wrapper.cm-name > input {
                display: block;
                width: 100%;
                border: 1px solid #e1e1e1;
                border-radius: 5px;
                height: 40px;
                padding: 0 6px;
                font-size: 14px;
            }

        .detail-page .form > .form-row > .button-wrapper.cm-submit {
            display: block;
            width: 166px;
            float: right;
            margin-left: 10px;
        }

            .detail-page .form > .form-row > .button-wrapper.cm-submit > input {
                display: block;
                width: 100%;
                border: 1px solid #e1e1e1;
                background: #FF8C28;
                border-radius: 5px;
                height: 40px;
                padding: 3px;
                font-size: 16px;
                color: #fff;
            }

.detail-page .comment-list {
    display: inline-block;
    width: 100%;
    margin: 10px 0 0 0;
    padding: 0;
}

    .detail-page .comment-list > li {
        display: block;
        float: left;
        list-style: none;
        font-size: 16px;
        margin: 5px 0;
        width: 100%;
    }

        .detail-page .comment-list > li > .reply {
            display: inline-block;
            border-left: 3px solid #E1E1E1;
            margin: 0 0 0 60px;
            padding-left: 12px;
            width: 545px;
        }

        .detail-page .comment-list > li .reply {
            margin: 0 0 0 35px !important;
            float: left;
            width: 90%;
        }

        .detail-page .comment-list > li .title {
            color: #494949;
            display: block;
            font-weight: 600;
            margin-bottom: 3px;
        }

        .detail-page .comment-list > li .text {
            color: #494949;
            display: block;
            font-weight: normal;
        }

        .detail-page .comment-list > li .actions {
            display: block;
            text-align: right;
            margin: 10px 0;
        }

            .detail-page .comment-list > li .actions > .txt-replay {
                color: #6d6d6d;
                font-weight: 200;
                margin-right: 30px;
                font-size: 13px;
                cursor: pointer;
            }

            .detail-page .comment-list > li .actions > .rate {
                display: inline-block;
                width: 70px;
                padding-left: 30px;
                text-align: left;
                color: #6d6d6d;
                font-weight: 200;
                font-size: 14px;
            }

                .detail-page .comment-list > li .actions > .rate.rate-up {
                    background: url("/static/images/rate-up.png?v1") no-repeat left center;
                    background-size: 14px;
                    cursor: pointer;
                }

                .detail-page .comment-list > li .actions > .rate.rate-down {
                    background: url("/static/images/rate-down.png?v1") no-repeat left center;
                    background-size: 14px;
                    cursor: pointer;
                }

        .detail-page .comment-list > li > .form {
            margin: 0 0 0 60px;
            padding-left: 12px;
        }

            .detail-page .comment-list > li > .form > .form-row > .textinput-wrapper.cm-name {
                width: 363px;
            }

            .detail-page .comment-list > li > .form > .form-row > .button-wrapper.cm-submit {
                width: 154px;
            }

.link-all-comments {
    color: #337ab7;
    display: block;
    width: 100%;
    text-align: left;
    margin: 5px 0 20px 0;
    border-top: 1px solid #E1E1E1;
    padding-top: 10px;
    font-weight: normal;
    text-decoration: underline;
    font-size: 16px;
}

    .link-all-comments:hover {
        font-weight: normal !important;
    }

.detail-page > aside {
    float: right;
    width: 300px;
    min-height: 500px;
    float: left;
}

.result-message {
    margin: 10px 0;
    float: left;
    padding: 5px;
    font-size: 12px;
}

    .result-message.success {
        display: inline-block;
        background-color: #B9F0BD;
        color: #000;
        clear: both;
    }

    .result-message.error {
        display: inline-block;
        background-color: red;
        color: #fff;
    }

.detail-page {
    margin: 73px auto 20px auto;
    float: left
}

.category-page > aside ul.news-list {
    margin: 0;
    padding: 0;
    display: inline-block;
    background-color: #FAFAFA;
    padding-top: 0px;
}

    .category-page > aside ul.news-list li {
        display: block;
        margin-bottom: 40px;
        width: 292px;
        overflow: hidden;
        min-height: 225px;
    }

        .category-page > aside ul.news-list li a {
            margin-left: 4px;
        }

ul.news-list li a img {
    display: inherit !important;
}

ul.news-list li a > span.title {
    display: block;
    background-color: #252525;
    color: white;
    font-size: 17px;
    font-weight: 300;
    padding: 6px 10px;
    margin-left: 0px;
    box-sizing: border-box;
}

.category-page > main {
    width: 100%;
    float: right;
}

ul.news-list {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 98%;
    float: left;
}

    ul.news-list li {
        display: block;
        position: relative;
        margin: 0 0 50px 0;
        padding: 0 0 0 0px;
        color: #484848;
        float: left;
        width: 98%;
    }

        ul.news-list li > .date {
            width: 80px;
            float: left;
            font-size: 22px;
            font-weight: 400;
            color: #FF7900;
            padding-left: 5px;
            position: absolute;
            top: 0;
            left: 0;
        }

        ul.news-list li > a.content {
            color: #484848;
        }

        ul.news-list li > img {
            float: right;
            margin-left: 10px;
            margin-bottom: 4px;
        }

        ul.news-list li > a > img {
            float: right;
            margin-left: 10px;
            margin-bottom: 4px;
            max-width: 146px;
            min-height: 146px;
            margin-top: 0px;
        }

        ul.news-list li > a > .title {
            font-size: 22px;
            font-weight: normal;
            min-width: 100%;
            color: #000;
            display: block;
            margin-bottom: 5px;
        }

        ul.news-list li > .spot {
            font-size: 16px;
            font-weight: normal;
            display: inherit;
            color: #666;
            word-wrap: break-word;
            word-break: break-word;
            line-height: 155%;
        }

        ul.news-list li > a.content > .spot:hover {
            text-decoration: none !important;
        }

.bhrcmndtxt {
    width: 100%;
    float: left;
}

.cmdtxt {
    width: 100%;
    float: left;
    margin: 20px 0;
}

.pagination li a {
    padding-top: 10px;
    display: block;
    height: 40px;
    box-sizing: border-box;
}

.yeni-secim-title {
    font-size: 30px !important;
    padding: 17px 5px 0 5px !important;
    display: block;
}

.flash-right, .flash-left {
    display: table;
}

    .flash-right a, .flash-left a {
        display: table-cell;
        vertical-align: middle;
    }

.eski-secim-title {
    font-size: 26px !important;
    padding: 17px 5px 0 5px !important;
}

.ucsag-parti-item {
    width: 100%;
    float: left;
    padding: 10px;
    font-size: 12px;
    font-weight: bold;
    min-height: 20px;
    border-bottom: 1px solid #dfdfdf;
    display: flex;
    align-items: center;
}

    .ucsag-parti-item:last-child {
        border-bottom: none;
    }

.ucsag-parti-title {
    width: 100%;
    padding: 10px;
    font-size: 12px;
    font-weight: bold;
    min-height: 20px;
    border-bottom: 1px solid #dfdfdf;
}

.ucsag-parti {
    border: 1px solid #dfdfdf;
    float: left;
    margin-bottom: 20px;
}

    .ucsag-parti * {
        box-sizing: border-box;
    }

.ucsag-parti-items {
    width: 100%;
}

.ucsag-parti .parti-logo {
    float: left;
    width: 30px;
    height: 30px;
}

.ucsag-parti .parti-adi {
    float: left;
    width: calc(100% - 30px);
    padding-left: 10px;
    box-sizing: border-box;
}

.ucanaparti-table {
    border: 1px solid #dfdfdf;
    float: left;
    box-sizing: border-box;
    width: 100%;
}

.parti-table-title {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #dfdfdf;
    box-sizing: border-box;
}

.parti-table-item {
    width: 100%;
    padding: 10px;
    float: left;
    border-bottom: 1px solid #dfdfdf;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

    .parti-table-item:last-child {
        border-bottom: none;
    }

.parti-sirasi {
    width: 30px;
    float: left;
    height: 40px;
    padding-top: 10px;
    box-sizing: border-box;
}

.ucanaparti-table .parti-adi {
    width: calc(100% - 270px);
    padding-left: 20px;
    box-sizing: border-box;
    float: left;
}

.ucanaparti-table .parti-orani {
    width: 100px;
    float: left;
    height: 40px;
    text-align: right;
    padding-top: 10px;
    box-sizing: border-box;
}

.parti-table-sehir {
    float: left;
    width: 140px;
    padding-top: 10px;
    box-sizing: border-box;
}

.ucanaparti-table .parti-aday-isim {
    padding-left: 10px;
    width: calc(100% - 190px);
    float: left;
    box-sizing: border-box;
    min-width: 200px;
}

.ucanaparti-table .parti-logo {
    float: left;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
}

.birinci-oy-orani {
    float: left;
    width: 30px;
    box-sizing: border-box;
    padding-top: 10px;
}

.acilan-sandik-yuzdesi {
    float: left;
    width: 90px;
    margin-right: 10px;
    text-align: right;
    box-sizing: border-box;
    padding-top: 10px;
}

.parti-grafik-aday-adi {
    float: left;
    width: 100%;
    margin-left: 10px;
    margin-top: 7px;
}

.ana-parti-listesi-sira {
    padding-top: 10px;
}

.ana-parti-listesi-sayısal {
    padding-top: 10px;
}

.news-container .col {
    width: 50%;
}

#PrtOydglm ul {
    columns: auto 100px;
}

.pbaslik-1 {
    width: 30%;
}

.pbaslik-2 {
    width: 50%;
}

.pbaslik-3 {
    width: 20%;
}

.pdbaslik-1, .phead .pdbaslik-1 {
    width: 130px;
}

.pdbaslik-2 {
    width: calc(100% - 170px);
}

.pdbaslik-3 {
    width: 40px;
}

.phead .pdbaslik-2 {
    width: calc(80% - 130px);
}

.phead .pdbaslik-3 {
    width: 20%;
}

.title-div h1 {
    line-height: 100%;
}

.parti-list ul li {
    margin: 0;
    padding: 10px;
    list-style-type: none;
    float: left;
    width: 33.33%;
    height: 150px;
    text-align: center;
    box-sizing: border-box;
}

.left-div-sonuc {
    width: 125px;
    margin-right: 15px;
    float: left;
}

.center-div-sonuc {
    width: calc(100% - 455px);
    margin-right: 15px;
    float: left;
}

.right-div-sonuc {
    width: 33.33%;
    max-width: 300px;
    float: left;
}

.parti-genellistesi-m.il-durum-m .t-il-adi {
    border: none;
    background-color: #fff;
    padding: 10px;
    font-weight: 600;
    border-left: 5px solid #da4f4f;
    margin-bottom: 10px;
}

.parti-genellistesi-m.il-durum-m .parti-box {
    padding: 10px;
    margin-bottom: 10px;
    background-color: #f1f1f1;
}

    .parti-genellistesi-m.il-durum-m .parti-box h4 {
        margin-bottom: 0;
    }

@media only screen and (max-width: 960px) {
    .ftbgythy .container .ftCty span {
        width: 33.33% !important;
        position: relative;
        float: left;
    }
}

@media only screen and (max-width: 992px) {
    .left-div-default {
        width: calc(70% - 15px);
    }

    .right-div-default {
        width: 30%;
    }

    .secim-header-menu .logo {
        width: calc((100% / 8) * 3 - 2px);
    }

    .secim-header-menu a {
        width: calc((100% / 8) - 2px);
    }

    .content-container-sonuc {
        display: flex;
        flex-wrap: wrap;
    }

    .left-div-sonuc {
        width: 100%;
        order: 3;
    }

    .right-div-sonuc {
        width: 30%;
        order: 2;
    }

    .center-div-sonuc {
        width: calc(70% - 15px);
        order: 1;
    }

    .left-div-sonuc .iller-sol {
        width: 100%;
        columns: auto 110px;
    }

    .ucanaparti-table {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 991px) {
    .top-menu {
        padding: 5px;
    }

        .top-menu span.text {
            width: calc(100% - 200px);
        }

    .dropred {
        float: left;
        display: block;
        margin: 0;
        padding: 0;
    }

        .dropred select {
            border: #e4e4e4;
            padding: 2px;
            border-radius: 3px;
            outline: none;
        }

    .top-menu.secimo > ul {
        display: none;
    }
}

@media only screen and (max-width: 920px) and (min-width: 768px) {
    .hbHeader .hbHeaderInTop .hbhNavMenuScope a:last-child {
        display: none;
    }
}

@media only screen and (max-width: 810px) {
    .hbHeader .hbHeaderInTop .hbhNavMenuScope a:nth-child(6) {
        display: none;
    }
}

@media only screen and (max-width:768px) {
    .header .navMenuScope .navMenu.navCity .navContent a {
        width: 16% !important;
    }
}

@media only screen and (max-width: 750px) {
    .left-div-default {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
    }

    .right-div-default {
        width: 100%;
        max-width: 100%;
    }

    .pbaslik-1 {
        width: 20%;
        display: flex;
        flex-direction: column;
    }

    .pbaslik-2 {
        width: 60%;
        padding-left: 10px;
    }

        .pbaslik-2 > div > div {
            margin-left: 0 !important;
        }

    .pbaslik-1 a {
        display: flex;
        flex-direction: column;
    }

    .pbaslik-1 img {
        max-width: 40px;
    }

    .pdbaslik-1, .pdbaslik-2, .pdbaslik-3 {
        width: 100%;
    }

    .left-div-sonuc {
        padding-right: 0px;
        margin-top: 20px;
    }

    .center-div-sonuc {
        width: 100%;
        margin-right: 0;
    }

    .right-div-sonuc {
        width: 100%;
        max-width: 100%;
    }
}

@media only screen and (max-width: 680px) {
    .footer-ctr .logo-left {
        padding: 20px 0;
    }

        .footer-ctr .logo-left .logo {
            width: 100%;
            position: relative;
            float: left;
            text-align: center;
            margin-bottom: 20px;
        }

        .footer-ctr .logo-left .container .homego {
            float: none;
            display: inline-block;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
        }

    .ftbgythy .container .ftCty span {
        width: 50% !important;
        position: relative;
        float: left;
    }

    .ysNewsBasic .ysNewBoxScope .ysNewBox {
        width: 48% !important;
        position: relative;
        float: left;
    }

        .ysNewsBasic .ysNewBoxScope .ysNewBox:nth-child(3n+0) {
            margin-right: 2% !important;
        }

        .ysNewsBasic .ysNewBoxScope .ysNewBox:nth-child(2n+1) {
            clear: both;
        }

        .ysNewsBasic .ysNewBoxScope .ysNewBox:nth-child(2n+0) {
            margin-right: 0 !important;
        }

    .header .container {
        padding: 0;
    }

    .header .logoScope {
        margin: 15px 0 10px 0;
        padding: 0 10px;
    }

        .header .logoScope .navClickButton {
            display: block !important;
        }

    .header .navMenuScope {
        height: 35px;
    }

        .header .navMenuScope .navMenuFixed {
            position: fixed;
            left: -290px;
            top: 0;
            z-index: 9999999999;
            width: 215px;
            height: 100%;
            background: #4488be;
            padding: 20px;
            -webkit-transition: all .34s ease;
            -moz-transition: all .34s ease;
            -ms-transition: all .34s ease;
            -o-transition: all .34s ease;
            transition: all .34s ease;
        }

            .header .navMenuScope .navMenuFixed .navMenu {
                width: 100%
            }

                .header .navMenuScope .navMenuFixed .navMenu a {
                    color: #fff !important
                }

                .header .navMenuScope .navMenuFixed .navMenu .navClick {
                    padding-left: 0;
                    padding-right: 15px;
                    background: 0 0 !important;
                    color: #fff !important
                }

                    .header .navMenuScope .navMenuFixed .navMenu .navClick span:after {
                        content: "";
                        right: -93px
                    }

                .header .navMenuScope .navMenuFixed .navMenu .navContent {
                    position: relative;
                    float: left;
                    top: 0;
                    background: 0 0 !important;
                    -webkit-box-shadow: none !important;
                    -moz-box-shadow: none !important;
                    box-shadow: none !important;
                    padding-bottom: 100px;
                    overflow-y: auto;
                }

                    .header .navMenuScope .navMenuFixed .navMenu .navContent a {
                        padding-left: 8px
                    }

                .header .navMenuScope .navMenuFixed .navMenu.active .navClick span:after {
                    content: "";
                    right: -93px;
                    background-position: 0 0
                }

            .header .navMenuScope .navMenuFixed.active {
                left: 0
            }

        .header .navMenuScope .navClose {
            display: block !important;
        }

        .header .navMenuScope .navMenuFixed .navMenu {
            width: 100%;
        }

            .header .navMenuScope .navMenuFixed .navMenu .navClick {
                padding-left: 0;
                padding-right: 15px;
                background: 0 0 !important;
                color: #fff !important;
            }

        .header .navMenuScope .navMenu .navClick {
            height: 35px;
        }

        .header .navMenuScope .navMenuFixed .navMenu .navContent {
            position: relative;
            float: left;
            top: 0;
            background: 0 0 !important;
            -webkit-box-shadow: none !important;
            -moz-box-shadow: none !important;
            box-shadow: none !important;
            padding-bottom: 100px;
            overflow-y: auto;
        }

            .header .navMenuScope .navMenuFixed .navMenu .navContent a {
                padding-left: 8px;
            }

        .header .navMenuScope .navMenu .navContent {
            top: 35px;
        }

    .header .logoScope .homego {
        display: none;
    }
}

@media only screen and (max-width: 650px) {
    .news-container .col {
        width: 100%;
    }

    .secim-header-menu a {
        width: calc((100% / 5) - 2px);
    }

    .secim-header-menu .logo {
        width: calc((100% / 5) * 3 - 2px);
    }

    .phead .pdbaslik-1 {
        width: 80px;
    }

    .baskanlar {
        width: 50%;
    }

    .parti-sirasi {
        width: 20px;
    }

    .ucanaparti-table .parti-orani {
        width: 90px;
    }

    .ucanaparti-table .parti-adi {
        width: calc(100% - 240px);
        padding-left: 15px;
    }

    .t-il-row .aday {
        border-left: none;
    }

    .t-il-row .sira {
        border-right: none;
    }

    .overflow-table {
    }

    .parti-listesi-m, .ana-parti-listesim {
        display: flex !important;
    }

    .ana-parti-listesi-baslik {
        display: flex;
        flex-direction: column;
    }

        .ana-parti-listesi-baslik .karsilastir {
            max-width: 170px;
            margin-top: 20px;
        }

    .parti-il-listesi-m, .parti-genellistesi-m, .oy-oran-listesi-m {
        display: block !important;
    }

    .mnone {
        display: none;
    }

    .top-menu span.text {
        font-size: 16px;
    }
}

@media only screen and (max-width: 520px) {
    .ftbgythy .container .ftCty span {
        width: 100% !important;
        position: relative;
        float: left;
        text-align: center;
    }

    .ftbgythy .container .bottom .ftError {
        float: left;
        clear: both;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        margin-bottom: 15px;
    }

    .ftbgythy .container .bottom .ftTerms {
        float: left !important;
        clear: both;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .boxStyle {
        padding: 10px;
    }

    .sticky {
        height: 74px
    }

    .header .navMenuScope .navMenu.navCity .navContent a {
        width: 28.33% !important;
    }
}

@media only screen and (max-width: 450px) {
    .secim-header-menu a {
        width: calc((100% / 3) - 2px);
    }

    .secim-header-menu .logo {
        width: 100%;
    }

    .ana-parti-isim2 {
        min-width: 70px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .ana-parti-listesi-parti .paa {
        display: none;
    }

    .vekil-dagilimi.secimo .item {
        width: 50% !important;
        margin-bottom: 15px;
    }

    .secim-kazanan > ul > li {
        width: 100%;
    }

    .mc_il_ilce_ara .form-control {
        width: calc(100% - 25px);
        margin-right: 0 !important;
    }

    .mc_il_ilce_ara button {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .phead .pbaslik-2 {
        width: 40%;
    }

    .phead .pbaslik-3 {
        width: 35%;
    }

    .pbaslik-1 {
        width: 25%;
    }

    .pbaslik-2 {
        width: 75%;
    }

        .pbaslik-2 > div {
            width: 100% !important;
        }

    .pbaslik-3 {
        width: 100%;
        margin-top: 0 !important;
    }

    .oran-bar-ctr > .oran-bar > .oran-text {
        font-size: 10px !important;
        left: 0 !important;
        top: -3px;
        transform: rotate( -90deg );
    }

    .oran-bar-ctr > .oran-bareski > .oran-text {
        left: 1px !important;
        top: 3px;
        transform: rotate( -90deg );
    }

    .chart-ctr > .parti-ctr > .oran-bar-ctr {
        height: 270px !important;
    }

    .baskanlar {
        width: 100%;
    }

    .title-div h1 {
        font-size: 20px;
    }

    .brnc-bar > div:first-child {
        width: auto !important;
    }

        .brnc-bar > div:first-child img {
            margin-right: 10px;
        }

    .brnc-bar > div:last-child {
        width: calc(100% - 30px) !important;
    }

    .ucanaparti-table .parti-adi .pa {
        display: none;
    }

    .parti-list ul li {
        width: 50%;
    }

    .ana-parti-listesi-parti .pa {
        display: none;
    }
}

@media only screen and (max-width: 407px) {
    .hbHeader .hbHeaderInTop .hbhNavMenuScope a:nth-child(3) {
        display: none;
    }
}

.parti-listesi-m {
    width: 100%;
    display: none;
    flex-direction: column;
    box-sizing: border-box;
    border: 1px solid #efefef;
    border-bottom: none;
    padding-bottom: 0;
}

    .parti-listesi-m:last-of-type, .parti-listesi-m:last-child {
        border-bottom: 1px solid #efefef;
        margin-bottom: 20px;
    }

    .parti-listesi-m * {
        box-sizing: border-box;
        width: 100%;
    }

    .parti-listesi-m .parti-isim-m {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 10px;
        border-bottom: 1px solid #efefef;
    }

        .parti-listesi-m .parti-isim-m img {
            width: 50px;
            height: 50px;
            margin-right: 15px;
        }

        .parti-listesi-m .parti-isim-m .parti-acilim-m h4, .parti-listesi-m .parti-isim-m .parti-acilim-m a {
            margin: 0;
            font-size: 15px;
            font-weight: bold;
            text-decoration: none;
        }

        .parti-listesi-m .parti-isim-m .parti-acilim-m p {
            margin: 0;
            font-size: 12px;
            color: #969696;
        }

    .parti-listesi-m .ilk-secim-m {
        display: flex;
        align-items: center;
        padding: 0 10px;
    }

    .parti-listesi-m .son-secim-m.sonSecim {
        display: none;
        border-top: 1px solid #efefef;
    }

    .parti-listesi-m .son-secim-m.d-flex {
        display: flex !important;
        align-items: center;
        padding: 0 10px;
    }

    .parti-listesi-m .ilk-secim-m h4, .parti-listesi-m .son-secim-m h4 {
        font-size: 15px;
        margin: 15px 0;
        color: #20537b;
    }

    .parti-listesi-m .ilk-secim-m > div, .parti-listesi-m .son-secim-m > div {
        margin: 15px 0;
    }

    .parti-listesi-m .ilk-secim-m p, .parti-listesi-m .son-secim-m p {
        margin: 0;
        font-size: 12px;
        color: #c3c3c3;
        line-height: 130%;
    }

    .parti-listesi-m .ilk-secim-m h3, .parti-listesi-m .son-secim-m h3 {
        margin: 0;
        font-size: 15px;
    }

.parti-il-listesi-m, .parti-genellistesi-m {
    float: left;
    width: 100%;
    display: none;
}

    .parti-il-listesi-m .il-box, .parti-genellistesi-m .parti-box {
        background-color: #F6F4FC;
        padding: 20px;
        margin-bottom: 15px;
    }

    .parti-il-listesi-m h3, .parti-genellistesi-m h3 {
        font-size: 15px;
    }

        .parti-il-listesi-m h3 img, .parti-genellistesi-m h3 img {
            width: 43px;
            height: 43px;
            margin-right: 10px;
        }

    .parti-il-listesi-m .il-box h4, .parti-genellistesi-m .parti-box h4, .parti-il-listesi-m .il-box a, .parti-genellistesi-m .parti-box a {
        font-size: 14px;
        font-weight: bold;
        margin-top: 0;
        margin-bottom: 12px;
        text-decoration: none;
        float: left;
    }

        .parti-il-listesi-m .il-box h4 img, .parti-il-listesi-m .il-box a img {
            width: 17px;
            height: 17px;
            margin-left: 10px;
        }

    .parti-il-listesi-m .il-box .oy, .parti-genellistesi-m .parti-box .oy {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 100%;
        justify-content: space-between;
        padding: 12px 15px;
        background-color: #fff;
        box-sizing: border-box;
        border-radius: 3px;
    }

        .parti-il-listesi-m .il-box .oy h5, .parti-genellistesi-m .parti-box h5 {
            width: 70px;
            margin: 0;
        }

        .parti-il-listesi-m .il-box .oy .progress, .parti-genellistesi-m .parti-box .oy .progress {
            width: calc(100% - 130px);
            height: 6px;
            border-radius: 3px;
            background-color: #F6F4FC;
            overflow: hidden;
        }

        .parti-il-listesi-m .il-box .oy span, .parti-genellistesi-m .parti-box .oy span {
            max-width: 46px;
        }

    .parti-genellistesi-m .parti-box h4 img {
        width: 45px;
        height: 45px;
        margin-right: 5px;
    }

    .parti-genellistesi-m .parti-box .title {
        display: flex;
        justify-content: space-between;
    }

    .parti-genellistesi-m .parti-box .toplam-oy-m {
        text-align: right;
    }

        .parti-genellistesi-m .parti-box .toplam-oy-m p {
            margin: 0;
            font-size: 12px;
            color: #c3c3c3;
            line-height: 130%;
        }

        .parti-genellistesi-m .parti-box .toplam-oy-m h3 {
            margin: 0;
            font-size: 15px;
        }

.il-durum-m .parti-box .title {
    justify-content: flex-start;
    align-items: center;
}

.il-durum-m .il-box a {
    display: flex;
    flex-direction: column;
    margin-left: 5px;
    font-weight: 400;
}

    .il-durum-m .il-box a span {
        font-weight: bold;
    }

.oy-oran-listesi-m {
    float: left;
    width: 100%;
    margin-top: 15px;
    display: none;
}

    .oy-oran-listesi-m .il-box {
        background-color: #F6F4FC;
        padding: 15px;
        margin-bottom: 15px;
    }

        .oy-oran-listesi-m .il-box .title {
            margin-bottom: 15px;
            text-align: center;
        }

            .oy-oran-listesi-m .il-box .title a {
                font-size: 16px;
                font-weight: bold;
            }

        .oy-oran-listesi-m .il-box .wh-box {
            background-color: #fff;
            padding: 10px;
            display: flex;
        }

            .oy-oran-listesi-m .il-box .wh-box p {
                font-size: 12px;
                font-weight: 400;
                margin: 0;
            }

            .oy-oran-listesi-m .il-box .wh-box h4 {
                font-size: 15px;
                font-weight: 700;
                margin-bottom: 0;
                margin-top: 5px;
            }

            .oy-oran-listesi-m .il-box .wh-box > div {
                width: 33.33%;
                text-align: center;
                border-right: 1px solid #efefef;
            }

                .oy-oran-listesi-m .il-box .wh-box > div:last-child {
                    border-right: none;
                }

.ana-parti-listesim {
    display: none;
    float: left;
    flex-direction: column;
    width: 100%;
}

    .ana-parti-listesim .ana-parti-listesi-baslik {
        border-bottom: none;
    }

    .ana-parti-listesim .ana-parti-box {
        background-color: #F6F4FC;
        margin-bottom: 15px;
        padding: 15px;
    }

        .ana-parti-listesim .ana-parti-box .ana-parti-title {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

            .ana-parti-listesim .ana-parti-box .ana-parti-title img {
                border-radius: 100%;
                width: 70px;
                height: 70px;
            }

            .ana-parti-listesim .ana-parti-box .ana-parti-title a {
                font-size: 16px;
                font-weight: bold;
                margin-top: 10px;
            }

        .ana-parti-listesim .ana-parti-box .wh-box {
            display: flex;
            background-color: #fff;
            padding: 15px 0;
            margin-top: 20px;
            position: relative;
        }

            .ana-parti-listesim .ana-parti-box .wh-box > div {
                width: 50%;
                text-align: center;
                padding: 0 20px;
            }

            .ana-parti-listesim .ana-parti-box .wh-box .oy-oran {
                border-right: 1px solid #e3e3e3;
            }

            .ana-parti-listesim .ana-parti-box .wh-box p {
                font-size: 13px;
                margin: 0;
            }

            .ana-parti-listesim .ana-parti-box .wh-box h3 {
                font-size: 16px;
                margin: 0;
            }

            .ana-parti-listesim .ana-parti-box .wh-box .logo {
                width: 40px;
                height: 40px;
                position: absolute;
                left: 50%;
                transform: translateX(-50%);
                top: -10px;
            }

.parti-il-listesi-m .cb-title {
    display: flex;
    padding: 15px;
}

    .parti-il-listesi-m .cb-title img {
        width: 90px;
        height: 82px;
        padding-right: 10px;
    }

    .parti-il-listesi-m .cb-title .column {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

        .parti-il-listesi-m .cb-title .column span:first-of-type {
            font-weight: 700;
            font-size: 15px;
        }

        .parti-il-listesi-m .cb-title .column span:last-of-type {
            font-weight: 600;
            font-size: 13px;
        }

.dropred {
    display: none;
}

.sandikhd {
    float: left;
    background-color: #f35057;
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 265px;
}

.sandiksw {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%,-50%);
}

.sandikhd_ani {
    position: relative;
    width: 310px;
    height: 200px;
    overflow: hidden;
}

.sandikhd_zarf {
    font-family: 'Poppins';
    background-color: #fff;
    color: #000;
    font-size: 40px;
    font-weight: 900;
    text-align: center;
    display: inline-block;
    padding: 20px 30px 40px 30px;
    line-height: 120%;
    transform: rotateZ(-25deg);
    margin: auto;
    position: absolute;
    top: 50px;
    left: 25px;
}

.sandikhd_bosluk {
    width: 200px;
    height: 30px;
    perspective: 300px;
    position: absolute;
    bottom: -20px;
    left: 17px;
}

.sandikhd_siyah {
    background-color: #000;
    width: 200px;
    height: 20px;
    transform: rotateX(60deg) rotateY(0deg);
    transform-style: preserve-3d;
}

.nbsnbg {
    background-color: transparent;
    box-shadow: none;
}

.ldk_timeline {
    position: relative;
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 15px 0;
    float: left;
}

    .ldk_timeline::after {
        content: '';
        position: absolute;
        width: 2px;
        background: #000;
        top: 0;
        bottom: 0;
        left: 50%;
        margin-left: -1px;
    }

    .ldk_timeline .container {
        padding: 15px 60px 15px 60px;
        position: relative;
        background: inherit;
        width: 50%;
        margin: unset;
        box-sizing: border-box;
        margin-bottom: -140px;
    }

        .ldk_timeline .container:last-child {
            margin: unset !important;
        }

        .ldk_timeline .container.left {
            left: 0;
        }

        .ldk_timeline .container.right {
            left: 50%;
        }

        .ldk_timeline .container::after {
            content: '';
            position: absolute;
            width: 16px;
            height: 16px;
            top: calc(50% - 12px);
            right: -12px;
            background: #383636;
            border: 4px solid #fff;
            border-radius: 16px;
            z-index: 1;
            box-shadow: 0 0 0 1px #383636;
        }

        .ldk_timeline .container.right::after {
            left: -13px;
        }

        .ldk_timeline .container::before {
            content: '';
            position: absolute;
            width: 52px;
            height: 0.5px;
            top: calc(50% - 1px);
            right: 8px;
            background: #707070;
            z-index: 1;
        }

        .ldk_timeline .container.right::before {
            left: 8px;
            top: 50%;
        }

        .ldk_timeline .container .date {
            position: absolute;
            display: inline-block;
            top: calc(50% - 9px);
            text-align: center;
            font-size: 30px;
            font-weight: bold;
            text-transform: uppercase;
            letter-spacing: 1px;
            z-index: 1;
        }

        .ldk_timeline .container.left .date {
            right: -100px;
        }

    .ldk_timeline a {
        text-decoration: none;
    }

    .ldk_timeline .container.right .date {
        left: -100px;
    }

    .ldk_timeline .container .content {
        background-color: #fff;
        position: relative;
        -webkit-box-shadow: 0 6px 6px -2px rgb(0 0 0 / 10%);
        -moz-box-shadow: 0 6px 6px -2px rgba(0,0,0,.1);
        box-shadow: 0 6px 6px -2px rgb(0 0 0 / 10%);
    }

    .ldk_timeline .container.right .content {
    }

    .ldk_timeline .container .content img {
        width: 100%;
        display: block;
        height: 100%;
    }

    .ldk_timeline .container .content .contenttext {
        padding: 15px;
    }

    .ldk_timeline .container .content h2 {
        margin: 0 0 10px 0;
        font-size: 18px;
        font-weight: 600;
        color: #000000;
    }

    .ldk_timeline .container .content p {
        margin: 0;
        font-size: 16px;
        line-height: 22px;
        color: #000000;
    }

    .ldk_timeline .color2019 {
        color: #23aae2 !important;
    }

    .ldk_timeline .color2018 {
        color: #fa940b !important;
    }

    .ldk_timeline .color2017 {
        color: #37af47 !important;
    }

    .ldk_timeline .color2015 {
        color: #f2621e !important;
    }

    .ldk_timeline .color2014 {
        color: #37af47 !important;
    }

    .ldk_timeline .date {
        color: #f2621e;
    }

@media (max-width: 800px) {
    .ldk_timeline .container {
        padding: 15px 30px 15px 30px;
        margin-bottom: 0px;
    }

        .ldk_timeline .container::before {
            width: 22px
        }
}

@media (max-width: 700px) {
    .ldk_timeline::after {
        display: none;
    }

    .ldk_timeline .container {
        width: 100%;
        padding-top: 150px;
        padding-bottom: 0px
    }

        .ldk_timeline .container.right {
            left: 0%;
        }

            .ldk_timeline .container.left::after, .ldk_timeline .container.right::after {
                left: calc(50% - 11px);
                top: 80px;
            }

            .ldk_timeline .container.left::before, .ldk_timeline .container.right::before {
                left: 50%;
                background-color: #000;
                width: 2px;
                height: 90px;
                top: 0px;
                z-index: 9;
            }

            .ldk_timeline .container.left .date, .ldk_timeline .container.right .date {
                right: auto;
                left: calc(50% - 37px);
                top: 120px;
            }

            .ldk_timeline .container.left .content, .ldk_timeline .container.right .content {
            }
}

.ftbgythy {
    width: 100%;
    position: relative;
    float: left;
    margin: 0;
    background: #20537b;
    padding: 25px 15px;
}

    .ftbgythy .container {
        position: relative;
        width: 100%;
        max-width: 960px;
        padding: 0 10px;
        margin: 0 auto;
    }

        .ftbgythy .container .ftCty {
            width: 100%;
            position: relative;
            float: left;
            margin-bottom: 10px;
        }

            .ftbgythy .container .ftCty span {
                width: 25%;
                position: relative;
                float: left;
                margin-bottom: 15px;
            }

                .ftbgythy .container .ftCty span a {
                    color: #fff;
                    font-size: 15px;
                }

        .ftbgythy .container .bottom {
            width: 100%;
            position: relative;
            float: left;
            color: #fff;
            font-size: 15px;
        }

            .ftbgythy .container .bottom a {
                color: #fff;
                font-size: 15px;
            }

            .ftbgythy .container .bottom .ftError {
                float: left;
                position: relative;
            }

            .ftbgythy .container .bottom .ftTerms {
                float: right;
                position: relative;
            }

.ysGeneralBoxInHeadTitle .h2, .ysGeneralBoxInHeadTitle .h3, .ysGeneralBoxInHeadTitle h2, .ysGeneralBoxInHeadTitle h3 {
    width: 100%;
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    line-height: 120%;
}

.generalSectionTitle, .ysGeneralBoxInHeadTitle .h2, .ysGeneralBoxInHeadTitle .h3, .ysGeneralBoxInHeadTitle h2, .ysGeneralBoxInHeadTitle h3 {
    font-family: Poppins,sans-serif;
    font-size: 26px;
    font-weight: 700;
    color: #1c1c1c;
}

.boxStyle {
    padding: 20px;
}

.inRow100.ysGeneralBoxInHeadTitle {
    margin-bottom: 20px !important;
    padding: 0;
}

.ysGeneralBoxInHeadTitle {
    text-align: left;
    margin-bottom: 20px;
    padding-right: 10px;
}

.inRow100 {
    width: 100%;
    position: relative;
    float: left;
}

.ysNewsBasic .ysNewBoxScope {
    line-height: 0;
    box-sizing: border-box;
}

    .ysNewsBasic .ysNewBoxScope .ysNewBox:nth-child(3n) {
        margin-right: 0;
    }

    .ysNewsBasic .ysNewBoxScope .ysNewBox {
        width: 31%;
        position: relative;
        float: left;
        margin-right: 2%;
        margin-bottom: 2%;
    }

        .ysNewsBasic .ysNewBoxScope .ysNewBox .ysNewImage {
            object-fit: cover;
            object-position: top;
            aspect-ratio: 16 / 9;
        }

    .ysNewsBasic .ysNewBoxScope .ysNewText {
        width: 100%;
        position: relative;
        float: left;
        padding: 10px;
        background: #e8eaed;
        line-height: 140%;
        font-size: 16px;
        box-sizing: border-box;
        min-height: 145px;
        max-height: 135px;
    }

.hbHeader .hbHeaderInTop .hbhNavMenuScope .hbhNavMiddle {
    padding-top: 4px !important;
}

.row {
    width: 100%;
    position: relative;
    float: left;
    margin-left: 0;
    margin-right: 0;
}

.header {
    min-height: 130px !important;
    background: #20537b !important;
}

.row.header {
    margin-bottom: 10px;
}

    .row.header .container {
        width: unset !important;
    }

.container {
    position: relative;
    width: 100%;
    max-width: 960px;
    padding: 0 10px;
    margin: 0 auto;
}

.header .logoScope {
    width: 100%;
    position: relative;
    float: left;
    margin: 40px 0 23px 0;
}

    .header .logoScope .homego {
        float: right;
        position: relative;
        padding: 5.5px 35px 5.5px 10px;
        height: 15px;
        line-height: 100%;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px;
        background: url(/secim/static/2019/v2/img/right-arrow.png) no-repeat center right 7px;
        background-size: 9px 13px;
        background-color: #fff;
        -webkit-transition: all .34s ease;
        -moz-transition: all .34s ease;
        -ms-transition: all .34s ease;
        -o-transition: all .34s ease;
        transition: all .34s ease;
        cursor: pointer;
        font-family: "Open Sans",sans-serif;
        font-size: 12px;
        font-weight: 600;
        color: #000;
    }

        .header .logoScope .homego:hover {
            background: url(/secim/static/2019/v2/img/right-arrow.png) no-repeat center right 7px;
            background-size: 9px 13px;
            background-color: #ffa903;
            color: #fff
        }

    .header .logoScope .navClickButton {
        float: left;
        position: relative;
        margin-right: 15px;
        cursor: pointer;
        display: none;
    }

    .header .logoScope .logo {
        float: left;
        position: relative;
        line-height: 0;
    }

.header .navMenuScope {
    width: 100%;
    position: relative;
    float: left;
    height: 44px;
    background-color: #315B81;
}

    .header .navMenuScope .navClose {
        float: right;
        position: relative;
        cursor: pointer;
        margin-bottom: 15px;
        display: none;
        cursor: pointer;
    }

    .header .navMenuScope .navMenu .navClick {
        position: relative;
        float: left;
        display: table;
        height: 44px;
        padding: 0 20px 0 10px;
        cursor: pointer;
    }

        .header .navMenuScope .navMenu .navClick span {
            vertical-align: middle;
            display: table-cell;
        }

            .header .navMenuScope .navMenu .navClick span:after {
                content: "";
                position: absolute;
                right: 5px;
                margin-top: 7px;
                width: 10px;
                height: 6px;
                background: url(/secim/static/img/nav-arrow.png) no-repeat;
                background-size: 10px auto;
                background-position: 0 0;
            }

    .header .navMenuScope .navMenu .navContent {
        position: absolute;
        left: 0;
        width: 100%;
        top: 44px;
        background: #fff;
        z-index: 999;
        display: none;
        -webkit-box-shadow: 0 10px 10px 0 rgb(0 0 0 / 20%);
        -moz-box-shadow: 0 10px 10px 0 rgba(0,0,0,.2);
        box-shadow: 0 10px 10px 0 rgb(0 0 0 / 20%);
    }

.row.header .navMenuScope .navMenu .navContent a {
    color: #000;
    width: calc(100% - 10px);
    position: relative;
    float: left;
    -webkit-transition: all .34s ease;
    -moz-transition: all .34s ease;
    -ms-transition: all .34s ease;
    -o-transition: all .34s ease;
    transition: all .34s ease;
    padding: 12px 5px;
    display: flex;
    flex-direction: column;
}

.header .navMenuScope .navMenu.active .navContent a:hover {
    background: #4488be;
    color: #fff;
    text-decoration: none;
}

.header .navMenuScope .navMenu {
    float: left;
    position: relative;
    margin-right: 5px;
}

    .header .navMenuScope .navMenu, .header .navMenuScope .navMenu .navContent a, .header .navMenuScope .navMenu.navCity .navContent a, .linkMenuTitle {
        font-family: "Open Sans",sans-serif;
        font-size: 12px;
        color: #fff;
    }

        .header .navMenuScope .navMenu.navCity {
            float: right;
            margin-left: 5px;
            margin-right: 0
        }

            .header .navMenuScope .navMenu.navCity .navClick {
                padding: 0 10px 0 28px
            }

                .header .navMenuScope .navMenu.navCity .navClick span {
                    vertical-align: middle;
                    display: table-cell
                }

                    .header .navMenuScope .navMenu.navCity .navClick span:after {
                        content: "";
                        position: absolute;
                        left: 10px;
                        margin-top: 0;
                        width: 12px;
                        height: 16.5px;
                        background: url(/secim/static/2019/v2/img/icon-pin.png) no-repeat;
                        background-size: 12px auto;
                        background-position: 0 0
                    }

            .header .navMenuScope .navMenu.navCity .navContent {
                position: absolute;
                left: auto;
                right: 0;
                padding-top: 10px;
                width: 100%
            }

                .header .navMenuScope .navMenu.navCity .navContent a {
                    color: #000;
                    width: 16%;
                    position: relative;
                    float: left;
                    -webkit-transition: all .34s ease;
                    -moz-transition: all .34s ease;
                    -ms-transition: all .34s ease;
                    -o-transition: all .34s ease;
                    transition: all .34s ease;
                    padding: 5px 10px;
                    margin-bottom: 5px;
                    -webkit-border-radius: 5px;
                    -moz-border-radius: 5px;
                    -ms-border-radius: 5px;
                    border-radius: 5px
                }

                    .header .navMenuScope .navMenu.navCity .navContent a:hover {
                        background: #4488be;
                        color: #fff
                    }

            .header .navMenuScope .navMenu.navCity.active .navClick {
                background: #fff;
                color: #000
            }

                .header .navMenuScope .navMenu.navCity.active .navClick span {
                    vertical-align: middle;
                    display: table-cell
                }

                    .header .navMenuScope .navMenu.navCity.active .navClick span:after {
                        content: "";
                        position: absolute;
                        left: 10px;
                        margin-top: 0;
                        width: 12px;
                        height: 16.5px;
                        background: url(/secim/static/2019/v2/img/icon-pin.png) no-repeat;
                        background-size: 12px auto;
                        background-position: 0 -16.5px;
                        -webkit-transform: none;
                        -moz-transform: none;
                        -ms-transform: none;
                        -o-transform: none;
                        transform: none
                    }

            .header .navMenuScope .navMenu.navCity.active .navContent {
                display: block;
            }

        .header .navMenuScope .navMenu.active .navClick {
            background: #fff;
            color: #000
        }

            .header .navMenuScope .navMenu.active .navClick span {
                vertical-align: middle;
                display: table-cell
            }

                .header .navMenuScope .navMenu.active .navClick span:after {
                    content: "";
                    position: absolute;
                    right: 5px;
                    margin-top: 7px;
                    width: 10px;
                    height: 6px;
                    background: url(../img/nav-arrow.png) no-repeat;
                    background-size: 10px auto;
                    background-position: 0 -5px;
                    -webkit-transform: rotate(180deg);
                    -moz-transform: rotate(180deg);
                    -ms-transform: rotate(180deg);
                    -o-transform: rotate(180deg);
                    transform: rotate(180deg)
                }

        .header .navMenuScope .navMenu.active .navContent {
            display: block
        }

.opacityBgDegrade {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    z-index: 999999999;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .34s ease,visibility .34s;
    -moz-transition: opacity .34s ease,visibility .34s;
    -ms-transition: opacity .34s ease,visibility .34s;
    -o-transition: opacity .34s ease,visibility .34s;
    transition: opacity .34s ease,visibility .34s
}

    .opacityBgDegrade.active {
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        visibility: visible;
        -webkit-transition: opacity .34s ease,visibility 0s;
        -moz-transition: opacity .34s ease,visibility 0s;
        -ms-transition: opacity .34s ease,visibility 0s;
        -o-transition: opacity .34s ease,visibility 0s;
        transition: opacity .34s ease,visibility 0s
    }
