/*MIXIN*/
/*MIXIN END*/
/*Screen Size Media Query*/
/*VARIABLE*/
/*Media Query: d=desktop, pl=phone large, pm=phone middle, ps=phone small, pes=phone extra small*/
/*Ballot Box*/
/*Bar*/
/*Party Colors*/
/* STYLE.CSS START */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=latin-ext");
@import url("https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700&subset=latin-ext");
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

ul,
li {
  list-style: none;
  padding: 0;
  margin: 0;
}

a {
  text-decoration: none;
  color: #000;
}

body,
html {
  font-family: 'Open Sans', sans-serif;
  line-height: 1em;
  font-weight: 400;
  margin: 0;
  padding: 0;
  background-color: #f4f6f9;
  color: #000;
}

html {
  width: 100%;
  overflow-x: hidden;
}

.row {
  width: 100%;
  position: relative;
  float: left;
}

.rowMarginTop {
  margin-top: 20px;
}

.rowMarginBottom {
  margin-bottom: 20px;
}

.textMarginBottom, .resultUpdate, .ballotBoxScope .bbTitleLight {
  margin-bottom: 15px;
}

.rowBarMarginBottom {
  margin-bottom: 10px;
}
.rowBarMarginBottom:last-child {
  margin-bottom: 0;
}

.rowBarMarginTop {
  margin-top: 10px;
}

/*Party Color*/
.evet.bgcolor {
  background: #20bb9c !important;
}
.evet .bbRountText,
.evet .bbBar {
  background: #20bb9c !important;
}
.evet .bbContentDetails:before {
  background: #20bb9c !important;
}
.evet .txtColor {
  color: #20bb9c !important;
}

.hayir.bgcolor {
  background: #ff3f20 !important;
}
.hayir .bbRountText,
.hayir .bbBar {
  background: #ff3f20 !important;
}
.hayir .bbContentDetails:before {
  background: #ff3f20 !important;
}
.hayir .txtColor {
  color: #ff3f20 !important;
}

.dtp.bgcolor, .bdp.bgcolor, .ekmeleddin-ihsanoglu.bgcolor {
  background: #606060 !important;
}
.dtp .bbRountText,
.dtp .bbBar, .bdp .bbRountText,
.bdp .bbBar, .ekmeleddin-ihsanoglu .bbRountText,
.ekmeleddin-ihsanoglu .bbBar {
  background: #606060 !important;
}
.dtp .bbContentDetails:before, .bdp .bbContentDetails:before, .ekmeleddin-ihsanoglu .bbContentDetails:before {
  background: #606060 !important;
}
.dtp .txtColor, .bdp .txtColor, .ekmeleddin-ihsanoglu .txtColor {
  color: #606060 !important;
}

.millet-ittifaki.bgcolor {
  background: #ea2027 !important;
}
.millet-ittifaki .bbRountText,
.millet-ittifaki .bbBar {
  background: #ea2027 !important;
}
.millet-ittifaki .bbContentDetails:before {
  background: #ea2027 !important;
}
.millet-ittifaki .txtColor {
  color: #ea2027 !important;
}
.millet-ittifaki .partyRound {
  background: #ea2027 !important;
}

.cumhur-ittifaki.bgcolor {
  background: #f79f1f !important;
}
.cumhur-ittifaki .bbRountText,
.cumhur-ittifaki .bbBar {
  background: #f79f1f !important;
}
.cumhur-ittifaki .bbContentDetails:before {
  background: #f79f1f !important;
}
.cumhur-ittifaki .txtColor {
  color: #f79f1f !important;
}
.cumhur-ittifaki .partyRound {
  background: #f79f1f !important;
}

.chp.bgcolor {
  background: #c72a2b !important;
}
.chp .bbBar {
  background: #c72a2b !important;
}
.chp .txtColor {
  color: #c72a2b !important;
}
.chp .bbRountText, .chp .partyRound {
  background-image: url(../img/small-icon/chp.png) !important;
  background-color: transparent !important;
  background-size: 14px 14px  !important;
}
.chp.bgIcon {
  background-image: url(../img/small-icon/chp.png) !important;
  background-color: transparent !important;
  background-size: 14px 14px  !important;
}
.chp .bghRound {
  background-image: url(../img/big-icon/chp.svg) !important;
  background-color: transparent !important;
  background-size: 24px 24px  !important;
  overflow: visible;
}
.chp .roundStatus {
  background-image: url(../img/big-icon/chp.svg) !important;
  background-color: transparent !important;
  background-size: 48px 48px  !important;
  overflow: visible;
}
@media only screen and (max-width: 768px) {
  .chp .roundStatus {
    background-size: 24px 24px  !important;
  }
}

.muharrem-ince.bgcolor {
  background: #c72a2b !important;
}
.muharrem-ince .bbRountText, .muharrem-ince .bbBar {
  background: #c72a2b !important;
}
.muharrem-ince .txtColor {
  color: #c72a2b !important;
}

.ak-parti.bgcolor {
  background: #ffb22e !important;
}
.ak-parti .bbBar {
  background: #ffb22e !important;
}
.ak-parti .txtColor {
  color: #ffb22e !important;
}
.ak-parti .bbRountText, .ak-parti .partyRound {
  background-image: url(../img/small-icon/akp.png) !important;
  background-color: transparent !important;
  background-size: 14px 14px  !important;
}
.ak-parti.bgIcon {
  background-image: url(../img/small-icon/akp.png) !important;
  background-color: transparent !important;
  background-size: 14px 14px  !important;
}
.ak-parti .bghRound {
  background-image: url(../img/big-icon/akp.svg) !important;
  background-color: transparent !important;
  background-size: 24px 24px  !important;
  overflow: visible;
}
.ak-parti .roundStatus {
  background-image: url(../img/big-icon/akp.svg) !important;
  background-color: transparent !important;
  background-size: 48px 48px  !important;
  overflow: visible;
}
@media only screen and (max-width: 768px) {
  .ak-parti .roundStatus {
    background-size: 24px 24px  !important;
  }
}

.recep-tayyip-erdogan.bgcolor {
  background: #ffb22e !important;
}
.recep-tayyip-erdogan .bbRountText, .recep-tayyip-erdogan .bbBar {
  background: #ffb22e !important;
}
.recep-tayyip-erdogan .txtColor {
  color: #ffb22e !important;
}

.iyi-parti.bgcolor {
  background: #18a1d9 !important;
}
.iyi-parti .bbBar {
  background: #18a1d9 !important;
}
.iyi-parti .txtColor {
  color: #18a1d9 !important;
}
.iyi-parti .bbRountText, .iyi-parti .partyRound {
  background-image: url(../img/small-icon/iyi-parti.png) !important;
  background-color: transparent !important;
  background-size: 14px 14px  !important;
}
.iyi-parti.bgIcon {
  background-image: url(../img/small-icon/iyi-parti.png) !important;
  background-color: transparent !important;
  background-size: 14px 14px  !important;
}
.iyi-parti .bghRound {
  background-image: url(../img/big-icon/iyi-parti.svg) !important;
  background-color: transparent !important;
  background-size: 24px 24px  !important;
  overflow: visible;
}
.iyi-parti .roundStatus {
  background-image: url(../img/big-icon/iyi-parti.svg) !important;
  background-color: transparent !important;
  background-size: 48px 48px  !important;
  overflow: visible;
}
@media only screen and (max-width: 768px) {
  .iyi-parti .roundStatus {
    background-size: 24px 24px  !important;
  }
}

.meral-aksener.bgcolor {
  background: #18a1d9 !important;
}
.meral-aksener .bbRountText, .meral-aksener .bbBar {
  background: #18a1d9 !important;
}
.meral-aksener .txtColor {
  color: #18a1d9 !important;
}

.hdp.bgcolor {
  background: #822975 !important;
}
.hdp .bbBar {
  background: #822975 !important;
}
.hdp .txtColor {
  color: #822975 !important;
}
.hdp .bbRountText, .hdp .partyRound {
  background-image: url(../img/small-icon/hdp.png) !important;
  background-color: transparent !important;
  background-size: 14px 14px  !important;
}
.hdp.bgIcon {
  background-image: url(../img/small-icon/hdp.png) !important;
  background-color: transparent !important;
  background-size: 14px 14px  !important;
}
.hdp .bghRound {
  background-image: url(../img/big-icon/hdp.svg) !important;
  background-color: transparent !important;
  background-size: 24px 24px  !important;
  overflow: visible;
}
.hdp .roundStatus {
  background-image: url(../img/big-icon/hdp.svg) !important;
  background-color: transparent !important;
  background-size: 48px 48px  !important;
  overflow: visible;
}

.dem.bgcolor {
    background: #822975 !important;
}

.dem .bbBar {
    background: #822975 !important;
}

.dem .txtColor {
    color: #822975 !important;
}

.dem .bbRountText, .dem .partyRound {
    background-image: url(../img/small-icon/dem.png) !important;
    background-color: transparent !important;
    background-size: 14px 14px !important;
}

.dem.bgIcon {
    background-image: url(../img/small-icon/dem.png) !important;
    background-color: transparent !important;
    background-size: 14px 14px !important;
}

.dem .bghRound {
    background-image: url(../img/big-icon/dem.svg) !important;
    background-color: transparent !important;
    background-size: 24px 24px !important;
    overflow: visible;
}

.dem .roundStatus {
    background-image: url(../img/big-icon/dem.svg) !important;
    background-color: transparent !important;
    background-size: 48px 48px !important;
    overflow: visible;
}
@media only screen and (max-width: 768px) {
  .hdp .roundStatus {
    background-size: 24px 24px  !important;
  }
}

@media only screen and (max-width: 768px) {
    .dem .roundStatus {
        background-size: 24px 24px !important;
    }
}

.selahattin-demirtas.bgcolor {
  background: #822975 !important;
}
.selahattin-demirtas .bbRountText, .selahattin-demirtas .bbBar {
  background: #822975 !important;
}
.selahattin-demirtas .txtColor {
  color: #822975 !important;
}

.dp.bgcolor {
  background: #deca81 !important;
}
.dp .bbBar {
  background: #deca81 !important;
}
.dp .txtColor {
  color: #deca81 !important;
}
.dp .bbRountText, .dp .partyRound {
  background-image: url(../img/small-icon/dp.png) !important;
  background-color: transparent !important;
  background-size: 14px 14px  !important;
}
.dp.bgIcon {
  background-image: url(../img/small-icon/dp.png) !important;
  background-color: transparent !important;
  background-size: 14px 14px  !important;
}
.dp .bghRound {
  background-image: url(../img/big-icon/dp.svg) !important;
  background-color: transparent !important;
  background-size: 24px 24px  !important;
  overflow: visible;
}
.dp .roundStatus {
  background-image: url(../img/big-icon/dp.svg) !important;
  background-color: transparent !important;
  background-size: 48px 48px  !important;
  overflow: visible;
}
@media only screen and (max-width: 768px) {
  .dp .roundStatus {
    background-size: 24px 24px  !important;
  }
}


.dsp.bgcolor {
    background: #0095da !important;
}

.dsp .bbBar {
    background: #0095da !important;
}

.dsp .txtColor {
    color: #0095da !important;
}

.dsp .bbRountText, .dsp .partyRound {
    background-image: url(../img/small-icon/dsp.png) !important;
    background-color: transparent !important;
    background-size: 14px 14px !important;
}

.dsp.bgIcon {
    background-image: url(../img/small-icon/dsp.png) !important;
    background-color: transparent !important;
    background-size: 14px 14px !important;
}

.dsp .bghRound {
    background-image: url(../img/big-icon/dsp.svg) !important;
    background-color: transparent !important;
    background-size: 24px 24px !important;
    overflow: visible;
}

.dsp .roundStatus {
    background-image: url(../img/big-icon/dsp.svg) !important;
    background-color: transparent !important;
    background-size: 48px 48px !important;
    overflow: visible;
}

@media only screen and (max-width: 768px) {
    .dsp .roundStatus {
        background-size: 24px 24px !important;
    }
}

.saadet-partisi.bgcolor {
  background: #0033ab !important;
}
.saadet-partisi .bbBar {
  background: #0033ab !important;
}
.saadet-partisi .txtColor {
  color: #0033ab !important;
}
.saadet-partisi .bbRountText, .saadet-partisi .partyRound {
  background-image: url(../img/small-icon/saadet-partisi.png) !important;
  background-color: transparent !important;
  background-size: 14px 14px  !important;
}
.saadet-partisi.bgIcon {
  background-image: url(../img/small-icon/saadet-partisi.png) !important;
  background-color: transparent !important;
  background-size: 14px 14px  !important;
}
.saadet-partisi .bghRound {
  background-image: url(../img/big-icon/saadet-partisi.svg) !important;
  background-color: transparent !important;
  background-size: 24px 24px  !important;
  overflow: visible;
}
.saadet-partisi .roundStatus {
  background-image: url(../img/big-icon/saadet-partisi.svg) !important;
  background-color: transparent !important;
  background-size: 48px 48px  !important;
  overflow: visible;
}
@media only screen and (max-width: 768px) {
  .saadet-partisi .roundStatus {
    background-size: 24px 24px  !important;
  }
}


.tkp.bgcolor {
    background: #ed1c24 !important;
}

.tkp .bbBar {
    background: #ed1c24 !important;
}

.tkp .txtColor {
    color: #ed1c24 !important;
}

.tkp .bbRountText, .tkp .partyRound {
    background-image: url(../img/small-icon/tkp.png) !important;
    background-color: transparent !important;
    background-size: 14px 14px !important;
}

.tkp.bgIcon {
    background-image: url(../img/small-icon/tkp.png) !important;
    background-color: transparent !important;
    background-size: 14px 14px !important;
}

.tkp .bghRound {
    background-image: url(../img/big-icon/tkp.svg) !important;
    background-color: transparent !important;
    background-size: 24px 24px !important;
    overflow: visible;
}

.tkp .roundStatus {
    background-image: url(../img/big-icon/tkp.svg) !important;
    background-color: transparent !important;
    background-size: 48px 48px !important;
    overflow: visible;
}

@media only screen and (max-width: 768px) {
    .tkp .roundStatus {
        background-size: 24px 24px !important;
    }
}

.temel-karamollaoglu.bgcolor {
  background: #0033ab !important;
}
.temel-karamollaoglu .bbRountText, .temel-karamollaoglu .bbBar {
  background: #0033ab !important;
}
.temel-karamollaoglu .txtColor {
  color: #0033ab !important;
}

.mhp.bgcolor {
  background: #1ee8e5 !important;
}
.mhp .bbBar {
  background: #1ee8e5 !important;
}
.mhp .txtColor {
  color: #1ee8e5 !important;
}
.mhp .bbRountText, .mhp .partyRound {
  background-image: url(../img/small-icon/mhp.png) !important;
  background-color: transparent !important;
  background-size: 14px 14px  !important;
}
.mhp.bgIcon {
  background-image: url(../img/small-icon/mhp.png) !important;
  background-color: transparent !important;
  background-size: 14px 14px  !important;
}
.mhp .bghRound {
  background-image: url(../img/big-icon/mhp.svg) !important;
  background-color: transparent !important;
  background-size: 24px 24px  !important;
  overflow: visible;
}
.mhp .roundStatus {
  background-image: url(../img/big-icon/mhp.svg) !important;
  background-color: transparent !important;
  background-size: 48px 48px  !important;
  overflow: visible;
}
@media only screen and (max-width: 768px) {
  .mhp .roundStatus {
    background-size: 24px 24px  !important;
  }
}

.bbp.bgcolor {
    background: #A71200 !important;
}
.bbp .bbBar {
    background: #A71200 !important;
}
.bbp .txtColor {
    color: #A71200 !important;
}
.bbp .bbRountText, .bbp .partyRound {
  background-image: url(../img/small-icon/bbp.png) !important;
  background-color: transparent !important;
  background-size: 14px 14px  !important;
}
.bbp.bgIcon {
  background-image: url(../img/small-icon/bbp.png) !important;
  background-color: transparent !important;
  background-size: 14px 14px  !important;
}
.bbp .bghRound {
  background-image: url(../img/big-icon/bbp.svg) !important;
  background-color: transparent !important;
  background-size: 24px 24px  !important;
  overflow: visible;
}
.bbp .roundStatus {
  background-image: url(../img/big-icon/bbp.svg) !important;
  background-color: transparent !important;
  background-size: 48px 48px  !important;
  overflow: visible;
}

.yeniden-refah.bgcolor {
    background: #AE3C2F !important;
}

.yeniden-refah .bbBar {
    background: #AE3C2F !important;
}

.yeniden-refah .txtColor {
    color: #AE3C2F !important;
}

.yeniden-refah .bbRountText, .bbp .partyRound {
    background-image: url(../img/small-icon/yeniden-refah.png) !important;
    background-color: transparent !important;
    background-size: 14px 14px !important;
}

