@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
}

li, ul {
    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
}

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

.rowBarMarginBottom {
    margin-bottom: 10px
}

    .rowBarMarginBottom:last-child {
        margin-bottom: 0
    }

.rowBarMarginTop {
    margin-top: 10px
}

.evet.bgcolor {
    background: #20bb9c !important
}

.evet .bbBar, .evet .bbRountText {
    background: #20bb9c !important
}

.evet .bbContentDetails:before {
    background: #20bb9c !important
}

.evet .txtColor {
    color: #20bb9c !important
}

.hayir.bgcolor {
    background: #ff3f20 !important
}

.hayir .bbBar, .hayir .bbRountText {
    background: #ff3f20 !important
}

.hayir .bbContentDetails:before {
    background: #ff3f20 !important
}

.hayir .txtColor {
    color: #ff3f20 !important
}

.bdp.bgcolor, .dtp.bgcolor, .ekmeleddin-ihsanoglu.bgcolor {
    background: #606060 !important
}

.bdp .bbBar, .bdp .bbRountText, .dtp .bbBar, .dtp .bbRountText, .ekmeleddin-ihsanoglu .bbBar, .ekmeleddin-ihsanoglu .bbRountText {
    background: #606060 !important
}

.bdp .bbContentDetails:before, .dtp .bbContentDetails:before, .ekmeleddin-ihsanoglu .bbContentDetails:before {
    background: #606060 !important
}

.bdp .txtColor, .dtp .txtColor, .ekmeleddin-ihsanoglu .txtColor {
    color: #606060 !important
}

.millet-ittifaki.bgcolor {
    background: #ea2027 !important
}

.millet-ittifaki .bbBar, .millet-ittifaki .bbRountText {
    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 .bbBar, .cumhur-ittifaki .bbRountText {
    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 .bbBar, .muharrem-ince .bbRountText {
    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 .bbBar, .recep-tayyip-erdogan .bbRountText {
    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 .bbBar, .meral-aksener .bbRountText {
    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
}

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

.selahattin-demirtas.bgcolor {
    background: #822975 !important
}

.selahattin-demirtas .bbBar, .selahattin-demirtas .bbRountText {
    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
    }
}

.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
    }
}

.temel-karamollaoglu.bgcolor {
    background: #0033ab !important
}

.temel-karamollaoglu .bbBar, .temel-karamollaoglu .bbRountText {
    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: #009432 !important
}

.bbp .bbBar {
    background: #009432 !important
}

.bbp .txtColor {
    color: #009432 !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
}

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

.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 .bbBar, .dogu-perincek .bbRountText {
    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
    }
}

.huda-par.bgcolor, .hudapar.bgcolor {
    background: #2ea82c !important
}

.huda-par .bbBar, .hudapar .bbBar {
    background: #2ea82c !important
}

.huda-par .txtColor, .hudapar .txtColor {
    color: #2ea82c !important
}

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

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

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

.huda-par .roundStatus, .hudapar .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) {
    .huda-par .roundStatus, .hudapar .roundStatus {
        background-size: 24px 24px !important
    }
}

.other.bgcolor {
    background: #606060 !important
}

.other.bgIcon {
    background: #606060 !important
}

.other .bbBar, .other .bbRountText {
    background: #606060 !important
}

.other .partyRound {
    background: #606060 !important
}

.other .txtColor {
    color: #606060 !important
}

.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.33333%;
    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
}

.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
    }

    .mobilheader {
        padding: 0px;
    }

        .mobilheader .logo, .mobilheader .navMobileIcon {
            margin-left: 10px;
        }
}

#header {
    height: 156px;
    background: url(../img/header-bg-sv.webp) #4a525c repeat-x;
    background-size: auto 133px;
    overflow: visible;
    z-index: 9999
}

@media only screen and (max-width:768px) {
    #header {
        height: 122px
    }
}

#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: 45px
}

    #header .hdButton .hdBtn {
        position: relative;
        float: right;
        padding: 5px 20px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px;
        cursor: pointer;
        -webkit-transition: background-color .5s ease;
        -moz-transition: background-color .5s ease;
        -ms-transition: background-color .5s ease;
        -o-transition: background-color .5s ease;
        transition: background-color .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: #fff;
    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: 15px 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: 100%;
        height: 100%;
    }

    .mobilheader {
        padding: 0px;
    }

        .mobilheader .logo, .mobilheader .navMobileIcon {
            margin-left: 20px;
        }

        .mobilheader .goPage{
            margin-right:20px;
        }
}

