/*
Theme Name: maxqs
Author: Łukasz Kuchnio
Author URI: https://kuchnio.com 

*/

* { border: none; margin: 0px; padding: 0px;  }


body {
	background: #000;
	width: 100%;
	height: 100%;
	min-height: 100vh;
	font-family: 'Saira', sans-serif;
	font-size: 18px;
	font-weight: 300;
	color: #fff;
	line-height: 1.5;
	
	overflow-x: hidden;
}

body.overflow {
	overflow: hidden;
}

a {
	color: #0082FA;
	text-decoration: none;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}

a:hover {
	color: #fff;
	
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}

input:focus,
textarea:focus,
select:focus,
button:focus {
	outline: 0;
}

h1 {
	color: #fff;
	font-size: 40px;
	font-weight: 900;
}

	h1 strong {
		color: #0082FA;
		font-size: 70px;
		font-weight: 900;
	}

h2 {
	color: #fff;
	font-size: 40px;
	font-weight: 900;
}

	h2 strong {
		color: #0082FA;
		font-size: 70px;
		font-weight: 900;
	}
	
h3 {
	color: #fff;
	font-size: 38px;
	font-weight: 900;
}

	h3 strong {
		color: #0082FA;
		font-size: 60px;
		font-weight: 900;
	}

h4 {
	font-size: 30px;
	font-weight: 700;
}

	h4 strong {
		color: #0082FA;
		font-size: 50px;
		font-weight: 900;
	}



#cookie-notice {
	box-shadow: 0 -1px 5px 0 rgba(0,0,0,0.5);
	z-index: 99999999;
}

	#cookie-notice .cookie-notice-container {
		padding: 15px 3%;
		box-sizing: border-box;
		font-size: 16px;
	}

	#cookie-notice .cookie-notice-container a#cn-accept-cookie {
		position: relative;
		color: #AFCA0B;
		background: transparent;
		border: 2px solid #AFCA0B;
		padding: 7px 30px;
		margin: 0 5px;
		font-size: 16px;
		outline: 0;
		border-radius: 4px;
	}
	

		#cookie-notice .cookie-notice-container a#cn-accept-cookie:hover {
			background: #AFCA0B;
			border: 2px solid #AFCA0B;
			color: #fff;
			text-decoration: none;
			cursor: pointer;
		}
		

	
	#cookie-notice .cookie-notice-container a#cn-more-info {
		position: relative;
		background: transparent;
		color: #fff;
		font-size: 16px;
		padding: 0;
		text-decoration: underline;
		border-radius: 10px;
		font-weight: 400;
	}

		#cookie-notice .cookie-notice-container a#cn-more-info:hover {
			color: #fff;
			text-decoration: none;
		}


	#cookie-notice .cookie-notice-container .cn-close-icon {
		display: none;
	}
	
	
.fit {
	position: relative;
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
}	


.fit1200 {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
}

@media screen and (max-width: 1400px) {
.fit {
	padding: 0 3%;
}	

.fit1200 {
	padding: 0 3%;
}

}

.halffit {
	width: 100%;
	max-width: 650px;
}


#container {
	max-width: 100%;
	position: relative;
}
	

header {
	position: absolute;
	z-index: 99999;
	top: 0;
	left: 0;
	width: 100%;
	padding: 30px 0;
}

	header .header_inner {
		display: flex;
		align-items: center;
		justify-content: space-between;
		background: none;
	}

	header .header_inner #logo a {
		display: block;
		width: 200px;
		height: 60px;
		padding-top: 15px;
	}

		header .header_inner #logo a img {
			display: block;
			width: 100%;
			height: auto;
		}

	header #show_menu {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-end;
		cursor: pointer;
		
		width: 40px;
		height: 40px;
	}
		
		header #show_menu #one {
			display: block;
			margin: 5px 0;
			width: 100%;
			height: 3px;
			background: #0082FA;
			
			transition: all 0.2s ease;
		}
		
		header #show_menu #two {
			display: block;
			margin: 5px 0;
			width: 70%;
			height: 3px;
			background: #0082FA;
			
			transition: all 0.2s ease;
		}

		header #show_menu.on #one,
		header #show_menu:hover #one {
			width: 70%;
			background:#fff;
			transition: all 0.2s ease;
		}
		
		header #show_menu.on #two,
		header #show_menu:hover #two {
			width: 100%;
			background:#fff;
			transition: all 0.2s ease;
		}

		header #show_menu.on:hover #one {
			width: 100%;
			background:#000;
			transition: all 0.2s ease;
		}
		
		header #show_menu.on:hover #two {
			width: 70%;
			background:#000;
			transition: all 0.2s ease;
		}
		
