@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Roboto:100, 300, 400, 500, 700, 900&subset=latin-ext);
@import url(https://fonts.googleapis.com/css?family=Open + Sans:300, 400, 600, 700, 800&subset=latin-ext);
@import url(https://fonts.googleapis.com/css?family=Poppins:100, 200, 300, 400, 500, 600, 700, 800, 900&subset=latin-ext);

body,
html,
li,
ul {
    padding: 0;
    margin: 0;
}

.row,
html {
    width: 100%;
}

h2 {
    line-height: 130%
}

.col50,
.colHomeMap30,
.colHomeMap70,
.footer .ftLinkScope .ftErrorTerms .ftError,
.row,
.ysGeneralPartyAlliance .gpaTitle .gpaText,
.ysMapCol70,
.ysPartyCityResult .yspcrColText .yspcrColVoteRate {
    float: left;
    position: relative;
}

.ldk_timeline a,
a {
    text-decoration: none;
}

.footer .ftLogoScope .homego,
.header .logoScope .homego,
.linkHomeGo {
    font-size: 12px;
    font-weight: 600;
    color: #000;
}

.header .navMenuScope .navMenu,
.header .navMenuScope .navMenu .navContent a,
.header .navMenuScope .navMenu.navCity .navContent a,
.linkMenuTitle {
    font-size: 14px;
    color: #fff;
}

.lastUpdated,
.ysGeneralLastUpdate .gluUpdateText {
    font-size: 12px;
    color: #000;
}

.header .navUpdateDate,
.lastUpdatedTime,
.ysGeneralLastUpdate .gluTimeBg {
    font-size: 12px;
    font-weight: 600;
    color: #edeff8;
}

.generalMainTitle,
.ysGeneralHeadPartyTitle h1,
.ysGeneralHeadTitle h1,
.ysGeneralHeadTitle h2 {
    font-size: 34px;
    font-weight: 600;
    color: #000;
    line-height: 100%;
}

.ysNewsBasic .ysNewBoxScope .ysNewBox .ysNewImage {
    object-fit: cover;
    object-position: top;
    aspect-ratio: 16/9;
}

.generalMainPartyTitle,
.generalNomineeName,
.ysBiography h1,
.ysBiography h2,
.ysGeneralHeadPartyTitle h2 {
    font-size: 24px;
    font-weight: 600;
    color: #5d5d5d;
}

.generalOpenBallotBoxTitle,
.ysGeneralOpenBallotBox .qobbText {
    font-size: 16px;
    font-weight: 600;
    color: #5d5d5d;
}

.generalOpenBallotBoxPercent,
.ysGeneralOpenBallotBox .qobbPercent {
    font-size: 20px;
    font-weight: 600;
    color: #4488be;
}

.generalSectionTitle,
.ysGeneralBoxInHeadTitle .h2,
.ysGeneralBoxInHeadTitle .h3,
.ysGeneralBoxInHeadTitle h2,
.ysGeneralBoxInHeadTitle h3 {
    font-family: -apple-system, "BlinkMacSystemFont", "Helvetica", "Roboto", "Segoe UI", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 26px;
    font-weight: 600;
    color: #1c1c1c;
}

.generalButtonActive,
.ysSwitchMenu .ysSwtch.active .ysSwtchCenter .ysSwtchText {
    font-weight: 500;
    color: #fff;
}

.generalButton,
.ysSwitchMenu .ysSwtch .ysSwtchCenter .ysSwtchText {
    font-size: 16px;
    color: #20537b;
}

.generalBallotBoxInfoAndWinPartyTitle,
.ysGeneralOpenBallotBoxPercent .gobbpTitle,
.ysGeneralPartyCityWinn .gpcwTitle,
.ysPartyDetailsDonutChart .yspddcBoxTitle,
.ysPartyDetailsDonutChart .yspddcBoxTitle h2,
.ysPartyDetailsDonutChart .yspddcBoxTitle h3 {
    font-size: 18px;
    color: #000;
}

.generalBallotBoxInfoRatios,
.ysGeneralOpenBallotBoxPercent .gobbpPercent,
.ysGeneralPartyCityWinn .gpcwPercent {
    font-size: 22px;
    font-weight: 600;
    color: #20537b;
}

.generalPartyBallotBoxNomineeName,
.generalWinPartyName,
.ysCountyFinalStatus .ysDataGeneral h2,
.ysCountyFinalStatus .ysDataGeneral h3,
.ysDataGeneral .ysgNominee,
.ysGeneralPartyCityWinn .gpcwPartyName {
    font-size: 18px;
    font-weight: 600;
}

    .PartyNomeneeName,
    .generalPartyBallotBoxSubTitle,
    .sectionBallotBoxNomineeName,
    .ysDataGeneral .ysgNominee.small,
    .ysDataGeneral thead,
    .ysNomineeWinners .ysnwBox .ysnwNominee,
    .ysPartyCityResult .yspcrColText .yspcrColName {
        font-size: 14px;
        font-weight: 600;
    }

.generalBallotBoxPartyAllianceTitle,
.ysGeneralPartyAlliance .gpaTitle,
.ysGeneralPartyAlliance .gpaTitle h2.gpaText,
.ysGeneralPartyAlliance .gpaTitle h3.gpaText {
    font-size: 26px;
    color: #20537b;
    font-weight: 600;
    line-height: 120%;
}

.generalPartyBallotBoxPartyName,
.ysDataGeneral .ysgPartyName {
    font-size: 18px;
    font-weight: 500;
    color: #000;
}

.generalPartyBallotBoxPartyDetails,
.ysDataGeneral .ysgBasicText {
    font-size: 18px;
}

.generalPartyBallotBoxPartyPercent,
.ysDataGeneral .ysgPercentText {
    font-size: 18px;
    font-weight: 600;
    text-align: right;
}

.PartyDistrictName,
.generalPartyBallotBoxNomineeCity,
.select2-container .select2-selection--single .select2-selection__rendered,
.select2-results__option {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
}

.generalPartyBallotBoxNomineeOpenPercent,
.ysFilterSelect .ysFilterCityPercent {
    font-size: 12px;
    font-weight: 600;
    color: #fff;
}

.generalPartyBallotBoxNomineePartyName,
.ysDataGeneral .ysgNominee span {
    font-size: 14px;
    font-weight: 500;
}

.sectionBallotBoxPartyName,
.sectionGridCityName,
.ysDataGeneral .yscnrNominee,
.ysTopVotesProvince .ystvpHead .ystvphTitle .ystvphParty,
.ysgBallotBoxScope .ysbbsHead .ysbbsTitle .ysbbsCity {
    font-size: 18px;
    font-weight: 600;
}

.party-item {
    display: flex;
    width: calc(100%/5 - 15px);
    height: 136px;
    padding: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    flex-shrink: 0;
    border-radius: 5px;
    background: #FFF;
    box-shadow: 0px 1px 6px 0px rgba(185, 185, 185, 0.60);
    margin-bottom: 18px
}

.districts .items {
    display: flex;
    width: calc(100%/3 - 15px);
    height: 56px;
    padding: 16px;
    flex-direction: column;
    justify-content: center;
    font-weight: 700;
    align-items: flex-start;
    gap: 16px;
    flex-shrink: 0;
    border-radius: 5px;
    background: #FFF;
    box-shadow: 0px 1px 6px 0px rgba(185, 185, 185, 0.60);
    margin-bottom: 18px
}

.sectionBallotBoxCityName,
.ysDataGeneral .ysgCity,
.ysPartyCityResult .yspcrTitle .yspcrCity {
    font-size: 18px;
    font-weight: 600;
    color: #20537b;
}

.sectionBallotBoxOpenBox,
.ysDataGeneral .ysgCityOpenBox,
.ysPartyCityResult .yspcrColText .yspcrColVoteRate .yspcrColVrTitle,
.ysPartyCityResult .yspcrTitle .yspcrOpenBox {
    font-size: 10px;
    font-weight: 600;
    color: #adadad;
}

    .sectionBallotBoxOpenBoxPercent,
    .sectionGridBallotBoxOpenBox,
    .ysDataGeneral .ysgCityOpenBox span,
    .ysPartyCityResult .yspcrTitle .yspcrOpenBox span,
    .ysgBallotBoxScope .ysbbsHead .ysbbsOpenBox {
        font-size: 12px;
        font-weight: 600;
        color: #20537b;
    }

.sectionBallotBoxNomineeVoteRate,
.sectionNewsDetail,
.ysDataGeneral .ysgInlineVoteRate,
.ysDataGeneral .ysgVoteRate,
.ysSwiperScope .swiperSlideScope .swiper-slide .swpContent {
    font-size: 14px;
    color: #000;
}

.sectionBallotBoxNomineeVotePercent,
.ysDataGeneral .ysgPercentText.big,
.ysElectionResult .electDetails .electCol .electPercent,
.ysGeneralPartyAlliance .ysgContent .ysgPercentText,
.ysPartyCityResult .yspcrColText .yspcrColVoteRate .yspcrColVrPercent {
    font-size: 18px;
    font-weight: 600;
}

.sectionNewsDate,
.ysSwiperScope .swiperSlideScope .swiper-slide .swpDate {
    font-size: 14px;
    font-weight: 600;
    color: #20537b;
}

.sectionGridBallotBoxPartyName,
.ysDataGeneral .ysgNominee .ysgSmallPartyName {
    font-size: 12px;
    font-weight: 500;
    color: #969696;
    border-radius: 0;
}

.sectionSecondTitle,
.ysElectionResult .electTitle,
.ysGeneralBoxInHeadTitle .ysSubTitle {
    font-size: 24px;
    font-weight: 600;
    color: #20537b;
    line-height: 120%;
}

.generalSmallPartyName,
.ysElectionResult .electDetails .electCol .electParty {
    font-size: 13px;
    font-weight: 600;
    color: #000 !important;
}

.generalSocialName,
.ysGeneralShare .gsRow .gsCell a,
.ysPopup .gsRow .gsCell a {
    font-size: 12px;
    font-weight: 600;
    color: #000;
}

.generalSocialBigBlackName,
.ysGeneralShare .gsRow .gsCell.gsTitle,
.ysPopup .gsRow .gsCell.gsTitle {
    font-size: 24px;
    font-weight: 600;
    color: #1c1c1c;
}

    .generalSocialBigRedName,
    .ysGeneralShare .gsRow .gsCell.gsTitle span,
    .ysPopup .gsRow .gsCell.gsTitle span {
        font-size: 24px;
        font-weight: 600;
        color: #f63c26;
    }

.footer .ftLinkScope .ftCity span a,
.footer .ftLinkScope .ftErrorTerms .ftError,
.footer .ftLinkScope .ftErrorTerms .ftTerms,
.generalFooterTitle {
    font-size: 15px;
    color: #fff;
}

.PartyNomeneeRanking,
.generalNomineeCity,
.ysBiography .ysbioDataContent .ysbioCity,
.ysDataGeneral.yscnrData .ysOrder span,
.ysPartyCityResult .yspcrTitle .yspcrCity span {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
}

.generalNomineeBioRead {
    font-size: 12px;
    font-weight: 600;
    color: #5d5d5d;
}

.generalNomineeBioDetail {
    font-size: 14px;
    line-height: 1.29;
    color: #5d5d5d;
}

.generalNomineeBioContinueRead {
    font-size: 12px;
    font-weight: 600;
    color: #20537b;
}

.PartyBallotBoxNumber {
    font-size: 40px;
    font-weight: 600;
    color: #da2e1a;
}

.PartyNomeneeVoteRate,
.ysDataGeneral .yscnrNominee span {
    font-size: 42px;
    font-weight: 600;
}

.PartyNomeneeVoteNumbers,
.ysDataGeneral .ysgVoteNumbers {
    font-size: 20px;
    color: #adadad;
}

.PartyNomeneeTotalVote,
.ysDataGeneral .ysgTotalVote {
    font-size: 20px;
    font-weight: 500;
    color: #000;
}

.PartyNomeneeProvinceName,
.ysDataGeneral.ysChanging .yscCity,
.ysNomineeWinners .ysnwBox .ysnwCity {
    font-size: 14px;
    font-weight: 500;
    color: #5d5d5d;
}

.gnrColor .bgFill,
.gnrColor.bgFill {
    background-color: #20537b !important;
}

.gnrColor .textColor,
.gnrColor.textColor {
    color: #20537b !important;
}

.gnrColor .border,
.gnrColor.border {
    border: 1px solid #20537b !important;
}

.other .bgFill,
.other.bgFill {
    background-color: #5d5d5d !important;
}

.other .textColor,
.other.textColor {
    color: #5d5d5d !important;
}

.other .border,
.other.border {
    border: 1px solid #5d5d5d !important;
}

.chp .bgFill,
.chp.bgFill {
    background-color: #f63c26 !important;
}

.chp .textColor,
.chp.textColor {
    color: #e72009 !important;
}

.chp .border,
.chp.border {
    border: 1px solid #f63c26 !important;
}

.ysmLTop .ysmColorRound {
    display: inline-block;
    position: relative;
    width: 8px;
    height: 8px;
    background: #969696;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
}

.akp .bgFill,
.akp.bgFill {
    background-color: #FF8700 !important;
}

.akp .textColor,
.akp.textColor {
    color: #FF8700 !important;
}

.akp .border,
.akp.border {
    border: 1px solid #FF8700 !important;
}

.mhp .bgFill,
.mhp.bgFill {
    background-color: #099937 !important;
}

.mhp .textColor,
.mhp.textColor {
    color: #099937 !important;
}

.mhp .border,
.mhp.border {
    border: 1px solid #099937 !important;
}

.ip .bgFill,
.ip.bgFill {
    background-color: #44acd6 !important;
}

.ip .textColor,
.ip.textColor {
    color: #44acd6 !important;
}

.ip .border,
.ip.border {
    border: 1px solid #44acd6 !important;
}

.sp .bgFill,
.sp.bgFill {
    background-color: #20537b !important;
}

.sp .textColor,
.sp.textColor {
    color: #20537b !important;
}

.sp .border,
.sp.border {
    border: 1px solid #20537b !important;
}

.btp .bgFill,
.btp.bgFill {
    background-color: #20537b !important;
}

.btp .textColor,
.btp.textColor {
    color: #20537b !important;
}

.btp .border,
.btp.border {
    border: 1px solid #20537b !important;
}

.bbp .bgFill,
.bbp.bgFill {
    background-color: #20537b !important;
}

.bbp .textColor,
.bbp.textColor {
    color: #20537b !important;
}

.bbp .border,
.bbp.border {
    border: 1px solid #20537b !important;
}

.dp .bgFill,
.dp.bgFill {
    background-color: #20537b !important;
}

.dp .textColor,
.dp.textColor {
    color: #20537b !important;
}

.dp .border,
.dp.border {
    border: 1px solid #20537b !important;
}

.hdp .bgFill,
.hdp.bgFill {
    background-color: #b221c1 !important;
}

.hdp .textColor,
.hdp.textColor {
    color: #b221c1 !important;
}

.hdp .border,
.hdp.border {
    border: 1px solid #b221c1 !important;
}

.dem .bgFill,
.dem.bgFill {
    background-color: #b221c1 !important;
}

.dem .textColor,
.dem.textColor {
    color: #b221c1 !important;
}

.dem .border,
.dem.border {
    border: 1px solid #b221c1 !important;
}

.vp .bgFill,
.vp.bgFill {
    background-color: #20537b !important;
}

.vp .textColor,
.vp.textColor {
    color: #20537b !important;
}

.vp .border,
.vp.border {
    border: 1px solid #20537b !important;
}

.hp .bgFill,
.hp.bgFill {
    background-color: #20537b !important;
}

.hp .textColor,
.hp.textColor {
    color: #20537b !important;
}

.hp .border,
.hp.border {
    border: 1px solid #20537b !important;
}

.tkp .bgFill,
.tkp.bgFill {
    background-color: #20537b !important;
}

.tkp .textColor,
.tkp.textColor {
    color: #20537b !important;
}

.tkp .border,
.tkp.border {
    border: 1px solid #20537b !important;
}

.dsp .bgFill,
.dsp.bgFill {
    background-color: #20537b !important;
}

.dsp .textColor,
.dsp.textColor {
    color: #20537b !important;
}

.dsp .border,
.dsp.border {
    border: 1px solid #20537b !important;
}

.bdp .bgFill,
.bdp.bgFill {
    background-color: #15662b !important;
}

.bdp .textColor,
.bdp.textColor {
    color: #15662b !important;
}

.bdp .border,
.bdp.border {
    border: 1px solid #15662b !important;
}

.odp .bgFill,
.odp.bgFill {
    background-color: #20537b !important;
}

.odp .textColor,
.odp.textColor {
    color: #20537b !important;
}

.odp .border,
.odp.border {
    border: 1px solid #20537b !important;
}

.bagimsiz .bgFill,
.bagimsiz.bgFill {
    background-color: #20537b !important;
}

.bagimsiz .textColor,
.bagimsiz.textColor {
    color: #20537b !important;
}

.bagimsiz .border,
.bagimsiz.border {
    border: 1px solid #20537b !important;
}

.bgFill {
    background-color: #20537b !important;
}

.border {
    border: 1px solid #20537b !important;
}

.textColor {
    color: #20537b !important
}

.oldColor1 .bgFill,
.oldColor1.bgFill {
    background-color: #20537b !important
}

.oldColor1 .textColor,
.oldColor1.textColor {
    color: #000 !important;
}

.oldColor1 .border,
.oldColor1.border {
    border: 1px solid #1a4363 !important;
}

.oldColor2 .bgFill,
.oldColor2.bgFill {
    background-color: #f63c26 !important;
}

.oldColor2 .textColor,
.oldColor2.textColor {
    color: #000 !important;
}

.oldColor2 .border,
.oldColor2.border {
    border: 1px solid #276394 !important;
}

.oldColor3 .bgFill,
.oldColor3.bgFill {
    background-color: #74489d !important;
}

.oldColor3 .textColor,
.oldColor3.textColor {
    color: #000 !important;
}

.oldColor3 .border,
.oldColor3.border {
    border: 1px solid #3485c7 !important;
}

.oldColor4 .bgFill,
.oldColor4.bgFill {
    background-color: #009486 !important;
}

.oldColor4 .textColor,
.oldColor4.textColor {
    color: #000 !important;
}

.oldColor4 .border,
.oldColor4.border {
    border: 1px solid #3c96e0 !important;
}

.oldColor5 .bgFill,
.oldColor5.bgFill {
    background-color: #d5d5d5 !important;
}

.oldColor5 .textColor,
.oldColor5.textColor {
    color: #000 !important;
}

.oldColor5 .border,
.oldColor5.border {
    border: 1px solid #42a8fa !important;
}

.boxStyle,
.footer .ftLogoScope .homego,
.header .logoScope .homego {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

li,
ul {
    list-style: none;
}

a {
    color: inherit;
}

body,
html {
    font-family: -apple-system, "BlinkMacSystemFont", "Helvetica", "Roboto", "Segoe UI", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol" !important;
    line-height: 120%;
    font-weight: 400;
    background-color: #e8eaed;
    color: #000;
}

html {
    overflow-x: hidden;
}

.row,
.ysGeneralPartyAlliance .inRow100,
.ysGeneralPartyCityWinn .inRow100 {
    margin-bottom: 20px;
}

    .row.header,
    .ysGeneralOpenBallotBox .inRow100,
    .ysPartyCityResult .yspcrTitle {
        margin-bottom: 10px;
    }

    .row.ysBreadCrumb {
        margin-bottom: 30px;
    }

    .row.footer,
    .row.generalContainer {
        margin-bottom: 0;
    }

.barScope,
.col100,
.colShare,
.footer .ftLinkScope .ftErrorTerms,
.inRow100,
.sticky .stcCol50,
.ysBiography .biographyScope .bghDetails .bghTextCalc,
.ysElectionResult,
.ysGeneralMap .mapScope,
.ysGeneralMap .mapScope .mapContent,
.ysGeneralMap .mapScope .mapDetails,
.ysGeneralMap .mapScope .mapDetails #map,
.ysGeneralMap .ysMapLegend,
.ysGeneralMap .ysStatusMap .ysMapContent,
.ysGeneralMap .ysSwitchMenu,
.ysGeneralPartyAlliance .gpaBoxScope,
.ysGeneralPartyCityWinn .gpcwBoxScope,
.ysSwiperScope {
    width: 100%;
    position: relative;
    float: left;
}

.mapContent {
    height: 420px !important;
}

.col50 {
    width: 49%;
    margin-right: 2%;
}

    .col50:nth-child(2n + 0),
    .ysNewsBasic .ysNewBoxScope .ysNewBox:nth-child(3n + 0),
    .ysPartyCityResult .yspcrBox:nth-child(2n + 0),
    .ysgBallotBoxScope .ballotBox:nth-child(3n + 0),
    .ysgBallotBoxScope .ysElectionResult:nth-child(3n + 0) {
        margin-right: 0;
    }

.map-row {
    display: flex;
    flex-wrap: wrap;
}

.colHomeMap70,
.ysMapCol70 {
    width: 68%;
    margin-right: 2%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.colHomeMap30 {
    width: 30%;
}

.ysMapCol30 {
    float: right;
    position: relative;
    width: 30%;
}

.inRow100:last-child {
    margin-bottom: 0 !important;
}

.inRow100.ysGeneralBoxInHeadTitle {
    margin-bottom: 20px !important;
}

.mt-20,
.ysGeneralShare.ysShareFooter {
    margin-top: 20px;
}

.colShare {
    max-width: 515px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.boxStyle {
    background: #fff;
    -webkit-box-shadow: 0 4px 6px 0 rgba(185, 185, 185, 0.5);
    -moz-box-shadow: 0 4px 6px 0 rgba(185, 185, 185, 0.5);
    box-shadow: 0 4px 6px 0 rgba(185, 185, 185, 0.5);
    border-radius: 5px;
    padding: 20px;
}

.barScope {
    height: 8px;
    overflow: hidden;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    background: #d5d5d5;
}

    .barScope .barFill {
        left: 0;
        top: 0;
        position: absolute;
        width: 20%;
        height: 100%;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        border-radius: 8px;
    }

.container {
    position: relative;
    width: 100%;
    max-width: 960px;
    padding: 0 10px;
    margin: 0 auto;
}

.opacityBgDegrade {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 99999;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.34s, visibility 0.34s;
    -moz-transition: opacity 0.34s, visibility 0.34s;
    -ms-transition: opacity 0.34s, visibility 0.34s;
    -o-transition: opacity 0.34s, visibility 0.34s;
    transition: opacity 0.34s, visibility 0.34s;
}

    .opacityBgDegrade.active,
    .ysPopup.active {
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        visibility: visible;
        -webkit-transition: opacity 0.34s, visibility;
        -moz-transition: opacity 0.34s, visibility;
        -ms-transition: opacity 0.34s, visibility;
        -o-transition: opacity 0.34s, visibility;
        transition: opacity 0.34s, visibility;
    }

.header {
    min-height: 130px !important;
    background: #20537b !important;
}

    .footer.sondakika .ftLogoScope,
    .header.sondakika {
        background: #ff8400;
    }

        .footer.sondakika .ftLinkScope,
        .header.sondakika .navMenuScope,
        .header.sondakika .navMenuScope .navMenuFixed {
            background: #e97900;
        }

            .header.sondakika .navMenuScope .navContent a:hover {
                background: #e97900 !important;
                color: #fff;
            }

    .header .navUpdateDate {
        float: left;
        position: relative;
        height: 35px;
        font-weight: 400;
        padding: 0 10px;
        display: none;
    }

        .header .navMenuScope .navMenu .navClick span,
        .header .navMenuScope .navMenu.active .navClick span,
        .header .navMenuScope .navMenu.navCity .navClick span,
        .header .navMenuScope .navMenu.navCity.active .navClick span,
        .header .navUpdateDate span,
        .ysGeneralPartyCityWinn .gpcwTitle span {
            vertical-align: middle;
            display: table-cell;
        }

        .header .navUpdateDate strong,
        .sticky .stcDetails .stcBold {
            font-weight: 600;
        }

    .header .logoScope {
        width: 100%;
        position: relative;
        float: left;
        margin: 18px 0 14px;
    }

        .header .logoScope .navClickButton {
            float: left;
            position: relative;
            margin-right: 15px;
            cursor: pointer;
            display: none;
        }

        .footer .ftLogoScope .logo,
        .header .logoScope .logo {
            float: left;
            position: relative;
            line-height: 100%;
            color: white;
            font-size: 18px;
            font-weight: 600;
        }

            .header .logoScope .logo .title{
                color:white;
            }
        .footer .ftLogoScope .homego,
        .header .logoScope .homego {
            float: right;
            position: relative;
            padding: 5.5px 35px 5.5px 10px;
            height: 23px;
            line-height: 100%;
            border-radius: 5px;
            background: url(../img/right-arrow.png) center right 7px/9px 13px no-repeat #fff;
            -webkit-transition: 0.34s;
            -moz-transition: 0.34s;
            -ms-transition: 0.34s;
            -o-transition: 0.34s;
            transition: 0.34s;
            cursor: pointer;
        }

            .footer .ftLogoScope .homego,
            .header .logoScope .homego {
                float: right;
                position: relative;
                padding: 5.5px 35px 5.5px 10px;
                height: 23px;
                line-height: 100%;
                border-radius: 5px;
                background: url(../img/right-arrow.png) center right 7px/9px 13px no-repeat #fff;
                -webkit-transition: 0.34s;
                -moz-transition: 0.34s;
                -ms-transition: 0.34s;
                -o-transition: 0.34s;
                transition: 0.34s;
                cursor: pointer;
                margin-top: 10px;
            }

            .footer .ftLogoScope .homego:hover,
            .header .logoScope .homego:hover {
                background: url(../img/right-arrow-hov.png) center right 7px/9px 13px no-repeat #FB0D1B;
                color: #fff;
            }

    .header .navMenuScope {
        width: 100%;
        position: relative;
        float: left;
        height: 50px;
        background-color: #315b81;
    }

        .header .navMenuScope .navClose {
            float: right;
            position: relative;
            margin-bottom: 15px;
            display: none;
            cursor: pointer;
        }

        .header .navMenuScope .navMenu {
            float: left;
            position: relative;
            margin-right: 5px;
        }

            .header .navMenuScope .navMenu .navLine {
                width: 100%;
                position: relative;
                float: left;
                height: 1px;
                background: rgba(0, 0, 0, 0.28);
            }

            .header .navMenuScope .navMenu .navClick {
                width: 100%;
                position: relative;
                float: left;
                display: table;
                height: 44px;
                padding: 0 22px 0 10px;
                cursor: pointer;
                padding: 6px 24px 0 16px;
            }

                .header .navMenuScope .navMenu .navClick span:after {
                    content: "";
                    position: absolute;
                    right: 7px;
                    margin-top: 7px;
                    width: 10px;
                    height: 6px;
                    background: url(../img/nav-arrow.png) 0 0/10px auto no-repeat;
                }

                .header .navMenuScope .navMenu .navClick.navRemoveIcon span:after,
                .ysChangingCity .ysDataGeneral tbody tr,
                .ysSwitchOpenData {
                    display: none;
                }

            .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 rgba(0, 0, 0, 0.2);
                -moz-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.2);
                box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.2);
            }

                .header .navMenuScope .navMenu .navContent a {
                    color: #000;
                    width: 100%;
                    position: relative;
                    float: left;
                    -webkit-transition: 0.34s;
                    -moz-transition: 0.34s;
                    -ms-transition: 0.34s;
                    -o-transition: 0.34s;
                    transition: 0.34s;
                    padding: 12px 0px;
                }

                    .header .navMenuScope .navMenu .navContent a:hover,
                    .header .navMenuScope .navMenu.navCity .navContent a:hover {
                        background: #4488be;
                        color: #fff;
                    }

            .header .navMenuScope .navMenu .partyicon {
                display: inline-block;
                position: relative;
                margin-right: 4px;
                -webkit-transform: translateY(3px);
                -moz-transform: translateY(3px);
                -ms-transform: translateY(3px);
                -o-transform: translateY(3px);
                transform: translateY(3px);
            }

            .header .navMenuScope .navMenu.active .navClick,
            .header .navMenuScope .navMenu.navCity.active .navClick {
                background: #fff;
                color: #000;
            }

                .header .navMenuScope .navMenu.active .navClick span:after {
                    content: "";
                    position: absolute;
                    right: 7px;
                    margin-top: -4px;
                    width: 10px;
                    height: 6px;
                    background: url(../img/nav-arrow.png) 0 -5px/10px auto no-repeat;
                    -webkit-transform: rotate(180deg);
                    -moz-transform: rotate(180deg);
                    -ms-transform: rotate(180deg);
                    -o-transform: rotate(180deg);
                    transform: rotate(180deg);
                }

                .header .navMenuScope .navMenu.active .navClick span:after {
                    content: "";
                    position: absolute;
                    right: 7px;
                    margin-top: 7px;
                    width: 10px;
                    height: 6px;
                    background: url(../img/nav-arrow.png) 0 -5px/10px auto no-repeat;
                    -webkit-transform: rotate(180deg);
                    -moz-transform: rotate(180deg);
                    -ms-transform: rotate(180deg);
                    -o-transform: rotate(180deg);
                    transform: rotate(180deg);
                }

            .header .navMenuScope .navMenu.active .navContent,
            .header .navMenuScope .navMenu.navCity.active .navContent,
            .ysGeneralShare .gsRow .gsCell.gsTitle span,
            .ysSwitchOpenData.active {
                display: block;
            }

            .header .navMenuScope .navMenu.navCity {
                float: right;
                margin-left: 5px;
                margin-right: 0;
            }

                .header .navMenuScope .navMenu.navCity .navClick {
                    padding: 6px 16px 0 28px;
                }

                    .header .navMenuScope .navMenu.navCity .navClick span:after {
                        content: "";
                        position: absolute;
                        left: 10px;
                        margin-top: 0;
                        width: 12px;
                        height: 16.5px;
                        background: url(../img/icon-pin.png) 0 0/12px auto no-repeat;
                    }

                .header .navMenuScope .navMenu.navCity .navContent {
                    position: absolute;
                    left: auto;
                    right: 0;
                    padding: 10px;
                }

                    .header .navMenuScope .navMenu.navCity .navContent a {
                        color: #000;
                        width: 20%;
                        position: relative;
                        float: left;
                        -webkit-transition: 0.34s;
                        -moz-transition: 0.34s;
                        -ms-transition: 0.34s;
                        -o-transition: 0.34s;
                        transition: 0.34s;
                        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.active .navClick span:after {
                    content: "";
                    position: absolute;
                    left: 10px;
                    margin-top: 0;
                    width: 12px;
                    height: 16.5px;
                    background: url(../img/icon-pin.png) 0 -16.5px/12px auto no-repeat;
                    -webkit-transform: none;
                    -moz-transform: none;
                    -ms-transform: none;
                    -o-transform: none;
                    transform: none;
                }

.generalContainer {
    min-height: 200px;
}

.ysGeneralHeadTitle,
.ysGeneralLastUpdate,
.ysGeneralOpenBallotBox,
.ysGeneralOpenBallotBoxPercent,
.ysGeneralPartyCityWinn {
    text-align: center;
}

.ysDataGeneral thead,
.ysGeneralPartyAlliance .gpaTitle {
    text-align: left;
}

.ysGeneralHeadPartyTitle .ysghptImage,
.ysGeneralLastUpdate .gluUpdateText,
.ysGeneralOpenBallotBox .qobbPercent {
    display: inline-block;
    position: relative;
}

.ysGeneralLastUpdate .gluTimeBg {
    display: inline-block;
    position: relative;
    background: #ff4545;
    padding: 4px 8px;
    -webkit-border-radius: 12.5px;
    -moz-border-radius: 12.5px;
    -ms-border-radius: 12.5px;
    border-radius: 12.5px;
}

.ysGeneralHeadTitle h1,
.ysGeneralHeadTitle h2,
.ysGeneralPartyAlliance .gpaTitle h2.gpaText,
.ysGeneralPartyAlliance .gpaTitle h3.gpaText {
    margin: 0;
    padding: 0;
}

.ysGeneralHeadPartyTitle h1,
.ysGeneralHeadPartyTitle h2 {
    display: inline-block;
    margin: 0;
    padding: 0;
    line-height: 120%;
}

.ysBiography .ysbioScope,
.ysGeneralHeadPartyTitle .ysghptScope {
    display: table;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

    .ysDataGeneral .ysgPartyFullImage,
    .ysGeneralHeadPartyTitle .ysghptScope .ysghptCol,
    .ysTopVotesProvince .ystvpHead .ystvphTitle .ystvphParty,
    .ysgBallotBoxScope .ysbbsHead .ysbbsTitle .ysbbsCity {
        display: table-cell;
        position: relative;
        vertical-align: middle;
    }

        .ysBiography .ysbioScope .ysbioCol.ysImagePadding,
        .ysGeneralHeadPartyTitle .ysghptScope .ysghptCol.ysImagePadding {
            padding-right: 20px;
        }

.ysBiography h1,
.ysBiography h2 {
    float: left;
    position: relative;
    clear: both;
    margin: 0;
    padding: 0;
    line-height: 120%;
}

.ysBiography .ysbiotImage {
    display: inline-block;
    position: relative;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    overflow: hidden;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
}

.ysBiography .ysbioScope .ysbioCol {
    display: table-cell;
    position: relative;
    vertical-align: top;
}

.ysBiography .ysbioDataContent .ysbioCity {
    float: left;
    position: relative;
    clear: both;
    padding: 4px 8px 3px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    border-radius: 12px;
    margin-top: 10px;
}

.ysBiography .biographyScope {
    width: 100%;
    position: relative;
    float: left;
    margin: 0 auto;
}

    .ysBiography .biographyScope .bghClickScope {
        width: 100%;
        position: relative;
        float: left;
        margin-top: 10px;
        text-align: center;
        font-size: 14px;
        font-weight: 600;
        color: #5d5d5d;
    }

        .ysBiography .biographyScope .bghClickScope .bghClick {
            position: relative;
            cursor: pointer;
        }

            .ysBiography .biographyScope .bghClickScope .bghClick:after {
                content: "";
                position: absolute;
                top: 5px;
                right: -18px;
                width: 14px;
                height: 9px;
                background: url(../img/icon-bio-arrow.png) 0 0/100% 100% no-repeat;
                -webkit-transform: rotate(0);
                -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                -o-transform: rotate(0);
                transform: rotate(0);
                -webkit-transition: 0.34s;
                -moz-transition: 0.34s;
                -ms-transition: 0.34s;
                -o-transition: 0.34s;
                transition: 0.34s;
            }

            .ysBiography .biographyScope .bghClickScope .bghClick.active:after {
                top: 4px;
                -webkit-transform: rotate(180deg);
                -moz-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                -o-transform: rotate(180deg);
                transform: rotate(180deg);
            }

    .ysBiography .biographyScope .bghDetails {
        width: 100%;
        position: relative;
        float: left;
        margin-top: 20px;
        font-size: 14px;
        font-weight: 400;
        color: #5d5d5d;
        height: 0;
        overflow: hidden;
        -webkit-transition: 0.34s;
        -moz-transition: 0.34s;
        -ms-transition: 0.34s;
        -o-transition: 0.34s;
        transition: 0.34s;
    }

        .ysBiography .biographyScope .bghDetails .bghPartyTitle {
            width: 100%;
            position: relative;
            float: left;
            margin-bottom: 10px;
            font-size: 14px;
            font-weight: 400;
            color: #5d5d5d;
            text-align: center;
        }

    .ysBiography .biographyScope .continueLink {
        width: 100%;
        position: relative;
        float: left;
        clear: both;
        margin-top: 5px;
    }

        .ysBiography .biographyScope .continueLink a {
            float: right;
            position: relative;
            font-size: 13px;
            font-weight: 600;
            color: #20537b;
            text-decoration: none;
            padding-right: 12px;
            background: url(../img/icon-bio-link.png) right center/7px 10px no-repeat;
        }

.ysGeneralBoxInHeadTitle {
    text-align: left;
    margin-bottom: 20px;
    padding-right: 10px;
}

    .ysGeneralBoxInHeadTitle .h2,
    .ysGeneralBoxInHeadTitle .h3,
    .ysGeneralBoxInHeadTitle h2,
    .ysGeneralBoxInHeadTitle h3 {
        width: 100%;
        position: relative;
        float: left;
        margin: 0;
        padding: 0;
        line-height: 120%;
    }

    .ysGeneralBoxInHeadTitle .ysSubTitle {
        width: 100%;
        position: relative;
        float: left;
        margin: 0 0 15px;
        padding: 20px 0 0;
        line-height: 120%;
    }

.ysGeneralOpenBallotBox .qobbText {
    display: inline-block;
    position: relative;
    margin-right: 10px;
}

.ysGeneralOpenBallotBoxPercent .inRow100 {
    margin-bottom: 15px;
}

.ysGeneralOpenBallotBoxPercent .gobbpBox {
    width: 20%;
    position: relative;
    float: left;
    border-right: 1px solid #e8eaed;
}

    .ysGeneralOpenBallotBoxPercent .gobbpBox:last-child,
    .ysGeneralPartyAlliance .gpaBox:last-child,
    .ysGeneralPartyCityWinn .gpcwBox:last-child,
    .ysPartyDetailsDonutChart .yspddcBox:nth-child(4n + 0) {
        border-right: 0;
    }

.ysSocialSharing {
    position: absolute;
    right: 3px;
    top: 3px;
    cursor: pointer;
    z-index: 10;
}

    .ysSocialSharing .ssButton {
        display: inline-block;
        position: relative;
        background: url(../img/icon-share.png) 0 0/100% 100% no-repeat;
        width: 25px;
        height: 25px;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        -ms-border-radius: 25px;
        border-radius: 25px;
    }

.ysGeneralPartyCityWinn .gpcwBox {
    width: 33.33%;
    position: relative;
    float: left;
    border-right: 1px solid #e8eaed;
    padding: 0 2px;
}

.ysGeneralPartyCityWinn .gpcwPartyIcon {
    display: inline-block;
    position: relative;
    margin-right: 4px;
    -webkit-transform: translateY(4px);
    -moz-transform: translateY(4px);
    -ms-transform: translateY(4px);
    -o-transform: translateY(4px);
    transform: translateY(4px);
}

.ysGeneralPartyCityWinn .gpcwTitle {
    line-height: 120%;
    display: table;
    min-height: 50px;
    margin-bottom: 8px;
}

.ysGeneralPartyCityWinn.ysPartyCityWinnTotal .gpcwTitle {
    min-height: 30px;
}

.ysGeneralPartyAlliance .gpaBox {
    width: 50%;
    position: relative;
    float: left;
    border-right: 1px solid #e8eaed;
    padding: 20px;
}

.ysDataGeneral tbody .ysgLineBottom,
.ysDataGeneral thead,
.ysDataGeneral.showClickTable .ysgImageContent:last-child,
.ysDataGeneral.ystvphDataSlider tbody .ysgLineBottom,
.ysTopVotesProvince .ystvpHead,
.ysgBallotBoxScope .ysbbsHead {
    border-bottom: 1px solid #eaeaea;
}

.ysGeneralPartyAlliance .ysgContent td {
    padding-top: 0;
}

.ysGeneralPartyAlliance .gpaTitle .gpaPartyIcon {
    float: right;
    position: relative;
    -webkit-transform: translateY(3px);
    -moz-transform: translateY(3px);
    -ms-transform: translateY(3px);
    -o-transform: translateY(3px);
    transform: translateY(3px);
}

.ysDataGeneral {
    vertical-align: middle;
    border-spacing: 0;
    border-collapse: collapse;
}

    .ysDataGeneral thead th {
        padding: 0 0 7.5px;
    }

    .ysDataGeneral tbody td {
        height: 40px;
        padding: 15px 0 7.5px;
    }

    .ysDataGeneral tbody .ysgBar td {
        height: 8px;
        padding: 7.5px 0 15px;
    }

    .ysDataGeneral tbody tr:last-child td,
    .ysDataGeneral.yscnrData .ysgPartyFullImage,
    .ysDataGeneral.ystvphDataSlider tbody tr:last-child td {
        padding-bottom: 0;
    }

    .ysDataGeneral tbody .ysgLineBottom:last-child,
    .ysDataGeneral.yscnrData thead,
    .ysDataGeneral.ystvphDataSlider tbody .ysgLineBottom:last-child,
    .ysPartyCityResult .yspcrBox:last-child,
    .ysPartyCityResult .yspcrBox:nth-last-child(2) {
        border-bottom: 0;
    }

    .ysDataGeneral.ystvphDataSlider tbody td {
        height: 20px;
        padding: 0 0 15px;
    }

    .ysDataGeneral.ystvphDataSlider tbody .ysgOpenBoxHead td {
        height: auto;
        padding: 15px 0 7.5px;
    }

    .ysDataGeneral.yscnrData .ysOrder span {
        display: inline-block;
        position: relative;
        line-height: 100%;
        padding: 4px 8px 3px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        border-radius: 10px;
    }

    .ysDataGeneral.yscnrData .ysPartyLogo {
        display: inline-block;
        position: relative;
        margin-top: -18px;
    }

        .ysDataGeneral.yscnrData .ysPartyLogo img {
            background-color: #fff;
        }

    .ysDataGeneral.yscnrData .yscnrNominee {
        padding-top: 10px;
    }

    .ysDataGeneral.ysChanging td {
        vertical-align: middle;
    }

    .ysDataGeneral.ysChanging .ysgImageBottom {
        position: relative;
        margin-bottom: 10px;
        display: block;
    }

    .ysDataGeneral.ysChanging .yscCity {
        display: inline-block;
        position: relative;
        margin-bottom: 15px;
        padding: 3px 8px;
        line-height: 100%;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        border-radius: 10px;
    }

    .ysDataGeneral.ysChanging .general .yscCity {
        border: 1px solid #20537b;
    }

    .ysDataGeneral.ysChanging .win .yscCity {
        border: 1px solid #2cc00a;
    }

    .ysDataGeneral.ysChanging .lose .yscCity {
        border: 1px solid #f63c26;
    }

    .ysDataGeneral.showClickTable .ysgImageContent:last-child td {
        padding: 15px 0 7.5px;
    }

    .ysDataGeneral .ysgNominee,
    .ysDataGeneral .ysgNominee.small,
    .ysDataGeneral .ysgPartyName {
        padding-left: 5px;
    }

    .ysDataGeneral .yscnrNominee {
        line-height: 100%;
    }

        .ysDataGeneral .yscnrNominee span {
            position: relative;
            display: block;
            margin-top: 10px;
            line-height: 100%;
        }

    .ysDataGeneral .ysgVoteRate span {
        font-size: 11px;
    }

    .ysDataGeneral .ysgInlineVoteRate {
        display: inline-block;
        position: relative;
        margin-left: 5px;
        font-size: 12px !important;
        -webkit-transform: translateY(1px);
        -moz-transform: translateY(1px);
        -ms-transform: translateY(1px);
        -o-transform: translateY(1px);
        transform: translateY(1px);
    }

    .ysDataGeneral .ysgPartyFullImage span {
        display: block;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        border-radius: 100%;
        background-position: center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -o-background-size: cover;
        overflow: hidden;
    }

.ysSwitchMenu {
    width: 100%;
    position: relative;
    float: left;
    padding: 6px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    background: #e8eaed;
    margin-bottom: 27px;
    display: table;
}

    .ysSwitchMenu .ysSwtch {
        display: table-cell;
        position: relative;
        width: 100%;
        vertical-align: middle;
        padding: 10px;
        cursor: pointer;
    }

        .ysSwitchMenu .ysSwtch .ysSwtchCenter {
            width: auto;
            position: relative;
            float: left;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
            display: table;
        }

            .ysSwitchMenu .ysSwtch .ysSwtchCenter .ysSwtchIcon {
                display: table-cell;
                position: relative;
                vertical-align: middle;
                padding: 0 5px;
            }

                .ysSwitchMenu .ysSwtch .ysSwtchCenter .ysSwtchIcon .iconMayor {
                    display: inline-block;
                    position: relative;
                    width: 22px;
                    height: 28px;
                    background: url(../img/icon-belediye.png) 0 0/100% 100% no-repeat;
                }

                .ysSwitchMenu .ysSwtch .ysSwtchCenter .ysSwtchIcon .iconCouncil {
                    display: inline-block;
                    position: relative;
                    width: 19px;
                    height: 28px;
                    background: url(../img/icon-ilgenel.png) 0 0/100% 100% no-repeat;
                }

            .ysSwitchMenu .ysSwtch .ysSwtchCenter .ysSwtchText {
                display: table-cell;
                position: relative;
                padding: 0 5px;
            }

        .ysSwitchMenu .ysSwtch.active {
            background: #20537b;
            -webkit-border-radius: 50px;
            -moz-border-radius: 50px;
            -ms-border-radius: 50px;
            border-radius: 50px;
        }

            .ysSwitchMenu .ysSwtch.active .ysSwtchCenter .iconMayor {
                background: url(../img/icon-belediye-hov.png) 0 0/100% 100% no-repeat;
            }

            .ysSwitchMenu .ysSwtch.active .ysSwtchCenter .iconCouncil {
                background: url(../img/icon-ilgenel-hov.png) 0 0/100% 100% no-repeat;
            }

    .ysSwitchMenu.colTwo .ysSwtch {
        width: 50%;
    }

    .ysSwitchMenu.colThree .ysSwtch {
        width: 33.33%;
    }

.ysFilterSelect {
    width: 100%;
    position: relative;
    float: left;
    margin-bottom: 27px;
}

    .ysFilterSelect .ysFilterCityPercent {
        position: absolute;
        z-index: 2;
        bottom: 12px;
        left: 15px;
    }

.ysTopVotesProvince .ystvpHead .ystvphTitle {
    width: 100%;
    position: relative;
    float: left;
    display: table;
}

    .ysTopVotesProvince .ystvpHead .ystvphTitle .ystvphPartyIcon {
        display: table-cell;
        position: relative;
        width: 32px;
        padding-right: 10px;
        vertical-align: middle;
    }

.ysgBallotBoxScope .ysbbsHead .ysbbsTitle {
    width: 100%;
    position: relative;
    float: left;
    display: table;
    line-height: 150%;
}

.ysgBallotBoxScope .ysbbsHead .ysbbsOpenBox {
    position: absolute;
    right: 0px;
    top: 0px;
}

.sticky.stcActive,
.ysgBallotBoxScope .ysSocialSharing {
    top: 0;
}

.ysgBallotBoxScope .ballotBox,
.ysgBallotBoxScope .ysElectionResult {
    width: 32%;
    position: relative;
    float: left;
    margin-right: 2%;
    margin-bottom: 2%;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 6px 0 rgba(185, 185, 185, 0.6);
    -moz-box-shadow: 0 1px 6px 0 rgba(185, 185, 185, 0.6);
    box-shadow: 0 1px 6px 0 rgba(185, 185, 185, 0.6);
    padding: 15px;
    border-radius: 5px;
}

    .ysNewsBasic .ysNewBoxScope .ysNewBox:nth-child(3n + 1),
    .ysNomineeWinners .ysnwBox:nth-child(6n + 1),
    .ysPartyCityResult .yspcrBox:nth-child(odd),
    .ysgBallotBoxScope .ballotBox:nth-child(3n + 1),
    .ysgBallotBoxScope .ysElectionResult:nth-child(3n + 1) {
        clear: both;
    }

    .ysgBallotBoxScope .ballotBox.noPaddingBorder,
    .ysgBallotBoxScope .noPaddingBorder.ysElectionResult {
        padding: 16px;
    }

        .ysgBallotBoxScope .ballotBox.noPaddingBorder .ysbbsHead,
        .ysgBallotBoxScope .noPaddingBorder.ysElectionResult .ysbbsHead {
            border-bottom: 0;
            padding-bottom: 0;
        }

        .ysgBallotBoxScope .ballotBox.noPaddingBorder .ysbbsOpenBox,
        .ysgBallotBoxScope .noPaddingBorder.ysElectionResult .ysbbsOpenBox {
            right: 0;
        }

        .ysgBallotBoxScope .ballotBox.noPaddingBorder .ysbbsTitle,
        .ysgBallotBoxScope .noPaddingBorder.ysElectionResult .ysbbsTitle {
            padding-right: 80px;
        }

    .ysgBallotBoxScope .ballotBox .ysbbsTitle,
    .ysgBallotBoxScope .ysElectionResult .ysbbsTitle {
        padding-right: 110px;
    }

.ysgBallotBoxScope .ysbbsDetailsLink {
    color: #20537b;
    font-size: 16px;
    font-weight: 500;
    text-align: right;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #eaeaea;
}

    .homePageMapData .ysHomeDetails img,
    .ysHomeMapData .ysHomeDetails img,
    .ysgBallotBoxScope .ysbbsDetailsLink img {
        -webkit-transform: translateY(2px);
        -moz-transform: translateY(2px);
        -ms-transform: translateY(2px);
        -o-transform: translateY(2px);
        transform: translateY(2px);
    }

.ysElectionResult .electTitle {
    width: 100%;
    position: relative;
    float: left;
    padding-right: 90px;
}

.ysElectionResult .multipleBarScope {
    width: 100%;
    position: relative;
    float: left;
    margin-top: 30px;
    height: 14px;
    overflow: hidden;
    -webkit-border-radius: 7.5px;
    -moz-border-radius: 7.5px;
    -ms-border-radius: 7.5px;
    border-radius: 7.5px;
}

    .ysElectionResult .multipleBarScope .mbBar {
        position: relative;
        float: left;
        height: 16px;
        background: #adadad;
    }

.ysElectionResult .electDetails {
    width: 100%;
    position: relative;
    float: left;
    margin-top: 20px;
    display: table;
    text-align: center;
}

    .ysElectionResult .electDetails .electCol {
        display: inline-block;
        width: auto;
        text-align: center;
        font-size: 14px;
        font-weight: 300;
        color: #000;
        position: relative;
        margin-bottom: 10px;
        padding: 0 4px;
    }

        .ysElectionResult .electDetails .electCol .electPercent {
            width: 100%;
            position: relative;
            float: left;
            text-align: center;
        }

        .ysElectionResult .electDetails .electCol .electParty {
            width: 100%;
            position: relative;
            float: left;
            text-align: center;
            margin-bottom: 8px;
            line-height: 120%;
        }

        .ysElectionResult .electDetails .electCol .electRound {
            display: inline-block;
            width: 14px;
            height: 14px;
            -webkit-border-radius: 100%;
            -moz-border-radius: 100%;
            -ms-border-radius: 100%;
            border-radius: 100%;
            position: relative;
            margin-bottom: 0;
        }

.ysElectionResult .swiper-slide {
    width: 100%;
    height: auto;
    border-radius: 5px;
}

.ysSwiperScope .swiperSlideScope {
    position: relative;
    float: left;
    overflow: hidden;
    margin-top: 0;
    width: 100%;
    max-width: 960px;
    padding: 0 !important;
}

    .ysSwiperScope .swiperSlideScope .swiper-container {
        overflow: visible !important;
        padding: 6px 0 !important;
    }

    .ysSwiperScope .swiperSlideScope .swiper-slide {
        width: 280px;
        height: 150px;
        border-radius: 5px;
        background-color: #fff;
        -webkit-box-shadow: 0 1px 6px 0 rgba(185, 185, 185, 0.6);
        -moz-box-shadow: 0 1px 6px 0 rgba(185, 185, 185, 0.6);
        box-shadow: 0 1px 6px 0 rgba(185, 185, 185, 0.6);
        padding: 15px;
        overflow: hidden;
    }

        .ysSwiperScope .swiperSlideScope .swiper-slide .swpDate {
            position: absolute;
            right: 50px;
        }

        .ysSwiperScope .swiperSlideScope .swiper-slide .swpContent {
            width: 100%;
            position: relative;
            float: left;
            padding: 40px 0;
        }

.ysSwiperScope.ysNewsSlider .ysSocialSharing {
    top: 10px;
    right: 10px;
}

.ysSwiperScope.ysNewsSlider .ysGeneralBoxInHeadTitle {
    padding: 0 90px 0 0;
}

.ysSwiperScope.ysNewsSlider .arrowRightFixed {
    right: 20px;
}

.ysSwiperScope.ysTopVotesProvince .swiper-container {
    padding: 6px 3px !important;
}

.ysSwiperScope.ysTopVotesProvince .swiper-slide {
    height: auto;
}

.ysSwiperScope.ysTopVotesProvince .ysGeneralBoxInHeadTitle {
    padding-right: 90px;
}

.ysSwiperScope.ysElectionResult .ysGeneralBoxInHeadTitle {
    padding-right: 30px;
}

.ysSwiperScope .arrowRightFixed {
    position: absolute;
    top: 17px;
    width: 100px;
    right: 0;
}

.ysSwiperScope .swiper-button-next {
    width: 34px;
    height: 34px;
    background: url(../img/swiper-right.png) 0 0/100% 100% no-repeat;
    outline: 0;
    right: 0;
}

.ysSwiperScope .swiper-button-prev {
    width: 34px;
    height: 34px;
    background: url(../img/swiper-left.png) 0 0/100% 100% no-repeat;
    outline: 0;
    left: auto;
    right: 45px;
}

.ysGeneralShare .gsRow,
.ysPopup .gsRow {
    float: left;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    display: table;
    text-align: center;
}

    .ysGeneralShare .gsRow .gsCell {
        display: table-cell;
        position: relative;
        padding: 0 10px;
        text-align: center;
        vertical-align: middle;
    }

        .ysGeneralShare .gsRow .gsCell.gsTitle {
            text-align: right;
            line-height: 120%;
        }

.ysPartyDetailsDonutChart .yspddcBox {
    width: 25%;
    position: relative;
    float: left;
    border-right: 1px solid #e8eaed;
}

.ysPartyDetailsDonutChart .yspddcBoxTitle {
    text-align: center;
    line-height: 120%;
}

    .ysPartyDetailsDonutChart .yspddcBoxTitle h2,
    .ysPartyDetailsDonutChart .yspddcBoxTitle h3 {
        padding: 0;
        margin: 0;
        font-weight: 400;
        line-height: 120%;
    }

.ysPartyDetailsDonutChart .hidecolor {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
}

.ysPartyDetailsDonutChart .graphicPie {
    width: 100%;
    position: relative;
    float: left;
    padding: 15px;
}

    .ysPartyDetailsDonutChart .graphicPie .pieFull {
        margin: 0 auto;
        width: 100%;
        height: 100px;
    }

        .ysPartyDetailsDonutChart .graphicPie .pieFull g text {
            font-family: -apple-system, "BlinkMacSystemFont", "Helvetica", "Roboto", "Segoe UI", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
            font-weight: 600;
            font-size: 30px;
        }

            .ysPartyDetailsDonutChart .graphicPie .pieFull g text:nth-child(2) {
                font-weight: 500;
                font-size: 14px;
                fill: #5d5d5d;
            }

.ysCityNomineeRace .ysFilterSelect,
.ysCityNomineeRace .ysGeneralBoxInHeadTitle,
.ysPartyCityResult .yspcrTitle .yspcrCity {
    width: 60%;
    position: relative;
    float: left;
}

    .ysCityNomineeRace .ysFilterSelect .ysFilterCityPercent {
        right: 32px;
        left: auto;
        bottom: auto;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

.ysNomineeWinners .ysnwBox .ysnwCity,
.ysNomineeWinners .ysnwBox .ysnwImage {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    margin-bottom: 10px;
    float: left;
}

.ysCityNomineeRace .ysFilterSelect .select2-container--default .select2-selection--single {
    height: 50px;
}

.ysNomineeWinners .boxStyle:after {
    content: "";
    background: #fff;
    width: 100%;
    height: 40px;
    position: absolute;
    bottom: 15px;
    left: 0;
}

.ysNomineeWinners .ysnwBox {
    width: 16.66%;
    position: relative;
    float: left;
    text-align: center;
    display: table;
    margin-bottom: 30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

    .ysNomineeWinners .ysnwBox .ysnwCity {
        position: relative;
        clear: both;
        left: 50%;
        transform: translateX(-50%);
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        border-radius: 10px;
        padding: 4px 8px 4px;
        line-height: 100%;
    }

    .ysNomineeWinners .ysnwBox .ysnwImage {
        position: relative;
        clear: both;
        left: 50%;
        transform: translateX(-50%);
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        border-radius: 100%;
        background-position: center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -o-background-size: cover;
        overflow: hidden;
    }

    .ysNomineeWinners .ysnwBox .ysnwNominee {
        float: left;
        position: relative;
        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: 30px;
    }

.ysChangingCity .fullShowtr,
.ysChangingCity .showtr {
    display: table-row !important;
}

.ysChangingCity .ysccContinue, .ysccContinue {
    color: #20537b;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    padding-top: 15px;
    cursor: pointer;
}

    .ysChangingCity .ysccContinue img, .ysccContinue img {
        -webkit-transform: rotate(0) translateY(0);
        -moz-transform: rotate(0) translateY(0);
        -ms-transform: rotate(0) translateY(0);
        -o-transform: rotate(0) translateY(0);
        transform: rotate(0) translateY(0);
    }

    .ysChangingCity .ysccContinue.active img, .ysccContinue.active img {
        -webkit-transform: rotate(180deg) translateY(1px);
        -moz-transform: rotate(180deg) translateY(1px);
        -ms-transform: rotate(180deg) translateY(1px);
        -o-transform: rotate(180deg) translateY(1px);
        transform: rotate(180deg) translateY(1px);
    }

.ysChangingCity h2.ysSubTitle,
.ysChangingCity h3.ysSubTitle {
    font-family: -apple-system, "BlinkMacSystemFont", "Helvetica", "Roboto", "Segoe UI", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
}

.ysChangingCity.ysTitleHide table {
    margin-top: 15px;
}

.ysChangingCity.ysTitleHide thead tr th {
    font-size: 18px;
    color: #000;
    font-weight: 400;
    line-height: 120%;
}

.ysCountyFinalStatus .ysDataGeneral h2,
.ysCountyFinalStatus .ysDataGeneral h3 {
    font-family: -apple-system, "BlinkMacSystemFont", "Helvetica", "Roboto", "Segoe UI", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
    margin: 0;
    padding: 0;
    display: inline-block;
}

.ysPartyCityResult .yspcrBoxScope:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    left: 50%;
    margin-left: -0.5px;
    top: 0;
    background: #e8eaed;
    z-index: 0;
}

.ysPartyCityResult .yspcrBox {
    width: 48%;
    position: relative;
    float: left;
    margin-right: 4%;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.ysPartyCityResult .yspcrTitle .yspcrCity span {
    display: inline-block;
    position: relative;
    height: 20px;
    padding: 0 5px;
    background-color: #2cc00a;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    font-size: 12px;
    border-radius: 20px;
    text-align: center;
    padding-top: 1px;
    margin-left: 5px;
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px);
}

.ysPartyCityResult .yspcrTitle .yspcrOpenBox {
    width: 40%;
    position: relative;
    float: left;
    text-align: right;
}

    .ysPartyCityResult .yspcrTitle .yspcrOpenBox span {
        display: inline-block;
        position: relative;
        margin-left: 4px;
    }

.ysPartyCityResult .yspcrContent {
    display: table;
}

    .ysPartyCityResult .yspcrContent .yspcrCol {
        display: table-cell;
        width: 50%;
        position: relative;
        vertical-align: top;
        padding-right: 15px;
        border-right: 1px solid #e8eaed;
    }

        .ysPartyCityResult .yspcrContent .yspcrCol:nth-child(2n + 0) {
            border-right: 0;
            padding-left: 15px;
        }

.ysPartyCityResult .yspcrImage {
    width: 32px;
    height: 32px;
    position: absolute;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    overflow: hidden;
}

.ysPartyCityResult .yspcrColText .yspcrColName {
    margin-bottom: 5px;
}

.ysPartyCityResult .yspcrColText .yspcrColVoteRate .yspcrColVrTitle {
    float: left;
    position: relative;
    margin-right: 5px;
    line-height: 140%;
}

.ysPartyCityResult .yspcrColText .yspcrColVoteRate .yspcrColVrPercent {
    float: left;
    position: relative;
    line-height: 100%;
    padding-top: 5px;
    margin-right: 15px;
}

.ysPartyCityResult .yspcrColFlRight {
    float: right !important;
}

.ysPartyCityResult .yspcrColNoMarginRight {
    margin-right: 0 !important;
}

.ysPartyCityResult .ysAddImage .yspcrColText {
    padding-left: 40px;
}

.ysPartyCityResult .ysAddDistrict {
    padding-right: 0 !important;
}

    .ysPartyCityResult .ysAddDistrict .yspcrColBotttomText {
        padding-top: 13px;
    }

.ysNewsBasic .ysNewBoxScope {
    line-height: 0;
}

    .ysNewsBasic .ysNewBoxScope .ysNewBox {
        width: 32%;
        position: relative;
        float: left;
        margin-right: 2%;
        margin-bottom: 2%;
    }

    .ysNewsBasic .ysNewBoxScope .ysNewText {
        width: 100%;
        position: relative;
        float: left;
        padding: 10px;
        background: #e8eaed;
        line-height: 140%;
        min-height: 145px;
        max-height: 135px;
        font-size: 16px;
    }

.ysBreadCrumb {
    font-size: 12px;
    font-weight: 600;
}

.ieSelectStyle select,
.ieSelectStyle select option {
    font-size: 22px;
    color: #fff;
}

.ysBreadCrumb .ysBrdc {
    float: left;
    position: relative;
    margin-right: 5px;
    margin-bottom: 9px;
}

    .ysBreadCrumb .ysBrdc.active {
        color: #4488be;
        font-weight: 600;
    }

        .ysBreadCrumb .ysBrdc.active a {
            color: #000;
        }

    .ysBreadCrumb .ysBrdc:first-child {
        margin-left: 10px;
    }

.ysBreadCrumb .ysRightArrow {
    float: left;
    position: relative;
    margin-right: 5px;
    font-family: -apple-system, "BlinkMacSystemFont", "Helvetica", "Roboto", "Segoe UI", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
    color: #d1d8e3;
    font-size: 28px;
    font-weight: 100;
    line-height: 100%;
    -webkit-transform: translateY(-7px);
    -moz-transform: translateY(-7px);
    -ms-transform: translateY(-7px);
    -o-transform: translateY(-7px);
    transform: translateY(-7px);
}

.ieSelectStyle .ysFilterCityPercent {
    left: 10px;
}

.ieSelectStyle select {
    width: 100%;
    background: url(../img/icon-arrow-select.png) right 10px center/13px 9px no-repeat #20537b;
    padding: 10px 10px 33px;
    position: relative;
    float: left;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    outline: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    border: 0;
}

    .ieSelectStyle select::-ms-expand {
        display: none;
    }

.ieSelectStyle.cityRace select {
    padding: 0 0 0 10px;
    height: 70px;
}

.sticky {
    position: fixed;
    width: 100%;
    height: 80px;
    top: -90px;
    background: rgba(255, 255, 255, 0.98);
    z-index: 99998;
    overflow: hidden;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: 0.34s;
    -moz-transition: 0.34s;
    -ms-transition: 0.34s;
    -o-transition: 0.34s;
    transition: 0.34s;
}

    .sticky .summary,
    .sticky .summary.enabled {
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        -o-transition: 1s;
    }

.stickymain {
    z-index: 99999;
    top: 30px !important;
    overflow: visible;
}

    .stickymain.stcActive {
        display: block !important;
        top: 0 !important;
    }

.sticky .summary {
    display: none;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    transition: 1s;
}

    .sticky .summary.enabled {
        transition: 1s;
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
    }

    .sticky .summary.disabled {
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        -o-transition: 1s;
        transition: 1s;
        opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
    }

.sticky .stcHead {
    width: 100%;
    position: relative;
    float: left;
    margin-bottom: 8px;
    margin-top: 10px;
}

    .sticky .stcHead .stcTitle {
        float: left;
        font-size: 16px;
        font-weight: 500;
        color: #20537b;
        padding-left: 20px;
    }

        .sticky .stcHead .stcTitle .iconSticky {
            position: absolute;
            left: 0;
            top: -2px;
        }

        .sticky .stcHead .stcTitle.stickyIlgenel {
            padding-left: 17px;
        }

            .sticky .stcHead .stcTitle.stickyIlgenel .iconSticky {
                top: -1px;
            }

    .sticky .stcHead .stcOpenBox {
        float: right;
        font-size: 10px;
        font-weight: 600;
        color: #adadad;
    }

        .sticky .stcHead .stcOpenBox .stcPercent {
            color: #20537b;
            font-size: 12px;
            font-weight: 600;
        }

.sticky .multipleBarScope {
    width: 100%;
    position: relative;
    float: left;
    margin-top: 0;
    height: 8px;
    overflow: hidden;
    -webkit-border-radius: 7.5px;
    -moz-border-radius: 7.5px;
    -ms-border-radius: 7.5px;
    border-radius: 7.5px;
    background: #cbd3d9;
}

    .sticky .multipleBarScope .mbBar {
        position: relative;
        float: left;
        height: 12px;
    }

.sticky .stcDetails {
    width: 100%;
    position: relative;
    float: left;
    display: table;
    text-align: center;
}

    .sticky .stcDetails .stcCol {
        display: inline-block;
        width: auto;
        text-align: center;
        font-size: 13px;
        font-weight: 500;
        color: #000;
        margin: 0 15px;
    }

.ysGeneralMap .ysSwitchMenu {
    max-width: 565px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: 20px;
    display: table;
    margin-bottom: 0;
    text-align: center;
}

.ysGeneralMap #controls {
    position: absolute;
    margin: 5px;
    z-index: 10;
    display: none;
}

    .ysGeneralMap #controls input {
        border: 0;
        background: #dae0e4;
        color: #6e6e6e;
        outline: 0;
        padding: 5px 10px;
        cursor: pointer;
    }

.ysGeneralMap .mapScope {
    min-height: 432.05px;
}

@media only screen and (max-width: 960px) {
    .ysMapCol30,
    .ysMapCol70,
    .ysNomineeWinners .ysnwBox {
        position: relative;
        float: left;
    }

    .ysMapCol70 {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .ysMapCol30 {
        width: 100%;
    }

    .ysgBallotBoxScope .ysbbsHead .ysbbsOpenBox {
        width: 100%;
        position: relative;
        float: left;
        right: auto;
        top: auto;
    }

    .ysgBallotBoxScope .ballotBox.noPaddingBorder .ysbbsTitle,
    .ysgBallotBoxScope .noPaddingBorder.ysElectionResult .ysbbsTitle {
        padding-right: 0;
    }

    .ysgBallotBoxScope .ballotBox .ysbbsTitle,
    .ysgBallotBoxScope .ysElectionResult .ysbbsTitle {
        padding-right: 30px;
    }

    .ysPartyDetailsDonutChart .graphicPie .pieFull g text {
        font-size: 23px;
    }

    .ysNomineeWinners .ysnwBox {
        width: 20%;
    }

        .ysNomineeWinners .ysnwBox:nth-child(6n + 1) {
            clear: none;
        }

        .ysNomineeWinners .ysnwBox:nth-child(5n + 1) {
            clear: both;
        }

    .ysPartyCityResult .yspcrBoxScope:after {
        display: none;
    }

    .ysPartyCityResult .yspcrBox {
        width: 100%;
        position: relative;
        float: left;
        margin-right: 0 !important;
    }

        .ysPartyCityResult .yspcrBox:nth-last-child(2) {
            border-bottom: 1px solid #e8eaed;
        }

    .ysGeneralMap .mapScope {
        min-height: 350px;
    }
}

@media only screen and (max-width: 900px) {
    .party-item {
        display: flex;
        width: calc(100% / 4 - 15px);
        height: 136px;
        padding: 16px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 16px;
        flex-shrink: 0;
        border-radius: 5px;
        background: #FFF;
        box-shadow: 0px 1px 6px 0px rgba(185, 185, 185, 0.60);
        margin-bottom: 18px;
    }

    .districts .items {
        display: flex;
        width: calc(100%/1 - 15px);
        height: 56px;
        padding: 16px;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 16px;
        flex-shrink: 0;
        font-weight: 700;
        border-radius: 5px;
        background: #FFF;
        box-shadow: 0px 1px 6px 0px rgba(185, 185, 185, 0.60);
        margin-bottom: 18px
    }

    .footer .ftLinkScope .ftCity span a,
    .footer .ftLinkScope .ftErrorTerms .ftError,
    .footer .ftLinkScope .ftErrorTerms .ftTerms,
    .generalFooterTitle {
        font-size: 14px;
    }

    .map-row {
        display: flex;
    }

    .header {
        min-height: 45px !important;
    }

    .row.header.sticky.stickymain {
        height: 45px;
    }

    .header .container {
        padding: 0;
        margin-top: -1px;
    }

    .header .navUpdateDate {
        display: table;
    }

    .navClickButton {
        display: none !important
    }

    .header .logoScope {
        padding: 0 10px;
    }

        .header .logoScope .navClickButton,
        .header .navMenuScope .navClose {
            align-items: center;
            display: flex;
        }

        .header .logoScope .logo img {
            height: 16px;
            width: auto;
        }

        .header .logoScope .homego,
        .ysGeneralLastUpdate {
            display: none;
        }

    .header .navMenuScope,
    .header .navMenuScope .navMenu .navClick {
        height: auto;
    }

        .header .navMenuScope .navMenuFixed {
            position: fixed;
            left: -310px;
            top: 0;
            z-index: 9999999999;
            width: 300px;
            height: 100%;
            background: #20537b !important;
            padding: 20px;
            -webkit-transition: 0.34s;
            -moz-transition: 0.34s;
            -ms-transition: 0.34s;
            -o-transition: 0.34s;
            transition: 0.34s;
        }

            .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;
                    font-weight: 600;
                    font-size: 16px;
                    margin-bottom: 12px
                }

                    .header .navMenuScope .navMenuFixed .navMenu .navClick span {
                        display: flex;
                        align-items: center
                    }

                        .header .navMenuScope .navMenuFixed .navMenu .navClick span:after {
                            content: "";
                            right: 0;
                        }

                .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 {
                        border-bottom: 1px solid #4b82ad;
                        margin-bottom: 8px;
                        padding-bottom: 20px
                    }

                        .header .navMenuScope .navMenuFixed .navMenu .navContent a:last-child {
                            border-bottom: none !important
                        }

                .header .navMenuScope .navMenuFixed .navMenu.active .navClick span:after {
                    content: "";
                    right: 0;
                    background-position: 0 0;
                }

            .header .navMenuScope .navMenuFixed.active {
                left: 0;
            }

        .header .navMenuScope .navMenu .navLine {
            background: rgba(255, 255, 255, 0.28);
        }

        .header .navMenuScope .navMenu .navContent {
            top: 35px;
        }

    .ysGeneralOpenBallotBoxPercent .inRow100 {
        margin-bottom: 10px;
    }

    .ysGeneralOpenBallotBoxPercent .gobbpBox {
        width: 33.33%;
        position: relative;
        float: left;
        margin-bottom: 20px;
    }

        .ysGeneralOpenBallotBoxPercent .gobbpBox:last-child {
            border-right: 1px solid #e8eaed;
        }

        .ysGeneralOpenBallotBoxPercent .gobbpBox:nth-child(3n + 0) {
            border-right: 0;
        }

        .ysGeneralOpenBallotBoxPercent .gobbpBox:nth-child(3n + 1) {
            clear: both;
            margin-bottom: 0;
        }

        .ysGeneralOpenBallotBoxPercent .gobbpBox:nth-child(3n + 2) {
            margin-bottom: 0;
        }

    .ysGeneralPartyAlliance .gpaBox {
        width: 100%;
        position: relative;
        float: left;
        border-right: 0;
        border-bottom: 1px solid #e8eaed;
    }

        .ysGeneralPartyAlliance .gpaBox:last-child {
            border-bottom: 0;
        }

    .ysGeneralPartyAlliance .gpaTitle .gpaPartyIcon {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    .ysNewsBasic .ysNewBoxScope .ysNewBox {
        width: 49%;
        position: relative;
        float: left;
    }

        .ysNewsBasic .ysNewBoxScope .ysNewBox:nth-child(3n + 0) {
            margin-right: 2%;
        }

        .ysNewsBasic .ysNewBoxScope .ysNewBox:nth-child(3n + 1) {
            clear: none;
        }

        .ysNewsBasic .ysNewBoxScope .ysNewBox:nth-child(2n + 0) {
            margin-right: 0;
        }

        .ysNewsBasic .ysNewBoxScope .ysNewBox:nth-child(odd) {
            clear: both;
        }

    .ysBreadCrumb .ysBrdc:first-child {
        margin-left: 0;
    }

    .ysHomeMapData .mapScope {
        min-height: 250px;
    }
}

@media only screen and (max-width: 768px) {
    .party-item {
        display: flex;
        width: calc(100% / 3 - 15px);
        height: 136px;
        padding: 16px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 16px;
        flex-shrink: 0;
        border-radius: 5px;
        background: #FFF;
        box-shadow: 0px 1px 6px 0px rgba(185, 185, 185, 0.60);
        margin-bottom: 18px;
    }

        .party-item::after {
            content: "";
            flex-grow: 1;
        }

    .col50,
    .ysBiography .biographyScope {
        width: 100%;
    }

    .generalMainTitle,
    .ysGeneralHeadPartyTitle h1,
    .ysGeneralHeadTitle h1,
    .ysGeneralHeadTitle h2 {
        font-size: 32px;
    }

    .generalBallotBoxInfoAndWinPartyTitle,
    .generalWinPartyName,
    .ysChangingCity.ysTitleHide thead tr th,
    .ysGeneralOpenBallotBoxPercent .gobbpTitle,
    .ysGeneralPartyCityWinn .gpcwPartyName,
    .ysGeneralPartyCityWinn .gpcwTitle,
    .ysPartyDetailsDonutChart .yspddcBoxTitle,
    .ysPartyDetailsDonutChart .yspddcBoxTitle h2,
    .ysPartyDetailsDonutChart .yspddcBoxTitle h3 {
        font-size: 14px;
    }

    .generalBallotBoxInfoRatios,
    .ysGeneralOpenBallotBoxPercent .gobbpPercent,
    .ysGeneralPartyCityWinn .gpcwPercent {
        font-size: 18px;
    }

    .generalBallotBoxPartyAllianceTitle,
    .ysGeneralPartyAlliance .gpaTitle,
    .ysGeneralPartyAlliance .gpaTitle h2.gpaText,
    .ysGeneralPartyAlliance .gpaTitle h3.gpaText {
        font-size: 24px;
    }

    .sectionBallotBoxNomineeVotePercent,
    .ysDataGeneral .ysgPercentText.big,
    .ysElectionResult .electDetails .electCol .electPercent,
    .ysGeneralPartyAlliance .ysgContent .ysgPercentText,
    .ysPartyCityResult .yspcrColText .yspcrColVoteRate .yspcrColVrPercent {
        font-size: 20px;
    }

    .col50 {
        margin-right: 0;
        margin-bottom: 20px;
    }

        .col50:last-child {
            margin-bottom: 0;
        }

    .header .navMenuScope .navMenu.navCity .navContent a {
        width: 25%;
    }

    .ysGeneralHeadPartyTitle .ysghptScope .ysghptCol {
        display: block;
        width: 100%;
        position: relative;
        float: left;
        text-align: center;
    }

    .ysSocialSharing .ssButton {
        width: 20px;
        height: 20px;
    }

    .ysgBallotBoxScope .ballotBox,
    .ysgBallotBoxScope .ysElectionResult {
        width: 49%;
        position: relative;
        float: left;
    }

        .ysgBallotBoxScope .ballotBox:nth-child(3n + 0),
        .ysgBallotBoxScope .ysElectionResult:nth-child(3n + 0) {
            margin-right: 2%;
        }

        .ysNomineeWinners .ysnwBox:nth-child(5n + 1),
        .ysgBallotBoxScope .ballotBox:nth-child(3n + 1),
        .ysgBallotBoxScope .ysElectionResult:nth-child(3n + 1) {
            clear: none;
        }

        .ysgBallotBoxScope .ballotBox:nth-child(2n + 0),
        .ysgBallotBoxScope .ysElectionResult:nth-child(2n + 0) {
            margin-right: 0;
        }

        .ysNomineeWinners .ysnwBox:nth-child(4n + 1),
        .ysgBallotBoxScope .ballotBox:nth-child(odd),
        .ysgBallotBoxScope .ysElectionResult:nth-child(odd) {
            clear: both;
        }

    .ysElectionResult .electDetails .electCol {
        max-width: 135px;
    }

    .ysPartyDetailsDonutChart .graphicPie {
        padding: 0;
    }

    .ysCityNomineeRace .ysFilterSelect,
    .ysCityNomineeRace .ysGeneralBoxInHeadTitle {
        width: 100%;
        position: relative;
        float: left;
    }

    .ysNomineeWinners .ysnwBox {
        width: 25%;
        position: relative;
        float: left;
    }

    .ysPartyCityResult .yspcrColText .yspcrColVoteRate .yspcrColVrPercent {
        padding-top: 8px;
    }

    .ysGeneralMap .mapScope {
        padding-right: 0;
    }
}

@media only screen and (max-width: 750px) {
    .ysGeneralMap .mapScope {
        min-height: 300px;
    }
}

@media only screen and (max-width: 620px) {
    .ysGeneralMap .mapScope {
        min-height: 250px;
    }
}

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

    .ysGeneralMap .mapScope {
        min-height: 200px;
    }
}

@media only screen and (max-width: 400px) {
    .ysGeneralMap .mapScope {
        min-height: 150px;
    }
}

.ysGeneralMap .mapScope .mapDetails {
    padding: 0;
}

.ysGeneralMap .ysMapLegend {
    display: table;
    text-align: center;
    margin: 15px auto;
    height:100%;
    min-height:48px;
}

.afterHide:after,
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none !important;
}

.ysGeneralMap .ysMapLegend .ysmL {
    display: inline-block;
    position: relative;
    margin: 0 5px;
}

    .ysGeneralMap .ysMapLegend .ysmL .ysmColorRound {
        display: inline-block;
        position: relative;
        width: 16px;
        height: 16px;
        background: #969696;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        border-radius: 100%;
    }

    .ysGeneralMap .ysMapLegend .ysmL .ysmParty {
        display: inline-block;
        position: relative;
        font-size: 11px;
        font-weight: 600;
        line-height: 100%;
        -webkit-transform: translateY(-3px);
        -moz-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        -o-transform: translateY(-3px);
        transform: translateY(-3px);
    }

.ysGeneralMap .ysStatusMap {
    text-align: left;
    padding: 5px;
    position: relative;
}

    .ysGeneralMap .ysStatusMap .ysMapTitle {
        width: 100%;
        position: relative;
        float: left;
        font-family: -apple-system, "BlinkMacSystemFont", "Helvetica", "Roboto", "Segoe UI", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
        font-size: 14px;
        font-weight: 600;
        color: #20537b;
        text-transform: uppercase;
        margin-bottom: 10px;
    }

    .ysGeneralMap .ysStatusMap .ysMapContent .ysMapRow {
        width: 100%;
        position: relative;
        float: left;
        margin-bottom: 5px;
    }

        .ysGeneralMap .ysStatusMap .ysMapContent .ysMapRow .ysMapName {
            font-family: -apple-system, "BlinkMacSystemFont", "Helvetica", "Roboto", "Segoe UI", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
            width: 40%;
            position: relative;
            float: left;
            font-size: 11px;
            font-weight: 600;
        }

        .ysGeneralMap .ysStatusMap .ysMapContent .ysMapRow .ysMapPercent {
            width: 20%;
            position: relative;
            float: left;
            font-family: -apple-system, "BlinkMacSystemFont", "Helvetica", "Roboto", "Segoe UI", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
            font-size: 11px;
            font-weight: 600;
            color: #20537b;
            text-align: right;
        }

        .ysGeneralMap .ysStatusMap .ysMapContent .ysMapRow .ysMapBar {
            width: 40%;
            position: relative;
            float: left;
            padding-left: 5px;
            padding-top: 5px;
        }

            .ysGeneralMap .ysStatusMap .ysMapContent .ysMapRow .ysMapBar .ysBarScope {
                width: 100%;
                position: relative;
                float: left;
                background: #e3e3e3;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                -ms-border-radius: 4px;
                border-radius: 4px;
                height: 8px;
                overflow: hidden;
            }

                .ysGeneralMap .ysStatusMap .ysMapContent .ysMapRow .ysMapBar .ysBarScope .ysBarPercent {
                    position: absolute;
                    width: 0%;
                    height: 100%;
                    left: 0;
                    top: 0;
                }

.ysPopup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999999999999999999;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.34s, visibility 0.34s;
    -moz-transition: opacity 0.34s, visibility 0.34s;
    -ms-transition: opacity 0.34s, visibility 0.34s;
    -o-transition: opacity 0.34s, visibility 0.34s;
    transition: opacity 0.34s, visibility 0.34s;
}

    .ysPopup .row.ysGeneralShare {
        margin-bottom: 0;
        padding: 50px 0;
    }

    .ysPopup .ysPopDegrade {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.55);
        z-index: 1;
    }

    .ysPopup .ysPopContent {
        position: absolute;
        width: 95%;
        max-width: 470px;
        -webkit-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.15);
        box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.15);
        background-color: #fff;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px;
        z-index: 2;
        padding: 10px;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .ysPopup .shareTextHide {
        position: absolute;
        width: 0;
        height: 0;
        opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        overflow: hidden;
    }

    .ysPopup .ysPopClose {
        position: absolute;
        right: 10px;
        height: 10px;
        cursor: pointer;
        z-index: 10;
    }

    .ysPopup .gsRow .gsCell {
        position: relative;
        padding: 0 10px;
        text-align: center;
        vertical-align: middle;
        display: inline-block;
    }

        .ysPopup .gsRow .gsCell.gsTitle {
            width: 100%;
            position: relative;
            float: left;
            text-align: center;
            margin-bottom: 20px;
            line-height: 120%;
        }

            .ysPopup .gsRow .gsCell.gsTitle span {
                display: inline-block;
            }

