@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700;800;900&family=Roboto:wght@400;500&display=swap');
@import url('https://site-assets.fontawesome.com/releases/v6.1.0/css/all.css');

:root{  --light: #03a0ef;
	--dark: #033a66;
	--beige: #a8894d;
}

/* MAIN */
body, html{  
	overflow-x: hidden;  
	width: 100%;  
	max-width: 1920px;  
	margin: 0 auto; 
	font-size: 16px;  
	line-height: 1.8;
	font-family: 'Jost', sans-serif;
	scroll-behavior: smooth;
	color: #777;
}
h1, h2, h3, h4{
	font-family: 'Jost', sans-serif;  
	color: #101010;
}
.page{  
	margin-top: 0;
	margin-bottom: 0;
}
a,
a:hover,
a:focus,
a:visited{  
	color: inherit;
	text-decoration: none;
	transition-duration: 0.3s;
}
img{  
	width: 100%;
}
ul, ol{  
	padding-inline-start: 0;
	margin-left: 20px;
}
/* HEADER */
#masthead{  
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10000;
}
#masthead .topbar{  
	background-color: var(--dark);
	padding: 5px 0;
}
#masthead .topbar a{  
	color: #fff;
	transition-duration: 0.3s;
}
#masthead .topbar a:first-child{  
	margin-right: 20px;
}
#masthead .topbar a i{  
	margin-right: 5px;
color: #fff;}
#masthead .topbar a:hover{  
	color: var(--light);}
.navbar-fixed-top{  
	background-color: rgba(255,255,255,0.5);  
	border-bottom: 1px solid #B3B5BB;
}
.navbar-fixed-top.fixed-theme{  
	background-color: rgba(255,255,255, 1.0);
}
#header .site-branding{  
	display: inline-block;
}
.site-branding img{  
	margin-top: 20px;  
	max-width: 200px;
}
.btn-panel{  
	font-family: 'Roboto', sans-serif;  
	text-transform: uppercase;  
	padding: 10px 18px;  
	font-size: 14px;  
	color: #fff!important;
	background-color: var(--light);  
	margin: 15px 0;  
	transition-duration: 0.3s;
	text-align: center;  
	font-weight: 400;
}
.btn-panel:hover{  
	background-color: var(--dark);
}
.btn-panel i{  margin-right: 10px;
}
.btn-border{  
	font-family: 'Roboto', sans-serif;  
	text-transform: uppercase;  
	padding: 15px 30px;  
	font-size: 16px;  
	color: #ffffffbf!important;  
	border: 2px solid #ffffffbf;  
	margin: 30px 0;  
	transition-duration: 0.3s;  
	text-align: center;  
	display: inline-block;
}
.btn-border:hover{  
	color: #fff!important;
	border: 2px solid #fff;
}
.site-menu,
.fixed-theme .site-branding,
.navbar-container.fixed-theme,
.navbar-fixed-top.fixed-theme,
.navbar-container,
.main-navigation ul {    
	transition: ease 0.3s;
}
.main-navigation ul li{  
	transition: all 0.5s;
	position: relative;
}
.main-navigation ul li a{ 
	font-size: 16px;
	font-family: 'Jost', sans-serif;  
	color: #000;  
	padding: 20px 8px;
	font-weight: 500;  
	letter-spacing: 0.8px;  
	transition-duration: 0.3s;
	position: relative;
}
.main-navigation ul li:hover a{  
	color: var(--light);
}
#menu-icon{   
	margin-top: 10px;    
	margin-bottom: 10px; 
	display: inline-block;    
	padding: 7px;    
	background-color: #404040;    
	border: none;
	float: right;    
	top: 45px;    
	right: 90px;    
	position: absolute;
}
#menu-icon .icon-bar {    
	display: block; 
	background-color: #fff;
	height: 2px;    
	width: 25px;    
	margin-top: 3px;    
	margin-bottom: 3px;
	position: relative;
}
#menu-item-186{  
	display: none;
}
#menu-item-186 a{  
	font-family: 'Roboto', sans-serif;  
	text-transform: uppercase;  
	padding: 10px 20px!important;  
	font-size: 14px;  
	background-color: var(--light);  
	margin: 15px 0;  
	transition-duration: 0.3s;  
	text-align: center;
	font-weight: 400;  
	color: #fff;  
	display: inline-block;
}
#menu-item-186:hover a{  
	background-color: var(--dark);
}
#menu-item-186 i{  
	margin-right: 10px;
}