.yeniden-refah.bgIcon {
    background-image: url(../img/small-icon/yeniden-refah.png) !important;
    background-color: transparent !important;
    background-size: 14px 14px !important;
}

.yeniden-refah .bghRound {
    background-image: url(../img/big-icon/yeniden-refah.svg) !important;
    background-color: transparent !important;
    background-size: 24px 24px !important;
    overflow: visible;
}

.yeniden-refah .roundStatus {
    background-image: url(../img/big-icon/bbp.svg) !important;
    background-color: transparent !important;
    background-size: 48px 48px !important;
    overflow: visible;
  }


.vatan-partisi.bgcolor {
  background: #c6de22 !important;
}
.vatan-partisi .bbBar {
  background: #c6de22 !important;
}
.vatan-partisi .txtColor {
  color: #c6de22 !important;
}
.vatan-partisi .bbRountText, .vatan-partisi .partyRound {
  background-image: url(../img/small-icon/vatan-partisi.png) !important;
  background-color: transparent !important;
  background-size: 14px 14px  !important;
}
.vatan-partisi.bgIcon {
  background-image: url(../img/small-icon/vatan-partisi.png) !important;
  background-color: transparent !important;
  background-size: 14px 14px  !important;
}
.vatan-partisi .bghRound {
  background-image: url(../img/big-icon/vatan-partisi.svg) !important;
  background-color: transparent !important;
  background-size: 24px 24px  !important;
  overflow: visible;
}
.vatan-partisi .roundStatus {
  background-image: url(../img/big-icon/vatan-partisi.svg) !important;
  background-color: transparent !important;
  background-size: 48px 48px  !important;
  overflow: visible;
}
@media only screen and (max-width: 768px) {
  .vatan-partisi .roundStatus {
    background-size: 24px 24px  !important;
  }
}

.dogu-perincek.bgcolor {
  background: #c6de22 !important;
}
.dogu-perincek .bbRountText, .dogu-perincek .bbBar {
  background: #c6de22 !important;
}
.dogu-perincek .txtColor {
  color: #c6de22 !important;
}

.btp.bgcolor {
  background: #b08c77 !important;
}
.btp .bbBar {
  background: #b08c77 !important;
}
.btp .txtColor {
  color: #b08c77 !important;
}
.btp .bbRountText, .btp .partyRound {
  background-image: url(../img/small-icon/btp.png) !important;
  background-color: transparent !important;
  background-size: 14px 14px  !important;
}
.btp.bgIcon {
  background-image: url(../img/small-icon/btp.png) !important;
  background-color: transparent !important;
  background-size: 14px 14px  !important;
}
.btp .bghRound {
  background-image: url(../img/big-icon/btp.svg) !important;
  background-color: transparent !important;
  background-size: 24px 24px  !important;
  overflow: visible;
}
.btp .roundStatus {
  background-image: url(../img/big-icon/btp.svg) !important;
  background-color: transparent !important;
  background-size: 48px 48px  !important;
  overflow: visible;
}
@media only screen and (max-width: 768px) {
  .btp .roundStatus {
    background-size: 24px 24px  !important;
  }
}

.hudapar.bgcolor, .huda-par.bgcolor {
  background: #2ea82c !important;
}
.hudapar .bbBar, .huda-par .bbBar {
  background: #2ea82c !important;
}
.hudapar .txtColor, .huda-par .txtColor {
  color: #2ea82c !important;
}
.hudapar .bbRountText, .hudapar .partyRound, .huda-par .bbRountText, .huda-par .partyRound {
  background-image: url(../img/small-icon/hudapar.png) !important;
  background-color: transparent !important;
  background-size: 14px 14px  !important;
}
.hudapar.bgIcon, .huda-par.bgIcon {
  background-image: url(../img/small-icon/hudapar.png) !important;
  background-color: transparent !important;
  background-size: 14px 14px  !important;
}
.hudapar .bghRound, .huda-par .bghRound {
  background-image: url(../img/big-icon/hudapar.svg) !important;
  background-color: transparent !important;
  background-size: 24px 24px  !important;
  overflow: visible;
}
.hudapar .roundStatus, .huda-par .roundStatus {
  background-image: url(../img/big-icon/hudapar.svg) !important;
  background-color: transparent !important;
  background-size: 48px 48px  !important;
  overflow: visible;
}
@media only screen and (max-width: 768px) {
  .hudapar .roundStatus, .huda-par .roundStatus {
    background-size: 24px 24px  !important;
  }
}

.other.bgcolor {
  background: #606060 !important;
}
.other.bgIcon {
  background: #606060 !important;
}
.other .bbRountText,
.other .bbBar {
  background: #606060 !important;
}
.other .partyRound {
  background: #606060 !important;
}
.other .txtColor {
  color: #606060 !important;
}

/*Grid*/
.colMarginZero {
  margin-bottom: 0 !important;
}

.marginZero {
  margin-bottom: 0 !important;
}

.col100 {
  width: 100%;
  position: relative;
  float: left;
  margin-right: 0;
  margin-bottom: 20px;
}

.col50 {
  width: 49%;
  position: relative;
  float: left;
  margin-right: 2%;
  margin-bottom: 20px;
}
.col50:nth-child(2n+0) {
  margin-right: 0;
}
.col50:nth-child(2n+1) {
  clear: both;
}
@media only screen and (max-width: 768px) {
  .col50 {
    width: 100%;
    position: relative;
    float: left;
    margin-right: 0;
  }
  .col50:nth-child(1n+0) {
    margin-right: 2%;
  }
  .col50:nth-child(1n+1) {
    clear: none;
  }
  .col50:nth-child(0n+0) {
    margin-right: 0;
  }
  .col50:nth-child(0n+1) {
    clear: both;
  }
}

.col33, .newsBasic .newsBasicScope .newBox {
  width: 32%;
  position: relative;
  float: left;
  margin-right: 2%;
  margin-bottom: 20px;
}
.col33:nth-child(3n+0), .newsBasic .newsBasicScope .newBox:nth-child(3n+0) {
  margin-right: 0;
}
.col33:nth-child(3n+1), .newsBasic .newsBasicScope .newBox:nth-child(3n+1) {
  clear: both;
}
@media only screen and (max-width: 768px) {
  .col33, .newsBasic .newsBasicScope .newBox {
    width: 49%;
    position: relative;
    float: left;
    margin-right: 2%;
  }
  .col33:nth-child(2n+0), .newsBasic .newsBasicScope .newBox:nth-child(2n+0) {
    margin-right: 0;
  }
  .col33:nth-child(2n+1), .newsBasic .newsBasicScope .newBox:nth-child(2n+1) {
    clear: both;
  }
  .col33:nth-child(3n+0), .newsBasic .newsBasicScope .newBox:nth-child(3n+0) {
    margin-right: 2%;
  }
  .col33:nth-child(3n+1), .newsBasic .newsBasicScope .newBox:nth-child(3n+1) {
    clear: none;
  }
  .col33:nth-child(2n+0), .newsBasic .newsBasicScope .newBox:nth-child(2n+0) {
    margin-right: 0;
  }
  .col33:nth-child(2n+1), .newsBasic .newsBasicScope .newBox:nth-child(2n+1) {
    clear: both;
  }
}
@media only screen and (max-width: 520px) {
  .col33, .newsBasic .newsBasicScope .newBox {
    width: 100%;
    position: relative;
    float: left;
    margin-right: 0;
  }
  .col33:nth-child(2n+0), .newsBasic .newsBasicScope .newBox:nth-child(2n+0) {
    margin-right: 2%;
  }
  .col33:nth-child(2n+1), .newsBasic .newsBasicScope .newBox:nth-child(2n+1) {
    clear: none;
  }
  .col33:nth-child(0n+0), .newsBasic .newsBasicScope .newBox:nth-child(0n+0) {
    margin-right: 0;
  }
  .col33:nth-child(0n+1), .newsBasic .newsBasicScope .newBox:nth-child(0n+1) {
    clear: both;
  }
}

.col25 {
  width: 23.5%;
  position: relative;
  float: left;
  margin-right: 2%;
  margin-bottom: 20px;
}
.col25:nth-child(4n+0) {
  margin-right: 0;
}
.col25:nth-child(4n+1) {
  clear: both;
}
@media only screen and (max-width: 960px) {
  .col25 {
    width: 32%;
    position: relative;
    float: left;
    margin-right: 2%;
  }
  .col25:nth-child(3n+0) {
    margin-right: 0;
  }
  .col25:nth-child(3n+1) {
    clear: both;
  }
  .col25:nth-child(4n+0) {
    margin-right: 2%;
  }
  .col25:nth-child(4n+1) {
    clear: none;
  }
  .col25:nth-child(3n+0) {
    margin-right: 0;
  }
  .col25:nth-child(3n+1) {
    clear: both;
  }
}
@media only screen and (max-width: 768px) {
  .col25 {
    width: 49%;
    position: relative;
    float: left;
    margin-right: 2%;
  }
  .col25:nth-child(2n+0) {
    margin-right: 0;
  }
  .col25:nth-child(2n+1) {
    clear: both;
  }
  .col25:nth-child(3n+0) {
    margin-right: 2%;
  }
  .col25:nth-child(3n+1) {
    clear: none;
  }
  .col25:nth-child(2n+0) {
    margin-right: 0;
  }
  .col25:nth-child(2n+1) {
    clear: both;
  }
}
@media only screen and (max-width: 520px) {
  .col25 {
    width: 100%;
    position: relative;
    float: left;
    margin-right: 0;
  }
  .col25:nth-child(2n+0) {
    margin-right: 2%;
  }
  .col25:nth-child(2n+1) {
    clear: none;
  }
  .col25:nth-child(0n+0) {
    margin-right: 0;
  }
  .col25:nth-child(0n+1) {
    clear: both;
  }
}

.col20 {
  width: 18.4%;
  position: relative;
  float: left;
  margin-right: 2%;
  margin-bottom: 20px;
}
.col20:nth-child(5n+0) {
  margin-right: 0;
}
.col20:nth-child(5n+1) {
  clear: both;
}
@media only screen and (max-width: 960px) {
  .col20 {
    width: 23.5%;
    position: relative;
    float: left;
    margin-right: 2%;
  }
  .col20:nth-child(4n+0) {
    margin-right: 0;
  }
  .col20:nth-child(4n+1) {
    clear: both;
  }
  .col20:nth-child(5n+0) {
    margin-right: 2%;
  }
  .col20:nth-child(5n+1) {
    clear: none;
  }
  .col20:nth-child(4n+0) {
    margin-right: 0;
  }
  .col20:nth-child(4n+1) {
    clear: both;
  }
}
@media only screen and (max-width: 768px) {
  .col20 {
    width: 32%;
    position: relative;
    float: left;
    margin-right: 2%;
  }
  .col20:nth-child(3n+0) {
    margin-right: 0;
  }
  .col20:nth-child(3n+1) {
    clear: both;
  }
  .col20:nth-child(4n+0) {
    margin-right: 2%;
  }
  .col20:nth-child(4n+1) {
    clear: none;
  }
  .col20:nth-child(3n+0) {
    margin-right: 0;
  }
  .col20:nth-child(3n+1) {
    clear: both;
  }
}
@media only screen and (max-width: 520px) {
  .col20 {
    width: 49%;
    position: relative;
    float: left;
    margin-right: 2%;
  }
  .col20:nth-child(2n+0) {
    margin-right: 0;
  }
  .col20:nth-child(2n+1) {
    clear: both;
  }
  .col20:nth-child(3n+0) {
    margin-right: 2%;
  }
  .col20:nth-child(3n+1) {
    clear: none;
  }
  .col20:nth-child(2n+0) {
    margin-right: 0;
  }
  .col20:nth-child(2n+1) {
    clear: both;
  }
}
@media only screen and (max-width: 375px) {
  .col20 {
    width: 100%;
    position: relative;
    float: left;
    margin-right: 0;
  }
  .col20:nth-child(2n+0) {
    margin-right: 2%;
  }
  .col20:nth-child(2n+1) {
    clear: none;
  }
  .col20:nth-child(2n+0) {
    margin-right: 0;
  }
  .col20:nth-child(2n+1) {
    clear: both;
  }
}

.colIn100 {
  width: 100%;
  position: relative;
  float: left;
  margin-right: 0;
}

.colIn50 {
  width: 49%;
  position: relative;
  float: left;
  margin-right: 2%;
}
.colIn50:nth-child(2n+0) {
  margin-right: 0;
}
.colIn50:nth-child(2n+1) {
  clear: both;
}

.colIn33 {
  width: 32%;
  position: relative;
  float: left;
  margin-right: 2%;
}
.colIn33:nth-child(3n+0) {
  margin-right: 0;
}
.colIn33:nth-child(3n+1) {
  clear: both;
}

.colIn25 {
  width: 23.5%;
  position: relative;
  float: left;
  margin-right: 2%;
}
.colIn25:nth-child(4n+0) {
  margin-right: 0;
}
.colIn25:nth-child(4n+1) {
  clear: both;
}

.colIn20 {
  width: 18.4%;
  position: relative;
  float: left;
  margin-right: 2%;
}
.colIn20:nth-child(5n+0) {
  margin-right: 0;
}
.colIn20:nth-child(5n+1) {
  clear: both;
}

.colResult20 {
  width: 18.4%;
  position: relative;
  float: left;
  margin-right: 2%;
  margin-bottom: 20px;
}
.colResult20:nth-child(5n+0) {
  margin-right: 0;
}
.colResult20:nth-child(5n+1) {
  clear: both;
}
@media only screen and (max-width: 960px) {
  .colResult20 {
    width: 32%;
    position: relative;
    float: left;
    margin-right: 2%;
  }
  .colResult20:nth-child(3n+0) {
    margin-right: 0;
  }
  .colResult20:nth-child(3n+1) {
    clear: both;
  }
  .colResult20:nth-child(5n+0) {
    margin-right: 2%;
  }
  .colResult20:nth-child(5n+1) {
    clear: none;
  }
  .colResult20:nth-child(3n+0) {
    margin-right: 0;
  }
  .colResult20:nth-child(3n+1) {
    clear: both;
  }
}

.colTab33 {
  width: 33.3333333333%;
  position: relative;
  float: left;
  margin-right: 0%;
}
.colTab33:nth-child(3n+0) {
  margin-right: 0;
}
.colTab33:nth-child(3n+1) {
  clear: both;
}

.fixCol {
  padding-right: 15px !important;
}
.fixCol:last-child {
  padding-right: 0 !important;
}
.fixCol.last {
  padding-right: 0 !important;
}

.txtCenter {
  text-align: center !important;
}

.txtLeft {
  text-align: left !important;
}

.txtRight {
  text-align: right !important;
}

.fixCol-33 {
  width: 33.33%;
  position: relative;
  float: left;
}

.fixCol-5 {
  width: 5%;
  position: relative;
  float: left;
}

.fixCol-10 {
  width: 10%;
  position: relative;
  float: left;
}

.fixCol-15 {
  width: 15%;
  position: relative;
  float: left;
}

.fixCol-20 {
  width: 20%;
  position: relative;
  float: left;
}

.fixCol-25 {
  width: 25%;
  position: relative;
  float: left;
}

.fixCol-30 {
  width: 30%;
  position: relative;
  float: left;
}

.fixCol-35 {
  width: 35%;
  position: relative;
  float: left;
}

.fixCol-40 {
  width: 40%;
  position: relative;
  float: left;
}

.fixCol-45 {
  width: 45%;
  position: relative;
  float: left;
}

.fixCol-50 {
  width: 50%;
  position: relative;
  float: left;
}

.fixCol-55 {
  width: 55%;
  position: relative;
  float: left;
}

.fixCol-60 {
  width: 60%;
  position: relative;
  float: left;
}

.fixCol-65 {
  width: 65%;
  position: relative;
  float: left;
}

.fixCol-70 {
  width: 70%;
  position: relative;
  float: left;
}

.fixCol-75 {
  width: 75%;
  position: relative;
  float: left;
}

.fixCol-80 {
  width: 80%;
  position: relative;
  float: left;
}

.fixCol-85 {
  width: 85%;
  position: relative;
  float: left;
}

.fixCol-90 {
  width: 90%;
  position: relative;
  float: left;
}

.fixCol-95 {
  width: 95%;
  position: relative;
  float: left;
}

.fixCol-100 {
  width: 100%;
  position: relative;
  float: left;
}

/*Grid End*/
.container {
  width: 100%;
  max-width: 1000px;
  padding: 0 20px;
  position: relative;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .container {
    padding: 0 10px;
  }
}

