@charset "UTF-8";
/*
Theme Name: Seçim
Theme URI: https://wordpress.org/
Author: the Kemal CIZOĞLU
Author URI: https://wordpress.org/
Description: Yerel seçim sonuçlarını gösteren bir tema.
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: secim
*/




.navbar{
    border-radius: 0;
}

.navbar .navbar-brand {
    margin-left: 0px !important;
    font-size: 31px;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: 700;
    text-shadow: 2px 2px rgba(0, 0, 0, 0.24);
}

.navbar .navbar-nav .nav-item .nav-link {
    font-weight: 500;
    font-size: 15px;
}

.navbar-brand .destop-title-show {
	display:inline;
}

.navbar-brand .mobile-title-show {
	display:none;
}

.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
	/*margin-right:-15px !important;*/
}

.navbar-nav>li:last-child > a {
	padding-right:0px !important;
}

.dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:hover, .dropdown-menu a:active, .dropdown-menu a:focus, .dropdown-menu a:hover {
	background:#224671;
	box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgb(34, 70, 113);

}

.navbar.bg-rose {
    background-color: #224671!important;
box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgb(34, 70, 113);
}

@media (min-width: 1200px){
.container {
    max-width: 1260px;
}
}


.table td {vertical-align: middle;}
.table {
font-size:13px;
line-height: 15px;
text-align:left;
}

.font-weight-bold {
    font-weight: 700!important;
}


footer {
    border-top: 1px solid #ddd;
	background: rgba(255, 255, 255, 0.7);
}

footer {
    padding: .9375rem 0;
    text-align: center;
    display: flex;
    margin-top: 50px;
}


.mb-10 {
	margin-bottom:10px !important;
}
.mb-20 {
	margin-bottom:20px !important;
}
.mb-30 {
	margin-bottom:30px !important;
}
.mb-40 {
	margin-bottom:40px !important;
}
.mb-50 {
	margin-bottom:50px !important;
}
.mb-60 {
	margin-bottom:60px !important;
}



.mt-10 {
	margin-top:10px !important;
}
.mt-15 {
	margin-top:15px !important;
}
.mt-20 {
	margin-top:20px !important;
}
.mt-30 {
	margin-top:30px !important;
}
.mt-40 {
	margin-top:40px !important;
}
.mt-50 {
	margin-top:50px !important;
}
.mt-60 {
	margin-top:60px !important;
}


.shadow{
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
}

.position-relative{
	position:relative;
}


.overlay {
	
    width: 100%;
    height: 100%;
    min-height: 100%;
    position: absolute;
    top: -4px;
    text-align: center;
    left: 0;
    z-index: 10000;
	webkit-transition: all 300ms ease;
	transition: all 300ms ease;	
}

.spinner {
  margin: 100px auto 0;
  width: 70px;
  text-align: center;
}

.spinner > div {
  width: 14px;
  height: 14px;
  background-color: #777;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}




/*! SVG Türkiye Haritası | CSS | MIT Lisans | dnomak.com */

.svg-turkiye-haritasi {
  max-width: 1140px;
  margin: 0 auto;
  text-align: center;
  position:relative;
  padding-top: 15px;
}
.svg-turkiye-haritasi svg {
  width: 100%;
  height: auto;
}
.il-isimleri {
  position: absolute;
  z-index: 2;
}
.il-isimleri div {
  display: inline-block;
  background: #f44336;
  color: #fff;
  padding: 8px 16px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#svg-turkiye-haritasi path {
  cursor: pointer;
  /*fill: #a9a9a9a9a9a9;*/
}
#svg-turkiye-haritasi path:hover {
  fill: #777;
}
#guney-kibris {
  pointer-events: none;
}


.svg-turkiye-haritasi-boyama {
  max-width: 1140px;
  margin: 0 auto;
  text-align: center;
  position:relative;
}
.svg-turkiye-haritasi-boyama svg {
  width: 100%;
  height: auto;
}
.il-isimleri-boyama {
  position: absolute;
  z-index: 2;
}
.il-isimleri-boyama div {
  display: inline-block;
  background: #f44336;
  color: #fff;
  padding: 8px 16px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#svg-turkiye-haritasi-boyama path {
 /* cursor: pointer;*/
  /*fill: #a9a9a9;*/
}