.homePageMapData .mapScope {
    min-height: 310px !important;
    height: 310px !important;
}

.homePageMapData .ysDataGeneral tbody td {
    padding: 13px 0 0;
}

.homePageMapData .ysgPartyName,
.ysHomeMapData .ysgPartyName {
    padding-left: 5px !important;
}

.homePageMapData .ysHomeDetails,
.ysHomeMapData .ysHomeDetails {
    width: 100%;
    position: relative;
    float: left;
    margin-top: 18px;
    text-align: right;
    color: #20537b;
}

.ysHomeMapData .mapScope {
    min-height: 301.5px;
}



@media only screen and (max-width: 520px) {
    .sticky .stcHead {
        width: 100%;
        position: relative;
        margin-bottom: 4px;
        margin-top: 10px;
        padding: 0px 8px;
        display: flex;
        justify-content: space-between;
    }

        .sticky .stcHead .stcOpenBox {
            color: #adadad;
            font-size: 10px;
        }

    .sticky .stcDetails {
        width: 100%;
        position: relative;
        float: left;
        display: flex;
        text-align: center;
        align-items: center;
        justify-content: space-between;
    }

    .sticky .stcHead .stcTitle {
        float: left;
        font-size: 16px;
        font-weight: 500;
        color: #20537b;
        padding-left: 0;
    }

    .party-item {
        display: flex;
        width: calc(100% / 2 - 15px);
        height: 136px;
        padding: 16px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 16px;
        flex-shrink: 0;
        border-radius: 5px;
        background: #FFF;
        box-shadow: 0px 1px 6px 0px rgba(185, 185, 185, 0.60);
        margin-bottom: 18px;
    }

    .header .logoScope {
        margin: 15px 0;
        padding: 0 6px;
    }

        .header .logoScope .navClickButton,
        .header .navMenuScope .navClose {
            display: block;
        }

        .header .logoScope .logo img {
            height: 16px;
            width: auto;
        }

        .header .logoScope .homego,
        .ysGeneralLastUpdate {
            display: none;
        }


    .header .navMenuScope .navMenuFixed {
        position: fixed;
        left: -310px;
        top: 0;
        z-index: 9999999999;
        width: 300px;
        height: 100%;
        background: #20537b !important;
        padding: 20px;
        -webkit-transition: 0.34s;
        -moz-transition: 0.34s;
        -ms-transition: 0.34s;
        -o-transition: 0.34s;
        transition: 0.34s;
    }

        .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;
                font-weight: 600;
                font-size: 16px;
                margin-bottom: 12px
            }

                .header .navMenuScope .navMenuFixed .navMenu .navClick span {
                    display: flex;
                    align-items: center
                }

                    .header .navMenuScope .navMenuFixed .navMenu .navClick span:after {
                        content: "";
                        right: 0;
                    }

            .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 {
                    border-bottom: 1px solid #4b82ad;
                    margin-bottom: 8px;
                    padding-bottom: 20px
                }

                    .header .navMenuScope .navMenuFixed .navMenu .navContent a:last-child {
                        border-bottom: none !important
                    }

            .header .navMenuScope .navMenuFixed .navMenu.active .navClick span:after {
                content: "";
                right: 0;
                background-position: 0 0;
            }

        .header .navMenuScope .navMenuFixed.active {
            left: 0;
        }

    .header .navMenuScope .navMenu .navLine {
        background: rgba(255, 255, 255, 0.28);
    }

    .header .navMenuScope .navMenu .navContent {
        top: 35px;
    }

    .ysGeneralOpenBallotBoxPercent .inRow100 {
        margin-bottom: 10px;
    }

    .ysGeneralOpenBallotBoxPercent .gobbpBox {
        width: 33.33%;
        position: relative;
        float: left;
        margin-bottom: 20px;
    }

        .ysGeneralOpenBallotBoxPercent .gobbpBox:last-child {
            border-right: 1px solid #e8eaed;
        }

        .ysGeneralOpenBallotBoxPercent .gobbpBox:nth-child(3n + 0) {
            border-right: 0;
        }

        .ysGeneralOpenBallotBoxPercent .gobbpBox:nth-child(3n + 1) {
            clear: both;
            margin-bottom: 0;
        }

        .ysGeneralOpenBallotBoxPercent .gobbpBox:nth-child(3n + 2) {
            margin-bottom: 0;
        }

    .ysGeneralPartyAlliance .gpaBox {
        width: 100%;
        position: relative;
        float: left;
        border-right: 0;
        border-bottom: 1px solid #e8eaed;
    }

        .ysGeneralPartyAlliance .gpaBox:last-child {
            border-bottom: 0;
        }

    .ysGeneralPartyAlliance .gpaTitle .gpaPartyIcon {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    .ysNewsBasic .ysNewBoxScope .ysNewBox {
        width: 49%;
        position: relative;
        float: left;
    }

        .ysNewsBasic .ysNewBoxScope .ysNewBox:nth-child(3n + 0) {
            margin-right: 2%;
        }

        .ysNewsBasic .ysNewBoxScope .ysNewBox:nth-child(3n + 1) {
            clear: none;
        }

        .ysNewsBasic .ysNewBoxScope .ysNewBox:nth-child(2n + 0) {
            margin-right: 0;
        }

        .ysNewsBasic .ysNewBoxScope .ysNewBox:nth-child(odd) {
            clear: both;
        }

    .ysBreadCrumb .ysBrdc:first-child {
        margin-left: 0;
    }

    .ysHomeMapData .mapScope {
        min-height: 250px;
    }
}