#header {
    height: 133px;
    background: linear-gradient(180deg, #405977 0%, #374A61 100%);
    background-size: auto 133px;
    overflow: visible;
    z-index: 9999;
}
@media only screen and (max-width: 768px) {
  #header {
    height: 80px;
  }
}
#header .logo {
  position: relative;
  float: left;
  margin-top: 40px;
}
@media only screen and (max-width: 768px) {
  #header .logo {
    margin-top: 15px;
  }
}
@media only screen and (max-width: 768px) {
  #header .logo img {
    width: 200px;
  }
}
#header .logo .sdLogo {
  display: none;
}
#header .navMobileIcon {
  float: left;
  position: relative;
  padding-top: 15px;
  margin-right: 10px;
  cursor: pointer;
  display: none;
}
#header .navMobileIcon img {
  width: 19px;
  height: auto;
}
@media only screen and (max-width: 960px) {
  #header .navMobileIcon {
    display: block;
  }
}
@media only screen and (max-width: 768px) {
  #header .navMobileIcon {
    padding-top: 10px;
  }
  #header .navMobileIcon img {
    width: 19px;
    height: auto;
  }
}
#header .hdButton {
  position: relative;
  float: right;
  margin-top: 34px;
}
#header .hdButton .hdBtn {
  position: relative;
  float: right;
  padding: 10px 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  -ms-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}
@media only screen and (max-width: 768px) {
  #header .hdButton .hdBtn {
    display: none;
  }
}
#header .hdButton .hdBtn.goPage {
  padding-right: 40px;
  background: url("../img/right-arrow.png") center right 20px no-repeat;
  background-size: 9px 13px;
  background-color: white;
  font-weight: 600;
  font-size: 12px;
  color: #000;
}
#header .hdButton .hdBtn.goPage:hover {
  background: url("../img/right-arrow-hov.png") center right 20px no-repeat;
  background-size: 9px 13px;
  background-color: #ffa903;
  color: #fff;
}
#header .navMenuScope {
  width: 100%;
  position: relative;
  float: left;
  background: #2f3438;
  padding: 0;
  margin: 17px 0 0 0;
}
@media only screen and (max-width: 768px) {
  #header .navMenuScope {
    margin-top: 15px;
  }
}
@media only screen and (max-width: 960px) {
  #header .navMenuScope:before {
    content: "";
    position: absolute;
    background: #2f3438;
    width: 110%;
    height: 100%;
    left: -20px;
  }
}
#header .navBackground {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.34s ease, visibility 0.34s;
  -moz-transition: opacity 0.34s ease, visibility 0.34s;
  -ms-transition: opacity 0.34s ease, visibility 0.34s;
  -o-transition: opacity 0.34s ease, visibility 0.34s;
  transition: opacity 0.34s ease, visibility 0.34s;
}
#header .navBackground.active {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.34s ease, visibility 0s;
  -moz-transition: opacity 0.34s ease, visibility 0s;
  -ms-transition: opacity 0.34s ease, visibility 0s;
  -o-transition: opacity 0.34s ease, visibility 0s;
  transition: opacity 0.34s ease, visibility 0s;
}
#header ul.navInc {
  position: relative;
  float: left;
  list-style-type: none;
  font-family: 'Open Sans', sans-serif;
}
@media only screen and (max-width: 960px) {
  #header ul.navInc.fixed {
    position: fixed;
    left: -250px;
    width: 250px;
    background: #2f3438;
    z-index: 9999999;
    top: 0;
    height: 100%;
    padding: 10px;
    -webkit-transition: all 0.34s ease;
    -moz-transition: all 0.34s ease;
    -ms-transition: all 0.34s ease;
    -o-transition: all 0.34s ease;
    transition: all 0.34s ease;
  }
  #header ul.navInc.fixed.active {
    left: 0px;
  }
}
#header ul.navInc .navClick {
  padding-right: 23px;
  padding-left: 10.9px;
}
#header ul.navInc li.right {
  float: right;
}
#header ul.navInc li {
  position: relative;
  float: left;
  font-weight: 400;
  font-size: 12px;
  color: #fff;
  padding: 15px 10px;
  cursor: pointer;
  -webkit-transition: background 0.5s ease;
  -moz-transition: background 0.5s ease;
  -ms-transition: background 0.5s ease;
  -o-transition: background 0.5s ease;
  transition: background 0.5s ease;
}
@media only screen and (max-width: 768px) {
  #header ul.navInc li {
    padding: 10px 10px;
  }
}
#header ul.navInc li a {
  font-weight: 400;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
}
#header ul.navInc li ul {
  display: none;
  position: absolute;
  z-index: 999;
  top: 46px;
  left: 0;
  width: 100%;
  padding: 0;
  background: #fff;
  -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);
}
@media only screen and (max-width: 768px) {
  #header ul.navInc li ul {
    top: 37px;
  }
}
#header ul.navInc li ul li:first-child {
  margin-top: 1px;
}
#header ul.navInc li ul li {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  width: 100%;
  background: transparent;
  color: #fff !important;
  margin-bottom: 2px;
  -webkit-transition: background 0.34s ease;
  -moz-transition: background 0.34s ease;
  -ms-transition: background 0.34s ease;
  -o-transition: background 0.34s ease;
  transition: background 0.34s ease;
  padding: 0px;
}
#header ul.navInc li ul li:last-child {
  margin-bottom: 0;
}
#header ul.navInc li ul li a {
  display: block;
  padding: 10px 10px;
}
#header ul.navInc li ul li:hover {
  background: #2f3438;
  color: #fff !important;
}
#header ul.navInc li.navClick.mv ul {
  width: 135%;
}
#header ul.navInc li.navClick.mv ul li {
  padding-left: 30px;
}
#header ul.navInc li.navClick.mv .navMvHeader {
  font-size: 12px;
  color: #000000 !important;
  border-bottom: solid 1px rgba(155, 163, 169, 0.3);
  margin-bottom: 0;
  padding-top: 0px;
  padding-left: 0px;
}
#header ul.navInc li.navClick.mv .navMvHeader:hover {
  background: transparent !important;
}
#header ul.navInc li.navClick.mv .navMvHeader a {
  font-size: 12px;
  color: #000000 !important;
}
#header ul.navInc li.navClick.mv .navMvHeader a:hover {
  background: transparent !important;
}
#header ul.navInc li.navClick.mv .bbRountText {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 14px;
  height: 14px;
  background: #c72a2b;
  font-size: 8px;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
  line-height: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
}
#header ul.navInc li.navClick.cb li {
  margin-bottom: 0;
}
#header ul.navInc li.navClick.cb li:last-child:after {
  display: none;
}
#header ul.navInc li.navClick.cb li:after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 1px;
  width: 90%;
  left: 50%;
  margin-left: -45%;
  background: rgba(155, 163, 169, 0.3);
}
#header ul.navInc li.navClick .navUrl {
  float: left;
  width: 113%;
}
#header ul.navInc li.navClick .navUrl:after {
  content: "";
  position: absolute;
  right: 7px;
  margin-top: 6px;
  width: 10px;
  height: 6px;
  background: url("../img/nav-arrow.png") no-repeat;
  background-size: 10px auto;
  background-position: 0 0;
}
#header ul.navInc li.navClick:hover {
  background: #fff;
  color: #000;
  font-weight: 400;
}
#header ul.navInc li:hover {
  background: #fff;
  color: #000;
}
#header ul.navInc li:hover a {
  color: #000;
  font-weight: 400;
}
#header ul.navInc li:hover ul li a {
  color: #000 !important;
  font-weight: 400;
}
#header ul.navInc li:hover ul li:hover {
  background: #2f3438;
}
#header ul.navInc li:hover ul li:hover a {
  color: #fff !important;
}
#header ul.navInc li.active {
  background: #fff;
  color: #000;
}
#header ul.navInc li.active a {
  color: #000;
  font-weight: 400;
}
#header ul.navInc li.active:after {
  content: "";
  position: absolute;
  right: 7px;
  margin-top: 6px;
  width: 10px;
  height: 6px;
  background: url("../img/nav-arrow.png") no-repeat;
  background-size: 10px auto;
  background-position: 0 -6px;
}
#header ul.navInc li.cityNav .navUrl {
  float: left;
  width: auto;
  padding-left: 18px;
}
#header ul.navInc li.cityNav .navUrl:after {
  content: "";
  position: absolute;
  left: 10px;
  margin-top: 0px;
  width: 12px;
  height: 16.5px;
  background: url("../img/icon-pin.png") no-repeat;
  background-size: 12px auto;
  background-position: 0 0px;
  -webkit-transition: all 0.34s ease;
  -moz-transition: all 0.34s ease;
  -ms-transition: all 0.34s ease;
  -o-transition: all 0.34s ease;
  transition: all 0.34s ease;
}
#header ul.navInc li.cityNav.active .navUrl:after {
  content: "";
  position: absolute;
  left: 10px;
  margin-top: 0px;
  width: 12px;
  height: 16.5px;
  background: url("../img/icon-pin.png") no-repeat;
  background-size: 12px auto;
  background-position: 0 -17px;
}
#header ul.navInc li.cityNav.active:after {
  display: none !important;
}
#header ul.navInc li.cityNav ul {
  width: 960px;
  right: 0;
  left: auto;
  background: #fff;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
  padding: 10px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
#header ul.navInc li.cityNav ul li {
  width: 20%;
  opacity: 1 !important;
  -moz-opacity: 1 !important;
  -khtml-opacity: 1 !important;
  padding: 0;
  margin: 0;
  background: #fff;
  color: #000 !important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
@media only screen and (max-width: 768px) {
  #header ul.navInc li.cityNav ul li {
    width: 25%;
  }
}
@media only screen and (max-width: 375px) {
  #header ul.navInc li.cityNav ul li {
    width: 33.33%;
  }
}
#header ul.navInc li.cityNav ul li a {
  color: #000 !important;
  font-weight: 400;
  font-size: 12px;
  padding: 5px;
}
#header ul.navInc li.cityNav ul li:hover {
  background: #2f3438;
  color: #fff !important;
}
#header ul.navInc li.cityNav ul li:hover a {
  color: #fff !important;
}
#header ul.navInc li.customizeNav {
  padding-right: 10px;
}
#header ul.navInc li.customizeNav .navUrl {
  float: left;
  width: auto;
  padding-left: 22px;
}
#header ul.navInc li.customizeNav .navUrl:after {
  content: "";
  position: absolute;
  left: 10px;
  margin-top: 0px;
  width: 16px;
  height: 16.5px;
  background: url("../img/icon-ozellestir.png") no-repeat;
  background-size: 16px auto;
  background-position: 0 0px;
  -webkit-transition: all 0.34s ease;
  -moz-transition: all 0.34s ease;
  -ms-transition: all 0.34s ease;
  -o-transition: all 0.34s ease;
  transition: all 0.34s ease;
}
#header ul.navInc li.customizeNav.active .navUrl:after {
  content: "";
  position: absolute;
  left: 10px;
  margin-top: 0px;
  width: 16px;
  height: 16.5px;
  background: url("../img/icon-ozellestir.png") no-repeat;
  background-size: 16px auto;
  background-position: 0 -17px;
}
#header ul.navInc li.customizeNav.active:after {
  display: none !important;
}
#header ul.navInc li.customizeNav ul {
  width: 330px;
  height: 500px;
  overflow: hidden;
  overflow-y: scroll;
  right: 0;
  left: auto;
  background: #fff;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
  padding: 10px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
@media only screen and (max-width: 375px) {
  #header ul.navInc li.customizeNav ul {
    width: 300px;
  }
}
#header ul.navInc li.customizeNav ul li {
  width: 100%;
  opacity: 1 !important;
  -moz-opacity: 1 !important;
  -khtml-opacity: 1 !important;
  padding: 0px;
  margin: 0;
  background: #fff;
  color: #000 !important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
#header ul.navInc li.customizeNav ul li a {
  color: #000 !important;
  font-weight: 400;
  font-size: 12px;
}
#header ul.navInc li.customizeNav ul li:hover {
  background: #fff;
  color: #fff !important;
}
#header ul.navInc li.customizeNav ul li:hover a {
  color: #fff !important;
}
#header ul.navPropScope {
  float: right;
  position: relative;
}
#header.sondakika {
  background: #ff8400;
}
#header.sondakika .hbLogo {
  display: none;
}
#header.sondakika .sdLogo {
  display: block;
}
#header.sondakika .navMenuScope {
  background: #e97900;
}
@media only screen and (max-width: 960px) {
  #header.sondakika .navMenuScope:before {
    background: #e97900;
  }
}

