@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Sora:wght@300;400;700&display=swap);

.table-wrapper .left-column a,
.table-wrapper .middle-column a,
.table-wrapper .right-column .row .cell a,
div[class*=DownloadSpecimen-DownloadSpecimen] > div[class*=DownloadSpecimen-DownloadSpecimen]:first-child {
	color: #001E4680;
	text-decoration: none;
	font-family: mont-bold;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	line-height: 1.9
}

.table-wrapper .left-column a:hover,
.table-wrapper .middle-column a:hover,
.table-wrapper .right-column .row .cell a:hover,
div[class*=DownloadSpecimen-DownloadSpecimen] > div:hover[class*=DownloadSpecimen-DownloadSpecimen]:first-child {
	color: #001e46
}

.table-wrapper .left-column a::before,
.table-wrapper .middle-column a::before,
.table-wrapper .right-column .row .cell a::before,
div[class*=DownloadSpecimen-DownloadSpecimen] > div:first-child[class*=DownloadSpecimen-DownloadSpecimen]::before {
	display: block;
	content: "";
	height: 2px;
	background-color: #78879d;
	transform-origin: left center;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0
}

.table-wrapper .left-column a:hover::before,
.table-wrapper .middle-column a:hover::before,
.table-wrapper .right-column .row .cell a:hover::before,
div[class*=DownloadSpecimen-DownloadSpecimen] > div:first-child[class*=DownloadSpecimen-DownloadSpecimen]:hover::before {
	transform: scale(0, 1);
	background-color: #001e46
}

.archetypes-wrapper .archetype .text,
.claim,
.tonalita .text,
.zivnostnici .text {
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
	letter-spacing: normal;
	color: #001e46;
	font-family: mont, sans-serif;
	font-size: 1rem
}

#catalog > div[class*=AppLayout-AppLayout] {
	flex-direction: row-reverse
}

#catalog > div[class*=AppLayout-AppLayout] > div[class*=AppLayout-AppLayout]:first-child {
	padding-left: 0 !important
}

#catalog > div[class*=AppLayout-AppLayout] > div[class*=AppLayout-AppLayout]:last-child {
	min-width: 300px;
	border-right: none;
	height: auto;
	overflow: visible;
	position: relative
}

@media screen and (max-width:999px) {
	#catalog > div[class*=AppLayout-AppLayout] > div[class*=AppLayout-AppLayout]:last-child {
		width: 300px;
		position: fixed;
		overflow-x: scroll
	}
}

#catalog > div[class*=AppLayout-AppLayout] > div[class*=AppLayout-AppLayout]:last-child > div {
	position: sticky;
	top: 0
}

@media screen and (max-width:999px) {
	#catalog > div[class*=AppLayout-AppLayout] > div[class*=AppLayout-AppLayout]:last-child > div {
		position: relative
	}
}

#catalog > div[class*=AppLayout-AppLayout] > div[class*=AppLayout-AppLayout]:last-child > div > div {
	background-color: #884dff
}

div[class*=AppLayout-AppLayout] > div[class*=Menu-Menu] ul a {
	font-weight: 300;
	padding: 21px 42px;
	font-weight: 300;
	font-size: 17px;
	border-top: 1px solid rgba(255, 255, 255, .1)
}

div[class*=AppLayout-AppLayout] > div[class*=Menu-Menu] > div[class*=Menu-Menu] > ul[class*=Menu-Menu] > li > a[class*=activeLinkStyle-activeLinkStyle] {
	color: #fff;
	background-color: #001e4699
}

div[class*=AppLayout-AppLayout] > div[class*=Menu-Menu] > div[class*=Menu-Menu] > ul[class*=Menu-Menu] > li > a[class*=activeLinkStyle-activeLinkStyle]:hover {
	color: #fff;
	background-color: #001e4699
}

div[class*=AppLayout-AppLayout] > div[class*=Menu-Menu] li.list-item > div > a[class*=linkStyle-linkStyle-linkStyle] {
	color: #fff;
	background-color: #001e4699
}

div[class*=AppLayout-AppLayout] > div[class*=Menu-Menu] li.list-item > div > a[class*=linkStyle-linkStyle-linkStyle]::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cg id='Group_181' data-name='Group 181' transform='translate(-840 6) rotate(-90)'%3E%3Cg id='Group_84' data-name='Group 84' transform='translate(-20 822)'%3E%3Crect id='Rectangle_7' data-name='Rectangle 7' width='2' height='2' transform='translate(20 18)' fill='%23fff'/%3E%3Crect id='Rectangle_8' data-name='Rectangle 8' width='2' height='2' transform='translate(20 18)' fill='%23fff'/%3E%3Crect id='Rectangle_9' data-name='Rectangle 9' width='2' height='2' transform='translate(22 20)' fill='%23fff'/%3E%3Crect id='Rectangle_10' data-name='Rectangle 10' width='2' height='2' transform='translate(22 20)' fill='%23fff'/%3E%3Crect id='Rectangle_11' data-name='Rectangle 11' width='2' height='2' transform='translate(24 22)' fill='%23fff'/%3E%3Crect id='Rectangle_12' data-name='Rectangle 12' width='2' height='2' transform='translate(24 22)' fill='%23fff'/%3E%3Crect id='Rectangle_13' data-name='Rectangle 13' width='2' height='2' transform='translate(22 24)' fill='%23fff'/%3E%3Crect id='Rectangle_14' data-name='Rectangle 14' width='2' height='2' transform='translate(22 24)' fill='%23fff'/%3E%3Crect id='Rectangle_15' data-name='Rectangle 15' width='2' height='2' transform='translate(20 26)' fill='%23fff'/%3E%3Crect id='Rectangle_16' data-name='Rectangle 16' width='2' height='2' transform='translate(20 26)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	background-position: center center;
	background-repeat: no-repeat
}

div[class*=AppLayout-AppLayout] > div[class*=Menu-Menu] li a:hover {
	background-color: #001E4612
}

div[class*=AppLayout-AppLayout] > div[class*=Menu-Menu] li li a {
	background-color: #f1f1f9;
	color: #001E46B3;
	border-top: 1px solid #fff;
	border-right: 1px solid #d3d3d3
}

