:root {
	/* 320-1280 */
	--page-width: 80rem;
	--page-margin: clamp(1rem, 0.7917rem + 1.0417vi, 1.625rem);;

	--radius-4: 0.25rem;
	--radius-10: 0.625rem;
	--radius-15: 0.9375rem;
	--radius-18: 1.125rem;

	--color-white: #fff;
	--color-white-2: #f4f7f9;
	--color-gray-0: #000;
	--color-gray-1: #383838;
	--color-gray-2: #707070;
	--color-gray-4: #020203;
	--color-gray-5: #bfbfbf;
	--color-gray-6: #eeeeee;
	--color-gray-7: #f8f8f8;
	--color-gray-8: #ddd;
	--color-gray-9: #999;
	--color-green-1: #3eaa32;
	--color-red-1: #b50117;
	--color-yellow-1: #fbf4c1;

	--size-13: 0.8125rem;
	--size-14: 0.875rem;
	--size-15: 0.9375rem;
	--size-16: 1rem;
	--size-18: 1.125rem;
	--size-19: 1.1875rem;
	--size-21: 1.3125rem;
	--size-22: 1.375rem;
	--size-24: 1.5rem;
	--size-27: 1.6875rem;
	--size-32: 2rem;
	--size-48: 3rem;

	--size-14-16: clamp(0.875rem, 0.8333rem + 0.2083vi, 1rem);
	--size-18-24: clamp(1.125rem, 1rem + 0.625vi, 1.5rem);
	--size-18-27: clamp(1.125rem, 0.9375rem + 0.9375vi, 1.6875rem);
	--size-20-24: clamp(1.25rem, 1.1667rem + 0.4167vi, 1.5rem);
	--size-22-27: clamp(1.375rem, 1.2708rem + 0.5208vi, 1.6875rem);
	--size-22-48: clamp(1.375rem, 0.8333rem + 2.7083vi, 3rem);
	--size-30-48: clamp(1.875rem, 1.5rem + 1.875vi, 3rem);

	--space-3: 0.1875rem;
	--space-4: 0.25rem;
	--space-6: 0.375rem;
	--space-8: 0.5rem;
	--space-9: 0.5625rem;
	--space-10: 0.625rem;
	--space-11: 0.6875rem;
	--space-12: 0.75rem;
	--space-13: 0.8125rem;
	--space-14: 0.875rem;
	--space-15: 0.9375rem;
	--space-16: 1rem;
	--space-17: 1.0625rem;
	--space-18: 1.125rem;
	--space-19: 1.1875rem;
	--space-20: 1.25rem;
	--space-21: 1.3125rem;
	--space-22: 1.375rem;
	--space-24: 1.5rem;
	--space-25: 1.5625rem;
	--space-26: 1.625rem;
	--space-27: 1.6875rem;
	--space-30: 1.875rem;
	--space-31: 1.9375rem;
	--space-32: 2rem;
	--space-34: 2.125rem;
	--space-35: 2.1875rem;
	--space-36: 2.25rem;
	--space-38: 2.375rem;
	--space-39: 2.4375rem;
	--space-40: 2.5rem;
	--space-41: 2.5625rem;
	--space-42: 2.625rem;
	--space-44: 2.75rem;
	--space-45: 2.8125rem;
	--space-46: 2.875rem;
	--space-48: 3rem;
	--space-50: 3.125rem;
	--space-52: 3.25rem;
	--space-53: 3.3125rem;
	--space-54: 3.375rem;
	--space-58: 3.625rem;
	--space-60: 3.75rem;
	--space-63: 3.9375rem;
	--space-67: 4.1875rem;
	--space-70: 4.375rem;
	--space-71: 4.4375rem;
	--space-72: 4.5rem;
	--space-73: 4.5625rem;
	--space-89: 5.5625rem;
	--space-104: 6.5rem;
	--space-110: 6.875rem;
	--space-120: 7.5rem;
	--space-131: 8.1875rem;
	--space-138: 8.625rem;
	--space-140: 8.75rem;
	--space-150: 9.375rem;
	--space-168: 10.5rem;
	--space-179: 11.1875rem;
	--space-180: 11.25rem;
	--space-188: 11.75rem;
	--space-200: 12.5rem;
	--space-274: 17.125rem;
	--space-290: 18.125rem;
	--space-300: 18.75rem;
	--space-364: 22.75rem;
	--space-451: 28.1875rem;
	--space-604: 37.75rem;
	--space-636: 39.75rem;

	/** custom */
	--space-4-20: clamp(0.25rem, -0.0833rem + 1.6667vi, 1.25rem);
	--space-6-12: clamp(0.375rem, 0.25rem + 0.625vi, 0.75rem);
	--space-15-17: clamp(0.9375rem, 0.8958rem + 0.2083vi, 1.0625rem);
	--space-12-20: clamp(0.75rem, 0.5833rem + 0.8333vi, 1.25rem);
	--space-12-26: clamp(0.75rem, 0.4583rem + 1.4583vi, 1.625rem);
	--space-15-25: clamp(0.9375rem, 0.7292rem + 1.0417vi, 1.5625rem);
	--space-16-26: clamp(1rem, 0.7917rem + 1.0417vi, 1.625rem);
	--space-16-32: clamp(1rem, 0.6667rem + 1.6667vi, 2rem);
	--space-16-46: clamp(1rem, 0.375rem + 3.125vi, 2.875rem);
	--space-16-67: clamp(1rem, -0.0625rem + 5.3125vi, 4.1875rem);
	--space-24-50: clamp(1.5rem, 0.9583rem + 2.7083vi, 3.125rem);
	--space-28-38: clamp(1.75rem, 1.5417rem + 1.0417vi, 2.375rem);
	--space-34-44: clamp(2.125rem, 1.9167rem + 1.0417vi, 2.75rem);
	--space-64-131: clamp(4rem, 2.6042rem + 6.9792vi, 8.1875rem);
	--space-100-200: clamp(6.25rem, 4.1667rem + 10.4167vi, 12.5rem);

	--space-16-32-for-320-480: clamp(1rem, -1rem + 10vi, 2rem);

	--space-110-180-for-320-520: clamp(6.875rem, -0.125rem + 35vi, 11.25rem);

	/** 1/3 */
	--space-6-18: clamp(0.375rem, 0.125rem + 1.25vi, 1.125rem);
	--space-6-20: clamp(0.375rem, 0.0833rem + 1.4583vi, 1.25rem);
	--space-8-24: clamp(0.5rem, 0.1667rem + 1.6667vi, 1.5rem);
	--space-10-30: clamp(0.625rem, 0.2083rem + 2.0833vi, 1.875rem);
	--space-11-32: clamp(0.6875rem, 0.25rem + 2.1875vi, 2rem);
	--space-11-34: clamp(0.6875rem, 0.2083rem + 2.3958vi, 2.125rem);
	--space-13-39: clamp(0.8125rem, 0.2708rem + 2.7083vi, 2.4375rem);
	--space-14-41: clamp(0.875rem, 0.3125rem + 2.8125vi, 2.5625rem);
	--space-15-44: clamp(0.9375rem, 0.3333rem + 3.0208vi, 2.75rem);
	--space-15-45: clamp(0.9375rem, 0.3125rem + 3.125vi, 2.8125rem);
	--space-16-48: clamp(1rem, 0.3333rem + 3.3333vi, 3rem);
	--space-16-50: clamp(1rem, 0.2917rem + 3.5417vi, 3.125rem);
	--space-18-53: clamp(1.125rem, 0.3958rem + 3.6458vi, 3.3125rem);
	--space-18-54: clamp(1.125rem, 0.375rem + 3.75vi, 3.375rem);
	--space-20-60: clamp(1.25rem, 0.4167rem + 4.1667vi, 3.75rem);
	--space-22-67: clamp(1.375rem, 0.4375rem + 4.6875vi, 4.1875rem);;
	--space-23-70: clamp(1.4375rem, 0.4583rem + 4.8958vi, 4.375rem);
	--space-30-89: clamp(1.875rem, 0.6458rem + 6.1458vi, 5.5625rem);
	--space-46-138: clamp(2.875rem, 0.9583rem + 9.5833vi, 8.625rem);

	--font-weight-light: 300;
	--font-weight-regular: 400;
	--font-weight-semibold: 600;
	--font-weight-bold: 700;
	--font-weight-black: 900;

	--line-height-125: 1.25;
	--line-height-150: 1.5;

	--gradient-red-backgroundColor: #b50117;
	--gradient-red-backgroundImage: linear-gradient(90deg, #b50117 0%, #fd3b51 100%);
	--gradient-red-textColor: #fff;

	--gradient-silver-backgroundColor: #f4f6f7;
	--gradient-silver-backgroundImage: linear-gradient(0deg, #f4f6f7 0%, #f4f6f7 50%, #e6eaeb 100%);
	--gradient-silver-textColor: #000;

	--gradient-green-backgroundColor: #2b931f;
	--gradient-green-backgroundImage: linear-gradient(90deg, #2b931f 0%, #53c147 100%);
	--gradient-green-textColor: #fff;

	--gradient-4-backgroundColor: #eff3f3;
	--gradient-4-backgroundImage: linear-gradient(0deg, #eff3f3 0%, #eff3f3 50%, #dbe1e3 100%);
	--gradient-4-textColor: var(--color-gray-4);

	--gradient-5-backgroundColor: #dbe1e3;
	--gradient-5-backgroundImage: linear-gradient(0deg, #dbe1e3 0%, #eff3f3 50%, #eff3f3 100%);
	--gradient-5-textColor: var(--color-gray-0);
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

body {
	line-height: 1;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
@-ms-viewport {
	width: device-width;
}

body {
	line-height: 1.5;
	font-family: 'Arial CE', 'Helvetica CE', Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
}

/* margin bottom */
ul, ol, dd {
	margin-left: 2em;
}

ul {
	list-style-type: disc;
}

ol {
	list-style-type: decimal;
}

/* overflow */
pre {
	overflow: auto;
}

/* font size */
sub, sup, small {
	font-size: smaller;
}

big {
	font-size: larger;
}

/* vertical align */
sub {
	vertical-align: sub;
}

sup {
	vertical-align: super;
}

/* monospace font */
code, kbd, pre, samp, tt, var, listing {
	font-family: monospace;
	text-indent: 0; /* <code> inline-block fix */
}

/* code output */
pre {
	-o-tab-size: 4;
	-moz-tab-size: 4;
	tab-size: 4;
}

pre code {
	display: inline; /* <code> inline-block fix */
}

/* italic */
address, blockquote, cite, dfn, em, i, ins, q, var {
	font-style: italic;
}

/* bold */
b, kbd, strong, th {
	font-weight: bold;
}

/* underline */
a, u {
	text-decoration: underline;
}

/* line through */
del, s, strike {
	text-decoration: line-through;
}

/* text decoration */
ins {
	text-decoration: none;
}

/* heading */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: bold;
}

/* tables */
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
	vertical-align: inherit;
}

td, th, caption {
	padding: 0.2em 0.6em;
	text-align: left;
}

th {
	text-align: center;
}

/*fix for IE6, IE7*/
th p {
	text-align: left;
}
/*\fix for IE7*/

caption {
	text-align: center;
}

form td, form tr {
	border: none;
}

/* forms */
fieldset {
	border: 1px solid #bbb;
	padding: 0.6em 1em 1em;
}

legend {
	padding: 0 0.4em;
}

/* HTML5 */
mark {
	color: #000;
	background-color: #ff0;
	padding: 1px 3px;
}

/* other */
hr {
	background: transparent;
	height: 1px;
	border-width: 0;
	border-top: 0.25em solid #e8e8e8;
}

/* other - deprecated */
center {
	text-align: center;
}
:root {
	scroll-behavior: smooth;
}

a {
	color: var(--link-color);
}

a:visited {
	color: var(--link-visitedColor);
}

a:hover,
a:focus,
a:active {
	color: var(--link-hoverColor);
}
body {
	font-family: 'Inter', sans-serif;
	font-weight: var(--font-weight-regular);
	background: #fff;
	color: #000;
}
@media print {
	body {
		font-family: Georgia, 'Times New CE', 'Times CE', 'Times New Roman', Times, serif;
		padding: 1cm;
	}

	a {
		text-decoration: underline;
	}
}

.button {
	display: inline-block;
	padding: var(--space-11) var(--space-16-26);
	margin: 0;
	box-sizing: border-box;
	font: inherit;
	font-weight: var(--font-weight-semibold);
	background-color: var(--gradient-green-backgroundColor);
	background-image: var(--gradient-green-backgroundImage);
	color: var(--gradient-green-textColor);
	font-size: var(--size-16);
	border: none;
	cursor: pointer;
	text-decoration: none;
	border-radius: var(--radius-10);
	white-space: nowrap;
}


.button,
.button:link,
.button:visited {
	color: var(--gradient-green-textColor);
}


.button:hover,
.button:active,
.button:focus {
	text-decoration: underline;
	color: var(--gradient-green-textColor);
}


.button--next,
.button--edit {
	padding-right: var(--space-28-38);
	background-image: url('4-atoms/../../img/3_button_sipka_doprava.svg'),
		var(--gradient-green-backgroundImage);

	background-repeat: no-repeat,
		repeat;

	background-size: auto 0.6875rem,
		auto;

	background-position: center right var(--space-15-25),
		top left;
}


.button--up {
	padding-left: var(--space-34-44);
	background-image: url('4-atoms/../../img/2_sipka_nahoru.svg'),
		var(--gradient-green-backgroundImage);

	background-repeat: no-repeat,
		repeat;

	background-size: 0.6875rem auto,
		auto;

	background-position: center left var(--space-15-17),
		top left;
}


.button--inverted,
.button--edit {
	background-color: var(--color-white);
	background-image: none;
	filter: drop-shadow(0px 0.625rem 0.34375rem rgba(0,0,0,0.05));
	border: 1px solid var(--color-gray-6);
}


.button--inverted.button--next,
.button--edit {
	background-image: url('4-atoms/../../img/3_button_sipka_doprava_zelena.svg');
}


.button--inverted,
.button--inverted:link,
.button--inverted:visited,
.button--inverted:hover,
.button--inverted:active,
.button--inverted:focus,
.button--edit,
.button--edit:link,
.button--edit:visited,
.button--edit:hover,
.button--edit:active,
.button--edit:focus {
	color: var(--color-gray-0);
}


.button--edit {
	width: 3rem;
	overflow: hidden;
	padding-left: 3rem;
	padding-right: 0;
	background-image: url('4-atoms/../../img/pencil.svg');
	background-position: center center;
	background-size: 1.25rem;
	text-decoration: none;
}


.button--edit:hover,
.button--edit:active,
.button--edit:focus {
	text-decoration: underline;
	color: var(--gradient-green-textColor);
}


.button--onlyIcon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: var(--space-8) var(--space-4);
	min-width: var(--space-44);
	min-height: var(--space-44);
}


.button--wide {
	display: block;
}


.button--wide.button--onlyIcon {
	display: flex;
}


.button--paginator {
	padding-left: var(--space-20);
	padding-right: var(--space-20);
	background: var(--color-white);
	filter: drop-shadow(0 0.625rem 0.34375rem rgba(0,0,0,0.05));
	border: 1px solid var(--color-gray-6);
}


.button--paginator,
.button--paginator:link,
.button--paginator:visited,
.button--paginator:hover,
.button--paginator:active,
.button--paginator:focus {
	color: var(--color-gray-0);
}


.button--paginatorCurrent {
	background-color: var(--gradient-green-backgroundColor);
	background-image: var(--gradient-green-backgroundImage);
	color: var(--gradient-green-textColor);
	filter: none;
	border: none;
}


.button--paginatorCurrent,
.button--paginatorCurrent:link,
.button--paginatorCurrent:visited {
	color: var(--gradient-green-textColor);
}


.button--paginatorCurrent:hover,
.button--paginatorCurrent:active,
.button--paginatorCurrent:focus {
	text-decoration: underline;
	color: var(--gradient-green-textColor);
}


.button[disabled] {
	background: var(--color-gray-5);
	cursor: not-allowed;
}
.button-2 {
	display: inline-block;
	padding: var(--space-11) var(--space-16-26);
	margin: 0;
	box-sizing: border-box;
	font: inherit;
	font-weight: var(--font-weight-semibold);
	background-color: var(--color-white);
	background-image: none;
	background-repeat: no-repeat;
	color: var(--gradient-green-textColor);
	font-size: var(--size-16);
	border: 1px solid var(--color-gray-6);
	cursor: pointer;
	text-decoration: none;
	border-radius: var(--radius-10);
	white-space: nowrap;
	filter: drop-shadow(0px 0.625rem 0.34375rem rgba(0,0,0,0.05));

	width: 3rem;
	overflow: hidden;
	padding-left: 3rem;
	padding-right: 0;
	background-image: url('4-atoms/../../img/pencil.svg');
	background-position: center center;
	background-size: 1.25rem;
}


.button-2,
.button-2:link,
.button-2:visited,
.button-2:hover,
.button-2:active,
.button-2:focus {
	color: var(--color-gray-0);
}


.button-2[disabled] {
	background: var(--color-gray-5);
	cursor: not-allowed;
}


@media only screen and (min-width: 60em) {
	.button-2 {
		width: auto;
		padding: var(--space-11) var(--space-16-26);
		padding-right: var(--space-28-38);
		background-image: url('4-atoms/../../img/3_button_sipka_doprava_zelena.svg');
		background-size: auto 0.6875rem;
		background-position: center right var(--space-15-25);
	}


	.button-2:hover,
	.button-2:active,
	.button-2:focus {
		text-decoration: underline;
	}
}
.contentPerex {
	display: block;
	font-weight: var(--font-weight-bold);
	font-size: var(--size-16);
	color: var(--color-gray-4);
}


.contentPerex--space-32 {
	margin-bottom: var(--space-32);
}
.countryFlag {
	display: inline-block;
	width: 20px;
	border-radius: 50%;
	border: 0.125rem solid #fff;
}
.group {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	flex-wrap: wrap;
}


.group--space-between {
	justify-content: space-between;
}
.gdblock {
	display: block;
	text-align: center;
}


.gdblock--vspaces {
	margin-top: var(--space-16-32);
	margin-bottom: var(--space-16-32);
}


.gdblock--float-left,
.gdblock--float-right {
	display: none;
}


@media only screen and (min-width: 106.875rem) {
	.gdblock--float-left,
	.gdblock--float-right {
		display: block;
		position: absolute;
		top: 0;
		min-width: 10rem;
		overflow-x: hidden;
	}

	.gdblock--float-left {
		right: calc(100% + 1rem);
	}

	.gdblock--float-right {
		left: calc(100% + 1rem);
	}
}
.headline {
	font-size: var(--size-30-48);
	font-weight: var(--font-weight-semibold);
	color: var(--color-gray-1);
}


.headline em {
	font-style: normal;
	font-weight: var(--font-weight-light);
	color: var(--color-gray-2);
}
.image {
	display: block;
	max-width: 100%;
	height: auto;
}


.image--left {
	float: left;
}


.image--right {
	float: right;
}


.image--radius-15 {
	border-radius: var(--radius-15);
}


.image--radius-18 {
	border-radius: var(--radius-18);
}


.image--radius-18 {
	border-radius: var(--radius-18);
}
.imageLink {
	display: block;
}
.input {
	box-sizing: border-box;
	font: inherit;
	font-weight: normal;
	padding: 0.5em 0.5em;
	width: 100%;
}


.input[size] {
	width: auto;
	max-width: 100%;
}
.link {
	text-decoration: none;
}


.link:hover,
.link:focus,
.link:active {
	text-decoration: underline;
}
.likeButton {
	display: inline-block;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font: inherit;
	font-weight: var(--font-weight-regular);
	background: transparent;
	color: var(--color-gray-0);
	font-size: var(--size-16);
	border: none;
	cursor: pointer;
	text-decoration: none;
	white-space: nowrap;
}


.likeButton:hover,
.likeButton:focus,
.likeButton:active {
	text-decoration: underline;
}


.likeButton--plus {
	color: var(--color-green-1);
}


.likeButton--minus {
	color: var(--color-red-1);
}


.likeButton:disabled {
	color: var(--color-gray-2);
	cursor: not-allowed;
	text-decoration: none;
}
.menuButton {
	display: inline-block;
	padding: var(--space-11);
	overflow: hidden;
	margin: 0;
	box-sizing: border-box;
	font: inherit;
	font-weight: var(--font-weight-semibold);
	background-color: var(--gradient-green-backgroundColor);
	background-image: url('4-atoms/../../img/menu-icon-white-thin.svg'),
		var(--gradient-green-backgroundImage);
	background-repeat: no-repeat;
	background-position: center center;
	color: var(--gradient-green-textColor);
	font-size: var(--size-14);
	border: none;
	cursor: pointer;
	text-decoration: none;
	border-radius: var(--radius-10);
	white-space: nowrap;
	padding-right: 0;
	padding-left: var(--space-50);
	width: var(--space-50);
	min-height: var(--space-50);
}
.postTitle {
	font-size: var(--size-18-27);
	font-weight: var(--font-weight-bold);
	color: var(--color-gray-1);
}
.programLink {
	--link-color: var(--color-green-1);
	--link-visitedColor: var(--color-green-1);
	--link-hoverColor: var(--color-green-1);

	text-decoration: underline;
	font-weight: var(--font-weight-light);
}


.programLink:hover,
.programLink:focus,
.programLink:active {
	font-weight: var(--font-weight-semibold);
}
.quizLimit {
	color: var(--color-red-1);
}
.quizQuestion {
	margin-bottom: var(--space-14);
}


.quizQuestion--bordered {
	border-bottom: 1px solid var(--color-gray-6);
	padding-bottom: 1rem;
	margin-bottom: 1rem;
}
.quizQuestionNumber {
	color: var(--color-gray-2);
	font-size: var(--size-14);
}
.searchNoResult {
	font-size: var(--size-16);
	font-weight: var(--font-weight-light);
	color: var(--color-gray-1);
	background: var(--color-gray-6);
	border-radius: var(--radius-10);
	padding: var(--space-8-24) var(--space-11-32);
}


.searchNoResult--vSpace-38 {
	margin-top: var(--space-38);
	margin-bottom: var(--space-38);
}
.searchResultInfo {
	font-size: var(--size-16);
	font-weight: var(--font-weight-light);
	color: var(--color-gray-4);
}
.schoolContactPhone {
	display: block;
	font-size: var(--size-18);
	font-weight: var(--font-weight-bold);
}


.schoolContactPhone__number {
	display: block;
	font-size: var(--size-27);
	font-weight: var(--font-weight-light);
}
.schoolLogo {
	display: block;
	max-width: 100%;
	height: auto;
	border-radius: var(--radius-18);
	background: var(--color-white);
	padding: var(--space-12);
	aspect-ratio: 131 / 127;
	width: var(--space-131);
	box-sizing: border-box;
	object-fit: contain;
}


.schoolLogo--size-104 {
	aspect-ratio: 104 / 101;
	width: var(--space-104);
}


.schoolLogo--space-21 {
	margin-bottom: var(--space-21);
}
.schoolRecommendBadge {
	margin-bottom: var(--space-32);
}


@media only screen and (min-width: 75em) {
	.schoolRecommendBadge {
		float: right;
		margin-top: -3.125rem;
	}
}
.textarea {
	box-sizing: border-box;
	font: inherit;
	font-weight: normal;
	padding: 0.5em 0.5em;
	width: 100%;
	resize: vertical;
}


.textarea--monospace {
	font-family: monospace;
	font-size: var(--size-14);
}
@keyframes ui-spinner {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}


.ui-spinner {
	z-index: 2;
	position: fixed;
	top: 50%;
	left: 50%;
	right: 50%;
	bottom: 50%;
	width: 5rem;
	height: 5rem;
	margin-top: -2.5rem;
	margin-left: -2.5rem;
	background: #0008;
	border-radius: 50%;
	pointer-events: none;
	transform: translateZ(0);
	animation: ui-spinner 1.1s infinite linear;
	display: none;
}


.ui-spinner:after {
	content: "";
	border: 0.5rem solid #fff;
	border-radius: 50%;
	position: absolute;
	top: 1rem;
	bottom: 1rem;
	left: 1rem;
	right: 1rem;
	border-top-color: transparent;
}


.ui-spinner--active {
	display: block;
}

.about {
	background-color: var(--gradient-4-backgroundColor);
	background-image: url('5-molecules/../../img/2_o_webu.webp');
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center bottom;
	color: var(--gradient-5-textColor);
	padding: var(--space-23-70);
	border-radius: var(--radius-18);
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: var(--space-16-32);
}


.about__content {
	max-width: var(--space-451);
	box-sizing: border-box;
	background-color: var(--gradient-red-backgroundColor);
	background-image: var(--gradient-red-backgroundImage);
	color: var(--gradient-red-textColor);
	padding: var(--space-18-53) var(--space-15-45);
	border-radius: var(--radius-15);
}


.about__contentText {
	font-size: var(--size-18-27);
	margin-bottom: var(--space-26);
}


.about__stats {
	max-width: var(--space-179);
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: var(--space-15-25);
}


.about__statsItem {
	filter: drop-shadow(0 0.625rem 0.34375rem rgba(0,0,0,0.05));
	box-shadow: 0 0.625rem 0.34375rem rgba(0,0,0,0.05);
	background-color: var(--color-white);
	border-radius: var(--radius-18);
	font-weight: var(--font-weight-light);
	color: var(--color-gray-0);
	padding: var(--space-14) var(--space-16);
}


.about__statsItemValue {
	color: var(--color-gray-1);
	font-size: var(--size-18-24);
	font-weight: var(--font-weight-bold);
	display: block;
}


.about__statsItemLabel {
	display: block;
	font-size: var(--size-14-16);
}


@media only screen and (min-width: 60rem) {
	.about {
		flex-direction: row;
		justify-content: space-between;
	}
}
.alert {
	background-color: var(--gradient-4-backgroundColor);
	color: var(--gradient-4-textColor);
	padding: var(--space-12-20);
	border-radius: var(--radius-18);
	min-width: 0;
}


.alert--warning {
	color: var(--color-red-1);
	background: var(--color-yellow-1);
}


.alert--success {
	color: var(--color-white);
	background: var(--color-green-1);
}
.breadcrumbs {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-4);
	color: var(--color-gray-4);
	font-weight: var(--font-weight-light);
	font-size: var(--size-16);
}


.breadcrumbs__item {
	text-decoration: none;
}


.breadcrumbs__item:hover,
.breadcrumbs__item:focus,
.breadcrumbs__item:active {
	text-decoration: underline;
}


.breadcrumbs--space-9 {
	margin-bottom: var(--space-9);
}



.breadcrumbs--space-32 {
	margin-bottom: var(--space-32);
}
.calendarDate {
	display: block;
	border-radius: var(--radius-18);
	background: var(--color-white);
	text-align: center;
	color: var(--color-gray-1);
	min-width: var(--space-120);
	width: fit-content;
}


.calendarDate__month,
.calendarDate__weekDay,
.calendarDate__monthDay {
	display: block;
	font-weight: var(--font-weight-semibold);
}


.calendarDate__month {
	font-size: var(--size-13);
	background-color: var(--gradient-red-backgroundColor);
	background-image: var(--gradient-red-backgroundImage);
	color: var(--gradient-red-textColor);
	border-radius: var(--radius-18) var(--radius-18) 0 0;
	padding: var(--space-8) var(--space-12);
}


.calendarDate__weekDay {
	padding: var(--space-6) var(--space-12) 0;
}


.calendarDate__monthDay {
	padding: 0 var(--space-12) var(--space-6);
	font-size: var(--size-32);
	font-weight: var(--font-weight-bold);
}
.card {
	background-color: var(--gradient-4-backgroundColor);
	background-image: var(--gradient-4-backgroundImage);
	color: var(--gradient-4-textColor);
	padding: var(--space-6-20);
	border-radius: var(--radius-18);
	min-width: 0;
}


.card--important {
	background-color: var(--gradient-red-backgroundColor);
	background-image: var(--gradient-red-backgroundImage);
	color: var(--gradient-red-textColor);
}


.card--note {
	color: var(--color-red-1);
	background: var(--color-yellow-1);
}


.card--inverted {
	background: var(--color-white);
}


.card--valign-center {
	display: flex;
	align-items: center;
}


.card--space-1 {
	padding: var(--space-10-30) var(--space-10-30) var(--space-11-34);
}


.card--space-2 {
	padding: var(--space-16-50) var(--space-16-50) var(--space-18-54);
}


.card--space-3 {
	padding: var(--space-16-50);
}


.card--space-4 {
	padding: var(--space-6-20);
}


.card--space-5 {
	padding: var(--space-16-48);
}


.card--space-6 {
	padding: var(--space-10-30);
}


.card--spaceBottom-30 {
	margin-bottom: var(--space-10-30);
}
.cardGrid {
	display: grid;
	gap: var(--space-22) var(--space-24);
}


@media only screen and (min-width: 45rem) {
	.cardGrid {
		grid-template-columns: 1fr 1fr;
	}
}
.cardList {
	display: grid;
	row-gap: var(--space-21);
}


.cardList--spaceTop-38 {
	margin-top: var(--space-38);
}
.cardSlider {
	--cardSlider-margin: max(0px, calc(0px + (100% - var(--page-width)) / 2));
	--cardSlider-itemWidth: min(100vw, var(--space-300));
	--cardSlider-gap: var(--space-24);

	position: relative;
}


.cardSlider__stageOuter {
	overflow: hidden;
	overflow-x: overlay;
}


.cardSlider__stage {
	padding: 0 var(--cardSlider-margin);
	display: grid;
	gap: var(--cardSlider-gap);
	grid-template-columns: repeat(auto-fill, var(--cardSlider-itemWidth));
	grid-auto-columns: var(--cardSlider-itemWidth);
	grid-auto-flow: column;
}


.cardSlider__buttons {
	position: absolute;
	top: 0;
	left: var(--cardSlider-margin);
	right: var(--cardSlider-margin);
	bottom: 0;
	pointer-events: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
}


.cardSlider__button {
	font: inherit;
	line-height: inherit;
	color: inherit;
	margin: 0;
	padding: 0;
	border: none;
	box-sizing: border-box;
	width: var(--space-52);
	height: var(--space-52);
	border-radius: 50%;
	background: #00000038 url('5-molecules/../../img/4_posuvnik_sipka_vpravo.svg') no-repeat 1.375rem center;
	background-size: 0.8125rem auto;
	overflow: hidden;
	padding-left: var(--space-52);
	cursor: pointer;
	pointer-events: all;
}


.cardSlider__button--prev {
	transform: scaleX(-100%);
	margin-left: calc(var(--space-16-26) * -1);
}


.cardSlider__button--next {
	margin-right: calc(var(--space-16-26) * -1);
}


.cardSlider__button:hover,
.cardSlider__button:focus,
.cardSlider__button:active {
	background-color: #00000048;
}


@media (hover: hover) {
	.cardSlider__stageOuter {
		overflow: hidden;
	}
}
.contentBox {
}


.contentBox__header {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--space-16);
	margin-bottom: var(--space-34);
}


.contentBox__header--limited {
	max-width: var(--page-width);
	margin-left: auto;
	margin-right: auto;
}


.contentBox__header > :first-child {
	flex: 1;
	flex-basis: var(--space-300);
}
.contentColumns {
	gap: 2rem clamp(1rem, 0.6364rem + 1.8182vw, 2rem);
	display: grid;
}

.contentColumn {
	grid-column: span 1;
	min-width: 0;
}

.centeredContentColumns .contentColumns {
	align-items: center;
}

@media only screen and (min-width: 45em) {
	.contentColumns--2cols,
	.contentColumns--3cols,
	.contentColumns--4cols,
	.contentColumns--5cols,
	.contentColumns--6cols,
	.contentColumns--7cols,
	.contentColumns--8cols,
	.contentColumns--9cols,
	.contentColumns--10cols,
	.contentColumns--11cols,
	.contentColumns--12cols {
	grid-template-columns: repeat(2, 1fr);
	}
}

@media only screen and (min-width: 53em) {
	.contentColumns--3cols,
	.contentColumns--4cols,
	.contentColumns--5cols {
		grid-template-columns: repeat(3, 1fr);
	}

	.contentColumn--2cols {
		grid-column: span 2;
	}
}

@media only screen and (min-width: 61em) {
	.contentColumns--4cols,
	.contentColumns--5cols {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media only screen and (min-width: 70em) {
	.contentColumns--5cols {
		grid-template-columns: repeat(5, 1fr);
	}
}
.contentDate {
	font-weight: var(--font-weight-bold);
}


.contentDate--space-32 {
	margin-bottom: var(--space-32);
}
.contentImage {
	display: block;
}


.contentImage--space-32 {
	margin-bottom: var(--space-32);
}
.contentPerex {
	font-weight: var(--font-weight-bold);
	font-size: var(--size-19);
	color: var(--color-gray-4);
}
.contentSwitcher {
	display: block;
}


.contentSwitcher__tabs {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-6-20);
	padding-bottom: var(--space-38);
	overflow: visible;
}


.contentSwitcher__tab {
	display: inline-block;
	padding: var(--space-11) var(--space-16-26);
	margin: 0;
	box-sizing: border-box;
	font: inherit;
	font-weight: var(--font-weight-bold);
	background-color: var(--color-white);
	background-image: none;
	font-size: var(--size-16);
	border: 1px solid var(--color-gray-6);
	cursor: pointer;
	text-decoration: none;
	border-radius: var(--radius-10);
	filter: drop-shadow(0 0.625rem 0.34375rem rgba(0,0,0,0.05));
	text-wrap: nowrap;
	position: relative;
}


.contentSwitcher__tab,
.contentSwitcher__tab:visited,
.contentSwitcher__tab:focus,
.contentSwitcher__tab:hover,
.contentSwitcher__tab:active {
	color: var(--color-gray-1);
}


.contentSwitcher__tab:hover,
.contentSwitcher__tab:active,
.contentSwitcher__tab:focus {
	text-decoration: underline;
}


.contentSwitcher__tab--active {
	background-color: var(--gradient-green-backgroundColor);
	background-image: var(--gradient-green-backgroundImage);
	border-color: transparent;
	background-clip: padding-box;
}


.contentSwitcher__tab--active,
.contentSwitcher__tab--active:visited,
.contentSwitcher__tab--active:focus,
.contentSwitcher__tab--active:hover,
.contentSwitcher__tab--active:active {
	color: var(--gradient-green-textColor);
}


.contentSwitcher__content {
	height: 0;
	overflow: hidden;
	padding: 0;
	margin: 0;
}


.contentSwitcher__content--active {
	height: auto;
	overflow: visible;
}


.contentSwitcher--v2 .contentSwitcher__tabs {
	padding-bottom: var(--space-50);
	flex-wrap: nowrap;
	overflow-x: overlay;
	overflow-y: hidden;
}


.contentSwitcher--v2 .contentSwitcher__tab--active:after {
	content: "";
	display: block;
	bottom: calc(-1 * var(--space-73));
	left: 0;
	right: 0;
	background: var(--gradient-5-backgroundColor);
	position: absolute;
	height: var(--space-32);
	margin-left: auto;
	margin-right: auto;
	width: var(--space-44);
	height: var(--space-44);
	transform: rotate(45deg);
	pointer-events: none;
}


.contentSwitcher--v2 .contentSwitcher__contents {
	background-color: var(--gradient-4-backgroundColor);
	background-image: var(--gradient-4-backgroundImage);
	color: var(--gradient-4-textColor);
	padding: var(--space-16-48) var(--space-15-44);
	border-radius: var(--radius-18);
}


.schoolFinder .contentSwitcher__tabs {
	gap: var(--space-4-20);
}


.schoolFinder .contentSwitcher__tab {
	padding-inline: var(--space-12-26);
}
.contentText {
	--contentText-space: 1.5rem;
	--link-color: var(--color-green-1);
	--link-visitedColor: var(--color-green-1);
	--link-hoverColor: var(--color-gray-1);

	margin-bottom: var(--space-32);
	font-size: var(--size-18);
	line-height: 1.75;
}


.contentText address,
.contentText dl,
.contentText iframe,
.contentText p,
.contentText pre,
.contentText ol,
.contentText .table,
.contentText table,
.contentText ul,
.contentText figure,
.contentText .contentColumns,
.contentText .wideContent {
	margin-bottom: var(--contentText-space);
}


.contentText :last-child,
.contentText ul ul,
.contentText ol ol,
.contentText ul ol,
.contentText ol ul {
	margin-bottom: 0;
}


.contentText h1,
.contentText h2,
.contentText h3,
.contentText h4,
.contentText h5,
.contentText h6 {
	margin-top: calc(2 * var(--contentText-space));
	margin-bottom: var(--contentText-space);
	color: var(--color-gray-1);
}


.contentText h1:first-child,
.contentText h2:first-child,
.contentText h3:first-child,
.contentText h4:first-child,
.contentText h5:first-child,
.contentText h6:first-child {
	margin-top: 0;
}


.contentText h1 {
	font-size: var(--size-30-48);
}


.contentText h2 {
	font-size: var(--size-27);
}


.contentText h3 {
	font-size: var(--size-24);
}


.contentText h4 {
	font-size: var(--size-21);
}


.contentText h5 {
	font-size: var(--size-19);
}


.contentText h6 {
	font-size: var(--size-16);
}


.contentText .table,
.contentText table {
	background: var(--color-gray-7);
}


.contentText .table--wide {
	width: 100%;
}


.contentText th,
.contentText td {
	padding: 1rem;
	border-bottom: 1px solid var(--color-gray-8);
	text-align: left;
	vertical-align: top;
}


.contentText th {
	background: var(--color-gray-6);
}
.contentTitle {
	margin-bottom: var(--space-32);
}
.figure img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


.figure--blockFull,
.figure--blockFull img {
	display: block;
	width: 100%;
}


.figure--blockRight img {
	display: block;
	margin-left: auto;
	margin-right: 0;
}


.figure--blockLeft img {
	display: block;
	margin-left: 0;
	margin-right: auto;
}


.figure--inlineLeft {
	float: left;
}


.figure--inlineRight {
	float: right;
}
.file-upload-input {
	display: block;
	border: 1px solid #ddd;
	border-radius: 0.25rem;
}


.file-upload-input input {
	box-sizing: border-box;
	font: inherit;
	font-weight: normal;
	padding: 0.5em 0.5em;
	width: 100%;
}


.file-upload-input__control {
	background: #f8f8f8;
	border-bottom: 1px solid #ddd;
	padding: 0.25em 0.25em;
	border-radius: 0.25rem 0.25rem 0 0;
}


.file-upload-input__file {
	padding: 0.25em 0.75em;
}


.file-upload-input__file-link { // TODO remove
	font-size: 87.5%;
}


.file-upload-input__file-preview {
	padding-top: 0.25em;
	padding-bottom: 0.25em;

}


.file-upload-input__file-preview img {
	display: block;
	max-width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}


.file-upload-input__toolbar {
	display: flex;
	flex-wrap: wrap;
	background: #f8f8f8;
	border-top: 1px solid #ddd;
	border-radius: 0 0 0.25rem 0.25rem;
}


.file-upload-input__button {
	display: block;
	font: inherit;
	line-height: inherit;
	flex: 1;
	text-decoration: none;
	box-sizing: border-box;
	padding: 0.5em 1em;
	color: #333;
	text-align: center;
	border: none;
	margin: 0;
	background: transparent;
	cursor: pointer;
	border-right: 1px solid #ddd;
}


.file-upload-input__button:hover,
.file-upload-input__button:focus,
.file-upload-input__button:active {
	background: #fbfbfb;
	color: #333;
	text-decoration: underline;
}


.file-upload-input__button:visited {
	color: #333;
}


.file-upload-input__button:first-child {
	border-bottom-left-radius: 0.25rem;
}


.file-upload-input__button:last-child {
	border-bottom-right-radius: 0.25rem;
	border-right: none;
}


.file-upload-input__button-label {
	font-size: 87.5%;
}


.file-upload-input--selected .file-upload-input__file,
.file-upload-input--selected .file-upload-input__toolbar,
.file-upload-input--empty .file-upload-input__file,
.file-upload-input--empty .file-upload-input__toolbar {
	display: none;
}


.file-upload-input--selected .file-upload-input__control,
.file-upload-input--empty .file-upload-input__control {
	border-bottom: none;
	border-radius: 0.25rem;
}
.form select,
.form textarea {
	box-sizing: border-box;
	font: inherit;
	font-weight: normal;
	padding: 0.5em 0.5em;
	width: 100%;
}
.formControl__errors {
	color: #de0000;
}
.formGroup {
	border: none;
	margin: 0 0 1em;
	padding: 0 1rem;
}


.formGroup__label {
	width: 100%;
	font-weight: bold;
	font-size: var(--size-18);
	margin: 0 -0.75em var(--space-14);
	padding: var(--space-14);
	background: #eee;
	border-radius: var(--radius-10);
	position: relative;
}


.formGroup__description {
	margin: 0 0 1em;
}
.formLabel {
	font-weight: bold;
	margin-bottom: 0.125em;
}


.formPair--required .formLabel:before {
	content: "*";
	display: inline-block;
	color: #de0000;
	margin-right: 0.25em;
}


.formPair--noRequiredSign .formLabel:before {
	content: none;
}
.formPair {
	margin-bottom: 0.75em;
}


.formPair--hp {
	height: 0;
	overflow: hidden;
	border: none;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}
.gallery {
	display: grid;
	gap: var(--space-16-46);
	grid-template-columns: repeat(auto-fill, minmax(var(--space-100-200), 1fr));
}


.gallery__item,
.gallery__itemLink,
.gallery__itemPhoto {
	display: block;
}


.gallery__item {
	min-width: 0;
}


.gallery__itemPhoto {
	border-radius: var(--radius-15);
	background: #1b1d21;
	max-width: 100%;
	height: auto;
	aspect-ratio: 1;
}
.headlineBlock {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-16) var(--space-32);
	align-items: baseline;
	justify-content: space-between;
}


.headlineBlock--space-19 {
	margin-bottom: var(--space-19);
}


.headlineBlock--space-31 {
	margin-bottom: var(--space-31);
}


.headlineBlock--v2 {
	gap: var(--space-16);
	flex-wrap: nowrap;
}


@media only screen and (min-width: 60rem) {
	.headlineBlock {
		flex-wrap: nowrap;
	}
}
.icon {
	display: inline-block;
	vertical-align: middle;
}
.infoTable {
	font-weight: var(--font-weight-light);
}


.infoTable,
.infoTable__body,
.infoTable__row {
	border: none;
	border-spacing: 0;
	display: block;
}


.infoTable__row {
	display: flex;
	align-items: baseline;
	gap: var(--space-16);
	flex-wrap: wrap;
	margin-bottom: var(--space-16);
}


.infoTable__cell {
	display: block;
	text-align: left;
	vertical-align: baseline;
	padding: 0;
	min-width: 25%;
}


.infoTable__cell:first-child:last-child {
	width: 100%;
}


.infoTable__cell--header {
	font-size: var(--size-18);
	font-weight: var(--font-weight-bold);
}


.infoTable--valign-middle {
	align-self: center;
}
.logo {
	display: inline-block;
	text-decoration: none;
}


.logo,
.logo:any-link:hover,
.logo:any-link:focus,
.logo:any-link:active,
.logo:any-link:visited {
	color: var(--logo-color);
}


.logo__image {
	display: block;
	max-width: 100%;
	margin: 0 auto;
	margin-bottom: var(--space-4);
}


.logo__img {
	display: block;
	max-width: 100%;
	height: auto;
}


.logo__text,
.logo__name,
.logo__motto {
	display: block;
}


.logo__name {
	font-size: var(--size-21);
	font-weight: var(--font-weight-black);
}


.logo__name em {
	font-weight: var(--font-weight-regular);
	font-style: normal;
}


.logo__motto {
}


.logo:any-link:hover .logo__name,
.logo:any-link:focus .logo__name,
.logo:any-link:active .logo__name {
	text-decoration: underline;
	color: inherit;
}


.logo--header {
	position: relative;
}


.logo--header .logo__image {
	width: 7.8125rem;
	margin-bottom: 0;
}


.logo--header .logo__name {
	font-size: var(--size-19);
}


.logo--footer {
	padding-top: var(--space-6);
	margin-bottom: var(--space-21);
	user-select: none;
}


.logo--footer .logo__image {
	width: 3.1875rem;
}
.footerContactBlock {
	display: grid;
	gap: var(--space-32);
	font-weight: var(--font-weight-light);
	padding-top: var(--space-20-60);
	padding-bottom: var(--space-46-138);
}


.footerContactBlock__header {
	font-weight: var(--font-weight-bold);
	font-size: var(--size-30-48);
	color: var(--color-gray-1);
	line-height: var(--line-height-125);
}


.footerContactBlock__sectionHeader {
	font-weight: var(--font-weight-bold);
	font-size: var(--size-18);
	color: var(--color-gray-1);
	margin-bottom: var(--space-18);
}


.footerContactBlock__sectionPerex {
	font-weight: var(--font-weight-light);
	font-size: var(--size-27);
	color: var(--color-gray-2);
	margin-bottom: var(--space-20);
}


@media only screen and (min-width: 40rem) {
	.footerContactBlock {
		grid-template-columns: 1fr 1fr;
	}


	.footerContactBlock__header {
		grid-column: span 2;
	}
}



@media only screen and (min-width: 60rem) {
	.footerContactBlock {
		grid-template-columns: 630fr 366fr 220fr;
	}


	.footerContactBlock__header {
		grid-column: span 1;
		max-width: 14ch;
	}


	.footerContactBlock__section {
		padding-top: var(--space-10);
	}
}
.footerItems {
	display: grid;
	gap: var(--space-36);
}


.footerItem {

}


.footerItem__header {
	color: var(--color-white);
	font-size: var(--size-18);
	font-weight: var(--font-weight-semibold);
	margin-bottom: var(--space-26);
}


.footerItem__content ul,
.footerItem__links {
	margin-left: 0;
	list-style: none;
}


.footerItem__content ul li,
.footerItem__link {
	margin-bottom: 1rem;
}


.footerItem__content ul a,
.footerItemLink {
	text-decoration: none;
	font-size: var(--size-15);
}


.footerItem__content ul a:hover,
.footerItem__content ul a:focus,
.footerItem__content ul a:active,
.footerItemLink:hover,
.footerItemLink:focus,
.footerItemLink:active {
	text-decoration: underline;
}


.footerItem__linkGroup {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-16);
	margin-top: var(--space-25);
}


@media only screen and (min-width: 25rem) {
	.footerItems {
		grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
	}
}
.loginForm {
	max-width: 30em;
	margin-left: auto;
	margin-right: auto;
}


.loginForm--space-30 {
	margin-bottom: var(--space-30);
}


.loginForm--space-60 {
	margin-bottom: var(--space-60);
}
.letterSelector {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-16) var(--space-60);
	font-weight: var(--font-weight-light);
}


