@font-face {
	font-family: "icomoon";
	src: url("fonts/icomoon.eot?10si43#iefix") format("embedded-opentype"),
	url("fonts/icomoon.ttf?10si43") format("truetype"),
	url("fonts/icomoon.woff?10si43") format("woff"),
	url("fonts/icomoon.svg?10si43#icomoon") format("svg");
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: "Sora";
	src: url("font/Sora-Regular.ttf") format("truetype");
	font-weight: 400;
}
@font-face {
	font-family: "Sora";
	src: url("font/Sora-Medium.ttf") format("truetype");
	font-weight: 500;
}
@font-face {
	font-family: "Sora";
	src: url("font/Sora-SemiBold.ttf") format("truetype");
	font-weight: 600;
}
@font-face {
	font-family: "Sora";
	src: url("font/Sora-Bold.ttf ") format("truetype");
	font-weight: 700;
}

:root {
	--primary-black: #000000;
	--primary-white: #FFFFFF;

	--primary-blue: #0095DA;
	--primary-green: #00A651;

	--primary-blue-80percent: rgba(0, 149, 218, 0.8);
	--primary-green-80percent: rgba(0, 166, 81, 0.8);

	--blue-light: #E6F4FB;

	--secondary-blue-light: #F2F9FD;
	--secondary-alert: #FFEB3A;
	--extra-message-bg: rgba(255, 248, 183, 1);

	--grey-grey-dark: #837986;
	--grey-grey-medium: #9C959E;
	--grey-grey-light: #C8CBC7;
	--grey-grey-snow: #F8F8F8;

	--gradient-gray-gray: linear-gradient(135deg, var(--grey-grey-medium) 0%, var(--grey-grey-light) 100%);
	--gradient-green-blue: linear-gradient(135deg, var(--primary-green) 0%, var(--primary-blue) 100%);
	--gradient-green-blue-transparent: linear-gradient(135deg, var(--primary-green-80percent) 0%, var(--primary-blue-80percent) 100%);
	--gradient-green-blue-99deg: linear-gradient(99deg, var(--primary-green) 0%, var(--primary-blue) 100%);
	--gradient-light-blue: linear-gradient(99deg, rgba(0, 166, 81, 0.10) 0%, rgba(0, 149, 218, 0.10) 100%);
	--gradient-green-blue-0p: linear-gradient(135deg, rgba(0, 166, 81, 0.0) 0%, rgba(0, 149, 218, 0.0) 100%);
	--gradient-green-blue-80p: linear-gradient(135deg, rgba(0, 166, 81, 0.80) 0%, rgba(0, 149, 218, 0.80) 100%);
	--gradient-vylet-ill: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 70%) 100%);

	--transition-all-03s-ease: all .3s ease;

}
.gradient-green-blue { background: var(--gradient-green-blue); }

* { box-sizing: border-box; font-family: "Sora", "Tahoma CE", Tahoma, "Verdana CE", Verdana, "Arial CE", Arial, Sans-serif, serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; /* 150% */ padding: 0; margin: 0; font-feature-settings: 'clig' off, 'liga' off;}

.dNone { display: none; }
.dBlock { display: block; }
.relative { position: relative; }

strong { font-weight: bolder; }

body, h1, h2, h3, h4, h5, h6,
::placeholder,
.quote, .date, .subheadline, .perex { color: var(--primary-black); }

::placeholder { font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; }