div[class*=AppLayout-AppLayout] > div[class*=Menu-Menu] li li:first-child a {
	border-top: 0
}

div[class*=AppLayout-AppLayout] > div[class*=Menu-Menu] li a.active {
	background-color: #89e103;
	color: #023444
}

div[class*=AppLayout-AppLayout] > div[class*=Menu-Menu] a[class*=linkStyle] {
	position: relative
}

div[class*=AppLayout-AppLayout] > div[class*=Menu-Menu] > div[class*=Menu-Menu]:last-child {
	display: none
}

div[class*=AppLayout-AppLayout] > div[class*=Menu-Menu] ul[class*=listStyle] {
	padding: 0 0 0;
	background-color: #f1f1f9
}

ul[class*=Menu-Menu] > li.list-item > div > a[class*=linkStyle]::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 48px;
	display: block;
	width: 10px;
	height: 6px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cg id='Group_181' data-name='Group 181' transform='translate(-840 6) rotate(-90)'%3E%3Cg id='Group_84' data-name='Group 84' transform='translate(-20 822)'%3E%3Crect id='Rectangle_7' data-name='Rectangle 7' width='2' height='2' transform='translate(20 18)' fill='%23fff'/%3E%3Crect id='Rectangle_8' data-name='Rectangle 8' width='2' height='2' transform='translate(20 18)' fill='%23fff'/%3E%3Crect id='Rectangle_9' data-name='Rectangle 9' width='2' height='2' transform='translate(22 20)' fill='%23fff'/%3E%3Crect id='Rectangle_10' data-name='Rectangle 10' width='2' height='2' transform='translate(22 20)' fill='%23fff'/%3E%3Crect id='Rectangle_11' data-name='Rectangle 11' width='2' height='2' transform='translate(24 22)' fill='%23fff'/%3E%3Crect id='Rectangle_12' data-name='Rectangle 12' width='2' height='2' transform='translate(24 22)' fill='%23fff'/%3E%3Crect id='Rectangle_13' data-name='Rectangle 13' width='2' height='2' transform='translate(22 24)' fill='%23fff'/%3E%3Crect id='Rectangle_14' data-name='Rectangle 14' width='2' height='2' transform='translate(22 24)' fill='%23fff'/%3E%3Crect id='Rectangle_15' data-name='Rectangle 15' width='2' height='2' transform='translate(20 26)' fill='%23fff'/%3E%3Crect id='Rectangle_16' data-name='Rectangle 16' width='2' height='2' transform='translate(20 26)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	background-position: center center;
	background-size: contain;
	transform: translateY(-50%), rotate(180deg)
}

ul[class*=Menu-Menu] > li.list-item > div > a[class*=linkStyle-linkStyle-linkStyle]::after,
ul[class*=Menu-Menu] > li.list-item > div > a[class*=linkStyle-linkStyle-linkStyle]:hover::after {
	background: url(../web_images/arrow_menu_active.svg) center no-repeat
}

ul[class*=Menu-Menu] > li.list-item > div > a[class*=linkStyle-linkStyle-linkStyle]:hover {
	background-color: initial;
	color: initial
}

h1[class*=Menu-Menu] {
	text-align: center;
	box-sizing: border-box;
	margin: 0;
	padding-top: 95px;
	padding-bottom: 175px;
	height: 352px
}

h1[class*=Menu-Menu] div {
	margin-bottom: 0
}

#catalog > div[class*=AppLayout-AppLayout] > div[class*=AppLayout-AppLayout]:first-child {
	padding-left: 300px
}

@media screen and (max-width:999px) {
	#catalog > div[class*=AppLayout-AppLayout] > div[class*=AppLayout-AppLayout]:first-child {
		padding-left: 0
	}
}

.line {
	border-top: 1px #bebec0 solid;
	margin-bottom: 40px
}

.line.small-margin {
	margin-bottom: 20px
}

@media screen and (max-width:1300px) {
	.line {
		padding-top: 35px
	}
}

@media screen and (max-width:999px) {
	.line {
		padding-top: 30px
	}
}

@media screen and (max-width:850px) {
	.line {
		padding-top: 25px
	}
}

@media screen and (max-width:480px) {
	.line {
		padding-top: 20px
	}
}

h1 span[class*=linkStyle] {
	display: initial
}

h1 span[class*=linkStyle] a[class*=HeadingLink] {
	color: #001e46;
	visibility: hidden
}

h1 span[class*=linkStyle] a[class*=HeadingLink]::after {
	content: "link";
	color: #b5bdca;
	visibility: visible;
	margin-left: -20px;
	font-size: 16px;
	line-height: 1.1216;
	vertical-align: top
}

h1 span[class*=linkStyle] a[class*=HeadingLink]:hover::after {
	color: #00c8dc
}

a[class*=HeadingLink] {
	visibility: hidden
}

div[class*=Page-Page] {
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 152px;
	margin-left: 96px;
	margin-right: 96px
}

@media screen and (max-width:1300px) {
	div[class*=Page-Page] {
		margin-left: 50px;
		margin-right: 50px
	}
}

@media screen and (max-width:999px) {
	div[class*=Page-Page] {
		margin-left: 20px;
		margin-right: 20px
	}
}

h1 {
	font-size: 35px !important
}

.button {
	background-color: #f0f1f4;
	border: 1px solid #001e46;
	border-radius: 100px;
	line-height: 60px;
	text-align: center;
	height: 60px;
	display: inline-block;
	padding-left: 60px;
	padding-right: 90px;
	font-family: mont-bold;
	text-decoration: none;
	color: #001e46;
	position: relative;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	margin-top: 60px;
	margin-bottom: 140px
}

.button.small-margin {
	margin-bottom: 0
}

@media screen and (max-width:1300px) {
	.button {
		margin-top: 40px;
		margin-bottom: 115px
	}
}

@media screen and (max-width:999px) {
	.button {
		margin-top: 30px;
		margin-bottom: 90px
	}
}