.letterSelector__letter {
	padding: 0 var(--space-4);
	text-decoration: none;
}


.letterSelector__letter:hover,
.letterSelector__letter:focus,
.letterSelector__letter:active {
	text-decoration: underline;
}


.letterSelector__letter--current {
	font-weight: var(--font-weight-bold);
}
.mainMenu {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--space-16) var(--space-40);
	margin: 0;
	padding: 0;
	list-style: none;
	flex-direction: column;
}


.mainMenu--topPanel {
	border-top: 1px solid var(--gradient-4-backgroundColor);
	margin-top: var(--space-16);
	padding-top: var(--space-16);
}


.mainMenuLink {
	display: block;
	text-decoration: none;
	font-size: var(--size-16);
	font-weight: var(--font-weight-semibold);
	color: var(--color-gray-4);
}


.mainMenuLink:hover,
.mainMenuLink:focus,
.mainMenuLink:active {
	text-decoration: underline;
}


@media only screen and (min-width: 65em) {
	.mainMenu {
		flex-direction: row;
	}

	.mainMenu--topPanel {
		display: none;
	}
}
.modal {
	border: none;
	padding: 0;
	border-radius: var(--radius-18);
	padding: var(--space-8);
	filter: drop-shadow(0 0.625rem 0.34375rem rgba(0,0,0,0.05));
}


