@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

@font-face {
    font-family: "kefa";
    src: url("kefa.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}



:root {
    font-size: 20px;

    --c1: #cde41d;
    --c2: #73c72c;
    --c3: #0d232e;
    --c4: #65b8e2;
    --kolor: #73c72c;
    --kolor2: #60b11c;
    --r1: 2.2em;
    --r2: 3.1em;
    --r25: 3.5em;
    --r27: 3.9em;
    --r3: 4.1em;
    --r35: 5.1em;
    --r4: 5.7em;
    --r45: 7.3em;
    --r5: 6.85em;
    --r55: 7.1em;
    --r57: 7.9em;
    --r6: 8.3em;
    --r7: 9.8em;

    --rozmiar-logo-male: 200px;
    --rozmiar-logo-duze: 42vw;
}

@media(max-width:1600px) {
    :root {
        font-size: 18px;
        --rozmiar-logo-male: 130px;
        --rozmiar-logo-duze: 49vw;
    }
}

@media(max-width:1400px) {
    :root {
        font-size: 17px;
        --rozmiar-logo-male: 120px;
        --rozmiar-logo-duze: 49vw;
    }
}

@media(max-width:1200px) {
    :root {
        font-size: 16px;
        --rozmiar-logo-male: 100px;
        --rozmiar-logo-duze: 40vw;
    }
}

@media(max-width:1000px) {
    :root {
        font-size: 15px;
        --rozmiar-logo-male: 100px;
        --rozmiar-logo-duze: 40vw;
    }
}

@media(max-width:800px) {
    :root {
        font-size: 15px;
        --rozmiar-logo-male: 100px;
        --rozmiar-logo-duze: 600px;
    }
}

@media(max-width:600px) {
    :root {
        font-size: 15px;
        --rozmiar-logo-male: 80px;
        --rozmiar-logo-duze: 500px;
    }
}

@media(max-width:500px) {
    :root {
        font-size: 15px;
        --rozmiar-logo-male: 80px;
        --rozmiar-logo-duze: 400px;
    }
}

@media(max-width:400px) {
    :root {
        font-size: 14px;
        --rozmiar-logo-male: 80px;
        --rozmiar-logo-duze: 300px;
    }
}

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;
}

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;
}

b,
strong {
    font-weight: bold;
}

i,
em {
    font-style: italic;
}

.rwContentBox ul,
.cn ul {
    list-style-type: disc;
    margin: 20px 0;
    margin-left: 45px;
}

.rwContentBox ol,
.cn ol {
    list-style-type: decimal;
    margin: 20px 0;
    margin-left: 55px;
}

.rwContentBox li,
.cn li {
    padding-left: 0px;
}

.rwContentBox table td {
    vertical-align: top;
}

div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
form {
    position: relative;
    margin: 0;
    padding: 0;
    display: block;
    font-weight: normal;
}

ul {
    margin-top: 0;
}

img {
    border: 0;
}

body {
    font-family: lato, sans-serif;
    font-weight: 300;
    /*
	background-image: -moz-radial-gradient(center, ellipse cover, #ffffff 33%, #bebfc1 100%);
	background-image: -webkit-radial-gradient(center, ellipse cover, #ffffff 33%, #bebfc1 100%);
	background-image: radial-gradient(center, ellipse cover, #ffffff 33%, #bebfc1 100%);
*/
}

a {
    color: var(--c2);
    text-decoration: none;
}

.ovr {
    position: relative;
    width: 100%;
    min-height: 100vh;
    overflow: hidden;
}

.lay {
    position: absolute;
    overflow: hidden;

    right: 7rem;
    top: calc(var(--rozmiar-logo-male) /2);
    width: var(--rozmiar-logo-duze);
    height: calc(var(--rozmiar-logo-duze) * 1.1);
    font-size: calc(var(--rozmiar-logo-duze) / 100);
}

@media(max-width:1600px) {
    .lay {
        right: 4rem;
        top: calc(var(--rozmiar-logo-male) /1);
    }
}

body:not(.thisishomepage) .lay {
    display: none !important;
}

body:not(.thisishomepage) .lay {
    display: none !important;
}

body:not(.thisishomepage).page-id-2710 .lay {
    display: block !important;
}

