
.stopka-info-tlo{
	background-size: cover;
	background-position: center center;
	padding: 55px 0px 40px 0px;
	background-image: url('../grafika/tlo_stopka_paralaxa.jpg');
	background-color:#01005c;
}

.stopka-info{
    padding: 0px 50px 0px 50px;
		color:#fff;
}

.kolumna .stopka{
	padding-top:47px;
}
.stopka-info .kolumna:before{
	content:" ";
	width:1px;
	height:60px;
	background:#3837c3;
	position:absolute;
	margin:46px 0px 0px -26px;
}
.stopka-info > .kolumna:first-child:before{
	background:red;
	display:none;
}
.stopka-tytul{
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 24px;
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 16px 0px;
    position: relative;
    text-transform: none;
}

.stopka-tresc{
	font-family: 'Lato', sans-serif;
	font-size: 16px;
}
.stopka-tresc p strong{
	font-size: 17px;
	letter-spacing: 1px;
	line-height: 24px;
	margin-bottom:16px;
}
.stopka-tresc p{
	margin:0px 0px 20px 0px;
}

.stopka-tresc a{
	color:#fff;
}

.stopka-tresc a:hover{
	opacity:0.7;
}

/******************************************************/

.stopka-dol-tlo{
	background: #01005c;
}

.stopka-dol{
	padding: 16px 0px;
	align-items: center!important;
}

.stopka-intermedia {
	text-align: right;
	font-weight: 400;
	color: #fff;
	margin-right: 32px;
}
.stopka-intermedia span:first-child::after{
	content: "|";
	padding: 0px 4px 0px 8px;
	opacity: 0.7;
}
.stopka-intermedia span {
	font-size: 14px;
	color: #fff;
	text-align: right;
}
.stopka-intermedia a {
	font-size: 14px;
	text-decoration-color: transparent;
	color:#fff;
}

.stopka-intermedia a:hover{
	opacity: 0.7;
}

.stopka-walidacja {
	text-align: right;
	margin-right: 32px;
}
.stopka-walidacja img {
	max-height: 31px;
}
.stopka-walidacja a {
	text-decoration-color: transparent;
}

.stopka-polityka {
	position: fixed;
	width: 100%;
	bottom: 0px;
	background-color: rgba(255,255,255,0.9);
	border-top: 1px solid rgba(0,0,0,0.1);
	padding: 8px;
	z-index: 2;
}

.stopka-polityka-zawartosc {
	margin: 0 auto;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}
.stopka-polityka-tresc {
	padding: 8px 16px 8px 8px;
	font-size: 13px;
}
.stopka-polityka-tresc a {
	color: #cd0000;
	font-size: 13px;
}
.stopka-polityka-zamknij {
	font-size: 0px;
	color: transparent;
	padding: 8px;
	transition: all .3s ease-in-out;
	cursor:pointer;
}
.stopka-polityka-zamknij::before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 400;
	font-size: 32px;
	content: "\f00d";
	color: #cd0000;
}
.stopka-polityka-zamknij:hover {
	transform: rotate(90deg) scale(1.2);
}

@media all and (min-width: 320px) and (max-width: 1023px){
	/*.stopka-info .kolumna{margin-bottom: 24px; border:none; padding-left: 42px; height:auto;}*/
	.stopka-kolumny{flex-wrap: wrap;}
	.stopka-tresc-kolumna{padding: 10px; width: 100%;}
	.stopka-tytul-glowny{
		text-align: center;
	}
	.stopka-tresc{
		text-align: center;
	}
}
@media all and (min-width: 639px) and (max-width: 1023px){
	.stopka-info .kolumna{
		flex: auto!important;
		width: 50%;
		padding: 10px 0px!important;
		margin: auto!important;
		min-width: auto;
	}
}

@media all and (min-width: 0px) and (max-width: 639px) {
	.stopka-intermedia, .stopka-walidacja{text-align: center;}
	.stopka-intermedia {padding: 10px; margin: 0px!important}
	.stopka-walidacja a, .stopka-intermedia a {margin:0px!important;}
	.stopka-walidacja{margin: 0px!important;}
	.stopka-info{flex-direction: column!important;}
	.stopka-tresc {line-height:23px;}
	.kolumna .stopka {padding-top:16px;}
	.stopka-info .kolumna:before{display:none;}
	.stopka-tytul{text-align:center;}
	.stopka-mapa img {width:60vw;}
	.stopka-mapa {text-align:center;}
}

@media all and (max-width: 1023px) {
	.stopka-polityka-zawartosc {
		width: 95vw;
	}
}
@media all and (min-width: 1024px)and (max-width: 1279px) {
	.stopka-polityka-zawartosc {
		width: 992px;
	}
	.stopka-info{ padding: 0px 0px;}
	.stopka-dol {
		flex-direction: column!important;
	}
	.stopka-dol .kolumna:first-child{ margin-bottom:16px;}
}
@media all and (min-width: 1280px) {
	.stopka-polityka-zawartosc {
		width: 1232px;
	}
}
@media all and (min-width: 0px)and (max-width: 1024px){
	.stopka-dol .kolumna .stopka-walidacja,
	.stopka-dol .kolumna .stopka-intermedia
	{
		text-align: center!important;
		/*margin: 0px 0px 0px 0px!important;*/
	}
}
@media all and (min-width: 0px) and (max-width: 736px){
	.stopka-intermedia,
	.stopka-walidacja {
    margin-right: 0px;
	}
}