.modal__header {
	margin-bottom: var(--space-8);
	text-align: right;
}


.modal__closeButton {
	display: inline-block;
	padding: var(--space-8) var(--space-16);
	margin: 0;
	box-sizing: border-box;
	font: inherit;
	font-weight: var(--font-weight-semibold);
	background-color: var(--color-white);
	background-image: none;
	color: var(--gradient-green-textColor);
	font-size: var(--size-13);
	border: none;
	cursor: pointer;
	text-decoration: none;
	border-radius: var(--radius-10);
	white-space: nowrap;
	filter: drop-shadow(0 0.625rem 0.34375rem rgba(0,0,0,0.05));
	border: 1px solid var(--color-gray-6);
}


.modal__closeButton:hover,
.modal__closeButton:active,
.modal__closeButton:focus {
	text-decoration: underline;
}


.modal__closeButton,
.modal__closeButton:link,
.modal__closeButton:visited,
.modal__closeButton:hover,
.modal__closeButton:active,
.modal__closeButton:focus {
	color: var(--color-gray-0);
}
.newWebOffer {
	padding: var(--space-8);
	font-size: var(--size-14);

	--link-color: var(--color-green-1);
	--link-visitedColor: var(--color-green-1);
}
.paginator {
	color: var(--color-gray-1);
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-6-12);
	align-items: baseline;
	justify-content: end;
}
.paginatorBlock {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-24);
	justify-content: space-between;
}


