.eleicoes-resume {
  display: block; position: relative;
  background: #eff0f4;
  overflow: hidden;
}
.eleicoes-geral {display: block; position: relative;}
.eleicoe-shadow-bg {
  display: block; position: absolute;
  left: -20px; top: 0; right: -20px; bottom: 0;
  box-shadow: inset 0 0 15px 5px rgba(152, 153, 158, 0.25);
}
.eleicoes-aviso {
  display: block; position: relative;
  width: 100%; padding: 40px;
  text-align: center; /*color: #999999;*/
}
.eleicoes-aviso:before, .eleicoes-aviso:after {
  display: block; position: absolute;
  bottom: 0;
  width: 70px; height: 220px;
  content: "";
  z-index: 10;
  background: rgba(255,255,255, 0);
}
.eleicoes-aviso:before {
  left: 0;
  background: linear-gradient(90deg, rgba(255,255,255,.7) 0%, rgba(255,255,255,0) 100%);
}
.eleicoes-aviso:after {
  right: 0;
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.7) 100%);
}

/*= INFO - Resultados + Mapa =*/
.eleicoes-info {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%; padding: 10px 0;
  font-size: 12px; line-height: 18px;
  color: #333333; z-index: 20;
}
.eleicoes-info .eleicoes-logo {height: 30px;}
.eleicoes-info .eleicoes-votos li {
  display: block; position: absolute;
  text-transform: uppercase;
  letter-spacing: 1px; opacity: 0;
  transform: rotateX(90deg);
  transform-origin: 100% 50%;
  -webkit-transition: opacity 1s linear, transform 2s ease-in-out;
  -moz-transition: opacity 1s linear, transform 2s ease-in-out;
  transition: opacity 1s linear, transform 2s ease-in-out;
}
.eleicoes-info .eleicoes-votos li.active {
  opacity: 1;
  transform: rotateX(0deg);
  -webkit-transition: opacity 1s linear, transform 2s ease-in-out;
  -moz-transition: opacity 1s linear, transform 2s ease-in-out;
  transition: opacity 1s linear, transform 2s ease-in-out;
}
.eleicoes-info-nav {
  /*display: block;*/ position: relative;
  overflow: hidden; padding: 30px 20px 10px 20px;
}
.eleicoes-info-nav img, .eleicoes-info-nav ul {
  display: block; position: relative;
  float: left;
}
.eleicoes-info-nav ul {margin-left: 20px;}
.eleicoes-info-nav ul li {
  display: block; position: relative;
  float: left;
  font-size: 12px; line-height: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-right: 15px;
  font-weight: 600;
  color: #999999;
}
.eleicoes-info-nav ul li.on {
  color: #262626; text-decoration: underline;
}