@media only screen and (max-width: 520px) {
    .PartyNomeneeVoteRate,
    .generalMainTitle,
    .ysDataGeneral .yscnrNominee span,
    .ysGeneralHeadPartyTitle h1,
    .ysGeneralHeadTitle h1,
    .ysGeneralHeadTitle h2 {
        font-size: 28px;
    }

    .generalMainPartyTitle,
    .generalSectionTitle,
    .generalSocialBigBlackName,
    .generalSocialBigRedName,
    .ysBiography h1,
    .ysBiography h2,
    .ysGeneralBoxInHeadTitle .h2,
    .ysGeneralBoxInHeadTitle .h3,
    .ysGeneralBoxInHeadTitle h2,
    .ysGeneralBoxInHeadTitle h3,
    .ysGeneralHeadPartyTitle h2,
    .ysGeneralShare .gsRow .gsCell.gsTitle,
    .ysGeneralShare .gsRow .gsCell.gsTitle span,
    .ysPopup .gsRow .gsCell.gsTitle,
    .ysPopup .gsRow .gsCell.gsTitle span {
        font-size: 22px;
    }

    .generalButton,
    .generalOpenBallotBoxTitle,
    .sticky .stcHead .stcTitle,
    .ysGeneralOpenBallotBox .qobbText,
    .ysNewsBasic .ysNewBoxScope .ysNewText,
    .ysSwitchMenu .ysSwtch .ysSwtchCenter .ysSwtchText {
        font-size: 13px;
    }

    .generalOpenBallotBoxPercent,
    .ysGeneralOpenBallotBox .qobbPercent {
        font-size: 18px;
    }

    .generalPartyBallotBoxSubTitle,
    .ysDataGeneral thead {
        font-size: 11px;
    }

    .PartyNomeneeTotalVote,
    .PartyNomeneeVoteNumbers,
    .generalPartyBallotBoxNomineeName,
    .generalPartyBallotBoxPartyDetails,
    .generalPartyBallotBoxPartyName,
    .generalPartyBallotBoxPartyPercent,
    .sectionBallotBoxCityName,
    .ysCountyFinalStatus .ysDataGeneral h2,
    .ysCountyFinalStatus .ysDataGeneral h3,
    .ysDataGeneral .ysgBasicText,
    .ysDataGeneral .ysgCity,
    .ysDataGeneral .ysgNominee,
    .ysDataGeneral .ysgPartyName,
    .ysDataGeneral .ysgPercentText,
    .ysDataGeneral .ysgTotalVote,
    .ysDataGeneral .ysgVoteNumbers,
    .ysPartyCityResult .yspcrTitle .yspcrCity {
        font-size: 16px;
    }

    .generalPartyBallotBoxNomineeCity,
    .sectionBallotBoxPartyName,
    .sectionGridCityName,
    .sectionSecondTitle,
    .select2-container .select2-selection--single .select2-selection__rendered,
    .select2-results__option,
    .ysDataGeneral .yscnrNominee,
    .ysElectionResult .electTitle,
    .ysGeneralBoxInHeadTitle .ysSubTitle,
    .ysTopVotesProvince .ystvpHead .ystvphTitle .ystvphParty,
    .ysgBallotBoxScope .ysbbsHead .ysbbsTitle .ysbbsCity {
        font-size: 20px;
    }

    .boxStyle {
        padding: 10px;
    }

    .header .navMenuScope .navMenu.navCity .navContent a {
        width: 33.33%;
    }

    .ysGeneralHeadPartyTitle .ysghptImage img {
        width: 60px;
        height: auto;
    }

    .ysBiography .ysbioScope .ysbioCol.ysImagePadding,
    .ysGeneralHeadPartyTitle .ysghptScope .ysghptCol.ysImagePadding {
        padding-right: 5px;
    }

    .ysBiography .ysbiotImage {
        width: 60px !important;
        height: 60px !important;
    }

    .ysBiography .ysbioDataContent .ysbioCity {
        margin-top: 6px;
        font-size: 13px;
    }

    .ysGeneralOpenBallotBox .qobbText {
        float: left;
    }

    .ysGeneralOpenBallotBox .qobbPercent {
        float: right;
    }

    .ysGeneralPartyCityWinn .gpcwPartyIcon {
        width: 100%;
        position: relative;
        float: left;
        margin-bottom: 5px;
    }

    .ysDataGeneral .ysgPartyIcon img {
        width: 35px;
        height: auto;
    }

    .ysDataGeneral .ysgPartyFullImage span.ysgPhoneSize90 {
        width: 90px !important;
        height: 90px !important;
    }

    .ysDataGeneral .ysgPartyFullImage span.ysgPhoneSize35 {
        width: 35px !important;
        height: 35px !important;
    }

    .ysDataGeneral .ysgPartyFullImage span.ysgPhoneSize30 {
        width: 30px !important;
        height: 30px !important;
    }

    .ysDataGeneral .ysgPartyFullImage span.ysgPhoneSize25 {
        width: 25px !important;
        height: 25px !important;
    }

    .ysDataGeneral .ysgPartyFullImage span.ysgPhoneSize20 {
        width: 20px !important;
        height: 20px !important;
    }

    .ysgBallotBoxScope .ballotBox,
    .ysgBallotBoxScope .ysElectionResult {
        width: 100%;
        position: relative;
        float: left;
        margin-right: 0 !important;
        clear: none !important;
        margin-bottom: 20px;
    }

    .ysSwiperScope.ysNewsSlider .ysGeneralBoxInHeadTitle {
        padding-left: 10px;
    }

    .ysSwiperScope.ysNewsSlider .arrowRightFixed {
        right: 10px;
    }

    .ysGeneralShare .gsRow .gsCell {
        display: inline-block;
        padding: 0 5px;
    }

        .ysGeneralShare .gsRow .gsCell.gsTitle {
            width: 100%;
            position: relative;
            float: left;
            text-align: center;
            margin-bottom: 10px;
        }

            .ysGeneralShare .gsRow .gsCell.gsTitle span {
                display: inline-block;
            }

    .ysPartyDetailsDonutChart .yspddcBox {
        width: 50%;
        position: relative;
        float: left;
        margin-bottom: 20px;
    }

        .ysPartyDetailsDonutChart .yspddcBox:nth-child(2n + 0) {
            border-right: 0;
        }

    .ysNomineeWinners .ysnwBox {
        width: 50%;
        position: relative;
        float: left;
    }

        .ysNomineeWinners .ysnwBox:nth-child(4n + 1) {
            clear: none;
        }

        .ysNomineeWinners .ysnwBox:nth-child(3n + 1) {
            clear: both;
        }

    .ysPartyCityResult .yspcrColText .yspcrColVoteRate {
        width: 100%;
    }

    .sticky {
        height: 62px;
    }

        .sticky .stcHead .stcOpenBox {
            font-weight: normal;
        }

        .sticky .multipleBarScope,
        .sticky .multipleBarScope .mbBar {
            height: 8px;
        }

        .sticky .stcDetails {
            margin-top: 3px;
        }

            .sticky .stcDetails .stcCol {
                font-size: 11px;
                margin: 0 8px;
            }

    .ysGeneralMap .ysSwitchMenu .ysSwtch {
        padding: 3px 10px;
    }

    .ysPopup .gsRow .gsCell {
        padding: 0 5px;
    }

        .ysPopup .gsRow .gsCell a img {
            width: 44px;
            height: 44px;
        }

    .ysHomeMapData .mapScope {
        min-height: 200px;
    }
}

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

    .generalBallotBoxInfoAndWinPartyTitle,
    .generalWinPartyName,
    .ysGeneralOpenBallotBoxPercent .gobbpTitle,
    .ysGeneralPartyCityWinn .gpcwPartyName,
    .ysGeneralPartyCityWinn .gpcwTitle,
    .ysPartyDetailsDonutChart .yspddcBoxTitle,
    .ysPartyDetailsDonutChart .yspddcBoxTitle h2,
    .ysPartyDetailsDonutChart .yspddcBoxTitle h3 {
        font-size: 12px;
    }

    .generalBallotBoxInfoRatios,
    .ysGeneralOpenBallotBoxPercent .gobbpPercent,
    .ysGeneralPartyCityWinn .gpcwPercent {
        font-size: 14px;
    }

    .generalBallotBoxPartyAllianceTitle,
    .ysGeneralPartyAlliance .gpaTitle,
    .ysGeneralPartyAlliance .gpaTitle h2.gpaText,
    .ysGeneralPartyAlliance .gpaTitle h3.gpaText {
        font-size: 22px;
    }

    .ysDataGeneral .ysgInlineVoteRate {
        margin-left: 0;
    }

    .ysCityNomineeRace .ysFilterSelect .ysFilterCityPercent {
        right: auto;
        top: auto;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        left: 15px;
        bottom: 12px;
    }

    .ysCityNomineeRace .ysFilterSelect .select2-container--default .select2-selection--single {
        height: 70px;
    }

    .ysHomeMapData .mapScope {
        min-height: 150px;
    }
}