@media screen and (max-width:850px) {
	.button {
		margin-top: 35px;
		margin-bottom: 65px
	}
}

@media screen and (max-width:480px) {
	.button {
		margin-top: 20px;
		margin-bottom: 40px
	}
}

.button:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 60px;
	display: block;
	width: 19px;
	height: 24px;
	background: url(../web_images/icon_download_dark.svg) center no-repeat;
	background-size: contain;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	transform: translateY(-60%)
}

.button:hover {
	background-color: #001e46;
	border-color: #001e46;
	color: #fff
}

.button:hover:after {
	background: url(../web_images/icon_download_white.svg) center no-repeat;
	background-size: contain;
	transform: translateY(-60%)
}

div[class*=DownloadSpecimen-DownloadSpecimen] {
	background-color: #f0f1f4;
	padding: 0;
	height: auto;
	flex-grow: 0;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	border: none
}

div[class*=DownloadSpecimen-DownloadSpecimen] > div[class*=DownloadSpecimen-DownloadSpecimen]:first-child {
	font-size: 15px;
	padding-right: 30px;
	position: relative
}

div[class*=DownloadSpecimen-DownloadSpecimen] > div[class*=DownloadSpecimen-DownloadSpecimen]:first-child:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	display: block;
	width: 19px;
	height: 24px;
	background: url(../web_images/icon_download_light.svg) center no-repeat;
	background-size: contain;
	transform: translateY(-60%)
}

div[class*=DownloadSpecimen-DownloadSpecimen] > div[class*=DownloadSpecimen-DownloadSpecimen]:first-child:hover::after {
	background: url(../web_images/icon_download_dark.svg) center no-repeat;
	transform: translateY(-60%);
	background-size: contain
}

div[class*=DownloadSpecimen-DownloadSpecimen] svg {
	display: none
}

.description p {
	margin-top: 30px;
	font-family: mont-bold;
	line-height: 28px
}

div[class*=Html-Html] {
	background: 0 0;
	border: none
}

.catalog-1rlx4pq-PageHeader-className {
	background-color: #f1f1f9;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.catalog-1rlx4pq-PageHeader-className h1,
.catalog-1rlx4pq-PageHeader-className h2 {
	display: none
}

@media screen and (max-width:999px) {
	.catalog-1rlx4pq-PageHeader-className {
		height: 70px;
		background-color: #fff;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 100;
		-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .12);
		-moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .12);
		box-shadow: 0 0 6px 0 rgba(0, 0, 0, .12)
	}

	.catalog-1rlx4pq-PageHeader-className h1 {
		display: block;
		position: fixed;
		top: 25px;
		left: 70px;
		color: #001E4680;
		font-size: 16px;
		line-height: 24px
	}
}

.catalog-1rlx4pq-PageHeader-className.hidden {
	transform: translateY(-110%)
}

.hamburger {
	color: #001e46;
	position: fixed;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	left: 20px;
	top: 25px
}

.hamburger.hidden {
	transform: translateY(-300%)
}

table[class*=Table-Table] {
	margin-top: 60px
}

@media screen and (max-width:1300px) {
	table[class*=Table-Table] {
		margin-top: 50px
	}
}

@media screen and (max-width:999px) {
	table[class*=Table-Table] {
		margin-top: 40px
	}
}

@media screen and (max-width:850px) {
	table[class*=Table-Table] {
		margin-top: 30px
	}
}

@media screen and (max-width:480px) {
	table[class*=Table-Table] {
		margin-top: 20px
	}
}

table[class*=Table-Table] thead {
	border-bottom: 1px solid #5c6f89
}

table[class*=Table-Table] tbody tr {
	border-bottom: 1px solid #cbd0d9
}

table[class*=Table-Table] tbody tr:last-child {
	border-bottom: none
}

table[class*=Table-Table] th {
	font-size: 16px;
	font-family: mont-semibold;
	color: #001E4666
}

table[class*=Table-Table] td,
table[class*=Table-Table] th {
	min-width: 60px
}

table[class*=Table-Table] th:first-of-type {
	font-size: 20px;
	font-family: mont-bold;
	color: #001e46
}

table[class*=Table-Table] td:first-of-type {
	min-width: 150px
}

table[class*=Table-Table] td,
table[class*=Table-Table] th {
	height: 60px;
	vertical-align: middle
}

@media screen and (max-width:999px) {

	table[class*=Table-Table] td,
	table[class*=Table-Table] th {
		height: 50px
	}
}

@media screen and (max-width:850px) {

	table[class*=Table-Table] td,
	table[class*=Table-Table] th {
		margin-top: 40px
	}
}

table[class*=Table-Table] thead th:nth-child(3),
table[class*=Table-Table] thead th:nth-child(4),
table[class*=Table-Table] thead th:nth-child(5),
table[class*=Table-Table] thead th:nth-child(6),
table[class*=Table-Table] tr td:nth-child(3),
table[class*=Table-Table] tr td:nth-child(4),
table[class*=Table-Table] tr td:nth-child(5),
table[class*=Table-Table] tr td:nth-child(6) {
	text-align: center
}

div[class*=Span-Span]:nth-of-type(1) thead th:nth-child(3),
div[class*=Span-Span]:nth-of-type(1) tr td:nth-child(3) {
	text-align: left
}

div[class*=Span-Span]:nth-of-type(3) thead th:nth-child(2),
div[class*=Span-Span]:nth-of-type(3) tr td:nth-child(2) {
	text-align: center
}

h1[class*=h1-headingStyle]:not(:first-child) {
	margin-top: 0;
	padding-top: 75px
}

@media screen and (max-width:1300px) {
	h1[class*=h1-headingStyle]:not(:first-child) {
		padding-top: 60px
	}
}

@media screen and (max-width:999px) {
	h1[class*=h1-headingStyle]:not(:first-child) {
		padding-top: 60px
	}
}

@media screen and (max-width:850px) {
	h1[class*=h1-headingStyle]:not(:first-child) {
		padding-top: 30px
	}
}

@media screen and (max-width:480px) {
	h1[class*=h1-headingStyle]:not(:first-child) {
		padding-top: 30px
	}
}

