@font-face {font-family: 'Poppins'; font-style: normal; font-weight: 200; src: local('Poppins ExtraLight'), local('Poppins ExtraLight'), url('/media/fonts/Poppins-ExtraLight.woff2') format('woff2'); unicode-range: U+0020-U+20AC; font-display: swap;}
@font-face {font-family: 'Poppins'; font-style: italic; font-weight: 300; src: local('Poppins Light Italic'), local('Poppins Light Italic'), url('/media/fonts/Poppins-LightItalic.woff2') format('woff2'); unicode-range: U+0020-U+20AC; font-display: swap;}
@font-face {font-family: 'Poppins'; font-style: normal; font-weight: normal; src: local('Poppins Regular'), local('Poppins Regular'), url('/media/fonts/Poppins-Regular.woff2') format('woff2'); unicode-range: U+0020-U+20AC; font-display: swap;}
@font-face {font-family: 'Poppins'; font-style: normal; font-weight: 500; src: local('Poppins Medium'), local('Poppins Medium'), url('/media/fonts/Poppins-Medium.woff2') format('woff2'); unicode-range: U+0020-U+20AC; font-display: swap;}
@font-face {font-family: 'Poppins'; font-style: bold; font-weight: normal; src: local('Poppins Bold'), local('Poppins Bold'), url('/media/fonts/Poppins-Bold.woff2') format('woff2'); unicode-range: U+0020-U+20AC; font-display: swap;}
@font-face {font-family: 'Poppins'; font-style: normal; font-weight: 600; src: local('Poppins SemiBold'), local('Poppins SemiBold'), url('/media/fonts/Poppins-SemiBold.woff2') format('woff2'); unicode-range: U+0020-U+20AC; font-display: swap;}
header{max-width: 1920px; background: url('/media/images/bgr_menu.png') repeat-x; background-position: top; height: 0; padding: 0 0px 33% 0px; box-sizing:border-box; margin: auto;}
#upstrip{max-width: 1170px; margin: 0 auto; position: relative; color: #fff;}
#upstrip a{color: #fff;}
#upstrip li{ list-style: none; padding: 0 1.5em 0 0.4em; margin: 0;}
.upbar{height: 34px;display: flex; justify-content: flex-end; margin: 0;}
.userlog{display: table;}
#uzivlogo_sp { width: 28px;float: right;display: block; vertical-align:baseline;--stroke_people:#fff;}
.icologin{
	--stroke_people:#fff;
}
#nuziv {text-align: right;cursor: pointer;color: #fff;}
#nuziv span{display: block; float: left; margin-top: 5px;}
.logout img{margin-top: 2px;}
.popupWin{width: 100%; height: 100%; position: fixed; top: 0; left: 0; overflow-y: auto; background: rgba(40,40,40,0.5); z-index: 1001;}
#logo{position: absolute; width: 18%; margin: 0.1em 0 0 0;  padding-bottom: 1em; z-index: 1;}
#logo picture img{border: none;}
.logo{-webkit-filter: drop-shadow( 1px -3px 4px rgba(255,255,255,0.8));
	filter: drop-shadow( 1px -3px 4px rgba(255,255,255,0.8));}
.rgt{display: inline-block;float: right;}
/*text*/
.tal{text-align: left;}
.tar{text-align: right;}
.padtb{padding: 1rem 0 0.8rem 0}
.center{text-align: center;}
.justify,.taj{text-align: justify;}
.txem{font-size: 1.3rem; font-weight: lighter; font-style: italic;}
.item-product {
	/* Přidáme mezeru pod celým blokem produktu */
	margin-bottom: 1rem;
}
.item-product:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
.item-product select,
.item-product input[type="text"] {
	margin-bottom: 0;
	display: inline-block;
	vertical-align: middle;
}
.item-product .txem {
	margin-left: 2px;
	font-size: 0.86em;
	vertical-align: middle;
	color: #000; /* Volitelné ztmavení pro lepší čitelnost */
	max-width: 60%;
}
.bold{font-weight: bold;}
/* Styl pro řádek s prefixem */
.input-group-flex {
	display: flex;
	align-items: center; /* Zarovná text a input na střed svisle */
	width: 100%;/* Nebo max-width podle potřeby */
	flex-wrap: wrap;
}

