@font-face { font-family: 'Fira Sans Extra Condensed'; font-style: normal; font-weight: 500; font-display: swap; src: local('Fira Sans Extra Condensed Medium'), local('FiraSansExtraCondensed-Medium'), url(https://peniazesk.pencdn.cz/css/fonts/pcz/2022-03-01/FiraSansExtraCondensed-Medium.woff2) format('woff2'), url(https://peniazesk.pencdn.cz/css/fonts/pcz/2022-03-01/FiraSansExtraCondensed-Medium.woff) format('woff'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Fira Sans Extra Condensed'; font-style: normal; font-weight: 500; font-display: swap; src: local('Fira Sans Extra Condensed Medium'), local('FiraSansExtraCondensed-Medium'), url(https://peniazesk.pencdn.cz/css/fonts/pcz/2022-03-01/FiraSansExtraCondensed-Medium-Latin.woff2) format('woff2'), url(https://peniazesk.pencdn.cz/css/fonts/pcz/2022-03-01/FiraSansExtraCondensed-Medium.woff) format('woff'); unicode-range: U+0100-024F; }
@font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 400; font-display: swap; src: local('Fira Sans Regular'), local('FiraSans-Regular'), url(https://peniazesk.pencdn.cz/css/fonts/pcz/2022-03-01/FiraSans-Regular.woff2) format('woff2'), url(https://peniazesk.pencdn.cz/css/fonts/pcz/2022-03-01/FiraSans-Regular.woff) format('woff'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 400; font-display: swap; src: local('Fira Sans Regular'), local('FiraSans-Regular'), url(https://peniazesk.pencdn.cz/css/fonts/pcz/2022-03-01/FiraSans-Regular-Latin.woff2) format('woff2'), url(https://peniazesk.pencdn.cz/css/fonts/pcz/2022-03-01/FiraSans-Regular.woff) format('woff'); unicode-range: U+0100-024F; }
@font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 700; font-display: swap; src: local('Fira Sans Bold'), local('FiraSans-Bold'), url(https://peniazesk.pencdn.cz/css/fonts/pcz/2022-03-01/FiraSans-Bold.woff2) format('woff2'), url(https://peniazesk.pencdn.cz/css/fonts/pcz/2022-03-01/FiraSans-Bold.woff) format('woff'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 700; font-display: swap; src: local('Fira Sans Bold'), local('FiraSans-Bold'), url(https://peniazesk.pencdn.cz/css/fonts/pcz/2022-03-01/FiraSans-Bold-Latin.woff2) format('woff2'), url(https://peniazesk.pencdn.cz/css/fonts/pcz/2022-03-01/FiraSans-Bold.woff) format('woff'); unicode-range: U+0100-024F; }

@font-face { font-family: "penize2018"; src:url("https://peniazesk.pencdn.cz/css/www/fonts/2022-03-01/penize2018.eot"); src:url("https://peniazesk.pencdn.cz/css/www/fonts/2022-03-01/penize2018.eot?#iefix") format("embedded-opentype"), url("https://peniazesk.pencdn.cz/css/www/fonts/2022-03-01/penize2018.woff") format("woff"), url("https://peniazesk.pencdn.cz/css/www/fonts/2022-03-01/penize2018.ttf") format("truetype"), url("https://peniazesk.pencdn.cz/css/www/fonts/2022-03-01/penize2018.svg#penize2018") format("svg"); font-weight: normal; font-style: normal; font-display: swap; }

* { box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
html, body, div, p, ul, form, fieldset, h1, h2, h3, h4, h5, h6   {margin: 0; padding: 0; list-style: none;}
body { margin: 0; padding: 0; font-family: 'Fira Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif; color: #060604; font-size: 16px; width: 100%; -webkit-text-size-adjust: none; }
.holder:after, .cols:after, .item:after, .paging:after, .smallPaging:after, .filter .base:after, .filter .extended:after, .cont:after,
#mainMenu ul:after, .tip:after, .setBar:after, .steps:after, .noStyleBox .in:after, .box .in:after, .toolBox .in:after,.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:block;}
.left {text-align: left !important; }
.right {text-align: right !important; }
.bold { font-weight: bold; }
.center	{ text-align: center !important;}
.middle { vertical-align: middle !important; }
.big { font-size: 1.5em !important; font-weight: bold; }
.offset { margin-bottom: 1em!important; }
.offset2 { margin-bottom: 2em!important; }
.offset05 { margin-bottom: .5em; }
.offset10 { margin-bottom: 10px !important; }
.offset15 { margin-bottom: 15px !important; }
.offset20 { margin-bottom: 20px !important; }
.offsetTop {margin-top: 1.5em !important;}
.offsetTop5 { margin-top: 5px !important; }
.offsetTop10 { margin-top: 10px !important; }
.offsetTop20 { margin-top: 20px !important; }
.mobileOffset { margin-bottom: 20px; }
table {width: 100%;border-collapse: collapse;border: 0;}
p { margin: 0 0 15px; line-height: 1.62; }
h1 { font-size: 32px; margin: 0 0 8px; color: #1a1a18; font-weight: bold; }
h2 { font-size: 25px; margin: 0 0 8px; color: #1a1a18;}
h3, h4, h5 { font-size: 15px; margin: 0 0 5px; color: #1a1a18; }
table .even  { background: #f2f2f2; }
table .odd   { background: #fff; }
table .redbg { background: #e56a6a; }
.tfoot th, .tfoot td { padding: 5px 0 0; font-size: 12px; }
.tdSort { cursor: pointer; text-decoration: underline; }
.pointer { cursor: pointer; }
.infoTitle {position: relative;cursor: help;margin-right: 10px;}
.infoTitle:after { content: 'i'; top: -5px; right: -10px; position: absolute; color: #000; font-size: 10px; font-weight: bold; font-family: Georgia; padding: 0 0 20px 20px; }
#titleBox { width: 275px; position: absolute; border: 1px solid #d1d1d1; font-size: 12px; display: none; z-index: 1000; background: #fff; box-shadow: 5px 5px 5px rgba(0, 0, 0, .2); }
#titleBox-title { background: #d6d6d6; font-size: 14px; font-weight: bold; padding: 5px 10px; display: none; }
#titleBox-in { padding: 10px; }
img { border: 0; max-width: 100%; vertical-align: top; }
.clear { clear: both; }
input, select { box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
input[type=button], input[type=submit] { -webkit-appearance: none; -webkit-border-radius: 5px; border-radius: 5px; }
a { color: #000; }
a:hover { color: #d80907; }
.red { color: #d80907; }
.green { color: #0d9d06; }
.gray { color: #686868; }
.fakeLink { cursor: pointer; color: #000; text-decoration: underline; }
.fakeLink:hover { color: #d80907; text-decoration: underline; }
ul li { position: relative; padding-left: 1.2em; line-height: 26px; margin-bottom: .5em; overflow: hidden; }
ul li:before { content: ''; width: 6px; height: 6px; position: absolute; top: 0.55em; left: 0; border-radius: 50%; background: #000; }
ul ul li { position: relative; padding-left: 2.4em; line-height: 26px; margin-bottom: .5em; overflow: hidden; }
ul ul li:before { content: ''; width: 6px; height: 6px; position: absolute; top: 0.55em; left: 1.25em; border-radius: 50%; border: 1px solid #000; background: #fff; }
ul.noBullet li, .msgErr li, .chosen-results li { padding-left: 0; }
ul.noBullet li:before, .msgErr li:before, .chosen-container li:before { display: none; }
.pagecolumn3 li:before, .pagecolumn2 li:before, .pagecolumn1v2 li:before, .detailtext .toolBox li:before, .sortingTable li:before, .articleTable li:before { width: 4px; height: 4px; }
ol li { margin: 0 0 5px 20px; line-height: 26px; list-style-type: decimal; background: none; }
.li { font-size: 14px! important; font-weight: normal!important; margin: 0!important; padding: 0!important; }
.col1 .li { font-size: 15px !important; font-weight: normal!important; margin: 0!important; padding: 0!important; }
.submit { background: #000; color: #fff; height: 50px; line-height: 50px; cursor: pointer; border: 0; border-radius: 5px; padding: 0 40px; display: inline-block; font-size: 16px; outline: none; }
.submit:hover { background: #cd1719; }
.submit.small { height: 40px; line-height: 40px; padding: 0 20px; }
a.submit { color: #fff; text-decoration: none; }
a.submit:hover { color: #fff; }
.info { color: #757575; margin: 0 0 5px; line-height: normal; font-size: 13px; }
.title { font-family: 'Fira Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif; letter-spacing: 0.02em; font-size: 18px; line-height: 30px !important; font-weight: bold; padding: 0; margin: 0 0 10px; -webkit-font-smoothing: antialiased; }
.subtitle { font-size: 18px; margin: 0 0 15px; font-weight: bold; line-height: normal !important; }
.subtitle1 { font-size: 16px !important; margin: 0 0 10px; font-weight: bold; line-height: normal !important; }
.subtitle2 { font-size: 16px !important; margin: 0 0 5px; font-weight: bold; line-height: normal !important; }
.noBorder { border-width: 0!important; }
.noMargin { margin: 0 !important; }
.noBold { font-weight: normal !important; }
.desc { margin-bottom: 15px; line-height: 1.62; }
.main { max-width: 1030px; margin: 0 auto; padding: 0 10px; position: relative; background: #fff; cursor: default; z-index: 2; }
#content { padding: 200px 0 0!important; margin: 0 0 15px; }
.navigation { color: #757575; font-size: 11px; line-height: 1.5em; margin: 10px 0 20px;}
.navigation div { display: inline-block; }
.navigation a { color: #757575; }
.navigation a:hover {color: #757575; text-decoration: underline;}
.ad { margin-bottom: 20px; display: flex; justify-content: center; text-align: center; }
.ad > div { flex-grow: 1; }
.ad .r-head { visibility: hidden; }
.reklamabg { background: #e6e6e6; display: none; }
.reklamabg .ad { display: block; }
.reklamabg .ad, .ad-footer .ad, #partnersWeb .ad { margin-bottom: 0; }
.ad-footer .r-head {display: none;}
.ad .m902 { width: 300px; height: 318px; }
.shadow { box-shadow: 0 0 10px rgba(0, 0, 0, 0.45); }
.itemsList .article { border-width: 0 0 1px 0; border-color: #d1d1d1; border-bottom-style: solid; padding: 0 0 15px; margin: 0 0 15px; color: #3f3f3f; position: relative; }
.itemsList .article h3 { font-size: 22px; line-height: 25px; font-weight: bold; margin: 0 0 10px; }   /*výpisy článků */
.itemsList .article h3 a { text-decoration: none; }
.itemsList .article .perex { font-size: 14px; line-height: 1.57; margin-bottom: 0; }
.itemsList .article .info { margin-bottom: 16px; }
.itemsList .article .info, .itemsList .article .info a { font-size: 13px; line-height: 13px; color: #757575; }
.itemsList .article > a { position: relative; padding-bottom: 100px; margin-bottom: 15px; display: block; width: 100%; }
.itemsList .article > a img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.itemsList .article .img { margin-bottom: 5px; float: left; margin-right: 10px; }
.boxLink { text-align: right; margin: 15px 0 0; font-size: 14px; }
.sortingTable table { text-align: left; }
.sortingTable thead th, .sortingTable thead td { font-size: 14px; font-weight: bold; padding: 8px 10px 5px; border: 1px solid #c6c6c6; vertical-align: top; }
.sortingTable tbody th, .sortingTable tbody td { font-size: 12px; padding: 8px 10px; border: 1px solid #c6c6c6; vertical-align: top; }
.soc { font-size: 11px; margin: 40px 0 15px; border-width: 0 0 1px 0; border-color: #c6c6c6; border-bottom-style: dotted; }
.twitterIco { width: 14px; height: 14px; background: transparent url("/css/images/sprite2016-07-26.png") no-repeat scroll -220px -90px; margin-right: 5px; }
.poslatmailIco { width: 16px; height: 14px; background: transparent url("/css/images/sprite2016-07-26.png") no-repeat scroll -240px -90px; margin-right: 5px;}
.print { cursor: pointer; }
.printIco { width: 16px; height: 16px; background: transparent url("/css/images/sprite2016-07-26.png") no-repeat scroll -200px -90px; margin-right: 5px; }
.paging { padding: 40px 0; position: relative; font-size: 14px; line-height: 22px; }
.paging .active { color: #1c3e79 !important; cursor: pointer; }
.paging p { font-size: 14px; margin: 0; }
.paging #slider { display: none; }
.paging .fr { display: flex; justify-content: space-between; }
.paging .prev { color: #000; }
.paging .next { color: #000; }
[class^="icon-penize2018-"], [class*=" icon-penize2018"] { position: relative; }
[class^="icon-penize2018-"]:after, [class*=" icon-penize2018"]:after { font-family: "penize2018" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; color: #fff; }

.icon-penize2018-big-1:after { content: "\61"; }
.icon-penize2018-big-2:after { content: "\62"; }
.icon-penize2018-big-3:after { content: "\63"; }
.icon-penize2018-big-4:after { content: "\64"; }
.icon-penize2018-big-5:after { content: "\65"; }
.icon-penize2018-big-6:after { content: "\66"; }
.icon-penize2018-big-7:after { content: "\67"; }
.icon-penize2018-big-8:after { content: "\68"; }
.icon-penize2018-big-10:after { content: "\69"; }
.icon-penize2018-big-11:after { content: "\6a"; }
.icon-penize2018-big-12:after { content: "\6b"; }
.icon-penize2018-big-13:after { content: "\6c"; }
.icon-penize2018-big-14:after { content: "\6d"; }
.icon-penize2018-career-2:after { content: "\6e"; }
.icon-penize2018-career-1:after { content: "\6f"; }
.icon-penize2018-career-0:after { content: "\70"; }
.icon-penize2018-build-soc-3:after { content: "\71"; }
.icon-penize2018-build-soc-1:after { content: "\72"; }
.icon-penize2018-build-soc-0:after { content: "\73"; }
.icon-penize2018-big-21:after { content: "\74"; }
.icon-penize2018-big-20:after { content: "\75"; }
.icon-penize2018-big-19:after { content: "\76"; }
.icon-penize2018-big-18:after { content: "\77"; }
.icon-penize2018-big-17:after { content: "\78"; }
.icon-penize2018-big-16:after { content: "\79"; }
.icon-penize2018-big-15:after { content: "\7a"; }
.icon-penize2018-deal-0:after { content: "\41"; }
.icon-penize2018-deal-1:after { content: "\42"; }
.icon-penize2018-deal-2:after { content: "\43"; }
.icon-penize2018-housing-0:after { content: "\44"; }
.icon-penize2018-housing-1:after { content: "\45"; }
.icon-penize2018-housing-2:after { content: "\46"; }
.icon-penize2018-housing-3:after { content: "\47"; }
.icon-penize2018-housing-4:after { content: "\48"; }
.icon-penize2018-invest-0:after { content: "\49"; }
.icon-penize2018-invest-3:after { content: "\4a"; }
.icon-penize2018-invest-4:after { content: "\4b"; }
.icon-penize2018-life-sit-1:after { content: "\4c"; }
.icon-penize2018-life-sit-2:after { content: "\4d"; }
.icon-penize2018-xxx-4:after { content: "\4e"; }
.icon-penize2018-xxx-3:after { content: "\4f"; }
.icon-penize2018-xxx-2:after { content: "\50"; }
.icon-penize2018-xxx-1:after { content: "\51"; }
.icon-penize2018-xxx-0:after { content: "\52"; }
.icon-penize2018-mort-3:after { content: "\53"; }
.icon-penize2018-mort-2:after { content: "\54"; }
.icon-penize2018-mort-0:after { content: "\55"; }
.icon-penize2018-loan-4:after { content: "\56"; }
.icon-penize2018-loan-2:after { content: "\57"; }
.icon-penize2018-loan-1:after { content: "\58"; }
.icon-penize2018-loan-0:after { content: "\59"; }
.icon-penize2018-life-sit-3:after { content: "\5a"; }
.icon-penize2018-xxx-6:after { content: "\30"; }
.icon-penize2018-xxx-7:after { content: "\31"; }
.icon-penize2018-xxx-8:after { content: "\32"; }
.icon-penize2018-email:after { content: "\33"; }
.icon-penize2018-facebook:after { content: "\34"; }
.icon-penize2018-google-plus:after { content: "\35"; }
.icon-penize2018-kniha:after { content: "\36"; }
.icon-penize2018-lupa:after { content: "\37"; }
.icon-penize2018-menu:after { content: "\38"; }
.icon-penize2018-minus:after { content: "\39"; }
.icon-penize2018-plus:after { content: "\21"; }
.icon-penize2018-rss:after { content: "\22"; }
.icon-penize2018-sipka-vlevo:after { content: "\23"; }
.icon-penize2018-sipka-vpravo:after { content: "\24"; }
.icon-penize2018-tisk:after { content: "\25"; }
.icon-penize2018-twitter:after { content: "\26"; }

.usetriico .subtitle { background: #f3f3f3; height: 50px; display: flex; justify-content: space-between; align-items: center; padding-left: 20px; border-radius: 5px; text-decoration: none; }
.usetriico .label { flex-basis: 170px; font-size: 15px; text-decoration: underline; }
.usetriico .ico { border-left: 1px solid #c3c3c3; padding-left: 20px; padding-right: 20px; margin-left: 5px; }
.usetriico .ico:after { color: #c3c3c3; font-size: 30px; top: 2px; }
.usetriico a:hover { text-decoration: none; background: #000; color: #fff; }
.usetriico a:hover .ico { border-color: #000; }
.usetriico a:hover .ico:after { color: #fff; }

.usetriIcoBig { display: flex; justify-content: center; flex-wrap: wrap; }
.usetriIcoBig [class^="icon-penize2018-"]:after { font-size: 90px; color: #000; left: 0; top: 0; right: 0; bottom: 0; margin: auto; position: absolute; text-align: center; margin-top: 15px; }
.usetriIcoBig > a { display: inline-block; border: 1px solid #000; border-radius: 5px; width: 120px; height: 120px; position: relative; flex-shrink: 0; margin-bottom: 10px; }

.usetriIcoBig.wide { display: flex; justify-content: space-between; }
.usetriIcoBig.wide > div { flex-basis: 50%; text-align: center; padding-top: 130px; position: relative; }
.usetriIcoBig.wide > div:nth-child(-n + 2)  { margin-bottom: 25px; }
.usetriIcoBig.wide > div [class^="icon-penize2018-"] { position: static; width: 120px; display: inline-block; }
.usetriIcoBig.wide > div [class^="icon-penize2018-"]:after { width: 120px; height: 120px; border: 1px solid #000; border-radius: 5px; margin-top: 0; padding: 10px; box-sizing: border-box; }
  
/*ikony usetri v sekcích*/
.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 { display: flex; justify-content: space-between; flex-wrap: wrap; }
.fnm-icons > div { flex-basis: 50%; }
.fnm-icons > div:nth-child(-n + 2) { margin-bottom: 25px; }
.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; }
/*end ikony usetri v sekcích*/

#adblocker { background: #e6e6e6; display: none; padding: 5px 0; }
#adblocker .main { background: #e6e6e6; }
#adblocker p { font-size: 12px; margin: 0; overflow: hidden; }
.adblock-icon { background: url('//static-css.pencdn.cz/css/images/sprite2016-07-26.png') -313px -65px; width: 42px; height: 36px; float: left; margin: 0 20px 0 0; }

#cookies_policy {display: none;position: fixed;bottom: 0;background: #dcdcdc;width: 100%;padding: .7em 0;text-align: center;font-size: 12px;z-index: 1001;}
#cookies_policy p { font-size: 12px; color: #353535; margin: 0; line-height: normal; }
#cookies_policy a { color: #353535; text-decoration: underline; margin: 0 1.6em 0 0; }
#cookies_policy .submit {background: #353535;display: inline-block;padding: .4em 1.5em;color: #fff;height: auto;line-height: normal;font-size: 14px;}
#cookies_policy a:hover { color: #1c3e79; }
#cookies_policy .submit:hover { background: #1c3e79; }

#popUp {position: fixed;width: 300px;bottom: 0;right: 20px;z-index: 10000;background: #fff;margin: 0;display: none;}
#popUp .title { margin: 0; }
#popUp .in { padding-top: 20px; font-family: 'Fira Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif; }
#popUp .cols { width: 100%; }
#popUp .col1 { float: left; margin-right: 0.625em; width: auto; }
#popUp .col2 { overflow: hidden; float: none; margin: 0; width: auto; }
#popUp p { font-size: 18px; margin: 0 0 1.5em; }
#popUp .close { background: #484848; cursor: pointer; height: 20px; position: absolute; right: 10px; top: 10px; width: 20px; }
#popUp .close:before { content: ''; position: absolute; height: 3px; width: 14px; background: #fff; top: 50%; left: 0; transform: rotate(45deg); margin-top: -1px; margin-left: 3px; }
#popUp .close:after { content: ''; position: absolute; height: 3px; width: 14px; background: #fff; top: 50%; left: 0; transform: rotate(-45deg); margin-top: -1px; margin-left: 3px; }
#popUp .close { background: #484848; cursor: pointer; height: 20px; position: absolute; right: 10px; top: 10px; width: 20px; }
#popUp .submit {display: inline-block;padding: 8px 15px;height: auto;line-height: normal;}

.sep { font-size: 0.6875rem; padding: 0 2px; }
header { font-family: 'Fira Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif; background: #fff; cursor: default; position: absolute; top: 0; left: 0; box-sizing: border-box; width: 100%; font-size: 16px; border-bottom: 1px solid rgba( 0, 0, 0, .12); }
header * { box-sizing: border-box; }
header a { text-decoration: none; color: #1a1a18; }
#header-top { font-size: 0.6875em; display: none; justify-content: space-between; align-items: center; padding: 10px 20px 35px 20px; }
#header-web { font-size: 0; }
#header-web > a { font-size: 0.6875rem; }
#header-web > a:hover { color: #000; text-decoration: underline; }
#header-middle { display: flex; justify-content: space-between; align-items: center; padding-bottom: 10px; padding-top: 10px; }
/*#header-middle > div { flex: 1 1 33%; }*/
#header-logo { text-align: center; }
#header-logo svg { width: 200px; vertical-align: top; }
#header-logo .claim { font-size: 15px; text-align: left; display: none; position: relative; top: 12px; font-weight: bold; color: #757575; border-left: 2px solid #000; margin-left: 13px; padding-left: 15px; }
#partnersWeb { display: flex; justify-content: flex-end; }
#partnersWeb .ad:before { display: none; }
#partnersWeb .ad + .ad { padding-left: 18px; }
nav { background: #000; min-height: 54px; position: relative; }
#mobileMenuIco { position: absolute; top: 0; left: 0; cursor: pointer; width: 54px; height: 54px; }
#mobileMenuIco:before { content: ''; position: absolute; width: 25px; height: 3px; background: #fff; box-shadow: 0 10px 0 0 #fff, 0 20px 0 0 #fff; top: 0; left: 0; right: 0; bottom: 0; margin: 16px auto; }
#mobileMainMenu { padding-left: 54px; display: flex; height: 54px; align-items: center; }
#mobileMainMenu a { color: #fff; display: inline-block; padding: 5px 10px; border-left: 1px solid #fff; font-family: 'Fira Sans Extra Condensed', 'Trebuchet MS', Arial, Helvetica, sans-serif; }
#mobileMainMenu a:last-child { display: none; }
#main-menu { font-family: 'Fira Sans Extra Condensed', 'Trebuchet MS', Arial, Helvetica, sans-serif; display: none; flex-direction: column; padding: 0; margin: 0; justify-content: space-around; text-transform: uppercase; background: #000; padding: 0 20px; font-size: 0.9375em; position: absolute; top: 100%; width: 100%; z-index: 2; }
#main-menu > a, #moreMenu, #websearch { text-align: center; color: #fff; padding: 10px 0 8px; display: inline-block; }
#main-menu a:hover { background: #d80907; }
#main-menu a.active { background: #d80907; }
#sub-menu > a.active { background: none; color: #d80907; text-decoration: underline; font-weight: bold; }
#websearch a:hover { background: #000; }
#moreMenu { cursor: pointer; display: none; }
#moreMenu_items { position: absolute; background: #000; padding: 10px 0; top: 55px; right: 0; display: none; z-index: 3; }
#moreMenu_items > a { display: block; padding: 6px 20px; min-width: 170px; color: #fff; }
#moreMenu_items > a:hover { background: #d80907; }
#moreMenu_items:before { position: absolute; display: block; border-width: 0 7px 7px 7px; border-style: solid; border-color: transparent transparent #fff; top: -8px; content: ''; right: 65px; }
#sub-menu { display: flex; flex-wrap: wrap; margin: 0 -20px; border-bottom: 1px solid #fff; }
#sub-menu > a { color: #fff; font-family: 'Fira Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif; display: inline-block; padding: 6px 0 6px 35px; flex-basis: 50%; text-transform: none; font-size: 14px; position: relative; }
#sub-menu > a:before { content: ''; position: absolute; width: 4px; height: 4px; background: #fff; border-radius: 50%; left: 20px; top: 12px; }
.offset05 { margin-bottom: .5em; }
.und { text-decoration: underline; }
footer { background: #2b2b2b; color: #fff; font-size: 13px; font-family: 'Fira Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif; padding: 30px 20px; width: 100%; position: relative; box-sizing: border-box; }
footer * { box-sizing: border-box; }
footer p { line-height: 1.5; margin-bottom: 1.5em; font-size: 1em; }
footer a { color: #fff; }
footer a:hover { color: #fff; text-decoration: none; } 
footer a.und:hover { text-decoration: none; } 
footer .subtitle { font-size: 1.125rem; font-weight: bold; color: #929292; display: inline-block; text-transform: uppercase; }
#footer-links { display: flex; justify-content: space-between; flex-wrap: wrap; }
#footer-links > div { flex-basis: 100%; flex-grow: 1; flex-shrink: 1; margin-bottom: 30px; }
#footer-links ul { list-style: none; }
#footer-links li { margin-bottom: 7px; padding-left: 0; line-height: normal; }
#footer-links li:before { display: none; }
#footer-links a { font-size: 14px; line-height: 20px; }
#footer-top { display: flex; flex-direction: column; align-items: center; border-bottom: 1px solid #929292; border-top: 1px solid #929292; padding-bottom: 30px; margin-bottom: 30px; padding-top: 30px; text-align: center; }
#footer-top .subtitle { font-size: 1rem; }
#footer-top > div:nth-child(1) { flex-basis: 100%; margin-bottom: 1em; }
#footer-top > div:nth-child(2) { flex-basis: 100%; margin-bottom: 1em; }
#footer-top > div:nth-child(3) { flex-basis: 100%; margin-bottom: 1em; }
#footer-top > div:nth-child(2) a+a { margin-left: 20px; }
#newsletter-subsribe { display: flex; align-items: center; flex-direction: column; }
#newsletter-subsribe input[type=text] { font-size: 1rem; border: 1px solid #fff; border-radius: 5px; width: 240px; height: 50px; line-height: 50px; padding: 0 20px; background: #2b2b2b; color: #fff; margin-bottom: 10px; }
#newsletter-subsribe input.submit { font-size: .875rem; width: 150px; padding: 0; height: 50px; line-height: 50px; min-width: 52px; border-radius: 5px; background: #d80907; }
#newsletter-subsribe input.submit:hover { background: #da1816; }
#fb-ico, #tw-ico, #rss-ico { fill: #fff; }
#fb-ico:hover { fill: #3b5998; }
#tw-ico:hover { fill: #40a2f5; }
#rss-ico:hover { fill: #ef8304; }

.form .smallCalcIn { width: 100px; height: 28px; border: 1px solid #c6c6c6; padding: 0 5px; color: #686868; font-size: 14px; } 
.form .smallCalcInWide { width: 140px; height: 28px; border: 1px solid #c6c6c6; border-radius: 5px; padding: 0 5px; color: #686868; }
.form .smallCalcInWide4 { width: 100%; height: 28px; border: 1px solid #c6c6c6; border-radius: 5px; padding: 0 5px; color: #686868; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.form .smallCalcInWide.big { font-weight: normal; }
.form table .tdsubmit { padding: 16px 0 20px; text-align: right; }

.calculTab .tabs { position: relative; top: 1px; }
.calculTab .tabs > * { width: 100px; display: inline-block; padding: .5em .2em; background: #d6d6d6; border: 1px solid #d1d1d1; border-radius: 5px 5px 0 0; cursor: pointer; color: #000; position: relative; }
.calculTab .tabs > a:hover { text-decoration: none; color: #000; }
.calculTab .tabs .active { border-bottom-color: #fff; background: none; cursor: default; background: #fff; }
.calculTab .isFirst:after { content: ''; position: absolute; background: #fff; width: 100%; height: 10px; left: -1px; bottom: -11px; border-left: 1px solid #d1d1d1; border-top: 1px solid #d1d1d1; }
.calculTab .active.isFirst:after { border-top: 0; }

.toolBox { border-radius: 10px; box-shadow: rgba(0, 0, 0, .2) 0 0 10px 0; }
.toolBox .in:first-child { padding-top: 20px; }
.toolBox .calcul2018-wrapper .title { margin-bottom: 1.5em!important; }
.toolBox { border: 1px solid #d1d1d1; padding: 0 20px 20px; margin-bottom: 20px; }
.calcul2018-wrapper .toolBox { font-size: 15px; }
.toolBox > .title { border-bottom: 1px solid #d1d1d1; padding: .5em 0 .5em; font-size: 20px; }
.calcul2018-wrapper .toolBox > .title { margin-bottom: 1em; }
.calculTab .toolBox > .title { padding-top: 15px; }
.toolBox > form:first-of-type { /*padding-right: 30px;*/ padding-bottom: .5em; }
.calcul2018-wrapper .subtitle { color: #060604; }
.calcul2018-wrapper .toolBox .subtitle { font-size: 1.25rem!important; font-weight: bold; margin-bottom: 1.2em; margin-top: 2em; }
.calcul2018-wrapper .toolBox .subtitle:first-child { margin-top: 0; }
.calcul2018-wrapper .toolBox .li { font-size: 15px!important; }
.calcul2018-wrapper .bottom .subtitle { margin-top: 0; margin-bottom: 10px; }
.calcul2018-wrapper .top { display: none; }
.calcul-row { align-items: center; margin-bottom: 1em; justify-content: space-between; }
.calcul-row .infoTitle { margin-right: 0; }
.calcul-row.last { margin-bottom: 2em; }
.calcul-row.subtitle { margin-bottom: 0; }
.calcul-cell-label { min-height: 25px; width: 100%; display: flex; align-items: center; }
.small-calcul .calcul-cell-label { width: 85px; }
.calcul-cell-input { position: relative; text-align: right; border: 1px solid #d1d1d1; border-radius: 5px; width: 100%; height: 40px; user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none;}
.small-calcul .calcul-cell-input { width: 155px; }
.calcul-cell-input.close { width: 145px; margin-left: 18px; }
.toolBox .close ~ .close { margin-left: 0; }
.calcul-input { width: calc(100% - 52px); height: 38px; line-height: 38px; text-align: right; border: 0; outline: none; padding: 0 10px 0 0; font-size: 1.133em; }
.small-calcul .calcul-input { width: 116px; }
.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: #757575; text-align: left; }
.small-calcul .calcul-input-unit { width: 30px; padding-right: 5px; }
.small-calcul .calcul-cell-incDec .calcul-input-unit { width: 34px; }
.calcul-cell-incDec { position: relative; text-align: right; border: 1px solid #d1d1d1; border-radius: 5px; 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; }
.small-calcul .calcul-cell-incDec { width: 155px; }
.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; border-radius: 0 5px 5px 0; 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; }
.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; }
.calcul-cell-select select { display: none; }
.calcul-cell-select .select-selected { overflow: hidden; font-size: 1.133em; border: 1px solid #d1d1d1; border-radius: 5px; 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; }
.small-calcul .calcul-cell-select .select-selected { width: 155px; padding-right: 45px; }
.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; border-radius: 0 5px 5px 0; background: #f3f3f3; text-align: center; }
.small-calcul .calcul-cell-select .select-selected-ico { width: 35px; }
.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); }
.small-calcul .calcul-cell-select .select-selected-ico:after { right: 11px; }
.calcul-cell-select .select-items { border: 1px solid #d1d1d1; border-radius: 5px 0 5px 5px; background: #fff; position: absolute; top: 100%; left: 0; z-index: 99; min-width: 241px; max-height: 195px; overflow-y: auto; }
.small-calcul .calcul-cell-select .select-items { min-width: 121px; }
.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; }
.small-calcul .calcul-cell-radio { width: 155px; }
.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: #000; color: #fff; background: #000; }

.calcul-cell-tools { text-align: center; margin-bottom: 20px; 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: #000; 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;*/ text-align: center; }
.small-calcul .calcul-cell-submit { flex-grow: 1; padding-left: 0; margin-bottom: 20px; text-align: center; }
.calcul2018-wrapper .submit { padding: 0 40px; font-size: 1.2em; min-width: 52px; height: 50px; line-height: 50px; border: none; background: #000; color: #fff; border-radius: 5px; 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: #cd1719; background: #cd1719; }

.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; }
.calculResult td { text-align: right; padding: .4em 20px .4em 0; }
.calculResult .subtitle th { font-weight: bold; padding: .5em 0; }
.calculResult .subtitle td { font-weight: bold; padding: .5em 0; }
.calculResult .subtitle .big { font-size: 1rem!important; }
.calculResult .subtitle { font-size: 16px; }
.small-calcul .calculResult .simple  { font-size: 36px; text-align: right; font-weight: 500; }
.small-calcul .calculResult .simple.bold  { font-weight: bold; }

.rankStar { width: 25px; height: 25px; }
.rankStarEmpty { fill: #DDDDDD; }
.rankStarFull { fill: #FFC800; }
.calculRating { display: flex; align-items: center; flex-wrap: wrap; }
.calculRating .subtitle { flex-basis: 100% ;}
.calculRating .svg + .svg { margin-left: 5px; }
.calculRating span { display: inline-block; padding: 0 10px; min-width: 52px; height: 40px; line-height: 40px; border-radius: 5px; text-align: center; user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; cursor: pointer; flex-basis: 50%; }
.calculRating span { margin-bottom: 20px; }
.calculRating .yes { background: #000; color: #fff; }
.calculRating .no { background: #f3f3f3; color: #000; }
.hidden { display: none; }

.flex-col { display: flex; align-items: center; flex-wrap: wrap; }
.flex-between { justify-content: space-between; }

#SectionArticle .clanekinfo { display: none; }

#currConvert { text-align: center; }
#currConvert .bold { text-align: left; }
#currConvert .smallCalcInWide { padding: 0 5px; line-height: 1.65; height: 36px; }
#currConvert .smallCalcInWide1 { padding: 0 5px; line-height: 1.65; height: 36px; width: 100%; margin-bottom: 20px; border: 1px solid #c6c6c6; color: #686868; text-align: right; border-radius: 5px; }
#currConvert .dd { display: inline-block; position: relative; border: 1px solid #c6c6c6; line-height: 1.5; width: 90px!important; vertical-align: top; height: 36px; }
#currConvert .ddTitle { height: 100%; padding: 5px; background: -moz-linear-gradient(bottom, #fff 0%, #d6d6d6 100%); background: linear-gradient(to bottom, #fff 0%, #d6d6d6 100%); cursor: pointer; }
#currConvert .ddTitleText { display: block; }
#currConvert .ddTitleText img { position: relative; vertical-align: middle; margin: 0 1em 0 0; border: 1px solid #c6c6c6; }
#currConvert .ddTitleText .ddlabel { position: relative; vertical-align: middle; font-size: 1em; font-weight: bold; }
#currConvert .ddChild { border: 1px solid #c6c6c6; width: 100%; left: -1px; overflow-x: hidden; overflow-y: auto; background: #fff; }
#currConvert .ddChild ul { margin: 0; padding: 0; }
#currConvert .ddChild li.selected { background: #c6c6c6; }
#currConvert .ddChild li { border-style: solid; border-color: #c6c6c6; border-width: 0 0 1px; padding: .2em; clear: both; list-style-type: none; background: none; line-height: inherit; margin: 0; }
#currConvert .ddChild li:before { display: none; }
#currConvert .ddChild li img { vertical-align: middle; position: relative; margin: 0 .6em 0 0; border: 1px solid #c6c6c6; }
#currConvert .ddChild .ddlabel { position: relative; vertical-align: middle; font-size: 12px; }
.arrow { width: 26px; height: 26px; display: inline-block; background: #000; position: relative; top: 5px; cursor: pointer; }
.arrow.left:before  { content: ''; position: absolute; width: 8px; height: 8px; border-color: #fff; border-style: solid; border-width: 2px 0 0 2px; left: 10px; top: 0; bottom: 0; margin: auto; transform: rotate(-45deg); }
.arrow.right:before  { content: ''; position: absolute; width: 8px; height: 8px; border-color: #fff; border-style: solid; border-width: 2px 2px 0 0; right: 10px; top: 0; bottom: 0; margin: auto; transform: rotate(45deg); }

#partners_partner { width: 83px; height: 23px; overflow: hidden; }
.calculators-wrap { max-width: 672px; margin: 0 auto 50px; }

.rotation-circle { width: 18px; height: 18px; display: inline-block; background: url('//static-css.pencdn.cz/css/images/sprite2016-07-26.png') -201px -232px no-repeat; cursor: pointer; position: relative; }

.lastItems > div { overflow: hidden; margin-bottom: 30px; }
.lastItems li { margin-bottom: 0.125em; }
.lastItems__link { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; max-width: 100%; }

.header-right-link { margin: 10px auto; text-align: center; font-size: 20px; font-weight: 700; text-transform: uppercase; display: block; height: 46px; width: 98px; line-height: 46px;  background-image: url(https://peniazesk.pencdn.cz/images/banners/JTB_logo_expert-na-investicie-mob.png); background-position: center; background-repeat: no-repeat; }

.fixed_screen { overflow: hidden; }
.dialog__cover { box-sizing: border-box; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.6); z-index: 1100; overflow-x: hidden; overflow-y: auto; }
.dialog__content { position: relative; background: #ffffff; border-radius: 10px; box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.75); max-width: 672px; display: block; margin: 30px auto; padding: 30px 30px; }
.star { color: #db2032; }
.dialog__cover .form .smallCalcInWide2 { width: 180px; height: 28px; border: 1px solid #c6c6c6; border-radius: 5px; padding: 0 5px; color: #686868; }  /*produktové filtry*/
.msgErr { color: #d80907; text-align: left; }
.msgErr li { margin: 0 0 5px; background: none; padding: 0; line-height: 24px; }

.calcul-cell-textarea { position: relative; text-align: right; border: 1px solid #d1d1d1; border-radius: 5px; width: 100%; height: 140px; user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; }
.calcul-textarea { width: calc(100% - 5px); height: 138px; line-height: 24px; text-align: right; border: 0; outline: none; padding: 5px 10px; font-size: 1.133em; font-family: fira sans,trebuchet ms,Arial,Helvetica,sans-serif; margin: 0 auto; }
.dialog-input  { width: calc(100% - 5px); padding: 5px 10px; }
.align-center { text-align: center; }
.align-left { text-align: left; }

.header-promo { display: flex; height: 50px; }
.header-promo__right { flex-basis: 50%;  background-color: var(--promo-right-bg); display: flex; justify-content: center; align-items: center; color: var(--promo-right-color); }
.header-promo__right__text { text-transform: uppercase; font-weight: 700; width: var(--promo-right-text-width); text-align: right; font-size: 14px; letter-spacing: 0; display: flex; align-items: center; }
.header-promo__right__sipka { width: 20px; height: 20px; background-image: url('https://peniazesk.pencdn.cz/images/sipka-v-kruhu.svg'); display: inline-block; flex-shrink: 0; margin-left: 10px; filter: var(--promo-right-arrow-color); }

.header-promo__right:hover { color: var(--promo-right-color-hover); background-color: var(--promo-right-bg-hover); }

.faqBox .faq_cover__disabled summary { pointer-events: none; }
.faqBox .faq_cover summary { list-style: disc; color: #1a1a18; font-size: 15px; font-weight: 700; margin: 0 0 5px 20px; padding-left: 5px; }
.faqBox .faq_cover > div { padding-left: 25px; }
.faqBox .faq_cover { margin-bottom: 25px; }
.faq_cover ul { margin-bottom: 15px; }
.faq_cover ul li { margin-bottom: 0; }


@media only screen and (min-width: 480px) {
	.calcul-cell-textarea { flex-basis: 48%; }
}
@media only screen and (min-width: 1024px) {
	.calcul-cell-textarea { flex-basis: 290px; }
}

@media only screen and (min-width: 480px){
    #mobileMainMenu a:last-child { display: inline-block; }
    .mobileOffset { margin-bottom: 0; }
    .submit { font-size: 18px; }

    .calcul-row { display: flex; margin-bottom: 1.5em; }
    .calcul-cell-label { flex-basis: 48%; justify-content: flex-end; min-height: 40px; text-align: right; }
    .calcul-cell-input { flex-basis: 48%; }
    .calcul-cell-select { flex-basis: 48%; }
    .calcul-cell-radio { flex-basis: 48%; }
    .calcul-cell-incDec { flex-basis: 48%; }
    .calcul-cell-tools { text-align: right; margin-bottom: 0; }
    .calcul-cell-submit { padding-left: 20px; }

    .calculTab .tabs > * { width: auto; }
    .calculTab .tabs > * + * { margin-left: 20px; }

    #newsletter-subsribe { flex-direction: row; align-items: flex-end; }
    #newsletter-subsribe input[type=text] { margin-bottom: 0; }
    #newsletter-subsribe input.submit { margin-left: 20px; }

    .usetriIcoBig { flex-wrap: nowrap; justify-content: start; }
    .usetriIcoBig > a { margin-bottom: 0; }
    .usetriIcoBig .fnm-icons-desc { margin-left: 20px; }
    .usetriIcoBig.wide { flex-wrap: wrap; }

    #header-logo .claim { display: inline-block; }

    #currConvert { text-align: left; }
    #currConvert .smallCalcInWide1 { width: 200px; margin-bottom: 0; }
    .form .smallCalcIn { width: 120px; height: 28px; border: 1px solid #c6c6c6; padding: 0 5px; color: #686868; font-size: 14px; } 

    #footer-links > div { flex-basis: 40%; }
    #footer-links > div:nth-child(2n) { margin-left: 20px; }
}

@media only screen and (min-width: 600px){
    .itemsList .article > a { width: 180px; float: left; margin-right: 10px; margin-bottom: 0; padding-bottom: 100px; overflow: hidden; }
    .itemsList .article .perex { font-size: 16px; }
    
    .calcul2018-wrapper .toolBox .subtitle:first-child { flex-basis: 100%; }
    .calculRating span { margin-left: 20px; margin-bottom: 0; flex-basis: auto; }
    .calculRating span + span { margin-right: 20px; }
    .calculTab .tabs > * { padding: .5em 1.5em; }

    .paging #slider { display: block; width: 290px; height: 10px; position: relative; float: left; margin: 6px 60px 0 20px; border: 0; background: none; font-size: 14px; font-family:  Arial, Helvetica, Sans-Serif; }
    .paging #slider .sliderBg { width: 330px; height: 10px; background: url("/css/images/sprite2016-07-26.png") no-repeat 0 -150px; }
    .paging #slider .ui-slider-handle { width: 40px; height: 10px; background: url("/css/images/sprite2016-07-26.png") no-repeat -125px -140px; position: absolute; left: 0; cursor: pointer; border: 0; margin: 0; top: 0; border-radius: 0; }
    .paging #slider .ui-slider-actual { position: absolute; top: 10px; text-align: center; width: 40px; color: #1c3e79; }
    .paging .fr { display: block; }
    .paging .prev { float: left; }
    .paging .next { float: right; }

    .usetriIcoBig.wide > div { flex-basis: 25%; text-align: center; }
    .usetriIcoBig.wide > div:nth-child(-n + 2)  { margin-bottom: 0; }
    .usetriIcoBig.wide { flex-wrap: nowrap; }
    .calcul2018-wrapper .toolBox > .title { margin-bottom: 2em; }
}


@media only screen and (min-width: 680px){
    .fnm-icons > div { flex-basis: 25%; }
    .fnm-icons > div:nth-child(-n + 2) { margin-bottom: 0; }

    .colsFifty .col1 { width: 49%  !important; float: left; margin: 0; }
    .colsFifty .col2 { width: 49% !important; float: right; margin: 0; }

    .calcul2018-wrapper .toolBox .subtitle:first-child { flex-basis: auto; margin-bottom: 0; }
    .calculRating .subtitle { flex-basis: auto; }

    .usetriIcoBig.wide > div { flex-basis: 50%; }
    .usetriIcoBig.wide > div:nth-child(-n + 2)  { margin-bottom: 25px; }

    footer { padding-left: 40px; padding-right: 40px; }
    #footer-top { flex-direction: row; flex-wrap: wrap; }
    #footer-top > div:nth-child(1) { flex-basis: 50%; }
    #footer-top > div:nth-child(2) { flex-basis: 50%; }
    #footer-top > div:nth-child(3) { flex-basis: 100%; margin-bottom: 0; display: flex; justify-content: center; flex-direction: column; align-items: center; }

    .lastItems { display: flex; flex-wrap: wrap; }
    .lastItems > div { width: 50%; vertical-align: top; padding: 0 20px 0 0; overflow: hidden; }
}

@media only screen and (min-width: 768px){
    .calcul2018-wrapper .top { display: block; }
    .ad .m906, .ad .m907 { width: 680px; height: 218px; }

    #footer-links > div { flex-basis: 20%; }
    #footer-links > div:nth-child(n + 2) { margin-left: 20px; }
}

@media only screen and (min-width: 800px) {
    .form .smallCalcIn { width: 80px; }
}

@media only screen and (min-width: 1024px) {
    .reklamabg { display: block; }
    .reklamabg .ad { height: 217px; width: 1030px; margin: auto; }
    #content { padding: 270px 0 0!important; }
    .main { width: 1030px; }
    header { width: 1030px; }
    #header-top { display: flex; }
    #header-middle { padding-top: 0; padding-bottom: 35px; }
    #header-logo svg { width: 251px; }
    #main-menu { flex-wrap: nowrap; display: flex!important; flex-direction: row; position: relative; padding: 0 12px; }
    #main-menu > a, #moreMenu, #websearch { flex: 1 1 auto; padding: 19px 0 13px; }
    #main-menu > a.hidden { display: none; }
    #moreMenu { display: block; }
    #sub-menu { justify-content: space-around; padding: 0 12px; background: #fff; position: absolute; top: 100%; left: 0; width: 100%; border-bottom: 1px solid rgba( 0,0,0,.12); margin: 0; }
    #sub-menu > a { flex: 1 1 auto; text-align: center; display: inline-block; padding: 14px 0 10px; color: #000; font-size: 13px; height: 43px; }
    #sub-menu > a:before { display: none; }
    #sub-menu a:hover { text-decoration: underline; background: none; }
    #sub-menu a.active { font-weight: normal; }
    #mobileMainMenu { display: none; }
    #mobileMenuIco { display: none; }

    footer { margin-left: -10px; margin-right: -10px; width: auto; }
    #footer-top { flex-wrap: nowrap; text-align: left; }
    #footer-bottom { flex-wrap: nowrap; }
    #footer-top > div:nth-child(3) { display: block; }

    #sectionRight .pagecolumn3, .pagecolumn3 { width: 300px; float: right; font-size: 14px; }
    .cols .col1 { width: 310px; float: left; }
    .cols .col1 .col1 { width: 310px; float: left; margin: 0; }
    .cols .col1 .col2 { width: 310px; float: right; }
    .cols .col2	{ width: 300px; float: right; }
    .cols2v1 .col1 { width: 680px; margin: 0 20px 0 0;}
    .colsFifty .col1 { margin: 0; }
    .cols4 .col1 { float: left !important; width: 25% !important; }
    .cols4 .col2 { float: left !important; width: 25% !important; }
    .cols4 .col3 { float: left !important; width: 25% !important; }
    .cols4 .col4 { float: left !important; width: 24.9% !important; }

    .fr { float: right !important; }
    .fl { float: left !important; }

    .calcul-cell-label { flex-basis: 300px; }
    .calcul-cell-input { flex-basis: 290px; }
    .calcul-cell-select { flex-basis: 290px; }
    .calcul-cell-radio { flex-basis: 290px; }
    .calcul-cell-incDec { flex-basis: 290px; }

    .usetriIcoBig.wide > div { flex-basis: 120px; }
    .usetriIcoBig.wide > div:nth-child(-n + 2) { margin-bottom: 0; }

    .lastItems { flex-wrap: nowrap; margin-bottom: 30px; }
    .lastItems > div { width: 25%; vertical-align: top; padding: 0 20px 0 0; overflow: hidden; margin-bottom: 0; }
    .lastItems > div:last-child { padding: 0; }

    .header-right-link { margin: 0; position: absolute; right: 20px; top: 65px; width: 104px; height: 47px; background: #fff url(https://peniazesk.pencdn.cz/images/banners/JTB_logo_expert-na-investicie.png); text-align: center; text-transform: uppercase; font-size: 14px; background-repeat: no-repeat; background-position: center top; line-height: normal; }

    .header-promo { width: var(--promo-width); height: 74px; position: absolute; right: 10px; top: 52px; }
    .header-promo__right { border-radius: 7px; flex-direction: column; }
    .header-promo__right:not(:first-child) { margin-left: 10px; }
    .header-promo__right__text { justify-content: center; align-items: center; text-align: center; }
    .header-promo__right__sipka { margin-left: 0; margin-top: 3px; }
}

/* Nové grafy */

.calcul2018-wrapper .submit.submit--red {    border-color: #cd1719;    background-color: #cd1719;    color: #fff }
.calcul2018-wrapper .submit.submit--red:hover {    border-color: #000000;    background-color: #000000; }
.main__section__content-block__main__graph {   margin: 0 auto 50px; }
h3.main__section__content-block__main__graph__title {    border-bottom: 1px solid #d4d4d4;    padding: 15px 0;    margin-bottom: 30px;    font-size: 24px;    line-height: 32px }
.main__section__content-block__main__graph__wrap__labels {    display: grid;    grid-template-columns: 1fr auto;    grid-auto-rows: 40px }
.main__section__content-block__main__graph__wrap__labels__item--turquoise {    --dot-color: #5bc9a8 }
.main__section__content-block__main__graph__wrap__labels__item--black {    --dot-color: #13173c }
.main__section__content-block__main__graph__wrap__labels__item--red {    --dot-color: #d22c0f }
.main__section__content-block__main__graph__wrap__labels__item--gray {    --dot-color: #748eac }
.main__section__content-block__main__graph__wrap__labels__item--lightgray {    --dot-color: #c7dbe6 }
.main__section__content-block__main__graph__wrap__labels__item {    display: flex;    align-items: center }
.main__section__content-block__main__graph__wrap__labels__item:before {    background-color: var(--dot-color);    border-radius: 50%;    content: "";    flex-shrink: 0;    height: 1.5625rem;    margin-right: .9375rem;    width: 1.5625rem }

.main__section__content-block__main__graph__wrap__labels dd {    display: flex;    justify-content: flex-end }
.main__section__content-block__main__graph__footer {    font-size: 11px;    line-height: 30px;    color: #a7a7a7;    text-align: center }

:root {
    --turquoise: #d22C0F;
    --dark: #000;
    --light: #a7a7a7
}

.calc__control {    margin-bottom: 30px }
.calc__control__label {    font-weight: 700;    display: inline-block;    margin-bottom: 25px }
.calc__control__range {    --value: 0;    position: relative }
.calc__control__range:before {    color: var(--turquoise);    content: attr(data-tooltip-text) " " attr(data-unit);    font-weight: 800;    left: calc(var(--value)*100% + 1.5625rem*(.5 - var(--value)));    line-height: 1.625;    position: absolute;    top: -24px;    transform: translateX(-50%);    white-space: nowrap;	font-size: 15px; }
.calc__control__range:after {    content: attr(data-legend-text);    display: block;    font-size: 11px;    line-height: normal;    text-align: right }
.calc__control__range__input {    -webkit-appearance: none;    -moz-appearance: none;    appearance: none;    background-color: transparent;    height: 1.5625rem;    padding: 0;    width: 100%;    --value-percentage: calc(var(--value)*100%);    background-image: linear-gradient(to right,#000 var(--value-percentage),#f6f6f6 var(--value-percentage));    border-radius: .3125rem;    height: .625rem;    cursor: pointer }
.calc__control__range__input:focus {    outline: 0 }
.calc__control__range__input:focus::-webkit-slider-thumb {    box-shadow: 0 0 0 1px #fff,0 0 0 0 rgba(91,201,168,.25) }
.calc__control__range__input:focus::-moz-range-thumb {    box-shadow: 0 0 0 1px #fff,0 0 0 0 rgba(91,201,168,.25) }
.calc__control__range__input::-moz-focus-outer {  border: 0 }
.calc__control__range__input::-webkit-slider-thumb {    -webkit-appearance: none;    appearance: none;    background-color: var(--turquoise);    border: 0;    border-radius: 1rem;    height: 1.5625rem;    margin-top: -.16875rem;    -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;    width: 1.5625rem;	outline: 0; }
.calc__control__range__input:focus, .calc__control__range__input::-webkit-slider-thumb:focus {    -webkit-tap-highlight-color:  #ffff00;     border: 0 !important;	outline: 0 !important; }
.calc__control__range__input:focus-visible, .calc__control__range__input::webkit-slider-thumb, .calc__control__range__input::webkit-slider-thumb:focus-visible, .calc__control__range__input::webkit-slider-thumb:focus, .calc__control__range__input::selection {    -webkit-tap-highlight-color:  #ffff00;     border: 0 !important;	outline: 0 !important; }

.calc__control__cover { position: relative; }
.calc__control__switcher { position: relative; }
.calc__control__label { font-weight: 700; }
.calc__control__switcher__label { position: relative; cursor: pointer; }
.calc__control__switcher__input { position: absolute; width: 0; height: 0; opacity: 0; }
.calc__control__switcher__checkmark { position: relative; display: inline-block; margin: 0 8px; width: 30px; height: 10px; background: #a7a7a7; border-radius: 10px; }
.calc__control__switcher__label .calc__control__switcher__input ~ .calc__control__switcher__checkmark:after { content: ''; width: 16px; height: 16px; position: absolute; top: -3px; left: -2px; border-radius: 50%; background: #d22c0f; }
.calc__control__switcher__label .calc__control__switcher__input:checked ~ .calc__control__switcher__checkmark:after { left: unset; right: -2px; }


.calc-results {    margin-top: 50px }
.calc-results h4 {    font-size: 20px; }

.calc-results-table dd {    text-align: right;    margin-inline-start:0 }
.calc-results-table__label {    --color: #000;    font-weight: 700;    display: flex;    color: var(--color) }
.calc-results-table__label--light {    --dot-color: var(--light);    --color: var(--light) }
.calc-results-table__label--turquoise {    --dot-color: var(--turquoise);    --color: var(--turquoise) }
.calc-results-table__label--dark {    --dot-color: var(--dark);    --color: var(--dark) }
.calc-results-table__label--dot:before {    background-color: var(--dot-color);    border-radius: 50%;    content: "";    flex-shrink: 0;    height: 1.5625rem;    margin-right: .9375rem;    width: 1.5625rem;	font-size: 15px;	margin-top: -3px; }
.calc-results-table__value {    --color: #000;    color: var(--color);    font-weight: 700;    font-size: 20px;    margin: 0 0 20px }
.calc-results-table__value--turquoise {    --color: var(--turquoise) }
.calc-results-table__value--dark {    --color: var(--dark) }
.calc-results-table__value--light {    color: var(--light) }
.calc-results-table__value--noBorder {    border-bottom: 0 }
.calc-results-table__value-col {    display: flex;    flex-direction: column;    line-height: 20px }
.calc-results-table__value-col__big {  color: var(--turquoise);    font-size: 20px;    line-height: 35px;    font-weight: 700 }
.calc-results-x { margin: 10px 0 20px; text-align: center; }

@media only screen and (min-width: 768px) {
.cacl,.calc-results {  flex-basis: unset;  }
}
@media only screen and (min-width: 1024px) {
.calc-results { display: block;	grid-template-columns: unset; 	gap: 30px;	margin-top: 50px; }
.calc-results-col2 { margin-top: 0px; }
.calc-results-table { margin-top: 25px;        display: grid;        grid-template-columns: 1fr auto  }
.calc-results-table__label { padding-top: 10px;    padding-bottom: 10px    }
.calc-results-table__value { margin-bottom: 0;        padding-top: 10px;        padding-bottom: 10px    }
.calc-results-table__label:last-of-type {   border-bottom: 0;     display: flex; }
.calc-results-table__value-col span:nth-child(n+2) { font-size: 12px }
}

.containerBox { container: gold-box / inline-size; }
.goldBox { border: 1px solid #FFBA46; display: grid; border-radius: 10px; margin: 0 0 30px; /*grid-template-columns: 1fr; gap: 16px; padding: 10px 20px 40px 20px;*/ }
.goldBox__image { display: flex; justify-items: center; justify-content: center; align-items: center; align-content: center; }		
.goldBox__text__list { display: inline-block; font-size: 16px; line-height: 26px; margin-bottom: 20px; }
.goldBox__text__list li { margin: 0; }
.goldBox__text__button { text-align: center; }

.goldSubmit, .detailtext .goldSubmit { background: #FFBA46; color: #000000; transition: all 0.2s ease; font-size: 16px; line-height: 25px; padding: 12px 50px; text-decoration: none; border-radius: 5px; }
.goldSubmit:hover, .detailtext .goldSubmit:hover { background: #cd1719; color: #ffffff; }

@container gold-box (inline-size > 599px) {
	.goldBox__image { display: flex; align-items: center; align-content: center; }		
	/*.goldBox { grid-template-columns: 160px 1fr; gap: 25px; padding: 30px 5px 40px 5px;  }*/
	.goldBox__text__list { display: inline-block; font-size: 16px; line-height: 26px; margin-bottom: 20px; }
	.goldBox__text__list li { margin: 0; }
	.goldBox__text__button { text-align: left; }
}  

.adInvestika { margin: 30px 0; position: relative; padding: 20px; }
.adInvestika:before { content: 'Reklama'; position: absolute; top: -16px; right: 5px; font-size: 12px; line-height: 12px; }
.adInvestika p { margin: 0; text-align: center; }
