@import url('/b/css/scheme-elements.css?ver=220923c');
@import url('/css/microsite/volby/volby-uni2.css?rr=230108');
.q-ie #megavolby {display:none}

/* idn4 rozmery */
#megavolby {display:flex; gap:2em; margin:0 auto 1.5rem; padding:1.5em; border-radius:.5rem; font-size:1rem; font-feature-settings:"lnum"; color:#2B3135; background:#FFF url('/o/volby-n4/2024/sk-prezident-bg.jpg') no-repeat 0 0 / 100% auto}								
.iph ~ .content #megavolby {max-width:964px}
#megavolby .megacol-a, #megavolby .megacol-b, #megavolby .megacol-c {position:relative}
#megavolby .megacol-a {flex:0 0 26.09%}
#megavolby .megacol-b {flex:1}
#megavolby .megacol-c {flex:0 0 26.09%; display:flex; flex-direction:column; justify-content:flex-end; gap:.75em}
#wrapper #megavolby {flex-direction:column; gap:.75em; margin:0 auto 1rem; padding:1em; border-radius:0; background-size:auto 75%}
#wrapper .section #megavolby {width:calc(100% + 2rem); margin:0 -1rem}
#wrapper #megavolby .megacol-a, #wrapper #megavolby .megacol-b, #wrapper #megavolby .megacol-c {float:none; clear:both; width:100%; margin:0}
#wrapper #megavolby .megacol-a {padding-top:0}
#wrapper #megavolby .megacol-b {order:-1}
#wrapper #megavolby .megacol-c {}

#wrapper #megavolby .touchh.touchh, #megavolby .fullh.fullh {display:none}
#wrapper #megavolby .fullh.fullh {display:block; margin-bottom:.5rem}

#megavolby .mega-btn, #megavolby .mega-more {gap:.5rem; border-color:#D6DEEB; color:#122E5B; background:#EDF2F9; justify-content:center; text-align:center}
#megavolby .mega-btn:hover, #megavolby .mega-more:hover {background:#D6DEEB}
#megavolby [class*="ico-"]:before {filter:var(--filter-pri80)}
#megavolby .mega-btn-sec {border-color:transparent; color:#FFF; background:#1B3E7A}
#megavolby .mega-btn-sec:hover {background:#122E5B}
#megavolby .mega-more:after {content:''; position:absolute; top:-1em; left:0; right:0; width:auto; height:1em; margin:-1px; background:linear-gradient(180deg, rgba(128,128,128,0) 0%, #FFF 100%)} 
#megavolby .read-more:after {content:''; display:block; width:1em; height:1em; margin:0 0 0 .5rem; background:url('/u/icon/124/more.svg') no-repeat 50% 50%}
#megavolby .mega-btn.read-more {justify-content:flex-end}
#megavolby .mega-btn.icon-calc:before {background-image:url('/u/icon/124/calc.svg')}
#megavolby .mega-btn.icon-chart:before {background-image:url('/u/icon/124/chart.svg')}
#megavolby .mega-btn.icon-category:before {background-image:url('/u/icon/124/category.svg')}
#megavolby .mega-btn.icon-sim:before {background-image:url('/u/icon/124/turnout.svg')}

#megavolby .mega-fotogal {display:block; color:#FFF}
#megavolby .mega-fotogal .more-gallery {color:#FFF; background:linear-gradient(rgba(16,36,71,0) 30%, rgba(16,36,71,.8) 100%)}
#megavolby .mega-fotogal h3:before {background-image:url('/u/icon/fff/foto.svg')}
#megavolby .mega-fotogal span {border-color:#FFF}
#megavolby .megacol-c .mega-fotogal {height:8.5em}
#wrapper #megavolby .megacol-c .mega-fotogal {width:230px; height:129px}

#megavolby .logo {display:block; width:fit-content; margin:0 auto .5rem; padding:0 0 0 2.4em; font-weight:600; font-size:125%; line-height:1; font-family:'Fira Sans', sans-serif; text-transform:uppercase; color:#2B3135; background:url('/o/volby-n4/statni-znak-sk.png') no-repeat 0 50% / contain}

#megavolby .results {margin:0 0 .75rem; padding:.25rem 2rem; border-radius:4px; text-align:center; text-transform:uppercase; font-weight:800; font-size:87.5%; line-height:1.25; color:#2B3135; background:#FFF}