.respo { display: flex; gap: 0 10px; position: fixed; z-index: 2000; left: 10px; bottom: 10px; opacity: 80%; border-radius: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, 40%); padding: 5px 10px; }
.respo div { text-transform: uppercase; font-size: 10px; font-weight: normal; color: #fff; }

table { border-collapse: collapse; }
.pointer { cursor: pointer; }

.swiper-pagination-bullet-active { background-color: var(--primary-blue) !important; }
.p20 { padding: 20px; }
.p32 { padding: 32px; }

#ifrmViewport { }

ul.general, ol.general { margin: 0 0 0 20px; padding: 0; list-style-type: disc; }
ul.general li, ol.general li { margin: 0; padding: 0 0 0 5px; }
ol.general li { list-style-type: decimal; }

#root .mb20 { margin-bottom: 20px; }

@media (orientation: portrait) { .land { display: none; } }
@media (orientation: landscape) { .port { display: none; } }

/* large (responsible) gradient button */
:root {
	--button-gradient-responsible--bg-size: 14px;
	--button-gradient-responsible--bg-pos: calc(100% - 16px) center;
	--button-gradient-responsible--font-size: 14px;
	--button-gradient-responsible--padding: 5px 37px 5px 16px;
	--button-gray-responsible--font-size: 14px;
	--button-gray-responsible--padding: 5px 16px 5px 16px;
}

/* small gradient button */
label.button-gradient { display: inline-block; border-radius: 4px; background-image: var(--gradient-green-blue); padding: 2px; }
label.button-gradient span { transition: var(--transition-all-03s-ease); display: inline-block; background-color: var(--primary-white); border-radius: 2px; background-image: url("/img_new/ico/arrow_button_down_blue.svg"); background-repeat: no-repeat; background-position: calc(100% - 16px) center; background-size: 14px; }
label.button-gradient span input { font-size: 14px; transition: var(--transition-all-03s-ease); padding: 5px 37px 5px 16px; font-weight: 700; border: none; background: var(--gradient-green-blue, linear-gradient(99deg, #00A651 0%, #0095DA 100%)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
label.button-gradient:hover span { cursor: pointer; background-image: url("/img_new/ico/arrow_button_down_white.svg"); transition: var(--transition-all-03s-ease); background-color: transparent !important; }
label.button-gradient:hover span input { cursor: pointer; transition: var(--transition-all-03s-ease); background: none; color: var(--primary-white); -webkit-background-clip: initial; -webkit-text-fill-color: initial; }
label.button-gradient:active { background: var(--primary-blue); }

label.button-gray { display: inline-block; border-radius: 4px; background-image: var(--gradient-gray-gray); padding: 2px; }
label.button-gray span { transition: var(--transition-all-03s-ease); display: inline-block; background-color: var(--primary-white); border-radius: 2px; }
label.button-gray span input { font-size: 14px; transition: var(--transition-all-03s-ease); padding: 5px 16px 5px 16px; font-weight: 700; border: none; background: var(--gradient-gray-gray); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
label.button-gray:hover span { cursor: pointer; transition: var(--transition-all-03s-ease); background-color: transparent !important; }
label.button-gray:hover span input { cursor: pointer; transition: var(--transition-all-03s-ease); background: none; color: var(--primary-white); -webkit-background-clip: initial; -webkit-text-fill-color: initial; }
label.button-gray:active { background: var(--primary-blue); }


label.chbrd { display: inline-block; line-height: 30px; }
label.chbrd input { display: none; }
label.chbrd span { display: inline-block; vertical-align: middle; padding-left: 32px; background: left center no-repeat; background-size: 24px 24px; }

label.checkbox span { background-image: url(/img_new/ico/checkbox_default.svg); }
label:hover.checkbox span { background-image: url(/img_new/ico/checkbox_hover.svg); }
label.checkbox input:checked + span { background-image: url(/img_new/ico/checkbox_checked.svg); }

label.radio span { background-image: url(/img_new/ico/radiobtn_default.svg); }
label:hover.radio span { background-image: url(/img_new/ico/radiobtn_hover.svg); }
label.radio input:checked + span { background-image: url(/img_new/ico/radiobtn_checked.svg); }

div.grp-flex { display: flex; flex-direction: column; row-gap: 0 !important; }
div.grp-flex .grp-box { width: 100%; }
div.grp-flex .grp-box label { display: inline-block; width: 100%; line-height: 36px; }


/* pozadi pro tlacitko Dalsi akce a Newsletter v sidebaru */
p.dalsi-akce label.button-gradient span,
.newsletter-form label.button-gradient span { background-color: var(--secondary-blue-light); }

/* pozadi pro tlacitko Hledani a vymazat*/
main.sekce div.content div.content-part .form-akce label.button-gradient span,
main.sekce div.content div.content-part .form-akce label.button-gray span
{ background-color: var(--secondary-blue-light); }

.more label.button-gradient span:not(:hover) { background-color: var(--blue-light) !important; }

label.button-gradient-responsible span { background-size: var(--button-gradient-responsible--bg-size); background-position: var(--button-gradient-responsible--bg-pos); }
label.button-gradient-responsible span input { font-size: var(--button-gradient-responsible--font-size); padding: var(--button-gradient-responsible--padding); }
label.button-gray-responsible span input { font-size: var(--button-gradient-responsible--font-size); padding: var(--button-gray-responsible--padding); }

.card-list-low { margin-top: 40px; }

main.sekce article.e404 { text-align: center; margin-bottom: 80px; }
main.sekce article.e404 h1 { margin-top: 30px; margin-bottom: 0; padding-top: 90px; background: url(/img_new/ico/404.svg) no-repeat center top / 64px 64px; }
main.sekce article.e404 .content { padding-bottom: 20px; }
main.sekce article.e404 .head span { display: block; }