@media (min-width: 1200px){  
	#site-navigation{    
		display: flex;
		justify-content: space-between;  
	}  
	.main-navigation ul{    
		padding-inline-start: 0;    
		text-align: center;    
		display: block; 
	} 
	.main-navigation ul li{    
		display: inline-block;    
		margin: 5px 0;
		text-align: center;  
	}  
	#menu-icon{    
		display: none;  
	}
}
@media (max-width: 1199px){  
	#header-container  {    
		padding: 10px 0; 
	} 
	.site-branding img{    
		margin-top: 5px;  
	}  
	.navbar-fixed-top{    
		background-color: rgba(255,255,255, 1.0);  
	}  
	.btn-panel{    
		padding: 10px 15px;    
		margin-top: 5px;    
		margin-bottom: 5px;  
	}  
	#header-container ul {    
		text-align: center;  
	}  
	#header-container ul li a{    
		padding: 10px; 
	}  
	.menu-main-container{    
		width: 100%;    
		margin: 0;    
		display: inline!important;  
	}  
	#menu-item-186{    
		display: block;  
	}  
	.site-menu{    
		width: 100%;  
	}  
	.site-panel{    
		display: none;  
	}
}
@media(max-width: 767px){  
	#header-container{    
		padding: 5px 10px; 
	} 
	#menu-item-186{    
		display: block;  
	}  
	#menu-icon{    
		top: 40px;
		right: 30px;  
	}  
	#menu-main{    
		margin-top: 20px;  
	}
}

/* BANER */
#baner{  
	background-size: cover;  
	background-position: center;  
	padding-top: 150px;
	padding-bottom: 100px;  
	position: relative;
}
#baner:before{  
	content: '';
	background-color: rgba(2, 5, 9, .6);  
	position: absolute;  
	top: 0;  
	left: 0;
	width: 100%;  
	height: 100%;
}
#baner h1.naglowek{  
	text-transform: capitalize;
	margin-top: 150px;  
	font-weight: 600;  
	font-size: 70px;  
	letter-spacing: 1px;
	line-height: 1.2;  
	color: #fff;
}
#baner .opis {  
	font-family: 'Roboto',sans-serif;  
	font-size: 18px;  
	margin-top: 30px;
	color: #ffffffbf;
}
#baner .box{  
	background-color: #fff;  
	padding: 20px 40px 0;
	box-shadow: 0 20px 60px 0 hsla(0,0%,8%,.2);
}
#baner .box p,#formularz p{  
	margin: 0;
}
#baner .box h2{  
	font-size: 40px;  
	line-height: 1.4;
	font-weight: 700;
	margin-top: 0
}
#baner .box input,
#baner .box select,
#baner .box textarea,
#formularz input,
#formularz select,
#formularz textarea{  
	border-radius: 0;  
	background-color: #fff;  
	border-color: #64422247;
	padding: 10px;  
	color: #000;  
	width: 100%;  
	font-weight: 400;  
	height: 45px;
}
#baner .box textarea,
#formularz textarea{  
	height: 120px;
}
#baner .box label,
#formularz label{  
	margin: 5px 0;  
	width: 100%;
	color: #101010;
}
#baner .wpcf7 input:focus,
#baner .wpcf7 select:focus,
#baner .wpcf7 textarea:focus,
#formularz input:focus,
#formularz select:focus,
#formularz textarea:focus{  
	outline: none;
}
#baner .box input::placeholder,
#baner .box textarea::placeholder,
#formularz input::placeholder,
#formularz textarea::placeholder{  
	color: #888;
	color: #888;  
	font-weight: 400;
}
.wpcf7-not-valid-tip {  
	display: inline-block;  
	font-size: 12px;  
	position: absolute;
}
#baner .box input.wpcf7-submit,
#formularz input.wpcf7-submit{  
	margin-top: 20px;
	background-color: var(--light);  
	border-color: var(--light);  
	color: #fff;
	font-family: 'Roboto', sans-serif;  
	text-transform: uppercase;  
	padding: 15px 30px;  
	font-size: 16px;  
	font-weight: 500;  
	transition-duration: 0.3s;
}
#baner .box input.wpcf7-submit:hover,
#formularz input.wpcf7-submit:hover{  
	background-color: var(--dark);  
	border-color: var(--dark);
}
#baner .codedropz-upload-inner,
#baner .codedropz-upload-inner h3,
#formularz .codedropz-upload-inner,
#formularz .codedropz-upload-inner h3{
	font-size: 14px!important;
	line-height: 1.3!important;
	font-weight: 400!important;
	margin: 0!important
}
@media(max-width: 1199px){  
	#baner{    
		padding-top: 200px;
		padding-bottom: 100px;  
	}  
	#baner h1.naglowek{    
		font-size: 50px; 
	} 
	#baner .box h2{    
		font-size: 30px;  
	}  
	#baner .box{    
		padding: 10px 20px;  
	}
}
@media(max-width: 991px){  
	#baner{    
		padding-top: 150px;  
	}
}
@media (max-width: 767px){  
	#baner{    
		padding-top: 100px;  
	}  
	#baner h1.naglowek{    
		font-size: 40px;  
	}
}