/*= CANDIDATOS - Barra Homepage (Presidenciais) =*/
.eleicoes-candidatos {
  position: relative;
  width: 100%; padding: 10px 0 20px;
  max-width: 1160px; margin: 0 auto;
  z-index: 10;
}
.eleicoes-candidatos .eleicoes-candidato {
  display: block; position: relative;
  width: 170px; float: left;
  text-align: center; z-index: 5;
  padding: 10px; color: #ffffff;
}
.eleicoes-candidatos .eleicoes-candidato img {
  display: block; position: relative;
  width: 70px;
}
.eleicoes-candidatos h2 {
  font-size: 14px; line-height: 18px;
  font-weight: 400; color: #98999e;
  white-space: nowrap;
}
.eleicoes-candidatos .candidatos-info {
  display: block; position: relative;
  width: 90px; height: 90px;
  padding: 10px;
  margin: 0 auto;
}
.eleicoes-candidatos .candidatos-info:before {
  display: block; position: absolute;
  left: 0; top: 0;
  width: 100%; height: 100%;
  border-radius: 50%;
  content: "";
  box-shadow: inset 0px 0px 15px rgba(0, 0, 0, .15);
  background: #efefef;
}
.eleicoes-candidatos .candidatos-pic {
  display: block; position: relative;
  width: 70px; height: 70px;
  border-radius: 50%;
  overflow: hidden;
}
.eleicoes-candidatos .candidatos-resultado {
  display: block; position: absolute;
  right: -25px; bottom: 5px;
  width: 50px; height: 50px;
  text-align: center; color: #ffffff;
  font-weight: 700; z-index: 10;
  font-size: 13px; line-height: 50px;
  border-radius: 50%;
  background: rgb(123,35,44);
  background: linear-gradient(45deg, rgba(123,35,44,1) 0%, rgba(209,26,33,1) 100%);
}
.eleicoes-candidatos .candidatos-resultado:after {
  display: inline-block; position: relative;
  content: "%";
  font-size: 11px;
  margin-right: -4px;
  padding-left: 1px;
}
.eleicoes-candidatos .candidato-first .candidatos-info {
  padding: 5px;
}
.eleicoes-candidatos .candidato-first .candidatos-pic {
  width: 80px; height: 80px;
}
.eleicoes-candidatos .candidato-first img {width: 80px;}
.eleicoes-candidatos .candidato-first .candidatos-resultado {
  right: -30px; bottom: 0px;
  width: 60px; height: 60px;
  font-size: 16px; line-height: 60px;
  background: rgb(31,119,54);
  background: linear-gradient(45deg, rgb(31,119,54) 0%, rgb(100,159,53) 100%);
}
/* BTN */
.eleicoes-btn {
  display: block; position: relative;
  padding: 15px 10px; color: #ffffff;
  font-size: 16px; line-height: 18px;
  font-weight: 400;
  background: rgb(31,119,54);
  background: linear-gradient(15deg, rgb(31,119,54) 0%, rgb(100,159,53) 60%);
}
.eleicoes-btn:before {
  display: block; position: absolute;
  left: -20px; top: 0; right: -20px; bottom: 0;
  box-shadow: inset 0 0 15px 5px rgb(0 0 0 / 0.15);
  content: ""; z-index: 10;
}
.eleicoes-btn .grid-row {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.eleicoes-btn p {text-align: center; padding: 0 20px;}

.next-arrow {
  display: block; position: relative;
  width: 30px; min-width: 30px; height: 30px;
  border: none;
  text-indent: -5555px;
  overflow: hidden;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.8);
}
.eleicoes-btn .next-arrow.slick-next {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.eleicoes-btn .next-arrow:before,
.eleicoes-btn .next-arrow:after {
  display: block; position: absolute;
  width: 2px; height: 10px;
  right: 11px;
  content: "";
  background: rgba(255, 255, 255, 0.8);
}
.eleicoes-btn .next-arrow:before {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 5px;
}
.eleicoes-btn .next-arrow:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  bottom: 5px;
}

@media only screen and (max-width: 1240px) {
  .eleicoes-geral .grid-row {max-width: 100%;}
  .eleicoes-info {max-width: 680px; margin: 0 auto;}
}
@media only screen and (max-width: 1160px) {
  .eleicoes-candidatos:before,
  .eleicoes-candidatos:after {
    display: block; position: absolute;
    bottom: 0; width: 70px; height: 220px;
    content: ""; z-index: 10;
    background: rgba(255,255,255, 0);
  }
  .eleicoes-candidatos:before {
    left: 0;
    background: linear-gradient(90deg, rgba(255,255,255,.7) 0%, rgba(255,255,255,0) 100%);
  }
  .eleicoes-candidatos:after {
    right: 0;
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.7) 100%);
  }
  .eleicoes-geral .grid-row:before {left: -20px;}
  .eleicoes-geral .grid-row:after {right: -100px;}
}
@media only screen and (max-width: 768px) {
  .eleicoe-hide-mobile {display: none;}
  .eleicoes-btn p {text-align: left;}
  .eleicoes-btn p:first-letter {text-transform: uppercase;}
  .eleicoes-btn br {display: none;}
  .eleicoes-info {
    max-width: 430px;
    padding: 10px;
    margin: 0 auto;
  }
  .eleicoes-info .eleicoes-votos {margin-left: auto;}
  .eleicoes-info .dados-actualizados {visibility: hidden;}
  .eleicoes-geral:after {display: none;}
}