#menu {
	position: absolute;
	z-index: 999;
	right: 0;
	top: 0;
	opacity: 0;
	padding-right: 0;
	width: 0;
	max-width: 0;
	height: 100vh;
	min-height: 700px;
	background: #0082FA;
	display: flex;
	align-items: center;
	transition: all 0.5s ease;
}


	#menu:before {
		content: "";
		display: block;
		width: 0;
		height: 100%;
		
		position: absolute;
		left: 0;
		top: 0;
		
		background-image: url(graf/menu_skew2.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		background-position: 100% 100%;
		
		transition: all 0.2s ease;
	}
	
#menu.on {
	padding-right: 3%;
	width: calc(50% - 150px);
	min-width: 450px;
	max-width: unset;
	opacity: 1;
	transition: all 0.5s ease;
}

	#menu.on:before {
		width: 400px;
		left: -395px;
		transition: all 0.2s ease;
	}
	
	#menu .menu_inner {
		width: 550px;
	}
	
	#menu ul {
		list-style: none;
		text-align: right;
		
		box-sizing: border-box;
	}
	
	#menu ul li {
		padding: 10px 0;
	}
	
	#menu ul li a {
		position: relative;
		color: #fff;
		text-transform: uppercase;
		font-weight: 900;
		font-size: 30px;
	}

	#menu ul li.current-menu-item a,
	#menu ul li a:hover {
		padding-right: 20px;
	}

	#menu ul li.current-menu-item a:before,
	#menu ul li a:before {
		content: "";
		width: 0;
		height: 2px;
		background: #fff;
		
		position: absolute;
		right: 0;
		top: 50%;
		transition: all 0.2s ease;
	}


	#menu ul li.current-menu-item a:before,
	#menu ul li a:hover:before {
		width: 13px;
		transition: all 0.2s ease;
	}
	


	
#slider_container {
	position: relative;
	width: 100%;
	max-width: 100%;
	height: 100vh;
}

	#slider {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
	}


	#slider #slider_buttons {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		
		position: absolute;
		z-index: 99;
		left: 50%;
		transform: translateX(-50%);
		bottom: 6vh;
		background: none;
	}
	
		#slider #slider_buttons .button-prev {
			display: block;
			width: 35px;
			height: 35px;
			margin: 4px 0;
			
			background-image: url(graf/slider_arrow.svg);
			background-size: contain;
			background-repeat: no-repeat;
			
			filter: grayscale(0.9);
			
			transition: all 0.2s ease;
		}
		
		
		#slider #slider_buttons .button-next {
			display: block;
			width: 35px;
			height: 35px;
			margin: 4px 0;
			
			background-image: url(graf/slider_arrow.svg);
			background-size: contain;
			background-repeat: no-repeat;
			
			transform: rotate(180deg);
			filter: grayscale(0.9);
			
			transition: all 0.2s ease;
		}
		
		#slider #slider_buttons .button-prev:hover,
		#slider #slider_buttons .button-next:hover {
			cursor: pointer;
			filter: grayscale(0);
			transition: all 0.2s ease;
		}
		
	
	#slider #slider_inner {
		height: 100vh;
		min-height: 100%;
		z-index: 99;
		z-index: -1;
	}
	
	#slider .swiper-slide {
		height: 100%;
	}

	
	#slider .slide {
		position: relative;
		z-index: 1;
		display: flex;
		align-items: center;
		width: 100%;
		height: 100%;
		padding: 100px 0;
		box-sizing: border-box;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 50% 50%;
	}

	#slider .slide:before {
		content: "";
	
		position: absolute;
		z-index: -1;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	
		background-image: url(graf/slider_lines.svg);
		background-size: contain;
		background-position: 50% 50%;
		background-repeat: no-repeat;
	}
	
	#slider .slide .desc {
		display: flex;
		flex-direction: column;
		background: none;
	}
		
		
		#slider .desc.box_lewo {
			align-items: flex-start;
		}
		
		#slider .desc.box_srodek {
			align-items: center;
		}
		
		#slider .desc.box_prawo {
			align-items: flex-end;
		}
		
		
		#slider .desc.txt_lewo {
			text-align: left;
		}
		
		#slider .desc.txt_srodek {
			text-align: center;
		}
		
		#slider .desc.txt_prawo {
			text-align: right;
		}
		
		
		
		#slider .slide .desc h2 {
			opacity: 0;
			text-transform: uppercase;
			color: #fff;
			font-size: 40px;
			line-height: 1.1;
			font-weight: 900;
		}
		
			#slider .slide .desc h2 strong {
				color: #0082FA;
			}
			
			#slider .slide .desc h2 em {
				font-style: normal;
				font-size: 70px;
			}	