/* CO ZYSKASZ? */
#co_zyskasz{  
	margin-top: -100px;
	padding-top: 200px;  
	padding-bottom: 100px;  
	position: relative;
}
#co_zyskasz .ikona_tlo{  
	filter: invert(16%) sepia(23%) saturate(5327%) hue-rotate(188deg) brightness(97%) contrast(98%);  
	opacity: 0.05;
	position: absolute;  
	width: 350px;  
	top: 30%;  
	right: 10px;  
	animation: alltuchtopdown 5s infinite;    
	-webkit-animation: alltuchtopdown 5s infinite;
	animation-delay: 0s;    
	-webkit-animation-delay: 3s;
}
@keyframes alltuchtopdown {  
	0%{    
		-webkit-transform: rotateX(0deg) translateY(0px);    
		-moz-transform: rotateX(0deg) translateY(0px);    
		-ms-transform: rotateX(0deg) translateY(0px);    
		-o-transform: rotateX(0deg) translateY(0px);    
		transform: rotateX(0deg) translateY(0px); 
	}  
	50%{    	
		-webkit-transform: rotateX(0deg) translateY(-20px);
		-moz-transform: rotateX(0deg) translateY(-20px);    
		-ms-transform: rotateX(0deg) translateY(-20px);    
		-o-transform: rotateX(0deg) translateY(-20px);    
		transform: rotateX(0deg) translateY(-20px); 
	}  
	100%{    
		-webkit-transform: rotateX(0deg) translateY(0px);
		-moz-transform: rotateX(0deg) translateY(0px);    
		-ms-transform: rotateX(0deg) translateY(0px);    
		-o-transform: rotateX(0deg) translateY(0px);    
		transform: rotateX(0deg) translateY(0px); 
	} 
}
#co_zyskasz .maly_naglowek{  
	font-size: 18px;  
	color: var(--light);  
	font-weight: 600;
}
#co_zyskasz .naglowek{  
	font-size: 50px;
	text-transform: capitalize;  
	font-weight: 600;  
	margin-bottom: 30px;
}
#co_zyskasz .tresc {  
	font-family: 'Roboto', serif;  
	font-size: 15px;
}
#co_zyskasz .tresc ul{  
	color: var(--dark);  
	margin-top: 20px;
}
#co_zyskasz .tresc ul li{  
	padding-left: 15px;  
	margin-bottom: 10px;
}
#co_zyskasz .tresc ul li::marker{  
	font: var(--fa-font-solid);  
	content: "\f560";
}
#co_zyskasz .zdjecie1{  
	width: 100%;
	margin-left: -30%;  
	max-width: none;
}
#co_zyskasz .zdjecie2{  
	width: 80%;
	height: 400px; 
	object-fit: cover;  
	margin-left: 20%;  
	border: 10px
	solid #fff;  
	margin-top: -40%;
}
@media (max-width: 1199px){  
	#co_zyskasz .naglowek{    
		font-size: 40px;  
	}
}
@media(max-width: 991px){  
	#co_zyskasz{    
		margin-top: -50px;    
		padding-top: 100px; 
		padding-bottom: 50px;  
	}  
	#co_zyskasz .naglowek{    
		font-size: 35px;  
	} 
	#co_zyskasz .zdjecie1{   
		margin-top: 30px;	
		margin-left:0;	
		width: 70%;  
	}
}
@media(max-width: 767px){  
	#co_zyskasz .naglowek{    
	font-size: 30px;  
	}
}

