:root {
    --c-00: #000000;
    --c-01: #ffffff;

    --c-02: #184584;
    --c-03: linear-gradient(180deg, rgba(192, 228, 239, 1) 0%, rgba(192, 228, 239, 0) 100%);
    --c-04: #2263bd;
    --c-05: #4d83d1;

	--sc01: 1.5;

	--f-01: "Noto Serif", serif;
	--f-02: "Playfair Display", serif;
}

body {
  font-family: var(--f-01);
  font-optical-sizing: auto;
  font-style: normal;
  margin: 0;
}
* {
	box-sizing: border-box;
	position: relative;
}
img {
	vertical-align: bottom;
}
.section {
	width: 100%;
	margin: 0;
	padding: 0;
}
.container {
	width: 100%;
	max-width: 1100px;
	margin: auto;
	padding: 4rem 1rem;
}
h1, h2, h3, h4 {
  font-family: var(--f-02);
  font-optical-sizing: auto;
  color: var(--c-02);
  font-weight: bold;
}
h1 {
	font-size: 4rem;
	font-weight: bold;
	line-height: 4rem;
}
h2 {
	font-size: 3rem;
	font-weight: bold;
	line-height: 3.5rem;
}
h4 {
	font-size: 1.525rem;
	font-weight: bold;
	line-height: 2rem;
}
a {
	color: var(--c-02);
}
p {
	font-size: 1.1rem;
}
.mb0 {
	margin-bottom: 0;
}
.mt0 {
	margin-top: 0;
}
.mt1 {
	margin-top: 1rem;
}
.mw1 {
	max-width: 700px;
}
.mla > * {
	margin: 0 0 0 auto;
}
.mlra > * {
	margin: 0 auto 0 auto;
}
.tar {
	text-align: right;
}
.tac {
	text-align: center;
}
.br {
	display: block;
}
.fl {
	display: flex;
	gap: 3rem;
}
.fl.fl50 > * {
	width: 50%;
}
.fl.fllc70 > *:last-child {
	width: 70%;
}
.fl.fllc65 > *:last-child {
	width: 65%;
}
.fl.flfc30 > *:first-child {
	width: 30%;
}
.fl.flfc40 > *:first-child {
	width: 40%;
}
.nu a {
	text-decoration: none;
}
.ahu a:hover {
	text-decoration: underline;
}
.bt {
	border-radius: 4rem;
	border: solid .3rem var(--c-02);
	padding: 0.5rem 1.5rem;
	font-family: var(--f-01);
	font-weight: bold;
	font-size: 1.2rem;
	max-width: 20rem;
	width: 100%;
	display: block;
	text-align: center;
	margin-top: 1rem;
	cursor: pointer;

}
.bt.bt2 {
	background: var(--c-02);
	color: var(--c-01);
}
.bt:hover {
	background: var(--c-01);
	color: var(--c-02);
}
.cl2 {
	color: var(--c-02);
}
.s0 .container {
/*	max-width: 1400px; */
}
.s0 h2 {
	position: absolute;
	right: 1rem;
	top: 1rem;
	font-size: 2.73rem;
}
.s0 h3 {
	position: absolute;
	right: 1rem;
	top: 5.5rem;
	text-align: right;
	font-weight: bold;
}
.s0 a {
	width: 17rem;
	display: block;
}
.s0 a img {
	width: 100%;
}
.s1 h2 {
	font-weight: normal;
	font-size: 2.5rem;
}
.s1 h1 {
	margin-top: 1rem;
}
.s2 img {
	width: 100%;
}
.s3 .c1 {
	text-align: justify;
}
.s345 {
	background: var(--c-03);
}
.s5 > * {
	background: url(/images/layout_02.png) no-repeat center right;
	background-size: 50% auto;
}
.s5 .c1 p {
	text-align: justify;
}
.s6 > * {
	background: url(/images/layout_03.png) no-repeat center left;
	background-size: auto 100%;
}
.s6 .c2 {
	text-align: justify;
}
.s7 {
	color: var(--c-02);
}
.s7 > *.bg {
	background: url(/images/layout_04.png) no-repeat center right;
	background-size: auto 100%;
	padding-bottom: 0;
}
.s7 a span {
	font-family: var(--f-02);
    font-optical-sizing: auto;
    color: var(--c-02);
	font-size: 2rem;
	display: block;
	border-bottom: solid 1px var(--c-02);
	margin-bottom: 1rem;
	padding-bottom: 1rem;
}
.s7 .pr > * > * {
	flex: 1;
	padding-top: 2rem;
	padding-bottom: 1rem;
}
.s7 .pr .pic {
	width: 100%;
	margin-bottom: 1rem;
	display: none;
}
.s7  a {
	flex: 1;
}
.s7 .pr > * {

}
.s7 .pr .po1 {
	display: flex;
	gap: 2rem;
	font-family: var(--f-02);
	font-size: 2rem;
	border-bottom: solid 1px var(--c-02);
    margin-bottom: 2rem;
}
.s7 .pr .po1 .c1 {
	font-weight: bold;
	font-size: 2.4rem
	/* color: var(--c-05); */
}
.s7 .pr .po2 {
	display: flex;
	gap: 2rem;
}
.s7 .pr .po2 .c1 {
	font-family: var(--f-02);
	font-size: 2rem;
	font-weight: bold;
}
.s7 .pr .po2 > * {
	padding-top: 0;
}
.s7 .pr .po2 .c2 {
	text-align: justify;
}
.s7 .pr .po2 ul {
	list-style: none;
	padding: 0;
}
.s7 .pr .po2 li {
	margin-bottom: .5rem;
	border-left: solid 1px var(--c-02);
	padding-left: 1rem;
	color: var(--c-02);
	text-align: left;
}
.s7 .pr .po3 {
    display: flex;
    gap: 2rem;
    font-family: var(--f-02);
    font-size: 1.7rem;
    /* border-bottom: solid 1px var(--c-02); */
    margin-bottom: 3rem;
}
.s7 .pr .po3 .c1 {
	font-family: var(--f-02);
	font-size: 2rem;
	font-weight: bold;
}
.s7 .pr .po3 .c2 {
    font-family: var(--f-02);
}


