html { scroll-behavior: smooth; } body { background: #ffffff; color: #0d024c; font-size: 17px; line-height:1.75857143; font-family:"Plus Jakarta Sans", sans-serif; } .main-content { background-color: #ffffff; } a { color: #0d024c; text-decoration:underline; } a:hover, a:focus { color: #ffde00; text-decoration-thickness: 2px; } *:focus { outline: 1px auto !important; outline-offset: 2px !important; } .btn { color: #0d024c; font-size: 16px; line-height: 20px; font-weight: 700; text-decoration: none; text-transform: uppercase; padding: 12px 20px; background: #ffde00; border-width: 0px; border-radius: 6px; min-width: 180px; width: max-content; text-decoration: none; } .btn:hover, .btn:focus { color: #ffffff; background: #0d024c; text-decoration: underline; } .genNext { display: block; font-size: clamp(14px, 2vw, 15px); text-transform: uppercase; line-height: 30px; color: #0d024c; font-weight: 700; background-color: #fabb00; border-radius: 25px; padding: 7px 40px; width: -moz-max-content; width: max-content; text-align: center; margin-inline: auto; text-wrap: nowrap; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { color: #0d024c; font-weight: normal; } h1, .h1 { font-size: 36px; margin-bottom: 15px; } h2, .h2 { font-size: 32px; margin-top: 30px; margin-bottom: 15px; } h3, .h3 { font-size: 28px; margin-top: 30px; margin-bottom: 15px; } h4, .h4 { font-size: 24px; margin-top: 30px; margin-bottom: 10px; } h5, .h5 { font-size: 20px; margin-top: 30px; } h6, .h6 { font-size: 20px; margin-top: 20px; } .img-responsive { margin: 0px auto; border-radius: 20px; } .img-thumbnail { margin-bottom: 15px; border-radius: 0px; } .prekryv { display: block; position: absolute; top: 0px; left: 0px; right: 0px; width: 100%; height: 100%; } .red { color: #cc0000; } .push-bottom { margin-bottom: 15px; } .h2_extra { padding: 10px 15px; margin: 30px auto 25px auto; text-align: center; border-bottom: 2px solid #ffde00; width: 30%; color: #0d024c; font-size: 24px; text-transform: uppercase; } img { max-width: 100%; height: auto; } .zahodit { display: none; } .hideOnDesktop { display: none !important; } .skryty-konverze { overflow: hidden; height: 1px; width: 1px; position: fixed; bottom: 0px; left: 0px; padding: 1px; background: transparent; } .vertical-align { position: absolute; top: 50%; transform: translateY(-50%); } @media(min-width: 1220px){ .col-lg-petina { width: 20% !important; } } .img_bcg_block { overflow: hidden; } .img_bcg { display: block; background-size: cover; background-position: center; background-repeat: no-repeat; height: 100%; transition: transform 0.5s; } .box_link { display: block; text-decoration: none; } .box_link:hover, .box_link:focus { text-decoration: none; } .box_link:hover .img_bcg_block .img_bcg, .box_link:focus .img_bcg_block .img_bcg { transform: scale(1.1); transition: transform 0.5s; } .stin { box-shadow: 0 0 10px rgba(0,0,0,.5); } .align-center { text-align: center; } #main-content { padding-bottom: 50px; } .page-content { color: #0d024c; } .page-content ul { list-style: disc outside; padding-left: 20px; } .page-content ul li { margin-bottom: 4px; } .page-content ul.list-unstyled { list-style: none inside none; padding-left: 0px; } body .table-responsive { border: none; } .table-responsive.jspScrollable { border: 1px solid #003366; } .page-content .table-responsive { overflow: auto; border: none; max-width: 100%; } .page-content table { width: 100%; border: 1px solid #c9c9c9; margin-bottom: 20px; font-size: inherit; } .page-content table th, .page-content table td { border: 1px solid #777; border: 1px solid #c9c9c9; vertical-align: middle; padding: 10px; } .page-content table th { background-color: #dfdfdf; font-weight: normal; } .page-content table tr:nth-child(even) td { background: #f5f5f5; } .form-control { border-radius: 0px; } .form-control:focus { border-color: #0d024c; } .control-label { display: inline-block; height: 34px; line-height: 34px; vertical-align: middle; font-weight: normal; } input.required-empty { border-color: #ffde00; } #header { position: relative; z-index: 99999; background-color: transparent; height: 85px; } #header.affix { width: 100%; z-index: 999999; top: 0px; position: fixed; background-color: #ffffff; box-shadow: 0 0 15px rgba(0,0,0,0.15); } #header #top-line-container { height: 100%; } #top-line { display: flex; align-items: center; justify-content: space-between; padding-left: 15px; padding-right: 20px; height: 100%; } #top-line #right_block { display: flex; align-items: center; justify-content: flex-end; } #logo { display: inline-block; display: flex; text-decoration: none; margin-top: 15px; z-index: 9999; } #logo .logo_title { margin: 0; padding: 0; line-height: 0; } #logo img { max-width: 100%; height:auto; max-height: 85px; } #logo:hover, #logo:focus, #logo:active { color: #0d024c; } #searchFormTop { margin-right: 13px; } #searchFormTop .input-group { position: relative; } #searchFormTop #q.form-control { display: none !important; width: 230px; height: 40px; border-radius: 0px; background-color: #f4f4f4; border: 1px solid #f4f4f4; } #searchFormTop #q.form-control:focus { box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(0, 0, 0, 0.6); } #searchFormTop .ico-btn { background-color: #f4f4f4 !important; padding: 0 !important; border: 1px solid #f4f4f4 !important; border-radius: 50%; height: 40px; width: 40px; position: relative; z-index: 3; } #searchFormTop .ico-btn .icon { color: #0d024c; transition: transform .5s; } #searchFormTop .ico-btn:hover, #searchFormTop .ico-btn:focus { background-color: #ffde00 !important; border: 1px solid #ffde00 !important; } #searchFormTop .ico-btn:hover .icon, #searchFormTop .ico-btn:focus .icon { color: #ffffff; transform: scale(1.2); } @media(max-width: 991px){ .searchActive { overflow: hidden; overflow-x: hidden; overflow-y: hidden; position: fixed; } } .searchActive #searchFormTop #hledani #q.form-control { display: block !important; right: -40px; } .searchActive #searchFormTop #hledani .ico-btn { border: none !important; } #soc_block { display: flex; align-items: center; justify-content: center; } .navbar-collapse { top:0px; position: relative; z-index:999; } nav.navbar { height: 0px; min-height: 0px; margin-bottom: 0px; border: 0px none; } #mainMenu .navbar-collapse, #kategorie_mobile_menu #levy-blok .leve-menu { padding-left:0px; padding-right: 0px; background-color:#fff; color:#fff; top: 0px; height: 100%; overflow: auto; width: 100%; } #mainMenu .navbar-nav { margin:0px; } #mainMenu a { position: relative; line-height: 20px; color: #0d024c; border: 0px none; outline: 0px none; text-decoration: none; } #mainMenu li:hover > a, #mainMenu li:focus > a, #mainMenu li > a:hover, #mainMenu li > a:focus { color: #0d024c; background-color: transparent; text-decoration: underline; } #mainMenu li > a:hover, #mainMenu li > a:focus { background-color: transparent; } #mainMenu li.active > a { color: #0d024c; text-decoration: underline; } #mainMenu .dropdown-menu { margin:-1px 0px 0px 0px; padding: 1px 0px 0px 0px; background:#ffffff; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background-color: transparent; } .mobile-menu { display: none; } .dropdown .dropdown-menu.opened { display: block; } #mainMenu .dropdown-toggle ~ .dropdown-trigger { background: none; box-shadow: none; border: 0px; padding: 0px; display: inline-flex; align-items: center; justify-content: center; } #mainMenu .dropdown-trigger .icon { font-size: 13px; color: #ffde00; } #mainMenu li:hover .dropdown-trigger .icon { color:#ffde00; } #mainMenu li .dropdown-trigger:focus .icon { color:#ffde00; } .navbar-toggle { background: transparent; color:#0d024c; border-radius: 0px; margin: 0px; line-height: 0px; padding: 0px; } .navbar-toggle .icon { font-size: 30px; } .navbar-toggle:hover, .navbar-toggle:focus, .navbar-toggle:active { background-color: transparent; color: #ffde00; } a i.glyphicon { padding-right:5px; } @media(max-width: 991px){ #header { height: 70px; } #header.affix { box-shadow: 0 0 10px rgba(0,0,0,.2); } body.header-affixed { margin-top: 90px; } #mainMenu .navbar-collapse { border: none !important; overflow: auto; } #mainMenu .navbar-collapse .dropdown-menu { padding: 0px; position: relative; width: 100%; margin: 0px; background: #f4f4f4; box-shadow: none; } #mainMenu .navbar-collapse .dropdown-toggle ~ .dropdown-trigger { position: absolute; height: 50px; width: 10%; bottom: 0; right: 0; padding: 0; z-index: 1001; } #mainMenu .navbar-collapse .dropdown-toggle ~ .dropdown-trigger .icon { position: absolute; top: 50%; transform: translateY(-50%); right: 50%; } #mainMenu .navbar-collapse .dropdown-toggle ~ .dropdown-trigger:hover .icon, #mainMenu .navbar-collapse .dropdown-toggle ~ .dropdown-trigger:focus .icon { animation-name: downPulse; animation-duration: .7s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; } @keyframes downPulse{ 0%, 100% { transform: translate(0, -50%); } 50% { transform: translate(0, -30%); } } #header.preventAffix { position: relative !important; top: auto !important; left: 0; right: auto; } #header.preventAffix #navbar { height: auto; } #header.preventAffix .navbar-nav { top: 70px; left: 0; width: 100%; z-index: 9999; background-color: #ffffff; margin-top: 20px; } #mainMenu li { border-bottom: 1px solid #d5d5d5; } #mainMenu li a { color: #0d024c; line-height: 50px; padding: 0 10px; width: 100%; text-decoration: none; } #mainMenu li a:hover, #mainMenu li a:focus, #mainMenu li.active > a { text-decoration: underline; } #mainMenu li a:focus { outline-offset: -3px; } #mainMenu li a.dropdown-toggle:focus { z-index: 1001; } #mainMenu li .dropdown-menu { top: 0; background-color: #ebf2f4; } #mainMenu li .dropdown-menu > li > a { padding: 0 20px; } #bottom_block { margin-top: 30px; margin-bottom: 30px; } #searchFormTop { margin-right: auto; margin-left: auto; margin-bottom: 20px; } #searchFormTop .input-group { margin: 0 auto; width: 90%; } #searchFormTop #q.form-control { width: 100%; display: table-cell !important; } #searchFormTop .ico-btn { position: absolute; right: 0; z-index: 3; border: none !important; } } @media(min-width: 992px){ body.homepage #header, body.homepage #header.affix { position: absolute; top: 0; left: 0; right: 0; } body.homepage #header.affix-top.header-top-offset { top: 50px; } #header { background-color: transparent; } #header #top-line-container { border-radius: 0px; } #top-line { padding-left: 15px; padding-right: 15px; } #bottom-line-container { position: absolute; top: 0; left: 0; right: 0; height: 90px; width: 650px; left: 120px; margin: 0 auto; } .bottom-line { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; } #logo { text-align: left; margin-top: 0px; } #logo img { max-height: 85px; margin-top: 0px; max-width: 100%; height: auto; } #mainMenu li { position: relative; height: 55px; } #mainMenu a { display: inline-block; height: 100%; line-height: 49px; padding: 0; color: #0d024c; font-weight: 500; font-size: 13px; border: none; text-decoration: none; } #mainMenu .active > a:after { width: 100%; } #mainMenu .navbar-nav > li:hover > a, #mainMenu .navbar-nav > li:focus > a, #mainMenu .navbar-nav > li > a:hover, #mainMenu .navbar-nav > li > a:focus, #mainMenu .navbar-nav > li.active > a { color: #0d024c; text-underline-offset: 7px; text-decoration-color: #ffde00;; text-decoration-thickness: 3px; } #mainMenu .dropdown-toggle ~ .dropdown-trigger { position: relative; top: -2px; margin-left: 5px; } #mainMenu .dropdown-toggle ~ .dropdown-trigger .icon { color: #ffffff; } #mainMenu li.dropdown .dropdown-menu a { display: block; padding-left: 8px; padding-right: 8px; white-space: break-spaces; } #mainMenu li.dropdown .dropdown-menu a:hover, #mainMenu li.dropdown .dropdown-menu a:focus { color: #ffde00; background-color: transparent; text-decoration: underline; } #mainMenu li ul:not(.dropdown-menu) a:hover:after, #mainMenu li ul:not(.dropdown-menu) a:focus:after { width: 100%; } #mainMenu .dropdown-trigger .icon { font-size: 10px; } #mainMenu .navbar-nav { display: flex; align-items: center; justify-content: space-between; width: 100%; } #mainMenu .dropdown-menu { padding: 0; margin: 0; border: none; border-radius: 4px; box-shadow: 0 0 7.5px rgba(0,0,0,0.3); background-color: #ffffff; padding: 10px; min-width: 310px; width: 100%; } #mainMenu .dropdown-menu li { height: 26px; border: none; } #mainMenu .dropdown-menu li:last-child { border: none; } #mainMenu .dropdown-menu a { font-size: 12px; height: 100%; line-height: initial; font-weight: 400; color: #0d024c; padding-top: 9px; padding-bottom: 9px; text-transform: none; } #mainMenu .dropdown-menu a:after, #mainMenu .dropdown-menu .active > a:after { margin-left: 0; } #mainMenu .navbar-collapse {background-color:transparent; color:inherit; top:auto; height:auto !important; width: auto !important;} .affix #mainMenu .navbar-collapse { position: relative; top: auto; } #mainMenu .dropdown:hover .dropdown-menu{ display: block; } body.withoutIntroImage #header { position: relative; } body.withoutIntroImage #mainMenu .navbar-nav > li > a, body.withoutIntroImage #mainMenu .navbar-nav > li:hover > a, body.withoutIntroImage #mainMenu .navbar-nav > li:focus > a, body.withoutIntroImage #mainMenu .navbar-nav > li > a:hover, body.withoutIntroImage #mainMenu .navbar-nav > li > a:focus, body.withoutIntroImage #mainMenu .navbar-nav > li.active > a { color: #0d024c; } body.withoutIntroImage #mainMenu .dropdown-trigger .icon { color: #0d024c; } body.withoutIntroImage #mainMenu li:hover .dropdown-trigger .icon { color:#ffde00; } body.withoutIntroImage #mainMenu li .dropdown-trigger:focus .icon { color:#ffde00; } } @media (min-width: 1220px){ #header { height: 90px; } #bottom-line-container { width: 800px; left: 160px; } #mainMenu a { font-size: 16px; } #mainMenu .dropdown-menu li { height: auto; } #mainMenu .dropdown-menu a { font-size: 17px; } #mainMenu .dropdown-trigger .icon { font-size: 13px; } #logo { margin-top: 40px; } #logo img { max-height: 130px; } #mainMenu .container { padding: 0px; } #mainMenu>.container { padding: 0 15px; } body.withoutIntroImage #header #logo img { max-height: 110px; margin-top: 0px; } } @media (min-width: 1460px){ .container { width: 1440px; } #top-line { padding-left: 30px; padding-right: 30px; } #bottom-line-container { width: 950px; left: 150px; } #mainMenu a { font-size: 17px; } } @media (min-width: 1680px){ #bottom-line-container { width: 1015px; left: -5px; } } .searchForm .input-group .form-control { height: 44px; } @media(max-width: 429px){ .searchForm .input-group { display: flex; flex-direction: column; } .searchForm .input-group .input-group-btn { width: 100%; } .searchForm .input-group .btn { min-width: initial; width: 100%; margin-top: 10px; border-radius: 25px; } } .breadcrumb { background: transparent; margin-bottom: 0px; } #main_block { background-color: transparent; } #cssmenu ul li a > span.text { display: block; z-index: 888; width: 75%; } #cssmenu ul li a > span.menu_akce { clear: both; position: absolute; display: inline-block; top: 0; right: 0; padding: 5px 0; height: 100%; z-index: 999; width: 25%; } .sidebar a:hover, .sidebar a:focus { text-decoration: none; } .stin-filter { position: relative; z-index: 20; padding-inline: 40px; background-color: #ffffff; } .subnav-toggle { padding: 0px 5px; color: #ffde00; } .subnav { display: none; clear: both; } .opened > .subnav { display: block; } .sidebar-title { font-size: 15px; display: block; padding: 10px 10px 10px 10px; background-color: #ffde00; } .sidebar-title.mail { text-align: center; padding-right: 20px; } @media screen and (max-width: 767px) { #main_block { position: relative; } #col-left { position: static; } #menu-kategorie { position: absolute; top: -22px; left: 0px; width: 100%; margin: 0px; border-radius: 0px; z-index: 9000; height: 100%; overflow: auto; } #menu-kategorie.affix { top: 55px; position: fixed; } #mainMenu .navbar-collapse, #kategorie_mobile_menu #cssmenu { top: auto; } nav.navbar > .container { padding: 0; } #mainMenu #navbar { margin: 0; } } @media screen and (min-width: 768px) { #menu-kategorie.collapse { display: block !important; visibility: visible !important; height: auto !important; overflow: visible !important; } #menu-kategorie { position: relative; top: auto; left: auto; } body { overflow: auto !important; } .leve-menu .sidebar-title { display: block; background: #ffde00; color: #fff; } } @media screen and (min-width: 992px) { .sidebar-title { font-size: 15px; padding: 10px 10px 10px 20px; } .leve-menu li > a { font-size: 14px; padding: 8px 10px 8px 20px; background-position: 20px 50%; } .leve-menu .subnav a { font-size: 13px; padding-left: 40px; } .leve-menu .subnav-toggle { top: 10px; } } @media screen and (min-width: 1220px) { .leve-menu li > a { font-size: 16px; padding-top: 10px; padding-bottom: 10px; } .leve-menu .subnav a { font-size: 14px; } } .soc_icon_block { display: inline-flex; position: relative; font-size: 16px; line-height: 30px; color: #0d024c; width: 40px; height: 40px; border-radius: 50%; background-color: #ffffff; border: 1px solid #ffffff; } .soc_icon_block .icon { fill: #ffde00; left: 0; right: 0; max-height: 24px; width: 20px; font-size: 19px; margin: 0 auto; text-align: center; transition: transform .2s, top .2s; } .soc_icon_block:hover, .soc_icon_block:focus { background-color: #0d024c; border-color: #0d024c; } .soc_icon_block:hover .icon, .soc_icon_block:focus .icon { fill: #ffffff; color: #ffffff; top: 25%; transform: scale(1.1); } .soc_icon_block:not(:last-child) { margin-right: 15px; } .facebook_icon_block.soc_icon_block { width: initial; height: initial; background-color: transparent; border: 0px; border-radius: initial; } .facebook_icon_block.soc_icon_block .svg-icon { width: 40px; height: 40px; fill: #ffde00; } .facebook_icon_block.soc_icon_block:hover .svg-icon, .facebook_icon_block.soc_icon_block:focus .svg-icon { fill: #0d024c; } .prihlaseni_icon_block.soc_icon_block { background-color: #ffde00; border-color: #ffde00; } .prihlaseni_icon_block.soc_icon_block .icon { top: 45%; fill: #0d024c; color: #0d024c; } .prihlaseni_icon_block.soc_icon_block .text { display: none; } .prihlaseni_icon_block.soc_icon_block:hover, .prihlaseni_icon_block.soc_icon_block:focus { background-color: #0d024c; border-color: #0d024c; } .prihlaseni_icon_block.soc_icon_block:hover .text, .prihlaseni_icon_block.soc_icon_block:focus .text { color: #ffffff; } .prihlaseni_icon_block.soc_icon_block:hover .icon, .prihlaseni_icon_block.soc_icon_block:focus .icon { fill: #ffffff; color: #ffffff; top: 20%; } @media(max-width: 991px), (min-width: 1680px){ .prihlaseni_icon_block.soc_icon_block { width: initial; min-width: 150px; height: 44px; border-radius: 6px; padding: 0px 10px; display: flex; align-items: center; justify-content: center; text-decoration: none; } .prihlaseni_icon_block.soc_icon_block .icon { position: relative; transform: none; top: 0px; margin-right: 17px; margin-left: initial; transition: none; } .prihlaseni_icon_block.soc_icon_block .text { display: block; } .prihlaseni_icon_block.soc_icon_block:hover .icon, .prihlaseni_icon_block.soc_icon_block:focus .icon { top: 0px; transform: none; } .prihlaseni_icon_block.soc_icon_block:hover .text, .prihlaseni_icon_block.soc_icon_block:focus .text { text-decoration: underline; } } #footer { background-color: #0d024c; font-size: 15px; line-height: 28px; color: #ffffff; font-weight: 400; padding-top: 50px; } #footer-top { padding-top: 50px; padding-bottom: 50px; } #footer a:not(.btn) { color: #ffffff; text-decoration: none; } #footer a:not(.btn):hover, #footer a:not(.btn):focus { color: #fabb00; text-decoration: underline; } #footer .footer-item { margin-bottom: 30px; } #footer .footer-item .title { font-size: 24px; color: #ffffff; font-weight: 400; margin-top: 0px; margin-bottom: 18px; } #footer .footer-item p { font-size: 17px; line-height: 30px; color: #ffffff; font-weight: 400; } #footer .logo_pata { max-height: 87px; } #footer .soc_icon_block.facebook_icon_block { margin-top: 25px; } #footer .soc_icon_block.facebook_icon_block .icon { color: #0d024c; } #footer .soc_icon_block.facebook_icon_block:hover .svg-icon, #footer .soc_icon_block.facebook_icon_block:focus .svg-icon { fill: #ffffff; } #footer .footer-item .btn { margin-top: 18px; } #footer .footer-item .btn:hover, #footer .footer-item .btn:focus { color: #000000; background-color: #ffffff; } #footer .ilustrace_text { margin-top: 15px; } #footer-bottom { text-align: center; background-color: #09003c; } #footer-bottom .oddelovac { margin-left: 5px; margin-right: 5px; } #footer-bottom p { font-size: 14px; line-height: 24px; color: #ffffff; font-weight: 400; padding: 28px 0px; margin-bottom: 0px; vertical-align: bottom; overflow: hidden; } .footer-copyright-cp a { display: inline-block; height: 24px; padding: 0px; } .footer-copyright-cp a#logo-cp { width: 124px; height: 24px; } .footer-copyright-cp a#logo-cpedit { width: 46px; height: 14px; } .footer-copyright-cp a .svg-icon { width: 100%; height: 100%; vertical-align: middle; fill: #fabb00; padding: 0 5px; } .footer-copyright-cp a:hover .svg-icon { fill: #ffffff; } #footer-bottom .nonRESPswitch { margin-left: 40px; } @media(min-width: 992px){ #footer-bottom { text-align: left; } #footer-bottom .footer-copyright-cp { text-align: right; } } ul.nav-footer { margin: 0px; padding: 0px 0px 0px 6px; } ul.nav-footer li { list-style: inside url("/img/li-footer.png"); margin-bottom: 0.4em; line-height: 1.7; } ul.nav-footer li a:hover { text-decoration: none; } .scrollup { display: none !important; } #animace .carousel-indicators { bottom: 5px; margin: 0px; width: 90%; text-align: right; left: auto; right: 15px; } #animace .carousel-indicators li { border-color: #666; background-color: #ffde00; margin: 0px; } #animace .carousel-indicators .active { background-color: #11aaff; width: 10px; height: 10px; } .articles .article { border-bottom: 1px solid #e0e0e0; } .articles .article h2 { color: #0d024c; font-size: 18px; } .articles .article h2 a { text-decoration: underline; } .article-meta { margin-bottom: 10px; } .article-meta a { text-decoration: underline; } .win-message, .win-alert-message { margin: 0 auto !important; background: #73b84d url(/img/okno-ok.png) no-repeat 5% 50%; color: #ffffff; font-size: 20px !important; padding: 25px 80px !important; text-align: center !important; } .win-alert-message { background: #ff9900 !important; } .hide-ico .win-message { background: #73b84d; } .win-buttons { padding-top: 25px; padding-bottom: 25px; background-color: #eeeeee; border-top: 1px solid #cccccc; margin: 20px 0 0 0; } .win-buttons .btn { border-radius: 2px; border: 1px solid #cccccc; padding: 10px 20px; } .win-buttons .btn-back { background-color: #ffffff; color: #000; font-size: 16px; } .win-buttons .btn-back:hover { background-color: #f1f1f1; border-color: #000; } .mfp-close { width: 40px !important; height: 40px !important; content: "f00d"; font-family: "Font Awesome"; background-color: #000000 !important; font-size: 40px !important; color: #ffffff; top: 0 !important; right: 0 !important; } .mfp-bg, .lg-backdrop { z-index: 999999 !important; } .lg-outer, .mfp-wrap { z-index: 1000000 !important; } .popup-block-content { padding: 15px; } #hledani #q { display: none; position: absolute; right: 40px; top: -1px; background-color: #fff; border: none; color: #0d024c; height: 40px; width: 235px; z-index: 1000; } #hledani .ico-btn.active { background: #fff; z-index: 1001; position: relative; } .padding-min { padding-right: 12px; } .padding-min .col-sm-1, .padding-min .col-sm-2, .padding-min .col-sm-3, .padding-min .col-sm-4, .padding-min .col-sm-5, .padding-min .col-sm-6, .padding-min .col-sm-7, .padding-min .col-sm-8, .padding-min .col-sm-9, .padding-min .col-sm-10, .padding-min .col-sm-11, .padding-min .col-sm-12, .padding-min .col-lg-1, .padding-min .col-lg-2, .padding-min .col-lg-3, .padding-min .col-lg-4, .padding-min .col-lg-5, .padding-min .col-lg-6, .padding-min .col-lg-7, .padding-min .col-lg-8, .padding-min .col-lg-9, .padding-min .col-lg-10, .padding-min .col-lg-11, .padding-min .col-lg-12, .padding-min .col-md-1, .padding-min .col-md-2, .padding-min .col-md-3, .padding-min .col-md-4, .padding-min .col-md-5, .padding-min .col-md-6, .padding-min .col-md-7, .padding-min .col-md-8, .padding-min .col-md-9, .padding-min .col-md-10, .padding-min .col-md-11, .padding-min .col-md-12 { padding-left: 2px; padding-right: 2px; } @media (max-width: 767px) { .padding-min .col-sm-1, .padding-min .col-sm-2, .padding-min .col-sm-3, .padding-min .col-sm-4, .padding-min .col-sm-5, .padding-min .col-sm-6, .padding-min .col-sm-7, .padding-min .col-sm-8, .padding-min .col-sm-9, .padding-min .col-sm-10, .padding-min .col-sm-11, .padding-min .col-sm-12, .padding-min .col-lg-1, .padding-min .col-lg-2, .padding-min .col-lg-3, .padding-min .col-lg-4, .padding-min .col-lg-5, .padding-min .col-lg-6, .padding-min .col-lg-7, .padding-min .col-lg-8, .padding-min .col-lg-9, .padding-min .col-lg-10, .padding-min .col-lg-11, .padding-min .col-lg-12, .padding-min .col-md-1, .padding-min .col-md-2, .padding-min .col-md-3, .padding-min .col-md-4, .padding-min .col-md-5, .padding-min .col-md-6, .padding-min .col-md-7, .padding-min .col-md-8, .padding-min .col-md-9, .padding-min .col-md-10, .padding-min .col-md-11, .padding-min .col-md-12 { padding-left: 2px; padding-right: 0; } } object, iframe { max-width: 100%; } @media (max-width: 991px) { .menuOpened { background: #ffffff; } .menuOpened.header-affixed { margin-top: 0; } .menuOpened #main_obal { display: none; } .menuOpened #footer { display: none; } .menuOpened #vyhody { display: none; } .menuOpened #header_aktualita { display: none; } #header.preventAffix { position: relative !important; top: auto !important; left: 0; right: auto; } .preventAffix #header-stin > .container { position: fixed; top: 0; width: 100%; z-index: 9999; border-bottom: #000 1px solid; background-color: #181b1f; } .preventAffix #header-top { padding-bottom: 0; } .dropdown-menu > li > a { padding: 10px 20px; } } @media (max-width: 380px) { #leve-menu-toggle { width: 100px; padding: 0; } #hledani .ico-btn.active { } #hledani #q { right: -5px; } } @media (max-width: 767px) { nav.navbar { text-align: left; } } #prekryv { display: none; background-color: rgba(40, 40, 40, 0.5); width: 100%; height: 0; z-index: 999; position: absolute; } .lg-outer .lg-inner { padding-top: 50px; } .lg-backdrop { z-index: 1045; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { padding-bottom: 155px; } .lg-toolbar #lg-download { display: none; } .white-popup-block .row { margin: 0; } .ajax-waiting:after { content: ""; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background: url("/img/loading.gif") 50% 50% no-repeat rgba(60, 60, 60, 0.5); } body.ajax-waiting:after { position: fixed; z-index: 6666; } #media-obsah { margin-top: 30px; padding-bottom: 50px; } ul#videa { padding-left: 20px; } #videa li, #soubory li { text-align: left; clear: both; text-decoration: underline; } #media-tabs{ background: transparent; border: none; font-family: inherit; } #media-tabs.ui-widget-content { border: none; padding: 0; margin-top: 38px; } #media-tabs.ui-widget-content.top_offset{ margin-top: 36px; } #media-tabs > ul { background: inherit; border: none; margin: 0; padding: 0; display: flex; align-items: center; flex-direction: row; } .galleryHeader, #media-tabs > ul li { background-color: transparent; margin: 0 35px 0px 0px; border: none; border-radius: 0px !important; font-size: 28px; color: #0d024c; font-weight: 400; border-bottom: 2px solid #ffffff !important; } #media-tabs > ul li:last-child { margin-right: 0px; } .galleryHeader { margin-bottom: 8px; } #media-tabs > ul li a { padding: 0px !important; color: #0d024c !important; } #media-tabs .gallery { padding: 0; padding-top: 15px; } #media-tabs .ui-state-default a { color: #ffde00; } #media-tabs .ui-state-active, #media-tabs .ui-widget-content .ui-state-active, #media-tabs .ui-widget-header .ui-state-active, #media-tabs a.ui-button:active, #media-tabs .ui-button:active, #media-tabs .ui-button.ui-state-active:hover, #media-tabs > ul li:hover, #media-tabs > ul li:focus, #media-tabs > ul li:active { background-color: inherit !important; border-bottom: 2px solid #ffde00 !important; top: 0px; } #media-tabs > ul li:not(.ui-tabs-active):hover, #media-tabs > ul li:not(.ui-tabs-active):active { top: 0px; border-color: #ffde00; } #media-tabs > ul li:not(.ui-tabs-active) a:hover, #media-tabs > ul li:not(.ui-tabs-active) a:focus { color: #ffde00 !important; } @media(max-width: 429px){ #media-tabs > ul { border-bottom: none; flex-direction: column; } #media-tabs > ul li { display: block; width: 100%; text-align: center; margin-right: 0px; padding: 10px 0px; } #media-tabs .ui-state-default a { text-align: center; margin: 0 auto; display: block; width: 100%; } #media-tabs .ui-state-active, #media-tabs .ui-widget-content .ui-state-active, #media-tabs .ui-widget-header .ui-state-active, #media-tabs a.ui-button:active, #media-tabs .ui-button:active, #media-tabs .ui-button.ui-state-active:hover, .row .gallery .ui-tabs-panel .ui-corner-bottom .ui-widget-content{ background-color: #fff !important; border-radius: 0px; top: 0px } } #media-tabs .ui-state-active a, #media-tabs .ui-state-active a:link, #media-tabs .ui-state-active a:visited{ color: #0d024c; outline: none; } .gallery {} .gallery .img-thumbnail { height: 250px; border: none; background: transparent; margin-bottom: 20px; padding-top: 0; padding-bottom: 0; } .gallery .img-thumbnail img { width: 100%; height: 100%; object-fit: cover; border-radius: 20px; } .gallery.clanek-gallery .img-thumbnail { height: 207px; } .gallery .btn.show-all { min-width: initial; width: 100%; padding-top: 15px; padding-bottom: 15px; } @media(min-width: 430px){ .gallery .btn.show-all { min-width: 340px; width: max-content; } .gallery.clanek-gallery .btn.show-all { min-width: 280px; } } #soubory { text-align: left; } #soubory .box { margin-bottom: 0px; background-color: #fff; } #soubory .box a { display: block; text-align: left; display: inline-flex; align-items: center; text-decoration: none; margin-bottom: 0px; } #soubory .box a .title { text-decoration: underline; } #soubory .box a:hover .title, #soubory .box a:focus .title { color: #ffde00; text-decoration-thickness: 2px; } #soubory .box img { display: block; max-height: 23px; min-width: 17px; margin-right: 10px; filter: brightness(0) saturate(100%) invert(14%) sepia(15%) saturate(6218%) hue-rotate(229deg) brightness(85%) contrast(129%); } @media(min-width: 430px) and (max-width: 1229px){ #soubory .box a .title { font-size: 13px; } } #videa a:hover, #videa a:focus, #videa a:active { color: #ffde00; } #mainMenu .RESPswitchMENU { padding-top: 40px; background-color: #d5d5d5; } #mainMenu .RESPswitchMENU li { border-bottom: 0px; } #mainMenu .RESPswitchMENU a { padding: 10px 15px; display: block; text-align: right; color: #0d024c; font-size: 14px; } @media (max-width: 767px) { .searchActive { overflow: hidden; overflow-x: hidden; overflow-y: hidden; position: fixed; } } .searchActive #hledani #q { display: block; } .cp-extrablock { display: flex; flex-wrap: wrap; padding-top: 30px; padding-bottom: 30px; } .cp-extrablock .text_col { display: flex; align-items: center; } .cp-extrablock h1:first-of-type, .cp-extrablock .h1:first-of-type, .cp-extrablock h2:first-of-type, .cp-extrablock .h2:first-of-type { margin-top: 0; } .cp-extrablock h3, .cp-extrablock .h3 { margin-top: 0px; } .cp-extrablock img { width: 100vw; object-fit: cover; margin-bottom: 50px; } .cp-extrablock img.img-responsive { cursor: pointer; } @media(min-width: 992px){ .cp-extrablock .img_col .img_wrapper { height: 100%; } .cp-extrablock img { height: 100%; max-height: initial; margin-bottom: 0; } } .cp_imgs_box { padding-top: 30px; padding-bottom: 30px; } .cp_imgs_box img.img-responsive { cursor: pointer; } .cp_imgs_box .multiple_photo { display: flex; justify-content: center; flex-direction: column; margin-left: -10px; margin-right: -10px; } .cp_imgs_box .multiple_photo .img_item { padding-left: 10px; padding-right: 10px; margin-bottom: 20px; } .cp_imgs_box .multiple_photo .img_item img { height: 100%; object-fit: cover; width: 100vw; } @media (min-width: 768px) { .cp_imgs_box .multiple_photo { flex-direction: row; } .cp_imgs_box .multiple_photo .img_item { margin-bottom: 0px; } } .cp_texts_box { padding-top: 30px; padding-bottom: 30px; } .user-container-mobile { max-width: -moz-max-content; max-width: max-content; margin: auto; text-align: center; padding: 0.5em 1.2em; background-color: #0d024c; color: #ffffff; text-align: center !important; } .user-container-mobile .openDetail { background-color: #fabb00; color: #0d024c; cursor: pointer; margin-left: 5px; padding-block: 2px; padding-inline: 5px; } .user-container-mobile a { color: #fabb00 !important; background-color: #0d024c !important; text-decoration: underline; } .user-container-mobile p { margin: 0; } .user-container { margin-left: 3%; text-align: center; display: none; } .user-container .openDetail { color: #fabb00; background-color: #0d024c; padding-block: 2px; cursor: pointer; padding-inline: 5px; } @media screen and (min-width: 877px) { .user-container { display: block; } } @media screen and (max-width: 1367px) { .user-container { position: absolute; top: 20px; right: 20px; } } .user-container p { margin: 0; } .user-container #open-u-d { font-weight: 700; color: #0d024c; background-color: #fabb00; border: none; border-radius: 20px; padding: 0.5em 1.2em; white-space: nowrap; font-size: clamp(14px, 1.5vw, 16px); } .user-container #open-u-d:hover { text-decoration: none; } .dropdown-menu > li { padding: 0 !important; } .dropdown-menu { padding: 0; margin: 0; border-radius: 10px; border: none; padding: 10px; } .dropdown .dropdown-trigger .fa-chevron-down { font-size: 12px !important; } .dropdown-menu > li > a { color: #0d024c !important; padding: 0; padding: 4px 10px; font-size: 15px; display: block; width: 100%; border-radius: 7px; } .dropdown-menu > li > a:hover { background-color: #fabb00; color: #ffffff !important; } .dropdown-trigger { margin-left: 3px !important; } .box:has(.soubor-link) { margin-bottom: 8px; } .box:has(.soubor-link) span { margin-left: 8px; } .box img { max-width: 20px; margin-right: 5px; border-radius: 0 !important; } .menu-bg { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; pointer-events: none; z-index: 20; transition: transform 0.3s; } .menu-bg.menu-open { background-color: rgba(0, 0, 0, 0.8); } .text-underline { text-decoration: underline; } .buttons-wrapper { display: flex; gap: 15px; flex-wrap: wrap; margin-top: 30px; } .buttons-wrapper .btn { min-width: 200px; padding-top: 20px; padding-bottom: 20px; } .intro-section { padding-top: 30px; padding-bottom: 30px; } .intro-section h2 { font-size: 28px; line-height: 32px; color: #0d024c; font-weight: 700; margin-top: 0px; margin-bottom: 0px; } .intro-section p { font-size: 18px; line-height: 30px; color: #0d024c; font-weight: 400; } .intro-section .img-wrapper { background-color: #ffffff; display: flex; justify-content: center; align-items: center; height: 738px; } .intro-section .title_section { display: flex; flex-direction: column; align-items: center; justify-content: space-between; text-align: left; margin-bottom: 30px; } .intro-section .title_section .btn { margin-top: 25px; padding-top: 15px; padding-bottom: 15px; } @media screen and (max-width: 1219px) { .intro-section .img-wrapper { height: auto; } } @media(min-width: 768px){ .intro-section .img-wrapper { margin-bottom: 30px; } .buttons-wrapper { margin-top: 35px; } .buttons-wrapper .btn { min-width: 220px; margin-top: 30px; } } @media(min-width: 992px){ .intro-section { padding-top: 60px; padding-bottom: 60px; } .intro-section h2 { font-size: 36px; line-height: 42px; } .intro-section p { font-size: 22px; line-height: 36px; } .intro-section .title_section { flex-direction: row; margin-bottom: 40px; } .intro-section .title_section .btn { margin-top: 0px; } } @media(min-width: 1220px){ .intro-section .img-wrapper { margin-bottom: 0px; } } .intro-section.o-projektu { padding-top: 0px; padding-bottom: 0px; } .intro-section.o-projektu .img-wrapper img.o-projektu-image { height: 100%; object-fit: cover; object-position: center; } .intro-section.o-projektu .text-content { margin-top: 55px; } .intro-section.o-projektu .text-content h2 { font-size: 42px; line-height: 50px; text-transform: uppercase; margin-bottom: 15px; } @media(min-width: 992px){ .intro-section.o-projektu .text-content { margin-top: 115px; } .intro-section.o-projektu .text-content h2 { font-size: 54px; line-height: 70px; margin-bottom: 35px; } } .aktuality.intro-section { padding-top: 60px; padding-bottom: 10px; background-image: linear-gradient(180deg, #f3f4f6 0%, #ffffff 100%); border: 0px solid #d5d5d5; } @media(min-width: 992px){ .aktuality.intro-section { padding-top: 100px; padding-bottom: 40px; } } .intro-image { position: relative; background: url("/img/uvod_mobil.jpg") center center no-repeat; background-size: cover; height: 565px; } .intro-image .bottom-content { position: absolute; bottom: 45px; padding-left: 15px; padding-right: 15px; display: flex; width: 100%; align-items: flex-end; justify-content: space-between; } .intro-image .intro-text-block .nad_title { font-size: 30px; color: #0d024c; margin: 0; } .intro-image .intro-text-block .title { font-size: 69px; line-height: 72px; color: #0d024c; font-weight: 700; text-transform: uppercase; } .intro-image .intro-text-block .btn { margin-top: 30px; } .intro-image .bottom-content .logo-wrapper { margin-bottom: 30px; } .intro-image .bottom-content .logo-wrapper img { max-height: 130px; } @media(min-width: 767px) { .intro-image { background-image: url("/img/uvod_desktop.webp"); height: 100vh; } .intro-image .bottom-content { bottom: 50px; padding-left: 50px; padding-right: 60px; } .intro-image .intro-text-block .btn { margin-top: 15px; } } @media(min-width: 992px) { .intro-image .intro-text-block .nad_title { font-size: 40px; } .intro-image .intro-text-block .title { font-size: 85px; line-height: 110px; } } @media(min-width: 1460px) { .intro-image .intro-text-block .nad_title { font-size: 50px; } .intro-image .intro-text-block .title { font-size: 115px; line-height: 160px; } .intro-image .bottom-content .logo-wrapper img { max-height: 170px; } } @media screen and (max-width: 1219px) { .buttons-wrapper { margin-bottom: 55px; } } @media(max-width: 767px) { .intro-section.o-projektu .col-lg-7 { padding: 0px; } } @media (min-width: 768px) { .container-right { margin-inline: calc(50vw - 375px); } } @media (min-width: 992px) { .col-md-5 { display: flex; } } @media (min-width: 1220px) { .container-right { margin-right: 0; padding-right: 0px; margin-left: calc(50vw - 610px); } .container-right .row { margin-right: 0px; } .col-lg-5 { display: flex; } .intro-section.o-projektu .container-fluid { padding-right: 0; } .intro-section.o-projektu .col-lg-7 { padding-right: 0; padding-left: 30px; } } @media (min-width: 1460px) { .container-right { margin-right: 0; margin-left: calc(50vw - 720px); } } .aktuality-article .article-link { display: block; position: relative; padding: 15px; background-color: #ffffff; border-radius: 8px; border: 1px solid #d5d5d5; margin-bottom: 20px; text-decoration: none !important; } .aktuality-article .date { font-size: 16px; line-height: 23px; color: #0d024c; font-weight: 400; margin-bottom: 15px; } .aktuality-article .name { font-size: 20px; line-height: 28px; color: #0d024c; font-weight: 500; margin-top: 0px; margin-bottom: 0px; } .aktuality-article .icon { margin-top: 30px; font-size: 24px; color: #ffde00; } .aktuality-article .article-link:hover, .aktuality-article .article-link:focus { background-color: #f4f4f4; } .aktuality-article .article-link:hover .name, .aktuality-article .article-link:focus .name { text-decoration: underline; } .aktuality-article .article-link:hover .icon, .aktuality-article .article-link:focus .icon { color: #0d024c; } @media screen and (min-width: 768px) { .aktuality-article .name { height: 87px; overflow: hidden; } } @media screen and (min-width: 992px) { .aktuality-article .article-link { padding: 45px 30px 35px 30px; } } .rychleOdkazy_articles .box_link { position: relative; height: 380px; margin: 0px auto 20px auto; border-radius: 8px; overflow: hidden; } .rychleOdkazy_articles .icon { position: absolute; left: 20px; top: 20px; font-size: 28px; color: #ffde00; z-index: 2; } .rychleOdkazy_articles .content { position: absolute; left: 15px; right: 15px; bottom: 25px; z-index: 2; } .rychleOdkazy_articles .title { font-size: 24px; line-height: 28px; color: #ffffff; font-weight: 500; margin-top: 0px; margin-bottom: 10px; } .rychleOdkazy_articles .text p { font-size: 18px; line-height: 26px; color: #ffffff; font-weight: 400; margin-bottom: 0px; } .rychleOdkazy_articles .box_link .img_bcg_block { position: relative; height: 100%; } .rychleOdkazy_articles .box_link .img_bcg_block .prekryv { z-index: 1; background-color: rgba(0,0,0,.3); } .rychleOdkazy_articles .box_link .img_bcg_block .img_bcg { object-fit: cover; object-position: center; display: block; width: 100%; height: 100%; filter: blur(0px); transition: filter .5s, transform .5s; } .rychleOdkazy_articles .box_link:hover .img_bcg_block .img_bcg, .rychleOdkazy_articles .box_link:focus .img_bcg_block .img_bcg { filter: blur(5px); } .rychleOdkazy_articles .box_link:hover .content .title, .rychleOdkazy_articles .box_link:focus .content .title { text-decoration: underline; } @media(min-width: 768px){ .rychleOdkazy_articles .box_link { max-width: initial; height: 580px; } .rychleOdkazy_articles .icon { font-size: 48px; left: 40px; top: 40px; } .rychleOdkazy_articles .content { left: 35px; right: 35px; bottom: 50px; } .rychleOdkazy_articles .title { font-size: 36px; line-height: 52px; margin-bottom: 18px; } .rychleOdkazy_articles .text p { font-size: 22px; line-height: 30px; } } .galerie-item-ref-wrapper { height: auto; margin-bottom: 20px; } .galerie-item-ref { max-width: 340px; margin-left: auto; margin-right: auto; text-decoration: none !important; height: -moz-min-content; height: min-content; display: block; } .galerie-item-ref > div { height: 100%; } .galerie-item { height: 100%; display: flex; flex-direction: column; justify-content: space-between; border-radius: 8px; background-color: #ffffff; outline: 1px solid #f4f4f4; } .galerie-item img { height: 170px; width: 100%; -o-object-fit: cover; object-fit: cover; border-top-left-radius: 10px; border-top-right-radius: 10px; } @media screen and (min-width: 768px) { .galerie-item img { height: 200px; } } @media screen and (min-width: 992px) { .galerie-item img { border-top-left-radius: 8px; border-top-right-radius: 8px; } } @media screen and (min-width: 1460px) { .galerie-item img { height: 250px; } } .galerie-item .galerie-title-wrapper { padding: 10px; } @media screen and (min-width: 992px) { .galerie-item .galerie-title-wrapper { padding: 20px; } } .galerie-item h3 { font-size: 18px; line-height: 28px; color: #0d024c; font-weight: 400; margin: 0; height: 56px; overflow: hidden; } .galerie-item:hover, .galerie-item:focus { background-color: #f4f4f4; } .galerie-item:hover h3, .galerie-item:focus h3 { text-decoration: underline; } #clanek_header { padding-top: 30px; padding-bottom: 30px; } #clanek_header .clanek_header_wrapper { border-bottom: 1px solid #d5d5d5; } #clanek_header .back-ref { display: inline-block; font-size: 16px; color: #0d024c; text-decoration: none; } #clanek_header .back-ref .icon { margin-right: 10px; } #clanek_header .back-ref:hover, #clanek_header .back-ref:focus { color: #ffde00; } #clanek_header .back-ref:hover span, #clanek_header .back-ref:focus span { text-decoration: underline; } #clanek_header .detail-heading { font-size: 26px; line-height: 38px; color: #0d024c; font-weight: 400; margin-top: 42px; margin-bottom: 45px; } @media(min-width: 768px){ #clanek_header .detail-heading { font-size: 36px; line-height: 48px; } } #nabidka-pozemku { padding-bottom: 50px; } .table-content-wrapper .heading { display: flex; justify-content: space-between; margin-block: 5% 4%; } @media screen and (max-width: 767px) { .table-content-wrapper .heading { flex-direction: column; gap: 10px; } } #map { width: 100%; height: 430px; } @media(min-width: 768px){ .lokalita-mapa { margin-bottom: 50px; } } @media screen and (min-width: 1460px) { #map { height: 630px; } } .icon-wrapper { display: flex; flex-wrap: wrap; } .icon-wrapper .icon-item { text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 10px; } .icon-wrapper .icon-item img { display: block; margin-bottom: 8px; max-width: 40px; } @keyframes appear { from { opacity: 0; } to { opacity: 1; } } .map-tooltip { position: absolute; background-color: #0d024c; color: #ffffff; border-radius: 6px; min-width: 300px; animation: appear 0.3s; } .map-tooltip .content { position: relative; padding: 20px; } .map-tooltip h2 { color: #ffffff; padding: 0; margin: 0; font-size: clamp(18px, 2vw, 24px); font-weight: 400; margin-bottom: 10px; } .map-tooltip table { border-spacing: 20px 3px; border-collapse: separate; margin-left: -20px; } @media screen and (max-width: 767px) { .map-tooltip table { border-spacing: 10px 3px; margin-left: -10px; } } .map-tooltip table td { font-size: clamp(14px, 2vw, 16px); text-wrap: nowrap; } .map-tooltip a { text-transform: uppercase; font-size: clamp(12px, 2vw, 14px); font-weight: 700; display: flex; padding-block: 0.5em; text-align: center; justify-content: center; align-items: center; margin-top: 10px; } .map-tooltip a:hover, .map-tooltip a:focus { text-decoration-thickness: 2px; } .map-tooltip a.tooltip-btn.karta { background-color: #cb0000; color: #ffffff; } .map-tooltip a.tooltip-btn.poptat { background-color: #ffffff; color: #0d024c; } .map-tooltip a.tooltip-btn { text-decoration: none; } .map-tooltip a.tooltip-btn:hover, .map-tooltip a.tooltip-btn:focus { background-color: #ffde00; color: #0d024c; text-decoration: underline; } .map-tooltip .close-tooltip { position: absolute; display: block; top: 2%; left: 92%; transform: translate(-100%, 0%); font-size: 16px; cursor: pointer; } .table-container { overflow-x: auto; } .pozemky-table { width: 100%; border-collapse: separate; } .pozemky-table th { text-align: center; background-color: #818181; color: #ffffff; padding-block: 1.1em; font-size: clamp(14px, 1.5vw, 16px); font-weight: 400; } .pozemky-table td { font-size: clamp(13px, 1.5vw, 14px); padding-block: 1.1em; } @media screen and (max-width: 767px) { .pozemky-table td { padding-block: 0.7em; } } .pozemky-table tr:nth-child(even) { background-color: #f4f4f4; } .pozemky-table .volny { color: #099d50; } .pozemky-table .prodany, .pozemky-table .ne_prodej { color: #cd0505; } .pozemky-table .rezervovany { color: #ff9900; } .pozemky-table a { color: #0d024c; } .pozemky-table a:hover, .pozemky-table a:focus { color: #ffde00; } @media(min-width: 1220px){ .pozemky-table { min-width: 1000px; } } table.flexible { border: none; } table.flexible .flexibleTR { border-bottom: 2px solid #d5d5d5; display: block; padding: 10px 0; } table.flexible .flexibleTR:nth-child(even) { background:#f5f5f5; } table.flexible .flexibleTD { display: flex; border: none; padding: 5px; flex-direction: column; text-align: center; background-color: transparent !important; } table.flexible .flexibleTD .flexItemTD { flex: 1; } table.flexible .flexibleTD .flexItemTD.textTH { font-weight: 700; } @media(min-width: 300px){ table.flexible .flexibleTD { flex-direction: row; text-align: left; } } .pozemky-filtr { border: none; } .select { position: relative; min-width: 250px; } .select svg { position: absolute; right: 12px; top: calc(50% - 3px); width: 10px; height: 6px; stroke-width: 2px; stroke: #9098a9; fill: none; stroke-linecap: round; stroke-linejoin: round; pointer-events: none; } .select select { -webkit-appearance: none; padding: 7px 40px 7px 12px; width: 100%; border: 1px solid #acacac; background: #ffffff; box-shadow: 0 1px 3px -2px #9098a9; cursor: pointer; font-family: inherit; font-size: 16px; transition: all 150ms ease; } .select select:required:invalid { color: #5a667f; font-weight: 400; } .select select option { color: #0d024c; } .select select option[value=""][disabled] { display: none; } .select select:focus { outline: none; border-color: #fabb00; box-shadow: 0 0 0 2px rgba(243, 67, 53, 0.2); } .select select:hover + svg { stroke: #fabb00; } .sprites { position: absolute; width: 0; height: 0; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .kontakt-wrapper p { font-size: 18px; line-height: 24px; color: #0d024c; font-weight: 400; } .kontakt-wrapper a { text-decoration: none; } .kontakt-wrapper a:hover, .kontakt-wrapper a:focus { text-decoration: underline; } .kontakt-wrapper .formular { margin-bottom: 50px; } @media(min-width: 768px){ .kontakt-wrapper p { font-size: 24px; line-height: 32px; } } .intro-image-wrapper { height: 250px; position: relative; margin-bottom: 35px; } .intro-image-wrapper .bg-intro-image { background: url("/img/bg_podstranky.jpg"); background-position: center; background-size: cover; background-repeat: no-repeat; height: 100%; width: 100%; position: relative; } .intro-image-wrapper .title-box { position: absolute; bottom: 30px; background-color: #fabb00; border-radius: 4px; width: max-content; padding: 10px 15px; } .intro-image-wrapper .title-box h1 { display: block; font-size: 24px; color: #0d024c; font-weight: 500; text-transform: uppercase; margin-top: 0px; margin-bottom: 0px; } @media(min-width: 768px){ .intro-image-wrapper { height: 350px; margin-bottom: 85px; } .intro-image-wrapper .title-box { padding: 10px 25px; } .intro-image-wrapper .title-box h1 { font-size: 34px; } } @media(min-width: 768px){ .intro-image-wrapper .title-box { padding: 16px 35px; } .intro-image-wrapper .title-box h1 { font-size: 44px; } } @media(min-width: 1920px){ .intro-image-wrapper .bg-intro-image { background-size: cover; } } #articles_block { padding-top: 15px; padding-bottom: 50px; } #pagination_block { margin-top: 20px; } #pagination_block .btn.genNext { min-width: 200px; padding-top: 10px; padding-bottom: 10px; border-radius: 6px; margin-bottom: 20px; } .pagination { margin-top: 0px; margin-bottom: 0px; } .pagination>li>a, .pagination>li>span { padding: 5px 0; height: 40px; width: 40px; text-align: center; color: #0d024c; background-color: #f3f4f6; border: 1px solid #f3f4f6; font-size: 18px; margin: 0px 5px 0px 0px; border-radius: 50%; } .pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus { background-color: #0d024c; border-color: #0d024c; color: #ffffff; z-index: 4; text-decoration: underline; text-underline-offset: 2px; } .pagination>li:last-child>a, .pagination>li:last-child>span, .pagination>li:first-child>a, .pagination>li:first-child>span { border-radius: 50%; } .pagination>li>a i.icon { padding: 0px; font-size: 18px; color: #0d024c; left: 0px; right: 0px; } .pagination>li>a:hover i.icon, .pagination>li>a:focus i.icon { color: #ffffff; animation-duration: .8s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; } .pagination>li>a#previousPage:hover i.icon, .pagination>li>a#previousPage:focus i.icon { animation-name: leftPulse; } .pagination>li>a#nextPage:hover i.icon, .pagination>li>a#nextPage:focus i.icon { animation-name: rightPulse; } .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus { background-color: #0d024c; border-color: #0d024c; color: #ffffff; } .pagination>.active>a { text-decoration: underline; text-underline-offset: 2px; } @keyframes rightPulse{ 0%, 100% { transform: translate(0, -50%); } 50% { transform: translate(3px, -50%); } } @keyframes leftPulse{ 0%, 100% { transform: translate(0, -50%); } 50% { transform: translate(-3px, -50%); } } #rezervace-info { font-size: 15px; line-height: 24px; color: #0d024c; margin-top: 3%; font-weight: 500; display: none; } #open-u-d:hover { background-color: #0d024c; color: #fabb00; } .kontakt-footer-btn:hover { background-color: #fabb00; color: #ffffff; text-decoration: none; border: 1px solid #fabb00; } .identita-obcana-login { display: flex; justify-content: center; padding-inline: 10%; margin-block: 8% 2%; } @media screen and (max-width: 1200px) { .identita-obcana-login { flex-direction: column; align-items: center; } } .login-description { display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #ffffff; flex: 1 1 50%; } @media screen and (max-width: 1200px) { .login-description { flex: 1 1 300px; } } .login-description h2 { margin-bottom: 3%; font-weight: 600; } .login-description ul { line-height: 180%; font-size: clamp(14px, 1.5vw, 18px); list-style: circle !important; } .identita-image-bg { background-image: url("/img/indentita-obcana-logo-RGB-pozitiv.png"); background-size: contain; background-position: center center; background-repeat: no-repeat; width: 50%; min-height: 400px; } @media screen and (max-width: 1200px) { .identita-image-bg { width: 100%; min-height: 200px; } } .login-button { margin-top: 5%; } .u-d { color: #fabb00; text-decoration: underline; font-size: 14px; font-weight: 500; cursor: pointer; } .aukce-section { margin-top: 3%; } .aukce-section h2 { margin-top: 0; margin-bottom: 2%; } .aukce-section img { border-radius: 10px; } @media screen and (max-width: 767px) { .aukce-section .auction-image-wrapper { text-align: center; margin-block: 10%; } } .aukce-section .btn.karta_btn { margin-top: 3%; } @media screen and (max-width: 767px) { .aukce-section .info { margin-top: 2%; } } @media screen and (max-width: 767px) { .aukce-section .pozemek-image { width: 80%; height: auto; } } @media screen and (max-width: 767px) { .auction-menu { margin-top: 5%; } } .auction-menu .top { display: flex; flex-direction: column; gap: 3px; } .auction-menu .fw-lt { font-size: 14px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; display: flex; justify-content: space-between; } .auction-menu .fw-lt.konec { font-size: clamp(18px, 2vw, 26px); } .auction-menu { font-size: clamp(13px, 1.5vw, 16px); margin-top: 3%; margin-bottom: 3%; } .auction-menu .info { display: flex; justify-content: space-between; align-items: center; } .auction-menu .info .cena { font-size: clamp(1.6rem, 2vw, 3rem); font-weight: 700; } .auction-menu .date { display: flex; justify-content: space-between; align-items: center; } .auction-menu .date .end { font-weight: 600; font-size: clamp(1.6rem, 1.5vw, 1.8rem); } .auction-menu .amount-text { font-size: 14px; color: #0d024c; flex: 1 1 100%; margin-bottom: 10px; font-weight: 600; } .auction-menu .money { display: flex; align-items: center; justify-content: space-between; border: 1px solid #a1a1a1; padding: 0.7em 0.5em; border-radius: 5px; font-size: clamp(13px, 1.5vw, 17px); flex: 1 1 30%; } .auction-menu .prihoz { display: flex; gap: 3%; margin-top: 7%; flex-wrap: wrap; } .auction-menu .prihoz #prihoz-castka { width: 35%; border: none; width: 100%; } .auction-menu .prihoz #prihoz-castka:focus { outline: none; } .auction-menu .prihoz #prihodit { width: 100%; display: flex; align-items: center; justify-content: center; gap: 10px; font-weight: 500; color: #0d024c; background-color: #fabb00; border-radius: 5px; border: none; font-size: clamp(13px, 1.5vw, 17px); flex: 1 1 50%; } .auction-menu .prihoz #prihodit svg { height: 20px; aspect-ratio: 1/1; } .auction-menu .prihoz #prihodit:hover, .auction-menu .prihoz #prihodit:focus { background-color: #0d024c; color: #ffffff; } .history .tree-wrapper { padding-left: 10px; } .tree { margin-top: 5%; } .tree .node { position: relative; padding-left: 20px; padding-bottom: 15px; } .tree .node .price { font-size: clamp(16px, 2vw, 20px); font-weight: 600; color: #949494; position: relative; top: -10px; } .tree .node .price.accent { color: rgb(61, 218, 61); } .tree .node .name { position: relative; top: -12px; font-size: clamp(12px, 1.5vw, 13px); } .tree .node .time { position: relative; top: -13px; font-size: clamp(12px, 1.5vw, 13px); } .tree .node:first-child { height: 70px; } .tree .node:first-child:before { content: ""; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background-color: #747474; } .tree .node:first-child:after { content: ""; position: absolute; top: 0; left: 0; transform: translate(-46%, -100%); width: 12px; border-radius: 50%; aspect-ratio: 1/1; background-color: transparent; border: 2px solid #fabb00; } .tree .node:last-child { height: 5px; } .tree .node:last-child:before { content: ""; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background-color: #747474; } .tree .node:last-child:after { content: ""; position: absolute; top: 100%; left: 0; transform: translateX(-46%); width: 12px; border-radius: 50%; aspect-ratio: 1/1; background-color: transparent; border: 2px solid #fabb00; } .tree .node:before { content: ""; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background-color: #747474; } .tree .node:after { content: ""; position: absolute; top: 0; left: 0; transform: translateX(-46%); width: 7px; border-radius: 50%; aspect-ratio: 1/1; background-color: #fabb00; } .input-error { color: rgb(223, 0, 0); font-weight: 500; display: none; font-size: 14px !important; } .confirm-prihozeni-bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: none; z-index: 30; } .confirm-prihozeni-bg p, .confirm-prihozeni-bg h3, .confirm-prihozeni-bg h2 { margin: 0; margin-top: 10px; } .confirm-prihozeni-bg .fa-xmark { position: fixed; top: 0; right: 0; color: rgb(80, 80, 80); font-size: 18px !important; margin: 15px 15px 0 0; cursor: pointer; } .confirm-prihozeni-bg * { font-size: 14px !important; } .confirm-prihozeni-bg .confirm-prihozeni { position: relative; } .confirm-prihozeni-bg .confirm-prihozeni #prihoz-amount { color: #fabb00; font-size: 18px !important; } .confirm-prihozeni-bg .confirm-prihozeni .f-w-600 { font-weight: 600; } .confirm-prihozeni-bg .confirm-prihozeni h3 { font-weight: 500; color: rgb(80, 80, 80); font-size: 18px !important; } .confirm-prihozeni-bg .confirm-prihozeni h2 { font-weight: 600 !important; color: #0d024c; font-size: 18px !important; text-align: center; margin-bottom: 5px; } .confirm-prihozeni-bg .confirm-prihozeni { position: absolute; display: flex; flex-direction: column; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #ffffff; border-radius: 10px; display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; max-width: 420px; width: 100%; padding: 15px; } .confirm-prihozeni-bg .confirm-prihozeni .confirm-body { display: flex; flex-direction: column; max-width: 400px; width: 100%; border: 1px solid #d8d8d8; border-radius: 5px; padding: 10px; } .confirm-prihozeni-bg .confirm-prihozeni .confirm-body > div { display: flex; } .confirm-prihozeni-bg .confirm-prihozeni .confirm-body > div .flex-1 { flex: 1 1 0; } .confirm-prihozeni-bg .confirm-prihozeni button { width: 100%; border: none; border-radius: 6px; min-width: 10em; } .aukce-ref { text-decoration: underline; } .reload-page { color: green; margin-block: 3% 1%; text-align: right; background-color: transparent; border: 0px; padding: 0px; } .reload-page .icon { transition: transform 1s; } .reload-page span { cursor: pointer; } .reload-page:hover, .reload-page:focus { text-decoration: underline; } .reload-page:hover .icon, .reload-page:focus .icon { transform: rotate(360deg); } .myAuction { -webkit-appearance: button; -moz-appearance: button; appearance: button; backface-visibility: hidden; background-color: #405cf5; border-radius: 6px; border-width: 0; box-shadow: rgba(50, 50, 93, 0.1) 0 0 0 1px inset, rgba(50, 50, 93, 0.1) 0 2px 5px 0, rgba(0, 0, 0, 0.07) 0 1px 1px 0; box-sizing: border-box; color: #fff; cursor: pointer; font-size: 100%; height: 30px; line-height: 1.15; margin: 12px 0 0; outline: none; overflow: hidden; padding: 0 10px; position: relative; text-align: center; text-transform: none; transform: translateZ(0); transition: all 0.2s, box-shadow 0.08s ease-in; -moz-user-select: none; user-select: none; -webkit-user-select: none; touch-action: manipulation; } .myAuction:disabled { cursor: default; } .myAuction:focus { box-shadow: rgba(50, 50, 93, 0.1) 0 0 0 1px inset, rgba(50, 50, 93, 0.2) 0 6px 15px 0, rgba(0, 0, 0, 0.1) 0 2px 2px 0, rgba(50, 151, 211, 0.3) 0 0 0 4px; } .userDetail { display: flex; flex-direction: column; gap: 20px; flex-wrap: wrap; z-index: 2300; } .userDetail #close-u-d { width: -moz-max-content; width: max-content; text-decoration: none; font-weight: 500; border-radius: 6px; } .userDetail .bidList { max-height: 80px; overflow-x: auto; } .userDetail .bold { font-weight: 600; } .userDetail .pozemekNazev { font-weight: 600; margin-top: 10px; font-size: 15px; } .userDetail .pozemekNazev a { color: #0d024c; text-decoration: underline; } .userDetail .pozemekNazev a:hover { color: #fabb00; } .userDetail .pozemekNazev .winningBid { color: rgb(84, 202, 84); font-size: 13px; } .userDetail .pozemekNazev .losingBid { color: rgb(214, 56, 56); font-size: 13px; } .userDetail .yourBids { font-weight: 500; } .userDetail p { margin: 0; } .fa-xmark { position: fixed; top: 0; right: 0; font-size: 18px !important; margin: 15px 15px 0 0; cursor: pointer; } .fa-xmark:hover, .fa-xmark:focus { color: #ffde00; } .userDLink { background-color: transparent; border: none; color: #0d024c; font-weight: 600; border-bottom: 1px solid #0d024c; padding: 20px 0px; } .no-scroll { overflow: hidden !important; } #doplnit-udaje h1 { display: block !important; text-align: center; } #doplnit-udaje #doplnit-udaje-form { display: flex; flex-direction: column; gap: 10px; margin: auto; } #doplnit-udaje #doplnit-udaje-form p { font-size: clamp(14px, 1.5vw, 18px); margin-bottom: 30px; } #doplnit-udaje #doplnit-udaje-form label { font-size: clamp(14px, 1.5vw, 18px); } #doplnit-udaje #doplnit-udaje-form input[type=text], #doplnit-udaje #doplnit-udaje-form input[type=email] { width: 100%; font-size: clamp(14px, 1.5vw, 18px); border: 1px solid rgba(39, 43, 51, 0.4); padding: 10px 7px; border-radius: 7px; font-weight: 400; } #doplnit-udaje #doplnit-udaje-form input[type=text]::-moz-placeholder, #doplnit-udaje #doplnit-udaje-form input[type=email]::-moz-placeholder { opacity: 0.5; } #doplnit-udaje #doplnit-udaje-form input[type=text]::placeholder, #doplnit-udaje #doplnit-udaje-form input[type=email]::placeholder { opacity: 0.5; } #doplnit-udaje #doplnit-udaje-form input[type=text]:focus, #doplnit-udaje #doplnit-udaje-form input[type=email]:focus { outline: 1px solid #fabb00; } #doplnit-udaje #doplnit-udaje-form button { margin-top: 20px; width: max-content; text-transform: initial; } #doplnit-udaje .skryty_input { display: none; margin-top: 10px; margin-bottom: 20px; } #doplnit-udaje .checkbox_label { display: flex; align-items: center; margin-top: 15px; font-size: 14px; } #doplnit-udaje .checkbox_label input[type=checkbox] { margin-top: 2px; margin-right: 5px; } #doplnit-udaje .error { color: red; } .pozemky-table .prihazujici-pozemek { background-color: rgba(23, 120, 242, 0.2) !important; } .pozemky-table tr:not(.prihazujici-pozemek){ background-color: #f4f4f4 !important; } #odeslat2 { margin-left: 0; } .deposits { background-color: #fabb00; color: #0d024c; } .collapse-box[aria-expanded=false] .icon { transform: rotate(180deg); } .faq-box { background-color: #ffffff; border: 1px solid #d5d5d5; border-radius: 8px; margin-bottom: 13px; cursor: pointer; } .faq-box a { text-decoration: none; color: #0d024c; } .faq-box .header { padding: 25px 30px; display: flex; justify-content: space-between; align-items: center; } .faq-box .header .title { font-size: 20px; line-height: 28px; color: #0d024c; font-weight: 400; margin-top: 0px; margin-bottom: 0px; } .faq-box .icon { font-size: 28px; color: #000000; } .faq-box .text { font-size: 17px; line-height: 28px; color: #0d024c; font-weight: 400; padding: 0px 30px 25px 30px; } .faq-box .text p:last-child { margin-bottom: 0px; } .faq-box:hover, .faq-box:focus { background-color: #f4f4f4; border-color: #f4f4f4; } .faq-box a:hover, .faq-box a:focus { text-decoration: none; } .faq-box a:hover .title, .faq-box a:focus .title { text-decoration: underline; } .map_content_wrapper { position: relative; } #legenda { position: relative; left: 10px; margin-top: 10px; } #legenda .polozka { display: flex; align-items: center; margin-bottom: 5px; } #legenda .polozka .bod { width: 15px; height: 15px; min-width: 15px; border-radius: 50%; border: 1px solid #0d024c; } #legenda .polozka.prodany .bod { background-color: #e67f80; } #legenda .polozka.volny .bod { background-color: #fefefe; } #legenda .polozka.rezervovany .bod { background-color: #ff9900; } #legenda .polozka.ne_prodej .bod { background-color: #997300; } #legenda .polozka .text { font-size: 14px; line-height: 28px; color: #0d024c; font-weight: 500; margin-left: 5px; } @media(min-width: 1220px){ #legenda { position: absolute; bottom: 20px; left: 20px; margin-top: 0px; } #legenda .polozka { margin-bottom: 10px; } #legenda .polozka .bod { width: 25px; height: 25px; min-width: 25px; } #legenda .polozka .text { font-size: 18px; line-height: 22px; margin-left: 10px; } } .form-control { border-radius: 4px; box-shadow: none; } .form-control:focus { border-color: #333; } .control-label { display: inline-block; height: 34px; line-height: 34px; vertical-align: middle; font-weight: normal; } input.required-empty { border-color: #cc0000; } .formular { padding: 30px; background-color: #f4f4f4; color: #0d024c; border-radius: 20px; } .formular .form_title { font-size: 32px; color: #0d024c; font-weight: 400; margin-top: 0px; margin-bottom: 30px; } .formular label { display: flex; align-items: center; font-size: 16px; line-height: 24px; color: #0d024c; font-weight: 400; margin-bottom: 5px; } .formular .form-control { height: 50px; margin-bottom: 10px; border: 0px; border-radius: 10px; } .formular .form-control:focus { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 170, 51, 0.6); } .formular textarea.form-control { height: 105px; margin-bottom: 18px; } .formular .gdpr_souhlas_block { display: flex; align-items: center; align-items: flex-start; } .formular .gdpr_souhlas { margin-top: 6px; margin-right: 5px; } .formular .gdpr_text { display: block; font-size: 16px; line-height: 24px; color: #0d024c; font-weight: 400; } .formular .gdpr_text a { text-decoration: underline; } .formular .finishForm-box { margin-bottom: 0px; } .formular .finishForm-box { display: flex; flex-direction: column; padding-top: 10px; padding-bottom: 0px; } .formular .finishForm-box .gdpr_col { order: 1; padding-top: 10px; padding-bottom: 10px; } .formular .finishForm-box .button_col { order: 3; padding-top: 10px; padding-bottom: 10px; } .formular .finishForm-box .recaptcha_col { order: 2; padding-top: 10px; padding-bottom: 10px; } .formular .button_col .btn { min-width: 190px; padding-top: 15px; padding-bottom: 15px; } .formular.withFiles .label_col { margin-bottom: 5px; } .formular.withFiles .label_col i { display: block; margin-bottom: 10px; } .formular.withFiles .fileInput-box { margin-bottom: 10px; } .formular.withFiles .file_btn_wrapper { position: relative; display: block; height: 60px; padding: 0px; background-color: #ffffff; border: 1px solid #d5d5d5; margin-bottom: 10px; border-radius: 4px; } .formular.withFiles .file-btn { left: 0; padding-left: 20px; display: flex; align-items: center; width: 85%; text-decoration: none; overflow: hidden; } .formular.withFiles .file-btn:hover .file_text, .formular.withFiles .file-btn:focus .file_text, .formular.withFiles .file-btn:hover .file_text_tiny, .formular.withFiles .file-btn:focus .file_text_tiny { color: #cc0000; text-decoration: underline; } .formular.withFiles .file_text { color: #555555; font-size: 17px; font-weight: 400; margin-right: 5px; } .formular.withFiles .file_text_tiny { color: #555555; font-size: 17px; font-weight: 300; } .formular.withFiles .plus { display: inline-block; position: relative; background-color: transparent; color: #cc0000; font-size: 30px; font-weight: 700; margin-right: 15px; text-align: center; transition: transform 0.5s; } .formular.withFiles .delete { display: inline-block; position: absolute; right: 0px; width: 50px; height: 60px; line-height: 60px; color: #cc0000; background-color: transparent; border: none; font-size: 25px; font-weight: 300; margin-right: 0; text-align: center; z-index: 2; } .formular.withFiles .plus::before { content: "+"; } .formular.withFiles .delete::before { content: "✕"; } .formular.withFiles .delete:hover { font-size: 30px; font-weight: bold; cursor: pointer; } .formular.withFiles .tiny_text { position: relative; font-size: 12px; margin: 0 0 0 auto; display: block; text-align: right; } @media (min-width: 992px) { .formular { padding: 30px; } } @media (min-width: 1460px) { .formular { padding: 55px 60px; } } @media (max-width: 459px) { .g-recaptcha { transform: scale(0.77); } } .formular .section_block_intro { display: flex; height: 60px; background-color: #eeeeee; } .formular .section_block_intro .section_num_box { position: relative; width: 60px; height: 100%; flex-shrink: 0; background-color: #000000; text-align: center; } .formular .section_block_intro .section_num_box .num { left: 0px; right: 0px; font-size: 28px; color: #ffffff; font-weight: 700; } .formular .section_block_intro .section_title_box { position: relative; height: 100%; width: 100%; margin-left: 20px; background-color: #eeeeee; } .formular .section_block_intro .section_title_box .title { left: 0px; right: 0px; font-size: 26px; color: #000000; font-weight: 400; margin: 0px; } .formular .section_block { margin-bottom: 20px; background-color: #f8f8f8; } .formular .section_block_inputs { padding-top: 40px; padding-bottom: 40px; } .formular .section_block_inputs.file_block_inputs { padding-bottom: 10px; } .formular .checkboxes_block { margin-top: 13px; } .formular .checkboxes_block label { display: block; } .formular .checkboxes_block label input { margin-right: 10px; } @media(max-width: 991px){ .formular .checkboxes_block:not(.first) { margin-top: 0px; } } .formular .help { max-height: 18px; margin-left: 8px; } .mfp-close { background: transparent url("/img/zavrit-ico.png") 50% 50% no-repeat !important; border: 0px !important; box-shadow: none !important; height: 50px !important; width: 50px !important; font-size: 0 !important; opacity: 1 !important; right: 10px !important; cursor: pointer; z-index: 2; transition: transform .5s; } .mfp-close:hover, .mfp-close:focus { opacity: 0.65 !important; } .mfp-close:focus { transform: scale(1.1); } .mfp-close:active { top: 0px !important; } .screen-reader-text.btn { min-width: initial; max-width: 1px; width: 1px; height: 1px; line-height: 1px; padding-top: 15px; padding-bottom: 15px; padding-right: 22px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); font-size: 16px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; position: absolute; top: 120px; left: 0; z-index: 999999; transition: max-width 0.5s; } .screen-reader-text.btn:focus { width: auto; max-width: 260px; height: initial; line-height: initial; clip: initial; } .screen-reader-text.btn:focus span { text-decoration: underline; left: 0; transition: left 0.5s; } #guidelines_switch { position: fixed; top: 0px; left: 0px; display: block; height: 16px; width: 16px; border-radius: 50%; background-color: grey; z-index: 99999992; } #guidelines_switch.active { background-color: yellowgreen; } #guidelines { display: block; width: 1440px; height: 100%; position: fixed; top: 0px; left: 0px; right: 0px; margin-left: auto; margin-right: auto; z-index: 99999991; } #guidelines .container-fluid, #guidelines .container, #guidelines .container-fluid .row, #guidelines .container .row { height: 100%; } #guidelines .container-fluid .col, #guidelines .container .col { height: 100%; } #guidelines .guideline { position: relative; width: 100%; height: 100%; } #guidelines .guideline:before { content: ''; position: absolute; top: 0px; left: 0px; display: block; width: 1px; height: 100%; background-color: #099d50; } #guidelines .guideline:after { content: ''; position: absolute; top: 0px; right: 0px; display: block; width: 1px; height: 100%; background-color: #ff7d08; } #main-content > .alert { margin-top: 45px; margin-bottom: 0px; } #header_aktualita { border: 20px solid #ce1718; border-top-width: 0; border-bottom-width: 0; background-color: #ce1718; text-align: center; } #header_aktualita .text { font-size: 14px; color: #ffffff; font-weight: 600; display: inline-block; position: relative; height: 30px; } #header_aktualita .text .link { color: #ffffff; text-decoration: underline; } #header_aktualita .text .link:hover, #header_aktualita .text .link:focus { color: #ff8300; } #header_aktualita .text .separator { margin: 0 15px; } @media(min-width: 992px){ #header_aktualita { height: 50px; display: flex; align-items: center; } #header_aktualita .text { font-size: 16px; } }