#header .navBackground {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    z-index: 0;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .34s ease,visibility .34s;
    -moz-transition: opacity .34s ease,visibility .34s;
    -ms-transition: opacity .34s ease,visibility .34s;
    -o-transition: opacity .34s ease,visibility .34s;
    transition: opacity .34s ease,visibility .34s
}

    #header .navBackground.active {
        opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        visibility: visible;
        -webkit-transition: opacity .34s ease,visibility 0s;
        -moz-transition: opacity .34s ease,visibility 0s;
        -ms-transition: opacity .34s ease,visibility 0s;
        -o-transition: opacity .34s ease,visibility 0s;
        transition: opacity .34s ease,visibility 0s
    }

#header ul.navInc {
    position: relative;
    float: left;
    list-style-type: none;
    font-family: 'Open Sans',sans-serif
}

    #header ul.navInc.navMenu.fixed.active {
        overflow: scroll;
    }

@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 .34s ease;
        -moz-transition: all .34s ease;
        -ms-transition: all .34s ease;
        -o-transition: all .34s ease;
        transition: all .34s ease
    }

        #header ul.navInc.fixed.active {
            left: 0
        }
}

#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 .5s ease;
    -moz-transition: background .5s ease;
    -ms-transition: background .5s ease;
    -o-transition: background .5s ease;
    transition: background .5s ease
}

@media only screen and (max-width:960px) {
    #header ul.navInc li {
        width: 100%;
    }
}

@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,.2);
    -moz-box-shadow: 0 10px 10px 0 rgba(0,0,0,.2);
    box-shadow: 0 10px 10px 0 rgba(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;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    width: 100%;
    background: 0 0;
    color: #fff !important;
    margin-bottom: 2px;
    -webkit-transition: background .34s ease;
    -moz-transition: background .34s ease;
    -ms-transition: background .34s ease;
    -o-transition: background .34s ease;
    transition: background .34s ease;
    padding: 0
}

    #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: 100%
}

    #header ul.navInc li.navClick.mv ul li {
        padding-left: 30px
    }

#header ul.navInc li.navClick.mv .navMvHeader {
    font-size: 12px;
    color: #000 !important;
    border-bottom: solid 1px rgba(155,163,169,.3);
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 0
}

    #header ul.navInc li.navClick.mv .navMvHeader:hover {
        background: 0 0 !important
    }

    #header ul.navInc li.navClick.mv .navMvHeader a {
        font-size: 12px;
        color: #000 !important
    }

        #header ul.navInc li.navClick.mv .navMvHeader a:hover {
            background: 0 0 !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: #fff;
    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,.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: 0;
        width: 12px;
        height: 16.5px;
        background: url(../img/icon-pin.png) no-repeat;
        background-size: 12px auto;
        background-position: 0 0;
        -webkit-transition: all .34s ease;
        -moz-transition: all .34s ease;
        -ms-transition: all .34s ease;
        -o-transition: all .34s ease;
        transition: all .34s ease
    }

#header ul.navInc li.cityNav.active .navUrl:after {
    content: "";
    position: absolute;
    left: 10px;
    margin-top: 0;
    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,.2);
    -moz-box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 10px 0 rgba(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: 0;
            width: 16px;
            height: 16.5px;
            background: url(../img/icon-ozellestir.png) no-repeat;
            background-size: 16px auto;
            background-position: 0 0;
            -webkit-transition: all .34s ease;
            -moz-transition: all .34s ease;
            -ms-transition: all .34s ease;
            -o-transition: all .34s ease;
            transition: all .34s ease
        }

    #header ul.navInc li.customizeNav.active .navUrl:after {
        content: "";
        position: absolute;
        left: 10px;
        margin-top: 0;
        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,.2);
        -moz-box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
        box-shadow: 0 2px 10px 0 rgba(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: 0;
    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,.98);
    z-index: 99999999;
    overflow: hidden;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.15);
    -moz-box-shadow: 0 2px 12px 0 rgba(0,0,0,.15);
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.15);
    -webkit-transition: all .34s ease;
    -moz-transition: all .34s ease;
    -ms-transition: all .34s ease;
    -o-transition: all .34s ease;
    transition: all .34s ease
}