.sticky {
  position: fixed;
  width: 100%;
  height: 80px;
  top: -90px;
  background: rgba(255, 255, 255, 0.98);
  z-index: 99999999;
  overflow: hidden;
  -webkit-box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.34s ease;
  -moz-transition: all 0.34s ease;
  -ms-transition: all 0.34s ease;
  -o-transition: all 0.34s ease;
  transition: all 0.34s ease;
}
@media only screen and (max-width: 520px) {
  .sticky {
    height: 72px;
  }
}
.sticky.stcActive {
  top: 0px;
}
.sticky:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 70px;
  top: 5px;
  background: #d3d3d3;
  left: 50%;
  margin-left: -0.5px;
}
@media only screen and (max-width: 768px) {
  .sticky:after {
    display: none;
  }
}
.sticky .stcCol50 {
  width: 50%;
  position: relative;
  float: left;
}
.sticky .stcCol50:nth-child(1n+0) {
  padding-right: 20px;
}
.sticky .stcCol50:nth-child(2n+0) {
  padding-left: 20px;
  padding-right: 0  !important;
}
@media only screen and (max-width: 768px) {
  .sticky .stcCol50 {
    width: 100%  !important;
    padding: 0  !important;
  }
}
.sticky .summary {
  display: none;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.sticky .summary.enabled {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
}
.sticky .summary.disabled {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(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: 14px;
  font-weight: 700;
  color: #000000;
}
@media only screen and (max-width: 520px) {
  .sticky .stcHead .stcTitle {
    font-size: 11px;
  }
}
.sticky .stcHead .stcOpenBox {
  float: right;
  font-size: 12px;
  font-weight: 400;
  color: #000000;
}
@media only screen and (max-width: 520px) {
  .sticky .stcHead .stcOpenBox {
    font-size: 10px;
  }
}
.sticky .stcHead .stcOpenBox .stcPercent {
  color: #49a8e8;
  font-size: 14px;
  font-weight: bold;
}
@media only screen and (max-width: 520px) {
  .sticky .stcHead .stcOpenBox .stcPercent {
    font-size: 10px;
  }
}
.sticky .multipleBarScope {
  width: 100%;
  position: relative;
  float: left;
  margin-top: 0px;
  height: 12px;
  overflow: hidden;
  -webkit-border-radius: 7.5px;
  -moz-border-radius: 7.5px;
  -ms-border-radius: 7.5px;
  border-radius: 7.5px;
  background: #cbd3d9;
}
@media only screen and (max-width: 520px) {
  .sticky .multipleBarScope {
    height: 8px;
  }
}
.sticky .multipleBarScope .mbBar {
  position: relative;
  float: left;
  height: 12px;
}
@media only screen and (max-width: 520px) {
  .sticky .multipleBarScope .mbBar {
    height: 8px;
  }
}
.sticky .stcDetails {
  width: 100%;
  position: relative;
  float: left;
  margin-top: 8px;
  display: table;
  text-align: center;
}
.sticky .stcDetails .stcBold {
  font-weight: 700;
}
.sticky .stcDetails .stcCol {
  display: inline-block;
  width: auto;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  color: #000000;
  margin: 0 10px;
}
@media only screen and (max-width: 520px) {
  .sticky .stcDetails .stcCol {
    font-size: 10px;
    margin: 0 3px;
  }
}

.customizeScope {
  width: 100%;
  position: relative;
  float: left;
  font-family: 'Montserrat', sans-serif !important;
}
.customizeScope .ctzHeader {
  width: 100%;
  position: relative;
  float: left;
}
.customizeScope .ctzHeader .ctzButtonScope {
  width: 100%;
  position: relative;
  float: left;
}
.customizeScope .ctzHeader .ctzButtonScope .ctzBtn {
  width: 31.7%;
  position: relative;
  float: left;
  margin-right: 2%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  background-color: #49a8e8;
  padding: 5px;
  font-size: 10px;
  font-weight: 500;
  color: #fff;
  display: table;
  height: 40px;
  text-align: center;
  -webkit-transition: all 0.34s ease;
  -moz-transition: all 0.34s ease;
  -ms-transition: all 0.34s ease;
  -o-transition: all 0.34s ease;
  transition: all 0.34s ease;
}
.customizeScope .ctzHeader .ctzButtonScope .ctzBtn span {
  display: table-cell;
  vertical-align: middle;
}
.customizeScope .ctzHeader .ctzButtonScope .ctzBtn:hover {
  background-color: #378dc7;
}
.customizeScope .ctzHeader .ctzButtonScope .ctzBtn:last-child {
  margin-right: 0;
}
.customizeScope .ctzHeader .ctzSubTxt {
  width: 100%;
  position: relative;
  float: left;
  font-size: 13px;
  font-weight: 300;
  color: #000000;
  margin: 10px 0;
}
.customizeScope .ctzSection {
  width: 100%;
  position: relative;
  float: left;
  display: none;
}
.customizeScope .ctzSection.ctzSection-0 {
  display: block;
}
.customizeScope .ctzTitle {
  width: 100%;
  position: relative;
  float: left;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 700;
  color: #000000;
  line-height: 100%;
}
.customizeScope .ctzTitle.clickHome {
  background: url(../img/icon-ozel-ok.png) no-repeat top left;
  background-size: 8px 15px;
  padding-left: 18px;
}
.customizeScope .ctzSubTitle {
  width: 100%;
  position: relative;
  float: left;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 600;
  color: #000000;
}
.customizeScope .counterTxt {
  position: absolute;
  right: 0;
  font-size: 12px;
  font-weight: 600;
  color: #9b9b9b;
}
.customizeScope .ctzLine {
  width: 100%;
  position: relative;
  float: left;
  height: 2px;
  margin: 3px 0;
}
.customizeScope .ctzLine span {
  position: absolute;
  width: 90%;
  left: 50%;
  margin-left: -45%;
  top: 0;
  height: 100%;
  background: #e0e0e0;
}
.customizeScope .ctzPadLeft {
  padding-left: 20px;
}
.customizeScope .ctzRountText {
  position: absolute;
  left: 0;
  top: 8px;
  width: 14px;
  height: 14px;
  background: #c72a2b;
  font-size: 8px;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
  line-height: 100%;
  padding-top: 3.2px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  margin-top: 1px;
  margin-right: 10px;
}
.customizeScope .ctzCandidate {
  font-size: 14px;
  font-weight: 300;
  color: #000000;
  line-height: 140%;
}
.customizeScope .ctzName {
  padding-top: 7px;
}
.customizeScope .ctzMargin {
  margin: 8px 0;
}
.customizeScope .ctzButton {
  width: 100%;
  position: relative;
  float: left;
  padding: 7px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border: solid 1px #000000;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  color: #000;
  -webkit-transition: all 0.34s ease;
  -moz-transition: all 0.34s ease;
  -ms-transition: all 0.34s ease;
  -o-transition: all 0.34s ease;
  transition: all 0.34s ease;
}
.customizeScope .ctzButton:hover {
  background: #9ba3a9;
  color: #fff;
  border: solid 1px transparent;
}

.roundStatus {
  display: inline-block;
  width: 48px;
  height: 48px;
  position: relative;
  overflow: hidden;
  margin-right: 10px;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
}
.roundStatus .centerText {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  font-size: 28px;
  color: #fff;
}
@media only screen and (max-width: 768px) {
  .roundStatus {
    width: 24px;
    height: 24px;
    -webkit-transform: translateY(3px);
    -moz-transform: translateY(3px);
    -ms-transform: translateY(3px);
    -o-transform: translateY(3px);
    transform: translateY(3px);
    margin-right: 0;
  }
  .roundStatus .centerText {
    font-size: 18px;
    color: #fff;
  }
}

.generalBigTitle {
  width: 100%;
  position: relative;
  float: left;
  text-align: center;
  margin-top: 20px;
}
.generalBigTitle h1 {
  font-size: 34px;
  font-weight: 700;
  margin: 0;
  padding: 0;
  line-height: 1.2em;
  display: inline-block;
}
@media only screen and (max-width: 768px) {
  .generalBigTitle h1 {
    font-size: 24px;
  }
}
.generalBigTitle.president .roundScope {
  width: 80px;
  display: inline-block;
}
.generalBigTitle.president .roundScope .roundStatus {
  width: 80px;
  height: 80px;
  margin-top: -30px;
  -webkit-transform: translateY(30px);
  -moz-transform: translateY(30px);
  -ms-transform: translateY(30px);
  -o-transform: translateY(30px);
  transform: translateY(30px);
}
@media only screen and (max-width: 768px) {
  .generalBigTitle.president .roundScope {
    width: 100%;
    display: block;
    float: left;
    position: relative;
  }
  .generalBigTitle.president .roundScope .roundStatus {
    margin-top: 0px;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}

.provinceTitle {
  width: 100%;
  position: relative;
  float: left;
  text-align: left;
  margin-bottom: 25px;
}
.provinceTitle span {
  font-size: 20px;
  font-weight: bold;
  color: #000000;
  margin: 0;
  padding: 0;
  line-height: 1.2em;
  display: inline-block;
}
@media only screen and (max-width: 768px) {
  .provinceTitle span {
    font-size: 16px;
  }
}
.provinceTitle .roundStatus {
  display: inline-block;
  margin-right: 5px;
  width: 24px;
  height: 24px;
  -webkit-transform: translateY(3px);
  -moz-transform: translateY(3px);
  -ms-transform: translateY(3px);
  -o-transform: translateY(3px);
  transform: translateY(3px);
}
@media only screen and (max-width: 768px) {
  .provinceTitle .roundStatus {
    -webkit-transform: translateY(6px);
    -moz-transform: translateY(6px);
    -ms-transform: translateY(6px);
    -o-transform: translateY(6px);
    transform: translateY(6px);
  }
}

.generalMiddleTitle {
  width: 100%;
  position: relative;
  float: left;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin: 0;
  padding: 0;
  line-height: 1.2em;
}
@media only screen and (max-width: 768px) {
  .generalMiddleTitle {
    font-size: 16px !important;
    text-align: left !important;
  }
}

.generalSubText {
  width: 100%;
  position: relative;
  float: left;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  margin: 20px 0 10px 0;
  padding: 0;
  line-height: 1.2em;
  color: #8c8c8c;
}
@media only screen and (max-width: 768px) {
  .generalSubText {
    font-size: 13px !important;
    text-align: left !important;
  }
}

.greySmallText {
  font-size: 10px;
  font-weight: 600;
  color: #cdcec8;
}

.blackBoldMiddleText {
  font-size: 12px;
  font-weight: 600;
  color: #000;
}

.resultUpdate {
  width: 100%;
  position: relative;
  float: left;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  color: #8c8c8c;
  margin-top: 32px;
}

.homeFollowScope .homeFollow {
  position: absolute;
  z-index: 2;
  right: 20px;
  top: 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border: solid 1px #000000;
  font-size: 12px;
  font-weight: 600;
  color: #000000;
  padding: 8px 10px;
  -webkit-transition: all 0.34s ease;
  -moz-transition: all 0.34s ease;
  -ms-transition: all 0.34s ease;
  -o-transition: all 0.34s ease;
  transition: all 0.34s ease;
  cursor: pointer;
}
.homeFollowScope .homeFollow:hover {
  border: solid 1px transparent;
  color: #fff;
  background: #9ba3a9;
}
@media only screen and (max-width: 768px) {
  .homeFollowScope .homeFollow {
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@media only screen and (max-width: 340px) {
  .homeFollowScope .homeFollow {
    font-size: 11px;
  }
}
@media only screen and (max-width: 768px) {
  .homeFollowScope .resultUpdate {
    margin-top: 70px;
  }
}

.detailsButton {
  position: relative;
  float: right;
  background: url(../img/icon-details.png) no-repeat right center;
  background-size: auto 10px;
  padding-right: 12px;
  font-size: 12px;
  font-weight: 600;
  color: #000000;
  margin-top: 10px;
}
.detailsButton.blue {
  color: #49a8e8;
  background: url(../img/icon-biograpright.png) no-repeat right center;
  background-size: auto 10px;
}

.boxShare {
  position: relative;
  float: left;
  font-size: 12px;
  font-weight: 600;
  color: #000000;
  background: url(../img/share.png) no-repeat center right;
  padding-right: 22px;
  background-size: 16px 14px;
  margin-top: 10px;
}

.ballotBox, .electionResult {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  background-color: #f9f9f9;
  border: solid 1px #9ba3a9;
  min-height: 40px;
  padding: 20px 10px;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .ballotBox, .electionResult {
    padding: 10px;
  }
}
.ballotBox.clearProperties, .clearProperties.electionResult {
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
}
.ballotBox.cumhurBox .fixCol-100:last-child, .cumhurBox.electionResult .fixCol-100:last-child {
  margin-bottom: 46px;
}
.ballotBox.partyBox .bbMultipleContent, .partyBox.electionResult .bbMultipleContent {
  margin-bottom: 6px;
}
.ballotBox.partyBox .bbMultipleContent .bbLine, .partyBox.electionResult .bbMultipleContent .bbLine {
  margin-bottom: 15px;
}
.ballotBox.partyBox.bigData .graphicTitle, .partyBox.bigData.electionResult .graphicTitle {
  font-size: 16px;
}
.ballotBox.partyBox.bigData .graphicPie #pieFull, .partyBox.bigData.electionResult .graphicPie #pieFull {
  height: 170px;
}
.ballotBox.partyBox.bigData .graphicRect, .partyBox.bigData.electionResult .graphicRect {
  max-width: 115px;
  height: 140px;
  margin-top: 30px;
}
.ballotBox.partyBox.bigData .graphicRect .grCenter, .partyBox.bigData.electionResult .graphicRect .grCenter {
  font-size: 21px;
  line-height: 120%;
}
.ballotBox.partyBox.bigData .graphicRect .grCenter span, .partyBox.bigData.electionResult .graphicRect .grCenter span {
  font-size: 36px;
}

.bbBarScope {
  width: 100%;
  position: relative;
  float: left;
  -webkit-border-radius: 7.5px;
  -moz-border-radius: 7.5px;
  -ms-border-radius: 7.5px;
  border-radius: 7.5px;
  overflow: hidden;
  background: #cbd3d9;
}
.bbBarScope .bbBar {
  position: absolute;
  width: 50%;
  height: 100%;
  background: #49a8e8;
  -webkit-transition: all 0.34s linear;
  -moz-transition: all 0.34s linear;
  -ms-transition: all 0.34s linear;
  -o-transition: all 0.34s linear;
  transition: all 0.34s linear;
}
.bbBarScope.bbBigHeight {
  height: 14px;
}
.bbBarScope.bbSmallHeight {
  height: 8px;
}

.scrolling-wrapper {
  width: 100%;
  position: relative;
  float: left;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
}
.scrolling-wrapper .card {
  float: left;
  display: inline-block;
  width: 300px;
  height: 300px;
}

.ballotBoxScope {
  width: 100%;
  position: relative;
  float: left;
  overflow: hidden;
}
.ballotBoxScope .ballotBoxScroll {
  width: 100%;
  position: relative;
  float: left;
}
.ballotBoxScope .bbTitleLight {
  width: 100%;
  position: relative;
  float: left;
  font-size: 24px;
  font-weight: 400;
  text-align: center;
  line-height: 100%;
}
@media only screen and (max-width: 768px) {
  .ballotBoxScope .bbTitleLight {
    font-size: 18px;
  }
}
.ballotBoxScope .bbTitleBold {
  width: 100%;
  position: relative;
  float: left;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 700;
  text-align: left;
  line-height: 140%;
}
@media only screen and (max-width: 768px) {
  .ballotBoxScope .bbTitleBold {
    font-size: 16px;
  }
}
@media only screen and (max-width: 768px) {
  .ballotBoxScope .bbTitleBold.txtCenter {
    text-align: left !important;
  }
}
.ballotBoxScope .bbTitleMiddleBold {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 700;
  text-align: left;
  line-height: 140%;
}
@media only screen and (max-width: 768px) {
  .ballotBoxScope .bbTitleMiddleBold {
    font-size: 12px;
  }
}
.ballotBoxScope .bbTitleOpen {
  padding-top: 1px;
  text-align: right;
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
}
.ballotBoxScope .bbTitleOpen span {
  font-size: 14px;
  color: #49a8e8;
  font-weight: 700;
}
.ballotBoxScope .bbMiniOpenBox {
  width: 100%;
  position: relative;
  float: left;
  font-size: 12px;
  color: #000000;
  margin-top: 5px;
  margin-bottom: 20px;
}
.ballotBoxScope .bbMiniOpenBox .bbmnBold {
  font-weight: 600;
  display: inline-block;
  padding-left: 5px;
}
.ballotBoxScope .bbMultipleBarScope {
  width: 100%;
  position: relative;
  float: left;
}
.ballotBoxScope .bbMultipleBarScope .bbMultipleHeader {
  width: 100%;
  position: relative;
  float: left;
  font-size: 16px;
  font-weight: 600;
  color: #8c8c8c;
  margin-bottom: 15px;
}
.ballotBoxScope .bbMultipleBarScope .bbMultipleHeader.small {
  font-size: 12px;
  font-weight: 600;
}
@media only screen and (max-width: 375px) {
  .ballotBoxScope .bbMultipleBarScope .bbMultipleHeader.small {
    font-size: 11px;
  }
}
.ballotBoxScope .bbMultipleBarScope .bbMultipleContent {
  width: 100%;
  position: relative;
  float: left;
}
.ballotBoxScope .bbMultipleBarScope .bbMultipleContent .colInPad {
  padding-left: 18px;
}
.ballotBoxScope .bbMultipleBarScope .bbMultipleContent .bbContentDetails {
  width: 100%;
  position: relative;
  float: left;
  margin-top: 10px;
}
.ballotBoxScope .bbMultipleBarScope .bbMultipleContent .bbContentDetails .fixCol-100 {
  margin-bottom: 10px;
}
.ballotBoxScope .bbMultipleBarScope .bbMultipleContent .bbContentDetails .fixCol-100:last-child {
  margin-bottom: 0;
}
.ballotBoxScope .bbMultipleBarScope .bbMultipleContent .bbContentDetails .fixCol-100 .fixCol:first-child {
  padding-left: 30px;
}
.ballotBoxScope .bbMultipleBarScope .bbMultipleContent .bbContentDetails .fixCol-100 .fixCol:first-child .bbRountText {
  left: 13px;
}
.ballotBoxScope .bbMultipleBarScope .bbMultipleContent .bbContentDetails:before {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  background: #c72a2b;
  left: 6px;
}
.ballotBoxScope .bbMultipleBarScope .bbMultipleContent .bbContentHeightSize {
  width: 100%;
  position: relative;
  float: left;
}
.ballotBoxScope .bbMultipleBarScope .bbMultipleContent .accordion .bbIconClick {
  display: inline-block;
  margin-left: 5px;
  width: 12px;
  height: 12px;
  background: url(../img/detaylar-ok.png) no-repeat;
  background-size: 100% 100%;
  -webkit-transition: all 0.34s ease;
  -moz-transition: all 0.34s ease;
  -ms-transition: all 0.34s ease;
  -o-transition: all 0.34s ease;
  transition: all 0.34s ease;
  -webkit-transform: translateY(1px);
  -moz-transform: translateY(1px);
  -ms-transform: translateY(1px);
  -o-transform: translateY(1px);
  transform: translateY(1px);
}
@media only screen and (max-width: 340px) {
  .ballotBoxScope .bbMultipleBarScope .bbMultipleContent .accordion .bbIconClick {
    position: absolute;
    right: 2px;
    top: 3px;
    cursor: pointer;
    z-index: 2;
  }
}
.ballotBoxScope .bbMultipleBarScope .bbMultipleContent .accordion .accordionHead {
  cursor: pointer;
}
.ballotBoxScope .bbMultipleBarScope .bbMultipleContent .accordion .accordionHead.active .bbIconClick {
  -webkit-transform: translateY(1px) rotate(-90deg);
  -moz-transform: translateY(1px) rotate(-90deg);
  -ms-transform: translateY(1px) rotate(-90deg);
  -o-transform: translateY(1px) rotate(-90deg);
  transform: translateY(1px) rotate(-90deg);
}
.ballotBoxScope .bbMultipleBarScope .bbMultipleContent .accordion .bbContentDetails {
  height: 0;
  overflow: hidden;
  -webkit-transition: all 0.34s ease;
  -moz-transition: all 0.34s ease;
  -ms-transition: all 0.34s ease;
  -o-transition: all 0.34s ease;
  transition: all 0.34s ease;
  margin-top: 0;
}
.ballotBoxScope .bbMultipleBarScope .bbMultipleContent .accordion .bbContentDetails .bbCandidate:after {
  content: "";
  display: none;
}
.ballotBoxScope .bbMultipleBarScope .bbMultipleContent .accordion.active .bbContentDetails {
  margin-top: 10px;
}
.ballotBoxScope .bbMultipleBarScope .bbMultipleContent .bbRountText {
  position: absolute;
  left: 0;
  top: 1px;
  width: 14px;
  height: 14px;
  background: #666;
  font-size: 8px;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
  line-height: 100%;
  padding-top: 3.2px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  margin-top: 1px;
  margin-right: 10px;
}
.ballotBoxScope .bbMultipleBarScope .bbMultipleContent .bbRountText.roundDisplay {
  position: relative;
  display: inline-block;
  margin-left: 5px;
}
.ballotBoxScope .bbMultipleBarScope .bbMultipleContent .bbRountText.one {
  background: #ff0700;
}
.ballotBoxScope .bbMultipleBarScope .bbMultipleContent .bbRountText.two {
  background: #ff6900;
}
.ballotBoxScope .bbMultipleBarScope .bbMultipleContent .bbRountText.three {
  background: #ffbb00;
}
.ballotBoxScope .bbMultipleBarScope .bbMultipleContent .bbCandidate {
  font-size: 14px;
  font-weight: 300;
  color: #000000;
  line-height: 140%;
}
.ballotBoxScope .bbMultipleBarScope .percentBar {
  padding: 4px 0;
}
.ballotBoxScope .bbMultipleBarScope .percentBar .bbBarLeftPadding {
  width: 100%;
  position: relative;
  float: left;
  padding: 0 0 0 55px;
}
.ballotBoxScope .bbMultipleBarScope .percentBar .bbPercent {
  position: absolute;
  font-size: 14px;
  font-weight: 500;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 50px;
  text-align: right;
  z-index: 2;
}
.ballotBoxScope .bbMultipleBarScope .percentBar.autoGreyBar .bbBar {
  background-color: #606060 !important;
}
.ballotBoxScope .bbLine {
  width: 100%;
  position: relative;
  float: left;
  height: 2px;
  background: #e0e0e0;
  margin: 8px 0;
}
.ballotBoxScope .bbTopHeader {
  width: 100%;
  position: relative;
  float: left;
  padding-right: 80px;
}
.ballotBoxScope .bbTopHeader .bbTopTitle {
  width: 100%;
  position: relative;
  float: left;
  font-size: 20px;
  font-weight: 700;
  color: #000000;
  margin-bottom: 5px;
  line-height: 100%;
}
.ballotBoxScope .bbTopHeader .bbTopSubtitle {
  width: 100%;
  position: relative;
  float: left;
  font-size: 10px;
  color: #000000;
}
.ballotBoxScope .bbTopHeader .follow {
  position: absolute;
  right: 0;
  top: 0;
  padding: 7px 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border: solid 1px #000000;
  font-size: 12px;
  font-weight: 600;
  color: #000000;
  -webkit-transition: all 0.34s ease;
  -moz-transition: all 0.34s ease;
  -ms-transition: all 0.34s ease;
  -o-transition: all 0.34s ease;
  transition: all 0.34s ease;
  cursor: pointer;
}
.ballotBoxScope .bbTopHeader .follow:hover {
  border: solid 1px transparent;
  background: #9ba3a9;
  color: #fff;
}
.ballotBoxScope .graphicTitle {
  width: 100%;
  position: relative;
  float: left;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  color: #8c8c8c;
  margin-bottom: 5px;
}
.ballotBoxScope .graphicPie {
  width: 100%;
  position: relative;
  float: left;
}
.ballotBoxScope .graphicPie #pieFull {
  margin: 0 auto;
  width: 100%;
  height: 100px;
}
.ballotBoxScope .graphicRect {
  clear: both;
  max-width: 75px;
  width: 100%;
  position: relative;
  margin: 0 auto;
  border: solid 2px #d8d8d8;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  height: 90px;
  display: table;
  text-align: center;
}
.ballotBoxScope .graphicRect .grCenter {
  display: table-cell;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 300;
  color: #000000;
}
.ballotBoxScope .graphicRect .grCenter span {
  font-size: 24px;
  font-weight: 700;
  color: #ffb22e;
  display: inline-block;
  margin-bottom: 10px;
}

.totalResultBoxScope {
  width: 100%;
  position: relative;
  float: left;
}
.totalResultBoxScope .result {
  text-align: center;
  line-height: 100%;
}
.totalResultBoxScope .result .resultTitle {
  width: 100%;
  position: relative;
  float: left;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  color: #49a8e8;
  margin-bottom: 15px;
}
@media only screen and (max-width: 768px) {
  .totalResultBoxScope .result .resultTitle {
    font-size: 12px;
    margin-bottom: 5px;
  }
}
.totalResultBoxScope .result .resultTxt {
  width: 100%;
  position: relative;
  float: left;
  font-size: 20px;
  font-weight: 500;
}
@media only screen and (max-width: 768px) {
  .totalResultBoxScope .result .resultTxt {
    font-size: 14px;
  }
}
.totalResultBoxScope .resultContent {
  width: 100%;
  position: relative;
  float: left;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  color: #8c8c8c;
}
@media only screen and (max-width: 768px) {
  .totalResultBoxScope .resultContent {
    font-size: 10px;
  }
}

.mapTab.cb .mapHeader {
  display: none;
}
.mapTab.cb .mapScope {
  padding-right: 0;
}
.mapTab.mv .mapScope .mapHeader .mapLi {
  height: 33.33%;
}
@media only screen and (max-width: 768px) {
  .mapTab.mv .mapScope .mapHeader .mapLi {
    width: 33.33%;
    height: 100px;
  }
}
.mapTab #controls {
  position: absolute;
  margin: 5px;
  z-index: 10;
  display: none;
}
.mapTab #controls input {
  border: 0;
  background: #dae0e4;
  color: #6e6e6e;
  outline: 0;
  padding: 5px 10px;
  cursor: pointer;
}
.mapTab .ballotBox, .mapTab .electionResult {
  padding: 0;
}
.mapTab .generalMiddleTitle {
  padding: 0px 0 20px 0;
}
@media only screen and (max-width: 768px) {
  .mapTab .generalMiddleTitle {
    padding-left: 10px;
  }
}
.mapTab .mapScope {
  width: 100%;
  position: relative;
  float: left;
  min-height: 445px;
}
@media only screen and (max-width: 768px) {
  .mapTab .mapScope {
    padding-right: 0;
    min-height: 150px;
  }
}
.mapTab .mapScope .mapContent {
  width: 100%;
  position: relative;
  float: left;
}
.mapTab .mapScope .mapDetails {
  width: 100%;
  position: relative;
  float: left;
  padding: 20px;
}
.mapTab .mapScope .mapDetails #map {
  width: 100%;
  position: relative;
  float: left;
}
.mapTab .mapScope .mapHeader {
  position: absolute;
  width: 200px;
  height: 100%;
  right: 0;
  top: 0;
}
@media only screen and (max-width: 768px) {
  .mapTab .mapScope .mapHeader {
    position: relative;
    width: 100%;
    height: auto;
  }
}
.mapTab .mapScope .mapHeader .mapLi {
  width: 100%;
  position: relative;
  float: left;
  height: 25%;
  border-bottom: 1px solid #9ba3a9;
  border-left: solid 1px #9ba3a9;
  display: table;
  text-align: center;
  background: #fff;
  -webkit-transition: all 0.34s ease;
  -moz-transition: all 0.34s ease;
  -ms-transition: all 0.34s ease;
  -o-transition: all 0.34s ease;
  transition: all 0.34s ease;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
}
@media only screen and (max-width: 768px) {
  .mapTab .mapScope .mapHeader .mapLi {
    border-top: 1px solid #9ba3a9;
    border-right: solid 1px #9ba3a9;
    border-bottom: 0;
    border-left: 0;
    width: 25%;
    height: 100px;
    font-size: 10px;
  }
  .mapTab .mapScope .mapHeader .mapLi:last-child {
    border-right: 0;
  }
}
.mapTab .mapScope .mapHeader .mapLi.active {
  border-left: solid 1px transparent;
  background: #f9f9f9;
}
@media only screen and (max-width: 768px) {
  .mapTab .mapScope .mapHeader .mapLi.active {
    border-left: 0;
    border-top: 1px solid transparent;
  }
}
.mapTab .mapScope .mapHeader .mapLi .mapLiCenter {
  vertical-align: middle;
  display: table-cell;
}
.mapTab .mapScope .mapHeader .mapLi .mapLiCenter span {
  width: 100%;
  position: relative;
  float: left;
}
.mapTab .mapScope .mapHeader .mapLi:last-child {
  border-bottom: 0;
}
.mapTab .mapScope .mapHeader .mapLi.cumhur .mapLiCenter:before, .mapTab .mapScope .mapHeader .mapLi.cumhur .mapLiCenter:hover:before, .mapTab .mapScope .mapHeader .mapLi.cumhur .mapLiCenter.active:before, .mapTab .mapScope .mapHeader .mapLi.milletv .mapLiCenter:before, .mapTab .mapScope .mapHeader .mapLi.milletv .mapLiCenter:hover:before, .mapTab .mapScope .mapHeader .mapLi.milletv .mapLiCenter.active:before, .mapTab .mapScope .mapHeader .mapLi.yogunluk .mapLiCenter:before, .mapTab .mapScope .mapHeader .mapLi.yogunluk .mapLiCenter:hover:before, .mapTab .mapScope .mapHeader .mapLi.yogunluk .mapLiCenter.active:before, .mapTab .mapScope .mapHeader .mapLi.onceki .mapLiCenter:before, .mapTab .mapScope .mapHeader .mapLi.onceki .mapLiCenter:hover:before, .mapTab .mapScope .mapHeader .mapLi.onceki .mapLiCenter.active:before {
  content: "";
  position: relative;
  float: left;
  left: 50%;
  margin-bottom: 10px;
}
.mapTab .mapScope .mapHeader .mapLi.cumhur .mapLiCenter {
  -webkit-transition: all 0.34s ease;
  -moz-transition: all 0.34s ease;
  -ms-transition: all 0.34s ease;
  -o-transition: all 0.34s ease;
  transition: all 0.34s ease;
}
.mapTab .mapScope .mapHeader .mapLi.cumhur .mapLiCenter:before {
  margin-left: -12.25px;
  background: url(../img/icon-cb.png) no-repeat;
  background-size: 49px 24px;
  background-position: 0 0;
  width: 24.5px;
  height: 24px;
  -webkit-transition: all 0.34s ease;
  -moz-transition: all 0.34s ease;
  -ms-transition: all 0.34s ease;
  -o-transition: all 0.34s ease;
  transition: all 0.34s ease;
}
.mapTab .mapScope .mapHeader .mapLi.cumhur .mapLiCenter:hover, .mapTab .mapScope .mapHeader .mapLi.cumhur .mapLiCenter.active {
  color: #49a8e8;
}
.mapTab .mapScope .mapHeader .mapLi.cumhur .mapLiCenter:hover:before, .mapTab .mapScope .mapHeader .mapLi.cumhur .mapLiCenter.active:before {
  margin-left: -12.25px;
  background: url(../img/icon-cb.png) no-repeat;
  background-size: 49px 24px;
  background-position: -25px 0;
  width: 24.5px;
  height: 24px;
}
.mapTab .mapScope .mapHeader .mapLi.milletv .mapLiCenter {
  -webkit-transition: all 0.34s ease;
  -moz-transition: all 0.34s ease;
  -ms-transition: all 0.34s ease;
  -o-transition: all 0.34s ease;
  transition: all 0.34s ease;
}
.mapTab .mapScope .mapHeader .mapLi.milletv .mapLiCenter:before {
  margin-left: -12.25px;
  background: url(../img/icon-mv.png) no-repeat;
  background-size: 49px 24px;
  background-position: 0 0;
  width: 24.5px;
  height: 24px;
  -webkit-transition: all 0.34s ease;
  -moz-transition: all 0.34s ease;
  -ms-transition: all 0.34s ease;
  -o-transition: all 0.34s ease;
  transition: all 0.34s ease;
}
.mapTab .mapScope .mapHeader .mapLi.milletv .mapLiCenter:hover, .mapTab .mapScope .mapHeader .mapLi.milletv .mapLiCenter.active {
  color: #49a8e8;
}
.mapTab .mapScope .mapHeader .mapLi.milletv .mapLiCenter:hover:before, .mapTab .mapScope .mapHeader .mapLi.milletv .mapLiCenter.active:before {
  margin-left: -12.25px;
  background: url(../img/icon-mv.png) no-repeat;
  background-size: 49px 24px;
  background-position: -25px 0;
  width: 24.5px;
  height: 24px;
}
.mapTab .mapScope .mapHeader .mapLi.yogunluk .mapLiCenter {
  -webkit-transition: all 0.34s ease;
  -moz-transition: all 0.34s ease;
  -ms-transition: all 0.34s ease;
  -o-transition: all 0.34s ease;
  transition: all 0.34s ease;
}
.mapTab .mapScope .mapHeader .mapLi.yogunluk .mapLiCenter:before {
  margin-left: -24.25px;
  background: url(../img/icon-yogunluk.png) no-repeat;
  background-size: 97px 33px;
  background-position: 0 0;
  width: 48.5px;
  height: 33px;
  -webkit-transition: all 0.34s ease;
  -moz-transition: all 0.34s ease;
  -ms-transition: all 0.34s ease;
  -o-transition: all 0.34s ease;
  transition: all 0.34s ease;
}
.mapTab .mapScope .mapHeader .mapLi.yogunluk .mapLiCenter:hover, .mapTab .mapScope .mapHeader .mapLi.yogunluk .mapLiCenter.active {
  color: #49a8e8;
}
.mapTab .mapScope .mapHeader .mapLi.yogunluk .mapLiCenter:hover:before, .mapTab .mapScope .mapHeader .mapLi.yogunluk .mapLiCenter.active:before {
  margin-left: -24.25px;
  background: url(../img/icon-yogunluk.png) no-repeat;
  background-size: 97px 33px;
  background-position: -49px 0;
  width: 48.5px;
  height: 33px;
}
.mapTab .mapScope .mapHeader .mapLi.onceki .mapLiCenter {
  -webkit-transition: all 0.34s ease;
  -moz-transition: all 0.34s ease;
  -ms-transition: all 0.34s ease;
  -o-transition: all 0.34s ease;
  transition: all 0.34s ease;
}
.mapTab .mapScope .mapHeader .mapLi.onceki .mapLiCenter:before {
  margin-left: -14px;
  background: url(../img/icon-onceki.png) no-repeat;
  background-size: 56px 24px;
  background-position: 0 0;
  width: 28px;
  height: 24px;
  -webkit-transition: all 0.34s ease;
  -moz-transition: all 0.34s ease;
  -ms-transition: all 0.34s ease;
  -o-transition: all 0.34s ease;
  transition: all 0.34s ease;
}
.mapTab .mapScope .mapHeader .mapLi.onceki .mapLiCenter:hover, .mapTab .mapScope .mapHeader .mapLi.onceki .mapLiCenter.active {
  color: #49a8e8;
}
.mapTab .mapScope .mapHeader .mapLi.onceki .mapLiCenter:hover:before, .mapTab .mapScope .mapHeader .mapLi.onceki .mapLiCenter.active:before {
  margin-left: -14px;
  background: url(../img/icon-onceki.png) no-repeat;
  background-size: 56px 24px;
  background-position: -28px 0;
  width: 28px;
  height: 24px;
}
.mapTab .mapScope .legendScope {
  width: 100%;
  position: relative;
  float: left;
  margin-top: 10px;
}
.mapTab .mapScope .legendScope.mvLg {
  padding-left: 250px;
}
@media only screen and (max-width: 768px) {
  .mapTab .mapScope .legendScope.mvLg {
    padding-left: 0;
  }
}
.mapTab .mapScope .legendScope.mvLg .toggleScope {
  display: block;
}
.mapTab .mapScope .legendScope .toggleScope {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
}
@media only screen and (max-width: 768px) {
  .mapTab .mapScope .legendScope .toggleScope {
    float: left;
    position: relative;
    left: 50%;
    margin-left: -120px;
    width: 240px;
  }
}
.mapTab .mapScope .legendScope .toggleScope .togText {
  float: left;
  position: relative;
  font-size: 12px;
  color: #9ba3a9;
  margin-top: 1.5px;
}
.mapTab .mapScope .legendScope .toggleScope .togText.active {
  font-weight: 700;
  color: #49a8e8;
}
.mapTab .mapScope .legendScope .toggleScope .toggle {
  float: left;
  position: relative;
  margin: 0 5px;
}
.mapTab .mapScope .legendScope .mapLegend {
  width: 100%;
  position: relative;
  float: left;
}
@media only screen and (max-width: 768px) {
  .mapTab .mapScope .legendScope .mapLegend {
    display: table;
    text-align: center;
    margin-top: 20px;
  }
}
.mapTab .mapScope .legendScope .mapLegend .legend {
  float: right;
  position: relative;
  padding-left: 15px;
  margin-left: 20px;
}
@media only screen and (max-width: 768px) {
  .mapTab .mapScope .legendScope .mapLegend .legend {
    float: none;
    display: inline-block;
    margin-bottom: 5px;
  }
}
.mapTab .mapScope .legendScope .mapLegend .legend .legendRound {
  position: absolute;
  width: 12px;
  height: 12px;
  background: #666;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  left: 0;
  top: 2px;
}
.mapTab .mapScope .legendScope .mapLegend .legend .legendText {
  font-size: 14px;
  font-weight: 400;
  color: #000000;
}
.mapTab .mapScope .mapTotalResultBoxScope {
  width: 100%;
  position: relative;
  float: left;
  border-top: solid 1px #9ba3a9;
  margin-top: 20px;
  padding-top: 20px;
  display: none;
  padding-top: 25px;
}
.mapTab .mapScope .mapTotalResultBoxScope .mtrcol5 {
  width: 20%;
  position: relative;
  float: left;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .mapTab .mapScope .mapTotalResultBoxScope .mtrcol5 {
    width: 33.33%;
    position: relative;
    float: left;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 375px) {
  .mapTab .mapScope .mapTotalResultBoxScope .mtrcol5 {
    width: 50%;
    position: relative;
    float: left;
    margin-bottom: 10px;
  }
}
.mapTab .mapScope .mapTotalResultBoxScope .mtrcol5 .mtrHead {
  width: 100%;
  position: relative;
  float: left;
  font-size: 12px;
  font-weight: 700;
  color: #49a8e8;
}
@media only screen and (max-width: 768px) {
  .mapTab .mapScope .mapTotalResultBoxScope .mtrcol5 .mtrHead {
    font-size: 11px;
  }
}
@media only screen and (max-width: 375px) {
  .mapTab .mapScope .mapTotalResultBoxScope .mtrcol5 .mtrHead {
    font-size: 10px;
  }
}
.mapTab .mapScope .mapTotalResultBoxScope .mtrcol5 .mtrResult {
  width: 100%;
  position: relative;
  float: left;
  font-size: 14px;
  font-weight: 500;
  color: #000000;
}
@media only screen and (max-width: 768px) {
  .mapTab .mapScope .mapTotalResultBoxScope .mtrcol5 .mtrResult {
    font-size: 12px;
  }
}

.sectionTab .ballotBox, .sectionTab .electionResult {
  padding: 0;
}
.sectionTab .generalMiddleTitle {
  padding: 20px 0;
  border-bottom: solid 1px #9ba3a9;
  background: #fff;
}
@media only screen and (max-width: 768px) {
  .sectionTab .generalMiddleTitle {
    padding-left: 10px;
  }
}
.sectionTab .tabScope {
  width: 100%;
  position: relative;
  float: left;
}
.sectionTab .tabScope .tabHeader {
  width: 100%;
  position: relative;
  float: left;
  text-align: center;
}
.sectionTab .tabScope .tabHeader .brHide {
  display: none;
}
@media only screen and (max-width: 768px) {
  .sectionTab .tabScope .tabHeader .brHide {
    display: block;
  }
}
.sectionTab .tabScope .tabHeader .tabLi {
  padding: 15px 0;
  border-bottom: 1px solid #9ba3a9;
  border-right: solid 1px #9ba3a9;
  font-size: 14px;
  font-weight: 300;
  text-align: center;
  color: #000000;
  cursor: pointer;
  background: #fff;
}
.sectionTab .tabScope .tabHeader .tabLi:last-child {
  border-right: 0;
}
.sectionTab .tabScope .tabHeader .tabLi.active {
  background: #f9f9f9;
  border-bottom: 1px solid transparent;
  font-weight: 600;
  color: #49a8e8;
}
@media only screen and (max-width: 375px) {
  .sectionTab .tabScope .tabHeader .tabLi {
    font-size: 13px;
  }
}
.sectionTab .tabScope .tabDetails {
  width: 100%;
  position: relative;
  float: left;
  background: #f9f9f9;
  padding: 20px 10px20 20px 10px;
}
@media only screen and (max-width: 768px) {
  .sectionTab .tabScope .tabDetails {
    padding: 10px;
  }
}
.sectionTab .tabScope .tabDetails .tabContent {
  display: none;
  width: 100%;
  position: relative;
  float: left;
}
.sectionTab .tabScope .tabDetails .tabContent .selectBox {
  width: 100%;
}
.sectionTab .tabScope .tabDetails .tabContent .bbTitleOpen {
  display: none;
}
.sectionTab .tabScope .tabDetails .tabContent.eski .bbTitleOpen {
  padding-top: 7px;
}
@media only screen and (max-width: 768px) {
  .sectionTab .tabScope .tabDetails .tabContent.milletvekili .fixCol-65,
  .sectionTab .tabScope .tabDetails .tabContent.milletvekili .fixCol-35 {
    width: 100% !important;
    padding-right: 0 !important;
  }
  .sectionTab .tabScope .tabDetails .tabContent.milletvekili .fixCol-65 .pieChart,
  .sectionTab .tabScope .tabDetails .tabContent.milletvekili .fixCol-35 .pieChart {
    margin-bottom: 20px;
  }
}
.sectionTab .tabScope .tabDetails .tabContent.guncel.hideAfterBorder:after {
  display: none;
}
.sectionTab .tabScope .tabDetails .tabContent.guncel:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  left: 50%;
  margin-left: -0.5px;
  background: #c7c7c7;
}
@media only screen and (max-width: 768px) {
  .sectionTab .tabScope .tabDetails .tabContent.guncel:after {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .sectionTab .tabScope .tabDetails .tabContent.guncel .ballotBox:after, .sectionTab .tabScope .tabDetails .tabContent.guncel .electionResult:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    margin-left: 0;
    bottom: 0;
    margin-bottom: 1px;
    background: #c7c7c7;
  }
  .sectionTab .tabScope .tabDetails .tabContent.guncel .ballotBox:first-child .detailsButton, .sectionTab .tabScope .tabDetails .tabContent.guncel .electionResult:first-child .detailsButton {
    margin-bottom: 20px;
  }
  .sectionTab .tabScope .tabDetails .tabContent.guncel .ballotBox:last-child:after, .sectionTab .tabScope .tabDetails .tabContent.guncel .electionResult:last-child:after {
    display: none;
  }
}
.sectionTab .tabScope .tabDetails .tabContent.lineHide:after {
  display: none;
}