.paginatorBlock__right {
	text-align: right;
}


.paginatorBlock--spaceTop-38 {
	margin-top: var(--space-38);
}
.post {
	display: flex;
	flex-direction: column;
	gap: 0;
	height: 100%;
}


.post__image {
	order: 1;
	margin-bottom: var(--space-32);
}


.post__image .image {
	background: var(--color-white);
}


.post__title {
	order: 3;
	font-size: var(--size-18);
	font-weight: var(--font-weight-bold);
	color: var(--color-gray-1);
	margin-bottom: var(--space-16);
}


.post__date {
	order: 2;
	font-size: var(--size-18);
	font-weight: var(--font-weight-bold);
	color: var(--color-gray-1);
	margin-bottom: var(--space-3);
}


.post__perex {
	order: 4;
	color: var(--color-gray-4);
	font-weight: var(--font-weight-light);
	margin-bottom: var(--space-24-50);
	flex: 1;
}


.post__more {
	order: 5;
}


.post--v2 {
	display: grid;
	grid-template-columns: var(--space-64-131) 1fr;
	grid-template-rows: auto auto;
	column-gap: var(--space-16);
	row-gap: 0;
}

.post--v2 .post__image,
.post--v2 .post__title,
.post--v2 .post__date,
.post--v2 .post__perex,
.post--v2 .post__more {
	order: 0;
	margin-bottom: 0;
	grid-column: 1 / 3;
	grid-row: span 1;
}