.s8 > * {
	background: url(/images/layout_05.png) no-repeat center left;
	background-size: auto 100%;
}
.s8 p:not(:last-child)::after {
	content: '';
	display: block;
	width: 35%;
	border-top: solid 1px var(--c-02);
	margin-top: 1.5rem;
}

.s9 > * {
	background: url(/images/layout_07.png) no-repeat center right;
    background-size: 50% auto;
}
.s20 {
	margin-top: 5rem;
}
.s20 .container {
	border-top: solid 1px var(--c-02);
}
.s21 {
	background: url(/images/layout_01.png) no-repeat center top;
	background-size: 100% auto ;
}
.iframecover.hidden {
	height: 0;
	overflow: hidden;
}

.partnerzy {
	display: flex;
    justify-content: center;
    align-items: center;
    gap: 4rem;
	flex-wrap: wrap;
}

@media (max-width: 1000px) {
    html {
        font-size: 0.8em;
    }
	.container {
		padding: 4rem 2rem;
	}
	.s0 h2 {
		top: 7rem;
	}
	.s0 h3 {
		top: 11.5rem;
	}
}
@media (max-width: 800px) {
	.s5 > * {
	/*	background-size: auto 80%; */
	}
	.s9 > * {
		background-size: 40% auto;
	}
}
@media (max-width: 700px) {
	.fl {
		gap: 2rem;
	}
	.fl.flcl700 {
		flex-direction: column;
	}
	.fl.flcl700 > * {
		width: 100%;
	}
	.s1 {
		margin-top: 5rem;
	}
	.s5 .fl {
		padding-top: 77vw;
	}
	.s9 > * {
		padding-top: 57vw;
	}
	.s5 > *, .s9 > * {
		background-position: top center;
		background-size: 80% auto;
	}
	.s7 .fl {
		flex-wrap: wrap;
	}
	.s7 .fl a span {
		text-wrap: nowrap;
	}
}
@media (max-width: 600px) {
	.br {
		display: none;
	}
	.fl.flcl600 {
		flex-direction: column;
	}
	.fl.flcl600 > * {
		width: 100% !important;
	}
	.s6 .fl {
		gap: 0;
	}
	.s6 h2 {
		margin-bottom: 1.2rem;
	}
	.s7 .pr .po1, .s7 .pr .po2, .s7 .pr .po3  {
		flex-direction: column;
		gap: 0;
	}
	.s7 .pr .po1 > *, .s7 .pr .po3 > * {
		padding-top: 0;
	}
	.s7 .pr .po1 .c1, .s7 .pr .po3 .c1 {
		padding-bottom: 0;
	}
}