@media screen and (max-width:999px) {
	h1[class*=h1-headingStyle]:first-child {
		margin-top: 110px
	}
}

h1[class*=h1-headingStyle] {
	margin-bottom: 18px
}

h2[class*=h2-headingStyle] {
	font-size: 20px
}

h2[class*=h2-headingStyle] + h2[class*=h2-headingStyle] {
	margin-top: 5px;
	margin-bottom: 30px
}

@media screen and (max-width:999px) {
	h2[class*=h2-headingStyle] + h2[class*=h2-headingStyle] {
		margin-bottom: 20px
	}
}

@media screen and (max-width:480px) {
	h2[class*=h2-headingStyle] + h2[class*=h2-headingStyle] {
		margin-bottom: 10px
	}
}

h3[class*=h3-headingStyle] {
	font-size: 16px;
	line-height: 28px
}

h3[class*=h3-headingStyle] + p {
	margin: 0
}

p[class*=p-Styled] {
	max-width: 758px;
	line-height: 28px
}

strong {
	font-family: mont-bold
}

p[class*=p-Styled] + h2[class*=h2-headingStyle] {
	padding-top: 46px;
	border-top: 1px solid #cbd0d9
}

@media screen and (max-width:999px) {
	p[class*=p-Styled] + h2[class*=h2-headingStyle] {
		padding-top: 35px;
		margin-top: 35px
	}
}

@media screen and (max-width:480px) {
	p[class*=p-Styled] + h2[class*=h2-headingStyle] {
		padding-top: 25px;
		margin-top: 25px
	}
}

ul[class*=ul-Styled] {
	padding-left: 0
}

ul[class*=ul-Styled] li {
	list-style-position: inside
}

div[class*=NavigationBar-NavigationBar] {
	display: none
}

.table-wrapper {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap
}

.table-wrapper .left-column {
	margin-right: 60px;
	margin-bottom: 30px;
	flex: 0 0 151px
}

.table-wrapper .left-column a {
	position: relative;
	font-size: 15px;
	display: block
}

.table-wrapper .left-column a:after {
	content: '';
	display: inline-block;
	line-height: normal;
	width: 20px;
	height: 15px;
	background: url(../web_images/icon_download_light.svg) center no-repeat;
	background-size: contain;
	margin-left: 10px
}

.table-wrapper .left-column a:hover::after {
	background: url(../web_images/icon_download_dark.svg) center no-repeat;
	background-size: contain
}

.table-wrapper .middle-column {
	flex-grow: 0;
	margin-right: 90px
}

.table-wrapper .middle-column a {
	position: relative;
	font-size: 15px;
	display: block
}

.table-wrapper .middle-column a:after {
	content: '';
	display: inline-block;
	line-height: normal;
	width: 9px;
	height: 9px;
	background: url(../web_images/arrow_right_light.svg) center no-repeat;
	background-size: contain;
	margin-left: 10px
}

.table-wrapper .middle-column a:hover::after {
	background: url(../web_images/arrow_right_dark.svg) center no-repeat
}

.table-wrapper .middle-column a.open:after {
	background: url(../web_images/arrow_right_dark.svg) center no-repeat;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out
}

.table-wrapper .middle-column a.open {
	color: #001e46
}

.table-wrapper .middle-column a.open::before {
	background-color: #001e46
}

.table-wrapper .middle-column .row.second {
	display: none;
	margin-top: 60px;
	margin-bottom: 60px
}

.table-wrapper .middle-column .row.second.open {
	display: block
}

@media screen and (max-width:850px) {
	.table-wrapper .middle-column .row.second.open {
		margin-top: 30px;
		margin-bottom: 30px
	}
}

.table-wrapper .right-column {
	display: flex;
	flex-direction: column;
	font-size: 15px;
	flex-grow: 1;
	justify-content: flex-start;
	visibility: hidden;
	opacity: 0;
	height: 0;
	overflow: auto
}

.table-wrapper .right-column.open {
	visibility: visible;
	opacity: 1;
	height: auto;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out
}

.table-wrapper .right-column .row {
	display: flex;
	flex-direction: row
}

.table-wrapper .right-column .row .cell {
	display: inline-block;
	line-height: 1.9
}

@media screen and (min-width:1400px) {
	.table-wrapper .right-column .row .cell {
		flex: 1 1 0px
	}
}

.table-wrapper .right-column .row .cell.header {
	color: #001E4666;
	font-family: mont-semibold;
	margin-right: 30px;
	flex: 0 0 130px
}

@media screen and (max-width:480px) {
	.table-wrapper .right-column .row .cell.header {
		margin-right: 0
	}
}

.table-wrapper .right-column .row .cell a {
	position: relative;
	padding-right: 30px;
	margin-left: 30px;
	float: right
}

@media screen and (max-width:480px) {
	.table-wrapper .right-column .row .cell a {
		margin-left: 15px
	}
}

.table-wrapper .right-column .row .cell a:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	display: block;
	width: 19px;
	height: 24px;
	background: url(../web_images/icon_download_light.svg) center no-repeat;
	background-size: contain;
	transform: translateY(-60%)
}

.table-wrapper .right-column .row .cell a:hover:after {
	background: url(../web_images/icon_download_dark.svg) center no-repeat;
	background-size: contain;
	transform: translateY(-60%)
}

.table-wrapper .right-column .row:first-child {
	border-bottom: 1px solid #cbd0d9
}

.table-wrapper .right-column .row:first-child .cell {
	padding-bottom: 30px
}

@media screen and (max-width:850px) {
	.table-wrapper .right-column .row:first-child .cell {
		padding-bottom: 15px
	}
}

.table-wrapper .right-column .row:last-child .cell {
	padding-top: 30px
}

@media screen and (max-width:850px) {
	.table-wrapper .right-column .row:last-child .cell {
		padding-top: 15px
	}
}

.image-wrapper {
	display: flex;
	max-width: 100%
}

.image-wrapper.margin-bottom-100 {
	margin-bottom: 100px
}

.image-wrapper.margin-bottom-36 {
	margin-bottom: 36px
}

