.tooltip {
    font-family:'lft-etica',sans-serif;font-weight:400;position:absolute;border-bottom:none;background-color:transparent;left:0;bottom:0;padding:0;right:0;opacity:1;top:auto;
}
.tooltip:before {
    content: attr(data-text);position:absolute;top:50%;transform:translateY(-50%);left:80%;margin-left:15px;width:100px;padding:10px;border-radius:10px;background:#000;color: #fff;text-align:center;display:none;
}
.tooltip.ezk:before {
    left:auto;right:90%;margin-right:5px;margin-left:0;
}
.tooltip.goi:before {
    content: attr(data-text);position:absolute;top:auto;transform:translateY(0%);transform:translateX(-75%);bottom:80%;margin-bottom:5px;width:100px;padding:5px;border-radius:5px;background:rgba(0,0,0,1);font-size:0.875em;color:#fff;text-align:center;display:none;
}
.tooltip:hover:before {
    display:block;
}
.tooltip:after {
    content:"";position:absolute;left:80%;margin-left:-5px;top:50%;transform:translateY(-50%);border:10px solid #000;border-color: transparent black transparent transparent;display:none;
}
.tooltip.ezk:after {
    margin-right:-15px;left:auto;right:90%;border-color: transparent transparent transparent black;
}
.tooltip.goi:after {
    margin-bottom:-10px;left:auto;top:auto;bottom:80%;transform:translateY(0%);transform:translateX(50%);border-color: black transparent transparent transparent;
}
.tooltip:hover:before, .tooltip:hover:after {
    display:block;
}
.tooltip:before {
    opacity:0;transition:.3s opacity;
}
.tooltip:hover:before {
    opacity:1;
}
.tooltip:after {
    opacity:0;transition:.3s;
}
.tooltip:hover:after {
    opacity:1;
}
.fr_hautes h2, .fr_hautes h3, .fr_hautes p{
    font-family:'lft-etica',sans-serif;
}
.fr_hautes h2{
    font-size:1.25em;font-weight:600;padding-left:0.75rem;
}
.fr_hautes .L-6:after {
    width: 0;
    background: none;
}
.fr_hautes .itzulia{
    font-size:1.125em;font-weight:500;color:#323232;margin-top:1rem;margin-bottom:0.25rem;
}
.fr_hautes .zenbaketa{
    font-size:0.85em;font-weight:400;color:#676767;
}
.fr_hautes .abstentzioa{
    font-size:0.925em;font-weight:600;color:#222;margin-top:1.5rem;
}
.fr_hautes .barrak{
    min-height:270px;position:relative;
}
.fr_hautes .barrak div{
    right:0.25em;left:0.25em;
}
.fr_hautes .barrak .portzentaia{
    z-index:3;font-weight:600;font-family:'lft-etica',sans-serif;text-shadow:1px 1px 0 #fff;position:absolute;top:0;margin-bottom:0;line-height:0;margin-top:-0.625rem;right:0;
}
.fr_hautes .mugikorra .barrak.barrak2 .portzentaia {
    right: auto;
    left: 0;
}
.fr_hautes span.tooltip{
    /*position:absolute;top:0;right:0;bottom:0;left:0;*/
}
.fr_hautes .grafikak .L-2:before {
    height: 0;
    background: none;
}
.fr_hautes .grafikak .L-2:after {
    width: 0;
    background: none;
}
.fr_hautes .karetoak{
    position:relative;
}
.fr_hautes .karetoak div{
    right:0.25em;left:0.25em;
}
.fr_hautes figure{
    margin:-0.5rem auto 0 auto;width:88px;height:88px;border-radius:100%;background:#f5f5f7;overflow:hidden;position:relative;-webkit-mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}
.fr_hautes figure.itzulia2{
    margin:-2.5rem auto 0 auto;width:120px;height:120px;
}
.fr_hautes .mugikorra figure.itzulia2{
    margin:-2.5rem auto 0 auto;width:100px;height:100px;
}
.fr_hautes img{
    max-width:none;position:absolute;top:55%;left:50%;width:auto;height:114px;height:86px;transform:translate(-51%,-50%);
}
.fr_hautes figure.itzulia2 img{
    height:116px;transform:translate(-51%,-50%);
}
.fr_hautes .grafikak.horizontala figure.itzulia2{
    margin:0 auto;width:120px;height:120px;
}
.fr_hautes img{
    max-width:none;position:absolute;top:55%;left:50%;width:auto;height:114px;height:86px;transform:translate(-51%,-50%);
}
.fr_hautes figure.itzulia2 img{
    height:116px;transform:translate(-51%,-50%);
}
.fr_hautes .hautagaiak_frantzia{
    width:100%;background:#fff;height:auto;
}
.fr_hautes .hautagaiak_frantzia .hautagaia{
    margin-bottom:0.625rem;font-family:'lft-etica',sans-serif;font-weight:400;font-size:1rem;
}
.fr_hautes .hautagaiak_frantzia .hautagaia.itzulia2{
    margin-bottom:0.25rem;
}
.fr_hautes .hautagaiak_frantzia .alderdia{
    font-family:'lft-etica',sans-serif;font-weight:600;font-size:0.85rem;color:#222;
}
.fr_hautes .oharra{
    position:relative;margin-top:1rem;font-family:'lft-etica',sans-serif;font-size:0.85rem;font-weight:400;
}
.fr_hautes .oharra .fr_hautes_borobila,.fr_hautes .fr_hautes_marratua{
    position:relative;display:inline-block;width:20px;height:16px;margin-right:2px;
}
.fr_hautes .fr_hautes_marratua{
    margin-left:10px;width:16px;
}
.fr_hautes .oharra .fr_hautes_borobila::before{
    content:"";display:block;position:absolute;left:0;top:2px;width:18px;height:18px;border:3px solid #212121;border-radius:50%;
}
.fr_hautes .oharra .fr_hautes_marratua::before{
    content:"";display:block;position:absolute;left:0;top:3px;width:15px;height:15px;background:repeating-linear-gradient(-55deg,#999,#999 2px,white 2px,white 4px);
}
.fr_hautes .progress {
    height: 0.75rem;
    margin-bottom: 0;
    border-radius: 0;
    background-color: none;
    background: none;
    margin-top: 0.125em;
}
.fr_hautes h3 {
    font-size: 1.1875rem;
    line-height: 1.2;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .fr_hautes .grafikak{
        padding:1.5rem 0 1.25rem;
    }
    .fr_hautes .barrak div,.fr_hautes .karetoak div{
        right:0;left:0;
    }
    .fr_hautes .barrak .portzentaia{
        font-size:0.925em;
    }
    .fr_hautes figure{
        margin:-0.5rem auto 0 -1.125rem;width:68px;height:68px;
    }
    .fr_hautes img{
        height:66px;transform:translate(-51%,-50%);
    }
    .fr_hautes .hautagaiak_frantzia{
        margin-top:0.875em;
        transform: rotate(-42deg);
    }
    .fr_hautes .hautagaiak_frantzia .hautagaia{
        margin-bottom:0;margin-left:-5px;font-size:0.7625rem;
    }
    .fr_hautes .hautagaiak_frantzia .alderdia{
        font-size:0.675rem;
    }
    /*.fr_hautes .oharra{
        background:#efefef;margin:0.5rem 0 1px 0;padding:0.25rem 0.5rem;
    }*/
}
@media only screen and (max-width: 640px) {
    .fr_hautes h2{
        font-size:1.125em;padding-left:0.5em;
    }
    .fr_hautes .L-6::before {
        background: none;
    }
    .fr_hautes .itzulia{
        font-size:1em;margin-top:0.5rem;
    }
    .fr_hautes .zenbaketa{
        font-size:0.825em;;
    }
    .fr_hautes .abstentzioa{
        margin-top:0.75rem;
    }
    .fr_hautes .barrak{
        min-height:200px;
    }
    .fr_hautes .mugikorra .barrak.barrak1,.fr_hautes .mugikorra .karetoak.barrak1 div{
        margin-left:2em;
        margin-right:0.25em;
    }
    .fr_hautes .mugikorra .barrak.barrak2,.fr_hautes .mugikorra .karetoak.barrak2 div{
        margin-right:2em;
        margin-left:0.25em;
    }
    .fr_hautes .barrak .portzentaia{
        font-size:0.925em;
    }
    .fr_hautes figure{
        margin:-0.5rem auto 0 -0.5rem;width:68px;height:68px;
    }
    .fr_hautes img{
        height:66px;transform:translate(-51%,-50%);
    }
    .fr_hautes .mugikorra figure.itzulia2{
        margin:-2.5rem auto 0 auto;width:100px;height:100px;
    }
    .fr_hautes .mugikorra figure.itzulia2 img{
        height:96px;transform:translate(-51%,-50%);
    }
    .fr_hautes .hautagaiak_frantzia{
        margin-top:0.75em;
        transform: rotate(-42deg);
    }
    .fr_hautes .mugikorra .hautagaiak_frantzia {
        margin-top: 0.75em;
        transform: none;
    }
    .fr_hautes .hautagaiak_frantzia .hautagaia{
        margin-bottom:0;font-size:0.825rem;
    }
    .fr_hautes .hautagaiak_frantzia .alderdia{
        font-size:0.675rem;
    }
    .fr_hautes .mugikorra .hautagaiak_frantzia .alderdia{
        margin-bottom:0.25rem;
    }
    .fr_hautes .oharra{
        background:#efefef;margin:0.5rem 0 1px 0;padding:0.25rem 0.5rem;
    }
    .fr_hautes .herriak:nth-child(2n)::after {
        background-color: #DBDBDB;
        background: #DBDBDB;
        width: 1px;
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0.25em;
        bottom: 0.25em;
    }
    .fr_hautes .herriak h3{
        margin-left: 0.5em;
    }
}
/* Bigarren itzulirako */
.fr_hautes .grafikak.horizontala .hauta-kutxa-ezk,.fr_hautes .grafikak.horizontala .hauta-kutxa-esk{
    position:absolute;top:40px;right:-1rem;
}
.fr_hautes .grafikak.horizontala .hauta-kutxa-esk{
    right:auto;left:-1rem;
}
.fr_hautes .grafikak.horizontala .hautagaiak_frantzia .hautagaia {
    font-size: 0.925rem;
}
.fr_hautes .grafikak.horizontala figure.itzulia2 {
    margin: 0 auto;
    width: 116px;
    height: 116px;
    z-index:9;
    border:4px solid #fff;
}
.fr_hautes .grafikak.horizontala figure.itzulia2.garaile {
    border:5px solid #212121;
}
.fr_hautes .grafikak.horizontala figure.itzulia2 img{
    height: 104px;
}
.fr_hautes .grafikak.horizontala .barrak {
    min-height: 200px;
}
.fr_hautes .grafikak.horizontala .barrak .boto-barra1,.fr_hautes .grafikak.horizontala .barrak .boto-barra2{
    position:absolute;top:60px;left:0;height:60px;
}
.fr_hautes .grafikak.horizontala .barrak .boto-barra2{
    left:auto;
    right:0;
}
.fr_hautes .grafikak.horizontala .barrak .boto-barra17-1,.fr_hautes .grafikak.horizontala .barrak .boto-barra17-2{
    opacity:0.75;position:absolute;top:120px;left:0;height:20px;
}
.fr_hautes .grafikak.horizontala .barrak .boto-barra17-2{
    left:auto;right:0;
}
.fr_hautes .grafikak.horizontala .barrak .portzentaia{
    position: relative;
    margin-top:-0.75rem;
}
.fr_hautes .grafikak.horizontala .barrak p.portzentaia.garaile{
    margin-top:-0.895rem;font-size:1.5rem;
}
.grafikak.horizontala .barrak::after{
    content: "";
    display: block;
    position: absolute;
    right: 0;
    width: 1px;
    background: #DBDBDB;
    bottom: 2.75rem;
    top: 55px;
    left:50%;
}
.grafikak.horizontala .barrak::before{
    content: "%50";
    display: block;
    position: absolute;
    right: 0;
    width: auto;
    background: none;
    bottom: 1.625rem;
    top: auto;
    left:0;
    text-align:center;
    font-family:'lft-etica',sans-serif;
    color:#777;
    font-size:12px;
    z-index:1199;
}
.grafikak.horizontala .tooltip.goi:before {
    transform:translateY(0%);transform:translateX(-50%);bottom:100%;left:50%;margin-bottom:5px;width:120px;padding:10px;border-radius:10px;font-size:95%;
}
.grafikak.horizontala .tooltip.goi:after {
    z-index:1200;margin-bottom:-15px;left:50%;bottom:100%;transform:translateY(0%);transform:translateX(0%);
}
.grafikak.horizontala .tooltip.behe:before {
    z-index:1200;transform:translateY(0%);transform:translateX(-50%);top:100%;left:50%;margin-top:5px;width:120px;padding:10px;border-radius:10px;font-size:95%;
}
.grafikak.horizontala .tooltip.behe.esk:before {
    transform:translateX(-125%);left:75%;
}
.grafikak.horizontala .tooltip.behe:after {
    margin-top:-15px;left:50%;top:100%;transform:translateY(0%);transform:translateX(-50%);border-color:transparent transparent black transparent;
}
@media screen and (max-width: 39.9375em) {
    .fr_hautes .grafikak.horizontala .barrak {
        min-height: 180px;
    }
    .fr_hautes .grafikak.horizontala .hauta-kutxa-ezk,.fr_hautes .grafikak.horizontala .hauta-kutxa-esk{
        right:-0.5rem;
    }
    .fr_hautes .grafikak.horizontala .hauta-kutxa-esk{
        left:-0.5rem;
    }
    .fr_hautes .grafikak.horizontala figure.itzulia2 {
        width: 88px;
        height: 88px;
    }
    .fr_hautes .grafikak.horizontala figure.itzulia2 img{
        height: 76px;
    }
    .fr_hautes .grafikak.horizontala .barrak p.portzentaia.garaile{
        font-size:1.25rem;
    }
    .fr_hautes .grafikak.horizontala .hautagaiak_frantzia {
        margin-top: 0.25em;
        transform: rotate(0deg);
        margin-bottom: 0.025rem;
    }
    .fr_hautes .grafikak.horizontala .hautagaiak_frantzia .alderdia {
        margin-bottom: 0;
    }
    .fr_hautes .grafikak.horizontala .oharra {
        margin: -2rem 0 1px 0;
    }
    .fr_hautes .grafikak.horizontala .barrak .boto-barra1,.fr_hautes .grafikak.horizontala .barrak .boto-barra2{
        top:55px;height:50px;
    }
    .fr_hautes .grafikak.horizontala .barrak .boto-barra17-1,.fr_hautes .grafikak.horizontala .barrak .boto-barra17-2{
        top:105px;height:15px;
    }
    .grafikak.horizontala .barrak::after{
        top: 52px;
        bottom: 20%;
    }
    .grafikak.horizontala .barrak::before{
        bottom: 10%;
    }
    .grafikak.horizontala .tooltip.behe.esk:after {
        left:40%;transform:translateX(-100%);
    }
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .fr_hautes .grafikak.horizontala .hauta-kutxa-ezk,.fr_hautes .grafikak.horizontala .hauta-kutxa-esk{
        right:-0.5rem;
    }
    .fr_hautes .grafikak.horizontala .hauta-kutxa-esk{
        left:-0.5rem;
    }
    .fr_hautes .grafikak.horizontala figure.itzulia2 {
        width: 88px;
        height: 88px;
    }
    .fr_hautes .grafikak.horizontala figure.itzulia2 img{
        height: 76px;
    }
    .fr_hautes .grafikak.horizontala .barrak p.portzentaia.garaile{
        font-size:1.25rem;
    }
    .fr_hautes .grafikak.horizontala .hautagaiak_frantzia {
        margin-top: 0.25em;
        transform: rotate(0deg);
        margin-bottom: 0.025rem;
    }
    .fr_hautes .grafikak.horizontala .hautagaiak_frantzia .alderdia {
        margin-bottom: 0;
    }
    .fr_hautes .grafikak.horizontala .oharra {
        margin: -2rem 0 1px 0;
    }
    .fr_hautes .grafikak.horizontala .barrak .boto-barra1,.fr_hautes .grafikak.horizontala .barrak .boto-barra2{
        top:55px;height:50px;
    }
    .fr_hautes .grafikak.horizontala .barrak .boto-barra17-1,.fr_hautes .grafikak.horizontala .barrak .boto-barra17-2{
        top:105px;height:15px;
    }
    .grafikak.horizontala .barrak::after{
        top: 52px;
        bottom: 20%;
    }
    .grafikak.horizontala .barrak::before{
        bottom: 10%;
    }
    .grafikak.horizontala .tooltip.behe.esk:after {
        left:40%;transform:translateX(-100%);
    }
}