:root { --cerna:#2c3338; --seda:rgba(255,255,255,.5); --bila:#fff; --modra:#0d4175; --cervena:#f02153; --zelena:#A4C400; --tmzelena:#56855f; --tmzelena2:#4E5C2C; } /* viz.: https://www.vzhurudolu.cz/prirucka/css-promenne-priklady */

@font-face {
	font-family:roboto;
	font-style:normal; font-weight:400; font-display:swap;
	src: url(../font/Roboto-Regular.ttf) format('truetype');
}
@font-face {
	font-family:roboto;
	font-style:normal; font-weight:500; font-display:swap;
	src: url(../font/Roboto-Medium.ttf) format('truetype');
}
@font-face {
	font-family:roboto;
	font-style:normal; font-weight:600; font-display:swap;
	src: url(../font/Roboto-Bold.ttf) format('truetype');
}
@font-face {
	font-family:roboto;
	font-style:normal; font-weight:700; font-display:swap;
	src: url(../font/Roboto-ExtraBold.ttf) format('truetype');
}

@font-face {
	font-family:poppins;
	font-style:normal; font-weight:400; font-display:swap;
	src: url(../font/Poppins-Regular.ttf) format('truetype');
}
@font-face {
	font-family:poppins;
	font-style:normal; font-weight:700; font-display:swap;
	src: url(../font/Poppins-Bold.ttf) format('truetype');
}




body {
	/* font-family:montserrat, sans-serif; */ font-family:roboto,Helvetica,Arial,Lucida,sans-serif; color:var(--cerna); font-size:1rem;
	
}
.montserrat { font-family:montserrat, sans-serif; }
.poppins { font-family:poppins, serif; }

@media (min-width: 1400px) /* and (max-width: 1919.98px) */ { 
	.zuzeni { padding-left:75px; padding-right:75px; }
}



a       { color:var(--zelena); transition:all 300ms; font-weight:600; }
a:hover { color:var(--zelena); text-decoration:none; }

a.pdf { background:url('../images/pdf.gif') no-repeat 0px 50%; padding-left:25px; }

a.ext, .ext a { background:url('../images/ext-link-on.svg') no-repeat 0% 50%; background-size:15px; padding-left:25px; }
a.ext.btn-danger { background:#dc3545 url('../images/ext-link.svg') no-repeat 93% 50%; background-size:15px; padding-right:40px; }
a.ext.btn-danger:hover { background:#bb2d3b url('../images/ext-link.svg') no-repeat 91% 50%; background-size:15px; padding-right:40px; }
a.oval { text-decoration:none; background:var(--zelena) url('../images/ikony/doprava.svg') no-repeat 75% 50%; background-size:0px; color:var(--bila); text-transform:uppercase; padding:10px 25px; border-radius:50px; }
a.oval:hover { padding:10px 40px 10px 25px; background:var(--zelena) url('../images/ikony/doprava.svg') no-repeat 95% 50%; background-size:10px; }
a.zpet { background:url('../images/ikony/sipka-zpet.svg') no-repeat 0% 50%; background-size:40px; padding:9px 0 9px 50px; }
a.zpet:hover { opacity:.7; }
a[href^="tel:"] { color:var(--cerna); font-weight:400; text-decoration:none; cursor:auto; }


a.osobni-vlastnictvi, a.druzstevni-bydleni {
	text-transform:uppercase; text-decoration:none;
	color:#fff; background-color:#4e5c2c;
	padding:7px 14px 10px 21px; margin-top:25px; margin-right:9px; display:inline-block;
}
a.druzstevni-bydleni { margin-right:7px; }
a.osobni-vlastnictvi span, a.druzstevni-bydleni span { font-size:1.2rem; padding-left:7px; }
a.osobni-vlastnictvi { color:#fff; background-color:#a3c001; }
a.osobni-vlastnictvi:hover, a.druzstevni-bydleni:hover { color:#a3c001; background-color:#fff; }

a.tlacitko {
	text-transform:uppercase; text-decoration:none; font-size:1rem;
	color: #fff; background-color:var(--zelena); border:2px solid var(--bila);
	padding:8px 17px; display:inline-block;
}
a.tlacitko.on { background-color:#4e5c2c; }
a.tlacitko.tisk { background-color:#007dc3; text-transform:none; }
a.tlacitko.tisk:hover { 
	color:#007dc3; background-color:var(--bila); border:2px solid #007dc3;
}
a.tlacitko:hover { 
	color:var(--zelena); background-color:var(--bila); border:2px solid var(--zelena);
}
a.tlacitko::after { transition:all .2s; content:" ❯"; opacity:0; }
a.tlacitko:hover::after { opacity:1; padding-left:10px; }






h1, .h1 {
	font-family:poppins, sans-serif; font-weight:700;
	font-size:3.125rem; color:#333;
	padding-bottom:10px; line-height:1em;
}
h1 a { font-size:1.2rem; padding-right:25px; }
.h1-mezera { margin-top:2rem; margin-bottom:12rem; }

h2, .h2 {
	font-family:poppins, sans-serif; font-weight:700;
	font-size:2.7rem !important; color:#333;
}
h2#formular { font-size:2.4rem; }
h2 span { text-transform:uppercase; }
.h2 { padding-top:30px; padding-bottom:30px; text-align:center; }

h3 { font-size:3rem; font-weight:600; color:#000; }
h3 span { font-size:.8rem; font-weight:500; text-transform:uppercase; display:block; color:var(--tmzelena); }

h4 { font-family:poppins, sans-serif; font-weight:700; font-size:1.125rem; color:var(--zelena); }


.h2-svg { 
	position:absolute; top:-75px; left:100px; /* left:calc(50% - 245px); */
	color:#9d9ca3; font-size:1.75rem; text-transform:uppercase;
	background:#F8F7F3; padding:60px 250px 40px 60px;
}
.h2-svg.no-position { position:static; /* display:block; */ }
.h2-svg span { 
	display:block;
	font-family:montserrat, sans-serif; font-size:1.125rem; text-transform:none; font-weight:600; color:var(--tmzelena);
}
.h2-svg b { font-weight:500; }
.prestehuj { position:absolute; top:-105px; left:140px; font-weight:500; color:var(--tmzelena); }
.mezera-budova-patra { margin-bottom:8rem; }

.px-6 { padding:3rem 15rem 0 15rem; }
@media (max-width: 1799.98px) { .px-6 { padding:3rem 13rem 0 13rem; } }
@media (max-width: 1699.98px) { .px-6 { padding:3rem 12rem 0 12rem; } }
@media (max-width: 1499.98px) { .px-6 { padding:3rem 10rem 0 10rem; } }
@media (max-width: 1399.98px) { .px-6 { padding:3rem 9rem 0 9rem; } }
@media (max-width: 1199.98px) { .px-6 { padding:1rem 7rem 0 7rem; } }
@media (max-width: 991.98px) { .px-6 { padding:1rem 5.5rem 0 5.5rem; } }
@media (max-width: 575.98px) { .px-6 { padding:1rem 5rem 0 5rem; } }


@media (max-width: 1569.98px) { .h2-svg { top:-130px; } }
@media (max-width: 1199.98px) { .h2-svg { padding-right:160px; } }
@media (max-width: 991.98px) {
	h1, .h1 { font-size:1.875rem; }
	.h1-mezera { margin-bottom:5rem; }
	.h2-svg { top:-60px; left:25px; font-size:1.25rem; padding:20px 150px 20px 15px; }
	.h2-svg span { font-size:.875rem; }
	.mezera-budova-patra { margin-bottom:2rem; }
	.prestehuj { top:-71px; left:80px; font-size:.875rem; }
}
@media (max-width: 767.98px) { .h2-svg.no-position { display:block; } }
/*@media (max-width: 499.98px) { .h1-svg { top:5px; font-size:1.1rem; } }
*/

.motiv {
	height:380px !important;
	background-image:url('../images/zahrada-gallas_v4.webp?v=7');
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}

.motiv.den-otevrenych-dveri { background-image:url('../images/motiv-vzorovy-byt.webp'); }
.motiv.nabidka-bytu { background-image:url('../images/motiv-nabidka.webp'); }
.motiv.lokalita { background-image:url('../images/motiv-lokalita.webp'); }
.motiv.kontakt { background-image:url('../images/motiv-kontakt.webp'); }
.motiv.financovani,
.motiv.aktuality { background-image:url('../images/motiv-financovani.webp'); }

.motiv .ram {
	border:2px solid var(--bila); margin:25px 25px; height:380px; position:relative;
}
.motiv .novy-projekt {
	position:absolute; top:60px; right:160px;
	font-size:1.4rem; font-weight:600; text-transform:uppercase; text-align:center; color:#fff; line-height:1.5rem;
	width:160px; height:160px; max-width:160px; max-height:160px; padding-top:55px;
	background-color:#2ea9ff; border-radius:50%;
}


@media (max-width: 1199.98px) { 
	.motiv .novy-projekt { right:100px; }
}
@media (max-width: 767.98px) { 
	.motiv { background-image:url('../images/zahrada-gallas_v3-mobil.webp'); }
}



.bg-light { background-color:transparent !important; }


.loga { text-align:right; margin-top:55px; margin-bottom:10px; color:var(--zelena); font-weight:500; }
.loga .fb img { margin-right:70px; margin-left:20px; }


img.logo { margin-top:12px; }
@media (min-width: 1400px) and (max-width: 1919.98px) { 
	/*img.logo { margin-left:0; }*/
}


.lista { padding-top:1.55rem; width:58 0px; }
.lista img { margin-left:30px; }

.navbar { margin-top:-128px; }

@media (max-width: 1399.98px) { 
	.navbar { margin-top:-125px; }
	.loga	 { margin-top:0; }
	.loga .fb img { margin-right:0; }
}
/* @media (min-width: 1399.98px) { 
	.loga .fb img { margin-right:60px; }
} */
@media (max-width: 991.98px) {
	.navbar { margin-top:-87px; }
	img.logo { margin-top:-5px; }
	.loga .fb { text-align:right; }
	.loga .fb span.mobil-768 { display:block; }
}
@media (max-width: 767.98px) {
	.navbar { margin-top:-87px; }
	img.logo { margin-left:10px; width:100px; height:100px; }
	.loga .fb { text-align:right; }
	.loga .fb span.mobil-768 { display:block; }
}




.navbar-light .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2886, 133, 95, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-toggler { margin-bottom:15px; /* position:absolute; top:-100px; */ }

.navbar-light .navbar-nav .nav-link {
	color:var(--cerna); font-size:1.125rem; font-size:1rem; font-weight:600; text-align:center;
}
.fs-095 { font-size:.95rem; }
.navbar-light .navbar-nav .nav-link.on,
.navbar-light .navbar-nav .nav-link:hover { color:var(--zelena); }
/* .navbar-light .navbar-nav .nav-link.on { font-weight:700; } */

.navbar-expand-lg .navbar-nav .nav-link { padding-right:0; padding-left:2.51rem; padding-top:.75rem; padding-bottom:.65rem; }


@media (max-width: 1399.98px) { 
	.navbar-expand-lg .navbar-nav .nav-link { padding-top:.5rem; padding-bottom:.5rem; }
}

@media (max-width: 991.98px) { 
	.navbar-expand-lg .navbar-nav { margin-top:0; }
	.navbar-light .navbar-nav .nav-link { width:100%; }
}



.fixed-top.abs { position:absolute; }




.form-zeleny {
	padding:40px 40px 40px 75px; color:var(--bila);
	background:var(--zelena);
}
.form-zeleny form { background-color:#f8f7f3; }
.form-zeleny h2, .form-zeleny a { color:var(--bila); }
.form-zeleny a { font-weight:500; }


.ramecek-head { padding:25px; border:2px solid #d8d8d8; margin:3px 0; }

@media (min-width: 1820.98px) { .form-zeleny { background-size:1550px 600px; } }
@media (max-width: 1819.98px) { .form-zeleny { background-size:1310px 600px; } }
@media (max-width: 1519.98px) { .form-zeleny { background-size:1100px 600px; } }

@media (max-width: 1399.98px) { .form-zeleny { background-size:930px 600px; } }
@media (max-width: 1199.98px) { .form-zeleny { background-size:790px 600px; } }
@media (max-width: 991.98px) { .form-zeleny { background-size:790px 380px; padding:50px 45px; } }
@media (max-width: 767.98px) { .form-zeleny { background-size:790px 480px; } }


.video {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.video iframe {
	position: absolute; top: 0; left: 0;
	width: 100%; height: 100%;
}



.card { margin-bottom:1.75rem; }
.card h2 { line-height:1.75rem; }
.card-body { padding:1rem 0.2rem 0 1rem; }



.vyber_domu { border:1px solid #d5d5d5; padding:25px 25px; }
@media (max-width: 767.98px) {
	.vyber_domu { padding:15px 15px; }
}


.aktualita { border-top:1px solid #ccc; padding:25px 0; }
.aktualita a img { transition:300ms; }
.aktualita a:hover img { opacity:.7; }






.dum polygon:hover,
.patra polygon:hover,
.patra rect:hover,
.patra path:hover { cursor:pointer; }


.domy_16_a_17,
.patra, .patra-head, /* */ .patra > div,
.vyber_bytu, .vyber_patra,
.detail_bytu, .detail_bytu2,
.S012,.S016,.S017,
.detail-bytuuuu { display:none; }


.off, .offf, .offff { display:none; }
.E2_1NP { display:block; }

.patra > div[id="1NP_S011"] { display:block; }

.detail-bytu img[alt*="bytu"] { padding:0 6rem; box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3); padding-top:20px; padding-bottom:20px; background-color:#fff; }

/* .dum polygon[class="1NP_E"] { fill:red; fill-opacity:0.5 !important; } */

.patra h5 { position:absolute; top:-53px; left:50%;	margin-left:115px; font-size:2rem; }
@media (max-width: 575.98px) { 
	.patra h5 { position:static; margin-left:0; text-align:center; }
	.detail-bytu img[alt*="bytu"] { padding:0; }
}

.obsazeno { display:block !important; fill:#daa822 !important; fill-opacity:0.4 !important; cursor: default !important; }


.NP1, .NP2, .NP3, .NP4, .NP5, .NP6, .NP7 { display:block; text-align:center; color:var(--cerna); text-decoration:none; font-weight:normal; padding:6px 0; border:1px solid var(--cerna); border-bottom:0; }
.NP1 { border-bottom:1px solid var(--cerna); }
.NP1, .NP1:hover, .NP2:hover, .NP3:hover, .NP4:hover, .NP5:hover, .NP6:hover, .NP7:hover { background-color:rgba(121,180,29,0.5); cursor:pointer; }





.detail-bytu { background:#f9f7f1; }
.detail-bytu h3.stav { background:var(--tmzelena); color:var(--bila); display:inline-block; padding:10px 60px; text-transform:uppercase; font-size:.9rem; }
.detail-bytu .ctverce { margin-bottom:20px; text-transform:uppercase; }
.detail-bytu .ctverce div { padding:15px 0; font-size:.75rem; color:var(--tmzelena); }
.detail-bytu .ctverce div b { display:block; font-size:1.5rem; color:var(--cerna); font-weight:400; font-family:poppins, serif; }
.detail-bytu .pdf a { color:var(--cerna); font-weight:700; }
.detail-bytu .cena { margin-top:40px; color:var(--cerna); }
.detail-bytu .cena h4 { color:var(--tmzelena); font-size:1.3rem; }
.detail-bytu .cena small,
p.kkalk small { color:#aaa; line-height:1.1rem; display:block; margin-top:3px; }
.detail-bytu .info { width:100%; margin-top:20px; }
.detail-bytu .info tr { border-bottom:1px solid var(--cerna); }
.detail-bytu .info tr td { padding:10px 0; }
.detail-bytu .info tr td:last-of-type { text-align:right; }

@media (max-width: 1199.98px) {
	.mobil-my-5 { margin-top:0 !important; }
	.mobil-mt-5 { margin-top:0 !important; }
}



.tablesorter { font-size:1rem; }
.tablesorter a { color:var(--zelena) !important; text-decoration:none; font-weight:400; }
.tablesorter a:hover { text-decoration:underline; }
.tablesorter a:hover img { opacity:.7; }
.tablesorter tr td { height:50px; }
.tablesorter tr td.stav { text-transform:lowercase; font-weight:600; }
.tablesorter tr td.stav.prodano { color:#8b0000; }
.tablesorter tr td.stav.predrezervovano { color:var(--cerna); font-weight:400 !important; }
.tablesorter tr td.stav.rezervovano { color:#ff8c00; }
.tablesorter tr td.stav.volny { color:#006400; }

.tablesorter tr td a { vertical-align:-moz-middle-with-baseline; vertical-align:-webkit-baseline-middle; }
.tablesorter tr:hover td:last-child { color:#daa822 !important; }
@media (max-width: 767.98px) {
	.tablesorter tr td:last-of-type { text-align:center; }
	.table-responsive td { display:block; width:100% !important; }
	.table-responsive th { display:inline-block; }
	.table-responsive td:nth-of-type(1) { border-top:1px solid var(--cerna); }
	.table-responsive td:nth-of-type(1)::before { content:"Byt: "; font-weight: 700; }
	.table-responsive td:nth-of-type(2)::before { content:"Podlaží: "; font-weight: 700; }
	.table-responsive td:nth-of-type(3)::before { content:"Dispozice: "; font-weight: 700; }
	.table-responsive td:nth-of-type(4)::before { content:"Plocha: "; font-weight: 700; }
	.table-responsive td:nth-of-type(5)::before { content:"Orientace: "; font-weight: 700; }
	.table-responsive td:nth-of-type(6)::before { content:"Parkování: "; font-weight:700; }
	.table-responsive td:nth-of-type(7)::before { content:"Orientace: "; font-weight:700; }
	.table-responsive td:nth-of-type(8)::before { content:"Cena: "; font-weight:700; }
	.table-responsive td:nth-of-type(9)::before { content:"Stav: "; font-weight:700; }
	.tablesorter-default th, .tablesorter-default thead td { font-weight:400 !important; background-color:#f0f0f0 !important; border-bottom:0 !important; }
	.tablesorter-headerRow { background-color:#f0f0f0 !important; }
}
@media (max-width: 575.98px) {
	.table-responsive td { display:block; width:100% !important; min-width:350px; }
}
@media (max-width: 374.98px) {
	.table-responsive td { display:block; width:100% !important; min-width:325px; }
}




.filtr h3 { font-size:1.4rem; font-weight:400; }
.filtr > div { background:#fafafa; padding:10px; margin:5px; }
.filtr select { border-radius:0; border:1px solid rgb(172, 172, 172); padding:6px 12px; background-color:var(--bila); }




.filtry { background-color:#f0f0f0; padding:10px 20px; }
.filtry input[type="checkbox"] { display:none; }
.filtry input[type="checkbox"] + label { cursor:pointer; margin-right:25px; }
.filtry input[type="checkbox"] + label:hover { color:var(--cerna); }
.filtry input[type="checkbox"] + label span {
    display:inline-block; width:33px; height:33px;
    margin:-2px 10px 0 0;
    vertical-align:middle;
    background:url('../images/ikony/checkbox.svg') left top no-repeat;
    cursor:pointer;
}
.filtry input[type="checkbox"]:checked + label span {
    background:url('../images/ikony/checkbox.svg') -33px top no-repeat;
}
.filtry div { display:inline-block; text-align:right; }

.zrusit-filtry { border:0; background:#79b51d; color:#ffffff; text-align:right; padding:5px 15px; transition:200ms; }
.zrusit-filtry::after { content: "×"; font-size:3rem; position:relative; top:10px; left:7px; line-height:0; }
.zrusit-filtry:hover { background:rgba(121,180,29,0.7); }
@media (max-width: 991.98px) {
	.filtry div { margin-top:10px; }
}
@media (max-width: 575.98px) {
	.filtry input[type="checkbox"] + label { margin-top:5px; margin-right:87px; }
	.zrusit-filtry { position:absolute; right:90px; top:-110px; width:200px; }
}
@media (max-width: 429.98px) {
	.filtry input[type="checkbox"] + label { margin-right:5px; width:105px; }
	.zrusit-filtry { right:-15px; }
}

.kalk { background-color:#f5f5f5; padding:5px 5px 10px 5px; }

.kalk div.num { background-color:#fff; text-align:right; margin:5px 5px 0 5px; padding:5px; }
.kalk div.num h5 { color:var(--tmzelena); font-size:1rem; padding:0; margin:0; }
.kalk div.num #splatka,
.kalk div.num #castka { font-size:1.3rem; margin-bottom:0; color:var(--cerna); display:inline-block; }
.kalk div.num b { font-weight:normal; font-size:1rem; }
.kalk div.ran { text-align:center; }
.kalk div.ran datalist { display:inline-flex; }
.kalk div.ran output { color:#fff; background:var(--tmzelena); padding:5px 16px; border-radius:3px; margin-top:10px; }
.kalk div.ran output:after { content:" %"; }
.kalk div.ran input[type="range"] { width:90% !important; }




footer {
	background-color:#f8f7f3;
	background-size: 300px auto;
	background-position: right 80%;
	background-repeat:no-repeat;
	background-image: url('../images/paticka-obr.png');
	padding-top:6.5rem;
}

footer address { font-size:.875rem; line-height:1.1rem; background:url('../images/logo/adresa.svg') left top no-repeat; background-size:22px; padding-left:40px; }
footer address h4 { font-weight:700; font-size:1.875rem; }

footer span.ic { font-size:.875rem; background:url('../images/logo/ok.svg') left top no-repeat; background-size:26px auto; padding:6px 0 5px 40px; }
footer .copy { font-size:.875rem; }
footer .adresa { margin-top:4rem; margin-bottom:3rem; }



footer a.fb, footer a.ins {
	text-decoration:none; text-transform:uppercase; font-weight:400; font-size:.875rem;
	display:block; padding:6px 0 6px 45px;
	background:url('../images/logo/fb.svg') left center no-repeat; background-size:32px;
}
footer a.ins { background:url('../images/logo/instagram.svg') left center no-repeat; background-size:32px; }
footer a.fb:hover, footer a.ins:hover { color:var(--tmzelena); }


footer .zelena-pozadi { font-size:1rem; color:var(--bila); padding:.75rem 0; }
footer .zelena-pozadi a { color:var(--tmzelena); text-decoration:none; font-weight:normal; }
footer .zelena-pozadi a:hover { text-decoration:underline; }


@media (max-width: 768px) { 
	footer { background-size: 350px auto; background-position: right 87%; }
}
@media (max-width: 500px) { 
	footer .copy { font-size:.75rem; }
}


/* prohozeni poradi boxu (pc-mobil) */
.prvni-posledni { -webkit-box-ordinal-group:0; -ms-flex-order:-1; order:-1; }
.posledni-prvni { -webkit-box-ordinal-group:14; -ms-flex-order:13; order:13; }


/* kontaktni formular */
form.kontakt { padding:50px 100px; }
form.kontakt input, form.kontakt textarea, form.kontakt select  {
	background-color:rgba(90,100,0,0.1); color:var(--cerna); margin-bottom:15px; padding:10px 15px;
}
form.kontakt button {
	color:#fff; background:#4e5c2c; border:0;
	font-weight:500; font-size:1.1rem; text-transform:uppercase; 
	width:150px; padding:10px 25px; transition:all .2s;
}
form.kontakt button:hover { width:170px; }
form.kontakt button.plus { 
	font-weight:600; font-size:1.1rem; text-transform:uppercase; text-align:center;
	width:102px; height:102px;
	border-radius:50%;
}
form.kontakt button::after { transition:all .2s; content:"  ❯"; opacity:0; }
form.kontakt button:hover::after { opacity:1; }
form.kontakt input:hover, form.kontakt textarea:hover, form.kontakt select:hover  { background:#e6efd9; }
form.kontakt input:focus, form.kontakt textarea:focus, form.kontakt select:focus { background:#e6efd9; }
	
.jmenoOK, .telefonOK, .mestoOK, .uliceOK, .pscOK, .emailOK, .zpravaOK, .kontrolaOK, .nemovitostOK, .form-check-input { border:1px solid #eeefe5; }
.jmenoKO, .telefonKO, .mestoKO, .uliceKO, .pscKO, .emailKO, .zpravaKO, .kontrolaKO, .nemovitostKO, .form-check-input { border:1px solid #dc3545; }

form.kontakt ::placeholder { color:#777; opacity:1; }
form.kontakt :-ms-input-placeholder { color:#777; }
form.kontakt ::-ms-input-placeholder { color:#777; }

.form_neodeslan, .form_odeslan {
	border:1px solid #c3e6cb; padding:15px 0; margin-top:50px;
	text-align:center; font-size:2em; 
	-webkit-box-shadow: 0 0 10px 0px #c3e6cb; box-shadow: 0 0 10px 0px #c3e6cb;
}
.form_neodeslan { color:#721c24; background-color: #f8d7da;	border-color: #f5c6cb; }
	
.prazdna div[style] { border:1px solid var(--cervena); }
.prazdna div[style]:after { color:#900; content:"Potvrďte prosím, že nejste robot."; }

.form-label { margin-bottom:0; }


.os_vl {
	background-color:#4e5c2c; color:var(--zelena);
	text-align:center; font-size:1rem;
	padding:7px 0 15px 0; margin:0 -12px;
}
/* kontaktni formular */




/* start: sipka back to top */
#zpet_nahoru {
 position:fixed; bottom:40px; right:40px; z-index:9999;
 width:32px; height:32px; border:0; border-radius:2px;
 color:#fff; text-align:center; line-height:30px; text-decoration:none;
 background:var(--cerna) url("../images/to_top.svg") no-repeat 50%; cursor:pointer;
 transition:opacity 0.2s ease-out; opacity:0;
}
#zpet_nahoru:hover { background:var(--zelena) url("../images/to_top.svg") no-repeat 50%; }
#zpet_nahoru.show  { opacity:1; }
/* end: sipka back to top */




.center { text-align:center; }
.doprava { text-align:right; }
.doleva { text-align:left; }
.dobloku { text-align:justify; }

.leva { float:left; }
.prava { float:right; }

.tucne, .bold { font-weight:bold; }
.kurziva { font-style:italic; }

.fw-400 { font-weight:400; }
.fw-600 { font-weight:600; }
.fw-700 { font-weight:700; }


.cerna { color:var(--cerna); }
.cerna-pozadi { background-color:var(--cerna); color:var(--bila); }
.seda { color:var(--seda); }
.seda-pozadi { background-color:var(--seda); color:var(--bila); }
.bila { color:var(--bila); }
.bila-pozadi { background-color:var(--bila); color:var(--cerna); }
.cervena { color:var(--cervena); }
.cervena-pozadi { background-color:var(--cervena); }
.modra { color:var(--modra); }
.modra-pozadi { background-color:var(--modra); }
.zelena { color:var(--zelena); }
.tmzelena { color:var(--tmzelena2); }
.zelena-pozadi { background-color:var(--zelena); }
.tmzelena-pozadi { background-color:var(--tmzelena2); }

.cleaner, .cleanerXSL {
 clear:both; font-size:1px; height:1px; line-height:0;
 border:none; background:transparent; width:100%;
}
.hidden { display:none; }


ul.bez li, ol.bez li { list-style-type:none; }
ol.mb li { margin-bottom:20px; }



img { border:0px; }
hr  { border-color:#afafae -moz-use-text-color -moz-use-text-color; }
.obal { position:relative; top:0; left:0; }

.nomargin, table tr td.nomargin, table tr th.nomargin    { margin:0 !important; }
.nopadding, table tr td.nopadding, table tr th.nopadding { padding:0 !important; }
.noborder, table tr td.noborder, table tr th.noborder    { border:0 !important; }

.p1 { padding:1px; }
.p2 { padding:2px; }

.m1 { margin:1px; }
.m2 { margin:2px; }

.screenreader, .SkipToContentMenu { /* skrite navigacni nadpisy pro nevidome - viz. menu.php */
 position:absolute; top:auto; left:-1000px;
 overflow:hidden; width:1px; height:1px;
}


/* lightbox */
div.ratio { background-color:rgba(0,0,0,0) !important; }
.lightbox-caption em { font-style:normal; font-size:1.4rem; background-color:rgba(0,0,0,0.3); padding:3px 80px; border-radius:0 0 1rem 1rem; }
.ratio-16x9 { --bs-aspect-ratio:67%; }

/* start: pop-up */
#hover {
	position:fixed; z-index:998;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.6)));
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%);
	background: -o-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%);
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#99000000',GradientType=0 );
	width:100%; height:100%;
}
  
#popup {
	position:absolute; top:15%; left:50%; z-index:999;
	width:500px; padding:30px 0 50px 0;
	margin-left:-260px; /* width/2 + padding-left */
	background:#f0f; border-radius:5px; box-shadow:0 0 10px 0 var(--cerna);
	text-align:center;
}
@media (max-width: 991.98px) { #popup { width:730px; margin-left:-365px; } }
@media (max-width: 767.98px) { #popup { width:546px; margin-left:-273px; } }
@media (max-width: 575.98px) { #popup { width:340px; margin-left:-170px; } }

#close {
	position:absolute; top:-15px; right:-15px;
	background:#606;
	-webkit-box-shadow: 0 0 10px 0 var(--cerna);
	box-shadow: 0 0 10px 0 var(--cerna);
	-webkit-border-radius: 50%;
	border-radius: 50%;
	width:30px; height:30px;
	color:white; text-align:center; line-height:30px;
	font-size:8px; font-weight:bold; font-family:'Arial Black', Arial, sans-serif;
	cursor:pointer;
}
  
#popup h3 {font-size:36px; color: #606; text-shadow: 0px 0px 10px #fff; }
/* end: pop-up */


/* sloupce */
.ctyrsloupcovy, .ctyri_sloupce, .ctyri-sloupce {
	-ms-column-count:4; /* pocet sloupcu */
	-moz-column-count:4;
	-webkit-column-count:4;
	column-count:4;
	-moz-column-gap:20px; /* mezera mezi sloupci */
	-webkit-column-gap:20px;
	column-gap:20px;
	-moz-column-rule:2px dotted var(--cervena); /* misto mezi sloupci */
	-webkit-column-rule:2px dotted var(--cervena);
	column-rule:2px dotted var(--cervena);
}
.trojsloupcovy, .tri_sloupce, .tri-sloupce {
	-ms-column-count:3;
	-moz-column-count:3;
	-webkit-column-count:3;
	column-count:3;
	-moz-column-gap:20px;
	-webkit-column-gap:20px;
	column-gap:20px;
	-moz-column-rule:2px dotted var(--cervena);
	-webkit-column-rule:2px dotted var(--cervena);
	column-rule:2px dotted var(--cervena);
}
.dvousloupcovy, .dva_sloupce, .dva-sloupce {
	-ms-column-count:2;
	-moz-column-count:2;
	-webkit-column-count:2;
	column-count:2;
	-moz-column-gap:20px;
	-webkit-column-gap:20px;
	column-gap:20px;
	-moz-column-rule:2px dotted var(--cervena);
	-webkit-column-rule:2px dotted var(--cervena);
	column-rule:2px dotted var(--cervena);
}
@media (max-width: 1199.98px) { 
	.ctyrsloupcovy, .ctyri_sloupce, .ctyri-sloupce {
		-ms-column-count:3; -moz-column-count:3; -webkit-column-count:3; column-count:3;
	}
}
@media (max-width: 991.98px) { 
	.trojsloupcovy, .tri_sloupce, .tri-sloupce, .ctyrsloupcovy, .ctyri_sloupce, .ctyri-sloupce {
		-ms-column-count:2; -moz-column-count:2; -webkit-column-count:2; column-count:2;
	}
}
@media (max-width: 767.98px) { 
	.dvousloupcovy, .dva_sloupce, .dva-sloupce, .trojsloupcovy, .tri_sloupce, .tri-sloupce, .ctyrsloupcovy, .ctyri_sloupce, .ctyri-sloupce {
		-ms-column-count:1; -moz-column-count:1; -webkit-column-count:1; column-count:1;
	}
}
/* sloupce */


/*  */
@media (min-width: 1200px) { 
	.mobil-1200 { display:none; }
}
@media (max-width: 1199.98px) { 
	.pc-1200 { display:none; }
}


/*  */
@media (min-width: 992px) { 
	.mobil-992 { display:none; }
}
@media (max-width: 991.98px) { 
	.pc-992 { display:none; }
}

@media (min-width: 992px) and (max-width: 1199.98px) { 

}


/*  */
@media (min-width: 768px) { 
	.mobil-768 { display:none; }
}
@media (max-width: 767.98px) {
	/* prohozeni poradi boxu (mobil-pc) */
	.prvni-posledni { -webkit-box-ordinal-group:14; -ms-flex-order:13; order:13; }
	.posledni-prvni { -webkit-box-ordinal-group:0; -ms-flex-order:-1; order:-1; }
	.pc-768 { display:none; }
	form.kontakt { padding:50px 30px; }
}

@media (min-width: 768px) and (max-width: 991.98px) { 

}


/*  */
@media (min-width: 576px) { 
	.mobil-576 { display:none; }
}
@media (max-width: 575.98px) { 
	.pc-576 { display:none; }
}

@media (min-width: 576px) and (max-width: 767.98px) { 

}



/* dalsi */
@media only screen and (min-width:640px) {
}
@media only screen and (max-width:480px) {
}
@media only screen and (max-width:320px) {
}

/* opravy pro chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
 
}




/**/
@media (min-width: 1400px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 1880px; max-width: 1356px;
	}
}








.grecaptcha-badge { visibility:hidden; }
.reCaptcha, .reCaptcha a { color:#999; }

datalist {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  writing-mode: vertical-lr;
  width:210px;font-size:10px;
}

.toast {
  width: auto;
  box-shadow: 0 0rem 8rem rgba(0,0,0,1);
}






.detail-bytu-v2 input[type="checkbox"] { display:none; }
.detail-bytu-v2 h2 { font-size:2.2rem; font-weight:800; }
.detail-bytu-v2 h3 { font-size:1.6rem; font-weight:800; text-transform:uppercase; }
.detail-bytu-v2 a,
.detail-bytu-v2 button.filtrovat,
.detail-bytu-v2 input[type="checkbox"] + label {
	color:var(--cerna); background-color:var(--bila); font-size:1.5rem; font-weight:800;
	text-transform:uppercase; text-decoration:none;
	border:2px solid var(--svmodra); padding:3px 14px; margin-bottom:5px;
	display:inline-block; cursor:pointer;
}
.detail-bytu-v2 input[type="checkbox"] + label[for|="dispoziceJENVOLNE"] { font-size:1rem; }
.detail-bytu-v2 label.lh-15,
.detail-bytu-v2 a.lh-15 { width:200px; }
.detail-bytu-v2 a:hover,
.detail-bytu-v2 a.on,
.detail-bytu-v2 a.filtrovat,
.detail-bytu-v2 button.filtrovat:hover,
.detail-bytu-v2 input[type="checkbox"] + label:hover,
.detail-bytu-v2 input[type="checkbox"]:checked + label {
	color:var(--bila); background-color:var(--tmzelena2);
	border:2px solid var(--tmzelena2); 
}
.detail-bytu-v2 a.off, .detail-bytu-v2 a.off:hover,
.detail-bytu-v2 label.off, .detail-bytu-v2 label.off:hover {
	color:var(--svseda) !important; background-color:var(--bila) !important;
	cursor:default; border:2px solid var(--svseda) !important; 
}
.detail-bytu-v2 a.filtrovat:hover {
	color:var(--tmzelena2); background-color:var(--bila);
	border:2px solid var(--tmzelena2); 
}
.detail-bytu-v2 a.modra { color:var(--tmzelena2); }
.detail-bytu-v2 a.modra:hover { color:var(--bila); }

.detail-bytu-v2 a.obyc { font-size:1.2rem; font-weight:200; text-transform:none; text-decoration:underline; border:0; padding:0; margin-bottom:0; }
.detail-bytu-v2 a.obyc:hover { text-decoration:none; color:var(--cerna); background-color:var(--bila); }



.detail-bytu-v2 a.mini,
.detail-bytu-v2 label.mini { font-size:1rem !important; width:200px; }
.detail-bytu-v2 label span,
.detail-bytu-v2 a span { font-size:1rem; font-weight:200; }
.detail-bytu-v2 .mottoX {
	position:absolute; top:0; left:10%; width:80%; opacity:.85;
	font-size:2.4rem; font-weight:900; text-transform:uppercase; line-height:2.8rem;
	background-color:var(--bila); padding:50px 0 25px 0; text-align:center;
}
.detail-bytu-v2 .mottoX a {
	border:none; color:var(--tmzelena2); line-height:2rem; text-decoration:underline; margin-top:30px;
}
.detail-bytu-v2 .mottoX a:hover {
	text-decoration:none; background-color:var(--bila)
}
@media (max-width: 575.98px) {
	.mobil-center { text-align:center; }
}
@media (max-width: 399.98px) {
	.detail-bytu-v2 a.lh-15, .detail-bytu-v2 label.lh-15 { line-height:1.5rem; width:160px; }
}


.zrusit-filtry { border:0; transition:200ms; }


.detail-bytu-v2 .pozn { font-size:.9rem; color:#999; display:block; line-height:1rem; margin-bottom:25px; }
.detail-bytu-v2 .spocitejsi { text-align:left; background-color:rgba(78, 92, 44, 0.2); padding:50px 50px 20px 50px; }
.detail-bytu-v2 .spocitejsi h3 { font-size:1.3rem; }
.detail-bytu-v2 .spocitejsi strong,
.detail-bytu-v2 .spocitejsi b { font-size:1.8rem; font-weight:200; color:var(--tmzelena2); display:block; }
.detail-bytu-v2 .spocitejsi strong { font-weight:800; }
.detail-bytu-v2 .pozn i { font-style:normal; font-weight:600; }
@media (max-width: 1199.98px) {
	.detail-bytu-v2 .sloupec-mobil { width:50%; float:left; text-align:left; }
	.detail-bytu-v2 .sloupec-mobil.jedna { padding-right:10px; }
	.detail-bytu-v2 .sloupec-mobil.dva { padding-left:10px; }
}
@media (max-width: 991.98px) {
	.detail-bytu-v2 .sloupec-mobil { font-size:1rem; }
}
@media (max-width: 767.98px) {
	.detail-bytu-v2 .sloupec-mobil h2 { font-size:1.7rem; }
	.detail-bytu-v2 .sloupec-mobil { width:100%; float:none; }
	.detail-bytu-v2 .sloupec-mobil.jedna { padding-right:0; }
	.detail-bytu-v2 .sloupec-mobil.dva { padding-left:0; }
}



.cislo-bytu {
	position:absolute; top:-220px; left:100px;
	color:var(--bila); text-transform:uppercase; font-size:1.9rem;
	background-color:rgba(0,0,0,0.2); padding:10px 50px 20px 20px;
}
.cislo-bytu h2,
.podlahova-plocha h2 { font-weight:900; font-size:3.5rem; margin-bottom:0; text-transform:none; }
.podlahova-plocha h2 { font-size:3rem; }
.cislo-bytu strong { font-weight:900; font-size:1.2rem; background-color:var(--zelena); padding:10px 15px; }

.podlahova-plocha {
	position:absolute; top:-250px; right:-30px;
	text-align:center; text-transform:uppercase;
	background-color:rgba(255, 255, 255, 0.7); padding:50px 0 50px 20px;
}

@media (max-width: 767.98px) {
	.cislo-bytu { top:-160px; left:30px; font-size:1.4rem; }
	.podlahova-plocha { top:-170px; right:0; padding:30px 0 30px 20px; }
	.cislo-bytu h2 { font-size:2.5rem; }
	.podlahova-plocha h2 { font-size:2rem; }
	.cislo-bytu strong { font-size:1rem; }
}
@media (max-width: 449.98px) { .podlahova-plocha { display:none; } }

.financovani h3, h3.galerie { font-weight:800; font-size:2.8rem; margin:0 0 30px 0; }
.financovani h4 { font-size:1.4rem; font-weight:normal; color:var(--cerna); text-transform:uppercase; margin:50px 0 20px 0; }
.financovani h4 span { font-weight:900; color:var(--zelena); }

.buttonek { color:var(--cerna); background-color:var(--bila); font-size:1.5rem; font-weight:800; text-transform:uppercase; text-decoration:none; border:2px solid var(--zelena); padding:5px 20px; }
.buttonek:hover { color:var(--bila); background-color:var(--zelena); border:2px solid var(--zelena); }

.rychly-kontakt textarea,
.rychly-kontakt input { background-color:#ececec; border:0; }




.kalk { background-color:#f5f5f5; padding:5px 5px 10px 5px; }

.kalk div.num { background-color:#fff; text-align:right; margin:5px 5px 0 5px; padding:5px; }
.kalk div.num h5 { color:var(--modra); font-size:1rem; padding:0; margin:0; }
.kalk div.num #splatka,
.kalk div.num #castka { font-size:1.3rem; margin-bottom:0; color:var(--cerna); display:inline-block; }
.kalk div.num b { font-weight:normal; font-size:1rem; color:var(--cerna); }
.kalk div.ran { text-align:center; }
.kalk div.ran datalist { display:inline-flex; }
.kalk div.ran output, output { color:var(--tmzelena2); font-weight:900; margin-top:10px; margin-bottom:5px; }
.kalk div.ran output:after, output:after { content:" %"; }
.kalk div.ran input[type="range"] { width:90% !important; }



/*********** Baseline, reset styles ***********/
input[type="range"] {
	-webkit-appearance: none; appearance: none;
	width:100%; background: transparent; cursor: pointer;
  }
  
  /* Removes default focus */
  input[type="range"]:focus, input[type="range"]:hover { outline:none; }
  
  /******** Chrome, Safari, Opera and Edge Chromium styles ********/
  /* slider track */
  input[type="range"]::-webkit-slider-runnable-track {
	background-color: var(--zelena); border-radius: 0.5rem; height: 20px;
  }
  
  /* slider thumb */
  input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none; appearance: none;
	background-color: var(--tmzelena2); border-radius: 3px;
	height: 37px; width: 37px; margin-top: -8.5px; /* Centers thumb on the track */
  }
  
  input[type="range"]:focus::-webkit-slider-thumb {
	outline: 0px solid var(--tmzelena2); outline-offset: 0.125rem;
  }
  
  /*********** Firefox styles ***********/
  /* slider track */
  input[type="range"]::-moz-range-track {
	background-color: var(--zelena); border-radius: 0.5rem; height: 20px;
  }
  
  /* slider thumb */
  input[type="range"]::-moz-range-thumb {
	background-color: var(--tmzelena2); border: none; border-radius: 3px;
	height: 37px; width: 37px;
  }
  
  input[type="range"]:focus::-moz-range-thumb{
	outline: 0px solid var(--tmzelena2); outline-offset: 0.125rem;
  }