.ysHomeMapData .ysDataGeneral tbody td {
    padding: 25px 0 0;
}

.footer .ftLogoScope {
    width: 100%;
    position: relative;
    float: left;
    background: #4488be;
    padding: 25px 0;
}

.footer .ftLinkScope {
    width: 100%;
    position: relative;
    float: left;
    margin: 0;
    background: #20537b;
    padding: 25px 0;
}

    .footer .ftLinkScope .ftCity {
        width: 100%;
        position: relative;
        float: left;
        margin-bottom: 10px;
    }

        .footer .ftLinkScope .ftCity span {
            width: 25%;
            position: relative;
            float: left;
            margin-bottom: 15px;
        }

@media only screen and (max-width: 960px) {
    .footer .ftLinkScope .ftCity span {
        width: 33.33%;
        position: relative;
        float: left;
    }
}

@media only screen and (max-width: 900px) {
    .logo {
        margin-top: -2px !important;
    }

    .top-menu ul {
        width: 100% !important;
    }

    .dropdown {
        display: none !important;
    }

    .top-menu span.text {
        display: none !important
    }

    .top-menu span.year a {
        display: none !important;
    }

    .secmandhaberler {
        display: flex !important;
        justify-content: space-between;
        align-items: center;
    }

    .header .navMenuScope .navMenu.navCity {
        display: none;
    }

    .header .navMenuScope .navMenu .navClick span:after {
        content: "";
        position: absolute;
        right: 7px;
        margin-top: -2px;
        width: 10px;
        height: 6px;
        background: url(../img/nav-arrow.png) 0 0/10px auto no-repeat;
    }

    .header .navMenuScope .navMenu.active .navClick span:after {
        content: "";
        position: absolute;
        right: 7px;
        margin-top: -4px;
        width: 10px;
        height: 6px;
        background: url(../img/nav-arrow.png) 0 -5px/10px auto no-repeat;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .footer .ftLinkScope,
    .footer .ftLogoScope {
        padding: 20px 0;
    }

        .footer .ftLogoScope .logo {
            width: 100%;
            position: relative;
            float: left;
            text-align: center;
            margin-bottom: 20px;
        }

            .footer .ftLogoScope .logo img {
                height: 16px;
                width: auto;
            }

        .footer .ftLogoScope .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%);
        }

        .footer .ftLinkScope .ftCity span {
            width: 50%;
            position: relative;
            float: left;
        }
}

