@import url('https://fonts.googleapis.com/css?family=Chivo:400,900&display=swap&subset=latin-ext');

* { -ms-text-size-adjust: none; -webkit-text-size-adjust: none }
body, h1, h2, h3, h4, h5, h6, p, ul, ol, menu, li, table, td, th, form, iframe { margin: 0; padding: 0; font-size: 100%; }
img { border: 0; -ms-interpolation-mode: bicubic }
body { position: relative; font-family: 'Chivo', sans-serif; line-height: 1.33; color: #00337e; background: #FFF; width: 100%; }
input, select, textarea, button { font-size: 100%; font-family: inherit; color: #00337e; -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; border: solid 1px #00337e; background: transparent }
input, textarea { border: solid 1px #00337e; padding: 4px }
input[type="submit"], button { cursor: pointer }
p { margin-bottom: 1em }
a { color: #00337e; /*text-decoration: none;*/ }
a:hover { text-decoration: underline }
h1 { font-size: 300%; margin-bottom: .5em; }
h2 { margin-bottom: 20px; font-size: 263%; line-height: 1.2; font-weight: 900; }
h3 { font-size: 150%; margin-bottom: 1rem; line-height: 1.2; }
h4 { font-size: 100%; margin-bottom: 1rem; }

.fl { float: left }
.fr { float: right }
.fc0 { clear: both }
.tac { text-align: center }

.prep-1 .arts-1, .prep-2 .arts-2, .prep-3 .arts-3, .prep-4 .arts-4, .prep-5 .arts-5, .prep-6 .arts-6 { display: block; }

.btn { display: inline-block; padding: 10px 20px 8px; text-transform: uppercase; text-align: center; font-size: 81%; border-radius: 50px; }
.btn-blue { color: #fff; background: #00337e }
.btn-white { color: #00337e; background: #fff }

a.btn { text-decoration: none }

.col3 { float: left; width: 30%; margin-right: 3% }
.note { font-size: 88% }
.link { text-decoration: underline }

#main { margin-bottom: -30px; padding-bottom: 30px }
#page { position: relative; max-width: 1030px; margin: 0 auto -30px; /*padding-bottom: 30px;*/ overflow: hidden; cursor: auto; background: #fff; }

.content { width: 100%; box-sizing: border-box; padding: 0 30px; margin: auto; }
.content-box { width: 80%; margin: 0 auto 40px; overflow: hidden; }
.col-ab {margin:0 30px 30px}
.col-a { float: left; width: 540px; margin-left: 30px; margin-bottom: 30px; }
.col-b { float: right; width: 350px; margin-right: 30px; margin-bottom: 30px; }

.header { position: absolute; top: 0; left: 0; width: 100%; /*height: 90px; min-height: 90px;*/ background: transparent; margin-bottom: 40px; }
.header-top { position: absolute; top: 0; left: 0; width: 100%; z-index: 10; }
.header-emblem { float: left; width: 160px; height: 82px; margin-top: 10px; background: url(//1gr.cz/o/impuls/logo.svg) no-repeat; background-size: contain; }
.header-emblem a { display: block; width: 100%; height: 100% }
.header-podklad { background: #f3af10; }

.menu { float: right; margin-top: 30px; }
.menu li { list-style: none; display: inline-block; margin-left: 10px; text-transform: uppercase; font-size: 81%; }
.menu li a { text-decoration: none }
.menu li a:hover { text-decoration: underline }

.topbox { position: relative; overflow: hidden; width: 100%; min-height: 90px; margin-bottom: 40px; background-image: linear-gradient(#d29e01, #e8b80f); }
.topbox .bg-img { position: absolute; top: 0; left: 0; width: 100%; height: auto; }
.topbox .img { position: absolute; bottom: 0; }
.topbox img { display: block; }

.animstudio { height: 540px; }

#prehravac #btn, #prehravac #btn-bk { display: block; max-width: 150px; margin: 0 auto 20px; cursor: pointer }
#prehravac #btn img, #prehravac #btn-bk img { width: 150px }
#prehravac #btn-bk { display: none }
#prehravac.prehravac-on #btn { display: none }
#prehravac.prehravac-on #btn-bk { display: block }

.ico-i a:before { content: ""; display: inline-block; vertical-align: bottom; width: 1.2em; height: 1.2em; margin-bottom: .15em; background: url(//1gr.cz/o/impuls/logo-i-modre.svg) no-repeat; background-size: contain; }
.ico-camera a:after, .ico-play a:after { content: ""; display: inline-block; vertical-align: top; margin-left: 5px; /* margin-top: 2px; */ background: url(//1gr.cz/o/impuls/piktogramy-blue.svg) no-repeat 0 0; background-size: 46px; }
.ico-camera a:after { width: 24px; height: 16px; margin-top: 2px; }
.ico-play a:after { width: 22px; height: 19px; background-position: -24px 0; }


.f-social a { display: block; width: 36px; height: 37px; background-image: url(//1gr.cz/o/impuls/sprite.png) }
.ico-fb { background-position: 0 -30px; }
.ico-yt { background-position: -40px -30px; }
.ico-insta { background-position: -80px -30px; }

.footer { clear: both; overflow: hidden; margin-top: 30px; color: #fff; background: #00337e; }
.footer .content { padding-top: 30px; padding-bottom: 30px; overflow: hidden; }
.footer a { color: #fff; text-decoration: none }
.footer a:hover { text-decoration: underline }
.f-social { float: right; list-style: none }
.f-social li { display: inline-block; margin-left: 10px; }
.f-links { float: left; list-style: none; }
.f-links li { display: inline-block; width:32%; /*margin-right: 20px;*/ text-transform: uppercase; font-size: 81%; }

.dotbox { /*width: 90%;*/ width: 100%; margin: 0 auto 40px; padding: 25px; box-sizing: border-box; text-align: center; background: url(//1gr.cz/o/impuls/bg-dot.png); }
.dotbox-fullpage { /*margin: 30px*/ padding: 15px }

.art { position: relative; margin-bottom: 40px; overflow: hidden; }
.art > a { overflow: hidden; display: flex; text-decoration: none }
.art.vice:hover { text-decoration: underline }
.art-img {display:block; width: 50%; }
.art-info { width: 44%; margin: auto; }
.art .perex { margin-bottom: 15px }
.art .vice { position: relative; font-weight: bold; font-size: 81%; text-transform: uppercase; }
.art .vice:after { content: ""; display: inline-block; margin: 0px 0 -1px 5px; border: solid 6px transparent; border-left-color: #00337e; }

.art-img img { width: 100%; height: auto; display: block; }

.art-imp { display: flex; }
.art-imp .art-img img { width: 700px; height: auto; }
.art-imp .art-info { width: 37%; padding: 30px; background: #fff; z-index: 2 }
.art-l .art-img { float: left; margin-right: 60px; }
.art-l .art-info { }
.art-r { margin: 0 0 65px auto; }
.art-r a { flex-direction: row-reverse }
.art-r .art-img img { float: right }

.art .time-date { display: block; margin-bottom: 1em; font-size: 82%; }

/*touchova verze clanku*/
#opener-img {margin-bottom:20px}
.art-img.m304 {width:304px}
.equ-info {font-size:80%}

.listart .art h3 { margin-bottom: .5em }
/*?*/

.list-art .art { display: flex; max-width: 600px; margin: 0 auto 40px }
.list-art img { }
.list-art .art-img { float: left; width: 300px; max-width: 50%; margin-right: 30px }


.zivak-video { margin-bottom: 1em }
.zivak-video h3 {}
.video-description {color:#808080;}

.list-art-zivak-mini .art {margin-bottom:1rem}
.list-art-zivak-mini h3 { margin-bottom: 0;font-size:100%}
.list-art-zivak-mini .art-img {width: 128px; flex:0 0 128px}
.list-art-zivak-mini .art-info {width: auto; margin: 0px 0 0 1em;}
.list-art-zivak-mini .btn {display:table; margin:auto}

.list-art-zivak h3 {margin-bottom:0.2em}
.list-art-zivak h4 {color:#808080}

.zivak-abecedne {list-style:none}
.zivak-abecedne h3 {margin-bottom:.5rem; font-weight:bold; font-size:150%; border-bottom: solid 2px;}
.zivak-abecedne .item {display:flex; }
.zivak-abecedne .time {flex: 50px 0 0;}
.zivak-abecedne .name {position:relative; padding-left:.5em}
.zivak-abecedne .name:before {content:"-"; position:absolute; left:0}

.art-full .art-info { width: auto; margin-bottom: 10px; }
.art-full .opener { margin-bottom: 1em; font-size: 125% }
.art-full h3 { font-size: 125% }
.art-full ul { margin: 0 0 1em 1em; list-style: none; }

.opener-foto img { max-width: 100%; height: auto }
.opener-foto a:hover .more-gal { background-position: 100% 100% }
.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: .6em 0 0; color: #666; font-size: .75rem }

.imagelist img { max-width: 100%; height: auto; }

.w230 { width: 230px; height: 129px }

.kolotoc { position: relative; margin-bottom: 30px; overflow: hidden; }
.kolotoc-in { width: 100%; overflow: hidden; }
.kolotoc-in li { position: relative; display: none; }
.kolotoc-in .art { margin-bottom: 0 }
.kolotoc-navigace { position: absolute; bottom: 20px; left: 20px; list-style: none; }
.kolotoc-navigace li { display: inline-block; width: 6px; height: 6px; margin: 2px; border-radius: 50%; border: solid 2px transparent; background: #fff; }
.kolotoc-navigace li.act { border-color: #fff; background: #f3af10 }

#kolotoc.prep-1 #kolotoc-a1, #kolotoc.prep-2 #kolotoc-a2, #kolotoc.prep-3 #kolotoc-a3, #kolotoc.prep-4 #kolotoc-a4, #kolotoc.prep-5 #kolotoc-a5, #kolotoc.prep-6 #kolotoc-a6 { border-color: #fff; background: #00337e; }

.impulsovi-top { position: relative; /*height:500px;*/ min-height: 400px; overflow: hidden; }
.impulsovi-top .topbox-in { color: #fff; width: 380px; margin: 115px 0 30px 50px }
.impulsovi-top .topbox-in h1 { font-size: 270%; margin-bottom: 20px; }
.impulsovi-top .topbox-in p { margin-bottom: 30px; }
.impulsovi-top .topbox-in .btn { margin: 0 20px 20px 0; }
.impulsovi-top .img { right: 50px }
.impulsovi-intro { margin: 30px 0 0 }

.infobanner { overflow: hidden; margin-bottom: 40px; padding: 40px; color: #fff; background: url(//1gr.cz/o/impuls/yellow-ban.png) no-repeat; background-size: contain; }
.infobanner h2 { float: left }
.infobanner .btn { float: right; margin-top: .8em; }

.impulsovi-form { clear: both; margin-bottom: 30px; }
.impulsovi-form form { margin-bottom: 40px }
.impulsovi-form h3 { font-weight: normal }
.impulsovi-form h3.tit {font-size:125%; font-weight:bold}
.impulsovi-form .subtit {margin-top:-1em; font-weight:normal}
.impulsovi-form a { text-decoration: underline }
.impulsovi-form .inp-row { float: left; width: 48%; margin: 0 2% 10px 0; line-height: 1.2; }
.impulsovi-form .inp-row label { margin-right: 5px; }
.impulsovi-form .inp-row label.inline { display: inline }
/*.impulsovi-form .inp-row:nth-child(2n+1) {clear:both}*/
.impulsovi-form .inp-row-radio { width: 100%; /*margin-top: 1.5em;*/ }
.impulsovi-form input[type=text] { width: 100% }
.impulsovi-form input[type=checkbox] { float: left; margin-right: 5px; margin-bottom: 1em; }

.impulsovi-form .note { margin-top: 3em; }


.error-text { color: #ff6a00; font-size: 86%; }
.error-inp { border-color: #ff6a00 }

.impulsovi-form .pocet-kusu { margin-bottom: 2em }
.btn-mini { position: relative; display: inline-block; width: 30px; height: 30px; color: #fff; text-align: center; line-height: 28px; font-size: 20px; border-radius: 50%; background: #00337e }
.btn-mini-plus:after { content: "+" }
.btn-mini-minus:after { content: "-" }
.impulsovi-form input[type=text].inp-pocet-kusu { width: 50px; margin-right: 10px; text-align: right }



.captcha { margin-top: 20px; padding-top: 20px; /*border-top: solid 1px #e0e8f4;*/ }
.captcha img { float: left; margin: -8px auto 30px 30px; }
.captcha label { float: right; width: 48%; margin: 0 2%; }
.captcha .inp { width: 100% }

.program { margin: 0 0 40px 40px; }
.program li { position: relative; list-style: none; padding-right: 0; display: table; width: 100%; }
.program li:after { content: ""; position: absolute; right: 20px; top: 19px; border: solid 5px transparent; border-top-color: #00337e; }
.program-short { position: relative; margin-left: -10px; padding: 0px 10px; display: table; box-sizing: border-box; width: 100%; }
.program-long { display: none; margin: 20px 20px 20px 0; padding-left: 7em; }
.program-long p { font-size: 90% }
.program-long img { max-width: 100%; height: auto }
.program .show-detail .program-short:after { border-top-color: transparent; border-bottom-color: #00337e }
.program .show-detail .program-long { display: block }
.program span { display: table-cell; padding: 10px 0; /* width: 7em; */ border-bottom: solid 1px #00337e; }
.program .time { width: 7em; }
.program .name { position: relative; font-weight: bold; padding: 10px 10px 0 0; }
.program .act:after { border-top-color: #fff; }
.program .act .name { padding-right: 100px }
.program .act .program-short .name:after { content: "te\10F\A0\A0 hraje"; position: absolute; right: 10px; top: 10px; width: 60px; height: 22px; margin-right: 10px; padding: 0px 41px 0 0; font-size: 12px; font-weight: bold; line-height: 20px; background: url(//1gr.cz/o/impuls/sprite.png) 65px -70px; }
.program .act.show-detail:after { top: 12px; border-top-color: transparent; border-bottom-color: #fff }
.program .act .program-short { color: #fff; background: #00337e; margin-top: -1px; }

.vedeni-old { overflow: hidden; margin-bottom: 30px; }
.vedeni-old ul { overflow: hidden; margin-bottom: 40px; }
.vedeni-old li { position: relative; width: 31%; margin: 0 0 2% 2%; float: left; list-style: none; /* border: solid 1px black; */ }
.vedeni-old li:nth-child(3n+1) { margin-left: 0 }
.vedeni-old li img { /* display: block; */ width: 100%; height: auto; }

.vedeni-old .vedeni-info { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin-bottom: 40px; padding: 10px; overflow: hidden; box-sizing: border-box; text-align: center; color: #fff; background: rgba(255,223,0,.5); }
.vedeni-old li:nth-child(odd) .vedeni-info { background: rgba(0,51,126,.8); }
.vedeni-old .vedeni-info p { margin: auto }
.vedeni-old li:hover .vedeni-info { display: flex }
.vedeni-old .vedeni-info a { color: #fff }

.content-box-vedeni { }
.content-box-vedeni h3 { text-align: center; padding-right: 3%; }
.vedeni { position: relative; overflow: hidden; margin-top: -155px; margin-bottom: -145px; }
.vedeni ul { overflow: hidden; padding-top: 150px; }
.vedeni li { position: relative; list-style: none; float: left; width: 31%; min-height: 50px; margin: auto 0 0 2%; }
.vedeni li:nth-child(3n+1) { margin-left: 0; clear: both; }
.vedeni li:nth-child(3n+2) { top: -150px; }
.vedeni-info { text-align: center; margin-top: 5px; height: 7em; }
.vedeni-info a { font-size: 75%; }


.rotace div + div {display:none}

.redakce { position: relative; overflow: hidden; padding-top: 100px; /*margin-bottom: 30px;*/ }
.redakce h3 { width: 23%; }
.redakce ul { overflow: hidden; margin-top: -164px; margin-bottom: -50px; padding-top: 164px; padding-bottom: 80px; }
.redakce li { position: relative; list-style: none; float: left; margin: auto 0 0 2%; }


.redakce-col4 li { width: 23%; }
.redakce-col4 li:nth-child(4n+1) { margin-left: 0; clear: both; }
.redakce-col4 li:nth-child(2n) { top: -164px; margin-bottom:-134px}
.redakce-col4 li:nth-child(4n) { top: 120px;}
.redakce-col4 li:nth-child(4n):last-child { margin-bottom: 120px;}

.redakce img { display: block; width: 100%; height: auto; }
.redakce-info { text-align: center; margin-top: 5px; height: 7em; }
.redakce-info a { font-size: 75%; }

.rotace img { max-width: 100%; pointer-events: none }
.rotace img + img { display: none; }

.redakce .rotace { position: relative;}
.prepitem { display: none;}
.prep-1 .prepitem-1, .prep-2 .prepitem-2, .prep-3 .prepitem-3, .prep-4 .prepitem-4 { visibility: visible; display: block }

.q-touch .rotace div + div { display: none }

/*.redakce-col3 ul { padding-bottom: 0; padding-top: 214px; }
.redakce-col3 li { width: 31%; min-height: 50px; }
.redakce-col3 li:nth-child(3n+1) { margin-left: 0; clear: both; }*/

/*@media (min-width:1001px) {
	.redakce-col3 li:nth-child(3n+2) { top: -150px; }
	.redakce-col3 li:nth-child(3n+1):last-child {top: -150px;margin-left: 33%;margin-bottom: -150px;}
}*/

.redakce-col3 ul {display:flex; flex-wrap:wrap; margin-left:-2%; padding-bottom: 0; padding-top: 214px; }
.redakce-col3 li { width: 31%; min-height: 50px; }
.redakce-col3 li:nth-child(2) {order:-1}

@media (min-width:1001px) {
	.redakce-col3 li:first-child, .redakce-col3 li:nth-child(3n+5) { top: -150px; }
	.redakce-col3 li:nth-child(3n+1):last-child {top: -150px;margin-left: 35%;margin-bottom: -150px;}
}

.online-top .topbox-in { position: relative; float: right; width: 525px; margin-top: 70px; margin-right: 40px; }
.online-top h1 { color: #fff }
.online-top h3, .online-top h4 { color: #fff; font-size: 100% }
.btn-play { display: block; margin-bottom: 30px; padding-top: 105px; text-align: center; background: url(//1gr.cz/o/impuls/btn-play.png) center 0 no-repeat }

.online-top .fr { width: 250px; margin-bottom: 40px; }
.online-top .img { /*left: -55px*/ width: 57%; }
.online-top .img img { width: 100%; height: auto }
.online-top ul { margin-bottom; font-size: 88% }
.online-top li { list-style: none; margin-bottom: .5em }
.online-top .time { display: block }
.online-top { /*text-transform: capitalize*/ }

.online-form { margin-bottom: 1em }
.online-form select { margin: 10px 0; padding: 5px 10px 5px 5px; }
.online-list li { list-style: none; padding: 10px }
.online-list li:nth-child(odd) { background: #f0f0f0 }
.online-list .time { margin-right: 10px }

.flex-vc { display: flex; align-items: center }

.studio-video { margin-bottom: 1em }
.studio .time { display: inline-block; width: 8em }
.studio .perex { margin-bottom: 2em }
.studio .btn { margin-top: 1.5em; }

.kontakt-form { margin: 2em 0; }
.kontakt-form textarea { width: 100%; max-width: 560px; height: 10.2em; }
.kontakt-form .inp-row { margin-bottom: 1em }
.kontakt-form .col3 label { display: block }
.kontakt-form input[type=text] { width: 100%; }

/*.akce-intro .text { float: right; width: 56%; }*/
.akce-intro .image { float: left }
.akce-intro img { vertical-align: middle }
.akce-intro h3 { clear: both }
.akce form { margin-bottom: 40px }
.akce > div { display: inline-block; width: 50%; vertical-align: middle; }

.box-reklama .col3 { margin-bottom: 2em }
.box-reklama .note { margin-bottom: 2em }

.art-img .art-img.sp5 { width: 100%; display: block; padding-bottom: 56%; background: no-repeat; background-size: contain; }

.podcast-topimage {width:100%; margin:0 0 30px}
.podcasty .podcast-player {margin-bottom:30px}
.podcasty strong {font-size: 125%;}

.art-pas ul {display:flex; justify-content:space-between; list-style:none}
.art-pas li {flex:0 0 30%}
.art-pas .art-img {width:100%}
.art-pas .art-info {width:100%}
.art-pas a {text-decoration:none}
.art-pas a:hover {text-decoration:underline}

@media (min-width:1001px) {
	.menu .f-social, .menu .f-links { display: none }
	.online-nasledujici h2 { font-size: 138% }
	.impulsovi-form .inp-row br { display: none }
	.list-art h3 { font-size: 200%; margin-bottom: .5em }
	.online-top .topbox-in fl { width: 260px; }
	/*dekorace*/

	.shp-listart { position: relative; padding: 0 0 20px 0px; }
	.shp-listart:after { content: ""; position: absolute; bottom: -50px; left: 0px; width: 200px; height: 216px; z-index: 2; background: url(//1gr.cz/o/impuls/deco-kytka.png) no-repeat; background-size: 200px; }

	.kolotoc { padding-top: 30px; }
	.kolotoc:after { content: ""; position: absolute; top: 0px; right: 00px; width: 50px; height: 50px; z-index: -1; background: url(//1gr.cz/o/impuls/deco-kulicka_ruz.png) no-repeat; background-size: 50px; }
	.kolotoc:before { content: ""; position: absolute; bottom: 0px; right: 40px; width: 100px; height: 84px; z-index: -1; background: url(//1gr.cz/o/impuls/deco-esc.png) no-repeat; background-size: 100px; }

	.impulsovi-intro-1 { position: relative; }
	/*.impulsovi-intro-1:after { content: ""; float: right; width: 120px; height: 150px; z-index: -1; background: url(//1gr.cz/o/impuls/deco-konektor.png) no-repeat; background-size: 120px; }*/
	.impulsovi-intro-1:before { content: ""; position: absolute; top: 40px; right: 0px; width: 50px; height: 50px; z-index: -1; background: url(//1gr.cz/o/impuls/deco-kulicka_ruz.png) no-repeat; background-size: 50px; }
	.impulsovi-form form { position: relative }
	.impulsovi-form form:after { content: ""; position: absolute; bottom: 0px; right: -200px; width: 120px; height: 160px; z-index: -1; background: url(//1gr.cz/o/impuls/deco-raketa.png) no-repeat; background-size: 120px; }

	.online-nasledujici { position: relative }
	.online-nasledujici:after { content: ""; position: absolute; bottom: -50px; right: 50px; width: 20px; height: 20px; z-index: -1; background: url(//1gr.cz/o/impuls/deco-kulicka_modra.png) no-repeat; background-size: 20px; }
	.online-nasledujici:before { content: ""; position: absolute; bottom: -155px; right: 70px; width: 50px; height: 50px; z-index: -1; background: url(//1gr.cz/o/impuls/deco-kulicka_ruz.png) no-repeat; background-size: 50px; }

	.infobanner { position: relative; padding-bottom: 135px; margin-bottom: -50px }
	.infobanner:after { content: ""; position: absolute; bottom: 0; left: 50px; width: 200px; height: 153px; background: url(//1gr.cz/o/impuls/deco-batsquare.png) no-repeat; }

	.onas-intro { position: relative; width: 700px; padding-right: 200px; }
	.onas-intro:after { content: ""; position: absolute; top: 0; right: 0px; width: 120px; height: 131px; background: url(//1gr.cz/o/impuls/deco-koruna.png) no-repeat; background-size: contain }
	.redakce-1:after { content: ""; position: absolute; top: 0; right: 0px; width: 200px; height: 195px; background: url(//1gr.cz/o/impuls/deco-msg.png) no-repeat; background-size: contain }
	.redakce-2:after { content: ""; position: absolute; top: 0; right: 0px; width: 200px; height: 180px; background: url(//1gr.cz/o/impuls/deco-vlastovka.png) no-repeat; background-size: contain }

	.q-touch .redakce .rotace > div + div { display: none }

	.program { position: relative }
	.program-1:before { content: ""; position: absolute; bottom: 100%; right: 40px; width: 110px; height: 87px; background: url(//1gr.cz/o/impuls/deco-lampa.png) no-repeat; background-size: contain; }
	.program-2:before { content: ""; position: absolute; bottom: 97%; right: -25px; width: 152px; height: 107px; background: url(//1gr.cz/o/impuls/deco-cd.png) no-repeat; background-size: contain }
	.program-2:after { content: ""; position: absolute; top: 95%; right: -15px; width: 50px; height: 60px; transform: rotate(-107deg); background: url(//1gr.cz/o/impuls/deco-diamond.png) no-repeat; background-size: contain }
}


@media (max-width:1000px) {

	#page { max-width: 500px; min-height: 100vh; }
	.col-a, .col-b, col-ab { float: none; width: 100%; margin: 0 auto 30px }
	.content-box { width: 100%; }
	.dotbox-fullpage { margin: 30px 0 }

	h1 { font-size: 275%; line-height: 1.1; }
	h2 { font-size: 200% }

	.col3 { float: none; width: 100%; margin: 0 0 1em }

	.header-emblem { float: none; margin: 9px auto 0; width: 110px; z-index: 1; position: relative; }
	.menu { position: absolute; top: 0; left: 0px; width: 30px; margin-top: 0; }
	.menu:before, .menu:after { content: ""; position: absolute; top: 15px; left: 15px; width: 30px; height: 20px; border: solid 0px #fff; border-width: 2px 0; }
	.menu:after { border-bottom: none; margin-top: 11px; }
	.menu li { display: none; padding: 7px 0; }
	.menu a { color: #fff }
	.ico-camera a:after, .ico-play a:after { background-image: url(/o/impuls/piktogramy-blue.svg); }
	.menu .ico-camera { position: relative; margin-top: 5px; padding-top: 17px; }
	.menu .ico-play { position: relative; padding-bottom: 12px; }
	.ico-camera:before { content: ""; position: absolute; top: 0; width: 100%; border-top: solid 1px #fff }
	.ico-play:before { content: ""; position: absolute; top: 100%; width: 100%; border-bottom: solid 1px #fff; }

	.menu.act { width: 100%; padding: 80px 30px; box-sizing: border-box; background: #00337e; }
	.menu.act:before, .menu.act:after { content: ""; position: absolute; width: 30px; left: 10px; top: 25px; margin-top: 0; border-bottom: none; transform: rotate(-45deg); transform-origin: 50% 1px; }
	.menu.act:after { transform: rotate(45deg); }
	.menu.act li { display: block }

	.menu .f-social { float: none; margin-top: 10px; }
	.menu.act .f-social li { display: inline-block; }

	.footer { display: none }

	.art { width: 100%; margin: 0 0 20px }
	.art > a { display: block }
	.art-img { width: 100%; height: auto; }
	.art-imp .art-img { float: none; margin-bottom: 20px; }
	.art-imp { display: block }
	.art-imp .art-info { margin-bottom: 30px; width: 100%; padding: 0 30px; }
	.art-imp .art-img img { width: 100% }
	.art-r .art-img img { float: none }
	.art-info { width: 100%; box-sizing: border-box; }

	.list-art-zivak-mini .art > a {display:flex}

	/*.kolotoc .art-info { height: 230px; }*/
	.kolotoc-navigace { bottom: 250px; left: 0; width: 100%; text-align: center; }
	.kolotoc .art-img { float: none; margin-bottom: 20px; }

	.redakce { padding-top: 0; }
	.redakce h3 { width: auto }
	.redakce ul { padding: 0; margin: 0; }
	.redakce li { width: 48%; margin: auto 0 0 4%; }
	.redakce li:nth-child(2n+1) { margin-left: 0 }
	.redakce li:nth-child(2n), .redakce li:nth-child(4n) { top: 0; margin-bottom:0 }
	.redakce-info { height: 6em; }
	.redakce-info p { line-height: 1.2; }
	.redakce-info a { display: block; margin-top: 3px; word-break: break-word; line-height: 1; }

	.content-box-vedeni { overflow: visible; margin-bottom: 0; }
	.redakce-col3 { position: relative; overflow: hidden; width: 100vw; max-width: 500px; margin-left: -30px; }
	.vedeni-in { overflow-x: scroll; width: 100%; }
	.vedeni-in ul {display: inline-flex;flex-wrap: nowrap;margin-bottom: 0;}
	.vedeni-in li { /* float:none; */ width: 100vw; max-width: 500px; margin: 0; }
	.redakce-col3 li:nth-child(2) {order: 0;}
	.vedeni-in .redakce-info, .vedeni li:nth-child(odd) .vedeni-info { display: block; position: static; height: 5em; color: #00337e; margin-bottom: 0; background: none; }

	/*.vedeni:before, .vedeni:after { content: ""; position: absolute; top: 250px; width: 20px; height: 20px; margin-top: -30px; border: solid #fff 0; }
	.vedeni:before { left: 15px; border-width: 2px 0 0 2px; transform: rotate(-45deg); z-index: 1; }
	.vedeni:after { right: 15px; border-width: 2px 2px 0 0; transform: rotate(45deg); }*/

	#vedeni-levotoc, #vedeni-pravotoc { position: absolute; top: 50vw; width: 20px; height: 20px; margin-top: -30px; border: solid #fff 0; }
	#vedeni-levotoc { left: 15px; border-width: 2px 0 0 2px; transform: rotate(-45deg); z-index: 1; }
	#vedeni-pravotoc { right: 15px; border-width: 2px 2px 0 0; transform: rotate(45deg); }

	.infobanner { display: none }

	.program { margin-left: 0 }
	.program .act .program-short { }
	.program .act .program-short .name:after { margin: 0; padding: 14px 0 0 0; background-position: 19px -125px; background-size: 100px; font-weight: normal; width: 65px; height: auto; }
	.program-long { padding-left: 0; }

	.topbox .bg-img, .topbox .img { display: none }
	.topbox .topbox-in { position: static; width: 80%; margin: 100px auto 0; }

	br + .error-text { margin-left: 22px; display: block; }
	.captcha img { margin: 0 0 30px 0 }

	.online-top .fl { float: none; width: 100%; margin: 0 auto 40px; }
	.online-top .fr { float: none; width: 100%; margin: auto }
	.online-top .topbox-in { float: none; margin: 100px auto 30px }
	.online-form select { width: 100% }

	.dotbox { display: none }
	.flex-vc { display: block; }

	.art-pas ul {display:block;}
}

@media (max-width:500px) {

	.list-art h3 { font-size: 100%; margin: 0 }
	.list-art .art-img { margin-right: 15px; }
	.art-imp .art-info { padding: 0; }

	.vedeni:before, .vedeni:after { top: 50vw; }

	.impulsovi-top .box .btn { display: block; width: 100%; box-sizing: border-box }
	.impulsovi-form .inp-row { width: 100%; margin-right: 0 }
	.impulsovi-form .inp-row-radio { margin-top: 0 }
	.impulsovi-form .inp { width: 100%; }
	.impulsovi-form input[type=submit] { display: block; width: 80%; margin: 20px auto }
	.impulsovi-form .note { font-size: 88% }

	.captcha { margin: 0 0 30px }
	.captcha img { margin: 0 }
	.captcha label { width: 100%; margin: 0 }

	.touch-tac { text-align: center }
}

@media (max-width:390px) {
	.content {padding:0 10px}
	.impulsovi-top .topbox-in .btn { display: block; width: 200px; margin: 0 auto 20px; }
	.program .act .name { padding-right: 80px }
}


/* 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:.462em 0 0; font-size:.8125rem; line-height:1.3846; color:#546E7A}
.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-fotogal1 {gap:0; position:relative; width:100%; overflow:hidden}
.complete-half-r .imagelist-fotogal1 {width:269px; margin-bottom:1em}
.imagelist-fotogal1 .more-gallery {position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; display:flex; align-items:flex-end; text-align:center; color:#FFF; background:linear-gradient(rgba(16,36,71,0) 50%, rgba(16,36,71,.8) 100%); text-decoration:none; box-sizing:border-box}
.imagelist-fotogal1 .more-gallery:hover {background:linear-gradient(rgba(16,36,71,0) 50%, rgba(16,36,71,1) 100%)}
.imagelist-fotogal1 .more-gallery .cell {float:none; padding:0 0 1em}
.imagelist-fotogal1 .more-gallery h3 {margin:0 auto .2em; font-size:1.25rem; line-height:1.2}
.imagelist-fotogal1 .more-gallery h3:before {content:''; display:inline-block; width:.8em; height:.8em; vertical-align:top; margin:.2em .4em 0 0; background:url('/u/icon/fff/gallery.svg') no-repeat 50% 50% / contain}
.imagelist-fotogal1 .more-gallery span {display:inline-block; line-height:1.7em; padding:0 .85em; border:1px solid #FFF; border-radius:3px; font-size:.875rem; line-height:1.6}
.imagelist-fotogal1 .more-gallery b {font-weight:800}
.imagelist.imagelist-fotogal4 {gap:0; margin:0 0 1em}
.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(16,36,71,.8)}
.imagelist-fotogal4 .more-gallery:hover {background-color:rgba(16,36,71,.9)}
.imagelist-fotogal4 .more-gallery .cell {flex:1; margin:0}
.imagelist-fotogal4 .more-gallery .cell span {display:inline-block; margin:4px auto 0; padding:24px 0 0; font-size:.8125rem; line-height:1.385; background:url('/u/icon/fff/gallery.svg') no-repeat 50% 0 / 20px 20px}
.imagelist-fotogal4 .more-gallery b {font-weight:800}
.imagelist + .imagelist.imagelist-fotogal4 {position:relative; margin-top:-1em; border-top:1px solid transparent}