a.mega-camera {color:#122E5B}

/* Blok A */
#megavolby .mega-live {margin:0 0 .5rem; padding:0 0 0 1.25rem; text-transform:uppercase; font-weight:800; font-size:87.5%; line-height:1.286; color:#122E5B; background:url('/u/icon/e11/live.svg') no-repeat 0 50% / 1rem 1rem}
#megavolby .mega-live:before {display:none}
#megavolby .mega-online-out:hover .mega-live {text-decoration:underline}
#megavolby .mega-online .time {color:#2B3135; background:#FFF}
#megavolby .megacol-a .mega-fotogal {height:100%}

/* Blok C */
#megavolby .mega-links-out {position:relative; display:flex; flex-direction:column; justify-content:flex-end; height:100%; overflow:hidden}
#megavolby .mega-links {position:absolute; bottom:3rem; gap:.5rem; line-height:1.286}
#megavolby .mega-links a {color:#122E5B; background-image:url('/u/icon/68c/arrow2-right.svg')}
#wrapper #megavolby .mega-links {position:static; margin:0 0 .5rem} 

.mega .vlb-mapa, .mega #vlb-search {margin:0}
.mega .vlb-mapa svg {display:block}
.mega .vlb-mapa .ico-info {display:none}
.mega .bublifukovina {padding-right:5.25em !important}
.mega .bublifukovina .person-foto {position:absolute; bottom:.75em; right:.75em}
#wrapper #megavolby .vlb-mapa {width:230px; margin:0 auto}

/* Blok B */
.mega .person-foto {position:relative; overflow:hidden; width:4em; height:4em; margin:0 auto; border:3px solid #FFF; border-radius:100%; text-align:center; background:url('/o/all/nophoto9.jpg') no-repeat 50% 50% / contain; box-shadow:0 2px 8px 0 rgba(0,0,0,.32); box-sizing:border-box}
.mega .person-foto samp {position:absolute; top:0; left:50%; width:300%; height:100%; margin:0 0 0 -150%}
.mega .person-foto img {display:block; width:auto; max-width:none; height:100%; margin:auto}
.mega .person-foto > img {display:inline-block; vertical-align:top; margin:0 -45%}

.mega .vlbcandline {clear:both; overflow:auto; width:100%; margin:0}
.mega .vlbcandline ul {display:flex; justify-content:space-between}
.mega .vlbcandline li {flex:1; position:relative; overflow:hidden; display:flex; flex-direction:column; gap:.125rem; min-width:3.75rem; padding:.25rem 0 0; text-align:center; box-sizing:border-box}
.mega .vlbcandline h3 {display:table; width:1em; margin:0 auto; font-weight:600; font-size:62.5%; line-height:1.2; font-family:inherit; text-align:center}
.mega .vlbcandline h3 a {color:#122E5B}
.mega .vlbcandline h3 a:hover {text-decoration:underline}
.mega .vlbcandline h3 a:before {content:''; position:absolute; top:0; left:0; bottom:0; right:0; z-index:1}
.mega .vlbcandline .person-foto {order:-1; width:2.75rem; height:2.75rem; margin:0 auto .125rem; border-width:2px}
.mega .vlbcandline p {margin:0; font-size:62.5%; line-height:1.2}
.mega .vlbcandline p strong {display:block; margin:0; font-weight:800; font-size:120%; line-height:1.167}

.mega .vlbduelline {display:flex; justify-content:space-between; gap:.25rem; margin:0}
.mega .vlbduelline li {flex:1; position:relative; display:flex; flex-direction:column; justify-content:flex-end; min-height:5.75rem; padding:0 0 .75rem 5.5rem; text-align:left; box-sizing:border-box}
.mega .vlbduelline li:first-child {padding:0 5.5rem .75rem 0; text-align:right}
.mega .vlbduelline .pie {position:absolute; top:0; left:0; width:5rem; height:5rem; padding:.5rem; border-radius:50%; background:conic-gradient(#D6DEEB var(--degree), #EDF2F9 calc(var(--degree) + .5deg) 100%); box-sizing:border-box}
.mega .vlbduelline .pie .person-foto {position:relative; width:100%; height:100%}
.mega .vlbduelline li:first-child .pie {left:auto; right:0}
.mega .vlbduelline h3 {margin:0; font-weight:600; font-size:87.5%; line-height:1.286; font-family:inherit}
.mega .vlbduelline h3 a {color:#122E5B}
.mega .vlbduelline h3 a:hover {text-decoration:underline}
.mega .vlbduelline h3 a:before {content:''; position:absolute; top:0; left:0; bottom:0; right:0; z-index:1}
.mega .vlbduelline p {margin:0; font-size:62.5%; line-height:1.2}
.mega .vlbduelline p strong {display:block; margin:0 0 1px; font-weight:800; font-size:140%; line-height:1.286}

.mega .vlbstatus {clear:both; margin:0 auto .5rem; font-size:62.5%; line-height:1.2; text-align:center}

.mega .vlbduelfinal {position:relative; display:flex; justify-content:space-between; margin:0 0 .5rem}
.mega .vlbduelfinal li {flex:0 0 50%; position:relative; display:block; text-align:right}
.mega .vlbduelfinal li:first-child {text-align:left}
.mega .vlbduelfinal .person-foto {position:relative; z-index:3; float:right; width:5rem; height:5rem; margin:0 0 0 .5rem}
.mega .vlbduelfinal li:first-child .person-foto {float:left; margin:0 .5rem 0 0}
.mega .vlbduelfinal h3 {display:table; width:2em; margin:.25rem 0 .25rem auto; font-weight:600; font-size:87.5%; line-height:1.25; font-family:inherit}
.mega .vlbduelfinal h3 a:hover {text-decoration:underline}
.mega .vlbduelfinal li:first-child h3 {margin-left:0}
.mega .vlbduelfinal h3 a:before {content:''; position:absolute; top:0; left:0; bottom:0; right:0; z-index:3}
.mega .vlbduelfinal .vlb-zizalka {position:relative; height:0; overflow:visible; margin:-.5rem 0 0; padding:.5rem 0 0; background:none }
.mega .vlbduelfinal li:first-child .vlb-zizalka {width:calc(200% - 8rem); margin-left:4rem; background:url('/u/icon/567/arrow-down.svg') no-repeat 50% 50% / auto 100%}
.mega .vlbduelfinal .vlb-zizalka u {position:absolute; top:.5rem; left:0; height:1.125rem; border-radius:0; background:#B2B9BE}
.mega .vlbduelfinal .vlb-zizalka u u {position:relative; top:0}
.mega .vlbduelfinal p {position:relative; z-index:2; font-size:62.5%; line-height:1.2}
.mega .vlbduelfinal p strong {display:block; margin:0 0 .25rem; font-weight:800; font-size:.875rem; line-height:1.125rem; color:#FFF}