#content {
	min-height: 120vh;
	position: relative;
	z-index: 2;
	background: #000;
	background-image: url(graf/bg_lines.svg);
	background-repeat: repeat-y;
	background-size: 1400px auto;
	background-position: 50% 50%;
}

@media screen and (max-width: 1400px) {
	#content {
		background-size: 100% auto;
		padding-top: 60px;
	}
}

#content.txt {
	min-height: 100vh;
	margin-bottom: 100vh;
	padding-top: 150px;
	box-sizing: border-box;
}

#buttons_oferta {
	position: relative;
	top: 100px;
	width: 100%;
	max-width: 100%;
	justify-content: center;
}
	
	#buttons_oferta .wp-block-buttons {
	
		flex-wrap: nowrap;
		background-image: url(graf/bg_buttons.svg);
		background-size: auto 100%;
		background-position: 50% 0%;
		background-repeat: repeat-x;
		column-gap: 0;
	}
		
	#buttons_oferta .wp-block-button {
		flex-basis: 50%;
		max-width: 50%;
		flex-grow: 1;
		
	}
		
	#buttons_oferta a {
		display: flex;
		justify-content: center;
		
		width: 100%;
		background: none;
		text-align: left;
		border-radius: 0;

		padding: 60px 90px;
	}

		#buttons_oferta a strong {
			display: block;
			
			padding: 5px 40px;
			border-left: 1px solid #0082FA;
			
			font-size: 30px;
			font-weight: bold;
			color: #0082FA;
			line-height: 1;
			
			transition: all 0.2s ease;
		
		}
	
		#buttons_oferta a strong em {
			font-style: normal;
			font-size: 50px;
			font-weight: bold;
			color: #fff;
			line-height: 1;
		}

	#buttons_oferta a:hover {
		background: #0082FA;
		color: #fff;
	}
	
		#buttons_oferta a:hover strong {
			color: #fff;
			border-left: 1px solid #fff;
			
			transition: all 0.2s ease;
		}
	
	
#kimjestesmy {
	position: relative;
	top: 250px;
}
	
	#kimjestesmy .wp-block-columns {
		padding-bottom: 100px;
		align-items: flex-end;
	}

	#kimjestesmy h2 {
		font-size: 60px;
	}
	
	

#zaufalinam {
	
}
	
	#zaufalinam_header {
		position: relative;
		top: 250px;
	}

		#zaufalinam_header:after {
			content: "";
			
			display: block;
			width: 2px;
			height: 240px;
			
			position: absolute;
			z-index: 5;
			left: 25%;
			top: -50px;
			
			background: #4280C2;
		}
		
		#zaufalinam_header:before {
			content: "";
			
			display: block;
			width: 2px;
			height: 50px;
			
			position: absolute;
			z-index: 5;
			left: 75%;
			bottom: 0px;
			
			background: #4280C2;
		}
		
		#zaufalinam_header h2 {
			display: inline-block;
			position: relative;
			font-size: 25px;
			padding-right: 45px;
			
		}
		
		#zaufalinam_header h2:after {
			content: "";
			
			display: block;
			width: 35px;
			height: 35px;
			
			position: absolute;
			right: 0;
			top: 0;
			
			transform: rotate(180deg) scaleX(-1);
			
			background-image: url(graf/slider_arrow.svg);
			background-size: 30px 30px;
			background-repeat: no-repeat;
			background-position: 100% 50%;
		}
		
		
	#zaufalinam_inner {
		position: relative;
		top: 250px;
		background: #fff;
	}

		#zaufalinam_inner ul.blocks-gallery-grid {
			position: relative;
			z-index: 5;
			
			flex-wrap: unset;
			align-items: center;
			padding: 50px 0;
		}

		
		#zaufalinam_inner ul.blocks-gallery-grid li.blocks-gallery-item {
			display: flex;
			align-items: center;
			justify-content: center;
			align-self: center;
		}

		#zaufalinam_inner ul.blocks-gallery-grid li.blocks-gallery-item figure {
			margin: 0 !important;
			display: block;
		}
		
		#zaufalinam_inner ul.blocks-gallery-grid li.blocks-gallery-item figure img {
			margin: 0;
			display: block;
		}
	
	