@media(max-width:1000px) {
    .lay {
        width: 100%;
        right: 0;
        top: calc(var(--rozmiar-logo-male) / -4);
        position: relative;
    }
}


@media(max-width:800px) {
    .lay {
        width: 100%;
        top: 0;
        position: relative;
    }
}



.lay+.lay,
a.homelink {
    position: absolute;
    display: block;
    right: auto;
    left: 0;
    top: 0;
    width: calc(var(--rozmiar-logo-male) * 1.5);
    height: calc(var(--rozmiar-logo-male) * 1.1);
    font-size: calc(var(--rozmiar-logo-male) / 100);
}


body:not(.thisishomepage) .lay+.lay {
    display: block !important;
}


@media(max-width:800px) {
    .lay+.lay {
        display: none;
    }
}

.log {
    width: 100em;
    height: 105em;
    margin: 0 auto;
    /*
	background: url(care.png) no-repeat center 27%;
	background-size: 160% auto;
	*/
}

/*
.log::before {
	content: '';
	width: 100%;
	height: 100%;
	background: #fffc;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	}
*/
.kropki>* {
    border-radius: 99em;
    position: absolute;
    aspect-ratio: 1/1;
}

#k1,
#k1r {
    width: var(--r6);
    background: var(--c1);
    left: 15.8em;
    top: 66.2em;


    display: none;
}

#k1r {
    left: calc(100em - 15.8em - var(--r6));
}

#k2,
#k2r {
    width: var(--r27);
    background: var(--c2);
    left: 9.5em;
    top: 66.0em;


    display: none;
}

#k2r {
    left: calc(100em - 9.5em - var(--r27));
}

#k3,
#k3r {
    width: var(--r5);
    background: var(--c3);
    left: 12.0em;
    top: 57.5em;



    display: none;
}

#k3r {
    left: calc(100em - 12em - var(--r5));
}

#k4,
#k4r {
    width: var(--r4);
    background: var(--c2);
    left: 13.3em;
    top: 48.95em;



    display: none;
}

#k4r {
    left: calc(100em - 13.3em - var(--r4));
}

#k5,
#k5r {
    width: var(--r3);
    background: var(--c2);
    left: 5.0em;
    top: 53.3em;



    display: none;
}

#k5r {
    left: calc(100em - 5em - var(--r3));
}

#k6,
#k6r {
    width: var(--r3);
    background: var(--c1);
    left: 8.4em;
    top: 43.55em;



    display: none;
}

#k6r {
    left: calc(100em - 8.4em - var(--r3));
}

#k7,
#k7r {
    width: var(--r6);
    background: var(--c3);
    left: 31.8em;
    top: 45.8em;



    display: none;
}

#k7r {
    left: calc(100em - 31.8em - var(--r6));
}

#k8,
#k8r {
    width: var(--r7);
    background: var(--c2);
    left: 21.7em;
    top: 37.3em;



    display: none;
}

#k8r {
    left: calc(100em - 21.7em - var(--r7));
}

#k9,
#k9r {
    width: var(--r45);
    background: var(--c3);
    left: 13.8em;
    top: 38.6em;

}

#k9r {
    left: calc(100em - 17.7em - var(--r45));
    top: calc(100em - 55.8em - var(--r45));

}

#k10,
#k10r {
    width: var(--r2);
    background: var(--c3);
    left: 6.9em;
    top: 34.7em;


    display: none;
}

#k10r {
    left: calc(100em - 6.9em - var(--r2));
}

#k11,
#k11r {
    width: calc(var(--r1) + .3em);
    background: var(--c4);
    left: 27.9em;
    top: 10.2em;

}

#k11r {
    background: var(--c3) !important;
    width: calc(var(--r4) + .0em);
    top: 10.5em;
    left: 63.7em;
}

#k12,
#k12r {
    width: calc(var(--r45) + .5em);
    background: var(--c4);
    left: 20.2em;
    top: 28.0em;

}

#k12r {
    background: var(--c1);
    left: calc(100em - 25em - var(--r5));
}

#k13,
#k13r {
    width: var(--r3);
    background: var(--c1);
    left: 34em;
    top: 5.4em;

}

#k13r {
    background: var(--c3) !important;
    width: calc(var(--r3) - .5em);
    left: 58em;
    top: 5.4em;
}