/* DLACZEGO MY? */
#dlaczego_my{  
	margin-top: -100px;  
	padding-top: 200px;
	padding-bottom: 100px;  
	text-align: center;  
	position: relative;
}
#dlaczego_my:before{  
	content: '';  
	width: 100%;  
	height: calc(100% - 100px);  
	position: absolute;  
	top: 100px;  
	left: 0; 
	background-color: rgba(3,58,102,0.06);
}
#dlaczego_my .maly_naglowek{  
	font-size: 18px;  
	color: var(--light);  
	font-weight: 600;
}
#dlaczego_my .naglowek{  
	font-size: 50px;
	text-transform: capitalize;  
	font-weight: 600;  
	margin-bottom: 30px;
}
#dlaczego_my .tresc {  
	font-family: 'Roboto', serif;  
	font-size: 15px;
	margin-bottom: 50px;
}
#dlaczego_my .box{  
	line-height: 1.6;
	background-color: #fff;  
	box-shadow: 1px 1.732px 60px 0 rgba(0,0,0,.1);  
	padding: 30px;  
	text-align: left;  
	font-family: 'Roboto', serif;
	font-size: 15px;  
	position: relative;  
	z-index: 1;	
	min-height: 450px;
}
#dlaczego_my .box:before{  
	content: "";  
	height: 100%;  
	left: 0;
	position: absolute;  
	top: 0;  
	transition: .3s;  
	width: 100%;
	z-index: -1;
}
#dlaczego_my .box:hover:before{  
	background-color: #fff;
	box-shadow: 0 30px 40px 0 rgba(32,85,125,.06);  
	height: calc(100% + 20px);
	left: -10px;  top: -10px;  
	width: calc(100% + 20px);
}
#dlaczego_my  img.bg{  
	position: absolute;  top: 0;  
	right: 20px;  
	width: 200px;  
	filter: invert(16%) sepia(23%) saturate(5327%) hue-rotate(188deg) brightness(97%) contrast(98%);  
	opacity: 0.05;
}
#dlaczego_my .box img.ikona{  
	width: 100px;  
	filter: invert(64%) sepia(70%) saturate(4994%) hue-rotate(170deg) brightness(95%) contrast(99%);  
	margin-bottom: 10px;
}
#dlaczego_my .box h4{  
	font-weight: 600;
}

@media (max-width: 1199px){  
	#dlaczego_my .naglowek{    
		font-size: 40px;  
	}  
	#dlaczego_my .box{
		margin-bottom: 30px;
		min-height: 400px;  
	}
}
@media(max-width: 991px){  
	#dlaczego_my{    
		margin-top: -50px;    
		padding-top: 100px;    
		padding-bottom: 50px;  
	}  
	#dlaczego_my:before{    
		height: calc(100% - 50px);    
		top: 50px;  
	}  
	#dlaczego_my .box{    
		min-height: 1px;
		margin-bottom: 20px;    
		text-align: center;  
	}  
	#dlaczego_my .naglowek{    
		font-size: 35px;  
	}
}
@media (max-width: 767px){  
	#dlaczego_my .naglowek{    
		font-size: 30px;  
	}
}