.footer .ftLinkScope .ftErrorTerms .ftTerms {
    float: right;
    position: relative;
}

@media only screen and (max-width: 520px) {
    .footer .ftLinkScope .ftCity span {
        width: 50%;
        position: relative;
        float: left;
        text-align: center;
    }

    .footer .ftLinkScope .ftErrorTerms .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;
    }

    .footer .ftLinkScope .ftErrorTerms .ftTerms {
        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%);
    }
}

.select2-container {
    width: 100%;
    min-width: 100%;
    outline: 0;
}

.select2-container--default .select2-selection--single {
    border: 0;
    background: #20537b;
    height: 70px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    outline: 0;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 12px 30px 20px 15px;
    z-index: 10;
    position: relative;
}

.bigDistrictAhead .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 21px 30px 20px 15px;
    z-index: 10;
    position: relative;
}


.select2-container--default .select2-selection--single .select2-selection__arrow {
    background: url(../img/icon-arrow-select.png) center center/13px 9px no-repeat;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 10px;
}

.select2-container--disabled .select2-selection--single {
    background-color: #cecece !important;
}

.select2-dropdown {
    border: 1px solid #20537b;
    background-color: #fff;
    padding: 10px;
}

    .select2-dropdown ::-webkit-input-placeholder {
        font-size: 16px;
        font-style: italic;
        color: #9e9e9e;
    }

    .select2-dropdown ::-moz-placeholder {
        font-size: 16px;
        font-style: italic;
        color: #9e9e9e;
    }

    .select2-dropdown :-ms-input-placeholder {
        font-size: 16px;
        font-style: italic;
        color: #9e9e9e;
    }

    .select2-dropdown :-moz-placeholder {
        font-size: 16px;
        font-style: italic;
        color: #9e9e9e;
    }