#k14,
#k14r {
    width: calc(var(--r1) + .2em);
    background: var(--c1) !important;
    left: 13.85em;
    top: 33.4em;

}

#k14r {
    width: calc(var(--r4) + .1em);
    background: var(--c4) !important;
    left: calc(100em - 17.5em - var(--r1));
    top: calc(100em - 69.8em - var(--r1));
}

#k15,
#k15r {
    width: calc(var(--r55) + .8em);
    background: var(--c1);
    left: 31.5em;
    top: 21.7em;

}

#k15r {
    background: var(--c4);
    left: calc(100em - 39.9em - var(--r55));
    top: calc(100em - 67.8em - var(--r55));
}

#k16,
#k16r {
    width: calc(var(--r35) + .6em);
    background: var(--c4);
    left: 14.7em;
    top: 21.4em;

}

#k16r {
    left: calc(100em - 25.8em - var(--r35));
    top: calc(100em - 74.6em - var(--r35));
}

#k17,
#k17r {
    width: var(--r4);
    background: var(--c3);
    left: 24em;
    top: 17.8em;

}

#k17r {
    width: calc(var(--r3) + .3em);
    left: calc(100em - 18.0em - var(--r3));
    top: calc(100em - 72.9em - var(--r35));
}

#k18,
#k18r {
    width: calc(var(--r3) + .2em);
    background: var(--c1);
    left: 18.3em;
    top: 12.8em;

}

#k18r {
    width: calc(var(--r1) + .3em);
    left: calc(100em - 23.6em - var(--r2));
    top: calc(100em - 79.9em - var(--r35));
}

#k19,
#k19r {
    width: 5.6em;
    background: var(--c3) !important;
    left: 45.1em;
    top: 17.2em;

}

#k19r {
    width: 5.8em;
    background: var(--c1) !important;
    left: 60.7em;
    top: 18.9em;
}

#k20,
#k20r {
    width: var(--r4);
    background: var(--c4);
    left: 35.1em;
    top: 11.8em;

}

#k20r {
    left: 53.6em;
}

#k21,
#k21r {
    width: calc(var(--r1) + .1em);
    background: var(--c3) !important;
    left: 41.6em;
    top: 4.9em;

}

#k21r {
    background: var(--c4) !important;
    left: 50.6em;
    top: 3.6em;
}

#k22 {
    width: 5.1em;
    background: var(--c3);
    left: calc(50% - 5.1em/2);
    top: 21.4em;

    display: none;
}

#k23 {
    width: 5.9em;
    background: var(--c2);
    left: calc(50% - 10em/2);
    top: 7.5em;

}

#k1,
#k5,
#k8,
#k14,
#k19,
#k21,
#k20r,
#k11r,
#k13r,
#k6r,
#k3r {
    background: var(--c4);
    opacity: 1 !important;
}


.liscie>* {
    position: absolute;
    z-index: 10;
}


#kropla {
    top: 80.4em;
    left: 55.4em;
    transition: all 2s ease;
    opacity: 1;
    z-index: 7;
}

#kropla.nagorze {
    top: -20em;
    opacity: 1;
}

#kropla.spadnieta {
    top: 110em;
    opacity: 1;
}

#kropla>svg {
    height: 16em;
    width: 11em;
}


#l1 {
    top: 57.5em;
    right: 32.8em;
}

#l1>svg {
    height: 20em;
    width: 19em;
}

#l7 {
    top: 57.5em;
    left: 33.1em;
}

#l7>svg {
    height: 20em;
    width: 19em;
}

#l2 {
    top: 48em;
    right: 21.7em;
}

#l2>svg {
    height: 23em;
    width: 28em;
}

#l6 {
    top: 47.9em;
    left: 20.0em;
}

#l6>svg {
    height: 23em;
    width: 28em;
}

#l3 {
    top: 38em;
    right: 29.6em;
    opacity: 1;
}

#l3.przedspadnieciem {
    transform: rotate(-42deg) scale(.5) !important;
}

#l3.spadniety {
    top: 110em;
    transform: rotate(-42deg) scale(.5) !important;
}

#l3.zalazek {
    top: 45em;
    right: 36.6em;
    transform: scale(.5) !important;
}

#l3>svg {
    height: 25em;
    width: 24em;
}