@media only screen and (max-width:520px) {
    .sticky {
        height: 72px
    }
}

.sticky.stcActive {
    top: 0
}

.sticky:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 70px;
    top: 5px;
    background: #d3d3d3;
    left: 50%;
    margin-left: -.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;
    -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;
        -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;
        -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: #000
    }

@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: #000
}

@media only screen and (max-width:520px) {
    .sticky .stcHead .stcOpenBox {
        font-size: 10px
    }
}

.sticky .stcHead .stcOpenBox .stcPercent {
    color: #49a8e8;
    font-size: 14px;
    font-weight: 700
}

@media only screen and (max-width:520px) {
    .sticky .stcHead .stcOpenBox .stcPercent {
        font-size: 10px
    }
}

.sticky .multipleBarScope {
    width: 100%;
    position: relative;
    float: left;
    margin-top: 0;
    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: #000;
        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 .34s ease;
                -moz-transition: all .34s ease;
                -ms-transition: all .34s ease;
                -o-transition: all .34s ease;
                transition: all .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: #000;
            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: #000;
        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: #000
    }

    .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: #fff;
        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: #000;
        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 #000;
        text-align: center;
        font-size: 12px;
        font-weight: 600;
        color: #000;
        -webkit-transition: all .34s ease;
        -moz-transition: all .34s ease;
        -ms-transition: all .34s ease;
        -o-transition: all .34s ease;
        transition: all .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
}

    .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: 0;
            -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: 700;
        color: #000;
        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
    }
}

.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 #000;
    font-size: 12px;
    font-weight: 600;
    color: #000;
    padding: 8px 10px;
    -webkit-transition: all .34s ease;
    -moz-transition: all .34s ease;
    -ms-transition: all .34s ease;
    -o-transition: all .34s ease;
    transition: all .34s ease;
    cursor: pointer
}

    .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: 15px
    }
}

.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: #000;
    margin-top: 10px
}

.boxShare {
    position: relative;
    float: left;
    font-size: 12px;
    font-weight: 600;
    color: #000;
    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;
    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 .34s linear;
        -moz-transition: all .34s linear;
        -ms-transition: all .34s linear;
        -o-transition: all .34s linear;
        transition: all .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: #000;
    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 .34s ease;
        -moz-transition: all .34s ease;
        -ms-transition: all .34s ease;
        -o-transition: all .34s ease;
        transition: all .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 .34s ease;
    -moz-transition: all .34s ease;
    -ms-transition: all .34s ease;
    -o-transition: all .34s ease;
    transition: all .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: #fff;
    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: #fb0
    }

.ballotBoxScope .bbMultipleBarScope .bbMultipleContent .bbCandidate {
    font-size: 14px;
    font-weight: 300;
    color: #000;
    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%;
        -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: #000;
        margin-bottom: 5px;
        line-height: 100%
    }

    .ballotBoxScope .bbTopHeader .bbTopSubtitle {
        width: 100%;
        position: relative;
        float: left;
        font-size: 10px;
        color: #000
    }

    .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 #000;
        font-size: 12px;
        font-weight: 600;
        color: #000;
        -webkit-transition: all .34s ease;
        -moz-transition: all .34s ease;
        -ms-transition: all .34s ease;
        -o-transition: all .34s ease;
        transition: all .34s ease;
        cursor: pointer;
    }

        .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: #000
    }

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

@media only screen and (max-width:768px) {
    .mapTab .generalMiddleTitle {
        padding-left: 10px
    }
}

.mapTab .mapScope {
    width: 100%;
    position: relative;
    float: left;
    padding-right: 200px;
    min-height: 400px
}

@media only screen and (max-width:768px) {
    .mapTab .mapScope {
        padding-right: 0;
        min-height: 200px
    }
}