.select2-results__option {
    color: #20537b;
    background: 0 0 !important;
    padding: 15px 8px;
    border-bottom: 1px solid #e8eaed;
}

    .select2-results__option:last-child {
        border-bottom: 0;
    }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #20537b !important;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border-radius: 8px;
    background-color: #ebebeb;
    border: 1px solid #d4d4d4;
    outline: 0;
    height: 40px;
    margin-bottom: 8px;
    padding-left: 10px;
    font-size: 16px;
    font-weight: 600;
    color: #20537b !important;
}

.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: 600;
    text-align: center;
    display: inline-block;
    padding: 20px 30px 40px;
    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(0);
    transform-style: preserve-3d;
}

.nbsnbg {
    background-color: transparent;
    box-shadow: none;
}

@media only screen and (max-width: 681px) {
    .col100.boxStyle.nbsnbg {
        margin-top: 15px !important;
    }
}

.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;
        position: relative;
        background: inherit;
        width: 50%;
        margin: 0 0 -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: 600;
            text-transform: uppercase;
            letter-spacing: 1px;
            z-index: 1;
        }

        .ldk_timeline .container.left .date {
            right: -100px;
        }

        .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, 0.1);
            box-shadow: 0 6px 6px -2px rgb(0 0 0 / 10%);
        }

            .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;
                font-size: 18px;
                font-weight: 600;
                color: #000;
            }

            .ldk_timeline .container .content p {
                margin: 0;
                font-size: 16px;
                line-height: 22px;
                color: #000;
                padding: 0 15px 15px;
            }

    .ldk_timeline .color2019 {
        color: #23aae2 !important;
    }

    .ldk_timeline .color2018 {
        color: #fa940b !important;
    }

    .ldk_timeline .color2014,
    .ldk_timeline .color2017 {
        color: #37af47 !important;
    }

    .ldk_timeline .color2015 {
        color: #f2621e !important;
    }

    .ldk_timeline .date {
        color: #f2621e;
    }