#l5 {
    top: 38em;
    left: 27.4em;
}

#l5>svg {
    height: 25em;
    width: 24em;
}

#l4 {
    top: 29.9em;
    left: 37.1em;
}

#l4>svg {
    height: 29em;
    width: 23em;
}

#l8 {
    top: 48.0em;
    left: 33.1em;
}

#l8>svg {
    height: 19.5em;
    width: 19.5em;
}

#l9 {
    top: 48.0em;
    left: 45.6em;
}

#l9>svg {
    height: 19.5em;
    width: 19.5em;
}

#l10 {
    top: 45.5em;
    left: 40.0em;
}

#l10>svg {
    height: 23.2em;
    width: 18em;
}

#lodyga {
    top: 70em;
    left: 46.5em;
    z-index: 5;
}

#lodyga>svg {
    height: 35.4em;
    width: 6em;
}

#listek {
    top: 80em;
    left: 37.15em;
}

#listek>svg {
    height: 13em;
    width: 13em;
}





.menu input,
.menu label {
    display: none;
}

.menu nav>ul {
    margin-left: calc(var(--rozmiar-logo-male) * 1.5);
    width: calc(100% - var(--rozmiar-logo-male) * 1.5);
    height: var(--rozmiar-logo-male);
    display: block;
    position: relative;
    z-index: 10;
    font-size: 0;
}

.menu nav>ul li {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.menu nav>ul li a {
    color: #000;
    font-size: 1rem;
    display: block;
    height: calc(var(--rozmiar-logo-male)/3);
    margin-top: calc(var(--rozmiar-logo-male)/3);
    display: flex;
    align-items: center;
    padding: 0 1rem;
}

.menu nav>ul li a.redirect-to-http:hover {
    opacity: .5;
}

.menu nav>ul li a.active,
.menu nav>ul li a:hover {
    color: #73c72c;
}

@media(max-width:1600px) {
    .menu nav>ul li a {
        max-width: 225px !important;
    }
}

@media(max-width:1300px) {
    .menu nav>ul li a {
        max-width: 160px !important;
    }
}

@media(max-width:1200px) {
    .menu nav>ul li a {
        max-width: 150px !important;
        padding: 0 .5rem;
    }
}

@media(max-width:1000px) {
    .menu nav>ul li a {
        max-width: 140px !important;
        padding: 0 .3rem;
    }
}

@media(max-width:950px) {
    .menu nav>ul li a {
        max-width: 65px !important;
        padding: 0 .3rem;
    }

    .menu nav>ul li:nth-child(5) a {
        max-width: 140px !important;
        padding: 0 .3rem;
    }
}

.menu nav>ul li ul {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    min-width: 200px;
    box-shadow: .5rem .5rem 1rem #0005;
    z-index: 10;
    left: 0;
    top: calc(3 / 5 * var(--rozmiar-logo-male));
    outline: 1px solid #0001;
}

.menu nav>ul li ul li {
    display: block !important;
}

.menu nav>ul li ul li a {
    display: block;
    height: auto;
    ;
    padding: .5rem 1rem;
    margin: 0;
    top: 0;
}

.menu nav>ul li ul li a:hover {
    background: #eee;
}



input#rwdmn,
input#rwdmn+label {
    display: none;
}