@media only screen and (max-width: 768px) {
  .mvFourHideDiv .rate {
    width: 20%;
    text-align: center;
  }
  .mvFourHideDiv .rate .bbPercent {
    position: relative !important;
    width: 100% !important;
    float: left !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
    top: 0 !important;
    text-align: center !important;
  }
  .mvFourHideDiv .rate .bbBarLeftPadding {
    display: none;
  }
  .mvFourHideDiv .totalrate {
    width: 20%;
  }
  .mvFourHideDiv .mv {
    width: 20%;
  }
}

.mvBox .mvHead {
  margin-bottom: 15px;
}
.mvBox .mvLine {
  margin-bottom: 0;
}
.mvBox .mvLine.hideAfterBorder:after {
  display: none;
}
.mvBox .mvLine:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  left: 50%;
  margin-left: -0.5px;
  background: #c7c7c7;
}
@media only screen and (max-width: 768px) {
  .mvBox .mvLine:after {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .mvBox .mvFourHideDiv {
    padding-bottom: 15px;
  }
  .mvBox .mvFourHideDiv:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    margin-left: 0;
    bottom: 0;
    margin-bottom: 1px;
    background: #c7c7c7;
  }
  .mvBox .mvFourHideDiv:first-child .detailsButton {
    margin-bottom: 20px;
  }
  .mvBox .mvFourHideDiv:last-child:after {
    display: none;
  }
}