#space1 {
	background: none !important;
}

	#space1 .wp-block-spacer {
		position: relative;
	}
		
		#space1 .wp-block-spacer:after {
			content: "";
			
			display: block;
			width: 2px;
			height: 50px;
			
			position: absolute;
			z-index: 5;
			left: 0;
			top: 150px;
			
			background: #4280C2;
		}
				
		#space1 .wp-block-spacer:before {
			content: "";
			
			display: block;
			width: 2px;
			height: 200px;
			
			position: absolute;
			z-index: 5;
			left: 50%;
			top: 90px;
			
			background: #4280C2;
		}
		
		
	
#space2 {
	background: none !important;
}

	#space2 .wp-block-spacer {
		position: relative;
	}
		
		#space2 .wp-block-spacer:after {
			content: "";
			
			display: block;
			width: 2px;
			height: 150px;
			
			position: absolute;
			z-index: 5;
			left: 50%;
			top: 100px;
			
			background: #4280C2;
		}
				
		#space2 .wp-block-spacer:before {
			content: "";
			
			display: block;
			width: 2px;
			height: 100px;
			
			position: absolute;
			z-index: 5;
			left: 100%;
			top: 50px;
			
			background: #4280C2;
		}
			
				

			
#space3 {
	background: none !important;
	
}

	#space3 .wp-block-spacer {
		position: relative;
	}
		
		#space3 .wp-block-spacer:after {
			content: "";
			
			display: block;
			width: 2px;
			height: 150px;
			
			position: absolute;
			z-index: 5;
			left: 100%;
			bottom: -300px;
			
			background: #4280C2;
		}
				
		#space3 .wp-block-spacer:before {
			content: "";
			
			display: block;
			width: 2px;
			height: 100px;
			
			position: absolute;
			z-index: 5;
			left: 25%;
			top: 50px;
			
			background: #4280C2;
		}
			

			
			
#space4 {
	background: none !important;
	
}

	#space4 .wp-block-spacer {
		position: relative;
	}
		
		#space4 .wp-block-spacer:after {
			content: "";
			
			display: block;
			width: 2px;
			height: 50px;
			
			position: absolute;
			z-index: 5;
			left: 50%;
			bottom: 0px;
			
			background: #4280C2;
		}
				
		#space4 .wp-block-spacer:before {
			content: "";
			
			display: block;
			width: 2px;
			height: 200px;
			
			position: absolute;
			z-index: 5;
			left: 0%;
			top: 50px;
			
			background: #4280C2;
		}
		
					
			
#space5 {
	background: none !important;
	
}

	#space5 .wp-block-spacer {
		position: relative;
	}
		
		#space5 .wp-block-spacer:after {
			content: "";
			
			display: block;
			width: 2px;
			height: 150px;
			
			position: absolute;
			z-index: 5;
			left: 50%;
			bottom: -300px;
			
			background: #4280C2;
		}
				
		#space5 .wp-block-spacer:before {
			content: "";
			
			display: block;
			width: 2px;
			height: 100px;
			
			position: absolute;
			z-index: 5;
			left: 75%;
			top: 150px;
			
			background: #4280C2;
		}
		
		
	