@media (max-width: 800px) {

    input#rwdmn+label+nav {
        display: none;
    }

    input#rwdmn+label {
        display: block;
        position: fixed;
        right: 0;
        top: 0;
        cursor: pointer;
        padding: 0;
        width: 50px;
        height: 50px;
        font-size: 50px;
        line-height: 50px;
        background: #fff5;
        color: var(--c2);
        z-index: 100;
        text-align: center;
    }

    input#rwdmn+label>span::before {
        content: '\2261';
    }

    input#rwdmn:checked+label>span::before {
        content: '\D7';
    }

    input#rwdmn+label>span span {
        display: none;
    }

    input#rwdmn:checked+label+nav {
        display: block;
        position: fixed;
        left: 0;
        top: 0;
        width: 100vw;
        height: 100vh;
        background: #fffc;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        padding-top: 1rem;
        z-index: 50;
    }

    input#rwdmn:checked+label+nav ul {
        display: block !important;
        padding: 0 1rem;
        background: transparent;
        position: relative;
        left: 0;
        top: 0;
        outline: 0;
        width: auto;
        height: auto;
        left: 0;
        margin: 0;
        padding: 0;
        box-shadow: none;
    }

    input#rwdmn:checked+label+nav li {
        display: block;
        text-align: left;
        border: none;
        height: auto;
        padding: 0;
        margin: 0;
    }

    input#rwdmn:checked+label+nav>ul>li:has(a.redirect-to-http) {
        width: 40px !important;
        margin: 1rem;
        display: inline-block !important;
    }

    input#rwdmn:checked+label+nav>ul>li>a.redirect-to-http {
        width: 40px !important;
    }

    input#rwdmn:checked+label+nav li a {
        padding: .5rem 1rem;
        margin: 0 60px 0 0;
        height: auto;
        font-size: 1.8rem;
        color: #59a619 !important;
        width: auto !important;
        max-width: 9999px !important;
        transition: all 0.3s ease;
    }

    input#rwdmn:checked+label+nav li li a {
        padding-left: 3rem !important;
    }

    input#rwdmn:checked+label+nav li a:hover,
    input#rwdmn:checked+label+nav li a.active {
        color: #fff !important;
        background-color: var(--c2);
    }

    input#rwdmn:checked+label+nav li a.active {
        color: var(--c2);
    }

    input#rwdmn:checked+label+nav li>ul,
    input#rwdmn:checked+label+nav li:hover>ul {
        display: block;
        position: relative;
        left: 0;
        top: 0;
        margin: 0;
        padding: 0;
    }

    input#rwdmn:checked+label+nav li ul a {
        padding-left: 1rem;
    }

    input#rwdmn:checked+label+nav li ul ul a {
        padding-left: 2rem;
    }

    input#rwdmn:checked+label+nav li ul ul ul a {
        padding-left: 3rem;
    }

}

/* @media (max-width: 800px) */