/* APARTAMENTY */
#nasze_apartamenty{  
	margin-top: -100px;  
	padding-top: 200px;  
	padding-bottom: 150px;
	text-align: center;
}
#nasze_apartamenty .swiper {
	width: 100%;
	height: 100%;
}
#nasze_apartamenty .swiper-slide {
	display: flex;
	padding-bottom: 100px;
	width: calc(100% / 3 - 22px)!important;
	position: relative;
}
#nasze_apartamenty .swiper-button-prev{
	left: calc(50% - 50px)!important;
	top: calc(100% - 30px)!important;
}
#nasze_apartamenty .swiper-button-next{
	right: calc(50% - 50px)!important;
	top: calc(100% - 30px)!important;
}
#nasze_apartamenty .swiper-button-prev:after,
#nasze_apartamenty .swiper-button-next:after{
	font: var(--fa-font-solid);
	font-size: 45px;
	color: var(--light);
}
#nasze_apartamenty .swiper-button-prev:after{
  	content: '\f060';
}
#nasze_apartamenty .swiper-button-next:after{
	content: '\f061';
}
#nasze_apartamenty .maly_naglowek{  
	font-size: 18px;
	color: var(--light);  
	font-weight: 600;
}
#nasze_apartamenty .naglowek{  
	font-size: 50px;  
	text-transform: capitalize;  
	font-weight: 600;
	margin-bottom: 30px;
}
#nasze_apartamenty .tresc {  
	font-family: 'Roboto', serif;  
	font-size: 15px;  
	margin-bottom: 50px;
}
#nasze_apartamenty .box{  
	text-align: left; 
	background-color: #fff;  
	box-shadow: 0 5px 17px 0 rgba(0,0,0,.07);  
	position: relative;  
	font-family: 'Roboto', serif;  
	font-size: 15px;  
	line-height: 1.6;
}
#nasze_apartamenty .box:before {    
	content: "";    
	background: var(--dark);    
	height: 100%;    
	left: 5px;    
	opacity: 0;
	position: absolute;    
	top: 5px;    
	transition: .3s;    
	width: 100%;
	z-index: -1;
}
#nasze_apartamenty .box:hover:before {    
	opacity: 1;
}
#nasze_apartamenty .box img{  
	height: 300px;  
	object-fit: cover;
}
#nasze_apartamenty .box .content{  
	padding: 30px;
	min-height: 270px;
}
#nasze_apartamenty .box h4{  
	font-weight: 600;  
	font-size: 24px;
	margin-top: 30px;
}
#nasze_apartamenty .box .btn-panel{  
	top: 262px;  
	left: 0;
	width: 80%;  
	margin-left: 10%;  
	position: absolute;
}
#nasze_apartamenty .box i{  
	color: var(--dark);  
	font-size: 22px;  
	margin-right: 20px;  
	margin-top: 10px;
}
@media (max-width: 1199px){  
	#nasze_apartamenty .naglowek{    
		font-size: 40px;  
	}  
	#nasze_apartamenty .box h4{    
		margin-top: 10px; 
	} 
	#nasze_apartamenty .box i{    
		font-size: 20px;    
		margin-right: 15px;  
	}
}
@media (max-width: 991px){  
	#nasze_apartamenty{    
		margin-top: -50px;   
		padding-top: 100px;   
		padding-bottom: 50px; 
	} 
	#nasze_apartamenty .naglowek{    
		font-size: 35px; 
	} 
	#nasze_apartamenty .box{    
		margin-bottom: 30px;    
		text-align: center;  
	}  
	#nasze_apartamenty .box .btn-panel{    
		width: 60%; 
		margin-left: 20%;  
	}  
	#nasze_apartamenty .box h4{    
		font-size: 22px;  
	}
}
@media (max-width: 767px){  
	#nasze_apartamenty .naglowek{    
		font-size: 30px; 
	} 
	#nasze_apartamenty .box .btn-panel{    
		top: 272px;  
	}
}

