@import url("/css/ostatni/expres-base.css");

@font-face { font-family: "Roboto"; font-weight: 400; font-style: normal; src: url("/fonts/Roboto/Roboto-Regular.woff2") format("woff2"), url("/fonts/Roboto/Roboto-Regular.woff") format("woff"); font-display: swap }
@font-face { font-family: "Roboto"; font-weight: 600; font-style: normal; src: url("/fonts/Roboto/Roboto-Medium.woff2") format("woff2"), url("/fonts/Roboto/Roboto-Medium.woff") format("woff"); font-display: swap }
@font-face { font-family: "Roboto"; font-weight: 700; font-style: normal; src: url("/fonts/Roboto/Roboto-Bold.woff2") format("woff2"), url("/fonts/Roboto/Roboto-Bold.woff") format("woff"); font-display: swap }

@font-face { font-family: "Saira"; font-weight: 700; font-style: normal; src: url("/fonts/Saira/Saira_SemiCondensed-Bold.woff2") format("woff2"), url("/fonts/Saira/Saira_SemiCondensed-Bold.woff") format("woff"); font-display: swap }
@font-face { font-family: "Saira"; font-weight: 800; font-style: italic; src: url("/fonts/Saira/Saira-ExtraBoldItalic.woff2") format("woff2"), url("/fonts/Saira/Saira-ExtraBoldItalic.woff") format("woff"); font-display: swap }

/*
prevzato z AY: media queries max-width:

od 1030 - "desktp"   
800 - 1029 - prechodovy stav; cislo 800 stanoveno "od oka"
800 a nize - "touch" - 1 sloupec

pomocne: 720?, 450?, 500
*/

:root { --ff-h: 'Saira', sans-serif; --ff-m: Roboto, sans-serif;
     --spacing-0125: .125rem; --spacing-025: .25rem; --spacing-05: .5rem; --spacing-075: .75rem; --spacing-1: 1rem; --spacing-125: 1.25rem; --spacing-15: 1.5rem; --spacing-175: 1.75rem; --spacing-2: 2rem; --spacing-225: 2.25rem; --spacing-25: 2.5rem; --spacing-3: 3rem; --spacing-35: 3.5rem; --spacing-4: 4rem; --spacing-45: 4.5rem; --spacing-5: 5rem; --spacing-6: 6rem; --spacing-7: 7rem; --spacing-8: 8rem; --spacing-9: 9rem; --spacing-10: 10rem; }

@media(max-width:800px) {
    :root { --spacing-0125: .0625rem; --spacing-025: .125rem; --spacing-05: .25rem; --spacing-075: .5rem; --spacing-1: .75rem; --spacing-125: .875rem; --spacing-15: 1rem; --spacing-175: 1.25rem; --spacing-2: 1.5rem; --spacing-225: 1.75rem; --spacing-25: 2rem; --spacing-3: 2.5rem; --spacing-35: 3rem; --spacing-4: 3.5rem; --spacing-45: 4rem; --spacing-5: 4.5rem; --spacing-6: 5rem; --spacing-7: 6rem; --spacing-8: 7rem; --spacing-9: 8rem; --spacing-10: 9rem; }
}