.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 .34s ease;
    -moz-transition: all .34s ease;
    -ms-transition: all .34s ease;
    -o-transition: all .34s ease;
    transition: all .34s ease;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    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.active:before, .mapTab .mapScope .mapHeader .mapLi.cumhur .mapLiCenter:before, .mapTab .mapScope .mapHeader .mapLi.cumhur .mapLiCenter:hover:before, .mapTab .mapScope .mapHeader .mapLi.milletv .mapLiCenter.active:before, .mapTab .mapScope .mapHeader .mapLi.milletv .mapLiCenter:before, .mapTab .mapScope .mapHeader .mapLi.milletv .mapLiCenter:hover:before, .mapTab .mapScope .mapHeader .mapLi.onceki .mapLiCenter.active:before, .mapTab .mapScope .mapHeader .mapLi.onceki .mapLiCenter:before, .mapTab .mapScope .mapHeader .mapLi.onceki .mapLiCenter:hover:before, .mapTab .mapScope .mapHeader .mapLi.yogunluk .mapLiCenter.active:before, .mapTab .mapScope .mapHeader .mapLi.yogunluk .mapLiCenter:before, .mapTab .mapScope .mapHeader .mapLi.yogunluk .mapLiCenter:hover:before {
    content: "";
    position: relative;
    float: left;
    left: 50%;
    margin-bottom: 10px
}

.mapTab .mapScope .mapHeader .mapLi.cumhur .mapLiCenter {
    -webkit-transition: all .34s ease;
    -moz-transition: all .34s ease;
    -ms-transition: all .34s ease;
    -o-transition: all .34s ease;
    transition: all .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 .34s ease;
        -moz-transition: all .34s ease;
        -ms-transition: all .34s ease;
        -o-transition: all .34s ease;
        transition: all .34s ease
    }

    .mapTab .mapScope .mapHeader .mapLi.cumhur .mapLiCenter.active, .mapTab .mapScope .mapHeader .mapLi.cumhur .mapLiCenter:hover {
        color: #49a8e8
    }

        .mapTab .mapScope .mapHeader .mapLi.cumhur .mapLiCenter.active:before, .mapTab .mapScope .mapHeader .mapLi.cumhur .mapLiCenter:hover: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 .34s ease;
    -moz-transition: all .34s ease;
    -ms-transition: all .34s ease;
    -o-transition: all .34s ease;
    transition: all .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 .34s ease;
        -moz-transition: all .34s ease;
        -ms-transition: all .34s ease;
        -o-transition: all .34s ease;
        transition: all .34s ease
    }

    .mapTab .mapScope .mapHeader .mapLi.milletv .mapLiCenter.active, .mapTab .mapScope .mapHeader .mapLi.milletv .mapLiCenter:hover {
        color: #49a8e8
    }

        .mapTab .mapScope .mapHeader .mapLi.milletv .mapLiCenter.active:before, .mapTab .mapScope .mapHeader .mapLi.milletv .mapLiCenter:hover: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 .34s ease;
    -moz-transition: all .34s ease;
    -ms-transition: all .34s ease;
    -o-transition: all .34s ease;
    transition: all .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 .34s ease;
        -moz-transition: all .34s ease;
        -ms-transition: all .34s ease;
        -o-transition: all .34s ease;
        transition: all .34s ease
    }

    .mapTab .mapScope .mapHeader .mapLi.yogunluk .mapLiCenter.active, .mapTab .mapScope .mapHeader .mapLi.yogunluk .mapLiCenter:hover {
        color: #49a8e8
    }

        .mapTab .mapScope .mapHeader .mapLi.yogunluk .mapLiCenter.active:before, .mapTab .mapScope .mapHeader .mapLi.yogunluk .mapLiCenter:hover: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 .34s ease;
    -moz-transition: all .34s ease;
    -ms-transition: all .34s ease;
    -o-transition: all .34s ease;
    transition: all .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 .34s ease;
        -moz-transition: all .34s ease;
        -ms-transition: all .34s ease;
        -o-transition: all .34s ease;
        transition: all .34s ease
    }

    .mapTab .mapScope .mapHeader .mapLi.onceki .mapLiCenter.active, .mapTab .mapScope .mapHeader .mapLi.onceki .mapLiCenter:hover {
        color: #49a8e8
    }

        .mapTab .mapScope .mapHeader .mapLi.onceki .mapLiCenter.active:before, .mapTab .mapScope .mapHeader .mapLi.onceki .mapLiCenter:hover: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: #000
}

.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: #000
}

@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: #000;
    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: 40px 20px
}

@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-35, .sectionTab .tabScope .tabDetails .tabContent.milletvekili .fixCol-65 {
        width: 100% !important;
        padding-right: 0 !important
    }

        .sectionTab .tabScope .tabDetails .tabContent.milletvekili .fixCol-35 .pieChart, .sectionTab .tabScope .tabDetails .tabContent.milletvekili .fixCol-65 .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: -.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: -.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: #000;
    font-weight: 400
}