.eleicoes-candidatos-list {}
.eleicoes-candidatos-list li {
  display: block; position: relative;
  width: 100%; min-height: 40px;
  padding-left: 50px;
  padding-bottom: 10px;
}
.eleicoes-candidatos-list .candidatos-info {
  display: block; overflow: hidden;
}
.eleicoes-candidatos-list h2 {
  font-size: 14px; line-height: 18px;
  font-weight: 400;
  color: #98999e;
  white-space: nowrap;
}
.eleicoes-candidatos-list .candidatos-resultado_bar {
  display: block; position: relative;
  float: left;
  width: auto; height: 15px;
  background: #00b921;
}
.eleicoes-candidatos-list .candidatos-resultado_percent {font-weight: 700;}
.eleicoes-candidatos-list .candidatos-resultado_total {font-size: 12px; line-height: 16px;}
.eleicoes-candidatos-list .candidatos-pic {
  display: block; position: absolute;
  left: 0; top: 0;
  width: 40px; height: 40px;
  border-radius: 20px; overflow: hidden;
}
.eleicoes-candidatos-list .candidatos-pic img {
  display: block; position: relative;
  width: 100%;
}

/*= RESULTADOS + MAPA =*/
.eleicoes-bloco-wrapper {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: space-between;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%; padding-bottom: 20px;
}
.eleicoes-bloco {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: space-between;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 33%; padding: 20px;
}
.eleicoes-bloco h4 {
  font-weight: 400;
  margin-bottom: 40px;
}
.eleicoes-bloco p {
  font-size: 14px; line-height: 18px;
  color: #999999;
}
.eleicoes-bloco .eleicoe-totais {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: space-between;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin-bottom: 20px;
}
.eleicoes-bloco .eleicoe-totais h5,
.eleicoes-bloco .eleicoe-totais ul {
  display: block; position: relative;
}
.eleicoes-bloco .eleicoe-totais h5 {
  font-weight: 400; padding: 0px 20px 5px 0;
  width: 100px;
}
.eleicoes-bloco .eleicoe-totais h5 strong {
  display: block; font-weight: 700;
  font-size: 20px; line-height: 26px;
}
.eleicoes-bloco .eleicoe-totais ul {
  padding-left: 20px;
  border-left: 1px solid #d8d8d8;
}
.eleicoes-bloco .eleicoe-totais ul li {
  font-size: 14px; line-height: 18px;
  color: #999999; padding: 3px 0;
}


