@font-face { font-family: "fm2017-ico"; src:url("https://static-css.pencdn.cz/css/fm/fonts/2017-03-08/fm2017-ico.eot"); src:url("https://static-css.pencdn.cz/css/fm/fonts/2017-03-08/fm2017-ico.eot?#iefix") format("embedded-opentype"), url("https://static-css.pencdn.cz/css/fm/fonts/2017-03-08/fm2017-ico.woff") format("woff"), url("https://static-css.pencdn.cz/css/fm/fonts/2017-03-08/fm2017-ico.ttf") format("truetype"), url("https://static-css.pencdn.cz/css/fm/fonts/2017-03-08/fm2017-ico.svg#fm2017-ico") format("svg"); font-weight: normal; font-style: normal; }

html, body { margin: 0; padding: 0; -webkit-text-size-adjust: none; }
body { font-family: 'Noto Serif'; font-size: 13px; }
* { box-sizing: border-box; margin: 0; padding: 0; }
img { max-width: 100%!important; vertical-align: top; border: 0; }
h1 { font-family: Magra; font-weight: 700; text-transform: uppercase; font-size: 48px; margin: .5em 0 .4em; }
h2, h3, h4, h5, h6 { font-family: Magra; font-weight: 700; }
a { color: #d1020e; }
a:hover { text-decoration: none; }
p { margin: 0 0 1em; line-height: 1.6; }
table { width: 100%; font-size: .765em; border-collapse: collapse; border-spacing: 0; margin: 0 0 1em; }
th { background: #cfcfcf!important; padding: 10px 20px; text-transform: uppercase; }
td { padding: 10px 20px; }
td + td, th + td, th + th, td + th { border-width: 0 0 1px 1px; border-style: solid; border-color: #fff; }
tr:last-child td, tr:last-child th { border-width: 0 0 0 1px; }
thead th, thead td { background: #cfcfcf!important; text-transform: uppercase; }
tfoot th, tfoot td { font-size: .9em; }
tbody { border-width: 0 0 1px; border-style: solid; border-color: #cfcfcf; }
th p, td p { margin: 0; }
ul { list-style-type: square; list-style-position: outside; margin: 0 0 1.5em 1.2em; }
ul.yes { list-style-type: none; margin: 0 0 1em; }
li { margin: 0 0 .5em; padding: 0 0 0 .8em; line-height: 1.6; }
ul.yes li { padding: 0; position: relative; margin: 0 0 .5em 2em; }
ul.yes .icon-ok:before { position: absolute; left: -1.5em; color: #68676c; }
ol { margin: 0 0 1.5em 1.2em; }

input, select, textarea { font-family: 'Noto Serif'; }


.cols:after, .clearfix:after, .comment:after, #header-top:after, .result:after  { content: ".";  display: block; height: 0; clear: both; visibility: hidden; }

#shadow { max-width: 1030px; min-width: 320px; padding: 125px 10px 0; background: #fff; position: relative; cursor: default; }/*padding: 57px 10px 0; nadilka*/
#content { position: relative; }
#bglayer { position: absolute; z-index: 2; background: rgba(0, 0, 0, .6); display: none; }
.view { min-width: 300px; max-width: 970px; margin: 0 auto; position: relative; }
.red { color: #d1020e !important; }
.gray { color: #989898; }
.green { color: #337d00; }
.black { color: #000!important; }
.hidden { display: none; }
.hidden2 { visibility: hidden; }
.offset5 { margin-bottom: 5px; }
.offset { margin-bottom: 1em; }
.offset2 { margin-bottom: 2em; }
.noMargin { margin: 0!important; }
.big { font-size: 1.2em!important; }
.biger { font-size: 1.46em!important; }
.small { font-size: .8em!important; }
.subtitle { font-family: Magra; font-size: 1em; text-transform: uppercase; }
.subtitle2 { font-family: Magra; font-size: 1.6em; font-weight: 700; margin: 0 0 .5em; }
.width100 { width: 100%; }
.width250 { width: 250px; }
.inp, .smallCalcInWide { color: #000; padding: 5px 10px; border: 1px solid #68676c; }
.split { margin: 0 8px 0 5px; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.item { margin: 0 0 1.5em; }
.even { background: #eee; }
.scroll-x { overflow-x: auto; }
.fakeLink { color: #68676c; text-decoration: underline; cursor: pointer; }
.fakeLink:hover { text-decoration: none; }
.flex-col { display: flex; justify-content: space-between; }
.flex-warp { flex-wrap: wrap; }
.info { font-size: .765em; }
.info-text { font-size: 0.733em; color: #68676c; }
.info-text a { color: #68676c; text-decoration: underline; }
#textErr, .error { color: #d1020e; font-size: 13px; }
.splitLine { display: block; border-width: 0 0 1px; border-style: solid; border-color: #000; margin: 1em 0; }
.pointer { cursor: pointer; }
.noBorder { border: 0; }
.table { display: table; }
.tr { display: table-row; }
.td { display: table-cell; }
.middle { vertical-align: middle; }
.upper { text-transform: uppercase; }
.h4 { font-weight: bold; margin: .5em 0 .5em!important; }
.li { font-weight: normal; font-family: 'Noto Serif'; font-size: 1em!important; margin: 0!important; }
.bg_red { background: #D1020E!important; color: #fff!important; }
.bg_red_light { background: #FFCDD0!important; }
.bg_gold { background: #D1CB0F!important; color: #fff!important; }
.bg_gold_light { background: #FFFEC9!important; }
.bg_blue { background: #065884!important; color: #fff!important; }
.br_blue_light { background: #D0EFFF!important; }
.br_green { background: #008421!important; color: #fff!important; }
.br_green_light { background: #D1FFDC!important; }
.br_orange { background: #E89909!important; color: #fff!important; }
.br_orange_light { background: #FFECC8!important; }
.br_gray { background: #68676C!important; color: #fff!important; }
.br_gray_light { background: #EEE!important; }
.noMobile { display: none; }
.noMobileInlineBlock { display: none; }
.centerMobile { text-align: center; }

.leaderboard { max-width: 1180px; margin: 0 auto; }
.leaderboard .reklama { margin: 11px auto 0; }
.reklama { position: relative; text-align: center; }
.reklama div { display: inline-block; }
.reklama img { width: auto!important; }
.reklama .uchoReklama { position: absolute; top: -11px; font-size: 10px; font-family: Magra; color: #98989c; }
.art-list.art3 article.rwrap:first-child img { width: auto!important; height: auto!important; } /*obálka pro reklamu*/
.art-list article .ad .r-head { position: absolute; top: -14px; }
.art-list article.article-pr .r-head span { display: none; }

.infoTitle { font-size: 9px; left: 10px; position: relative; }
.infoTitle:before { background: #eee; width: 15px; height: 15px; line-height: 15px; border-radius: 50%; content: "i"; position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; }
.cluetip-default { border: 0!important; background-color: #eee!important; }
.cluetip-default #cluetip-outer { background-color: #eee!important; }
.cluetip-default h3#cluetip-title { font-size: 12px!important; background-color: #eee!important; }
.cluetip-default #cluetip-inner { padding-top: 0!important; }

.art-info .x { font-size: 11px; font-family: Magra; }
.art-info .author { text-transform: uppercase; }
.art-info div a { position: relative; } /*z-index: 2;*/
.main-art { margin: 0 0 25px; }
.main-art a { text-decoration: none; }
.main-art article { position: relative; display: flex; flex-direction: column-reverse; align-items: flex-start; }
.main-art .art-info { display: flex; flex-direction: column; }
.main-art .art-info .x { order: 2; flex: 1 0 auto; }
.main-art .art-info .x a { padding: 5px 0; display: inline-block; }
.main-art .art-info .x a:first-child { color: #d1020e; }
.main-art .fm-ico:before { color: #000; }
.main-art .layer { z-index: 1; color: #000; display: block; width: 100%; }
.main-art .layer a { color: #000; }
.main-art .layer h2 { font-size: 18px; order: 1; padding: 6px 0 0; flex: 1 0 auto; }
.main-art picture { width: 100%; flex-shrink: 0; position: relative; display: inline-block; height: 53vw; }
.main-art picture img { position: absolute; left: 0; top: 0; }
.main-art .layer h2 a:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.main-art .perex { order: 3; flex: 0 1 auto; }
.main-art .perex a { display: none; }
.main-art p { margin: 0; }

.art-list { margin: 0 0 20px; }
.art-list img { height: 52.81vw; }
.art-list h2 { font-size: 18px; padding: 6px 0 0; }
.art-list a { color: #000; position: relative; display: inline-block; max-width: 100%; text-decoration: none; }
.art-list a:hover { text-decoration: underline; } 
.art-list p { margin: 0; }
.art-list .art-info .x a, .art-info .x>span { padding: 5px 0; display: inline-block; }
.art-list .author { color: #d1020e; }
.art-list article { margin: 0 0 20px; position: relative; }
.art-list article:last-child { margin: 0; }

.art-list.art1 h2 { font-size: 18px; }

.boxTabs { margin: 0 0 1.5em; }
.boxTabs table { margin: 0; }
.boxTabs tbody { border: 0; }
.boxTabs .tabs td { padding: 0; border-width: 0px; }
.boxTabs .tabs .title { margin: 0 5px; padding: .5em 2em; background: #fff; color: #000; cursor: pointer; text-align: center; border-width: 1px 1px 0 1px; border-style: solid; }
.boxTabs .tabs .isFirst .title { margin-left: 0; }
.boxTabs .tabs .isLast .title { margin-right: 0; }
.boxTabs .tabs td.active .title { position: relative; z-index: 2; }
.boxTabs .tabs td.active { border-width: 1px 1px 0 1px; }
.boxTabs .in { padding: 20px; border-width: 0 1px 1px 1px; border-style: solid; font-size: .765em; }
.boxTabs .in *:last-child { margin: 0; }
.toolBox .boxTabs .in:first-child { border-width: 1px; margin-top: -1px; padding: 1em; }

.shadowbox { background: #eeeeee; padding: 20px 10px; position: relative; margin: 0 -10px 20px; }
.shadowbox .title { font-family: Magra; font-size: 13px; text-transform: uppercase; padding: 0 0 5px; margin: 0; }
.shadowbox .line { position: absolute; left: 5px; right: 5px; border-width: 0 0 1px 0; border-style: solid; border-color: #98989c; }
.shadowbox .art-list { margin: 10px 0 0; }

#paging { text-align: center; margin: 0 0 38px; font-family: Magra; }
#paging * { display: inline-block; line-height: 35px; height: 35px; text-transform: uppercase; vertical-align: top; }
#paging * + * { margin: 0 0 0 15px; }
#paging a { text-decoration: none; }
#prev { font-size: 11px; border: 1px solid #d1020e; background: #d1020e; width: 100px; color: #fff; }
#prev:hover { background: none; color: #d1020e; }
#next { font-size: 11px; border: 1px solid #818084; color: #818084; width: 100px; }
#next:hover { color: #fff; background: #818084; }
#page-number { font-size: 16px; color: #818084; width: 40px; border: 1px solid #818084; text-align: center; cursor: default; }


#header { position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; padding: 0 10px; background: #fff; z-index: 2; max-width: 1030px; width: 100%; }
#header.mobile { position: fixed; max-width: none; box-shadow: 0 0 10px rgba(0, 0, 0, .45); }

#wrap-logo { padding: 10px 0; display: flex; justify-content: space-between; align-items: center; }
#wrap-logo.center { justify-content: center; }
#LogoImg { width: 80px; }
#logo { display: flex; align-items: center; text-align: center; }
#logo h1 { margin: 0; font-size: 13px; }
#header-web { display: none; float: left; }
#header-web a + a { margin: 0 0 0 15px; }
#login { display: none; float: right; }
#mobile-menu { font-size: 15px; font-family: Magra; text-transform: uppercase; cursor: pointer; flex: 1 1 auto; }
#mobile-menu:hover { color: #d1020e; }
/*#mobile-menu > span { position: relative; top: 3px; }*/
#mobile-user { flex: 1 1 auto; text-align: right; line-height: 36px; }
#mobile-user a { text-decoration: none; }
#mobile-user .icon-search { margin: 0 0 0 10px; }
#promo { display: none; z-index: 1; }

#menu { min-width: 200px; width: 50vw; padding: 10px 20px; font-family: Magra; font-size: 15px; text-transform: uppercase; display: none; flex-direction: column; z-index: 2; position: absolute; top: 0; background: #fff; }
#menu > a { display: inline-block; padding: 10px 0; color: #000; flex: 1 1 auto; text-decoration: none; }
#menu a:hover { color: #d1020e; }
#close-menu { text-align: right; }
#mobile-footer { text-transform: none; font-size: 11px; border-style: solid; border-width: 1px 0 0; padding: 10px 0 0; }
#mobile-footer a { color: #68676c; text-decoration: none; }
.mobileMenuItem { display: inline-block; padding: 0 0 10px; overflow: hidden; }
.mobileMenuItem a { display: inline-block; color: #000; text-decoration: none; padding: 10px 0; }
.mobileMenuItem img { width: 100%; height: auto; }

#search { display: none; vertical-align: middle; overflow: hidden; background: #fff; }
#search-text { border: 0 !important; font-size: 20px; width: 100%; }
#search-text.search { border-width: 0 0 1px!important; border-style: solid!important; border-color: #000!important; }
#search-text:focus { outline: none; }
#search-desctop-ico { margin: 0 10px 0 30px; }
#search-desctop-ico:before { font-size: 19px; padding: 7px; border: 1px solid #353535; border-radius: 50%; }
#search-desctop-ico.active:before { background: #353535; color: #fff; }
#close-search-ico { position: absolute; right: 0; display: none; z-index: 1; }
#close-search-ico.search { display: inline-block; }
#close-search-ico.icon-close-1:before { font-size: 10px; top: -3px; }

#user-login { display: none; background: #fff; padding: 10px 20px; position: fixed; right: 0; top: 0; z-index: 3; text-align: left; min-width: 50vw; }
.close-user { text-align: right; position: relative; margin: 0 0 10px; }
.user-login-form { border-style: solid; border-width: 0 0 1px; margin: 0 0 1em; padding: 0 0 1em; }


#footer { text-align: center; font-size: 12px; padding: 0 0 20px; font-family: Magra; }
#footer a { color: #000; text-decoration: none; }
#footer a:hover { color: #d1020e; }

#about { margin: 0 auto 20px; max-width: 1100px; position: relative; overflow: hidden; color: #fff; font-family: 'Noto Serif'; }
#about .layer { position: relative; z-index: 1; width: 100%; padding-top: 58%; }
#about .layer a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
#about img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
#about .perex { position: absolute; bottom: 0; left: 0; right: 0; width: 95%; margin: 0 auto .5em; z-index: 2; }
#about p { margin: 0; font-size: .83em; }
#about .title { margin: 0; font-size: 1em; font-weight: 700; }
#about a { color: #fff; }
#about a:hover { color: #fff; }

#article { max-width: 630px; margin: 10px auto 0; font-size: 15px; }
#article .ad { margin-bottom: 1.5em; }
#article h1 { font-family: Magra; font-weight: 700; font-size: 30px; }
#article-info { font-size: 13px; font-family: Magra; }
#article-info .icon-comment-2 span { text-decoration: underline; }
#article-info .icon-comment-2:hover span { text-decoration: none; }
#article-info a.icon-comment-2 { color: #000; }
#author-info { font-size: 11px; text-transform: uppercase; text-decoration: none; }
#author-info:hover { text-decoration: underline; }
#article-img { margin: 0 0 40px; position: relative; padding-top: 55%; }
#article-img p { font-size: 13px; font-style: italic; position: absolute; }
#article-img .img { position: absolute; top: 0; left: 0; }
#article-perex { font-weight: bold; }
#article_content { margin: 0 0 1.5em; }
#article_content .reklama { margin: 0 0 1.5em; }
#article_content h2, #article_content h3 { font-size: 1.176em; margin: .5em 0 .5em; }
#article_content h4, #article_content h5 { margin: .5em 0 .5em; }
#article_content .toolBox h2:last-child, #article_content .toolBox h3:last-child { margin: .5em 0 0; }
#article_content .toolBox h4:last-child, #article_content .toolBox h5:last-child { margin: .5em 0 0; }
#article_content .toolBox .in .title { background: none; color: #000; margin: 0; padding: 0; }
#article_content .toolBox .in .title a { color: #000!important; text-decoration: underline!important; }
#article_content a { color: #68676c; text-decoration: underline; }
#article_content a:hover { text-decoration: none; }
/*#article_content .img img { width: 100%; }*/
#article_content .poll .question { font-family: Magra; font-weight: 700; font-size: 18px; margin: 0 0 1em; }
#article_content .poll .answer { margin: 0; }
#article_content .poll .input { width: 30px;  }
#article_content .poll input[type=radio] { margin: -2px 0 0; vertical-align: middle; }
#article_content .poll td { padding: 5px 0; }
#article_content .poll .bar { position: relative; margin: 0 0 1em; }
#article_content .poll .a-bar { background: #eeeeee; width: 210px; }
#article_content .poll .ukaz { background: #525252; }
#article_content .poll .procenta { position: absolute; top: 0; right: 0; }
#article_content .poll td + td, th + td, th + th, td + th { border: 0; }
#article_content .poll tbody { border: 0; }
#article_content .calcul td + td, th + td, th + th, td + th { border: 0; }
#article_content .calcul tbody { border: 0; }
#article_content .calcul td, #article_content .calcul th { padding: 10px 0; }
#article_content .calcul .smallCalcIn { color: #68676c; padding: 5px 10px; border: 1px solid #68676c; max-width: 50%; }
#article_content .calcul .tdsubmit, #article_content .calculators .tdsubmit { text-align: right; }
#article_content .calcul .result { text-align: right; margin: 0 0 1.5em; }
#article_content .calcul .result .resultTitle { text-align: left; }
#article_content .calcul .result > span { font-size: 1.5em; }
#article_content .calculators td { padding: 5px; }
#article_content .calculators tbody { border: 0; }
#article_content .calculators .result { margin: 0 0 1.5em; }
#article_content .calculators .resultTitleBig { float: left; font-size: 1.5em; font-family: Magra; }
#article_content .calculators .resultTitleBig + div { float: right; font-size: 1.5em; font-family: Magra; }
#article_content .calculators .input, #article_content .calcul .input { text-align: right; }
#article_content .calculators .in { border: 0; }
#article_content .toolBox.top { margin: 0; }
#article_content .toolBox.middle { margin: 0; }
#article_content .toolBox.bottom { border-style: solid; border-width: 0 0 1px; }
#article_content .in.calculators { border: 0; }
#article_content table { margin: 0; }
#article_content .toolBox .in .toolBox { margin: 0; }
#article_content .toolBox .in .in { border: 0; padding: 0; } 
.imgSource { max-width: 40px; height: 40px; border: 10px solid transparent; border-radius: 50%; position: absolute; bottom: 0; right: 0; display: inline-block; transition: max-width 1s ease-in; cursor: pointer; }
.imgSource.show { max-width: 100%; }
.imgSourceBg { width: 100%; background: rgba(0, 0, 0, 0.6); height: 100%; display: inline-block; border-radius: 10px; padding: 0 10px; overflow: hidden; }
.imgSourceBg:before { position: absolute; content: 'i'; color: #fff; font-family: fira-sans; width: 20px; height: 100%; text-align: center; left: 0; line-height: 20px; transition: opacity 0s linear; transition-delay: 1s;}
.imgSource.show .imgSourceBg:before { opacity: 0; transition-delay: 0s; }
.imgSourceDesc { display: inline-block; color: #fff; line-height: 20px; font-size: 11px; overflow: hidden; font-style: italic; opacity: 0; transition: opacity 1s linear; }
.imgSource.show .imgSourceDesc { opacity: 1; }

#article-author { margin: 0 0 20px; padding: 0 0 10px; border-width: 0 0 1px; border-style: solid; }
#article-author .author-info { position: relative; top: -.6em; }
#article-author .author-img { float: left; margin: 0 10px 10px 0; }
#article-author .author-info .title { font-weight: 700; margin: .1em; }
#article-author .author-desc p { font-size: .765em; margin: 0 0 1em; }
#article-author .author-desc .more { font-size: .706em; }
#article-author .author-desc .more a:hover { text-decoration: none; }

#author-detail { margin: 0 0 20px; }
#author-detail h1 { text-align: center; }
#author-detail .author-img { text-align: center; margin: 0 0 1em; }
#author-detail .author-desc p { font-size: 1.133em; }
#author-detail .author-desc p:last-child { margin: 0; }

#sectionHeader { text-align: center; margin: 0 0 2.533em; }
#sectionHeader .perex { font-size: 1.133em; }

#article-comment { margin: 0 0 38px; }
#article-comment .title { font-size: 1.294em; font-weight: 700; margin: 0; }
#article-comment .info { font-size: .765em; }
.comment { margin: 0 0 30px; position: relative; }
.comment.best { border-width: 3px; border-style: solid; border-color: rgba(209, 2, 14, .1); padding: 20px 15px; }
.comment.worst { border-width: 3px; border-style: solid; border-color: #eee; padding: 20px 15px; }
.comment .info { font-family: Magra; margin: 0 0 .5em; color: #68676c; }
.comment .user { color: #d1020e; font-weight: 700; }
.comment .message { font-size: .941em; word-wrap: break-word; margin: 0 0 1.5em; }
.comment .tools { font-size: .765em; color: #68676c; margin: 0; }
.comment.reaction { border-width: 0 0 0 1px; border-style: solid; padding: 0 0 0 1.2em; }
.comment .flex-col { align-items: flex-start; }
.comment .rank { margin: 0 0 0 2em; min-width: 80px; }
.comment .new:after { display: inline; content: 'nový'; color: #d1020e; text-transform: uppercase; font-weight: bold; }
.replyText .message { font-style: italic; }
.replyText { margin: 1.5em 0 0; }


#comment-detail { max-width: 680px; margin: 10px auto 4em; font-size: 15px; }
#comment-detail h1 { font-family: Magra; font-weight: 700; font-size: 24px; }
#comment-detail h1 a { color: #000; text-decoration: underline; }
#comment-detail h1 a:hover { text-decoration: none; }
#comment-detail #article-info { margin: 0 0 2em; text-transform: uppercase; }
#comment-detail .title { font-size: 1.294em; font-weight: 700; margin: 0; }
#comment-detail .info { font-size: .765em; }

#comment-insert { background: #eeeeee; padding: 20px; position: relative; margin: 0 0 20px; }
#comment-insert .title { font-weight: normal; font-size: 13px; margin: 0 0 1em; border-width: 0 0 1px 0; border-style: solid; border-color: #98989c; }
#comment-insert .info { font-size: 11px; }
#comment-insert .inputMess { font-size: 12px; width: 100%; border: 0; padding: 5px; margin: 0 0 1em; }
#comment-insert .flex-col { display: block; align-items: flex-end; }
#UserInfo { font-family: Magra; font-weight: bold; font-size: 12px; margin: 0; }
#comment-insert .login .inp { margin: 0 0 1em; width: 100%; border: 0; }
#comment-insert .login .inp ~ .inp { margin: 0 0 2em; }
#comment-insert .login .info a { text-decoration: underline; }




.parrating { margin: 1px 0 1em; display: inline-block; }
.rank { display: flex; font-family: Magra; font-size: 16px; line-height: 30px; text-align: center; width: 122px; margin: 1px 0; }
.rank .rankCnt { flex-basis: 60px; margin: 0 1px; order: 2; color: #fff!important; }
.rank .rankCnt.red { background: #d1020e; }
.rank .rankCnt.black { background: #68676c; }
.rank .up { flex-basis: 30px; order: 3; font-size: 25px; background: #eee; cursor: pointer; }
.rank .down { flex-basis: 30px; order: 1; font-size: 25px; background: #eee; cursor: pointer; }
.rank .up:hover, .rank .down:hover { background: #818383; }


#socBlok { display: flex; justify-content: space-between; flex-wrap: wrap; }
#socBlok div { display: flex; margin: 0 0 2em; align-items: center; min-width: 120px; }
#socBlok .shortLink .inp { min-width: 205px; }

#adblocker { background: #e6e6e6; display: none; padding: 5px 5px; }
#adblocker .main { background: #e6e6e6; width: auto; max-width: 1100px; margin: 0 auto; }
#adblocker p { font-size: 12px; margin: 0; overflow: hidden; }
.adblock-icon { background: url('https://static-css.pencdn.cz/css/fm/images/finmagsprite2015-09-22.png') -140px -150px; width: 42px; height: 36px; margin: 0 20px 0 0; }

#popUp { position: fixed; width: 280px; bottom: 0; right: 0; z-index: 10000; background: #fff; margin: 0; display: none;  }
#popUp .title { margin: 0; font-size: 1.1em; display: flex; justify-content: space-between; }
#popUp .in { padding: 10px; font-size: .9em; border: 0; border-width: 0 1px 1px 1px; border-style: solid; border-color: #f0f0f0; }
#popUp .cols { display: flex; }
#popUp img { max-width: none!important; }
#popUp .col1 { margin-right: 10px; }
#popUp .col2 { display: flex; align-items: center; }
#popUp .submit { font-size: 13px; }
#popUp .icon-close-1:before { font-size: 10px; top: -3px; }

#cookies_policy { display: none; position: fixed; bottom: 0; background: #f0f0f0; width: 100%; padding: 10px 5px; font-size: 12px; z-index: 1001; }
#cookies_policy .view { display: flex; justify-content: space-between; align-items: center; }
#cookies_policy p { font-size: 11px; color: #353535; margin: 0; line-height: normal; }
#cookies_policy a { color: #353535; text-decoration: underline; }
#cookies_policy .submit { background: #353535; display: inline-block; padding: .4em 1.5em; color: #fff; border: 0; }
#cookies_policy a:hover { color: #cd1719; }
#cookies_policy .submit:hover { background: #cd1719; }

.fm-ico:before { font-family: "fm2017-ico" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; font-size: 17px; position: relative; color: #000; }
.icon-fb2:before { content: "\64"; font-size: 19px; border: 1px solid #353535; border-radius: 50%; padding: 7px; }
.icon-user:before { content: "\69"; font-size: 25px; }
.icon-user:hover:before { color: #d1020e; }
.icon-close-1:before { content: "\62"; top: -1px; padding: 10px; margin: -10px; }
.icon-tw2:before { content: "\68"; font-size: 19px; margin: 0 10px 0 0; border: 1px solid #353535; border-radius: 50%; padding: 7px; }
.icon-search:before { content: "\66"; font-size: 25px; }
.icon-search:hover:before { color: #d1020e; }
.icon-menu:before { content: "\65"; font-size: 31px; margin: 0 10px 0 0; }
.icon-menu:hover:before { color: #d1020e; }
.icon-comment-2:before { content: "\63"; margin: 0 5px 0 0; font-size: 18px; }
.icon-tisk:before { content: "\67"; }
.icon-ok:before { content: "\61"; }


.submit, .redSubmit { white-space: nowrap; font-family: Magra; font-size: 15px; display: inline-block; color: #fff!important; text-decoration: none!important; cursor: pointer; border: 0; padding: 5px 15px; background: #d1020e; border: 1px solid #d1020e; text-transform: uppercase; }
.submit:hover, .redSubmit:hover { background: none; color: #d1020e!important; }
.submit2 { background: #fff!important; color: #d1020e!important; }
.submit2:hover { background: #d1020e!important; color: #fff!important; }
.title { font-family: Magra; text-transform: uppercase; font-size: 1.176em; font-weight: normal; }
.toolBox { margin: 0 0 38px; }
.toolBox .in { font-size: .765em; padding: 0 0 1em; border-style: solid; border-width: 0 0 1px; }
.toolBox .in:first-child { border-width: 1px 0; padding: 1.5em 0 1em; }
.toolBox .title { background: #d1020e; padding: 2px 15px 0; color: #fff; margin: 0 0 .63em; line-height: 1.6em; }
.toolBox .title a { color: #fff!important; text-decoration: none!important; }
.toolBox .title .icon-close-1:before { color: #fff; }
.toolBox .subtitle { text-transform: none; }
.toolBox .next { font-size: .92em; }
.toolBox .in table { font-size: 1em; }

/*soupadla*/
.sideNavigation { position: fixed; top: 50%; margin-top: -35px;  z-index: 1000; display: none; }
.sideNavigation .arrow { background: #cd1719 url('https://static-css.pencdn.cz/css/fm/images/finmagsprite2015-09-22.png'); width: 45px; height: 70px; position: absolute; top: 0; }
.sideNavigation.next { right: 0; }
.sideNavigation.next .arrow { background-position: -90px -240px; right: 0; }
.sideNavigation.next:hover .arrow { background-position: -135px -240px; }
.sideNavigation.prev { left: 0; }
.sideNavigation.prev .arrow { background-position: 0px -240px; }
.sideNavigation.prev:hover .arrow { background-position: -45px -240px; }
.sideNavigation a { display: block; width: 45px; height: 70px; }
.sideNavigation .cont { width: 286px; height: 70px; background: #f0f0f0; box-sizing: border-box; padding: .5em; position: relative; }
.sideNavigation.prev .cont { left: -241px; }
.sideNavigation .cont .wrap { display: table; height: 100%; }
.sideNavigation .cont .img { display: table-cell; padding: 0 1em 0 0; vertical-align: middle; }
.sideNavigation .cont img { vertical-align: middle; }
.sideNavigation .cont .label { display: table-cell; font-size: .875em; font-family: Roboto Condensed; font-weight: 400; vertical-align: middle; line-height: 1.2em; text-transform: uppercase; }
/*end soupadla*/

/*ikony usetři v článku*/
.usetriico .ico { box-sizing: content-box; margin: 0 1em 0 0!important; vertical-align: middle; display: inline-block; width: 45px; height: 45px; border: 2px solid #dcdcdc; border-radius: 99999px; }
.usetriico .subtitle { margin: 0; font-family: 'Noto Serif'; }
.usetriico a { display: table; }
.usetriico span { display: table-cell; vertical-align: middle; }
.usetriico a:hover .ico { border-color: #2b5a92; }

.usetriico .main-icons { background: url("https://static-gif.pencdn.cz/images/usetri/icons_big_small_1.png") no-repeat scroll 0 0 #fff; }
.usetriico .building_society { background: url("https://static-gif.pencdn.cz/images/usetri/icons_building_society_small.png") no-repeat scroll 0 0 #fff; }
.usetriico .life_situation { background: url("https://static-gif.pencdn.cz/images/usetri/icons_life_situation_small.png") no-repeat scroll 0 0 #fff; }
.usetriico .investment { background: url("https://static-gif.pencdn.cz/images/usetri/icons_investment_small.png") no-repeat scroll 0 0 #fff; }
.usetriico .loan { background: url("https://static-gif.pencdn.cz/images/usetri/icons_loan_small.png") no-repeat scroll 0 0 #fff; }
.usetriico .mortgage { background: url("https://static-gif.pencdn.cz/images/usetri/icons_mortgage_small.png") no-repeat scroll 0 0 #fff; }
.usetriico .deal { background: url("https://static-gif.pencdn.cz/images/usetri/icons_deal_small.png") no-repeat scroll 0 0 #fff; }
.usetriico .housing { background: url("https://static-gif.pencdn.cz/images/usetri/icons_housing_small.png") no-repeat scroll 0 0 #fff; }
.usetriico .career { background: url("https://static-gif.pencdn.cz/images/usetri/icons_career_small.png") no-repeat scroll 0 0 #fff; }

.usetriico .career.img-1 { background-position: -61px -5px; }
.usetriico a:hover .career.img-1 { background-position: -5px -5px; }
.usetriico .career.img-2 { background-position: -61px -61px; }
.usetriico a:hover .career.img-2 { background-position: -5px -61px; }
.usetriico .career.img-3 { background-position: -61px -117px; }
.usetriico a:hover .career.img-3 { background-position: -5px -117px; }

.usetriico .deal.img-1 { background-position: -61px -5px; }
.usetriico a:hover .deal.img-1 { background-position: -5px -5px; }
.usetriico .deal.img-2 { background-position: -61px -61px; }
.usetriico a:hover .deal.img-2 { background-position: -5px -61px; }
.usetriico .deal.img-3 { background-position: -61px -117px; }
.usetriico a:hover .deal.img-3 { background-position: -5px -117px; }

.usetriico .investment.img-1 { background-position: -61px -5px; }
.usetriico a:hover .investment.img-1 { background-position: -5px -5px; }
.usetriico .investment.img-2 { background-position: -61px -61px; }
.usetriico a:hover .investment.img-2 { background-position: -5px -61px; }
.usetriico .investment.img-3 { background-position: -61px -117px; }
.usetriico a:hover .investment.img-3 { background-position: -5px -117px; }
.usetriico .investment.img-4 { background-position: -61px -173px; }
.usetriico a:hover .investment.img-4 { background-position: -5px -173px; }
.usetriico .investment.img-5 { background-position: -61px -229px; }
.usetriico a:hover .investment.img-5 { background-position: -5px -229px; }
.usetriico .investment.img-6 { background-position: -61px -285px; }
.usetriico a:hover .investment.img-6 { background-position: -5px -285px; }

.usetriico .loan.img-1 { background-position: -61px -5px; }
.usetriico a:hover .loan.img-1 { background-position: -5px -5px; }
.usetriico .loan.img-2 { background-position: -61px -61px; }
.usetriico a:hover .loan.img-2 { background-position: -5px -61px; }
.usetriico .loan.img-3 { background-position: -61px -117px; }
.usetriico a:hover .loan.img-3 { background-position: -5px -117px; }
.usetriico .loan.img-4 { background-position: -61px -173px; }
.usetriico a:hover .loan.img-4 { background-position: -5px -173px; }
.usetriico .loan.img-5 { background-position: -61px -229px; }
.usetriico a:hover .loan.img-5 { background-position: -5px -229px; }

.usetriico .main-icons.img-1 { background-position: -5px -61px; }
.usetriico a:hover .main-icons.img-1 { background-position: -5px -5px; }
.usetriico .main-icons.img-2 { background-position: -61px -61px; }
.usetriico a:hover .main-icons.img-2 { background-position: -61px -5px; }
.usetriico .main-icons.img-3 { background-position: -117px -61px; }
.usetriico a:hover .main-icons.img-3 { background-position: -117px -5px; }
.usetriico .main-icons.img-4 { background-position: -173px -61px; }
.usetriico a:hover .main-icons.img-4 { background-position: -173px -5px; }
.usetriico .main-icons.img-5 { background-position: -229px -61px; }
.usetriico a:hover .main-icons.img-5 { background-position: -229px -5px; }
.usetriico .main-icons.img-6 { background-position: -285px -61px; }
.usetriico a:hover .main-icons.img-6 { background-position: -285px -5px; }
.usetriico .main-icons.img-7 { background-position: -341px -61px; }
.usetriico a:hover .main-icons.img-7 { background-position: -341px -5px; }
.usetriico .main-icons.img-8 { background-position: -397px -61px; }
.usetriico a:hover .main-icons.img-8 { background-position: -397px -5px; }
.usetriico .main-icons.img-9 { background-position: -453px -61px; }
.usetriico a:hover .main-icons.img-9 { background-position: -453px -5px; }
.usetriico .main-icons.img-10 { background-position: -509px -61px; }
.usetriico a:hover .main-icons.img-10 { background-position: -509px -5px; }
.usetriico .main-icons.img-11 { background-position: -565px -61px; }
.usetriico a:hover .main-icons.img-11 { background-position: -565px -5px; }
.usetriico .main-icons.img-12 { background-position: -621px -61px; }
.usetriico a:hover .main-icons.img-12 { background-position: -621px -5px; }
.usetriico .main-icons.img-13 { background-position: -677px -61px; }
.usetriico a:hover .main-icons.img-13 { background-position: -677px -5px; }
.usetriico .main-icons.img-14 { background-position: -733px -61px; }
.usetriico a:hover .main-icons.img-14 { background-position: -733px -5px; }
.usetriico .main-icons.img-15 { background-position: -789px -61px; }
.usetriico a:hover .main-icons.img-15 { background-position: -789px -5px; }
.usetriico .main-icons.img-16 { background-position: -845px -61px; }
.usetriico a:hover .main-icons.img-16 { background-position: -845px -5px; }
.usetriico .main-icons.img-17 { background-position: -901px -61px; }
.usetriico a:hover .main-icons.img-17 { background-position: -901px -5px; }
.usetriico .main-icons.img-18 { background-position: -958px -61px; }
.usetriico a:hover .main-icons.img-18 { background-position: -958px -5px; }
.usetriico .main-icons.img-19 { background-position: -1014px -61px; }
.usetriico a:hover .main-icons.img-19 { background-position: -1014px -5px; }

.usetriico .building_society.img-1 { background-position: -61px -5px; }
.usetriico a:hover .building_society.img-1 { background-position: -5px -5px; }
.usetriico .building_society.img-2 { background-position: -61px -61px; }
.usetriico a:hover .building_society.img-2 { background-position: -5px -117px; }
.usetriico .building_society.img-3 { background-position: -5px -61px; }
.usetriico a:hover .building_society.img-3 { background-position: -5px -173px; }
.usetriico .building_society.img-4 { background-position: -61px -117px; }
.usetriico a:hover .building_society.img-4 { background-position: -61px -173px; }
.usetriico .building_society.img-5 { background-position: -61px -229px; }
.usetriico a:hover .building_society.img-5 { background-position: -5px -229px; }

.usetriico .life_situation.img-1 { background-position: -61px -5px; }
.usetriico a:hover .life_situation.img-1 { background-position: -5px -5px; }
.usetriico .life_situation.img-2 { background-position: -61px -61px; }
.usetriico a:hover .life_situation.img-2 { background-position: -5px -61px; }
.usetriico .life_situation.img-3 { background-position: -61px -117px; }
.usetriico a:hover .life_situation.img-3 { background-position: -5px -117px; }
.usetriico .life_situation.img-4 { background-position: -61px -173px; }
.usetriico a:hover .life_situation.img-4 { background-position: -5px -173px; }

.usetriico .life_situation.img-5 { background-position: -61px -229px; }
.usetriico a:hover .life_situation.img-5 { background-position: -5px -229px; }

.usetriico .mortgage.img-1 { background-position: -61px -5px; }
.usetriico a:hover .mortgage.img-1 { background-position: -5px -5px; }
.usetriico .mortgage.img-2 { background-position: -61px -61px; }
.usetriico a:hover .mortgage.img-2 { background-position: -5px -61px; }
.usetriico .mortgage.img-3 { background-position: -61px -117px; }
.usetriico a:hover .mortgage.img-3 { background-position: -5px -117px; }
.usetriico .mortgage.img-4 { background-position: -61px -173px; }
.usetriico a:hover .mortgage.img-4 { background-position: -5px -173px; }
.usetriico .mortgage.img-5 { background-position: -61px -229px; }
.usetriico a:hover .mortgage.img-5 { background-position: -5px -229px; }

.usetriico .housing.img-1 { background-position: -61px -5px; }
.usetriico a:hover .housing.img-1 { background-position: -5px -5px; }
.usetriico .housing.img-2 { background-position: -61px -61px; }
.usetriico a:hover .housing.img-2 { background-position: -5px -61px; }
.usetriico .housing.img-3 { background-position: -61px -117px; }
.usetriico a:hover .housing.img-3 { background-position: -5px -117px; }
.usetriico .housing.img-4 { background-position: -61px -173px; }
.usetriico a:hover .housing.img-4 { background-position: -5px -173px; }
.usetriico .housing.img-5 { background-position: -61px -229px; }
.usetriico a:hover .housing.img-5 { background-position: -5px -229px; }

.fnm-main-icons a:before { background: url("https://static-gif.pencdn.cz/images/usetri/icons_big_2.png") no-repeat scroll 0 0 #fff; }
.fnm-input-img-investment a:before { background: url("https://static-gif.pencdn.cz/images/usetri/icons_investment.png") no-repeat scroll 0 0 #fff; }
.fnm-input-img-life_situation a:before { background: url("https://static-gif.pencdn.cz/images/usetri/icons_life_situation.png") no-repeat scroll 0 0 #fff; }
.fnm-input-img-mortgage a:before { background: url("https://static-gif.pencdn.cz/images/usetri/icons_mortgage.png") no-repeat scroll 0 0 #fff; }
.fnm-input-img-deal a:before { background: url("https://static-gif.pencdn.cz/images/usetri/icons_deal.png") no-repeat scroll 0 0 #fff; }
.fnm-input-img-loan a:before { background: url("https://static-gif.pencdn.cz/images/usetri/icons_loan.png") no-repeat scroll 0 0 #fff; }
.fnm-input-img-building_society a:before { background: url("https://static-gif.pencdn.cz/images/usetri/icons_building_society.png") no-repeat scroll 0 0 #fff; }
.fnm-input-img-housing a:before { background: url("https://static-gif.pencdn.cz/images/usetri/icons_housing.png") no-repeat scroll 0 0 #fff; }
.fnm-input-img-career a:before { background: url("https://static-gif.pencdn.cz/images/usetri/icons_career.png") no-repeat scroll 0 0 #fff; }
.fnm-icons-desc a { font-size: 1.13rem; }

.fnm-icons.table-cell { width: 25%; }
.fnm-icons a:before{ border: 3px solid #dcdcdc; border-radius: 9999px; box-sizing: border-box; content: ""; display: block; height: 116px; margin-bottom: 7px; width: 116px; }
.fnm-icons a { color: #1c3e79; display: inline-block; font-size: 1.13rem; width: 116px; /*height: 200px;*/ }
.fnm-icons a:hover:before { border-color: #e41f1f; }

.fnm-icons a.life-insurance:before { background-position: 0px 16px; }
.fnm-icons a.life-insurance:hover:before { background-position: 0px -128px; }

.fnm-icons a.mortgage:before { background-position: -144px 16px; }
.fnm-icons a.mortgage:hover:before { background-position: -144px -128px; }

.fnm-icons a.investment:before { background-position: -288px 16px; }
.fnm-icons a.investment:hover:before { background-position: -288px -128px; }

.fnm-icons a.pension:before { background-position: -432px 16px; }
.fnm-icons a.pension:hover:before { background-position: -432px -128px; }

.fnm-icons a.building-society:before { background-position: -576px 16px; }
.fnm-icons a.building-society:hover:before { background-position: -576px -128px; }

.fnm-icons a.savings-accounts:before { background-position: -720px 16px; }
.fnm-icons a.savings-accounts:hover:before { background-position: -720px -128px; }

.fnm-icons a.time-deposits:before { background-position: -864px 16px; }
.fnm-icons a.time-deposits:hover:before { background-position: -864px -128px; }

.fnm-icons a.vehicle-insurance:before { background-position: -1008px 16px; }
.fnm-icons a.vehicle-insurance:hover:before { background-position: -1008px -128px; }

.fnm-icons a.motor-insurance:before { background-position: -2750px 16px; }
.fnm-icons a.motor-insurance:hover:before { background-position: -2750px -128px; }

.fnm-icons a.travel-insurance:before { background-position: -1152px 16px; }
.fnm-icons a.travel-insurance:hover:before { background-position: -1152px -128px; }

.fnm-icons a.transactional-accounts:before { background-position: -1296px 16px; }
.fnm-icons a.transactional-accounts:hover:before { background-position: -1296px -128px; }

.fnm-icons a.loans:before { background-position: -1440px 16px; }
.fnm-icons a.loans:hover:before { background-position: -1440px -128px; }

.fnm-icons a.credit-cards:before { background-position: -1584px 16px; }
.fnm-icons a.credit-cards:hover:before { background-position: -1584px -128px; }

.fnm-icons a.gas:before { background-position: -1728px 16px; }
.fnm-icons a.gas:hover:before { background-position: -1728px -128px; }

.fnm-icons a.electricity:before { background-position: -1872px 16px; }
.fnm-icons a.electricity:hover:before { background-position: -1872px -128px; }

.fnm-icons a.property:before { background-position: -2016px 16px; }
.fnm-icons a.property:hover:before { background-position: -2016px -128px; }

.fnm-icons a.phone:before { background-position: -2160px 13px; }
.fnm-icons a.phone:hover:before { background-position: -2160px -131px; }

.fnm-icons a.housing:before { background-position: -2448px 14px; }
.fnm-icons a.housing:hover:before { background-position: -2448px -131px; }

.fnm-icons a.career:before { background-position: -2594px 14px; }
.fnm-icons a.career:hover:before { background-position: -2594px -131px; }

.fnm-icons a.img-1:before { background-position: -5px -3px; }
.fnm-icons a.img-1:hover:before { background-position: -125px -3px; }

.fnm-icons a.img-2:before { background-position: -5px -123px; }
.fnm-icons a.img-2:hover:before { background-position: -125px -123px; }

.fnm-icons a.img-3:before { background-position: -5px -243px; }
.fnm-icons a.img-3:hover:before { background-position: -125px -243px; }

.fnm-icons a.img-4:before { background-position: -5px -363px; }
.fnm-icons a.img-4:hover:before { background-position: -125px -363px; }

.fnm-icons a.img-5:before { background-position: -5px -483px; }
.fnm-icons a.img-5:hover:before { background-position: -125px -483px; }

.fnm-icons a.img-6:before { background-position: -5px -603px; }
.fnm-icons a.img-6:hover:before { background-position: -125px -603px; }

.countdownHolder { width: 260px!important; font-size: 25px!important; margin: 0 auto .2em!important; }

.calcul-row { display: flex; align-items: center; margin-bottom: 1.5em; justify-content: space-between; }
.calcul-row.last { margin-bottom: 2em; }
.calcul-row.subtitle { margin-bottom: 0; }
.calcul-cell-label { text-align: right; min-height: 40px; width: 160px; display: flex; align-items: center; justify-content: flex-end; flex-shrink: 0; }
.calcul-cell-input { position: relative; text-align: right; border: 1px solid #d1d1d1; width: 200px; height: 40px; user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; }
.calcul-cell-input.close { width: 145px; margin-left: 18px; }
.toolBox .close ~ .close { margin-left: 0; }
.calcul-input { width: 148px; height: 38px; line-height: 38px; text-align: right; border: 0; outline: none; padding: 0 10px 0 0; font-size: 1.133em; }
.toolBox .calcul-input { font-size: 1.133em; }
.calcul-cell-input.close .calcul-input { width: 84px; }
.calcul-cell-input.datepicker:after { position: absolute; top: -1px; right: 0;  width: 49px; height: 40px; content: 'x'; line-height: 40px; text-align: center; border-style: solid; border-width: 0 0 0 1px; border-color: #d1d1d1; box-sizing: border-box; }
.datepicker .calcul-input { margin-right: 48px; position: relative; }
.calcul-input-unit { width: 50px; display: inline-block; padding-right: 15px; color: #8d8d8d; text-align: left; }
.calcul-cell-incDec { position: relative; text-align: right; border: 1px solid #d1d1d1; width: 200px; height: 40px; display: flex; align-items: center; justify-content: flex-end; user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; }
.calcul-cell-incDec.close { width: 145px; margin-left: 18px; }
.calcul-cell-incDec.close .calcul-input { width: 84px; }
.calcul-cell-incDec .calcul-input-unit { cursor: pointer; font-weight: bold; border-style: solid; border-color: #d1d1d1; border-width: 1px 0 1px 1px; background: #f3f3f3; height: 40px; color: #000; text-align: center; padding: 0; }
.calcul-cell-incDec .calcul-input-unit .inc { border-style: solid; border-color: #d1d1d1; border-width: 0 0 1px; height: 20px; line-height: 20px; }
.calcul-cell-incDec .calcul-input-unit .dec { height: 20px; line-height: 17px; }
.calcul-input-unit.small { font-size: .666em!important; padding-right: 2px; }
.calcul-cell-subtitle { position: relative; text-align: center; width: 290px; height: 40px; line-height: 40px; user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; }
.calcul-cell-subtitle.close { width: 145px; margin-left: 18px; }
.calcul-cell-subtitle.close ~ .calcul-cell-subtitle.close { margin-left: 0; }

.calcul-cell-select { position: relative; cursor: default; flex-shrink: 0; }
.calcul-cell-select select { display: none; }
.calcul-cell-select .select-selected { overflow: hidden; width: 200px; font-size: 1.133em; border: 1px solid #d1d1d1; position: relative; height: 40px; line-height: 40px; padding-right: 60px; user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; }
.calcul-cell-select.close { margin-left: 18px; }
.calcul-cell-select.close .select-selected { width: 145px; }
.calcul-cell-select .select-selected-text { position:relative; top: -1px; text-align: right; }
.calcul-cell-select .select-selected-ico { position: absolute; cursor: pointer; top: -1px; right: -1px; width: 50px; height: 40px; line-height: 40px; border-style: solid; border-color: #d1d1d1; border-width: 1px 1px 1px 1px; background: #f3f3f3; text-align: center; }
.calcul-cell-select .select-selected-ico:after { content: ""; position: absolute; top: 13px; right: 18px; width: 8px; height: 8px; border-style: solid; border-color: #060604; border-width: 0 3px 3px 0; transform: rotate(45deg); }
.calcul-cell-select .select-items { border: 1px solid #d1d1d1; background: #fff; position: absolute; top: 100%; left: 0; z-index: 99; min-width: 241px; max-height: 195px; overflow-y: auto; }
.calcul-cell-select .select-items div { overflow: hidden; padding: 0 4px; margin: 0 5px; height: 39px; line-height: 39px; border-style: solid; border-color: #d1d1d1; border-width: 0 0 1px 0; user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; text-align: right; }
.calcul-cell-select .select-items div:last-child { border: none; }
.calcul-cell-select .select-items div:hover { color: #ff0000; }

.calcul-cell-radio { display: flex; justify-content: flex-end; width: 200px; }
.calcul-cell-radio label { padding-right: 20px; }
.calcul-cell-radio label:last-child { padding-right: 0; }
.calcul-cell-radio label input { display: none; }
.calcul-cell-radio label span { padding: 0 10px; font-size: 1.133em; min-width: 52px; height: 40px; line-height: 40px; background: #f3f3f3; border-radius: 5px; display: block; text-align: center; user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; cursor: pointer; }
.calcul-cell-radio label input:checked ~ span { border-color: #d1020e; color: #fff; background: #d1020e; }

.calcul-cell-tools { text-align: right; flex-grow: 1; font-size: 0.8666em; line-height: 1.5rem; align-self: flex-end; }
.calcul-cell-tools a, .toolBox .calcul-cell-tools .fakeLink { color: #d1020e; text-decoration: underline; }
.calcul-cell-tools a:hover, .toolBox .calcul-cell-tools .fakeLink:hover { color: #d80907; text-decoration: none; }
.calcul-cell-submit { padding-left: 20px; }
.calcul2018-wrapper { border-bottom: 1px solid; margin-bottom: 38px; }
.calcul2018-wrapper .submit { padding: 2px 40px; font-size: 1.176em; min-width: 52px; height: 38px; line-height: 1.6; border: 1px solid #d1020e; background: #d1020e; color: #fff; display: inline-block; text-align: center; user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; cursor: pointer; }
.calcul2018-wrapper .submit:hover { border-color: #d1020e; background: #fff; border-width: 1px; border-style: solid; }

.calcul2018-wrapper .bottom { padding-top: 1.5em; border-top: 1px solid #d1d1d1; }
.calcul2018-wrapper form.offset + .bottom { padding-top: 0; border-top: 0; }

.calculResult { margin-bottom: 1.5em; padding-bottom: 1em; padding-top: 1em; border-bottom: 1px solid #d1d1d1;border-top: 1px solid #d1d1d1;}
.calculResult tr:not(.subtitle):nth-child(even) { background: #f3f3f3; }
.calculResult th { text-align: left; font-weight: normal; padding: .4em 0 .4em 20px; background: none!important; text-transform: none; }
.calculResult td { text-align: right; padding: .4em 20px .4em 0; }
.calculResult td.left { text-align: left; }
.calculResult .subtitle th { font-weight: bold; padding: .5em 0; }
.calculResult .subtitle td { font-weight: bold; padding: .5em 0; }
.calculResult .subtitle .big { font-size: 1.5em!important; background: none!important; }
.calculResult tbody { border: none; }

.citation { font-size: 1.4em; font-style: italic; line-height: 30px; padding: 20px 65px; margin: 1.5em 0; text-align: center; position: relative; }
.citation:before { content: '„'; position: absolute; bottom: 20px; left: 30px; font-size: 70px; }
.citation:after { content: '“'; position: absolute; top: 10px; right: 30px; font-size: 70px; }

.mobile .penize-nadilka { display: none; }
.penize-nadilka { height: 50px; line-height: 50px; background-color: #144D47; display: block; margin-top: 1px; color: #fff; font-size: 22px;
    font-weight: bold; text-align: center; text-decoration: none; font-family: 'Magra'; }
.penize-nadilka:hover { background-color: #EDE1D5; color: #144D47; }
.penize-nadilka span:before { content: ''; display: inline-block; width: 30px; height: 30px; background-image: url('https://static-css.pencdn.cz/css/nadilka/stromek.svg'); margin-right: 10px; background-repeat: no-repeat; background-size: contain; position: relative; top: 6px; }
.penize-nadilka:hover span:before { background-image: url('https://static-css.pencdn.cz/css/nadilka/stromek_bg.svg'); }

@media screen and (min-width: 480px) {
    .noMobile { display: block; }
    .noMobileInlineBlock { display: inline-block; }
    .centerMobile { text-align: inherit; }

    .main-art article { display: block; overflow: hidden; }
    .main-art picture img { top: 0; left: 0; right: 0; z-index: 0; width: 100%; height: auto; margin: auto; position: absolute; }
    .main-art .art-info { text-align: center; width: 100%; display: block; }
    .main-art .art-info .x a:first-child { color: #fff; }
    .main-art .fm-ico:before { color: #fff; }
    .main-art .layer { position: relative; color: #fff; height: 52vw; display: flex; align-items: center; transition: all 500ms ease 0s; background: rgba(0, 0, 0, 0.4); }
    .main-art .layer h2 { padding: 0 20px; font-size: 16px; text-transform: uppercase; }
    .main-art .layer a { color: #fff; }
    .main-art .perex { font-size: 12px; padding: 5px 10px 0; }
    .main-art .perex a { display: inline; }
    .main-art picture { position: absolute; top: 0; left: 0; }

    .split { margin: 0 10px 0 8px; }

    .fr { float: right; clear: right; }
    .fl { float: left; clear: left; }
    #article .fr { margin: 0 0 0 1em; }
    #article .fl { margin: 0 1em 0 0; }
    #article-author .author-info { overflow: hidden; }
    #article-author .author-img { float: left; margin: 0 10px 0 0; }

    .fr .toolBox, .fl .toolBox { width: 300px; }
    .fr .toolBox .in { border-style: solid; border-width: 0 0 0 1px; padding: 0 0 0 20px; }
    .fl .toolBox .in { border-style: solid; border-width: 0 1px 0 0; padding: 0 20px 0 0; }

    .colsFifty .col1 { float: left; width: 49%; }
    .colsFifty .col2 { float: right; width: 49%; }

    .cols3w_1 .col1 { float: left !important; width: 32% !important; margin: 0 2% 0 0 !important; }
    .cols3w_1 .col2 { float: left !important; width: 32% !important; margin: 0 2% 0 0 !important; }
    .cols3w_1 .col3 { float: right !important; width: 32% !important; }


    #paging * + * { margin: 0 0 0 20px; }
    #next { width: 120px; }
    #prev { width: 120px; }
    #page-number { width: 50px; }

    .calcul-cell-label { width: 200px; }
    .calcul-cell-select .select-selected { width: 250px; }
    .calcul-cell-radio { width: 250px; }
    .calcul-cell-input { width: 250px; }
    .calcul-input {width: 198px;}
    .calcul-cell-incDec { width: 250px; }

    #socBlok div { min-width: initial; }
}

@media screen and (min-width: 600px) {
    body { font-size: 14px; }
    /*
    #shadow { padding: 109px 5px 0; }
    #mobile-user { line-height: 89px; }
    #LogoImg { width: 200px; }

    */

    
    #mobile-menu { font-size: 20px; }
    /*
    .icon-menu:before { font-size: 50px; }
    .icon-user:before { font-size: 35px; }
    .icon-search:before { font-size: 35px; }
    */
    #mobile-user span + span { margin: 0 0 0 20px; }

    .art-info .x { font-size: 12px; }
    .main-art .layer h2 { font-size: 25px; padding: 0 40px; }
    .main-art .perex { font-size: 13px; padding: 5px 20px 0; }
    .main-art .art-info .x a { padding: 5px 0 0; }

    .art-list { margin: 0 0 25px; }
    .art-list h2 { font-size: 20px; }
    .art-list article { margin: 0 0 25px; }

    #article-author .author-img { margin: 0 20px 0 0; }

    .shadowbox { margin: 0 -10px 25px; }
    
    #comment-insert .flex-col { display: flex; }
    #comment-insert .login .info { font-size: 13px; margin: 0 2em 0 0; }
    #comment-insert .flex-col.login { align-items: flex-start; }
    #comment-insert .login .form { text-align: right; }
    #comment-insert .login .inp { width: 260px; } 

    #paging * { line-height: 40px; height: 40px; }
    #next { font-size: 15px; width: 160px; }
    #prev { font-size: 15px; width: 160px; }
    #page-number { font-size: 20px; width: 50px; }

    #popUp { right: 20px; width: 300px; }
    .nowrap { white-space: nowrap; }

    #about .perex { width: 80%; margin: 0 auto 1em; }
    #about p { font-size: 1em; }
    #about .title { font-size: 1.176em; }

    .calcul-cell-label { width: 250px; }
    .calcul-cell-select .select-selected { width: 290px; }
    .calcul-cell-radio { width: 290px; }
    .calcul-cell-input { width: 290px; }
    .calcul-input {width: 229px;}
    .calcul-cell-incDec { width: 290px; }
}

@media screen and (min-width: 700px) {
    body { font-size: 15px; }
    p { margin: 0 0 1.5em; }
    table { margin: 0 0 1.5em; }
    ul { margin: 0 0 1.5em 1.2em; }

    #adblocker { padding: 5px 10px; }
    #shadow { padding: 244px 10px 0; }
    #shadow.narrow { padding: 150px 10px 0; }
    #header { padding: 0 10px; }
    /*.main-art .layer { background: rgba(0, 0, 0, 0.4); }*/
    .main-art .layer:hover { background: rgba(0 ,0 ,0 , 0); text-shadow: 0 0 3px rgba(0, 0, 0, 0.8); }
    .main-art picture img { top: -7%; }

    #wrap-logo { padding: 0 0 30px; border-width: 0 0 1px; border-style: solid; }
    #wrap-logo.center { padding: 0 0 20px; }
    #wrap-logo.mobile { padding: 10px 0; border-width: 0; }
    #header-top { font-family: Magra; font-size: .8em; text-transform: uppercase; line-height: 45px; text-align: right; padding: 10px 0; }
    #header-top.mobile { padding: 0; }
    #header-top a { color: #000; display: inline-block;  text-decoration: none;}
    #header-top a:hover { color: #d1020e; }
    #header-top span:hover { color: #d1020e; }
    #header-top span:hover:before { color: #d1020e; border-color: #d1020e; }
    #header-top span { cursor: pointer; display: inline-block; }
    #header-web { display: block; }
    #header-web.mobile { display: none; }
    #header-web a:first-child { display: none; }
    #header-web a:nth-child(4) { display: none; }
    #login { display: block; }
    #login.mobile { display: none; }
    .reg { margin: 0 0 0 15px; }
    

    #LogoImg { width: 183px; }
    #LogoImg.mobile { width: 80px; }
    #promo { display: flex; align-items: center; margin-right: 130px; }/*nadilka přidán margin*/
    #promo .text { font-size: .8em; color: #fff; text-transform: uppercase; background: #d1020e; padding: .5em 2em; }
    #promo a { color: #fff; }
    #promo.mobile { display: none; }
    #mobile-menu { display: none; }
    #mobile-menu.mobile { display: block; }
    #mobile-user { display: none; }
    #mobile-user.mobile { display: block; }
    #mobile-user.search { display: block; position: absolute; left: 50%; right: 140px; top: 0; line-height: 70px; }
    #menu { font-size: 1em; justify-content: space-between; flex-direction: row; padding: 0; position: relative; width: auto; display: flex; z-index: 1; }
    #menu > a { padding: 20px 0; flex: 1 1 auto; text-align: center; }
    #menu > a:first-of-type { text-align: left; }
    #menu > a:last-of-type { text-align: right; }
    #menu.mobile { display: none; flex-direction: column; justify-content: initial; padding: 10px; position: absolute; width: 300px; z-index: 2; }
    #menu.mobile > a { text-align: left; padding: 10px 0; }
    #close-menu { display: none; }
    #close-menu.mobile { display: block; }
    #mobile-footer { display: none; }
    #mobile-footer.mobile { display: block; }
    #user-login { min-width: auto; width: 300px; position: fixed; top: 50%; left: 50%; margin-top: -150px; margin-left: -150px; }

    .mobileMenuItem { display: none; }

    .art-info .x { font-size: .866em; }

    .main-art .layer { height: 40vw; }
    .main-art .layer h2 { font-size: 30px; padding: 0 80px; }
    .main-art .art-info .x a { padding: 8px 0 0; }
    .main-art .perex { font-size: .933em; padding: 10px 40px 0; }

    .art-list { display: flex; display: -ms-flexbox; margin: 0 0 30px; }
    .art-list h2 { font-size: 20px; padding: 8px 0 0; }
    .art-list .art-info .x a, .art-info .x>span { padding: 8px 0; }
    .art-list article { margin: 0; }
    .art-list article + article { margin: 0 0 0 25px; }
    .art-list article:last-child { margin: 0 0 0 25px; }

    .art-list.art3 article.rwrap:first-child { flex: 1 1 350px; }   /*obálka pro reklamu*/

    .art-list.art3 article { flex: 1 1 31.37vw; }
    .art-list.art3 article img { width: 31.37vw; height: 16.4vw; }
    .art-list.art2 article { flex: 1 1 48.03vw; }
    .art-list.art2 article img { width: 48.03vw; height: 25.4vw; }

    .art-list.art1 article:last-child { margin: 0; }
    .art-list.art1 h2 { font-size: 24px; }
    .art-list.art1 article { flex: 1 1 auto; }
    .art-list.art1 article > a { display: inline-block; float: left; margin: 0 20px 0 0; }
    .art-list.art1 article img { width: 62.7vw; height: 34.5vw; }
    .art-list.art1 article .art-info { overflow: hidden; display: flex; display: -ms-flexbox; height: 100%; align-items: center; }
    .art-list.art1 article .art-info .flex-child { -ms-flex: 1; }

    .shadowbox .art-list { margin: 20px 0 0; }
    .shadowbox { padding: 20px 10px; margin: 0 -10px 30px; }
    .shadowbox .line { left: 10px; right: 10px; }


    #article { margin: 0 auto; font-size: 1.133em; }
    #article h1 { font-size: 3em; }
    #article-info { font-size: .866em; }
    #author-info { font-size: .866em; }
    #article_content h2, #article_content h3 { margin: 1em 0 1em; }
    #article_content .toolBox h2:last-child, #article_content .toolBox h3:last-child { margin: 1em 0 0; }
    #article_content .toolBox .in .toolBox { font-size: 1.133rem; }

    #article-author { margin: 0 0 30px; padding: 0 0 15px; }
    #author-detail .author-img { text-align: left; margin: 0 1em .5em 0; float: left; }

    #comment-detail { font-size: 1.133em; }
    #comment-detail h1 { font-size: 2em; }

    #cookies_policy { padding: 10px; }

    .sideNavigation { display: block; }

    .calcul-cell-label { width: 300px; }

    .penize-nadilka { position: absolute; top: 64px; width: 100px; height: 100px; line-height: normal; border-radius: 50%; font-size: 14px; right: 0; display: flex; align-items: center; justify-content: center; }
    .penize-nadilka span:before { display: block; width: 40px; height: 40px; margin: -5px auto 5px; top: 0; }
}

@media screen and (min-width: 800px) {
    .comment .new:after { display: inline-block; content: ''; width: 53px; height: 21px; background: url('https://static-gif.pencdn.cz/images/fm/comm_n2.png'); position: absolute; left: -60px; }
    .comment .split.n { display: none; }
    #about .perex { width: 75%; margin: 0 auto 2em; font-size: 1.25em; }
    #about .title { font-size: 2.66em; }
}

@media screen and (min-width: 1024px) {
    body { font-size: 16px; }
    #header-web a:first-child { display: inline; }
    #header-web a:nth-child(4) { display: inline; }
    #shadow { margin: 10px auto; padding: 244px 0 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.45) }
    #header { padding: 0; }
    #header.mobile .view { max-width: none; margin: 0 20px; }

    #mobile-menu.mobile { display: none; }
    #menu.mobile { justify-content: space-between; flex-direction: row; padding: 0; position: absolute; width: 800px; left: 0; right: 0; top: 9px; margin: 0 auto; display: flex; z-index: 1; }
    #mobile-footer.mobile { display: none; }
    #close-menu.mobile { display: none; }
    #menu.mobile > a:first-of-type { text-align: left; }
    #menu.mobile > a:last-of-type { text-align: right; }
    #menu.mobile > a { /*padding: 20px 0;*/ text-align: center; }

    .main-art .layer h2 { font-size: 50px; padding: 0 180px; }
    .main-art .perex { font-size: 1em; padding: 15px 120px 0; }
    .main-art .art-info .x a { padding: 15px 0 0; }
    .main-art .layer { height: 445px; }

    .art-list { margin: 0 0 38px; }
    /*.art-list .layer:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, .4); transition: background 500ms; }
    .art-list .layer:hover:before { background: rgba(0, 0, 0, 0); }*/
    .art-list h2 { font-size: 1.6em; padding: 13px 0 0; }
    .art-list .art-info .x a, .art-info .x>span { padding: 10px 0; }
    .art-list.art3 article { flex: 1 1 350px; position: relative; }
    .art-list.art3 article img { width: 307px; height: auto; }
    .art-list article .layer { overflow: hidden; }
    .art-list article .layer img { transition: all ease 300ms; -moz-transition: all ease 300ms; -webkit-transition: all ease 300ms; -o-transition: all ease 300ms; }
    .art-list article .layer img:hover { transform: scale(1.07); -moz-transform: scale(1.07); -webkit-transform: scale(1.07); -o-transform: scale(1.07); -ms-transform: scale(1.07); }

    .art-list.art2 article { flex: 1 1 537px; position: relative; }
    .art-list.art2 article img { width: 473px; height: auto; }

    .art-list.art-list.art1 h2 { font-size: 2.333em; }
    .art-list.art1 article img { width: 640px; height: auto; }

    .shadowbox { width: auto; left: auto; padding: 20px 30px; margin: 0 0 38px; }
    .shadowbox .line { left: 30px; right: 30px; }

    #article { max-width: 680px; }
    #article-author { margin: 0 0 38px; padding: 0 0 20px; }
    #author-detail { margin: 0 0 38px; }
    #author-detail .author-desc { overflow: hidden; }

    .sideNavigation { position: fixed; top: 50%; margin-top: -35px; }
    .sideNavigation .arrow { background: #cd1719 url('https://static-css.pencdn.cz/css/fm/images/finmagsprite2015-09-22.png'); width: 70px; height: 70px; }
    .sideNavigation.next .arrow { background-position: 0 -170px; right: 0; }
    .sideNavigation.next:hover .arrow { background-position: -70px -170px; }
    .sideNavigation.prev .arrow { background-position: 0 -100px; }
    .sideNavigation.prev:hover .arrow { background-position: -70px -100px; }
    .sideNavigation a { display: block; width: 70px; height: 70px; text-decoration: none; }
    .sideNavigation .cont { width: 286px; height: 70px; }
    .sideNavigation.prev .cont { left: -216px; }

    #about .layer { background: rgba(0, 0, 0, .4); }
    #about .layer:hover { background: rgba(0, 0, 0, 0); }
    #about .layer a { pointer-events: none; }

    #menu.mobile { width: 970px; }
}