﻿body {
	padding: 0;
	margin: 0;
	font-size-adjust: none;
	-webkit-text-size-adjust: none;
	font-family: "Open Sans";
	font-size: 1em;
	overflow-x: hidden;
}
body * {
	box-sizing: border-box;
}
header, section, footer, aside, nav, main, article, figure {
  display: block;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0.175em 0;
}

.strona {
	width: 100%;
 	margin: 0 auto;
}

.padding-0-16{
	padding: 0 16px;
}

h1.glowna-tytul {
	margin: 0 auto;
	display: none;
}
article > h2.informacje-tresc-dzial {
	display: none;
}

header {
	position: fixed;
	width: 100%;
	height:120px;
	background: #fff;
	z-index: 99;
	top:0;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
}
.header-prawa-strona{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.header-dane{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.header-dane a,
.header-dane span {
	padding:8px 16px;
	text-decoration-color: transparent;
	color:#2c3b4e;
	font-family: "Lato";
	font-size: 16px;
}

.header-dane a:hover{
	opacity:0.7;
}

.header-telefon:before{
	font-family: "Font Awesome 5 Free";
	content: "\f3cd";
	padding-right: 8px;
}

main {
	margin: 140px auto 0px;
}

.padding-main{
	/*padding-top: 146px;*/
	display: block;
	margin-top: 146px!important;
}

.logo{
	padding: 8px 0px;
	width: 15%;
}

.logo img{
	transition: 0.3s;
}

.strona-tresc {
	margin: 0px 0px 32px 0px;
	text-align: justify;
	color:#6c6c6c;
}

.strona-tresc img, iframe, table {
	max-width: 100% !important;
}
.strona-tresc img {
	height: auto;
}

.wiersz {
	display: flex;
	/*flex-flow: row wrap;*/
	justify-content: space-between;
}
.kolumna {
	flex-shrink: 1;
	flex-grow: 0;
}
.srodek {
  text-align: left;
}

.blok{
	margin: 0 auto!important;
}

footer{

}

.flex-wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-right: 40px;
}

.strona-tresc table{
	border-collapse: collapse;
	border-spacing: initial;
}
i
.strona-tresc table td{
	text-align: initial;
	padding: 8px;
}
.wiersz_tytul{
	font-family: 'Lato', sans-serif;
	font-weight:700;
   	font-size: 30px;
	margin:0px auto 60px auto;
	text-transform: uppercase;
	text-align: center;
	color:#466b9a;
}

.aktualnosci_tytul_gl{
	background: url(../grafika/aktualnosci-tlo.png) center center;
    width: 100%;
    padding: 32px 0px;
    background-size: cover;
    margin-bottom: 24px;
}

.pierwszy_tytul{
	width: 100%;
    padding: 64px 0px 45px 0px;
    margin-bottom: 24px;
    text-transform: none;
    font-size: 24px;
}

/*.wiersz_tytul::after{
	display: block;
	content: "\25ac\25ac\25ac";
	font-weight: 700;
	height: 0px;
	margin: 0px 0px 32px 0px;
	padding: 0px;
	position: relative;
	top: -8px;
	font-size: 35px;
	color: #25d5b4;
}*/
/*-------- tła pasków -------------*/
.pasek-1,
.pasek-2,
.pasek-4{
	background:#ffffff;
}
.pasek-4{
	background: url(../grafika/kalendarz-tlo.jpg) center center no-repeat;
	background-color:#2c3b4e;
	background-size: cover;
	padding: 50px 0px;
/*    width: 100%;
    padding: 64px 0px 45px 0px;
    background-size: cover;
    margin-bottom: 24px;*/
}
.pasek-4 .wiersz_tytul{
	color: #fff;
}
.pasek-4 .wiersz_tytul::after{
	content: url(../grafika/efekt_wspon.png);
	position: absolute;
	right: 42px;
	transform: rotate(30deg);
	margin-top: -154px;
}

.pasek-5{
	background:transparent;
}
/*-------------------------------*/
.napisy1,
.napisy2,
.napisy3,
.blok-tytul{
	font-family: 'Oswald', sans-serif;
	color:#ffffff;
	text-transform: uppercase;
}
.napisy1,
.blok-tytul
{
	font-size:72px;
}
.blok-tytul{
	padding:80px 0px 60px 0px;
}
.napisy div:nth-child(3){
	background: url('../grafika/kreska1.png') bottom left no-repeat;
	margin: 0px 0px 20px 0px;
  padding: 0px 0px 20px 0px;
}
.napisy1{
	line-height:72px;
	margin: 0px 0px 20px 0px;
  padding: 0px 0px 22px 0px;
	background: url('../grafika/kreska1.png') bottom left no-repeat;
}
.napisy2{
	font-size:48px;
	line-height:50px;
}
.napisy3
{
	font-size:24px;
	color:#82f7e1;
	line-height:40px;
}

/*-------------------------------*/
.adresy,
.adres1,
.adres2{
	display:flex;
	flex-wrap:wrap;
	align-items: center;
}
.adres2{
	margin-left:40px;
}
.adres1,
.adres2{
	color:#6a6a6a;
}
.menu-20 .adres1,
.menu-20 .adres2{
	color:#ffffff;
	font-size:16px;
}
.adres1 span:first-child,
.adres2 span:first-child{
	margin-right:12px;
}
/*-------------------------------*/
.pasek-1 .wiersz{
	flex-wrap:wrap;
	flex-direction: column;
}
.pasek-1 .blok .box_dane1{
	width:49%;
	background: #f1f3f9;
	margin:16px 0px;
	border-radius:5px;
	border-left:72px solid #25d5b4
}
.pasek-1 .blok .box_dane1:nth-child(4) .dane1-tresc .tresc p:nth-child(2){
	font-size:24px;
}
.dane1-tytul{
	font-family: 'Oswald', sans-serif;
	position: absolute;
   z-index: 1;
   font-size: 20px;
	font-weight:400;
   height: 24px;
   transform: rotate(-90deg);
   color: #ffffff;
   text-transform: uppercase;
   text-align: center;
   width: 236px;
   margin: 74px 0px 0px -154px;
}
.dane1-tresc{
	margin:24px 32px 24px 32px;
}
.dane1-podpis{
	display:none;
}
.pasek-2 .wiersz{
	flex-wrap:wrap;
	padding: 64px 32px 32px 32px;
}
.pasek-3 .box_dane3{
	display:flex;
	width: 100%;
   justify-content: space-between;
	flex-wrap: wrap;
}

.pasek-3 .wiersz{
	flex-direction:column;
	padding:0px 32px 64px 32px;
}
.pasek-3 .tresc{
	text-align:center;
	color:#747474;
}
.wiersz_tytul1{
	font-weight:600;
   font-size: 24px;
	margin:0px auto;
	color:#3c3c3c;
}
.pasek-4 .wiersz{
	display:flex;
	flex-wrap: wrap;
   align-items: center;
	padding:32px 32px;
}
.pasek-5 .wiersz{
	padding:172px 32px;
	display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: center;

}
.pasek-5 .tresc{
	color:#747474;
}
.oferta{
	display:flex;
	justify-content: space-between;
	margin-top:16px;
	flex-wrap:wrap;
}
.oferta-kontener{
	width:352px;
	height:320px;
	background-repeat: no-repeat;
	margin:16px 0px 16px 0px;
}
.oferta-tytul{
	background:#25d5b4;
	color:#ffffff;
	width:256px;
	font-family: 'Oswald', sans-serif;
	font-size:20px;
	text-transform: uppercase;
	margin:248px 0px 0px 96px;
	padding:13px 15px 13px 15px;
	display:block;
	text-decoration:none;
	border-radius:5px;
	transition-duration: 1s;
	transition-timing-function: linear;
}
.oferta-tytul:hover{
	background:#747474;
	transition-duration: 1s;
	transition-timing-function: linear;
}

.oferta-tytul:before{
	font-family: "Font Awesome 5 Free";
	content: "\f061";
	padding: 0px 10px 0px 6px;
	color:#ffffff;
	font-size:0px;
	transition-duration: 0.2s;
	transition-timing-function: linear;
}
.oferta-tytul:hover:before{
	font-size:20px;
	transition-duration: 0.2s;
	transition-timing-function: linear;
}

.oferta-wiecej{
	margin:72px auto 0px auto;
}

/*.oferta-wiecej a,
.formularz_btn2,
.napisy a{
	background:#25d5b4;
	color:#ffffff;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	text-align:center;
	text-decoration:none;
	padding:9px 35px;
	border-radius:20px;
	transition-duration: 1s;
	transition-timing-function: linear;
	border: none;
}
.oferta-wiecej a{
	font-size:20px;
}
.napisy a{
    font-size: 16px;
	 display:inline-block;
	 margin:60px 0px 0px 0px;
}*/
.formularz_btn2{
	font-size:16px;
}
.oferta-wiecej a:hover,
.formularz_btn2:hover,
.napisy a:hover
{
	background:#747474;
	transition-duration: 1s;
	transition-timing-function: linear;
	cursor:pointer;
}
.pasek-5 .tresc{
	text-align:center;
}

.pasek-6 .wiersz{
	flex-direction: column;
	flex-wrap:wrap;
	padding: 64px 0px;
}

.box_dane6{
	width: 100%;
}

.pasek-7{
	background:url(../grafika/kontakt-tlo.jpg) center center;
	background-size: cover;
}

.pasek-7 .wiersz{
	flex-direction: column;
	flex-wrap:wrap;
	padding: 64px 0px;
}
.pasek-7 .wiersz .tresc{
	text-align:center;
}

.kontakt-kontener{
	display: flex;
}

.kontakt-kontener-lewo{
	width: 50%;
	padding: 8px 48px;
}

.kontakt-kontener-prawo{
	width: 50%;
	padding: 8px 48px;
	border-left: 1px solid #d7dfe7;
}

.komunikat-email,
.tytul{
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	color:#ffffff;
}
.komunikat-email{
	font-size:16px;
}
.tytul{
	font-size:34px;
	font-weight: 400;
}



/*aktuyalnosci startowe*/
.artykuly-lista{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	order:1;
}

.aktualnosci-ew2-tlo{
	width: 368px;
	margin-bottom: 32px;
	padding-bottom: 8px;
	position: relative;
}

.aktualnosci-ew2-ikona-tlo{
	width: 368px;
	height: 240px!important;
	overflow: hidden;
}

.aktualnosci-ew2-ikona{
	width: 100%;
	transition: 0.3s!important;
	height:240px!important;
}

.aktualnosci-ew2-data{
	padding-top: 4px;
}

.aktualnosci-ew2-tytul2{

}

.aktualnosci-ew2-tytul2 a:before{
	position: absolute;
	content: " ";
	width: 100%;
	height: 100%;
	left:0;
	bottom: 0;
}

.aktualnosci-ew2-tlo:hover > .aktualnosci-ew2-ikona-tlo .aktualnosci-ew2-ikona{
	transform:scale(1.1);
	transition: 0.3s!important;
}

.aktualnosci-ew2-wiecej-tlo{
	display: none;
}

.box_dane3 .aktualnosci-powrot-tlo{
	display: flex;
    order: 2;
    width: 100%;
    align-items: center;
    justify-content: center;
    margin-top:24px;
}

.strona-tytul2{
	position: relative;
}

.strona-tytul2:after{
	display: block;
    content: "\25ac\25ac\25ac\25ac";
    font-weight: 400;
    height: 0px;
    margin: 0px 0px 16px 0px;
    padding: 0px;
    position: relative;
    top: 0px;
    font-size: 12px;
    color: #e8e8e8;
}


/*członkowie artykuły*/
.artykuly-59 article.aktualnosci-tlo{
	padding: 10px;
}


.artykuly-59 article.aktualnosci-tlo .strona-data{
	display:none;
}


/*kursy*/
.kursy{
	width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.kursy-kontener{
	width: 392px;
	height:216px;
	background: #466b9a;
	background-position: center 48px;
	background-repeat: no-repeat;
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    position: relative;
}

.kursy-kontener:nth-child(2){
	background: #3d5b82;
	background-position: center 48px;
	background-repeat: no-repeat;
}

.kursy-kontener:last-child{
	background: #384f6d;
	background-position: center 48px;
	background-repeat: no-repeat;
}

.kursy-tytul{
	width: 100%;
    text-align: center;
    margin-top: 88px;
    color:#fff;
    text-decoration-color: transparent;
    font-family: "Lato";
    font-weight: 400;
    font-size: 24px;
    text-transform: uppercase;
    padding: 32px 48px;
    transition: 0.2s;
}

.kursy-tytul:before{
	content: "";
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	position: absolute;
}

.kursy-tytul:hover{
	opacity: 0.7;
	transition: 0.2s;
}

.kursy-wiecej{
	display: none;
}


/*Porady*/
.box_dane2{
	width: 100%;
}

.porady{
	width: 100%;
	display: flex;
    justify-content: space-between;
}

.porady-kontener{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
    width: 368px;
    height: 432px;
    background-position: top center!important;
    background-repeat: no-repeat!important;
    background-size: 100%;
    background: #ebeff3;
    margin-bottom: 24px;
}

.porady-tytul{
	width: 100%;
    text-align: center;
    margin-top: 216px;
    color:#000;
    text-decoration-color: transparent;
    font-family: "Lato";
    font-weight: 400;
    font-size: 24px;
    text-transform: uppercase;
    padding: 32px 48px;
    transition: 0.3s;
}

.porady-kontener .porady-wiecej{
	text-decoration-color: transparent;
    font-family: "Lato";
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
	color:#466b9a;
	padding: 16px 32px;
    border: 2px solid #fff;
    margin-bottom: 24px;
    transition: 0.3s;
}

.porady-kontener .porady-wiecej:hover{
	background: #466b9a;
	color:#fff;
	transition: 0.3s;
}

.box_dane2 >.porady-wiecej{
	display: none;
}

/*subskrybcja*/
/*subskrybcja-stopka*/
.stopka-newsletter-kontener{
	padding: 0px 16px 16px 32px;
}


.subskrypcja-stopka-zawartosc{
	font-size: 14px;
	color:#fff;
	/*padding: 0px 16px 16px 32px;*/
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.subskrypcja-stopka-tekst{
	padding: 16px 0px 24px 0px;
	width: 100%;
	font-family: "Lato";
	font-size: 16px;
}

.subskrypcja-stopka-btns-tlo{
	display: flex;
	justify-content: flex-end;
	margin:0px;
	width: 256px;
}

.subskrypcja-stopka-zawartosc .btn-submit-modul{
	border:none!important;
	text-align: center;
	font-size: 14px!important;
	width: 112px;
	min-width: 60px;
	font-weight: 800;
	text-decoration-color: transparent;
	font-family: "Open Sans";
	cursor:pointer;
}

.subskrypcja-stopka-zawartosc .btn-submit-modul:hover{
	opacity: 0.8;
}

.btn-submit-subskrypcja-stopka-dopisz{
	background: #466b9a!important;
	color:#fff!important;
	margin-right:16px;
	padding: 6px;
}


.btn-submit-subskrypcja-stopka-wypisz{
	background: #545454!important;
	color:#fff!important;
	padding: 6px;
}

.subskrypcja-stopka-input-tlo input{
	box-shadow: none;
    background: rgba(255, 255, 255, 0.4);
    width: 360px;
    height: 48px;
    padding: 10px;
    border: none;
}

::placeholder{
	color:#fff;
}

.dane-stopka-kontakt-tytul{
	display: none;
}

.subskrypcja-stopka-tekst-rodo{
	padding-top: 16px;
	color:#fff;
	width: 100%!important;
	font-family: "Lato";
	font-size: 16px;
}

.subskrypcja-stopka-tekst-rodo a{
	color:#fff;
}


.kontakt-kontener dd, .kontakt-kontener p{
	padding: 0px;
	margin:0px;
}

.dane-kontaktowe-lista {
	position: relative;
    padding: 16px 24px 16px 40px;
    margin: 0;
    border-bottom: 1px solid #d5dde6;
}

.dane-kontaktowe-tresc, .dane-kontaktowe-link{
	padding: 0px;
	margin:0px;
	font-family: "Lato";
	font-weight: 700;
	font-size: 18px;
	color:#2c3b4e;
	text-decoration:none;
}

.dane-kontaktowe-link:hover{
	opacity: 0.7;
}




.kl-nip{
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.lista-13{
	width: 33%;
}

.dane-kontaktowe-pozycja, .dane-kontaktowe-pozycja-100{
	color:#828282;
	font-family: "Lato";
	font-size: 15px;
	font-weight: 400;
	padding-bottom: 4px;
}

.dane-kontaktowe-pozycja-100{
	width: 100%;
	padding-top: 16px;
}

.dane-kontaktowe-lista:before{
	font-family: "Font Awesome 5 Free";
    padding-right: 8px;
    position: absolute;
    left: 0;
    color:#2c3b4e;
    font-size: 19px;
    width: 24px;
    display: flex;
    justify-content: center;

}

.kl-home:before{
	content: "\f015";
}

.kl-adres:before{
    content: "\f3c5";
}


.kl-telefon:before{
    content: "\f095";
}

.kl-email:before{
    content: "\f0e0";
}

.kl-nip:before{
    content: "\f129";
}

.kl-bank:before{
    content: "\f09d";
}

.kontakt-tekst{
	padding-top: 16px;
}

.kontakt-ramka{
	background-color: #fff;
	/*background:url(../grafika/kontakt-info.png) right bottom no-repeat;*/
    padding: 24px;
    margin: 64px auto;
 	box-shadow: 9.368px 10.404px 0px 0px rgba(170, 185, 199, 0.24);
}


.kontakt-social{
	border:2px solid #fff;
	/*padding: 16px;*/
	width: 70px;
	display: flex;
    justify-content: center;
    align-items: center;
}

.kontakt-social a {
	color:#466b9a;
	padding: 16px;
	transition: 0.3s;
	text-decoration:none;
}

.kontakt-social a:hover{
	opacity: 0.7;
	transition: 0.3s;
}

.kontakt-social a em:before{
	font-size: 28px;
}

.kontakt-social a em span{
	display: none;
}




/*Mobilne*/
@media all and (min-width: 320px) and (max-width: 1023px) {
	.porady{
		flex-wrap: wrap;
		justify-content: space-around;
	}
	.artykuly-lista{
		justify-content: center;
	}
	#menu-gora{
		display: none;
	}
	#menu-mobilne{
		display: block;
	}
	header{
		height: 76px!important;
	}
	.header-dane{
		display: none!important;
	}
	.logo img{
		width: 53px!important;
		display: none;
	}

}