.post--v2 .post__date {
	display: none;
}

.post--v2 .post__title {
	align-self: center;
	font-size: var(--size-18-27);
	grid-column: 2 / 3;
	grid-row: span 1;
	margin-bottom: var(--space-16);
}

.post--v2 .post__image {
	margin-bottom: var(--space-16);
	grid-column: 1 / 2;
	grid-row: 1 / 2;
}

.post--v2 .post__more {
	grid-row: span 1;
	margin-top: var(--space-16-32);
}


.post--v3 {
	display: grid;
	grid-template-columns: var(--space-64-131) 1fr;
	grid-template-rows: auto auto;
	column-gap: var(--space-16);
	row-gap: 0;
}


.post--v3 .post__date {
	display: none;
}


.post--v3 .post__image,
.post--v3 .post__title,
.post--v3 .post__date,
.post--v3 .post__perex,
.post--v3 .post__more {
	order: 0;
	margin-bottom: 0;
	grid-column: 1 / 3;
	grid-row: span 1;
}


.post--v3 .post__title {
	align-self: center;
	font-size: var(--size-18-24);
	margin-bottom: var(--space-16);
	grid-column: 2 / 3;
	grid-row: span 1;
}


.post--v3 .post__image {
	margin-bottom: var(--space-16);
	grid-column: 1 / 2;
	grid-row: 1 / 2;
}