.provinceTableData .bbMultipleBarScope .bbMultipleContent {
  font-size: 14px;
  color: #000000;
  font-weight: 400;
}
@media only screen and (max-width: 520px) {
  .provinceTableData .bbMultipleBarScope .bbMultipleContent {
    font-size: 12px;
  }
}
.provinceTableData .bbMultipleBarScope .bbMultipleContent .bbCandidate {
  font-size: 14px;
  color: #000000;
  font-weight: 400;
}
@media only screen and (max-width: 520px) {
  .provinceTableData .bbMultipleBarScope .bbMultipleContent .bbCandidate {
    font-size: 12px;
  }
}
.provinceTableData .bbMultipleBarScope .bbMultipleContent .colInPad {
  padding-left: 0 !important;
  padding-right: 20px;
}
.provinceTableData .bbMultipleBarScope .bbMultipleContent .colInPad .bbRountText {
  width: 18px;
  height: 18px;
  left: auto;
  right: 0;
  top: -2px;
  font-size: 12px;
  font-weight: 500;
  padding-top: 3.5px;
}
@media only screen and (max-width: 768px) {
  .provinceTableData .bbMultipleBarScope .bbMultipleContent .colInPad .bbRountText {
    top: -3px;
  }
}
.provinceTableData .bbMultipleBarScope .bbMultipleContent .borderBottom {
  border-bottom: 1px solid rgba(155, 163, 169, 0.3);
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.provinceTableData .bbMultipleBarScope .bbMultipleContent .borderBottom:last-child {
  border-bottom: 0;
}
@media only screen and (max-width: 768px) {
  .provinceTableData .bbMultipleBarScope .one {
    width: 45%;
    padding-right: 0 !important;
  }
  .provinceTableData .bbMultipleBarScope .two {
    width: 15%;
    text-align: center;
    padding-right: 0 !important;
  }
  .provinceTableData .bbMultipleBarScope .two.percentBar {
    padding: 8px 0 0 0;
  }
  .provinceTableData .bbMultipleBarScope .two.percentBar .bbPercent {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    font-size: 12px;
  }
  .provinceTableData .bbMultipleBarScope .two .bbBarLeftPadding {
    display: none;
  }
  .provinceTableData .bbMultipleBarScope .three {
    width: 25%;
    padding-right: 0 !important;
  }
  .provinceTableData .bbMultipleBarScope .four {
    width: 15%;
    padding-right: 0 !important;
  }
}

.pieChart {
  width: 100%;
  height: 365px;
  position: relative;
  float: left;
}
.pieChart #chartdiv {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.pieChart #bigchartdiv {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.pieChart.chartCenter {
  width: 70%;
  left: 50%;
  margin-left: -35%;
}
@media only screen and (max-width: 768px) {
  .pieChart.chartCenter {
    width: 90%;
    margin-left: -45%;
  }
}
@media only screen and (max-width: 375px) {
  .pieChart.chartCenter {
    width: 100%;
    left: 0;
    margin-left: 0;
  }
}

.selectScope {
  margin-bottom: 20px;
}
.selectScope .selectBox {
  border-radius: 5px;
  border: solid 1px #000000;
  width: 90%;
  position: relative;
  float: left;
  height: 30px;
  outline: none;
  font-size: 14px;
  font-weight: 600;
}

.wordScope {
  width: 100%;
  position: relative;
  float: left;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 5px;
  margin-bottom: 30px;
}
.wordScope .word {
  float: left;
  position: relative;
  font-size: 18px;
  font-weight: 700;
  color: #000000;
  padding-top: 10px;
}
@media only screen and (max-width: 520px) {
  .wordScope .word {
    font-size: 14px;
  }
}
.wordScope .selectScope {
  float: right;
  width: 140px;
  margin-bottom: 0;
  position: absolute;
  right: 0;
}
.wordScope .selectScope .selectBox {
  width: 100%;
}

.mvListScope .mvListHead {
  width: 100%;
  position: relative;
  float: left;
  margin-bottom: 30px;
}
.mvListScope .mvListHead.mvListProvince {
  margin-bottom: 15px;
}
@media only screen and (max-width: 768px) {
  .mvListScope .mvListHead .mvTitle {
    width: 100%;
    position: relative;
    float: left;
    margin-bottom: 20px;
  }
  .mvListScope .mvListHead .selectScope {
    position: relative;
  }
}
.mvListScope .mvListTitle {
  width: 100%;
  position: relative;
  float: left;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 700;
  color: #000000;
}
.mvListScope .mvList {
  width: 100%;
  position: relative;
  float: left;
  font-size: 12px;
  font-weight: 500;
  color: #000000;
  border-bottom: 1px solid #dadada;
  margin-bottom: 15px;
  padding-bottom: 10px;
}
.mvListScope .mvList.borderZero {
  border-bottom: 0;
}
.mvListScope .mvList .mvBoxList {
  padding-right: 25px;
  margin-bottom: 5px;
}
.mvListScope .mvList .mvBoxList.disabled .mvText {
  font-size: 12px;
  font-weight: 300;
  color: #9ba3a9;
}
.mvListScope .mvList .mvBoxList.disabled .mvOK {
  display: none;
}
.mvListScope .mvList .mvBoxList .mvNumber {
  display: inline-block;
  position: relative;
  margin-right: 5px;
  font-weight: 700;
}
.mvListScope .mvList .mvBoxList .mvParty {
  display: inline-block;
  position: relative;
  -webkit-transform: translateY(2px);
  -moz-transform: translateY(2px);
  -ms-transform: translateY(2px);
  -o-transform: translateY(2px);
  transform: translateY(2px);
}
.mvListScope .mvList .mvBoxList .mvText {
  display: inline-block;
  position: relative;
}
.mvListScope .mvList .mvBoxList .mvOK {
  display: inline-block;
  position: relative;
  -webkit-transform: translateY(2px);
  -moz-transform: translateY(2px);
  -ms-transform: translateY(2px);
  -o-transform: translateY(2px);
  transform: translateY(2px);
}
.mvListScope .mvList .mvBoxList .mvPartyName {
  position: absolute;
  right: 5px;
  font-size: 8px;
  font-weight: 500;
  text-align: right;
  color: #9ba3a9;
  -webkit-transform: translateY(1px);
  -moz-transform: translateY(1px);
  -ms-transform: translateY(1px);
  -o-transform: translateY(1px);
  transform: translateY(1px);
}
.mvListScope .mvTitle {
  float: left;
  position: relative;
  font-size: 14px;
  font-weight: 700;
  color: #000000;
  padding-top: 10px;
  line-height: 140%;
}
.mvListScope .mvTitle.bigCenter {
  font-size: 20px;
  text-align: center;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .mvListScope .mvTitle.bigCenter {
    text-align: left;
    font-size: 16px;
    margin-bottom: 0;
  }
}
.mvListScope .selectScope {
  float: right;
  width: 140px;
  margin-bottom: 0;
  position: absolute;
  right: 0;
}
.mvListScope .selectScope .selectBox {
  width: 100%;
}

.swiperScope {
  width: 100%;
  position: relative;
  float: left;
  background-color: #e7e8e9;
  padding: 30px 0;
}
.swiperScope .swiperSlideScope {
  width: 100%;
  position: relative;
  float: left;
  overflow: hidden;
}
.swiperScope .swiperSlideScope .swiper-container {
  overflow: visible !important;
}
.swiperScope .swiperSlideScope .swiper-slide {
  width: 270px;
  height: 177px;
  border-radius: 5px;
  background-color: #f9f9f9;
  border: solid 1px #e0e0e0;
  padding: 15px;
  overflow: hidden;
}
.swiperScope .swiperSlideScope .swiper-slide.imgsl {
  padding: 0;
  height: 200px;
}
.swiperScope .swiperSlideScope .swiper-slide .swpDate {
  position: absolute;
  right: 15px;
  font-size: 14px;
  font-weight: 700;
  color: #000000;
}
.swiperScope .swiperSlideScope .swiper-slide .swpImage {
  width: 100%;
  position: relative;
  float: left;
  height: 100px;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}
.swiperScope .swiperSlideScope .swiper-slide .swpImageContent {
  width: 100%;
  position: relative;
  float: left;
  font-size: 12px;
  font-weight: 400;
  line-height: 150%;
  color: #000000;
  padding: 15px;
}
.swiperScope .swiperSlideScope .swiper-slide .swpContent {
  width: 100%;
  position: relative;
  float: left;
  font-size: 12px;
  font-weight: 400;
  line-height: 150%;
  color: #000000;
  padding: 30px 0;
}
.swiperScope .swiperSlideScope .swiper-slide .swpShare {
  position: absolute;
  right: 15px;
  bottom: 15px;
  font-size: 12px;
  font-weight: 600;
  color: #000000;
  background: url(../img/share.png) no-repeat center right;
  padding-right: 22px;
  background-size: 16px 14px;
}
.swiperScope .arrowRightFixed {
  position: absolute;
  top: 17px;
  width: 100px;
  right: 0;
}
@media only screen and (max-width: 768px) {
  .swiperScope .arrowRightFixed {
    position: relative;
    float: right;
    clear: both;
    margin-bottom: 20px;
    margin-top: 20px;
  }
}
.swiperScope .swiper-button-next {
  width: 34px;
  height: 34px;
  background: url(../img/swiper-right.png) no-repeat;
  background-size: 100% 100%;
  outline: none;
}
.swiperScope .swiper-button-prev {
  width: 34px;
  height: 34px;
  background: url(../img/swiper-left.png) no-repeat;
  background-size: 100% 100%;
  outline: none;
}