#zajmujemysie {
	top: 100px;
	padding: 0;
}

	#zajmujemysie_header {
		position: relative;
		top: 400px;
	}
	
		#zajmujemysie_header h2 {
			padding-right: 250px;
			text-transform: uppercase;
		}
		
		#zajmujemysie_header h2 + p {
			padding-left: 100px;
			padding-top: 20px;
			font-size: 22px;
		}

	#zajmujemysie .wp-block-columns {
		top: 500px;
		position: relative;
		z-index: 5;
		margin: 0;
		align-items: flex-start;
	}
			
		#zajmujemysie .wp-block-column {
			margin: 0;
			height: auto;
		}
		
					
			#zajmujemysie .wp-block-column figure {
				position: relative;
				margin: 0;
				padding: 0;
			}
				
				#zajmujemysie .wp-block-column img {
					width: 100%;
					height: auto;
					opacity: 30%;
					transition: all 0.2s ease;
				}
				
				#zajmujemysie .wp-block-column figure:hover img{
					opacity: 100%;
					transition: all 0.2s ease;
				}
					
				#zajmujemysie .wp-block-column figcaption {
					margin: 0;
					padding: 0;
					position: absolute;
					bottom: 20px;
					left: 20px;
					
					text-transform: uppercase;
					font-weight: bold;
					font-size: 26px;
					
				}
		
	
	#nieboimysie {
		font-size: 22px !important;
		top: 600px;
		position: relative;
		padding-bottom: 30px;
	}
	
	
#wykonamy {
	position: relative;
	top: 850px;
}
		
	#wykonamy .wp-block-columns {
		align-items: flex-end;
		padding-bottom: 100px;
	}
	
	#wykonamy .wp-block-column {
		margin: 0;
	}
	
	#wykonamy .wp-block-column:first-child {
		position: relative;
		top: 0px;
	}
	
	#wykonamy ul li {
		position: relative;
		list-style: none;
		padding: 15px 0 15px 40px;
	}
	
		#wykonamy ul li:before {
			content: "";

			display: block;
			width: 30px;
			height: 30px;
			
			position: absolute;
			left: 0;
			top: 18px;
			
			transform: rotate(90deg) scaleX(-1);
			filter: grayscale(1);
			
			background-image: url(graf/slider_arrow.svg);
			background-size: 20px 20px;
			background-repeat: no-repeat;
			background-position: 100% 50%;
			
			transition: all 0.2s ease;
		}
		
	#wykonamy ul li:hover:before {
		filter: grayscale(0);
		transition: all 0.2s ease;
	}
	

#skontaktujsie {
	position: relative;
	top: 700px;
	z-index: 2;
	overflow: hidden;
	padding-top: 400px;
}

	#modernbuilding {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 550px !important;
		
		background-image: url(graf/img_modern_building.jpg) !important;
		background-size: cover;
		background-repeat: no-repeat;
		
	}

	
	#skontaktujsie h2 {
		position: relative;
		z-index: 1;
		padding: 70px 0;
		background: #0082FA;
		color: #fff;
	}


	
#podejscie {
	position: relative;
	top:900px;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
		
	#podejscie .wp-block-column:first-child {
		position: relative;
		height: 500px;
		margin-left: -5%;
		background-image: url(graf/podejscie.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 50% 50%;
	}
	
	#podejscie .wp-block-column:last-child {
		position: relative;
		z-index: 1;
		top: -100px;
	}
			
		#podejscie #indywidualnie {
			position: relative;
			left: -40%;
			z-index: 1;
			width: 120%;
			padding: 110px 2% 65px 70px;
			box-sizing: border-box;
			background: #000;
		}
			
		#podejscie #wspolpracujemy {
			position: relative;
			z-index: 1;
			width: 100%;
			margin-left: auto;
			padding: 20px 40% 20px 10%;
			box-sizing: border-box;
		}
		
	
