body::-webkit-scrollbar-thumb, div::-webkit-scrollbar-thumb { background-color:var(--color-web); border-color:var(--color-web); }
a, a:hover { color:var(--color-web); }
h1 { color:var(--color-web); }
h2 { color:var(--color-web); }
.button01, .button02, .button03, .button04 { color:var(--color-web); }
.button01:hover, .button02:hover, .button03:hover { background:var(--color-web); }
.button04:hover { color:var(--color-web); border-color:var(--color-web); }
.modal-content h5 { color:var(--color-web); }
.modal-body .form-control:focus { border-color:var(--color-web); }
header .nav-link:hover { color:var(--color-web); }
header .nav-link.active { color:var(--color-web); }
.hamburger:hover span { background:var(--color-web); }
.hamburger.open:hover span { background:var(--color-web); }
.np1, .zs4, .np2, .np3, .np4, .np5, .np6, .np7 { fill:var(--color-web); }
.byt:hover { fill:var(--color-web); }
.flor .col-4 { color:var(--color-web); }
.cta h6 { color:var(--color-web); }
.floornfo .table tr + tr td:last-child a { background:var(--color-web); }
.form-title:before { background:var(--color-web-trans); }
.form-title h1 { color:#fff; }
.form-data ul .checkbox input:checked ~ .checkmark { background-color:var(--color-web); border-color:var(--color-web); }
.checkbox input:checked ~ .checklabel { color:var(--color-web); }
.radiobox input:checked ~ .radiomark { background-color:var(--color-web); border-color:var(--color-web); }
.personal-data .form-control:focus { border-color:var(--color-web); }
.cc_container .cc_btn:hover { background-color:var(--color-web) !important; }
.financovani ol:before { border-left-color:var(--color-web); }
.financovani ol li:after { background:var(--color-web); }
.financovani ol li span { background:var(--color-web); }
.financovani ol li span:before { background:var(--color-web); }
.standardy a { color:var(--color-web); }
.floornfo .table tr + tr td:first-child a { background:var(--color-web); }
.note > div::before { background:rgba(0,0,0,0.75); }

.button01:hover, .button02:hover, .button03:hover { background:var(--color-2-web); }
header .nav-link:hover { color:var(--color-2-web); }
.hamburger:hover span { background:var(--color-2-web); }
.floornfo .table tr + tr td:first-child a:hover { background:var(--color-2-web); }

header, .slidingmenu, .cta::after, .button01, .button03 { background:var(--color-3-web); }
.note > div::before { background:var(--color-3-web-trans); }
.floornfo .table tr:first-child td { background:var(--color-3-web); color:#fff; }
.floornfo .table tr:hover { background:var(--color-web-trans); }
.cta::before { background:#f3f3f3; }

/* 12.11.2023 klikaci mapa */
.dum.prehled { overflow:hidden; margin-top:72px; }

.duminfo { position:absolute; z-index:2; background:#fff; padding:20px 30px; font-weight:500; font-size:18px; text-align:center; display:none; transition:all 0.3s ease-in-out; }
.duminfo.active, .duminfo.active2 { display:block; }
.duminfo:before { position:absolute; content:""; z-index:-1; background:#fff; width:30px; height:30px; transform:rotate(45deg) translate(-50%,0); bottom:-20px; left:50%; }
.duminfo h2 { font-weight:700; font-size:28px; margin:0 0 15px 0; color:var(--color-3-web); }
.duminfo strong { display:block; }
.duminfo a { display:inline-block; color:#fff; text-decoration:none; background:var(--color-web); font-size:18px; font-weight:500; padding:5px 20px; margin-top:20px; }
.duminfo a:hover { color:#fff; background:var(--color-3-web); }
@media (max-width: 1480px) {
	.duminfo { font-size:16px; }
	.duminfo h2 { font-size:22px; margin-bottom:5px; }
	.duminfo a { font-size:16px; margin-top:10px; }
}

.duminfo { transform-origin:center bottom; transform:translate(-50%,-100%); padding:20px 25px; font-size:15px; }
.duminfo h2 { font-size:20px; margin-bottom:12px; }
.duminfo p { margin-bottom:10px; }
.duminfo strong { font-size:16px; }
.duminfo a { font-size:15px; margin-top:15px; }
@media (max-width: 767px) {
	.duminfo { padding:10px; }
	.duminfo p, .duminfo strong { display:none; }
	.duminfo h2 { font-size:10px; margin-bottom:0; white-space:nowrap; }
	.duminfo a { font-size:10px; margin-top:10px; white-space:nowrap; padding:5px 10px; }
}

.dum.prehled .patro { fill:rgba(255,255,255,0); stroke:#1d1d1b; stroke-miterlimit:10; stroke-width:8px; transition:all 0.3s ease-in-out; opacity:1; }
.dum.prehled a:hover .patro { fill:rgba(255,255,255,.6); }
.dum-empty { height:140px; }
@media (max-width: 480px) {
	.dum-empty { height:10px; }
	.cta::after { display:block; left:0; width:100%; }
}

.hamburger { top:-7px; }
.hamburger span:nth-child(4)::before { content:"Menu"; position:absolute; top:5px; left:0; width:100%; font-family:Arial, sans-serif; font-weight:bold; font-size:11px; line-height:11px; text-align:center; color:#fff; transition:.25s ease-in-out; }
.hamburger:hover span:nth-child(4)::before { color:var(--color-2-web); }
.hamburger.open span:nth-child(4)::before { display:none; }
@media (max-width: 480px) {
	.hamburger { top:-38px; }
}
@media (min-width: 992px) and (max-width: 1720px) {
	header .nav-item:last-child { padding-left:135px; }
}
@media (min-width: 992px) and (max-width: 1280px) {
	header .nav-item:last-child { padding-left:35px; }
}

/* 5.11.2024 */
.dum.dum-patro { transform:none; }
.dum.dum-patro .byt { fill:rgba(215,211,67,0); stroke:#646464; stroke-miterlimit:10; stroke-width:8px; opacity:1; }
.dum.dum-patro .byt:hover { fill:rgba(215,211,67,.7); }
.dum.dum-patro .byt.prodano { fill:rgba(100,100,100,.6); cursor:default; }
.dum.dum-patro .byt.prodano:hover { fill:rgba(100,100,100,.65); }

/* 19.11.2024 */
.fotky .col-md-4, .fotky .col-md-6 { padding-top:0; padding-bottom:30px; }

/* 3.12.2024 */
.floornfo .table tr td { white-space:nowrap; }

:root {
	--color-web: #e5db78;
	--color-web-trans: #e5db7866;
	/* --color-web-trans2: #e5db78aa; */
	--color-web-trans2: #e5db7800;
	--color-web-trans3: #e5db78cc;
	--color-2-web: #e5db78;
	--color-3-web: #262626;
	--color-3-web-trans: #262626c0;
	--color-web-dark: #cec56c;
}

/* 19.3.2025 */
.table-caption-mob { display:none; background-color:var(--color-web); color:#fff; padding:0.75rem 1.5rem; }
@media (max-width: 1440px) {
	.table-caption-mob { display:block; }
}

.white-arrow-anim { position:relative; display:inline-block; width:20px; height:2px; margin:3px; border-radius:9999px; background-color:#fff; animation:animHorizontal 1.5s ease 0s infinite; }
.white-arrow-anim::before, .white-arrow-anim::after { content:""; position:absolute; top:calc(50% - 1px); right:0; width:9px; height:2px; border-radius:9999px; background-color:#fff; transform-origin:calc(100% - 1px) 50%; transform:rotate(40deg); }
.white-arrow-anim::after { transform:rotate(-40deg); }

@keyframes animHorizontal {
	0%, 100% { transform:translateX(0); }
	50% { transform:translateX(8px); }
}

.form-title { background-image:url("../images/bg01d.jpg"); }
.logo { width:180px; }

/* 4.4.2025 urbanpark */
.modal-body label.checkbox span.checklabel { display:block; font-size:16px; line-height:24px; color:#000; font-weight:500; }
.modal-body label.checkbox input:checked ~ span.checklabel { color:#000; font-weight:500; }

.dumsvg { top:0; }
.dum.prehled a:hover .patro { fill:var(--color-web-trans); }
.dum.prehled .patro { stroke:var(--color-3-web); stroke-width:0px; }
.dum { margin-top:74px; }
.dum.dum-patro .byt { fill:var(--color-web-trans); stroke-width:0px; stroke:#000; }
.dum.dum-patro .byt:hover { fill:var(--color-web-trans2); }
.dum.dum-patro.dum-patro-detail .byt.highlight { fill:var(--color-web-trans); }
.dum.dum-patro.dum-patro-detail .col-md-6:first-of-type { padding-bottom:30px; background:#f3f3f3; }
.dum.dum-patro.dum-patro-detail .col-md-6 + .col-md-6 { align-content:center; }
.dum.dum-patro.dum-patro-detail .col-md-6 + .col-md-6 img { max-height:calc(50vw / 25 * 12 - 20px); width:auto; }
@media (max-width: 767px) {
	.dum.dum-patro.dum-patro-detail .col-md-6 + .col-md-6 img { max-height:360px; }
}
@media (min-width: 481px) {
	.floornfo .table.table-estate-mob { display:none; }
}
@media (max-width: 480px) {
	.floornfo .table.table-estate { display:none; }
	.floornfo .table-caption-mob { display:none; }
	.floornfo { padding-left:10px; padding-right:10px; }
	.floornfo .table.table-estate-mob td { padding:0 .5rem .5rem; border:none; font-size:14px; font-weight:600; cursor:pointer; }
	.floornfo .table.table-estate-mob .table-estate-head td { padding-top:.5rem; background:#0000; color:var(--color-3-web-trans); text-transform:uppercase; font-size:11px; font-weight:600; cursor:default; }
	.floornfo .table.table-estate-mob .table-estate-price td { border-bottom:1px solid var(--color-3-web); }
	.floornfo .table.table-estate-mob tr:hover { background:transparent; }
}
@media (max-width: 380px) {
	.floornfo .table.table-estate-mob td { font-size:12px; }
	.floornfo .table.table-estate-mob .table-estate-head td { font-size:10px; }
}


@media (min-width: 1321px) and (max-width: 1560px) {
	header .navbar-nav .nav-link { font-size:14px; line-height:24px; margin:0 5px; }
}
@media (min-width: 1200px) and (max-width: 1320px) {
	header .navbar-nav .nav-link { font-size:14px; line-height:24px; margin:0; }
}
@media (min-width: 1081px) and (max-width: 1199px) {
	header .navbar-nav .nav-link { font-size:12px; line-height:24px; margin:0; }
}
@media (min-width: 992px) and (max-width: 1080px) {
	header .navbar-nav .nav-link { font-size:11px; line-height:24px; margin:0; padding-left:.25rem !important; padding-right:.25rem !important; }
}

.tt { position:absolute; z-index:1; opacity:0; background:#fff; transition:all 0.3s ease-in-out; }
@media (min-width: 481px) {
	.tt.active { opacity:1; }
}
.tt-floor { top:12%; left:15%; width:8vw; padding:1vw; text-align:center; font-size:2vw; line-height:2vw; color:var(--color-web); font-weight:800; text-transform: uppercase; }
.tt-byt { top:54%; left:21%; width:22vw; background:var(--color-3-web); padding:1vw; text-align:left; font-size:0.8vw; line-height:1vw; color:var(--color-web); font-weight:400; }
.tt-byt .table { margin-bottom:0.4vw; }
.tt-byt .table td { padding:0.4vw; border:none; color:#fff; }
.tt-byt .table td:first-of-type { width:57%; }

/* dark */
.button02, .button04 { color:#000; }
.button04:hover { color:#000; background:var(--color-web); border-color:#000; }

.dum.prehled a:hover .patro { fill:rgba(255,255,255,.6); }
.dum.dum-patro .byt { fill:var(--color-web-trans2); }
.dum.dum-patro .byt:hover { fill:var(--color-web-trans3); }
.tt { background:var(--color-web); }
.tt-floor { top:20%; left:73%; color:#000; }
.tt-byt { top:6%; left:68%; }
.tt-byt .table td { color:#000; }