/*= MAPA =*/
.mapa .concelho .blink {
 fill: #98999e;
 -webkit-animation-name: blink; /* Safari 4.0 - 8.0 */
 -webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
 animation-name: blink;
 animation-duration: 3s;
}
.mapa {
 display: block; 
 width: 100%; max-width: 810px;
 /*max-height: 480px;*/
 padding: 28px;
 /*fill: #98999e;*/
 fill: transparent;
}
.mapa .concelho .concelho-bg {
 fill: #98999e;
 stroke: #ffffff;
 stroke-width: 1px;
}
.mapa .concelho:hover path,
.mapa .concelho:hover rect {cursor: pointer;}
.mapa .concelho .concelho-bg.open {fill: #ccbe8f;}

.eleicoes-header-loading {
  display: block; position: absolute;
  left: 0; top: 0;
  width: 100%; height: 100%;
  background: rgba(255,255,255,.7);
  z-index: 4;
}

.eleicoes-col-top {
  display: block; position: relative;
  /*padding: 18px 28px 0 28px;*/ z-index: 3;
}
.eleicoes-col-top::after {
  content: "";
  clear: both;
  display: table;
}
.eleicoes-header-full > .eleicoes-col-top {position: absolute; z-index: 4;}




.wrapper-map {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  width: 66%;
}
.eleicoes-header-main, .eleicoes-header-sec {
  padding: 20px;
  width: 100%; max-width: 400px;
}
.mapa-cols {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border: 1px solid #d8d8d8;
  border-radius: 3px;
  padding: 0;
}
.mapa-cols > div {
 -webkit-order: 0;
 -ms-flex-order: 0;
 order: 0;
 -webkit-flex: 0 1 auto;
 -ms-flex: 0 1 auto;
 flex: 0 1 auto;
 -webkit-align-self: center;
 -ms-flex-item-align: center;
 align-self: center;
 width: 100%;
 padding: 20px;
}
.mapa-cols .mapa-col-01 {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-top: 1px solid #d8d8d8;
  position: relative;
  padding: 20px 0;
}
.mapa-cols .mapa-col-01:after {
  display: block; position: absolute;
  left: 50%; top: 0;
  width: 1px; height: 100%;
  background: #d8d8d8;
  content: "";
}
.mapa-cols .mapa-col-01 > svg {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 0 1 50%;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  margin: 0 20px;
}
.mapa {
  max-width: 300px;
  margin: 0 auto;
}
.mapa-ma-wrapper {
  display: block; position: relative;
  padding-bottom: 60px;
  max-width: 300px;
  margin: 0 auto;
}

.close-ram {
 display: none; position: absolute;
 left: 0px; bottom: 0px;
 width: 100px; height: 100px;
 text-indent: -5555px;
 cursor: pointer; border-radius: 50%;
 background: transparent url(../pics/close-ram-bg.png) no-repeat center center;
}
.close-ram:hover {background-color: #e7e7e7;}
/* The container <div> - needed to position the dropdown content */
.eleicoes-dropdown {
  display: block; position: relative;
  width: 100%;
  border: 1px solid #e1e1e1;
  background-color: #fff;
  margin-bottom: 5px;
}
.eleicoes-dropdown.hover {background-color: #ffffff;}
.eleicoes-dropdown ul {
 display: none; position: absolute;
 width: 100%; max-height: 320px;  overflow-y: auto;
 background-color: #ffffff;
 -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.25);
 -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.25);
 box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.25);
 z-index: 1;
}

.eleicoes-dropdown.hover ul.active {display: inline-block;}

/* Links inside the dropdown */
.eleicoes-dropdown h4 {
 display: block;
 padding: 7px 10px;
 color: #000000;
 cursor: pointer;
 padding-right: 25px;
 font: 600 14px/14px 'Titillium Web', Helvetica, Arial, sans-serif;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}