#jakrealizujemy {
	position: relative;
	top: 1100px;
	padding-bottom: 100px;
}

	#jakrealizujemy h2 {
		position: relative;
		text-transform: uppercase;
		font-size: 50px;
		line-height: 1;
		top: 200px;
		padding-right: 10%;
	}

	#jakrealizujemy .jakrealizujemy_box {
		width: 100%;
		padding: 0;
	}
	
	
	#jakrealizujemy .jakrealizujemy_box .wp-block-column {
		position: relative;
		flex-grow: 0;
		color: #838383;
		
		position: relative;
		padding: 10px 25px;
		box-sizing: border-box;
		margin: 0;
	}
		
		
		
	#jakrealizujemy .jakrealizujemy_box.left .wp-block-column:first-child {
		flex-basis: calc(50% + 50px);
		border-left: 2px solid #0082FA;
		margin-left: 50px;
		box-sizing: border-box;
	}	
	
	#jakrealizujemy .jakrealizujemy_box.left .wp-block-column:last-child {
		flex-basis: 50%;
	}
		
		
		
	#jakrealizujemy .jakrealizujemy_box.right .wp-block-column:first-child {
		flex-basis: 50%;
	}
	
	#jakrealizujemy .jakrealizujemy_box.right .wp-block-column:last-child {
		flex-basis: 48%;
		border-left: 2px solid #0082FA;
		padding-right: 0;
	}		
	
	
	
	
	#jakrealizujemy .jakrealizujemy_box.center .wp-block-column:first-child {
		flex-basis: 25%;
	}
	
	#jakrealizujemy .jakrealizujemy_box.center .wp-block-column:last-child {
		flex-basis: 50%;
		border-left: 2px solid #0082FA;
	}
	
	
	
	#jakrealizujemy .jakrealizujemy_box.right {
		position: relative;
		top:  50px;
		padding-bottom: 50px;
	}
	
	#jakrealizujemy .jakrealizujemy_box.center {
		top: 50px;
		padding-bottom: 50px;
	}
	
	
	#jakrealizujemy .jakrealizujemy_box.left {
		position: relative;
		top: 50px;
		padding-bottom: 100px;
	}
	



	#jakrealizujemy .jakrealizujemy_box .wp-block-column figcaption {
		position: absolute;
		left: -10px;
		bottom: 90%;
		transform: rotate(-90deg) translateX(-100%);
		transform-origin: 0% 100%;
		font-weight: 700;
	}	
	
		#jakrealizujemy .jakrealizujemy_box .wp-block-column figcaption strong {
			color: #fff;
			padding-right: 5px;
		}
			
	#jakrealizujemy .jakrealizujemy_box .wp-block-column h4 {
		font-size: 26px;
		color: #fff;
		font-weight: 300;
	}
	
	#jakrealizujemy .jakrealizujemy_box .wp-block-column h4 strong {
		font-size: 26px;
		color: #fff;
	}

/* PODSTRONY */
#header_sub {
	padding-top: 30px;
	padding-bottom: 50px;
	background-image: url(graf/bg_buttons.svg);
	background-size: auto 100%;
	background-position: 50% 0%;
	background-repeat: repeat-x;
}

#header_sub.smaller h3 strong {
	font-size: 44px;
	
}

#header_sub.smaller h4 {
	font-size: 20px;
	
}

#oferta {
	padding-top: 40px;
	padding-bottom: 150px;
}
	
	.oferta .wp-block-columns {
		align-items: center;
		font-size: 16px;
	}
		
	.oferta .wp-block-column h4 {
		font-size: 20px;
	}
		
	.oferta .wp-block-column figure {
		margin: 0;
		position: relative;
	}
	
	
	#oferta .oferta:nth-child(odd) .wp-block-column figure:before {
		content: "";
		
		display: block;
		width: 55%;
		height: 80px;
		background: #000;
		
		position: absolute;
		left: 0;
		bottom: 0;
	}	
	
	#oferta .oferta:nth-child(even) .wp-block-column figure:before {
		content: "";
		
		display: block;
		width: 55%;
		height: 80px;
		background: #000;
		
		position: absolute;
		left: 0;
		top: 0;
	}	
	
	.oferta .wp-block-column img {
		width: 100%;
		height: auto;
	}
		
	.oferta .wp-block-column {
		margin: 0;
		flex-grow: unset;
		flex-basis: 50%;
		box-sizing: border-box;
		padding-right: 5%;
	}

		
	.oferta .wp-block-columns.img_left .wp-block-column:last-child {
		padding-left: 30px;
		border-left: 1px solid #0082FA;
	}		
	
	.oferta .wp-block-columns.img_right .wp-block-column:first-child {
		padding-left: 30px;
		border-left: 1px solid #0082FA;
	}
		
		
		
