/*!
 *  Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('https://www.srovnani-makleru.cz/css/../fonts/fontawesome-webfont.eot?v=4.5.0');src:url('https://www.srovnani-makleru.cz/css/../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),url('https://www.srovnani-makleru.cz/css/../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'),url('https://www.srovnani-makleru.cz/css/../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'),url('https://www.srovnani-makleru.cz/css/../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),url('https://www.srovnani-makleru.cz/css/../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}
/*------------------------RESET---------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ul,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {
    margin: 0; padding: 0; border: 0; font: inherit; list-style-type: none;}
article, aside, details, figcaption, figure, hgroup, menu, nav, section { display: block; }
/*------------------------------------------------------*/

/*@import url('https://fonts.googleapis.com/css?family=Dancing+Script:700&display=swap&subset=latin-ext');*/

html, body                                      {width: 100%;/* PROBLEM 2: height: 100%; */font-size: 24px; overflow-x: hidden;}
body                                            {overflow-x: hidden; overflow-y: auto; font-family: 'Roboto', sans-serif; /*pointer-events: none;*/}
@media screen and (max-width: 2000px)           {html, body {font-size: 22px;}}
@media screen and (max-width: 1800px)           {html, body {font-size: 20px;}}
@media screen and (max-width: 1600px)           {html, body {font-size: 18px;}}
@media screen and (max-width: 1300px)           {html, body {font-size: 17px;}}
@media screen and (max-width: 1080px)           {html, body {font-size: 16px;}}
@media screen and (max-width: 960px)            {html, body {font-size: 17px;}}
@media screen and (max-width: 768px)            {html, body {font-size: 16px;}}
@media screen and (max-width: 540px)            {html, body {font-size: 15px;}}
@media screen and (max-width: 380px)            {html, body {font-size: 14px;}}

em                                              {font-style: italic;}
.wrapper                                        {display: flex; margin-left: auto; margin-right: auto; width: 1248px; box-sizing: border-box; flex-wrap: wrap; position: relative;}
.content                                        {display: block; width: 100%; min-height: 100%; padding-top: 96px; box-sizing: border-box; position: relative;}
.content.background                             {background: #f3f3f3;}
.ui .content                                    {padding-top: 96px;}
.content.fixedmenu                              {padding-top: 80px;}
@media screen and (max-width: 1300px)           {
    .wrapper                                    {margin: 0 4%; width: 92%;}
}
@media screen and (max-width: 600px)            { /* Breakpoint musí být stejný jako u změny výšky topbaru a menu (viz níže) */
    .content, .content.fixedmenu,
    .ui .content                                {padding-top: 76px;}
}

a {color: inherit;}

.topbar                                         {display: block; width: 100%; height: 26px; background: #e7e7e7; background: #092441; position: fixed; top: 0; left: 0; z-index: 1000;}
.topbar .wrapper                                {height: 100%; justify-content: space-between; align-items: center;}
.topbar .wrapper .topLeft,                       
.topbar .wrapper .topRight                      {display: flex;}
.topbar .wrapper .topLeft a                     {margin: 0 10px; color: white; text-decoration: none;}

.topbar .wrapper .topLeft a:hover, .topbar .wrapper .topLeft a.active
                                                {text-decoration: underline;}
.menu #subMenu                                  {display: none;}

@media screen and (max-width: 950px)            {
  .topbar .wrapper .topLeft                     {display: none;}   
  .topbar .wrapper .topLeft a                   {margin-right: 0;}
  .topbar .wrapper .topRight                    {width: 100%;}
  .menu #subMenu                                {display: block;}
}


.button.cancelDemand {width: 100% !important; padding: 20px !important; box-sizing: border-box; font-size: 16px !important;}
.button.cancelDemand span {text-transform: none; }
.button.cancelDemand span a {color: white;}

.topbar img                                     {display: block; width: auto; height: 12px; margin-right: 8px; margin-top: 4px;}
.topbar a                                       {color: white !important; display: block; font-size: 12px; color: #818181; text-transform: uppercase; padding-top: 3px; padding-bottom: 3px; text-decoration: none;}
.topbar a.button-login                          {color: white; padding-right: 12px; margin-right: 0; /*border-right: solid 1px #cecece;*/ box-sizing: border-box; text-decoration: none;}
@media screen and (max-width: 600px)          { /* V tomto breakpointu se mění i top: XX u #header  */
    .topbar                                       {height: 30px;}
}

#header                                         {display: block; width: 100%; height: 70px; background: white; padding: 10px 0; /*border-top: solid 1px #cecece;*/ border-bottom: solid 1px #cecece; box-sizing: border-box; position: fixed; top: 26px; left: 0; z-index: 1000; -webkit-transition: height .35s ease-in-out; transition: height .35s ease-in-out;}
#header.fixedmenu                               {height: 48px; padding: 5px 0;}
#header a.logo img                              {width: auto; height: 100%;}
#header.fixedmenu a.logo .logo1                 {display: none;}
#header.fixedmenu a.logo .logo2                 {display: block;}
#header .wrapper                                {display: flex; height: 100%; justify-content: space-between; align-items: center;}
#header a.logo                                  {display: block; width: auto; height: 100%;}
#header a.logo .logo1                           {display: block;}
#header a.logo .logo2                           {display: none;}
#header .menu                                   {display: block; width: auto; height: 100%;} 
#header .menu #navicon                          {display: none;}
#header .menu nav                               {display: flex; width: auto; height: 100%; align-items: center;}
#header .menu nav a                             {font-weight: 600; text-decoration: none; display: inline-block; width: auto; height: auto; color: #3e3e3e; padding: 0 11px; font-size: 15px; line-height: 1em; text-transform: uppercase; box-sizing: border-box; -webkit-transition:.15s ease-in-out; transition: .15s ease-in-out;}
#header .menu nav a.cross                       {display: none;}
#header .menu nav a:hover, #header .menu nav a.active 
                                                {color: #15cc89;}
#header .menu nav a.active                      {text-decoration: underline;}
  @media screen and (max-width: 1152px)         {
  #header .menu #navicon                        {display: flex; width: 30px; height: 100%; align-items: center;}
  #header .menu #navicon a                      {display: flex; width: 100%; height: 30px; background: url('/images/web/navicon.svg') no-repeat center top; background-size: 30px auto; box-sizing: border-box;}
  #header .menu #navicon a:hover                {background-position: center -30px; cursor: pointer;}
  #header .menu nav.MyDropdown                  {display: block; position: fixed; width: 300px; right: -310px; min-height: 530px; height: 100%; top: 0; overflow: auto; padding: 80px 30px 30px; box-sizing: border-box; background: white; -webkit-transition: 0.4s; -moz-transition: 0.4s; transition: 0.4s; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);}
  #header .menu nav.show                        {right: 0;}
  #header .menu nav a                           {display: block; padding: 0 10px; margin-bottom: 30px;}
  /*
  #header .menu nav a.chci-top-maklere          {width: calc(100% - 60px); text-align: left; font-size: 16px; padding: 15px 0 14px 46px; background: url('/images/icon-top.png') no-repeat left 10px center, #2ab8e6; background-size: 27px auto; color: white; box-sizing: border-box; position: absolute; left: 30px; top: 55px;}
  #header .menu nav a.chci-top-maklere:hover    {background-color: #1da5d1;}
  */
  #header .menu nav a.cross                     {display: block; position: absolute; top: 12px; right: 12px; width: 26px; height: 26px; background: url('/images/web/navicon.svg') no-repeat center -52px; background-size: 100% auto; -webkit-transition: none; -moz-transition: none; transition: none;}
  #header .menu nav a.cross:hover               {background-position: center -78px; cursor: pointer;}
  #header .menu nav #subMenu a:nth-child(1),
  #header .menu nav #subMenu a:nth-child(2),
  #header .menu nav #subMenu a:nth-child(3),
  #header .menu nav #subMenu a:nth-child(4)     {display: none;}
  }
  @media screen and (max-width: 600px)          { /* V tomto breakpointu se mění i padding-top u .content dle výšky menu */
  #header                                       {height: 48px; padding: 5px 0; top: 30px;}  
  #header a.logo .logo1                         {display: none;}
  #header a.logo .logo2                         {display: block;}
  }

#osobni-udaje {margin-top: 553px;}


.labels-detail{
    font-size: 15px;
}



#footer                                         {display: block; width: 100%; height: auto; background: #1bd993;}
#footer .wrapper                                {height: 100%; padding: 30px 0; box-sizing: border-box; padding-bottom: 0px;}
#footer .col                                    {display: block; width: 33.33%; min-height: 100%; padding: 15px 40px 30px; box-sizing: border-box; border-right: solid 1px #18c183;}
#footer .col:last-child                         {border-right: none;}
#footer .col img                                {display: block; width: auto; height: 60px; margin-bottom: 30px;}
#footer .col h2                                 {display: block; margin-bottom: 20px; font-size: 15px; color: #0e7952; font-weight: 500; padding: 0; text-transform: uppercase;}
#footer .col a                                  {display: block; font-size: 20px; color: white; font-weight: 300; padding-left: 16px; margin-bottom: 3px; text-decoration: none;}
#footer .col a:hover                            {text-decoration: underline;}
#footer .col a.tel                              {padding: 2px 0 2px 55px; background: url('/images/web/footer-icon-tel.svg') no-repeat left top; background-size: auto 28px; margin-bottom: 7px;}
#footer .col a.mail                             {padding: 2px 0 2px 55px; background: url('/images/web/footer-icon-mail.svg') no-repeat left top; background-size: auto 28px; margin-bottom: 7px;}
#footer .col a.fb                               {padding: 2px 0 2px 55px; background: url('/images/web/footer-icon-fb.svg') no-repeat left top; background-size: auto 28px;}
#footer .col ul li:last-child a                 {margin-bottom: 0;}
#footer .col ul li a:before                     {display: inline-block; width: 16px; height: 1em; margin-left: -16px; background: url('https://www.srovnani-makleru.cz/css/images/bullet-arrow.png') no-repeat left top 0.35em; background-size: auto 60%; content: "";}
#footer p.center                                {color: white; font-size: 16px; padding-bottom: 20px;}
#footer .col p.moto                             {color: white; background: rgba(0,0,0,0.1); margin-top: 30px; font-size: 16px; line-height: 1.4em; letter-spacing: 0.02em; font-weight: bold; text-shadow: 1px 1px 2px rgba(0,0,0,0.2); padding: 16px 33px; position: relative; box-sizing: border-box;}
#footer .col p.moto::before                     {display: block; font-size: 85px; font-weight: 300; color: white; position: absolute; left: -5px; top: 16px; content: '"';}
#footer .col p.moto::after                      {display: block; font-size: 85px; font-weight: 300; color: white; position: absolute; right: 22px; bottom: -28px; content: '"';}

#footer .col p.italic                           {font-style: italic;}
@media screen and (max-width: 1240px)         {
    #footer .col                                  {padding: 10px 25px 20px;}
    #footer .col img                              {height: 50px; margin-bottom: 20px;}
    #footer .col a                                {font-size: 15px; padding-left: 10px; font-weight: 400;}
    #footer .col ul li a:before                   {width: 10px; margin-left: -10px;}
    #footer .col a.tel, #footer .col a.mail,
    #footer .col a.fb                             {padding: 2px 0 2px 35px; background-size: auto 20px;}
}
@media screen and (max-width: 900px)          {
    #footer .col                                  {width: 100%; padding: 30px 0; border-right: none; border-bottom: solid 1px #18c183; text-align: center;}
    #footer .col img                              {height: auto; width: 140px; margin: 25px auto 45px;}
    #footer .col:last-child                       {border-bottom: none;}
    #footer .col a                                {font-size: 16px; padding-left: 0;}
    #footer .col a.tel, #footer .col a.mail,
    #footer .col a.fb                             {padding: 36px 0 0; margin-top: 25px; background-position: center top; background-size: auto 35px;}
    #footer .col ul li a:before                   {display: none;}
}

/* GENERAL */
.uppercase {text-transform: uppercase;}
.capitalize {text-transform: capitalize;}
.bold {font-weight: bold !important;}
.bold-none {font-weight: normal !important;}
.justify {text-align: justify !important;}
.center                                         {text-align: center  !important;}
.tright                                         {text-align: right !important;}
.flex                                           {display: flex !important; flex-wrap: wrap;}
/*.no-flex                                        {display: block !important;}*/
.spaces-between                                         {justify-content: space-between}
.no-border                                      {border: none !important;}
.bold                                           {font-weight: bold !important;}
.no-margin {margin: 0 !important;}
.no-items {font-size: 12px; text-align: center;}
.bg-gray                                        {background: #f3f3f3;} 
.bg-white                                       {background: white;} 

.smallHint.show-title:after {
    /*content: attr(title);
    padding: 7px;
    line-height: 17px;
    top:0px;
    left: 30px;
    color: white;
    min-width: 260px;
    font-size: 13px;
    background: #15cc89;
    position: absolute;
    z-index: 9999;*/
    /*content: attr(title);
    max-width: 100px;*/
}

.articles .info{
    background: none;
    padding-left: 0;
}

.hideOnMouseOut{
    position: absolute;
    max-width: 250px;
    padding: 7px 10px;
    background: red;
    z-index: 9999;  
    background: #15cc89;
    font-size: 13px;
    color: white;
}

.hidden, .popup.hidden {
    display: none;
}

.almost-hidden, .popup.hidden {
    opacity: 0.0001;
}

.more-real-estates.button{
    font-size: 16px !important;
padding: 14px 28px;
}
.nacist-dalsi {
    font-weight: normal !important;
    font-size: 15px !important;
    padding: 10px 30px  !important;
}

sup                                               {position: relative; font-size: 0.7em; top: -0.1em;}

.no-padding { padding: 0 !important;}
.b-margin-0 { margin-bottom: 0 !important;}
.b-margin-5 { margin-bottom: 5px !important;}
.b-margin-10 { margin-bottom: 10px !important;}
.b-margin-15 { margin-bottom: 15px !important;}
.b-margin-20 { margin-bottom: 20px !important;}
.b-margin-25 { margin-bottom: 25px !important;}
.b-margin-30 { margin-bottom: 30px !important;}
.b-margin-45 { margin-bottom: 45px !important;}
.b-margin-50 { margin-bottom: 50px !important;}
.b-margin-55 { margin-bottom: 55px !important;}


.t-margin-0 { margin-top: 0 !important;}
.t-margin-15 { margin-top: 15px !important;}
.t-margin-20 { margin-top: 20px !important;}
.t-margin-25 { margin-top: 25px !important;}
.t-margin-30 { margin-top: 30px !important;}
.t-margin-45 { margin-top: 45px !important;}
.t-margin-50 { margin-top: 50px !important;}
.t-margin-55 { margin-top: 55px !important;}

.t-padding-0 { padding-top: 0 !important;}




.b-padding-0 { padding-bottom: 0 !important;}
.b-padding-15 { padding-bottom: 15px !important;}
.b-padding-20 { padding-bottom: 20px !important;}
.b-padding-30 { padding-bottom: 30px !important;}
.b-padding-35 { padding-bottom: 35px !important;}
.b-padding-40 { padding-bottom: 40px !important;}

.t-padding-0 { padding-top: 0 !important;}
.t-padding-15 { padding-top: 15px !important;}
.t-padding-20 { padding-top: 20px !important;}
.t-padding-25 { padding-top: 25px !important;}
.t-padding-30 { padding-top: 30px !important;}
.t-padding-45 { padding-top: 45px !important;}



.no-underline{text-decoration: none !important;}
.underline-on-hover{text-decoration: none !important;}
.underline-on-hover:hover{text-decoration: underline !important;}


.mauto{margin: auto !important;}


 .smallHint {float: right; display: block; border: 1px solid #dbdbdb; color: #dbdbdb; border-radius: 10px; height: 20px; width: 20px; line-height: 20px; text-align: center;}

.button                                         {display: inline-block; padding: 14px 28px; border-style: solid; font-weight: 500; border-width: 2px; text-decoration: none !important; cursor: pointer; -webkit-appearance: none; border-radius: 0; text-transform: uppercase; -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out;}
.button.cyan                                    {background: #2ab8e6; color: white !important; border-color: #2ab8e6;}
.button.cyan:hover                              {background: #1da5d1; border-color: #1da5d1;}
.button.green                                   {background: #15cc89; color: white !important; border-color: #15cc89;}
.button.green:hover                             {background: #0abb7a; border-color: #0abb7a;}
.button.border                                  {color: white; border-color: white;}
.button.border:hover                            {background: white; color: black;}
.button.border.grey                             {color: #9a9a9a; border-width: 1px; border-color: #b7b7b7;}
.button.border.grey:hover                       {color: white; background: #b7b7b7;}

select                                          {-webkit-appearance: none;
                                                 -moz-appearance: none;
                                                 text-indent: 1px;
                                                 text-overflow: '';display: flex; width: 200px; height: 40px; flex-wrap: wrap; overflow: hidden; background: url('/images/web/select-arrow.jpg') no-repeat right top, white; background-size: auto 40px, cover;}
select::-ms-expand                              {display: none;}
select.show                                    {height: auto;}
select a                                       {display: flex; width: 100%; height: 40px; align-items: center; font-size: 14px; padding: 0 8px; box-sizing: border-box; cursor: pointer;}
select a:hover                                 {background: #f4f4f4;}
select a:first-child:hover                     {background: none;}
input[type='text'], input[type='password'], input[type='email'] {
	display: block; width: 200px; height: 40px; padding: 0 8px; box-sizing: border-box; background: white; border: none; outline: none;
}

input[type="text"], input[type='password'], input[type='email'], select {
    border: none;
    padding: 0 10px;
    height: 40px;
    width: 240px;
    box-sizing: border-box;
}

textarea                                        {display: block; height: 100px; padding: 8px; border: solid 2px white; outline: none; box-sizing: border-box;}

input.chk1:not(:checked) + label,
input.chk1:checked + label                      {display: block; position: relative; height: 34px; cursor: pointer;}
input.chk1:not(:checked) + label:before,
input.chk1:checked + label:before               {content: ""; display: block; width: 34px; height: 34px; margin-right: 15px; background-image: url('/images/checkbox.svg'); background-size: 100% 300%;}
input.chk1:not(:checked) + label:before         {background-position: left top;}
input.chk1:not(:checked) + label:hover:before   {background-position: left center;}
input.chk1:checked + label:before               {background-position: left bottom;}
.button:focus, textarea:focus, input:focus,
select:focus, input.chk1:checked:focus + label:before,
input.chk1:not(:checked):focus + label:before   {border: dashed 1px #c2c2c2 !important; box-sizing: border-box;}

label span                                      {color: #ed1c24;}

.section                                        {display: block; width: 100%; padding: 2rem 0;}
.heading1                                       {display: block; width: 100%; font-size: 1.6em !important; font-weight: 600 !important; color: #303030; text-align: center; margin: 0.8em 0 0.8em; text-transform: uppercase;}
.areaImg                                        {display: block; width: 100%; padding: 3rem 15px; background: url('/images/web/areaImg.jpg') no-repeat center center; background-size: cover; position: relative; box-sizing: border-box;}
.areaImg.v2                                     {background: url('/images/web/areaImg2.jpg') no-repeat center center;}
.areaImg.blue .mask                             {display: block; width: 100%; height: 100%; background: #00192e; position: absolute; top: 0; left: 0; z-index: 1; opacity: 0.8;}
.areaImg .wrapper                               {display: block; width: auto; height: auto; position: relative; z-index: 2; text-align: center; padding: 0.8rem 15px; box-sizing: border-box;}
.areaImg .wrapper .title                        {display: block; font-size: 1.6em !important; font-weight: 600 !important; text-transform: uppercase; color: white; margin-bottom: 0.3em;}

.areaImg .wrapper p                             {display: block; max-width: 1150px; margin: 0 auto; font-size: 22px; font-weight: 300; color: white;}
.areaImg .wrapper .button                       {font-size: 16px;}
.areaText                                       {background: #f3f3f3;}                                                                  
.areaText p                                     {display: block; width: 100%; font-size: 19px; font-weight: 300; color: #595959; text-align: justify; margin-top: 15px;}
.areaText p:first-child                         {margin-top: 0;}
.areaRecommend                                  {display: flex; justify-content: center; background: #e6e6e6; padding: 1rem 0; position: relative;}
.areaRecommend .info                            {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; padding: 0 0.5rem; background: #e6e6e6; position: relative; z-index: 2;}
.areaRecommend .info p.num                      {display: flex; width: 140px; height: 140px; justify-content: center; align-items: center; font-size: 36px; color: #818181; margin-right: 1.2rem; background: url('/images/web/areaRecommend.png') no-repeat left center; background-size: auto 100%;}
.areaRecommend .info p.text                     {display: block; width: auto;  color: #818181;} 
.areaRecommend .info .velky                     {font-size: 44px; line-height: 1.1em;}
.areaRecommend .info .zobrazte                  {font-size: 14px; line-height: 12px;}
.areaRecommend .line                            {display: block; width: 90%; height: 1px; background: #818181; position: absolute; top: 50%; left: 5%; z-index: 1;}
  @media screen and (max-width: 1320px)         {
  .areaImg .wrapper p                           {font-size: 19px;} 
  .areaRecommend .top-info p.num                {width: 100px; height: 100px; font-size: 28px; margin-right: 0.6rem;}
  .areaRecommend .top-info p.text               {font-size: 34px;}   
  }
  @media screen and (max-width: 1080px)         {
  .areaRecommend .top-info p.num                {width: 80px; height: 80px; font-size: 20px;}
  .areaRecommend .top-info p.text               {font-size: 28px;}   
  }  
  @media screen and (max-width: 900px)          {
  .section                                      {padding: 3.5rem 0;}
  .areaImg .wrapper                             {padding: 1rem 15px;}
  .areaImg .wrapper .button                     {font-size: 14px; padding: 10px 20px;}  
  .areaText p                                   {font-size: 16px;}
  .areaRecommend .info p.num                    {width: 110px; height: 110px;font-size: 30px;}
  .areaRecommend .info .velky                   {font-size: 36px;}
  }
  @media screen and (max-width: 768px)          {
  .areaImg .wrapper p                           {font-size: 16px;} 
  .areaRecommend .info                          {display: block;}
  .areaRecommend .info p.num                    {margin: 0 auto 10px;}
  .areaRecommend .info p.text                   {text-align: center;}
  .areaRecommend .line                          {display: none;}
  }
  @media screen and (max-width: 600px)          {
  .areaRecommend                                {padding: 2rem 0;}
  .areaRecommend .top-info p.num                {width: 90px; height: 90px;}
  .areaRecommend .info .velky                   {font-size: 28px; margin-bottom: 10px;}   
  } 
  @media screen and (max-width: 380px)          {
  .areaImg .wrapper p                           {font-size: 14px;} 
  }

img.background                                  {display: block; width: 100%; height: auto;}
.popup                                          {display: flex; width: 100%; height: 100%; justify-content: center; align-items: flex-start; padding: 15px; box-sizing: border-box; background: rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; z-index: 5000;}
.popup .window                                  {display: block; max-width: 920px; height: auto; position: relative; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.9); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.9); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.9) }

.popup .window.blue                             {padding: 140px 50px 30px; background: url('/images/web/popup-blue.jpg') no-repeat center top, white; background-size: 525px auto, cover;}
.popup .window.green                            {padding: 45px 50px 30px; background: url('/images/web/popup-green.jpg') no-repeat center top, white; background-size: 525px auto, cover;}
.popup .window .cross                           {display: block; opacity: 0.7; width: 20px; height: 20px; position: absolute; top: 16px; right: 16px; background: url('/images/web/popup-cross.png') no-repeat center center; background-size: cover;}
.popup .window .cross:hover                     {opacity: 1;}
.popup .window.blue .title                      {display: block; width: 100%; text-align: center; color: white; font-size: 20px; font-weight: 600;}
.popup .window.green .title                     {display: block; width: 100%; text-align: center; color: white; font-size: 26px; font-weight: 600; margin-bottom: 15px;}
/*.popup .window.green .text                      {display: block; width: 100%; text-align: center; color: white; font-size: 18px; font-weight: 400; }*/
.popup .window.green .fb                        {display: block; width: 220px; height: auto; margin: 0 auto;}
.popup .window.green .fb img                    {display: block; width: 100%; height: auto;}
.popup .window table                            {width: auto; margin-top: 60px;}
.popup .window table tr td                      {color: #595959; font-size: 15px; vertical-align: middle; padding: 4px 0;}
.popup .window table tr td span                 {display: block; width: 36px; height: 36px; text-align: center; color: white; font-size: 24px; font-weight: 300; margin-right: 10px; background: #2ab8e6; border-radius: 100%;}

.popup .window .inner.background                {background: #e7e7e7;}

.popup.big .window                              {max-width: 850px; width: 80%; height: 100%; overflow: hidden;}
.popup.big .window.green                        {background: no-repeat center top, white;padding: 0;}
.popup.big .window .inner                       {padding: 1rem; justify-content: space-between; height: calc(100% - 52px); box-sizing: border-box ;font-size: 16px; overflow-x: hidden; }
.popup.big .window.green h2                              {background: #41C681; color: white; padding: 0 1rem; line-height: 52px; }
.popup.big .window.green .logic-box             {padding-right: 15px;padding-bottom: 15px;}
.popup.big .window.green .logic-box .checkBoxList label       {font-weight: normal;}
.popup.big p {margin-bottom: 10px;}

.popup.big .window.red {background: white;}
.popup.big .window.red h2, .popup.big .window.red .barometr {background: #eb4746; }
.popup.big .window.red h2, .popup.big .window.red .barometr {text-align: center; color: white;}
.popup.big .window.red .barometr                     { border: 0;}
.popup.big .window.red .barometr .text {font-size: 28px; margin-bottom: 30px;}
.popup.big .window.red .barometr .circle {width: 80px; height: 80px; border: 3px solid white; border-radius: 40px; text-align: center; line-height: 82px; margin: 0 auto; font-size: 25px;}
.popup.big .window.red h2 {padding-top: 35px; font-size: 40px; font-weight: bold;}
.popup.big .window.red .inner       {padding: 0;}
.popup.big .window.red .barometr .long-text {font-size: 17px; padding: 20px 50px 30px 50px; }

.popup.big .window.red .inner-text { padding: 20px 70px; }
.popup.big .window.red .inner-text .title {font-size: 18px; font-weight: 500; margin-bottom: 10px;}

.popup.big .window.red .inner-text ul {margin-left: 30px;}
.popup.big .window.red .inner-text li { background: url('/images/web/red-x.png') no-repeat left center; padding-left: 50px; line-height: 35px; font-size: 16px;}
.ui .right-box form .barometer .button {margin: auto;}


.popup .window.thin {
    z-index: 99999;
    width: 525px !important;
    box-sizing: border-box;   
    /*margin-left: -270px;
    left: 50%;*/  
}

.popup .window.sirene .heading{
   height: 250px;
}
.popup .window.thin .heading{
   color: white;
}
.popup .window.thin .heading h2{
   font-size: 23px;
   font-weight: bold;
}
.popup .window .fb-share-button{
   display: block;
   padding: 20px 0;
}
.popup .window .fb-share-button span{
    opacity: 1;
    transform: scale(2);
    transform-origin: center center; 
}
/*share*/
.popup .window.share .heading{
   height: 250px;
}

.popup .window.share .heading p{
   font-size: 16px;
}
/*tips*/
.popup .window.tips{
    margin-left: -267px;
    left: 50%;
}
.popup .window.tips div.tips p{
   font-size: 16px;
   line-height: 25px;
   margin-bottom: 20px;
   text-align: center;
}




@media screen and (max-width: 640px)          {
    .popup .window.blue                           {padding: 140px 20px 30px;} 
    .popup .window.blue .title                    {font-size: 18px;}
    .popup .window.green                          {padding: 35px 50px 30px;}
    .popup .window.green .title                   {font-size: 22px; margin-bottom: 15px;}  
}

.popup.barometer .box.barometer {height: 200px;}
.popup.barometer .box.barometr {width: 100%;}
.popup.barometer .inner-text { font-size: 80%;}
.popup.barometer .inner-text p { margin-bottom: 7px;}
.ui .popup .button { margin: 0; margin-top: 10px; /*margin-left: 32%;*/}
.ui .main .popup.barometer .box.barometr .chart {margin: 0;}
.right-box .popup.barometer  {color: black;}
form .popup.barometer .line {margin: 0;}
form .popup.barometer .box.barometr .chart .text {margin: 0;}


.pagination                                     {display: flex; width: 100%; justify-content: center; flex-wrap: wrap; margin-top: 20px;}
.pagination a                                   {display: block; color: #818181; font-size: 15px; padding: 5px 10px; margin: 2px; border: solid 1px #818181; text-decoration: none;}
.pagination a:first-child:before                {display: inline-block; width: 0.8em; height: 0.8em; background: url('https://www.srovnani-makleru.cz/css/images/pagination-arrow-left.svg') no-repeat center top; background-size: 100% 200%; margin: 0.2em 5px 0 0; content: "";}
.pagination a:last-child:after                  {display: inline-block; width: 0.8em; height: 0.8em; background: url('https://www.srovnani-makleru.cz/css/images/pagination-arrow-right.svg') no-repeat center top; background-size: 100% 200%; margin: 0.2em 0 0 5px; content: "";}
.pagination a:hover, .pagination a.active       {background: #2ab8e6; color: white; border-color: #2ab8e6;}
.pagination a:first-child:hover:before,
.pagination a:last-child:hover:after            {background-position: center bottom;}
.pagination a.disabled                          {border: none;}
.pagination a.disabled:hover                    {cursor: default; background: none; border: none; color: #818181;}


#frm-brokerReviewForm label {font-weight: normal;}



/* SECTION LAYOUT  */


.section.main.background            {background: #e7e7e7;}
.section.background            {background: #e7e7e7;}
.section .wrapper                   {max-width: 1248px; justify-content: space-between; margin: 0 auto;}
.section .wrapper.thin              { max-width: 1080px;}
.section .wrapper.border            { border: solid 1px #dbdbdb;}
.background-white {background: white;}

/* FORMS */
.content .form-wrapper.left-box                 {display: block; width: calc(100% - 410px);}
.content .full-box                              {display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;}
.content .full-box .form-wrapper.left-box       {display: block; width: calc(100% - 440px); padding: 0;}
.content .full-box .right-box-wrap              {display: block; max-width: 400px; width: 100%;}
.content .full-box .right-box-wrap              {font-size: 17px;}
  @media screen and (max-width: 1400px)         {  
  .content .full-box .form-wrapper.left-box     {width: calc(100% - 365px);}
  .content .full-box .right-box-wrap            {font-size: 16px;}
  .content .full-box .right-box-wrap            {max-width: 350px;}
  }
  @media screen and (max-width: 1200px)         {  
  .content .full-box .form-wrapper.left-box     {width: calc(100% - 315px);}
  .content .full-box .right-box-wrap            {font-size: 15px;}
  .content .full-box .right-box-wrap            {max-width: 300px;}
  }
  @media screen and (max-width: 960px)          {  
  .content .full-box .form-wrapper.left-box     {width: 100%;}
  .content .full-box .right-box-wrap            {max-width: 100%; margin-top: 15px;}
  .content .full-box .right-box-wrap            {font-size: 16px;}
  }  
  @media screen and (max-width: 540px)          {  
  .content .full-box .form-wrapper.left-box     {width: 100%;}
  .content .full-box .right-box-wrap            {margin-top: 5px;}
  .content .full-box .right-box-wrap            {font-size: 15px;}
  }    
  @media screen and (max-width: 380px)          {  
  .content .full-box .right-box-wrap            {font-size: 14px;}
  } 

.right-box-wrap.contact-box h2                  {font-size: 21px; font-weight: bold; color: black;}

.section .infoRow                               {background-color: #d6d6d6 !important; width: 100%; padding: 10px 0; margin-bottom: 40px; box-sizing: border-box;}
.section .infoRow p                             {margin-bottom: 0 !important; margin-left: 150px;box-sizing: border-box;}

  @media screen and (max-width: 900px)          {  
  .section .infoRow p                           {margin-left: 50px;} 
  }
  @media screen and (max-width: 700px)          {  
  .section .infoRow p                           {margin-left: 10px;} 
  }
  @media screen and (max-width: 700px)          {  
  .form-wrapper                                 {width: 100% !important;} 
  .flex                                         {display: block !important;}
  }

form .row                         {display: flex; width: 100%; flex-wrap: wrap; align-items: center; margin-bottom: 10px;}
form .checkBoxList label          {width: auto; font-weight: normal;}
form label                       {display: block; width: 170px; color: #303030; font-size: 18px; font-weight: 600; padding-right: 10px; box-sizing: border-box}
form .row textarea                {width: calc(100% - 170px);}
form .row > p                     {display: block; font-size: 16px; color: #595959; margin-left: 10px;}
form .row > p a                    {color: #595959; text-decoration: underline;}

form table                        {width: 100%;}
form table td                     {width: calc(100% - 170px); padding: 5px 0;}
form table tr:first-child td      {padding-top: 0;}
form table tr td:first-child      {width: 170px; vertical-align: top;}
form table .label1                {display: flex; width: 100%; height: 100%; padding-top: 4px; align-items: center; flex-wrap: wrap; margin-bottom: 5px;}
form > a                          {display: block; font-size: 16px; color: #303030; text-decoration: underline; margin: 20px 0 30px 170px;}
form > a:hover                    {text-decoration: none;}
form .terms                       {/*display: flex; */align-items: center; margin-left: 170px; width: auto;}
form .terms p                     {margin-left: 0; font-size: 13px;}
form .terms a                     {display: inline; text-decoration: underline; color: #4b4b4b;}
form .terms a:hover               {text-decoration: none;}
form .line                        {display: block; width: 100%; height: 1px; background: #c5c5c5; margin: 45px 0;}
form .button                      {margin-left: 170px; font-size: 17px; font-weight: 500; padding: 15px 0; width: 320px; box-sizing: border-box; font-family: 'Roboto', sans-serif;}
form .terms label                 {width: 20px;}
form h2                           {font-weight: bold;padding-bottom: 1.2rem;}
.smallHint                        {cursor: pointer; background: white; width: 20px; height: 20px; border-radius: 10px; text-align: center; position: relative;}

  @media screen and (max-width: 1080px)              {
  form .row > p                   {font-size: 14px;}
  }
  @media screen and (max-width: 900px)              {    
  .content .form-wrapper.left-box {width: 100%; margin-bottom: 30px;}
  form .row                       {width: 100%;}
  form .row label                 {margin: 5px 0 3px;}
  form .row textarea              {width: calc(100% - 30px);}
  form table,
  form table tbody                {display: block;}
  form table td                   {display: block; width: 100%;}
  form > a                        {margin-left: 0;}
  form .button                    {margin-left: 0;}
  form .terms                     {margin-left: 0px;}
  }
  @media screen and (max-width: 768px)              {
  form                            {display: block; width: 100%; margin: 0 auto;}
  form table .label1              {font-size: 14px;}
  #demandForm .wrapper.thin       {padding: 0 50px; max-width: 500px; margin: 0 auto;}
  form .row > label               {width: 100%; margin: 10px 0 7px;}
  form .row > input,
  form .row > select, 
  form .row > textarea            {width: calc(100% - 30px) !important; margin-bottom: 5px;}
  form .row.terms label           {width: auto; padding: 0;}
  form .row.terms p               {margin: 0;}
  form .terms                     {font-size: 14px;}
  form .button                    {width: 100%; box-sizing: border-box; font-size: 14px !important;}
  .smallHint                      {display: none !important;}
  }
  @media screen and (max-width: 540px)              {
  #demandForm .wrapper.thin       {padding: 0 40px;}
  }
  @media screen and (max-width: 380px)              {
  #demandForm .wrapper.thin       {padding: 0 30px;}
  form .button                    {font-size: 12px !important; height: 40px; line-height: 38px; padding: 0 8px !important;}
  }  

.steps .wrapper                          {;}
.steps .step                             {display: block; width: 33.33%; padding: 0 20px; box-sizing: border-box; position: relative;}
.steps .step .num                        {display: flex; width: 60px; height: 60px; justify-content: center; align-items: center; margin: 0 auto 15px; background: #0abb7a; color: white; font-size: 0 !important; font-weight: 300; position: relative; border-radius: 100%;}
.steps .step::before                     {display: block; width: calc(100% - 120px); height: 16px; opacity: 0.4; background: url('https://www.srovnani-makleru.cz/css/images/steps-arrow.png') no-repeat right center; background-size: auto 100%; position: absolute; right: calc(50% + 60px); top: 22px; content: "";}
.steps .step:first-of-type::before       {display: none;}
.steps .step .num::after                 {display: block; width: 100%; height: 100%; background-size: 70% auto; background-position: center center; background-repeat: no-repeat; position: absolute; left: 0; top: 0; content: "";}
.steps .step:nth-of-type(1) .num::after  {background-image: url('https://www.srovnani-makleru.cz/css/images/step1.png');}
.steps .step:nth-of-type(2) .num::after  {background-image: url('https://www.srovnani-makleru.cz/css/images/step2.png');}
.steps .step:nth-of-type(3) .num::after  {background-image: url('https://www.srovnani-makleru.cz/css/images/step3.png');}
.steps .step p                           {display: block; width: 100%; text-align: center; font-size: 18px; font-weight: 400; color: #4b4b4b;}
  @media screen and (max-width: 1200px)  {
  .steps .step p                         {font-size: 16px;}
  }
  @media screen and (max-width: 768px)   {
  .steps .step                           {width: 100%; max-width: 480px; margin: 55px auto 0;}
  .steps .step::before                   {width: 14px; height: 50px; background-image: url('https://www.srovnani-makleru.cz/css/images/steps-arrow2.png'); background-size: 100% auto; right: calc(50% - 7px); top: -55px;}
  .steps .step:first-of-type             {margin-top: 0;}
  }

.right-box-wrap .how a                    {color: white; text-decoration: underline;}

.right-box-wrap                           {display: block; width: 380px; position: relative; color: white; }
.right-box-wrap.green-box                   {background-color: #15cc89; padding: 1.2rem;box-sizing: border-box;}
.right-box-wrap.green-box p                  {margin-bottom: 0.8rem;}
.right-box-wrap.green-box a                  {color: white; text-decoration: underline;}
.right-box-wrap.green-box.twins              {background-color: #1BD993; box-sizing: border-box; padding: 0rem;}
.right-box-wrap.green-box.twins p            {padding: 1rem;}
.right-box-wrap.green-box.twins p:nth-child(1){background-color: #15CC89}

.right-box-wrap .how.specialMarginBottom    {margin-bottom: 15px !important;}
.right-box-wrap .how                        {display: block; width: 100%; background: #15cc89; margin-bottom: 25px; padding: 30px; box-sizing: border-box;}
.right-box-wrap .how h2                     {display: block; width: 100%; text-align: center; text-transform: uppercase; font-size: 24px; color: white !important; font-weight: 500;}
.right-box-wrap .how .step                  {display: flex; width: 100%; justify-content: space-between; align-items: center; margin-top: 20px;}
.right-box-wrap .how .step .num             {display: flex; width: 46px; height: 46px; justify-content: center; align-items: center; background: white; color: #15cc89; font-size: 20px; font-weight: 300; border-radius: 100%;}
.right-box-wrap .how .step .text            {display: block; width: calc(100% - 58px); font-size: 16px; font-weight: 300; color: white;}
.right-box-wrap .how .step .text span       {font-weight: 500;}
.right-box-wrap .viewing                    {display: flex; width: 100%; justify-content: center; flex-wrap: wrap; padding: 10px 30px; margin-bottom: 15px; background: white; box-sizing: border-box;}
.right-box-wrap .viewing .num               {display: block; padding: 2px 0 2px 58px; font-size: 34px; color: #15cc89; font-weight: 700; margin-bottom: 5px; background: url('/images/web/searching-icon-viewing.png') no-repeat left center; background-size: auto 100%;}
.right-box-wrap .viewing .text              {display: block; width: 100%; font-size: 16px; color: #4b4b4b; text-align: center;}
.right-box-wrap .recent                     {display: flex; width: 100%; justify-content: center; flex-wrap: wrap; padding: 10px 30px; background: white; margin-bottom: 15px; box-sizing: border-box;}
.right-box-wrap .recent .text               {display: block; padding: 8px 0 8px 50px; font-size: 16px; color: #4b4b4b; margin-bottom: 20px; background: url('/images/web/searching-icon-recent.png') no-repeat left center; background-size: auto 40px;}
.right-box-wrap .recent table               {width: 100%;}
.right-box-wrap .recent table td            {vertical-align: top; padding-right: 8px; color: #15cc89; font-size: 16px; font-weight: 500;}
.right-box-wrap .recent table tr td:last-child                                                    {padding-right: 0;}
.right-box-wrap .ref                        {display: block; width: 100%; padding: 10px 30px; margin-bottom: 15px; background: url('/images/web/searching-bg-ref.png') no-repeat left center, #15cc89; background-size: auto 100%, cover; box-sizing: border-box;}
.right-box-wrap .ref p                      {display: block; font-size: 18px; font-weight: 500; color: white; margin-bottom: 15px; text-align: center;}
.right-box-wrap .ref .text                  {font-size: 16px; font-weight: 300; font-style: italic; margin-bottom: 0}
.right-box-wrap .nocall                     {display: block; width: 100%; padding: 10px 30px; background: url('/images/web/searching-bg-nocall.png') no-repeat left center, #15cc89; background-size: auto 100%, cover; box-sizing: border-box;}
.right-box-wrap .nocall h2                  {display: block; width: 100%; text-align: center; color: white; text-transform: uppercase; font-size: 24px; font-weight: 500;}
.right-box-wrap .nocall p                   {display: block; font-size: 18px; font-weight: 400; color: white; margin-bottom: 0px; text-align: center; margin-top: 15px;}
@media screen and (max-width: 900px)              {
  .right-box-wrap                           {margin: 0 auto;}
}

.right-box-wrap .how.otaznik {
    background-image: url('/images/web/side-panel-ot.png');
    background-position: top right;
     background-repeat: no-repeat;
}

@media screen and (max-width: 900px)              {    
    .right-box .nocall                   {top: 1426px;}
}
@media screen and (max-width: 768px)              {
    .right-box                           {width: 90%; margin: 30px auto 0;}
    .right-box .nocall                   {position: relative; top: 0; margin-top: 10px;}
}

.main header h2                          {display: block; font-size: 24px; color: #303030; background: none; font-weight: 600; margin-bottom: 25px;}

/* HOMEPAGE */
.hp form .button {margin-left: 0;}
.hp .top                                        {display: block; width: 100%; height: auto; padding: 4rem 0; background: url('/images/homepage-bg.jpg') center center; background-size: cover;}
.hp .top .box                                   {display: flex; justify-content: center; flex-wrap: wrap; text-align: center; max-width: 1124px; height: auto; margin: 0 auto; padding: 0 30px; box-sizing: border-box;}
.hp .top .box p                                 {display: block; width: 100%; text-align: center; color: white; margin: 0;}
.hp .top .box p.title                           {font-size: 66px; font-weight: 700; line-height: 1.1em; margin-bottom: 3px;}
.hp .top .box p.title2                          {font-size: 32px;}
.hp .top .box .buttons                          {display: block; width: 100%; margin: 35px 0;}
.hp .top .box .buttons a                        {font-size: 16px; margin: 0 1px; font-weight: 600;}
.hp .top .box p.claim                           {max-width: 700px; font-size: 26px; font-weight: 600; padding-bottom: 80px;  background: url('/images/areaImg-icon.png') no-repeat center bottom; background-size: 500px auto;}
.hp .top .box p.claim span                      {color: #2fd1c4;}
  @media screen and (max-width: 1280px)         {
  .hp .top .box p.title                         {font-size: 54px;}
  .hp .top .box p.title2                        {font-size: 26px;}
  .hp .top .box .buttons                        {margin: 30px 0;}
  .hp .top .box .buttons a                      {font-size: 15px;}
  .hp .top .box p.claim                         {max-width: 700px; font-size: 26px; font-weight: 600; padding-bottom: 80px;  background: url('/images/areaImg-icon.png') no-repeat center bottom; background-size: 500px auto;}
  }
  @media screen and (max-width: 1080px)         {
  .hp .top .box p.title                         {font-size: 48px;}
  .hp .top .box p.title2                        {font-size: 22px;}
  .hp .top .box .buttons                        {margin: 25px 0;}
  .hp .top .box .buttons a                      {font-size: 14px; padding: 12px 25px;}
  .hp .top .box p.claim                         {max-width: 580px; font-size: 20px; padding-bottom: 60px; background-size: 400px auto;}
  }
  @media screen and (max-width: 960px)         {
  .hp .top .box p.title                         {font-size: 40px;}
  .hp .top .box p.title2                        {font-size: 19px;}
  .hp .top .box .buttons                        {margin: 22px 0;}
  .hp .top .box .buttons a                      {font-size: 13px;}
  .hp .top .box p.claim                         {max-width: 540px; font-size: 18px; padding-bottom: 50px; background-size: 360px auto;}
  }
  @media screen and (max-width: 768px)          {
  .hp .top .box p.title                         {max-width: 360px; font-size: 42px;}
  .hp .top .box p.title2                        {font-size: 17px;}
  .hp .top .box .buttons a                      {font-size: 11px; padding: 11px 21px;}
  .hp .top .box p.claim                         {max-width: 420px; font-size: 16px; padding-bottom: 40px; background-size: 300px auto;}
  }
  @media screen and (max-width: 640px)          {
  .hp .top .box p.title                         {font-size: 38px;}
  .hp .top .box p.title2                        {font-size: 15px;}
  .hp .top .box p.title strong                  {display: block;}  
  .hp .top .box p.claim                         {max-width: 380px; font-size: 14px; padding-bottom: 35px; background-size: 260px auto;}
  }
  @media screen and (max-width: 480px)          {
  .hp .top .box p.title                         {max-width: 250px; font-size: 30px;}
  }
  
.special-green {background: #15cc89 !important; border-color: #15cc89 !important;}

 .infographics                               {display: flex; width: 100%; height: auto; flex-wrap: wrap;}
 .infographics .box                          {display: flex; width: 25%; height: auto; justify-content: center; align-items: center; flex-wrap: wrap; padding: 1rem 0;}
 .infographics .box:nth-child(1)             {background: #15cc89;}
 .infographics .box:nth-child(2)             {background: #1bd993;}
 .infographics .box:nth-child(3)             {background: #37dea1;}
 .infographics .box:nth-child(4)             {background: #53eab3;}
 .infographics .box p.num                    {text-decoration: none; display: block; height: 160px; width: 160px; color: white; font-size: 44px; font-weight: 300; line-height: 160px; text-align: center; border: solid 3px white; border-radius: 100%; margin-bottom: 20px;}
 .infographics .box p a                      {text-decoration: none;}
 .infographics .box p a:hover                {text-decoration: underline;}
 .infographics .box p.title                  {display: block; width: 100%; font-size: 20px; font-weight: 600; color: white; text-align: center;}
 .infographics .box p.title br               {display: none;}
@media screen and (max-width: 1080px)           {
     .infographics .box p.num                {height: 120px; width: 120px; font-size: 34px; line-height: 120px; border-width: 2px; margin-bottom: 16px;}
     .infographics .box p.title              {font-size: 16px;}    
}
@media screen and (max-width: 960px)            {
     .infographics .box p.num                {height: 90px; width: 90px; font-size: 30px; line-height: 90px; margin-bottom: 13px;}
     .infographics .box p.title              {font-size: 14px;}    
}
@media screen and (max-width: 720px)            {
     .infographics .box p.title br           {display: block;}
}
@media screen and (max-width: 600px)            {
    .infographics .box                      {width: 50%; padding: 2rem 0;}
    .infographics .box p.num                {height: 110px; width: 110px; font-size: 36px; line-height: 110px; margin-bottom: 15px;}
    .infographics .box p.title              {font-size: 15px;}    
}


@media screen and (min-width: 1200px)           {
.flex-cols2                                     {display: flex; flex-wrap: wrap;}
.flex-cols2 > *                                 {order: 1; width: 50%;}
.flex-cols2 > * > .wrapper                      {width: 80%; height: 100%; align-items: center; align-content: center;}
.flex-cols2 > .infographics                     {order: 0;}
.flex-cols2 > .infographics .box                {display: flex; width: 50%; justify-content: center; align-items: center; flex-wrap: wrap; padding: 35px 0;}
.flex-cols2 > .infographics .box p.num          {height: 120px; width: 120px; font-size: 34px; font-weight: 400; line-height: 120px; margin: 0 20px 0 0;}
.flex-cols2 > .infographics .box p.title        {display: block; width: 115px; text-align: left;}
.flex-cols2 > .infographics .box p.title br     {display: block;}
.flex-cols2 > .areaText p                       {font-size: 19px;}
}

.infographics-green                             {display: flex; width: 100%; height: auto; flex-wrap: wrap;}
.infographics-green .box                        {display: flex; width: 25%; height: auto; justify-content: center; align-items: center; flex-wrap: wrap; padding: 1rem 0;}
.infographics-green .box:nth-child(1)           {background: #15cc89;}
.infographics-green .box:nth-child(2)           {background: #1bd993;}
.infographics-green .box:nth-child(3)           {background: #37dea1;}
.infographics-green .box:nth-child(4)           {background: #53eab3;}
.infographics-green .box p.num                  {text-decoration: none; display: block; height: 160px; width: 160px; color: white; font-size: 44px; font-weight: 300; line-height: 160px; text-align: center; border: solid 3px white; border-radius: 100%; margin-bottom: 20px;}
.infographics-green .box p a                    {text-decoration: none;}
.infographics-green .box p a:hover              {text-decoration: underline;}
.infographics-green .box p.title                {display: block; width: 100%; font-size: 20px; font-weight: 600; color: white; text-align: center;}
.infographics-green .box p.title br             {display: none;}
@media screen and (max-width: 1080px)           {
    .infographics-green .box p.num              {height: 120px; width: 120px; font-size: 34px; line-height: 120px; border-width: 2px; margin-bottom: 16px;}
    .infographics-green .box p.title            {font-size: 16px;}    
}
@media screen and (max-width: 960px)            {
    .infographics-green .box p.num              {height: 90px; width: 90px; font-size: 30px; line-height: 90px; margin-bottom: 13px;}
    .infographics-green .box p.title            {font-size: 14px;}    
}
@media screen and (max-width: 720px)            {
    .infographics-green .box p.title br         {display: block;}
}
@media screen and (max-width: 600px)            {
    .infographics-green .box                    {width: 50%; padding: 2rem 0;}
    .infographics-green .box p.num              {height: 110px; width: 110px; font-size: 36px; line-height: 110px; margin-bottom: 15px;}
    .infographics-green .box p.title            {font-size: 15px;}    
}

.assets                                         {display: flex; flex-wrap: wrap; padding: 3rem 0; background: #fafafa}
.assets .wrapper                                {width: 100%; max-width: 1400px; padding: 0 2rem; box-sizing: border-box; margin-top: 45px;}
.assets article                                 {display: block; height: auto; box-sizing: border-box; padding: 0 15px;}
.assets article img                             {display: block; width: 70px; height: auto; margin: 0 auto 15px;}
.assets article h3                              {display: flex; justify-content: center; align-items: center; width: 100%; margin-bottom: 10px; font-size: 28px; line-height: 1.2em; font-weight: 600; color: #13cb89;}
.assets article h3::before                      {display: block; width: 34px; height: 34px; margin-right: 8px; background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; content: "";}
.assets article:nth-of-type(1) h3::before       {background-image: URL('https://www.srovnani-makleru.cz/css/images/asset1.png');}
.assets article:nth-of-type(2) h3::before       {background-image: URL('https://www.srovnani-makleru.cz/css/images/asset2.png');}
.assets article:nth-of-type(3) h3::before       {background-image: URL('https://www.srovnani-makleru.cz/css/images/asset3.png');}
.assets article:nth-of-type(4) h3::before       {background-image: URL('https://www.srovnani-makleru.cz/css/images/asset4.png');}
.assets article p                               {display: block; width: 100%; text-align: center; font-size: 19px; font-weight: 300; margin-bottom: 0;}
.assets article p a                             {font-weight: 400;}
  @media screen and (max-width: 1400px)         {
  .assets article img                           {width: 60px; margin-bottom: 13px;}
  .assets article h3                            {font-size: 23px;}
  .assets article h3::before                    {width: 32px; height: 32px; margin-right: 7px;}
  .assets article p                             {font-size: 17px;}
  }
  @media screen and (max-width: 1280px)         {
  .assets article                               {width: 25%;}
  .assets article img                           {width: 56px; margin-bottom: 11px;}
  .assets article h3                            {margin-bottom: 4px; font-size: 26px;}
  .assets article h3::before                    {width: 37px; height: 37px;}
  .assets article p                             {font-size: 18px;}
  }
  @media screen and (min-width: 960px)          {
  .assets article                               {width: 25%;}
  }
  @media screen and (max-width: 960px)          {
  .assets .wrapper                              {margin-top: 35px;}
  .assets article img                           {width: 50px;}
  .assets article h3                            {font-size: 23px;}
  .assets article h3::before                    {width: 32px; height: 32px;} 
  .assets article p                             {font-size: 17px;}
  }
  @media screen and (min-width: 768px) and (max-width: 960px){
  .assets article                               {width: 50%;}
  .assets article:nth-of-type(-n+2)             {margin-bottom: 25px;}
  }
  @media screen and (max-width: 768px)          {
  .assets .wrapper                              {margin-top: 25px;}
  .assets article                               {width: 100%; max-width: 380px; margin: 0 auto 30px;}
  .assets article:last-child                    {margin-bottom: 0;}
  .assets article img                           {width: 50px;}
  .assets article p                             {font-size: 17px;}
  }
  @media screen and (max-width: 540px)          {
  .assets article                               {margin-bottom: 50px;}
  }

.hp .assets article                             {border-bottom: none;}
  @media screen and (max-width: 1280px)         {
  .hp .assets .wrapper                          {width: 100%; justify-content: center;}
  .hp .assets article                           {border: none; padding: 1rem;}
  .hp .assets article:last-child                {margin-top: 30px;}
  }
  @media screen and (max-width: 768px)          {
  .hp .assets article                           {padding: 0;} 
  .hp .assets article:last-child                {margin-top: 0;}
  }
    
.hp .articles                                   {background: #f3f3f3;}
.hp .articles .wrapper                          {justify-content: space-between;}
.hp .articles article                           {display: block; width: 31%; height: auto;}
.hp .articles article .img                      {display: flex; width: 100%; height: 11.3rem; justify-content: center; align-items: center; overflow: hidden; background: #ededed;}
.hp .articles article .img img                  {display: block; width: auto; height: 100%; -webkit-transition: .35s ease-in-out; transition: .35s ease-in-out;}
.hp .articles article:hover .img img            {-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}
.hp .articles article h3 a                      {display: block; width: 100%; color: #212121; font-size: 24px; font-weight: 300; margin: 0.5rem 0;}
.hp .articles article h3 a:hover                {text-decoration: underline; color: black;}
.hp .articles article p                         {display: block; width: 100%; color: #818181; font-size: 15px; font-weight: 300;}
.hp .articles .bottom                           {display: block; width: 100%; text-align: center; margin-top: 1.5rem;}
.hp .articles .bottom .button                   {font-size: 16px;}
@media screen and (max-width: 1300px)         {
    .hp .articles article .img                    {height: 9.5rem;}
    .hp .articles article h3 a                    {font-size: 21px;}
    .hp .articles article p                       {font-size: 12px;}
    .hp .articles .bottom .button                 {font-size: 15px;}
}
@media screen and (max-width: 800px)          {
    .hp .articles .wrapper                        {display: block;}
    .hp .articles article                         {width: auto; max-width: 320px; margin: 0 auto 2rem;}  
    .hp .articles article .img                    {height: 220px;}
    .hp .articles article h3 a                    {font-size: 21px; margin: 0.5rem 0;}
    .hp .articles article p                       {font-size: 14px;}
    .hp .articles .bottom .button                 {font-size: 14px; border-width: 1px;}
}
@media screen and (max-width: 540px)          {
    .hp .articles article .img                    {height: 18rem;}
}

.ebook .wrapper                                 {justify-content: center; align-items: center;}
.ebook img                                      {display: block; height: 9rem; margin-right: 1rem;}
.ebook .info                                    {display: block; width: 50%; padding-right: 5%; box-sizing: border-box;}
.ebook .info h2                                 {display: block; font-size: 30px; color: #303030; font-weight: 600; margin-bottom: 0.5rem;}
.ebook .info > p                                {display: block; font-size: 24px; color: #595959; font-weight: 300; margin-bottom: 1.5rem;}
.ebook .info form                               {display: flex; flex-wrap: wrap;}
.ebook .info form input                         {display: block; width: calc(100% - 225px); height: 56px; font-size: 16px; background: #cdd2d4; padding: 0 20px; box-sizing: border-box; border: none; outline: none; margin-right: 25px;}                           
.ebook .info form input::-webkit-input-placeholder {color: #595959;}
.ebook .info form input::-moz-placeholder          {color: #595959;} 
.ebook .info form input:-ms-input-placeholder      {color: #595959;}
.ebook .info form input:-moz-placeholder           {color: #595959;}
.ebook .info form input:focus                   {border: dashed 2px #a0a0a0;}
.ebook .info form .button                       {width: 200px; height: 56px; font-size: 16px; font-weight: bold; font-family: 'Roboto', sans-serif;} 
.ebook .info form p                             {display: block; width: 100%; font-size: 12px; color: #9a9a9a; margin-top: 5px;}
@media screen and (max-width: 1080px)         {
    .ebook img                                    {height: 7rem;}
    .ebook .info                                  {width: 50%; padding-right: 0;}
    .ebook .info h2                               {font-size: 24px;}
    .ebook .info > p                              {font-size: 18px;}
    .ebook .info form input                       {width: calc(100% - 175px); height: 46px; font-size: 14px; padding: 0 15px; margin-right: 15px;}                           
    .ebook .info form .button                     {width: 160px; height: 46px; font-size: 12px;} 
    .ebook .info form p                           {font-size: 11px; margin-top: 3px;}  
}
@media screen and (max-width: 800px)          {
    .ebook img                                    {height: 240px; margin-right: 0;}
    .ebook .info                                  {width: 80%; text-align: center;}
    .ebook .info h2                               {margin-top: 26px;}
    .ebook .info form                             {display: block;}
    .ebook .info form input                       {width: 220px; margin: 0 auto 5px;}                           
    .ebook .info form .button                     {width: 170px; margin: 0 auto;}   
}

.homepage                                         {background: linear-gradient(to bottom, rgba(0,0,0,0.06) 0%, transparent 100%);}
.homepage .wrapper                                {align-items: center;}
.homepage .left                                   {display: block;}
.homepage .left h1                                {display: block; font-size: 2.7em; font-weight: 800; line-height: 1.2em; color: #303030;}
.homepage .left p                                 {display: block; font-size: 1.15em; color: #565656; font-weight: 300; margin: 0.8em 0 1em;}
.homepage .left .buttons                          {display: flex;} 
.homepage .left .buttons .button                  {font-size: 0.9em; padding: 0.7em 1.2em;}
.homepage .left .buttons .button:first-child      {margin-right: 5px;} 
.homepage .left .buttons .button.border           {border: solid 2px #2ab8e6; color: #2ab8e6;}
.homepage .left .buttons .button.border:hover     {background: #2ab8e6; color: white;}
.homepage .right                                  {display: block;}
.homepage .right img                              {display: block;}
  @media screen and (min-width: 1081px)           {
  .homepage .left                                 {width: 23em;}
  .homepage .right                                {width: calc(20em + 20%);}
  .homepage .right img                            {width: 100%;}
  }
  @media screen and (max-width: 1080px)           {
  .homepage .wrapper                              {justify-content: center;}
  .homepage .left                                 {width: 100%; max-width: 34em;}
  .homepage .left h1                              {text-align: center; font-size: 2.4em;}
  .homepage .left p                               {text-align: center;}
  .homepage .left .buttons                        {justify-content: center;}
  .homepage .right                                {width: 100%; margin-top: 2em;}
  .homepage .right img                            {width: 100%; max-width: calc(10% + 24em); margin: 0 auto;}
  }

.landing                                          {padding: 0; position: relative;}
.landing .wrapper                                 {position: relative; z-index: 2; background: URL('https://www.srovnani-makleru.cz/css/images/landing2.jpg') no-repeat right -20% bottom; background-size: auto 80%;}
.landing .wrapper.prague                          {background-image: URL('https://www.srovnani-makleru.cz/css/images/landing2prague.jpg'); }
.landing .wrapper.prague h1 br                    {display: none;}
.landing .left p.titleAsH1                        {font-size: 58px; font-weight: 800; margin: 9% 1% 0 0; max-width: 800px;}
.landing .left                                    {display: block; width: 52%; box-sizing: border-box; margin-bottom: 8%;}
.landing .left h1                                 {display: block; font-size: 58px; font-weight: 800; line-height: 1.2em; margin: 20% 0 0; color: #303030; /*color: #092441; background: -webkit-linear-gradient(0deg, #16cb8a, #2ab8e6); -webkit-background-clip: text; -webkit-text-fill-color: transparent;*/}
.landing .left p                                  {display: block; max-width: 540px; font-size: 23px; color: #565656; font-weight: 300; margin: 24px 0 30px;}
.landing .left .buttons                           {display: flex;} 
.landing .left .buttons .button                   {font-size: 15px; padding: 13px 22px;}
.landing .left .buttons .button:first-child       {margin-right: 5px;} 
.landing .left .buttons .button.border            {border: solid 2px #2ab8e6; color: #2ab8e6;}
.landing .left .buttons .button.border:hover      {background: #2ab8e6; color: white;}
.landing .right                                   {display: block; width: 45%; padding: 5% 0; position: relative;}
                                                  /* IMG 1  {display: block; width: 45%; padding: 5% 0; position: relative; background: URL('https://www.srovnani-makleru.cz/css/images/landing2.jpg') no-repeat center center; background-size: 100% auto;} */
.landing .right .tel                              {display: block; font-size: 13px; font-weight: 400; color: #565656; padding-left: 52px; margin-bottom: 40px; position: absolute; right: 0; top: 5%;}
.landing .right .tel::before                      {display: block; width: 50px; height: 100%; background: URL('https://www.srovnani-makleru.cz/css/images/tel.png') no-repeat left center; background-size: 40px auto; position: absolute; left: 0; top: 0; content: "";}
.landing .right .tel a                            {font-size: 24px; font-weight: 700; text-decoration: none; color: #092441; background: -webkit-linear-gradient(0deg, #16cb8a, #2ab8e6); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.landing .right .tel a:hover                      {text-decoration: underline;}
.landing .locality-map                            {display: none; width: 100%; height: 100%; justify-content: center; align-items: center; padding: 3% 0; box-sizing: border-box; position: absolute; left: 0; top: 0; z-index: 1;}
.landing .locality-map img                        {display: block; width: auto; height: 100%;}
  @media screen and (max-width: 1400px)           {
  .landing .left h1                               {font-size: 48px;}
  .landing .left p                                {max-width: 520px; font-size: 21px; margin: 22px 0 28px;}
  .landing .left .buttons .button                 {font-size: 14px; padding: 12px 20px;}
  .landing .left .buttons .button:first-child     {margin-right: 4px;} 
  .landing .right .tel                            {font-size: 12px; padding-left: 47px;}
  .landing .right .tel::before                    {width: 46px; background-size: 36px auto;}
  .landing .right .tel a                          {font-size: 22px;}
  }
  @media screen and (max-width: 1080px)           {
  .landing .left h1                               {font-size: 42px; margin: 13% 0 0;}
  .landing .left h1 br                            {display: none;}
  .landing .left p                                {max-width: 450px; font-size: 19px; margin: 20px 0 25px;}
  .landing .left .buttons .button                 {font-size: 13px; padding: 11px 18px;}
  .landing .left .buttons .button:first-child     {margin-right: 3px;} 
  .landing .right .tel                            {font-size: 11px; padding-left: 40px; background-size: 32px auto;}
  .landing .right .tel::before                    {width: 42px; background-size: 32px auto;}
  .landing .right .tel a                          {font-size: 20px;}
  .landing .locality-map                          {padding: 5% 0;}
  }
  @media screen and (max-width: 960px)            {
  .landing .wrapper                               {background-size: auto 25em; background-position: center bottom; padding-bottom: 24em;;}
  .landing .left                                  {width: 100%; order: 1; padding: 0 10%; margin-bottom: 50px;; box-sizing: border-box;}
  .landing .left h1                               {width: 100%; text-align: center; font-size: 42px; margin: 0;}
  .landing .left p                                {max-width: 520px; text-align: center; font-size: 17px; margin: 20px auto 25px;}
  .landing .left .buttons                         {justify-content: center;}
  .landing .left .buttons .button                 {font-size: 12px; padding: 10px 16px;border-width: 1px;}
  .landing .left .buttons .button.border          {border-width: 1px;}
  .landing .right                                 {display: flex; width: 100%; order: 0; margin: 20px 0;}
  } 
  @media screen and (max-width: 768px)            {
  .landing .left h1                               {font-size: 34px;}
  .landing .left p                                {font-size: 15px;}
  .landing .left .buttons .button                 {font-size: 11px; padding: 9px 15px;}
  .landing .right .tel                            {font-size: 10px; padding-left: 34px; background-size: 26px auto;}
  .landing .right .tel::before                    {width: 30px; background-size: 26px auto;}
  .landing .right .tel a                          {font-size: 18px;}
  }  
  @media screen and (max-width: 540px)            {
  .landing .left h1                               {font-size: 28px;}
  .landing .left p                                {font-size: 14px;}
  .landing .left .buttons .button                 {font-size: 10px; padding: 8px 13px; border-width: 1px;}
  }
  @media screen and (max-width: 440px)            {
  .landing .left h1                               {font-size: 25px;}
  }                 

.landing-grid                                                           {display: block; width: 100%; padding: 3rem 0;}
.landing-grid .wrapper                                                  {display: flex; flex-wrap: wrap;}
.landing-grid .wrapper > div                                            {display: block; width: 50%; border-top: solid 1px rgba(0,0,0,0.1); padding: 2.5em; box-sizing: border-box; position: relative;}
.landing-grid .wrapper > div > div                                      {display: flex; width: 100%; flex-wrap: wrap; position: relative; box-sizing: border-box;}
.landing-grid h2                                                        {display: block; width: 100%; font-size: 1.6rem; line-height: 1.1em; font-weight: bold; color: #252525; margin-bottom: 0.3em;}
.landing-grid h2 a                                                      {text-decoration: none;}
.landing-grid p                                                         {font-size: 1rem; font-weight: 300; color: #303030; margin-bottom: 0.8em;}
.landing-grid p a                                                       {text-decoration: underline; font-weight: 400;}
.landing-grid p a:hover                                                 {text-decoration: none; color: #0abb7a;}
.landing-grid .wrapper > div > div > div                                {display: block; width: 100%;}
.landing-grid .wrapper > div > div > div > *                            {display: flex; width: 100%; flex-wrap: wrap;}
.landing-grid .cols2 > *                                                {display: block; width: calc(50% - 0.4rem); margin-bottom: 0.8rem; margin-right: 0.8rem;}
.landing-grid .cols2 > *:nth-child(2n+2)                                {margin-right: 0;}
.landing-grid .cols2 > *:nth-last-child(-n+2)                           {margin-bottom: 0;}
.landing-grid .cols3 > *                                                {display: block; width: calc(33.33% - 0.2rem); margin-bottom: 0.3rem; margin-right: 0.3rem;}
.landing-grid .cols3 > *:nth-child(3n+3)                                {margin-right: 0;}
.landing-grid .cols3 > *:nth-last-child(-n+3)                           {margin-bottom: 0;}
.landing-grid .button                                                   {display: flex !important; align-items: center; align-content: center; flex-wrap: wrap; min-width: auto; font-size: 0.8rem; text-align: center; padding: 0.6rem 1rem; box-sizing: border-box;}
.landing-grid .button br                                                {display: none;}
.landing-grid .button img                                               {display: block; width: 1.5rem; margin: 0 auto 0.2rem; -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out;}
.landing-grid .button span                                              {display: block; width: 100%; text-align: center;}
.landing-grid .button.grey                                              {color: #858585; background: rgba(0,0,0,0.03); border: solid 1px rgb(200,200,200);}
.landing-grid .button.grey img                                          {opacity: 0.55;}
.landing-grid .button.grey:hover                                        {color: #5f5f5f; background: rgba(0,0,0,0.07);}
.landing-grid .button.grey:hover img                                    {opacity: 0.6;}
.landing-grid .links a                                                  {display: block; font-size: 0.9rem; color: #15cc98; font-weight: 500; text-decoration: none; padding-left: 0.7em; box-sizing: border-box; position: relative;}
.landing-grid .links a::before                                          {display: block; width: 0.35em; height: 0.65em; background: URL('https://www.srovnani-makleru.cz/css/images/landing-grid/link-bullet.png') no-repeat center center; background-size: 100% 100%; position: absolute; left: 0; top: 0.35em; content: "";}
.landing-grid .links a:hover                                            {text-decoration: underline;}
.landing-grid .grid-text-img                                            {justify-content: space-between; align-items: flex-start;}
.landing-grid .grid-text-img > div                                      {display: flex !important; flex-wrap: wrap; position: relative;}
.landing-grid .grid-text-img > div:first-of-type                        {z-index: 1;}
.landing-grid .grid-text-img img                                        {display: block; width: 35%;}
.landing-grid .grid-text-img .button                                    {width: auto; font-weight: 500;}
.landing-grid #frm-searchForm                                           {width: 15rem; height: 3rem; min-height: auto; background: rgba(0,0,0,0.06); margin: 0; box-sizing: border-box;}
.landing-grid #frm-searchForm #frm-searchForm-search                    {width: 100%; height: 100%; background: none; padding-right: 3rem; border: solid 1px rgba(0,0,0,0.1);}
.landing-grid #frm-searchForm input[type='submit']                      {width: 2rem; height: 100%; background: url('https://www.srovnani-makleru.cz/images/web/blog-icon-search.png') no-repeat center center; background-size: 60% auto;}
  @media screen and (min-width: 960px)                                  {
  .landing-grid .wrapper > div:nth-last-child(-n+2)                     {border-bottom: none; padding-bottom: 0;}
  .landing-grid .wrapper > div:nth-child(odd)                           {padding-left: 0;}
  .landing-grid .wrapper > div:nth-child(even)                          {border-right: none; padding-right: 0;}
  .landing-grid .wrapper > div                                          {width: 50%; border-right: solid 1px rgba(0,0,0,0.1);}
  .landing-grid .wrapper > div:nth-child(-n+2)                          {padding-top: 0; border-top: none;}
  .landing-grid .grid-text-img > div                                    {width: 57% !important;}
  .landing-grid .grid-text-img img                                      {width: 38%;}
  .landing-grid .wrapper > div:nth-child(1) img                         {transform: scale(1.4); transform-origin: center top;}
  .landing-grid .wrapper > div:nth-child(5) img                         {transform: scale(1.4); transform-origin: center top;}
  }
  @media screen and (max-width: 960px)                                  {
  .landing-grid                                                         {padding: 4rem 0;}
  .landing-grid .wrapper > div                                          {width: 100%;}
  .landing-grid .wrapper > div:first-child                              {padding-top: 0; border-top: none;}
  .landing-grid .wrapper > div:last-child                               {border-bottom: none; padding-bottom: 0;}
  .landing-grid h2, .landing-grid p                                     {text-align: center;}
  .landing-grid .wrapper > div > div > div                              {display: flex; justify-content: center;}
  .landing-grid .wrapper > div > div > div > *                          {display: flex; justify-content: center; flex-wrap: wrap;}
  .landing-grid .cols2 > *                                              {width: 100%; max-width: 280px; margin-bottom: 30px; margin-right: 30px;}
  .landing-grid .cols3 > *                                              {width: 100%; max-width: 130px; margin-bottom: 3px !important; margin-right: 3px;}
  .landing-grid .button br                                              {display: none;}
  .landing-grid .grid-text-img                                          {justify-content: center;}
  .landing-grid .grid-text-img > div                                    {width: 100% !important; justify-content: center; order: 1;}
  .landing-grid .grid-text-img img                                      {width: 80%; max-width: 15em; order: 0; margin-bottom: 1.2em;}
  .landing-grid .wrapper > div:nth-child(1) img                         {transform: scale(1.2); transform-origin: center center;}
  .landing-grid .wrapper > div:nth-child(5) img                         {transform: scale(1.3); transform-origin: center center;}
  } 
  @media screen and (max-width: 724px)                                  {
  .landing-grid .links li                                               {display: block; width: 23em; max-width: 100%; margin: 1em 0 0 !important;}                                                 
  }
  @media screen and (max-width: 640px)                                  {
  .landing-grid .button br                                              {display: block;}
  }      

.why .wrapper .item                               {display: block; width: calc(50% - 25px); margin-bottom: 40px;}
.why .wrapper .item:nth-of-type(3),
.why .wrapper .item:nth-of-type(4)                {margin-bottom: 0;}
.why .wrapper .item h3                            {display: block; width: 100%; font-size: 32px; font-weight: 700; color: #13cb89; margin-bottom: 8px;}
.why .wrapper .item p                             {display: block; width: 100%; font-size: 17px; font-weight: 300;}
.why .wrapper .item p a                           {color: #2ab8e6; text-decoration: underline;}
.why .wrapper .item p a:hover                     {color: #1da5d1; text-decoration: none;}
  @media screen and (max-width: 1300px)           {
  .why .wrapper .item                             {width: calc(50% - 20px); margin-bottom: 36px;}
  .why .wrapper .item h3                          {font-size: 28px; margin-bottom: 7px;}
  .why .wrapper .item p                           {font-size: 16px;}
  } 
  @media screen and (max-width: 1080px)           {
  .why .wrapper .item                             {width: calc(50% - 16px); margin-bottom: 32px;}
  .why .wrapper .item h3                          {font-size: 24px; margin-bottom: 6px;}
  .why .wrapper .item p                           {font-size: 15px;}
  } 
  @media screen and (max-width: 768px)            {
  .why .wrapper .item                             {width: calc(50% - 15px); margin-bottom: 26px;}
  .why .wrapper .item h3                          {font-size: 22px;}
  .why .wrapper .item p                           {font-size: 14px;}
  } 
  @media screen and (max-width: 640px)            {
  .why .wrapper .item h3                          {font-size: 18px;}
  .why .wrapper .item p                           {font-size: 13px;}
  }  
  @media screen and (max-width: 540px)            {
  .why .wrapper .item                             {width: 100%; text-align: center; margin-bottom: 32px !important;}
  .why .wrapper .item:last-of-type                {margin-bottom: 0 !important;}
  .why .wrapper .item h3                          {font-size: 22px;}
  .why .wrapper .item p                           {font-size: 14px;}
  }               

/* O PROJEKTU */
.oprojektu                                        {display: block; width: 100%; background: #f2f2f2; /*url('https://www.srovnani-makleru.cz/css/images/gradient-gray-white.jpg') repeat-x center center; background-size: auto 100%;*/ padding: 50px 0;}
.oprojektu .wrapper                               {max-width: 960px; justify-content: center; margin: 0 auto;}
.oprojektu h1                                     {display: block; width: 100%; font-size: 2.5rem; line-height: 1.2em; font-weight: 300; color: #303030; text-align: center; padding-bottom: 1.2em; margin-bottom: 0.2em; background: url('https://www.srovnani-makleru.cz/css/images/oprojektu.png') no-repeat center bottom; background-size: auto 0.9em;}
.oprojektu h1 strong                              {font-weight: 600;}
.oprojektu p                                      {display: block; width: 100%; text-align: center; font-size: 1rem; font-weight: 300;}
.oprojektu p strong                               {font-weight: 600;}
  @media screen and (max-width: 640px)            {
  .oprojektu h1                                   {font-size: 2em;}
  }

.oprojektu-infographic                                  {padding: 0 0 70px;}
.landing-infographic                                    {padding: 70px 0;}
.oprojektu-infographic .wrapper,
.landing-infographic .wrapper                           {justify-content: space-between;}
.oprojektu-infographic .wrapper > div, 
.landing-infographic .wrapper > div                     {display: block; font-size: 22px; box-sizing: border-box;}
.oprojektu-infographic .wrapper > div img,
.landing-infographic .wrapper > div img                 {display: block; width: 3em; margin: 0 auto 1em;}
.oprojektu-infographic .wrapper > div p,
.landing-infographic .wrapper > div p                   {display: block; width: 100%; text-align: center; font-size: 1em; font-weight: 300; color: #303030;}
.oprojektu-infographic .wrapper > div p strong,
.landing-infographic .wrapper > div p strong            {font-weight: 600;}
  @media screen and (max-width: 1200px)                 {
  .oprojektu-infographic .wrapper > div,
  .oprojektu-infographic .wrapper > div                 {font-size: 19px;}
  }
  @media screen and (max-width: 960px)                  {
  .oprojektu-infographic                                {padding: 0 0 60px;}
  .landing-infographic                                  {padding: 60px 0;}
  .oprojektu-infographic .wrapper > div,
  .landing-infographic .wrapper > div                   {font-size: 17px;}
  }
  @media screen and (min-width: 640px)                  {
  .oprojektu-infographic .wrapper > div,
  .landing-infographic .wrapper > div                   {width: 33.33%;}
  .oprojektu-infographic .wrapper > div:nth-child(1),
  .landing-infographic .wrapper > div:nth-child(1)      {padding-right: 4%;}
  .oprojektu-infographic .wrapper > div:nth-child(2),
  .landing-infographic .wrapper > div:nth-child(2)      {padding: 0 4%; border-left: solid 1px rgba(0,0,0,0.1); border-right: solid 1px rgba(0,0,0,0.1);}
  .oprojektu-infographic .wrapper > div:nth-child(3),
  .landing-infographic .wrapper > div:nth-child(3)      {padding-left: 4%;}
  }
  @media screen and (max-width: 640px)                  {
  .oprojektu-infographic                                {padding: 0 0 45px;}
  .landing-infographic                                  {padding: 45px 0;}
  .oprojektu-infographic .wrapper,
  .landing-infographic .wrapper                         {display: block;}
  .oprojektu-infographic .wrapper > div,
  .landing-infographic .wrapper > div                   {width: 100%; font-size: 18px; margin: 0 0 8px; padding: 2em 10%; background: rgba(0,0,0,0.05); box-sizing: border-box;}
  .oprojektu-infographic .wrapper > div:nth-child(3),
  .landing-infographic .wrapper > div:nth-child(3)      {margin-bottom: 0;}
  }
  @media screen and (max-width: 380px)                  {
  .oprojektu-infographic                                {padding: 0 0 35px;}
  .landing-infographic                                  {padding: 35px 0;}
  .oprojektu-infographic .wrapper > div,
  .landing-infographic .wrapper > div                   {font-size: 16px;}
  .oprojektu-infographic .wrapper > div img,
  .landing-infographic .wrapper > div img               {width: 3.5em;}
  }

.big-quote                                              {display: block; width: 100%; text-align: center; font-size: 30px; font-style: italic; font-weight: 600; color: #00192e; padding: 1.5em 0; margin: 60px 0; position: relative; overflow: hidden;}
.big-quote:before                                       {display: block; width: 36em; height: 1em; background: url('https://www.srovnani-makleru.cz/css/images/big-quote-top.png') no-repeat center top; background-size: 100% auto; position: absolute; left: calc(50% - 18em); top: 0; content: "";}
.big-quote:after                                        {display: block; width: 36em; height: 1em; background: url('https://www.srovnani-makleru.cz/css/images/big-quote-bottom.png') no-repeat center bottom; background-size: 100% auto; position: absolute; left: calc(50% - 18em); bottom: 0; content: "";}
  @media screen and (max-width: 1200px)                 {
  .big-quote                                            {font-size: 26px;}  
  }
  @media screen and (max-width: 960px)                  {
  .big-quote                                            {font-size: 22px;}  
  }
  @media screen and (max-width: 768px)                  {
  .big-quote                                            {font-size: 18px; margin: 50px 0;}  
  }
  @media screen and (max-width: 540px)                  {
  .big-quote                                            {font-size: 17px;}  
  }
  @media screen and (max-width: 380px)                  {
  .big-quote                                            {font-size: 15px; margin: 40px 0;}  
  }

.margin-top-0                                           {margin-top: 0 !important;}
.margin-bottom-0                                        {margin-bottom: 0 !important;}
.padding-bottom-0                                       {padding-bottom: 0 !important;}


.empty-element                                  {display: block; width: 1px !important; height: 1px !important; margin: 0 !important; padding: 0 !important;}


.how                                            {background: #f2f2f2; padding-bottom: 3rem;}
.no-background .how                             {background: white;}
.no-padding-bottom .how                         {padding-bottom: 0;}
.how .wrapper                                   {max-width: 1400px;}
.how .wrapper .step                             {width: 25%; justify-content: center; align-items: center; padding: 0 1em; box-sizing: border-box;}
.how .wrapper .step:last-of-type                {margin-bottom: 0;}
.how .wrapper .step .img                        {display: block; width: 320px; box-sizing: border-box; position: relative; width: 100%; padding: 0 10px;}
.how .wrapper .step .img img:nth-child(1)       {display: block; width: 100%; margin-top: 17px;}
.how .wrapper .step .img img:nth-child(2)       {display: block; width: 80px; position: absolute; bottom: -10px; right: calc(50% - 40px);}
.how .wrapper .step .text                       {display: block; margin-top: 1.6em;}
.how .wrapper .step .text h2,
.how .wrapper .step .text h3                    {display: block; width: 100%; font-size: 22px; color: #12ce89; font-weight: 600; margin-bottom: 0.5em; text-align: center;}
.how .wrapper .step .text p                     {display: block; width: 100%; font-size: 19px; font-weight: 300; text-align: center;}
.how .wrapper .step .text p a,
.how .wrapper .step .text p u                   {font-weight: 400;}
  @media screen and (max-width: 1124px)         {
  .how .wrapper                                 {max-width: 768px;}
  .how .wrapper .step                           {margin-bottom: 1.6em; width: 50%;}
  .how .wrapper .step .img img:nth-child(2)     {width: 70px; bottom: -15px; right: calc(50% - 35px);}
 
  .how .wrapper .step .text h2,
  .how .wrapper .step .text h3                  {font-size: 29px;}
  .how .wrapper .step .text p                   {font-size: 18px;}
  }
  @media screen and (min-width: 768px) and (max-width: 1124px){
  .how .wrapper .step:nth-last-of-type(-n+2)    {margin-bottom: 0;}
  }
  @media screen and (max-width: 960px)          {
  .how .wrapper                                 {max-width: 640px;}
  .how .wrapper .step                           {margin-bottom: 30px;}
  .how .wrapper .step .text h2,
  .how .wrapper .step .text h3                  {font-size: 24px;}
  .how .wrapper .step .text p                   {font-size: 16px;}
  }
  @media screen and (max-width: 768px)          {
  .how .wrapper .step                           {display: block; max-width: 480px; margin: 0 auto 65px; width: 100%;}
  .how .wrapper .step .text h2,
  .how .wrapper .step .text h3                  {font-size: 28px;}
  .how .wrapper .step .text p                   {font-size: 17px;}
  }
  @media screen and (max-width: 540px)          {
  .how .wrapper .step .img                      {padding-bottom: 10px;}
  .how .wrapper .step .img img:nth-child(2)     {width: 60px; right: calc(50% - 30px);}
  .how .wrapper .step .text h2,
  .how .wrapper .step .text h3                  {font-size: 24px;}
  .how .wrapper .step .text p                   {font-size: 15px;}
  }

.how-horizontal                                            {background: #fafafa;}
.how-horizontal .wrapper                                   {display: flex; max-width: 1200px; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;}
.how-horizontal .wrapper .step                             {display: block; width: calc(25% - 18px);}
.how-horizontal .wrapper .step .img                        {display: block; width: 200px; padding: 0 0 17px; margin: 0 auto 10px; position: relative; box-sizing: border-box;}
.how-horizontal .wrapper .step .img img                    {display: block;}
.how-horizontal .wrapper .step .img img:nth-child(1)       {width: 100%; height: auto;}
.how-horizontal .wrapper .step .img img:nth-child(2)       {width: 60px; position: absolute; bottom: 0; right: calc(50% - 30px);}
.how-horizontal .wrapper .step .text                       {width: 100%; text-align: center;}
.how-horizontal .wrapper .step .text h2                    {display: block; font-size: 22px; color: #12ce89; font-weight: 600; margin-bottom: 4px;}
.how-horizontal .wrapper .step .text p                     {display: block; font-size: 15px;  font-weight: 300;}
.how-horizontal .wrapper .step .text p a,
.how-horizontal .wrapper .step .text p u                   {font-weight: 400;}
  @media screen and (max-width: 1300px)                    {
  .how-horizontal .wrapper .step                           {width: calc(25% - 14px);}
  .how-horizontal .wrapper .step .img                      {width: 170px; padding: 0 0 15px;}
  .how-horizontal .wrapper .step .img img:nth-child(2)     {width: 54px;  right: calc(50% - 27px);}
  .how-horizontal .wrapper .step .text h2                  {font-size: 20px;}
  .how-horizontal .wrapper .step .text p                   {font-size: 14px;}
  }
  @media screen and (max-width: 1080px)                    {
  .how-horizontal .wrapper .step                           {width: calc(25% - 12px);}
  .how-horizontal .wrapper .step .img                      {width: 150px; padding: 0 0 13px;}
  .how-horizontal .wrapper .step .img img:nth-child(2)     {width: 50px; right: calc(50% - 25px);}
  .how-horizontal .wrapper .step .text h2                  {font-size: 18px;}
  .how-horizontal .wrapper .step .text p                   {font-size: 13px;}
  }
  @media screen and (max-width: 840px)                     {
  .how-horizontal .wrapper .step                           {width: calc(50% - 25px); margin-bottom: 50px;}
  .how-horizontal .wrapper .step:nth-of-type(3),
  .how-horizontal .wrapper .step:nth-of-type(4)            {margin-bottom: 0;}
  .how-horizontal .wrapper .step .img                      {width: 180px; padding: 0 0 15px;}
  .how-horizontal .wrapper .step .img img:nth-child(2)     {width: 60px;  right: calc(50% - 30px);}
  .how-horizontal .wrapper .step .text h2                  {font-size: 20px;}
  .how-horizontal .wrapper .step .text p                   {font-size: 14px;}
  }
  @media screen and (max-width: 768px)                     {
  .how-horizontal .wrapper .step                           {width: calc(50% - 20px); margin-bottom: 40px;}
  .how-horizontal .wrapper .step .img                      {width: 150px; padding: 0 0 13px;}
  .how-horizontal .wrapper .step .img img:nth-child(2)     {width: 50px; right: calc(50% - 25px);}
  .how-horizontal .wrapper .step .text h2                  {font-size: 18px;}
  .how-horizontal .wrapper .step .text p                   {font-size: 13px;}
  }
  @media screen and (max-width: 480px)                     {
  .how-horizontal .wrapper .step                           {width: 100%; margin-bottom: 40px !important;}
  .how-horizontal .wrapper .step:last-of-type              {margin-bottom: 0 !important;}
  .how-horizontal .wrapper .step .text h2                  {font-size: 17px;}
  }  

.sell-types                                                {padding-top: 0;}
.sell-types .wrapper .side                                 {display: flex; width: 48%; justify-content: center; align-items: flex-start; align-content: flex-start; flex-wrap: wrap; background: rgba(0,0,0,0.03); padding: 4% 6%; border: solid 8px transparent; box-sizing: border-box;}
.sell-types .wrapper .side h3                              {display: block; width: 100%; text-align: center; font-size: 25px; color: #303030; font-weight: 700; margin: 0 0 6px; position: relative;}
.sell-types .wrapper .side h3::before                      {display: block; width: 20%; height: 1px; left: 40%; background: rgba(0,0,0,0.2); margin: 25px 0 20px; position: relative; content: "";}
.sell-types .wrapper .side h3:first-of-type::before        {display: none;}
.sell-types .wrapper .side h3 span                         {display: block; position: relative;}
.sell-types .wrapper .side h3 span:before                  {display: inline-block; width: 23px; height: 23px; margin-right: 5px; bottom: -2px; position: relative; background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; content: "";}
.sell-types .wrapper .side p                               {display: block; width: 100%; text-align: center; font-size: 19px; color: #303030; font-weight: 300;}
.sell-types .wrapper .side .button                         {font-size: 14px; text-align: center; margin-top: 30px;}
.sell-types .wrapper .side.s1 h3 span:before               {background-image: URL('https://www.srovnani-makleru.cz/css/images/sell-types-cross.png');}
.sell-types .wrapper .side.s2                              {border-color: #12ce89; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05);}
.sell-types .wrapper .side.s2 h3                           {color: #12ce89;}
.sell-types .wrapper .side.s2 h3 span:before               {background-image: URL('https://www.srovnani-makleru.cz/css/images/sell-types-check.png');}
.sell-types .wrapper .side.s2 p                            {font-weight: 500;} 
  @media screen and (max-width: 1400px)                    {
  .sell-types .wrapper .side h3                            {font-size: 24px; margin: 0 0 5px;}
  .sell-types .wrapper .side h3::before                    {margin: 23px 0 18px;}
  .sell-types .wrapper .side h3 span:before                {width: 22px; height: 22px;}
  .sell-types .wrapper .side p                             {font-size: 17px;}
  .sell-types .wrapper .side .button                       {font-size: 13px; margin-top: 28px;}
  }
  @media screen and (max-width: 1200px)                    {
  .sell-types .wrapper .side                               {width: 49%;}
  }
  @media screen and (max-width: 1080px)                    {
  .sell-types .wrapper .side                               {padding: 4% 5%;}
  }
  @media screen and (max-width: 900px)                     {
  .sell-types .wrapper .side h3                            {font-size: 21px;}
  .sell-types .wrapper .side h3::before                    {margin: 20px 0 15px;}
  .sell-types .wrapper .side h3 span:before                {width: 20px; height: 20px;}
  .sell-types .wrapper .side p                             {font-size: 14px;}
  .sell-types .wrapper .side .button                       {font-size: 11px; margin-top: 25px;}
  }   
  @media screen and (min-width: 540px) and (max-width: 768px){
  .sell-types .wrapper .side h2                            {font-size: 21px; margin-bottom: 25px;} 
  .sell-types .wrapper .side h3                            {font-size: 17px;}
  .sell-types .wrapper .side h3::before                    {margin: 18px 0 13px;}
  .sell-types .wrapper .side h3 span:before                {width: 16px; height: 16px; bottom: -2px;}
  .sell-types .wrapper .side p                             {font-size: 12px;}
  .sell-types .wrapper .side .button                       {font-size: 10px; padding: 10px 15px;}
  }
  @media screen and (max-width: 540px)                     {
  .sell-types .wrapper .side                               {width: 100%; max-width: 350px; margin: 0 auto; padding: 7% 6%;}
  .sell-types .wrapper .side.s1                            {margin-bottom: 30px;}
  .sell-types .wrapper .side h2                            {margin-bottom: 25px;}
  }   


.pre-form                                                 {display: flex; width: 100%; flex-wrap: wrap; background: #083866; box-sizing: border-box; position: relative;}
.pre-form .wrapper                                        {display: flex !important; justify-content: space-between; align-items: center; flex-wrap: wrap; padding: 0 !important;}
.pre-form .wrapper > img                                  {display: block; width: 45%; height: auto; margin: 0; order: 0;}
.pre-form .wrapper .side                                  {display: block; width: 45%; order: 1;} 
.pre-form .wrapper .side h2                               {display: block; width: 100%; text-align: center; font-size: 1.7em !important; line-height: 1.1em; font-weight: bold; color: white; text-transform: uppercase; padding: 0; margin-bottom: 0.4em;}
.pre-form .wrapper .side img                              {display: none;}
.pre-form .wrapper .side p                                {display: block; width: 100%; text-align: center; font-size: 1em; font-weight: 400; color: white; margin: 0;}
.pre-form .wrapper .pre-form-cta                          {display: flex; width: 100%; max-width: 25em; justify-content: space-between; flex-wrap: wrap; margin: 1em auto 0;}            
.pre-form .wrapper .pre-form-cta .input                   {display: block; position: relative;}
.pre-form .wrapper .pre-form-cta .input .placeholder      {display: flex; width: 100%; height: 2.4em; justify-content: center; align-items: center; color: #252525; opacity: 0.5; position: absolute; left: 0; top: 0; cursor: text;}
.pre-form .wrapper .pre-form-cta .input .placeholder.hide {display: none;}
.pre-form .wrapper .pre-form-cta .input .placeholder img  {display: block; width: 0.9em; margin: 0.1em 0.5em 0 0;}
.pre-form .wrapper .pre-form-cta .input input             {display: block; width: 100%; height: 2.4em; font-size: 1em; background: white; border: solid 1px rgba(0,0,0,0.1); padding: 0 0.7em; box-sizing: border-box; font-family: 'Roboto', sans-serif;}
.pre-form .wrapper .pre-form-cta .button                  {display: flex; width: 9em; height: 2.4em; justify-content: center; align-items: center; color: white !important; line-height: 1em; padding: 0; margin: 0; position: relative; box-sizing: border-box;}
  @media screen and (min-width: 961px)                    {
  .pre-form .wrapper .pre-form-cta .input                 {width: calc(100% - 9.2em);}
  }
  @media screen and (max-width: 960px)                    {
  .pre-form .wrapper .pre-form-cta                        {justify-content: center;}
  .pre-form .wrapper .pre-form-cta .input                 {width: 80%;}
  .pre-form .wrapper .pre-form-cta .button                {margin-top: 0.4em;}
  }
  @media screen and (max-width: 768px)                    {
  .pre-form .wrapper                                      {justify-content: center;}
  .pre-form .wrapper > img                                {width: 100%; max-width: 440px; margin: 0 auto 20px;}
  .pre-form .wrapper .side                                {width: 100%;}
  }  
  @media screen and (min-width: 961px)                    {
  .rightSlope .pre-form                                   {background: #f2f2f2; padding: 1.5em;}
  .rightSlope .pre-form:before                            {display: block; width: 100%; height: 11em; background: linear-gradient(to bottom, #0E345A 0%, #10577D 100%);; position: absolute; left: 0; top: 0; z-index: 1; content: "";}
  .rightSlope .pre-form .wrapper                          {width: 100%; justify-content: center; position: relative; z-index: 2;}
  .rightSlope .pre-form .wrapper > img                    {display: none;}
  .rightSlope .pre-form .wrapper > img,
  .rightSlope .pre-form .wrapper .side                    {width: 100%;} 
  .rightSlope .pre-form .wrapper .side h2                 {font-size: 1.4em !important; line-height: 1.35em; padding: 0 1em 65%; background: url('https://www.srovnani-makleru.cz/images/preform-img.png') no-repeat center bottom; background-size: 94% auto; box-sizing: border-box;}
  .rightSlope .pre-form .wrapper .side img                {display: block; width: 80%;}
  .rightSlope .pre-form .wrapper .side p                  {font-size: 1em; line-height: 1.3em; color: #252525; padding: 0 1.5em; margin: 0 0 0.8em; box-sizing: border-box;}
  .rightSlope .pre-form .wrapper .pre-form-cta .input     {width: 100%; margin-bottom: 1em;}
  .rightSlope .pre-form .wrapper .pre-form-cta .button    {width: 100%;}
  }  
  @media screen and (max-width: 960px)                    {
  .advisory .rightSlope .pre-form                         {display: none;}
  }

/*
.pre-form                                                           {display: flex; width: 100%; flex-wrap: wrap; background: #083866; box-sizing: border-box;}
.pre-form .wrapper                                                  {display: flex !important; justify-content: space-between; align-items: center; flex-wrap: wrap; padding: 0 !important;}
.pre-form .wrapper img                                              {display: block; width: 47%; height: auto; margin: 0 auto; order: 0;}
.pre-form .wrapper .side                                            {display: block; width: 47%; order: 1;} 
.pre-form .wrapper .side h2                                         {display: block; width: 100%; text-align: center; font-size: 1.8em !important; line-height: 1.1em; font-weight: bold; color: white; padding: 0; margin-bottom: 0.4em;}
.pre-form .wrapper .side p                                          {display: block; width: 100%; text-align: center; font-size: 1em; font-weight: 300; color: white; margin-bottom: 1em;}
.pre-form .wrapper .button                                          {display: flex; width: 8em; height: 2.4em; justify-content: center; align-items: center; line-height: 1em; padding: 0; margin: 0 auto; position: relative;}
  @media screen and (max-width: 768px)                              {
  .pre-form .wrapper                                                {justify-content: center;}
  .pre-form .wrapper img                                            {width: 100%; max-width: 440px; margin-bottom: 20px;}
  .pre-form .wrapper .side                                          {width: 100%;}
  }  

  @media screen and (min-width: 960px)                              {
  .rightSlope .pre-form                                             {padding: 1em;}
  .rightSlope .pre-form .wrapper                                    {width: 100%; justify-content: center;}
  .rightSlope .pre-form .wrapper img,
  .rightSlope .pre-form .wrapper .side                              {width: 100%;} 
  .rightSlope .pre-form .wrapper .side h2                           {font-size: 1.3em !important;}
  .rightSlope .pre-form .wrapper .side p                            {font-size: 0.9em;}
  }  
  @media screen and (max-width: 960px)                              {
  .advisory .rightSlope .pre-form                                   {display: none;}
  }
*/

.do-you-know                                              {display: block; width: 100%;}
.do-you-know .wrapper                                     {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.do-you-know .wrapper img                                 {display: block; width: 45%; height: auto; order: 0;}
.do-you-know .wrapper .side                               {display: block; width: 50%; order: 1;} 
.do-you-know .wrapper .side ul                            {display: block; width: 100%;}
.do-you-know .wrapper .side ul li                         {display: block; font-size: 19px; font-weight: 300; color: #303030; margin-bottom: 20px; padding-left: 30px; box-sizing: border-box;}
.do-you-know .wrapper .side ul li strong                  {font-weight: 500;}
.do-you-know .wrapper .side ul li::before                 {display: inline-block; width: 30px; color: #1dc98a; font-weight: 800; position: relative; margin-left: -30px; content: "";}
.do-you-know .wrapper .side ul li:nth-child(1)::before    {content: "#1";}
.do-you-know .wrapper .side ul li:nth-child(2)::before    {content: "#2";}
.do-you-know .wrapper .side ul li:nth-child(3)::before    {content: "#3";}
.do-you-know .wrapper .side ul li:nth-child(4)::before    {content: "#4";}
.do-you-know .wrapper .side ul li:nth-child(5)::before    {content: "#5";}
  @media screen and (max-width: 1300px)                   {
  .do-you-know .wrapper img                               {width: 48%;} 
  .do-you-know .wrapper .side ul li                       {font-size: 17px; padding-left: 26px; margin-bottom: 17px;}
  .do-you-know .wrapper .side ul li::before               {width: 26px; margin-left: -26px;}
  }
  @media screen and (max-width: 1080px)                   {
  .do-you-know .wrapper img                               {width: 50%;}
  .do-you-know .wrapper .side ul li                       {font-size: 16px; padding-left: 23px; margin-bottom: 14px;}
  .do-you-know .wrapper .side ul li::before               {width: 23px; margin-left: -23px;}
  }
  @media screen and (max-width: 768px)                    {
  .do-you-know .wrapper                                   {justify-content: center;}
  .do-you-know .wrapper img                               {width: 100%; max-width: 440px; margin-bottom: 20px;}
  .do-you-know .wrapper .side                             {width: 75%; margin: 0 auto;}
  }
  @media screen and (max-width: 640px)                    {
  .do-you-know .wrapper img                               {max-width: 390px;}
  .do-you-know .wrapper .side                             {width: 80%;}
  }  
  @media screen and (max-width: 540px)                    {
  .do-you-know .wrapper img                               {max-width: 360px;}
  .do-you-know .wrapper .side ul li                       {font-size: 15px;}
  }   
  @media screen and (max-width: 380px)                    {
  .do-you-know .wrapper .side                             {width: 90%;}
  .do-you-know .wrapper .side ul li                       {font-size: 14px;}
  }     


.infografika.areaImg                            {background-image: url('/images/oprojektu-areaImg.jpg'); margin-top: 3em;}
.infografika .wrapper                           {display: flex; width: 100%; max-width: 1124px; justify-content: center; align-items: center; flex-wrap: wrap; margin: 0 auto; padding: 0 2rem; box-sizing: border-box;}
.infografika h2                                 {color: white;}
.infografika .hodnota                           {display: flex; justify-content: space-between; align-items: center; padding-right: 2.5rem; margin-right: 2.5rem; border-right: solid 2px rgba(0,0,0,0.4); box-sizing: border-box;}
.infografika .hodnota:last-child                {padding-right: 0; margin-right: 0; border-right: 0;}
.infografika .hodnota img                       {display: block; height: 110px; margin-right: 30px;}
.infografika .hodnota .text                     {display: block; text-align: left;}
.infografika .hodnota .text .cislo              {display: block; font-size: 46px; font-weight: 600; color: white;}
.infografika .hodnota .text .nazev              {display: block; font-size: 22px; font-weight: 500; color: #2ab8e6; line-height: 1.15em;}
  @media screen and (max-width: 1400px)         {
  .infografika .wrapper                         {max-width: 1024px;}
  .infografika .hodnota img                     {height: 95px; margin-right: 26px;}
  .infografika .hodnota .text .cislo            {font-size: 42px;}
  .infografika .hodnota .text .nazev            {font-size: 20px;}
  }
  @media screen and (max-width: 1080px)         {
  .infografika .wrapper                         {max-width: 960px;}
  .infografika .hodnota                         {padding-right: 1.5rem; margin-right: 1.5rem;}
  .infografika .hodnota img                     {height: 85px; margin-right: 20px;}
  .infografika .hodnota .text .cislo            {font-size: 37px;}
  .infografika .hodnota .text .nazev            {font-size: 18px;}
  }
  @media screen and (min-width: 640px) and (max-width: 960px){
  .infografika .hodnota                         {width: 33.33%; justify-content: center; flex-wrap: wrap; padding-right: 0; margin-right: 0; padding: 0 40px;}
  .infografika .hodnota img                     {height: 80px; margin: 0 0 20px;}
  .infografika .hodnota .text                   {width: 100%; text-align: center;}
  }
  @media screen and (max-width: 768px)          {
  .infografika .wrapper                         {padding: 0;}
  .infografika .hodnota                         {width: 180px; padding: 0 25px; border-width: 1px;}
  .infografika .hodnota img                     {height: 70px; margin: 0 0 15px;}
  .infografika .hodnota .text .cislo            {font-size: 32px;}
  .infografika .hodnota .text .nazev            {font-size: 16px;}
  }
  @media screen and (max-width: 640px)          {
  .infografika .hodnota                         {width: 100%; justify-content: center; padding: 0 25px; border: none; margin: 0 0 30px; padding: 0;}
  .infografika .hodnota:last-child              {margin-bottom: 0;}
  .infografika .hodnota img                     {height: auto; width: 90px; margin: 0 30px 0 0;}
  .infografika .hodnota .text                   {width: 110px;}
  .infografika .hodnota .text .cislo            {font-size: 36px;}
  .infografika .hodnota .text .nazev            {font-size: 17px;}
  }

.reference                                      {display: block; background: #1dc98a;}
.reference h2                                   {color: white;}
.reference .swiper-container                    {display: block; width: 100%; padding-bottom: 70px; position: relative;}
.reference .swiper-container:before             {display: block; width: 30%; height: 100%; background: url('/images/reference-gradient1.png') no-repeat center center; background-size: 100% 100%; position: absolute; left: 0; top: 0; content: ""; z-index: 2;}
.reference .swiper-container:after              {display: block; width: 30%; height: 100%; background: url('/images/reference-gradient2.png') no-repeat center center; background-size: 100% 100%; position: absolute; right: 0; top: 0; content: ""; z-index: 2;}
.reference .swiper-slide                        {display: flex; width: 520px; height: auto; align-items: center; flex-wrap: wrap; padding: 25px; box-sizing: border-box; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0;}
.reference .swiper-slide .padding               {display: flex; width: 100%; height: 100%; align-items: center; align-content: center; flex-wrap: wrap; background: white; padding: 2.5rem 2rem; box-sizing: border-box; position: relative;}
.reference .swiper-slide .padding:before        {display: block; width: 70px; height: 70px; background: url('/images/reference-img.png') no-repeat center center; background-size: 100% 100%; position: absolute; left: -25px; top: -25px; content: "";}
.reference .swiper-slide .padding:after         {display: block; width: 100%; height: 20px; background: url('/images/reference-shadow.png') no-repeat center center; background-size: 100% 100%; position: absolute; left: 0px; bottom: -20px; content: "";}
.reference .swiper-slide p                      {display: block; width: 100%; width: 100%; font-size: 16px; font-style: italic; font-weight: 400;}     
.reference .swiper-slide p.text                 {text-align: left; color: #13314d; margin-bottom: 25px;}
.reference .swiper-slide .author                {display: flex; width: 100%; justify-content: flex-end;}
.reference .swiper-slide p.jmeno                {max-width: 10em; text-align: right; color: #1dc98a;}
.reference .swiper-slide .author                {display: flex; width: 100%; justify-content: flex-end;}
.reference .swiper-slide .author img            {display: block; width: 42px; height: 42px; background: rgb(230,230,230); border-radius: 100%; overflow: hidden; margin: 0 10px 0 0;}  
.reference .swiper-slide .author > div          {display: block;}
.reference .swiper-slide .author > div .jmeno   {text-align: left;} 
.reference .swiper-slide .author > div .place   {display: block;} 
.reference .swiper-button-prev,
.reference .swiper-button-next                  {display: block; position: absolute; top: calc(50% - 50px); width: 18px; height: 34px; z-index: 3;}                                  
.reference .swiper-button-prev                  {left: calc(50% - 270px); background: url('/images/reference-arrow1.png') no-repeat center top; background-size: 100% 200%;}
.reference .swiper-button-next                  {right: calc(50% - 270px); background: url('/images/reference-arrow2.png') no-repeat center top; background-size: 100% 200%;}
.swiper-button-prev:hover, .swiper-button-next:hover
                                                {background-position: center bottom; cursor: pointer;} 
.reference .swiper-pagination                   {position: absolute; bottom: 0; text-align: center; z-index: 10;}
.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction                     {bottom: 15px; left: 0; width: 100%;}
.swiper-pagination-bullet                       {display: inline-block; width: 20px; height: 20px; background: url('/images/reference-controls.png') no-repeat center top; background-size: 100% auto; cursor: pointer;}
.swiper-pagination-bullet:hover,
.swiper-pagination-bullet-active                {background-position: center bottom;}
  @media screen and (max-width: 1280px)         {
  .reference .swiper-container:before,
  .reference .swiper-container:after            {width: 20%;}
  }  
  @media screen and (max-width: 960px)          {
  .reference .swiper-container:before,
  .reference .swiper-container:after            {width: 16%;}
  }  
  @media screen and (max-width: 768px)          {
  .reference .swiper-container:before,
  .reference .swiper-container:after            {display: none;}
  .reference .swiper-slide                      {width: calc(100% - 20px); padding: 25px; margin: 0 10px;}
  .reference .swiper-slide .padding:before      {display: block; width: 60px; height: 60px;}
  .reference .swiper-slide p                    {font-size: 15px;} 
  .reference .swiper-button-prev                {left: 0px;}
  .reference .swiper-button-next                {right: 0px;}
  }
  @media screen and (max-width: 480px)          {
  .reference .swiper-slide p                    {font-size: 14px;} 
  }
       
.videos                                         {background: #e7e7e7;}
.videos .wrapper                                {justify-content: space-between; flex-wrap: wrap;}
.videos .video                                  {display: block; width: 48%; height: auto;}
.videos .video iframe                           {display: block; width: 100%; height: 17rem; background: black;}

  @media screen and (max-width: 820px)            {
  .how .steps img                               {width: 60px; margin: 0 auto 10px;}
  .how .steps .line                             {display: none;}
  .how .steps .text                             {display: block; width: auto; max-width: 320px; position: relative; margin: 5px auto;}  
  .how .steps .text p.title                     {font-size: 26px;}
  .how .steps .text p                           {text-align: center; font-size: 17px;}
  .how .steps .text.t1, .how .steps .text.t2,                                                     
  .how .steps .text.t3, .how .steps .text.t4    {left: 0; top: 0;}
  .videos .video                                {width: 100%;}
  .videos .video:first-child                    {margin-bottom: 2rem;}
  .videos .video iframe                         {height: 16rem;}
  }

/* REALITNĂŤ PARADNA */
.advisory .search                               {display: block; width: 100%; padding: 3rem 0; background: #15cc89;}
.advisory .search .heading1                     {margin-bottom: 0.5rem; color: white;}
.advisory .search ul                            {display: block; width: 100%;
                                                 -moz-column-count: 4; -moz-column-gap: 20px;
                                                 -webkit-column-count: 4; -webkit-column-gap: 20px;
                                                 column-count: 4; column-gap: 20px;}
.advisory .search ul li                         {padding: 5px 0px 5px 20px; color: white; font-size: 18px; font-weight: 300;}
.advisory .search ul li:before                  {display: inline-block; width: 16px; height: 1em; margin-left: -16px; background: url('https://www.srovnani-makleru.cz/css/images/bullet-arrow.png') no-repeat left top 0.25em; background-size: auto 70%; content: "";}
.advisory .search ul li a                       {color: white; text-decoration: none; font-weight: 400;}                                                 
.advisory .search ul li a:hover                 {text-decoration: underline;}    

.advisory header a                              {color: #303030; text-decoration: none;}
.advisory header a:hover                        {text-decoration: underline;}
.advisory .areaImg.head a                       {color: white;}

@media screen and (max-width: 1080px)         {                                                 
    .advisory .search                             {padding: 2rem 0;}
    .advisory .search ul                          {-moz-column-count: 3; -webkit-column-count: 3; column-count: 3;}
}                                                                                              
@media screen and (max-width: 720px)          {                                                 
    .advisory .search h2                          {font-size: 20px;}
    .advisory .search ul                          {-moz-column-count: 2; -webkit-column-count: 2; column-count: 2;}
}                                                    
@media screen and (max-width: 580px)          {                                                 
    .advisory .search ul                          {-moz-column-count: 1; -webkit-column-count: 1; column-count: 1;}
}                                                 

.advisory .main                                 {display: block; width: 100%; background: white;}                                                 
.advisory .main article                         {display: block; width: 100%; padding: 20px; background: #e7e7e7; box-sizing: border-box; margin-bottom: 15px;}                                                 
.advisory .main article:last-of-type            {margin-bottom: 0;}
.advisory .main article header                  {display: flex; width: 100%; justify-content: space-between; margin-bottom: 10px;}
.advisory .main article header h3 a,
.advisory .main article header h3               {display: block; color: #303030; font-size: 24px; font-weight: 500; margin-right: 25px;}                                                                                                  
.advisory .main article header h3 a:hover       {text-decoration: underline;}
.advisory .main article .info                   {display: block; font-size: 16px; font-weight: 300; padding: 5px 0;}
.advisory .main article .info a                 {display: inline-block; color: #818181; padding-left: 30px; margin-right: 20px; text-decoration: underline; background: url('/images/web/blog-icon-megaphone.png') no-repeat left center; background-size: auto 100%;}
.advisory .main article .info p                 {display: inline-block; color: #818181; padding-left: 30px; background: url('/images/web/blog-icon-calendar.png') no-repeat left center; background-size: auto 100%;}
.advisory .main article .info a:hover           {text-decoration: none;}
.advisory .main article .text                 {display: block; width: 100%; font-size: 18px; line-height: 1.4em; font-weight: 300; color: #595959; text-align: justify;}                                                 
.advisory .main article footer                  {display: flex; width: 100%; justify-content: space-between; align-items: center; margin-top: 10px;}                                                 
.advisory .main article footer .answers         {display: inline-block; font-size: 16px; color: #818181; padding-left: 30px; margin-right: 20px; text-decoration: none; background: url('/images/web/advisory-icon-answers.png') no-repeat left center; background-size: auto 22px;}                                                 
.advisory .main article footer .button          {font-size: 12px; padding: 6px 12px;}     
@media screen and (max-width: 1080px)         {
    .advisory .main article header                {display: block;}
    .advisory .main article .text                 {font-size: 16px;}
}
@media screen and (max-width: 640px)          {
    .advisory .main article footer                {display: block;}
    .advisory .main article footer .answers       {width: 100%;}
    .advisory .main article footer .button        {margin-top: 20px; float: right;}
}

.advisory .main.detail article.first            {background: #15cc89; margin-bottom: 35px;}
.advisory .main.detail article.first h3,
.advisory .main.detail article.first .info p,
.advisory .main.detail article.first .text      {color: white; font-weight: 400;}
.advisory .main.detail article.first .info p    {background-image: url('/images/web/advisory-icon-calendar-white.png');}
.advisory .main.detail article.answer footer    {display: flex; justify-content: flex-end;}
.advisory .main.detail article.answer .info a  {background-image: url('/images/web/advisory-icon-user.png');}
p .broker-icon   {background-image: url('/images/web/advisory-icon-user.png') !important;}
.advisory .main.detail article.first p          {color: white; margin-bottom: 10px;}

/* UI ObecnÄ› */
.profile-bar                                    {display: block; width: 100%; height: auto; background: #e7e7e7; border-bottom: solid 1px #cecece; position: fixed; left: 0; top: 96px; z-index: 101;}
.profile-bar .wrapper                           {height: 100%; justify-content: space-between; align-items: center;}
.profile-bar .profile                           {display: flex; align-items: center; width: auto; height: 100%; padding-right: 25px; border-right: solid 1px #cecece;}
.profile-bar .profile img                       {display: block; width: 48px; height: 48px; margin-right: 10px; border-radius: 100%; border: solid 1px #cecece; -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out;}
.profile-bar .profile p                         {display: block; font-size: 20px; color: #595959; font-weight: 500;}
.profile-bar nav                                {display: flex; height: 64px; justify-content: flex-end; -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out;}
.profile-bar nav a                              {text-decoration: none; display: flex; height: 100%; align-items: center; padding: 0 20px; color: #818181; text-transform: uppercase; font-size: 14px; border-left: solid 1px #dedede; border-right: solid 1px #dedede; -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out;}
.profile-bar nav a:hover                        {color: #15cc89; text-decoration: underline;}
.profile-bar nav a.active                       {color: white !important; background: #15cc89; text-decoration: underline;}
  @media screen and (max-width: 1300px)         { 
  .profile-bar .profile                         {padding-right: 18px;}
  .profile-bar .profile img                     {width: 40px; height: 40px;}
  .profile-bar .profile p                       {font-size: 16px;}
  .profile-bar nav                              {height: 54px;}
  .profile-bar nav a                            {font-size: 12px; padding: 0 15px;}  
  }
  @media screen and (min-width: 1080px)         { 
  .profile-bar.scroll .profile img              {width: 36px; height: 36px;}
  .profile-bar.scroll nav                       {height: 40px;}
  }
  @media screen and (max-width: 1080px)         {
  .profile-bar                                  {position: relative; left: auto; top: auto;}
  .profile-bar .wrapper                         {height: auto; justify-content: flex-start; padding: 10px 0;}
  .profile-bar .profile                         {width: 100%; height: 54px; border-right: none;}
  .profile-bar nav                              {height: auto; padding: 0;}
  .profile-bar nav a                            {display: block; height: auto; padding: 0; margin-right: 11px; border: none; font-size: 11px;}
  .profile-bar nav a:hover,                     
  .profile-bar nav h1 a                         {background: none; color: #15cc89 !important;}
  } 

.ui.new .navigation                                 {background: #f3f3f3;}

.ui .main .top-info                                 {display: block; width: 100%; padding: 8px 0 8px 50px; color: #595959; font-size: 18px; font-weight: 300; margin-bottom: 20px; background: url('/images/web/ui-icon-info.png') no-repeat left center; background-size: auto 36px;}
.ui .main .top-info a                               {color: #2ab8e6; text-decoration: underline;}
.ui .main .top-info a:hover                         {text-decoration: none;}
.navigation2,
.ui .main nav                                       {display: flex; width: auto; height: auto; font-size: 16px;}
.ui .main nav a,
/*.ui .main a.filter                              {display: flex; height: 64px; align-items: center; padding: 0 20px; color: #818181; text-transform: uppercase; font-size: 14px; border-right: solid 1px #dedede; -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out;}
.ui .main a.filter                              {width: 150px; padding-left: 50px; text-align: center; background: url('/images/web/ui-icon-filter.png') no-repeat left 20px center; background-size: auto 20px; border: solid 1px #dedede; border-bottom: none; box-sizing: border-box;}
*/
.ui .main nav a:hover,
.ui .main a.filter:hover                        {color: #15cc89; text-decoration: none;}
.ui .main nav a.active                          {color: white !important; background: #15cc89;}
.ui .main nav a                                 {border-top: 1px solid #e7e7e7;}
.ui .main nav a:first-child                     {border-left: 1px solid #e7e7e7;}

/* UI ObecnÄ› */
.section .infoRow .wrapper                      {justify-content: center;}
.ui .main .info, .section .infoRow p            {display: block; padding: 8px 0 8px 50px; color: #595959; font-size: 18px; font-weight: 300; margin-bottom: 20px; margin-left: 0 !important; background: url('/images/web/ui-icon-info.png') no-repeat left center; background-size: auto 36px;}
.ui .main .info a                               {color: #2ab8e6; text-decoration: underline;}
.ui .main .info a:hover                         {text-decoration: none;}
.ui .main nav                                   {display: flex; width: auto; height: auto; font-size: 16px;}
.navigation2 a,
.ui .main nav a,
.ui .main a.filter                              {display: flex; height: 64px; align-items: center; padding: 0 20px; color: #818181; text-transform: uppercase; font-size: 14px; border-right: solid 1px #dedede; -webkit-transition: .15s ease-in-out; transition: .15s ease-in-out;}
.ui .main a.filter                              {width: 150px; padding-left: 50px; text-align: center; background: url('/images/web/ui-icon-filter.png') no-repeat left 20px center; 
                                                 background-size: auto 20px; border: solid 1px #dedede; border-bottom: none;  box-sizing: border-box;}
.navigation2 a:hover,
.ui .main nav a:hover, .ui .main a.filter:hover {color: #15cc89;}
.navigation2 a.active,
.ui .main nav a.active                          {color: white !important; background: #15cc89;}

.section.broker-reference .infoRow p            {margin-left: 120px; margin-right: 110px;}

  @media screen and (max-width: 1300px)         { 
  .navigation2 a,
  .ui .main nav a                               {height: 46px; font-size: 11px; padding: 0 10px;}
  .ui .main a.filter                            {height: 46px; font-size: 11px; width: 130px;}
  .ui .main nav #searchForm                     {margin: 1px;}
  }
  @media screen and (max-width: 1080px)         {
  .ui .main .info                               {font-size: 16px;}
  .section .infoRow p                           {font-size: 16px;}
  }
  @media screen and (max-width: 740px)          {
  .navigation2 a,
  .ui .main nav a                               {display: flex; height: 40px; padding: 0; margin-right: 11px; border: none; font-size: 11px; border: none !important;}
  .ui .main nav a:hover,
  .ui .main nav a.active                        {background: none; color: #15cc89 !important;}
  .ui .main a.filter                            {height: 40px; border-left: none; width: auto; padding-right: 0;}    
  .ui .main table tbody tr                      {width: 100%; margin-bottom: 10px; padding: 12px;}
  .ui .main .info                               {padding: 50px 0 0;  font-size: 15px; text-align: center; background-position: center top;}
  }
  @media screen and (max-width: 1300px)         { 
  .navigation2 a,
  .ui .main nav a                               {height: 46px; font-size: 11px; padding: 0 10px;}
  .ui .main a.filter                            {height: 46px; font-size: 11px; width: 130px;}
  }
  @media screen and (max-width: 1080px)         {
  .ui .main .top-info                           {font-size: 16px;}
  }
  @media screen and (max-width: 768px)          {
  #snippet--realEstatesNav form                 {width: 210px;}
  }
  @media screen and (max-width: 740px)          {
  .navigation2 a,
  .ui .main nav a                               {display: flex; height: 40px; padding: 0; margin-right: 11px; border: none; font-size: 11px; border: none !important;}
  .ui .main nav a:hover,
  .ui .main nav a.active                        {background: none; color: #15cc89 !important;}
  .ui .main a.filter                            {height: 40px; border-left: none; width: auto; padding-right: 0;}    
  .ui .main table tbody tr                      {width: 100%; margin-bottom: 10px; padding: 12px;}
  .ui .main .top-info                           {padding: 50px 0 0 !important; font-size: 15px; text-align: center; background-position: center top;}
  }
  @media screen and (max-width: 724px)          {
  .ui .main table tbody tr                      {padding: 12px 0;}
  }
  @media screen and (max-width: 680px)          {
  #snippet--realEstatesNav                      {display: flex; width: 100%; justify-content: center;}
  .navigation2,
  .ui .main nav                                 {display: block; width: 260px; margin: 0 calc(50% - 130px) 20px;}
  .navigation2 a,
  .ui .main nav a                               {display: flex; width: 100%; justify-content: center; height: auto; padding: 4px 0; margin-right: 0px; font-size: 12px;}
  .ui .main a.filter                            {height: 40px; width: 140px; margin: 10px auto;}
  }

/* UI HlavnĂ­ strana */  
.ui .main                                       {/*background: #f3f3f3; */padding: 100px 0 40px;}
.ui.customer-default .main,
.ui.customer-profile .main                      {padding-top: 35px;}
.ui .main .wrapper                              {justify-content: space-between;}
.ui .main .box                                  {display: flex; width: calc(100% - 420px); align-content: flex-start; flex-wrap: wrap; background: white; position: relative; border: solid 1px #dbdbdb; margin-bottom: 30px; padding: 20px; box-sizing: border-box;}
.ui .main .box.right                            {width: 410px;}
.ui .main .box header                           {display: flex; width: 100%; justify-content: space-between; align-items: flex-start; /*margin-bottom: 35px; */flex-wrap: wrap;}  
.ui .main .box header h2                        {display: block; font-size: 18px; color: #15cc89; font-weight: 600; padding: 2px 0 2px 38px;}  
.ui .main .box header a                         {display: inline-block; font-size: 13px; color: #595959; text-decoration: underline;}
.ui .main .box header a:hover                   {text-decoration: none;}
.ui .main .box.infographics h2                  {background: url('/images/web/ui-icon-time.png') no-repeat left center; background-size: 24px auto;}
.ui .main .box.barometr h2                      {background: url('/images/web/ui-icon-barometr.png') no-repeat left center; background-size: 24px auto;}                   
.ui .main .news h2                          {background: url('/images/web/ui-icon-book.png') no-repeat left center; background-size: 24px auto;}  
.ui .main .box.rating h2                        {background: url('/images/web/ui-icon-star.png') no-repeat left center; background-size: 24px auto;}  
.ui .main .box.stats h2                         {background: url('/images/web/ui-icon-chart.png') no-repeat left center; background-size: 24px auto;}  
.ui .main .box.vip h2                           {background: url('/images/web/ui-icon-vip.png') no-repeat left center; background-size: 24px auto;}  
.ui .main .box.infographics .col                {display: block; width: 33.33%; padding: 10px 0; border-right: solid 1px #e8e8e8; text-align: center; box-sizing: border-box;}  
.ui .main .box.infographics .col.last           {border-right: none;}    
.ui .main .box.infographics .col img            {display: block; width: auto; height: 40px; margin: 0 auto 20px;}  
.ui .main .box.infographics .col p              {font-size: 15px; font-weight: 500; color: #818181;}
.ui .main .box.infographics .col p.num          {font-size: 22px; font-weight: 600; color: #15cc89;}
/*
.ui .main .box.barometr .chart                          {display: block; width: 100%; height: auto; margin-bottom: 20px; position: relative;}
.ui .main .box.barometr .chart .circle                  {display: flex; width: 70px; height: 70px; justify-content: center; align-items: center; border-radius: 100%; font-size: 22px; font-weight: 600; color: white; position: relative; z-index: 2;}
.ui .main .box.barometr .chart .line                    {display: block; width: calc(100% - 50px); height: 32px; position: absolute; right: 0; top: 19px; border-radius: 18px; padding: 10px 10px 10px 25px; box-sizing: border-box;}
.ui .main .box.barometr .chart .bg-bar                  {display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.2); border-radius: 8px; overflow: hidden; position: relative;}  
.ui .main .box.barometr .chart .white-bar               {display: block; width: 100%; height: 100%; background: white; border-radius: 7px; position: absolute; top: 0; left: -100%;}
.ui .main .box.barometr .chart .text                    {display: block; width: 100%; text-align: center; font-size: 20px; font-weight: 600; text-transform: uppercase; margin-top: 25px;}
.ui .main .box.barometr .chart.red .circle,
.ui .main .box.barometr .chart.red .line                {background: #eb4747;}
.ui .main .box.barometr .chart.red.successfull .circle,
.ui .main .box.barometr .chart.red.successfull .line    {background: #15cc89;}
.ui .main .box.barometr .chart.red .text                {color: #eb4747;}
.ui .main .box.barometr .chart.red.successfull .text    {color: #15cc89;}
*/
.ui .main .box.barometr                     {display: flex; align-items: center;}
.ui .main .box.barometr p                   {display: block; width: 100%; font-size: 16px; color: #595959; font-weight: 300;}
.ui .main .box.barometr .button             {font-size: 14px; padding: 10px 12px; margin: 15px 15px 15px 0; font-weight: 400; font-style: normal;}
.ui .main .box.barometr a                   {font-size: 15px; color: #595959; font-weight: 300; font-style: italic;}
.ui .main .box.barometr a:hover             {text-decoration: none; color: black;}
.ui .main .box.barometr p.green-text        {font-size: 14px; color: #15cc89; font-weight: 500; font-style: italic;}

.ui .main .news .articles                   {display: block; width: 100%;}
.ui .main .news article                     {display: flex; width: 100%; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; border-bottom: solid 1px #e8e8e8; margin-top: 20px; padding-bottom: 20px;}
.ui .main .news article:first-child         {margin-top: 0;}
.ui .main .news article:last-child          {padding-bottom: 0; border-bottom: none;}
.ui .main .news article .text               {display: block; width: calc(100% - 120px);}
.ui .main .news article .text h3            {display: block; width: 100%; font-size: 18px; font-weight: 500; color: #595959; margin-bottom: 10px;}
.ui .main .news article .text p             {display: block; width: 100%;  font-size: 18px; font-weight: 300; color: #595959;}
.ui .main .news article .button             {display: block; width: 90px; padding: 5px 0; text-align: center; font-size: 12px;}
.ui .main .box.rating table                     {width: 100%; padding: 0 10px; box-sizing: border-box;}
.ui .main .box.rating table tr td               {color: #4b4b4b; vertical-align: middle; padding: 6px 0;}
.ui .main .box.rating table tr td:first-child   {font-size: 16px; font-weight: 500;}
.ui .main .box.rating table tr td:last-child    {font-size: 20px; font-weight: 600; text-align: right; padding-right: 12px;}
.ui .main .box.rating table tr:first-child td   {padding-top: 0;}
.ui .main .box.rating table tr:last-child td    {font-size: 20px; font-weight: 600; padding-top: 30px; padding-right: 0px;}
.ui .main .box.rating table tr td.total span    {padding: 10px 12px; color: white; border-radius: 3px;}
.ui .main .box.rating table tr td.total.orange span {background: #ec7a2d;}
.ui .main .box.stats .col                       {display: block; width: 33.33%; padding: 10px 0; border-right: solid 1px #e8e8e8; text-align: center; box-sizing: border-box;}  
.ui .main .box.stats .col.last                  {border-right: none;}      
.ui .main .box.stats .col p                     {font-size: 15px; font-weight: 500; color: #818181;}
.ui .main .box.stats .col p.num                 {font-size: 22px; font-weight: 600; color: #15cc89;}
.ui .main .box.vip header h2 span               {color: white; font-weight: 300; padding: 5px 8px; background: #eb4747; border-radius: 3px; font-size: 14px; margin-left: 8px;}
.ui .main .box.vip .button                      {width: 100%; padding: 15px 0; text-align: center; font-size: 24px;}
.ui .main .top-info                             {position: relative; padding-right: 200px;}
.ui .main .top-info a.view-profile              {font-size: 14px; padding: 10px 12px; position: absolute; right: 0; top: 0;}
@media screen and (max-width: 1200px)             {
    .ui .main                                     {padding: 90px 0 40px;}
    .ui.customer-default .main,
    .ui.customer-profile .main                    {padding-top: 30px;}
    .ui .main .box, .ui .main .box.right          {width: 100%;}
    .ui .main .box.news article .text h3,         
    .ui .main .box.news article .text p           {font-size: 16px;}
    .ui .main .box.rating table                   {padding: 0;}
    .ui .main .box.rating table tr td:first-child {font-size: 13px;}
    .ui .main .box.rating table tr td:last-child  {font-size: 16px; padding-right: 7px;}
    .ui .main .box.rating table tr td.total span  {padding: 6px 7px;}
    .ui .main .top-info                           {margin-bottom: 70px;}
    .ui .main .top-info a.view-profile            {right: calc(50% - 105px); top: auto; bottom: -50px;}
}
@media screen and (max-width: 1080px)             {
    .ui .main                                     {padding: 40px 0;}
    .ui.customer-default .main,
    .ui.customer-profile .main                    {padding-top: 20px;}
}    
@media screen and (min-width: 900px) and (max-width: 1200px){
    .ui .main .box.news                           {width: calc(100% - 290px);}
    .ui .main .box.rating                         {width: 280px;}
}
@media screen and (max-width: 768px)              {
    .ui .main .box.infographics .col              {display: block; width: 100%; padding: 10px 0; border-right: none; border-bottom: solid 1px #e8e8e8;}  
    .ui .main .box.infographics .col a            {display: flex; width: 100%; align-items: center;}
    .ui .main .box.infographics .col.last         {border-bottom: none;}    
    .ui .main .box.infographics .col img          {width: 30px; height: auto; margin: 0 20px 0 0;}  
    .ui .main .box.infographics .col p            {width: calc(100% - 30px - 60px); text-align: left;}
    .ui .main .box.infographics .col p.num        {width: 50px; text-align: right;}
    .ui .main .box.news article .text             {width: 100%;}
    .ui .main .box.news article .button           {margin-top: 10px;}
    .ui .main .box.stats .col                     {display: flex; width: 100%; align-items: center;padding: 10px 0; border-right: none; border-bottom: solid 1px #e8e8e8;}  
    .ui .main .box.stats .col.last                {border-bottom: none;}      
    .ui .main .box.stats .col p                   {width: calc(100% - 60px); text-align: left;}
    .ui .main .box.stats .col p.num               {width: 50px; text-align: right;}
  }
  @media screen and (max-width: 600px)            {  
    .ui .main .box.vip header h2 span             {display: block; position: absolute; top: 54px; left: 50px;}  
    .ui .main .box.vip .button                    {margin-top: 30px;}
  }  
  @media screen and (max-width: 440px)            {  
  .ui .main .box.barometr                         {display: block;}
  .ui .main .box.barometr .button                 {display: inline-block; margin: 15px 0;}
  .ui .main .box.barometr a                       {display: block; font-size: 14px; margin-bottom: 15px;}
  .ui .main .box.barometr p.green-text            {font-size: 13px;}
  }

.presenter-realestates                            {padding-top: 0 !important;}
.presenter-realestates .main-aside .wrapper       {width: 100%; margin: 0 !important;}
  @media screen and (max-width: 960px)            {
  .presenter-realestates .main-aside aside        {margin-top: 0 !important;}
  }

/* UI tables */  
/*.ui.demands .main                               {background: white;}  
.ui.demands .main .wrapper                      {padding-bottom: 0;}
.ui.demands .main .wrapper:first-child          {border: solid 1px #dbdbdb;}*/

.ui table.big-demands-table.border {border: solid 1px #dbdbdb;}
.ui table.big-demands-table                         {width: 100%; /*border-top: solid 1px #dbdbdb;*/}
.ui table.big-demands-table                  {border-top: solid 1px #dbdbdb;}
.ui table.big-demands-table td,
.ui table.big-demands-table th                      {padding: 10px 5px; text-align: left; border-bottom: 1px solid #dbdbdb;}
.ui table.big-demands-table tr td:first-child,
.ui table.big-demands-table th:first-child          {padding-left: 10px;}
.ui table.big-demands-table tr td:last-child,
.ui table.big-demands-table th:last-child           {padding-right: 10px;;}
.ui table.big-demands-table td:nth-child(n+8)       {text-align: center;}
.ui table.big-demands-table thead th                {font-size: 12px; background: #f3f3f3; color: #818181; text-transform: uppercase; font-weight: 500;}
.ui table.big-demands-table td                      {font-size: 13px; color: #595959;}
.ui table.big-demands-table td a                    {display: flex; height: 100%; align-items: center; color: #2ab8e6; text-decoration: underline;}
.ui table.big-demands-table td a:hover              {text-decoration: none;}
.ui table.big-demands-table thead th                  {background: #F3F3F3;}
@media screen and (max-width: 1300px)         { 
    .ui table.big-demands-table                       {display: block; background: #f3f3f3; padding: 10px; box-sizing: border-box; }
    .ui table.big-demands-table thead                 {position: absolute; left: -9999px;}
    .ui table.big-demands-table tbody                 {display: flex; justify-content: space-between; flex-wrap: wrap;}
    .ui table.big-demands-table tbody tr              {display: block; width: calc(33.33% - 6px); margin-bottom: 12px; background: white; padding: 15px; border: solid 1px #dbdbdb; box-sizing: border-box;}
    .ui table.big-demands-table tbody tr td           {display: block; width: calc(100% - 110px); padding: 3px 0 !important; margin-left: 110px; text-align: left !important;}
    .ui table.big-demands-table tbody tr td a         {display: inline-block;}
    .ui table.big-demands-table tbody tr td:before    {display: inline-block; width: 110px; margin-left: -110px; color: #929292; font-weight: 300;}
    .ui table.big-demands-table tbody tr td:nth-child(1):before  {content: "ÄŚĂ­slo";}
    .ui table.big-demands-table tbody tr td:nth-child(2):before  {content: "Datum";}
    .ui table.big-demands-table tbody tr td:nth-child(3):before  {content: "Jméno";}
    .ui table.big-demands-table tbody tr td:nth-child(4):before  {content: "Typ zakázky";}  
    .ui table.big-demands-table tbody tr td:nth-child(5):before  {content: "Tym nemovitosti";}
    .ui table.big-demands-table tbody tr td:nth-child(6):before  {content: "Kraj";}
    .ui table.big-demands-table tbody tr td:nth-child(7):before  {content: "Cena";}
    .ui table.big-demands-table tbody tr td:nth-child(8):before  {content: "AktivnĂ­";}
    .ui table.big-demands-table tbody tr td:nth-child(9):before  {content: "NabĂ­dky";}
    .ui table.big-demands-table tbody tr td:nth-child(10):before {content: "Zhlédnutí";}
    .ui table.big-demands-table tbody tr td:nth-child(11):before {content: "Kontakty";}
    .ui table.big-demands-table tbody tr td:nth-child(12):before {content: "Pořadí";}
    .ui table.big-demands-table tbody tr td:nth-child(13):before {content: "Reakce";}
}
@media screen and (max-width: 1080px)         {
    .ui table.big-demands-table tbody tr      {width: calc(50% - 4px); margin-bottom: 12px; padding: 20px;}
}
@media screen and (max-width: 740px)          {
    .ui .wrapper:first-child                  {border: none;}
    .ui table tbody tr                        {width: 100%; margin-bottom: 6px; /* padding: 20px */; box-sizing: border-box;}
}
@media screen and (max-width: 640px)          {
    .ui table.big-demands-table tbody tr      {width: 100%; padding: 15px;}
}

/* UI Poptávka */
.ui .left-box, .ui .right-box {background: #e7e7e7; padding: 20px; box-sizing: border-box;}
.ui .left-box {width: calc(100% - 560px);}
.ui .right-box {width: 550px;}
.ui .right-box {padding: 20px;}
.ui .right-box header h2, .ui .left-box header h2               {padding-left: 0; color: #303030; background: none;}
.ui .left-box table, .ui .right-box table , .ui .full-box table, .reg-form .left-box table  {width: 100%; border-bottom: solid 1px #c7c7c7; padding-bottom: 30px; margin-bottom: 30px;}
.ui table.demand-table td                {color: #4b4b4b; padding: 5px 0; font-size: 16px;}
.ui table.demand-table tr td   {width: 200px;}
.ui .right-box textarea             {width: calc(100% - 220px); height: 100px;}
.ui .right-box label             {width: 200px; font-size: 16px; font-weight: 500; color: #4b4b4b;}
.ui .right-box form .button                   { margin-left: 200px;}

@media screen and (max-width: 1200px)         {
    .ui .left-box                       {width: calc(100% - 350px);}
    .ui .right-box                   {width: 340px;}
    .ui .right-box label              {width: 100%; margin-right: 0; margin-bottom: 5px;}
    .ui .right-box input, .ui .right-box select, .ui .right-box textarea {width: 100%;}
    .ui .right-box .button                 {width: 100%; margin-left: 0px;}
}
@media screen and (max-width: 860px)          {
    .ui .left-box, .ui .right-box                   {width: 100%;}
}

.background-svetla {
    background: #f3f3f3;
}


/* UI profil */
.ui .full-box                                           {padding: 30px;width: 100%; box-sizing: border-box;}
.ui .full-box.background                                {background: #e7e7e7;}
.ui .full-box h2                                        {display: block; width: 100%; font-size: 26px; font-weight: bold; color: #252525; margin-bottom: 15px;}
  @media screen and (max-width: 1400px)                 {
  .ui .full-box h2                                      {font-size: 24px;}
  }
  @media screen and (max-width: 960px)                  {
  .ui .full-box h2                                      {font-size: 22px;}
  }
  @media screen and (max-width: 724px)                  {
  .ui .full-box h2                                      {text-align: center;}
  }
  @media screen and (max-width: 640px)                  {
  .ui .full-box h2                                      {font-size: 20px;}
  }
  @media screen and (max-width: 380px)                  {
  .ui .full-box h2                                      {font-size: 18px;}
  }

.ui .profil-certifikaty .left-box                                     {display: flex !important; width: 100% !important; justify-content: space-between; flex-wrap: wrap;}
.ui .profil-certifikaty .left-box .widget-wrap                        {display: flex; width: 180px; height: 180px; justify-content: center; align-items: center; background: white; border: solid 1px rgba(0,0,0,0.2); box-sizing: border-box;}
.ui .profil-certifikaty .left-box .widget-wrap iframe                 {display: block; width: 150px; height: 150px;}
.ui .profil-certifikaty .left-box .float-right                        {display: block; width: calc(100% - 200px);}
.ui .profil-certifikaty .left-box .float-right .text1                 {display: block; font-size: 17px; color: #7b7b7b; margin-bottom: 10px;}
.ui .profil-certifikaty .left-box .float-right .white-box             {display: flex; width: 100%; height: 40px; justify-content: space-between; font-size: 14px; background: white; padding: 0 12px; border: solid 1px rgba(0,0,0,0.2); box-sizing: border-box;}
.ui .profil-certifikaty .left-box .float-right .white-box .to-copy    {display: block; width: calc(100% - 90px); height: 100%; color: black; padding: 1px 0 0; border: none; outline: none; background: none;} 
.ui .profil-certifikaty .left-box .float-right .white-box .copy       {display: flex; width: 90px; height: 100%; justify-content: flex-end; align-items: center; text-transform: uppercase; font-weight: 500; color: #15cc89; cursor: pointer;}
.ui .profil-certifikaty .left-box .float-right .white-box .copy:hover {color: #0abb7a;}
.ui .profil-certifikaty .left-box .float-right .text2                 {display: block; margin-top: 25px;}
.ui .profil-certifikaty .left-box .float-right .text2 a               {display: inline-block; font-size: 17px; color: #7b7b7b; text-decoration: underline;}
.ui .profil-certifikaty .left-box .float-right .text2 a:hover         {text-decoration: none; color: #636363;}
  @media screen and (max-width: 1400px)                               {
  .ui .profil-certifikaty .left-box .widget-wrap                      {width: 170px; height: 170px;}
  .ui .profil-certifikaty .left-box .float-right                      {width: calc(100% - 180px);}
  .ui .profil-certifikaty .left-box .float-right .text1               {font-size: 16px;}
  .ui .profil-certifikaty .left-box .float-right .white-box           {height: 36px; font-size: 13px;padding: 0 11px;}
  .ui .profil-certifikaty .left-box .float-right .white-box .to-copy  {width: calc(100% - 84px);} 
  .ui .profil-certifikaty .left-box .float-right .white-box .copy     {width: 84px;}
  .ui .profil-certifikaty .left-box .float-right .text2 a             {font-size: 16px;}
  }
  @media screen and (max-width: 1200px)                               {
  .ui .profil-certifikaty .left-box .widget-wrap                      {width: 165px; height: 165px;}
  .ui .profil-certifikaty .left-box .float-right                      {width: calc(100% - 175px);}
  .ui .profil-certifikaty .left-box .float-right .text1               {font-size: 15px;}
  .ui .profil-certifikaty .left-box .float-right .white-box           {font-size: 12px; padding: 0 10px;}
  .ui .profil-certifikaty .left-box .float-right .white-box .to-copy  {width: calc(100% - 80px);} 
  .ui .profil-certifikaty .left-box .float-right .white-box .copy     {width: 80px;}
  .ui .profil-certifikaty .left-box .float-right .text2 a             {font-size: 15px;}
  }  
  @media screen and (max-width: 540px)                                {
  .ui .profil-certifikaty .left-box                                   {display: block;}
  .ui .profil-certifikaty .left-box .widget-wrap                      {margin: 0 auto;}
  .ui .profil-certifikaty .left-box .float-right                      {width: 100%; margin-top: 25px;}
  .ui .profil-certifikaty .left-box .float-right .text1,
  .ui .profil-certifikaty .left-box .float-right .text2               {text-align: center;}
  }  
  @media screen and (max-width: 380px)                                {
  .ui .profil-certifikaty .left-box .float-right .text1               {font-size: 14px;}
  .ui .profil-certifikaty .left-box .float-right .white-box           {font-size: 13px;}
  .ui .profil-certifikaty .left-box .float-right .white-box .to-copy  {width: calc(100% - 75px);} 
  .ui .profil-certifikaty .left-box .float-right .white-box .copy     {width: 75px;}
  .ui .profil-certifikaty .left-box .float-right .text2 a             {font-size: 14px;}
  }        

.ui .profil-oceneni .left-box                                         {display: flex !important; flex-wrap: wrap;}
.ui .profil-oceneni .left-box .certificate                            {display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;}
.ui .profil-oceneni .left-box .certificate img                        {display: block; width: 100%; margin-bottom: 10px;}
.ui .profil-oceneni .left-box .certificate .activity                  {display: block; width: auto; font-size: 15px; color: #7b7b7b; font-weight: 300;}
.ui .profil-oceneni .left-box .certificate .delete                    {display: flex; width: auto;}
.ui .profil-oceneni .left-box .certificate .delete a                  {display: inline-block; font-size: 15px; color: #15cc89; font-weight: 500; text-decoration: underline;}
.ui .profil-oceneni .left-box .certificate .delete a:hover            {color: #0abb7a; text-decoration: none;}
  @media screen and (min-width: 1400px)                               {
  .ui .profil-oceneni .left-box .certificate                          {width: calc(33.33% - 18px); margin: 0 27px 27px 0;}
  .ui .profil-oceneni .left-box .certificate:nth-of-type(3n+3)        {margin-right: 0;}
  }
  @media screen and (min-width: 1080px) and (max-width: 1400px)       {
  .ui .profil-oceneni .left-box .certificate                          {width: calc(33.33% - 16px); margin: 0 21px 21px 0;}
  .ui .profil-oceneni .left-box .certificate:nth-of-type(3n+3)        {margin-right: 0;}
  }
  @media screen and (min-width: 960px) and (max-width: 1080px)        {
  .ui .profil-oceneni .left-box .certificate                          {width: calc(50% - 15px); margin: 0 30px 30px 0;}
  .ui .profil-oceneni .left-box .certificate:nth-of-type(even)        {margin-right: 0;}
  }  
  @media screen and (min-width: 724px) and (max-width: 960px)                                {
  .ui .profil-oceneni .left-box .certificate                          {width: calc(33.33% - 16px); margin: 0 21px 21px 0;}
  .ui .profil-oceneni .left-box .certificate:nth-of-type(3n+3)        {margin-right: 0;}
  } 
  @media screen and (max-width: 724px)                                {
  .ui .profil-oceneni .left-box .certificate                          {width: calc(50% - 15px); margin: 0 30px 30px 0;}
  .ui .profil-oceneni .left-box .certificate:nth-of-type(even)        {margin-right: 0;}
  .ui .profil-oceneni .left-box .certificate .activity,
  .ui .profil-oceneni .left-box .certificate .delete a                {font-size: 14px;}
  }  
  @media screen and (max-width: 440px)                                {
  .ui .profil-oceneni .left-box .certificate                          {width:100%; margin: 0 0 30px 0;}
  }         

.ui .profil-oceneni form                                              {display: block; width: 100%;}
.ui .profil-oceneni form table                                        {width: 100%;}
.ui .profil-oceneni form table th                                     {width: 150px; padding: 0; text-align: left;}
.ui .profil-oceneni form table th label                               {width: auto; margin: 0; padding: 0;}
.ui .profil-oceneni form table input                                  {width: 200px; margin-left: 0;}
  @media screen and (max-width: 724px)                                {
  .ui .profil-oceneni form table                                      {display: flex; justify-content: center; flex-wrap: wrap;}
  .ui .profil-oceneni form table th                                   {display: block; width: 100%; text-align: center;}
  .ui .profil-oceneni form table tr                                   {display: flex; width: 100%; justify-content: center; flex-wrap: wrap; padding: 0; margin: 0 0 10px;}
  .ui .profil-oceneni form table tr td                                {display: flex; Justify-content: center; flex-wrap: wrap;}
  .ui .profil-oceneni form table input                                {margin: 15px auto 0;}
  }


.full-box .articles                             {width: 100%; background: white; border: solid 1px #dbdbdb;}
.full-box.border {border: 1px solid #e7e7e7;}
table.border {border: 1px solid #e7e7e7;}

/* contract detail */

.contract-detail .form-wrapper h2 {font-weight: bold;}
.contract-detail .form-wrapper label {font-weight: normal; width: 200px;}
.contract-detail .form-wrapper .button {margin-left:  200px;}
.contract-detail .left-box table {max-width: 600px;}
.contract-detail .contact-box {background: #e7e7e7; padding:10px;}





/* reviews */
.ui .reviews.evaluation h2          {background: url('/images/web/ui2-icon-evaluation.png') no-repeat left top; background-size: 26px auto;}
.ui .reviews.refs h2                {background: url('/images/web/ui2-icon-references.png') no-repeat left top; background-size: 26px auto;}
.ui .reviews table                  {display: block; width: 100%; border-bottom: none; padding-top: 20px;}
.ui.new .reviews table:first-of-type{padding-top: 0;}
.ui .reviews table tbody            {display: block; width: 100%;}
.ui .reviews table tr               {display: flex; width: 100%; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;}
.ui .reviews table td               {display: block; padding: 30px 15px; border-bottom: solid 1px #e7e7e7; vertical-align: middle;}
.ui .reviews .client                {height: 100%; text-align: center;}
.ui .reviews .client .initials      {display: flex; height: auto; align-items: center;}
.ui .reviews .client .button        {width: 130px; padding: 7px 0; font-size: 11px; margin: 10px auto;}

.ui .reviews .box {width: 100%; box-sizing: border-box;}
.ui .reviews .client .initials span {display: block; text-align: center;}
.ui .reviews .client.stamp .initials span   {padding-left: 45px; background: url('/images/web/ui2-icon-refs.png') no-repeat left top; background-size: 40px auto;}
.ui .reviews .client .name                  {font-size: 19px; font-weight: 500; color: #4b4b4b; text-align: left; padding-left: 10px; line-height: 25px;}
.ui .reviews .client .date                  {font-size: 12px; font-weight: 300; color: #818181; text-align: left; padding-left: 10px;}       
.ui .reviews .client.stamp          {width: 280px; padding-left: 0px;}
.ui .reviews .info3                 {height: 100%; max-width: 160px; padding: 0; text-align: left; margin-top: 15px; }
.ui .reviews .info3 span            {display: block; font-size: 14px; font-weight: 300; color: #4b4b4b; border-right: solid 1px #dbdbdb; padding-left: 135px; box-sizing: border-box;}
.ui .reviews .info3 span:before     {display: inline-block; width: 125px; font-weight: 600; margin: 0 10px 0 -135px;}
.ui .reviews .info3 span.i1:before  {content: "Město";}
.ui .reviews .info3 span.i2:before  {content: "Typ obchodu";}
.ui .reviews .info3 span.i3:before  {content: "Typ nemovitosti";}
.ui .reviews .rating                {width: 300px;}
.ui .reviews .rating .rows          {display: block; width: 100%; height: auto;}
.ui .reviews .rating .r1,
.ui .reviews .rating .r2            {display: flex; width: calc(165px + 15px + 113px); height: 20px; align-items: center; margin-bottom: 5px; font-weight: 600; color: #4b4b4b; font-size: 14px;}
.ui .reviews .rating .stars         {display: block; width: 90px; height: 16px; margin-left: 10px; position: relative; overflow: hidden; background: #e7e7e7;}
.ui .reviews .rating .empty         {display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0; z-index: 2; box-sizing: border-box; overflow: hidden; background: url('/images/web/ui2-stars.png') no-repeat left center; background-size: 100%;}
.ui .reviews .rating .green-bar     {display: block; width: 100%; height: 100%; background: #15cc89; border-radius: 2px; position: absolute; z-index: 1; top: 2px; right: 100%;}
.ui .reviews .rating .r1:before     {display: inline-block; width: 165px; content: "Spokojenost s výsledkem";}
.ui .reviews .rating .r2:before     {display: inline-block; width: 165px; content: "Spokojenost s přístupem";}
.ui.new .reviews .r3                {max-width: 100%;}
.brokerRating .images.imagesRatings {width: calc(100% - 300px - 280px);}
.ui .reviews .images span           {display: flex; min-width: 288px; width: 100%; height: 100%; justify-content: flex-end; flex-wrap: wrap;}
.ui .reviews .images span a         {display: flex; width: 90px; height: 60px; margin: 3px; justify-content: center; align-items: center; overflow: hidden; background: #f3f3f3;}
.ui .reviews .images span a img     {display: block; width: auto; height: 100%;}
.ui .reviews .images span.empty     {display: block; height: 70px; background: url('/images/web/ui2-icon-nophoto.png') no-repeat right center; background-size: auto 100%;}
.ui .reviews .images                {}

.ui .reviews h2                     {display: block; font-size: 24px; color: #15cc89; font-weight: 600; padding: 3px 10px 3px 42px; background: url('/images/web/ui2-icon-references.png') no-repeat left top; background-size: 30px auto;}
.ui .reviews table tr td                    {padding: 10px; border-bottom: 1px solid #e7e7e7; box-sizing: border-box;}
.ui .reviews table tr:last-child td         {border-bottom: none;}
.ui .evaluation .rating                     {border-left: none;}
.ui .reviews .rating .button                {font-size: 13px; padding: 6px 15px;}
.ui .reviews .rating .hint                  {margin: 5px 0 0 12px;}
.ui.new .reviews .rating .hint              {width: auto; margin: 5px 0 0 12px;}
.ui .reviews .brokerRating                  {display: block; width: 100%; border-bottom: 1px solid #e7e7e7; padding-bottom: 34px;}
.ui.new .reviews .brokerRating              {border-bottom: none; padding-bottom: 25px;}
.ui .reviews .brokerRating:last-child       {border-bottom: none}
.ui .advisory h2                            {background: url('/images/web/ui2-icon-advisory.png') no-repeat left center; background-size: 30px auto; display: block;}
.advisory h2                                {font-size: 24px; color: #15cc89; font-weight: 600; padding: 3px 10px 3px 42px; margin-bottom: 20px; box-sizing: border-box;}
.advisory .poradna h2                       {text-align: left; padding: 0;}
.advisory h2.asH1                           {padding: 0;}
.brokerRating .images, .refs .images        {display: flex !important; justify-content: flex-end;}
.brokerRating .images,
.ui .reviews .refs .images                  {width: calc(100% - 300px - 280px);}
  @media screen and (max-width: 1080px)     {
  .brokerRating .images.imagesRatings,
  .ui .reviews .refs .images                {width: 100%; justify-content: flex-start;}
  .ui .reviews .images span.empty           {background-position: left center;}
  .ui .reviews .rating .r1,
  .ui .reviews .rating .r2                  {display: block; width: 100%; height: auto; margin-bottom: 5px; font-size: 13px;}
  .ui .reviews .rating .stars               {margin: 0 0 5px;}
  .brokerRating .images .image-wrap, 
  .refs .images .image-wrap                 {width: 170px;}
  .brokerRating .images a,
  .refs .images a                           {height: 100px;}
  }
  @media screen and (max-width: 724px)      {
  .ui .reviews .client.stamp,
  .ui .reviews .rating,                               
  .brokerRating .images.imagesRatings       {width: 100%;}
  .ui .reviews .info3 span                  {border-right: none;}
  .ui .reviews table tr td                  {padding: 12px 0px;}
  .ui .reviews .rating > div                {display: flex !important;}
  .ui .reviews .rating .button              {font-size: 12px; padding: 6px 15px;}
  .brokerRating .images .image-wrap, 
  .refs .images .image-wrap                 {width: 120px; height: auto;}
  }
  @media screen and (max-width: 540px)      {
  .brokerRating .images .image-wrap, 
  .refs .images .image-wrap                 {width: 90px;}
  }

.ui p.more        {margin: auto; text-align: center; margin-top: 15px;}

.brokerRating .tdHeight{
    height: 180px !important;
}

.brokerRating table td {
    vertical-align: top;
}

.ui .reviews .review                        {margin-top: 20px; border-bottom: 1px solid #e7e7e7; padding-bottom: 20px;}
.ui .reviews .review:last-child             {border-bottom: none;}
.ui .reviews .review .date                  {font-size: 12px; font-weight: 300; color: #818181; text-align: left; margin-top: 4px; margin-bottom: 10px;} 
.ui .reviews .review .button                {font-size: 13px; padding: 6px 20px;}
.ui .review .rating { margin-top: 15px;}
.ui .reviews .review .hint {
    margin: 5px 0 0 12px;
}


.ui .refs .review                               {width: 100%; justify-content: space-between; align-items: flex-start;}
.ui .refs .review .initials                     {width: 560px;}
.ui .brokerRating .images, 
.ui .refs .images                               {width: calc(100% - 590px); align-items: flex-start; padding: 0 !important;}
.ui .brokerRating .images .image-wrap,
.ui .refs .images .image-wrap                   {margin: 0 0 3px 3px; width: calc(33.33% - 2px); height: auto; overflow: hidden; padding-top: 19%; box-sizing: border-box; position: relative;}
.ui .brokerRating .images .image-wrap:first-child,
.ui .refs .images .image-wrap:first-child       {margin-left: 0;}
.ui .brokerRating .images .image-wrap a,
.ui .refs .images .image-wrap a                 {display: flex; width: 100%; height: 100%; overflow: hidden; justify-content: center; align-items: center; background: rgba(0,0,0,0.05); position: absolute; left: 0; top: 0;}
.ui .brokerRating .images .image-wrap a img,
.ui .refs .images .image-wrap a img             {display: block; width: 100%;} 
  @media screen and (max-width: 1080px)         {
  .ui .reviews table tr                         {justify-content: flex-start;}
  .ui .refs .review .initials                   {width: 100%;}
  .ui .brokerRating .images, 
  .ui .refs .images                             {width: 100%; max-width: 640px; justify-content: flex-start; margin: 15px 0;}
  } 
  @media screen and (max-width: 724px)          {
  .ui .reviews .client.stamp,
  .ui .reviews .rating                          {width: 100%;}
  }

.advicesType {margin: 10px 0; font-size: 13px; color: #818181;}
.advicesType a {color: #818181; text-decoration: none;}
.advicesType a:hover {text-decoration: underline;}
.advicesType a:first-child { background: url('/images/web/blog-icon-megaphone.png') no-repeat; padding-left: 26px; background-size: auto 100%;}

.detail .advicesType {color: white;}

.no-background                                  {background: none !important;}


.section.graphs .wrapper > div                  {display: block;}
.section.graphs .wrapper > div img              {display: block; width: 100%;}
  @media screen and (min-width: 1080px)         {
  .section.graphs .wrapper > div                {width: 49%;}
  }
  @media screen and (max-width: 1080px)         {
  .section.graphs .wrapper > div                {width: 100%; margin: 2px 0;}
  }


.h1-poradna {
    text-align: center;
    display: block;
font-size: 30px;
font-weight: 600;
color: black;
margin-bottom: 20px;
}

.oblast-text .title                             {width: 100%; text-align: center;}

.upozorneni{
    font-size: 17px;
    text-align: center;
    color: #666;
}

h1.detail-green{
    color: #15cc89;
}

.underline{
    text-decoration: underline;
}




/*

zajemce

*/
.main.contacted                           {padding-bottom: 0;}
.main.contacted .wrapper                            {border: solid 1px #dbdbdb; background: white;}  
.main.contacted header                              {display: block; width: 100%; padding: 20px;}  
.main.contacted header h2                           {display: block; font-size: 24px; color: #15cc89; font-weight: 600; padding-left: 42px;}  
.main.contacted header h2                 {background: url('/images/web/list-icon-mail.png') no-repeat left center; background-size: 30px auto;}
.main header h2.reactionsH2                 {background: url('/images/web/list-icon-reactions.png') no-repeat left center; background-size: 30px auto;}
.main.contacted table                               {width: 100%;}
.main.contacted table td,  .main table th      {vertical-align: middle; padding: 12px 20px; box-sizing: border-box;}
.main.contacted table td                            {border-bottom: solid 1px #dbdbdb;}
.main.contacted table thead                         {background: #e7e7e7;}  
.main.contacted table thead th                      {color: #818181; text-transform: uppercase; font-size: 14px; text-align: left;}  
.main.contacted table thead th:first-child          {text-align: center; padding-left: 60px;}
.main.contacted table td:first-child a              {/*display: flex; */align-items: center; margin-left: 30px;}
.main.contacted table td:first-child a img          {width: 48px; height: 48px; border-radius: 100%; border: solid 1px #cecece;}  
.main.contacted table td:nth-child(2) a             {display: flex; align-items: center; font-size: 16px; color: #2ab8e6; font-weight: 500; text-decoration: underline;}
.main.contacted table td:nth-child(2) a:hover       {text-decoration: none;}  
.main.contacted table td .grey-bar                  {display: block; width: 100%; height: 18px; background: #cdcdcd; border-radius: 3px; overflow: hidden; position: relative;}  
.main.contacted table td .green-bar                 {display: block; width: 100%; height: 100%; background: #15cc89; border-radius: 2px; position: absolute; top: 0; left: -100%;}
.main.contacted table td:nth-child(4)               {color: #595959; font-size: 18px; font-weight: 300;}   
.main.contacted table th:first-child,  
.main.contacted table td:first-child                {width: 100px;}
.main.contacted table th:nth-child(2),  
.main.contacted table td:nth-child(2)               {width: 240px;}
.main.contacted table th:nth-child(3),  
.main.contacted table td:nth-child(3)               {width: 240px;}  
.main.contacted table th:nth-child(4),  
.main.contacted table td:nth-child(4)               {width: calc(100% - 80px - 240px - 240px - 240px - 190px);}  
.main.contacted table th:nth-child(5),  
.main.contacted table td:nth-child(5)               {width: 240px;}   
.main.contacted table td:nth-child(5) img           {display: inline-block; width: 50px; margin: 2px 4px 2px;}
.main.contacted table th:nth-child(6),  
.main.contacted table td:nth-child(6)                               {width: 190px;}
.main.contacted table td:nth-child(6) .button                       {width: 190px; font-size: 13px; text-align: center; color: white !important; padding: 9px 16px; box-sizing: border-box; position: relative;}
.main.contacted table td:nth-child(6) .request-contact              {padding: 9px 16px 9px 35px;}
.main.contacted table td:nth-child(6) .request-contact::before      {display: block; width: 25px; height: 100%; background: URL('https://www.srovnani-makleru.cz/css/images/tel-white.png') no-repeat left center; background-size: auto 1.2em; position: absolute; left: 16px; top: 0; content: "";}
.main.contacted table tr:last-child td                              {border-bottom: none;}
.main.contacted .no-items                                           {color: #818181}
  @media screen and (max-width: 1400px)                             {
  .main.contacted table th:nth-child(3),  
  .main.contacted table td:nth-child(3)                             {width: 200px;} 
  .main.contacted table th:nth-child(4),  
  .main.contacted table td:nth-child(4)                             {width: calc(100% - 80px - 200px - 240px - 200px - 170px); font-size: 16px;}
  .main.contacted table th:nth-child(5),  
  .main.contacted table td:nth-child(5)                             {width: 200px;}
  .main.contacted table td:nth-child(5) img                         {width: 44px; margin: 2px 3px 2px 0;}
  .main.contacted table td:nth-child(6)                             {width: 170px;} 
  .main.contacted table td:nth-child(6) .button                     {width: 170px; font-size: 12px; padding: 8px 14px;}
  .main.contacted table td:nth-child(6) .request-contact            {padding: 8px 14px 8px 28px;}
  .main.contacted table td:nth-child(6) .request-contact::before    {display: block; width: 22px; left: 14px;} 
  }
  @media screen and (max-width: 1400px)                             {

  }  
  @media screen and (max-width: 1080px)                             {
    .main.contacted                                   {padding: 25px 0;}  
    .main header                                      {padding: 12px;}  
    .main header h2                                   {font-size: 20px; padding-left: 30px;}  
    .main.contacted header h2,               
    .main.reactions header h2                         {background-size: 22px auto;}
    .main.contacted table td, .list .main table th    {padding: 8px 12px;}  
    .main.contacted table thead th                    {font-size: 12px;}  
    .main.contacted table td:first-child a img        {width: 40px; height: 40px;}  
    .main.contacted table td:nth-child(2) a           {font-size: 14px;}  
    .main.contacted table td .grey-bar                {height: 16px; border-radius: 2px;}  
    .main.contacted table td:nth-child(4)             {font-size: 16px;}   
    .main.contacted table th:first-child,  
    .main.contacted table td:first-child              {width: 60px;}
    .main.contacted table th:nth-child(2),  
    .main.contacted table td:nth-child(2)             {width: 220px;}
    .main.contacted table th:nth-child(3),           
    .main.contacted table td:nth-child(3)             {width: 180px;}  
    .main.contacted table th:nth-child(4),  
    .main.contacted table td:nth-child(4)             {width: calc(100% - 60px - 220px - 180px - 170px);}  
    .main.contacted table th:nth-child(5),           
    .main.contacted table td:nth-child(5)             {width: 170px;}
    .main.contacted table td:nth-child(5) img         {width: 40px; height: auto;}
  }  
  @media screen and (max-width: 920px)                {
    .main.contacted header                            {background: #f3f3f3;}
    .main.contacted header h2                         {font-size: 18px;}
    .main.contacted table                             {display: block;}
    .main.contacted table tbody                       {display: block; width: 100%;}
    .main.contacted table tr                          {display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; padding: 10px; position: relative; border-bottom: solid 1px #dbdbdb; box-sizing: border-box;}
    .main.contacted table tr:hover td                 {background: none;}
    .main.contacted table td                          {display: flex; align-items: center; border-bottom: none;}
    .main.contacted table thead                       {position: absolute; left: -9999px;}      
    .main.contacted table td:nth-child(2) a           {display: flex; align-items: center; height: 40px;}  
    .main.contacted table td .grey-bar                {height: 15px;}  
    .main.contacted table td:nth-child(4)             {font-size: 13px;}     
    .main.contacted table td:first-child a            {margin-left: 10px;}
    .main.contacted table td:first-child              {width: 100px;}  
    .main.contacted table td:nth-child(2)             {width: calc(100% - 100px); padding-right: 180px;}  
    .main.contacted table td:nth-child(3)             {width: 240px; padding-left: 115px;}    
    .main.contacted table td:nth-child(4)             {width: calc(100% - 240px - 190px);}    
    .main.contacted table td:nth-child(5)             {display: flex; justify-content: flex-end; flex-wrap: wrap; width: 160px; position: absolute; right: 10px; top: 10px;}  
    .main.contacted table td:nth-child(5) img         {margin-right: 5px;}    
    .main.contacted table td:nth-child(6)             {width: 190px;} 
    .main.contacted table td:nth-child(6) .button     {width: 190px;}
    }
  @media screen and (max-width: 640px)                {
    .main.contacted table tbody tr                    {padding: 20px 20px 75px;}
    .main.contacted table td:nth-child(3)             {width: 240px; padding-left: 115px;}    
    .main.contacted table td:nth-child(4)             {width: calc(100% - 240px);}  
    .main.contacted table td:nth-child(5)             {justify-content: flex-start; left: 20px; bottom: 20px; right: auto; top: auto;}  
    .main.contacted table tbody td:nth-child(6)       {position: absolute; bottom: 20px; right: 20px;} 
  }
  @media screen and (max-width: 440px)                {
    .main.contacted table td:nth-child(2)             {padding-right: 0;}    
    .main.contacted table td:nth-child(4)             {width: 100%; padding-left: 115px;}    
    .main.contacted table td:nth-child(5)             {position: relative; left: auto; bottom: auto;}  
    .main.contacted table tbody td:nth-child(6)       {position: relative; bottom: auto; right: auto;} 

  }

.answer-form                                          {padding: 20px; background: #e7e7e7; width: 100% !important; box-sizing: border-box;}
.answer-form h2                                       {color: black !important; padding: 0 !important;}
  @media screen and (max-width: 900px)                {
  .answer-form form .row > textarea                   {width: 100% !important;}
  }
/*
detail maklere
*/

/*
.ui.v2 .main.v2                                 {background: #f3f3f3;}
.ui.v2 .main.v2 .box h2                         {display: block; font-size: 24px; color: #15cc89; font-weight: 600; padding: 3px 10px 3px 42px;}  
.ui.v2 .main.v2 .box                            {justify-content: space-between; width: 100%; background: white; border: solid 1px #dadada;}*/
.agent .profile h1                              {background: url('/images/web/ui2-icon-agent.png') no-repeat left center; background-size: 30px auto;}

.ui.new.action-profileDetail .content,
.ui.new.customer-offerDetail .content,
.ui.customer-default .content,
.ui.customer-profile .content                   {padding-top: 160px;}
.ui.new.realestates-brokerDetail .content       {padding-top: 94px;}
  @media screen and (max-width: 1280px)         {
  .ui.new.action-profileDetail .content,
  .ui.new.customer-offerDetail .content,
  .ui.presenter-broker .content,
  .ui.customer-default .content,
  .ui.customer-profile .content                 {padding-top: 150px;}
  }
  @media screen and (max-width: 1080px)         {
  .ui.presenter-broker .content,
  .ui.new.action-profileDetail .content,
  .ui.new.customer-offerDetail .content,
  .ui.customer-default .content,
  .ui.customer-profile .content                 {padding-top: 90px;}
  }
  @media screen and (max-width: 600px)          {
  .ui.presenter-broker .content,
  .ui.new.action-profileDetail .content,
  .ui.new.customer-offerDetail .content,             
  .ui.new.realestates-brokerDetail .content,
  .ui.customer-default .content,
  .ui.customer-profile .content                 {padding-top: 78px;}
  }

.ui.new .agent .profile h1                      {background: none;}
.agent .image                                   {width: 240px; height: 240px; overflow: hidden;}
.ui.new .agent .image                           {width: 190px; height: 190px;}
.agent .image img                               {display: block; width: 100%;}
.agent .profile                                 {display: block; width: calc(100% - 270px); position: relative; top: -3px;}  
.ui.new .agent .profile                         {display: flex; width: calc(100% - 205px); justify-content: space-between; flex-wrap: wrap;}
.ui.new .agent .profile .left                   {display: flex; width: 30%; align-items: flex-start; flex-wrap: wrap;}
.ui.new .agent .profile .right                  {display: flex; width: 68%; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; padding-bottom: 70px; box-sizing: border-box; position: relative;}

.agent h2                                       {width: calc(100% - 260px); margin-bottom: 25px;}
.agent h1                                       {width: calc(100% - 260px); margin-bottom: 25px;}
.ui.new .agent h1                               {width: 100%; margin-bottom: 3px;}
.agent .post                                    {display: block; width: 100%; font-size: 16px; color: #4b4b4b; font-weight: 300; line-height: 30px; margin-right: 5px;}
.ui.new .agent .post                            {display: inline-block; width: auto; font-size: 17px;}
.agent .company                                 {display: block; width: 100%; font-size: 16px; color: #252525; font-weight: 500; line-height: 30px;}
.ui.new .agent .company                         {display: inline-block; width: 100%; font-size: 17px;}
.agent .rating                                  {display: block; max-width: 300px; margin-top: 25px;}
.ui.new .agent .rating                          {width: 100%; max-width: 100%; margin: 15px 0 16px;}
.agent .rating p                                {display: block; width: 100%; font-size: 16px; color: #252525; font-weight: 500;}
.ui.new .agent .rating p                        {font-size: 17px;}
.agent .rating .grey-bar                        {display: block; width: 100%; height: 18px; background: #cdcdcd; border-radius: 3px; overflow: hidden; position: relative;}
.ui.new .agent .rating .grey-bar                {max-width: 280px;}
.agent .rating .green-bar                       {display: block; width: 100%; height: 100%; background: #15cc89; border-radius: 2px; position: absolute; top: 0; left: -100%;}
.agent .infographics                            {display: flex; width: 100%; justify-content: center; flex-wrap: wrap; padding: 30px 0 20px; margin-top: 25px; border-top: solid 1px #dadada;}  
.ui.new .agent .infographics                    {width: 390px; justify-content: space-between; margin-top: 0; border: 0; padding: 0;}
.ui.new .agent .infographics .col               {width: 51%; margin: 0 0 18px; padding-left: 55px; position: relative; box-sizing: border-box;}
.ui.new .agent .infographics .col:nth-child(odd){width: 49%; margin-left: 0;}
.agent .infographics .col img                   {display: block; width: auto; height: 60px; margin: 0 auto 15px;}  
.ui.new .agent .infographics .col img           {width: 50px; height: auto; position: absolute; left: 0; top: -2px; margin: 0;}
.agent .infographics .col p                     {display: block; width: 100%; text-align: center; font-size: 14px; font-weight: 500; color: #818181;}
.ui.new .agent .infographics .col p             {text-align: left; font-size: 14px;}
.agent .infographics .col p.num                 {display: block; width: 100%; text-align: center; font-size: 35px; font-weight: 600; color: #15cc89; margin-top: 12px;}
.ui.new .agent .infographics .col p.num         {text-align: left; font-size: 24px; margin-top: 0;}
.agent .medals                                  {display: flex; width: 220px; height: auto; position: absolute; right: 0px; top: 0px; justify-content: flex-end;}
.ui.new .agent .medals                          {width: 240px; position: relative; right: auto; top: auto;}
.agent .medals img                              {display: block; width: 70px; height: 70px; margin-left: 6px;}
.ui.new .agent .medals img                      {width: 70px; height: 70px;}
.ui.new .agent .achievement                     {display: block; font-size: 14px; font-weight: 500; font-style: italic; color: #252525; background: white; padding: 1em 1em 1em 4em; border: solid 1px rgba(0,0,0,0.07); border-radius: 2px; box-sizing: border-box; position: absolute; left: 0; bottom: 0;}
.ui.new .agent .achievement:before              {display: block; width: 2.5em; height: 2.5em; background: URL('https://www.srovnani-makleru.cz/css/images/achievement.png') no-repeat center center; background-size: 100% 100%; position: absolute; left: 1em; top: 1.1em; content: "";}
#snippet-brokerProfile-ratings                  {display: block; width: 100%;}
  @media screen and (max-width: 1400px)         {
  .ui.new .agent .image                         {width: 160px; height: 160px;}
  .ui.new .agent .profile                       {width: calc(100% - 175px);}
  .ui.new .agent h1                             {margin-bottom: 2px;}
  .ui.new .agent .post                          {font-size: 16px; margin-right: 4px;}
  .ui.new .agent .company                       {font-size: 16px;}
  .ui.new .agent .rating                        {margin: 17px 0;}
  .ui.new .agent .rating p                      {font-size: 16px;}
  .ui.new .agent .rating .grey-bar              {max-width: 260px; height: 18px; border-radius: 3px;}
  .ui.new .agent .infographics                  {width: 350px;}
  .ui.new .agent .infographics .col             {margin: 0 0 15px; padding-left: 51px;}
  .ui.new .agent .infographics .col img         {width: 45px; top: -1px;}
  .ui.new .agent .infographics .col p           {font-size: 13px;}
  .ui.new .agent .infographics .col p.num       {font-size: 22px;}
  .ui.new .agent .medals                        {width: 200px;}
  .ui.new .agent .medals img                    {width: 60px; height: 60px; margin-left: 6px;}
  .ui.new .agent .achievement                   {font-size: 13px;}
  }
  @media screen and (max-width: 1280px)         {
  .ui.new .agent .image                         {width: 140px; height: 140px;}
  .ui.new .agent .profile                       {width: calc(100% - 150px);}
  .ui.new .agent h1                             {margin-bottom: 1px;}
  .ui.new .agent .post                          {font-size: 14px; margin-right: 3px;}
  .ui.new .agent .company                       {font-size: 14px;}
  .ui.new .agent .rating                        {margin: 13px 0;}
  .ui.new .agent .rating p                      {font-size: 14px;}
  .ui.new .agent .rating .grey-bar              {max-width: 220px; height: 15px; border-radius: 2px;}
  .ui.new .agent .infographics                  {width: 330px;}
  .ui.new .agent .infographics .col             {margin: 0 0 13px; padding-left: 45px;}
  .ui.new .agent .infographics .col img         {width: 40px; top: -1px;}
  .ui.new .agent .infographics .col p           {font-size: 12px;}
  .ui.new .agent .infographics .col p.num       {font-size: 20px;}
  .ui.new .agent .medals                        {width: 170px;}
  .ui.new .agent .medals img                    {width: 55px; height: 55px; margin-left: 4px;}
  .ui.new .agent .achievement                   {font-size: 12px;}
  }
  @media screen and (max-width: 1080px)         {
  .agent h1                                     {width: 100%;}
  .agent .profile h1                            {background-size: 22px auto;}
  .agent .image                                 {width: 200px; height: 200px;}
  .ui.new .agent .medals                        {width: 150px;}
  .ui.new .agent .medals img                    {width: 45px; height: 45px; margin-left: 3px;}
  }
  @media screen and (max-width: 960px)              {
  .ui.new .agent .profile .left                     {width: 100%;}
  .ui.new .agent .profile .left .button             {margin-bottom: 15px;}
  .ui.new .agent .profile .right                    {width: 100%; position: static; padding-bottom: 0;}
  .ui.new .agent .infographics                      {width: 100%; justify-content: flex-start; order: 1; margin-top: 20px;}
  .ui.new .agent .infographics .col                 {width: auto; margin: 10px 20px 0 0 !important;}
  .ui.new .agent .infographics .col:nth-child(odd)  {width: auto;}
  .ui.new .agent .infographics .col:last-child      {margin-right: 0;}
  .ui.new .agent .medals                            {position: absolute; right: 15px; top: 15px;}
  .ui.new .agent .achievement                       {position: relative; left: auto; bottom: auto;}
  }
  @media screen and (max-width: 900px)              {
  .ui.new .agent .infographics .col,                 
  .ui.new .agent .infographics .col:nth-child(odd)  {width: calc(50% - 11px);}
  .ui.new .agent .infographics .col:nth-child(even) {margin-right: 0 !important;}
  }
  @media screen and (max-width: 640px)              {
  .ui.new .agent .image                             {width: 100px; height: 100px;}
  .ui.new .agent .profile                           {width: calc(100% - 110px);}
  .ui.new .agent .post                              {font-size: 13px;}
  .ui.new .agent .company                           {font-size: 13px;}
  .ui.new .agent .rating                            {margin: 11px 0;}
  .ui.new .agent .rating p                          {font-size: 13px;}
  .ui.new .agent .rating .grey-bar                  {height: 13px;}
  .ui.new .agent .infographics .col                 {padding-left: 40px;}
  .ui.new .agent .infographics .col img             {width: 36px;}
  .ui.new .agent .infographics .col p               {font-size: 11px;}
  .ui.new .agent .infographics .col p.num           {font-size: 18px;}
  .ui.new .agent .achievement                       {font-size: 11px;}
  .ui.new .agent .achievement br                    {display: none;}
  }
  @media screen and (max-width: 540px)              {
  .ui.new .agent .medals                            {justify-content: flex-start; margin-bottom: 25px; position: relative; right: auto; top: auto;}
  .ui.new .agent .medals img                        {margin: 0 3px 0 0;}
  }
  @media screen and (max-width: 440px)              {
  .ui.new .agent .image                             {margin-bottom: 12px;}
  .ui.new .agent .profile                           {width: 100%;}
  }

.ui.new .submenu                                    {display: flex; width: 100%; height: 60px; margin: 0; position: relative; z-index: 100; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out;}
.ui.new .submenu .wrapper                           {display: flex; height: 100%; justify-content: flex-start; background: rgb(230,230,230); padding-bottom: 3px; position: relative; -webkit-transition: height .25s ease-in-out; transition: height .25s ease-in-out;}
.ui.new .submenu .wrapper nav                       {display: flex; width: 100%; height: 100%; justify-content: flex-start; flex-wrap: wrap; margin: 0;}
.ui.new .submenu .wrapper:after                     {display: block; width: 100%; height: 3px; background: #15cc89; position: absolute; bottom: 0; left: 0; content: "";}
.ui.new .submenu .responsive                        {display: none;}
.ui.new .submenu a                                  {display: flex; height: 100%; align-items: center; color: #626262; text-transform: none; text-decoration: none; font-weight: 600; font-size: 14px; line-height: 1em; padding: 0 20px; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out;}
.ui.new .submenu a:hover                            {color: #15cc89;; cursor: pointer;}
.ui.new .submenu a.sel                              {color: white; background-color: #15cc89;}
.ui.new .outer.fixed-submenu                        {margin-bottom: 60px;}
  @media screen and (max-width: 1300px)             {
  .ui.new .submenu                                  {height: 58px;}
  .ui.new .submenu a                                {font-size: 13px; padding: 0 18px;}
  .ui.new .submenu:not(.fixed) .wrapper             {margin: 0; width: 100%;}
  }                                        
  @media screen and (min-width: 1280px)             {
  .ui.new.presenter-customer .submenu.fixed,
  .ui.new.broker-profileDetail .submenu.fixed,
  .ui.new.customer-offerDetail .submenu.fixed,
  .ui.new.action-profileDetail .submenu.fixed       {top: 134px;}
  .ui.new.action-brokerDetail .submenu.fixed,
  .ui.new.realestates-brokerDetail .submenu.fixed   {top: 94px;}
  }
  @media screen and (min-width: 1080px) and (max-width: 1280px){
  .ui.new .submenu.fixed-end .wrapper               {width: 100%;}
  .ui.new.presenter-customer .submenu.fixed,
  .ui.new.broker-profileDetail .submenu.fixed,
  .ui.new.customer-offerDetail .submenu.fixed,
  .ui.new.action-profileDetail .submenu.fixed       {top: 136px;}
  .ui.new.action-brokerDetail .submenu.fixed,
  .ui.new.realestates-brokerDetail .submenu.fixed   {top: 94px;}
  }
  @media screen and (min-width: 1080px)             {
  .ui.new .submenu.fixed                            {height: 40px; position: fixed; left: 0;}
  .ui.new .submenu.fixed.fixed-end                  {position: absolute; top: auto; bottom: 0px;}
  }
  @media screen and (max-width: 1080px)             {
  .ui.new .submenu                                  {height: 56px;}
  .ui.new .submenu .wrapper                         {width: 100%;}
  .ui.new .submenu a                                {font-size: 12px; padding: 0 16px;}
  .ui.new .outer.fixed-submenu                      {margin-bottom: 0;}
  }                                           
  @media screen and (max-width: 960px)              {
  .ui.new .submenu                                  {height: 54px;}
  .ui.new .submenu a                                {padding: 0 14px;}
  }
  @media screen and (max-width: 800px)              {
  .ui.new .submenu                                  {height: 50px; margin-bottom: 15px;}
  .ui.new .submenu .wrapper                         {Display: block; height: 50px; overflow: hidden; padding: 0; position: absolute; left: 0; top: 0;}
  .ui.new .submenu .wrapper:after                   {display: none;}
  .ui.new .submenu .wrapper nav                     {height: auto; border-bottom: solid 4px rgba(0,0,0,0.1);} 
  .ui.new .submenu .responsive                      {display: block; width: 100%; height: 50px; position: absolute; top: 0; left: 0; z-index: 2; background: URL('https://www.srovnani-makleru.cz/css/images/submenu-arrow-down.png') no-repeat right 16px center; background-size: 16px auto;}
  .ui.new .submenu.show .responsive                 {background-image: URL('https://www.srovnani-makleru.cz/css/images/submenu-arrow-up.png')}
  .ui.new .submenu .responsive:hover                {cursor: pointer;}
  .ui.new .submenu a                                {display: flex; justify-content: flex-start !important; align-items: center; order: 1; width: 100%; height: 50px; font-size: 17px; color: #989898; background: white; margin-right: 0px; padding: 0px 35px 0px 15px; border: solid 1px #e0e0e0; bottom: 0; box-sizing: border-box;} 
  .ui.new .submenu a:hover                          {color: #15cc89;}
  .ui.new .submenu a.sel                            {background-color: #15cc89; color: white !important; order: 0;}    
  .ui.new .submenu.fixed                            {position: relative; top: auto;}
  }
  @media screen and (max-width: 640px)              {
  .ui.new .submenu.fixed.fixed-end                  {bottom: 20px /* Padding of profile-info*/;}
  }

.ui .profile-info                                         {display: block; width: 100%;}

.ui.new .profile-info                                     {display: block; width: 100%; background: white; padding: 30px; box-sizing: border-box;}
.ui.new .profile-info .box                                {display: flex; width: 100%; justify-content: space-between; flex-wrap: wrap; margin-bottom: 35px; border: none; padding: 0;}
/*.ui.new .profile-info .box:last-of-type                   {margin-bottom: 0;}*/

.ui.new .profile-info .box h2                             {margin-bottom: 10px;}
.ui.new .profile-info h3                                  {display: block; font-size: 15px; color: black; font-weight: bold; margin-bottom: 3px;}
.ui.new .profile-info .text p                             {display: block; font-size: 15px !important; color: #686868; margin: 0 0 15px !important; font-weight: 400;}
.ui.new .profile-info .text p:last-of-type                {margin-bottom: 0;}
.ui.new .profile-info .more                               {text-align: center; margin-top: 20px !important;}
  @media screen and (max-width: 1280px)                   {
  .ui.new .profile-info h3                                {font-size: 14px; margin-bottom: 2px;}
  .ui.new .profile-info .text p                           {font-size: 14px !important; margin: 0 0 13px !important;}
  }
  @media screen and (max-width: 640px)                    {
  .ui.new .profile-info                                   {padding: 20px;}
  }
  @media screen and (max-width: 380px)                    {
  .ui.new .profile-info h3                                {font-size: 13px; margin-bottom: 1px;}
  .ui.new .profile-info .text p                           {font-size: 13px !important; margin: 0 0 11px !important;}
  }

.ui.new .profile-info .reakce > div:nth-of-type(1)        {display: block; width: 340px;}
.ui.new .profile-info .reakce > div:nth-of-type(2)        {display: block; width: calc(100% - 360px);}
.ui.new .profile-info .reakce table                       {width: 100%; border-bottom: solid 1px #c7c7c7; padding-bottom: 15px; margin-bottom: 15px;}
.ui.new .profile-info .reakce table:last-of-type          {margin-bottom: 0; padding-bottom: 0; border: none;}
.ui.new .profile-info .reakce table td                    {width: auto; color: #4b4b4b; padding-bottom: 2px; font-size: 15px; color: #686868; font-weight: 400; vertical-align: top;}
.ui.new .profile-info .reakce table tr:last-of-type td    {padding-bottom: 0;}
.ui.new .profile-info .reakce table td:first-child        {width: 180px; color: black; font-weight: bold;}
  @media screen and (max-width: 1280px)                   {
  .ui.new .profile-info .reakce > div:nth-of-type(1)      {width: 300px;}
  .ui.new .profile-info .reakce > div:nth-of-type(2)      {width: calc(100% - 315px);}    
  .ui.new .profile-info .reakce table                     {padding-bottom: 13px; margin-bottom: 13px;}
  .ui.new .profile-info .reakce table td                  {padding-bottom: 2px; font-size: 14px;}
  .ui.new .profile-info .reakce table td:first-child      {width: 160px;}
  }
  @media screen and (min-width: 640px) and (max-width: 960px){
  .ui.new .profile-info .reakce > div:nth-of-type(1)      {display: flex; width: 100%; align-items: flex-start; flex-wrap: wrap; border-bottom: solid 1px #c7c7c7; padding-bottom: 15px; margin-bottom: 15px;}
  .ui.new .profile-info .reakce > div:nth-of-type(2)      {width: 100%;}    
  .ui.new .profile-info .reakce table                     {width: auto; border: none; padding-bottom: 0;}
  .ui.new .profile-info .reakce table:first-of-type       {margin-right: 26px;}
  .ui.new .profile-info .reakce table td:first-child      {width: auto; padding-right: 12px;}
  }  
  @media screen and (max-width: 640px)                    {
  .ui.new .profile-info .reakce > div:nth-of-type(1)      {display: block; width: 100%; margin-bottom: 25px;}
  .ui.new .profile-info .reakce > div:nth-of-type(2)      {width: 100%;}   
  }  
  @media screen and (max-width: 380px)                    {
  .ui.new .profile-info .reakce table td                  {font-size: 13px;}
  .ui.new .profile-info .reakce table td:first-child      {width: 150px;}
  }

.ui.new .profile-info .cols                               {display: flex; width: 100%; justify-content: space-between; flex-wrap: wrap;}
.ui.new .profile-info .cols.c2 > div                      {width: Calc(50% - 15px);}
  @media screen and (max-width: 1280px)                   {
  .ui.new .profile-info .cols.c2 > div                    {width: Calc(50% - 10px);}
  }
  @media screen and (max-width: 960px)                    {
  .ui.new .profile-info .cols.c2 > div                    {width: 100%;}
  }  

.ui.new .profile-info .o-mne p:first-of-type              {font-style: italic;}
.ui.new .profile-info .o-mne h3                           {background-size: 16px auto; background-position: left center; background-repeat: no-repeat; padding-left: 20px; box-sizing: border-box;}
.ui.new .profile-info .o-mne h3:nth-of-type(1)            {background-image: URL('https://www.srovnani-makleru.cz/css/images/ui2-icon-motto.png');}
.ui.new .profile-info .o-mne h3:nth-of-type(2)            {background-image: URL('https://www.srovnani-makleru.cz/css/images/ui2-icon-kraje.png');}
.ui.new .profile-info .o-mne h3:nth-of-type(3)            {background-image: URL('https://www.srovnani-makleru.cz/css/images/ui2-icon-specializace.png');}
.ui.new .profile-info .o-mne h3:nth-of-type(4)            {background-image: URL('https://www.srovnani-makleru.cz/css/images/ui2-icon-vzdelani-a-certifikace.png');}
.ui.new .profile-info .o-mne h3:nth-of-type(5)            {background-image: URL('https://www.srovnani-makleru.cz/css/images/ui2-icon-jazykove-dovednosti.png');}
  @media screen and (max-width: 1280px)                   {
  .ui.new .profile-info .o-mne h3                         {background-size: 14px auto; padding-left: 18px;}
  }

.ui.new .profile-info .certifikaty                        {justify-content: flex-start;}
.ui.new .profile-info .certifikaty > a                    {display: block;}
.ui.new .profile-info .certifikaty > a img                {display: block; width: 100%;}
  @media screen and (min-width: 1280px)                   {
  .ui.new .profile-info .certifikaty > a                  {width: calc(12.5% - 7px); margin-right: 8px; margin-bottom: 8px;}
  .ui.new .profile-info .certifikaty > a:nth-of-type(8n+8){margin-right: 0;}
  }
  @media screen and (min-width: 960px) and (max-width: 1280px){
  .ui.new .profile-info .certifikaty > a                  {width: calc(16.67% - 8px); margin-right: 7px; margin-bottom: 7px;}
  .ui.new .profile-info .certifikaty > a:nth-of-type(6n+6){margin-right: 0;}
  }
  @media screen and (min-width: 768px) and (max-width: 960px){
  .ui.new .profile-info .certifikaty > a                  {width: calc(25% - 6px); margin-right: 8px; margin-bottom: 8px;}
  .ui.new .profile-info .certifikaty > a:nth-of-type(4n+4){margin-right: 0;}
  }
  @media screen and (min-width: 540px) and (max-width: 768px){
  .ui.new .profile-info .certifikaty > a                  {width: calc(33.33% - 6px); margin-right: 9px; margin-bottom: 9px;}
  .ui.new .profile-info .certifikaty > a:nth-of-type(3n+3){margin-right: 0;}
  }
  @media screen and (max-width: 540px)                    {
  .ui.new .profile-info .certifikaty > a                  {width: calc(50% - 6px); margin-right: 12px; margin-bottom: 12px;}
  .ui.new .profile-info .certifikaty > a:nth-of-type(even){margin-right: 0;}
  }

.ui.new .profile-info .brokerRating,       
.ui.new .profile-info .review                             {margin-bottom: 20px; padding-bottom: 15px; border-bottom: solid 1px rgba(0,0,0,0.1);}
.ui.new .profile-info .review .initials .name             {color: #4b4b4b; font-size: 19px; font-weight: 500;}
.ui.new .profile-info .review .initials .date             {color: #4b4b4b; font-size: 13px; font-weight: 300;}
.ui.new .profile-info .review .rating                     {display: block;}
.ui.new .profile-info .review .button                     {font-size: 13px; padding: 6px 20px;}
.ui.new .profile-info .review .hint                       {width: auto; margin: 4px 0 0 10px;}

.ui.new .profile-info .advisory h3 a                      {text-decoration: none; font-size: 19px; font-weight: 500; color: #595959;}
.ui.new .profile-info .advisory h3 a:hover                {text-decoration: underline;}
.ui.new .profile-info .advisory article header            {padding: 0;}
.ui.new .profile-info .advisory article .button           {font-size: 13px; padding: 8px 12px; margin-top: 12px; float: right;}


.ghfcvnfxgh                     {line-height: 20px !important;}
 /*
.agent .infographics .col:first-child         {margin-left: 0;}
.agent .infographics .col:last-child          {margin-right: 0;}

  @media screen and (max-width: 1280px)       {
.agent .infographics .col                     {margin: 0 25px;}
}
 @media screen and (max-width: 1080px)       {
  .agent .infographics .col                   {width: 140px; margin: 15px !important;}
  }
  @media screen and (max-width: 960px)        {
    .agent .image                 {width: 160px; height: 160px;}
    .agent .profile               {width: calc(100% - 180px);}  
    .agent h2                     {width: calc(100% - 260px); margin-bottom: 20px;}
    .agent .medals                {width: 190px;}
    .agent .medals img            {width: 50px; height: 50px; margin-left: 5px;}
    .agent .infographics          {width: 100%;}  
    .agent.miniprofile .infographics          {width: 100%; margin-left: 0;}  
} 
@media screen and (max-width: 720px)            {  
    .agent .infographics            {flex-wrap: wrap;}  
    .agent .infographics .col img   {display: block;}
    .agent .infographics .col img   {display: block; width: auto; height: 40px; margin: 0 auto 15px;}  
    .agent .infographics .col p     {display: block; width: 100%; text-align: center; font-size: 15px; font-weight: 500; color: #818181;}
    .agent .infographics .col p.num {display: block; width: 100%; text-align: center; font-size: 22px; font-weight: 600; color: #15cc89;}
}

@media screen and (max-width: 540px)          {
    .agent .image                 {width: 120px; height: 120px; margin-bottom: 30px; overflow: hidden;}
    .agent .profile               {width: 100%;}
    .agent .medals                {width: 125px;}
    .agent .medals img            {width: 42px; height: 42px; margin-left: 4px;}
    .agent .infographics          {width: 100%;}
}*/

.agent.miniprofile h2{ width: 100%; padding-left: 40px; line-height: 35px;}
.agent.miniprofile .medails-wrap{ width: 100%;}
.agent.miniprofile .medails-wrap .medals{position: static; padding-top: 20px;}
.agent.miniprofile .info4{ width: 100%;}


.section.contacts {padding: 0;}
.contacts .areaImg                               {padding: 1.4rem 0;}
.contacts .areaImg .title                        {margin-bottom: 0.5rem;}
.contacts .areaImg .ref                          {display: flex; width: 100%; flex-wrap: wrap; justify-content: center;}
.contacts .areaImg .ref a                        {text-decoration: none; display: inline-block; width: auto; font-size: 26px; font-weight: 300; color: white; margin-top: 5px;}
.contacts .areaImg .ref a:hover                  {text-decoration: underline;}
.contacts                              {background: white;}
.contacts .wrapper                     {justify-content: space-between; flex-wrap: wrap; max-width: 900px;}      
.contacts .col                         {display: block; width: auto;}
.contacts .col h2                      {display: block; font-size: 24px; font-weight: 600; color: #595959; margin-top: 30px;}
.contacts .col h2.first                {margin-top: 0;}
.contacts .col p                       {display: block; font-size: 24px; font-weight: 300; color: #595959;}
.contacts .col p.last                  {margin-top: 30px;}
  @media screen and (max-width: 960px)          {
  .contacts .areaImg a, .contact .contacts .col h2,                   
  .contacts .col p                     {font-size: 20px;}  
  }
  @media screen and (max-width: 720px)          {
  .contacts .areaImg .ref a                      {font-size: 20px;}                 
  .contacts .wrapper                   {display: block;}      
  .contacts .col                       {width: 100%;}
  .contacts .col:first-child           {margin-bottom: 30px;}
  .contacts .col h2,                   
  .contacts .col p                     {width: 100%; text-align: center;}  
  }
  @media screen and (max-width: 540px)          {
  .contacts .col h2,                   
  .contacts .col p                     {font-size: 16px;}  
  }

  
  .contract-check{
      padding-left: 5px;
      font-size: 14px;
  }
  
  /*
  
  profily makleru a realitek
  
  */
  
.presenter-customer .content            {padding-top: 160px;}
  @media screen and (max-width: 1300px) {
  .presenter-customer .content          {padding-top: 150px;}
  }
  @media screen and (max-width: 1080px) {
  .presenter-customer .content          {padding-top: 90px;}
  }
  @media screen and (max-width: 600px)  {
  .presenter-customer .content          {padding-top: 70px;}
  }  

.ui.real-estates .main {padding: 0 0 40px;}  
.ui.real-estates .list-wrap table, .brokers-table table.list th, .ui.real-estates .real-estate-detail .brokers-table table {color: #595959;}   
.real-estates .list-wrap .half { box-sizing: border-box;}
.real-estates .list-wrap .half:first-child {width: 50%; padding-right: 20px;}
.real-estates .list-wrap .half:last-child {width: 50%;}
.real-estates .list-wrap .half table {font-size: 13px;}
.real-estates .list-wrap .half table td {padding: 5px; border-bottom: 1px solid #e9e9e9;}
.real-estates .list-wrap .half h2, .real-estates .list-wrap .half h1.asH2 {font-size: 26px; margin-bottom: 30px; font-weight: bold; color: #3e3e3e; text-transform: uppercase;}
.real-estates .list-wrap table a {color: #2ab8e6; text-decoration: underline;}
.real-estates .areaImg.blue span { color: white;}

.real-estates #frm-citySearchForm,
#frm-cityAllSearchForm                              {display: flex; justify-content: center; flex-wrap: wrap; max-width: 780px; margin: 30px auto 0; padding: 30px 0px 30px 30px; background: #1dc98a; width: 820px; box-sizing: border-box;}
#frm-cityAllSearchForm .errors                      {margin: 0;}
  
.brokers-table table td {padding: 5px;}
.brokers-table table {font-size: 13px;}
.brokers-table table a {color: #2ab8e6; text-decoration: underline;}



#frm-cityAllSearchForm select.demand_form_id_city {width: 160px;}
.real-estates .blue-about {padding-bottom: 40px; padding-top: 0px;}
.real-estates #frm-citySearchForm label,
#frm-cityAllSearchForm label                        {line-height: 40px; color: white; font-size: 16px; font-weight: normal; width: auto; padding: 0 15px;}
.real-estates #frm-citySearchForm label,  #frm-citySearchForm select,  #frm-cityAllSearchForm label,  #frm-cityAllSearchForm select{}
.real-estates #frm-citySearchForm select,  #frm-citySearchAllForm select{width: 160px;}
.real-estates form#frm-citySearchForm .button,
#frm-cityAllSearchForm .button                      {width: 160px; margin: 0 15px; height: 40px; line-height: 38px; padding: 0; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 500;}
  @media screen and (max-width: 960px)              {
  #frm-cityAllSearchForm                            {width: 90%; max-width: 700px; text-align: left;}
  .real-estates form#frm-citySearchForm .button,
  #frm-cityAllSearchForm .button                    {margin: 15px 0 0;}
  }
  @media screen and (max-width: 768px)              {
  #frm-cityAllSearchForm                            {display: block; padding-bottom: 100px;}
  .real-estates #frm-citySearchForm label,
  #frm-cityAllSearchForm label                      {padding: 0;}
  #frm-cityAllSearchForm-location                   {float: none;}
  .real-estates form#frm-citySearchForm .button,
  #frm-cityAllSearchForm .button                    {display: block; width: 170px; position: absolute; left: calc(50% - 85px); bottom: 30px;}
  }

  
.real-estates #frm-citySearchForm label.id_region {padding-left: 30px;}
#frm-citySearchForm label.location {padding-left: 50px;}


.real-estates .table-real-estates {padding: 0;}

.real-estates .table-real-estates {display: block; }
.real-estates .table-real-estates table           {width: 100%; font-size: 13px; margin-bottom: 0; padding-bottom: 0;}
  @media screen and (max-width: 900px)            {
  .real-estates .table-real-estates table         {font-size: 12px;}
  }
  @media screen and (max-width: 640px)            {
  .real-estates .table-real-estates table         {font-size: 11px;}
  }
  
.brokers-table table.list {border: 1px solid #f0f0f0;}
.real-estates .table-real-estates table.list, .half table.list, .brokers-table table.list {border-collapse: collapse; border-bottom: none;}
.real-estates .table-real-estates table.list th, .half table.list th, .brokers-table table.list th {padding: 10px 5px; background: #f3f3f3; text-align: left; border-bottom: 1px solid #ececec; text-transform: uppercase; font-size: 11px; font-weight: bold;}
.real-estates .table-real-estates table.list td   {padding: 3px 5px;}
.real-estates .table-real-estates table.list tr   {border-bottom: 1px solid #f0f0f0;}
.real-estates .table-real-estates table.list a    {font-weight: bold;}
.real-estates .table-real-estates .list.inner     {padding: 10px 0 30px 25px;}
.real-estates .list-wrap .list a                  {color: #2ab8e6; font-size: 14px; text-decoration: underline; line-height: 22px;}
  @media screen and (max-width: 900px)            {
  .real-estates .list-wrap .list a                {font-size: 13px; line-height: 19px;}
  }
  @media screen and (max-width: 640px)            {
  .real-estates .list-wrap .list a                {font-size: 12px; line-height: 16px;}
  .real-estates .table-real-estates .list.inner   {padding: 10px 0 30px;}
  .full-box.border                                {border: none;}
  }
  @media screen and (max-width: 540px)            {
  .real-estates .list-wrap .list a                {font-size: 11px; }
  }
  
table th.width-foto {width: 60px !important; text-align: center !important;}
@media screen and (max-width: 1230px) {
    .half table.list th.hideByWidth, .half table.list td.hideByWidth {
        display: none;
    }
}

.half table.list {
    border: 1px solid #f0f0f0; 
}

.real-estates .table-real-estates .list.inner li {
    display: inline-block;
    width: 230px;
}
.real-estates .table-real-estates .list.inner li a{
    font-size: 12px;
    text-decoration: underline;
}
.real-estates .table-real-estates .list.inner li a:hover{
    text-decoration: underline;
}

.real-estate-detail .image { padding-right: 35px; float: left;}
.real-estate-detail .text {  width: 100%;}
.real-estates .stats{padding-top: 40px; line-height: 40px;}
.real-estates .stats span {font-size: 28px; color: #15cc89;}
.real-estates .stats span span {background: #15cc89; color: white; line-height: 30px; margin-left: 1px; padding: 0 4px; border-radius: 3px;}

.real-estate-detail .d-inner h2 {color: #15cc89; line-height: 45px; background: url('/images/web/detail_realitni_kancelare.png') no-repeat; padding-left: 40px; font-weight: bold;}
.real-estate-detail .d-inner h2.x2 {background-position: 0 7px;}
.real-estate-detail .d-inner h2.x3 {background-position: 0 -40px;}
.real-estate-detail .d-inner h2.x4 {background-position: 0 -80px;}
.real-estate-detail .d-inner h2.x5 {background-position: 0 -124px;}
.real-estate-detail .d-inner h2.x1 {background-position: 0 -215px;}
.real-estate-detail .d-inner h2.x6 {background-position: 0 7px;}
.real-estate-detail .d-inner h2.x7 {background-position: 0 -170px;}
.real-estate-detail .d-inner h2.x8 {background-position: 0 -262px;}
.d-inner p                                  {color: #5c5c5c; font-size: 15px;}
.d-inner li                                 {color: #5c5c5c; font-size: 15px; padding-left: 0.55em; position: relative; box-sizing: border-box; margin-bottom: 0.2em;}
.d-inner li:before                          {display: block; width: 0.25em; height: 0.25em; background: #1dc98a; border-radius: 100%; position: absolute; left: 0; top: 0.6em; content: "";}


.d-inner a.city                             {color: #5c5c5c;}
.d-inner a.city:hover                       {color: #5c5c5c; text-decoration: underline;}
.brokers-table table.list td                {padding: 5px; border-bottom: 1px solid #e9e9e9;}
  @media screen and (max-width: 1280px)     {
  .d-inner p                                {font-size: 14px;}
  }
  @media screen and (max-width: 900px)      {
  .real-estate-detail.full-box              {display: block;}
  }
  @media screen and (max-width: 600px)      {
  .real-estate-detail.full-box .brokers-table                            {width: 100%; overflow: auto; padding-bottom: 20px;}
  .real-estate-detail.full-box .brokers-table .list                      {width: 540px;}
  
  .real-estate-detail .text {  float: none; width: 100%;}
  
  }
      
.real-estates table.list, .real-estates table.list
                                            {border-bottom: none;}


.city-detail .wrapper                       {}
.city-detail .realEstateCityText            {display: block; width: calc(100% - 27em);}
.city-detail .img                           {width: 300px; float: left; margin-right: 20px;}
.city-detail.prague .img                    {width: 25em;}
.city-detail .img img                       {width: 100%;}
.city-detail p                              {font-size: 18px; text-align: justify; margin-bottom: 10px; padding-left: 320px; box-sizing: border-box;}
.city-detail.prague p                       {padding-left: 0;}
.cleaner                                    {width: 100%; clear: both;}
.city-detail .wrapper h2                    {font-size: 26px; margin-bottom: 25px; font-weight: bold; color: #3e3e3e;}
.ui.action-byCity .full-box                 {padding: 0;}
  @media screen and (max-width: 1280px)     {
  .city-detail .img                         {margin-right: 15px;}
  .city-detail p                            {font-size: 17px; padding-left: 315px;}
  }
  @media screen and (max-width: 960px)      {
  .city-detail .realEstateCityText          {width: 100%;}
  .city-detail.prague .img                  {width: 100%; margin-bottom: 1em;}
  }
  @media screen and (max-width: 900px)      {
  .real-estates .list-wrap                  {display: block; width: 100%; overflow: auto;}
  .real-estates .list-wrap table            {min-width: 600px;}
  .real-estates .list-wrap .half            {width: 100% !important; padding: 0 0 15px; overflow: auto; margin-bottom: 25px;}
  .city-detail p                            {font-size: 16px;}
  }
  @media screen and (max-width: 640px)      {
  .city-detail .img                         {width: 100%; margin-right: 0px; margin-bottom: 15px; float: none;}
  .city-detail p                            {font-size: 15px; padding-left: 0px;}
  }
  
/*
broker profile
*/
.ui .profile .broker-name                   {padding-left: 42px; line-height: 33px; font-size: 28px; font-weight: bold; color: #15cc89; box-sizing: border-box;}
.ui.new .profile .broker-name               {padding-left: 0; line-height: 1.2em; font-size: 24px; color: #252525;}
.ui .full-box.border.agent                  {margin-bottom: 30px; background: white;}
.ui.new .outer                              {display: block; width: 100%; padding-top: 10px;}
.ui.new .full-box.agent                     {background: none; border: none; padding: 0; margin: 5px 0 20px;}
.ui.new .broker-detail                      {padding-top: 0px;}
.ui .broker-detail .left-box                {background: none; width: calc(50% - 10px); padding: 0;}
.ui .broker-detail .right-box               {background: none; width: calc(50% - 10px); padding: 0;}
.ui .broker-detail .box                     {width: 100%;}
.ui .broker-detail .box h2                  {display: block; width: 100%; font-size: 24px;color: #15cc89;font-weight: 600; padding: 0px 10px 5px 38px; background-size: 30px auto; background-repeat: no-repeat; box-sizing: border-box;}
.ui .broker-detail .box.motto h2            {background-image: url('/images/web/ui2-icon-motto.png');}
.ui .broker-detail .box.area h2             {background-image: url('/images/web/ui2-icon-area.png');}
.ui .broker-detail .box.specialization h2   {background-image: url('/images/web/ui2-icon-specialization.png');}
.ui .broker-detail .box.education h2        {background-image: url('/images/web/ui2-icon-education.png');}
.ui .broker-detail .box.languages h2        {background-image: url('/images/web/ui2-icon-languages.png');}
.ui .broker-detail .box.video h2            {background-image: url('/images/web/ui2-icon-video.png');}
.ui.new .broker-detail .box.reakce h2       {background-image: URL('https://www.srovnani-makleru.cz/css/images/ui2-icon-reakce.png');}
.ui.new .broker-detail .box.o-mne h2        {background-image: URL('https://www.srovnani-makleru.cz/css/images/ui2-icon-o-mne.png');}
.ui.new .broker-detail .box.certifikaty h2  {background-image: URL('https://www.srovnani-makleru.cz/css/images/ui2-icon-certifikaty.png');}
.ui.new .broker-detail .box.reference h2    {background-image: URL('https://www.srovnani-makleru.cz/css/images/ui2-icon-reference.png');}
.ui.new .broker-detail .box.blog-articles h2{background-image: URL('https://www.srovnani-makleru.cz/css/images/ui2-icon-articles.png');}
.ui.new .broker-detail .box.advices h2      {background-image: URL('https://www.srovnani-makleru.cz/css/images/ui2-icon-advices.png');}
.ui .broker-detail .box.video iframe        {display: block; width: 100%; max-width: 640px; margin-bottom: 2px;}
  @media screen and (max-width: 1280px)     {
  .ui.new .profile .broker-name             {font-size: 20px;}
  }
  @media screen and (max-width: 1080px)     {
  .ui .broker-detail .left-box              {width: 100%;}
  .ui .broker-detail .right-box             {width: 100%; margin-top: 20px;}
  .ui .profile .broker-name                 {font-size: 23px;}
  .ui .broker-detail .box h2,
  .ui .reviews h2,
  .ui .advisory h2                          {font-size: 22px; background-size: 25px auto; padding-left: 32px; background-position: left top 2px;}
  }
  @media screen and (max-width: 1080px)     {
  .ui .profile .broker-name                 {line-height: 20px; font-size: 18px;}
  }
  
.ui.new .blog-articles article                            {display: flex; width: 100%; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; margin-bottom: 25px;}
.ui.new .blog-articles article:last-of-type               {margin-bottom: 0;}
.ui.new .blog-articles article img                        {display: block; width: 30%;}
.ui.new .blog-articles article .right                     {display: block; width: 68%;}
.ui.new .blog-articles article h3                         {display: block; width: 100%;}
.ui.new .blog-articles article h3 a                       {display: inline-block; font-size: 19px; font-weight: 500; color: #595959; text-decoration: none;}
.ui.new .blog-articles article h3 a:hover                 {text-decoration: underline;}
.ui.new .blog-articles article .info2                     {display: flex; width: 100%; align-items: center; flex-wrap: wrap; margin: 8px 0 15px;;}
.ui.new .blog-articles article .info2 p                   {display: block; width: auto; color: #818181; font-size: 13px !important; font-weight: 300 !important; background: url('/images/web/blog-icon-calendar.png') no-repeat left center; background-size: auto 100%;}
.ui.new .blog-articles article .info2 a                   {display: inline-block; color: #818181; font-size: 13px !important; font-weight: 300 !important; text-decoration: none; background: url('/images/web/blog-icon-megaphone.png') no-repeat left center; background-size: auto 100%;}
.ui.new .blog-articles article .info2 *                   {padding-left: 25px; margin: 0 18px 5px 0;}
.ui.new .blog-articles article .info2 > *:last-child      {padding-left: 0;}
.ui.new .blog-articles article .info2 > *:last-child a    {padding-left: 20px;}
.ui.new .blog-articles article .info a:hover,
.ui.new .blog-articles article .info2 a:hover             {text-decoration: underline;}
.ui.new .blog-articles article .text                      {display: block; width: 100%; font-size: 18px; font-weight: 300; color: #595959; text-align: justify; margin-top: -5px;}
.ui.new .blog-articles article .button                    {width: auto; font-size: 13px; padding: 6px 12px; margin-top: 15px; float: right;}
  @media screen and (max-width: 1280px)                   {
  .ui.new .blog-articles article                          {margin-bottom: 20px;}
  .ui.new .blog-articles article h3 a                     {font-size: 18px;}
  .ui.new .blog-articles article .info2 .text             {font-size: 15px; margin-top: -4px;}
  .ui.new .blog-articles article .info2 .button           {font-size: 13px; padding: 5px 11px; margin-top: 14px;}
  }
  @media screen and (max-width: 960px)                    {
  .ui.new .blog-articles article .info2                   {margin: 7px 0 16px;}
  .ui.new .blog-articles article .info2 p                 {font-size: 14px !important; margin-right: 16px;}
  .ui.new .blog-articles article .info2 a                 {font-size: 14px !important;}
  .ui.new .blog-articles article .info2 *                 {padding-left: 25px; margin-right: 18px;}
  .ui.new .blog-articles article .info2 > *:last-child a  {padding-left: 19px;}
  .ui.new .blog-articles article .text                    {font-size: 14px; margin-top: -3px;}
  .ui.new .blog-articles article .button                  {font-size: 12px; padding: 5px 11px; margin-top: 13px;}
  }
  @media screen and (max-width: 768px)                    {
  .ui.new .blog-articles article h3 a                     {font-size: 17px;}
  .ui.new .blog-articles article .info2                   {margin: 6px 0 14px;}
  .ui.new .blog-articles article .info2 p                 {font-size: 13px !important; margin-right: 14px;}
  .ui.new .blog-articles article .info2 a                 {font-size: 13px !important;}
  .ui.new .blog-articles article .info2 *                 {padding-left: 22px; margin-right: 18px;}
  .ui.new .blog-articles article .info2 > *:last-child a  {padding-left: 18px;}
  .ui.new .blog-articles article .text                    {font-size: 13px;}
  }
  @media screen and (max-width: 640px)                    {
  .ui.new .blog-articles article img                      {width: 100%;}
  .ui.new .blog-articles article .right                   {width: 100%; margin-top: 20px;}
  }      

#snippet-brokerProfile-reviews              {display: block; width: 100%;}

.ui .broker-detail .box p                   {display: block; width: 100%; text-align: justify; font-size: 15px; font-weight: 400; color: #686868; margin-top: 10px;}
.ui.new .broker-detail .box p               {margin-top: 0;}


.ui .broker-detail .box.motto p             {font-style: italic;}

.areaCTA                                    {display: flex; justify-content: center; background: #e6e6e6; padding: 1rem 0; position: relative;}
.areaCTA .info                              {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; padding: 0 0.5rem; background: #e6e6e6; position: relative; z-index: 2;}
.areaCTA .info img                          {display: block; width: 220px; height: auto; margin-right: 1rem;}
.areaCTA .info .right                       {display: block; width: auto;} 
.areaCTA .info .right p                     {font-size: 35px; color: #818181; line-height: 1.3em;}
.areaCTA .info .right p.question            {font-weight: 600;}
.areaCTA .info .right .button               {margin-top: 15px; font-size: 14px;}
.areaCTA .line                              {display: block; width: 90%; height: 1px; background: #818181; position: absolute; top: 50%; left: 5%; z-index: 1;}
  @media screen and (max-width: 1280px)     {
  .areaCTA .info img                        {width: 200px;}
  .areaCTA .info .right p                   {font-size: 32px;}
  .areaCTA .info .right .button             {margin-top: 14px; font-size: 13px;}
  }
  @media screen and (max-width: 960px)      {
  .areaCTA .info img                        {width: 170px;}
  .areaCTA .info .right p                   {font-size: 28px;}
  .areaCTA .info .right .button             {margin-top: 13px; font-size: 12px;}
  }
  @media screen and (max-width: 768px)      {
  .areaCTA .info                            {flex-wrap: wrap; justify-content: center;}
  .areaCTA .info img                        {width: 160px; margin: 0;}
  .areaCTA .info .right                     {display: flex; width: 100%; justify-content: center; flex-wrap: wrap;} 
  .areaCTA .info .right p                   {width: 100%;font-size: 25px; text-align: center;}
  .areaCTA .info .right .button             {margin-top: 15px; font-size: 14px;}
  }
  @media screen and (max-width: 640px)      {
  .areaCTA .info img                        {width: 120px;}
  .areaCTA .info .right p                   {font-size: 20px;}
  }  
  @media screen and (max-width: 540px)      {
  .areaCTA .info img                        {width: 100px;}
  .areaCTA .info .right p                   {font-size: 18px;}
  } 

/* Vše zkopírováno */
.ui.new .areaCTA                                    {display: flex; width: 100%; justify-content: center; background: #f5f5f5; padding: 30px; position: relative; box-sizing: border-box; margin: 0 0 45px;}
.ui.new .areaCTA .info                              {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; padding: 0 0.5rem; margin: 0 !important; background: #f5f5f5; position: relative; z-index: 2;}
.ui.new .areaCTA .info img                          {display: block; width: 140px; height: auto; margin-right: 1rem;}
.ui.new .areaCTA .info .right                       {display: block; width: auto;} 
.ui.new .areaCTA .info .right p                     {font-size: 25px; color: #818181; line-height: 1.2em;}
.ui.new .areaCTA .info .right p.question            {font-weight: 600;}
.ui.new .areaCTA .info .right .button               {margin-top: 13px; font-size: 16px; font-weight: bold; padding: 13px 25px 13px 50px; position: relative;}
.ui.new .areaCTA .info .right .button::before       {display: block; width: 25px; height: 100%; background: URL('https://www.srovnani-makleru.cz/css/images/tel-white.png') no-repeat left center; background-size: auto 1.2em; position: absolute; left: 25px; top: 0; content: "";}
.ui.new .areaCTA .line                              {display: block; width: 90%; height: 1px; background: #818181; opacity: 0.6; position: absolute; top: 50%; left: 5%; z-index: 1;}
  @media screen and (max-width: 724px)              {
  .ui.new .areaCTA                                  {background: #f5f5f5; padding: 15px 20px 25px; box-sizing: border-box;}
  .ui.new .areaCTA .info                            {background: #f5f5f5; flex-wrap: wrap; justify-content: center;}
  .ui.new .areaCTA .info img                        {width: 140px; margin: 0;}
  .ui.new .areaCTA .info .right                     {display: flex; width: 100%; justify-content: center; flex-wrap: wrap;} 
  .ui.new .areaCTA .info .right p                   {width: 100%; font-size: 22px; text-align: center;}
  .ui.new .areaCTA .info .right .button             {margin-top: 15px; font-size: 15px;}
  .ui.new .areaCTA .line                            {display: none;}
  }
  @media screen and (max-width: 640px)              {
  .ui.new .areaCTA .info img                        {width: 120px;}
  .ui.new .areaCTA .info .right p                   {font-size: 20px;}
  }  
  @media screen and (max-width: 540px)              {
  .ui.new .areaCTA .info img                        {width: 100px;}
  .ui.new .areaCTA .info .right p                   {font-size: 18px;}
  } 



.advisory article{
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: solid 1px #dadada;
}
.advisory article:last-child{
    border-bottom: none;
}
.advisory article .button{
    float: right;
    width: auto;
    font-size: 12px;
    padding: 6px 12px;
    margin-top: 0px;
}
.box.advisory, .box.articles {
    border: solid 1px #dadada;
    padding: 20px;
    width: 100%;
    background: white;
}
.box.advisory .info2 p {
    display: inline-block;
    color: #818181;
    padding-left: 30px;
    background: URL('http://srovnani-makleru.cz/images/web/blog-icon-calendar.png') no-repeat left center;
    background-size: auto 100%;
    font-size: 14px;
}

.box.advisory header{
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 10px;
}
.clearfix{
    clear: both;
    width: 100%;
    height: 1px;
}
.broker-detail .agent .request-contact                    {width: auto; margin-top: 20px; padding: 10px 30px;}
.ui.new .broker-detail .agent .request-contact            {margin: 0; font-size: 16px; padding: 8px 20px; padding: 13px 23px 13px 47px; position: relative;}
.ui.new .broker-detail .agent .request-contact::before    {display: block; width: 27px; height: 100%; background: URL('https://www.srovnani-makleru.cz/css/images/tel-white.png') no-repeat left center; background-size: auto 1.2em; position: absolute; left: 21px; top: 0; content: "";}

  @media screen and (max-width: 1280px)                   {
  .ui.new .broker-detail .agent .request-contact          {font-size: 15px; padding: 11px 20px 11px 40px;}
  .ui.new .broker-detail .agent .request-contact::before  {width: 24px; left: 17px;}
  }

.broker-reaction-box                                      {
    width: 48%;
}

.ui.new .profile-info .broker-reaction-box            {align-items: flex-start; background: rgba(0,0,0,0.01); padding: 30px; border: dashed 2px #15cc89;}
  @media screen and (max-width: 768px)                {
  .ui.new .profile-info .broker-reaction-box          {padding: 20px; border-width: 1px;}
  }
  @media screen and (max-width: 380px)                {
  .ui.new .profile-info .broker-reaction-box          {padding: 15px;}
  }

.realEstatesLogos{
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px !important;
}

.realEstatesLogo                              {width: 150px; height: 100px; padding: 0 20px 12px 20px; background-repeat: no-repeat; background-position: center center; background-size: 65%;}
.realEstatesLogo a                            {display: block; width: 100%; height: 100%;}
  @media screen and (max-width: 768px)        {
  .realEstatesLogo                            {width: 110px;}
  }

.video .width33                               {width: 33%; max-width: 198px; margin: 0px 1px; display: block; float: left;}
.video .width33 img{ width: 100%;}
.video .width33:last-child{ margin-right: 0;}

.advisory .poradna.areaImg p {
    margin-top: 10px;
}

.agent .infographics .col p.show-after-reg {
    margin-top: 4px;
    font-weight: normal;
    font-size: 17px;
    color: #15cc89;
}

/* Form-fixing */
  @media screen and (min-width: 961px)  {
  .advisory .poradna .wrapper,
  .advisory .main.detail .wrapper                       {position: relative;}
  /*.advisory .wrapper .slopeForm,
  .advisory .wrapper .inner-wrapper-sticky              {position: fixed; top: 140px;}*/
  .advisory .wrapper .slopeForm.fixed-end,
  .advisory .wrapper .inner-wrapper-sticky.fixed-end    {position: absolute; right: 0; bottom: 0; top: auto;}

  .blog .main aside                                     {position: relative;}
  
  .rightSlope .right-fixing                             {display: block; width: 100%;}
  .rightSlope .right-fixing.fixed                       {position: fixed; top: 140px;}
  
  .rightSlope .right-fixing.fixed-end                   {position: absolute !important; right: 0 !important; bottom: 0 !important; top: auto !important;}

  .slopeForm.fixed,
  .main-aside#jak-prodat-nemovitost .slopeForm.fixed-middle
                                                        {position: fixed; top: 110px;}
  
  .slopeForm.fixed-middle,
  .main-aside:not(#jak-prodat-nemovitost) .slopeForm.fixed-middle
                                                        {position: fixed; bottom: 20px; top: auto;}
  .slopeForm.fixed-middle.fixed-end,
  .slopeForm.fixed.fixed-end                            {position: absolute !important; top: auto !important; bottom: 0 !important;}
  }

  /* Protoze spolu s obsahem je to až moc vysoke */
  @media screen and (min-width: 961px) and (max-height: 600px){ 
  #jak-prodat-nemovitost .slopeForm.fixed                 {position: relative; top: auto;}
  #jak-prodat-nemovitost .slopeForm.fixed.fixed-end       {position: relative; top: auto; bottom: auto;}
  }

  @media screen and (max-width: 960px)          {
  #jak-prodat-nemovitost aside                  {display: none;}
  }

.agent .infographics .col p.show-after-reg a    {color: #15cc89; text-decoration: underline;}
.show-after-reg                                 {background: none !important; padding-left: 0 !important;}
.show-after-reg, .show-after-reg a              {color: #2c779c !important; font-weight: bold !important; font-style: italic; font-size: 13px !important;}
.agent .show-after-reg.oceneni                  {background: url('/images/web/medal-icon.png') center left no-repeat;}
.agent .show-after-reg.hodnoceni                {background: url('/images/web/rating-icon.png') center left no-repeat;}                                                         
.agent .show-after-reg.hodnoceni,
.agent .show-after-reg.oceneni,
.proste-co-neni-videt                           {margin-top: 10px; font-weight: normal; font-size: 17px; width: 390px; padding-left: 40px; margin-top: 0; color: #15cc89; text-align: left;}
.proste-co-neni-videt                           {padding-left: 0px;}
.agent .show-after-reg.oceneni                  {width: 180px;}
.agent .show-after-reg.hodnoceni a,
.agent .show-after-reg.oceneni a,
.proste-co-neni-videt a                         {margin-top: 10px; font-weight: normal; font-size: 17px; color: #15cc89; text-decoration: underline;}
.rating .show-after-reg.hodnoceni.three-star    {margin-top: 10px; font-weight: normal; font-size: 17px; color: #15cc89; background: url('/images/web/3star-icon.png') center left no-repeat; padding-left: 2px;}
.rating .show-after-reg.hodnoceni a             {text-decoration: underline; color: #15cc89;}
.tleft                                          {text-align: left !important;}
  @media screen and (max-width: 1280px)         {
  .agent .show-after-reg.hodnoceni a,
  .agent .show-after-reg.oceneni a,
  .proste-co-neni-videt a,
  .agent .show-after-reg a,
  .agent .show-after-reg                        {font-size: 12px !important;}
  .agent .show-after-reg.oceneni                {width: 200px;}
  .agent .show-after-reg.hodnoceni              {padding-left: 24px; box-sizing: border-box;}
  }
  @media screen and (max-width: 640px)          {
  .agent .show-after-reg.hodnoceni,
  .agent .show-after-reg.oceneni,
  .proste-co-neni-videt                         {width: 200px;}
  .agent .show-after-reg.hodnoceni a,
  .agent .show-after-reg.oceneni a,
  .proste-co-neni-videt a,
  .agent .show-after-reg a,
  .agent .show-after-reg                        {font-size: 11px !important;}
  }
  
.ui .infographics .num a{
  
}

.text-wrapper {
    font-size: 16px;
    font-weight: normal;
    display: block;
}
.text-wrapper p{
    margin-bottom: 10px;
}
.text-wrapper h2 {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 15px;
    margin-top: 20px;
}

.review .initials .name                         {color: #4b4b4b; font-size: 19px; font-weight: 500;}

pre {
    z-index: 99999 !important; 
}


.page404{
    background: url('/images/web/404.jpg') no-repeat;
    padding-left: 550px;
}
.page404 h1 {
    font-size: 40px;
    font-weight: 500;
    padding: 50px 0; 
}
.page404 p {
    font-size: 16px;
    padding-bottom: 20px;
}
.page404 ul{
    list-style-type: disc;
    padding: 20px 0 220px 120px;
}

.page404 ul li a{
    font-size: 16px;
    line-height: 35px;
    color: #1bd993;
    text-decoration: underline;
}
.tooltipClass, .custom-tooltip-styling{
    background: red;
}

.ckeText {
    font-size: 16px;
    display: block;
    text-align: justify;
    font-weight: normal;
}
.ckeText p{
    margin-bottom: 10px;
}

.round-image{
    display: block;
    width: 48px;
    height: 48px;
    border: 1px solid #c7c7c7;
    border-radius: 25px;
    background-size: 48px;
    background-position: center center;
    background-repeat: no-repeat;
}
.roundInitials{
    text-transform: uppercase;
    background: #939aa3;
    border-color: #939aa3;
    color: white !important;
    text-align: center !important;
    line-height: 48px !important;
    text-decoration: none !important;
    font-size: 23px !important;
    font-weight: 300 !important;
    font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
}

.roundInitials.big {
    margin-left: 60px;
    margin-top: 30px;
    display: block;
    width: 120px;
    height: 120px;
    border-radius: 60px;
    line-height: 120px !important;
    font-size: 60px !important;
    letter-spacing: -8px;
    text-indent: -8px;
}


.super-jiny-text {
    font-style: italic;
    color: #595959;
    font-weight: 300;
    margin-top: 10px;
    font-size: 16px;
    max-width: 600px;
    display: block;
    text-align: justify;
    margin-bottom: 15px;
}

.mesto {
    background: url('/images/web/mesto.jpg') no-repeat;
}


.blog-articles-grid                           {display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; background: #f3f3f3;}
.blog-articles-grid .wrapper                  {align-items: flex-start;}
.blog-articles-grid article                   {display: flex; width: calc(50% - 1em); margin-bottom: 2em; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;}
.blog-articles-grid article:nth-last-of-type(-n+2) 
                                              {margin-bottom: 0;}
.blog-articles-grid article h3,
.blog-articles-grid article h3 a              {display: block; width: 100%; font-size: 1.2em; font-weight: 600; color: #3e3e3e; text-decoration: none;}
.blog-articles-grid article h3 a:hover        {text-decoration: underline;}
.blog-articles-grid article .info             {background: none; padding-left: 0; margin: 0; margin-top: 1em; display: block; width: 100%; font-size: 0.9em; font-weight: 300;}
.blog-articles-grid article .info p           {display: inline-block; color: #3e3e3e; padding-left: 1.7em; margin-right: 1em; background-size: auto 100%; background-position: left center; background-repeat: no-repeat;}

.blog-articles-grid article .info p.date      {background-image: url('/images/web/blog-icon-calendar.png');}
.blog-articles-grid article .info p.sekce     {background-image: url('/images/web/blog-icon-megaphone.png');}
.blog-articles-grid article .info p.author    {background-image: url('/images/web/advisory-icon-user.png'); padding-left: 1.3em;}

.blog-articles-grid article .info a           {display: inline-block; color: #3e3e3e; text-decoration: none; }
.blog-articles-grid article .info a:hover     {text-decoration: underline;}
.blog-articles-grid article .left             {display: block; width: 11em;}
.blog-articles-grid article .left img         {display: block; width: 100%; height: auto; margin-bottom: 0.8em;}
.blog-articles-grid article .text             {display: block; width: calc(100% - 12em); font-size: 1em; color: #595959; text-align: justify; margin-top: -0.15em;}
.blog-articles-grid article .text p           {max-height: 6.55em; margin-bottom: 0.8em; overflow: hidden;}
.blog-articles-grid article .button           {font-size: 0.7em; padding: 0.5em 1em; margin-top: 0.3em;}
.blog-articles-grid .bottom                   {display: block; width: 100%; text-align: center; margin-top: 1.5rem; padding-top: 0.7em;}
.blog-articles-grid .bottom .button           {font-size: 0.85em;}

  @media screen and (max-width: 1080px)       {
  .blog-articles-grid article .left           {width: 100%;}
  .blog-articles-grid article .text           {width: 100%; margin-top: 0;}
  }
  @media screen and (max-width: 768px)        {
  .blog-articles-grid article .info p.author  {padding-left: 1.1em;}
  }
  @media screen and (max-width: 640px)        {
  .blog-articles-grid article                 {width: calc(50% - 0.6em);}
  .blog-articles-grid article .info p,
  .blog-articles-grid article .info p.author  {padding-left: 1.5em;}
  }
  @media screen and (max-width: 440px)        {
  .blog-articles-grid .wrapper                {display: block;}
  .blog-articles-grid article                 {width: 100%; margin-bottom: 2em !important;}
  }

.img-author                                   {display: flex; justify-content: space-between;; align-items: center; flex-wrap: wrap;}
.img-author .img                              {display: block; width: 7rem; height: 7rem; position: relative; overflow: hidden; background: white; border-radius: 100%; border: solid 1px rgba(0,0,0,0.1); box-sizing: border-box;}
.img-author .img span                         {display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; background: url('/images/avatar.png') no-repeat center center; background-size: cover;}
.img-author .img span img                     {display: block; width: 100%; height: auto;}
.img-author p                                 {text-align: justify !important; font-size: 1rem !important;}
  @media screen and (min-width: 768px)        {
  .img-author p                               {width: calc(100% - 9rem) !important; margin: 0 !important;}
  }
  @media screen and (max-width: 768px)        {
  .img-author                                 {justify-content: center;}
  .img-author p                               {width: 100%; margin-top: 1.2em;}
  }


/* BLOG */
.blog .areaImg.blogTitle                        {padding: 0.1rem 0;}
.blog .areaImg .title                           {font-size: 24px;}
.blog .areaImg .heading , .blog .areaImg .wrapper .asH1Blog       {display: block; font-size: 50px; color: white; font-weight: 300; text-transform: uppercase; margin: 10px 0; color: white} 
.blog .areaImg .heading a , .blog .areaImg .wrapper .asH1Blog a       {color: white;} 
.blog .areaImg .text                            {display: block; max-width: 800px; margin: 0 auto; font-size: 18px; font-weight: 300;}

.blog .blog-left                                {float: left !important; width: 300px !important;}
.blog .blog-right                               {float: left !important; width: calc(100% - 325px) !important; margin-bottom: 1em;}
  @media screen and (max-width: 768px)          {
  .blog .blog-left                              {width: 260px !important;}
  .blog .blog-right                             {width: calc(100% - 275px) !important; margin-left: 15px;}
  }
  @media screen and (max-width: 640px)          {
  .blog .blog-left                              {width: 100% !important;}
  .blog .blog-right                             {width: 100% !important; margin-left: 0px; margin-top: 1rem;}
  .blog .blog-right .button                     {margin-bottom: 2rem;}
  }
  
.butotn-right {float: right;}

.barometter-button{
    font-weight: normal;
    font-size: 14px;
    text-align: center;
}


  @media screen and (max-width: 720px)          {
  .blog .areaImg .title                         {font-size: 18px;}
  .blog .areaImg .heading                       {font-size: 54px; margin: 10px 0;}
  .blog .areaImg .text                          {font-size: 15px;}
  }

.navigation                                     {display: block; width: 100%; padding: 8px 0;}
.navigation a                                   {display: inline-block; font-size: 14px; color: #818181;}
.navigation a:hover                             {text-decoration: underline;}
.navigation a:before                            {display: inline-block; width: 2em; height: 1em; background: url('https://www.srovnani-makleru.cz/css/images/navigation-arrow.png') no-repeat center top 0.35em; background-size: auto 70%; content: "";}
.navigation a:first-child:before                {display: none;}

.main-aside,
.blog .main                                     {display: block; width: 100%; background: white; padding-bottom: 1rem;}
.main-aside .wrapper                            {width: 100%; justify-content: space-between; position: relative;}
.blog .main .wrapper                            {justify-content: space-between; position: relative;}
.main-aside main,
.blog .main .articles,
.documents main                                 {display: block; width: calc(100% - 420px);}
.blog .main .articles article                   {display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; width: 100%; padding-bottom: 20px; margin-bottom: 20px;}
.blog .main .articles article h2                {font-size: 1.5rem;}

.blog .main .articles article .info             {background: none; padding-left: 0; margin: 0; margin-top: 13px; display: block; width: 100%;  font-size: 16px; font-weight: 300;}
.blog .main .articles article .info p           {display: inline-block; color: #3e3e3e; padding-left: 30px; margin-right: 20px; background-size: auto 100%; background-position: left center; background-repeat: no-repeat;}

.blog .main .articles article .info p.date      {background-image: url('/images/web/blog-icon-calendar.png');}
.blog .main .articles article .info p.sekce     {background-image: url('/images/web/blog-icon-megaphone.png');}
.blog .main .articles article .info p.author    {background-image: url('/images/web/advisory-icon-user.png'); padding-left: 25px;}

.blog .main .articles article .info a           {display: inline-block; color: #3e3e3e; text-decoration: none; }
.blog .main .articles article .info a:hover     {text-decoration: underline;}
.blog .main .articles article img               {display: block; width: 300px; height: auto; margin-bottom: 15px;}
.blog .main .articles article .text             {display: block; width: 100%; font-size: 1rem; line-height: 1.7em; color: black; text-align: left; margin-top: -0.2em;}
.blog .main .articles article .text p           {width: 100%; text-align: left; margin-bottom: 0.8em;}
.blog .main .articles article .button           {font-size: 0.7em; padding: 0.3em 1.2em; margin-top: 0.4em;}
.main-aside aside                               {display: block; width: 380px; position: relative;}
.blog .main aside,
.documents aside                                {display: block; width: 380px;}
.main-aside aside .rightSlope                   {width: 100%; height: 100%;}
.msearch section                                {display: block; width: 100%; padding: 0 0 40px 15px; margin-bottom: 40px; border-bottom: solid 1px #dadada; box-sizing: border-box;}
.msearch .search                                {padding-left: 0; position: relative;}

.more-articles                                  {display: block; width: 100%; padding-top: 40px;}
.more-articles .wrapper                         {justify-content: space-between;}
.more-articles article                          {display: flex; width: 48%; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; margin-bottom: 30px;}
.more-articles article h3                       {display: block; width: 100%;}
.more-articles article h3 a                     {display: inline-block; font-size: 20px; font-weight: 600; color: #3e3e3e; text-decoration: none;}
.more-articles article h3 a:hover               {text-decoration: underline;}
.more-articles article .info                    {background: none; padding-left: 0; margin: 0; margin-top: 10px; display: block; width: 100%; font-size: 14px; font-weight: 300;}
.more-articles article .info p                  {display: inline-block; color: #3e3e3e; padding-left: 26px; margin-right: 16px; background-size: auto 100%; background-position: left center; background-repeat: no-repeat;}

.more-articles article .info p.date             {background-image: url('https://www.srovnani-makleru.cz/images/web/blog-icon-calendar.png');}
.more-articles article .info p.sekce            {background-image: url('https://www.srovnani-makleru.cz/images/web/blog-icon-megaphone.png');}
.more-articles article .info p.author           {background-image: url('https://www.srovnani-makleru.cz/images/web/advisory-icon-user.png'); padding-left: 22px;}

.more-articles article .info a                  {display: inline-block; color: #3e3e3e; text-decoration: none;}
.more-articles article .info a:hover            {text-decoration: underline;}
.more-articles article .blog-left               {width: 220px !important;}
.more-articles article img                      {display: block; width: 100%; height: auto; margin-bottom: 13px;}
.more-articles article .text                    {display: block; width: calc(100% - 240px) !important; font-size: 15px; line-height: 1.4em; color: #595959; text-align: left; margin-top: -4px;}
.more-articles article .text p                  {margin-bottom: 13px;}
.more-articles article .button                  {font-size: 11px; padding: 5px 11px; margin: 13px 0 0 !important;}
  @media screen and (min-width: 960px)          {
  .more-articles article:nth-last-of-type(-n+2) {margin-bottom: 0;}                         
  }
  @media screen and (max-width: 960px)          {
  .more-articles article                        {width: 100%;}
  .more-articles article:last-of-type           {margin-bottom: 0;}                         
  } 
  @media screen and (max-width: 640px)          {
  .more-articles article .blog-left             {width: 100% !important; margin-bottom: 10px;}
  .more-articles article .text                  {width: 100% !important;}
  }

.blog.byCity .main .articles {
    width: 100%;
}
.blog.byCity .blog-right {
    width: calc(100% - 330px);
   
}

.lineX 
{
 
    color: #dadada;
    border: none;
    border-bottom: 1px solid #dadada;
    height: 1px;
    margin: 10px 0;
}

.button.doPrava{
    float: right;
}

#frm-citySearchForm-deal_type{
    width: 205px !important;
}

.search .msearch                                {background: #15cc89; color: white; }
.advisory .msearch p                            {float: left;line-height: 60px;}
.advisory #frm-searchForm                       {float: left; margin: 0 10px; position: relative;}
.advisory .msearch .search                      {padding: 25px 0;}
.advisory .msearch .search a.button.cyan        {font-size: 16px; padding:  0 20px; line-height: 60px; margin-left: 15px;}
.advisory .search-wrap-x                        {margin: 0 auto; width: 100%; max-width: 550px; font-size: 29px; font-weight: 600;}
.advisory .msearch .search input#frm-searchForm-search
                                                {width: 230px;} 
  @media screen and (max-width: 960px)          {
  .advisory .msearch p                          {float: none; width: 100%; text-align: center; margin-bottom: 15px;}
  .advisory #frm-searchForm                     {width: 230px; margin: 0 auto; float: none;}
  }                                                          

.msearch .search input#frm-searchForm-search          {display: block; width: 100%; height: 60px; padding: 0 60px 0 15px; background: white; border: none; outline: none; border: solid 1px #dadada; box-sizing: border-box;}
.msearch .search input[type='submit']                {display: block; width: 60px; height: 60px; position: absolute; top: 0; right: 5px; z-index: 2; background: url('/images/web/blog-icon-search.png') no-repeat center center; background-size: 40px auto; border: none; outline: none; cursor: pointer;}
.msearch .search button:hover          {opacity: 0.6;}
.msearch .search #suggest              {display: block; height: auto; width: 100%; position: absolute; left: 0; top: 60px; background: #f7f7f7;}
.msearch .search #suggest a            {display: flex; width: 100%; height: auto; justify-content: space-between; align-items: flex-start; padding: 15px; box-sizing: border-box; border-bottom: solid 1px #d8d8d8;}
.msearch .search #suggest a img        {display: block; width: 40px; height: auto;}
.msearch .search #suggest a p          {display: block; width: calc(100% - 50px); font-size: 13px; color: #535353; font-weight: 500; margin-top: -0.35em;}
.msearch .search #suggest a p span     {display: block; font-weight: 300;}
.msearch .search #suggest a:hover      {background: #f0f0f0;}


.section.msearch {
    background: #15cc89;
    color: white;
}

/*zasranej search form*/
#frm-searchForm {float: left; margin: 0 10px; position: relative; min-height: 40px;}
#frm-searchForm-search {display: block;
    width: 230px;
    height: 60px;
    padding: 0 60px 0 15px;
    background: white;
    border: none;
    outline: none;
    border: solid 1px #dadada;
    box-sizing: border-box;
}
#frm-searchForm input[type='submit'] {
    display: block;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0;
    right: 5px;
    z-index: 2;
    background: url('/images/web/blog-icon-search.png') no-repeat center center;
    background-size: auto auto;
    background-size: 40px auto;
    border: none;
    outline: none;
    cursor: pointer;
}
.form-wrapp{
    margin-top: 25px;
    height: 40px;
    display: flex;
}
.form-wrapp form {
    margin: auto !important;
}

.blog .main aside h2                            {display: block; width: 100%; margin-bottom: 20px; font-size: 20px; color: #595959; font-weight: 500;}
.blog .main aside .topics                       {margin-top: 1em;}
.blog .main aside .topics a                     {display: block; font-size: 18px; color: #15cc89; margin-bottom: 3px; text-decoration: none;}
.blog .main aside .topics a:before              {display: inline-block; width: 5px; height: 5px; background: #15cc89; border-radius: 100%; content: ""; margin: 0 15px 4px 0;}
.blog .main aside .topics a:hover               {text-decoration: underline;}   
.blog .main aside .most-readed > div            {display: flex; width: 100%; justify-content: space-between; align-items: flex-start; margin-bottom: 20px}
.blog .main aside .most-readed > div:last-of-type  {margin-bottom: 0;}
.blog .main aside .most-readed > div .img       {display: block; width: 90px; height: auto; padding-top: 60px; box-sizing: border-box; position: relative; margin-top: 3px;}
.blog .main aside .most-readed > div .img span  {display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; position: absolute; left: 0; top: 0; overflow: hidden; margin: 0;}
.blog .main aside .most-readed > div .img span img {display: block; width: 100%;}
.blog .main aside .most-readed > div a          {width: calc(100% - 105px);}
.blog .main aside .most-readed a                {display: block; font-size: 18px; color: #15cc89; text-decoration: none;}
.blog .main aside .most-readed a span           {display: block; color: #818181; font-weight: 300; font-style: italic; margin: 3px 0 20px;}
.blog .main aside .most-readed a:hover          {text-decoration: underline;}   
.blog .main aside .tags                         {display: flex; flex-wrap: wrap; align-items: flex-end;}
.blog .main aside .tags a                       {display: inline; color: #15cc89; margin-right: 5px; line-height: 1em; margin-bottom: 5px; text-decoration: none;}
.blog .main aside .tags a.size1                 {font-size: 14px;}
.blog .main aside .tags a.size2                 {font-size: 16px;}
.blog .main aside .tags a.size3                 {font-size: 19px;}
.blog .main aside .tags a.size4                 {font-size: 22px;}
.blog .main aside .tags a.size5                 {font-size: 26px;}
.blog .main aside .tags a:hover                 {text-decoration: underline;}
  @media screen and (max-width: 1300px)         {
  .main-aside main,
  .blog .main .articles,
  .documents main                               {width: calc(100% - 380px);}
  .blog .main .articles article                 {padding-bottom: 25px; margin-bottom: 25px;}
  .blog .main .articles article .info           {margin: 7px 0 15px; font-size: 14px;}
  .blog .main .articles article .info p         {padding-left: 25px; margin-right: 15px;}
  .blog .main .articles article img             {width: 220px;}
  .main-aside aside,
  .blog .main aside,
  .documents aside                              {width: 355px;}
  .blog .main aside section                     {padding: 0 0 25px 15px; margin-bottom: 25px;}
  .blog .main aside .search input               {height: 40px; padding: 0 50px 0 12px;}
  .blog .main aside .search button              {width: 40px; height: 40px; background-size: 24px auto;}
  .blog .main aside .search #suggest            {top: 40px;}
  .blog .main aside h2                          {margin-bottom: 16px; font-size: 16px;}
  .blog .main aside .topics a                   {font-size: 15px; margin-bottom: 2px;}
  .blog .main aside .topics a:before            {width: 4px; height: 4px;margin: 0 13px 4px 0;}
  .blog .main aside .most-readed a              {font-size: 15px;}
  }
  @media screen and (min-width: 1080px)         {
  .article-content                              {display: block; width: 100%; padding-top: 1.5em;}
  .article-content .title                       {font-size: 1.3em; font-weight: bold;}  
  .article-content li                           {margin-bottom: 0.3em;}
  .article-content li a                         {color: #12ce89;}
  .article-content li a:hover                   {text-decoration: none; color: #252525;}
  }
  @media screen and (max-width: 1080px)         {
  .main-aside main,
  .blog .main .articles,
  .documents main                               {width: calc(100% - 325px);}
  .main-aside aside,
  .blog .main aside,
  .documents aside                              {width: 300px;}
  .article-content                              {display: none;}
  }
  @media screen and (max-width: 960px)          {
  .blog .main .wrapper                          {display: block; /*padding-top: 60px;*/}
  .main-aside main, .main-aside aside,
  .blog .main .articles, .blog .main aside,
  .decouments main, .documents aside            {width: 100%;}
  .blog .main aside .search                     {padding-left: 0; position: absolute; top: 0; left: 0;}
  .blog .main .articles article                 {margin-bottom: 20px !important; padding-bottom: 0 !important; border-bottom: none;}
  .msearch section                              {padding: 0 0 40px; border-bottom:none;}
  .main-aside main,
  .documents main                               {width: 100%;}
  .main-aside aside,
  .documents aside                              {width: 100%; margin-top: 4em;}
  }
  @media screen and (max-width: 700px)          {
  .blog .main .articles article                 {display: block;}
  .blog .main .articles article img             {width: 100%;}  
  }
  
.blog.byCity .main .articles article:last-child    {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.sdfgsdf{font-size: 32px !important; font-weight: bold !important;}

.wrapper.background.no-flex.stats               {max-width: 1050px; margin: 0 auto; padding: 0 20px; box-sizing: border-box;}
.x4box                                          {width: 50%; float: left; display: block;}
  @media screen and (max-width: 1280px)         {
  .x4box                                        {font-size: 16px;}
  .x4box span                                   {font-size: 24px;}
  }
  @media screen and (max-width: 860px)          {
  .x4box                                        {width: 100%;}
  }
  @media screen and (max-width: 500px)          {

  .x4box > span                                 {display: block; margin: 15px 0 -5px;}
  }
      
/* BLOG - DETAIL */
.blog.detail .main .articles article            {display: block; padding-bottom: 0px; margin-bottom: 0px; border-bottom: none;}
.blog .main .articles article img               {width: 100%;}





.articles article                               {display: flex; width: 100%; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; margin-top: 30px;}
.articles article img                           {display: block; width: 300px; }
.articles article .right                        {display: block; width: calc(100% - 320px); margin-top: -6px;}
.articles article .right h3 a                   {display: block; width: 100%; font-size: 26px; font-weight: 500; color: #595959; text-decoration: none;}
.articles article .right h3 a:hover             {text-decoration: underline;}
.articles article .right .info2                 {display: block; width: 100%; margin: 10px 0 20px; font-size: 16px; font-weight: 300;}
.articles article .right .info2 p               {display: inline-block; color: #818181; padding-left: 30px; margin-right: 20px; background: url('/images/web/blog-icon-calendar.png') no-repeat left center; background-size: auto 100%;}
.articles article .right .info2 a               {display: inline-block; color: #818181; padding-left: 30px; text-decoration: none; background: url('/images/web/blog-icon-megaphone.png') no-repeat left center; background-size: auto 100%;}
.articles article .right.info a:hover,
.articles article .right .info2 a:hover         {text-decoration: underline;}
.articles article .right .text                  {display: block; width: 100%; font-size: 16px; font-weight: 300; color: #595959; text-align: justify; margin-top: -5px;}
.articles article .right .button                {width: auto; font-size: 12px; padding: 6px 12px; margin-top: 15px; float: right;}

.blog .main .articles article {margin-top: 10px;}

.box.articles h2                    {
    background: url('/images/web/ui2-icon-articles.png') no-repeat left center;
    background-size: 30px auto;
    font-size: 24px;
    color: #15cc89;
    font-weight: 600;
    padding: 3px 10px 3px 42px;
    margin-bottom: 20px;
}

.blog .h1-wrapper {
    font-size: 20px;
    font-weight: 500;
    color: #595959;
    /*padding-top: 20px;*/
}

.cityRegionWrap {
    box-sizing: border-box;
    width: 32%;
    float: left;
    padding: 15px 10px 0 10px;
    min-height: 98px;
}
.cityRegionWrap h2{
    color: #303030;
    font-weight: 400;
}
.cityRegionWrap li{
    display: inline-block;
    width: auto !important;
    line-height: 22px;
}
.cityRegionWrap li a{
    color: #2ab8e6;
    font-size: 14px !important;
    text-decoration: underline;
    line-height: 22px;
    font-weight: bold;
}

#searchForm{
    margin: 10px 0 0 11px;
    border: 1px solid #dedede;
    padding: 8px;
    height: 26px;
}
#searchForm input[type='text'] {
    width: 180px;
    padding: 0px;
    height: 28px;
    float: left;
}
#searchForm input[type='submit'] {
    background: url('/images/web/blog-icon-search.png') no-repeat center center; background-size: 28px auto;
    width: 30px;
    height: 30px;
    border: none !important;
    cursor: pointer;
}

.documents                                              {padding: 0;}
.documents > .wrapper main                              {display: block;}
  @media screen and (min-width: 960px)                  {
  .documents > .wrapper                                 {justify-content: space-between;}
  }
  @media screen and (max-width: 960px)                  {
  .documents aside .rightSlope                          {display: none;}
  }

.tab-nav                                                {display: flex; width: 100%; flex-wrap: wrap; margin-bottom: 1em; background: rgba(0,0,0,0.05); padding: 1em; box-sizing: border-box; position: relative;}
.tab-nav #searchForm                                    {background: white; margin: 0;}
  @media screen and (min-width: 769px)                  {
  .tab-nav a                                            {margin-right: 1em;}
  .tab-nav #searchForm                                  {position: absolute; right: 0.5em; top: 0.4em;}
  }
  @media screen and (max-width: 768px)                  {
  .tab-nav                                              {justify-content: center;}
  .tab-nav a                                            {margin: 0.2em 0.4em;}
  .tab-nav #searchForm                                  {margin-top: 10px;}
  .tab-nav #searchForm input:first-of-type              {width: calc(100% - 40px);}
  }

.documents-list                                         {padding: 1em; box-sizing: border-box;}
.documents-list h2                                      {font-size: 16px; margin: -2px 0 2px;}
.documents-list h2 a                                    {color: #2ab8e6; text-decoration: underline; font-weight: 500;}
.documents-list .perex                                  {color: #38424a; font-size: 16px; text-align: justify;}
.documents-list .document                               {display: flex; justify-content: space-between; align-items: center; clear: both; box-sizing: border-box;}
.documents-list .document img,
.documents-list .imageBack                              {display: block; width: 2.5em;}
.text-document                                          {width: calc(100% - 3em);}
  @media screen and (min-width: 769px)                  {
  .documents-list .document                             {width: calc(33.33% - 1em); margin: 1.5em 1.5em 0 0;}
  .documents-list .document:nth-child(3n+3)             {margin-right: 0;}
  .documents-list .document:nth-child(-n+3)             {margin-top: 0;}
  }
  @media screen and (min-width: 441px) and (max-width: 768px){
  .documents-list .document                             {width: calc(50% - 0.8em); margin: 1.6em 1.6em 0 0;}
  .documents-list .document:nth-child(even)             {margin-right: 0;}
  .documents-list .document:nth-child(-n+2)             {margin-top: 0;}
  }
  @media screen and (max-width: 440px)                  {
  .documents-list .document                             {width: 100%; margin: 1.5em 0 0;}
  }


.imageBack                                              {background: url('/images/web/docs/sellIcons.png') no-repeat top center; width: 53px; height: 65px;}
.imageBack.dum{background-position: 0 0;}
.imageBack.byt{background-position: 0 -60px;}
.imageBack.pozemek{background-position: 0 -124px;}
.imageBack.chata{background-position: 0 -180px;}
.imageBack.komercni-prostor{background-position: 0 -244px;}
.imageBack.zemedelsky-objekt{background-position: 0 -304px;}
.imageBack.garaz{background-position: 0 -370px;}
.imageBack.historicky-odjekt{background-position: 0 -428px;}

.document-styles                                        {background: white;}
.document-styles.bg-gray                                {background: #f3f3f3;}

.document-detail h2                                     {display: block; font-size: 28px; font-weight: bold; color: #252525; margin-bottom: 10px;}
.document-detail p                                      {display: block; width: 100%; margin-bottom: 15px; color: #252525; font-size: 17px; text-align: justify;}
.document-detail .green                                 {color: #1dc98a !important;}
.document-detail .white-box                             {display: block; width: 100%; background: white; border: solid 1px rgba(0,0,0,0.05); padding: 4%; margin: 30px 0; box-sizing: border-box;}
.document-detail .white-box h2,
.document-detail .white-box p                           {text-align: center;}
.document-detail .gray-box                              {display: block; background: #f3f3f3; padding: 10px; box-sizing: border-box;}
.document-detail .bg-green                              {width: 100%; background: #1dc98a; color: white; text-align: center; font-size: 1rem; padding: 1.3rem; margin-top: 1rem; box-sizing: border-box;}                                                      
.document-detail .cols                                  {display: flex; width: 100%; justify-content: space-between;}
.document-detail .cols.c2 > div                         {display: block; width: 48%;}
.document-detail .info                                  {display: flex; font-size: 0.9rem; flex-wrap: wrap; font-weight: 300; padding: 0.2em 0;}
.document-detail .info p                                {display: inline-block; width: auto; color: #818181; padding-left: 1.7em; background-repeat: no-repeat; background-position: left center; background-size: auto 100%;}
.document-detail .info p br                             {display: none;}
.document-detail .info p:nth-child(1)                   {background-image: url('/images/web/blog-icon-calendar.png'); margin-right: 1.2em;}
.document-detail .info p:nth-child(2)                   {background-image: url('/images/web/blog-icon-megaphone.png');}
.document-detail .info a:hover                          {text-decoration: none;}
  @media screen and (max-width: 1400px)                 {
  .document-detail p                                    {margin-bottom: 14px; font-size: 16px;}
  }
  @media screen and (max-width: 1200px)                 {
  .document-detail h2                                   {font-size: 26px; margin-bottom: 8px;}
  .document-detail p                                    {margin-bottom: 13px; font-size: 15px;}
  .document-detail .white-box                           {padding: 5%;}
  }
  @media screen and (max-width: 960px)                  {
  .document-detail h2                                   {font-size: 24px; margin-bottom: 7px;}
  .document-detail p                                    {margin-bottom: 12px; font-size: 14px;}
  .document-detail .white-box                           {padding: 6%;}
  }
  @media screen and (max-width: 640px)                  {
  .document-detail h2                                   {font-size: 20px;}
  .document-detail .white-box                           {padding: 7%;}
  .document-detail .cols                                {display: block;}
  .document-detail .cols > *                            {width: 100% !important; margin-bottom: 25px;}
  .document-detail .cols > *:last-child                 {margin-bottom: 0;}
  }

.certificates                                           {display: flex; width: 100%; justify-content: space-around; margin: 40px 0; position: relative;}
.certificates:before                                    {display: block; width: 70%; height: 1px; background: black; opacity: 0.2; position: absolute; left: 15%; top: 75px; content: "";}
.certificates > div                                     {display: block; width: 320px; position: relative; z-index: 1;}
.certificates > div iframe                              {display: block; width: 150px; height: 150px; margin: 0 auto 16px;}
.certificates > div h3                                  {display: block; text-align: center; font-size: 18px; color: #252525; font-weight: bold; margin-bottom: 4px;}
.certificates > div p                                   {display: block; text-align: center; font-size: 15px; color: #252525; letter-spacing: -0.015em; margin: 0;}
  @media screen and (max-width: 1200px)                 {
  .certificates                                         {justify-content: space-between; margin: 36px 0;}
  .certificates > div                                   {width: 280px;}
  .certificates > div iframe                            {margin-bottom: 14px;}
  .certificates > div h3                                {font-size: 17px; margin-bottom: 3px;}
  .certificates > div p                                 {font-size: 13px;}
  }
  @media screen and (max-width: 960px)                  {
  .certificates                                         {margin: 32px 0;}
  .certificates > div                                   {width: 250px; max-width: 32%;}
  .certificates > div h3                                {font-size: 16px;}
  .certificates > div p                                 {font-size: 12px;}
  } 
  @media screen and (max-width: 768px)                  {
  .certificates                                         {display: block;}
  .certificates::before                                 {display: none;}
  .certificates > div                                   {width: 100%; max-width: 400px; margin: 0 auto 40px;}
  .certificates > div:last-child                        {margin-bottom: 0;}
  .certificates > div h3                                {font-size: 18px;}
  .certificates > div p                                 {font-size: 14px;}
  }  
  @media screen and (max-width: 540px)                  {
  .certificates::before                                 {display: none;}
  .certificates > div h3                                {font-size: 16px;}
  .certificates > div p                                 {font-size: 13px;}
  }       

.approach-tips                                          {display: flex; width: 100%; justify-content: space-between; flex-wrap: wrap;}
.approach-tips > *                                      {display: block; background: white; border: solid 1px rgba(0,0,0,0.05); padding: 4%; box-sizing: border-box;}
.approach-tips .box p                                   {text-align: justify; font-weight: 300; margin-bottom: 0;}
.approach-tips .box h2                                  {display: block; font-size: 30px; font-weight: 700; text-align: left; color: #252525; margin-bottom: 20px; box-sizing: border-box;}
.approach-tips .box h2 span                             {display: inline-block; font-weight: bold; color: #1dc98a;}
.approach-tips .quote                                   {display: block; font-style: italic; font-weight: bold; color: #1dc98a; box-sizing: border-box;}
  @media screen and (min-width: 1080px)                 {
  .approach-tips > *                                    {width: calc(50% - 6px); margin: 12px 12px 0 0;}
  .approach-tips > *:nth-child(even)                    {margin-right: 0;}
  .approach-tips > *:nth-child(1),
  .approach-tips > *:nth-child(2)                       {margin-top: 0;}  
  }
  @media screen and (max-width: 1200px)                 {
  .approach-tips .box h2                                {font-size: 28px; margin-bottom: 18px;}
  }
  @media screen and (max-width: 1200px)                 {
  .approach-tips > *                                    {width: 100%; margin: 0 0 10px;}
  .approach-tips > *:last-child                         {margin-bottom: 0;}  
  } 
  @media screen and (max-width: 960px)                  {
  .approach-tips .box h2                                {font-size: 25px; margin-bottom: 15px;}
  }
  @media screen and (max-width: 640px)                  {
  .approach-tips .box h2                                {font-size: 22px; margin-bottom: 14px;}
  }
  @media screen and (max-width: 380px)                  {
  .approach-tips .box h2                                {font-size: 20px;}
  }  

.document-detail .document-files a {
    color: #2ab8e6;
    font-weight: 500;
    text-decoration: underline;
}
.documentIcon {
    float: left;
    margin: 0 30px 20px 0;
}

/*

dictionary

*/
.chars-wrap{
    background: #e6e6e6;
    padding: 20px 30px;
     color: #2ab8e6;
     width: 100%;
}
.chars-wrap a{
    color: #2ab8e6;
    text-transform: uppercase;
}

.dictionary                                     {width: 100%;}
.dictionary .single-column                      {width: 33%; float: left; padding: 15px; box-sizing: border-box;}
.dictionary .single-column .char-wrap           {margin-bottom: 30px;}
.dictionary .single-column .char                {font-size: 60px; border-bottom: 1px solid #d9d9d9; padding-bottom: 20px; margin-bottom: 20px; font-weight: 600; text-transform: uppercase; z-index: -99999;}
.dictionary .single-column ul.words a           {color: #2ab8e6; font-size: 14px; text-decoration: underline;}
  @media screen and (max-width: 960px)          {
  .dictionary .single-column .char              {font-size: 50px; padding-bottom: 15px; margin-bottom: 15px;}
  .dictionary .single-column ul.words a         {font-size: 13px;}
  }
  @media screen and (max-width: 640px)          {
  .dictionary .single-column .char              {font-size: 40px;}
  .dictionary .single-column ul.words a         {font-size: 12px;}
  }
  @media screen and (max-width: 480px)          {
  .dictionary .single-column .char              {font-size: 30px;}
  .dictionary .single-column ul.words a         {font-size: 11px;}
  }
      
.asH1                                           {display: block; width: 100%; font-size: 1.6em !important; font-weight: 600 !important; color: #303030 !important; text-align: center; margin: 0.8em 0 0.8em; text-transform: uppercase;}
.asH1.secondary-heading                         {font-size: 1.3em !important; text-transform: none; margin-top: 0;}

#frm-offersSortingForm label{
    font-size: 14px;
    float: left;
}
#frm-offersSortingForm label {
    width: 140px;
}
#frm-offersSortingForm label, #frm-offersSortingForm select {
    line-height: 30px !important;
    height: 30px !important;
}
#frm-offersSortingForm select {
    border: solid 1px #dedede;
    background-size: 30px;
    width: 380px;
}

.right-box-wrap .how.first-box{
    background: #1e3243 url('/images/web/side-panel-download.png') no-repeat top right;
    color: white;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
}
.right-box-wrap .how.first-box a, .right-box-wrap .how.second-box a{
     text-decoration: none;
}
.right-box-wrap .how.first-box h2{
    font-size: 22px;
    margin-bottom: 30px;
    font-weight: 600 !important;
    
}
.right-box-wrap .how.second-box{
    background: #15cc89 url('/images/web/side-panel-ot.png') no-repeat top right;
    color: white;
}

.right-box-wrap .how .step .text{
    font-size: 17px;
    font-weight: 500 !important;
}

.right-box-wrap .how.second-box a.button{
    background: #119867;
    margin-top: 30px;
    padding: 10px;
    font-size: 15px;
    border: none;
    display: block;
    text-transform: none;
}

.right-box-wrap .how.second-box h2{
    font-weight: 600;
}

.delivered {
    float: left;
    width: 29px; 
}
.dotGreen {
    background: #092441;
    width: 8px;
    height: 8px;
    display: block;
    border-radius: 4px;
    margin-top: 22px;
}
.floatLeft{
    float: left;
}
.sdsdfg{
    width: 400px;
}
#frm-demandForm input[type='submit'] {
    font-weight: 500;
    font-size: 16px;
    padding: 14px 28px;
    font-family: 'Roboto', sans-serif;

}

.button {
    text-decoration: none;
}

.chars-wrap                                         {position: relative; height: 25px; margin-bottom: 30px;}
.chars-wrap #searchForm                             {position: absolute; top: 0; left: 0px; background: white;}
.chars-wrap .chars-right                            {position: absolute; right: 23px; top: 20px;}
.chars-wrap .chars-right a                          {font-size: 15px;}
  @media screen and (max-width: 1080px)             {
  .chars-wrap .chars-right a                        {font-size: 14px;}
  }
  @media screen and (max-width: 800px)              {
  .chars-wrap                                       {display: flex; justify-content: center; flex-wrap: wrap; position: relative; height: auto;}
  .chars-wrap #searchForm                           {position: relative; top: auto; left: auto; margin: 10px 0 0; width: 210px;}
  .chars-wrap .chars-right                          {position: relative; right: auto; top: auto; text-align: center;}
  .chars-wrap .chars-right a                        {;}  
  }

/*.ui .main .info, */.section .infoRow p.centerText {margin-left: auto !important;}
/*.ui .main .info, .section .infoRow p.centerText {margin-left: auto !important;}*/
p.centerText{ margin: auto;}  
 

.autocomplete {
    padding: 10px 0;
    font-size: 15px;
    background: white;
    min-width: 240px;
    box-sizing: border-box;
    border: dashed 1px #c2c2c2 !important;
    border-top: 0px;
}
.autocomplete div {
    line-height: 22px;
    cursor: pointer;
    padding: 0 10px;
}
.autocomplete div:hover, .autocomplete div.selected {
    text-decoration: underline;
    color: #15cc89;
}

.withForm #frm-cityAllSearchForm                    {position: relative; top: auto; margin-top: 0;}

.withForm p{text-align: center; color: white;}

.areaImg.withForm p{
    margin-top: 0;
}
.areaImg.withForm .sdfgsdf{
    font-size: 33px;
}
.areaImg.withForm .maly{
    font-size: 20px !important;
    font-weight: normal !important;
}
.areaImg.withForm .blue-about{
   padding-top: 15px;
}

.showPopupImage{
    cursor: pointer;
}
 

#popupImageHelper{
    position: fixed;
    z-index: 9999;
    
    
    margin-top: -150px;
    top: 50%;
    

    width: 590px;
}
#popupImageHelper img{
    padding: 0;
    margin-bottom: 0;
    border: 1px solid #092441;
    
}

#frm-cityAllSearchForm-location{float: left;}
#frm-cityAllSearchForm-deal_type{width: 205px;}
#frm-cityAllSearchForm-location {
    width: 175px !important;
}

.footer-image img{
    width: 131px !important;
    height: 131px !important;
    margin: auto;
    margin-top: 30px;
}


#frm-brokerOfferProgressForm-text {
    width: 480px;
}


/*
cookie control
*/
.cookiesConfirm{
    width: 100%;
    position: fixed;
    bottom: 0;
    background: #f2f2f2; 
    color: #657888;
    padding: 0px;
    line-height: 25px;
    margin-bottom: 0px;
    text-align: center;
    z-index:9999999;
    font-size: 12px;
}
.cookiesConfirm p{ margin: 0; padding: 10px;}
.cookiesConfirm a{ color: #657888; }
.cookiesConfirm a.ok{
    background: #4a8cf6;
    padding: 5px 20px;
    text-decoration: none;
    color: white;
    margin-left: 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

/*
* FLASHES -----------------------------
*/

.flash,.flash .info,.flash .success,.flash .warning,.flash .error, ul.error {
    padding: 0px 10px 0px 50px;
    background-repeat: no-repeat;
    background-position: 10px center; 
    margin: 10px;
    box-shadow: 1px 1px 6px grey;
    font-size: 16px;
    color: white;
    border: 3px solid white;
    
     background-color: #15cc89;
    background-image:url('/images/web/flashes/success.jpg');
}
.flash.flash-abs, ul.error {
    width: 500px;
    height: 150px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -180px;
    margin-left: -250px;
    box-shadow: 1px 1px 20px #333;
    padding-left: 150px;
    padding-top: 0;
    box-sizing: border-box;
    z-index: 9999;
    display: table; 
}
.flash.flash-abs p, ul.error li{
    height: 100%;
    vertical-align: middle;
    display: table-cell;
}

@media screen and (max-width: 550px)          {
    .flash.flash-abs {
        width: 95%;
        left: auto;
        margin-left: 2.5%;      
    }
}

.ui.real-estates .articles article                          {border-bottom: 1px solid #e7e7e7; padding-bottom: 15px;}
.ui.real-estates .articles article:last-child               {border-bottom: none;}
  @media screen and (max-width: 768px)                      {
  .ui.real-estates .articles article img                    {width: 240px;}
  .ui.real-estates .articles article .right                 {width: calc(100% - 255px);}
  .ui.real-estates .articles article .right h3 a            {font-size: 20px;}
  .ui.real-estates .articles article .right .text           {font-size: 14px;}
  }
  @media screen and (max-width: 640px)                      {
  .ui.real-estates .articles article                        {display: block;}
  .ui.real-estates .articles article img                    {width: 100%; margin: 0 0 16px;}
  .ui.real-estates .articles article .right                 {width: 100%;}
  }

.flash.big {
    top: 46%;
    left: 50%;
    margin-top: -150px !important;
    margin-left: -300px !important;
    height: 300px;
    width: 600px;
    z-index: 999;
    cursor: pointer;
    box-shadow: 1px 1px 20px grey;
}
.flash .info {
    color: #00529B;
    background-color: #C6DBFF;
    background-image: url('/images/web/flashes/info.png');
    border: 1px solid #00529B;
}
.flash.success {
    background-color: #15cc89;
    background-image:url('/images/web/flashes/success.jpg');
}
.flash.warning, ul.error{
    background-color: #d8c318;
    background-image: url('/images/web/flashes/warning.jpg');
}
.flash .error{
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('/images/web/flashes/error.png');
    border: 1px solid #D8000C;
}

ul.error li{
    padding: 12px 10px 12px 50px;
    margin: 20px 0;
    font-size: 13px;
    background-repeat: no-repeat;
    background-position: 10px center;
}

.leftSlope                                        {width: calc(100% - 420px); float: left;}
.leftSlope .h1-poradna                            {text-align: left;}
.rightSlope                                       {width: 380px; min-height: 100%; float: right;}
.rightSlope .areaImg .wrapper                     {padding: 20px;}
.rightSlope .areaImg .wrapper p                   {font-size: 26px !important; font-weight: bold !important;}
.rightSlope .areaImg .wrapper p.maly              {font-size: 17px !important; font-weight: normal !important; margin-top: 12px;}
.rightSlope #frm-cityAllSearchForm                {width: 100%; padding: 25px;}
.rightSlope #frm-cityAllSearchForm label          {width: 100%; text-align: left; padding: 0;}
.rightSlope #frm-cityAllSearchForm .id_region_wrap{width: 100%; text-align: left; padding: 0;}
.rightSlope #frm-cityAllSearchForm-deal_type,
.rightSlope #frm-cityAllSearchForm-location       {width: 100% !important; margin-bottom: 10px;} 
.rightSlope .text-box-two                         {display: block; width: 100%; padding: 35px 10%; margin-bottom: 30px; background: #00192e; box-sizing: border-box; text-align: center; position: relative;}
.rightSlope .text-box-two:after                   {display: block; width: 100%; height: 100%; opacity: 0.3; background: URL('https://www.srovnani-makleru.cz/uploads/blog-data/blog3.jpg') no-repeat center center; background-size: cover; position: absolute; left: 0; top: 0; z-index: 1; content: "";}
.rightSlope .text-box-two .heading1               {font-size: 28px; color: white; font-weight: bold; margin: 0; position: relative; z-index: 2;}
.rightSlope .text-box-two p                       {display: block; width: 100%; text-align: center; font-size: 14px; font-weight: 500; color: white; margin: 15px 0; position: relative; z-index: 2;}
.rightSlope .text-box-two .button                 {font-size: 13px; padding: 10px 20px; position: relative; z-index: 2;}
.rightSlope .text-box-two.full-href h2            {text-decoration: none; border: none;}
  @media screen and (max-width: 1300px)           { 
  .leftSlope                                      {width: calc(100% - 380px);}
  .rightSlope                                     {width: 355px;}
  .rightSlope .areaImg .wrapper                   {padding: 18px;}
  .rightSlope .areaImg .wrapper p                 {font-size: 24px !important;}
  .rightSlope .areaImg .wrapper p.maly            {font-size: 16px !important; margin-top: 11px;}
  .rightSlope #frm-cityAllSearchForm              {padding: 22px;}
  .rightSlope #frm-cityAllSearchForm-deal_type,
  .rightSlope #frm-cityAllSearchForm-location     {margin-bottom: 9px;}
  .rightSlope .text-box-two .heading1             {font-size: 23px;}
  .rightSlope .text-box-two p                     {font-size: 12px; margin: 12px 0;}
  .rightSlope .text-box-two .button               {font-size: 12px; padding: 9px 18px;}
  }
  @media screen and (max-width: 1080px)           { 
  .leftSlope                                      {width: calc(100% - 325px);}
  .rightSlope                                     {width: 300px;}
  .rightSlope .areaImg .wrapper                   {padding: 16px;}
  .rightSlope .areaImg .wrapper p                 {font-size: 22px !important;}
  .rightSlope .areaImg .wrapper p.maly            {font-size: 14px !important; margin-top: 10px;}
  .rightSlope #frm-cityAllSearchForm              {padding: 20px;}
  .rightSlope #frm-cityAllSearchForm-deal_type,
  .rightSlope #frm-cityAllSearchForm-location     {margin-bottom: 8px;}
  }
  @media screen and (max-width: 960px)            {
  .leftSlope                                      {width: 100%; max-width: 100%; float: none;}
  .leftSlope .h1-poradna                          {text-align: center;}
  .rightSlope                                     {width: 100%; float: none; margin-top: 20px;}
  .rightSlope .areaImg .wrapper                   {width: 340px; margin: 0 auto;}
  .rightSlope #frm-cityAllSearchForm .button      {width: 200px; margin: 10px auto 0; position: relative; left: auto; bottom: auto;}
  .rightSlope .text-box-two .heading1             {font-size: 22px;}
  .rightSlope .text-box-two p                     {font-size: 14px; margin: 15px 0;}
  .rightSlope .text-box-two .button               {font-size: 13px; padding: 10px 25px;}
  }
  @media screen and (max-width: 540px)            {
  .rightSlope .areaImg .wrapper                   {width: 300px;}
  .rightSlope #frm-cityAllSearchForm .button      {width: 170px;}
  }
  @media screen and (max-width: 440px)            {
  .rightSlope .areaImg .wrapper                   {width: 270px;}
  .rightSlope #frm-cityAllSearchForm .button      {width: 160px;}
  }
  
.blog-article .clear                                  {display: block; width: 100%; height: 1px; clear: both;}
.blog-article .blue                                   {color: #083866;}
.blog-article p                                       {text-align: left; line-height: 1.5em; margin-bottom: 0 !important;}
.blog-article p strong                                {font-weight: bold;}
.blog-article p strong a                              {font-weight: bold;}
.blog-article .bg-green                               {width: 100%; background: #1dc98a; color: white; text-align: center !important; font-size: 1rem; line-height: 1.4em; padding: 1.3rem; box-sizing: border-box; margin-top: 1em;}                                                      
.blog-article .bg-blue                                {width: 100%; background: #092441; color: white; text-align: center !important; font-size: 1rem; line-height: 1.4em; padding: 1.3rem; box-sizing: border-box;}
.blog-article .bg-green h2, .blog-article .bg-blue h2 {text-align: center;}
.blog-article .bg-green h2, .blog-article .bg-blue h2 {color: white; text-align: center;}
.blog-article .bg-green p, .blog-article .bg-blue p,
.blog-article .bg-green a, .blog-article .bg-blue a   {color: white; text-align: center; font-size: 1rem;}                                                      
.blog-article .bg-green a:hover,
.blog-article .bg-blue a:hover                        {color: white; text-decoration: none;}
.blog-article .bg-green p:last-of-type,
.blog-article .bg-blue p:last-of-type                 {margin: 0;}
.blog-article .bg-grey                                {width: 100%; text-align: center !important; background: rgba(0,0,0,0.05); padding: 4%; color: black; line-height: 1.4em; margin: 1em 0; box-sizing: border-box; text-align: center;}
.blog-article .bg-grey strong                         {display: flex; width: 100%; font-size: 1.2em; justify-content: center; align-items: center; margin-bottom: 0.3em;}
.blog-article .bg-grey strong img                     {display: block !important; width: 1em !important; margin: 0 0.3em 0 0 !important;}
.blog-article .bg-grey strong span                    {display: block;}

.blog-article .important                              {display: block; width: 100%; text-align: left !important; font-size: 1.2em; line-height: 1.3em; color: black; padding: 2em; margin-top: 1em; border: solid 1px #1dc98a; box-sizing: border-box; position: relative;}
.blog-article .important strong                       {display: flex; align-items: center; padding: 0 0.56em; background: white; position: absolute; left: 1.5em; top: -0.7em;}                              
.blog-article .important strong img                   {display: block; width: 1em !important; margin: 0 0.3em 0 0 !important;}
.blog-article .important strong span                  {display: block;}

.blog-article .img                                    {display: block; width: 100%; margin-top: 1em;}
.blog-article .img img                                {display: block; width: 100%;}

.blog-article .embed                                  {display: block; width: 100%; margin-top: 1em;}
.blog-article .embed iframe                           {display: block; width: 100%;}


.blog-article .site-nav                               {display: block; width: 100%; background: rgba(0,0,0,0.05); padding: 5%; box-sizing: border-box;}
.blog-article .site-nav p                             {display: block; width: 100%; text-align: left; font-size: 30px; color: black; font-weight: bold; margin-bottom: 0.5em;}
.blog-article .site-nav ul                            {display: block; font-size: 17px;}
.blog-article .site-nav ul li                         {display: block; width: 100%; text-align: left; font-size: 1em; padding-left: 0.85em;}
.blog-article .site-nav ul li:before                  {height: 0.75em; width: 0.5em; background: url('https://www.srovnani-makleru.cz/css/images/bullet-arrow-green.png') no-repeat center center; background-size: cover; top: 0.48em;}
.blog-article .site-nav ul li a                       {display: inline-block; font-size: 1em; color: black;}
.blog-article .site-nav ul li a:hover                 {color: #083866;}
.blog-article .site-nav ul li ul                      {margin: 0.3em 0 1.2em;}
.blog-article .anchor                                 {display: block; width: 100%; height: 1px; position: relative; top: -120px;}
.blog-article .back-to-site-nav                       {padding-left: 1.1em; box-sizing: border-box; position: relative; margin-top: 0.8em;}
.blog-article .back-to-site-nav:before                {display: block; height: 0.75em; width: 0.75em; background: url('https://www.srovnani-makleru.cz/css/images/back-to-site-nav.png') no-repeat center center; background-size: cover;position: absolute; left: 0; top: 0.25em; content: "";}
.blog-article .back-to-site-nav a                     {color: #252525;}
.blog-article .back-to-site-nav a:hover               {color: #1dc98a;}

.blog-article .div16-9                                {display: block; width: 100%; padding-top: 56.3%; position: relative;}
.blog-article .div16-9 iframe                         {display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}

.blog-article h2                                      {display: block; width: 100%; text-align: left; font-weight: 600; font-size: 1.6rem; line-height: 1.2em; color: black; margin: 1.3em 0 0.4em; position: relative; box-sizing: border-box;}
.blog-article h3                                      {display: block; width: 100%; text-align: left; font-weight: 600; font-size: 1.3rem; line-height: 1.2em; color: #083866; margin: 1.4em 0 0.4em; position: relative; box-sizing: border-box;}
.blog-article h4                                      {display: block; width: 100%; text-align: left; font-weight: 600; font-size: 1.1rem; line-height: 1.2em; color: black; margin: 1.5em 0 0.4em; position: relative; box-sizing: border-box;}
.blog-article h5                                      {display: block; width: 100%; text-align: left; font-weight: 600; font-size: 1rem; line-height: 1.2em; color: #1dc98a; margin: 1.6em 0 0.2em; position: relative; box-sizing: border-box;}
.blog-article h2.ordered, .blog-article h3.ordered,
.blog-article h4.ordered, .blog-article h5.ordered    {padding-left: 1.4em;}
.blog-article h2.ordered span,
.blog-article h3.ordered span,
.blog-article h4.ordered span,
.blog-article h5.ordered span                         {display: flex; width: 1.6em; height: 1.6em; justify-content: center; align-items: center; font-size: 0.7em; font-weight: 500; color: white; background: #083866; border-radius: 100%; position: absolute; left: 0; top: 0.05em;}
.blog-article h5 span                                 {background: #15CC89;}
.blog-article img                                     {display: block; width: 100%; height: auto; margin: 15px 0;}
.blog-article p, .blog-article ul li,
.blog-article ol li                                   {text-align: left; font-size: 1rem; line-height: 1.5em;}
.blog-article ul, .blog-article ol                    {display: block; width: 100%; margin: 0.85em 0; box-sizing: border-box;}
.blog-article ul                                      {padding-left: 1em;}
.blog-article ol                                      {padding-left: 2em;}
.blog-article ul li                                   {padding-left: 0.55em; margin-bottom: 0.25em; position: relative; box-sizing: border-box;}
.blog-article ul li:before                            {display: block; width: 0.25em; height: 0.25em; background: #1dc98a; border-radius: 100%; position: absolute; left: 0; top: 0.75em; content: "";}
.blog-article ol.ol-strong li                         {margin-bottom: 14px; padding-bottom: 14px; border-bottom: solid 1px rgba(0,0,0,0.1); font-size: 16px;}
.blog-article ol.ol-strong li:last-child              {border-bottom: none;}
.blog-article ol.round-numbers                        {padding: 0; list-style: none; counter-reset: li;}
.blog-article ol.round-numbers li                     {padding-left: 1.6em; position: relative; margin: 0.2em 0 1em; counter-increment: li;}
.blog-article ol.round-numbers li::before             {display: flex; width: 1.75em; height: 1.75em; justify-content: center; align-items: center; content: counter(li) ""; font-size: 0.7em; color: white; font-weight: 600; background: #083866; border-radius: 100%; position: absolute; left: 0; top: 0.3em;}

.blog-article .note                                   {color: #666666; font-size: 0.8rem; font-style: italic;}

.blog-article a                                       {position: relative; z-index: 2;}

.blog-article p.txt-bold                              {font-weight: 600; color: #1dc98a; font-size: 22px;}
.blog-article p a, .blog-article ul li a,
.blog-article ol li a                                 {font-weight: 400; text-decoration: underline;}
.blog-article p a:hover, .blog-article ul li a:hover,
.blog-article ol li a:hover                           {color: #0abb7a; text-decoration: none;}

.blog-article .img-txt,
.blog-article .txt-img                                {display: flex; width: 100%; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; padding: 3em 0; border-bottom: solid 1px rgba(0,0,0,0.15);}
.blog-article .img-txt:last-of-type,
.blog-article .txt-img:last-of-type                   {border: none;}
.blog-article .img-txt img,
.blog-article .txt-img img                            {display: block; width: 35%; height: auto;}
.blog-article .img-txt .txt,
.blog-article .txt-img .txt                           {display: block; width: 60%;}
.blog-article .txt-img img                            {order: 1;}
.blog-article .txt-img .txt                           {order: 0;}

.blog-article table                                   {width: 100%; font-size: 0.9em; background: rgba(0,0,0,0.05); padding: 2rem; box-sizing: border-box;}
.blog-article table.columns2 td,
.blog-article table.columns2 th                       {line-height: 1.3em; box-sizing: border-box;}
.blog-article table.columns2 th                       {text-align: left; font-size: 1.1em; font-weight: bold; color: #15CC89; padding: 0 0.4em 0.8em;}
.blog-article table.columns2 th:first-child           {padding-left: 0;}
.blog-article table.columns2 th:first-child           {padding-right: 0;}
.blog-article table.columns2 td                       {padding: 0.4em; border-top: solid 1px rgba(0,0,0,0.1);}
.blog-article table.columns2 tr:first-child td        {padding-top: 0; border-top: none;} 
.blog-article table.columns2 tr:last-child td         {padding-bottom: 0;} 
.blog-article table.columns2 tr td:first-child        {padding-left: 0;} 
.blog-article table.columns2 tr td:last-child         {padding-right: 0;} 

.blog-article .biglink                                {display: block; width: 100%; font-size: 1.1em; font-weight: 500; margin: 0.5em 0;}
.blog-article .biglink a                              {color: #15CC89;}

.blog-article .text-quote                             {font-style: italic; color: #1dc98a; font-weight: 500; line-height: 1.4em; border-left: solid 0.1em #1dc98a; padding-left: 1em; margin: 1em 0; box-sizing: border-box;}

.blog-article .img-quote                              {display: flex; width: 100%; justify-content: space-between; align-items: center; flex-wrap: wrap; padding: 1.1em; margin-top: 1.5em; background: rgba(0,0,0,0.05); box-sizing: border-box; margin: 1frem 0;}
.blog-article .img-quote img                          {display: block; width: 32% !important; margin: 0 !important;}
.blog-article .img-quote p                            {display: block; width: calc(68% - 1.5em) !important; text-align: left !important; font-size: 0.9rem; line-height: 1.4em; font-weight: bold !important; color: black; margin: 0 !important;}

.blog-article .card                                   {display: flex; width: 100%; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; padding: 1.2em; margin: 1em 0; background: rgba(0,0,0,0.05); box-sizing: border-box;}
.blog-article .card > a                               {display: block; width: 9em; background: white;}
.blog-article .card > a img                           {display: block; width: 100%; margin: 0 !important; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out;}
.blog-article .card > a:hover img                     {opacity: 0.8;}
.blog-article .card > div                             {display: flex; width: calc(100% - 10.5em); flex-wrap: wrap;}
.blog-article .card > div p                           {text-align: left; font-size: 1.1em; margin: 0 0 0.5em;}
.blog-article .card > div p a                         {display: inline-block; color: black; line-height: 1.3em;}
/*.blog-article .card > div .button                     {font-size: 0.7em; padding: 0.6em 0.7em;}*/
.blog-article .card > div p:nth-of-type(n+2)          {width: auto; color: #838383; font-size: 0.8rem; padding-left: 1.6em; margin: 0 1.1em 0.2em 0; background-size: auto 1.3em; background-position: left center; background-repeat: no-repeat;}
.blog-article .card > div p:nth-of-type(n+2) a        {color: #838383;}
.blog-article .card > div p.date                      {background-image: url('/images/web/blog-icon-calendar.png');}
.blog-article .card > div p.sekce:nth-child(n+2)      {background-image: url('/images/web/blog-icon-megaphone.png');}
.blog-article .card > div p.author                    {background-image: url('/images/web/advisory-icon-user.png'); padding-left: 1.4em;}

.blog-article .card-advisory                          {align-items: stretch;}
.blog-article .card-advisory > a                      {background: none;}
.blog-article .card-advisory > div                    {align-items: center; align-content: center;}
.blog-article .card-advisory p                        {padding: 0 !important; margin-bottom: 0;}
.blog-article .card-advisory p:first-child            {margin-bottom: 0.2em;}

.blog-article .separator                              {display: block; width: 100%; height: 1px; background: black; opacity: 0.4; margin: 3em 0;}

.blog-article .twentytwenty-wrapper                   {display: block; width: 100%; margin-bottom: 0.5em;}
.blog-article .twentytwenty-container                 {display: block; width: 100%;}
.blog-article .before-after                           {display: flex; width: 100%; justify-content: space-between; flex-wrap: wrap; margin-top: 1.2em;}
.blog-article .before-after .twentytwenty-wrapper     {width: calc(50% - 0.25em);}
.blog-article .before-after img                       {margin: 0 !important;}

.before-after .twentytwenty-overlay,
.before-after .twentytwenty-before-label,
.before-after .twentytwenty-after-label               {display: none;}

.fb_iframe_widget_fluid                               {display: block !important; width: 100%; overflow: hidden;}

#jak-prodat-nemovitost .blog-article h2               {color: white; background: #083866; padding: 0.7em 0.7em 0.7em; margin-bottom: 1em; border-radius: 0.15em; box-sizing: border-box;}
#jak-prodat-nemovitost .blog-article h2.ordered       {padding-left: 2.2em;}
#jak-prodat-nemovitost .blog-article h2 span          {background: white; color: #083866; font-weight: 800; left: 0.93em; top: 1.05em;}
#jak-prodat-nemovitost .blog-article h3               {font-size: 1.5rem;}

  @media screen and (max-width: 1280px)               {
  .blog-article p.txt-bold                            {font-size: 21px;}
  }
  @media screen and (max-width: 1080px)               {
  .blog-article .img-txt img,
  .blog-article .txt-img img                          {width: 36%;}
  .blog-article .img-txt .txt,
  .blog-article .txt-img .txt                         {width: 61%;}
  .blog-article .site-nav p                           {font-size: 27px !important;}
  .blog-article .site-nav ul                          {font-size: 16px !important;}
  .blog-article .anchor                               {top: -110px;}
  .blog-article p.txt-bold                            {font-size: 20px;}
  }
  @media screen and (max-width: 724px)                {                                                       
  .blog-article .img-txt img,
  .blog-article .txt-img img                          {width: 100%; margin-bottom: 15px}
  .blog-article .img-txt .txt,
  .blog-article .txt-img .txt                         {width: 100%;}
  .blog-article .txt-img img                          {order: 0;}
  .blog-article .txt-img .txt                         {order: 1;}
  .blog-article.b2                                    {max-width: 100%;}
  .blog-article .site-nav                             {padding: 8%;}
  .blog-article .site-nav p                           {font-size: 24px !important;}
  .blog-article .before-after .twentytwenty-wrapper   {width: 100%;}
  }
  @media screen and (max-width: 640px)                {
  .blog-article .img-quote                            {padding: 1.5em;}
  .blog-article .img-quote img                        {width: 100% !important; margin-bottom: 1em !important;}
  .blog-article .img-quote p                          {width: 100% !important;}
  }
  @media screen and (max-width: 540px)                {                                                       
  .blog-article .site-nav p                           {font-size: 20px !important;}
  .blog-article .site-nav ul                          {font-size: 15px !important;}
  .blog-article .anchor                               {top: -80px;}
  .blog-article .card > div                           {width: calc(100% - 10em);}
  }   
  @media screen and (max-width: 380px)                {                                                       
  .blog-article .card                                 {padding: 8%;}
  .blog-article .card > a                             {width: 100%; margin-bottom: 1em;}
  .blog-article .card > div                           {width: 100%;}
  }

.blog-article-card                                    {display: flex; width: 100%; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;}
.blog-article-card > a                                {display: block; position: relative;}
.blog-article-card > a span                           {display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; position: absolute; left: 0; top: 0; overflow: hidden;}
.blog-article-card > a span img                       {display: block; width: 110%; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out;}
.blog-article-card > a:hover span img                 {opacity: 0.65;}
.blog-article-card > div                              {display: block; font-size: 0.9rem;}
.blog-article-card > div > *:first-child              {display: block; width: 100%; font-size: 1.1rem !important; font-weight: bold; color: #252525; margin: 0 0 0.5em;}
.blog-article-card > div > *:first-child a            {display: inline-block; font-size: 1em; color: #252525; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out;}
.blog-article-card > div > *:first-child a:hover      {color: #0abb7a; text-decoration: none;}
.blog-article-card > div .tags                        {display: flex; width: 100%; flex-wrap: wrap; margin-bottom: 0.3em;}
.blog-article-card > div .tags p                      {display: block; width: auto; color: #999999; font-size: 0.85em; margin: 0 1em 0.3em 0; padding-left: 1.8em; background-size: auto 100%; background-position: left center; background-repeat: no-repeat;}
.blog-article-card > div .tags p.date                 {background-image: url('https://www.srovnani-makleru.cz/images/web/blog-icon-calendar.png');}
.blog-article-card > div .tags p.sekce                {background-image: url('https://www.srovnani-makleru.cz/images/web/blog-icon-megaphone.png');}
.blog-article-card > div .tags p.author               {background-image: url('https://www.srovnani-makleru.cz/images/web/advisory-icon-user.png'); padding-left: 1.4em;}
.blog-article-card > div .tags p a:hover              {color: #252525; text-decoration: none;}
.blog-article-card > div > p                          {display: block; font-size: 0.75rem; text-align: justify; margin-bottom: 0.8em;}
.blog-article-card > div .button                      {font-size: 0.7em !important; padding: 0.5em 0.9em !important;}
  @media screen and (min-width: 1080px)               {                                                       
  .blog-article-card > a                              {width: 12rem; padding-top: 8rem;}
  .blog-article-card > div                            {width: calc(100% - 13rem); margin-top: -0.25rem;}
  }
  @media screen and (min-width: 680px) and (max-width: 1080px){                                                       
  .blog-article-card > a                              {width: 100%; padding-top: 56%; margin-bottom: 1rem;}
  .blog-article-card > div                            {width: 100%;}
  }
  @media screen and (max-width: 680px)                {                                                       
  .blog-article-card > a                              {width: 100%; padding-top: 56.25%; margin-bottom: 0.8em;}
  .blog-article-card > div                            {width: 100%;}
  }

.graphic-link                                         {display: block; width: 100%; padding: 1.2rem; font-size: 1rem; margin: 0.5rem 0; position: relative; box-sizing: border-box; overflow: hidden; background: #0e345a; background: -moz-linear-gradient(top,  #0e345a 0%, #10597f 100%); background: -webkit-linear-gradient(top,  #0e345a 0%,#10597f 100%); background: linear-gradient(to bottom,  #0e345a 0%,#10597f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e345a', endColorstr='#10597f',GradientType=0 );}
.graphic-link > .graphic-link-info                    {display: block; width: 65%; position: relative; z-index: 3;}
.graphic-link > .graphic-link-info .title             {display: block; width: auto; text-align: left !important; font-size: 1.25em; color: white; text-transform: uppercase; text-decoration: underline; font-weight: bold; line-height: 1.3em; margin: 0 0 0.4em !important;}                                 
.graphic-link > .graphic-link-info ul                 {display: block; color: white; padding: 0; margin: 0 !important;}                                 
.graphic-link > .graphic-link-info ul li              {font-size: 0.8em; line-height: 1.3em; padding-left: 0.8em; position: relative;}
.graphic-link > .graphic-link-info ul li:before       {display: block; height: 0.75em; width: 0.5em; background: url('https://www.srovnani-makleru.cz/css/images/bullet-arrow-green.png') no-repeat left center; background-size: cover; position: absolute; left: 0; top: 0.25em; content: "";}
.graphic-link .bg-white                               {display: block; height: 100%; background: none; position: absolute; right: 0; bottom: 0; z-index: 1;}
.graphic-link .bg-white img                           {display: block; width: auto !important; height: 100% !important; margin: 0 !important;}
.graphic-link .img                                    {display: block; width: 30%; position: absolute; right: 2rem; bottom: -1rem; z-index: 2;}
.graphic-link .img img                                {display: block; width: 100%; margin: 0 !important;}
.graphic-link .button                                 {font-size: 0.9rem !important; margin: 0 !important; position: absolute; right: 1.5rem; bottom: 1.5rem; z-index: 5;}
.graphic-link .overlay-link                           {display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 4;}
  @media screen and (max-width: 1200px)               {
  .graphic-link > .graphic-link-info                  {width: 100%;}
  .graphic-link .bg-white                             {display: none;}
  .graphic-link .img                                  {width: 50%; opacity: 0.30; bottom: -2rem;}
  .graphic-link .button                               {margin-top: 1rem !important; position: relative; right: auto; bottom: auto;}
  }
  @media screen and (min-width: 960px)                {
  aside .graphic-link > .graphic-link-info            {width: 100%;}
  aside .graphic-link > .graphic-link-info .title     {text-align: center !important;}
  aside .graphic-link .img                            {width: 100%; opacity: 0.30; right: 0; bottom: auto; top: -1rem;}
  }
  @media screen and (max-width: 480px)                {
  .graphic-link .img                                  {width: 20rem;}
  }

.tip                                                  {display: block; width: 100%; background: #f0f0f0; padding: 1.7em 1.4em 1.4em; box-sizing: border-box; margin-top: 1.5rem; position: relative;}
.tip span                                             {display: block; width: 100%; font-size: 0.9em; padding: 1.3em 1.6em 1.6em; box-sizing: border-box; border: solid 1px #15cc89; position: relative;}
.tip span:before                                      {display: block; width: auto; background: #f0f0f0; font-size: 1.1em; padding: 0 0.7em; color: #15cc89; font-weight: bold; position: absolute; left: 0.82em; top: -0.8em; content: "Tip na závěr";}
.tip.custom-heading > span > span.tip-heading         {display: block; width: auto; background: #f0f0f0; font-size: 1.1em; padding: 0 0.7em; color: #15cc89; font-weight: bold; position: absolute; left: 0.82em; top: -0.8em; border: none;}
.tip.custom-heading span:before                       {display: none;}

.faq                                                  {display: flex; width: 100%; flex-wrap: wrap; gap: 0.6em;}
.faq > div                                            {display: block; width: 100%; padding: 0.85em 0 1.5em; border-bottom: solid 1px rgba(0,0,0,0.3); box-sizing: border-box;}
.faq > div:last-of-type                               {padding-bottom: 0; border-bottom: none;}
.faq > div h3                                         {font-size: 1.3rem !important; margin: 0; padding-right: 1.5em; box-sizing: border-box; cursor: pointer; transition: .15s ease-in-out;}
.faq > div h3:after                                   {display: flex; width: 1.6em; height: 1.6em; justify-content: center; align-items: center; font-size: 0.6em; font-weight: bold; color: white; background-color: #0abb7a; border-radius: 100%; position: absolute; right: 0; top: 0.3em; content: "+";}
.faq > div h3:hover                                   {color: #15cc89;}
.faq > div > div                                      {display: none; width: 100%; padding-top: 0.5em;}
.faq > div.show h3:after                              {content: "-";}

.text-video                                           {display: flex; width: 100%; justify-content: space-between; align-items: flex-start; align-content: flex-start; flex-wrap: wrap; margin: 1.5em 0 0;}
.text-video > div                                     {display: block;}
.text-video > div .heading1                           {margin-top: 0;}
.text-video > div p                                   {display: block; font-size: 1rem; font-weight: 300; color: #303030; text-align: justify;}
.text-video > div .video                              {display: block; width: 100%; padding-top: 56.25%; position: relative;}
.text-video > div iframe                              {display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
  @media screen and (min-width: 960px)                {
  .text-video > div                                   {width: 48%;}
  .text-video > div .heading1                         {text-align: left; text-transform: none;}
  }
  @media screen and (max-width: 960px)                {
  .text-video > div                                   {width: 100%;}
  .text-video > div:first-of-type                     {margin-bottom: 1.5em;}
  }

.autograph                                            {display: block; color: #0abb7a; font-style: italic; margin-top: 0.8em;}

.porovnani                                            {display: block; width: 100%; background: #f2f2f2;}
.table-porovnani                                      {width: 100%; font-size: 0.85em; padding: 0 !important; background: none !important;}
.table-porovnani tr > *                               {padding: 1em; line-height: 1.3em; vertical-align: top; box-sizing: border-box;}
.table-porovnani th                                   {text-align: center; color: white; font-size: 1.1em; font-weight: bold; background: #515151; border-right: solid 1px black;}
.table-porovnani tr > th:last-child                   {color: white; background: #15cc89;}
.table-porovnani tr:last-child td                     {border: none;}
.table-porovnani tr:last-child td                     {background: none; text-align: center;}
.table-porovnani td p                                 {display: flex; align-items: flex-start; font-size: 1em; line-height: 1.3em; margin-bottom: 0 !important;}
.table-porovnani td p .icon                           {display: block; width: 2.3em !important; margin: 0.2em 0.6em 0 0 !important;}
.table-porovnani td:first-child                       {font-weight: bold;}
.table-porovnani .button                              {font-size: 1em !important; padding: 0.8em 1.8em !important;}
  @media screen and (min-width: 768px)                {
  .table-porovnani td:nth-child(1)                    {width: 21%;}
  .table-porovnani td:nth-child(2),
  .table-porovnani td:nth-child(3)                    {width: 24%;}
  .table-porovnani td:nth-child(4)                    {width: 31%;}

  .table-porovnani td                                 {background: #ebebeb; border-right: solid 1px rgba(0,0,0,0.1);}             
  .table-porovnani tr:nth-child(even) td              {background: #fafafa;}
  .table-porovnani tr > *:last-child                  {border-left: solid 3px #15cc89; border-right: solid 3px #15cc89;}
  .table-porovnani tr:last-child td:last-child        {border-top: solid 3px #15cc89;}
  .table-porovnani td p                               {text-align: left !important;}

  .blog-article .table-porovnani                      {font-size: 0.75em;}
  }
  @media screen and (min-width: 540px) and (max-width: 768px){
  .table-porovnani tr                                 {width: 49%; margin-top: 2%;}
  .table-porovnani tr:nth-child(-n+2)                 {margin-top: 2%;}
  }
  @media screen and (max-width: 768px)                {
  .table-porovnani                                    {display: block;}
  .table-porovnani thead                              {position: absolute; left: -9999px;}
  .table-porovnani tbody                              {display: flex; justify-content: space-between; flex-wrap: wrap;}
  .table-porovnani tr                                 {display: flex; flex-direction: column; flex-wrap: wrap;}
  .table-porovnani tr > *                             {display: block; width: 100%; flex-grow: 0; margin: 0 auto; background: white; padding: 1.2em 1.5em; border-top: solid 1px rgba(0,0,0,0.1);}
  .table-porovnani tr td:first-child                  {border-top: none; background: #252525;}
  .table-porovnani tr td:first-child p                {color: white;}
  .table-porovnani tr td:last-child                   {flex-grow: 1; border: solid 3px #0abb7a;}
  .table-porovnani tr:last-child td:last-child        {border: none;}
  .table-porovnani tr td p                            {display: block; width: calc(100% - 3.2em); margin-left: 3.2em; text-align: left !important; position: relative;}
  .table-porovnani tr td p .icon                      {position: absolute; left: -3.2em; top: 0; margin: 0;}
  .table-porovnani tr:last-child                      {width: 100%; background: none; border: none; padding: 0;}
  .table-porovnani tr:last-child td:first-child       {display: none;}
  .table-porovnani tr td p:before                     {display: block; width: 100%; font-weight: bold; margin-bottom: 0.12em; opacity: 0.7; content: "";}
  .table-porovnani tr td:nth-child(2) p:before        {content: "Běžný prodej bez realitky";}
  .table-porovnani tr td:nth-child(3) p:before        {content: "Běžný prodej s realitkou";}
  .table-porovnani tr td:nth-child(4) p:before        {content: "Prodej se Srovnání Makléřů.cz"; opacity: 1; color: #0abb7a;}
  .table-porovnani tr td:nth-child(n+2) br            {display: none;}

  .blog-article .table-porovnani tr > *               {background: #f2f2f2;}
  }

  @media screen and (max-width: 540px)                {
  .table-porovnani tr                                 {width: 100%; margin-top: 1em;}
  .table-porovnani tr:first-child                     {margin-top: 2%;}
  }





.anchor-section                                       {display: block; width: 100%; padding-top: 100px; margin-top: -50px;}
.anchor-section > *:first-child                       {margin-top: 0;}

.pruvodce-perex                                       {display: flex; width: 100%; flex-wrap: wrap; gap: 1.4rem; margin-bottom: 1.2rem;}
.pruvodce-perex .img                                  {display: block;}
.pruvodce-perex .img img                              {display: block; width: 100%;}
  @media screen and (min-width: 961px)                {
  .pruvodce-perex > *                                 {width: calc(50% - 0.7rem);}
  .pruvodce-perex .img img                            {height: 100%; object-fit: cover;}
  }
  @media screen and (max-width: 960px)                {
  .pruvodce-perex > *                                 {width: 100%;}
  }

.infographics-pruvodce                                {display: flex; justify-content: space-between; flex-wrap: wrap;}
.infographics-pruvodce li                             {display: flex; justify-content: space-between; font-size: 0.9rem; font-weight: bold; box-sizing: border-box;}
.infographics-pruvodce li img                         {display: block; width: 2.2rem; height: 2.2rem;}
.infographics-pruvodce li span                        {display: block; width: calc(100% - 3rem); margin-top: 0;}
  @media screen and (min-width: 961px)                {
  .infographics-pruvodce li                           {width: 100%; padding: 0.8rem 0; border-bottom: solid 1px rgba(0,0,0,0.1);}
  .infographics-pruvodce li:nth-of-type(1)            {padding-top: 0;}
  .infographics-pruvodce li:nth-of-type(4)            {padding-bottom: 0; border-bottom: 0;}
  }
  @media screen and (min-width: 380px) and (max-width: 960px){
  .infographics-pruvodce li                           {display: block; width: 50%; padding: 0.8rem 1.5rem;}
  .infographics-pruvodce li img                       {margin: 0 auto 0.6rem;}
  .infographics-pruvodce li span                      {width: 100%; text-align: center;}
  .infographics-pruvodce li:nth-of-type(1)            {padding-top: 0; padding-left: 0; border-bottom: solid 1px rgba(0,0,0,0.1); border-right: solid 1px rgba(0,0,0,0.1);}
  .infographics-pruvodce li:nth-of-type(2)            {padding-top: 0; padding-right: 0; border-bottom: solid 1px rgba(0,0,0,0.1);}
  .infographics-pruvodce li:nth-of-type(3)            {padding-left: 0; padding-bottom: 0; border-right: solid 1px rgba(0,0,0,0.1);}
  .infographics-pruvodce li:nth-of-type(4)            {padding-right: 0; padding-bottom: 0;}
  }
  @media screen and (max-width: 380px)                {
  .infographics-pruvodce li                           {width: 100%; padding: 1rem 0; border-bottom: solid 1px rgba(0,0,0,0.1);}
  .infographics-pruvodce li:nth-of-type(1)            {padding-top: 0;}
  .infographics-pruvodce li:nth-of-type(4)            {padding-bottom: 0; border-bottom: 0;}
  }

.hub                                                  {display: flex; width: 100%; justify-content: center; align-items: center; font-size: 14px; background: rgb(240,240,240); margin: 1.5rem 0; box-sizing: border-box;}
.hub .cross                                           {display: none;}
.hub > ul                                             {display: flex; width: 100%; margin: 0; flex-wrap: wrap;}
.hub > ul > li                                        {display: block; padding: 1.2em 1.5em 1.5em; border-bottom: solid 1px rgba(0,0,0,0.1); margin: 0; box-sizing: border-box;} 
.hub > ul > li:before                                 {display: none;}
.hub > ul > li > a                                    {display: flex; min-height: 2em; align-items: center; font-size: 1.1em; color: black; font-weight: bold; padding-left: 2.2em; margin-bottom: 0.2em; box-sizing: border-box; position: relative; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out;}
.hub > ul > li > a:before                             {display: block; width: 1.7em; height: 1.7em; background-size: 98% 98%; background-color: transparent; background-repeat: no-repeat; background-position: center center; border-radius: 0; position: absolute; left: 0; top: 0.2em; content: "";}
.hub > ul > li > ul                                   {display: block; width: 100%; margin: 0;}
.hub > ul > li > ul > li                              {display: block; padding-left: 0.95em; margin: 0.5em 0 0; box-sizing: border-box; position: relative;}
.hub > ul > li > ul > li:before                       {display: block; height: 0.65em; width: 0.5em; background: url('https://www.srovnani-makleru.cz/css/images/bullet-arrow-green.png') no-repeat center center; background-size: cover; position: absolute; left: 0; top: 0.2em; content: "";}
.hub > ul > li > ul > li > a                          {display: inline-block; font-size: 1em; line-height: 1.45em; color: black; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out;}
.hub ul li                                            {line-height: 1.2em; font-size: 1em;}
.hub ul li a                                          {line-height: 1.2em; text-decoration: none;}
.hub ul li a:hover                                    {color: #1dc98a;}
.hub > ul > li:nth-child(1) > a:before                {background-image: URL('https://www.srovnani-makleru.cz/css/images/hub-icon1.svg');}
.hub > ul > li:nth-child(2) > a:before                {background-image: URL('https://www.srovnani-makleru.cz/css/images/hub-icon2.svg');}
.hub > ul > li:nth-child(3) > a:before                {background-image: URL('https://www.srovnani-makleru.cz/css/images/hub-icon3.svg');}
.hub > ul > li:nth-child(4) > a:before                {background-image: URL('https://www.srovnani-makleru.cz/css/images/hub-icon4.svg');}
.hub > ul > li:nth-child(5) > a:before                {background-image: URL('https://www.srovnani-makleru.cz/css/images/hub-icon5.svg');}
.hub > ul > li:nth-child(6) > a:before                {background-image: URL('https://www.srovnani-makleru.cz/css/images/hub-icon6.svg');}
.hub > ul > li:nth-child(7) > a:before                {background-image: URL('https://www.srovnani-makleru.cz/css/images/hub-icon7.svg');}
.hub-show                                             {display: none;}
  @media screen and (min-width: 769px)                {                                                       
  .hub > ul > li                                      {width: calc(50% - 0.8em);}
  .hub > ul > li:nth-child(odd)                       {border-right: solid 1px rgba(0,0,0,0.15);}
  .hub > ul > li:nth-child(7)                         {border-bottom: none;}
  }
  @media screen and (max-width: 768px)                {                                                       
  .hub                                                {display: block; height: 100%; overflow: auto; margin-bottom: 0; padding: 35px 0; position: fixed; opacity: 0; left: -9999px; top: 0; z-index: 2000;  -webkit-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out;}
  .hub.show                                           {left: 0; opacity: 1;}
  .hub .cross                                         {display: block; position: absolute; top: 12px; right: 12px; width: 26px; height: 26px; background: url('/images/web/navicon.svg') no-repeat center -52px; background-size: 100% auto; -webkit-transition: none; -moz-transition: none; transition: none;}
  .hub .cross:hover                                   {background-position: center -78px; cursor: pointer;}
  .hub-show                                           {display: block; width: 100%; font-size: 16px !important; font-weight: bold; padding: 0.8em 1em !important; margin-bottom: 1.5em; box-sizing: border-box; position: relative;}
  .hub-show:after                                     {display: block; width: 3em; height: 3em; background: url('https://www.srovnani-makleru.cz/css/images/bullet-arrow.png') no-repeat center center; background-size: auto 1em; position: absolute; right: 0; top: 0; content: "";}
  .green.hub-show                                     {color: white !important;}
  }
  @media screen and (min-width: 480px) and (max-width: 768px){                                                       
  .hub                                                {font-size: 15px;}
  .hub > ul > li                                      {width: 50%;}
  .hub > ul > li:nth-child(odd)                       {border-right: solid 1px rgba(0,0,0,0.15);}
  .hub > ul > li:nth-last-child(-n+2)                 {border-bottom: none;}
  .hub-show                                           {font-size: 15px !important;}
  }
  @media screen and (max-width: 480px)                {                                                       
  .hub > ul > li                                      {width: 100%;} 
  .hub > ul > li:last-child                           {border-bottom: none;}
  .hub-show                                           {font-size: 14px !important;}
  }

.side-hub                                                                   {display: flex; align-items: center; font-size: 15px; box-sizing: border-box; position: fixed; z-index: 3000; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out;}
.side-hub > ul                                                              {background: #ebebeb; position: relative; margin: 0;}
.side-hub > ul > li                                                         {display: flex; height: 3em; justify-content: center; align-items: center; padding: 0; margin: 0; box-sizing: border-box;}
.side-hub > ul > li > span                                                  {display: block; height: 3em; position: fixed; z-index: 500; cursor: pointer;}
.side-hub > ul > li:last-child                                              {border: none;}
.side-hub > ul > li:before                                                  {display: none;}
.side-hub > ul > li > ul                                                    {display: flex; align-items: center; margin: 0; position: fixed; top: -9999px;}
.side-hub > ul > li > ul > li                                               {display: flex; align-items: center; margin: 0; background: #f7f7f7; padding: 1.4em 2em; box-sizing: border-box; position: relative;}
.side-hub > ul > li > ul > li .cross                                        {display: none;}
.side-hub > ul > li > ul > li:before                                        {display: none;}
.side-hub > ul > li > ul > li > ul                                          {display: block; width: auto; margin: 0;}
.side-hub > ul > li > ul > li > ul > li                                     {display: block; width: 100%; padding-left: 0.8em; margin: 0.3em 0 0; line-height: 1.35em; box-sizing: border-box; position: relative;}
.side-hub > ul > li > ul > li > ul > li span                                {line-height: 1.35em;}
.side-hub > ul > li > ul > li > ul > li:before                              {display: block; height: 0.75em; width: 0.5em; background: url('https://www.srovnani-makleru.cz/css/images/bullet-arrow-green.png') no-repeat center center; background-size: cover; position: absolute; left: 0; top: 0.28em; content: "";}
.side-hub > ul > li > ul > li > ul > li:first-child                         {padding-left: 0; margin: 0;}
.side-hub > ul > li > ul > li > ul > li:first-child:before                  {display: none;}
.side-hub > ul > li > ul > li > ul > li:first-child a                       {margin: 0 0 0.5em;}
.side-hub > ul > li > ul > li > ul > li:first-child a span                  {font-weight: bold; font-size: 1.25em;}
.side-hub > ul > li > ul > li > ul > li:first-child a:before                {display: block; height: 3em; background-color: transparent; background-size: 100% 200%; background-repeat: no-repeat; background-position: center top; border-radius: 0; position: fixed; content: "";}
.side-hub > ul > li > ul > li > ul > li > a                                 {display: inline-block; font-size: 1em; color: black; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out;}
.side-hub > ul > li.show                                                    {background: #f7f7f7;}
.side-hub > ul > li.show > ul                                               {top: 0;}
.side-hub ul                                                                {font-size: 1em !important;}
.side-hub ul li                                                             {line-height: 1.2em; font-size: 1em !important;}
.side-hub ul li a                                                           {line-height: 1.2em; text-decoration: none;}
.side-hub ul li a:hover                                                     {color: #1dc98a;}
.side-hub > ul > li > ul > li > ul > li:first-child a.sel:before            {background-position: center bottom; background-color: #1dc98a;}

.side-hub > ul > li:nth-child(2) > ul > li > ul > li:first-child a:before   {background-image: URL('https://www.srovnani-makleru.cz/css/images/hub-side-icon1.svg');}
.side-hub > ul > li:nth-child(3) > ul > li > ul > li:first-child a:before   {background-image: URL('https://www.srovnani-makleru.cz/css/images/hub-side-icon2.svg');}
.side-hub > ul > li:nth-child(4) > ul > li > ul > li:first-child a:before   {background-image: URL('https://www.srovnani-makleru.cz/css/images/hub-side-icon3.svg');}
.side-hub > ul > li:nth-child(5) > ul > li > ul > li:first-child a:before   {background-image: URL('https://www.srovnani-makleru.cz/css/images/hub-side-icon4.svg');}
.side-hub > ul > li:nth-child(6) > ul > li > ul > li:first-child a:before   {background-image: URL('https://www.srovnani-makleru.cz/css/images/hub-side-icon5.svg');}
.side-hub > ul > li:nth-child(7) > ul > li > ul > li:first-child a:before   {background-image: URL('https://www.srovnani-makleru.cz/css/images/hub-side-icon6.svg');}
.side-hub > ul > li:nth-child(8) > ul > li > ul > li:first-child a:before   {background-image: URL('https://www.srovnani-makleru.cz/css/images/hub-side-icon7.svg');}
  @media screen and (min-width: 768px) and (max-height: 500px)              {
  .side-hub                                                                 {display: none;}                                                       
  }
  @media screen and (min-width: 768px)                                              {
  .side-hub                                                                 {display: none;}
  .side-hub                                                                         {width: 4em; height: calc(100vh - 5em); justify-content: flex-end; padding: 2em 0; left: -5em; bottom: 0;}                                                       
  .side-hub > ul                                                                    {display: block; width: 3em;}
  .side-hub > ul > li.title                                                         {display: block; width: 6em; height: 3em; background: #0e345a; color: white; text-transform: uppercase; font-weight: bold; position: absolute; left: 0; top: 0; transform: rotateZ(-90deg); transform-origin: left top;}
  .side-hub > ul > li.title a                                                       {display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; font-size: 1.2em; color: white; left: 0 !important;}
  .side-hub > ul > li                                                               {width: 3em; border-bottom: solid 1px rgba(0,0,0,0.1);}
  .side-hub > ul > li > a                                                           {display: block; width: 3em; height: 3em; box-sizing: border-box; position: fixed; left: -4em; z-index: 501;}
  .side-hub > ul > li > ul                                                          {width: auto; height: 100%; left: 4em;}
  .side-hub > ul > li > ul > li                                                     {min-height: 24.2em; margin-top: -0.92em;}
  .side-hub > ul > li > span,
  .side-hub > ul > li > ul > li > ul > li:first-child a:before                      {width: 3em; left: -4em; -webkit-transition: left .2s ease-in-out; transition: left .2s ease-in-out;}
  .side-hub.show                                                                    {left: 0;}
  .side-hub.show > ul > li > span,
  .side-hub.show > ul > li > a,
  .side-hub.show > ul > li > ul > li > ul > li:first-child a:before                 {left: 1em;}

  .side-hub > ul > li:nth-child(2) > span,
  .side-hub > ul > li:nth-child(2) > a,
  .side-hub > ul > li:nth-child(2) > ul > li > ul > li:first-child a:before         {top: calc(50% - 6.5em);}
  .side-hub > ul > li:nth-child(3) > span,
  .side-hub > ul > li:nth-child(3) > a,
  .side-hub > ul > li:nth-child(3) > ul > li > ul > li:first-child a:before         {top: calc(50% - 3.5em);}
  .side-hub > ul > li:nth-child(4) > span,
  .side-hub > ul > li:nth-child(4) > a,
  .side-hub > ul > li:nth-child(4) > ul > li > ul > li:first-child a:before         {top: calc(50% - 0.5em);}
  .side-hub > ul > li:nth-child(5) > span,
  .side-hub > ul > li:nth-child(5) > a,
  .side-hub > ul > li:nth-child(5) > ul > li > ul > li:first-child a:before         {top: calc(50% + 2.5em);}
  .side-hub > ul > li:nth-child(6) > span,
  .side-hub > ul > li:nth-child(6) > a,
  .side-hub > ul > li:nth-child(6) > ul > li > ul > li:first-child a:before         {top: calc(50% + 5.5em);}
  .side-hub > ul > li:nth-child(7) > span,
  .side-hub > ul > li:nth-child(7) > a,
  .side-hub > ul > li:nth-child(7) > ul > li > ul > li:first-child a:before         {top: calc(50% + 8.5em);}
  .side-hub > ul > li:nth-child(8) > a,
  .side-hub > ul > li:nth-child(9) > ul > li > ul > li:first-child a:before         {top: ;}
  }
  @media screen and (min-width: 768px) and (max-width: 1400px)                      {
  .side-hub-toggle                                                                  {display: block; width: 1em; height: 18em; font-size: 16px; background: URL('https://www.srovnani-makleru.cz/css/images/arrow-white-right.png') no-repeat center center, #15cc89; background-size: 50% auto, cover; position: fixed; left: -1em; top: calc(50% - 9em); z-index: 3001; cursor: pointer; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out;}
  .side-hub-toggle.show                                                             {left: 0;}
  .side-hub-toggle.hide                                                             {background-image: URL('https://www.srovnani-makleru.cz/css/images/arrow-white-left.png')}
  .side-hub                                                                         {display: none;}
  .side-hub.show-toggle                                                             {display: flex;}
  }
  @media screen and (max-width: 768px)                                              {
  .side-hub                                                                         {width: 100%; height: 3em; font-size: 15px; left: 0; bottom: -5em;}                                                       
  .side-hub > ul                                                                    {display: flex; width: 100%; height: 3em;}
  .side-hub > ul > li                                                               {width: calc(100% / 7); border-right: solid 1px rgba(0,0,0,0.1);}
  .side-hub > ul > li.title                                                         {display: none;}
  .side-hub > ul > li > ul                                                          {width: 100%; height: calc(100% - 3em); left: 0;}  
  .side-hub > ul > li > ul > li                                                     {width: 100%; height: 100%;}
  .side-hub > ul > li > ul > li .cross                                              {position: fixed; top: 12px; right: 12px; z-index: 3000; width: 26px; height: 26px; background: url('/images/web/navicon.svg') no-repeat center -52px; background-size: 100% auto; -webkit-transition: none; -moz-transition: none; transition: none;}
  .side-hub > ul > li > ul > li .cross:hover                                        {background-position: center -78px; cursor: pointer;}
  .side-hub > ul > li.show > ul > li .cross                                         {display: block;}
  .side-hub > ul > li > ul > li > ul > li                                           {font-size: 1.1em; margin: 0.5em 0 0;}
  .side-hub > ul > li > span,
  .side-hub > ul > li > ul > li > ul > li:first-child a:before                      {width: calc(100% / 7); bottom: -4em; -webkit-transition: bottom .2s ease-in-out; transition: bottom .2s ease-in-out;}

  .side-hub.show                                                                    {bottom: 0;}
  .side-hub.show > ul > li > span,
  .side-hub.show > ul > li > ul > li > ul > li:first-child a:before                 {bottom: 0;}

  .side-hub > ul > li:nth-child(2) > span,
  .side-hub > ul > li:nth-child(2) > ul > li > ul > li:first-child a:before         {left: 0;}
  .side-hub > ul > li:nth-child(3) > span,
  .side-hub > ul > li:nth-child(3) > ul > li > ul > li:first-child a:before         {left: calc(100% / 7);}
  .side-hub > ul > li:nth-child(4) > span,
  .side-hub > ul > li:nth-child(4) > ul > li > ul > li:first-child a:before         {left: calc((100% / 7) * 2);}
  .side-hub > ul > li:nth-child(5) > span,
  .side-hub > ul > li:nth-child(5) > ul > li > ul > li:first-child a:before         {left: calc((100% / 7) * 3);}
  .side-hub > ul > li:nth-child(6) > span,
  .side-hub > ul > li:nth-child(6) > ul > li > ul > li:first-child a:before         {left: calc((100% / 7) * 4);}
  .side-hub > ul > li:nth-child(7) > span,
  .side-hub > ul > li:nth-child(7) > ul > li > ul > li:first-child a:before         {left: calc((100% / 7) * 5);}
  .side-hub > ul > li:nth-child(8) > span,
  .side-hub > ul > li:nth-child(8) > ul > li > ul > li:first-child a:before         {left: calc((100% / 7) * 6);}
  }  
  @media screen and (max-width: 540px)                                              {
  .side-hub                                                                         {font-size: 14px;}
  }
  @media screen and (max-width: 380px)                                              {
  .side-hub                                                                         {font-size: 13px;}
  }

/* realConter--------------------------------------------------------------------------------------------------------------------------------------------------------*/     
.real-counter                                         {color: black; font-size: 15px; font-weight: 400; letter-spacing: 0.03em; padding: 8px 45px 8px 68px !important; background: URL('https://www.srovnani-makleru.cz/uploads/blog-data/icon-i.png') no-repeat left 23px center, #fef3d9 !important; background-size: 28px 28px, cover !important; border: solid 1px #a7a49d;}     
.real-counter span                                    {color: #d33225; font-weight: 600; white-space: nowrap;}     

/* AfterSend --------------------------------------------------------------------------------------------------------------------------------------------------------*/
.afterSend .heading1                                  {margin-bottom: 15px;}
.afterSend .text-box-one                              {width: 100%; padding: 25px 30px 25px calc(30% + 70px); margin-bottom: 10px; background: URL('https://www.srovnani-makleru.cz/uploads/blog-data/icon-check.png') no-repeat left 30% center, #efefef; background-size: 60px 60px, cover; box-sizing: border-box; text-align: center;}
.afterSend .text-box-one p                            {text-align: left; font-size: 15px; color: #626262; margin-top: 2px;}
.afterSend .text-box-one p:first-of-type              {margin-top: 0;}
.afterSend .text-box-one br                           {display: none;}
.afterSend .text-box-two                              {width: 100%; padding: 25px 10%; margin-bottom: 30px; background: #00192e; box-sizing: border-box; text-align: center; position: relative;}
.afterSend .text-box-two:after                        {display: block; width: 100%; height: 100%; opacity: 0.3; background: URL('https://www.srovnani-makleru.cz/uploads/blog-data/blog3.jpg') no-repeat center center; background-size: cover; position: absolute; left: 0; top: 0; z-index: 1; content: "";}
.afterSend .text-box-two .heading1                    {color: white; position: relative; z-index: 2;}
.afterSend .text-box-two p                            {display: block; width: 100%; text-align: center; font-size: 17px; font-weight: 500; color: white; margin-bottom: 25px; position: relative; z-index: 2;}
.afterSend .text-box-two .button                      {font-size: 15px; padding: 10px 20px; position: relative; z-index: 2;}
  @media screen and (max-width: 1080px)               {
  .afterSend .text-box-one                            {padding-left: calc(25% + 70px); background-position: left 25% center;}
  .afterSend .text-box-one p                          {font-size: 14px;} 
  .afterSend .text-box-two p                          {font-size: 16px;}
  }
  @media screen and (max-width: 960px)                {
  .afterSend .text-box-one                            {padding-left: calc(20% + 70px); background-position: left 20% center;}
  }
  @media screen and (max-width: 768px)                {
  .afterSend .text-box-one                            {padding: 95px 30px 25px; background-position: center top 25px;}
  .afterSend .text-box-one p                          {text-align: center;}
  }
  @media screen and (max-width: 640px)                {
  .afterSend .text-box-one p                          {font-size: 13px;} 
  .afterSend .text-box-two p                          {font-size: 15px;}
  }
    
.afterSend .articles                                  {display: flex; width: 100%; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; background: none;}
.afterSend .articles article                          {display: flex; width: calc(50% - 15px); justify-content: space-between; align-items: flex-start; flex-wrap: wrap; margin-bottom: 30px;}
.afterSend .articles article h2                       {width: 100%; margin-bottom: 8px;}
.afterSend .articles article .info                    {display: flex; width: 100%; flex-wrap: wrap;}
.afterSend .articles article .info p                  {display: block; width: auto; margin-right: 12px; padding-left: 26px; background-size: auto 100%; background-position: left center; background-repeat: no-repeat;}
.afterSend .articles article .info p.date             {background-image: url('/images/web/blog-icon-calendar.png');}
.afterSend .articles article .info p.sekce            {background-image: url('/images/web/blog-icon-megaphone.png');}
.afterSend .articles article .info p.author           {background-image: url('/images/web/advisory-icon-user.png'); padding-left: 22px;}
.afterSend .articles article .blog-left               {width: 240px;}
.afterSend .articles article .blog-left img           {width: 100%;}
.afterSend .articles article .blog-right              {width: calc(100% - 255px);}
.afterSend .articles article .blog-right p            {display: block; font-size: 1rem; text-align: justify; margin-bottom: 0.8em;}
.afterSend .articles article .blog-right .button      {font-size: 0.6em; padding: 0.9em 1.2em;}         
  @media screen and (max-width: 1280px)               {
  .afterSend .articles article .info p                {padding-left: 20px;}
  .afterSend .articles article .info p.author         {padding-left: 17px;}
  }
  @media screen and (min-width: 1080px) and (max-width: 1280px){
  .afterSend .articles article                        {width: calc(50% - 12px); margin-bottom: 24px;}
  .afterSend .articles article h2                     {font-size: 17px; margin-bottom: 7px;}
  .afterSend .articles article .blog-left             {width: 180px;}
  .afterSend .articles article .blog-right            {width: calc(100% - 195px);}
  }
  @media screen and (max-width: 1080px)               {
  .afterSend .articles article .blog-left             {width: 100%; margin-bottom: 12px;}
  .afterSend .articles article .blog-right            {width: 100%;}
  }  
  @media screen and (max-width: 768px)                {
  .afterSend .articles article h2                     {font-size: 17px;}
  }
  @media screen and (max-width: 640px)                {
  .afterSend .articles                                {display: block;}
  .afterSend .articles article                        {display: block; width: 100%; max-width: 400px; margin: 0 auto 30px;}
  }  
  
  .relative{
      position: relative;
  }
  #stickySidebar{
      will-change: min-height;
  }
  #stickySidebar .inner-wrapper-sticky{
      transform: translate(0, 0); /* For browsers don't support translate3d. */
      transform: translate3d(0, 0, 0);
      will-change: position, transform;
  }
  .full-href a{
      text-decoration: none;
      display: block;
  }
  #frm-demandForm-text{
      width: 240px;
  }
  .form-wrapp.hp-grid form{
      margin: 0 !important;
  }
  .heading1-hp{
      margin-bottom: 0;
  }
  
.content-centered                        {display: flex; width: 100%; height: 100%; min-height: 500px; justify-content: center; align-items: center;}

.odznak                                  {display: block; width: 150px; height: 150px; background: rgb(245,245,245); border: solid 4px #15cc89; border-radius: 100%; box-sizing: border-box; overflow: hidden; position: relative;}
.odznak::after                           {display: block; width: 100%; height: 100%; background-size: auto 80%; background-position: center bottom -20px; background-repeat: no-repeat; border-radius: 100%; overflow: hidden; position: absolute; left: 0; bottom: 0px; content: "";}
.odznak .head                            {display: block; width: 100%; text-align: center; font-size: 19px; line-height: 1.05em; color: #15cc89; font-weight: 500; margin: 5px 0 0;}
.odznak .head img                        {display: block; width: 19px; margin: 0 auto 2px;}
.odznak .head span                       {display: block; font-size: 0.56em; color: #444444; margin-top: -4px;}
.odznak .animation                       {display: block; width: 100%; height: 44px; position: relative;}
.odznak .animation .slide                {display: flex; width: 100%; height: 100%; align-items: center; position: absolute; top: 0; left: -100%; opacity: 0; animation-name: anim1; animation-duration: 6s; animation-timing-function: ease-in-out; animation-iteration-count: infinite;}      
.odznak .animation .slide:nth-child(2)   {animation-delay: 3s;} 
.odznak .animation .slide p              {display: block; width: 100%; text-align: center; font-size: 11px; line-height: 14px; color: #6a6a6a; letter-spacing: -0.05em; font-weight: 400; padding: 0 13px; box-sizing: border-box;}
.odznak .animation .slide p strong       {font-weight: 800;}
.odznak .logo                            {display: block; width: 80px; height: auto; position: absolute; left: calc(50% - 40px); bottom: 16px;}
.odznak a                                {display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 5;}

.odznak.top10::after                     {background-image: URL('https://www.srovnani-makleru.cz/css/images/badges/badge1-bg.png');}
.odznak.overeny-makler::after            {background-image: URL('https://www.srovnani-makleru.cz/css/images/badges/badge2-bg.png');}
.odznak.jsem-soucasti-projektu::after    {background-image: URL('https://www.srovnani-makleru.cz/css/images/badges/badge3-bg.png');}
  @keyframes anim1                       {
                                         0%   {left: -100%; opacity: 0;}  
                                         3%   {left: 0; opacity: 1;}
                                         47%  {left: 0; opacity: 1;}
                                         50%  {left: 100%; opacity: 0;}
                                         60%  {left: -100%; opacity: 0;}  
                                         100% {left: -100%; opacity: 0;}  
  }

.certificates h2{
    margin-bottom: 20px;
    font-weight: bold;
}
  
.certificates .widget-wrap{
    padding: 10px;
    background: white;
    float: left;
    margin-right: 30px;
}

.certificates p{
    color: #666;
    font-size: 12px;
    margin-bottom: 10px;
}

.certificates .float-right{
    float: right;
    width: calc(100% - 200px)
}

.certificates .white-box{
    background: white;
    padding: 10px;
    font-size: 11px;
}

.text-img                                     {display: block; width: 100%; padding: 50px 0;}  
.text-img .wrapper                            {justify-content: space-between; align-items: center;}
.text-img .wrapper > div                      {display: block; width: 48%;}                 
.text-img .wrapper > div h2                   {display: block; width: 100%; font-size: 38px; color: #252525; font-weight: 700; line-height: 1.15em; margin-bottom: 20px;}
.text-img .wrapper > div p                    {text-align: justify; font-size: 17px; font-weight: 300;}
.text-img .wrapper > div ul li                {text-align: left; font-size: 17px; font-weight: 300;}
.text-img .wrapper > div p strong,
.text-img .wrapper > div ul li strong         {font-weight: bold;}
.text-img .wrapper > div ul li                {display: block; padding-left: 16px; position: relative; box-sizing: border-box; margin-bottom: 8px;}
.text-img .wrapper > div ul li:last-child     {margin-bottom: 0;}
.text-img .wrapper > div ul li::before        {display: block; width: 16px; height: 16px; background: URL('https://www.srovnani-makleru.cz/css/images/cenovy-odhad/chevron.png') no-repeat left center; background-size: auto 16px; position: absolute; left: 0; top: 3px; content: "";}
.text-img .wrapper > img                      {display: block; width: 48%;}                 
.text-img.switched .wrapper > div             {order: 1;}
.text-img.switched .wrapper > img             {order: 0;}
  @media screen and (max-width: 1200px)       {
  .text-img .wrapper > div h2                 {font-size: 35px; margin-bottom: 17px;}
  .text-img .wrapper > div p,
  .text-img .wrapper > div ul li              {font-size: 15px;}
  .text-img .wrapper > div ul li              {padding-left: 14px; margin-bottom: 7px;}
  .text-img .wrapper > div ul li::before      {width: 14px; height: 14px; background-size: auto 14px; top: 3px;}
  }
  @media screen and (max-width: 1080px)       {
  .text-img .wrapper > div h2                 {font-size: 30px; margin-bottom: 15px;}
  .text-img .wrapper > img                    {width: 49%;}                 
  }
  @media screen and (max-width: 960px)        {
  .text-img .wrapper > div h2                 {font-size: 27px; margin-bottom: 14px;}
  .text-img .wrapper > div p,
  .text-img .wrapper > div ul li              {font-size: 14px;}
  .text-img .wrapper > div ul li              {padding-left: 12px; margin-bottom: 6px;}
  .text-img .wrapper > div ul li::before      {width: 12px; height: 12px; background-size: auto 12px; top: 3px;}
  }
  @media screen and (max-width: 768px)        {
  .text-img .wrapper > div                    {width: 100%; max-width: 500px; margin: 0 auto; order: 1;}
  .text-img .wrapper > div h2                 {text-align: center;}
  .text-img .wrapper > div p                  {text-align: center;}              
  .text-img .wrapper > img                    {width: 90%; max-width: 440px; margin: 0 auto 25px; order: 0;}
  }  
  @media screen and (max-width: 540px)        {
  .text-img .wrapper > div h2                 {font-size: 24px; margin-bottom: 13px;} 
  } 
  @media screen and (max-width: 380px)        {
  .text-img .wrapper > div h2                 {font-size: 22px; margin-bottom: 12px;} 
  }

.cenovy-odhad                                 {background: #f5f5f5;}
.cenovy-odhad .areaImg                        {background-image: URL('https://www.srovnani-makleru.cz/css/images/cenovy-odhad/areaimg.jpg');}
.cenovy-odhad .areaImg h1                     {margin-bottom: 5px;}
.cenovy-odhad .areaImg form                   {display: flex; justify-content: center;}  
.cenovy-odhad .areaImg form input             {width: 200px; height: 40px; border-radius: 0 !important; -webkit-appearance: none;}  
.cenovy-odhad .areaImg form .button           {display: flex; height: 40px; width: auto; align-items: center; font-size: 14px !important; padding: 2px 15px 0; margin: 0;}              
  @media screen and (max-width: 1080px)       {
  .cenovy-odhad .areaImg form input           {width: 180px; height: 34px;}  
  .cenovy-odhad .areaImg form .button         {height: 34px; font-size: 12px !important; padding: 1px 11px 0 !important;}                
  }
  @media screen and (max-width: 540px)        {
  .cenovy-odhad .areaImg form input           {width: 150px; height: 32px;}  
  .cenovy-odhad .areaImg form .button         {height: 32px; font-size: 11px !important; padding: 1px 8px 0 !important;}
  } 

.compare                                          {display: block; width: 100%;} 
.compare .wrapper                                 {background: rgba(0,0,0,0.03); padding: 3%; border: solid 1px rgba(0,0,0,0.1);}
.compare .wrapper h2                              {display: block; width: 100%; font-size: 34px; text-align: center; color: #252525; font-weight: 900; margin-bottom: 1.1em;}
.compare .wrapper table                           {width: 100%; font-size: 18px;}
.compare .wrapper table th                        {text-align: center; font-size: 1em; color: #252525; font-weight: bold; padding: 1em 0.25em;}
.compare .wrapper table tr td                     {font-size: 1em; font-weight: bold; color: #252525; vertical-align: middle; padding: 1em 0; border-top: solid 1px rgba(0,0,0,0.06);}
.compare .wrapper table tr td span                {display: block; font-size: 0.7em; color: #7f7f7f; font-weight: 400;}
.compare .wrapper table tr td img                 {display: block; width: 1.7em; height: 1.7em; border-radius: 100%; overflow: hidden; margin: 0 auto;}
.compare .wrapper table tr td:nth-child(2) img    {background: #1dc98a;}
.compare .wrapper table tr td:nth-child(3) img    {background: rgba(0,0,0,0.3);}
.compare .wrapper table tr th:nth-child(2)        {background: #1dc98a; color: white; border: solid 1px rgba(0,0,0,0.2); border-bottom: none;}
.compare .wrapper table tr td:nth-child(2)        {background: white; border-left: solid 1px rgba(0,0,0,0.2); border-right: solid 1px rgba(0,0,0,0.2);}
.compare .wrapper table tr:first-child td:nth-child(2)
                                                  {border-top: none;}
.compare .wrapper table tr:last-child td:nth-child(2)
                                                  {border-bottom: solid 1px rgba(0,0,0,0.2);}
  @media screen and (max-width: 1200px)           {
  .compare .wrapper                               {padding: 4%;}
  .compare .wrapper h2                            {font-size: 30px;}
  .compare .wrapper table                         {font-size: 17px;}
  }
  @media screen and (max-width: 960px)            {
  .compare .wrapper                               {padding: 5%;}
  .compare .wrapper h2                            {font-size: 27px;}
  .compare .wrapper table                         {font-size: 15px;}
  .compare .wrapper table tr td span              {font-size: 0.8em;}
  } 
  @media screen and (max-width: 768px)            {
  .compare .wrapper                               {padding: 7%;}
  .compare .wrapper table                         {font-size: 15px;}
  }  
  @media screen and (max-width: 640px)            {
  .compare .wrapper table                         {font-size: 14px;}
  }  
  @media screen and (max-width: 540px)            {
  .compare .wrapper                               {width: 100%; margin: 0; padding: 0 5%; background: none; border: none;}
  .compare .wrapper table                         {font-size: 13px;}
  }          

.zjistete-hodnotu-nemovitosti form            {display: flex; margin-top: 15px;}  
.zjistete-hodnotu-nemovitosti form input      {width: 200px; height: 40px; background: rgba(0,0,0,0.07); border-radius: 0 !important;}  
.zjistete-hodnotu-nemovitosti form .button    {display: flex; height: 40px; width: auto; align-items: center; font-size: 14px !important; padding: 2px 15px 0; margin: 0;}              
  @media screen and (max-width: 1080px)       {
  .zjistete-hodnotu-nemovitosti form          {margin-top: 12px;}  
  .zjistete-hodnotu-nemovitosti form input    {width: 180px; height: 34px;}  
  .zjistete-hodnotu-nemovitosti form .button  {height: 34px; font-size: 12px !important; padding: 1px 11px 0 !important;}                
  }
  @media screen and (max-width: 768px)        {
  .zjistete-hodnotu-nemovitosti form          {justify-content: center;}  
  }
  @media screen and (max-width: 540px)        {
  .zjistete-hodnotu-nemovitosti form input    {width: 150px; height: 32px;}  
  .zjistete-hodnotu-nemovitosti form .button  {height: 32px; font-size: 11px !important; padding: 1px 8px 0 !important;}
  }   
  
 pre {
 font-size: 11px;
 }
  preXZ {
    position: fixed;
    border: 1px solid red;
    padding: 20px;
    z-index: 9;
    font-size: 12px;
  }

.info-box                                     {display: flex; width: 100%; justify-content: center; flex-wrap: wrap; background: rgba(0,0,0,0.05); padding: 1.5em; box-sizing: border-box;}
.info-box svg                                 {display: block; width: 2.3em; height: 2.3em; fill: #2ab8e6; margin: 0.7em 0.4em 0.3em;}
.info-box > div                               {display: block; width: 100%; padding: 0.4em; box-sizing: border-box;} 
.info-box > div p                             {font-weight: 300;}
.info-box > div p a                           {font-weight: 400;}
  @media screen and (min-width: 769px)        {
  .info-box > div                             {max-width: 34em;}
  }
  @media screen and (max-width: 768px)        {
  .info-box > div *                           {text-align: center;}
  }

.brokers-form .errors                                   {width: 100%;}
.brokers-form:before                                    {display: block; width: 10000px; height: 100%; background: #E7E7E7; position: absolute; left: calc(50% - 5000px); top: 0; z-index: -1; content: "";}
.brokers-form .poradna                                  {background: white;}
.brokers-form .main-aside                               {display: flex; width: 100%; max-width: 56em; justify-content: space-between; flex-wrap: wrap; background: none; margin: 0 auto 1em;}
.brokers-form .heading1                                 {order: 0; margin-top: 2em;}
.brokers-form .heading1 span                            {color: #14C081;}
.brokers-form .info-box                                 {margin-bottom: 1em;}
.brokers-form main                                      {display: block; margin-top: -0.6em;}
.brokers-form main > form                               {display: block; width: 100%;}
.brokers-form main > form > div                         {display: flex; width: 100%; justify-content: space-between; flex-wrap: wrap; margin-bottom: 1em;}
.brokers-form main > form > div h2                      {display: block; width: 100%; font-size: 1.2em; font-weight: 600; color: black; padding: 0; margin: 0 0 1em;}
.brokers-form main > form > div h2 span                 {font-weight: 300; color: #999999;}
.brokers-form main > form > div .h2-note                {display: block; width: 100%; font-size: 0.9em; font-weight: 400; color: #666666; margin: -1.25em 0 0.2em;}
.brokers-form main .info-text                           {display: block; width: 100%; font-size: 1em; margin: 0.2rem 0 1.5rem;}
.brokers-form main .info-text a                         {text-decoration: underline; transition: .15s ease-in-out;}
.brokers-form main .info-text a:hover                   {text-decoration-color: transparent; color: #0abb7a;}
.brokers-form main .opts                                {display: flex; width: 100%; justify-content: space-between; flex-wrap: wrap;}
.brokers-form main .opts > div                          {display: flex; width: 48%; height: auto; background: none;}
.brokers-form main .opts > div label                    {display: flex; width: 100%; justify-content: center; align-items: flex-start; flex-wrap: wrap; background: white; filter: grayscale(1); opacity: 0.4; padding: 1.5em; border: solid 1px white; box-sizing: border-box; position: relative; left: auto; top: auto; cursor: pointer; transition: .15s ease-in-out;}
.brokers-form main .opts > div label img                {display: block; width: 2.5em; pointer-events: none;}
.brokers-form main .opts > div label span               {display: block; width: 100%; text-align: center; font-size: 1.1em; font-weight: 600; color: #252525;}
.brokers-form main .opts > div label:hover              {opacity: 1; filter: grayscale(0); border-color: #15cc89;}
.brokers-form main .opts > div input                    {position: absolute; left: -9999px;}
.brokers-form input[type=radio]:checked ~ label         {opacity: 1; filter: grayscale(0);}
.brokers-form input[type=radio]:checked ~ label:hover   {border-color: white;}
.brokers-form main > form > div > div                         {display: block; position: relative; margin: 0.6em 0 1.1em;} 
.brokers-form main > form > div > div.width100                {width: 100%;}
.brokers-form main > form > div > div label                   {display: block; width: 100%; font-size: 1em; color: #999999; position: absolute; left: 0.9em; top: 0.7em; z-index: 3; transition: .15s ease-in-out;}
.brokers-form main > form > div > div > div                   {display: block; width: 100%; height: 2.8em; background: white; box-sizing: border-box;}                           
.brokers-form main > form > div > div.textarea > div          {height: 7em;}
.brokers-form main > form > div > div > div input,
.brokers-form main > form > div > div > div select,
.brokers-form main > form > div > div > div textarea          {display: block; width: 100% !important; height: 100%; font-size: 1em; color: #252525; font-weight: 600; background-color: none; padding: 0 0.8em; box-sizing: border-box; border: solid 1px #e5e5e5; position: relative; z-index: 2; font-family: 'Roboto', sans-serif; transition: .15s ease-in-out;}                           
.brokers-form main > form > div > div > div select            {background-position: right top 0.1em;}  
.brokers-form main > form > div > div > div textarea          {padding: 0.8em;}
.brokers-form main > form > div > div > div input:focus,
.brokers-form main > form > div > div > div select:focus,
.brokers-form main > form > div > div > div textarea:focus    {outline: solid 1px #14C081;}
.brokers-form main > form > div > div.focus label             {font-size: 0.8em; color: #252525; position: absolute; left: 0; top: -1.5em;}
.brokers-form main > form > div .note                         {display: block; width: 100%; font-size: 0.7em; color: #999999; margin-top: 0.2em;}
.brokers-form main > form > div .button                       {font-size: 1em; font-weight: 600; padding: 0.75em 1.5em;}
.brokers-form main > form > div .terms                        {font-size: 0.8em; margin-top: 1.2em;}
.brokers-form main > form > div .terms a                      {color: black; transition: .15s ease-in-out;}
.brokers-form main > form > div .terms a:hover                {text-decoration: underline; color: #14C081;}
.brokers-form aside h2                                  {display: block; text-transform: uppercase; font-size: 1.3em; font-weight: 600; color: white; margin-bottom: 0.8em;}
.brokers-form aside .button                             {display: block; text-align: center; font-size: 0.9em; color: white; font-weight: 600; text-decoration: none; padding: 0.7em 0; border: solid 2px rgba(255,255,255,0.45); box-sizing: border-box; margin: 0 auto; transition: .15s ease-in-out;}
.brokers-form aside .button:hover                       {background: white; border-color: white;}
.brokers-form-steps                                     {display: block; width: 100%; background: #14C081; padding: 2em; box-sizing: border-box;}
.brokers-form-steps ol                                  {display: flex; width: 100%; justify-content: space-between; flex-wrap: wrap; list-style: none; counter-reset: li; padding: 0; position: relative;}
.brokers-form-steps ol li                               {display: block; width: 100%; color: white; padding: 0 0 0 2.5em; margin: 0 0 1.6em; position: relative; box-sizing: border-box; counter-increment: li;}
.brokers-form-steps ol li:last-child                    {margin-bottom: 0;}
.brokers-form-steps ol li:before                        {display: flex; width: 1.8em; height: 1.8em; justify-content: center; align-items: center; content: counter(li) ""; font-size: 0.9em; color: #14C081; font-weight: 600; background: white; border-radius: 100%; position: absolute; left: 0; top: -0.15em; z-index: 2;}
.brokers-form-steps .button                             {width: 7.5em;}
.brokers-form-steps .button:hover                       {color: #14C081;}
.brokers-form-download                                  {display: flex; width: 100%; flex-wrap: wrap; background: #1E3243; padding: 2em; box-sizing: border-box;}
.brokers-form-download .button                          {width: 13em;}
.brokers-form-download .button:hover                    {color: #1E3243;}
  @media screen and (min-width: 961px)                  {
  .brokers-form .heading1                               {text-align: left;}
  .brokers-form aside h2                                {width: 100%; text-align: center;}
  .brokers-form main                                    {width: 60%;}
  .brokers-form main .title                             {display: none;}
  .brokers-form aside                                   {width: 35%;}
  .brokers-form-steps                                   {margin-bottom: 1em;}
  .brokers-form-steps ol:before                         {display: block; width: 1px; height: calc(100% - 2em); position: absolute; left: 0.63em; top: 0.5em; z-index: 1; border-right: dotted 4px rgba(255,255,255,0.4); content: "";}
  .brokers-form-steps ol li                             {width: 100%;}
  .brokers-form-steps .button                           {display: none !important;}
  .brokers-form-download                                {justify-content: center;}
  .brokers-form-download .img                           {display: block; width: 100%; margin: 0 0 1em; padding-top: 55%; background: URL("https://www.srovnani-makleru.cz/images/preform-img.png") no-repeat center center; background-size: contain;}
  }
  @media screen and (max-width: 960px)                  {
  .brokers-form .heading1 br                            {display: none;}
  .brokers-form main                                    {width: 100%; order: 2;}
  .brokers-form main .title                             {display: block; width: 100%; text-align: center; text-transform: uppercase; font-size: 1.5em; font-weight: 600; color: black; margin-bottom: 0.8em; position: relative;}
  .brokers-form main .title .anchor                     {display: block; width: 1px; height: 1px; position: absolute; left: -9999px; top: 50px;}
  .brokers-form aside                                   {width: 100%; margin: 0 0 2em; order: 1;}
  .brokers-form-steps h2                                {width: 100%; text-align: center;}
  .brokers-form-steps ol li                             {width: 47%;}
  .brokers-form-download                                {justify-content: space-between; align-items: center;}
  .brokers-form-download h2                             {width: calc(100% - 10em); text-align: left; margin: 0 !important;}
  .brokers-form-download h2 br                          {display: none;}
  .brokers-form main > div .button                      {width: 14em; margin: 0 auto;}
  .brokers-form main > div .terms                       {width: 100%; text-align: center;}
  }
  @media screen and (max-width: 768px)                  {
  .brokers-form-download                                {justify-content: center;}
  .brokers-form-download h2                             {width: 100%; text-align: center;}
  .brokers-form-download .button                        {margin-top: 1em !important;}
  }
  @media screen and (min-width: 541px)                  {
  .brokers-form main > form > div > div                 {width: 48%;}
  }
  @media screen and (max-width: 540px)                  {
  .brokers-form main > form > div > div                 {width: 100%;}
  }
  @media screen and (max-width: 440px)                  {
  .brokers-form main .opts > div label span             {font-size: 1em;}
  }
 .brokers-form main form .button                      {margin-left: 0;}
 .brokers-form main form .terms                       {margin-left: 0;}

.brokers-form-message                                   {display: flex; width: 100%; justify-content: center; flex-wrap: wrap; padding: 1.5em 0; box-sizing: border-box}
.brokers-form-message .box                              {display: flex; width: 100%; Justify-content: center; flex-wrap: wrap; background: white; box-sizing: border-box; position: relative;}
.brokers-form-message .box .title                       {display: block; width: 100%; text-align: center; font-size: 1.4em; font-weight: bold; color: black; text-transform: uppercase;}
.brokers-form-message .box ol.steps                     {display: flex; width: 100%; justify-content: space-between; flex-wrap: wrap; list-style: none; counter-reset: li; padding: 0; position: relative;}
.brokers-form-message .box ol.steps:before              {display: block; position: absolute; z-index: 1; content: "";}
.brokers-form-message .box ol.steps li                  {display: block; position: relative; box-sizing: border-box; counter-increment: li;}
.brokers-form-message .box ol.steps li:before           {display: flex; width: 1.8em; height: 1.8em; justify-content: center; align-items: center; content: counter(li) ""; font-size: 0.9em; color: white; font-weight: 600; background: #14C081; border-radius: 100%; position: absolute; z-index: 2;}
.brokers-form-message .box .info-link                   {display: flex; width: 100%; justify-content: center; align-items: center; background: #EFEFEF;}
.brokers-form-message .box .info-link > div             {display: flex; width: 100%; max-width: 30em; align-items: center; box-sizing: border-box; position: relative;}
.brokers-form-message .box .info-link > div:before      {display: block; width: 1.6em; background: URL("https://www.srovnani-makleru.cz/images/icon-info.svg") no-repeat center center; background-size: 100% auto; position: absolute; content: "";}
.brokers-form-message .box .info-link p                 {display: block;}
.brokers-form-message .box .info-link .button           {font-size: 0.8em; background: white; border: none; padding: 0.7em 1.2em; white-space: nowrap;}
.brokers-form-message .box .info-link .button:hover     {background: rgba(0,0,0,0.05);}
  @media screen and (min-width: 1081px)                 {
  .brokers-form-message                                 {align-items: center;}
  .brokers-form-message .box ol.steps                   {max-width: 60em;}
  .brokers-form-message .box ol.steps:before            {width: calc(75%); height: 1px; left: calc(12.5% + 0.5em); top: 0.86em; border-top: dotted 3px rgba(0,0,0,0.15);}
  .brokers-form-message .box ol.steps li                {font-size: 0.9em; width: calc(25% - 1.2em); text-align: center; padding: 2.5em 0 0;;}
  .brokers-form-message .box ol.steps li:before         {font-size: 1.1em; left: calc(50% - 0.9em); top: 0;}
  }
  @media screen and (max-width: 1080px)                 {
  .brokers-form-message                                 {align-items: flex-start;}
  .brokers-form-message .box ol.steps:before            {width: 1px; height: calc(100% - 2em); left: 0.55em; top: 0.5em; border-right: dotted 3px rgba(0,0,0,0.15);}
  .brokers-form-message .box ol.steps li                {width: 100%; padding: 0 0 0 2.1em; margin: 0 0 1.6em;}
  .brokers-form-message .box ol.steps li:last-child     {margin-bottom: 0;}
  .brokers-form-message .box ol.steps li:before         {left: 0; top: -0.15em; }
  }
  @media screen and (min-width: 641px)                  {
  .brokers-form-message .box .info-link > div           {justify-content: space-between; align-items: center; padding: 1em 1em 1em 3.5em;}
  .brokers-form-message .box .info-link > div:before    {height: 100%; left: 1.2em; top: 0;}
  .brokers-form-message .box .info-link p               {width: auto; text-align: left; font-size: 0.8em; padding-right: 1.5em; box-sizing: border-box;}
  }
  @media screen and (max-width: 640px)                  {
  .brokers-form-message .box .info-link > div           {justify-content: center; flex-wrap: wrap; padding: 3.5em 1em 1em;}
  .brokers-form-message .box .info-link > div:before    {height: 1.6em; left: calc(50% - 0.8em); top: 1em;}
  .brokers-form-message .box .info-link p               {width: 100%; text-align: center; font-size: 0.9em;}
  .brokers-form-message .box .info-link .button         {margin-top: 0.8em;}
  }

.brokers-form-message                                   {display: flex; width: 100%; justify-content: center; flex-wrap: wrap; padding: 1.5em 0; box-sizing: border-box}
.brokers-form-message .box                              {display: flex; width: 100%; Justify-content: center; flex-wrap: wrap; background: white; box-sizing: border-box; position: relative;}
.brokers-form-message .box .title                       {display: block; width: 100%; text-align: center; font-size: 1.4em; font-weight: bold; color: black; text-transform: uppercase;}
.brokers-form-message .box ol.steps                     {display: flex; width: 100%; justify-content: space-between; flex-wrap: wrap; list-style: none; counter-reset: li; padding: 0; position: relative;}
.brokers-form-message .box ol.steps:before              {display: block; position: absolute; z-index: 1; content: "";}
.brokers-form-message .box ol.steps li                  {display: block; position: relative; box-sizing: border-box; counter-increment: li;}
.brokers-form-message .box ol.steps li:before           {display: flex; width: 1.8em; height: 1.8em; justify-content: center; align-items: center; content: counter(li) ""; font-size: 0.9em; color: white; font-weight: 600; background: #14C081; border-radius: 100%; position: absolute; z-index: 2;}
.brokers-form-message .box .info-link                   {display: flex; width: 100%; justify-content: center; align-items: center; background: #EFEFEF;}
.brokers-form-message .box .info-link > div             {display: flex; width: 100%; max-width: 30em; align-items: center; box-sizing: border-box; position: relative;}
.brokers-form-message .box .info-link > div:before      {display: block; width: 1.6em; background: URL("https://www.srovnani-makleru.cz/images/icon-info.svg") no-repeat center center; background-size: 100% auto; position: absolute; content: "";}
.brokers-form-message .box .info-link p                 {display: block;}
.brokers-form-message .box .info-link .button           {font-size: 0.8em; background: white; border: none; padding: 0.7em 1.2em; white-space: nowrap;}
.brokers-form-message .box .info-link .button:hover     {background: rgba(0,0,0,0.05);}
  @media screen and (min-width: 1081px)                 {
  .brokers-form-message                                 {align-items: center;}
  .brokers-form-message .box ol.steps                   {max-width: 60em;}
  .brokers-form-message .box ol.steps:before            {width: calc(75%); height: 1px; left: calc(12.5% + 0.5em); top: 0.86em; border-top: dotted 3px rgba(0,0,0,0.15);}
  .brokers-form-message .box ol.steps li                {font-size: 0.9em; width: calc(25% - 1.2em); text-align: center; padding: 2.5em 0 0;;}
  .brokers-form-message .box ol.steps li:before         {font-size: 1.1em; left: calc(50% - 0.9em); top: 0;}
  }
  @media screen and (max-width: 1080px)                 {
  .brokers-form-message                                 {align-items: flex-start;}
  .brokers-form-message .box ol.steps:before            {width: 1px; height: calc(100% - 2em); left: 0.55em; top: 0.5em; border-right: dotted 3px rgba(0,0,0,0.15);}
  .brokers-form-message .box ol.steps li                {width: 100%; padding: 0 0 0 2.1em; margin: 0 0 1.6em;}
  .brokers-form-message .box ol.steps li:last-child     {margin-bottom: 0;}
  .brokers-form-message .box ol.steps li:before         {left: 0; top: -0.15em; }
  }
  @media screen and (min-width: 641px)                  {
  .brokers-form-message .box .info-link > div           {justify-content: space-between; align-items: center; padding: 1em 1em 1em 3.5em;}
  .brokers-form-message .box .info-link > div:before    {height: 100%; left: 1.2em; top: 0;}
  .brokers-form-message .box .info-link p               {width: auto; text-align: left; font-size: 0.8em; padding-right: 1.5em; box-sizing: border-box;}
  }
  @media screen and (max-width: 640px)                  {
  .brokers-form-message .box .info-link > div           {justify-content: center; flex-wrap: wrap; padding: 3.5em 1em 1em;}
  .brokers-form-message .box .info-link > div:before    {height: 1.6em; left: calc(50% - 0.8em); top: 1em;}
  .brokers-form-message .box .info-link p               {width: 100%; text-align: center; font-size: 0.9em;}
  .brokers-form-message .box .info-link .button         {margin-top: 0.8em;}
  }

/* Cookies-dialog */
.cookie-dialog                                          {display: flex; width: calc(100% - 1.4em); justify-content: center; flex-wrap: wrap; background: #f5f5f5; padding: 1.1em; border-radius: 0.2em; border: solid 1px rgba(0,0,0,0.06); box-sizing: border-box; position: fixed; left: 0.7em; bottom: 0.7em; z-index: 100000; box-shadow: 0 0 1.5em rgba(0,0,0,0.35); font-family: 'Arial', sans-serif; transition: .15s ease-in-out;}  
.cookie-dialog .dialog-close                            {display: block; width: 1.4em; height: 1.4em; background: #252525; border-radius: 100%; position: absolute; right: 1em; top: -0.7em; cursor: pointer; transition: .15s ease-in-out;}
.cookie-dialog .dialog-close:before,
.cookie-dialog .dialog-close:after                      {display: block; width: 60%; height: 2px; background: white; opacity: 0.7; position: absolute; left: 20%; top: calc(50% - 1px); content: ""; transition: .15s ease-in-out;}
.cookie-dialog .dialog-close:before                     {transform: rotate(45deg);}
.cookie-dialog .dialog-close:after                      {transform: rotate(-45deg);}
.cookie-dialog .dialog-close:hover:after                {opacity: 1;}
.cookie-dialog .dialog-close:hover                      {background: #4a8cf6;}
.cookie-dialog .dialog-close:hover:before,
.cookie-dialog .dialog-close:hover:after                {opacity: 1;}
.cookie-dialog h2                                       {display: block; width: 100%; text-align: left; font-size: 0.9em; font-weight: bold; line-height: 1.4em; color: #666666; margin-bottom: 0.15em;}
.cookie-dialog p                                        {display: block; text-align: left; font-size: 0.8em; line-height: 1.4em; color: #666666;}
.cookie-dialog .ok,
.cookie-dialog .dialog-confirm                          {display: flex; height: 2.6em; justify-content: center; align-items: center; text-align: center; font-size: 0.8em; color: white; font-weight: bold; text-decoration: none; background: #4a8cf6; padding: 0 1em; box-sizing: border-box; border-radius: 0.3em; transition: .15s ease-in-out;}
.cookie-dialog .ok:hover,
.cookie-dialog .dialog-confirm:hover                    {background: #2868d0;}
.cookie-dialog .dialog-save                             {display: flex; height: 2.6em; justify-content: center; align-items: center; text-align: center; font-size: 0.8em; color: white; font-weight: bold; text-decoration: none; background: #999999; padding: 0 1em; box-sizing: border-box; border-radius: 0.3em; transition: .15s ease-in-out;}
.cookie-dialog .dialog-save:hover                       {background: #666666}
.cookie-dialog-1, .cookie-dialog-2                      {display: flex /* "none" nebo "flex" !!! */; max-width: 60em; flex-wrap: wrap;}
.cookie-dialog-1 .showCookieSetting                     {display: flex ; height: 2.6em; justify-content: center; align-items: center; text-align: center; font-size: 0.8em; color: #666666; text-decoration: underline; padding: 0 1em; box-sizing: border-box; transition: .15s ease-in-out;}
.cookie-dialog-1 .showCookieSetting:hover               {color: #252525; text-decoration-color: transparent;}
.cookie-dialog-2                                        {justify-content: flex-end;}
.cookie-dialog-2 p                                      {width: 100%;}
.cookie-dialog-2 ul                                     {display: flex; width: 100%; flex-wrap: wrap; margin: 0.2em 0 1em;}
.cookie-dialog-2 ul li                                  {display: block; width: 9em; text-align: left; font-size: 0.8em; line-height: 1.4em; color: #666666; padding-left: 1.45em; margin: 0.5em 0 0; position: relative;}
.cookie-dialog-2 ul li input                            {width: 1.1em; height: 1.1em; font-size: 1em; margin: 0; position: absolute; left: 0; top: 0.08em; cursor: pointer;}
  @media screen and (min-width: 961px)                  {
  .cookie-dialog-1                                      {justify-content: space-between;}
  .cookie-dialog-1 p                                    {width: calc(100% - 20em);}
  }
  @media screen and (max-width: 960px)                  {
  .cookie-dialog-1                                      {justify-content: flex-end;}
  .cookie-dialog-1 p                                    {width: 100%; margin-bottom: 1em;}
  }


.cookie-dialog-2 {
    display: none;
}

.cta1                                                   {display: flex; width: 100%; justify-content: center; flex-wrap: wrap; background: url('/images/jak-prodat/banner-bg1.jpg') no-repeat center center; background-size: cover; padding: 1.5em; margin-top: 1.5rem; box-sizing: border-box;}
.cta1 .title                                            {display: block; width: 100%; text-align: center; font-size: 1.4em; color: white; font-weight: bold; text-transform: uppercase;}
.cta1 .text                                             {display: block; width: 100%; text-align: center !important; font-size: 0.9em!important; color: white!important; margin-top: 0.5rem!important;}
.cta1 .button                                           {font-size: 0.9em !important; color: white !important; margin-top: 1rem !important; padding: 0.7em 1em !important;}

.cta2                                                   {display: flex; width: 100%; flex-wrap: wrap; margin-top: 1.5rem;}
.cta2 > div                                             {display: flex; justify-content: center; align-content: center; align-items: center; flex-wrap: wrap; padding: 1.5em; box-sizing: border-box;}
.cta2 > div:nth-child(1)                                {background: #083866;}
.cta2 > div:nth-child(2)                                {background: #e7ebf0;}
.cta2 .title                                            {display: block; width: 100%; text-align: center; font-size: 1.4em; color: white; font-weight: bold; text-transform: uppercase;}
.cta2 .text                                             {display: block; width: 100%; text-align: center; font-size: 0.9em; color: white; margin-top: 0.5rem;}
.cta2 img                                               {display: block; width: 100%; max-width: 26rem; margin: 0 0 -0.5em;}
.cta2 .button                                           {font-size: 0.9em; color: white !important; margin-top: 1rem; padding: 0.7em 1em;}
  @media screen and (min-width: 769px)                  {
  .cta2 > div                                           {width: 50%;}
  }
  @media screen and (max-width: 768px)                  {
  .cta2 > div                                           {width: 100%;}
  .cta2 > div:nth-child(1)                              {padding-bottom: 6em;}
  .cta2 img                                             {margin: -6em 0 -0.5em;}
  }

.aside-nav                                              {display: block; width: 100%; height: calc(100vh - 8em); background: #f0f0f0; padding: 1.5em; box-sizing: border-box; overflow-y: auto;}
.aside-nav .title                                       {display: block; width: 100%; font-size: 1.4em; color: black; font-weight: bold; text-transform: uppercase; margin: 0 0 0.2rem;}
.aside-nav nav                                          {display: block; width: 100%;}
.aside-nav nav > ul                                     {display: block; width: 100%;}
.aside-nav nav > ul > li                                {display: flex; width: 100%; flex-wrap: wrap; font-size: 0.95em; padding: 0.6em 0 0.6em 2em; border-top: solid 1px rgba(0,0,0,0.1); box-sizing: border-box; position: relative;}  
.aside-nav nav > ul > li:first-child                    {border-top: none;}
.aside-nav nav > ul > li:before                         {display: block; width: 1.4em; height: 1.4em; background-size: 98% 98%; background-color: transparent; background-repeat: no-repeat; background-position: center center; border-radius: 0; position: absolute; left: 0; top: 0.56em; content: "";}
.aside-nav nav > ul > li:nth-child(1):before            {background-image: URL('https://www.srovnani-makleru.cz/css/images/hub-icon1.svg');}
.aside-nav nav > ul > li:nth-child(2):before            {background-image: URL('https://www.srovnani-makleru.cz/css/images/hub-icon2.svg');}
.aside-nav nav > ul > li:nth-child(3):before            {background-image: URL('https://www.srovnani-makleru.cz/css/images/hub-icon3.svg');}
.aside-nav nav > ul > li:nth-child(4):before            {background-image: URL('https://www.srovnani-makleru.cz/css/images/hub-icon4.svg');}
.aside-nav nav > ul > li:nth-child(5):before            {background-image: URL('https://www.srovnani-makleru.cz/css/images/hub-icon5.svg');}
.aside-nav nav > ul > li:nth-child(6):before            {background-image: URL('https://www.srovnani-makleru.cz/css/images/hub-icon6.svg');}
.aside-nav nav > ul > li:nth-child(7):before            {background-image: URL('https://www.srovnani-makleru.cz/css/images/hub-icon7.svg');}
.aside-nav nav > ul > li > span                         {display: none; width: 1.2em; margin-left: -1.2em; font-size: 1em; color: #15cc89; font-weight: bold;} 
.aside-nav nav > ul > li > a                            {display: block; width: 100%; font-size: 1em; color: black; font-weight: bold; padding-right: 1.5em; text-decoration: none; box-sizing: border-box; position: relative; cursor: pointer; transition: .15s ease-in-out;} 
.aside-nav nav > ul > li > a:after                      {display: block; width: 0.65em; height: 0.65em; background: url('https://www.srovnani-makleru.cz/images/arrow-right-black.svg') no-repeat center center; background-size: contain; position: absolute; right: -0.2em; top: 0.38em; transition: .15s ease-in-out; content: "";}
.aside-nav nav > ul > li > a:hover                      {color: #15cc89;}
.aside-nav nav > ul > li > ul                           {display: none; width: 100%; padding-top: 0.2em;}  
.aside-nav nav > ul > li > ul > li                      {display: flex; width: 100%; padding-left: 1.8em; margin-top: 0.2em; box-sizing: border-box;}
.aside-nav nav > ul > li > ul > li > span               {display: block; width: 2em; margin-left: -2em; font-size: 0.9em; color: #15cc89; font-weight: bold;} 
.aside-nav nav > ul > li > ul > li > a                  {display: block; width: 100%; font-size: 0.9em; color: black; font-weight: normal; text-decoration: none; transition: .15s ease-in-out;} 
.aside-nav nav > ul > li > ul > li > a:hover            {color: #15cc89;}
.aside-nav nav > ul > li.show > a:after                 {transform: rotate(90deg);}  



.infographics-prague                                    {background: #E7E7E7; font-size: 1rem;}

.infographics-prague .wrapper                           {display: flex; flex-wrap: wrap;}

.infographics-prague .wrapper > div                     {display: flex; justify-content: center; align-items: start; align-content: flex-start; flex-wrap: wrap; gap: 0.8em; padding-inline: 1.5em; box-sizing: border-box;}

.infographics-prague .wrapper > div .icon               {display: flex; width: 5em; height: 5em; justify-content: center; align-items: center; border: solid 3px #15cc89; border-radius: 100%; box-sizing: border-box;}

.infographics-prague .wrapper > div .icon svg           {display: block; width: 60%; height: 60%; fill: #15cc89;}

.infographics-prague .wrapper > div span                {display: block; width: 100%; text-align: center; font-size: 1em; color: black;}

  @media screen and (min-width: 1081px)                 {

  .infographics-prague .wrapper > div                   {width: 25%; border-right: solid 1px rgba(0,0,0,0.15);}

  .infographics-prague .wrapper > div:last-child        {border: none;}

  }

  @media screen and (min-width: 441px) and (max-width: 1080px){

  .infographics-prague .wrapper > div                   {width: 50%; border-right: solid 1px rgba(0,0,0,0.15);}

  .infographics-prague .wrapper > div:nth-child(-n+2)   {padding-bottom: 1.5em; border-bottom: solid 1px rgba(0,0,0,0.15);}

  .infographics-prague .wrapper > div:nth-child(n+3)    {padding-top: 1.5em;}

  .infographics-prague .wrapper > div:nth-child(odd)    {padding-left: 0;}

  .infographics-prague .wrapper > div:nth-child(even)   {border-right: none; padding-right: 0;}

  }  

  @media screen and (max-width: 440px)                  {

  .infographics-prague .wrapper > div                   {width: 100%; border-bottom: solid 1px rgba(0,0,0,0.15); padding: 1.5em 0;}

  .infographics-prague .wrapper > div:first-child       {padding-top: 0;}

  .infographics-prague .wrapper > div:last-child        {border: none; padding-bottom: 0;}

  }  

/*! jQuery UI - v1.12.1 - 2017-11-29
* http://jqueryui.com
* Includes: core.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url('https://www.srovnani-makleru.cz/css/../images/web/ui-icons_444444_256x240.png');
}
.ui-widget-header .ui-icon {
	background-image: url('https://www.srovnani-makleru.cz/css/../images/web/ui-icons_444444_256x240.png');
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url('https://www.srovnani-makleru.cz/css/../images/web/ui-icons_555555_256x240.png');
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url('https://www.srovnani-makleru.cz/css/../images/web/ui-icons_ffffff_256x240.png');
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url('https://www.srovnani-makleru.cz/css/../images/web/ui-icons_777620_256x240.png');
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url('https://www.srovnani-makleru.cz/css/../images/web/ui-icons_cc0000_256x240.png');
}
.ui-button .ui-icon {
	background-image: url('https://www.srovnani-makleru.cz/css/../images/web/ui-icons_777777_256x240.png');
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url('https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url('https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2') format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url('https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url('https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2') format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url('https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url('https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url('https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBBc4.woff2') format('woff2');
  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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url('https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu72xKOzY.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url('https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu5mxKOzY.woff2') format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url('https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7mxKOzY.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url('https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4WxKOzY.woff2') format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url('https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7WxKOzY.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url('https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKOzY.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url('https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2') format('woff2');
  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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url('https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url('https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2') format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url('https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url('https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2') format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url('https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url('https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url('https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc4.woff2') format('woff2');
  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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url('https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url('https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2') format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url('https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url('https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2') format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url('https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url('https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url('https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc4.woff2') format('woff2');
  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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'), url('https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfCRc4EsA.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'), url('https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfABc4EsA.woff2') format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'), url('https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfCBc4EsA.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'), url('https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfBxc4EsA.woff2') format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'), url('https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfCxc4EsA.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'), url('https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfChc4EsA.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'), url('https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfBBc4.woff2') format('woff2');
  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;
}
/* vietnamese */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('https://fonts.gstatic.com/s/dancingscript/v15/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7B1i03Rep8ltA.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('https://fonts.gstatic.com/s/dancingscript/v15/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7B1i03ROp8ltA.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('https://fonts.gstatic.com/s/dancingscript/v15/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7B1i03Sup8.woff2') format('woff2');
  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;
}/* line 7, ../sass/lightbox.sass */
body:after {
  content: url('https://www.srovnani-makleru.cz/css/lightbox/../../images/lightbox/close.png') url('https://www.srovnani-makleru.cz/css/lightbox/../../images/lightbox/loading.gif') url('https://www.srovnani-makleru.cz/css/lightbox/../../images/lightbox/prev.png') url('https://www.srovnani-makleru.cz/css/lightbox/../../images/lightbox/next.png');
  display: none;
}

/* line 11, ../sass/lightbox.sass */
.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

/* line 20, ../sass/lightbox.sass */
.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}
/* line 28, ../sass/lightbox.sass */
.lightbox .lb-image {
  display: block;
  height: auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
/* line 32, ../sass/lightbox.sass */
.lightbox a img {
  border: none;
}

/* line 35, ../sass/lightbox.sass */
.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 44, ../sass/lightbox.sass */
.lb-container {
  padding: 4px;
}

/* line 47, ../sass/lightbox.sass */
.lb-loader {
  position: absolute;
  top: 43%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

/* line 56, ../sass/lightbox.sass */
.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url('https://www.srovnani-makleru.cz/css/lightbox/../../images/lightbox/loading.gif') no-repeat;
}

/* line 63, ../sass/lightbox.sass */
.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

/* line 71, ../sass/lightbox.sass */
.lb-container > .nav {
  left: 0;
}

/* line 74, ../sass/lightbox.sass */
.lb-nav a {
  outline: none;
}

/* line 77, ../sass/lightbox.sass */
.lb-prev, .lb-next {
  width: 49%;
  height: 100%;
  cursor: pointer;
  /* Trick IE into showing hover */
  display: block;
}

/* line 84, ../sass/lightbox.sass */
.lb-prev {
  left: 0;
  float: left;
}
/* line 87, ../sass/lightbox.sass */
.lb-prev:hover {
  background: url('https://www.srovnani-makleru.cz/css/lightbox/../../images/lightbox/prev.png') left 48% no-repeat;
}

/* line 90, ../sass/lightbox.sass */
.lb-next {
  right: 0;
  float: right;
}
/* line 93, ../sass/lightbox.sass */
.lb-next:hover {
  background: url('https://www.srovnani-makleru.cz/css/lightbox/../../images/lightbox/next.png') right 48% no-repeat;
}

/* line 96, ../sass/lightbox.sass */
.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 103, ../sass/lightbox.sass */
.lb-data {
  padding: 0 4px;
  color: #bbbbbb;
}
/* line 106, ../sass/lightbox.sass */
.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}
/* line 111, ../sass/lightbox.sass */
.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}
/* line 115, ../sass/lightbox.sass */
.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}
/* line 121, ../sass/lightbox.sass */
.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url('https://www.srovnani-makleru.cz/css/lightbox/../../images/lightbox/close.png') top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
/* line 130, ../sass/lightbox.sass */
.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  content: " ";
  display: block;
  background: white;
  position: absolute;
  z-index: 30;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
  width: 3px;
  height: 9999px;
  left: 50%;
  margin-left: -1.5px; }

.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  width: 9999px;
  height: 3px;
  top: 50%;
  margin-top: -1.5px; }

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%; }

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  transition-duration: 0.5s; }

.twentytwenty-before-label, .twentytwenty-after-label {
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  transition-property: opacity; }

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  color: white;
  font-size: 13px;
  letter-spacing: 0.1em; }

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  position: absolute;
  background: rgba(0, 0, 0, 0.6);
  line-height: 38px;
  padding: 0 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {
  top: 50%;
  margin-top: -19px; }

.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {
  left: 50%;
  margin-left: -45px;
  text-align: center;
  width: 90px; }

.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
  width: 0;
  height: 0;
  border: 6px inset transparent;
  position: absolute; }

.twentytwenty-left-arrow, .twentytwenty-right-arrow {
  top: 50%;
  margin-top: -6px; }

.twentytwenty-up-arrow, .twentytwenty-down-arrow {
  left: 50%;
  margin-left: -6px; }

.twentytwenty-container {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  z-index: 0;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }
  .twentytwenty-container img {
    max-width: 100%;
    position: absolute;
    top: 0;
    display: block; }
  .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
    background: rgba(0, 0, 0, 0); }
    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
    .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
      opacity: 0; }
  .twentytwenty-container * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; }

.twentytwenty-before-label {
  opacity: 0; }
  .twentytwenty-before-label:before {
    content: attr(data-content); }

.twentytwenty-after-label {
  opacity: 0; }
  .twentytwenty-after-label:before {
    content: attr(data-content); }

.twentytwenty-horizontal .twentytwenty-before-label:before {
  left: 10px; }

.twentytwenty-horizontal .twentytwenty-after-label:before {
  right: 10px; }

.twentytwenty-vertical .twentytwenty-before-label:before {
  top: 10px; }

.twentytwenty-vertical .twentytwenty-after-label:before {
  bottom: 10px; }

.twentytwenty-overlay {
  -webkit-transition-property: background;
  -moz-transition-property: background;
  transition-property: background;
  background: rgba(0, 0, 0, 0);
  z-index: 25; }
  .twentytwenty-overlay:hover {
    /*background: rgba(0, 0, 0, 0.5);*/ }                                                             /* Ztmaven� po najet� kurzoru */
    .twentytwenty-overlay:hover .twentytwenty-after-label {
      opacity: 1; }
    .twentytwenty-overlay:hover .twentytwenty-before-label {
      opacity: 1; }

.twentytwenty-before {
  z-index: 20; }

.twentytwenty-after {
  z-index: 10; }

.twentytwenty-handle {
  height: 38px;
  width: 38px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
  border: 3px solid white;
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  border-radius: 1000px;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  z-index: 40;
  cursor: pointer; }

.twentytwenty-horizontal .twentytwenty-handle:before {
  bottom: 50%;
  margin-bottom: 22px;
  -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-horizontal .twentytwenty-handle:after {
  top: 50%;
  margin-top: 22px;
  -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-vertical .twentytwenty-handle:before {
  left: 50%;
  margin-left: 22px;
  -webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-vertical .twentytwenty-handle:after {
  right: 50%;
  margin-right: 22px;
  -webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-left-arrow {
  border-right: 6px solid white;
  left: 50%;
  margin-left: -17px; }

.twentytwenty-right-arrow {
  border-left: 6px solid white;
  right: 50%;
  margin-right: -17px; }

.twentytwenty-up-arrow {
  border-bottom: 6px solid white;
  top: 50%;
  margin-top: -17px; }

.twentytwenty-down-arrow {
  border-top: 6px solid white;
  bottom: 50%;
  margin-bottom: -17px; }
/* 
  Silktide Consent Manager - https://silktide.com/consent-manager/  

  Styles are at risked of being overridden by styles coming from the site the consent manager is used on.
  To help prevent this, global wrapper elements are prefixed with "#silktide-"
*/

/* --------------------------------
  Global Styles - These elements exist in the main DOM and styling is limited to positioning and animation
-------------------------------- */
/* Wrapper (Global) */
#silktide-wrapper {
              --focus: 0 0 0 2px #ffffff, 0 0 0 4px #000000, 0 0 0 6px #ffffff;
              --boxShadow: -5px 5px 10px 0px #00000012, 0px 0px 50px 0px #0000001a;
              --fontFamily: Helvetica Neue, Segoe UI, Arial, sans-serif;
              --primaryColor: #2AB8E6;
              --backgroundColor: #ffffff;
              --textColor: #4b494b;
              --backdropBackgroundColor: #00000033;
              --backdropBackgroundBlur: 0px;
              --cookieIconColor: #FFFFFF;
              --cookieIconBackgroundColor: #4B494B;
              position: fixed;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  pointer-events: none;
  border: 0px;
  display: flex;
  justify-content: center;
  align-items: center
            }

/* Backdrop (Global) */
#silktide-backdrop-global {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: auto;
  border: 0px;
  display: none;
}

/* --------------------------------
  Links
-------------------------------- */
#silktide-wrapper a {
  all: unset;
  display: inline-block;
  color: var(--primaryColor);
  text-decoration: underline;
}

#silktide-wrapper a:hover {
  cursor: pointer;
  color: var(--textColor);
}

/* --------------------------------
  Focus Styles
-------------------------------- */
#silktide-wrapper a:focus,
#silktide-wrapper #silktide-banner button:focus,
#silktide-wrapper #silktide-modal button:focus,
#silktide-wrapper #silktide-cookie-icon:focus {
  outline: none;
  box-shadow: var(--focus);
  border-radius: 5px;
}

#silktide-wrapper #silktide-cookie-icon:focus {
  border-radius: 50%;
}

/* --------------------------------
  General Styles
-------------------------------- */

#silktide-wrapper .st-button {
  color: var(--backgroundColor);
  background-color: var(--primaryColor);
  border: 2px solid var(--primaryColor);
  padding: 10px 20px;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  cursor: pointer;
  border-radius: 5px;
}

#silktide-wrapper .st-button--primary {
}

#silktide-wrapper .st-button--primary:hover {
  background-color: var(--backgroundColor);
  color: var(--primaryColor);
}

#silktide-wrapper .st-button--secondary {
  background-color: var(--backgroundColor);
  color: var(--primaryColor);
}

#silktide-wrapper .st-button--secondary:hover {
  background-color: var(--primaryColor);
  color: var(--backgroundColor);
}

/* --------------------------------
  Banner
-------------------------------- */
#silktide-banner {
  font-family: var(--fontFamily);
  color: var(--textColor);
  background-color: var(--backgroundColor);
  box-sizing: border-box;
  padding: 32px;
  border-radius: 5px;
  pointer-events: auto;
  border: 0px;
  position: fixed;
  bottom: 16px;
  right: 16px;
  width: 600px;
  overflow: auto;
  max-width: calc(100% - 32px);
  max-height: calc(100vh - 32px);
  transform: translate(0, -20px);
  opacity: 0;
  animation: silktide-slideInDown 350ms ease-out forwards;
  animation-delay: 0.3s;
  box-shadow: -5px 5px 10px 0px #00000012, 0px 0px 50px 0px #0000001a;
}

#silktide-banner:focus {
  border-radius: 50%;
}

#silktide-banner.center {
  top: 50%;
  left: 50%;
  bottom: auto;
  right: auto;
  position: fixed;
  transform: translate(-50%, calc(-50% - 20px));
  animation: silktide-slideInDown-center 350ms ease-out forwards;
}

#silktide-banner.bottomLeft {
  bottom: 16px;
  left: 16px;
  position: fixed;
}

#silktide-banner.bottomCenter {
  bottom: 16px;
  left: 50%;
  position: fixed;
  transform: translate(-50%, -20px);
  animation: silktide-slideInDown-bottomCenter 350ms ease-out forwards;
}

#silktide-banner .preferences {
  display: flex;
  gap: 5px;
  border: none;
  padding: 15px 0px;
  background-color: transparent;
  color: var(--primaryColor);
  cursor: pointer;
  font-size: 16px;
}

#silktide-banner .preferences span {
  display: block;
  white-space: nowrap;
  text-decoration: underline;
}

#silktide-banner .preferences span:hover {
  color: var(--textColor);
}

#silktide-banner .preferences:after {
  display: block;
  content: '>';
  text-decoration: none;
}

#silktide-banner p {
  font-size: 16px;
  line-height: 24px;
  margin: 0px 0px 15px;
}

#silktide-banner a {
  display: inline-block;
  color: var(--primaryColor);
  text-decoration: underline;
  background-color: var(--backgroundColor);
}

#silktide-banner a:hover {
  color: var(--textColor);
}

#silktide-banner a.silktide-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  fill: var(--primaryColor); /* passed down to svg > path */
  margin-left: auto;
  width: 48px;
  height: 48px;
}


#silktide-banner .actions {
  display: flex;
  gap: 16px;
  flex-direction: column;
  margin-top: 24px;
}

@media (min-width: 600px) {
  #silktide-banner .actions {
    flex-direction: row;
    align-items: center;
  }
}

#silktide-banner .actions-row {
  display: flex;
  gap: 16px;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-grow: 1;
}

/* --------------------------------
  Modal
-------------------------------- */
#silktide-modal {
  display: none;
  pointer-events: auto;
  overflow: auto;
  width: 800px;
  max-width: 100%;
  max-height: 100%;
  border: 0px;
  transform: translate(0px, -20px);
  opacity: 0;
  animation: silktide-slideInUp-center 350ms ease-out forwards;
  box-shadow: -5px 5px 10px 0px #00000012, 0px 0px 50px 0px #0000001a;
  font-family: var(--fontFamily);
  color: var(--textColor);
  flex-direction: column;
  padding: 30px;
  background-color: var(--backgroundColor);
  border-radius: 5px;
  box-sizing: border-box;
}

/* --------------------------------
  Modal - Header
-------------------------------- */
#silktide-modal header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  gap: 16px;
}

#silktide-modal h1 {
  font-family: var(--fontFamily);
  color: var(--textColor);
  font-size: 24px;
  font-weight: 500;
  margin: 0px;
}

#silktide-modal .modal-close {
  display: inline-flex;
  border: none;
  padding: 13px;
  border: 0px;
  cursor: pointer;
  background: var(--backgroundColor);
  color: var(--primaryColor);
}

#silktide-modal .modal-close svg {
  fill: var(--primaryColor);
}

/* --------------------------------
  Modal - Content
-------------------------------- */

#silktide-modal section {
  flex: 1;
  margin-top: 32px;
}

#silktide-modal section::-webkit-scrollbar {
  display: block; /* Force scrollbars to show */
  width: 5px; /* Width of the scrollbar */
}

#silktide-modal section::-webkit-scrollbar-thumb {
  background-color: var(--textColor); /* Color of the scrollbar thumb */
  border-radius: 10px; /* Rounded corners for the thumb */
}

#silktide-modal p {
  font-size: 16px;
  line-height: 24px;
  color: var(--textColor);
  margin: 0px 0px 15px;
}

#silktide-modal p:last-of-type {
  margin: 0px;
}

#silktide-modal fieldset {
  padding: 0px;
  border: none;
  margin: 0px 0px 32px;
}

#silktide-modal fieldset:last-of-type {
  margin: 0px;
}

#silktide-modal legend {
  padding: 0px;
  margin: 0px 0px 10px;
  font-weight: 700;
  color: var(--textColor);
  font-size: 16px;
}

#silktide-modal .cookie-type-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;  
}

/* --------------------------------
  Modal - Switches
-------------------------------- */
#silktide-modal .switch {
  flex-shrink: 0;
  position: relative;
  display: inline-block;
  height: 34px;
  width: 74px;
  cursor: pointer;
}

#silktide-modal .switch:focus-within {
  outline: none;
  box-shadow: var(--focus);
  border-radius: 25px;
}

#silktide-modal .switch input {
  opacity: 0;
  position: absolute;
}

/* Unchecked Switch Styles */
#silktide-modal .switch__pill {
  position: relative;
  display: block;
  height: 34px;
  width: 74px;
  background: var(--textColor);
  border-radius: 25px;
}

#silktide-modal .switch__dot {
  position: absolute;
  top: 2px;
  left: 2px;
  display: block;
  height: 30px;
  width: 30px;
  background: var(--backgroundColor);
  border-radius: 50%;
  transition: left 150ms ease-out;
}

#silktide-modal .switch__off,
#silktide-modal .switch__on {
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 500;
  color: var(--backgroundColor);
  position: absolute;
  top: 7px;
  right: 8px;
  transition: right 150ms ease-out, opacity 150ms ease-out;
}

#silktide-modal .switch__off {
  opacity: 1;
}

#silktide-modal .switch__on {
  opacity: 0;
}

/* Checked Switch Styles */
#silktide-modal .switch input:checked + .switch__pill {
  background: var(--primaryColor);
}

#silktide-modal .switch input:checked ~ .switch__dot {
  left: calc(100% - 32px);
}

#silktide-modal .switch input:checked ~ .switch__off {
  right: calc(100% - 32px);
  opacity: 0;
}

#silktide-modal .switch input:checked ~ .switch__on {
  right: calc(100% - 34px);
  opacity: 1;
}

/* Disabled Switch Styles */
#silktide-modal .switch input:disabled + .switch__pill {
  opacity: 0.65;
  cursor: not-allowed;
}

/* --------------------------------
  Modal - Footer
-------------------------------- */
#silktide-modal footer {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 24px;
}

@media (min-width: 600px) {
  #silktide-modal footer {
    flex-direction: row;
    align-items: center;
  }
}

#silktide-modal footer a {
  margin-left: auto;
  padding: 14px 0px;
  font-size: 10px;
}

/* Cookie Icon */
#silktide-cookie-icon {
  display: none;
  position: fixed;
  bottom: 10px;
  left: 10px;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  padding: 0px;
  border: none;
  background-color: var(--cookieIconColor);
  cursor: pointer;
  box-shadow: 0px 0px 6px 0px #0000001a;
  pointer-events: auto;
  animation: silktide-fadeIn 0.3s ease-in-out forwards;
}

#silktide-cookie-icon.bottomRight {
  left: auto;
  right: 10px;
}

#silktide-cookie-icon svg {
  fill: var(--cookieIconBackgroundColor);
}

/* --------------------------------
  Backdrop
-------------------------------- */
#silktide-backdrop {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--backdropBackgroundColor);
  backdrop-filter: blur(var(--backdropBackgroundBlur));
  pointer-events: all;
}

/* --------------------------------
  Animations
-------------------------------- */
@keyframes silktide-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes silktide-slideInDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes silktide-slideInDown-center {
  from {
    opacity: 0;
    transform: translate(-50%, calc(-50% - 20px));
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}

@keyframes silktide-slideInDown-bottomCenter {
  from {
    opacity: 0;
    transform: translate(-50%, -20px);
  }
  to {
    opacity: 1;
    transform: translate(-50%, 0);
  }
}

@keyframes silktide-slideInUp-center {
  from {
    opacity: 0;
    transform: translate(0px, 20px);
  }
  to {
    opacity: 1;
    transform: translate(0px, 0px);
  }
}