.electionResult {
  width: 100%;
  position: relative;
  float: left;
}
.electionResult .electTitle {
  font-size: 24px;
  text-align: center;
  color: #000000;
  line-height: 120%;
  margin-top: 3px;
}
@media only screen and (max-width: 768px) {
  .electionResult .electTitle {
    font-size: 16px;
    padding-top: 45px;
  }
}
.electionResult .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;
}
.electionResult .multipleBarScope .mbBar {
  position: relative;
  float: left;
  height: 14px;
}
.electionResult .electDetails {
  width: 100%;
  position: relative;
  float: left;
  margin-top: 20px;
  display: table;
  text-align: center;
}
.electionResult .electDetails .electCol {
  display: inline-block;
  width: auto;
  text-align: center;
  font-size: 14px;
  font-weight: 300;
  color: #000000;
  position: relative;
  margin-bottom: 10px;
  padding: 0 4px;
}
.electionResult .electDetails .electCol .electPercent {
  width: 100%;
  position: relative;
  float: left;
  text-align: center;
  font-weight: 700;
  margin-bottom: 5px;
}
.electionResult .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%;
  -webkit-transform: translateY(2px);
  -moz-transform: translateY(2px);
  -ms-transform: translateY(2px);
  -o-transform: translateY(2px);
  transform: translateY(2px);
  position: relative;
  margin-right: 2px;
}
.electionResult .swiper-slide {
  width: 100%;
  height: auto;
  border-radius: 5px;
}
.electionResult .arrowRightFixed {
  position: absolute;
  top: 22px;
  width: 100px;
  right: 0;
}
.electionResult .swiper-button-next {
  width: 34px;
  height: 34px;
  background: url(../img/swiper-grey-right.png) no-repeat;
  background-size: 100% 100%;
  outline: none;
}
.electionResult .swiper-button-prev {
  width: 34px;
  height: 34px;
  background: url(../img/swiper-grey-left.png) no-repeat;
  background-size: 100% 100%;
  outline: none;
}