@media only screen and (max-width:520px) {
    .provinceTableData .bbMultipleBarScope .bbMultipleContent {
        font-size: 12px
    }
}

.provinceTableData .bbMultipleBarScope .bbMultipleContent .bbCandidate {
    font-size: 14px;
    color: #000;
    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,.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 #000;
        width: 90%;
        position: relative;
        float: left;
        height: 30px;
        outline: 0;
        font-size: 14px;
        font-weight: 600
    }

.wordScope {
    width: 100%;
    position: relative;
    float: left;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 15px;
    margin-bottom: 30px
}

    .wordScope .word {
        float: left;
        position: relative;
        font-size: 34px;
        font-weight: 700;
        color: #000;
        padding-top: 10px
    }

    .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: #000
}

.mvListScope .mvList {
    width: 100%;
    position: relative;
    float: left;
    font-size: 12px;
    font-weight: 500;
    color: #000;
    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: #000;
    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;
    padding: 15px 0
}

    .swiperScope .swiperSlideScope {
        width: 100%;
        position: relative;
        float: left;
        overflow: hidden;
        padding: 0 !important;
    }

        .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: #000
            }

            .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: #000;
                padding: 15px
            }

            .swiperScope .swiperSlideScope .swiper-slide .swpContent {
                width: 100%;
                position: relative;
                float: left;
                font-size: 12px;
                font-weight: 400;
                line-height: 150%;
                color: #000;
                padding: 30px 0
            }

            .swiperScope .swiperSlideScope .swiper-slide .swpShare {
                position: absolute;
                right: 15px;
                bottom: 15px;
                font-size: 12px;
                font-weight: 600;
                color: #000;
                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: 0
}

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

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

    .electionResult .electTitle {
        font-size: 24px;
        text-align: center;
        color: #000;
        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: #000;
        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: 0
}

.electionResult .swiper-button-prev {
    width: 34px;
    height: 34px;
    background: url(../img/swiper-grey-left.png) no-repeat;
    background-size: 100% 100%;
    outline: 0
}

.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 .34s ease;
            -moz-transition: all .34s ease;
            -ms-transition: all .34s ease;
            -o-transition: all .34s ease;
            transition: all .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: #000;
    height: 0;
    overflow: hidden;
    -webkit-transition: all .34s ease;
    -moz-transition: all .34s ease;
    -ms-transition: all .34s ease;
    -o-transition: all .34s ease;
    transition: all .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: #000
    }

        .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: #000;
        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: #000;
        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%;
                object-fit: cover;
                object-position: top;
                aspect-ratio: 16 / 9;
            }

        .newsBasic .newsBasicScope .newBox .newTxt {
            float: left;
            width: 100%;
            position: relative;
            min-height: 100px;
            padding: 15px;
            line-height: 1.3;
            color: #000;
            min-height: 145px;
            max-height: 135px;
        }

.contentMapScope svg path {
    stroke-width: .5 !important;
    stroke: #fff !important
}

    .contentMapScope svg path:first-child {
        stroke-width: 0 !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: 0
    }
}

.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: #000
}

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

        .statusMap .mapBar .mapPercent {
            position: absolute;
            left: 0;
            top: 0;
            width: 35px;
            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%
            }

.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;
        top: 9px;
    }

        .footer .footHead .hdButton .hdBtn {
            position: relative;
            float: right;
            padding: 5px 20px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -ms-border-radius: 5px;
            border-radius: 5px;
            cursor: pointer;
            -webkit-transition: background-color .5s ease;
            -moz-transition: background-color .5s ease;
            -ms-transition: background-color .5s ease;
            -o-transition: background-color .5s ease;
            transition: background-color .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: #fff;
    color: #000;
    font-weight: 600;
    font-size: 12px
}

@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: #fff
    }
}

.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,.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,.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: 50%; /*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: 0 !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 .15s ease-out;
    -moz-transition: all .15s ease-out;
    transition: all .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 .15s ease-out;
        -moz-transition: all .15s ease-out;
        transition: all .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: 0 0;
        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)
        }

.social-links {
    float: right;
    position: relative;
    margin-top: -45px;
}