.post--v3 .post__more {
	grid-row: span 1;
	margin-top: var(--space-16-32);
}


@media only screen and (min-width: 40em) {
	.post--v3 {
		display: grid;
		grid-template-columns: var(--space-64-131) 1fr;
		grid-template-rows: auto auto;
		column-gap: var(--space-30);
		row-gap: 0;
	}

	.post--v3 .post__image,
	.post--v3 .post__title,
	.post--v3 .post__date,
	.post--v3 .post__perex,
	.post--v3 .post__more {
		order: 0;
		margin-bottom: 0;
		grid-column: 2 / 3;
		grid-row: span 1;
	}

	.post--v3 .post__title {
		margin-bottom: var(--space-16);
	}

	.post--v3 .post__image {
		margin-bottom: 0;
		grid-column: 1 / 2;
		grid-row: 1 / 3;
	}

	.post--v3 .post__more {
		grid-column: 2 / 3;
		grid-row: span 1;
		margin-top: var(--space-32);
	}
}



@media only screen and (min-width: 60em) {
	.post--v2 {
		display: grid;
		grid-template-columns: var(--space-131) 1fr;
		grid-template-rows: auto auto 1fr;
		column-gap: var(--space-30);
		row-gap: 0;
	}

	.post--v2 .post__image,
	.post--v2 .post__title,
	.post--v2 .post__date,
	.post--v2 .post__perex,
	.post--v2 .post__more {
		order: 0;
		margin-bottom: 0;
	}

	.post--v2 .post__date {
		display: none;
	}

	.post--v2 .post__title {
		grid-column: 1 / 3;
		grid-row: 1 / 2;
		margin-bottom: var(--space-27);
	}

	.post--v2 .post__image {
		grid-column: 1 / 2;
		grid-row: 2 / 4;
	}

	.post--v2 .post__perex {
		grid-column: 2 / 3;
		grid-row: 2 / 3;
		margin-bottom: var(--space-21);
	}

	.post--v2 .post__more {
		grid-column: 2 / 3;
		grid-row: 3 / 4;
	}

	.post--v3 .post__more {
		grid-column: 3 / 4;
		grid-row: 1 / 3;
		align-self: end;
	}
}
.programForm {
	display: block;
	max-width: var(--space-636);
}


.programForm__inputs,
.programForm__footer {
	gap: var(--space-16);
}


.programForm__inputs {
	margin-bottom: var(--space-20);
	display: grid;
}


.programForm__footer {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}


@media only screen and (min-width: 40rem) {
	.programForm__inputs {
		grid-template-columns: 1fr 1fr;
	}
}
.programTable {
	width: 100%;
	color: var(--color-gray-1);
	font-weight: var(--font-weight-light);
	font-size: var(--size-16);
}


.programTable__cell {
	text-align: left;
	vertical-align: baseline;
	padding: 0;
	padding-right: var(--space-16);
	padding-bottom: var(--space-11-32);
}


.programTable__cell:last-child {
	padding-right: 0;
}


.programTable__cell--header {
	font-weight: var(--font-weight-bold);
	font-size: var(--size-22);
	padding-bottom: var(--space-6-18);
}


.programTable__cell--header-primary {
	min-width: 16rem;
}
.quizAnswerInfo {
	margin-bottom: 0;
}


.quizAnswerInfo .quizAnswerInfo__paragraph {
	margin-bottom: var(--space-4);
}

.quizAnswerInfo__paragraph:last-child {
	margin-bottom: 0;
}

.quizAnswerInfo__detail {
	background-color: var(--gradient-4-backgroundColor);
	color: var(--gradient-4-textColor);
	padding: var(--space-6-20);
	border-radius: var(--radius-10);
	min-width: 0;
	margin-bottom: var(--space-4);
}


.quizAnswerInfo__feedback {
	margin-left: var(--space-32);
	margin-top: var(--space-16);
}


.quizAnswerInfo__feedback--correct {
	color: var(--color-green-1);
}


.quizAnswerInfo__feedback--incorrect {
	color: var(--color-red-1);
}
.quizForm .formPair {
	border-bottom: 1px solid var(--color-gray-6);
	padding-bottom: 1rem;
	margin-bottom: 1rem;
}


.quizForm .formLabel {
	font-weight: var(--font-weight-regular);
	margin-bottom: 0.5rem;
}

.quizForm .formControl label {
	display: flex;
	gap: 0.25rem;
	flex-wrap: wrap;
	align-items: baseline;
}


.quizForm .formPair--required .formLabel:before {
	content: none;
}
.searchForm {
	background: var(--color-white);
	position: relative;
	display: flex;
}


.searchForm:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border: 1px solid var(--color-gray-5);
	border-radius: var(--radius-10);
	pointer-events: none;
	z-index: 0;
}


.searchForm__input,
.searchForm__button {
	font: inherit;
	border: none;
	position: relative;
	z-index: 1;
	box-sizing: border-box;
	min-width: 0;
}


.searchForm__input {
	padding: var(--space-11) 0;
	padding-left: var(--space-38);
	margin: 1px 0 1px 1px;
	border-radius: var(--radius-10) 0 0 var(--radius-10);
	background: url('5-molecules/../../img/1_header_navigace_search.svg') no-repeat center left 0.875rem;
	background-size: 1.0625rem auto;
	flex: 1;
}


.searchForm__input,
.searchForm__input::placeholder {
	font-size: var(--size-14);
	font-weight: var(--font-weight-light);
	color: var(--color-gray-0);
}


.searchForm__button {
	font-size: var(--size-14);
	font-weight: var(--font-weight-semibold);
	padding: var(--space-13);
}
.serviceCard {
	display: flex;
	flex-direction: column;
	gap: var(--space-25);
}


.serviceCard__image {
	border-radius: var(--radius-15);
	overflow: hidden;
	flex: 1;
	background: var(--color-white);
	display: flex;
	align-items: center;
}