@media (max-width: 800px) {
    .ldk_timeline .container {
        padding: 15px 30px;
        margin-bottom: 0;
    }

        .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: 0;
    }

        .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: 0;
                z-index: 9;
            }

            .ldk_timeline .container.left .date,
            .ldk_timeline .container.right .date {
                right: auto;
                left: calc(50% - 37px);
                top: 120px;
            }
}

.m0 {
    margin: 0;
}

.secimTable table {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
}

.secimTable tbody tr {
    width: 100%;
    border-bottom: 1px solid #dfe9f2;
    font-size: 13px;
    height: 40px;
}

.secimTable tbody td {
    text-align: left;
    font-weight: 600;
}

.secimadi {
    width: 25%;
    color: #000;
    padding: 10px;
    font-weight: 600;
    font-size: 12px;
}

.bg-1,
.bg-1-ozl,
.bg-2,
.bg-2-ozl,
.bg-3,
.bg-3-ozl,
.bg-4,
.bg-4-ozl {
    color: #fff;
}

.pd-lft {
    padding-left: 15px;
}

.boxStyleSecim {
    background: #fff;
    -webkit-box-shadow: 0 4px 6px 0 rgba(185, 185, 185, 0.5);
    -moz-box-shadow: 0 4px 6px 0 rgba(185, 185, 185, 0.5);
    box-shadow: 0 4px 6px 0 rgba(185, 185, 185, 0.5);
    border-radius: 5px;
}