.image-wrapper.margin-bottom-24 {
	margin-bottom: 24px
}

.image-wrapper.margin-left--3 {
	margin-left: -3%
}

.image-wrapper .image {
	max-width: calc(50% - 15px)
}

.image-wrapper .image:first-child {
	margin-right: 30px
}

.image-wrapper .image img:not(.without-margin) {
	margin-left: -6%
}

.image-wrapper img {
	max-width: 100%;
	height: auto;
	align-self: flex-start
}

.image-wrapper img.shadow {
	-webkit-box-shadow: 5px 7px 20px 0 rgba(0, 0, 0, .2);
	-moz-box-shadow: 5px 7px 20px 0 rgba(0, 0, 0, .2);
	box-shadow: 5px 7px 20px 0 rgba(0, 0, 0, .2)
}

.image-wrapper img.span-3 {
	max-width: calc(50% - 30px)
}

.image-wrapper img.span-3:first-child {
	margin-right: 60px
}

.image-wrapper img.span-3-margin-30 {
	max-width: calc(50% - 15px)
}

.image-wrapper img.span-3-margin-30:first-child {
	margin-right: 30px
}

.archetypes-wrapper {
	display: flex;
	flex-direction: column
}

.archetypes-wrapper .archetype {
	display: flex;
	flex-direction: row;
	align-items: center
}

@media screen and (max-width:999px) {
	.archetypes-wrapper .archetype {
		flex-direction: column;
		align-items: flex-start
	}
}

.archetypes-wrapper .archetype:first-child {
	margin-bottom: 100px
}

.archetypes-wrapper .archetype .image {
	min-width: 33%;
	flex-shrink: 0;
	background-size: contain;
	padding-top: 33%
}

@media screen and (max-width:999px) {
	.archetypes-wrapper .archetype .image {
		min-width: 66%;
		padding-top: 66%
	}
}

@media screen and (max-width:480px) {
	.archetypes-wrapper .archetype .image {
		min-width: 100%;
		padding-top: 100%
	}
}

.archetypes-wrapper .archetype .image.one-of-us {
	background-image: url(../../assets/komunikacni_styl/img_15.svg)
}

.archetypes-wrapper .archetype .image.creator {
	background-image: url(../../assets/komunikacni_styl/img_16.svg)
}

.archetypes-wrapper .archetype .text {
	margin: 0 auto;
	max-width: 350px;
	width: 67%;
	flex-shrink: 0
}

@media screen and (max-width:999px) {
	.archetypes-wrapper .archetype .text {
		margin: initial;
		margin-top: 20px;
		width: 66%;
		max-width: initial
	}
}

@media screen and (max-width:480px) {
	.archetypes-wrapper .archetype .text {
		width: 100%
	}
}

.archetypes-wrapper .archetype .text .heading {
	font-family: mont-bold;
	font-size: 20px
}

.tonalita {
	display: flex;
	flex-direction: row;
	align-items: center;
	background-color: #fff
}

@media screen and (max-width:1200px) {
	.tonalita {
		flex-direction: column-reverse;
		align-items: initial;
		width: 60%
	}
}

@media screen and (max-width:600px) {
	.tonalita {
		width: 100%
	}
}

.tonalita .text {
	width: 60%;
	max-width: 420px;
	margin: 0 auto;
	padding: 30px
}

@media screen and (max-width:1200px) {
	.tonalita .text {
		width: 80%;
		padding: initial;
		margin: 30px;
		float: left
	}
}

.tonalita .text p.bold {
	font-family: mont-bold
}

.tonalita .text p {
	margin-bottom: 2rem
}

.tonalita .image {
	width: 40%;
	background-image: url(../../assets/komunikacni_styl/img_17.png);
	padding-top: 60%;
	background-size: cover
}

@media screen and (max-width:1200px) {
	.tonalita .image {
		width: 100%;
		padding-top: 160%
	}
}

.zivnostnici {
	display: flex;
	flex-direction: row;
	align-items: center
}

.zivnostnici.margin-bottom-30 {
	margin-bottom: 30px
}

@media screen and (max-width:1200px) {
	.zivnostnici {
		flex-direction: column;
		align-items: initial;
		width: 60%
	}
}

@media screen and (max-width:600px) {
	.zivnostnici {
		width: 100%
	}
}

.zivnostnici .text {
	width: 60%;
	max-width: 420px;
	margin: 0 auto;
	padding: 30px
}

@media screen and (max-width:1200px) {
	.zivnostnici .text {
		width: 100%;
		padding: initial;
		margin: 0;
		margin-top: 30px;
		float: left;
		max-width: 758px
	}
}

.zivnostnici .text p.bold {
	font-family: mont-bold
}

.zivnostnici .text p {
	margin-bottom: 2rem
}

.zivnostnici .image {
	width: 40%;
	padding-top: 50%;
	background-size: cover
}

.zivnostnici .image.little {
	background-image: url(../../assets/komunikacni_styl/img_18.png)
}

.zivnostnici .image.middle {
	background-image: url(../../assets/komunikacni_styl/img_19.png)
}

.zivnostnici .image.big {
	background-image: url(../../assets/komunikacni_styl/img_20.png)
}

@media screen and (max-width:1200px) {
	.zivnostnici .image {
		width: 100%;
		padding-top: 120%
	}
}

.claim {
	background-color: #fff;
	padding: 65px 130px;
	margin-bottom: 30px
}

.claim.no-margin {
	margin-bottom: 0
}

@media screen and (max-width:1000px) {
	.claim {
		padding: 65px
	}
}

.claim .heading {
	font-size: 30px;
	font-family: mont-bold;
	margin-bottom: 30px;
	line-height: 40px
}

.claim p {
	max-width: 720px
}

.claim p:not(:last-child) {
	margin-bottom: 30px
}

.claim .slogan {
	font-size: 40px;
	font-family: mont-bold;
	line-height: 50px;
	text-align: center;
	margin: 50px 0
}

.select {
	position: relative;
	display: flex;
	height: 45px;
	width: 318px;
	max-width: 95%;
	margin: 0 auto
}