#realizacje {
	padding: 50px 0 150px 0;
}
	
	#realizacje .realizacja {
		display: flex;
	}
	
	#realizacje .realizacja.lewo {
		justify-content: flex-start;
	}
		
	#realizacje .realizacja.center {
		justify-content: center;
	}
		
	#realizacje .realizacja.prawo {
		justify-content: flex-end;
	}
		
	#realizacje .realizacja_inner {
		flex-basis: 50%;
		
		display: flex;
		align-items: flex-end;
	}
	
		#realizacje .realizacja_inner .realizacja_img {
			flex-basis: 50%;
			box-sizing: border-box;
		}
		
			#realizacje .realizacja_inner .realizacja_img .img {
				width: 100%;
				height: auto;
				aspect-ratio: 1 / 1;
			}

		#realizacje .realizacja_inner .realizacja_txt {
			box-sizing: border-box;
			padding-left: 25px;
			font-size: 15px;
			color: #838383;
			font-weight: 600;
			text-transform: uppercase;
		}
			
		#realizacje .realizacja_inner .realizacja_txt strong {
			color: #fff;
		}

		#realizacje .realizacja_inner .realizacja_txt .data {
			padding-top: 25px;
			font-size: 13px;
			color: #fff;
		}
			
#kontakt {
	padding-top: 2px;
}

	#kontakt .wp-block-columns {
		align-items: center;
	}
	
	#kontakt .wp-block-column {
		margin: 0;
		flex-basis: 50%;
	}
		
	.kontakt_blok {
		display: flex;
		margin-top: 60px;
	}
			
		.kontakt_blok .wp-block-group__inner-container {
			flex-basis: 50%;
			padding-right: 40px;
			box-sizing: border-box;
			text-align: right;
			border-right: 2px solid #0082FA;
		}
			
			
		@media screen and (max-width: 1400px) {
			.kontakt_blok .wp-block-group__inner-container {
				flex-basis: calc(50% - 3%);
			}
		}
		

	#kontakt .wp-block-column:last-child {
		display: flex;
		justify-content: flex-end;
		align-self: flex-end;
	}
		
		#kontakt .wp-block-column:last-child .wpcf7 {
			width: 100%;
			max-width: 500px;
		}
		
		#kontakt .wp-block-column:last-child form {
		}
		
		#kontakt .wp-block-column:last-child form p {
			display: block;
			padding-bottom: 10px;
		}
		
		#kontakt .wp-block-column:last-child form label {
			display: block;
			margin: 5px 0;
		}
		
		#kontakt .wp-block-column:last-child form label span {
			display: block;
		}
			
		#kontakt .wp-block-column:last-child form input,
		#kontakt .wp-block-column:last-child form textarea {
			display: block;
			width: 100%;
			max-width: 100%;
			min-width: 100%;
			font-family: initial;
			padding: 20px 5px 5px 5px;
			box-sizing: border-box;
			background: none;
			color: #fff;
			outline: none;
			font-size: 16px;
			border-bottom: 1px solid #0082FA;
			box-sizing: border-box;
		}
		
		
		#kontakt .wp-block-column:last-child form input:-internal-autofill-selected {
			background: none !important;
		}
		
		#kontakt .wp-block-column:last-child form textarea {
			height: auto;
			resize: none;
			overflow: hidden;
		}

		#kontakt .wp-block-column:last-child form input[aria-invalid="true"],
		#kontakt .wp-block-column:last-child form textarea[aria-invalid="true"] {
				border-bottom: 1px solid #EB1C24;
		}
			
			
		#kontakt .wp-block-column:last-child form input::placeholder,
		#kontakt .wp-block-column:last-child form textarea::placeholder {
			color: transparent;
		}


			#kontakt .wp-block-column:last-child form .floating-label {
				position: absolute;
				pointer-events: none;
				transition: 0.2s ease all;
				
				color: #fff;
				font-size: 13px;
				font-weight: 600;
				
				top: 10px;
				left: 5px
			}
			
			#kontakt .wp-block-column:last-child form textarea .floating-label {
				top: 0px;
			}
			
			
				#kontakt .wp-block-column:last-child form input:focus ~ .floating-label,
				#kontakt .wp-block-column:last-child form input:not(:placeholder-shown) ~ .floating-label{
					font-size: 10px;
					
					color: #fff;
					top: -2px;
					transform: translateX(0%);
				}	
		
				
				#kontakt .wp-block-column:last-child form textarea:focus ~ .floating-label,
				#kontakt .wp-block-column:last-child form textarea:not(:placeholder-shown) ~ .floating-label {
					font-size: 10px;
					
					color: #fff;
					top: -1px;
					transform: translateX(0%);
				}	
		

			#kontakt .wp-block-column:last-child form .submit {
				padding-top: 10px;
			}
			
			#kontakt .wp-block-column:last-child form button {
				background: none;
				color: #fff;
				font-size: 25px;
				font-weight: 900;
				text-transform: uppercase;
				
				padding-right: 40px;
				
				background-image: url(graf/slider_arrow.svg);
				background-size: 27px auto;
				background-position: 100% 50%;
				background-repeat: no-repeat;
				
				transition: all 0.2s ease;
			}
		
		
			#kontakt .wp-block-column:last-child form button:hover {
				color: #0082FA;
				cursor: pointer;
				transition: all 0.2s ease;
			}
		
		#kontakt .wp-block-column:last-child form.submitting button {
			padding-right: 60px;
			background-image: url(graf/white-dots.svg);
			background-size: 50px auto;
			
			transition: all 0.2s ease;
		}
		
		

		#kontakt .wp-block-column:last-child form .wpcf7-not-valid-tip {
			display: none;
		}
		
		
		#kontakt .wp-block-column:last-child form.failed .wpcf7-response-output,
		#kontakt .wp-block-column:last-child form.invalid .wpcf7-response-output {
			border: 2px solid #EB1C24;
			background: #EB1C24;
			color: #fff;
			text-align: center;
			padding: 10px;
			margin: 10px 0 0 0;
			line-height: 1.2;
			font-size: 16px;
		}
		
		#kontakt .wp-block-column:last-child form.sent .wpcf7-response-output {
			border: 2px solid #46b450;
			background: #46b450;
			color: #fff;
			text-align: center;
			padding: 10px;
			margin: 10px 0 0 0;
			line-height: 1.2;
			font-size: 16px;
		}
		
		
		
				
		