/* FIRMA */
#firma{  
	margin-top: -100px;  
	padding-top: 200px;  
	position: relative;
}
#firma:before{  
	content: '';  
	width: 100%;  
	height: calc(100% - 100px);  
	position: absolute;  
	top: 100px;  
	left: 0;  
	background: rgb(2,129,172);  
	background: linear-gradient(90deg, rgba(2,129,172,0) 50%, rgba(237,241,244,1) 50%, rgba(237,241,244,1) 100%);
}
#firma .ikona_tlo{  
	filter: invert(16%) sepia(23%) saturate(5327%) hue-rotate(188deg) brightness(97%) contrast(98%);  
	opacity: 0.05; 
	position: absolute;  
	width: 350px; 
	top: 30%;  
	right: 10px;  
	animation: alltuchtopdown 5s infinite; 
	-webkit-animation: alltuchtopdown 5s infinite;    
	animation-delay: 0s;  
	-webkit-animation-delay: 3s;
}
#firma .bg{  
	position: absolute;  
	top: 100px;  
	left: 0;  
	width: 50%;
	height: calc(100% - 100px);  
	background-size: cover;  
	background-position: center;
}
#firma .box{  
	padding: 50px 0 100px 50px;
}
#firma .maly_naglowek{  
	font-size: 18px;  
	color: var(--light);  
	font-weight: 600;
}
#firma .naglowek{  
	font-size: 50px;  
	text-transform: capitalize;  
	font-weight: 600;
	margin-bottom: 30px;
}
#firma .tresc {  
	font-family: 'Roboto', serif;
	font-size: 15px;  
	margin-bottom: 50px;
}
@media (max-width: 1199px){  
	#firma .naglowek{    
		font-size: 40px;  
	}  
	#firma .box{    
		padding: 50px 0 50px 50px;  
	}
}
@media (max-width: 991px){  
	#firma{    
		margin-top: -50px;
		padding-top: 100px;  
	}  
	#firma:before{    
		height: calc(100% - 50px);    
		top: 50px;    
		background: linear-gradient(90deg, rgba(2,129,172,0) 25%, rgba(237,241,244,1) 25%, rgba(237,241,244,1) 100%);  
	}  
	#firma .naglowek{    
		font-size: 35px;  
	}  
	#firma .bg{   
		width: 25%;    
		top: 50px;    
		height: calc(100% - 50px);  
	}
}
@media (max-width: 767px){  
	#firma .bg{    
		width: 0;
		height: 0;  
	}  
	#firma:before{    
		background-color: rgb(237,241,244);  
	} 
	#firma .box{    
		padding: 0;  
	}  
	#firma .naglowek{    
		font-size: 30px;  
	}
}

/* FAQ */
#faq{  
	margin-top: -100px;  
	padding-top: 200px;  
	padding-bottom: 100px;  
	text-align: center;  
	background-color: rgba(3,58,102,0.03);
}
#faq .maly_naglowek{  
	font-size: 18px;  
	color: var(--light);  
	font-weight: 600;
}
#faq .naglowek{  
	font-size: 50px;
	text-transform: capitalize;  
	font-weight: 600;  
	margin-bottom: 30px;
}
#faq .tresc {  
	font-family: 'Roboto', serif;  
	font-size: 15px;
	margin-bottom: 50px;
}
#faq .accordion {  
	color: #101010;  
	cursor: pointer;
	padding: 12px 0;  
	width: 100%;  
	text-align: left;  
	outline: none; 
	transition: 0.4s;  
	border-radius: 0;  
	border: none;  
	border-bottom: 1px solid #e8e8e8;
	letter-spacing: 5px;  
	text-transform: uppercase;  
	background-color: transparent;
}
#faq .panel {  
	font-family: 'Roboto', serif;  
	font-size: 15px;
	text-align: left;  
	padding: 0px;  
	border: none;  
	background-color: transparent;  
	max-height: 0;  
	overflow: hidden;  
	transition: max-height 0.2s ease-out;  
	margin-bottom: 10px;
}
#faq .panel p:first-child{  
	padding-top: 20px;
}
#faq .panel p:last-child{  
	padding-bottom: 20px;
}
#faq .accordion:after{  
	content: '\f055';  
	font: var(--fa-font-regular);  
	font-weight: 400; 
	float: right;  
	color: var(--light);
}
#faq .active:after {  
	content: '\f056';  
	font: var(--fa-font-regular);  
	font-weight: 400;
}

@media (max-width: 1199px){  
	#faq .naglowek{    
		font-size: 40px;  
	}
}
@media (max-width: 991px){  
	#faq{    
		margin-top: -50px;    
		padding-top: 100px;    
		padding-bottom: 50px; 
	}
	#faq .naglowek{  
		font-size: 35px;  
	}
}
@media (max-width: 767px){  
	#faq .accordion {    
		letter-spacing: 2px;    
		font-size: 14px; 
	} 
	#faq .naglowek{    
		font-size: 30px;  
	}
}