.select__placeholder {
	position: relative;
	width: 100%;
	height: 45px;
	background-color: #9764ff
}

.select__placeholder:hover {
	-webkit-box-shadow: 0 0 0 0 20px rgba(127, 138, 153, .15) silver;
	-moz-box-shadow: 0 0 0 0 20px rgba(127, 138, 153, .15) silver;
	box-shadow: 0 0 0 0 20px rgba(127, 138, 153, .15) silver
}

.select__placeholder__label {
	position: absolute;
	top: 0;
	left: 18px;
	right: 18px;
	display: flex;
	align-items: center;
	height: 100%;
	padding-right: 20px;
	font-size: 17px;
	opacity: 0;
	color: #fff;
	font-weight: 300;
	-moz-transition: .3s;
	-o-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s
}

.select__placeholder__label:after {
	content: "";
	right: 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cg id='Group_87' data-name='Group 87' transform='translate(-840 6) rotate(-90)'%3E%3Cg id='Group_84' data-name='Group 84' transform='translate(-20 822)'%3E%3Crect id='Rectangle_7' data-name='Rectangle 7' width='2' height='2' transform='translate(20 18)' fill='%23fff'/%3E%3Crect id='Rectangle_8' data-name='Rectangle 8' width='2' height='2' transform='translate(20 18)' fill='%23fff'/%3E%3Crect id='Rectangle_9' data-name='Rectangle 9' width='2' height='2' transform='translate(22 20)' fill='%23fff'/%3E%3Crect id='Rectangle_10' data-name='Rectangle 10' width='2' height='2' transform='translate(22 20)' fill='%23fff'/%3E%3Crect id='Rectangle_11' data-name='Rectangle 11' width='2' height='2' transform='translate(24 22)' fill='%23fff'/%3E%3Crect id='Rectangle_12' data-name='Rectangle 12' width='2' height='2' transform='translate(24 22)' fill='%23fff'/%3E%3Crect id='Rectangle_13' data-name='Rectangle 13' width='2' height='2' transform='translate(22 24)' fill='%23fff'/%3E%3Crect id='Rectangle_14' data-name='Rectangle 14' width='2' height='2' transform='translate(22 24)' fill='%23fff'/%3E%3Crect id='Rectangle_15' data-name='Rectangle 15' width='2' height='2' transform='translate(20 26)' fill='%23fff'/%3E%3Crect id='Rectangle_16' data-name='Rectangle 16' width='2' height='2' transform='translate(20 26)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
	width: 10px;
	height: 6px;
	-moz-transition: .3s;
	-o-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s;
	position: absolute;
	right: 0;
	transform: rotate(180deg)
}

.select__placeholder.active .select__placeholder__label:after {
	transform: rotate(0)
}

.select__placeholder__label.active {
	opacity: 1
}

.select__btn {
	cursor: default;
	position: relative;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 45px;
	width: 45px;
	background-color: #8ae203;
	text-decoration: none
}

.select__btn__arrow {
	background-image: url("data:image/svg+xml,%3Csvg id='Component_2_1' data-name='Component 2 – 1' xmlns='http://www.w3.org/2000/svg' width='6' height='10' viewBox='0 0 6 10'%3E%3Crect id='Rectangle_8' data-name='Rectangle 8' width='2' height='2' fill='%23023444'/%3E%3Crect id='Rectangle_10' data-name='Rectangle 10' width='2' height='2' transform='translate(2 2)' fill='%23023444'/%3E%3Crect id='Rectangle_12' data-name='Rectangle 12' width='2' height='2' transform='translate(4 4)' fill='%23023444'/%3E%3Crect id='Rectangle_14' data-name='Rectangle 14' width='2' height='2' transform='translate(2 6)' fill='%23023444'/%3E%3Crect id='Rectangle_16' data-name='Rectangle 16' width='2' height='2' transform='translate(0 8)' fill='%23023444'/%3E%3C/svg%3E");
	width: 6px;
	height: 10px;
	display: inline-block
}

.select__btn.active {
	cursor: pointer;
	background-color: #89e103
}

.select__btn__arrow {
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	-moz-transition: .3s;
	-o-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s;
	-moz-transition: all cubic-bezier(.22, .61, .36, 1) .5s;
	-o-transition: all cubic-bezier(.22, .61, .36, 1) .5s;
	-webkit-transition: all cubic-bezier(.22, .61, .36, 1) .5s;
	transition: all cubic-bezier(.22, .61, .36, 1) .5s
}

.select__btn.active:hover .select__btn__arrow {
	transform: translate(2px, 0);
	-webkit-transform: translate(2px, 0);
	-moz-transform: translate(2px, 0);
	-ms-transform: translate(2px, 0)
}

.select__items-wrapper {
	pointer-events: none;
	z-index: 1;
	overflow: hidden;
	position: absolute;
	top: 45px;
	left: 0;
	width: calc(100% - 45px);
	margin-bottom: 45px;
	background-color: transparent;
	max-height: 0;
	-moz-transition: max-height cubic-bezier(.22, .61, .36, 1) .4s;
	-o-transition: max-height cubic-bezier(.22, .61, .36, 1) .4s;
	-webkit-transition: max-height cubic-bezier(.22, .61, .36, 1) .4s;
	transition: max-height cubic-bezier(.22, .61, .36, 1) .4s
}

.select__items-wrapper.active {
	max-height: 2000px
}

.select__items {
	background-color: #9764ff;
	opacity: 0;
	transform: translate(0, -100%);
	-webkit-transform: translate(0, -100%);
	-moz-transform: translate(0, -100%);
	-ms-transform: translate(0, -100%);
	-moz-transition: .4s;
	-o-transition: .4s;
	-webkit-transition: .4s;
	transition: .4s;
	-moz-transition: all cubic-bezier(.22, .61, .36, 1) .4s;
	-o-transition: all cubic-bezier(.22, .61, .36, 1) .4s;
	-webkit-transition: all cubic-bezier(.22, .61, .36, 1) .4s;
	transition: all cubic-bezier(.22, .61, .36, 1) .4s
}