html { overflow-y: scroll; }
body {min-height:100vh; font-family: var(--ff-m); color: #171717; background: #FFF; overflow-anchor: none }
h1, h2, h3, .portal-g2-menu1, #najdete li > a, .opener-foto .more-gal, .art.opener-bul .cell,
#\--fotogalerie.complete, .related p, .related li, .list-tit2, .title-box, .related-galery .art .art-link:before, .test-form h4 { font-weight: 700; font-family: var(--ff-h); line-height: 1.15 }

a, .art a h3, .extra-box-list a h2 { -webkit-transition: color .3s; -moz-transition: color .3s; -o-transition: color .3s; transition: color .3s }
.opener-foto .more-gal { -webkit-transition: background-color .2s; -moz-transition: background-color .2s; transition: background-color .2s }
a { color: #FE0000; text-decoration: none }
a:hover { color: #000 }
img { vertical-align: middle }

.hashtag:before { content: '#' }

/* layout*/
#main { position: relative; width: 100%; max-width: 1920px; margin: 0 auto; padding: 0; /*overflow: hidden;*/ text-align: center }
#page { position: relative; width: 100%; max-width: 1030px; min-height: 60vh; margin: 0 auto; cursor: initial; /*overflow:hidden;*/ text-align: left; background: #fff }

.content { position: relative; padding-bottom: 2rem; clear: both; }


.col-a, .col-b { box-sizing: border-box; }

.col-a { /*container-name: col-a; container-type: inline-size;*/ float: left; width: calc(100% - 390px); /*max-width: 642px;*/ margin-left: 30px; margin-right: 30px }
.col-b { clear: right; float: right; width: 300px; margin-right: 30px; }
.col-ab, .col-h, .col-full { margin: 0 30px; box-sizing: border-box }


.space { display: flex; justify-content: space-between; margin-bottom: 2rem }
.space .col-a { flex: 1 1 auto; }
.space .col-b { flex: 0 0 auto; }

@media(max-width:800px) {
    .space { display: block }
    .col-a, .col-h, .col-full { width: 100%; margin: 0; padding: 0 1rem; }
    .col-b { display: none }
    .col-ab { margin: 0 10px }
}

.col-b:first-of-type .r-head { margin: -14px 0 0px }

/* layout konec*/


/*reklama*/

.r-head { text-align: right; margin: -14px auto 0px; }
.r-head span { background-image: url('/u/idn4/reklama.svg') }
.page .r-main { margin-bottom: 1rem }

.s_wallpaper { overflow: hidden; width: 970px; max-width: 100%; height: 310px; margin: auto; }
.s_widesquare, .s_widesquare_clankovy { margin: 0 auto 1rem; } /*overflow:hidden skryva nadpis reklama*/
.s_widesquare .r-body, .s_widesquare_clankovy .r-body { overflow: hidden;}
/*.s_widesquare { margin: 0 0 1rem auto }*/
.s_m_branding { margin: 0 -1rem 1rem }
.list-art .s_m_branding { width: 100vw; }

[class*="s_m_300"] { width: 300px; margin-left: auto; margin-right: auto }

/*prebiti sticky videa v clanku*/
#m_sticky {position:relative; z-index:5000}

/*z /m/css/reklama.css*/
.s_m_branding .r-body {min-height:75vh; background:rgba(176,190,197,.2) url('https://1gr.cz/u/idn4/reklama-bg-min.svg') no-repeat 50% 25% / 69px 48px}
[class*="s_m_300x250"] .r-body, .s_m_paticka .r-body {min-height:250px}
[class*="s_m_nativ"] {min-height:97px}

@media (max-width:1029px) {

    .ahead { display: none !important; }
    .s_widesquare, .s_widesquare_clankovy, .s_widesquare_spodni, .s_wallpaper { display: none }
}

@media (max-width:800px) {
    [class*="s_halfpagead"], .s_nativ { display: none }

    /*seznam vsech desktopovych pozic vygenerovany Radimem 10.4., panbu nam bud milostiv*/
     .s_headvideo, .s_skyscraper, .s_skyscraper_spodni, .s_halfpagead, .s_halfpagead_spodni, .s_interstitial,
    .s_sponzorship, .s_halfpagead_rubrika, .s_halfpagead_rubrika_spodni, .s_halfpagead_fotogalerie, .s_halfpagead_infinite,
    .s_300x50, .s_300x250, .s_tip_1, .s_tip_2, .s_tipserveru_2, .s_branding, .s_widesquare, .s_roll_out, .s_750x100, .s_branding, .s_stripe, .s_preroll,
    .s_hypertext_1, .s_hypertext_2, .s_hypertext_3, .s_hypertext_4, .s_hypertext_5, .s_hypertext_6, .s_hypertext_7, .s_hypertext_8,
    .s_postroll, .s_wallpaper, .s_rectangle, .s_widesquare, .s_midroll, .s_widesquare_spodni, .s_widget, .s_velky_wallpaper, .s_articlebox,
    .s_nativ_clankovy, .s_nativ, .s_nativ_spodni, .s_articlebox, .s_nativ, .s_outstream, .s_halfpagead_infinite, .s_branding_fotogalerie,
    .s_400x50, .s_widesquare_clankovy, .s_video_miniplayer_preroll, .s_video_miniplayer_postroll, .s_300x300, .s_midroll,
    .s_300x250_leva, .s_300x250_prava, .s_megaboard, .s_sponzorship, .s_rectangle_2, .s_ucho,
    .s_nativ_clankovy, .s_reminder, .s_nativ_infinite, .s_nativ_advertorial,
    .s_halfpagead_fotogalerie_stredni, .s_halfpagead_fotogalerie_spodni, .s_halfpagead_lazyload, .s_widesquare_clankovy2, 
    .s_widget_2, .s_halfpagead_rubrika_lazyload, .s_widesquare_clankovy3, .s_tipserveru, .s_reminder_nativ, .s_nativ  { display: none }

     /*docasna pojistka*/
    #headvideo, #skyscraper, #skyscraper_spodni, #halfpagead, #halfpagead_spodni, #interstitial,
    #sponzorship, #halfpagead_rubrika, #halfpagead_rubrika_spodni, #halfpagead_fotogalerie, #halfpagead_infinite,
    #300x50, #300x250, #tip_1, #tip_2, #tipserveru_2, #branding, #widesquare, #roll_out, #750x100, #branding, #stripe, #preroll,
    #hypertext_1, #hypertext_2, #hypertext_3, #hypertext_4, #hypertext_5, #hypertext_6, #hypertext_7, #hypertext_8,
    #postroll, #wallpaper, #rectangle, #widesquare, #midroll, #widesquare_spodni, #widget, #velky_wallpaper, #articlebox,
    #nativ_clankovy, #nativ, #nativ_spodni, #articlebox, #nativ, #outstream, #halfpagead_infinite, #branding_fotogalerie,
    #400x50, #widesquare_clankovy, #video_miniplayer_preroll, #video_miniplayer_postroll, #300x300, #midroll,
    #300x250_leva, #300x250_prava, #megaboard, #sponzorship, #rectangle_2, #ucho,
    #nativ_clankovy, #reminder, #nativ_infinite, #nativ_advertorial,
    #halfpagead_fotogalerie_stredni, #halfpagead_fotogalerie_spodni, #halfpagead_lazyload, #widesquare_clankovy2, 
    #widget_2, #halfpagead_rubrika_lazyload, #widesquare_clankovy3, #tipserveru, #reminder_nativ, #nativ  { display: none }


}

@media (min-width:800px) {
    .s_m_branding { display: none }
    [class*="touch-2"].r-main, #m_vignete, .s_m_nativ { display: none }

    /*seznam vsech touchovych pozic vygenerovany Radimem 10.4., panbu nam bud milostiv*/
    .s_m_leader, .s_m_leader_spodni, .s_m_300x250, .s_m_articlebox, .s_m_sticky, .s_m_articlebox, .s_m_nativ, .s_m_nativ_spodni, 
    .s_m_300x250_foto_start, .s_m_300x250_clankovy, .s_m_300x250_foto_end, .s_m_300x250_foto_mid, .s_m_branding,
    .s_m_paticka, .s_m_outstream, .s_m_300x300, .s_m_300x300_spodni, .s_m_rectangle, .s_m_halfpagead, .s_m_nativ_clankovy, 
    .s_m_300x250_foto_end_2, .s_m_300x250_infinite, .s_m_vignete, .s_m_widget, .s_m_nativ_infinite, 
    .s_m_300x250_clankovy_opak1, .s_m_300x250_clankovy_opak2, .s_m_300x250_clankovy_opak3, 
    .s_m_300x250_souvisejici, .s_m_300x250_vybrali, .s_m_nativ_clankovy_horni, .s_m_nativ_clankovy_spodni, 
    .s_m_sticky_foto, .s_m_branding_foto, .s_m_vignette_foto, .s_m_branding_foto2, .s_m_reminder_nativ, 
    .s_m_nativ_advertorial, .s_m_nativ, .s_m_300x250_foto_mid2, .s_m_300x250_foto_mid3, .s_m_300x250_foto_mid4, .s_m_reminder { display: none }

    /*docasna pojistka*/
    #m_leader, #m_leader_spodni, #m_300x250, #m_articlebox, #m_sticky, #m_articlebox, #m_nativ, #m_nativ_spodni, 
    #m_300x250_foto_start, #m_300x250_clankovy, #m_300x250_foto_end, #m_300x250_foto_mid, #m_branding,
    #m_paticka, #m_outstream, #m_300x300, #m_300x300_spodni, #m_rectangle, #m_halfpagead, #m_nativ_clankovy, 
    #m_300x250_foto_end_2, #m_300x250_infinite, #m_vignete, #m_widget, #m_nativ_infinite, 
    #m_300x250_clankovy_opak1, #m_300x250_clankovy_opak2, #m_300x250_clankovy_opak3, 
    #m_300x250_souvisejici, #m_300x250_vybrali, #m_nativ_clankovy_horni, #m_nativ_clankovy_spodni, 
    #m_sticky_foto, #m_branding_foto, #m_vignette_foto, #m_branding_foto2, #m_reminder_nativ, 
    #m_nativ_advertorial, #m_nativ, #m_300x250_foto_mid2, #m_300x250_foto_mid3, #m_300x250_foto_mid4, #m_reminder { display: none }



}

/* portal */
.counters { position: absolute; top: -5000px; left: -5000px; z-index: 1 }

#footer { clear: both; background: var(--neutral-grey-100, #F1F1F1); }
#footer a { color: #171717; }
#footer a:hover { color: #f00 }
#footer .content { max-width: 964px; padding: 2.5rem 0 1.5rem; font-size: 1rem; }
#footer .f-idn { display: block; width: 160px; aspect-ratio: 4; margin: 0 auto 1.5rem; overflow: hidden; text-indent: -99em; background: #f00 url('//1gr.cz/o/expres/LogoExpres3.svg') no-repeat 50% 50% / 90% }
#footer .f-jpm { display: block; width: 120px; aspect-ratio: 2; margin: 0 auto 1.5rem; overflow: hidden; text-indent: -99em; background: #000 url('//1gr.cz/o/jpm/jpm_logo.png') no-repeat 50% 50% / 90% }
#footer #f-lnk { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 auto 1.5rem }
#footer #f-lnk li { display: block; font-weight: 700; font-size: 87.5%; line-height: 1.571 }
#footer #f-lnk a { padding: 0 .375rem; }
#footer #f-sls { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 auto 1.5rem }
#footer #f-sls li { display: block; font-weight: 400; font-size: 75%; line-height: 1.167; text-align: center }
#footer #f-sls li a { display: block; min-width: 6em; padding: 0 .5rem }
#f-sls .ico-mbl:before, #footer .ico-dsk:before, #footer .ico-eml:before, #footer .ico-rss:before, #footer .ico-fcb:before, #footer .ico-twt:before, #footer .ico-ins:before, #footer .ico-mes:before, #footer .ico-tik:before, #footer .ico-tgr:before, #footer .ico-idnes:before { content: ''; display: block; width: 1.5rem; height: 1.5rem; margin: 0 auto .25rem; background: no-repeat 50% 50% / contain; filter: var(--filter-txt-pri80) }
#f-sls .ico-mbl:before { background-image: url('/u/icon/000/mobile2.svg') }
#f-sls .ico-dsk:before { background-image: url('/u/icon/000/desktop.svg') }
#f-sls .ico-eml:before { background-image: url('/u/icon/000/mail2.svg') }
#f-sls .ico-rss:before { background-image: url('/u/icon/000/rss.svg') }
#f-sls .ico-fcb:before { background-image: url('/u/icon/000/social-facebook.svg') }
#f-sls .ico-twt:before { background-image: url('/u/icon/000/social-twitter.svg') }
#f-sls .ico-ins:before { background-image: url('/u/icon/000/social-instagram.svg') }
#f-sls .ico-mes:before { background-image: url('/u/icon/000/social-messenger.svg') }
#f-sls .ico-tik:before { background-image: url('/u/icon/000/social-tiktok.svg') }
#f-sls .ico-tgr:before { background-image: url('/u/icon/000/social-telegram.svg') }
#f-sls .ico-idnes:before { background-image: url('/u/icon/000/idnes.svg') }
#footer .f-top { float: right; width: 3rem; height: 3rem; border-radius: 100%; background: url('/u/icon/fff/arrow-up.svg') no-repeat 50% 50% / 50% 50%; background-color: var(--tgl-pri60) }
#footer #copyright { margin: 0 3.5rem; font-weight: 400; font-size: 81.25%; line-height: 1.231; text-align: center }
#copyright a { text-decoration: underline }

.ico-fcb:before, .ico-ins:before, .ico-idnes:before { content: ''; display: inline-block; width: 1em; height: 1em; margin: 0 .3em -.15em 0; background: no-repeat 50% 50% / contain;  }

/* presunuta paticka */
#footerbox { margin: 0 0 2rem; font-size: 81.25% }
#footerbox a {/*color:#000;*/ text-decoration:none; cursor:pointer}
#footerbox a:hover {color:var(--pri); text-decoration:underline}
#footerbox #f-sls a:before {filter: var(--filter-pri);}
/*#footerbox .f-idn {font-weight:600; color:var(--pri)}
*/


#footerbox .f-idn {display: block; width: 100px; aspect-ratio: 4; margin-bottom:1rem; overflow: hidden; text-indent: -99em; background: #f00 url(//1gr.cz/o/expres/LogoExpres3.svg) no-repeat 50% 50% / 90%;}

#footerbox ul {margin-top: .5rem; overflow: hidden }
#footerbox li { float: left; list-style: none }
#footerbox #f-sls li { width: 33%; margin: 0 0 .3em }

#footerbox #copyright { padding: .5rem 0 }
#footerbox #f-lnk li { margin: 0 .6em .3em 0; padding-right: .6em; border-right: 1px solid #75868E }

.lachtan-out { max-width: 1012px; margin: 2rem auto 0; padding: 1px 15px; border-radius: .5rem .5rem 0 0; background: var(--neutral-grey-100, #F1F1F1); }
.lachtan-out a { color: #171717; }
.lachtan-out a:hover { color: #f00; }

.lachtan1, .lachtan2 { clear: both; max-width: 964px; margin: 2rem auto; text-align: left }
.lachtan1 h4, .lachtan2 h4 { margin: 0 0 .5rem; font-weight: 700; font-size: 1.25rem; line-height: 1.222; font-family: var(--ff-h); text-align: left; text-transform: uppercase }
.lachtan1 li, .lachtan2 li { list-style: none; font-size: 87.5%; line-height: 1.286 }
.lachtan1 li a, .lachtan2 li a { display: block; padding: .25rem 0 }
.lachtan1 { display: grid; grid-template-columns: repeat(6, 1fr); gap: 1.25rem }
.lachtan1 > div { flex: 1 }
.lachtan2 ul { display: flex; flex-wrap: wrap; gap: .5rem 1.25rem }
.lachtan2 li { flex: 0 0 calc(25% - 1.25rem * 3/4) }


@media(max-width:1030px) {
    .lachtan-out { margin: 1rem 0; padding: 1px 0 }
    .lachtan1, .lachtan2 { margin: 1.5rem 1rem 0 }
    .lachtan1 { grid-template-columns: 1fr 1fr 1fr }
    .lachtan2 li { flex: 0 0 calc(50% - 1.25rem * 3/4) }
}

@media(max-width:650px) {
    .lachtan1 { grid-template-columns: 1fr 1fr }
    .lachtan2 ul { display: block }
}






.emblem-1 { display: block; width: 32vw; min-width: 135px; max-width: 248px; /*min-width:170px*/ }
.emblem-1 img { display: block; width: 100%; height: auto }

.emblem-2 { display: block; width: 1.5rem; /*min-width:170px*/ }
.emblem-2 img { display: block; width: 100%; height: auto }


.iph-prem { display: flex; flex-direction: row-reverse; align-items: center; gap: .5rem; }
.iph-prem .premlab, .iph-prem .btn-prem, .iph-prem .btn-prem:hover { margin: 0; padding: 0 .5rem; border-radius: .25rem; font-weight: 700; font-size: 81.25%; line-height: 2.154; text-decoration: none; box-shadow: 0 4px 8px rgba(0,0,0,.12); }
.iph-prem p {min-width:11em; text-align: right; font-size: .625rem; line-height: 1.2; color: #fff }


.portal-search form { display: flex; }
.portal-search input { border: none; box-shadow: none; }
.portal-search input[type=text] { padding: .125rem .75rem; font-size:1rem; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.35) inset; background: #fff }
.portal-search input[type=text]:placeholder { color: #707070 }
.portal-search input[type=submit] { background: url(/o/expres/icon/000/search.svg) no-repeat center }


.portal-g2 .portal-search input[type=submit] { width: 1.5rem; height: 1.5rem; background-color: #FED933 }

.portalmenu .portal-search { margin-bottom: 1rem }
.portalmenu .portal-search input[type=text] { flex: 1 1 auto; }
.portalmenu .portal-search input[type=submit] { width: 2rem; height: 2rem; background-image: url(/o/expres/icon/fff/search.svg); background-color: #000 }

.portal {--portal-bg:#fe0000; position: relative; margin: 0 0 var(--spacing-15, 1.5rem); text-align: left; background:var(--portal-bg)}
.portal.jpm {--portal-bg:#000}
.portal-g1 { display: flex; justify-content: space-between; align-items: center; padding: var(--spacing-1, 1rem) var(--spacing-15, 1.5rem); }

@media(max-width:950px) {
    .portal-g1 { padding: 1rem .75rem; }
}

.portal-g2 { position: relative; display: flex; justify-content: space-between; align-items: center; padding: 0 var(--spacing-15, 1.5rem); z-index: 1500; box-sizing: border-box; border-top: 1px solid #fff;}
.portal-g2.fixed { border: none;  background:var(--portal-bg)}

@media(max-width:950px) {
    .portal-g2 { border-top: 0; min-height: 1px }
    .portal-g2 > * { display: none }
}


#emblem-2 { display: none; margin-right: .25em; transform: scale(.1); transition: transform 1500ms }
.portal-g2.fixed #emblem-2 { display: block; transform: scale(1) }
.portal-g2.fixed .iph-prem { display: none }


.portal-g2 .portal-search { display: none; padding: .75rem }
.portal-g2.fixed .portal-search { display: block }

.portal-icolist { display: flex; gap: 1.5em; }
.portal-icolist li { position: relative; display: block; text-align: center; font-size: .5rem }

.portal-icolist a { position: relative; display: block; cursor:pointer; color: #fff; }
.portal-icolist [class*="ico-"]:before { content: ''; display: block; width: 1.25rem; height: 1.25rem; margin: 0 auto 2px; font-size: 1.5rem; text-align: center; filter: var(--filter-white) }

.ico-login0:before { background-image: url('/o/expres/icon/000/login0.svg') }
/*.ico-login1:before {background-image:url('/o/expres/icon/000/login1.svg')}*/
.ico-login1:before { background-image: url('/o/expres/icon/000/login0.svg') }


a.ico-login1, .q-prihlasen a.ico-login0 { display: none }
.q-prihlasen a.ico-login1 { display: block }

.ico-menu:before { background-image: url('/u/icon/000/menu.svg') }
.portal-icolist .ico-menu.active:before { background-image: url('/u/icon/000/close-i.svg') }
.portal-icolist .ico-menu.active:after { content: 'Zav\159 \ed t'; position: absolute; bottom: 0; left: 50%; width: 4em; margin-left: -2em; background: #f00 }


.portal-g2-menu1 {flex:1 1 auto; position: relative;  text-transform: uppercase; }
.portal-g2a {width:100%}
.portal-g2-menu1 ul {display: flex; justify-content: space-evenly; align-items: center; gap:.25em; width: 100%; margin:.125em 0}
.portal-g2-menu1 li {width: max-content; list-style: none; font-weight: 700; font-family: var(--ff-h) }
.portal-g2-menu1 li > a { position: relative; display: block; padding: 5px 0 5px 0; border-left: .5em solid transparent; color: #fff; cursor: pointer; }
.portal-g2-menu1 li:first-child > a { border-left: 0 }
.portal-g2-menu1 li > a:after { content: ''; position: absolute; left: -.5rem; bottom: 0; width: 0; border-bottom: 2px solid #FED933; transition: .3s }
.portal-g2-menu1 li > a:hover:after, .portal-g2-menu1 .active > a:after { width: 100% }

.portal-g2-more { position: relative; }
.portal-g2-more:after { content: ""; width: 1em; height: 1em; background: url(/u/icon/000/arrow-down.svg); background-size: contain }

.portal-g2-menu2 { display: none; position: absolute; }
.portal-g2-more.active .portal-g2-menu2 { display: block }

.portal-g2-menu2 li > a { color: #000 }

.portalmenu { display: none; position: absolute; right: 0; left: 0; bottom: 0; width: 100%; height: calc(100% - 130px); z-index: 15000; background: #171717cc; }

.portalmenu.visible { display: block }
/*.portalmenu:before {content:""; position:absolute; right:0; left:0; height:100%; position:fixed; bottom:0 }*/

.portalmenu-in { position: relative; width: 360px; height: 100%; margin: -2.4rem 0 auto auto; padding: 1rem; box-sizing: border-box; background: #fff }

@media(max-width:950px) {
    .portalmenu { height: calc(100% - (5.8vw + 2rem)); max-height: calc(100% - (33px + 2rem)); }
    .portalmenu-in { width: 100%; margin-top: 0 }
}

.portalmenu-list { margin: 0 0 2rem; padding: 0 .75rem; }
.portalmenu-list ul { display: flex; flex-direction: column; gap: 1rem; list-style: none; text-transform: uppercase; font-family: var(--ff-h); font-weight: 700; }
.portalmenu-list li, .portalmenu-list a { color: #000 }
.portalmenu-list li.hashtag {font-size:.875em}
.portalmenu-list li.hashtag, .portalmenu-list li.hashtag a {color: #FE0000}
/*.portalmenu-list .hashtag:before {content:"\0023"}*/

.portalmenu-list a:hover { text-decoration: underline }

.portal-social { margin: 0 -1rem 2rem; padding: 1rem 1.75rem; font-size: 125%; border: solid var(--neutral-grey-200, #DEDEDE); border-width: 1px 0 }
.portal-social ul { display: flex; gap: 1.5rem; justify-content: center; }
.portal-social li { display: block; }
.portal-social li ~ li { margin-left: 6px }
.ico-face, .ico-inst { overflow: hidden; display: block; width: 1.3em; height: 1.3em; text-indent: -99em; background: no-repeat 50% 50% / contain }
.ico-face { background-image: url('/o/expres/ico-face.svg') }
.ico-inst { background-image: url('/o/expres/ico-inst.svg') }

.portal-webs ul { display: flex; flex-wrap: wrap; gap: 1.25rem; justify-content: center; }
.portal-webs li { display: block }

#p-searcher { float: right; padding: 8px 0; white-space: nowrap; color: #000; background: #FFF }
#p-searcher form { display: block; position: relative; line-height: 1 }
#p-searcher label { display: none }
#p-searcher .inp, #p-searcher .sen { height: 2em; margin: 0; padding: 0 4px; font-size: 87.5% }
#p-searcher .inp { width: 12em; padding-right: 3em; border: 1px solid #999 }
#p-searcher .inp:focus { border-color: #333 }
#p-searcher .sen { position: absolute; right: 0; top: 0; z-index: 2; width: 3em; border: 0; border-radius: .3em; background: url('/o/expres/ico-search3.svg') no-repeat 50% 50% / auto 70%; text-indent: -99em }
#p-searcher .sen:hover { background-color: rgba(128,128,128,.2) }
#p-searcher #words { left: 0 }
#p-words, #words { display: none }


/***************************************/

.q-js .arts-1, .q-js .arts-2, .q-js .arts-3, .q-js .arts-4, .q-js .arts-5, .q-js .arts-6, .q-js .arts-7, .q-js .arts-8, .q-js .arts-9, .q-js .arts-10, .q-js .arts-11, .q-js .arts-12, .q-js .arts-13, .q-js .arts-14, .q-js .arts-15 { display: none }
.q-js .prep-1 .arts-1, .q-js .prep-2 .arts-2, .q-js .prep-3 .arts-3, .q-js .prep-4 .arts-4, .q-js .prep-5 .arts-5, .q-js .prep-6 .arts-6, .q-js .prep-7 .arts-7, .q-js .prep-8 .arts-8, .q-js .prep-9 .arts-9, .q-js .prep-10 .arts-10, .q-js .prep-11 .arts-11, .q-js .prep-12 .arts-12, .q-js .prep-13 .arts-13, .q-js .prep-14 .arts-14, .q-js .prep-15 .arts-15 { display: block }
.q-js .prep-1 .nava-1, .q-js .prep-2 .nava-2, .q-js .prep-3 .nava-3, .q-js .prep-4 .nava-4, .q-js .prep-5 .nava-5, .q-js .prep-6 .nava-6, .q-js .prep-7 .nava-7, .q-js .prep-8 .nava-8, .q-js .prep-9 .nava-9, .q-js .prep-10 .nava-10, .q-js .prep-11 .nava-11, .q-js .prep-12 .nava-12, .q-js .prep-13 .nava-13, .q-js .prep-14 .nava-14, .q-js .prep-15 .nava-15 { color: inherit; text-decoration: none }

.posunovac { --bg-color: #fff; position: relative; width: 100%; overflow: hidden }
.posunovac .posunovac-prev, .posunovac .posunovac-next { position: absolute; top: 0; z-index: 10; width: 3em; height: 100%; cursor: pointer }
.posunovac .posunovac-prev { left: 0; background: linear-gradient(to right, var(--bg-color) 50%, transparent) }
.posunovac .posunovac-next { right: 0; background: linear-gradient(to left, var(--bg-color) 50%, transparent) }
.posunovac .posunovac-prev:before, .posunovac .posunovac-next:before { content: ''; position: absolute; top: 0; right: 15%; display: block; width: .75rem; height: 100%; background: url('/u/icon/000/arrow1-right.svg') no-repeat 50% 50% / contain; filter: var(--filter-tgl-white) }
.posunovac .posunovac-prev:before { left: 15%; right: auto; transform: rotate(180deg) }
.posunovac ul { display: flex; gap: 1rem; white-space: nowrap; white-space: nowrap; overflow-y: hidden; scrollbar-width: thin; scroll-behavior: smooth }
.css-d.q-mouse .posunovac ul { overflow: hidden }
.posunovac li { flex: 0 0 auto; list-style: none }


.btn { display: flex; justify-content: center; align-items: center; min-height: 2.5em; padding: .125em .75em; 
border: 1px solid var(--black, #000); border-radius: .25rem; text-align: center; text-decoration: none; font-weight: 600; font-size: 100%; line-height: 1.25; /*color: var(--tgl-pri80, #122E5B); background: var(--tgl-pri05, #EDF2F9); */ box-sizing: border-box; }

.btn-more, .btn-more:hover { display: block; padding: .75rem; text-align: center; cursor: pointer; color: #fff; background: var(--neutral-black, #171717); border-radius: var(--radius-S, 4px) }
.btn-more:hover { background-color: #F00 }

.posunovac-tophashtagy { --bg-color: #f00; width: 100%; margin: 0 0 1.5rem; padding: .5em 1rem; box-sizing: border-box; overflow: hidden; line-height: 1.25; color: #fff; background: #f00; }
.posunovac-tophashtagy .hashtag { font-size: 100% }
.posunovac-tophashtagy li a { color: inherit }
.posunovac-tophashtagy li a:hover { text-decoration: underline }




.art .hashtag { display: inline-block; white-space: nowrap; word-spacing: -.25em; font-size: .875rem; color: #FE0000 }
.art-info { font-weight: 600 }
.art-info .hashtag { font-size: .625rem; }
.art-info .ico-discusion { display: inline-flex; flex-direction: row-reverse; margin-left: .75rem; line-height:1.5; font-size: .625rem; color: var(--neutral300) }
.art-info .ico-discusion:before { content: ""; margin-left: .25em; background-image: url(/o/expres/icon/000/discusion.svg); filter: var(--filter-neutral300) }



u.odklad, .art u { display: block; background-position: 50% 50%; background-size: cover }
.s160 { width: 160px; height: 160px }
.s100 { width: 100px; height: 100px }
.s40 { width: 40px; height: 40px }
.vidw, .r6 { width: 630px; height: 354px }
/*.cl5 {width:480px; height:270px}*/
/*.sph { width: 300px; height: 169px } pozor, kolize trid!*/
.sp5 { width: 172px; height: 129px }
.p130 { width: 130px; height: 73px }

.mark-video { position: relative }
.mark-video span, .mark-play { --scale: 1; position: absolute; top: 50%; left: 50%; z-index: 2; width: 19%; aspect-ratio: 1; border-radius: 100%; font-size: 112.5%; background: #FFF; transform: scale(var(--scale, 1)) translate(-50%, -50%); transform-origin: top left; transition: all .1s }
.mark-video span:before, .mark-play:before { content: ''; position: absolute; width: 100%; height: 100%; background: url(/o/expres/icon/play.svg) no-repeat; background-size: contain }
a:hover .mark-video span, a:hover .mark-play { --scale: 1.2 }
.mark-video.vidw span, .mark-video.r6 span { font-size: 225% }
.mark-video.s100 span { font-size: 100% }

/* ksychtiky */
#badge-vote { overflow: hidden; display: flex; gap: .5rem 0; justify-content: space-between; padding-bottom: var(--spacing-1, 1rem); font-size: 75%; border-bottom: 1px solid #D6DEEB; }
#badge-vote li { position: relative; display: block; list-style: none; text-align: center; text-transform: uppercase; font-weight: 400; font-size: 125%; background: none; }
#badge-vote li { flex: 0; margin: 0; padding: 0; -webkit-transform: scale(1); /* jinak nefunguje overflow */ font-weight: 700 }
#badge-vote a { display: flex; flex-direction: column; color: var(--neutral300) }
#badge-vote a:hover { color: var(--pri) }
#badge-vote img { width:80px; height: 80px; margin:auto; filter: var(--filter-sec) }
#badge-vote a:hover img { filter: var(--filter-pri) }

/*@container (width < 500px) {
    #badge-vote { flex-wrap: wrap }
    #badge-vote li { flex: 0 0 33%; }
}*/

@media (max-width:890px) and (min-width:801px), (max-width:500px) {
    #badge-vote { flex-wrap: wrap }
    #badge-vote li { flex: 0 0 33%; }
}

.badge { display: block; width: 77px; height: 64px; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain }
.art .badge { position: absolute; top: 6px; left: 6px; z-index: 1 }
.badge-1 { background-image: url('/o/expres/badge-1n.png') }
.badge-2 { background-image: url('/o/expres/badge-2n.png') }
.badge-3 { background-image: url('/o/expres/badge-3n.png') }
.badge-4 { background-image: url('/o/expres/badge-4n.png') }
.badge-5 { background-image: url('/o/expres/badge-5n.png') }
.badge-6 { background-image: url('/o/expres/badge-6n.png') }


.art { position: relative; margin: 0 0 1rem 0; }
/*.art .art-info, .list-art-line .art.opener1 .art-info { margin: 0 0 .25rem }*/
.list-art-line .art.opener1 .art-info { margin: 0 0 .25rem }
.art .art-info {font-size:.75rem}
.art h3 { overflow: hidden; line-height: 1.15; margin: 0; /*padding: .25rem 0 0; *//*font-size: 1.25rem;*/ font-size: 1.5rem; }
.art a h3, .art h3 a { color: #000 }
.art a:hover h3, .art h3 a:hover { color: #FE0000; text-decoration: none }
.art .art-img { position: relative; display:block; width: 100%; border-radius: .25rem; overflow: hidden }
.art-img img { display: block; width: 100%; height: auto; }
/*min-width pro img left/right*/
.art-img u { display: block; width: 100%; min-width:135px; aspect-ratio: 1.8; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover }
.art-img i { position: absolute; left: 0; bottom: 0; overflow: hidden; min-width: 3.75em; height: 1.75em; line-height: 2; padding: 0 .5em 0 2.1em; box-sizing: border-box; font-size: .75em; font-style: normal; color: #FFF; background: #f00 url('/o/expres/icon/fff//foto.svg') no-repeat 0.5em center }

.art.opener1 .art-img, .art.opener2 .art-img { border-radius: .5rem }
.art.opener1 h3, .art.opener2 h3 { font-size: 2rem }

.art .art-link { display: contents }
.art h3 { grid-area: title; }
.art .art-img { grid-area: image; }
.art .art-info { grid-area: art-info; }

.art > * {grid-column:1}

.art { --image-left: "image title"  "image art-info"; 
       --image-right: "title image" "art-info image"; 
       --image-top: "image" "title" "art-info"; 
       --title-top: "title" "image" "art-info"; 
       display: grid; gap:.25rem .5rem; /*grid-template-rows: min-content min-content min-content;*/ 
       grid-auto-rows: min-content; align-items: start; 

}



/*.art:has(p) p { grid-area: perex }
.art:has(p) {--image-left: "image title" "image perex" "image art-info"; 
             --image-right: "title image" "perex image" "art-info image";             
             --image-top: "image" "title" "perex" "art-info";
             --title-top: "title" "image" "perex" "art-info"; 
}
*/
.art { grid-template-areas: var(--image-top) }

.art.ads-mockup {display:none}

/* vypis clanku */
.list-art { clear: both; }
.list-art:after { content: ''; display: block; clear: both }
.list-art-odklad u.odklad { background-image: none !important }

.list-tit { margin: 0 0 16px; padding: 0 0 16px; border-bottom: 1px solid #CCC; font-weight: 700; font-size: 225% }
.list-art .list-tit { margin-right: 16px }
.box-tit { margin: 0 0 1.2em; font-weight: 800; font-size: 150%; font-family: inherit }
.badge-tit { color: #FE0000; text-transform: uppercase; font-weight: 800; font-family: inherit }
.badge-tit img { vertical-align: middle; height: 70px; margin-right: .5em }
.list-tit2 { margin: 0 0 .8em; font-size: 1.5rem; text-transform: uppercase }
.list-tit2:before { content: ''; display: inline-block; vertical-align: middle; width: 1em; height: 1em; margin: -.2em .4em 0 0; background: #FE0000 }

.list-art { display: flex; flex-wrap: wrap; gap: 20px }
.list-art > * { flex: 0 0 auto; width: 100% }
.list-art > .art, .list-art .s_nativ, .list-art .s_nativ_clankovy, 
.list-art > .s_nativ_advertorial, .list-art > .s_m_nativ_clankovy, .list-art .s_nativ_infinite { width: calc(50% - 10px) }
/*to same pro zapomenute formaty s nevyhodou ze cukne*/
.list-art > .art, .list-art > .videobox, .list-art > .r-main:has(.art) { width: calc(50% - 10px) } 

.videobox videoplayer + small {display:none}

.art.opener1, .art.opener2 { width: 100%; }


/*@container (width < 500px) {

    .opener1 h3 { font-size: 1rem }
    .list-art > .art, .list-art > .r-main:has(.art) { width: 100% }

    .opener1 .art-img { }
    .opener1 .art-img img { }
    .opener2 h3 { font-size: 1rem }
}*/

@media (max-width:890px) and (min-width:801px), (max-width:500px) {
    .opener1 h3 { font-size: 1rem }
    .list-art > .s_nativ_advertorial, .list-art > .s_m_nativ_clankovy, .list-art .s_nativ_infinite {width: 100% }
    .list-art > .art, .list-art > .videobox, .list-art > .r-main:has(.art) { width: 100% }

    .opener1 .art-img { }
    .opener1 .art-img img { }
    .opener2 h3 { font-size: 1rem }
}

.arts-row { clear: both; margin: 0 0 .75rem }
.arts-row .art { margin: 0; }
.arts-row .art-link { /*display:flex; flex-direction:column-reverse; gap: 0;*/ }
.arts-row .r-art { margin: 0 }

.arts-row3c { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin: 0 0 1.5rem; }

.group { margin-bottom: 2.25rem }
.group-arts { display: flex; flex-wrap: wrap; gap: 20px }
.group-next-art {margin-bottom: 2.25rem }


/*@container (width < 600px) {

    .art.opener2 .art-img { height: 328px; aspect-ratio: auto }
    .art.opener2 .art-img u { height: 100%; width: 100%; }

    .group .arts-row3c { grid-template-columns: repeat(1, 1fr); }

    .group .arts-row3c .art { flex-basis: 100%; grid-template-areas: var(--image-left) }
    .group .arts-row3c .art:not(.opener2) .art-img { width: 135px; margin-right: .5rem; }
}*/

@media(max-width:990px) and (min-width:801px), (max-width:600px) {
    .art.opener2 .art-img { height: 328px; aspect-ratio: auto }
    .art.opener2 .art-img u { height: 100%; width: 100%; }

    .group .arts-row3c { grid-template-columns: repeat(1, 1fr); }

    .group .arts-row3c .art { flex-basis: 100%; grid-template-areas: var(--image-right) }
    .group .arts-row3c .art:not(.opener2) .art-img { width: 135px; }
    .group .arts-row3c .art:not(.opener2) h3 {font-size:1.25rem }

}


/*@container (width < 330px) {
    .art.opener2 .art-img { width: 100%; height: auto; aspect-ratio: 1 }
}*/

@media (max-width:720px) and (min-width:801px), (max-width:330px) {
    .art.opener2 .art-img { width: 100%; height: auto; aspect-ratio: 1 }
}


/***zapisy na vyzkouseni***/
.art.image-left { grid-template-areas: var(--image-left) }
.art.image-right { grid-template-areas: var(--image-right) }

.videobox h3 a {color:var(--black)}

.maxivideobox { margin: 0 0 16px; padding: 1.25rem 1.25rem 1px; box-sizing: border-box; color: #FFF; border-radius: .75rem; background: var(--neutral-black, #171717); }

.maxivideobox:after { content: ''; clear: both; display: block }
.maxivideobox videoplayer { border-radius: .5rem }
.maxivideobox videoplayer + small { clear: both; overflow: hidden; height: 0; margin: 0; padding: 0 }
.maxivideobox h3 { line-height: 1.2; margin: 0; padding: .4em 0; font-size: 2rem }

.videobranding { margin-bottom: 1em; padding: 0 10px 10px }
.videobranding-img img { display: block; width: 100%; height: auto }
.videobranding .maxivideobox { margin-bottom: 0; }

/* premiove clanky */
.list-art-menu { position: relative; overflow: hidden; margin: 0 0 .8em }
.list-art-menu li { float: left; display: block; margin: .4em 0 0 .8em; padding: 0 0 4px; font-size: 100% }
.list-art-menu li:first-child { margin: 0; font-style: italic; font-weight:800; font-size: 1.5rem; text-transform: uppercase; font-family: var(--ff-h); }
.list-art-menu li:first-child a { color: inherit }
.list-art-menu li:first-child a:hover { color: #F00 }
.list-art-menu a:hover { text-decoration: none; color: #FE0000 }

.read-more.read-more { display: flex; justify-content: flex-end; align-items: center; height: 2.5rem; padding: 0 .75rem; border: 1px solid #D6DEEB; border-radius: 3px; color: #122E5B; background: #EDF2F9; font-weight: 600; font-size: .875rem; line-height: 1.286; text-align: right; text-decoration: none; box-sizing: border-box }
.read-more.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% / contain }
.read-more.read-more:hover { text-decoration: none; background-color: #D6DEEB }
.abcpremium .read-more.read-more { margin: 0 0 3em; border: 0; color: #2B3135; background: #E8B332 }
.abcpremium .read-more.read-more:after { background-image: url('/u/icon/233/more.svg') }
.abcpremium .read-more.read-more:hover { background-color: #EEC666 }


.group { padding-top: .5rem; border-top: 2px solid #f00 }
.group-tit { margin-bottom: .75rem; font-family: Saira, sans-serif; font-weight: 800; font-style: italic; font-weight:800; text-transform: uppercase; color: #f00 }

#hp-box-premium .section-tit { margin: 0 16px 8px 0; padding: 1em 2em; border: 0; color: #E8B332; background: #2B3135 }
#hp-box-premium .section-tit a { color: inherit }


.arts-row-video .art .mark-video span { display: block }

.extra-box-list { overflow: hidden; margin: -35px 0 35px; padding: 0 0 15px; border-bottom: 1px solid #DDD }
.extra-box-list h2 { line-height: 1.1; margin: .2em 0; font-weight: 800; font-size: 650%; font-family: inherit }
.extra-box-list a h2 { color: #000 }
.extra-box-list a:hover h2 { color: #FE0000 }
.extra-box-list .col-b { float: none; width: 100%; padding: 25px 0 0 }
.extra-box-list .col-b .art { float: left; width: 300px; margin: 0 }
.extra-box-list .col-b .art + .art { margin-left: 40px }

#topeject { line-height: 1.4; padding: 1px 0; font-size: 112.5% }
#topeject ul { position: relative; overflow: hidden; margin: 0 -10px 16px; padding: 0 }
#topeject ul:after { content: ''; position: absolute; bottom: 0; left: 50%; width: 980px; margin-left: -490px; border-bottom: 1px solid #FE0000 }
#topeject li { list-style: none; float: left; width: 250px; margin: 0 }
#topeject a { display: block; position: relative; overflow: hidden; min-height: 80px; padding: 129px 10px 16px; color: #000 }
#topeject a:hover { color: #FE0000 }
#topeject h3 { padding: .2em 0 0 }
#topeject img, #topeject u { position: absolute; top: 0; left: 10px; width: 230px }
#topeject u { height: 0; padding-top: 129px; background: transparent no-repeat 50% 0; background-size: cover; cursor: pointer; overflow: hidden }

/* clanek */

.art-tags a { padding: 0 .5em; font-weight: 600; line-height: 1.4em; border: solid 1px #f00; border-radius: 1em; }
.art-tags a:hover { border-color: #000 }
.art-tags b { display: none }

.art-full .art-tags a { display: inline-block; margin: 0; white-space: nowrap }
.art-tags a:before { content: '#' }
.art-full .art-tags li + li { margin-left: 1em }
.art-full .art-tags { display: block; overflow: hidden; margin: 0 0 2em; font-size: .875rem; color: transparent }


.art-full {margin-bottom:2rem; line-height:1.4}
.art-full h1 { margin: 0 0 .75rem; font-size: var(--rs-h1big) }
.art-full .text h1 { font-size: 125% }
.art-full .art-info { margin: 0 0 28px }
.art-full .perex { margin: 0 0 1.8em; font-size: 175% }
.art-full .perex li { position: relative; display: block; margin: 0 0 .2em; padding: 0 0 0 1em; font-weight: 700 }
.art-full .perex li:before { content: '\2022'; position: absolute; top: 0em; left: 0; line-height: .8; color: #999; font-size: xx-large }

.autor-box-art { position: relative; overflow: hidden; margin: 0 0 30px; padding: 0 0 20px; border: 1px solid #CCC; border-width: 0 0 1px }
.autor-box-art img { float: left; margin: 0 15px 0 0; border-radius: 50% }
.autor-box-art h3 { line-height: 1.1; padding: .3em 0 0; color: #FE0000; font-size: 250% }
.autor-box-art p { font-size: 112.5% }


.authorbox-foto { position: relative; overflow: hidden; display: block; width: 5em; height: 5em; margin: auto; border: .125em solid #FFF; border-radius: .5em; box-sizing: border-box; }
.authorbox-foto samp { position: absolute; top: 0; left: 50%; width: 300%; height: 100%; margin: 0 0 0 -150%; }
.authorbox-foto img { display: block; width: auto; height: 100%; margin: auto; }

/*.artsum { margin-bottom: .75rem }*/
.artsum {display:flex; gap:.5rem; align-items: flex-start; width:100%; margin:0 0 var(--spacing-15, 1.5rem); justify-content:space-between}

.artsum .cell {flex:1 1 auto}
.artsum .authors { position: relative; margin: 0; padding: .125rem 0 0; text-align: left; font-size: .875rem; }
.artsum .authors .name { font-weight: 700 }
.artsum .authorbox-foto { z-index: 6; float: left; width: 2.5rem; height: 2.5rem; margin: -.125rem .5rem 0 0; border-width: .125rem; border-radius: var(--radius-m, .5rem); filter: grayscale(100%) }
.artsum .authorbox-foto ~ .authorbox-foto { z-index: 5; margin-left: -1em }
.artsum .authorbox-foto ~ .authorbox-foto ~ .authorbox-foto { z-index: 4 }
.artsum .authorbox-foto ~ .authorbox-foto ~ .authorbox-foto ~ .authorbox-foto { z-index: 3 }
.artsum .authorbox-foto ~ .authorbox-foto ~ .authorbox-foto ~ .authorbox-foto ~ .authorbox-foto { z-index: 2 }
.artsum .authorbox-foto ~ .authorbox-foto ~ .authorbox-foto ~ .authorbox-foto ~ .authorbox-foto ~ .authorbox-foto { z-index: 1 }
.artsum .art-info { display: block; margin: 0; padding: 0; font-size: .8125rem }

.artsum .art-info .brisk { margin: 0 .5rem 0 0; padding: 0; font-size: 100%; color: var(--tgl-sec70, #C11B1B); background: none }

.art-full .artsum-social { /*flex: 0; */display: flex; flex-wrap: wrap; gap:1.25rem; margin-bottom: var(--spacing-15, 1.5rem) }
@media(max-width:400px) {
    .artsum .art-info {font-size:.75rem}
    .art-full .artsum-social {gap:.75rem}

}

.artsum-social [class*="ico-"] { display: flex; flex-direction: column; justify-content: center; position: relative; min-height: 1.5rem; padding: 0 0 0 2rem; white-space: nowrap; font-size: .625rem; line-height: 1.2; color: var(--neutral400) }
.artsum-social [class*="ico-"]:hover { text-decoration: underline }
.artsum-social [class*="ico-"] span { display: block }
.artsum-social [class*="ico-"]:before { position: absolute; top: 50%; left: 0; width: 1.5rem; height: 1.5rem; margin: -.75rem 0 0; filter: var(--filter-neutral400) }

.artsum #lajk {display: none;}


.art-full .opener { clear: both; margin: 0 0 1em; font-weight: 700; font-size: 1.25rem; line-height: 1.6; }

.text { font-size: 1.25rem; line-height: 1.4 }
#art-text { padding: 0 0 1em }
.text .text { margin: 0; font-size: 100% }
.text .bbtext { position: relative; width: 100% }
.text h3.tit { line-height: 1.2; margin: 0 0 .6em;  font-size: 175%;}
.text * + h3.tit { margin-top: 1em }
.text h3.subtit { margin: 0 0 .4em; font-size: 112.5% }
.text p, .text table, .text ul, .text ol { margin: 0 0 1em }
.text table table, .text ul ul, .text ol ul, .text ul ol, .text ol ol { margin-bottom: 0 }
.text li { margin: 0 0 0 2em }
.text ul li, .text li li { list-style: none; margin: 0 0 0 1em; padding-left: 1em; background: url('/o/zpr/li_sqr_a.gif') no-repeat 0 .55em; =zoom:1 }
.text li li { background: url('/o/zpr/li_sqr_b.gif') no-repeat 0 .55em }
.text [type="a"] { counter-reset: list }
.text [type="a"] > li { position: relative; padding-left: 0; background: 0 }
.text [type="a"] > li:before { counter-increment: list; content: counter(list, lower-alpha) ") "; position: absolute; left: -1.4em }
.text td, .text th { padding: 2px .5em }

.text-link { font-weight: 700; text-decoration: underline }
.complete .text-link { font-weight: inherit; text-decoration: inherit }

.art-full .equip, .art-full .equip-fl { clear: both; width: auto; margin-bottom: 1em }
.art-full .equip-fl { float: left; margin: 4px 10px 1em 0;}
.art-full .equip-fr { float: right; margin: 4px 0 1em 10px;}
.art-full .equip table, .art-full .equip-fl table, .art-full .equip-fr table { border-collapse: collapse; margin: 0 }
.art-full .equip td, .art-full .equip-fl td, .art-full .equip-fr td { padding: 0; border: 0 }
.equip ul, .equip li, .equip-fl ul, .equip-fl li, .equip-fr ul, .equip-fr li { display: block }

.opener-foto, .opener-flv-player { position: relative; margin-bottom: 2em }
.opener-foto .badge { position: absolute; top: 10px; left: 10px; z-index: 55 }
.opener-foto .relative { position: relative; display: block; height: auto !important; text-decoration: none }
.opener-foto .relative img { display: block; width: 100%; height: auto }
.opener-foto .more-gal { position: absolute; bottom: 25%; left: 50%; width: 14em; line-height: 1.4; margin: 0 0 0 -7em; padding: .2em 0 0; color: #FFF; background: #FE0000; text-transform: uppercase; font-size: 24px; text-align: center; cursor: pointer }
.opener-foto .more-gal:before { content: ''; position: absolute; top: 0; left: -7%; z-index: -1; width: 114%; height: 105%; background: inherit; transform: skewX(-31deg) }
.opener-foto a:hover .more-gal { background-color: #E01700 }
.opener-foto .more-gal b { padding-right: .2em; color: #FFD933 }
.opener-foto .overlap { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background: url('/u/free.gif') repeat; text-decoration: none; cursor: pointer }
.opener-foto p.opener-foto-info { padding: .5em 0 0; font-weight: 700; color: #666 }
.opener-foto p.opener-foto-info span { font-weight: 400 }
p.opener-foto-info a { color: #666; text-decoration: none }
p.opener-foto-info a:hover { color: #C11B1B; text-decoration: underline }
.opener-flv-player { position: relative; min-height: 100px; padding: 0 0 1px }
.opener-flv-player h2, .opener-flv-player strong { position: absolute; z-index: 1; padding: 1em; color: #FFF; background: url('/u/fog80.png') }
.opener-flv-player h2 { max-width: 460px; _width: 460px; top: 1em; left: 1em; font-weight: 700; font-size: 142% }
.opener-flv-player strong { max-width: 460px; _width: 460px; right: 1em; bottom: 1em }
.opener-flv-player img.block { margin: 0 0 2px }

/*blokovani sticky chovani*/
@media (max-width:800px) {
    .opener-flv-player videoplayer { left: 0 !important; top: 0 !important }
    .opener-flv-player > div { width: auto !important }
}

/* doplneni clanku */
.equip-tv { margin: 0 0 1em }

.art-full .complete, .complete { position: relative; width: 100%; margin: 0 0 1em; padding: 0; border-collapse: collapse; border-radius: .5rem; background: var(--neutral100) }
.complete .complete { clear: both; margin: 0 }

.box-idntv-tit, .box-idntv-link {display:none}

.complete h3.tit { margin: 1em 0 .4em }
.art-full .complete h3.ico span span, .complete h3.ico span span, .art-full .complete h3.ico a span, .complete h3.ico a span { display: none }
.complete h3 a { display: inline; line-height: inherit; color: var(--neutral900) }
.complete p { margin: 0 0 1em; font-size: 87.5%; line-height: 1.571 }
.complete ul li { list-style: none; margin: 0 0 .5em; padding-left: 1em; font-size: 87.5%; line-height: 1.429; background: url('/o/zpr/li_sqr_a.gif') no-repeat 0 .45em }
.complete ol li { font-size: 87.5% }
.complete li li, .complete li p { font-size: 100% }
.complete .title { margin: 0 0 .667em; font-size: 112.5%; line-height: 1.333 }
.complete h3 + .title { margin-top: -.444em }
.complete .only-text { margin: 0; padding-bottom: 8px; font-size: 100% }



.art-full .complete-half-r, .complete-half-r { float: right; width: 194px; margin: 0 0 .5em 10px }
.art-full .complete-half-l, .complete-half-l { float: left; width: 194px; margin: 0 15px .5em 0 }
.art-full .complete-dual-r, .complete-dual-r { float: right; width: 302px; margin: 0 0 .5em 10px }
.art-full .complete-dual-l, .complete-dual-l { float: left; width: 302px; margin: 0 15px .5em 0 }
.art-full .complete td, .complete td { padding: var(--spacing-15, 1.5rem)}
.art-full .complete table td, .complete table td { background: #FFF; border: 0; padding: 2px 4px }
.art-full .complete h3, .complete h3 { margin: 0 0 .1em; font-weight: 700; text-transform: uppercase; font-size: 1.5rem; font-family: var(--ff-h) }
.art-full .complete h3.tit, .complete h3.tit { margin: 1em 0 .4em; color: #666; font-size: 112.5% }
.art-full .complete h3.ico span span, .complete h3.ico span span, .art-full .complete h3.ico a span, .complete h3.ico a span { display: none }
.art-full .complete a, .complete h3.ico a { display: inline; line-height: inherit; height: auto }
.art-full .complete p, .complete p { margin: 0 0 .5em; font-size: 87.5%; line-height: 1.571 }
.art-full .complete ul li, .complete ul li { list-style: none; margin: 0; padding-left: 1em; font-size: 134%; background: url('/o/zpr/li_sqr_a.gif') no-repeat 0 .45em }
.art-full .complete ol li, .complete ol li { font-size: 134% }
.art-full .complete li li, .complete li li, .art-full .complete li p, .complete li p { font-size: 100% }
.art-full .complete .title, .complete .title { font-weight: 700; font-size: 112.5%; color: #464646 }
.art-full .complete .only-text { font-size: 100%; padding-bottom: 8px; margin: 0 }

@media(max-width:500px) {
    .art-full .complete-half-r, .complete-half-r,
    .art-full .complete-half-l, .complete-half-l,
    .art-full .complete-dual-r, .complete-dual-r,
    .art-full .complete-dual-l, .complete-dual-l { float: none; width: 100%; margin-left: 0 }
}

.complete .complete { clear: both; margin: 0; border: 0 }
.b-box .complete { float: none; margin: 0 }

.complete a.aside.aside { display: flex; gap: var(--spacing-1, 1rem); font-size: 1.125rem; text-decoration: none; color: var(--tgl-pri80, #122E5B) }
.complete .aside-tit { flex: 1 1 auto }
.complete .aside-tit h3 { margin: 0 0 var(--spacing-1, 1rem); font-weight: 600; font-size: 100%; line-height: 1.2 }
.complete .aside:hover h3 { text-decoration: underline }
.complete .aside-img { flex: 0 0 auto; max-width: 34%; margin: 0 0 var(--spacing-1, 1rem) }
.complete .aside-img img { display: block; width: auto; max-width: 100%; height: 3.6em; object-fit: contain; object-position: 0 0 }

@media(max-width:480px) {
 .complete .aside-img img {height:2.4em} /*.css-t*/
}

.podcast-player { min-height: 3.1875em; margin: 0 0 1.5em }
.podcast-player small { display: none }

.complete-podcast { clear: both; margin: 0 0 1.5em; padding: 0 0 1px }
.complete-podcast .o-hid { overflow: hidden; display: block; margin: 0 0 1em; text-decoration: none; color: #000 }
.complete-podcast .o-hid:hover { color: #FE0000 }
.complete-podcast .midi { width: 80px; height: 60px; margin-right: 15px }
.complete-podcast h3 { display: table-cell; line-height: 1.33; padding: .15em 0 0; font-weight: 400; font-size: 100% }
.complete-podcast .podcast-player { margin-bottom: 0 }

/* souvisejici */
.related { position: relative; font-size: medium }
.related h3 { margin: 0 0 .3em; font-size: 1.5rem; text-transform: uppercase }
.related h3:before { content: ''; display: inline-block; vertical-align: middle; width: 1em; height: 1em; margin: -.2em .4em 0 0; background: #FE0000 }
.related .hashtag { color: #FE0000 }
.related a { color: #000 }
.related a:hover { color: #FE0000 }
.related p { margin: 0; font-size: 1.25rem; line-height: 1.25 }
.related img { float: left; width: 150px; height: auto; margin-right: 1rem; border-radius: .25rem }
.related li { list-style: none; position: relative; margin: 0 0 0 2em; padding: .2em 0 .2em 2em; font-size: 143% }
.related li:before { content: ''; position: absolute; left: 0; top: .35em; display: block; width: 1em; height: 1em; border-radius: 100%; background: #FE0000 }
.related li h3 { margin: 0; font-size: 100%; text-transform: none }
.related li h3:before { display: none }

.art-full .related { margin: 1.5em 0; overflow: hidden; padding: var(--spacing-15, 1.5rem); border-radius: .5rem; background: var(--neutral100); }
.art-full .related h3 { font-size: 1.25rem }
.art-full .related .hashtag { display: block; margin: .2em 0 0; /*font-size:88%; */ }
.art-full .related p a { padding-right: 1.2em; background: url('/o/expres/related-after.png') no-repeat 100% 50% / auto .9em }
.related.list, .related-list { margin-bottom: 16px }

.related-list-art { margin: 0 0 30px }
.related-list-art a { color: #000 }
.related-list-art a:hover { color: #FE0000 }
.related-list-art li { position: relative; clear: both; display: block; min-height: 78px; margin: 0 0 .4em; padding: 0 0 0 145px }
.related-list-art a.premlab { margin-bottom: 0; font-size: 100% }
.related-list-art .art-link { display: block }
.related-list-art h3 { padding-top: .3em; font-size: 125% }
.related-list-art .art-img { position: absolute; top: 0; left: 0; width: 130px; height: 73px }
.related-list-art .art-img img { width: 100%; height: 100% }
/* kvuli uplne jinemu kodu nativky na miste, kde nema co delat */
.related-list-art .r-main .art { width: auto; margin: 0; padding: 0 0 0 145px }
.related-list-art .r-main .art .perex { display: none }

.box-more-arts .art { border-bottom: 0 }

/* obrazky */
.imagelist, .imagelist.imagelist { clear: both; display: flex; gap: 1rem; margin: 0 0 1em }
.imagelist + .imagelist-desc { margin-top: -1em }
.imagelist > .fc0 { display: none }
.imagelist .cell { flex: 1; position: relative; display: block }
.imagelist .cell > a { display: block }
.imagelist .cell p a { display: inline }
.imagelist p, .imagelist p { display: block; clear: both; margin: 0; padding: .5em 0 0; font-size: .875rem; line-height: 1.286; color: #666 }
.imagelist.imagelist p ~ p { border: 0 }
.imagelist img { width: 100%; height: auto; vertical-align: middle }
.imagelist-fl, .text .imagelist-fl { clear: left; float: left; margin-right: 15px }
.imagelist-fr, .text .imagelist-fr { clear: right; float: right; margin-left: 15px }
.imagelist-fl.imagelist-fl, .imagelist-fr.imagelist-fr { display: table; width: 1em }
.imagelist-fl.imagelist-fl img, .imagelist-fr.imagelist-fr img, .imagelist-fl.imagelist-fl .cell, .imagelist-fr.imagelist-fr .cell { max-width: 230px; width: auto; height: auto }

.imagelist-flex.imagelist-fl, .imagelist-flex.imagelist-fr { width: 230px }
.imagelist-flex img { width: 100%; height: auto }
.imagelist-flex .imagespace { position: relative; overflow: hidden; display: block; width: 100%; height: 0; padding: 50% 0 0 }
.imagelist-16ku9 .imagespace { padding-top: 56.25% }
.imagelist-4ku3 .imagespace { padding-top: 75% }
.imagelist-1ku1 .imagespace { padding-top: 100% }
.imagelist-4ku5 .imagespace { padding-top: 125% }
.imagelist-flex.imagelist-flex .imagespace img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100% }

.imagelist.imagelist-fotogal4 { gap: 0; margin: 0 0 1rem; }
.imagelist-fotogal4 .cell ~ .cell { margin-left: 1px }
.imagelist-fotogal4 .more-gallery { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; display: flex; align-items: center; text-align: center; color: #FFF; background: rgba(254, 0, 0, .7) }
.imagelist-fotogal4 .more-gallery:hover { background: #ff0000cc }
.imagelist-fotogal4 .more-gallery .cell { flex: 1; margin: 0 }
.imagelist-fotogal4 .more-gallery .cell span { display: inline-block; margin: 4px auto 0; padding: 0 0 0 24px; font-size: 0; line-height: 1.385; background: url('/u/icon/fff/foto.svg') no-repeat 0 0 / 20px 20px }
.imagelist-fotogal4 .more-gallery b { font-weight: 800; font-size: 1rem }

.imagelist { overflow: hidden; border-radius: .5rem }

.imagelist:has(+ .imagelist.imagelist-fotogal4) { border-radius: .5rem .5rem 0 0 }
.imagelist + .imagelist.imagelist-fotogal4 { position: relative; margin: -1rem 0 1.5rem; border-top: 1px solid transparent; border-radius: 0 0 .5rem .5rem }

#\--fotogalerie.complete { margin: 3em 0 0; border: 0; background: none }
#\--fotogalerie.complete + p { margin-top: 2.6em }
#\--fotogalerie.complete td { padding: 0 }
#\--fotogalerie.complete h3 { margin: 0 0 .8em; font-size: 1.5rem; font-weight: 400; text-transform: uppercase }
#\--fotogalerie.complete h3:before { content: ''; display: inline-block; vertical-align: middle; width: 1em; height: 1em; margin: -.2em .4em 0 0; background: #FE0000 }
#\--fotogalerie.complete h3 a { color: #000 }
#\--fotogalerie.complete h3 a:hover { color: #FE0000 }
#\--fotogalerie.complete p { clear: both }
#\--fotogalerie.complete .cell { flex: 0; margin: 0; padding: 0 0 3px 3px }
#\--fotogalerie.complete .cell-first { padding-left: 0 }
#\--fotogalerie.complete .imagelist-p130 { float: left; margin: 0 29px 5px 0 }
#\--fotogalerie .imagelist-p130 + .imagelist-p130 + .imagelist-p130 + .imagelist-p130 { margin-right: 0 }
#\--fotogalerie.complete .imagelist-s160 { margin: 0; gap: 0 }
#\--fotogalerie.complete-dual-l { width: 207px }
#\--fotogalerie.complete-dual-l .imagelist-p130 { float: none; width: 100%; margin: 0; padding: 0 }
#\--fotogalerie.complete-dual-l .imagelist-p130 img { width: 102px; height: 57px }
#\--fotogalerie .imagelist-s160 .cell { width: 105px }
#\--fotogalerie .imagelist-s160 img { width: 105px; height: 105px }

.gallery-in-art ul { overflow: hidden }
.gallery-in-art ul li { position: relative; list-style: none; float: left; width: 19%; margin: 0 0 1% 1%; padding: 0; background: none }
.gallery-in-art ul li:first-child { clear: both; margin-left: 0 }
.gallery-in-art ul li:nth-child(n+6) { display: none }
.gallery-in-art li img { display: block; width: 100%; height: auto }
.gallery-in-art .more-gal { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; text-align: center; color: #FFF; background: rgba(254,0,0,.6); font: 20px/1.2 Anton,Impact,sans-serif }
.gallery-in-art a:hover .more-gal { background: rgba(254,0,0,.8) }
.gallery-in-art .more-gal b { display: block; padding: 10px 0 0; font-size: 50px }
.gallery-in-art .more-gal b:before { content: '\002B' }


html videoplayer.dummy:before { width: 21%; height:auto; aspect-ratio:1; padding:0; background-color: #FFF; background-image: url('/o/expres/icon/play.svg'); transition: all .15s linear; }
html videoplayer.dummy:hover:before, html videoplayer.dummy:focus:before { transform: scale(1.2) translate(-50% -50%); background-color: #FFF }


/* CATCHBOXy */
.catchbox-full { margin: 0 0 1em }
.catchbox-l, .catchbox-r, .catchbox-dual-l { position: relative; width: 192px; font-size: 12px; line-height: 1.33 }
.catchbox-dual-l { float: left; width: 300px; margin: 0 15px .5em -50px; background: #EEE; background: rgba(0,0,0,.07) }
.catchbox-l h3, .catchbox-r h3, .catchbox-dual-l h3 { margin: 0 0 .6em; color: #C11B1B; font-weight: 700; font-size: 125%; font-family: inherit }
.catchbox-l h4, .catchbox-r h4, .catchbox-dual-l h4 { margin: 0 0 .2em; font-weight: 700; font-size: 112.5%; font-family: inherit }
.catchbox-l p, .catchbox-r p, .catchbox-dual-l p { margin: 0; font-size: 87.5% }
.catchbox-r { float: right; margin: 0 0 .5em 10px }
.catchbox-l { float: left; margin: 0 15px .5em 0 }
.catchbox-l .bg1, .catchbox-l .bg2, .catchbox-r .bg1, .catchbox-r .bg2 { background: url('/u/n4/box-edge.png') no-repeat; _background-image: url('/u/n4/box-edge.gif') }
.catchbox-l .bg2, .catchbox-r .bg2 { padding: 10px; background-position: -192px 100% }
.catchbox-dual-l .bg1, .catchbox-dual-l .bg2 { background: url('/u/n4/box-edge.png') no-repeat -384px 0; _background-image: url('/u/n4/box-edge.gif') }
.catchbox-dual-l .bg2 { padding: 10px; background-position: -684px 100% }

.title-box { margin: 0 0 .8em; font-style: italic; font-weight:800; font-size: 1.5rem; text-transform: uppercase }
.title-box a { color: inherit }
.title-box a:hover { color: #F00 }

.rating-box { margin: 0 0 2em }
.rating-box h2 { margin: 0 0 .8em; font-size: 1.5rem; text-transform: uppercase }
.rating-box h2:before { content: ''; display: inline-block; vertical-align: middle; width: 1em; height: 1em; margin: -.2em .4em 0 0; background: #FE0000 }
.rating-box .warning-ico { margin-bottom: 20px }
.rating-box .warning { margin: 0 0 20px; padding: 1em; background: rgba(128,128,128,.1) }
.rating-box .warning h2, .rating-box .warning .title-box, .warning .title-box { margin: 0 0 .2em; text-transform: none }
.rating-box .warning h2:before, .rating-box .warning .title-box:before, .warning .title-box:before { display: none }
.rating-box .warning p { font-size: 112.5% }

.row-search { margin: 0 0 3em; padding: 0 0 1.8em; border-bottom: 1px solid #CCC }
.row-search h2 { margin: 0 0 .5em; font-weight: 700; font-size: 225% }
.row-search form { position: relative; display: block }
.row-search .inp, .row-search .sen { float: left; height: 2.6em; padding: 0 .5em; font-size: 112.5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.row-search .inp { width: 69.9%; border: 1px solid #CCC; border-right: 0; color: #000; background: #FFF }
.row-search .inp:focus { border-color: #000 }
.row-search .sen { width: 30%; border: 0; color: #FFF; background: #000; text-transform: uppercase; font-weight: 700 }

.stepping-box, .text h3.stepping-box { clear: both; position: relative; width: 100%; line-height: 1.2; margin: 0 0 .3em; padding: .8em 0 0; font-weight: 800; font-size: 125%; font-family: inherit }
.stepping-box .bg-t, .stepping-box .bg-b { display: none }
.stepping-box .fl { color: #FE0000 }
.stepping-box .cell { display: table-cell; =display:inline-block; padding: 0 0 0 .3em }

.embed-social { margin: 0 0 1em }
.embed-social .es-box { margin: 0 0 0.5em; font-size: 75%; border: 1px solid #CCC; background: #FFF; border-radius: 5px }
.embed-social p { margin: 0 0 5px; font-size: 87.5% }
.embed-social p img { max-width: 100%; vertical-align: middle }
.embed-social .es-name, .embed-social .es-perex { display: block }
.embed-social .es-top, .embed-social .es-mid, .embed-social .es-bot { padding: 6px 8px; border-bottom: 1px solid #CCC }
.embed-social .es-top { position: relative; width: auto; min-height: 32px; line-height: 1.33; padding-left: 49px }
.embed-social .es-top img { position: absolute; z-index: 1; top: 8px; left: 8px; width: 32px; height: 32px }
.embed-social .es-name { font-size: 87.5% }
.embed-social .es-name a { text-decoration: none; color: #000 }
.embed-social .es-name a:hover { text-decoration: underline }
.embed-social .es-perex, .embed-social .es-date { font-size: 92% }
.embed-social .es-perex, .embed-social .es-perex a { color: #666 }
.embed-social .es-perex a { text-decoration: none }
.embed-social .es-perex a:hover { text-decoration: underline }
.embed-social .es-perex span { color: #000 }
.embed-social .es-date { display: block; margin: 0 0 0.25em; color: #999 }
.embed-social .es-bot { border-bottom: none; border-radius: 0 0 5px 5px; background: #F1F1F1 }
.embed-social .es-bot span { float: left; margin: 0 30px 0 0 }
.embed-social .es-bot span a { float: none; margin: 0; font-weight: normal }
.embed-social .es-bot a { float: right; font-weight: bold; margin: 0 0 0 15px; text-decoration: none }

iframe.instagram-media { clear: both; margin: 1.5em 0 !important }
/*.col-a .text iframe { max-width: 630px } vadi mobilnimu brandingu*/



/* paticka 2025/02 */
.artend {display:flex; align-items:center; flex-wrap:wrap; gap:var(--spacing-15, 1.5rem); margin:0 0 var(--spacing-15, 1.5rem); padding:0 0 var(--spacing-1, 1rem); border-bottom:1px solid var(--tgl-pri10, #D6DEEB)}
.artend .authors {flex:1; display:flex; gap:.25em; margin:0; font-weight:600; font-size:1rem; line-height:1.25; text-align:left}
.artend .authors span {font-weight:400}
.artend .artsum-social {flex:0; flex-wrap:nowrap; margin:auto auto auto 0; padding-right:var(--spacing-1, 1rem)}
/* 2025/03 - tlacitko do diskuse */
.btndsc.btndsc {position:relative; display:block; min-height:2.5rem; padding:.5rem .75rem .5rem 2.75rem /*calc(.75rem + 1.5rem + .5rem)*/; border:1px solid transparent; border-radius:var(--radius-s, .25rem); font-size:.625rem; line-height:1.2; text-decoration:none; color:#FFF; background:#f00; box-shadow:0 .25em .5em 0 var(--tgl-black-o10, #0000001a); box-sizing:border-box}
.btndsc.btndsc:hover {color:#FFF; background:var(--pri80, #272727); box-shadow:none}
.btndsc:before {content:''; position:absolute; top:50%; left:0; width:1.5rem; height:1.5rem; margin:-.75rem 0 0 .75rem; border:0; background: url('/u/icon/000/discusion.svg') no-repeat 50% 50% / contain; filter:var(--filter-white)}
.btndsc span {display:block}
.btndsc .touchh {display:inline}
@media(max-width:480px) {
    .btndsc:first-letter {text-transform:uppercase}
    .btndsc .touchh {display:none}
}


.expres-discussion { margin: 0 0 16px }
.expres-discussion h2 { margin: 0 0 .3em; font-size: 1.5rem; text-transform: uppercase }
.expres-discussion h2:before { content: ''; display: inline-block; vertical-align: middle; width: 1em; height: 1em; margin: -.2em .4em 0 0; background: #FE0000 }
.expres-discussion .fb-comments, .expres-discussion .fb-comments * { width: 100% !important }

.list-outside-art { margin: 0 0 4px }
.list-outside-art ul { display: grid; grid-template-columns: 1fr 1fr; gap: 1em }
.list-outside-art li { position: relative; display: block; min-height: 90px; margin: 0; padding: 0 0 36px 110px; font-size: 100%; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid }
.list-outside-art li:after { content: ''; position: absolute; bottom: 26px; left: 110px; right: 0; height: 1px; background: #FE0000 }
.list-outside-art .art-link { display: block; color: #000 }
.list-outside-art .art-link:hover { color: #FE0000 }
.list-outside-art .source-link { position: absolute; bottom: 20px; left: 110px; z-index: 2; padding-right: 1em; font-size: 87.5%; background: #FFF }
.list-outside-art h3 { line-height: 1.2; padding: 0 0 3px; font-size: 125%; letter-spacing: .01em }
.list-outside-art .art-img { position: absolute; top: 0; left: 0; z-index: 1; overflow: hidden; text-align: center }
.list-outside-art img { vertical-align: middle; width: auto; height: 100%; margin: 0 -30% }

/* komercni-sdeleni */
#komercni-sdeleni { margin: 0 0 20px }
.art-full #komercni-sdeleni { margin-left: -10px }
#komercni-sdeleni .top { padding: 0 0 0 75px; min-height: 44px; margin: 0 0 10px; background: url("/o/vice/kom-sdel/icko.gif") no-repeat 10px 0 }
#komercni-sdeleni .top h3 { line-height: 1.5; font-weight: 800; font-size: 125%; font-family: inherit; color: #f21f56 }
#komercni-sdeleni .top p { font-size: 87.5% }
#komercni-sdeleni .box { padding: 0 0 0 75px }
#komercni-sdeleni .box p { margin: 0 0 1em; font-size: 87.5%; color: #666 }
#komercni-sdeleni img { float: left; margin: 0 10px 10px 0 }
.q-js #komercni-sdeleni .box { display: none }
.q-js #komercni-sdeleni.visible .box { display: block }
.q-js #komercni-sdeleni.visible .open { display: none }
#komercni-sdeleni .ico-r { text-align: right; font-size: 125% }
#komercni-sdeleni .ico-close:before { content: '\00D7'; float: right; margin-left: .3em; font-weight: 800 }

.eb { width: 100%; height: 8px; background: #555 }
.vb { height: 100%; background: #fe0000 }

.vote { position: relative }
.vote .vote .rate { position: absolute; top: 0; right: 0; }

.anketa-list { margin-bottom: 30px }
.anketa-list .question { margin-bottom: 20px; font-weight: 800; font-size: 150%; color: #fe0000 }
.anketa-list .entry { overflow: hidden; margin-bottom: 20px }
.anketa-list .entry.with-img { max-height: 389px }
.anketa-list .entry.with-img a { float: left; margin-right: 20px }
.anketa-list .entry.with-img img { width: 300px; height: auto }
.anketa-list .entry.with-img .vote { margin-left: 320px }
.anketa-list .vote a, .anketa-list .vote .vcl, .anketa-list .entry.with-img .vote a { font-weight: bold; /*font-size:112.5%;*/ display: block; float: none }
.anketa-list .vote .rate { font-weight: bold }


.anketa-in-art { margin-bottom: 1.5rem; padding: 1.5rem 1.5rem .5rem; background: #E6E6E6; }
.anketa-art { margin: 0 0 1rem; }
.art-full .anketa-art h3 { margin: 0 0 1rem; line-height: 1.2; font-weight: 400; font-size: 1.5rem; font-family: var(--ff-h); }

/* MOX - Ankety */
.survey { position: relative; clear: both; width: 100%; margin: 0 0 var(--spacing-15, 1.5rem); padding: var(--spacing-15, 1.5rem) var(--spacing-15, 1.5rem) var(--spacing-05, .5rem); border-radius: var(--radius-m, .5rem); line-height: 1.25; color: var(--tgl-neutral90, #2B3135); background: var(--tgl-pri05b, #EDF2F9); box-sizing: border-box; font-feature-settings: "lnum" }
.survey p { font-size: 100% }
.survey-sec, .survey-sec .survey { padding: 0; color: var(--tgl-neutral90, #2B3135); background: none }
/* q - Question */
.survey-q, .survey-q.survey-q.survey-q { margin: 0 0 var(--spacing-1, 1rem); font-weight: 600; font-size: 137.5%; line-height: 1.2 }
@media(max-width:480px) {
 .survey-q { font-size: 125% } /*#wrapper*/
}

.survey-sm .survey-q.survey-q { margin: 0 0 .5rem; font-size: 112.5% }
/* s - Statistic */
.survey-s { margin: 0 0 var(--spacing-1, 1rem); font-size: 112.5%; line-height: 1.6 }
.survey-q + .survey-s { margin-top: -.75rem }
.survey-s b { font-weight: 800 }
.survey-sm .survey-s { margin: 0 0 .5rem; font-size: 87.5% }
.survey-sm .survey-s + .survey-s { margin-top: -.25rem }
/* w - Warning */
.survey-w { margin: 0 0 var(--spacing-1, 1rem); padding: .5rem 0 0; border-top: 1px solid var(--tgl-neutral10, #D3D7DA); font-size: 81.25%; line-height: 1.4 }
.survey-w b { display: block; padding: 0; font-weight: 600; font-size: 107.7%; line-height: 1.6; text-transform: uppercase; background: none }
.survey-w b:before { content: ''; float: left; display: block; width: 1em; height: 1.6em; margin: 0 .5em 0 0; background: url('/u/icon/000/info.svg') no-repeat 50% 50% / contain; filter: var(--filter-tgl-neutral80) }
/* inputy + i - nahrada za Inputu */
.survey input[type="submit"] { display: block; width: 100%; margin: 0 0 1em; padding: .75em; border: 0; border-radius: var(--radius-s, .25rem); font-weight: 600; font-size: 100%; line-height: 1.5; text-align: center; color: var(--tgl-white, #FFF); background: var(--tgl-pri60, #1B3E7A); box-shadow: 0 .125rem .25rem var(--tgl-black-o10, #0000001a); -webkit-appearance: none }
.survey input[type="submit"]:hover { background-color: var(--tgl-pri80, #122E5B) }
.survey input[disabled], .survey input[disabled]:hover { background-color: var(--tgl-neutral20, #B2B9BE); box-shadow: none; cursor: default }
.survey .inactive.inactive.inactive { background-color: var(--tgl-neutral20, #B2B9BE); box-shadow: none; cursor: default }
.survey .item { flex: 0 0 100%; position: relative; display: flex }
.survey-sm .survey .item { font-size: 87.5% }
.survey-c input { position: absolute; left: -9999em }
.survey-c input[type="radio"] + .survey-l .survey-i { background-image: url('/u/icon/bbc/form-radio-unselected.svg') }
.survey-c input[type="radio"]:checked + .survey-l .survey-i { background-image: url('/u/icon/137/form-radio.svg') }
.survey-c input[type="checkbox"] + .survey-l .survey-i { background-image: url('/u/icon/bbc/form-checkbox-unselected.svg') }
.survey-c input[type="checkbox"]:checked + .survey-l .survey-i { background-image: url('/u/icon/137/form-checkbox.svg') }
.survey-c input[disabled] + .survey-l .survey-i { display: none }
.survey-c input[type="checkbox"][disabled] + .survey-l .survey-i { display: block }
.survey-i { flex: 0 0 1.25em; display: block; width: 1.25em; height: 1.25em; background: no-repeat 50% 50% / contain; cursor: pointer }
/* c - Column */
.survey-c { display: flex; flex-wrap: wrap; gap: .25rem; margin: 0 0 var(--spacing-1, 1rem); padding: 0 }
/* l - Label */
.survey-l { flex: 0 0 100%; display: flex; align-content: start; padding: 1em; border: 1px solid transparent; border-radius: .1875rem; box-sizing: border-box }
.survey-l:hover { background-color: var(--tgl-white, #FFF) }
.survey-sm .survey-l { padding: .5rem }
input[disabled] + .survey-l:hover { background-color: transparent }
.survey-c input:checked + .survey-l { border-color: var(--tgl-pri30, #4C70B5); background-color: var(--tgl-white, #FFF) }
.survey-c1 .survey-l { gap: .75rem }
.survey-c2 .survey-l, .survey-c2 .item { flex-basis: calc(50% - 0.125rem); flex-wrap: wrap; gap: .5em .75em }
.survey-c2 .item .survey-l { flex-basis: 100% }
/* tnz - Text, Number, Zizalka */
.survey-tnz { flex: 1 }
.survey-t { margin: 0 0 .25em }
.survey-n { clear: both; margin: 0 0 .125em }
.survey-n b { margin-right: .5em; font-weight: 800 }
.survey-z { clear: both; height: 1em; border-radius: .5em; font-size: 37.5%; background: var(--tgl-pri10, #D6DEEB) }
.survey-z u { float: left; height: 100%; border-radius: .5em; background: var(--tgl-pri60, #1B3E7A) }

@media(max-width:480px) {/*#wrapper*/
 .survey-t, .survey-n { font-size: 87.5% }
 .survey-z { font-size: 25% }
}

/* p - Picture */
.survey-c1 .survey-p { order: 1; flex: 0 0 20% }
.survey-c2 .survey-p { order: -1; flex: 0 0 100%; width: 100%; box-sizing: border-box }
.survey-c2 input:not([disabled]) + .survey-l .survey-p,
.survey-c2 input[type="checkbox"][disabled] + .survey-l .survey-p { padding-left: 2em }
.survey-p span { position: relative; display: block; width: 100%; height: 0; padding: 75% 0 0; background: no-repeat 50% 50% / cover }
.survey-16ku9 span { padding: 56.25% 0 0 }
.survey-4ku3 span { padding: 75% 0 0 }
.survey-1ku1 span { padding: 100% 0 0 }
.survey-icogal span:before { content: ''; position: absolute; left: .25em; bottom: .25em; width: 1em; height: 1em; background: url('/u/icon/eef/zoom-in.svg') no-repeat 50% 50% / contain; box-shadow: 0 0 .25rem var(--tgl-black-o10, #0000001a) }
.survey-icoart span:before { content: ''; position: absolute; top: 0; right: 0; width: 1.25em; height: 100%; background: #D6DEEB url('/u/icon/137/info-i.svg') no-repeat 50% calc(50% + 1.2em) / .625em .625em }
.survey-icoart span:after { content: 'info'; position: absolute; top: 50%; right: 0; width: 3em; margin: -.9em -.7em 0 0; font-size: 75%; line-height: 1.6; transform: rotate(90deg); text-align: center; color: #1B3E7A }
/* Ankety - END */

/* MOX - Tabulky */
table .c0, .table-in-art table th { color: var(--tgl-neutral90, #2B3135); background: var(--tgl-pri10, #D3D7DA) }
table .c1, table.c1 { color: var(--tgl-neutral90, #2B3135); background: var(--tgl-pri05b, #EDF2F9) }
table .c2, table.c2 { color: var(--tgl-neutral90, #2B3135); background: var(--tgl-neutral05, #F0F2F3) }
table .c3 { color: var(--tgl-neutral90, #2B3135); background: var(--tgl-white, #FFF) }
.dark table .c1 a, .dark table.c1 a, .dark table.c2 a, .dark table .c2 a { color: inherit }

.table-in-art { width: 100%; overflow: auto; margin: 0 0 1em; scrollbar-width: thin }
.table-in-art table { width: 100%; min-width: 500px; margin: 0 0 .5rem; border-collapse: separate; border-spacing: 1px; font-size: .875rem }
.table-in-art table td, .table-in-art table th { padding: .25rem .5rem }
.table-in-art table caption { display: table-caption; padding: .125rem .5rem; border-bottom: 0; text-align: left; font-weight: 600; font-size: 100%; color: var(--tgl-white, #FFF); background: var(--tgl-pri60, #1B3E7A) }
.table-in-art table th { font-weight: 600 }
.table-in-art table td { vertical-align: top }
.table-in-art table .foot td { border-top: .25rem solid var(--tgl-neutral10, #D3D7DA); font-weight: 600 }

/* MOX - Citaty */
.blockquote-box, .blockquote-box-sm { position: relative; margin: var(--spacing-15, 1.5rem) 0; padding: var(--spacing-15, 1.5rem) var(--spacing-15, 1.5rem) var(--spacing-05, .5rem); border: 1px solid var(--tgl-pri10, #D6DEEB); border-width: 1px 0; border-radius: 0; color: inherit; background: none }
.blockquote-box { text-align: center }
.blockquote-box blockquote { position: relative; margin: 0 0 .5rem; padding: 0 0 3.5rem; font-style: italic; font-weight:800; font-size: var(--rs-h4, 1.5rem); line-height: 1.25 }
.blockquote-box blockquote:before { content: ''; position: absolute; bottom: 1.25rem; left: 50%; width: 328px; height: 1px; margin: 0 0 0 -164px; background: var(--tgl-sec60, #E41F1F) }
@media(max-width:480px) {
 .blockquote-box blockquote:before { left: 20%; right: 20%; width: auto; margin: 0 } /*.css-t*/
}
.blockquote-box blockquote:after { content: ''; position: absolute; bottom: 0; left: 50%; width: 2.5rem; height: 2.5rem; margin: -1.25rem 0 0 -1.25rem; border-radius: 100%; background: var(--tgl-pri30, #4C70B5) url('/u/icon/fff/quotes-down.svg') no-repeat 50% 50% / 60% 60% }
.blockquote-box h3 { margin: 0 auto var(--spacing-1, 1rem); font-weight: 600; font-size: var(--rs-h6, 1.125rem); line-height: 1.25; font-family: inherit }
.blockquote-box h3 small { display: block; font-weight: 400; font-size: 88.88%; color: var(--tgl-neutral60, #75868E) }
.blockquote-box-sm { text-align: left }
.blockquote-box-sm blockquote { margin: 0 0 var(--spacing-1, 1rem); font-style: italic; font-weight:800; font-size: var(--rs-h5, 1.25rem); line-height: 1.25 }
.blockquote-box-sm h3 { position: relative; min-height: 2.5rem; margin: 0 0 var(--spacing-1, 1rem); padding: 0 0 0 3.25rem; font-weight: 600; font-size: 100%; line-height: 1.25; font-family: inherit }
.blockquote-box-sm h3:before { content: ''; position: absolute; top: 0; left: 0; width: 2.5rem; height: 2.5rem; border-radius: 100%; background: var(--tgl-pri30, #4C70B5) url('/u/icon/fff/quotes-down.svg') no-repeat 50% 50% / 60% 60% }
.blockquote-box-sm h3 small { display: block; font-weight: 400; font-size: 87.5%; color: var(--tgl-neutral60, #75868E) }


/* b-box */
.b-box { margin: 14px 0 16px }
.b-box h2, .b-box-tit { margin: 0 0 .5em; font-size: 225%; color: #FE0000 }
.b-box li { list-style: none; margin: 0 0 .4em; font-size: 112.5% }
.b-box a { color: #000 }
.b-box a:hover { color: #FE0000 }

.tit-img li { position: relative; min-height: 100px; margin: 0; padding: 0 110px 0 0; font-size: 100% }
.tit-img li:after { content: ''; position: absolute; bottom: 0; left: 0; right: 110px; height: 1px; background: #FE0000 }
.tit-img li + li { margin-top: 8px }
.tit-img .art-link { display: block }
.tit-img a.hashtag { display: none }
.tit-img h3 { padding: 0 0 3px; font-size: 112.5%; letter-spacing: .01em }
.tit-img .art-img { position: absolute; top: 0; right: 0; z-index: 1; text-align: center; overflow: hidden }
.tit-img img { vertical-align: middle; width: auto; height: 100%; margin: 0 -30% }
.tit-img .badge { position: absolute; top: 6px; right: 6px; z-index: 1 }

/* n4 navigace // musi byt za predpisy pro ico */
.content table.nav-n4 { clear: both; width: 100%; margin: 1rem 0; border-collapse: collapse }
.list-art table.nav-n4 { width: calc(100% - 16px) }
table.nav-n4 td { line-height: 1.5; vertical-align: middle; white-space: nowrap }
table.nav-n4 .tal, table.nav-n4 .tar { /*width:9em; */ text-align: center; text-transform: uppercase }


.nav-n4 tr { display: block; width: max-content; margin: auto }

.nav-n4 a { color: #000 }
.nav-n4 a:hover { color: #FE0000; text-decoration: none }
.nav-n4 a.ico-left, .nav-n4 a.ico-right { display: inline-flex; gap: .125em; align-items: center; padding: 1em; text-decoration: none; }
.nav-n4 a.ico-right { flex-direction: row-reverse }
.nav-n4 a.ico-left:before, .nav-n4 a.ico-right:before { width: 1em; height: 1em; }
.nav-n4 a.ico-left:before { background: url(/u/icon/000/arrow2-left.svg); background-size:contain }
.nav-n4 a.ico-right:before { background: url(/u/icon/000/arrow2-right.svg); background-size:contain }

.nav-n4 a.ico-left:hover:before, .nav-n4 a.ico-right:hover:before { filter: var(--filter-pri) }
.nav-n4 .ico-left span, .nav-n4 .ico-right span { display: none }
.nav-n4 .tac a span, .nav-n4 .tac b span { padding: 0 .5em; text-align: center }
.nav-n4 .tac b { color: #FE0000 }


/*vezmeme vas na sph at chcete nebo ne*/
#clone-site.gauge { position: relative; margin: auto 20px; text-align: center }
#clone-site.gauge img { margin: auto }
#clone-site.gauge #clone-site-overlay { opacity: 1; position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; background: linear-gradient(rgba(255,255,255,0.5), #fff) fixed }
.gauge-circle {position:relative; z-index:1500}
.gauge-circle .gauge-circle_main { bottom: -200px; position: fixed; z-index: 21; margin: auto; left: 50%; transform: translateX(-50%); transition: all .2s linear }
.gauge-circle .gauge-circle_main.active { bottom: 50px }
.gauge-circle .gauge-circle_main:after { content: ' '; background-image: url('/o/expres/LogoExpres-white.svg'); position: absolute; background-repeat: no-repeat; top: -5px; left: 25px; right: 25px; bottom: 0; background-size: contain; background-position: 50% }
.gauge-circle .gauge-circle_svg { transform: scaleX(-1) rotate(-90deg) }
.gauge-circle .gauge-circle_fill-back { stroke-width: 10px; stroke: #000; fill: transparent; opacity: .4; shape-rendering: geometricPrecision }
.gauge-circle .gauge-circle_progress { stroke-width: 10px; stroke: url(#gradient); fill: transparent; transition: stroke-dashoffset .4s linear; will-change: auto; stroke-dashoffset: 500; stroke-dasharray: 500; stroke-linecap: round; shape-rendering: geometricPrecision }
.gauge-circle .gauge-circle_bar { fill: #ff0000; shape-rendering: geometricPrecision }

.error-404 { position: relative; z-index: 2; padding: 60px 220px 180px 80px }
.error-404:before { content: '404'; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; font-weight: 800; font-size: 300px; color: #EEE; text-align: right }
.error-404 h2 { margin: 0 0 .2em; font-size: 225% }
.error-404 p { margin: 0 0 1em; font-size: 125% }
.error-404 .inp, .error-404 .sen { height: 2em; padding: 0 4px; font-size: medium }

.kolotoc { overflow: hidden; position: relative }
.kolotoc ul { clear: both;  width: 10000% ; /* width: 10000% !important;*/ min-height: 1em; list-style: none; overflow: hidden }
.kolotoc li { width: 172px; margin-right: 30px; float: left; display: block }
.kolotoc li a { display: block; text-align: left }
.kolotoc li u { display: block; width: 100%; height: 0; padding-top: 75%; background: transparent no-repeat 50% 0; background-size: cover; margin-bottom: .4em; cursor: pointer; overflow: hidden }
.kolotoc h3 { font-weight: 700; font-size: 128%; font-family: inherit; text-transform: uppercase }
.kolotoc h3 a { text-decoration: none }
.q-js .kolotoc-odklad u { background-image: none !important }

#najdete { position: relative; overflow: hidden; clear: both; width: 980px; line-height: 1.2; margin: 0 auto 16px; padding: 30px 0 0 }
#najdete:before { content: ''; position: absolute; top: 15px; left: 0; z-index: 1; width: 100%; height: 1px; background: #CCC }
#najdete .eyes-ico { visibility: hidden; position: relative; z-index: 2; overflow: hidden; float: right; width: 172px; margin: -30px 0 0; padding: 0 0 0 20px; font-size: 14px; line-height: 30px; background: #FFF }
.q-js #najdete .eyes-ico { visibility: visible }
#najdete .eyes-ico a { display: block; color: #000; outline: none }
#najdete .eyes-ico a:hover { color: #FE0000 }
#najdete .eyes-ico .fr { text-align: right }
#najdete .eyes-ico span { display: none }
#najdete h2 { display: none }
#najdete p { overflow: hidden; margin: 0 0 .2em; white-space: nowrap; font-weight: 400; font-size: 87.5%; text-transform: uppercase }
#najdete h3 { font-weight: 400; font-size: 100%; letter-spacing: .01em; text-transform: none }
#najdete li:nth-child(n+6) { display: none }
#najdete.kolotoc-jede li:nth-child(n+6) { display: block }
#najdete li > a { font-size: 112.5%; text-decoration: none; color: #000 }
#najdete li > a:hover { color: #FE0000 }
#najdete h3 a, #najdete li h3 a { padding: 0 0 2px; text-decoration: none; font-size: 100% }
#najdete h3 a:hover { text-decoration: underline }


/*margin prinejmensim pro clank. vypisy*/
.m54, #najdete ~ .m { margin: 0 auto 16px }
#idnes-arts-banner { width: 316px; height: auto; margin: 14px 0 30px }
#idnes-arts-banner a { display: block; width: 100%; height: auto; margin: 0 auto; border: 0; text-decoration: none; color: #000 }
#idnes-arts-banner a:hover { color: #FE0000 }
#idnes-arts-banner .idnes-arts-banner-item { clear: both; overflow: hidden }
#idnes-arts-banner .idnes-arts-banner-item + .idnes-arts-banner-item { margin-top: 20px }
#idnes-arts-banner .idnes-arts-banner-item img { float: left; width: 100px; height: auto; margin: 0 15px 0 0 }
#idnes-arts-banner h2 { margin: 0; padding: 0 0 10px; font-weight: 700; font-size: 90%; text-transform: uppercase; color: #13375e }
#idnes-arts-banner .idnes-arts-banner-item + h2 { margin-top: 20px }
#idnes-arts-banner h2 img { width: 100px; height: auto }
#idnes-arts-banner h3 { display: table-cell; line-height: 1.2; margin: 0; padding: 0; font-size: 112.5% }

.list-art-line .m71 .r-head { margin-right: 16px }
.art-adv img { position: absolute; left: 0; top: 0; width: 316px; height: auto }
.art-adv p { display: none }

.minifix { height: 720px; margin-top: -14px }
.r-box-2 { padding-left: 90px }

.text .r-main, .text .m58, .text .m60 { margin: 0 auto 1.5em }
.list-art .m58, .list-art .m60 { margin: 0 auto 30px }
.art-full .s_m_branding {margin-left: -1rem ;margin-right: -1rem;}

.col-b .fc15 { height: 16px }
.col-b .prima-box h2 { padding: .4em 0 0; border-top: 1px solid #F30 }
.prima-box .art + .art { min-height: 160px; margin-bottom: 0 }
.prima-box .art a:hover h3 { color: #F63B10 }

.col-b .prask-box h2, .prask-box .b-box-tit { padding: .4em 0 0; border-top: 1px solid #B91414 }
.col-b .prask-box h2 img, .prask-box .b-box-tit img { width: auto; height: 28px }
.prask-box .art + .art { min-height: 160px; margin-bottom: 0 }
.prask-box .art a:hover h3 { color: #B91414 }

#AdTrackHomepageTop .art { min-height: 50px; margin-bottom: 60px }

.m2 { display: table; width: 300px; margin: 0 auto 15px }
.m2.hid { display: none }

/* soutez - patracka */
.event-box { line-height: 1.2; padding: 1em 0 }
.event-box p { display: inline; margin: 0 .2em 0 0; font-weight: 800; font-size: 225%; text-transform: uppercase }
.event-box p a:before { content: ''; display: inline-block; vertical-align: middle; width: 0; height: 0; margin: 0 .2em .2em; border: 1em solid #FE0000; border-color: transparent #FE0000; border-width: .5em 0 .5em .8em }
.event-box i { font-style: normal; color: #FE0000 }
.event-box .ttn { text-transform: none }
.event-box .inverse { color: #FE0000 }
.event-box .inverse i { color: #000 }
.event-box .event-box-profil { display: inline-block; vertical-align: super; white-space: nowrap; font-size: 125% }
.event-box br + .event-box-profil { margin-top: .2em }
.event-box .event-box-profil:before { content: '|'; padding: 0 .5em 0 0 }
.event-box .event-box-profil:after { content: '\00BB'; padding: 0 0 0 .3em }
.dollar-1, .dollar-2 { display: inline-block; vertical-align: middle; width: 140px; height: 120px }
.dollar-1 { background: url('/o/expres/dollar-1.svg') no-repeat 50% 50% / contain }
.dollar-2 { float: left; margin: 0 1em 0 2em; background: url('/o/expres/dollar-2.svg') no-repeat 50% 50% / contain }
.col-b .dollar-1 { display: block; width: 300px; height: 222px }

.event-summary { padding: 0 0 2em }
.event-summary h1 { margin: 0 0 .3em; font-weight: 800; font-size: 350%; font-family: inherit; color: #FE0000 }
.event-summary p { margin: 0 0 .8em; font-size: 175% }
.event-summary i { font-style: normal; font-weight: 800; color: #FE0000 }
.event-summary .target { font-weight: 800; font-size: 250%; text-transform: uppercase }
.event-summary .target i { display: inline-block; width: 1.6em; height: 1.6em; line-height: 1.6; border-radius: 100%; color: #FFF; background: #FE0000; text-align: center }
.event-summary .order { font-weight: 800; font-size: 175%; text-transform: uppercase }
.event-summary .status { font-weight: 800; font-size: 150%; text-transform: uppercase; color: #FE0000 }
.event-summary .winner { margin: 0 0 .3em; font-weight: 800; font-size: 375%; text-transform: uppercase; color: #FE0000 }
.event-summary-list { overflow: hidden; margin: 0 0 2em }
.event-summary-list li { float: left; display: block; width: 120px; height: 105px; margin: 0 5px 0 0; opacity: .2; -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray }
.event-summary-list li.act { opacity: 1; -webkit-filter: none; filter: none }

.event-art-full h2, .event-art-full h3 { margin: 0 0 .3em; font-weight: 800; font-size: 175%; font-family: inherit }
.event-art-full h3 { color: #18C6DC }
.event-art-full .opener { font-weight: 400; font-size: 110% }

h1.event-login { margin: 0 0 .2em; font-weight: 800; font-size: 350%; font-family: inherit; color: #18C6DC }
p.event-login { margin: 0 0 1em; font-weight: 800; font-size: 225% }
p.event-login a:after { content: '\00BB'; padding-left: .2em }

/* rozdeleny clanek */
/*.divide-box {margin:0 0 40px}
.divide-switch {float:right; width:203px}
a.img-prev img, a.img-next img {display:none}
a.img-prev, a.img-next {display:block; width:100px; height:42px; text-align:center}
a.img-prev:before, a.img-next:before {content:''; display:block; width:50px; height:42px; margin:0 auto; background:url('/o/expres/ico-galerie.png') no-repeat}
a.img-prev:before {background-position:0 -3px}
a.img-next:before {background-position:-50px -3px}
a.img-prev, a.img-prev:hover {float:left; margin-right:3px; background-color:#000}
a.img-next, a.img-next:hover {float:right; background-color:#000}
a.img-prev:hover, a.img-next:hover {background-color:#FE0000}
a.img-prev.pasive, a.img-next.pasive {background-color:#777; cursor:default}
.divide-top {overflow:hidden; margin:0 0 30px; border-bottom:1px solid #000}
.divide-top > .fl {float:left; width:150px; min-height:1em}
.divide-top > .tac {float:left; width:270px; font-size:137.5%}
.divide-bot {overflow:hidden; margin:0 0 40px; border-top:1px solid #000}
.divide-heading {margin:0 0 30px; font-size:175%; color:#666}
.divide-top ~ .text h3.stepping-box {overflow:hidden; line-height:1.2; margin:0 0 1em; padding:0; font-weight:800; font-size:175%; font-family:inherit}
.divide-top ~ .text .stepping-box .fl {float:left; min-width:1.4em; height:1.8em; line-height:1.8; margin:.3em .5em 0 0; padding:0 .2em; border-radius:100%; color:#FFF; background:#FE0000; text-align:center}
.divide-top ~ .text .stepping-box .cell {height:2.4em; padding:0; vertical-align:middle}
.divide-top ~ .text .stepping-box + .imagelist {margin-top:0}*/


.divide-number { margin:1rem 0 1rem; padding: .5rem; border-radius: .25rem; font-weight: 800; font-size: 100%; line-height: 1.25; background: var(--neutral200, #DEDEDEFF) }
.divide-number strong { font-weight: inherit }

.divide-nav { max-width: 27em; margin: 0 auto 20px; text-align: center; font-weight: 700; font-size: 137.5% }
.divide-nav li { display: inline-block; margin: 0 .25em; padding: 0 0 1.5rem }
.divide-nav a { display: block; width: .75rem; height: .75rem; font-size: 0; border-radius: 100%; color: #FFF; background: #888; }
.divide-nav a:hover, .divide-nav a.act { background: #F00 }

.divide-shunt { clear: both; display: flex; justify-content: center; gap: .25rem; margin: 0 auto 1rem; text-align: center }
.divide-shunt [class*="ico-"]:before { display: none }
.divide-shunt.divide-shunt .ico-prev, .divide-shunt.divide-shunt .ico-next { flex: 0 1 10em; display: block; height: 3em; font-weight: 600; font-size: 1rem; line-height: 3em; text-transform: uppercase }
.divide-shunt .ico-prev span, .divide-shunt .ico-next span { display: block; width: 100%; height: 100%; margin: 0; border-radius: .25rem; font-size: inherit; color: #FFF; background: #000; }
.divide-shunt .ico-prev:hover span, .divide-shunt .ico-next:hover span { background: #F00 }
.divide-shunt .ico-prev span:before, .divide-shunt .ico-next span:after { content: ''; display: inline-block; vertical-align: middle; width: .5em; height: .5em; margin: -.25em .25em 0; border: 1px solid #FFF; transform: rotate(45deg) }
.divide-shunt .ico-prev span:before { border-width: 0 0 .2em .2em }
.divide-shunt .ico-next span:after { border-width: .2em .2em 0 0 }
.divide-shunt .ico-prev span:after { content: 'p\159 edchoz\ed ' }
.divide-shunt .ico-next span:before { content: 'dal\161 \ed ' }
.divide-shunt a.pasive { cursor: default }
.divide-shunt a.pasive.pasive span { background: var(--tgl-neutral10, #D3D7DA); box-shadow: none; cursor: inherit }



/* clanek obrazem */
.gallery-art-full h1 { font-size: 225% }
.gallery-art-full .opener-foto .more-gal { overflow: hidden; left: auto; right: 5%; bottom: 50%; width: 0; height: 0; margin: 0 0 -95px; white-space: nowrap; text-indent: -999; border-width: 95px 0 95px 40px; border-style: solid; border-color: transparent #FE0000; background: transparent }
.gallery-art-full .opener-foto a:hover .more-gal { border-color: transparent rgba(254,0,0,.8); background: none }
.gallery-art-full .opener-foto .more-gal:before { display: none }
.opener-gallery ul { overflow: hidden }
.opener-gallery li { position: relative; list-style: none; float: left; width: 22%; margin: 0 0 4% 4% }
.opener-gallery li:nth-child(4n+1) { clear: both; margin-left: 0 }
.opener-gallery img { display: block; width: 100%; height: auto }
.opener-gallery .more-gal { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; text-align: center; color: #FFF; background: rgba(254,0,0,.6); font: 20px/1.2 Anton,Impact,sans-serif }
.opener-gallery a:hover .more-gal { background: rgba(254,0,0,.8) }
.opener-gallery .more-gal b { display: block; padding: 10px 0 0; font-size: 50px }
.opener-gallery .more-gal b:before { content: '\002B' }
.related-galery h2 { margin: 0 0 .8em; font-size: 1.5rem; text-transform: uppercase }
.related-galery h2:before { content: ''; display: inline-block; vertical-align: middle; width: 1em; height: 1em; margin: -.2em .4em 0 0; background: #FE0000 }
.related-galery .art { padding-top: 0 }
.related-galery .art .art-link { position: relative; padding: 200px 10px 10px; border: 1px solid rgba(128,128,128,.3); background: rgba(128,128,128,.1) }
.related-galery .art .art-link:before { content: 'Jen fotky'; position: absolute; top: 0; left: 0; padding: .1em .5em .2em; color: #FFF; background: #FE0003 }
.related-galery .art-img img, .related-galery .art .cl5 { top: 24px; left: 10px; width: 294px; height: 166px }
.related-galery .art .badge { top: 25px; left: 12px }


/* kviz */
.test-art { margin: 0 0 1.5em 0 }
.test-art img { display: block; max-width: 100%; height: auto;}
.test-art h1 { margin: 0 0 1rem;  }
.test-art h2, .test-art h2 a { color:var(--sec60, #e41f1f); text-decoration: none }
.test-art h2 a:hover {text-decoration: underline }
.test-art h3 { margin-bottom: .5em; font-weight: 600; font-size: var(--rs-h3, 1.5rem);}
.test-art .opener { margin: .6em 0 1em; font-size: 125% }
.test-art .opener p { margin: 0; font-size: 100% }

/* test form */
.test-form h3 { font-size: 112.5%; margin-bottom: .6em }
.test-form h4 { margin: 0 0 0.8em; font-weight: 400; font-size: 150%; color: var(--neutral400)}
.test-form h4 strong { color:var(--pri) }
.test-form h4 small { font-size: 100% }
.test-form p { margin: 0 0 1em; font-size: 87.5% }
.test-form .tf-title { margin: 0 0 1em; font-weight: 600; font-size: 150% }
.tf-title * { margin-bottom: 10px }
.tf-title h3 { font-weight: 600; font-size: 112.5%; font-family: inherit }

.test-form input[type=text] { border: solid 1px #666; border-radius: 3px }

.test-form .tf-inp { overflow: hidden; margin: .5em 0 2em; font-size: 87.5% }
.test-form .tf-inp p { margin: 0; font-size: 100% }
.test-form .tf-inp .tf-answ { position: relative; margin-bottom: 5px }
.test-form .tf-inp .tf-l { display: none }
.test-form .tf-inp input[type=checkbox], .test-form .tf-inp input[type=radio] { position: absolute; visibility: hidden }
.test-form .tf-inp input[type=text] { width: 100%; padding: 15px; font-size: 87.5% }
.test-form .tf-inp label { position: relative; display: block; padding-bottom: 12px; cursor: pointer; font-size: 129%; border-radius: 3px; background: var(--neutral100) }
.test-form .tf-inp label:hover { background: var(--neutral200); }
.test-form .tf-inp label > * { display: block; padding: 12px 12px 0 }
.test-form .tf-inp input:checked + label { background: var(--neutral300) }
.test-form .tf-inp .popis { display: block; padding-top: 5px; font-size: 89% }
.test-form .tf-inp .note { clear: both; margin: 10px 0 0; text-align: right; font-size: 90%; color: var(--neutral400);}
.test-form button { display: block; width: auto; margin: 1.5em auto; padding: 15px 30px 12px; line-height: 1; font-size: large; border: none; color: #fff; background: #000 }
.test-form button:disabled { color: var(--neutral300); background:var(--neutral200) }
.test-form .tf-inp .answ-true label { position: relative; color:var(--white); background-color:var(--qua60,#008A27) }
.test-form .tf-inp .answ-false label {color:var(--white); background-color: var(--sec60, #E41F1F);}
.test-form .tf-inp .answ-notselected label { background-color: var(--qua10, #D6F2DE) }
.test-form .tf-inp .answ-true label:after { content: ''; position: absolute; right: 15px; top: 12px; width: 25px; height: 12px; border-left: solid 3px #fff; border-bottom: solid 3px #fff; transform: rotate(-45deg) }
.test-form .tf-inp .answ-false label:before, .test-form .tf-inp .answ-false label:after { content: ''; position: absolute; right: 30px; top: 10px; height: 30px; border-left: solid 3px #fff; transform: rotate(45deg) }
.test-form .tf-inp .answ-false label:after { transform: rotate(-45deg) }


.test-form-image .tf-inp .row { margin-top: 22px }
.test-form-image .tf-inp .row:first-child { margin-top: 0 }
.test-form-image .tf-inp .tf-answ { display: table-cell; width: 304px; height: 250px; vertical-align: top }
.test-form-image .tf-inp .tf-answ:nth-child(2n+0) { padding-left: 22px }
.test-form-image .tf-inp .tf-answ label { height: 100% }
.test-form-image .tf-inp .image { position: relative; display: block; padding: 0 }
.test-form-image .tf-inp .image:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.test-form-image .tf-inp img { display: block; width: auto; max-width: 100%; height: auto }
.test-form-image .tf-inp .answ-true .image:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(48,189,1,.4) }
.test-form-image .tf-inp .answ-false .image:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(228,31,31,.4) }
.test-form-image .tf-inp .answ-true label:after, .test-form-image .tf-inp .answ-false label:after { right: auto; left: 50%; top: 50px; width: 76px; height: 76px; margin-left: -38px; background-size: 152px }

.test-form .tf-inp input[type=number] { width: 100%; padding: 12px 0 12px 12px; font-size: 129%; border-radius: 3px; border: none; background: #eaeaea }

.test-form .star { position: relative }
.test-form .star:hover:after { content: "Povinn\fd \20 \fa daj"; position: absolute; left: 0; bottom: 0px; display: block; padding: 1px 4px; text-transform: uppercase; font-size: 10px; font-weight: bold; text-align: center; white-space: nowrap; color: #000; border: solid 1px #999; border-radius: 3px; background: #fff }

.tf-kontakt { overflow: hidden; margin-bottom: 20px; font-size: 87.5% }
.tf-kontakt p { margin: 0; font-size: 100% }
.tf-kontakt label { display: inline-block; width: 180px; margin-bottom: 15px }
.tf-kontakt input[type="text"] { width: 300px; padding: 5px }

.test-form .confirm { position: relative; margin-bottom: 30px }
.test-form .confirm input { position: relative; display: inline-block; width: 20px; height: 22px; margin-right: 10px; vertical-align: middle }
.test-form .confirm input:after { content: ""; left: 0; top: 0; display: block; width: 18px; height: 18px; border: solid 1px #666; border-radius: 3px; background: #fff }
.test-form .confirm input:checked:after { background: #666 url(/u/n4/kviz-tru-fal.png); background-size: 36px }

.test-form .captcha { width: 100% }
.test-form .captcha label { width: 385px; padding-top: 10px }
.test-form .cnfimg { float: left; width: 170px; height: auto; margin-right: 13px }
.test-form .captcha input#overeni { width: 150px; padding: 5px; border: solid 1px #666; border-radius: 3px }

.test-form .error { position: absolute; left: 0; top: 100%; color: #E41F1F }

.test-articles#pravidla { display: none }
.test-articles#pravidla:target { display: block }

body:has(.test-articles#pravidla:target) .test-rl { display: none; }

.test-rl A:after { content: ""; display: inline-block; width: .75em; height: .75em; margin-left: .25em; background: url(/u/icon/000/arrow-down.svg) no-repeat center / contain; }

.test-articles { margin-top: 2rem }
.test-articles p { margin: 0 0 1em }
.test-articles h3 { margin-bottom: 1rem; font-size: 1.5rem; font-weight: 700 }

.test-seznam h3 { margin: 0 0 .8em; padding: 0; border: 0; font-weight: normal; line-height: 1.2; font-size: 125%; letter-spacing: 2px; text-transform: uppercase; }

.test-score { margin: 0 0 1em 10px; overflow: hidden }
.test-score img { float: left; margin: 0 10px 10px 0 }
.test-score h4 { margin-bottom: 10px; font-weight: 700; font-size: 137.5% }
.test-score h4 small { color: #666 }
.test-score p { font-size: 87.5%; line-height: 1.2 }
.test-social { margin: 0 0 1em 10px }
.test-social ul { display: flex; flex-wrap:wrap; gap: 0 .25rem;  }
.test-social li { list-style: none }
.test-social a { display: block; position: relative; padding-left: 52px; width: 253px; height: 45px; margin-bottom: 10px; line-height: 46px; font-size: 125%; text-transform: uppercase; text-decoration: none; color: #fff }

.test-social a:hover { text-decoration: underline; color: #fff }
.test-social a:before { content: ''; position: absolute; left: 0; top: 0; display: block; width: 45px; height: 45px; background: url(/u/ico/kvizy-soc.png) }
.test-social .btn-facebook { background: #3e5991 }
.test-social .btn-facebook .ico { background-color: #43609c }
.test-social .btn-twitter { background: #1b92db }
.test-social .btn-twitter:before {background:url(/u/icon/fff/social-twitter.svg) no-repeat center; background-size:1.25em }
.test-social .btn-reload { background: #f47474 }
.test-social .btn-reload:before { background-color: #E41F1F; background-position: 0 -90px }
.test-social .btn-nextkviz { background: #8e6b8d }
.test-social .btn-nextkviz:before { background-color: #612d61; background-position: 0 -135px }

.test-social a span { display: table-cell; height: 45px; vertical-align: middle }

.test-card {container-type: inline-size; overflow:hidden;padding:1.5rem; border-radius:0.5rem; background: var(--neutral100);}
.test-card p {margin-bottom:1em; font-size:.875rem; line-height:1.6}
.test-card .btn {width:auto; color:var(--black)}
.test-card .btn.icor:after {content:""; display:block; flex:0 0 auto; width:0.75em; height:0.75em; margin-left:.25em; background:url(/u/icon/000/arrow2-right.svg) no-repeat 0 0 / contain; filter:var(--filter-pri80)}

.test-card .linklist {margin-bottom:1rem}
.test-card .linklist li {display:flex; margin:0 0 0.5em; padding:0; list-style:none; line-height:1.25; font-size:.875rem; background:none}
.test-card .linklist li:before {content:""; display:block; flex:0 0 auto; width:0.75em;  height:0.75em;  margin-right:0.5em; margin-top:0.25em ;  background:url(/u/icon/000/more.svg) no-repeat center/contain; filter:var(--filter-neutral20)}

@container (width > 480px) { 
    .test-card .linklist {float:left; margin:0 2rem 0 0}
}

/* nabirac mailu */
.nabirac { margin: 1em auto; padding: 1em 2em; text-align: center; font-size: medium }
.nabirac-separate { display: table; width: 100%; min-height: 23em; margin: 2em auto }
.nabirac-separate .nabirac { display: table-cell; margin: 0; padding: 1em 2em 1em 50%; vertical-align: middle; background: url('/o/expres/nabirac-separate.png') no-repeat 50% 50% / cover }
.nabirac-in-art .nabirac { width: 60%; min-width: 280px; border-radius: 1em; box-shadow: 0 0 1em #CCC; background: url('/o/expres/nabirac-split.png') no-repeat 0 50% / auto 100% }
.nabirac h2 { margin: 0 0 .3em; font-weight: 400; font-size: 112.5%; font-family: Anton,Impact,sans-serif }
.nabirac p { margin: 0 0 1em; font-weight: 700; font-size: 87.5% }
.nabirac-inp, .nabirac-consent { width: 70%; margin: 0 auto .2em }
.nabirac-inp input { width: 100%; padding: .5em; border: 1px solid #FFE366; border-radius: 3px; text-align: center }
.nabirac-inp input:focus { border-color: #D9C157 }
.nabirac-consent { position: relative; overflow: hidden; text-align: left; font-size: 81.25% }
.nabirac-consent input { position: absolute; left: -999em }
.nabirac-consent input ~ label:before { content: ''; float: left; width: 1em; height: 1em; line-height: 1; margin: .1em .5em 0 0; border: 1px solid #FFE366 }
.nabirac-consent input:checked ~ label:before { content: '\2714' }
.nabirac-btn { position: relative; overflow: hidden; width: 10em; margin: .5em auto 0; color: #FFF; background: #FE0000 }
.nabirac-btn:before, .nabirac-btn:after { content: ''; position: absolute; width: 0; height: 0; border: 2em solid pink; border-color: #FFF transparent }
.nabirac-btn:before { bottom: 0; left: 0; border-width: 5em 2em 0 0 }
.nabirac-btn:after { top: 0; right: 0; border-width: 0 0 5em 2em }
.nabirac-btn input, .nabirac-btn a { display: block; width: 100%; padding: .3em 1em; border: 0; text-align: center; font-family: Anton,Impact,sans-serif; text-transform: uppercase; color: inherit; background: transparent; box-sizing: border-box }


.opener-foto-info-box { position: absolute; left: .5rem; bottom: .5rem; z-index: 10; display: flex; align-items: flex-end; line-height: 1.2; padding: .25rem; border-radius: 1rem; color: #FFF; background: #f00; }
.opener-foto-info-box .ofib-link { display: table-cell; width: 1rem; height: 1rem; vertical-align: bottom; background: url('/u/icon/fff/info.svg') no-repeat 50% 100% / contain }
.opener-foto-info-box p { display: none; max-width: 420px; padding: 0 .5rem; color: #fff }
.opener-foto-info-box.ofib-visible p { display: block }
.opener-foto-info-box a { color: inherit; text-decoration: underline }

.premlab, .premlab:hover { display: inline-block; margin: 0 1em .2em 0; padding: .08em .4em; font: 600 .625rem/1.25 'Fira Sans', sans-serif; font-family: 'Fira Sans', sans-serif !important; color: #000 !important; background: #E8B332; text-decoration: none !important; }
.overopener .premlab, .col-full .art-full .premlab { margin: 0 0 .4em; font-size: 125% }
.art .premlab { position: absolute; top: 4px; right: 6px; z-index: 5; margin: 0; font-size: 13px }
.opener .premlab, .opener-bul .premlab, .art-graphic .premlab, .opener-extra .premlab { font-size: 16px }

.btn-prem, .btn-prem:hover { position: relative; overflow: hidden; display: inline-block; width: auto; height: auto; line-height: 1.5; margin: 0 auto .5em; padding: .9em 2em .7em; border: 0; border-radius: .25rem; font-weight: 700; font-size: 129%; text-decoration: none !important; color: #000 !important; background: #E8B332 !important; box-shadow: 0 2px 5px #B2B9BE }
.btn-prem:after { content: ''; position: absolute; top: 0; right: -105%; left: auto; bottom: auto; width: 100%; height: 100%; background: linear-gradient(135deg, rgba(255,255,255,0) 33%, rgba(255,255,255,.8) 50%, rgba(255,255,255,0) 67%) }
.btn-prem:hover:after { right: 105%; transition: .6s right }

.s_nativ h3 { height: auto; margin-bottom: 10px }
.s_nativ .perex { color: #000 }


/* sluzby - o nas */
.sluzby h1 { margin: 0 0 1rem; font-size: 2.25rem; line-height: 1.25; color: #2B3135 }
.sluzby h2 { margin: 0 0 1rem; font-size: 1.625rem; line-height: 1.25 }
.sluzby .opener { margin: 0 0 2rem; padding: 0; font-size: 1.125rem; line-height: 1.6 }


@media(max-width:480px) { /*#wrapper*/
 .sluzby h1 { margin-bottom: .75rem; font-size: 1.75rem }
 .sluzby h2 { margin-bottom: .75rem; font-size: 1.375rem }
 .sluzby .opener { margin-bottom: 1.5rem }
}


.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 }
.person-foto samp { position: absolute; top: 0; left: 50%; width: 300%; height: 100%; margin: 0 0 0 -150% }
.person-foto img { display: block; width: auto; height: 100%; margin: auto; background: #FFF /* FIX pro transparentPNG */ }
.person-foto > img { display: inline-block; vertical-align: top; margin: 0 -45% }
.personbox { margin-bottom: 1.5rem }
.personbox:after { content: ''; display: block; clear: both }
.personbox .person-foto { float: left; margin-right: .75rem; width: 75px; height: 75px }
.personbox h3 { font-weight: 700; font-size: 1.25rem; font-family: inherit }
.personbox strong { font-weight: 700 }
.personbox a[href^="mailto"] { display: block; margin-top: .25rem; font-size: .875rem; line-height: 1.25 }
.personbox a[href^="mailto"]:before { content: ''; display: inline-block; width: 1rem; height: 1.25em; margin-right: .25rem; vertical-align: top; background: url('/u/icon/e11/mail2.svg') no-repeat left center / contain}
.person-info { margin-top: .5rem }
.person-info-in { max-height: 600px; font-size: .875rem; line-height: 1.6; overflow: hidden; transition: ease-out 600ms }
.person-info.short .person-info-in { max-height: 1.6em; border-bottom: 1px solid #D3D7DA }
.person-info-in p { font-size: 100%; line-height: inherit }
.person-info.short .ico-more { display: inline-block }
.person-info .ico-more { display: none; position: relative; margin: .25rem 0 0; font-weight: 700; font-size: .75rem; cursor: pointer }
.person-info .ico-more:after { content: ''; display: inline-block; width: .75em; height: .75em; margin-left: .25rem; background: url('/u/icon/124/arrow-down.svg') no-repeat 50% 50% / contain}

/* KOLBDA hot fix 08/2023 */
.fc-button-custom-choice.fc-button-custom-choice.fc-button-custom-choice:hover { color: #000 !important; background: #ca9617 !important }
.fc-button-whitelist.fc-button-whitelist.fc-button-whitelist { color: #FFF !important; background: #4f924f url('//1gr.cz/log/redir.aspx?r=logsas_noevil_show_EX&log=ref&url=https%3A%2F%2F1gr.cz%2Fu%2Ffree.gif') !important }
.fc-button-whitelist.fc-button-whitelist.fc-button-whitelist:hover { background: #366336 !important }
body[style*="overflow:hidden"] { height: 100vh }

/* diskuse 2023 */
.moot-art, .dsc-login.dsc-login, .disc-form-out-form, .navlist, .dsc-list { font-size: medium }
.moot-art.moot-art h2, .moot-art.moot-art h3 { font-weight: 400; font-size: 175%; line-height: 1.33 }
.moot-art a { color: #000 }
.moot-art a:hover { color: #FE0000 }



.art-community { display: flex; flex-wrap: wrap; gap: .25rem; width: 100%; margin: 1rem 0 1.5rem; font-size: medium; line-height: 1.167 }
.art-community li { flex: 0 0 auto; list-style: none; font-size: 75% }
.art-community .arts-1, .art-community .arts-2 { display: none }
.art-community.art-community .prep-1 .arts-1, .art-community.art-community .prep-2 .arts-2 { display: flex }
.art-community a { position: relative; display: flex; flex-direction: column; justify-content: center; height: 100%; min-height: 44px; padding: .125rem .75rem .125rem 44px; border: 1px solid transparent; border-radius: 3px; text-decoration: none; box-sizing: border-box }
.art-community span { display: block }
.community-discusion a { color: #171717; background: #FED933; transition: background .3s }
.community-discusion a:hover { color: #FFF; background: #000 }
.community-favorite a { color: #FFF; background: #FE0000 }
.community-favorite a:hover { color: #FFF; background: #000 }
.community-share a, .community-share a:hover { border-color: var(--neutral200); color: var(--neutral900); background: var(--neutral100) }
.community-share a:hover { background: var(--tgl-pri10) }
.community-discusion a:before, .community-favorite a:before, .community-share a:before { content: ''; position: absolute; top: 50%; left: 0; width: 24px; height: 24px; margin: -22px 0 0; border: 10px solid transparent; background-repeat: no-repeat; background-position: 50% 50%; }
.community-discusion a:before { background-image: url('/u/icon/000/discusion.svg') }
.community-discusion a:hover:before { filter: var(--filter-white) }
.community-favorite a:before { background-image: url('/u/icon/fff/favorite.svg') }
.community-favorite.prep-1 a:before { background-image: url('/u/icon/fff/favorite-act.svg') }



.community-share { margin-left: auto }
.community-share a { max-width: 10.5em }
.community-share a:before { filter: var(--filter-neutral900) }

.taglist { overflow: hidden; margin: 0 0 .5em; font-size: 87.5% }
.taglist li { float: left; display: block; margin: 0 .25em .5em 0 }
.taglist a, .taglist select { position: relative; overflow: hidden; display: flex; align-items: center; width: auto; height: 2.5em; padding: .25em .5em; border: 1px solid var(--tgl-pri10, #D6DEEB); border-radius: .25rem; font-size: 100%; line-height: 1.25; text-decoration: none; color: var(--tgl-pri80, #122E5B); background: var(--tgl-white, #FFF); box-sizing: border-box }
.taglist a:hover, .taglist a.act { text-decoration: none; background: var(--tgl-pri05, #EDF2F9) }
.taglist select { padding-right: 1.5em; background: var(--tgl-white, #FFF) url('/u/icon/000/select.svg') no-repeat calc(100% - .5em) 50% / .75em; -moz-appearance: none; -webkit-appearance: none; appearance: none }
.dark .taglist select { background-image: url('/u/icon/fff/select.svg') }


/****** sph horni carousel **************/

.hotcarousel-wrap { position: relative;  padding: 2.5rem 1.5rem; overflow: hidden; background: no-repeat top right; background-size: cover;  }
.content .hotcarousel-wrap {margin-top: calc(-1 * var(--spacing-15, 1.5rem));}
.hotcarousel { --transition-duration: 600ms; /*stejny cas jako trvaniPosunu hotcarouselu - bude prepsano skriptem*/
               --animation-duration: 900ms; /*stejny cas jako intervalAnimace hotcarouselu - bude prepsano skriptem*/
               --transition: var(--transition-duration) ease-in-out; 
                box-sizing: border-box; }

.hotcarousel:before { content: ""; position: absolute; left: -20px; top: -20px; right: -20px; bottom: -20px; background: no-repeat center; background-size: cover; filter: blur(15px) brightness(.45); background-image: radial-gradient(transparent, #b2ddff); }

@media(max-width:800px) {
    .hotcarousel { margin: 0 10px; }
}

.hotcarousel:after { content: ""; position: absolute; width: 1px; height: 400px; top: 0; left: 50%; }
.hotcarousel-items {--item-width:280px; display: flex; align-items: center; /*gap:20px;*/ gap: 1rem; position: relative; /*width: fit-content;*/ width:max-content; margin-left: calc(var(--item-width) / -2);  transition: var(--transition); transition-property: transform, margin; }

/*.hotcarousel.hotcarousel-nekonecny .hotcarousel-items {width:max-content; margin-left: calc(var(--item-width) / -2);  transition-property: transform, margin; }*/


@media(min-width:801px) {
    .hotcarousel-items { height: 570px}
}

.hotcarousel .item { flex: 0 0 auto; flex-direction: column; position: relative; display: flex; /*width: 290px;*/ width:var(--item-width);  aspect-ratio: 0.6666; /*height: 435px;*/ filter:brightness(.4); transition: var(--transition); transition-property: width, height; }
.hotcarousel .item:before { content: ""; position: absolute; left: 50%; top: 50%; width: 50px; height: 50px; margin-left: -25px; margin-top: -25px; opacity: 0.5; background: url(/o/antiyoutuber/loading.gif) no-repeat center; background-size: contain }

.hotcarousel .item .item-in { position: relative; display: block; width:var(--item-width); aspect-ratio:.6666; /*width: 280px; height: 420px;*/ margin: auto; border: solid 3px #fff; border-radius: 10px; box-sizing: border-box; overflow: hidden; transition: var(--transition); transition-property: transform; transform-origin: center; }
.hotcarousel .item a { pointer-events: none; }
.hotcarousel .item-bottom { position: absolute; bottom: 0; left: 0; width: 100%; padding: .75rem; box-sizing: border-box; z-index: 1; background: linear-gradient(0, rgba(0,0,0,1), transparent) }

.hotcarousel .imageset { position: relative; width: 100%; height: 100%; }
/*.hotcarousel img { position: absolute; left: 50%; top: 50%; height: 100%; width: auto; transform: translate(-50%, -50%) }*/
.hotcarousel img { position: absolute; left: 50%; top: 50%; height: 100%; width: 100%; object-fit: cover; transform: translate(-50%, -50%) }

.hotcarousel video { width: 100%; height: 100%;  object-fit: cover;}
.hotcarousel .label { position: absolute; left: 1em; top: 1em; padding: 2px; background: #fff }
.hotcarousel h3 { color: #fff; font-weight: 800; font-size: 1.75rem }
.hotcarousel .item:hover h3 { text-decoration: underline }
.hotcarousel .item-active {filter:none}
.hotcarousel .item-active .item-in { border-color: #c00; }
/*proverit co to dela na touchi*/
.hotcarousel .item-active a { pointer-events: auto; }

@media (min-width:801px) {
    /*.hotcarousel.hotcarousel-nekonecny .hotcarousel-items {margin-left: -190px;}*/
    .hotcarousel .hotcarousel-items {margin-left: -190px;}
    .hotcarousel .item-active { width: 380px; }
    .hotcarousel .item-active .item-in { transform: scale(1.357); }
}

.hotcarousel .progress-bar { position: relative; margin-top: -1px; left: 0.4rem; width: calc(100% - .8rem); height: 1px; overflow: hidden; }

.hotcarousel .item-active .progress-bar { background-color: #9D9D9D; }
.hotcarousel .item-active .progress-bar:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #FED933; animation: linear progressbar; animation-duration: var(--animation-duration) }


.hotcarousel .item .item-in { border: none; border-radius: 0 }
.hotcarousel .item .item-content { position: relative; width: 100%; height: 100%; box-sizing: border-box; overflow: hidden; border-radius: .5rem; border: solid 1px #9D9D9D }
.hotcarousel .item-active .item-content { border-color: #FED933 }



.hotcarousel-next, .hotcarousel-prev {position:absolute; top:50%; width:3rem;  aspect-ratio:1; transform:translate(0, -50%); cursor:pointer; opacity:.8; border-radius:3rem; background:#ffffff99;}
.hotcarousel-next:hover, .hotcarousel-prev:hover {opacity:1}
.hotcarousel-next {right:1rem}
.hotcarousel-prev {left:1rem}
.hotcarousel-next:after, .hotcarousel-prev:after {content:""; display:block; width:2rem; height:2rem; margin: .5rem auto; background:no-repeat center / contain}
.hotcarousel-next:after {background-image:url(/u/icon/000/arrow2-right.svg)}
.hotcarousel-prev:after {background-image:url(/u/icon/000/arrow2-left.svg)}

@media (max-width:650px) {
    /*.hotcarousel-next, .hotcarousel-prev {display:none}*/
    .hotcarousel-next, .hotcarousel-prev {top:0; width:2rem; height:100%; background:none; border-radius:0; transform:none}
    .hotcarousel-next:after, .hotcarousel-prev:after {display:none}
    .hotcarousel-next {right:0}
    .hotcarousel-prev {left:0}
}


@keyframes progressbar {
    0% { width: 0; }
}

.imageset img:nth-child(n+2) { visibility: hidden }


/*kurzy*/

.sportoc {position:relative}
.sportoc-prev, .sportoc-next {position:absolute; top:0; bottom:0; cursor:pointer}
.sportoc-prev {right:100%}
.sportoc-next {left:100%}
.sportoc-prev:before, .sportoc-next:before {content:''; display:block; width:1.25rem; height:100%; background:url('/u/icon/000/arrow-right.svg') no-repeat 50% 50% / contain; filter:var(--filter-tgl-pri80)}
.sportoc-prev:before {transform:rotate(180deg)}
.sportoc li {display:block; width:192px; margin:0; padding:0 .125rem; border-right:1px solid var(--tgl-pri10, #D6DEEB); box-sizing:border-box}
.sportoc p {font-size:100%}

@media(max-width:600px) {
    .sportoc-prev, .sportoc-next {display:none}
    .sportoc .kolotoc {}
    .sportoc ul {display:flex; gap:0; white-space:nowrap; overflow-y:hidden; overflow-x: scroll; scrollbar-width:thin; scroll-behavior:smooth; width:auto; margin:0 -1rem; padding:0 1rem .25rem}
    .sportoc li {flex:0 0 auto; white-space:normal}
}


.sportsevent.sportsevent {display:block; padding:0 .5rem; border:1px solid transparent; border-radius:var(--radius-s, .25rem); text-decoration:none; white-space:normal}
/*.sportsevent.live {border-color:var(--tgl-neutral05, #F0F2F3); background:var(--tgl-white, #FFF)} - zruseno pro Tipsport 01/2025 */
.sportsevent-info {display:flex; gap:.25rem; margin:0 0 .5rem; font-weight:400; font-size:62.5%; line-height:1.2; font-family:inherit}
.sportsevent-info h4 {flex:1; font:inherit; text-transform:uppercase; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.sportsevent-info .time, .sportsevent-info .brisk {flex:0; font:inherit; white-space:nowrap}
.sportsevent-info .brisk {height: auto; min-width: auto;font-weight:600}
.sportsevent-team {display:flex; gap:.25rem; margin:.25rem 0 0; font-size:87.5%; line-height:1.25; font-family:inherit}
.sportsevent-team .symbol {flex:0}
.sportsevent-team .symbol img {display:block; width:auto; max-width:3em; height:1.25em; vertical-align:top; overflow:hidden}
.sportsevent-team .name {flex:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:600}
.sportsevent-team .score {flex:0; font-weight:800; font-feature-settings:"tnum"; white-space:nowrap}
.sportsevent-team .name + .score {padding-left:.25rem}
.sportsevent-team .score small {font-size:.5rem}
.sportsevent-text {font-weight:600; font-size:75%; line-height:1.25; font-family:inherit}
.sportsevent-text .symbol {float:left; margin:0 .25em 0 0}
.sportsevent-text .symbol img {width:auto; height:1.25em; vertical-align:top}
.sportsevent [class*="ico-"]:before {filter:var(--filter-tgl-pri80)}
.group-datacentrum .tit {margin:0 0 .25rem; font-weight:800; font-size:112.5%; line-height:1.25; font-family:inherit}

/* TIPSPORT 2025 - item */
.r-fortuna.r-fortuna {display:block; text-decoration:none}
.r-fortuna.r-fortuna ul {display:flex; align-items:center; gap:.125rem; width:min-content; max-width:100%; overflow:hidden; font-weight:400; font-size:.625rem; line-height:1.2; font-family:var(--ff-m, 'Inter')}
.r-fortuna.r-fortuna ul:before {content:''; width: 5em; height: 1.33em; margin:0 .25rem 0 0; font-size:120%; background:url('/o/spo/fortuna-logo.png') no-repeat 0 50% / contain}
.r-fortuna.r-fortuna li {flex:0 0 auto; display:flex; justify-content:center; align-items:center; width:auto; min-width:2em; padding:.125rem .25rem; font:inherit; border-radius:var(--radius-xs, .125rem); color:var(--tgl-pri60, #1B3E7A); background:var(--tgl-pri10, #D6DEEB); white-space:nowrap}
.sportoc .r-fortuna.r-fortuna {margin:.5rem .5rem 0; padding:.25rem .125rem 0; border-top:1px solid var(--neutral10, #D3D7DA)}
.score-box .r-fortuna.r-fortuna {width:fit-content; margin:.25rem 0 0 auto}
.score-box .r-fortuna.r-fortuna ul:before {width:1em; background-image:url('/o/spo/fortuna_o.png')}
/* TIPSPORT 2025 - varovani */
.r-tipsport-mf  {font-size:.5rem; line-height:1.2; text-align:center; color:var(--tgl-neutral60, #75868E)}
.r-tipsport-mf:after {content:''; display:inline-block; vertical-align:top; width:1em; height:1.2em; margin-left:.25em; background:url('/u/icon/000/adult.svg') no-repeat 50% 50% / contain; filter:var(--filter-tgl-neutral60)}
.sportoc ~ .r-tipsport-mf {margin:0 0 calc(-1 * (var(--spacing-075, .75rem) + .6rem)); padding:var(--spacing-075, .75rem) 0 0}

.group-kurzy {padding-top:1rem; border:none; border-radius:.5rem; background: linear-gradient(180deg, var(--neutral100) 0%, transparent 6rem);}


/*sph carousel*/

.hotcarousel .item-active .imageset img { /*height: 150%; */ transform: translate(-50%, -50%) scale(1.5); animation: imageset linear; animation-duration: calc(var(--animation-duration) / 3); }
.hotcarousel .item-active .imageset img:nth-child(n+2) { animation-delay: calc(var(--animation-duration) / 3) }
.hotcarousel .item-active .imageset img:nth-child(3) { animation-delay: calc(var(--animation-duration) / 3 * 2) }

.hotcarousel .item-active .imageset-1 img { animation-duration: var(--animation-duration) }
.hotcarousel .item-active .imageset-2 img:first-child { animation: imageset linear, imageset linear; animation-duration: calc(var(--animation-duration) / 3), calc(var(--animation-duration) / 3); animation-delay: 0ms, calc(var(--animation-duration) / 3 * 2) }



@keyframes imageset {
    0% { visibility: visible; /*height:100%; */ transform: translate(-50%, -50%) scale(1); }
    100% { /* height: 150%*/ transform: translate(-50%, -50%) scale(1.5); }
}


/*******pro nove piano**************/


.brisk { display: block; min-width: 3.75em; height: 1.75em; line-height: 2; padding: 0 .5em 0; box-sizing: border-box; font-size: .75em; font-style: normal; color: #FFF; background: #000; }
.brisk-foto { padding: 0 .5em 0 2.1em; background: #f00 url(/o/expres/icon/fff//foto.svg) no-repeat 0.5em center; }



.art-img .brisk { position: absolute; bottom: 0; z-index: 2 }
.art-img-brisks { position: absolute; bottom: 0; z-index: 2; display: flex }
.art .art-img-brisks > * { position: static }

.outflex { clear: both; display: flex; gap: 1rem; }


.piano { clear: both; margin: 2rem 0; }
.piano-tit { margin: 0 0 .8em; font-style: italic; font-weight:800; font-size: 1.5rem; text-transform: uppercase; font-family: var(--ff-h); }
.piano .arts-row > * { flex: 1 0 0px; }



@media(max-width:650px) {
    .piano .arts-row .art:nth-child(n+3) { display: none }
}

.piano .art h4, .piano .art-authors { display: none; }
.piano .art-img .brisk { font-size: .625rem; color: #fff; background: #000; }
.piano .r-head { position: absolute; top: -14px; }


/* NASEPTAVAC */
/* obal inputu */
.inp-out {position:relative; display:flex; align-items:center; max-width:100%; padding:0; border:1px solid var(--tgl-pri10, #D6DEEB); border-radius:var(--radius-s, .25rem); color:var(--tgl-neutral60, #75868E); background:var(--tgl-white, #FFF); box-shadow:inset 0 .125em .25em var(--tgl-black-o10, #0000001a); box-sizing:content-box}
.inp-out:has(.inp:focus), .naseptavac-zobrazeny .inp-out {border-color:var(--tgl-pri30, #4C70B5); color:var(--tgl-neutral90, #2B3135); box-shadow:none}
.inp-out:before {/* content:''; vlastnost ico-search */ position:absolute; top:50%; left:.75em; width:1.25em; height:1.25em; margin:-.625em 0 0; filter:var(--filter-tgl-neutral60)}
.naseptavac-obrazkovy .inp-out:before {left:1em}
.inp-out:has(.inp:focus):before, .naseptavac-zobrazeny .inp-out:before {filter:var(--filter-tgl-pri80)}
.inp-out .inp, .inp-out .sen {position:relative; height:auto; border:0; border-radius:var(--radius-s, .25rem); font-size:inherit; line-height:inherit; box-sizing:border-box}
.inp-out .inp {flex:1; min-width:0; padding:.75em; color:inherit; background:none}
.inp-out[class*="ico-"] .inp {padding-left:2.5em}
.naseptavac-obrazkovy .inp-out[class*="ico-"] .inp {padding-left:3em}
.inp-out .inp::placeholder {color:var(--tgl-neutral60, #75868E); opacity:1}
.inp-out .sen {flex:0; margin:.25em; padding:.5em .75em; font-weight:600; color:#FFF; background:var(--tgl-pri60b, #1B3E7A)}
.inp-out .sen:hover {background:var(--tgl-pri80h, #122E5B)}
.naseptavac-obal {position:relative}
.naseptavac-zobrazeny .inp-out {border-radius:var(--radius-s, .25rem) var(--radius-s, .25rem) 0 0; border-bottom-color:transparent}
.naseptavac-seznam-obal {position:absolute; top:100%; left:0; right:0; margin:0; border:0; background:none; opacity:0; transition:.25s}
.naseptavac-zobrazeny .naseptavac-seznam-obal {opacity:1}
.naseptavac-seznam {display:block; position:absolute; top:0; left:0; z-index:10; overflow:hidden; width:100%; margin:-3px 0 0; padding:0 0 .25rem; border:1px solid var(--tgl-pri30, #4C70B5); border-width:0 1px 1px; border-radius:0 0 var(--radius-s, .25rem) var(--radius-s, .25rem); line-height:1.25; color:var(--tgl-neutral90, #2B3135); background:var(--tgl-white, #FFF); box-shadow:0 .625rem 1rem 0 var(--tgl-black-o10, #0000001a); box-sizing:border-box; cursor:default}
.naseptavac-seznam:before {content:''; display:block; height:1px; margin:3px .5rem .25rem; background:var(--tgl-pri10, #D6DEEB)}
.naseptavac-polozka {position:relative; display:block; padding:.25em .75em; cursor:default}
a.naseptavac-polozka {text-decoration:none; color:inherit; cursor:pointer}
.naseptavac-polozka.act {color:inherit; background:var(--tgl-pri05, #EDF2F9)}
.inp-out[class*="ico-"] ~ .naseptavac-seznam-obal .naseptavac-polozka {padding-left:2.5em}
.naseptavac-obrazkovy .naseptavac-polozka.naseptavac-polozka.naseptavac-polozka {padding-left:3em}
.naseptavac-polozka-textova {}
.naseptavac-polozka-obrazkova {display:flex; min-height:1.25em}
.naseptavac-obrazek {order:-1; position:static; width:2em; height:2em; margin:0 .5em 0 -2.5em; object-fit:cover}
.naseptavac-nazev small {display:block; font-size:87.5%}
.naseptavac-texty {font-size:87.5%}
.naseptavac-texty {display:flex; justify-content:space-between; align-items:center; font-size:87.5%}
.naseptavac-nazev {}
.naseptavac-nazev + .naseptavac-text {margin-left:auto; font-size:75%; opacity:.7}