/* FROMULARZ */
#formularz{  
	margin-top: -100px;  
	padding-top: 200px;  
	padding-bottom: 100px; 
	position: relative;
}
#formularz .ikona_tlo{  
	filter: invert(16%) sepia(23%) saturate(5327%) hue-rotate(188deg) brightness(97%) contrast(98%);  
	opacity: 0.05;
	position: absolute; 
	width: 350px;  
	top: 30%;  
	left: 10px;  
	animation: alltuchtopdown 5s infinite;    
	-webkit-animation: alltuchtopdown 5s infinite;
	animation-delay: 0s;    
	-webkit-animation-delay: 3s;
}
#formularz .maly_naglowek{  
	font-size: 18px;  
	color: var(--light);  
	font-weight: 600;
}
#formularz .naglowek{  
	font-size: 50px;
	text-transform: capitalize;  
	font-weight: 600;  
	margin-bottom: 30px;
}
#formularz .tresc {  
	font-family: 'Roboto', serif;  
	font-size: 15px;
	margin-bottom: 50px;
}
#formularz img.main{  
	height: 820px;  
	object-fit: cover;
	width: 130%;  
	max-width: none;
}
#formularz label.col1,
#formularz label.col2{  
	width: calc(50% - 5px); 
	display: inline-block;
}
#formularz label.col1{  
	margin: 5px 5px 0 0;
}
#formularz label.col2{  
	margin: 5px 0 0 5px;
}
#formularz input,
#formularz select{  
	display: block;
}
#formularz .adres input{  
	width: 100%;
}
@media (max-width: 1199px){  
	#formularz .naglowek{    
		font-size: 40px;  
	}
}
@media (max-width: 991px){  
	#formularz{    
		margin-top: -50px;    
		padding-top: 100px;    
		padding-bottom: 50px; 
	} 
	#formularz .naglowek{    
		font-size: 35px;  
	}
}
@media(max-width: 767px){  
	#formularz .naglowek{    
		font-size: 30px;  
	}
}

/* LOGA PLATROFM */
#loga_platform{  
	text-align: center;  
	padding-top: 30px;
	padding-bottom: 30px;  
	background-color: rgba(3,58,102,0.06);
}
#loga_platform img{  
	width: auto;  
	max-height: 60px;
	max-width: 150px;  
	margin: 20px 50px;
}
@media (max-width: 991px){  
	#loga_platform img{    
		max-height: 50px;    
		max-width: 110px;    
		margin: 20px 30px; 
	}
}

/* FOOTER */
#footer{  
	position: relative;  
	background-color: rgba(3,58,102,0.3);  
	text-align: center;  
	padding-top: 50px;  
	text-align:	center;  
	color: #fff;
}
#footer:before{  
	content: '';  
	background-image: url('../../../wp-content/uploads/2023/09/granatowy-abstrakcjonistyczny-grunge-tekstury-tlo.jpg');
	background-position: center;  
	background-size: cover;  
	width: 100%;  
	height: 100%;  
	position: absolute;  
	top: 0;  
	left: 0; 
	z-index: -1;
}
#footer img{  
	margin-bottom: 30px;  
	max-width: 300px;
}
#footer .linki{  
	display: block;
	margin-bottom: 5px;
}
#footer .linki i{  
	margin-right: 10px;
}
#footer ul#menu-footer li{  
	display: inline-block;  
	margin-right: 15px;
	text-transform: uppercase;  
	font-size: 14px;
}
#footer ul#menu-footer li:hover a{  
	color: var(--light);
}
#footer ul#menu-footer li:after{  
	content: '•';
	margin-left: 15px;
}
#footer ul#menu-footer li:last-child:after{  
	content: '';
}
#copy{  
	font-size: 13px;  
	padding-top: 10px;
}

/* BREADCRUMB */
#breadcrumb{  
	padding-top: 140px;  
	padding-bottom: 70px;
	text-align: center;  
	background-size: cover;  
	background-position: center;
	position: relative;  
	z-index: 1;
}
#breadcrumb h1,
#breadcrumb h2{  
	color: #fff!important;
}
#breadcrumb:before{  
	content: "";  
	position: absolute;  
	background-color: rgba(0, 0, 0, .3);  
	width: 100%;  
	height: 100%;
	top: 0;  
	left: 0;
}