/* Styl pro prefix (https://) */
.input-group-addon {
	padding: 6px 12px;
	background-color: #eee;
	border: 1px solid #ccc;
	border-right: none; /* Aby to splynulo s inputem */
	border-radius: 4px 0 0 4px; /* Kulaté rohy vlevo */
	color: #555;
	font-weight: bold;
	white-space: nowrap; /* Aby se text nezalamoval */
}

/* Styl pro input uvnitř skupiny */
.input-group-flex input {
	flex: 1; /* Roztáhne se do zbytku místa */
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	margin-bottom: 0 !important; /* Zrušíme odsazení Skeletonu */
	min-width: 100px; 
}
.input-group-flex .wrongIpt {
	width: 100%;
	flex-basis: 100%;
	margin-top: 5px;
	margin-bottom: 0;
}
/*text**/
#content input.novalid,#content textarea.novalid{border: 1px solid red;}
input[type="radio"].novalid{outline: max(2px, 0.15em) solid red; outline-offset: max(2px, 0.15em);}
input[type="checkbox"].novalid{outline: max(2px, 0.15em) solid red; outline-offset: max(2px, 0.15em);}
.ndisp,.hidd{display: none;}
input[name="RuR"] {position: absolute; left: -9999px; visibility: hidden;}
#content .form,#content .form-box{background: #f2f2f2; padding: 10px; border: solid 1px #ddd; border-radius: 15px; margin: 1rem 0.5rem 0.5rem 0.5rem}
#content .form h3,#content .form-box h3{margin-top: 1rem;}
#content .form-box .u-full-width{margin: 0;}
.img-wrapper {
	position: relative;
	display: inline-block; /* nebo block, podle layoutu */
	cursor: pointer;

	/* 2. Nutné pro pozicování overlay textu */
	position: relative;

	/* 3. Aby se obal smrsknul přesně na velikost obrázku */
	display: inline-block;

	/* 4. (Volitelné) Pokud děláte zoom obrázku při najetí, toto ořízne přesahy */
	overflow: hidden;
}
.img-wrapper:hover img {
	opacity: 0.9;
	/* transform: scale(1.05); // Efekt přiblížení */
	transition: all 0.3s ease;
}
/* Overlay zůstává absolute, ale vztahuje se k wrapperu */
.img-wrapper .overlay {
	position: absolute;
	bottom: 10px;
	left: 0;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.5); /* Black see-through */
	color: #f1f1f1;
	transition: .5s ease;
	opacity:0;
	color: white;
	font-size: 1.2em;
	padding: 0.5em 2em 0.5em 2em;
	border-radius: 0.8em;
}
.img-wrapper:hover .overlay {
	opacity: 1;
}
div:where(.swal2-container) button.swal2-close:focus {
	/* Změna na jemnou šedou záři místo fialové */
	box-shadow: 0 0 0 3px rgba(108, 117, 125, 0.5) !important;
	background: #fff !important;
}

/* 2. Základní barva křížku (Šedá) */
div:where(.swal2-container) button.swal2-close {
	color: #888 !important; /* Neutrální šedá */
	transition: color 0.2s ease;
}

/* 3. Barva po najetí myší (Červená - "Zavřít") */
div:where(.swal2-container) button.swal2-close:hover {
	color: #dc3545 !important; /* Červená */
	background: #fff !important; /* Odstraní případné pozadí */
}
/* Boxy s výsledkem */
.msg-box {
	padding: 20px;
	border-radius: 5px;
	border: 1px solid #ddd;
	margin-bottom: 20px;
	text-align: center;
}

.msg-box h4 { margin-top: 0; margin-bottom: 10px; }

