:root { --cerna:#000; --seda:#5b5e66; --bila:#fff; --modra:#2b87ba; --cervena:#dc3545; --zelena:#00b81a; }

@font-face {
	font-family:lexend;
	font-style:normal; font-weight:200; font-display:swap;
	src: url(../fonts/lexend/LexendDeca-Thin.ttf) format('truetype');
}
@font-face {
	font-family:lexend;
	font-style:normal; font-weight:300; font-display:swap;
	src: url(../fonts/lexend/LexendDeca-Light.ttf) format('truetype');
}
@font-face {
	font-family:lexend;
	font-style:normal; font-weight:400; font-display:swap;
	src: url(../fonts/lexend/LexendDeca-Regular.ttf) format('truetype');
}
@font-face {
	font-family:lexend;
	font-style:normal; font-weight:500; font-display:swap;
	src: url(../fonts/lexend/LexendDeca-Medium.ttf) format('truetype');
}
@font-face {
	font-family:lexend;
	font-style:normal; font-weight:600; font-display:swap;
	src: url(../fonts/lexend/LexendDeca-SemiBold.ttf) format('truetype');
}
@font-face {
	font-family:lexend;
	font-style:normal; font-weight:700; font-display:swap;
	src: url(../fonts/lexend/LexendDeca-Bold.ttf) format('truetype');
}
@font-face {
	font-family:lexend;
	font-style:normal; font-weight:800; font-display:swap;
	src: url(../fonts/lexend/LexendDeca-Black.ttf) format('truetype');
}



body {
	font-family:lexend, sans-serif; color:var(--seda); font-size:1.2rem; font-weight:300;
}
@media (max-width: 575.98px) { 
	body { font-size:1rem; }
}





a       { color:var(--modra); transition:500ms; }
a:hover { color:var(--seda); }

a.bez   { 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.zoom { position:relative; }
svg.zoom { position:absolute; bottom:calc(50% - 50px); right:calc(50% - 50px); }

a svg.zoom path, a svg.zoom text { fill:var(--cerna); fill-opacity:.2; transition:300ms; }
a:hover svg.zoom path { fill:var(--modra); fill-opacity:.99; }
a:hover svg.zoom text { fill:var(--bila); fill-opacity:.99; }

a.zoom img { filter:grayscale(90%); }
a.zoom img:hover { filter:grayscale(10%); }


.nav-link { font-size:1.3rem; font-weight:300; }

.navbar-light .navbar-nav .nav-link { 
	color: rgba(0,0,0,1); transition:500ms;
}
.navbar-light .navbar-nav .nav-item {
	background-image:url('../images/ikony/tecka.svg'),url('../images/ikony/tecka.svg');
	background-repeat:no-repeat;
	background-position:calc(100% + 5px) 50%,calc(0% - 5px) 50%;
	background-size:10px;
}
.navbar-light .navbar-nav .nav-item:first-of-type {
	background-image:url('../images/ikony/tecka.svg'),none;
	background-position:calc(100% + 5px) 50%;
}
.navbar-light .navbar-nav .nav-item:last-of-type {
	background-image:none,url('../images/ikony/tecka.svg');
	background-position:calc(0% - 5px) 50%;
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover { color: rgba(45,135,185,1); }

.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show > .nav-link {
  color:var(--modra);
}

@media (min-width: 1200px) {
  .navbar-expand-xl .navbar-nav .nav-link { padding-right:1rem; padding-left:1rem; }
  .navbar-expand-xl .navbar-nav .nav-item:first-of-type .nav-link { padding-right:1rem; padding-left:0; }
  .navbar-expand-xl .navbar-nav .nav-item:last-of-type .nav-link { padding-right:0; padding-left:1rem; }
}
@media (max-width: 1199.98px) { 
	.navbar-light .navbar-nav .nav-item,
	.navbar-light .navbar-nav .nav-item:first-of-type,
	.navbar-light .navbar-nav .nav-item:last-of-type { background-image:none; }
}



.navbar-brand { color:var(--bila); font-size:1.4rem; }
.navbar-brand:hover { color:rgba(255,255,255,.5); }
.navbar-brand strong { font-weight:300; }



ul.submenu { padding:0; }
ul.submenu li { display:inline-block; }
ul.submenu li a {
	padding-right:17px;
	background-image:url('../images/ikony/tecka_cerna.svg');
	background-repeat:no-repeat;
	background-position:100% 50%;
	background-size:10px;
}
ul.submenu li:last-of-type a { background-image:none; }
ul.submenu li a.active { text-decoration:none; color:var(--seda); }



.dropdown-menu { background-color:rgba(255,255,255,.75); }
.dropdown-menu img {
	height:145px; width:100%; filter:grayscale(100%); transition:300ms;
	object-fit:cover; object-position:top;
}
.dropdown-menu a { text-decoration:none; }
.dropdown-menu a:hover { text-decoration:underline; }
.dropdown-menu a:hover img { filter:grayscale(0%); }
.dropdown-menu a.active { color:var(--cerna); }
.dropdown-menu a.active:hover { text-decoration:none; }

@media (max-width: 991.98px) { 
	.dropdown-menu div div { text-align:left; padding:7px 0; }
	.dropdown-menu a { padding:7px 40px; }
}




header { font-weight:200; background:var(--modra); }
header nav a { text-decoration:none; }
header { color:var(--bila); }

header svg path { fill:var(--bila); transition:500ms;}
header svg.zelena path { fill:#95dfa0;}
header svg:hover path,
header svg.active path { fill:#a6cbe0; }
header svg.zelena:hover path { fill:var(--zelena);}



.logo {
	position:relative;
	overflow:hidden;
	background: url("../images/logo/kudielka_anim.svg");
	width:352px; height:75px;
	cursor: pointer;
}

@media (max-width: 575.98px) { 
	.logo { background-size:250px 53px; width:250px; height:53px; }
}







.motto { font-size:4.5rem; color:var(--modra); text-align:center; margin:5rem 0 8rem 0; font-weight:200; }
.motto strong { color:var(--seda); }
.motto strong:last-of-type { background-color:var(--modra); color:var(--bila); padding:0px 30px 10px 30px; border-radius:10px; }
@media (max-width: 1199.98px) { .motto { font-size:calc(2rem + 1.5vw); } }




.do-ramu { border:1px solid var(--modra); border-bottom:10px solid var(--modra); border-radius:25px; padding:40px 10px; }

.poptavka { text-align:left; color:var(--zelena); }
.poptavka strong { display:inline-block; font-weight:600; background-color:var(--zelena) !important; }
.poptavka b { font-weight:600; }
.poptavka a { text-decoration:none; color:var(--zelena); animation: blik 1s infinite; }
.poptavka a:hover { color:var(--modra); }

@keyframes blik {
	0% { color:var(--zelena); }
	50% { color:var(--modra); }
	100% { color:var(--zelena); }
}





/* pop-up */
.toast { width:auto; box-shadow:0 0rem 8rem rgba(0,0,0,1); }
.toast-header { background-color:var(--zelena); }
.btn.btn-primary.pop-up { color:var(--cervena); background-color:var(--zelena); border:2px solid var(--cervena); font-size:1.5rem; letter-spacing:4px; transition:300ms; }
.btn.btn-primary.pop-up:hover { background-color:var(--zluta); padding-left:5rem; padding-right:5rem; }
.btn-close { width:2em; height:2em; opacity:1;
	background: #f000 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fd0'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}





/* start: parallax */
.parallax-1, .parallax-2, .parallax-3, .parallax-4, .parallax-akce {
	background-image:url("../images/garaze.webp");
	min-height:500px; /* výška okna */
	background-attachment:fixed; /* paralax efekt */
	background-position:50% 80%;
	background-repeat:no-repeat;
	background-size:1296px auto;
}
.parallax-2 { background-image:url("../images/dvere.webp"); }
.parallax-3 { background-image:url("../images/zaluzie.webp"); }
.parallax-4 { background-image:url("../images/firma.webp"); min-height:650px; }
.parallax-akce { background-image:url("../images/akce/garazova-vrata-kruzik.webp"); min-height:650px; }


.parallax-obsah { margin-top:-500px; }
.parallax-obsah h2,
.parallax-obsah h3 { color:var(--modra); font-size:4rem; font-weight:800; /*text-shadow:3px 2px 0 #fff;*/ }
.parallax-obsah h3 { font-size:3rem; }
.parallax-obsah h3 a { color:var(--cervena); }
.parallax-obsah p { font-size:1.5rem; padding:15px 20px 15px 40px; background-color:rgba(255,255,255,.75); border-radius:15px; font-weight:300; }
.parallax-obsah a { text-decoration:none; }

.parallax-obsah.o-firme { margin-top:-540px; }
.parallax-obsah.o-firme p { font-size:1.2rem; }

@media (max-width: 1199.98px) { 
	.parallax-obsah h2 { font-size:calc(2.5rem + 1.5vw); }
	.parallax-obsah h3 { font-size:calc(2rem + 1.5vw); }
	.parallax-obsah.akce { margin-top:-600px; }
}
@media (max-width: 991.98px) { 
	.parallax-obsah h2,	.parallax-obsah h3 { text-shadow:1px 1px 0 #fff; margin-top:2rem; }
}
@media (max-width: 767.98px) { 
	.parallax-1, .parallax-2, .parallax-3, .parallax-4 { min-height:600px; }
	.parallax-akce { min-height:750px; }
	.parallax-obsah { margin-top:-600px; }
	.parallax-obsah.akce { margin-top:-700px; }
}
@media (max-width: 575.98px) { 
	.parallax-obsah p { font-size:1.2rem; }
	.parallax-akce { min-height:800px; }
	.parallax-obsah.akce { margin-top:-780px; }
}
/* konec: parallax */






.zooom { 
	position:absolute; bottom:15px; right:15px;
	font-size:0px;
	width:25px; height:25px; display:block;
	background: url("../images/zoom_off.png");
	background-size:25px 25px;
}
/* .zooom:after { content:' ks'; } */
a:hover .zooom { background: url("../images/zoom_onn.png"); width:51px; height:51px; font-size:1.5rem; font-weight:300; color:var(--cerna); padding-left:13px; }
a:hover .zooom.desitka { padding-left:7px; }

.cislo { 
	position:absolute; bottom:1px; left:1px; 
	background:var(--modra); color:var(--bila); 
	font-size:1rem; line-height:.9rem; font-weight:300; padding:1px;
}






.bannnery a { position:relative; }
.bannnery a img { filter: grayscale(100%); width:100%; transition:900ms; }
.bannnery a h2,
.bannnery a p { position:absolute; left:0; padding:10px 10px 10px 25px; }
.bannnery a h2 { top:80px; color:var(--bila); background-color:rgba(43,135,186,.8); z-index:2; transition:300ms; }
.bannnery a p { top:-120px; color:var(--seda); background-color:rgba(255,255,255,.8); font-size:1rem; width:90%; transition:300ms; opacity:0; padding-top:30px; }

.bannnery a:hover img { filter: grayscale(5%); }
.bannnery a:hover h2 { top:-120px; }
.bannnery a:hover p {  top:-85px; opacity:1; }

@media (max-width: 519.98px) { 
	.bannnery a h2 { top:65px; }
	.bannnery a p { top:-90px; }
	.bannnery a:hover h2 { top:-90px; }
	.bannnery a:hover p {  top:-70px; opacity:1; }
}





.duvody { padding:0; }
.duvody li { 
	font-size:1.6rem; list-style:none; padding:15px 0 15px 70px;
	background-repeat:no-repeat; background-position:0 50%; background-size:55px;
}
.duvody .zamereni { background-image:url("../images/ikony/zamereni-zdarma.svg"); }
.duvody .realizace { background-image:url("../images/ikony/rychla-realizace.svg"); }
.duvody .montaz { background-image:url("../images/ikony/profesionalni-montaz.svg"); }
.duvody .kvalita { background-image:url("../images/ikony/kvalita-produktu.svg"); }
.duvody .cena { background-image:url("../images/ikony/prizniva-cena.svg"); }
.duvody .sluzby { background-image:url("../images/ikony/servisni-sluzby.svg"); }







.vyplne { text-align:center; }
.vyplne a { display:inline-block; margin-top:20px; font-size:1rem; }

.barvy { text-align:center; }
.barvy div { display:inline-block; }
.barvy div span {
  display:block; font-size:0.8rem;
  width:130px; height:20px; overflow:hidden;
}










.mapycz {
	display:block; width:auto; height:800px;
	background-image:url("../images/mapycz.webp"); filter: grayscale(100%);
	background-position:center;
	border-top:1px solid var(--modra); border-bottom:1px solid var(--modra);
}
.mapycz:hover { filter: grayscale(10%); }
@media (max-width: 767.98px) {
	.mapycz { background-image:url("../images/mapycz_767.webp"); height:500px; }
}

footer { background-color:#f8f9fa; font-weight:300; }
footer p { font-weight:200; }
footer a { color:var(--seda); text-decoration:none; }
footer a:hover,
footer a.active { color:var(--modra); }
footer a:hover { text-decoration:underline; }
footer a.mensi { font-size:1rem; }
footer a.ne:hover { text-decoration:none; color:var(--seda); }
footer a.ne.active:hover { color:var(--modra); }

.footer { background-color:var(--modra); }
.footer li { padding:5px 0; }
.footer a {
	color:var(--bila); font-weight:300; text-decoration:none; 
	background:url("../images/logo/kudielka_v3.svg") no-repeat 0% 50%;
	background-size:28px 22px; padding-left:40px;
}
.footer a:hover:after { content:' »'; }
.footer a.active { opacity:.5; }









/* 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 input, form.kontakt textarea, form.kontakt select  {
	background:#fff5e7; color:var(--cerna);
	-webkit-box-shadow:inset 1px 1px 4px 0 #c36c36; box-shadow:inset 1px 1px 4px 0 #c36c36;
}
form.kontakt .input-group-text { background:#97420a; color:#fff; border:0; }
form.kontakt label  { color:#97420a; font-weight:600; }
form.kontakt button { color:#fff; background:#97420a; border:0; font-weight:600; }
form.kontakt button:hover { background:#c36c36; }
form.kontakt input:hover, form.kontakt textarea:hover, form.kontakt select:hover  { background:#ffd8bf; }
form.kontakt input:focus, form.kontakt textarea:focus, form.kontakt select:focus { background:#e0edfe; }
	
.jmenoOK, .prijmeniOK, .telefonOK, .mistoOK, .firmaOK, .pscOK, .statOK, .emailOK, .zpravaOK, .kontrolaOK, .nemovitostOK, .form-check-input { border:1px solid var(--modra); font-size:1.5rem; }
.jmenoKO, .prijmeniKO, .telefonKO, .mistoKO, .firmaKO, .pscKO, .statKO, .emailKO, .zpravaKO, .kontrolaKO, .nemovitostKO, .form-check-inputKO { border:1px solid var(--cervena); }

form.kontakt ::placeholder { color:#bababa; font-style:italic; opacity: 1; }
form.kontakt :-ms-input-placeholder { color:#bababa; font-style:italic; }
form.kontakt ::-ms-input-placeholder { color:#bababa; font-style:italic; }

.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."; }
.btn { padding: 1.5rem 3rem; }

.form-floating > .form-control {
	padding: 1rem .75rem 3rem 1rem;
}
.form-floating > .form-control, .form-floating > .form-select {
	font-size: 1.4rem; color:var(--modra); padding-left:17px; font-weight:600;
}
.form-floating > .form-select {
	padding-bottom: 0.1rem; height:66px;
}
.form-floating > .form-select option {
	font-size: 1rem; padding:5px; font-weight:200;
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {
	padding-top: 2.5rem; padding-bottom: 1.4rem;
}

.form-floating > .form-control ~ label {
	color:var(--cerna); font-weight:200; font-size:1.3rem;
	opacity:.6; transform: translateX(1rem);
}
.form-floating > .form-control ~ label.no { color:var(--zelena); }
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
	color:var(--cerna) !important; font-weight: normal;
	opacity: .7;
	transform: scale(.85) translateY(-.5rem) translateX(.5rem);
}

.rp legend { display:none; }
.rp button { width:100%; padding:15px 0; }
.rp .display { font-size:1rem; text-align:right; margin-bottom:50px; }

@media (min-width: 768px) {
  .rp .justify-content-md-end { justify-content:initial !important; }
}

/* kontaktni formular */




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








/* start: carousel */
.video-head {
  position:relative; overflow:hidden;
  height:75vh; min-height:25rem; width:100%;
  background-color:black;
}

.video-head video {
  position:absolute; top:50%; left:50%; z-index:0;
  min-width:100%; min-height:100%; width:auto; height:auto;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.video-head .container { position:relative; z-index:2; }

.video-head .overlay {
  position:absolute; top:0; left:0; z-index:1;
  height:100%; width:100%;
  background-color:black; opacity:0.1;
}
/* konec: carousel */




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

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

.fw-200 { font-weight:200; }
.fw-300 { font-weight:300; }
.fw-400 { font-weight:400; }
.fw-500 { font-weight:500; }
.fw-600 { font-weight:600; }
.fw-700 { font-weight:700; }
.fw-800 { font-weight:800; }

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

.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); }
.zelena-pozadi { background-color:var(--zelena); }

.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; }


strong { font-weight:600; }

strong[itemtype] { font-weight:normal; }
strong[itemtype] a { color:#212529; text-decoration:none !important; cursor:pointer; }



.video, .yt /*, iframe */ { width:100% !important; aspect-ratio:16/9; }
img { border:0px; }

hr  { border:0; border-top:1px solid var(--modra); opacity:1; }
.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.4) !important; border-radius:4rem 0rem 4rem 4rem !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:0px dotted var(--cervena); /* misto mezi sloupci */
	-webkit-column-rule:0px dotted var(--cervena);
	column-rule:0px 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:0px dotted var(--cervena);
	-webkit-column-rule:0px dotted var(--cervena);
	column-rule:0px 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:0px dotted var(--cervena);
	-webkit-column-rule:0px dotted var(--cervena);
	column-rule:0px dotted var(--cervena);
}

/* pokud napr. chci, aby neutikal text od obrazku do jineho sloupce */
.drzet-spolu { display:inline-block; /* width:100%; */ }

@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; }
}

@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) {
 
}



/* rozšíření layoutu
@media (min-width: 1400px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 1880px;
	}
}
*/



/* lightbox pozadí*/
.ratio { background-color: rgba(0,0,0,.6) !important; }


.position-sticky { z-index:9; }


.btn-primary { background-color:var(--seda); border-color:var(--seda); border-radius:10px; font-weight:600; border:1px solid #6d7079; border-bottom:3px solid #6d7079; padding-bottom:1.3rem; }
.btn-primary:hover { background-color:var(--modra); border-color:#679ab6; border-bottom:3px solid #679ab6; }
.btn-primary.hp { font-size:2rem; font-weight:300; }
.btn-primary.hp:hover { background-color:var(--modra); border:1px solid var(--modra); border-bottom:3px solid var(--modra); }
.btn-primary.hp:hover span,
.btn-danger:hover span { opacity:.6; }

.btn-danger { border-radius:10px; font-weight:600; }


.btn-check:active + .btn-outline-primary, .btn-check:checked + .btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active {
	border-color:var(--modra); background-color:var(--modra);
}
.btn-outline-primary { color:var(--cerna); border-color:var(--modra); font-weight: 300; }
.btn-outline-primary:hover { color:var(--modra); border-color:var(--modra); background-color:transparent; }


.tooltip-inner { background-color:var(--bila); color:var(--seda); font-size:1.2rem; font-weight:300; padding:8px 25px; }
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { border-top-color:var(--bila); }
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { border-bottom-color:var(--bila); }
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { border-left-color:var(--bila); }
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { border-right-color:var(--bila); }


.form-check .form-check-input { margin-left: -1.2em; }


.nav-pills { margin-bottom:2.5rem; }
.nav-pills .nav-link {
	color:var(--modra); text-transform:none; text-decoration:underline; font-size:1.2rem;
	margin:0; padding:0 17px 0 6px; border:0;
	background-image:url('../images/ikony/tecka_cerna.svg');
	background-repeat:no-repeat;
	background-position:100% 50%;
	background-size:10px;
}
.nav-pills .nav-item:last-of-type .nav-link { background-image:none; }
.nav-pills .nav-item:first-of-type .nav-link { padding-left:0; }
.nav-pills .nav-link:hover { border:0; color:var(--seda); }
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link { color:var(--seda); background-color:var(--bila); border:0; text-decoration:none; }
.nav-pills .nav-link.active:hover,
.nav-pills .show > .nav-link:hover { color:var(--seda); }


.accordion-item { border:0; }
.accordion-button {
	font-size:1.2rem; font-weight:300; color:var(--modra); text-decoration:underline;
	padding:.3rem 1.25rem .3rem 0rem;
	cursor:pointer; border:0;
}
.accordion-button:hover { color:var(--seda); background-color:var(--bila); }
.accordion-button:not(.collapsed) {
  color:var(--seda); text-decoration:none; font-weight:400;
  background-color:var(--bila);
  box-shadow:none;
}

.prislusenstvi .tab-pane h4 { font-size:1rem; }
.prislusenstvi .tab-pane p { font-size:1rem; }