/* SZABLON OGÓLNY */
#main-page{  
	padding-top: 80px;
	padding-bottom: 80px;
	position: relative;
}
#main-page .sidebar{  
	background-color: rgba(3,58,102,0.06);
	padding: 20px 30px 30px;
	line-height: 1.4;
	font-size: 15px;
}
#main-page .sidebar h2{
	font-weight: 700;
	font-size: 25px;
}
#main-page .sidebar h3{  
	font-weight: 600;
	font-size: 18px;
	margin-bottom: 20px;
} 
#main-page .sidebar img{
	margin-top: 20px;
}
#main-page article h2{
	margin-top: 0;
	font-weight: 600;
}
#main-page article .btn-panel{  
	margin: 0;
	top: -32px;
	left: 0;
	width: 60%;
	margin-left: 20%;
	position: relative;
	display: inline-block;
}
#main-page .ikona_tlo{  
	filter: invert(16%) sepia(23%) saturate(5327%) hue-rotate(188deg) brightness(97%) contrast(98%);  
	opacity: 0.05;
	position: absolute;  
	width: 350px;  
	top: 30%;  
	right: 10px;  
	animation: alltuchtopdown 5s infinite;    
	-webkit-animation: alltuchtopdown 5s infinite;
	animation-delay: 0s;    
	-webkit-animation-delay: 3s;
}
#main-page .post-thumbnail img{   
	margin-bottom: 10px;
}
#main-page.kariera .sidebar .post-thumbnail img{  
	width: 100px;  
	filter: invert(64%) sepia(70%) saturate(4994%) hue-rotate(170deg) brightness(95%) contrast(99%);  
	margin-bottom: 10px;
}
#main-page article{
	width: calc(50% - 23px);
	margin: 10px;
	display: inline-block;
	vertical-align: top
}
@media (max-width: 767px){
	#main-page h2{
		font-size: 25px;
	}
}

/* KARIERA */
#kariera{  
	margin-top: -100px;  
	padding-top: 200px;
	padding-bottom: 100px;  
	text-align: center;  
	position: relative;
}
#kariera:before{  
	content: '';  
	width: 100%;  
	height: calc(100% - 100px);  
	position: absolute;  
	top: 100px;  
	left: 0; 
	background-color: rgba(3,58,102,0.06);
}
#kariera .maly_naglowek{  
	font-size: 18px;  
	color: var(--light);  
	font-weight: 600;
}
#kariera .naglowek{  
	font-size: 50px;
	text-transform: capitalize;  
	font-weight: 600;  
	margin-bottom: 30px;
}
#kariera .tresc {  
	font-family: 'Roboto', serif;  
	font-size: 15px;
	margin-bottom: 50px;
}
#kariera .box{  
	line-height: 1.6;
	background-color: #fff;  
	box-shadow: 1px 1.732px 60px 0 rgba(0,0,0,.1);  
	padding: 30px;  
	text-align: left;  
	font-family: 'Roboto', serif;
	font-size: 15px;  
	position: relative;  
	z-index: 1;	
	min-height: 300px;
}
#kariera .box:before{  
	content: "";  
	height: 100%;  
	left: 0;
	position: absolute;  
	top: 0;  
	transition: .3s;  
	width: 100%;
	z-index: -1;
}
#kariera .box:hover:before{  
	background-color: #fff;
	box-shadow: 0 30px 40px 0 rgba(32,85,125,.06);  
	height: calc(100% + 20px);
	left: -10px;  top: -10px;  
	width: calc(100% + 20px);
}
#kariera  .box .bg img{  
	position: absolute;  
	top: 10px;  
	right: 20px;  
	width: 200px;  
	filter: invert(16%) sepia(23%) saturate(5327%) hue-rotate(188deg) brightness(97%) contrast(98%);  
	opacity: 0.05;
}
#kariera .box .ikona img{  
	width: 100px;  
	filter: invert(64%) sepia(70%) saturate(4994%) hue-rotate(170deg) brightness(95%) contrast(99%);  
	margin-bottom: 10px;
}
#kariera .box h4{  
	font-weight: 600;
}

@media (max-width: 1199px){  
	#kariera .naglowek{    
		font-size: 40px;  
	}  
	#kariera .box{    
		min-height: 450px;  
	}
}
@media(max-width: 991px){  
	#kariera{    
		margin-top: -50px;    
		padding-top: 100px;    
		padding-bottom: 50px;  
	}  
	#kariera:before{    
		height: calc(100% - 50px);    
		top: 50px;  
	}  
	#kariera .box{    
		min-height: 1px;
		margin-bottom: 20px;    
		text-align: center;  
	}  
	#kariera .naglowek{    
		font-size: 35px;  
	}
}
@media (max-width: 767px){  
	#kariera .naglowek{    
		font-size: 30px;  
	}
}