/* Barvy podle stavu */
.success-box { background-color: #d4edda; border-color: #c3e6cb; color: #155724; }
.error-box   { background-color: #fff3cd; border-color: #ffeeba; color: #856404; } /* Obsazená není chyba, spíš warning */
.warning-box { background-color: #f8d7da; border-color: #f5c6cb; color: #721c24; }
.info-box    { background-color: #d1ecf1; border-color: #bee5eb; color: #0c5460; }

/* Detaily vpravo */
.whois-details table { margin-bottom: 15px; }
.whois-details th { width: 40%; font-weight: normal; color: #666; }
.whois-details td { font-weight: bold; }

.contact-card {
	background: #f9f9f9;
	padding: 10px;
	border: 1px solid #eee;
	margin-bottom: 10px;
	font-size: 0.9em;
}
/* Tlačítko ve stavu načítání */
.button.loading, button.loading, a.button.loading {
	color: transparent !important; /* Skryje původní text */
	pointer-events: none;          /* Zabrání dalšímu kliknutí */
	position: relative;
	opacity: 0.8;
}

/* Vytvoření kolečka (Spinner) */
.button.loading::after {
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	top: 50%;
	left: 50%;
	margin-top: -10px;
	margin-left: -10px;
	border: 2px solid rgba(0,0,0,0.2);
	border-top-color: #333; /* Barva točící části */
	border-radius: 50%;
	animation: button-spin 0.6s linear infinite;
}	

@keyframes button-spin {
	to {
		transform: rotate(360deg);
	}
}
input[type="radio"], input[type="checkbox"]{height: auto; width: 20px;margin:0;} 
#drnav{min-height: 3rem; padding: 0.5rem; background: linear-gradient(90deg, #dedede 20%, #f7f7f7);}
#drnav svg{vertical-align: middle;}
.lite{font-weight:200;}
.cursor_po {cursor: pointer;}
.bred{background: #ff0000}
.bblue{background:#97cfef;}
.popupWin{width: 100%; height: 100%; position: fixed; top: 0; left: 0; overflow-y: auto; background: rgba(40,40,40,0.5); z-index: 1001;}

.bgblue{background-color: #87caef;}
.bgsblue{background-color: #f3feff;}
.bggreen{background-color: #8fc6ad;}
.bgorange{background-color: #f2c676;}
.bgyello{background-color: #feee7c;}
.c-true-message{color: #0d7b05;}
.c-error-message{color: #de0909;}
/* info box modal*/
.modal h3{background-color: #fbf7c5; padding: 8px 20px; border-radius: 8px;}

/*SVG icons*/
.svg_kontakty{width: 1.5em; transform: rotate(25deg); margin-top: 3px;}
.svg_icopost{width: 1.5em; transform: rotate(300deg); margin-top: 3px;}
svg.svgicon{width:25px; height: 25px;vertical-align: middle;}
.svginfo{width:25px; height: 25px; vertical-align: middle; margin: 2px;
	--color_info:#04b7d3;
	--stroke_cirkle:#04b7d3;
}
.svginfo:hover{
	--color_info:#093c71;
}
/*Uvod*/
.odkazy{padding: 2rem 1rem 1rem 1rem; border: solid 1px #ddd; border-radius: 10px; background: #f8f8f8; background-image: linear-gradient(180deg, #979798 10px,#f8f8f8 50px, #f8f8f8 100%); background-repeat: no-repeat;}
.odkazy li.nli{list-style-type: none; margin-bottom: 0.2rem;}
.odkazy .svgicon{width: 35px; height: 35px; margin: 0 5px 0 -10px; }
.svgcmslogo{
	display: flex;
	flex-wrap: wrap;
	align-content: space-around;
	justify-content: space-around;
	flex-direction: row;
}
fieldset {
	transition: opacity 0.3s ease, filter 0.3s ease; /* Plynulý přechod */
	opacity: 1;
	filter: none;
}

/* Stav, kdy je fieldset zamčený (disabled) */
fieldset[disabled] {
	opacity: 0.4;
	filter: grayscale(100%);
	pointer-events: none;
	cursor: not-allowed;
}
.svgcmslogo img{max-width: 100%; height: auto; padding: 7px 4px;}
#id_t775 {background:#f1f2f1 url('/media/images/uvod/bgr_card_entry.jpg');}
.avif #id_t775 {background:#f1f2f1 url('/media/images/uvod/bgr_card_entry.avif');}
.webp #id_t775 {background: #f1f2f1 url('/media/images/uvod/bgr_card_entry.webp');}
#id_t775:hover {background:#f1f2f1 url('/media/images/uvod/bgr_card_entry_h.jpg');}
.avif #id_t775:hover {background: #f1f2f1 url('/media/images/uvod/bgr_card_entry_h.avif');}
.webp #id_t775:hover {background:#f1f2f1 url('/media/images/uvod/bgr_card_entry_h.webp');}

#id_t706 {background:#f1f2f1 url('/media/images/uvod/bgr_card_start.jpg');}
.avif #id_t706 {background:#f1f2f1 url('/media/images/uvod/bgr_card_start.avif');}
.webp #id_t706 {background:#f1f2f1 url('/media/images/uvod/bgr_card_start.webp');}
#id_t706:hover {background:#f1f2f1 url('/media/images/uvod/bgr_card_start_h.jpg');}
.avif #id_t706:hover {background:#f1f2f1 url('/media/images/uvod/bgr_card_start_h.avif');}
.webp #id_t706:hover {background:#f1f2f1 url('/media/images/uvod/bgr_card_start_h.webp');}

#id_t704 {background:#f1f2f1 url('/media/images/uvod/bgr_card_optimal.jpg');}
.avif #id_t704 {background:#f1f2f1 url('/media/images/uvod/bgr_card_optimal.avif');}
.webp #id_t704 {background:#f1f2f1 url('/media/images/uvod/bgr_card_optimal.webp');}
#id_t704:hover {background:#f1f2f1 url('/media/images/uvod/bgr_card_optimal_h.jpg');}
.avif #id_t704:hover {background:#f1f2f1 url('/media/images/uvod/bgr_card_optimal_h.avif');}
.webp #id_t704:hover {background:#f1f2f1 url('/media/images/uvod/bgr_card_optimal_h.webp');}

#id_t705 {background:#f1f2f1 url('/media/images/uvod/bgr_card_corporate.jpg');}
.avif #id_t705 {background:#f1f2f1 url('/media/images/uvod/bgr_card_corporate.avif');}
.webp #id_t705 {background:#f1f2f1 url('/media/images/uvod/bgr_card_corporate.webp');}
#id_t705:hover {background:#f1f2f1 url('/media/images/uvod/bgr_card_corporate_h.jpg');}
.avif #id_t705:hover {background:#f1f2f1 url('/media/images/uvod/bgr_card_corporate_h.avif');}
.webp #id_t705:hover {background:#f1f2f1 url('/media/images/uvod/bgr_card_corporate_h.webp');}

#id_s772 {background:#f1f2f1 url('/media/images/uvod/bgr_card_vpsd.jpg');}
.avif #id_s772 {background:#f1f2f1 url('/media/images/uvod/bgr_card_vpsd.avif');}
.webp #id_s772 {background:#f1f2f1 url('/media/images/uvod/bgr_card_vpsd.webp');}
#id_s772:hover {background:#f1f2f1 url('/media/images/uvod/bgr_card_vpsd_h.jpg');}
.avif #id_s772:hover {background:#f1f2f1 url('/media/images/uvod/bgr_card_vpsd_h.avif');}
.webp #id_s772:hover {background:#f1f2f1 url('/media/images/uvod/bgr_card_vpsd_h.webp');}

#id_s774 {background:#f1f2f1 url('/media/images/uvod/bgr_card_vpsc.jpg');}
.avif #id_s774 {background:#f1f2f1 url('/media/images/uvod/bgr_card_vpsc.avif');}
.webp #id_s774 {background:#f1f2f1 url('/media/images/uvod/bgr_card_vpsc.webp');}
#id_s774:hover {background:#f1f2f1 url('/media/images/uvod/bgr_card_vpsc_h.jpg');}
.avif #id_s774:hover {background:#f1f2f1 url('/media/images/uvod/bgr_card_vpsc_h.avif');}
.webp #id_s774:hover {background:#f1f2f1 url('/media/images/uvod/bgr_card_vpsc_h.webp');}

#id_s702 {background:#f1f2f1 url('/media/images/uvod/bgr_card_vpsb.jpg');}
.avif #id_s702 {background:#f1f2f1 url('/media/images/uvod/bgr_card_vpsb.avif');}
.webp #id_s702 {background:#f1f2f1 url('/media/images/uvod/bgr_card_vpsb.webp');}
#id_s702:hover {background:#f1f2f1 url('/media/images/uvod/bgr_card_vpsb_h.jpg');}
.avif #id_s702:hover {background:#f1f2f1 url('/media/images/uvod/bgr_card_vpsb_h.avif');}
.webp #id_s702:hover {background:#f1f2f1 url('/media/images/uvod/bgr_card_vpsb_h.webp');}

#id_s773 {background:#f1f2f1 url('/media/images/uvod/bgr_card_vpsa.jpg');}
.avif #id_s773 {background:#f1f2f1 url('/media/images/uvod/bgr_card_vpsa.avif');}
.webp #id_s773 {background:#f1f2f1 url('/media/images/uvod/bgr_card_vpsa.webp');}
#id_s773:hover {background:#f1f2f1 url('/media/images/uvod/bgr_card_vpsa_h.jpg');}
.avif #id_s773:hover {background:#f1f2f1 url('/media/images/uvod/bgr_card_vpsa_h.avif');}
.webp #id_s773:hover {background:#f1f2f1 url('/media/images/uvod/bgr_card_vpsa_h.webp');}

/* Ceník*/
.cenik {border: 1px solid #a09f9e;	border-radius: 10px;background-color: #f1f2f1; margin-top: 2rem; position: relative;}
.cenik h3{background: #FFF2E2; padding: 1rem; margin-top: 1rem;}
.cenik p {padding: 1rem;}
.cenik .svgcard {position: absolute; top: 5px; right: 5px; z-index: 100; width: 50px; height: 50px;}
input#id_whois_domain{text-align: right;}

/*img*/
.imgl {float: left; margin: 0px 7px 4px 0px; padding: 6px; border: solid 1px #71a4c1;}
.imgr {float: right; margin: 0px 4px 4px 4px; padding: 6px; border: solid 1px #71a4c1;}
.imgc {margin: auto; text-align: center; margin: 0px 4px; padding: 6px; border: solid 1px #71a4c1;}
.lg3{width: 45%;}
.pseudli{padding-left: 25px; text-indent: -20px;}
/**/
#graf{width: 100%; position: relative; right: 0px; top: 0px; clear:both;}
#graf polyline{opacity: 0;}
#graf image{max-width: 100% !important;}
.bgrr{background-color: red;}
.bgrb{background-color: buttonface;}
.gcon{max-width: 1500px !important; position: absolute; left: 0;  right: 0;  top: 5%; bottom: 0; margin: auto; color: #f7f7f7; }
.gcon li{margin-bottom: 0em; line-height: 1.5em; font-size: 0.85em; }
.pdl3{padding-left: 3em;}
.ulr{text-align: right; direction: rtl; padding-right: 0.5em;}
.gcon strong{font-size: 1.5em; }
img{max-width: 100% !important; height: auto !important; border: none;}
a{color: #646464;}
#content{max-width: 1170px; box-sizing: border-box; padding: 0; margin: auto; float: none; clear: both;}
#content a{font-weight: bolder; }
footer{ box-sizing: border-box; height: auto; padding: 7px 7px 10px 7px; border-top: 1px #646464 solid; clear: both;
background: #2b2a2b;}
.avif footer{background-image: url('/media/images/footer.avif');background-repeat: no-repeat;}
.webp footer{background-image: url('/media/images/footer.webp'); background-repeat: no-repeat;}
.fallback footer{background-image: url('/media/images/footer.jpg'); background-repeat: no-repeat;}
footer .fbox {max-width: 100%; margin: 20px auto 0 auto; position: relative;}
footer #infop{position: absolute; bottom: 1.5em;}
footer #copy{position: absolute; bottom: -1em;}
footer h3{font-size: 1.7rem;}
footer h3, footer ul{text-align: left;}
footer h3, footer ul li{margin-top: 0.3em; margin-bottom: 0.2em}
footer h3 a, footer ul a{color: #dddddd; text-decoration: underline;}
footer p{margin: 0 0 10px 0;}
footer a{color: #646464; text-decoration: none;}
footer #infop{margin: 10px 0 0 0;}
footer #infop a{color: #646464; text-decoration: none;}

.ob{padding: 10px 0; border-top: 1px solid #646464;}
.ob:nth-child(-n+3){height: 680px;}
.ob:nth-last-child(-n+3){height: 600px;}
.ob h2{margin: 0px;}
.ob picture img[src*="ico_"]{width: 170px; height: 194px;}
.cookies{font-size: 1.1em; text-align: left;}

.kon{height: 180px; font-size: 1.1em; font-weight: 500; line-height: 1.8em}
.kon a{text-decoration: none;}
.kon a:hover{text-decoration: underline;}
.spol{text-align: left; margin: 0 3%; font-size: 1.1em; font-weight: 500;}
.spol p{line-height: 1.8em}

.kontnad{text-align: left; margin: 1em 3%;}
.disp{display: block;}
.clear, .cb{clear: both;}
.inform{padding: 7px; color: #000; margin: 0 3% 15px 3%; text-align: center; font-weight: bold; border-radius: 7px;}
.inform a{color: #000;}
.false{width: 450px; background-color: #ff0000; margin: auto; margin-bottom: 5px; padding: 4px; border: 1px solid #000;}
.false p{padding: 0px; margin-top:2px; color: #000; font-weight: bold; }
.true{width: 350px; background-color: #8aeb42; margin: auto; margin-bottom: 5px; padding: 4px; border: 1px solid #000;}
.true p{padding: 0px; margin-top:2px; color: #000; font-weight: normal;}
.inform.true{background: #00fe00;}
.inform.false{background: #fe341d;}
/* COOKIES LISTA */
#outer-consent{width: 100%; position: fixed; bottom: 0px; z-index: 10000; max-height: 55px; background: #fff; font-size: 0.8em; border-top: 1px solid #ababab;}
#consent-cookie{margin-top: 3px; padding: 0 8px;}
#cook-consent{height: 20px; padding: 0 7px; font-size: 0.5em; line-height: 0px;}
/* SLIDER */
#slre1, #slre2{width: 75%; position: relative; float:left;}
#sliderefe1, #sliderefe2{list-style: none; overflow: hidden; padding: 0; margin: 0 0 20px 0;}
#sliderefe1 li, #sliderefe2 li{-webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0;}
#sliderefe1 li:first-child, #sliderefe2 li:first-child{position: relative; float: left;}
#sliderefe1 li.rslides1_on, #sliderefe2 li.rslides2_on{display: block;}
#sliderefe1 img, #sliderefe2 img{display: block; height: auto; float: left; width: 50%; border: 0;}
#sliderefe1 div.popisek, #sliderefe2 div.popisek{width: 48%; padding: 5px 4%; box-sizing: border-box; float:left;}
.rslides1_nav, .rslides2_nav{position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 50%; left: 0; z-index: 99; opacity: 0.7; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 22px; width: 13px; background: transparent url(/media/images/nav_ico.png) no-repeat left top;}
.rslides1_nav.next, .rslides2_nav.next{left: auto; background-position: right top; right: 0;}
.cst{width:22%; float: left;}

#custom, #customgraf{list-style: none; padding: 0;}
#custom li, #customgraf li{margin: 10px 0;}
#custom a, #customgraf a{font-size: 1.1em; font-weight: 500; text-decoration: none;}
#custom .rslides_here a, #customgraf .rslides_here a{color:#eb8807}
/* POPTAVKOVY FORMULAR */
label{max-width: 100%; margin-bottom: 7px; font-weight: 500; display: inline-block; text-align: left;}
span.lneed{font-family: "open-sans"; color: #fe341d; font-weight: bold; vertical-align: middle;}
p.wrongIpt{color: #fe341d; margin: 0px;}
input, textarea, select{width: 100%; font-size: 1.1em; border: 2px solid #dcdcdc; border-radius: 7px; box-sizing: border-box; padding: 3px 15px 3px 10px;}

.switch-field {display: flex;#margin-bottom: 36px;overflow: hidden;}
.switch-field input {position: absolute !important;clip: rect(0, 0, 0, 0);height: 1px;	width: 1px;	border: 0;overflow: hidden;}
.switch-field label {
	background-color: #aaa;
	color: #fff;
	font-size: 14px;
	line-height: 1;
	text-align: center;
	padding: 8px 16px;
	margin-right: -1px;
	border: 1px solid #333;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
	transition: all 0.1s ease-in-out;
}
.switch-field label:hover {cursor: pointer;}
.switch-field input:checked + label {background-color: #04a58c;box-shadow: none;}
.switch-field label:first-of-type {border-radius: 10px 0 0 10px;}
.switch-field label:last-of-type {border-radius: 0 10px 10px 0;}

input.inEmpt, select.inEmpt, textarea.inEmpt{border: 2px solid #fe341d;}
input[type="radio"].inEmpt {
	box-shadow: 0 0 0 1px #fe341d;
	outline: none;
}
textarea{height: 100px;}
.sbt-btn{margin: 0 3% 10px 3%;}
select::-ms-expand {border: none; background: none;}
#poptavkaObj{width: 100%; text-align: left; position: fixed; top: 0; left: 0; height: 100%; overflow-y: auto;  background: rgba(40,40,40,0.5); z-index: 1001;}
#poptavkaObj form{position: relative; max-width: 1100px; padding: 35px; box-sizing: border-box; margin: 30px auto 60px auto; background: #fff; border: 2px solid #eb8807; border-radius: 15px;}
#poptavkaObj h2{font-size: 2.2em; margin: 0 3% 10px 3%;}
#poptavkaObj p.capt{font-size: 1.7em; margin: 0 3% 40px 3%;}
body.frmscroll{overflow-y: hidden;}
#poptavkaObj .btn-close{width: 40px; height: 40px; position: absolute; top: -20px; right: -20px; font-size: 1.9em; padding: 7px; font-family: open-sans; line-height:25px; border-radius: 50%;}
/* POPTAVKOVY FORMULAR V KONTAKTECH */
#poptavkaObjK{max-width: 1100px; position: inherit; display: block; text-align: left;}
#poptavkaObjK .btn-close{display: none;}
#poptavkaObjK h2{font-size: 2.2em; margin: 0 3% 10px 3%;}
#poptavkaObjK p.capt{font-size: 1.7em; margin: 0 3% 40px 3%;}
.pos {width: 22%; min-height: 150px; text-align: left; float: left; margin: 0 2% 10px 1%;}
.pos2 {width: 42%; min-height: 150px; text-align: left; float: left; margin: 0 2% 10px 2%;}
.pos2c {max-width: 55%; min-height: 150px; text-align: center; margin: auto;}
.pos p{text-align: center;}
.pos3{width: 30%; margin: 0 2% 10px 1%; float: left;}
ul.check{list-style: none; margin: 0; padding: 0;}
ul.check li {margin: 0; padding: 2px 0 5px 25px; position: relative;}
ul.check li:before {content:''; display:inline-block; height:1em; width:1em; background: url('/media/svg/check.svg'); background-size:contain; background-repeat:no-repeat; padding-left: 2em; position: absolute; left: 0; filter: invert(59%) sepia(64%) saturate(1050%) hue-rotate(66deg) brightness(107%) contrast(87%);}
/* STRÁNKOVÁNÍ */
.pagination {
	display: inline-block;
	padding: 7px ;
}
.pagination a {
	color: black;
	float: left;
	padding: 8px 16px;
	text-decoration: none;
	transition: background-color .3s;
	border: 1px solid #ddd;
	margin: 4px;
}
.pagination a.active {
	color: #000;
	border: 1px solid #e2001a;
}
.crop p {padding: 0; margin:0;}
.crop label {width: 100px; padding: 0;}

#seprec{
	position: fixed; /*pozicování k obrazovce*/
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background:  rgba(0,0,0,0.75); display: none;
}
#ezprava{
	width: 300px;/*tyto hodnoty ti asi vypočítá js nebo podle obsahu*/
	height: 120px;/*tyto hodnoty ti asi vypočítá js nebo podle obsahu*/
	background: #fff;
	position: absolute;
	left: 50%; /*posune celý blok o 50% obrazovky doleva*/
	top: 50%;/*posune celý blok o 50% obrazovky dolu*/
	transform: translateY(-50%) translateX(-50%); /*posune o 50% šířky a výšky daného divu (.zprava)*/
	font-weight: bold;
	font-size: 1em;
	text-align: center;
	padding: 5px 5px;
	color: black;
}
#ModalImg.modal{
	width: auto;
	max-width: unset;
}
/* Modal Content (Image) */
.modal-content {
  margin: auto;
  display: block;
  width: auto;
  max-height: 85%;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-height: 20%;
  text-align: center;
  color: #000;
  padding: 10px 0;
  height: 200px;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption {
	animation-name: zoom;
	animation-duration: 0.6s;
}

/*PRVKY MODAL*/
/* 1. Barva pozadí tlačítka "OK" / "ANO" */
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
	background-color: #e6dacc !important;
	border-color: #bfb5a9 !important;
	color: #423f3a !important; /* Barva textu */font-size: 1.2rem;
}
div:where(.swal2-container) button:where(.swal2-styled){
	height: 30px;
	line-height: 0;
	font-size: 1.2rem;
}
/* 2. Barva tlačítka po najetí myší (Hover) */
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:hover {
	background-color: #7b756d !important;
	border-color: #6b665f !important;
	color: #fff !important; 
}

/* 3. Barva stínu při kliknutí/focuse (to co jste posílal) */
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus {
	/* Změňte RGB hodnoty podle své barvy, poslední číslo 0.5 je průhlednost */
	box-shadow: 0 0 0 3px rgba(155, 147, 139, 0.5) !important;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 600px) {
	.modal-content {width: 100%;}
}
/* RESPONZIVITA */
@media screen and (max-width:1500px){
	.pos2c{max-width: 80%;}
	.ob:nth-child(-n+3){height: 730px;}
	.ob:nth-last-child(-n+3){height: 630px;}
}
@media screen and (max-width:1360px){
	.ob:nth-child(-n+3){height: 780px;}
	.ob:nth-last-child(-n+3){height: 660px;}
	.gcon{font-size: 0.9em;}
}
@media screen and (max-width:1299px){
	.ob:nth-child(-n+2){height: 700px;}
	.ob:nth-last-child(-n+4){height: 570px;}
	.w33{width: 43%;}
}
@media screen and (max-width:1199px){
	#poptavkaObj form{margin: 30px 30px 60px 30px;}
	#slre1,#slre2{width: 100%;}
	.cst{width: 100%; float: none; margin: auto;}
	.gcon{font-size: 0.8em;}
}
@media screen and (max-width:1179px){
	.ob:nth-last-child(-n+2){height: 630px;}
	.pos{width: 46.5%; height: 250px;}
	#logo{width: 18%; margin: 0.1em 0 0 0.3em;}
}
@media screen and (max-width:1024px){
	nav a{padding: 1em 0.2em 0.2em 0;}
	.gcon{font-size: 0.7em;}
	header{height: auto; padding: 0;}
}
@media screen and (max-width:970px){
#logo{width: 15%; padding-bottom: 1em; z-index: 1;}
}
@media screen and (max-width:919px){
	.pos2{width: 80%; margin: 10px auto; float: none; }
	.ob:nth-child(-n+2){height: 730px;}
	.ob:nth-last-child(-n+4){height: 630px;}
	.ob:nth-last-child(-n+2){height: 730px;}
	.gcon{font-size: 0.6em;}
}
@media screen and (max-width:899px){
	nav a{font-size: 1.15em}
}
@media screen and (max-width:869px){
	footer{height: auto;}
	.ob:nth-child(-n+2){height: 780px;}
	.gcon{font-size: 0.5em;}
}
@media screen and (max-width:799px){
	h1{font-size: 1.7em;}
	.a-popt{color: #fff;}
	#logo{width: 20%; margin-left: 7px; padding-bottom: 1em; z-index: 1;}
	.ob:nth-child(n){height: auto;}
	footer #cori{margin: 20px 10px 0 0;}
}
@media screen and (max-width:699px){
	.gcon{visibility: hidden;}
	.upbar .mail, .upbar .phone{font-size: 0.8em;}
}
@media screen and (max-width:599px){
	footer{padding:7px 7px 50px 7px;} 
	.upbar .mail, .upbar .phone{font-size: 0.6em;}
}
@media screen and (max-width:499px){
	#outer-consent{height: auto; max-height: inherit;}
	.pos, .pos2{width: 95%;}
	.pos2c{max-width: 95%;}
	.upbar .mail, .upbar .phone{display: none;}
}

@media screen and (max-width:449px){
	footer h3, footer ul{text-align: center;}
	#motto{display: none;}
}
/* IE 11 hack responzive*/
@media screen and (-ms-high-contrast: none) {
	nav a {font-size: 1.3em;}
}
	@media screen and (max-width:1169px) and (-ms-high-contrast: none){
		nav a {font-size: 1.15em;}		
  }
	@media screen and (max-width:1034px) and (-ms-high-contrast: none){
		nav a {font-size: 0.95em;}		
	}
	@media screen and (max-width:799px) and (-ms-high-contrast: none){
		nav a {font-size: 1.5em;}		
	}
ul.check li {margin: 0; padding: 2px 0 5px 30px; position: relative;}
ul.check ul{list-style: none; padding: 0 0 0 10px;}
ul.check li:before {content:''; display:inline-block; height:1em; width:1em; background: url('/media/svg/check.svg');background-size:contain; background-repeat:no-repeat; position: absolute; left: 0; filter: invert(59%) sepia(64%) saturate(1050%) hue-rotate(66deg) brightness(107%) contrast(87%);}
.icosvg{display: block; margin: auto; width: 195px;}
.zal_www{	background: url('/media/images/ico_www.png') no-repeat; width: 195px; height: 180px;}
.zal_intranet{background: url('/media/images/ico_intra.png') no-repeat; width: 195px; height: 180px;}
.zal_intranet{background: url('/media/images/ico_eshop.png') no-repeat; width: 195px; height: 180px;}
.zal_it{background: url('/media/images/ico_it.png') no-repeat; width: 195px; height: 180px;}
.zal_design{background: url('/media/images/ico_graf.png') no-repeat; width: 195px; height: 180px;}
img.refim{float: left; padding: 3px; margin: 15px 4px 10px 1px; border: 3px solid #FFBA43;}
.linka{clear: both; width: 100%; border-top: solid 1px #646464; margin: 10px auto 25px auto; padding: 20px;}
.blue{background: #97cfef;}