.svg-color {
	fill: #a9a9a9;
}




#svg-turkiye-haritasi-boyama path:hover {
 /* fill: #777; */
}




.svg-bursa-haritasi {
  max-width: 1140px;
  margin: 0 auto;
  text-align: center;
  position:relative;
}
.svg-bursa-haritasi svg {
  width: 100%;
  height: auto;
}
.ilce-isimleri {
  position: absolute;
  z-index: 2;
}
.ilce-isimleri div {
  display: inline-block;
  background: #f44336;
  color: #fff;
  padding: 8px 16px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#svg-bursa-haritasi path {
  cursor: pointer;
  /*fill: #a9a9a9a9a9a9;*/
}
#svg-bursa-haritasi path:hover {
  fill: #777;
}


.footer-brand > img {
	max-height:30px;
	width:auto;
}



.progress-fill {
	position: absolute;
    background-color:#d1d1d1;
    height: 100%;
    width: 50%;
    height: 50px;
    margin-top: -13px;
    z-index: -1;	
    background-image: -moz-linear-gradient(90deg,rgba(214,212,215,0.2) 0,rgba(229,229,229,0.2) 50%,rgba(247,246,241,0.3) 50%,rgba(231,231,231,0.2) 100%);
    background-image: -webkit-linear-gradient(90deg,rgba(214,212,215,0.1) 0,rgba(229,229,229,0.1) 50%,rgba(247,246,241,0.2) 50%,rgba(231,231,231,0.1) 100%);
    background-image: -ms-linear-gradient(90deg,rgba(214,212,215,0.2) 0,rgba(229,229,229,0.2) 50%,rgba(247,246,241,0.3) 50%,rgba(231,231,231,0.2) 100%);	
	-webkit-box-shadow: inset 0 -3px 0 0 rgba(0,0,0,0.02);
    -moz-box-shadow: inset 0 -3px 0 0 rgba(0,0,0,0.02);
    box-shadow: inset 0 -3px 0 0 rgba(0,0,0,0.02);	
}



.genel-parti-info {
	position:relative;
	width:100%;
}

.katilim-orani-genel {
    font-size: 14px !important;
    line-height: 21px;
    position: absolute;
    left: 0px;
    top: 0px;
    color: #a4a6a4;
    padding-right: 10px;
    box-shadow: 8px 0px 10px -11px rgba(0,0,0,.55);
}


.sandik-orani-genel {
    font-size: 14px !important;
    line-height: 21px;
    position: absolute;
    right: 0px;
    top: 0px;
    color: #a4a6a4;
	text-align: right;
    padding-left: 10px;
    box-shadow: -8px 0px 10px -11px rgba(0,0,0,.55);
}

.sandik-orani-genel span, .katilim-orani-genel span {
    text-align: center;
    color: #232323;
    font-weight: 500;
    display: flex;
    font-size: 16px;
    justify-content: center;
}

.sehir-ilce-adi {
    text-align: center;
    color: #3872b7;
    font-weight: 500;
	font-size:22px;
    text-align: center;
    padding: 10px 0px;
	width: 100%;
    text-transform: uppercase;
}



.BMsecim > li {
	width:calc(50% - 4px);
	margin:2px;
	text-align:center;
}
.BMsecim > li a {
    color: #9e9e9e;
	font-weight:700;
	font-size: 14px;
	padding: 1px 7px;

}
.BMsecim > li a.active {
    color: #5d5d5d;
	font-weight:700;
	border-radius:6px;
    background-color: #d4d3d3;
}


.Sehir-BMsecim > li {
	width:calc(50% - 4px);
	margin:2px;
	text-align:center;
}
.Sehir-BMsecim > li a {
    color: #9e9e9e;
	font-weight:700;
	font-size: 14px;
	padding: 1px 7px;

}
.Sehir-BMsecim > li a.active {
    color: #5d5d5d;
	font-weight:700;
	border-radius:6px;
    background-color: #d4d3d3;
}




.sehir-ilce-adi2 {
	color: #383838;
    font-weight: 500;
    font-size: 20px;
    text-align: center;
    padding: 10px 0px 10px 0px;
    width: 100%;
    text-transform: uppercase;
}

.ex-acilan{
    padding: 7px 17px !important;
    background: white;
    margin-bottom: 15px;	
}