.biographyScope {
  position: relative;
  width: 70%;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .biographyScope {
    width: 100%;
  }
}
.biographyScope .bghClickScope {
  width: 100%;
  position: relative;
  float: left;
  margin-top: 10px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  color: #49a8e8;
}
.biographyScope .bghClickScope .bghClick {
  position: relative;
  cursor: pointer;
}
.biographyScope .bghClickScope .bghClick:after {
  content: "";
  position: absolute;
  top: 4px;
  right: -18px;
  width: 7px;
  height: 13px;
  background: url(../img/icon-biograp.png) no-repeat;
  background-size: 100% 100%;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-transition: all 0.34s ease;
  -moz-transition: all 0.34s ease;
  -ms-transition: all 0.34s ease;
  -o-transition: all 0.34s ease;
  transition: all 0.34s ease;
}
.biographyScope .bghClickScope .bghClick.active:after {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.biographyScope .bghDetails {
  width: 100%;
  position: relative;
  float: left;
  margin-top: 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  color: #000000;
  height: 0;
  overflow: hidden;
  -webkit-transition: all 0.34s ease;
  -moz-transition: all 0.34s ease;
  -ms-transition: all 0.34s ease;
  -o-transition: all 0.34s ease;
  transition: all 0.34s ease;
}
.biographyScope .bghDetails .bghTextCalc {
  width: 100%;
  position: relative;
  float: left;
}
.biographyScope .bghDetails .bghPartyTitle {
  width: 100%;
  position: relative;
  float: left;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  color: #000000;
}
.biographyScope .bghDetails .bghPartyTitle .bghRound {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  overflow: hidden;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  -webkit-transform: translateY(5px);
  -moz-transform: translateY(5px);
  -ms-transform: translateY(5px);
  -o-transform: translateY(5px);
  transform: translateY(5px);
}
.biographyScope .continueLink {
  width: 100%;
  position: relative;
  float: left;
  clear: both;
  margin-top: 10px;
}
.biographyScope .continueLink a {
  float: right;
  position: relative;
  font-size: 12px;
  font-weight: 600;
  color: #000000;
  text-decoration: none;
  padding-right: 12px;
  background: url(../img/icon-details.png) no-repeat right center;
  background-size: 7px 10px;
}

.pieChartScope .partyDetails {
  width: 100%;
  position: relative;
  float: left;
  margin-top: 20px;
  display: table;
  text-align: center;
}
.pieChartScope .partyDetails .partyCol {
  display: inline-block;
  width: auto;
  text-align: center;
  font-size: 14px;
  font-weight: 300;
  color: #000000;
  position: relative;
  margin-bottom: 10px;
  padding: 0 10px;
}
.pieChartScope .partyDetails .partyCol .partyPercent {
  width: 100%;
  position: relative;
  float: left;
  text-align: center;
  font-weight: 700;
  margin-bottom: 5px;
}
.pieChartScope .partyDetails .partyCol .partyRound {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  -webkit-transform: translateY(2px);
  -moz-transform: translateY(2px);
  -ms-transform: translateY(2px);
  -o-transform: translateY(2px);
  transform: translateY(2px);
  position: relative;
  margin-right: 2px;
}
.pieChartScope .partyDetails .partyCol .partyRound .partyCenterText {
  position: relative;
  float: left;
  font-size: 9px;
  font-weight: 600;
  color: #fff;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.newsBasic .generalMiddleTitle {
  text-align: left;
  font-size: 26px;
}
.newsBasic .newsBasicScope {
  position: relative;
  float: left;
  width: 100%;
  margin-top: 22px;
}
.newsBasic .newsBasicScope .newBox {
  background: #fff;
}
.newsBasic .newsBasicScope .newBox .newImage {
  float: left;
  position: relative;
  width: 100%;
}
.newsBasic .newsBasicScope .newBox .newImage img {
  width: 100%;
}
.newsBasic .newsBasicScope .newBox .newTxt {
  float: left;
  width: 100%;
  position: relative;
  min-height: 100px;
  padding: 15px;
  line-height: 1.3;
  color: #000;
  font-size: 16px;
}
@media only screen and (max-width: 520px) {
  .newsBasic .newsBasicScope .newBox .newTxt {
    font-size: 14px;
    min-height: 80px;
  }
}

.contentMapScope svg path {
  stroke-width: 0.5 !important;
  stroke: #fff !important;
}
.contentMapScope svg path:first-child {
  stroke-width: 0px !important;
}
.contentMapScope svg path:hover {
  stroke-width: 4px !important;
  stroke: #ffa903 !important;
}
.contentMapScope .colorBlackPathBorder path:hover {
  stroke: #f1f5f9 !important;
}

.region {
  text-align: center;
}
@media only screen and (max-width: 520px) {
  .region .ballotBox, .region .electionResult {
    padding-bottom: 0px;
  }
}
.region .regionCol25 {
  width: 25%;
  position: relative;
  float: left;
}
@media only screen and (max-width: 520px) {
  .region .regionCol25 {
    width: 50%;
    position: relative;
    float: left;
    margin-bottom: 10px;
  }
}
.region a {
  font-size: 14px;
  font-weight: 400;
  color: #000000;
}
.region a:hover {
  font-weight: 600;
  color: #49a8e8;
}
.region a.active {
  font-weight: 600;
  color: #49a8e8;
}

.statusMap {
  width: 230px;
  position: relative;
  float: left;
  height: auto;
  padding: 8px 10px 0px 5px;
}
.statusMap .fixCol-100 {
  width: 100%;
  position: relative;
  float: left;
  margin-bottom: 5px;
}
.statusMap .mapTitle {
  width: 100%;
  position: relative;
  float: left;
  text-align: left;
  position: relative;
  margin-bottom: 5px;
  font-weight: 700;
  font-size: 13px;
}
.statusMap .mapContent {
  width: 100%;
  position: relative;
  float: left;
}
.statusMap .mapName {
  padding-left: 15px;
  font-weight: 400;
  font-size: 11px;
  text-align: left;
}
.statusMap .mapName .roundMap {
  position: absolute;
  width: 10px;
  height: 10px;
  background: #666;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  left: 0;
  top: 2.5px;
}
.statusMap .mapBar {
  padding-left: 45px;
}
.statusMap .mapBar .mapPercent {
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  text-align: right;
  font-size: 10px;
}
.statusMap .mapBar .mapBarScope {
  width: 100%;
  position: relative;
  float: left;
  height: 10px;
  overflow: hidden;
  -webkit-border-radius: 7.5px;
  -moz-border-radius: 7.5px;
  -ms-border-radius: 7.5px;
  border-radius: 7.5px;
  background: #cbd3d9;
  margin-top: 3px;
}
.statusMap .mapBar .mapBarScope .mapBarPercent {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}

.partyLogoButtonScope {
  width: 100%;
  position: relative;
  float: left;
  margin-bottom: 10px;
}
.partyLogoButtonScope .pibButton {
  width: 18.4%;
  position: relative;
  float: left;
  margin-right: 2%;
  margin-bottom: 2%;
  -webkit-border-radius: 27px;
  -moz-border-radius: 27px;
  -ms-border-radius: 27px;
  border-radius: 27px;
  background-color: #ffffff;
  border: solid 1px #9ba3a9;
  padding: 8px;
  cursor: pointer;
}
.partyLogoButtonScope .pibButton:nth-child(5n+0) {
  margin-right: 0;
}
.partyLogoButtonScope .pibButton:nth-child(5n+1) {
  clear: both;
}
.partyLogoButtonScope .pibButton .pibLogo {
  float: left;
  position: relative;
}
.partyLogoButtonScope .pibButton .pibName {
  float: left;
  position: relative;
  padding-top: 10px;
  margin-left: 10px;
  font-size: 18px;
  font-weight: 600;
  color: #000;
}
.partyLogoButtonScope .pibButton .pibArrow {
  position: absolute;
  right: 8px;
  top: 50%;
  margin-top: -8px;
  background: url(../img/icon-okgri.png) no-repeat;
  background-size: 100% 100%;
  width: 11px;
  height: 16px;
}
@media only screen and (max-width: 960px) {
  .partyLogoButtonScope .pibButton {
    width: 23.5%;
    position: relative;
    float: left;
  }
  .partyLogoButtonScope .pibButton:nth-child(5n+0) {
    margin-right: 2%;
  }
  .partyLogoButtonScope .pibButton:nth-child(5n+1) {
    clear: none;
  }
  .partyLogoButtonScope .pibButton:nth-child(4n+0) {
    margin-right: 0;
  }
  .partyLogoButtonScope .pibButton:nth-child(4n+1) {
    clear: both;
  }
}
@media only screen and (max-width: 768px) {
  .partyLogoButtonScope .pibButton .pibLogo img {
    width: 25px;
    height: auto;
  }
  .partyLogoButtonScope .pibButton .pibName {
    padding-top: 6px;
    margin-left: 6px;
    font-size: 14px;
  }
}
@media only screen and (max-width: 680px) {
  .partyLogoButtonScope .pibButton {
    width: 32%;
    position: relative;
    float: left;
  }
  .partyLogoButtonScope .pibButton:nth-child(4n+0) {
    margin-right: 2%;
  }
  .partyLogoButtonScope .pibButton:nth-child(4n+1) {
    clear: none;
  }
  .partyLogoButtonScope .pibButton:nth-child(3n+0) {
    margin-right: 0;
  }
  .partyLogoButtonScope .pibButton:nth-child(3n+1) {
    clear: both;
  }
}
@media only screen and (max-width: 520px) {
  .partyLogoButtonScope .pibButton {
    width: 49%;
    position: relative;
    float: left;
  }
  .partyLogoButtonScope .pibButton:nth-child(3n+0) {
    margin-right: 2%;
  }
  .partyLogoButtonScope .pibButton:nth-child(3n+1) {
    clear: none;
  }
  .partyLogoButtonScope .pibButton:nth-child(2n+0) {
    margin-right: 0;
  }
  .partyLogoButtonScope .pibButton:nth-child(2n+1) {
    clear: both;
  }
}

.candidateInfoScope {
  width: 100%;
  position: relative;
  float: left;
  min-height: 380px;
}
@media only screen and (max-width: 768px) {
  .candidateInfoScope {
    min-height: auto;
  }
}
.candidateInfoScope .ciHead {
  width: 100%;
  position: relative;
  float: left;
  min-height: 94px;
  margin-bottom: 20px;
  padding-left: 90px;
}
.candidateInfoScope .ciHead .ciImage {
  position: absolute;
  left: 0;
  top: 0;
  width: 80px;
  height: 80px;
}
.candidateInfoScope .ciHead .ciImage .ciImageRounded {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -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;
}
.candidateInfoScope .ciHead .ciImage .ciImageLogo {
  position: absolute;
  bottom: -14px;
  z-index: 2;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.candidateInfoScope .ciHead .ciNameSurname {
  width: 100%;
  position: relative;
  float: left;
}
.candidateInfoScope .ciHead .ciNameSurname .ciBoldTitle {
  width: 100%;
  position: relative;
  float: left;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 8px;
  margin-top: 5px;
}
@media only screen and (max-width: 520px) {
  .candidateInfoScope .ciHead .ciNameSurname .ciBoldTitle {
    font-size: 16px;
  }
}
.candidateInfoScope .ciHead .ciNameSurname .ciSubtitle {
  width: 100%;
  position: relative;
  float: left;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 8px;
}
@media only screen and (max-width: 520px) {
  .candidateInfoScope .ciHead .ciNameSurname .ciSubtitle {
    font-size: 13px;
  }
}
.candidateInfoScope .ciHead .ciNameSurname .ciDate {
  width: 100%;
  position: relative;
  float: left;
  font-size: 12px;
  font-weight: 600;
  color: #969696;
}
.candidateInfoScope .ciContent {
  width: 100%;
  position: relative;
  float: left;
}
.candidateInfoScope .ciContent .ciBiographyBox {
  width: 100%;
  position: relative;
  float: left;
  border-top: solid 1px #d1d1d1;
  padding: 10px 0;
  padding-left: 95px;
}
.candidateInfoScope .ciContent .ciBiographyBox .ciBioHead {
  position: absolute;
  width: 90px;
  left: 0;
  font-size: 14px;
  font-weight: 700;
  color: #49a8e8;
  line-height: 140%;
}
.candidateInfoScope .ciContent .ciBiographyBox .ciBioText {
  width: 100%;
  position: relative;
  float: left;
  font-size: 14px;
  color: #000000;
  line-height: 140%;
}
@media only screen and (max-width: 520px) {
  .candidateInfoScope .ciContent .ciBiographyBox .ciBioText {
    font-size: 13px;
  }
}

.biographyCandidateScope {
  width: 100%;
  position: relative;
  float: left;
  margin: 20px 0 40px 0;
}
.biographyCandidateScope h1, .biographyCandidateScope h2 {
  margin: 0;
  padding: 0;
}
.biographyCandidateScope .bcHead {
  width: 100%;
  position: relative;
  float: left;
  text-align: center;
}
.biographyCandidateScope .bcHead .bcImageScope {
  width: 80px;
  height: 80px;
  margin-bottom: 14px;
  display: inline-block;
  position: relative;
}
.biographyCandidateScope .bcHead .bcImageScope .bcImageRounded {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  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%;
}
.biographyCandidateScope .bcHead .bcImageScope .bcLogo {
  position: absolute;
  bottom: -14px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.biographyCandidateScope .bcHead .bcTitle {
  width: 100%;
  position: relative;
  float: left;
  font-size: 34px;
  font-weight: 700;
  color: #000000;
  line-height: 140%;
}
@media only screen and (max-width: 680px) {
  .biographyCandidateScope .bcHead .bcTitle {
    font-size: 24px;
  }
}
.biographyCandidateScope .bcHead .bcSubTitle {
  width: 100%;
  position: relative;
  float: left;
  font-size: 28px;
  font-weight: 400;
  color: #000000;
  line-height: 140%;
}
@media only screen and (max-width: 680px) {
  .biographyCandidateScope .bcHead .bcSubTitle {
    font-size: 18px;
  }
}
.biographyCandidateScope .bcBoxScope {
  width: 100%;
  position: relative;
  float: left;
  margin-top: 20px;
}
.biographyCandidateScope .bcBoxScope .bcBoxLeft {
  width: 33%;
  position: relative;
  float: left;
  margin-right: 2%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  background-color: #f9f9f9;
  border: solid 1px #9ba3a9;
  min-height: 40px;
  padding: 10px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  .biographyCandidateScope .bcBoxScope .bcBoxLeft {
    width: 38%;
    position: relative;
    float: left;
  }
}
@media only screen and (max-width: 680px) {
  .biographyCandidateScope .bcBoxScope .bcBoxLeft {
    width: 100%;
    position: relative;
    float: left;
    margin-right: 0;
  }
}
.biographyCandidateScope .bcBoxScope .bcBoxLeft .ciBiographyBox {
  width: 100%;
  position: relative;
  float: left;
  border-bottom: solid 1px #d1d1d1;
  padding: 10px 0;
  padding-left: 120px;
}
.biographyCandidateScope .bcBoxScope .bcBoxLeft .ciBiographyBox:last-child {
  border-bottom: 0;
}
.biographyCandidateScope .bcBoxScope .bcBoxLeft .ciBiographyBox .ciBioHead {
  position: absolute;
  width: 110px;
  left: 0;
  font-size: 14px;
  font-weight: 700;
  color: #49a8e8;
  line-height: 140%;
}
.biographyCandidateScope .bcBoxScope .bcBoxLeft .ciBiographyBox .ciBioText {
  width: 100%;
  position: relative;
  float: left;
  font-size: 14px;
  color: #000000;
  line-height: 140%;
}
@media only screen and (max-width: 520px) {
  .biographyCandidateScope .bcBoxScope .bcBoxLeft .ciBiographyBox .ciBioText {
    font-size: 13px;
  }
}
.biographyCandidateScope .bcBoxScope .bcBoxRight {
  width: 65%;
  position: relative;
  float: left;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  background-color: #f9f9f9;
  border: solid 1px #9ba3a9;
  min-height: 40px;
  padding: 20px;
}
@media only screen and (max-width: 768px) {
  .biographyCandidateScope .bcBoxScope .bcBoxRight {
    width: 60%;
    position: relative;
    float: left;
  }
}
@media only screen and (max-width: 680px) {
  .biographyCandidateScope .bcBoxScope .bcBoxRight {
    width: 100%;
    position: relative;
    float: left;
  }
}
.biographyCandidateScope .bcBoxScope .bcBoxRight .bcBoxTitle {
  width: 100%;
  position: relative;
  float: left;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 700;
  color: #49a8e8;
  line-height: 140%;
}
.biographyCandidateScope .bcBoxScope .bcBoxRight .bcBoxContent {
  width: 100%;
  position: relative;
  float: left;
  font-size: 14px;
  color: #000000;
  line-height: 140%;
}
@media only screen and (max-width: 520px) {
  .biographyCandidateScope .bcBoxScope .bcBoxRight .bcBoxContent {
    font-size: 13px;
  }
}

.partyCandidateScope {
  width: 100%;
  position: relative;
  float: left;
  display: table;
  text-align: center;
  margin: 20px 0 0px 0;
}
.partyCandidateScope h1, .partyCandidateScope h2 {
  margin: 0;
  padding: 0;
}
.partyCandidateScope .pcPartyLogo {
  width: 100%;
  position: relative;
  float: left;
  margin-bottom: 10px;
}
@media only screen and (max-width: 520px) {
  .partyCandidateScope .pcPartyLogo img {
    width: 60px;
    height: auto;
  }
}
.partyCandidateScope .pcPartyTitle {
  display: inline-block;
  font-size: 34px;
  font-weight: 700;
  text-align: center;
  color: #000000;
  line-height: 120%;
}
@media only screen and (max-width: 520px) {
  .partyCandidateScope .pcPartyTitle {
    font-size: 24px;
  }
}

.generalInfoAccordionScope {
  position: relative;
  width: 100%;
  margin: 0 auto;
  display: table;
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  .generalInfoAccordionScope {
    width: 100%;
  }
}
.generalInfoAccordionScope .giaClickScope {
  width: 100%;
  position: relative;
  float: left;
  margin-top: 10px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  color: #49a8e8;
}
.generalInfoAccordionScope .giaClickScope .giaClick {
  position: relative;
  cursor: pointer;
}
.generalInfoAccordionScope .giaClickScope .giaClick:after {
  content: "";
  position: absolute;
  top: 4px;
  right: -18px;
  width: 7px;
  height: 13px;
  background: url(../img/icon-biograp.png) no-repeat;
  background-size: 100% 100%;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-transition: all 0.34s ease;
  -moz-transition: all 0.34s ease;
  -ms-transition: all 0.34s ease;
  -o-transition: all 0.34s ease;
  transition: all 0.34s ease;
}
.generalInfoAccordionScope .giaClickScope .giaClick.active:after {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.generalInfoAccordionScope .giaDetails {
  width: 100%;
  position: relative;
  float: left;
  margin-top: 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  color: #000000;
  height: 0;
  overflow: hidden;
  -webkit-transition: all 0.34s ease;
  -moz-transition: all 0.34s ease;
  -ms-transition: all 0.34s ease;
  -o-transition: all 0.34s ease;
  transition: all 0.34s ease;
}
.generalInfoAccordionScope .giaDetails .giaTextCalc {
  width: 100%;
  position: relative;
  float: left;
}

.seoPageUrlScope {
  width: 100%;
  position: relative;
  float: left;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  background-color: #f9f9f9;
  border: solid 1px #9ba3a9;
  padding: 20px 20px;
}
.seoPageUrlScope .generalSubText {
  margin: 10px 0 30px 0;
}
.seoPageUrlScope .spuLink {
  width: 100%;
  position: relative;
  float: left;
}
.seoPageUrlScope .spuLink .spul {
  width: 25%;
  position: relative;
  float: left;
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  .seoPageUrlScope .spuLink .spul {
    width: 33.33%;
    position: relative;
    float: left;
  }
}
@media only screen and (max-width: 520px) {
  .seoPageUrlScope .spuLink .spul {
    width: 50%;
    position: relative;
    float: left;
  }
}
.seoPageUrlScope .spuLink .spul a {
  font-size: 15px;
  color: #000;
}
@media only screen and (max-width: 768px) {
  .seoPageUrlScope .spuLink .spul a {
    font-size: 13px;
  }
}

.footer {
  background: #49535c;
  text-align: center;
  margin-bottom: 0;
  color: #fff;
}
.footer.sondakika .logo .sdLogo {
  display: inline-block !important;
}
@media only screen and (max-width: 768px) {
  .footer.sondakika .logo .sdLogo {
    width: 220px;
  }
}
.footer.sondakika .logo .hbLogo {
  display: none !important;
}
.footer .footLink {
  position: relative;
  width: 100%;
  float: left;
  padding: 15px 0;
}
.footer .footLink a {
  width: 33.33%;
  float: left;
  color: #fff;
  font-weight: 300;
  font-size: 15px;
  text-align: left;
  text-decoration: none;
  margin: 10px 0;
  cursor: pointer;
}
.footer .footLink a:hover {
  color: #ffa903;
}
.footer .footHead {
  background: #5c656d;
  position: relative;
  float: left;
  width: 100%;
  padding: 15px 0;
}
.footer .footHead .logo {
  position: relative;
  float: left;
  padding-top: 10px;
}
.footer .footHead .logo img {
  width: 250px;
}
.footer .footHead .logo .sdLogo {
  width: 250px;
  display: none;
}
.footer .footHead .navButton {
  position: relative;
  float: left;
  display: none;
}
.footer .footHead .hdButton {
  position: relative;
  float: right;
}
.footer .footHead .hdButton .hdBtn {
  position: relative;
  float: right;
  padding: 10px 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  -ms-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}
@media only screen and (max-width: 375px) {
  .footer .footHead .hdButton .hdBtn {
    padding: 10px 10px;
  }
}
.footer .footHead .hdButton .hdBtn.goPage {
  padding-right: 40px;
  background: url("../img/right-arrow.png") center right 20px no-repeat;
  background-size: 9px 13px;
  background-color: white;
  color: #000;
  font-weight: 400;
  font-size: 16px;
}
@media only screen and (max-width: 375px) {
  .footer .footHead .hdButton .hdBtn.goPage {
    padding-right: 30px;
    background: url("../img/right-arrow.png") center right 10px no-repeat;
    background-size: 9px 13px;
    background-color: white;
  }
}
.footer .footHead .hdButton .hdBtn.goPage:hover {
  background: url("../img/right-arrow-hov.png") center right 20px no-repeat;
  background-size: 9px 13px;
  background-color: #ffa903;
  color: #fff;
}
.footer .footHead .hdButton .hdBtn.live {
  margin-right: 20px;
  padding-left: 50px;
  background: url("../img/live.png") center left 20px no-repeat;
  background-size: 23px 16px;
  background-color: rgba(255, 255, 255, 0.3);
  color: #fff;
  font-weight: 400;
  font-size: 16px;
}
@media only screen and (max-width: 375px) {
  .footer .footHead .hdButton .hdBtn.live {
    padding-left: 40px;
    background: url("../img/live.png") center left 10px no-repeat;
    background-size: 23px 16px;
    background-color: rgba(255, 255, 255, 0.3);
  }
}
.footer .footHead .hdButton .hdBtn:hover {
  background-color: #ffa903;
  color: #fff;
}
@media only screen and (max-width: 768px) {
  .footer .footLink a {
    width: 50%;
  }
  .footer .footHead .logo {
    padding-top: 8px;
  }
  .footer .footHead .logo img {
    width: 220px;
  }
  .footer .hdBtn {
    font-size: 14px !important;
  }
}
@media only screen and (max-width: 520px) {
  .footer .footLink a {
    width: 100%;
    text-align: center;
  }
  .footer .footHead .logo {
    width: 100%;
    margin-bottom: 10px;
  }
  .footer .footHead .hdButton {
    float: left;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@media only screen and (max-width: 375px) {
  .footer .footHead .hdButton .hdBtn {
    font-size: 13px !important;
  }
  .footer .footHead .hdButton .hdBtn.live {
    margin-right: 5px;
  }
}

svg path {
  stroke: #fff !important;
}

svg path:first-child {
  stroke-width: 0px !important;
}

svg path:hover {
  stroke: #9e9e9e !important;
}

.colorBlackPathBorder path:hover {
  stroke: #f1f5f9 !important;
}

.jq-toggle-switch {
  background: #fff;
  border: solid 1px #9ba3a9;
  display: inline-block;
  height: 18px;
  position: relative;
  width: 40px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  cursor: pointer;
}

.jq-toggle-switch .jq-toggle-button {
  background: #49a8e8;
  display: block;
  height: 14px;
  position: absolute;
  top: 1px;
  width: 14px;
  -webkit-transform: translate3d(2px, 0, 0);
  -moz-transform: translate3d(2px, 0, 0);
  transform: translate3d(2px, 0, 0);
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.jq-toggle-switch input[type="checkbox"] {
  display: none;
}

.jq-toggle-switch.checked .jq-toggle-button {
  -webkit-transform: translate3d(23px, 0, 0);
  -moz-transform: translate3d(23px, 0, 0);
  transform: translate3d(23px, 0, 0);
}

.jq-toggle-switch.jq-toggle-switch-theme-square {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.jq-toggle-switch.jq-toggle-switch-theme-square .jq-toggle-button {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.jq-toggle-switch.jq-toggle-switch-theme-outline {
  background: transparent;
  border: 2px solid #ddd;
}

.jq-toggle-switch.jq-toggle-switch-theme-outline .jq-toggle-button {
  background: #fff;
  border: 2px solid #ddd;
  top: 1px;
  -webkit-transform: translate3d(1px, 0, 0);
  -moz-transform: translate3d(1px, 0, 0);
  transform: translate3d(1px, 0, 0);
}

.jq-toggle-switch.jq-toggle-switch-theme-outline.checked {
  border-color: #5bda4d;
}

.jq-toggle-switch.jq-toggle-switch-theme-outline.checked .jq-toggle-button {
  background: #5bda4d;
  border-color: #5bda4d;
  -webkit-transform: translate3d(23px, 0, 0);
  -moz-transform: translate3d(23px, 0, 0);
  transform: translate3d(23px, 0, 0);
}

.jq-toggle-switch.jq-toggle-switch-size-small {
  height: 25px;
  width: 45px;
}

.jq-toggle-switch.jq-toggle-switch-size-small .jq-toggle-button {
  height: 19px;
  width: 19px;
}

.jq-toggle-switch.jq-toggle-switch-size-small.checked .jq-toggle-button {
  -webkit-transform: translate3d(22px, 0, 0);
  -moz-transform: translate3d(22px, 0, 0);
  transform: translate3d(22px, 0, 0);
}

.jq-toggle-switch.jq-toggle-switch-size-small.checked.jq-toggle-switch-theme-outline .jq-toggle-button {
  -webkit-transform: translate3d(20px, 0, 0);
  -moz-transform: translate3d(20px, 0, 0);
  transform: translate3d(20px, 0, 0);
}

.jq-toggle-switch.jq-toggle-switch-size-large {
  height: 40px;
  width: 75px;
}

.jq-toggle-switch.jq-toggle-switch-size-large .jq-toggle-button {
  height: 32px;
  top: 3px;
  width: 32px;
  -webkit-transform: translate3d(2px, 0, 0);
  -moz-transform: translate3d(2px, 0, 0);
  transform: translate3d(2px, 0, 0);
}

.jq-toggle-switch.jq-toggle-switch-size-large.jq-toggle-switch-theme-outline .jq-toggle-button {
  top: 2px;
}

.jq-toggle-switch.jq-toggle-switch-size-large.checked .jq-toggle-button {
  -webkit-transform: translate3d(38px, 0, 0);
  -moz-transform: translate3d(38px, 0, 0);
  transform: translate3d(38px, 0, 0);
}

.jq-toggle-switch.jq-toggle-switch-size-large.checked.jq-toggle-switch-theme-outline .jq-toggle-button {
  -webkit-transform: translate3d(36px, 0, 0);
  -moz-transform: translate3d(36px, 0, 0);
  transform: translate3d(36px, 0, 0);
}

.jq-toggle-switch.jq-toggle-switch-size-xlarge {
  height: 48px;
  width: 85px;
}

.jq-toggle-switch.jq-toggle-switch-size-xlarge .jq-toggle-button {
  height: 40px;
  top: 3px;
  width: 40px;
  -webkit-transform: translate3d(2px, 0, 0);
  -moz-transform: translate3d(2px, 0, 0);
  transform: translate3d(2px, 0, 0);
}

.jq-toggle-switch.jq-toggle-switch-size-xlarge.jq-toggle-switch-theme-outline .jq-toggle-button {
  top: 2px;
}

.jq-toggle-switch.jq-toggle-switch-size-xlarge.checked .jq-toggle-button {
  -webkit-transform: translate3d(39px, 0, 0);
  -moz-transform: translate3d(39px, 0, 0);
  transform: translate3d(39px, 0, 0);
}

.jq-toggle-switch.jq-toggle-switch-size-xlarge.checked.jq-toggle-switch-theme-outline .jq-toggle-button {
  -webkit-transform: translate3d(38px, 0, 0);
  -moz-transform: translate3d(38px, 0, 0);
  transform: translate3d(38px, 0, 0);
}
.main-title {
    color: #fff;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.dropdown {
    position: relative;
    display: inline-block;
}

/* Buton stilleri */
.dropbtn {
    background-color: #fff;
    color: #000;
    width: 160px;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border: none;
    cursor: pointer;
    border-radius: 8px;
    height: 29px
}


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

    /* 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;
}

/*
@include respond-to(desktop){
  .navMenu{
    overflow: hidden;
    overflow-y: scroll;
  }
  .navUrl:hover{
    color: #fff !important;
  }
  .navClick:hover{
    color: #fff !important;
  }
  #header ul.navMenu li ul{
      float: left;
      position: relative;
      top: 0;
  }
  #header ul.navMenu li.navClick.mv ul{
      width: 100%;
  }
  #header ul.navInc.navMenu li ul{
    background: transparent !important;
    @include box-shadow(none !important);
  }
  #header ul.navMenu li.active{
    background: transparent !important;
    @include box-shadow(none !important);
  }
  #header ul.navMenu li:hover{
    background: transparent !important;
    @include box-shadow(none !important);
  }
  #header ul.navInc li a{
    color: #fff !important;
  }
  #header ul.navInc li a:hover{
    color: #fff !important;
  }
  #header ul.navInc.navMenu li.active{
    color: #fff !important;
  }
  #header ul a{
    color: #fff !important;
  }
  #header ul a:hover{
    color: #fff !important;
  }
  #header ul.navInc li.navClick.mv .navMvHeader a{
    color: #fff !important;
  }
  #header ul.navInc li:hover ul li a{
    color: #fff !important;
  }
}
*/

/*# sourceMappingURL=style.css.map */