.eleicoes-dropdown h4:after {
 position: absolute; right: 10px;
 color: inherit; content: "\25bc";
 font-size: 10px;
}
.eleicoes-dropdown ul a {
 display: block;
 padding: 7px 15px;
 text-decoration: none;
 white-space: nowrap;
 color: #000000;
 cursor: pointer;
 font: 600 14px/14px 'Titillium Web', Helvetica, Arial, sans-serif;
 overflow: hidden;
 text-overflow: ellipsis;
}
.eleicoes-dropdown ul a:hover {background-color: #dee7f2;}
.eleicoes-dropdown.hover ul  {display: block;}
.eleicoes-dropdown#dd-zona {min-width: 200px;}
.eleicoes-dropdown#dd-freguesia  {display: none; float: right;}
.eleicoes-dropdown#dd-freguesia.show  {display: inline-block!important;}
.eleicoes-dropdown#dd-freguesia ul  {display: none;}
.eleicoes-dropdown#dd-freguesia.hover ul.active  {display: block;}
.eleicoes-dropdown ul li.active a {background: #ececec; /*color: #fff;*/}

/************** TOOLTIP *********************/
#tooltip_content {
 opacity: 1 !important;
 z-index: 4 !important;
}
.tooltip {
 display: block; position: absolute;
 width: 200px; height: 70px;
 margin: -80px 0 0 -100px;
 background: #ffffff;
 box-shadow: 3px 3px 5px 0 rgba(0,0,0,.2);
}
.tooltip:after, .tooltip:before {
 top: 100%;
 left: 50%;
 border: solid transparent;
 content: " ";
 height: 0;
 width: 0;
 position: absolute;
 pointer-events: none;
}
.tooltip:after {
 border-color: rgba(255, 255, 255, 0);
 border-top-color: #ffffff;
 border-width: 10px;
 margin-left: -10px;
}
.tooltip:before {
 border-color: rgba(203, 201, 194, 0);
 border-top-color: #cbc9c2;
 border-width: 11px;
 margin-left: -11px;
}
.tooltip h4 {
 display: block; width: 100%;
 color: #ffffff; padding: 7px 10px; margin-bottom: 1px;
 font: normal 14px/14px 'Titillium Web', Helvetica, Arial, sans-serif;
 text-align: center; text-transform: uppercase;
 background: #1a7436;
 box-sizing: border-box;
}
.tooltip a {
 display: block; position: absolute;
 right: 3px; top: 0;
 width: 20px; height: 28px;
 text-decoration: none;
 color: #fff;
 text-align: center;
 line-height: 28px;
}
.tooltip ul {
 display: block; overflow: hidden; width: 100%;
 font-size: 10px; line-height: 15px;
 text-align: center; text-transform: uppercase;
 color: #333333; background: #ffffff;
}
.tooltip ul li {
 display: block; float: left;
 padding: 5px; width: 75px;
 font: normal 10px/12px 'Titillium Web', Helvetica, Arial, sans-serif;
 letter-spacing: 0;
}
.tooltip ul li strong {
 display: block; font-weight: 700;
 font-size: 14px; line-height: 18px;
}
.tooltip ul li.eleicoes-tooltip-percent {
 position: relative; width: 50px;
 font: 700 24px/34px 'Titillium Web', Helvetica, Arial, sans-serif;
 color: #333333; padding: 0;
}
.tooltip ul li.eleicoes-tooltip-percent sub {
 display: inline-block; /*margin-right: -10px;*/
 font: 500 10px/24px 'Titillium Web', Helvetica, Arial, sans-serif;
 color: #333333; padding: 0; vertical-align: top;
}

/* LISTA DE RESULTADOS */
.eleicoes-lista-resultados {
 display: block; position: relative; 
 width: 100%;
 color: #ffffff; padding-top: 20px;
}
.eleicoes-lista-resultados .eleicoes-lista-main {
 display: block; position: relative;
 width: 100%;
 padding: 0;
 color: #ffffff;
}
.eleicoes-lista-resultados .eleicoes-lista-resume {
 height: auto;
 overflow-y: hidden;
 margin-top: 28px;
}
.eleicoes-lista-resultados ul {
 display: block; position: relative;
 width: 100%; height: auto;
}
.eleicoes-lista-resultados li {
 display: block; position: relative; 
 width: 100%; height: auto;
 font: normal 10px/12px 'Titillium Web', Helvetica, Arial, sans-serif;
 color: #333333; margin-bottom: 10px;
}
.eleicoes-lista-resultados li:last-child {margin-bottom: 0px;}
.eleicoes-lista-resultados li h4 {
  position: relative;
  font-size: 14px; line-height: 18px;
  font-weight: 400; color: #98999e;
  white-space: nowrap;
}
.eleicoes-lista-resultados li h4 span {
  float: right; font-weight: 700;
  padding-right: 10px;
}
.eleicoes-lista-resultados li h4 span sup {
  display: block; position: absolute;
  top: 2px; right: 0px;
  font-size: 9px; line-height: 10px;
  font-weight: 400; vertical-align: super;
}
.eleicoes-lista-resultados li.resultados-extra h4 span {
 display: block; float: none;
}
.eleicoes-lista-resultados li.marginTop {margin-top: 30px;}

.eleicoes-lista-resultados li .resultados-nulos,
.eleicoes-lista-resultados li .resultados-brancos {
 display: block; float: left; width: 40%;
 border-bottom: none;
}
.eleicoes-lista-resultados li .resultados-nulos {margin-right: 20%;}
.eleicoes-lista-resultados li .resultados-nulos h4,
.eleicoes-lista-resultados li .resultados-brancos h4 {
 font-size: 12px; text-transform: uppercase;
 text-align: center;
}
.eleicoes-lista-resultados.candidatos-pics {
  padding-left: 50px;
}
.eleicoes-lista-resultados.candidatos-pics li img {
 display: block; position: absolute;
 top: 0px; left: -50px;
 width: 40px; height: 40px;
 border-radius: 50%;
 overflow: hidden;
 border: 2px solid #d8d8d8;
}

.eleicoes-lista-resultados li .percentagem-wrapper {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 3px;
}
.eleicoes-lista-resultados li .percentagem-wrapper .percentagem-num {
  font-size: 14px;
  font-weight: 700;
}
.eleicoes-lista-resultados li .percentagem-wrapper .votos-num  {
 font-size: 10px;
 padding-left: 10px;
}
.eleicoes-lista-resultados li .percentagem {
 display: block; position: relative;
 height: 20px; border-radius: 2px;
 background: #649f35; margin-right: 10px;
}

.data-loading,
.data-loading:before,
.data-loading:after {
 border-radius: 50%;
 width: 10px;
 height: 10px;
 -webkit-animation-fill-mode: both;
 animation-fill-mode: both;
 -webkit-animation: load7 1.8s infinite ease-in-out;
 animation: load7 1.8s infinite ease-in-out;
}
.data-loading {
 position: absolute;
 font-size: 10px;
 color: #ffffff;
 left: 50%; top: 50px;
 margin: -15px 0 0 -10px;
 text-indent: -9999em;
 -webkit-transform: translateZ(0);
 -ms-transform: translateZ(0);
 transform: translateZ(0);
 -webkit-animation-delay: -0.16s;
 animation-delay: -0.16s;
}
.data-loading:before,
.data-loading:after {
 content: '';
 position: absolute;
 top: 0;
}
.data-loading:before {
 left: -15px;
 -webkit-animation-delay: -0.32s;
 animation-delay: -0.32s;
}
.data-loading:after {
 left: 15px;
}
@-webkit-keyframes load7 {
 0%,
 80%,
 100% {
   box-shadow: 0 2.5em 0 -1.3em;
 }
 40% {
   box-shadow: 0 2.5em 0 0;
 }
}
@keyframes load7 {
 0%,
 80%,
 100% {
   box-shadow: 0 2.5em 0 -1.3em;
 }
 40% {
   box-shadow: 0 2.5em 0 0;
 }
}

.data-error {
  display: none; position: absolute;
  left: 0; top: 0;
  width: 100%; height: 100%;
  background: rgba(109, 146, 191, 0.8);
  z-index: 4;
}
.data-error h4 {
  display: block; position: absolute;
  left: 50%; top: 50%;
  width: 350px; height: auto;
  margin: -45px 0 0 -175px;
  font: 500 15px/17px 'Titillium Web', Helvetica, Arial, sans-serif;
  color:#ffffff; text-align: center;
  border: 3px solid #ffffff;
  padding: 25px 50px;
  box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.2), inset 1px 1px 3px 0 rgba(0,0,0,0.2);
  text-shadow: 1px 1px 0 rgba(0,0,0,0.1);
}
.data-porapurar h4 {text-align: center; padding: 10px;}
.tooltip ul li.semdados {
  float: none; width: 100%; padding: 10px;
  font-size: 12px; line-height: 20px;
}
.hide-dropdown {/*visibility: hidden;*/ opacity: .5; pointer-events: none;}