footer {
	position: fixed;
	height: 100vh;
	bottom: -100vh;
	background: #000;
	padding: 0;
	box-sizing: border-box;
	width: 100%;
	text-align: center;
	font-size: 14px;
}

#content.txt + footer {
	bottom: 0;
}

	#footer_inner {
		width: 100%;
		height: 100vh;
		
		display: flex;
		flex-direction: column;
	}

	#wspolpraca {
		height: 70vh;
		position: relative;
		background-image: url(graf/wspolpraca.jpg);
		background-size: 100% auto;
		background-repeat: no-repeat;
		background-position:  100% 0%;
	}

		#wspolpraca .wspolpraca_inner,
		#wspolpraca .wp-block-group__inner-container {
			height: 100%;
		}
		
		#wspolpraca .wspolpraca_inner:before {
			content: "";
			display: block;
			width: 100%;
			height: 100%;
			position: absolute;
			left: 0;
			top: 0;
			background: rgba(0 0 0 / 0.5);
			
		}

		#wspolpraca .wp-block-columns {
			position: relative;
			z-index: 1;
			padding-top: 200px;
			padding-bottom: 200px;
			height: 100%;
			margin: 0 auto;
			text-align: left;
			font-size: 20px;
		}
						
			#wspolpraca .wp-block-column:first-child {
				flex-basis: 45%;
			}
			
				#wspolpraca .wp-block-column:first-child h2 {
					font-size: 46px;
				}
					
			#wspolpraca .wp-block-column:last-child {
				flex-basis: 55%;
			}
				
				
	#footer_kontakt {
		width: 100%;
		height: 30vh;
		background: #0082FA;
		display: flex;
		align-items: center;
	}
			
		#footer_kontakt .wp-block-columns {
			justify-content: flex-start;
		}
		
			#footer_kontakt .wp-block-column {
				flex-grow: 0;
				flex-basis: 20%;
				min-width: 220px;
				text-align: left;
				padding: 5px 20px;
				border-left: 1px solid #fff;
			}
			
			

	#copyrights {
		background: #0082FA;
		margin-top: auto;
		padding: 30px 0;
	}
			
		#copyrights a {
			color: #fff;
		}