.serviceCard__content {
	background-color: var(--gradient-red-backgroundColor);
	background-image: var(--gradient-red-backgroundImage);
	color: var(--gradient-red-textColor);
	padding: var(--space-15-45);
	padding-top: var(--space-14-41);
	padding-bottom: var(--space-13-39);
	border-radius: var(--radius-15);
	font-size: var(--size-16);
	font-weight: var(--font-weight-light);
}


.serviceCard__content ul {
	list-style-type: "–  ";
	margin-left: var(--space-17);
}


.serviceCard__contentHeader {
	font-weight: var(--font-weight-bold);
	font-size: var(--size-27);
	margin-bottom: var(--space-14);
}


.serviceCard__contentButton {
	margin-top: var(--space-26);
	margin-bottom: var(--space-41);
}


.serviceCard__contentContact {
	display: block;
	font-size: var(--size-18);
	font-weight: var(--font-weight-bold);
}


.serviceCard__contentContactNumber {
	display: block;
	font-size: var(--size-27);
	font-weight: var(--font-weight-light);
}


@media only screen and (min-width: 60em) {
	.serviceCard {
		flex-direction: row;
	}


	.serviceCard__content {
		max-width: var(--space-364);
	}
}
.schoolFinder {
	background-color: var(--gradient-5-backgroundColor);
	background-image: url('5-molecules/../../img/1_prehled_skol.webp'),
		var(--gradient-5-backgroundImage);
	background-repeat: no-repeat;
	background-size: min(51.4375rem, 60vi), auto;
	background-position: bottom right;
	color: var(--gradient-5-textColor);
	border-radius: var(--radius-18);
	padding: var(--space-23-70) var(--space-16-67) var(--space-30-89);
}


.schoolFinder__header {
	font-size: var(--size-22-48);
	font-weight: var(--font-weight-semibold);
	color: var(--color-gray-1);
	margin-bottom: var(--space-24);
}


.schoolFinder--simple {
	background-image: var(--gradient-5-backgroundImage);
	background-repeat: no-repeat;
	background-size: auto;
	padding: var(--space-6-20);
}
.schoolFinderLink {
	--link-color: var(--color-gray-4);
	--link-visitedColor: var(--color-gray-4);
	--link-hoverColor: var(--color-green-1);

	font-size: var(--space-16);
	font-weight: var(--font-weight-light);
	text-decoration: none;
}


.schoolFinderLink--active {
	--link-color: var(--color-green-1);
	--link-visitedColor: var(--color-green-1);
	--link-hoverColor: var(--color-green-1);

	font-weight: var(--font-weight-semibold);
}


.schoolFinderLink:hover,
.schoolFinderLink:focus,
.schoolFinderLink:active {
	font-weight: var(--font-weight-semibold);
	text-decoration: underline;
}
.schoolFinderList {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	gap: var(--space-6) var(--space-32);
	flex-direction: column;
}


.schoolFinderList__item {
	padding: 0;
	margin: 0;
}


.schoolFinderList--space-42 {
	margin-bottom: var(--space-42);
}


.schoolFinderList--columns {
	max-width: var(--space-604);
	flex-wrap: wrap;
	flex-direction: row;
	column-gap: var(--space-16-32-for-320-480);
}


.schoolFinderList--columns .schoolFinderList__item {
	flex-basis: var(--space-110-180-for-320-520);
	flex-grow: 1;
}


@media only screen and (min-width: 30em) {
	.schoolFinderList--columns .schoolFinderList__item {
		flex-grow: 0;
	}
}
.schoolFinderMap {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-42);
}


.schoolFinderMap__district {
	font-weight: var(--font-weight-light);
}


.schoolFinderMap__map {
	background-image: var(--schoolFinderMap-url);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 100% auto;
}
.schoolFinderSelect {
	max-width: var(--space-274);
	font-weight: var(--font-weight-semibold);
	background-color: var(--color-white);
	background-image: url('5-molecules/../../img/2_selectbox_sipka_dolu.svg');
	background-repeat: no-repeat;
	background-position: center right var(--space-27);
	background-size: var(--space-11) auto;
	color: var(--color-gray-0);
	font-size: var(--size-16);
	text-decoration: none;
	border-radius: var(--radius-10);
	filter: drop-shadow(0 0.625rem 0.34375rem rgba(0,0,0,0.05));
	text-wrap: nowrap;
}


.schoolFinderSelect__select {
	padding: var(--space-11) var(--space-16-26);
	padding-right: var(--space-40);
	margin: 0;
	font: inherit;
	color: inherit;
	line-height: inherit;
	border: none;
	border-radius: 0;
	-webkit-appearance: none;
	appearance: none;
	background: transparent;
	box-sizing: border-box;
	display: block;
	width: 100%;
	cursor: pointer;
}


.schoolFinderSelect__select:disabled {
	color: var(--color-gray-2);
	cursor: not-allowed;
}


.schoolFinderSelect--wide {
	max-width: none;
}


.schoolFinderSelect--adaptive {
	max-width: none;
	flex: 1;
	flex-basis: 10rem;
}
.schoolInfo {
	display: flex;
	flex-direction: column;
	gap: var(--space-25);
}


.schoolInfo__primary {
	border-radius: var(--radius-15);
	background-color: var(--gradient-red-backgroundColor);
	background-image: var(--gradient-red-backgroundImage);
	color: var(--gradient-red-textColor);
	padding: var(--space-15-45);
}


.schoolInfo__secondary {
	border-radius: var(--radius-15);
	background: var(--color-white);
	color: var(--color-gray-1);
	padding: var(--space-15-45);
}


.schoolInfo__secondary--embed {
	padding: 0;
	width: 100%;
	height: 100%;
	min-height: 18.75rem;
}


@media only screen and (min-width: 60em) {
	.schoolInfo {
		display: grid;
		grid-template-columns: 22.75rem 1fr;
	}


	.schoolInfo--wide {
		display: block;
	}
}
.sponsoredCard {
	background-color: var(--color-white);
	padding: var(--space-10-30);
	padding-top: var(--space-30);
	border-radius: var(--radius-18);
	min-width: 0;
	filter: drop-shadow(0 0.625rem 0.34375rem rgba(0,0,0,0.05));
	position: relative;
}


.sponsoredCard__label {
	position: absolute;
	top: 0;
	left: 0;
	background-color: var(--gradient-red-backgroundColor);
	background-image: var(--gradient-red-backgroundImage);
	color: var(--gradient-red-textColor);
	border-radius: var(--radius-4);
	font-size: var(--size-14);
	font-weight: var(--font-weight-light);
	padding: 0 var(--space-6);
}
.textContent {
	--textContent-space: 1.5rem;
	--link-color: var(--color-green-1);
	--link-visitedColor: var(--color-green-1);
	--link-hoverColor: var(--color-gray-1);

	font-size: var(--size-16);
	font-weight: var(--font-weight-light);
	line-height: 1.75;
}


.textContent address,
.textContent dl,
.textContent iframe,
.textContent p,
.textContent pre,
.textContent ol,
.textContent table,
.textContent ul,
.textContent figure,
.textContent .contentColumns,
.textContent .wideContent,
.textContent .card {
	margin-bottom: var(--textContent-space);
}


.textContent :last-child,
.textContent ul ul,
.textContent ol ol,
.textContent ul ol,
.textContent ol ul {
	margin-bottom: 0;
}


.textContent h1,
.textContent h2,
.textContent h3,
.textContent h4,
.textContent h5,
.textContent h6 {
	margin-top: calc(2 * var(--textContent-space));
	margin-bottom: var(--textContent-space);
	font-weight: var(--font-weight-bold);
}


.textContent h1:first-child,
.textContent h2:first-child,
.textContent h3:first-child,
.textContent h4:first-child,
.textContent h5:first-child,
.textContent h6:first-child {
	margin-top: 0;
}


.textContent h1 {
	font-size: var(--size-30-48);
}


.textContent h2 {
	font-size: var(--size-27);
}


.textContent h3 {
	font-size: var(--size-24);
}


.textContent h4 {
	font-size: var(--size-21);
}


.textContent h5 {
	font-size: var(--size-19);
}


.textContent h6 {
	font-size: var(--size-16);
}


.textContent th,
.textContent td {
	padding: 1rem;
	padding-left: 0;
	text-align: left;
	vertical-align: top;
}


.textContent .textContentHeader--size-27 {
	font-size: var(--size-27);
}


.textContent .textContentHeader--space-14 {
	margin-bottom: var(--space-14);
}


.textContent--standard h1,
.textContent--standard h2,
.textContent--standard h3,
.textContent--standard h4,
.textContent--standard h5,
.textContent--standard h6 {
	color: var(--color-gray-1);
}


.textContent--space-auto {
	margin-bottom: var(--textContent-space);
}


.footer .textContent {
	--link-color: var(--color-white);
	--link-visitedColor: var(--color-white);
	--link-hoverColor: var(--color-white);
	font-weight: inherit;
	line-height: 1.85;
}
.tabs {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-6-20);
	padding-bottom: var(--space-38);
	overflow: visible;
}


.tabs__tab {
	display: inline-block;
	padding: var(--space-11) var(--space-16-26);
	margin: 0;
	box-sizing: border-box;
	font: inherit;
	font-weight: var(--font-weight-bold);
	background-color: var(--color-white);
	background-image: none;
	color: var(--color-gray-1);
	font-size: var(--size-16);
	border: 1px solid var(--color-gray-6);
	cursor: pointer;
	text-decoration: none;
	border-radius: var(--radius-10);
	filter: drop-shadow(0 0.625rem 0.34375rem rgba(0,0,0,0.05));
	text-wrap: nowrap;
	position: relative;
}


.tabs__tab:hover,
.tabs__tab:active,
.tabs__tab:focus {
	text-decoration: underline;
}