.titles {
    font-size: 20px;
    position: absolute;
    overflow: hidden;

    top: calc(var(--rozmiar-logo-male) / 1.5);
    width: calc(100% - var(--rozmiar-logo-duze) - 14rem);
    left: 12rem;
    height: var(--rozmiar-logo-duze);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

@media(max-width:1600px) {
    .titles {
        font-size: 18px;
        top: calc(var(--rozmiar-logo-male) / 1);
        width: calc(100% - var(--rozmiar-logo-duze) - 4rem);
        left: 2rem;
        height: calc(var(--rozmiar-logo-duze) * 1.1);
    }
}

@media(max-width:1200px) {
    .titles {
        font-size: 16px;
        height: calc(var(--rozmiar-logo-duze) * 1.5);
    }
}

@media(max-width:1050px) {
    .titles {
        font-size: 16px;
        height: calc(var(--rozmiar-logo-duze) * 1.7);
    }
}

.titles * {
    line-height: 1.1;
}


body .titles {
    display: none !important;
}

body.page-id-2710 .titles,
body.page-id-2684 .titles {
    display: block !important;
}

.titles * {
    max-width: 100% !important;
}


@media(max-width:1000px) {
    .titles {
        right: 0;
        left: 0;
        margin: 0 auto;
        top: calc(var(--rozmiar-logo-male) + var(--rozmiar-logo-duze));
        width: calc(100% - 1.5 * var(--rozmiar-logo-male));
        height: auto;
        display: block;
    }
}

@media(max-width:800px) {
    .titles {
        top: 0;
        width: 100%;
        position: relative;
    }
}

@media(max-width:1000px) {
    .titles * {
        max-width: 100%;
    }
}

.titles>div>div {
    padding: 1rem;
}

main {
    display: block;
    margin-top: calc(var(--rozmiar-logo-duze) * 1.1 - var(--rozmiar-logo-male) / 2);
    padding: 0 1rem;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    min-height: 20rem;
}

@media(max-width:1600px) {

    .page-id-2710 main,
    .page-id-2684 main {
        margin-top: calc(var(--rozmiar-logo-duze) * 1.2 - var(--rozmiar-logo-male) / 2);
    }
}

@media(max-width:1200px) {

    .page-id-2710 main,
    .page-id-2684 main {
        margin-top: calc(var(--rozmiar-logo-duze) * 1.7 - var(--rozmiar-logo-male) / 2);
    }
}

@media(max-width:1050px) {

    .page-id-2710 main,
    .page-id-2684 main {
        margin-top: calc(var(--rozmiar-logo-duze) * 2 - var(--rozmiar-logo-male) / 2);
    }
}

@media(max-width:900px) {

    .page-id-2710 main,
    .page-id-2684 main {
        margin-top: calc(var(--rozmiar-logo-duze) * 2.1 - var(--rozmiar-logo-male) / 2);
    }
}

@media(max-width:800px) {

    .page-id-2710 main,
    .page-id-2684 main {
        margin-top: 2rem;
    }
}

body:not(.page-id-2710, .page-id-2684) main {
    margin-top: -1rem !important;
    min-height: 70vh !important;
}


@media(max-width:800px) {
    body:not(.page-id-2710, .page-id-2684) main {
        margin-top: var(--rozmiar-logo-male) !important;
        min-height: 80vh !important;
    }

}


@media(max-width:1000px) {
    main {
        display: block;
        margin-top: calc(var(--rozmiar-logo-duze) * .9);
        min-height: 10rem;
    }
}

@media(max-width:800px) {
    main {
        display: block;
        margin-top: 0;
        margin-left: 0;
    }
}

footer {
    display: block;
    text-align: center;
    padding: 3rem 1rem 1rem;
    box-shadow: 0 0 10rem #0001;
    margin-top: 10rem;
}

footer nav {
    display: block;
    padding: 0 0 2rem;
}

footer nav li {
    display: inline-block;
}

footer nav li a {
    display: block;
    padding: .5rem 1rem;
}

footer p {
    display: block;
    padding-top: 2rem;
    line-height: 1.3;
    font-size: .7rem;
}



.content_headers {
    margin-bottom: 1rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: var(--c2);
    text-align: center;
    font-family: kefa, sans-serif;
}

@media (max-width: 1200px) {
    .content_headers {
        padding-left: 1rem;
    }
}

@media (max-width: 900px) {
    .content_headers {
        margin-bottom: .5rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.content_headers .content_title {
    font-size: 2rem;
    line-height: 1.25;
}

@media (max-width: 900px) {
    .content_headers .content_title {
        font-size: 1.5rem;
    }
}

.content_headers .content_description {
    font-size: 1.5rem;
    line-height: 1.25;
    color: var(--c4);
}

@media (max-width: 900px) {
    .content_headers .content_description {
        font-size: 1rem;
    }
}




/* aktualnosci, wpisy, eventy z kalendarium, sktóry aktualnosci, skroty wpisow */

ul.blog-basic-list,
ul.event-list,
ul.ct-newslist-bx,
ul.ct-bloglist-bx {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none !important;
}

ul.blog-basic-list li,
.blog-item-in2,
ul.event-list li,
.event-item-in2,
.ct-newslist-bx li,
.ct-bloglist-bx li {
    margin: 0 1rem 1rem 0;
    padding: 0;
    list-style-type: none;
    display: inline-block;
    vertical-align: top;
    height: 289px;
    width: 300px;
    overflow: hidden;
    border-bottom: 10px solid #fff;
    box-shadow: 0 0 1rem #0002;
}

ul.blog-basic-list li p,
.blog-item-in2 p,
ul.event-list l p,
.event-item-in2 p,
.ct-newslist-bx li p,
.ct-bloglist-bx li p {
    font-size: .75rem;
     !important;
    padding: 0 .5rem !important;
    margin: .5rem 0 !important;
}


@media (max-width: 1200px) {

    .newsBox,
    ul.blog-basic-list li,
    .blog-item-in2,
    ul.event-list li,
    .event-item-in2,
    .ct-newslist-bx li,
    .ct-bloglist-bx li {
        padding: 0 0rem !important;
    }
}

.ct-newslist-bx li,
.ct-bloglist-bx li {
    font-size: .85rem;
}

header.newsBox_headers {
    border-bottom: 1px solid #0001;
    margin-bottom: 0rem;
}

ul.blog-basic-list .title,
.blog-item-in2 .title,
ul.event-list .title,
.event-item-in2 .title {
    font-size: 1.2rem;
    line-height: 1;
    text-align: left;
    height: 2em;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 0 .5rem;
}

.ct-news-important .title {
    color: red;
}

.ct-newslist-title {
    display: block;
    font-weight: bold;
}

.newsBox span.date,
ul.blog-basic-list .date .date,
.blog-item-in2 .date .date,
ul.event-list .date .date,
.event-item-in2 .date .date,
.ct-newslist-date {
    display: block;
    font-size: .6rem;
    line-height: 1;
    opacity: 0.7;
    padding: .15rem 0;

    display: none;
}

.newsBox .time,
ul.blog-basic-list .time,
.blog-item-in2 .time,
ul.event-list .time,
.event-item-in2 .time {
    display: none;
}

.newsFloatImage,
.newsFloatImage a,
.newsFloatImage img,
.ct-newslist-img-link {
    position: relative;
    float: left;
    padding: 0 1rem 0 0;
    z-index: 100;
    width: 300px;
}

@media (max-width: 600px) {

    .newsFloatImage,
    .newsFloatImage a,
    .newsFloatImage img,
    .ct-newslist-img-link {
        width: 300px;
        padding: 0 1rem 0 0;
    }
}

.newsFloatImage img,
.newsFloatImage img.thumbnail_image,
.ct-newslist-img-link img {
    min-width: 100%;
    max-width: 100%;
    height: 180px;
    object-fit: cover;
    margin-bottom: .5rem
}

@media (max-width: 600px) {

    .newsFloatImage img,
    .newsFloatImage img.thumbnail_image,
    .ct-newslist-img-link img {
        min-width: 100%;
        max-width: 100%;
        height: 180px;
        object-fit: cover;
    }
}

.event-list .newsFloatImage,
.event-list .newsFloatImage a,
.event-list .newsFloatImage img,
.ct-newslist-img-link {
    width: 200px;
}

@media (max-width: 600px) {

    .event-list .newsFloatImage,
    .event-list .newsFloatImage a,
    .event-list .newsFloatImage img,
    .ct-newslist-img-link {
        width: 100px;
    }
}

.event-list .newsFloatImage img,
.ct-newslist-img-link img {
    width: 200px;
    height: 120px;
    object-fit: cover;
}

@media (max-width: 600px) {

    .event-list .newsFloatImage img,
    .ct-newslist-img-link img {
        width: 100px;
        height: 100px;
        object-fit: cover;
    }
}

.newsBox p {
    padding-top: 5px;
}

.newsBox p.short {
    padding: 0;
}

.ct-newslist-short {
    opacity: .8;
}

.newsreadmore,
.news-read-more {
    padding-top: 1em;
    text-align: right;
    font-weight: bold;

    display: none;
}

.ct-newslist-more-link {}

.ct-newslist-link {
    display: block;
    clear: both;
    margin: 1rem auto;
    width: fit-content;
    block-size: fit-content;
}

/* aktualnosci, wpisy i eventy z kalendarium end */

a[title="reddit"] {
    background: url(gfx/reddit.png) no-repeat center;
    background-size: 1.5em;
    width: 2rem;
    text-align: left;
    text-indent: -9999px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 1rem;
}

a[title="x"] {
    background: url(gfx/x.png) no-repeat center;
    background-size: 1.5em;
    width: 2rem;
    text-align: left;
    text-indent: -9999px;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

a[title="discord"] {
    background: url(gfx/discord.png) no-repeat center;
    background-size: 1.5em;
    width: 2rem;
    text-align: left;
    text-indent: -9999px;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

a[title="telegram"] {
    background: url(gfx/telegram.png) no-repeat center;
    background-size: 1.5em;
    width: 2rem;
    text-align: left;
    text-indent: -9999px;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

a[title="whatsapp"] {
    background: url(gfx/whatsapp.png) no-repeat center;
    background-size: 1.5em;
    width: 2rem;
    text-align: left;
    text-indent: -9999px;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

a[title="linkedin"] {
    background: url(gfx/linkedin.png) no-repeat center;
    background-size: 1.5em;
    width: 2rem;
    text-align: left;
    text-indent: -9999px;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

a[title="instagram"] {
    background: url(gfx/instagram.png) no-repeat center;
    background-size: 1.5em;
    width: 2rem;
    text-align: left;
    text-indent: -9999px;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

a[title="mail"] {
    background: url(gfx/mail.png) no-repeat center;
    background-size: 1.5em;
    width: 2rem;
    text-align: left;
    text-indent: -9999px;
    padding-left: 0 !important;
    padding-right: 0 !important;
}


.newsBox:not(.ct-news-standalone) {
    display: inline-block;
    width: 300px;
    margin: .5rem;
}

.newsBox:not(.ct-news-standalone) img {
    margin: .5rem 0;
}

.newsBox:not(.ct-news-standalone) b.title {
    line-height: 1em;
    height: 4em;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    font-family: kefa, sans-serif;
    letter-spacing: .05em;
}

.newsBox:not(.ct-news-standalone) p {
    padding: 0 !important;
    font-size: .75rem;
    color: #0008;
    display: block;
    line-height: 1.2;
}

.newsBox.ct-news-standalone {
    margin-top: 0rem;
    position: relative;
}

article:has(.newsBox.ct-news-standalone) .comeback-link {
    display: inline-block;
    margin-top: 2rem;
}

.newsBox.ct-news-standalone .title {
    line-height: 1em;
    height: 4em;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    font-weight: bold;
    font-size: 2rem;
    font-family: kefa, sans-serif;
}

.newsBox.ct-news-standalone .content {
    margin-top: 2rem;
    font-weight: 300;
    margin-bottom: 10rem;
}

.newsBox.ct-news-standalone .content>* {
    font-weight: 300;
}

.kropki {
    position: absolute;
    width: 100%;
    height: 100%;
}

.alogo,
.rw-content-1244>div,
.rw-content-1276>div {
    padding: 3rem;
    text-align: center;
    font-size: 2.6rem;
    font-weight: bold;
    cursor: default;
    font-family: kefa, sans-serif;
    text-transform: uppercase;
}

.alogo,
.alogo,
.rw-content-1244>div p,
.rw-content-1276>div p {
    font-weight: bold;
}

@media(min-width:1700px) and (max-width:1800px) {

    .alogo,
    .rw-content-1244>div,
    .rw-content-1276>div {
        font-size: 2.5rem;
    }
}

@media(min-width:1250px) and (max-width:1700px) {

    .alogo,
    .rw-content-1244>div,
    .rw-content-1276>div {
        font-size: 2.3rem;
    }
}

@media(min-width:1000px) and (max-width:1250px) {

    .alogo,
    .rw-content-1244>div,
    .rw-content-1276>div {
        font-size: 2.2rem;
    }
}

@media(min-width:470px) and (max-width:600px) {

    .alogo,
    .rw-content-1244>div,
    .rw-content-1276>div {
        font-size: 2.1rem;
    }
}

@media(min-width:0) and (max-width:470px) {

    .alogo,
    .rw-content-1244>div,
    .rw-content-1276>div {
        font-size: 1.7rem;
        padding-left: 0;
        padding-right: 0;
    }
}

.alogo strong,
,
.rw-content-1244>div strong,
.rw-content-1276>div strong {
    font-weight: normal;
    display: inline-block;
    vertical-align: bottom;
    overflow: hidden;
    max-width: 0 !important;
    opacity: 0;
    transition: all 0.5s ease;
}

.alogo:hover strong,
,
.rw-content-1244>div:hover strong,
.rw-content-1276>div:hover strong {
    max-width: 200px !important;
    opacity: 1;
    transition: all 0.7s ease;
}


@media (max-width: 768px) {

    .alogo strong,
    .rw-content-1244>div strong,
    .rw-content-1276>div strong {
        transition: max-width 0.5s ease, opacity 0.5s ease;
        max-width: 200px !important;
        opacity: 1;
    }

    .alogo.strong-hide strong,
    ,
    .rw-content-1244>div.strong-hide strong,
    .rw-content-1276>div.strong-hide strong {
        max-width: 0 !important;
        opacity: 0;
    }
}


.rw_ct_news {
    text-align: center;
}

.rw_ct_news .newsBox {
    text-align: left;
}

html .rw-page-single .lay {
    left: -9999px;
}

html .rw-page-single .lay+.lay {
    left: 0;
}

html .rw-page-single .lay+.titles {
    display: none !important;
}


html .rw-page-single main {
    margin-top: 0;
}