.select__items-wrapper.active .select__items {
	opacity: 1;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0)
}

.select__item {
	pointer-events: all;
	display: block;
	padding: 0 18px
}

.select__item__wrapper {
	display: flex;
	align-items: center;
	padding: 16.5px 0;
	border-top: 1px solid rgba(255, 255, 255, .2);
	opacity: 0;
	-moz-transition: .4s;
	-o-transition: .4s;
	-webkit-transition: .4s;
	transition: .4s
}

.select__items-wrapper.active .select__item__wrapper {
	opacity: 1;
	-moz-transition-delay: .2s;
	-o-transition-delay: .2s;
	-webkit-transition-delay: .2s;
	transition-delay: .2s
}

.select__item__logo {
	width: 100%;
	height: 16px;
	background: center left no-repeat;
	background-size: contain;
	-moz-transition: .4s;
	-o-transition: .4s;
	-webkit-transition: .4s;
	transition: .4s
}

.lang-switcher-wrapper {
	display: flex;
	align-items: center;
	position: fixed;
	top: 45px;
	right: 45px;
	z-index: 5
}

.lang-switcher {
	position: relative;
	margin-left: 24px;
	padding-left: 24px;
	height: 24px;
	font-size: 16px
}

.lang-switcher__inner:hover .lang-switcher__cur-lang:after {
	transform: rotate(180deg)
}

.lang-switcher__cur-lang {
	cursor: pointer;
	display: block;
	line-height: 24px;
	padding-right: 21px;
	color: #023444
}

.lang-switcher__cur-lang:hover {
	color: #000
}

.lang-switcher__cur-lang:after {
	content: '';
	position: absolute;
	top: 0;
	left: auto;
	display: block;
	width: 12px;
	height: 100%;
	right: 0;
	pointer-events: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cg id='Group_192' data-name='Group 192' transform='translate(850) rotate(90)'%3E%3Cg id='Group_84' data-name='Group 84' transform='translate(-20 822)'%3E%3Crect id='Rectangle_7' data-name='Rectangle 7' width='2' height='2' transform='translate(20 18)' fill='%23023444'/%3E%3Crect id='Rectangle_8' data-name='Rectangle 8' width='2' height='2' transform='translate(20 18)' fill='%23023444'/%3E%3Crect id='Rectangle_9' data-name='Rectangle 9' width='2' height='2' transform='translate(22 20)' fill='%23023444'/%3E%3Crect id='Rectangle_10' data-name='Rectangle 10' width='2' height='2' transform='translate(22 20)' fill='%23023444'/%3E%3Crect id='Rectangle_11' data-name='Rectangle 11' width='2' height='2' transform='translate(24 22)' fill='%23023444'/%3E%3Crect id='Rectangle_12' data-name='Rectangle 12' width='2' height='2' transform='translate(24 22)' fill='%23023444'/%3E%3Crect id='Rectangle_13' data-name='Rectangle 13' width='2' height='2' transform='translate(22 24)' fill='%23023444'/%3E%3Crect id='Rectangle_14' data-name='Rectangle 14' width='2' height='2' transform='translate(22 24)' fill='%23023444'/%3E%3Crect id='Rectangle_15' data-name='Rectangle 15' width='2' height='2' transform='translate(20 26)' fill='%23023444'/%3E%3Crect id='Rectangle_16' data-name='Rectangle 16' width='2' height='2' transform='translate(20 26)' fill='%23023444'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	-moz-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
	transition: all ease-in-out .3s
}

.lang-switcher__langs {
	position: absolute;
	top: 24px;
	right: 0;
	padding: 6px;
	padding-right: 0;
	margin-top: 0;
	border-radius: 4px;
	overflow: hidden;
	opacity: 0;
	pointer-events: none;
	-moz-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
	transition: all ease-in-out .3s;
	transform: translateY(-5px)
}

.lang-switcher__inner:hover .lang-switcher__langs {
	opacity: 1;
	pointer-events: all;
	transform: translateY(0)
}

.lang-switcher__lang-link {
	display: block;
	text-decoration: none;
	text-align: right;
	cursor: pointer
}

.lang-switcher__lang-wrapper {
	display: block;
	padding: 6px 8px;
	padding-right: 0;
	border-radius: 4px;
	color: #001e46
}

.lang-switcher__lang-wrapper:hover {
	-moz-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
	transition: all ease-in-out .3s;
	color: #000;
	text-decoration: underline
}

.lang-switcher__long {
	display: inline-block
}

.lang-switcher__short {
	display: none
}

@media screen and (max-width:999px) {
	.lang-switcher-wrapper {
		top: 25px;
		right: 25px
	}

	.lang-switcher__long {
		display: none
	}

	.lang-switcher__short {
		display: inline-block
	}

	.lang-switcher__langs {
		opacity: 1;
		position: relative;
		top: 0;
		padding: 0
	}

	.lang-switcher__inner:hover .lang-switcher__langs {
		opacity: 1;
		pointer-events: all;
		transform: translate(0px, -5px);
		-webkit-transform: translate(0px, -5px);
		-moz-transform: translate(0px, -5px);
		-ms-transform: translate(0px, -5px)
	}

	.lang-switcher__cur-lang:hover {
		cursor: initial;
		color: #888
	}

	.lang-switcher__cur-lang:after {
		display: none
	}

	.lang-switcher__inner {
		display: flex
	}

	.lang-switcher__cur-lang {
		margin-right: 0;
		padding-right: 10px;
		color: #888
	}
}

body,
html {
	min-height: 100%;
	scroll-behavior: smooth
}

body {
	font-family: Sora, sans-serif
}

.start {
	margin: 0;
	padding: 0;
	background-color: #884dff;
	position: relative;
	min-height: 100vh;
	overflow: hidden
}

.start:after {
	content: "";
	position: absolute;
	right: 0;
	background: url(../img/starter.svg) no-repeat right center;
	background-size: contain;
	height: 100%;
	width: 25.44%;
	display: block;
	top: 0
}