.Haritali-parti {
position:relative;	
display:flex;
z-index:1;
}

.acilan {
	padding-left:0px!important;	
	padding-right:0px!important;	
	color:#009688;
}

.acilan-font {
	font-size: 30px!important;	
	text-align:right;
    font-weight: 700 !important;	
	
}

.Haritali-parti img {
border-radius:0 !important;	
max-width:50px;

}

.Haritali-parti > .parti-logo > img {
    margin-top: 0px;
}

.Haritali-parti > .parti-logo{
padding-bottom:0px !important;
}

.Haritali-parti .oyu {
	font-size:22px;
	font-weight:600;
}
	
.parti-sira-no {
    font-size: 18px;
    background: #b9b9b9;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-weight: 700;
    color: #fff;
    width: 30px;
	position:relative;
}	

.parti-sira-no:after{
	position: absolute;
    top: 21px;
    left: -6px;
    content: '';
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 10px solid #b9b9b9;
    border-bottom: 5px solid transparent;
}
.parti-sira-acilan {
	font-weight:700;
}
.parti-sira-acilan > i {
font-size: 38px;
    position: absolute;
    left: 0px;
    top: -0px;
}
.sehir {
	font-size:30px;
	color:#666;
	float:left;
}

.acilan-oran {
    position: absolute;
    right: 0px;
    top: -17px;
    font-size: 12px;
    color: #b9b9b9;
    text-align: right;
    font-weight: 600;
}






.share-buttons {
    display: none !important;
    position: fixed;
    z-index: 2;
    right: 25px;
    bottom: 35px;
    width: 50px;
    height: 50px;
    background: #fff;
    box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.1);
    border-radius: 25px;
    transition: height .2s;
}

.share-buttons ul li {
    position: absolute;
    display: block;
    margin: 0;
    text-align: center;
    padding: 0;
    opacity: 0;
    bottom: 0;
    transition: all .2s;
}

.share-buttons ul li:last-child {
    opacity: 1;
}

.share-buttons ul li a {
    position: relative;
    width: 50px;
    height: 50px;
    display: block;
    font-weight: normal;
    font-size: 11px;
    text-decoration: none;
    line-height: 12px;
	padding-left: 10px;
}

.share-buttons ul li a i {
    display: block;
}

.share-buttons ul li a i:before {
    display: block;
    font-size: 22px;
}

.share-buttons ul li a .fa-facebook-f {
    color: #4464a2;
}

.share-buttons ul li a .fa-twitter {
    color: #04b5f0;
}

.share-buttons ul li a .fa-whatsapp {
    color: #37c14f;
}

.share-buttons ul li:last-child a i {
    color: #000;
}

.share-buttons ul li a .icon-share:before {
    font-size: 22px;
}

.share-buttons ul li a .share-text {
    display: block;
    width: 50px;
    text-align: center;
    position: absolute;
    bottom: -19px;
	left: 0px;
}

/*@media (min-width: 1100px) {*/
    .share-buttons {
        display: block !important;
        filter: alpha(opacity=100);
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        opacity: 1;
    }

    .share-buttons:hover {
        filter: alpha(opacity=100);
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        opacity: 1;
    }
/*}*/

.share-buttons:hover {
    height: 200px;
}

.share-buttons:hover ul li {
    opacity: 1;
}

.share-buttons:hover ul li:nth-child(1) {
    bottom: 140px;
}

.share-buttons:hover ul li:nth-child(2) {
    bottom: 90px;
}

.share-buttons:hover ul li:nth-child(3) {
    bottom: 40px;
}







@media only screen and (max-width: 768px){
.navbar .navbar-brand {
    font-size: 18px;
}

.sehir-ilce-adi2 {
    font-size: 16px;
}

.ex-acilan {
    padding: 5px 10px !important;

}

.svg-turkiye-haritasi {

  padding-top: 0px;
}


.navbar-brand .desktop-title-show {
	display:none;
}

.navbar-brand .mobile-title-show {
	display:inline;
	font-size:18px;
}

}


@media only screen and (max-width: 375px){
.ittifak-title {
    font-size: 15px !important;
}

.sehir-ilce-adi {
    font-size: 20px !important;
    padding: 13px 0px 10px 0px !important;

}

.navbar-brand .mobile-title-show {
	display:inline;
	font-size:14px;
}

}