@import url("https://fonts.googleapis.com/css?family=Anton:400&subset=latin,latin-ext");
@import url("https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext");
@font-face {font-family:"Fira Sans"; font-weight:400; font-style:normal; src:url("/fonts/Fira/firasans-regular.woff2") format("woff2"), url("/fonts/Fira/firasans-regular.woff") format("woff");}
@font-face {font-family:"Fira Sans"; font-weight:600; font-style:italic; src:url("/fonts/Fira/firasans-semibolditalic.woff2") format("woff2"), url("/fonts/Fira/firasans-semibolditalic.woff") format("woff"); }

html {overflow-y:scroll; overflow-anchor:none}
body {background:#FFF; font-family:Roboto, sans-serif}
h1, h2, h3, #p-menu, #najdete li > a, .opener-foto .more-gal, .art.opener-bul .cell, .idnback,
#\--fotogalerie.complete, .related p, .related li, .list-tit2, .title-box, .related-galery .art .art-link:before, .test-form h4 {font-weight:400; font-family:Anton, Impact, sans-serif}

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 {white-space:nowrap; word-spacing:-.25em; color:#FE0000}
.hashtag:before {content:'#'}

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}
.sp5 {width:172px; height:129px}
.p130 {width:130px; height:73px}

.mark-video {position:relative}
.mark-video span {display:none; position:absolute; top:50%; left:50%; z-index:2; width:4em; height:4em; margin:-2em 0 0 -2em; border-radius:100%; font-size:150%; background:#FFF; transform:scale(.8); transition:all .1s}
.mark-video span:before {content:''; position:absolute; top:50%; left:50%; margin:-1em 0 0 -.5em; border-width:1em 0 1em 1.5em; border-style:solid; border-color:transparent #FE0000}
a:hover .mark-video span {transform:scale(1)}
.mark-video.vidw span, .mark-video.r6 span {font-size:300%}
.mark-video.s100 span {font-size:100%}

/* portal */
#main {position:relative; width:100%; margin:0 auto; text-align:center}
.counters {position:absolute; top:-5000px; left:-5000px; z-index:1}
.m-bg-1, html.klikaci-body .m-bg-1 {padding:10px 0 0}
.m-bg-3, html.klikaci-body .m-bg-3 {position:relative; max-width:1030px; margin:0 auto}
.m-bg-4, html.klikaci-body .m-bg-4 {width:980px; min-height:600px; margin:0 auto; padding:25px; background:#FFF; text-align:left}

/*novy lachtan*/
.lachtan-out {margin: auto; padding:1px 15px; background: linear-gradient(180deg, #eceff1 0%, #eceff100 500px);}
.lachtan1, .lachtan2 {clear:both; margin:2rem 10px}
.lachtan1 a, .lachtan2 a {color:#000;}
.lachtan1 h4, .lachtan2 h4 {margin:0 0 .5rem; font-weight:700; font-size:125%; line-height:1.222;text-transform:uppercase}
.lachtan1 li, .lachtan2 li {list-style:none; font-size:.875rem; 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}
.lachtan2 ul {display:flex; flex-wrap:wrap; gap:.5rem 1.25rem}
.lachtan2 li {flex:0 0 calc(25% - 1.25rem * 3/4)}


#foot {position:relative}
#foot .iweb2 {position:absolute; bottom:6px; right:0; z-index:1}
#foot .btn-mob {display:none; height:3em; line-height:3em; padding:0 .8em; margin:0 0 1em; border:1px solid #000; cursor:pointer; text-align:center; text-decoration:none; text-transform:uppercase; font-weight:700; font-size:220%; overflow:hidden; color:#000; background:#FFF; -webkit-appearance:none; word-wrap:break-word}
.q-touch #foot .btn-mob {display:block}
.f-block {line-height:2; text-align:right; font-size:92%; border-bottom:1px solid #FE0000}
.f-block > * {display:inline-block; margin:0 0 0 30px}
.f-block li {display:inline}
.f-block li a {padding:0 .2em; color:#000; cursor:pointer}
.f-block li a:hover {color:#FE0000}
#f-emblem {position:relative; float:left}
#f-emblem a {display:block; overflow:hidden; width:284px; height:64px; text-indent:-999em; background:url('/o/expres/LogoExpres4-foot.svg') no-repeat 0 0; background-size:contain}
#f-emblem img {display:none}
#copyright {display:table-cell; padding:15px; font-size:83%; color:#AAA}
#copyright a {color:#999}

#f-lachtan .f-in {width:980px; padding:15px 10px}
#f-lachtan .box + .box {border-top:solid 1px #aaa; margin-top:10px; padding-top:10px}
#f-lachtan .w3-a, #f-lachtan .w3-b, #f-lachtan .w3-bc, #f-lachtan .w3-c {display:table-cell; vertical-align:top}
#f-lachtan .w3-a {width:372px; padding-right:15px}
#f-lachtan .w3-b {width:389px; padding-left:15px; border-left:dotted 1px #aaa}
#f-lachtan .w3-c {width:172px; padding-left:15px; border-left:dotted 1px #aaa}
#f-lachtan .w3-bc {width:576px; padding-left:15px; border-left:dotted 1px #aaa}
#f-lachtan ul {list-style:none}
#f-lachtan ul.fl, #f-lachtan ul.fr {width:172px}
#f-lachtan ul.fl {margin-right:25px}
#f-lachtan li {margin:0 0 8px}
#f-lachtan .w3-c h3 {margin:0 0 6px; font-size:225%; color:#000}
#f-lachtan h3 {margin:0 0 15px; font-size:150%}
#f-lachtan h3 a {display:inline-block; width:100%; height:100%; color:inherit}
#f-lachtan .w3-a li a, #f-lachtan .w3-b li a, #f-lachtan .w3-bc li a {display:inline-block; padding:0 0 0 10px; color:#333; background:url('/u/foot/bullet.png') no-repeat 0 5px}
#f-lachtan .w3-a li a:hover, #f-lachtan .w3-b li a:hover {background-position:0 -95px}
#f-lachtan .lach-list a, #f-lachtan .lach-list span {line-height:1.73; color:#333}
#f-lachtan .f-webtit-idnes span, #f-lachtan .f-webtit-lidovky span {display:none}
#f-lachtan .f-webtit-idnes {width:130px; height:30px; background:url(/u/loga-n4/idnes.svg) no-repeat 0 50% / contain}
#f-lachtan .f-webtit-lidovky {width:200px; height:30px; background:url(/o/lidovky_ln5/ln-logo.svg) no-repeat 0 50% / contain}

#portal {position:relative; margin:0; text-align:left}
#portal img {vertical-align:middle}
#emblem {position:relative; float:left}
#emblem img {display:block; height:76px}
#portal hr {clear:both; width:100%; height:0; margin:0; padding:0; border:1px solid #FE0000; border-width:1px 0 0}
.portal-social {float:right; margin:0 0 0 1.6em; padding:10px 0 0; font-size:167%}
.portal-social li {float:left; display:block; margin:0}
.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')}
#p-searcher {float:right; padding:10px 0 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:117%}
#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}

#p-menu {position:relative; float:left; line-height:1.7; text-transform:uppercase; font-size:167%}
#p-menu li {list-style:none; float:left}
#p-menu li > a {position:relative; display:block; padding:5px 1em 5px 0; border-left:.5em solid transparent; color:#555}
#p-menu li:first-child > a {border-left:0}
#p-menu li > a:after {content:''; position:absolute; left:0; bottom:0; width:0; border-bottom:5px solid #FE0000; transition:.3s}
#p-menu li > a:hover:after, #p-menu .act > a:after {width:100%}

.idnback {float:right; height:3rem; line-height:3rem; font-size:125%; padding:0 0 0 1em; background:#FFF; cursor:pointer}
.idnback span {display:inline-block; vertical-align:top; overflow:hidden; width:8em; height:100%; margin:0 0 0 .3em; overflow:hidden; text-indent:-99em; background:url('/u/loga-n4/idnes.svg') no-repeat 100% 50% / contain; cursor:pointer}

.tophashtagy {overflow:hidden; margin:0 0 1.25rem; padding:1em; font-size:.75rem; line-height:2em; color:#000; background:#E6E6E6}
.sph .tophashtagy {margin-bottom:.5em}
.tophashtagy li {float:left; display:block; margin:0 1em 0 0; font-size:134%}
.tophashtagy li a {color:inherit}
.tophashtagy li a:hover {color:#FE0000}

/* ksychtiky */
#badge-list {position:relative; float:right; margin:0 0 4px}
#badge-list li, #badge-vote li {position:relative; float:left; display:block; text-align:center; text-transform:uppercase; font-weight:400; font-size:125%}
#badge-vote li {width:96px; margin:0 5px; -webkit-transform:scale(1) /* jinak nefunguje overflow */; font-weight:700}
#badge-list li + li {margin:0 0 0 10px; padding:0 0 0 10px}
#badge-list li + li:before {content:''; position:absolute; left:0; bottom:0; width:1px; height:44px; background:#999}
#badge-list a, #badge-vote a {display:block; color:#333}
#badge-list a:hover, #badge-list .act a, #badge-vote a:hover {color:#FE0000}
#badge-list img {display:block; width:auto; height:44px; margin:0 auto 5px}
#badge-vote img {width:auto; height:60px}
#badge-list br {display:none}
#badge-vote {overflow:hidden; margin:0 -6px}
#badge-vote span {overflow:hidden; display:block; width:96px; height:96px; border-radius:50%; margin-bottom:.5em}
#badge-vote b {overflow:hidden; position:relative; display:block; width:90px; height:90px; padding:3px; text-align:center; background:#FE0000 url('/o/expres/vote-pie2.png') 50% -2880px}
#badge-vote i {display:table-cell; width:90px; height:90px; border-radius:50%; vertical-align:middle; background:#F5F5F5}

@-webkit-keyframes thumb {
	0% {-webkit-transform:scale(1)}
	50% {-webkit-transform:scale(.9)}
	100% {-webkit-transform:scale(1)}
}

@keyframes thumb {
	0% {transform:scale(1)}
	50% {transform:scale(.9)}
	100% {transform:scale(1)}
}

#badge-list a:hover img, #badge-vote a:hover img {-webkit-animation:thumb 3 200ms linear; animation:thumb 3 200ms linear}

.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')}

.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 {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, rgba(255,255,255,1) 50%, rgba(255,255,255,0))}
.posunovac .posunovac-next {right:0; background:linear-gradient(to left, rgba(255,255,255,1) 50%, rgba(255,255,255,0))}
.posunovac .posunovac-prev:before, .posunovac .posunovac-next:before {content:''; position:absolute; top:50%; left:30%; display:block; width:1em; height:1em; margin:-.5em 0 0 -.5em; border:1px solid #37474f; border-width:0 0 1px 1px; font-size:50%; transform:rotate(45deg)}
.posunovac .posunovac-next:before {left:auto; right:30%; margin:-.5em -.5em 0 0; border-width:1px 1px 0 0}
.posunovac ul {display:block; width:100%; white-space:nowrap; overflow-y:hidden; scrollbar-width:thin}
.posunovac li {display:inline-block}

/* content */
.content {min-height:200px}
.col-full:after {content:''; display:block; clear:both}
.col-a {float:left; width:648px}
.col-b {float:right; width:300px; margin:-14px 4px 0 0}
.col {float:right; width:480px}
.col.col-l {float:left}
.hr {margin:0 0 40px; padding:60px 0 0; border-bottom:1px solid #CCC}

.col .r-body {margin:0 0 60px}
#prima-box-nearby .r-body {margin-bottom:0}

/* vypis clanku */
.list-art {clear:both; margin-right:-16px}
.list-art .list-art {margin-right:0}
.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-size:300%; font-weight:700}
.list-art .list-tit {margin-right:16px}
.box-tit {margin:0 0 1.2em; font-weight:800; font-size:200%; 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}

.art {position:relative; float:left; width:316px; min-height:7.2em; margin:0 16px 16px 0; padding:178px 0 2.4em}
.art.opener, .list-art-line .art.opener {clear:both; float:none; width:auto; min-height:1px; padding-top:364px}
.art .hashtag, .list-art-line .art.opener .hashtag {position:absolute; left:0; bottom:0; margin:0 0 .5em}
.art .art-link {display:block}
.art h3 {overflow:hidden; height:3.6em; line-height:1.2; margin:0; padding:.4em 0 0; font-size:200%}
.art.opener h3, .list-art-line .art.opener h3 {height:auto; padding-top:.3em; font-size:300%; overflow:visible}
.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:absolute; top:0; left:0}
.art-img img, .art .cl5 {width:316px; height:178px}
.art .vidw, .art .r6 {width:648px; height:364px}
.art .art-img.s480 {left:69px}
.art-img.s480 img, .art .s480 {width:178px; height:178px}
.art-img u {display:block; background-repeat:no-repeat; background-position:50% 50%; background-size:cover}
.art-img i {position:absolute; left:0; bottom:0; overflow:hidden; width:2em; height:1.83em; line-height:2; padding:0 2.4em; font-style:normal; color:#FFF; background:url('/o/expres/ico-art-foto.svg') no-repeat 0 100%}
.art.opener-extra {position:relative; overflow:hidden; width:648px; min-height:150px; max-height:410px; margin:0 0 16px; padding:0; border:0; color:#FFF; background:#333}
.col-full .art.opener-extra {width:100%}
.art.opener-extra .art-link {color:#FFF}
.art.opener-extra .art-img {position:static; display:block; width:100%; height:auto}
.art.opener-extra img {width:100%; height:auto}
.art.opener-extra h3 {position:absolute; bottom:0; left:0; right:0; z-index:2; height:auto; max-height:2.4em; overflow:hidden; margin:0; padding:50px 20px 15px; color:#FFF; background:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.6) 1em); font-size:60px; text-align:center; text-transform:uppercase}
.col-full .art.opener-extra h3 {width:calc(100% - 40px); padding-left:20px; padding-right:20px; font-size:96px}
.art.opener-extra a:hover h3 {color:#FFF; text-decoration:underline}
.art.opener-extra .hashtag {display:none}
.art.art-graphic {width:648px; padding:0}
.col-full .art.art-graphic {width:100%}
.art.art-graphic .art-img {position:static; display:block; width:100%; height:auto}
.art.art-graphic h3 {display:none}
.art.opener-bul {clear:both; float:none; width:648px; height:auto; padding:0; color:#FFF; background:#333}
.art.opener-bul .art-img {position:relative; display:block}
.art.opener-bul .art-img u {width:100%; height:600px}
.art.opener-bul .art-img.vidw u, .art.opener-bul .art-img.r6 u {height:364px}
.art.opener-bul .cell {position:absolute; left:0; bottom:0; right:0; z-index:3; display:block; padding:20px; text-align:center; background:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.6) 80%)}
.art.opener-bul a, .opener-bul a h3 {color:#FFF}
.art.opener-bul a:hover h3 {color:#FFF; text-decoration:underline}
.art.opener-bul h3 {height:auto; margin:0; padding:.2em 0; font-size:72px}
.art.opener-bul p {font-size:20px}
.art.opener-bul .brisk {display:table; margin:0 auto; padding:.2em .6em; font-size:24px; color:#FFF; background:#FE0000}
.art.art-graphic img {display:block; width:100%; height:auto}

.maxivideobox {margin:0 0 16px; padding:10px 10px 1px; color:#FFF; background:#000}
.list-art .maxivideobox {margin-right:16px}
.maxivideobox:after {content:''; clear:both; display:block}
.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:250%}

.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 {position:relative; z-index:2; margin:0 18px 0 0; text-transform:uppercase; font-weight:400; font-size:1.5rem; font-family:Anton, Impact, sans-serif;}
.list-art-menu li:first-child:before {content:''; display:inline-block; vertical-align:middle; width:1em; height:1em; margin:-.2em .4em 0 0; background:#FE0000}
.list-art-menu li:first-child a {color:inherit}
.list-art-menu li:first-child a:hover {color:#FE0000}
.list-art-menu a:hover {text-decoration:none; color:#FE0000}
.list-art-menu li .ttn {text-transform:none}
.abcpremium .list-art-menu li:first-child {text-transform:none}
.abcpremium .list-art-menu li:first-child:before {background:#E2AD2A}
.abcpremium .list-art {margin-right:0}
.abcpremium .art {float:none; width:auto; min-height:129px; margin:0 0 20px; padding:0 0 0 246px}
.abcpremium .art h3 {height:auto; padding:.2em 0}
.abcpremium .art .w230 u, .abcpremium .art-img img {width:230px; height:129px}
.abcpremium .art .perex {display:block; font-size:125%}
.abcpremium .art .premlab {left:6px; right:auto}
.read-more.read-more {display:flex; justify-content:flex-end; align-items:center; height:2.5rem; padding:0 .75rem; border:1px solid #CFDCF1; border-radius:3px; color:#102447; background:#EFF3F9; 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%}
.read-more.read-more:hover {text-decoration:none; background-color:#CFDCF1}
.abcpremium .read-more.read-more {margin:0 0 3em; border:0; color:#263238; 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}

.section-tit {clear:both; overflow:hidden; margin:0 16px 16px 0; padding:16px 0 0; border-top:1px solid #FE0000}
.section-tit h2 {float:left; font-size:225%; margin:0 1em 0 0; text-transform:uppercase}
.section-tit ul {text-align:right}
.section-tit li {display:inline-block; margin:.7em 0 0 1em; font-size:125%}
.section-tit li a {color:inherit}
.section-tit li a:hover {color:#FE0000}
#hp-box-premium .section-tit {margin:0 16px 8px 0; padding:1em 2em; border:0; color:#e8b332; background:#263238}
#hp-box-premium .section-tit a {color:inherit}

.list-art-line .art {width:auto; min-height:178px; padding:0 0 16px 332px}
.list-art-line .art .hashtag {position:absolute; bottom:16px; left:332px}
.list-art-line .art h3 {padding:1em 0 0; font-size:234%}

.list-art-video .art {padding-bottom:.5em}
.list-art-video .art .hashtag {display:none}
.list-art-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:150%}
#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}

#do-kina h3 {margin:.4em 0 0; line-height:1.2; font-size:150%}
#do-kina small {height:0; padding:0; overflow:hidden}

/* clanek */
.art-full .trends li {display:inline-block; margin:0; white-space:nowrap}
.art-full .trends li + li {margin-left:1em}
.art-full div.trends {display:block; overflow:hidden; margin:0 0 2em; font-size:117%; text-align:right}
.art-full div.trends .fb-like {float:left}
.art-full div.trends ul {}
.art-full h1 {line-height:1.2; margin:0 0 16px; font-size:500%}
.art-full .text h1 {font-size:167%}
.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}

.share-box {margin:0 0 2em}
.share-box img {vertical-align:middle}
.share-function {float:left; overflow:hidden; /* kvuli poskakovani pri nacitani */ width:240px; height:25px; padding-top:8px}
.autor-box + .share-button {float:right; width:420px}
.share-button .share-fb, .share-button .share-tw {text-align:center; float:left; width:50%; line-height:2.5rem; font-size:125%; font-weight:700}
.share-fb {color:#FFF; background:#3A5795}
.share-fb:hover {color:#FFF; background:#314A7F}
.share-tw {color:#FFF; background:#29ABE2}
.share-tw:hover {color:#FFF; background:#2391C0}
.share-fb:before, .share-tw:before {content:'SD\00CDLEJ'}
.share-fb:after, .share-tw:after {content:''; display:inline-block; vertical-align:top; width:2.5rem; height:2.5rem; background:transparent no-repeat 50% 50% / contain}
.share-fb:after {background-image:url('/o/expres/ico-fb.svg')}
.share-tw:after {background-image:url('/o/expres/ico-tw.svg'); margin-left:.5em; background-size:80% auto}

.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:150%}
.autor-box-art .art-social {float:right; padding-top:12px}

.autor-box {position:relative; overflow:hidden; float:left; width:200px; margin:0 10px 0 0}
.autor-box img {float:left; width:auto; height:2.5rem; margin:0 10px 0 0}
.autor-box img ~ img {clear:both}
.autor-box h3 {line-height:1.1; color:#FE0000; font-weight:700; font-size:125%; font-family:inherit}

.art-full .opener {clear:both; /*line-height:1.2; */ margin:0 0 1em; font-size:192%; font-weight:700}

.text {/*line-height:1.6; */ font-size:175%}
#art-text {padding:0 0 1em}
.text .text {margin:0; font-size:100%}
.text .bbtext {position:relative; width:100%}
.text h3 {font-weight:700; font-family:inherit}
.text h3.tit {line-height:1.2; margin:0 0 .6em; font-weight:800; font-size:167%; font-family:inherit}
.text * + h3.tit {margin-top:1em}
.text h3.subtit {margin:0 0 .4em; font-size:107%}
.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; _margin-right:7px}
.art-full .equip-fr {float:right; margin:4px 0 1em 10px; _margin-left:7px}
.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; font-size:medium}
.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:#B9151C; 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-size:142%; font-weight:700}
.opener-flv-player strong {max-width:460px; _width:460px; right:1em; bottom:1em}
.opener-flv-player img.block {margin:0 0 2px}

/* doplneni clanku */
.equip-tv {margin:0 0 1em}

.art-full .complete, .complete {position:relative; width:100%; margin:0 0 1em; padding:0; border:1px solid #CCC; border-collapse:collapse; font-size:medium; line-height:1.33; background:#EEE; background:rgba(0,0,0,.07)}
.art-full .complete tbody, .complete tbody {font-size:75%}
.complete .complete {clear:both; margin:0}
.b-box .complete {float:none; margin:0}
.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:10px 10px 3px}
.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; font-size:175%; font-family:inherit; white-space:normal}
.art-full .complete h3.tit, .complete h3.tit {margin:1em 0 .4em; color:#666; font-size:150%}
.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 {font-size:134%; margin:0 0 .5em}
.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-size:150%; font-weight:700; color:#464646}
.art-full .complete .only-text {font-size:100%; padding-bottom:8px; margin:0}

.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; line-height:1.33; font-size:175%}
.related img {float:left; width:150px; height:150px; margin-right:20px}
.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}
.related .text {display:table-cell; height:150px; vertical-align:middle}
.art-full .related {margin:1.5em 0; overflow:hidden}
.art-full .related:after {content:''; position:absolute; bottom:0; left:170px; right:0; height:1px; background:#FE0000}
.art-full .related h3 {font-size:125%}
.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:167%}
.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 OLD
.imagelist, .text .imagelist {overflow:hidden; margin:0 0 1em}
.imagelist-cl5 {margin:0 0 1em}
.imagelist .cell {float:left}
.imagelist .cell-first {margin-left:0 !important}
.text .imagelist p, .complete .imagelist p, .imagelist p {display:block; clear:both; margin:0; padding:.3em 0 0; line-height:1.33; font-size:90%; color:#666}
.imagelist-cl5 .cell {width:560px; margin-left:0}
.imagelist-sph .cell {width:264px; margin-left:26px}
.imagelist-sp5 .cell {width:172px; margin-left:22px}
.imagelist-p135 .cell {width:135px; margin-left:6px}
.imagelist-s160 .cell {width:152px; margin-left:3px}
.complete .imagelist-cl5 .cell {width:540px; overflow:hidden}
.complete .imagelist-sph .cell {margin-left:12px}
.complete .imagelist-sp5 .cell {margin-left:12px}
.complete .imagelist-p135 .cell {margin-left:0}
.complete-dual-l .imagelist-p135 .cell {margin-left:10px}
.cell img {vertical-align:middle; max-width:648px; height:auto}
.imagelist-s160 img {width:152px; height:152px}
.imagelist-fl, .text .imagelist-fl {float:left; margin-right:15px}
.imagelist-fr, .text .imagelist-fr {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 {max-width:230px; width:auto; height:auto}
.imagelist-cl6, .text .imagelist-cl6 {float:none; margin-right:0; margin-left:0}
.text .imagelist-cl6 .cell, .text .imagelist-cl6h .cell {max-width:100%; overflow:hidden; margin-left:0}
.text .imagelist-cl6 img, .text .imagelist-cl6h img {width:100%; height:auto}

.imagelist-flex {display:flex; width:100%}
.imagelist-flex.imagelist-fl {width:230px}
.imagelist-flex .cell {position:relative; flex:1; flex-basis:100%}
.imagelist-flex .cell ~ .cell {margin-left:1em}
.imagelist-flex > .fc0 {display:none}
.imagelist-flex img {width:100%; height:auto}
.imagelist-16ku9 .imagespace, .imagelist-4ku3 .imagespace, .imagelist-1ku1 .imagespace {position:relative; overflow:hidden; display:block; width:100%; height:0}
.imagelist-16ku9 .imagespace {padding:56.25% 0 0}
.imagelist-4ku3 .imagespace {padding:75% 0 0}
.imagelist-1ku1 .imagespace {padding:100% 0 0}
.imagelist-16ku9.imagelist-16ku9 .imagespace img, .imagelist-4ku3.imagelist-4ku3 .imagespace img, .imagelist-1ku1.imagelist-1ku1 .imagespace img {position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%}
*/

/* 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.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%}

#\--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'}

/* video */
html videoplayer.dummy:before {width:7em; margin:-3.5em 0 0 -3.5em; padding-top:7em; background-color:#FFF; background-image:url('/o/expres/player/playtko-f00.png'); transition:all .15s linear;}
html videoplayer.dummy:hover:before, html videoplayer.dummy:focus:before {width:8em; margin:-4em 0 0 -4em; padding-top:8em; 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:#B9151C; font-weight:700; font-size:167%; font-family:inherit}
.catchbox-l h4, .catchbox-r h4, .catchbox-dual-l h4 {margin:0 0 .2em; font-weight:700; font-size:134%; font-family:inherit}
.catchbox-l p, .catchbox-r p, .catchbox-dual-l p {margin:0; font-size:117%}
.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-size:1.5rem; text-transform:uppercase}
.title-box:before {content:''; display:inline-block; vertical-align:middle; width:1em; height:1em; margin:-.2em .4em 0 0; background:#FE0000}
.title-box a {color:inherit}
.title-box a:hover {color:#FE0000}

.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:134%}

.row-search {margin:0 0 3em; padding:0 0 1.8em; border-bottom:1px solid #CCC}
.row-search h2 {margin:0 0 .5em; font-size:300%; font-weight:700}
.row-search form {position:relative; display:block}
.row-search .inp, .row-search .sen {float:left; height:2.6em; padding:0 .5em; font-size:134%; -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:167%; 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:117%}
.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:117%}
.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}

.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; background:#FFF}
.list-outside-art h3 {line-height:1.2; padding:0 0 3px; font-size:167%; 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:167%; font-family:inherit; color:#f21f56}
#komercni-sdeleni .top p {font-size:117%}
#komercni-sdeleni .box {padding:0 0 0 75px}
#komercni-sdeleni .box p {margin:0 0 1em; font-size:117%; 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:#eee}
.vb {height:100%; background:#fe0000}

.anketa-list {margin-bottom:30px}
.anketa-list .question {margin-bottom:20px; font-weight:800; font-size:200%; 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 {text-transform:uppercase; font-weight:bold; font-size:150%; display:block; float:none}
.anketa-list .vote .rate {font-size:200%; color:#888; font-weight:bold}

/*sph premium carousel*/
.premcarousel-tit {display: flex; align-items: center; justify-content: space-between; width:980px; height:60px; margin-bottom:1rem; background:url(/o/expres/lista_premium.png)}
.premcarousel-tit h2 {width:880px; height:100%}
.premcarousel-tit h2 a {display:block; width:100%; height:100%}

.premcarousel-tit .ucet {margin-right: 1rem;}
.premcarousel-tit .ucet a {height:100%; color:#fff}
.premcarousel-tit .icon-login0:before {background-image: url(/u/icon/fff/login0.svg);}
.premcarousel-tit .icon-login1:before {background-image: url(//1gr.cz/u/icon/fff/login1.svg);}

.premcarousel {position:relative; margin-bottom:1rem}
.premcarousel-nav {display:flex; gap:1.5rem; position:absolute; left:25px; top:20px; z-index: 2;}
.premcarousel-nav .nav {display:block; width:12px; height:12px; cursor:pointer; border-radius:100%; background-color:#fff;}

.premcarousel.prep-1 .nav-1, .premcarousel.prep-2 .nav-2,.premcarousel.prep-3 .nav-3,
.premcarousel.prep-4 .nav-4,.premcarousel.prep-5 .nav-5,.premcarousel.prep-6 .nav-6,
.premcarousel.prep-7 .nav-7 {background-color:#E8b332;}



.premcarousel-kolotoc .premcarousel-nav {position:static; display:block; list-style:none}
.premcarousel-kolotoc .premcarousel-nav .nav-left, .premcarousel-kolotoc .premcarousel-nav .nav-right {position:absolute; top:50%; left:10px; width:50px; height:50px; cursor:pointer; border-radius: 100px; margin-top:-25px; background:rgba(255,255,255,.5) url(/u/icon/233/arrow2-left.svg) no-repeat 40% center; background-size:60%}
.premcarousel-kolotoc .premcarousel-nav .nav-right {left:auto; right:10px; background-image:url(/u/icon/233/arrow2-right.svg); background-position:right 40% center }

.premcarousel-in {position:relative; width:980px; height:410px; overflow:hidden}

.premcarousel-kolotoc ul {display:flex; }

.q-js .premcarousel .arts-1, .q-js .premcarousel .arts-2, .q-js .premcarousel .arts-3,
.q-js .premcarousel .arts-4, .premcarousel .arts-5, .q-js .premcarousel .arts-6,
.q-js .premcarousel .arts-7 {display:block; position:absolute; left:-100%; animation:odjezd 1000ms ease; }

.premcarousel.prep-1 .arts-1, .premcarousel.prep-2 .arts-2,.premcarousel.prep-3 .arts-3,
.premcarousel.prep-4 .arts-4,.premcarousel.prep-5 .arts-5, .premcarousel.prep-6 .arts-6,
.premcarousel.prep-7 .arts-7 {left:0; animation-name: prijezd; z-index:1}

@keyframes odjezd {
  0% {left: 0;}
  80% {left:-100%}
}
@keyframes prijezd {
  0% {left:100%}
  80% {left:0}
}

/* 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:134%}
.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:150%; 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:0 0 16px; border-collapse:collapse}
.list-art table.nav-n4 {width:calc(100% - 16px)}
table.nav-n4 td {line-height:2; font-size:large; vertical-align:middle; white-space:nowrap}
table.nav-n4 .tal, table.nav-n4 .tar {width:9em; text-align:center; text-transform:uppercase; font-size:125%}
table.nav-n4 .tac {}
.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:block; text-decoration:none; border:1px solid #000}
.nav-n4 .ico-left span:before, .nav-n4 .ico-right span:after, .kolotoc .ico-left:before, .kolotoc .ico-right:after {content:''; display:inline-block; vertical-align:baseline; width:8px; height:8px; margin:0 3px; border:1px solid #000; transform:rotate(45deg); -ms-transform:rotate(45deg)}
.nav-n4 .ico-left span:before, .kolotoc .ico-left:before {border-width:0 0 2px 2px}
.nav-n4 .ico-right span:after, .kolotoc .ico-right:after {border-width:2px 2px 0 0}
.nav-n4 a.ico-left:hover, .nav-n4 a.ico-right:hover, .nav-n4 a.ico-left:hover span:before, .nav-n4 a.ico-right:hover span:after, .kolotoc a.ico-left:hover:before, .kolotoc a.ico-right:hover:after {border-color:#FE0000}
.nav-n4 .tac a span, .nav-n4 .tac b span {padding:0 .5em; text-align:center}
.nav-n4 .tac b {color:#FE0000}

.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:167%}
.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% !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; line-height:30px; margin:-30px 0 0; padding:0 0 0 20px; 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-size:117%; font-weight:400; text-transform:uppercase}
#najdete h3 {font-size:100%; font-weight:400; 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:150%; 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}

/* reklama */
.r-head {text-align:right}
.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-size:90%; font-weight:700; 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:150%}

.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}

.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 p a:hover span {-webkit-animation:thumb 3 200ms linear; animation:thumb 3 200ms linear}
.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-size:250%; font-weight:800; 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-size:175%; font-weight:800; text-transform:uppercase}
.event-summary .status {font-size:200%; font-weight:800; text-transform:uppercase; color:#FE0000}
.event-summary .winner {margin:0 0 .3em; font-size:500%; font-weight:800; 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-size:110%; font-weight:400}

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-size:225%; font-weight:800}
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:175%}
.divide-bot {overflow:hidden; margin:0 0 40px; border-top:1px solid #000}
.divide-heading {margin:0 0 30px; font-size:225%; 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-nav {max-width:27em; margin:0 auto 20px; text-align:center; font-size:175%; font-weight:700}
.divide-nav li {display:inline-block; margin:0 .3em; padding:0 0 20px}
.divide-nav a {display:block; width:1.8em; height:1.8em; line-height:1.8; border-radius:100%; color:#FFF; background:#888; text-align:center}
.divide-nav a:hover, .divide-nav a.act {background:#FE0000}

#kristalova-lupa {display:none}

/* clanek obrazem */
.gallery-art-full h1 {font-size:300%}
.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}

/* FB lakadlo */
.fan-fb {display:block; line-height:3; font-size:108%; font-weight:700; color:#FFF; background:#3A5795}
.fan-fb:hover {color:#FFF; background:#314A7F}
.fan-fb:before {content:''; display:inline-block; vertical-align:top; width:3em; height:3em; background:url('/o/expres/ico-fb.svg') no-repeat 50% 50% / contain}
#fbviolence {position:fixed; top:0; left:0; z-index:999; width:100%; height:100%; background:rgba(0,0,0,.6); cursor:default}
#fbviolence .close {position:absolute; top:0; right:0; z-index:2; width:1em; height:1wm; line-height:1; text-align:center; cursor:pointer}
#fbviolence .close:before {content:'\00D7'}
#fbviolence .close:hover {color:#fe0000}
#fbviolence .box-in {position:fixed; top:50%; left:50%; z-index:1; width:9em; height:4em; line-height:1.2; margin:-4em 0 0 -7em; padding:2.8em 2.5em 1.2em; text-align:center; font-weight:800; font-size:36px; font-family:ProximaNova,sans-serif; color:#000; background:#FFF url('/o/expres/badge-1.png') no-repeat 50% 1em / 80px}
#fbviolence .fan-fb {width:14em; margin:1.6em auto 0; font-size:14px}

/* klon HP */
#clone-site {position:relative; height:1500px; height:110vh; overflow:hidden}
#clone-site #clone-site-overlay {position:absolute; top:0; left:0; z-index:10; width:100%; height:100%; background:linear-gradient(rgba(255,255,255,0.5),rgba(255,255,255,1)) fixed}
#clone-site #clone-site-loader {position:fixed; bottom:-4.375em; transition:0.25s; left:0; z-index:999; width:100%; padding:0.25em 0; line-height:1.5em; text-align:center; text-transform:uppercase; font-weight:700; font-size:medium; color:#333; background:#E6E6E6}
#clone-site #clone-site-loader.fixed {bottom:0}
#clone-site .zizalka {background:#FFF; width:980px; height:1.375em; margin:0 auto 1em}
#clone-site .zizalka u {display:block; height:100%; background:#FF3F4E}

/* kolečko, které spasí svět */
#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 .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}

.message-center {overflow:hidden; position:fixed; z-index:6; left:50%; line-height:1.3; margin:0 0 0 -515px; font-size:medium}
.message-center .close {position:absolute; top:0; right:0; transition:right .8s; width:auto; line-height:1; font-size:175%; font-weight:400; color:#C00}
.message-center .close:before {content:'\00D7'; padding:0 .2em}
.message-center a, .message-center a:hover {color:#000; text-decoration:none}
.message-center .message-link {float:left; display:block; width:520px; margin:0 0 0 -555px; transition:margin-left 2s; padding:20px 26px; border-top:3px solid #FE0000; text-decoration:none; color:#000; background:rgb(242,242,242); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.message-center.visible .message-link {margin-left:0}
.message-center p {padding:.3em 0 0; font-weight:800; font-size:125%}
.message-center h3 {padding:0 0 0 5em; font-weight:800; font-size:125%; font-family:inherit; color:#FE0000; background:url('/o/expres/LogoExpres.svg') no-repeat 0 55%; background-size:auto .75em}


/* kviz */
.test-art {margin:0 0 1.5em 0}
.test-art img {display:block; margin:0 15px -2px 0}
.test-art h2, .test-art h1 {display:inline; margin:0 0 16px; font-weight:400; line-height:1.5; font-size:380%}
.test-art h2, .test-art h2 a {color:#000; text-decoration:none}
.test-art h2 a:hover {color:#333; text-decoration:underline}
.test-art .opener {margin:.6em 0 1em; font-size:167%}
.test-art .opener p {margin:0; font-size:100%}

/* test form */
.test-form h3 {font-size:150%; margin-bottom:.6em}
.test-form h4 {margin:0 0 0.8em; font-size:200%; font-weight:400; color:#aaa}
.test-form h4 strong {color:#FE0000}
.test-form h4 small {font-size:100%}
.test-form p {margin:0 0 1em; font-size:117%}
.test-form .tf-title {margin:0 0 1em; font-size:200%; font-weight:600}
/*.test-form .tf-title p {margin:0; font-size:100%}*/
.tf-title * {margin-bottom:10px}
.tf-title h3 {font-weight:600; font-size:150%; 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:117%}
.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 input[type=checkbox] {position:absolute; visibility:hidden}
.test-form .tf-inp input[type=text] {width:100%; padding:15px; font-size:117%}
.test-form .tf-inp label {position:relative; display:block; padding-bottom:12px; cursor:pointer; font-size:129%; border-radius:3px; background:#eaeaea}
.test-form .tf-inp label:hover {background:#f1dede}
.test-form .tf-inp label > * {display:block; padding:12px 12px 0}
.test-form .tf-inp input:checked + label {background:#FF3F4E}
.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:#666}
.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:#eaeaea; background:#ccc}
.test-form .tf-inp .answ-true label {position:relative; background-color:#2cff40}
.test-form .tf-inp .answ-false label {background-color:#fe0000}
.test-form .tf-inp .answ-notselected label {background-color:#e6e6e6}
.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:117%}
.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-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:150%; font-size:184%}
.test-score h4 small {color:#666}
.test-score p {font-size:117%; line-height:1.2}
.test-social {margin:0 0 1em 10px}
.test-social ul {overflow:hidden}
.test-social li {float:left; width:50%; 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-color:#1da1f2; background-position:0 -45px}
.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}


/* darky - vanocni priloha 2017 */
.shop-top h2, .shop-top h3, .shop-nav, .shop-art .more {font-family:Anton,Impact,sans-serif}
.shop-top a, .shop-top a h3 {-webkit-transition:color .3s; -moz-transition:color .3s; -o-transition:color .3s; transition:color .3s}
.shop-top {display:table; width:100%; margin:0 0 16px; border-collapse:collapse}
.shop-top .cell-a, .shop-top .cell-b {display:table-cell; background:#FED933}
.shop-top .cell-a:before, .shop-top .cell-b:before {content:''; display:block; height:4em; background:#FFF}
.shop-top .cell-b {width:280px; border-left:1px solid #FFF}
.shop-top h2 {position:relative; display:block; width:5.4em; height:1em; line-height:1; margin:-1.5em 0 0; padding:.5em 0 0 24px; text-transform:uppercase; font-size:250%; color:#FF0204; background:#FED933}
.shop-top h2:after {content:''; position:absolute; left:100%; top:0; margin-left:-.2em; border-style:solid; border-color:#FED933 transparent; border-width:0 1.2em 1.5em .2em}
.shop-top .box-in {padding:24px}
.shop-top .art {position:relative; float:none; width:280px; margin:0; padding:158px 0 0; border:0}
.shop-top .art-img img {width:280px; height:158px}
.shop-top .hashtag {position:absolute; top:100%; left:0; padding:.5em 0 0}
.shop-art {position:relative; overflow:hidden}
.shop-art a:hover h3 {color:#FE0000}
.shop-art h3 {margin:0 0 .3em; font-size:300%; color:#000}
.shop-art .art-img {float:left; margin:0 16px 0 0}
.shop-art .art-img img, .shop-art .vidw, .shop-art .r6 {width:362px; height:auto}
.shop-art .perex {margin:0 0 .5em; font-size:150%; color:#000}
.shop-art .more {display:table-cell; padding:.5em 1em; border-radius:1em; font-size:150%; text-transform:uppercase; color:#FFF; background:#FE0000}
.shop-art .hashtag {left:378px; top:auto; bottom:0; padding:0}
.shop-nav {margin:0 0 16px; border-bottom:1px solid #FED933; font-size:150%}
.shop-nav h2 {position:relative; float:left; margin:0 2em 0 0; padding:.3em 24px; text-transform:uppercase; color:#000; background:#FED933}
.shop-nav h2:after {content:''; position:absolute; left:100%; top:0; margin-left:-.2em; border-style:solid; border-color:#FED933 transparent; border-width:0 1.2em 1.95em .2em}
.shop-nav ul {display:flex; text-align:center}
.shop-nav li {flex-grow:1; list-style:none}
.shop-nav a {display:block; padding:.3em .5em 0; color:#000}
.shop-nav a:after {content:''; display:block; border-bottom:.3em solid #FED933; transform:scaleX(0); transition:.3s}
.shop-nav a:hover:after, .shop-nav .act a:after {transform:scaleX(1)}
.shop-text {margin:0 0 1em; padding:1em 0; text-align:center; font-size:150%; font-weight:700}
.shop-text .btn {display:block; width:8em; line-height:2; margin:.5em auto; padding:0; border:0; text-transform:uppercase; text-align:center; color:#FFF; background:#00DF12}
.shop-text .btn:hover {background:#00A70E}

/* 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:150%; 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}


/* docasne pozadavky PRG */
#dx-cerna-kronika, #dx-viral, #dx-telebrity, .b-box h2.significant, .text .related h3 {display:none}

/* new */
#dx-premium {background-color:#e8b332}
#dx-premium a {color:white !important}
.overopener { overflow:hidden; position:relative; height:550px; margin:0 0 2em}
.overopener-cw {color:#FFF; background:#263238}
.overopener-cb {color:#263238; background:#FFF}
.overopener-title {position:absolute; top:0; left:50px; z-index:5; display:table; height:100%}
.overopener-title-in {display:table-cell; vertical-align:middle; padding-bottom:80px}
.overopener-pb .overopener-title-in {vertical-align:bottom}
.overopener .premlab {margin:0 0 .8em; font-size:100%}
.overopener .opener-foto-info {color:#263238}
.overopener h1 {width:15em; line-height:1.4; font-size:500%; /*font-size:360.5%;*/ /*font-weight:700;*/ color:inherit; text-shadow:0 0 20px rgba(38,50,56,.3)}
.overopener-cb h1 {text-shadow:0 0 20px rgba(255,255,255,.3)}
.overopener-pb h1 {width:880px}
.overopener:before {content:''; position:absolute; bottom:0; left:0; z-index:2; width:86%; height:55%; background:radial-gradient(ellipse farthest-side at center left, rgba(0,0,0,.5) 0%, rgba(0,0,0,.5) 51%, rgba(0,0,0,0) 100%)}
.overopener-cb.overopener:before {background:radial-gradient(ellipse farthest-side at center left, rgba(255,255,255,.5) 0%, rgba(255,255,255,.5) 51%, rgba(255,255,255,0) 100%)}
.overopener-pb:before {top:auto; bottom:0; width:100%; height:60%; background:linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,.5) 100%)}
.overopener-cb.overopener-pb:before {background:linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,.5) 100%)}
.overopener .opener-foto .overlap {top:auto; left:auto; right:60px; bottom:20px; z-index:5; width:auto; height:auto;}
.overopener .opener-foto .more-gal {bottom:0; left:auto; right:0; margin:0}
.overopener .overopener-title-in {vertical-align:bottom; padding-bottom:95px}
.ziskat-premium {float:right !important; padding:0 10px; border-radius:3px; font:italic 600 100%/1.5 'Fira Sans', sans-serif; color:white; background-color:#e8b332; text-shadow:1px 1px 5px #263238}
.opener-foto-info-box {position:absolute; left:50px; bottom:15px; z-index:10; display:table; line-height:1.2; padding:.2em; border-radius:1em; color:#FFF; background:rgba(38,50,56,.9);}
.opener-foto-info-box .ofib-link {display:table-cell; width:2em; height:2em; vertical-align:bottom; background:url('/u/icon/fff/info.svg') no-repeat 50% 100%}
.opener-foto-info-box p {display:none; max-width:420px; padding:.4em 1em}
.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; border-radius:2px; font:italic 600 81.25%/1.15 'Fira Sans', sans-serif; font-family:'Fira Sans', sans-serif !important; color:#FFF !important; background:linear-gradient(#DAA520 0%, #E8B332 100%); text-decoration:none !important; text-shadow:0 1px 1px rgba(0,0,0,.5);}
.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}

/* manazerska */
.portal-g0 {position:relative; z-index:3; margin:0 0 25px; padding:3px 10px; color:#263238; background:#eceff1}
.portal-g0:after {content:''; display:block; clear:both}
.portalmenu-0, .p-date {line-height:2.17}
.p-date {float:left}
.portalmenu-0 {position:relative; float:right}
.portalmenu-0 li {position:relative; display:inline-block; vertical-align:top; margin:0 0 0 1em}
.portalmenu-0 .premlab, .portalmenu-0 .premlab:hover {margin:0 0 0 2em; font-size:100%}
.portalmenu-0 .premlab.premlab-big {margin:0 1em; padding:.2em 1.2em; font-size:116.6%}
.portalmenu-0 .premlab.premlab-expired {position:relative; margin:0 1em 0 3em; padding:.2em 1.2em; font-size:116.6%; background:#546E7A !important}
.portalmenu-0 .premlab.premlab-expired:before {content:''; position:absolute; top:50%; left:0; width:1.4em; height:1.4em; margin:-.7em 0 0 -2em; background:url('/u/icon/da2/warning.svg') no-repeat 50% 50% / contain}
.icon-login0.active:after, .icon-login0.active:hover:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:#FFF url('/u/icon/124/close-i.svg') no-repeat 50% 50% / 1em 1em}
a.icon-login0, a.icon-login1 {display:flex; align-items:center; color:#1B3E7A}
a.icon-login1, .q-prihlasen a.icon-login0 {display:none}
.q-prihlasen a.icon-login1 {display:flex}
.icon-login0:before, .icon-login1:before {content:''; display:block; width:1.4em; height:1.4em; margin:0 .5em 0 0; background:no-repeat 50% 50% / cover}
.icon-login0:before {background-image:url('/u/icon/137/login0.svg')}
.icon-login1:before {background-image:url('/u/icon/137/login1.svg')}
.portalmenu-0 .p-inbox {display:none; margin-right:2em}
.q-prihlasen .portalmenu-0 .p-inbox {display:inline-block}
.p-inbox a {display:block; padding:0 0 0 2em; color:#37474f; background:url('/u/icon/344/mail2.svg') no-repeat 0 50% / 1.5em 1.5em}
.p-inbox i {float:left; line-height:1.17; margin:.5em .5em 0 0; padding:0 .3em; border-radius:2px; color:#FFF; background:#e4201f; font-style:normal; animation:inbox 1000ms 3}
@keyframes inbox {
	50% {transform:scale(1.4); transform-origin:center;}
}

.s_nativ h3 {height:auto; margin-bottom:10px}
.s_nativ .perex {color:#000}

/* divno poutani 2021/01 verze 2 */
.vidfix {position:fixed; left:50%; bottom:-250px; transition:bottom 2s; z-index:10; display:block; width:692px; margin:0 0 0 -515px; padding:0; font-size:medium; color:#FFF; background:rgba(0,0,0,.85); overflow:hidden}						
.vidfix-act {bottom:0}
.q-ie .vidfix {display:block !important} 
.vidfix-2, .vidfix-3 {display:none}
.vidfix .art-link {display:flex; align-items:center; color:inherit}
.vidfix .art-img {position:relative; flex:0 0 54%; order:2; float:right; display:block; width:50%; height:0; padding:32% 0 0; background:#CCC no-repeat 50% 50%; background-size:cover}
.vidfix .mark-play {position:absolute; top:50%; left:50%; bottom:auto; right:auto; z-index:3; width:4em; height:4em; margin:-2em 0 0 -2em; border-radius:100%; overflow:hidden; background:#FFF; font-size:150%; transition:all .4s; transform:scale(.8)}
.vidfix .mark-play:before {content:''; position:absolute; top:50%; left:50%; margin:-1em 0 0 -.5em; border-width:1em 0 1em 1.5em; border-style:solid; border-color:transparent #FE0000}
.q-mouse .vidfix .art-link:hover .mark-play {transform:scale(1)}
.vidfix .cell {flex:1 1 auto; order:-1; display:block; padding:.5em 1em; text-align:right}
.vidfix h3, .vidfix h4 {position:static; padding:0; background:none}
.vidfix h3 {max-height:5.2em; overflow:hidden; line-height:1.3; font-size:200%; text-align:inherit}
.vidfix h4 {margin:0 0 .2em; text-transform:uppercase; font-size:100%; color:#FE0000}

/* sluzby - o nas */
.sluzby h1 {margin:0 0 1rem; font-size:2.25rem; line-height:1.25; color:#263238}
.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}
#wrapper .sluzby h1 {margin-bottom:.75rem; font-size:1.75rem}
#wrapper .sluzby h2 {margin-bottom:.75rem; font-size:1.375rem}
#wrapper .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 }
.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 #CFD8DC}
.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 }

/* 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}