/*=== HOME - RESULTS ===*/
.eleicoes-home {
  display: block; position: fixed;
  left: 0; bottom: 0;
  width: 100%; height: 80px;
}
.eleicoes-home .eleicoes-home--header,
.eleicoes-home .eleicoes-home--results {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 25%);
  -moz-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 25%);
  box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 25%);
  position: relative;
  width: 100%; height: 40px;
}
.eleicoes-home h1, .eleicoes-home h2,
.eleicoes-home span {
  display: block; position: relative;
  font-size: 16px; line-height: 20px;
  color: #ffffff;
  font-weight: 300;
  overflow: hidden; width: 100%;
  white-space: nowrap; text-overflow: ellipsis;
}

.eleicoes-home .eleicoes-home--results_list {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.eleicoes-home .eleicoes-home--results span {font-weight: 600;}
.eleicoes-home .eleicoes-home--header {
  background: rgb(81,140,34);
  background: radial-gradient(circle, rgba(81,140,34,1) 30%, rgba(32,115,51,1) 100%);
}
.eleicoes-home .eleicoes-home--results {background: #649e35;}

.eleicoes-home .info-align_left,
.eleicoes-home .info-align_center,
.eleicoes-home .info-align_right {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  padding: 0 10px;
  position: relative;
  overflow: hidden; 
}
.eleicoes-home .info-align_left {text-align: left;}
.eleicoes-home .info-align_center {text-align: center;}
.eleicoes-home .info-align_right {text-align: right;}

.eleicoes-home--results .info-align_center {margin-left: auto;}
.eleicoes-home .eleicoes-home--results .eleicoes-home--results_party {font-weight: 300;}


/*= HOME BAR STICKY =*/
.eleicoes-home .eleicoes-home--header_action {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.eleicoes-home .eleicoes-home--header_txt {display: none;}
.eleicoes-home .eleicoes-home--header_arrow {
  display: block; position: relative;
  width: 30px; height: 30px;
  margin: 3px 0 0 5px;
  opacity: 0.8; fill: #fff;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
}
.eleicoes-home--news_list {
  display: block; position: fixed;
  right: 0; bottom: 90px;
  width: 100%; max-width: 340px;
}
.eleicoes-home--news_list li {
  display: block; position: absolute;
  left: -5555px; bottom: -5555px;
  width: 100%; max-width: 320px;
  margin: 5px; margin-left: auto;
  opacity: 0; visibility: hidden;
  transform: translateX(100px);
  -webkit-transition: all .25s linear;
  -moz-transition: all .25s linear;
  transition: all .25s linear;
}
.eleicoes-home--news_list h1 {
  font-size: 16px; line-height: 20px;
  color: #ffffff; font-weight: 600;
}
.eleicoes-home--news_list li > .news_list-closebtn {
  display: block; position: absolute;
  right: 5px; top: 5px;
  font-size: 12px; line-height: 15px;
  color: #cecece;
}
.eleicoes-home--news_list li > .news_list-closebtn:hover {
  color: #ffffff;
}
.eleicoes-home--news_list li > .news_list-closebtn strong {
  display: none;
}
/*= AUTARQUICAS 21 =*/
#autarq21-logo {height: 20px;}
#autarq21-logo .autarq21-logo-A1 {fill: #6fbd44;}
#autarq21-logo .autarq21-logo-A2 {fill: #0faf4a;}
#autarq21-logo .autarq21-logo-21 {fill: #eb1b24;}
#autarq21-logo.vWhite .autarq21-logo-A1 {fill: #ffffff; opacity: .7;}
#autarq21-logo.vWhite .autarq21-logo-A2 {fill: #ffffff;}
#autarq21-logo.vWhite .autarq21-logo-21 {fill: #ffffff;}


/*= HOME - LIST =*/
.eleicoes-home--news_list .news_list-opennews {
  display: inline-block;
  padding: 10px 30px 10px 15px;
  border-radius: 6px;
  background: rgba(0, 0, 0, .6);
  -webkit-transition: background .25s linear;
  -moz-transition: background .25s linear;
  transition: background .25s linear;
}
.eleicoes-home--news_list .news_list-opennews:hover {
  background: rgba(0, 0, 0, 1);
}
.eleicoes-home--news_list li.is-visible {
  position: relative; left: auto; bottom: auto;
  opacity: 1; visibility: visible;
  transform: translateX(0px);
}
.eleicoes-home--news_list {overflow: hidden;} 
.eleicoes-home--news_list ul {
  display: block; position: relative;
  overflow: hidden; width: 100%;
}
.eleicoes-home--news_list .news_list-closeall {
  display: block; position: relative;
  float: right;
  font-size: 12px; line-height: 20px;
  text-transform: uppercase;
  margin: 5px;
  padding: 0px 10px;
  background: #ffffff;
  border-radius: 10px;
  border: 1px solid #666666;
  color: #666666;
}
.eleicoes-home--news_list .news_list-closeall strong {
  display: none;
}
.eleicoes-home--news_list li > .news_list-closebtn i,
.eleicoes-home--news_list .news_list-closeall i {
  display: inline-block;
  width: 20px;
  text-align: center;
}

/*=== HOME - FIXED VIDEO ===*/
.vf--main iframe {
  max-width: 100%;
  max-height: 100%;
}
.vf--main {
  position: relative;
}
.vf--main.fixed {
  position: fixed;
  right: 10px; bottom: 90px;
  width: 260px; height: 145px;
  transform: translateY(100%);
  animation: fade-in-up 0.75s ease forwards;
  z-index: 1;
}
.vf--main .vf--close {
  display: none; position: absolute;
  right: 0; top: -20px;
  font-size: 12px; line-height: 15px;
  color: #868686; cursor: pointer;
  text-transform: uppercase;
}
.vf--main .vf--close:hover {
  color: #000000;
}
/*.vf--main .vf--close strong {
  display: none;
}*/



.vf--main.fixed .vf--close {display: block;}


@keyframes fade-in-up {
  0% {opacity: 0;}
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@media only screen and (min-width: 860px) {
  .eleicoes-home {height: 60px;}
  .eleicoes-home .eleicoes-home--header,
  .eleicoes-home .eleicoes-home--results {
    height: 60px;
  }
  .eleicoes-home .eleicoes-home--header {
    height: 58px; margin-top: 2px;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .eleicoes-home .eleicoes-home--header .info-align_right {margin-left: auto;}
  .eleicoes-home .eleicoes-home--results .info-align_center {margin-left: initial;}
  .eleicoes-home .eleicoes-home--header_txt {display: flex;}
  .eleicoes-home .eleicoes-home--results {
    position: absolute; left: 50%;
    width: 100%; max-width: 600px;
    padding: 0 20px; margin-left: -300px;
  }
  .eleicoes-home--news_list {bottom: 60px;}
  .vf--main.fixed {bottom: 70px;}
}
@media screen and (max-width: 1024px) {
  .eleicoes-bloco,
  .wrapper-map {width: 50%;}
  .eleicoes-header-main {display: none;}
  .eleicoes-info-nav {max-width: 100%;}
  .eleicoes-geral:before {left: -40px; top: 65px;}
  .eleicoes-info-nav {padding: 20px;}
}
@media screen and (max-width: 767px) {
  .eleicoes-bloco-wrapper {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .eleicoes-bloco, .wrapper-map {width: 100%;}
  .wrapper-map {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .eleicoes-info-nav ul {margin-left: 0px; margin-top: 15px;}
}