.tabs__tab--active {
	--link-color: var(--color-white);
	--link-visitedColor: var(--color-white);
	--link-hoverColor: var(--color-white);

	background-color: var(--gradient-green-backgroundColor);
	background-image: var(--gradient-green-backgroundImage);
	color: var(--gradient-green-textColor);
	border-color: transparent;
	background-clip: padding-box;
}
.topPanelContact {
	font-weight: var(--font-weight-semibold);
	display: inline-flex;
	gap: var(--space-12);
}


.topPanelContact__label {
	font-size: var(--size-14);
}
.topPanelMenu {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-16) var(--space-48);
	margin: 0;
	padding: 0;
	list-style: none;
	color: var(--color-white-2);
}


.topPanelMenu__item {
	display: none;
}


.topPanelMenu__item:first-child {
	display: block;
}


.topPanelLink {
	display: block;
	text-decoration: none;
	font: inherit;
	padding: 0;
	margin: 0;
	color: inherit;
	font-size: var(--size-14);
	font-weight: var(--font-weight-semibold);
	background: none;
	border: none;
	cursor: pointer;
}


.topPanelLink:hover,
.topPanelLink:focus,
.topPanelLink:active {
	text-decoration: underline;
}


.topPanelLink--more {
	background-image: url('5-molecules/../../img/0_top_navigace_sipka_dolu.svg');
	background-size: 0.6875rem auto;
	background-repeat: no-repeat;
	background-position: center right;
	padding-right: 1.1875rem;
}


@media only screen and (min-width: 65em) {
	.topPanelMenu__item {
		display: block;
	}
}
.topPanelSites {
	list-style: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
	width: 100%;
	height: 0;
	transform: scaleY(0);
	transform-origin: top;
	transition: transform 0.26s ease;
}


.topPanelSites__item {
	margin: 0;
	margin-top: var(--space-6);
	margin-bottom: var(--space-6);
}


.topPanelSite {
	font-size: var(--size-14);
	font-weight: var(--font-weight-semibold);
	color: var(--color-white-2);
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	flex-wrap: wrap;
}


.topPanelSite:hover,
.topPanelSite:focus,
.topPanelSite:active {
	text-decoration: underline;
}


.topPanelSites--active {
	height: auto;
	transform: scaleY(1);
	margin-left: calc(-1 * var(--space-140));
	padding-bottom: var(--space-32);
	width: auto;
}


@media only screen and (min-width: 30em) {
	.topPanelSites--active {
		margin-left: 0;
		padding-bottom: 0;
	}
}


@media only screen and (min-width: 60em) {
	.topPanelSites--active {
		background: url('5-molecules/../../../img/map-eu.png') no-repeat bottom right;
		background-size: auto 140%;
	}
}


@media only screen and (min-width: 65em) {
	.topPanelSites--active {
		width: 100%;
	}
}
.topSchoolsCta__header {
	font-size: var(--size-27);
	font-weight: var(--font-weight-bold);
	margin-bottom: var(--space-15);
}
.webauthor {
	font-size: var(--size-14);
	text-align: right;
}
.wideContent {
	overflow-x: overlay;
}
.ui-root {
	position: relative;
}
.ui-modalRoot {
	position: relative;
	z-index: 1;
}

.topPanel {
	background: var(--gradient-red-backgroundColor);
	background-image: var(--gradient-red-backgroundImage);
	color: #f4f7f9;
	padding: var(--space-16) 0;
}


.topPanel__block {
	max-width: var(--page-width);
	padding: 0 var(--page-margin);
	margin-left: auto;
	margin-right: auto;
	font-size: var(--size-14);
}


.topPanel__blockSpacer {
	padding-left: var(--space-140);
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: var(--space-16);
	row-gap: 0;
	flex-direction: column;
}


.topPanel__blockContacts {
	display: none;
	gap: var(--space-32);
	flex-wrap: wrap;
}


@media only screen and (min-width: 65em) {
	.topPanel__blockSpacer {
		padding-left: var(--space-188);
		flex-direction: row;
	}


	.topPanel__blockContacts {
		display: flex;
	}
}
.header {
	padding: 0;
	padding-bottom: 0.375rem;
}


.header__block {
	max-width: var(--page-width);
	padding: 0 var(--page-margin);
	margin-left: auto;
	margin-right: auto;
	display: flex;
	column-gap: var(--space-16);
	flex-wrap: wrap;
}


.header__blockGlobalLogo {
	position: relative;
	padding-top: var(--space-16);
}


.header__blockLogo {
	position: relative;
	margin-top: -2.5rem;
	margin-right: var(--space-32);
}


.header__blockMenuButton {
	align-self: center;
	flex: 1;
	text-align: right;
}


.header__blockNavigation {
	flex: 1;
	flex-basis: 100%;
	padding: var(--space-16) 0;
	padding: 0;
}


.header__blockSearch {
	flex: 1;
}


.header__blockNavigation,
.header__blockSearch {
	transform: scaleY(0);
	height: 0;
	padding-top: 0;
}


.page--menu-active .header__blockNavigation,
.page--menu-active .header__blockSearch {
	transform: none;
	height: auto;
	padding-top: 0;
}


.page--menu-active .header__blockNavigation {
	padding-top: 2.25rem;
}


.page--menu-active .header__blockSearch {
	padding-top: 1.5625rem;
}


@media only screen and (min-width: 65em) {
	.header__block {
		flex-wrap: nowrap;
	}


	.header__blockNavigation,
	.header__blockSearch {
		transform: none;
		height: auto;
		padding-top: 0;
	}


	.header__blockMenuButton {
		display: none;
	}


	.header__blockNavigation {
		flex: 1;
		padding-top: 2.25rem;
	}


	.header__blockSearch {
		max-width: var(--space-290);
		padding-top: 1.5625rem;
	}
}
.body {
	padding: var(--space-16) 0 var(--space-72);
}


.body__block {
	max-width: var(--page-width);
	padding: 0 var(--page-margin);
	margin-left: auto;
	margin-right: auto;
}


.body__block--wide {
	max-width: none;
}


.body__block--space-32 {
	margin-bottom: var(--space-32);
}


.body__block--space-52 {
	margin-bottom: var(--space-52);
}


.body__block--space-58 {
	margin-bottom: var(--space-58);
}


.body__block--space-71 {
	margin-bottom: var(--space-71);
}


.body__block--spaceTop-58 {
	margin-top: var(--space-58);
}


.body__block--gdcontainer {
	position: sticky;
	top: 1rem;
	z-index: 10;
}
.footerContact {
	background: var(--gradient-silver-backgroundColor);
	background-image: var(--gradient-silver-backgroundImage);
	background-image: url('6-organisms/../../img/4_paticka_mapa.webp');
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	color: var(--gradient-silver-textColor);
	padding: var(--space-16) 0;
}


.footerContact__block {
	max-width: var(--page-width);
	padding: 0 var(--page-margin);
	margin-left: auto;
	margin-right: auto;
}
.footer {
	background: var(--gradient-red-backgroundColor);
	background-image: var(--gradient-red-backgroundImage);
	color: var(--gradient-red-textColor);
	padding: var(--space-54) 0 var(--space-70);
}


.footer__block {
	max-width: var(--page-width);
	padding: 0 var(--page-margin);
	margin-left: auto;
	margin-right: auto;
	margin-bottom: var(--space-32);
}


.footer__block:last-child {
	margin-bottom: 0;
}

.u-list-stacked {
	list-style: none;
	margin-left: 0;
}
.u-space-4 {
	margin-bottom: var(--space-4);
}


.u-space-14 {
	margin-bottom: var(--space-14);
}


.u-space-24 {
	margin-bottom: var(--space-24);
}


.u-space-30 {
	margin-bottom: var(--space-30);
}


.u-space-32 {
	margin-bottom: var(--space-32);
}


.u-space-50 {
	margin-bottom: var(--space-50);
}


.u-spaceTop-14 {
	margin-top: var(--space-14);
}


.u-spaceTop-24 {
	margin-top: var(--space-24);
}


.u-spaceLeft-32 {
	margin-left: var(--space-32);
}
.u-text-size-13 {
	font-size: var(--size-13);
}


.u-text-size-14 {
	font-size: var(--size-14);
}


.u-text-size-18 {
	font-size: var(--size-18);
}


.u-text-size-27 {
	font-size: var(--size-27);
}


.u-text-fsize--2 {
	font-size: clamp(0.64rem, 0.7133rem + -0.0946vw, 0.6944rem);
}


.u-text-fsize--1 {
	font-size: clamp(0.8rem, 0.8446rem + -0.0576vw, 0.8331rem);
}


.u-text-fsize-0 {
	font-size: 1rem;
}


.u-text-fsize-1 {
	font-size: clamp(1.2rem, 1.1826rem + 0.087vw, 1.25rem);
}


.u-text-fsize-2 {
	font-size: clamp(1.44rem, 1.3974rem + 0.213vw, 1.5625rem);
}


.u-text-fsize-3 {
	font-size: clamp(1.7281rem, 1.6499rem + 0.3913vw, 1.9531rem);
}


.u-text-fsize-4 {
	font-size: clamp(2.0738rem, 1.9459rem + 0.6391vw, 2.4413rem);
}


.u-text-fsize-5 {
	font-size: clamp(2.4881rem, 2.292rem + 0.9804vw, 3.0519rem);
}


.u-text-fsize-6 {
	font-size: clamp(2.9863rem, 2.698rem + 1.4413vw, 3.815rem);
}


.u-text-fsize-7 {
	font-size: clamp(2.9863rem, 2.698rem + 1.4413vw, 3.815rem);
}


.u-text-left {
	text-align: left;
}


.u-text-center {
	text-align: center;
}


.u-text-right {
	text-align: right;
}


.u-text-justify {
	text-align: justify;
}


.u-valign-middle {
	vertical-align: middle;
}


.u-text-lh-175 {
	line-height: 1.75;
}


.u-text-breakable {
	word-break: break-word;
}


.u-text-muted {
	color: var(--color-gray-9);
}