.wd-5 {
    width: 5%;
}

.wd-15 {
    width: 15%;
}

.bg-1 {
    background-color: #1a4363;
}

.bg-2 {
    background-color: #276394;
}

.bg-3 {
    background-color: #3485c7;
}

.bg-4 {
    background-color: #3c96e0;
}

@media only screen and (max-width: 728px) {
    .wd-15,
    .wd-5 {
        width: 100px;
        padding: 10px;
    }

    .secimadi {
        width: 100%;
    }

    .secimTable table {
        table-layout: auto;
    }

    .secimTable {
        overflow-x: scroll;
    }
}

h3 {
    font-size: 20px;
}

.bg-1-ozl {
    background-color: #123046;
}

.bg-2-ozl {
    background-color: #173c5a;
}

.bg-3-ozl {
    background-color: #1c4668;
}

.bg-4-ozl {
    background-color: #1f4c70;
}

.yspddcBoxTitle h2, h3 {
    font-size: 22px !important;
    font-weight: 600 !important;
}

.yspcrColNameTitle {
    margin-top: 30px
}

.ysPartyCityResult .yspcrImageNew {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    overflow: hidden;
}

.yspcrColNameNew {
    color: #000;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 19.2px;
}

.yspcrContentItems {
    display: flex;
    flex-direction: row;
    align-items: center
}

.flex-container-items {
    display: flex;
    justify-content: space-between
}

    .flex-container-items:first-child {
        border-bottom: 1px solid #ECECEC;
        padding-bottom: 3px;
    }

    .flex-container-items:last-child {
        padding-top: 3px;
    }

.flex-column-first {
    flex: 50px;
}

.flex-column-second {
    display: flex;
    flex: calc(100% - 50px);
    flex-direction: column;
}

.district-title {
    color: #656565;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.2px;
}

.vote-rate-title {
    color: #969696;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.2px
}

.yspcrColVrPercent.textColor {
    font-weight: 600;
}

.top-menu {
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    position: relative;
    float: left;
    background: #b70101;
}

    .top-menu span.year a {
        font-size: 50px;
        font-weight: 400;
        color: #fff;
        float: left;
        display: block;
        height: 54px;
        padding: 23px 12px 0 12px;
        width: 135px
    }

    .top-menu span.text {
        font-size: 18px;
        font-weight: 700;
        color: #fff;
        float: left;
        padding: 8px 0 6px;
        display: block;
        width: 60%;
        margin-bottom: 4px;
        line-height: 20px;
        letter-spacing: .5px
    }

    .top-menu ul {
        float: left;
        display: block;
        margin: 0;
        padding: 0;
        width: calc(100% - 135px);
    }

        .top-menu ul li {
            display: inline-block;
            float: left;
            background: #630000;
            padding: 0 5px;
            margin-right: 1px;
            width: calc((100% / 6) - 1px);
            text-align: center;
        }

            .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;
                font-size: 14px;
                color: #fff
            }

        .top-menu ul li.navMenu {
            margin-right: 0 !important;
            padding: 0 !important;
        }

            .top-menu ul li.navMenu .navClick {
                font-weight: 600 !important;
                height: auto !important;
            }

            .top-menu ul li.navMenu .navContent {
                top: 25px !important;
            }

                .top-menu ul li.navMenu .navContent a {
                    padding: 0 10px !important;
                    text-align: left !important;
                    height: 40px !important;
                    vertical-align: middle;
                }

            .dropred {
                display: none;
            }

.dropdown {
    position: relative;
    display: inline-block;
}

/* Buton stilleri */
.dropbtn {
    background: url(../img/nav-arrow.png) 207px 7px no-repeat #fff;
    background-size: 10px;
    color: #000;
    width: 228px;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border: none;
    text-align: left;
    cursor: pointer;
    border-radius: 8px;
    height: 29px;
    padding-left: 10px;
}


/* Dropdown içeriği (görünmezken) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 228px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    z-index: 2;
    width: 160px;
    height: 269px;
    margin-top: -5px;
    overflow-y: auto;
    padding-top: 2px;
}

    /* Dropdown içeriği (görünürken) */
    .dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        font-size: 12px;
        padding: 8px 10px;
        border-bottom: 1px solid #e2e2e2
    }

        .dropdown-content a:hover {
            background-color: #f1f1f1;
        }

/* Dropdown içeriği gösterimi */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Dropdown butonuna ekstra stili uygulamak için */

.secmandhaberler {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.districts {
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
}

.parties {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
}


.mr-right-16 {
    margin-right: 16px !important;
}

.ysGeneralPartyCityWinn .gpcwPartyName {
    margin-bottom: 10px;
}

    .ysGeneralPartyCityWinn .gpcwPartyName a {
        display: flex;
        flex-direction: column;
    }

    .ysGeneralPartyCityWinn .gpcwPartyName .gpcwPartyIcon {
        margin-bottom: 10px;
    }

.tiklayin-title {
    display: block;
    margin-bottom: 30px;
}

@media only screen and (max-width: 900px) {
    .top-menu ul li {
        background: #b70101;
        padding: 5px;
        margin-right: 0;
        width: calc(100% / 6);
        border: 1px solid #20537b;
    }
}

@media only screen and (max-width: 768px) {
    .top-menu ul li {
        width: 33.33%;
    }

    .ysGeneralOpenBallotBoxPercent .gobbpBox {
        margin-bottom: 10px;
    }

    .ysGeneralPartyCityWinn .gpcwTitle {
        min-height: 35px;
    }

    .ysGeneralPartyCityWinn.ysPartyCityWinnTotal .gpcwTitle {
        min-height: 0;
    }
}

@media only screen and (max-width: 520px) {
    .top-menu ul li {
        width: 50%;
    }
}

@media only screen and (max-width: 450px) {
    .secmandhaberler h2 {
        font-size: 18px;
        margin: 0;
        margin-bottom: 10px;
    }
}