body {    margin: 0;}
.wrap-all .name-color {font-size: 16px;}
.ekl-sun  {background: #e2e2e2;
    padding: 5px;margin-top: 20px;
    float: left;
    margin-bottom: 10px;
    width: calc(100% - 12px);}
.headertilt {
   
    width: 100%;
}
.a2a_kit.a2a_kit_size_32.a2a_default_style { width: 180px!important;}
.btn-morers a {background: #3892e3;padding: 10px;text-decoration:none;color: white;line-height:50px;}
.ekl-sun.mob {  display: none;}
.wrap-all .leg-wrap h3 {margin: 10px;color: #464646; letter-spacing: 2px;   font-family: myriad pro;    text-transform: uppercase;    font-weight: 300;font-size: 34px;}
.wrap-all .leg-wrap a{text-decoration:none}
.wrap-all{text-align: center;  font-family: sans-serif;  margin-top: 40px;    width: 100%;   margin: 40px auto auto;}
.al-logo{width:705px;}
.ekl-logo { width: 130px; margin-top: -110px; margin-left: 395px;}
.psif {font-size: 26px;color: #282b67;}
.legend h4 {
    margin: 15px;
    font-size: 22px;
    font-weight: 100;
    margin-top:0;    vertical-align: bottom;
}
.wrap-all .leg-wrap h3,.legend h4{
    display: inline-block;
    padding: 1px;
}
.legend h4:before {
    content: "";
    padding-right: 20px;
    margin-left: -16px;
    border-left: 2px solid black;
}
span.ttl-1 {color: #3179c3;font-weight: 900;}
.pos {
    margin: 5px 0;
    border-bottom: 1px solid #e0e0e0;
    padding: 8px 0;
    border-top: 1px solid #e0e0e0;
    font-size: 29px;
    background: #8996ab;
    color: white;
    text-shadow: 2px 2px 5px black;
}
.kom-ttl {
    padding: 7px 0;
    background: #f9f9f9;
    font-size: 19px;
}
.powered{margin-top:50px;text-align:center;font-family: sans-serif;}
.legend img {width: auto;height: 130px}
.leg-wrap {min-width: 320px;   padding: 10px 5px;      border: 3px solid #d4d4d4;    display: inline-block;    width: calc(100% - 100px );    margin: 40px;}
.legend .name-color div {width: 100%;}
.leg-item {        background: white;    padding: 10px 0;    text-align: center;    width: calc(100% /8 - 24px);    float: left;    margin: 10px;    box-shadow: 2px 2px 10px #00000052;}
.leg-item:last-child {margin-bottom: 0;}
.btn-img {width: calc(50% - 50px); display: inline-block;}
.btn-img img { width: 280px;}
.web-live-btn {margin-top: 25px;    max-width: 775px;    width: 100%;    margin: auto;    text-align: center;}
.name-color {}
.coldiv {font-size: 30px;line-height: 41px;}
.name-color div{}
.updated-wrap{margin-top:20px;}
div#updated {display: initial;}

.cand-wrap { text-align: left; width: calc(23% ); float: left; border: 2px solid black; margin: 15px;border-radius: 100px; overflow: hidden;}
.cand-img img {width: 100px;border-radius: 100%;margin: 5px;height: 100px;}
.ypops-wrap {width: 100%;display: inline-block;}
.cand-name { text-align: center; padding: 12px 10px 9px 0; background: #efefef; margin-left: -1px;}
.cand-synd { text-align: center; background: #e2e2e2; padding: 6px; float: left; width: 100%; position: absolute; bottom: 0;  margin-left: -1px;}
.cand-info {width: calc(100% - 110px);float: right;position: relative;height: 110px;}
.cand-img {width: 110px;position: absolute;}
.cand-posost,.cand-psif { width: calc(50% - 10px);padding: 5px;font-size: 26px;background: #8996ab; float:left;text-align: center;}
.cand-posost { text-shadow: 2px 2px 5px black; color: white; border-right: 1px solid black; margin-left: -1px;}
.even .cand-img {float: right;position: inherit;}
.even .cand-synd {margin-left: -12px;}
.cand-wrap-all  .cand-wrap.odd{float:right}
.cand-wrap-all {float: left;width: 50%;}
.ekleg-wrap .cand-wrap {width:450px;box-shadow: 2px 2px 10px #00000052;}
.ekleg-wrap { width: 100%;display: inline-block; padding: 15px 0 55px 0; }
.ekleg-wrap h3,.ekleg-wrap  h4{    display: inline-block; padding: 1px;}
.ekleg-wrap h3 {  letter-spacing: 2px; font-family: myriad pro; text-transform: uppercase; font-weight: 300; font-size: 34px;}
.ekleg-wrap  h4 { margin: 20px; font-size: 22px; font-weight: 100; margin-top: 0;vertical-align: bottom; margin-bottom: 42px;}
.ekleg-wrap h4:before {content: "";padding-right: 20px; margin-left: -16px; border-left: 2px solid black;}
.ypops-wrap h3 {
 color: #464646;
 letter-spacing: 2px;
 text-transform: uppercase;
 font-weight: 600;
 font-size:29px;
}
.ypops-sun{width:100%;float: left;margin-bottom: 30px;}
.ypops-sun-in{
    background: #e2e2e2;
    padding: 5px;
    margin-top: 20px;
    margin-bottom: 10px;
    width: 50%;
    margin: auto;
}
.ypops-wrap .cand-wrap{width: calc(25% - 34px)}
.ypops-wrap .cand-name {
    overflow: hidden;
     text-overflow: ellipsis; 
    display: -webkit-box;
    padding-bottom: 0;
    line-height: 24px;
    margin-bottom: 2px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.xrysh-border{border: 2px solid black;}
.lysh-border{border: 2px solid #4f5677;}
.mera-border{border: 2px solid #ef3e23;}
.enosi-border{border: 2px solid #ede261;}
.nd-border{border: 2px solid #1a5cc6;}
.siriza-border{border: 2px solid #ee818f;}
.kinal-border{border: 2px solid #179046;}
.kke-border{border: 2px solid #e30101;}
.pleysi-border{border: 2px solid #08a5c3;}
.dhmioyrgia-border{border: 2px solid #f08c1a;}
.eleyueroi-border {border: 2px solid #1d2b58;}
.symmaxia-anatropis-border {border: 2px solid #eae4e4;}



.mpara{    width: 100%;    height: 30px;    background: #cecccc;    margin: 10px 0;}
.mpara-xroma {animation: progressAnimation 6s;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
  transition: 0.4s linear;height: 30px;
  transition-property: width, background-color;filter: drop-shadow(2px 4px 6px #0000003e);
    -webkit-animation-fill-mode: forwards; /* Chrome 16+, Safari 4+ */
  -moz-animation-fill-mode: forwards;    /* FF 5+ */
  -o-animation-fill-mode: forwards;      /* Not implemented yet */
  -ms-animation-fill-mode: forwards;     /* IE 10+ */
  animation-fill-mode: forwards;         /* When the spec is finished */
}

@keyframes progressAnimation {
  0% {
    width: 15%;
    background-color: #282b676b;
  }
  100% {
    width: 55%;
    background-color: #282b67;
  }
}
.voul {    display: flex;    align-items: center;    justify-content: space-evenly;}
.eikona-voul img {    width: 280px;}
.edra-icon img {    width: 120px;}
.komma-voul img {    width: 250px;    max-height: 230px;}
.info {    font-size: 12px;}
.info-star {    color: red;    font-size: 23px;}
.voul {    max-width: 1400px;    margin: auto;}
.voul-wrap {    background: #f1f1f1;    border: 2px solid #c1c1c1;    border-right: none;    border-left: none;    margin: 50px 0;}
.voul-wrap.nd {    background: linear-gradient(45deg, #8da4cd 2%,white 62%);}
.voul-wrap.siriza {    background: linear-gradient(45deg, #ee818f 2%,white 62%);}
.voul-wrap.kinal {    background: linear-gradient(45deg, #179046 2%,white 62%);}

.synol {    font-size: 18px;    font-weight: 600;}
.mpara-pososto {    font-size: 26px;    font-weight: 600;}
.synol {   font-size: 18px;    font-weight: 600;    height: 30px;    color: #ffffff;    display: flex;    justify-content: flex-end;    margin-top: -24px;    margin-right: 10px;}
.pososto {font-size: 34px;padding: 10px;font-weight: 600;color: #282b67;}
.psifoi {    font-size: 21px;}
.voul-name {      font-size: 24px;  font-weight: 600;}
.mpara-voul {    padding: 15px;}


.kom-ttl.pleysi ,.kom-ttl.dhmioyrgia,.kom-ttl.symmaxia-anatropis{font-size: 15px;}
.kom-ttl {height:25px;font-size: 16px;display: flex;    justify-content: center;    align-items: center;}
.nopososta .pososto {display:none}
.nopososta .psifoi span{    display: block;    font-size: 23px;}
.nopososta .psifoi{font-size: 36px;padding-top:20px}







@media(max-width:1599px) and (min-width:1140px){
.kom-ttl {display: flex;justify-content: center;align-items: center;width: 100%;height: 40px;}
}
@media(max-width:1400px){
.ypops-wrap .cand-wrap{width: calc(50% - 34px)}
}
@media(max-width:1375px) and (min-width:1050px){
.kom-ttl {display: flex;justify-content: center;align-items: center;width: 100%;height: 40px;}
.legend img {width: 100%;height: auto;}
.leg-item {margin: 5px;width: calc(100% /8 - 14px);}
}
@media(max-width:1200px) and (min-width:1050px){
.kom-ttl {display: none;}
}

@media(max-width:1140px){
.komma-voul img{width: 150px;padding: 20px;}
}
@media(max-width:1049px) and (min-width:50px){
.leg-item {margin: 10px; width: calc(100% /4 - 24px);}
.legend img {width: 100%;height: auto;max-width: 100px;}
}
@media(max-width:970px){
.ekleg-wrap .cand-wrap-all {float: none;width: 100%;}
.ekleg-wrap .cand-wrap { float: none;width: 65%; margin: auto;}
.ekleg-wrap .cand-wrap-all .cand-wrap.odd,.cand-wrap-all .cand-wrap.even{float:none;margin-top: 25px;    zoom: 1.3;}
}
@media(max-width:960px){
.eikona-voul img {  width: 200px;}
}
@media(max-width:909px)
{
.legend h4:before {border:none}    
}
@media(max-width:850px) and (min-width:550px){
.kom-ttl {display: flex; justify-content: center;align-items: center;width: 100%;height: 40px;}
}
@media(max-width:860px) and (min-width:601px){
.voul {   display: block;}
.komma-voul , .mpara-voul ,.eikona-voul { width: 30%; display: block;float: left;}
.pososto-voul {width:66%;}
.edra-icon {width:33%}
.edra-icon img {margin-left: -60px;}
.pososto-voul,.edra-icon {display: block;float:left;padding: 32px 0;border-top: 2px solid #d9d9d9;}
.voul-wrap {    display: block;    overflow: auto;}
.mpara-voul {margin-top: 33px;}
.ekleg-wrap .voul-wrap:not(:first-child){margin-top:100px}
}
@media(max-width:835px){
.ekleg-wrap .cand-wrap-all .cand-wrap.odd, .cand-wrap-all .cand-wrap.even {zoom:1}
}
@media(max-width:756px){.ypops-wrap .cand-wrap{width: calc(100% - 34px)}}
@media(max-width:730px){
img.al-logo,.wrap-all { width: 100%;}
.name-color {width: calc(100% - 155px);}
.ekl-logo-wrap {background: none;}
img.ekl-logo{margin: 10px;width:100%;max-width: 240px;}
.leg-wrap{ width: calc(100% - 20px);margin:0;min-width:auto;border: none;}
.headertilt h3 {/*display: none!important;*/}
.kom-ttl {display: none;}
.name-color {width: 100%;}
}
@media(max-width:675px){
.ekleg-wrap .cand-wrap {  width: 100%;}
}
@media(max-width:669px){.ekleg-wrap h4:before{border:none;margin-left:10px;padding: 0;}}
@media(max-width:650px){
.btn-img { width: 100%;}
}
@media(max-width:600px){
 .voul {display: flex;flex-direction: column;}   
 .komma-voul img{width:100px;padding:5px;}
 .eikona-voul{border-bottom: 4px solid #d9d9d9;margin-bottom: 15px;}
.nopososta .psifoi{margin-bottom:50px;}
 .edra-icon img{width:100px;margin-bottom:30px}
}

@media(max-width:540px){
.leg-item {margin: 3px;width: calc(100%  - 24px);padding: 0px;}
.pos,
.psif {width: calc(50% - 50px)!important;float: left;}
.leg-image{ width: 100px!important; float: left;}
.leg-image img { width: auto; height: 55px;}
.psif {margin: 7px 0;padding: 8px 0;background: #eef0f3;}
.leg-image {    width: 80px!important;}
.pos,
.psif {font-size:20px;width: calc(50% - 40px)!important;float: left;}
}
@media(max-width:430px){

.cand-name {
    overflow: hidden;
     text-overflow: ellipsis; 
    display: -webkit-box;
    padding-bottom: 0;
    line-height: 24px;
    margin-bottom: 2px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
}


h4#eklogikaSelectEnDiv option {    margin: 15px;    font-size: 18px;    font-weight: 100;    margin-top: 0;    vertical-align: bottom;}
select#sygkentrwtikaSelect {  border: 1px solid #f2f2f2;    font-size: 22px;}
select#sygkentrwtikaSelect:focus-visible {    outline: none;}
#eklogikaSelect {border: 1px solid #f2f2f2;font-size: 19px;margin: 15px 0;}
#eklogikaSelect option{font-size: 15px;}
select#eklogikaSelect option:first-child {   text-align: center;    margin: auto;}
.ekl-sun.ekl-info-head {    display: flex;    justify-content: space-around;}
.ekl-sun.ekl-info-head span{font-size:22px}