@media (max-width:800px) {
	.start:after {
		height: 35%;
		top: auto;
		bottom: 0;
		width: 100%;
		background: url(../img/starter-rotate.svg) no-repeat center bottom;
		background-size: 100% auto
	}
}

.start__site {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	height: 100%;
	position: relative;
	justify-content: center;
	padding-top: 20vh;
	box-sizing: border-box
}

@media (max-width:500px) {
	.start__site {
		padding-top: 10vh
	}
}

.start__logo {
	margin-bottom: 20vh;
	width: 318px;
	max-width: 90%
}

@media (max-width:500px) {
	.start__logo {
		margin-bottom: 10vh
	}
}

.start__login {
	text-align: center
}

h1[class*=h1-headingStyle],
h2[class*=h2-headingStyle] {
	font-weight: 600
}

hr {
	border-top: 1px solid #fff !important;
	height: 1px !important
}

.catalog-1sj7oem-Menu-className {
	min-height: 200px;

}

.catalog-kueho4-Menu-className {
	padding-top: 65px;
}

div[class*="Menu"] li a.active {
	background-color: #001E464D !important;
	color: #001E46B3 !important;
	font-family: mont-bold !important;
}

div[class*="Menu"] li a[class*="linkStyle"],
div[class*="Menu"] li a[class*="linkStyle"]:hover {
	border-top: none;
    border-bottom: 1px solid rgb(255 255 255 / 20%);
}

.catalog-1rlx4pq-PageHeader-className {
	display: none;
}

.catalog-1ay59nr-linkStyle-activeLinkStyle-activeLinkStyle,
.catalog-1ay59nr-linkStyle-activeLinkStyle-activeLinkStyle:hover,
.catalog-1ay59nr-linkStyle-activeLinkStyle-activeLinkStyle:focus,
.catalog-kb8lve-linkStyle-linkStyle-linkStyle,
.catalog-kb8lve-linkStyle-linkStyle-linkStyle:hover,
.catalog-kb8lve-linkStyle-linkStyle-linkStyle:focus {
	background: #023444;
	padding: 16px 40px 16px 40px;
}

.catalog-kb8lve-linkStyle-linkStyle-linkStyle {
	position: relative;
}

.catalog-1izc71t-linkStyle-linkStyle-linkStyle-activeLinkStyle-activeLinkStyle,
.catalog-1izc71t-linkStyle-linkStyle-linkStyle-activeLinkStyle-activeLinkStyle:hover,
.catalog-1izc71t-linkStyle-linkStyle-linkStyle-activeLinkStyle-activeLinkStyle:focus {
	background: #89E103;
	color: #023444;
}

div[class*="Menu"] li li a[class*="linkStyle"] {
	padding: 16px 24px 16px 60px;
	color: #023444;
}

div[class*="Menu"] ul ul {
	background: #F1F1F9 0% 0% no-repeat padding-box;
	padding-bottom: 0;
}

.catalog-gu4ck3-Menu-className {
	display: none;
}

.catalog-kb8lve-linkStyle-linkStyle-linkStyle:after {
	content: '';
	position: absolute;
	top: 0;
	left: auto;
	display: block;
	width: 10px;
	height: 100%;
	right: 25px;
	pointer-events: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cg id='Group_181' data-name='Group 181' transform='translate(-840 6) rotate(-90)'%3E%3Cg id='Group_84' data-name='Group 84' transform='translate(-20 822)'%3E%3Crect id='Rectangle_7' data-name='Rectangle 7' width='2' height='2' transform='translate(20 18)' fill='%23fff'/%3E%3Crect id='Rectangle_8' data-name='Rectangle 8' width='2' height='2' transform='translate(20 18)' fill='%23fff'/%3E%3Crect id='Rectangle_9' data-name='Rectangle 9' width='2' height='2' transform='translate(22 20)' fill='%23fff'/%3E%3Crect id='Rectangle_10' data-name='Rectangle 10' width='2' height='2' transform='translate(22 20)' fill='%23fff'/%3E%3Crect id='Rectangle_11' data-name='Rectangle 11' width='2' height='2' transform='translate(24 22)' fill='%23fff'/%3E%3Crect id='Rectangle_12' data-name='Rectangle 12' width='2' height='2' transform='translate(24 22)' fill='%23fff'/%3E%3Crect id='Rectangle_13' data-name='Rectangle 13' width='2' height='2' transform='translate(22 24)' fill='%23fff'/%3E%3Crect id='Rectangle_14' data-name='Rectangle 14' width='2' height='2' transform='translate(22 24)' fill='%23fff'/%3E%3Crect id='Rectangle_15' data-name='Rectangle 15' width='2' height='2' transform='translate(20 26)' fill='%23fff'/%3E%3Crect id='Rectangle_16' data-name='Rectangle 16' width='2' height='2' transform='translate(20 26)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	-moz-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
	transition: all ease-in-out .3s;
}

.lang-switcher-wrapper {
	z-index: 0;
}

.catalog-t8445o-AppLayout-className {
	z-index: 1;
}

.catalog-rzq8ot-AppLayout-className {
	color: #001E46;
	position: fixed;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	left: 20px;
	top: 20px;
}

.catalog-1eeq7af-Menu-className {
	border-bottom: 0px !important;
}

@media screen and (max-width: 999px) {
	.catalog-1rlx4pq-PageHeader-className {
		display: block;
	}

	.catalog-acr50z-PageHeader-className {
		display: none;
	}

	.catalog-4z2fou-PageHeader-className {
		display: block;
		position: fixed;
		top: 25px;
		left: 70px;
		color: #001E4680;
		font-size: 16px !important;
		line-height: 24px;
		font-weight: 700;
	}
}

.lang-switcher__cur-lang {
	cursor: pointer;
	display: block;
	line-height: 24px;
	padding-right: 21px;
	color: #888888;
}

.lang-switcher__short {
	display: none;
}

@media screen and (max-width: 999px) {
	.lang-switcher__cur-lang {
		margin-right: 0;
		padding-right: 10px;
		color: #888;
	}

	.lang-switcher__long {
		display: none;
	}

	.lang-switcher__short {
		display: inline-block;
	}
	
}
