/*
Theme Name: eksam
Author: eMedia (Łukasz Widz)
Author URI: https://emedia.com.pl

*/

html { margin: 0; }

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


body {
	background: #fff;
	width: 100%;
	max-width: 100%;
	height: 100%;
	min-height: 100vh;
	
	font-family: 'DM Sans', sans-serif;
	font-size: 16px;
	line-height: 180%;
	color: #161C2D;	
	
	overflow-x: hidden;
	position: relative;
}

	body.overflow,
	body.overflow_menu,
	body.overflow_form {
		overflow: hidden;
	}


a {
	color: #2BC9FA;
	text-decoration: underline;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	
	cursor: pointer;
}

a:hover {
	color: #161C2D;
	
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	cursor: pointer;
}

h1 {
	font-weight: 700;
	font-size: 64px;
	line-height: 80px;
}

h2 {
	font-weight: 700;
	font-size: 48px;
	line-height: 60px;
}

h3 {
	font-weight: 700;
	font-size: 30px;
	line-height: 44px;
}



@keyframes slidedown {
	0% { transform: translateY(0px); }
	5% { transform: translateY(2px); }
	10% { transform: translateY(4px); }
	15% { transform: translateY(6px); }
	20% { transform: translateY(8px); }
	25% { transform: translateY(10px); }
	30% { transform: translateY(8px); }
	35% { transform: translateY(6px); }
	40% { transform: translateY(4px); }
	45% { transform: translateY(2px); }
	50% { transform: translateY(0px); }
	55% { transform: translateY(0px); }
	60% { transform: translateY(0px); }
	65% { transform: translateY(0px); }
	100% { transform: translateY(0px); }
}


#cookie-notice a.cn-set-cookie.zgoda {
    display: inline-block;
    padding: 5px 15px;
    color: #fff;
    background: #E93A3F;
	border: 1px solid #E93A3F;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 15px;
    text-decoration: none;
}

#cookie-notice a.cn-more-info.zgoda {
    display: inline-block;
    padding: 5px 15px;
    color: #fff;
    background: none;
	border: 1px solid #AEE0F8;
    text-transform: lowercase;
    font-weight: normal;
    font-size: 15px;
    text-decoration: none;
}

	#cookie-notice a.zgoda:hover {
		background: #AEE0F8;
		border: 1px solid #AEE0F8;
		color: #1E2535;
	}





header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	transition: all 0.2s ease;
}


	#header_inner {
		display: flex;
		justify-content: space-between;
		align-items: center;
		max-width: 1400px;
		width: 95%;
		margin: 0 auto;
		
		padding: 25px 0;
		
		transition: all 0.2s ease;
	}


		#logo {
			
		}
		
			#logo img {
				display: block;
				transition: all 0.2s ease;
			}

		#menu {
			
		}

		#menu .show-menu,
		#menu #show-menu {
			display: none;
		}

			#menu nav {
				
			}

			#menu nav #nav_inner ul {
				display: flex;
				
				list-style: none;
			}


			#menu nav #nav_inner ul li {
				margin: 0 25px;
			}


			#menu nav #nav_inner ul li a {
				font-size: 16px;
				font-weight: 700;
				color: #fff;
				
				text-decoration: none;
				text-transform: uppercase;
				letter-spacing: 2px;
			}

			#menu nav #nav_inner ul li.active a,
			#menu nav #nav_inner ul li a:hover {
				color: #2BC9FA;
			}

			#menu nav #nav_inner ul li:last-child {
				margin: 0 0 0 25px;
			}
			
			#menu nav #nav_inner ul li.button a {
				background: #2BC9FA;
				border: 1px solid #2BC9FA;
				color: #161C2D;
				
				padding: 15px 40px;
			}
			
				#menu nav #nav_inner ul li.active.button a,
				#menu nav #nav_inner ul li.button a:hover {
					background: transparent;
					border: 1px solid #2BC9FA;
					color: #2BC9FA;
				}
							
			#menu nav #nav_inner ul li.ue {
				position: relative;
				display: flex;
				overflow: hidden;
				align-items: center;
			}
				
				#menu nav #nav_inner ul li.ue a {
					display: block;
					text-indent: 999px;
					
					background-image: url(../graf/ico_ue.svg);
					background-size: contain;
					background-repeat: no-repeat;
					background-position: 50% 50%;
					
					width: 45px;
					height: 30px;
				}
				
					
			


header.fixed {
	background: #161C2D;
	transition: all 0.2s ease;
	box-shadow: 0 0 9px 0 rgba(255,255,255,0.15);
}

	header.fixed #header_inner {
		padding: 8px 0;
		transition: all 0.2s ease;
	}
	
		
	header.fixed #logo img {
		width: 170px;
		height: auto;
		
		transition: all 0.2s ease;
	}

	header.fixed #menu nav #nav_inner ul li a {
		font-size: 14px;
	}



	header.fixed #menu nav #nav_inner ul li.kontakt a {
		padding: 10px 30px;
	}


	header.fixed  #menu nav #nav_inner ul li.ue a {
		width: 35px;
		height: 20px;
	}


#intro {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	
	width: 100%;
	height: 70vh;
	min-height: 700px;
	padding-top: 100px;
	box-sizing: border-box;
	
	background-image: url(../graf/bg_main.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}


	#intro .intro_inner {
		position: relative;
		width: 100%;
		padding: 100px 0;
	}
	
	
	#intro .intro_inner .wp-block-columns {
		width: 1300px;
		margin: 0 auto;
		align-items: center;
		
		color: #fff;
	}

	#intro .intro_inner .wp-block-columns h1 {
		padding-bottom: 0px;
	}

	#intro .intro_inner .wp-block-column:first-child {
		padding-right: 20px;
		flex-basis: 50%;
		box-sizing: border-box;
	}

		#intro .intro_inner .wp-block-column:first-child p {
			display: block;
			padding: 15px 0;
			
			font-size: 25px;
			font-weight: 400;
			line-height: 38px;
		}


		#intro .intro_inner .wp-block-column:first-child a {
			display: inline-block;
			padding: 0;
			text-decoration: none;
		}


		#intro .intro_inner .wp-block-column:first-child a:hover {
			color: #fff;
		}
		
		
			#intro .intro_inner .wp-block-column:first-child a img {
				margin-left: 10px;
				
				vertical-align: middle;
				
				transform: translateY(0px);
				animation: slidedown 2s infinite 0s ease-in-out;
			}

		
		

	#intro .intro_inner .wp-block-column:last-child {
		text-align: right;
		padding-left: 20px;
		flex-basis: 50%;
		box-sizing: border-box;
	}
	
		#intro .intro_inner .wp-block-column:last-child img {
			max-width: 100%;
			height: auto;
		}




#zaufalinam {
	display: flex;
	align-items: center;
	justify-content: space-between;
	
	overflow: hidden;
	
	padding: 35px 0;
	width: 1400px;
	margin: 0 auto;
	border-bottom: 1px solid #E6ECF1;
}

	
	#zaufalinam .zaufalinam_header {
		flex-basis: 250px;
		text-align: left;
		font-size: 38px;
		font-weight: 700;
	}




	#zaufalinam #zaufalinam_logotypy {
		display: flex;
		align-items: center;
		flex-basis: 1150px;
		max-width: 1150px;
		overflow: hidden;
	}	
		
		#zaufalinam #zaufalinam_logotypy .swiper-container {
			width: 100%;
			height: 100%;
		}
		
		#zaufalinam #zaufalinam_logotypy .swiper-wrapper {
			align-items: center;
		}
		
		#zaufalinam #zaufalinam_logotypy .swiper-wrapper .swiper-slide {
			display: -webkit-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			-webkit-justify-content: center;
			justify-content: center;
			-webkit-box-align: center;
			-ms-flex-align: center;
			-webkit-align-items: center;
			align-items: center;
			
		}


		#zaufalinam #zaufalinam_logotypy .swiper-wrapper .swiper-slide img {
			width: 250px;
			height: auto;
		}



		
		
#uslugi {
	width: 100%;
	padding: 0;
}
	



	#uslugi_menu {
		position: relative;
		z-index: 99;
		display: flex;
		justify-content: flex-start;
		width:1400px;
		margin: 0 auto;
	}
	
		#uslugi_menu h2 {
			padding: 0 0 25px 0;
		}

		#uslugi_menu #uslugi_menu_inner {
			width: 700px;
			padding-right: 50px;
			box-sizing: border-box;
			
			background: #fff;
			
			position: absolute;
			top: 75px;
			left: 0;
			margin: 0 !important;
		}

			#uslugi_menu #uslugi_menu_inner  .swiper-slide {
				cursor: pointer;
			}
			
			#uslugi_menu #uslugi_menu_inner  .swiper-slide span {
				position: relative;
				display: inline-block;
				padding: 15px 0;
				cursor: pointer;
			}
			
			#uslugi_menu #uslugi_menu_inner  .swiper-slide:hover span,
			#uslugi_menu #uslugi_menu_inner  .swiper-slide.swiper-slide-thumb-active span {
				color: #2BC9FA;
				
				transition: all 0.2s ease;
			}
			
			#uslugi_menu #uslugi_menu_inner  .swiper-slide span:after {
				content: "";
				position: absolute;
				left: 0;
				bottom: 0;
				
				display: block;
				width: 0%;
				height: 3px;
				background: #2BC9FA;
				transition: all 0.2s ease;
			}

			#uslugi_menu #uslugi_menu_inner  .swiper-slide:hover span:after,
			#uslugi_menu #uslugi_menu_inner  .swiper-slide.swiper-slide-thumb-active span:after {
				width: 100%;
				transition: all 0.2s ease;
			}
		
		
		
		
		
		
		
		
		
		
	#uslugi_content .swiper-slide {
		display: flex;
		align-items: stretch;
		position: relative;
		width: 100%;
	}
		
	#uslugi_content .swiper-slide #slide-left {
		flex-basis: 50%;
		box-sizing: border-box;
			
		display: flex;
		justify-content: flex-end;
		
		padding: 290px 50px 140px 0;
	}
		

		#uslugi_content .swiper-slide #slide-left .slide-left-inner {
			width: 650px;
		}
		
	#uslugi_content .swiper-slide #slide-right {
		flex-basis: 50%;
		padding-left: 50px;
		box-sizing: border-box;
		
		display: flex;
		align-items: stretch;
	}
		
		
		#uslugi_content .swiper-slide #slide-right .slide-right-inner {
			width: 100%;
			
			background-size: cover;
			background-repeat: no-repeat;
			background-position: 50% 50%;
			
			display: flex;
			align-items: center;
			
			padding-left: 100px;
			box-sizing: border-box;
			
		}
		
			#uslugi_content .swiper-slide.roboty-drogowe #slide-right .slide-right-inner {
				background-image: url(../graf/bg_robotydrogowe.jpg);
			}
		
		
			#uslugi_content .swiper-slide.uslugi-budowlane #slide-right .slide-right-inner {
				background-image: url(../graf/bg_robotydrogowe.jpg);
			}
		
		
			#uslugi_content .swiper-slide.roboty-ziemne #slide-right .slide-right-inner {
				background-image: url(../graf/bg_robotyziemne.jpg);
			}
		
	
		
			#uslugi_content #wykonujemy {
				display: flex;
				flex-direction: column;
				width: 500px;
			}
			
			
			#uslugi_content #wykonujemy_txt {
				display: block;
				background: #161C2D;
				color: #fff;
				
				padding: 50px 40px 50px 50px;
				text-align: left;
			}
		
				#uslugi_content #wykonujemy_txt h2 {
					font-size: 38px;
					line-height: 42px;
					padding-bottom: 10px;
				}
				
				#uslugi_content #wykonujemy_txt ul {
					list-style: none;
				}
				
				#uslugi_content #wykonujemy_txt ul li {
					position: relative;
					padding: 5px 0 5px 20px;
				}

				#uslugi_content #wykonujemy_txt ul li:before {
					content: "-";
					font-size: 18px;
					
					position: absolute;
					left: 0;
					top: 4px;
				}
			
		
			#uslugi_content #wykonujemy_url {
				display: block;
			
			}
	
				#uslugi_content #wykonujemy_url a {
					display: block;
					padding: 15px 0;					
					background: #2BC9FA;
					color: #161C2D;
					text-align: center;
					text-decoration: none;
					font-size: 16px;
					letter-spacing: 2px;
					text-transform: uppercase;
					font-weight: 700;
				}
	
				#uslugi_content #wykonujemy_url a:hover {
					background: #fff;
					color: #2BC9FA;
				}










		
#onas {
	width: 100%;
}
	
	#onas .wp-block-columns {
		align-items: stretch;
		background: #F4F7FA;
		color: #161C2D;
		margin: 0;
	}
	
	
		
		#onas .wp-block-column:first-child {
			position: relative;
			flex-basis: calc(50% - 150px);
			padding: 80px 0;
		}
					
			#onas .wp-block-column:first-child:before {
				content: "";
				display: block;
				width: 100%;
				height: 100%;
				
				position: absolute;
				left: 0;
				top:0;
				z-index: 1;
		
				background-image: url(../graf/bg_onas.jpg);
				background-size: cover;
				background-repeat: no-repeat;
			}
	
	
	
	
	
	
	
	
	
	
		
		#onas .wp-block-column:last-child {
			flex-basis: calc(50% + 150px);
			padding: 80px 0 80px 100px;
			box-sizing: border-box;
		}

	
	
		#onas .wp-block-column:last-child #onas_content {
			width: 700px;
		}
	
			#onas .wp-block-column:last-child h2 {
				display: inline-block;
				position: relative;
				padding: 20px 0 30px 0;
			}
	
				#onas .wp-block-column:last-child h2:before {
					content: "";
					position: absolute;
					left: 0;
					top: 0;
					
					display: block;
					width: 100px;
					height: 3px;
					background: #2BC9FA;
					transition: all 0.2s ease;
				}
	
	
	
			#onas .wp-block-column:last-child .wp-block-media-text {
				width: 95%;
				padding: 40px 20px 0 0;
				grid-template-columns: 90px auto !important;
				
				transition: all 0.2s ease;
			}
			
			#onas .wp-block-column:last-child .wp-block-media-text:hover {
				padding: 40px 0 0 20px;
				transition: all 0.2s ease;
			}
			
				#onas .wp-block-column:last-child .wp-block-media-text img {
					width: 65px;
					height: auto;
				}
		
				#onas .wp-block-column:last-child .wp-block-media-text__content {
					padding: 0;
				}
		
				#onas .wp-block-column:last-child .wp-block-media-text__content h3 {
					font-size: 20px;
				}
		
		
	
	
	
	
	
	
#wiecej_onas {
	width: 100%;
	
	background: #F4F7FA;
	padding: 50px 0;
}
	
	#wiecej_onas .wp-block-columns {
		width: 1400px;
		margin: 0 auto;
	}
	
	
	#wiecej_onas .columns_header {
		padding: 30px 0 20px 0;
		align-items: center;
	}
	
		#wiecej_onas .columns_header .wp-block-column:first-child {
			flex-basis: 30%;
		}
	
		#wiecej_onas .columns_header .wp-block-column:first-child h2 {
			display: inline-block;
			position: relative;
			padding: 20px 0;
		}

			#wiecej_onas .columns_header .wp-block-column:first-child h2:before {
				content: "";
				position: absolute;
				left: 0;
				top: 0;
				
				display: block;
				width: 100px;
				height: 3px;
				background: #2BC9FA;
				transition: all 0.2s ease;
			}
			
			
		#wiecej_onas .columns_header .wp-block-column:last-child {
			flex-basis: 70%;
			padding-left: 10%;
			box-sizing: border-box;
		}
	
		
	#wiecej_onas .columns_content {
		padding: 0 0 20px 0;
		
		justify-content: space-between;
	}
	
		#wiecej_onas .columns_content .wp-block-column {
			flex-basis: 33%;
			max-width: 33%;
			padding: 2%;
			box-sizing: border-box;
			
			transition: all 0.2s ease;
		}
	
	
		#wiecej_onas .columns_content .wp-block-column:hover {
			transform: scale(1.03);
			background: #2BC9FA;
		}
	
		#wiecej_onas .columns_content .wp-block-column h3 {
			font-size: 30px;
			line-height: 44px;
			padding-bottom: 5px;
		}
	
	
	
	
	
	

#realizacje {
	padding: 80px 0;
	
	background-image: url(../graf/bg_realizacje.jpg);
	background-size: contain;
	background-position: 50% 100%;
	background-repeat: no-repeat;
}
	
	#realizacje h2 {
		display: block;
		width: 1400px;
		margin: 0 auto;
		position: relative;
		padding: 20px 0;
	}

		#realizacje h2:before {
			content: "";
			position: absolute;
			left: 0;
			top: 0;
			
			display: block;
			width: 100px;
			height: 3px;
			background: #2BC9FA;
			transition: all 0.2s ease;
		}
	
	#realizacje .realizacje_inner {
		width: 1400px;
		margin: 0 auto;
		
		display: flex;
		justify-content: space-between;
		padding-top: 30px;
	}
	
		#realizacje .realizacje_inner #realizacje_menu {
			flex-basis: 30%; 
			padding-right: 5%;
			box-sizing: border-box;
		}
		
			#realizacje .realizacje_inner #realizacje_menu .swiper-wrapper {
				flex-direction: column;
				height: auto;
				width: 100%;
			}
			
			#realizacje .realizacje_inner #realizacje_menu .swiper-slide {
				padding: 5px 0;
				width: 100% !important;
				box-sizing: border-box;
				margin: 10px 0;
				cursor: pointer;
			}
			
			
			#realizacje .realizacje_inner #realizacje_menu .swiper-slide.swiper-slide-thumb-active,
			#realizacje .realizacje_inner #realizacje_menu .swiper-slide:hover {
				color: #2BC9FA;
			}
			
			
			
		
		#realizacje .realizacje_inner #realizacje_content {
			
		}
		
			#realizacje .realizacje_inner #realizacje_content .bwg_container {
				margin: 0;
			}
			
			#realizacje .realizacje_inner #realizacje_content .bwg-thumbnails {

			}
			
			#realizacje .realizacje_inner #realizacje_content .bwg-thumbnails .bwg-item {
				padding: 10px;
				box-sizing: border-box;
				text-align: left;
			}

				
				

		#realizacje .realizacje_inner #realizacje_content .bwg-background > style + div:not(.bwg_back) {
			display: none;
		}
				

		#realizacje .realizacje_inner #realizacje_content .bwg_back:hover {
			color: #2BC9FA;
		}

		#realizacje .realizacje_inner #realizacje_content .bwg_back + style + div {
			display: block !important;
		}
				
				
		#realizacje .realizacje_inner #realizacje_content .swiper-slide  {
			box-sizing: border-box;
			margin: 0 !important;
		}
				

		#realizacje .realizacje_inner #realizacje_content a {
			position: relative;
			display: block;
			margin: 0 !important;
		}
	
				
			#realizacje .realizacje_inner #realizacje_content .bwg-item a .bwg-title1 {
				position: absolute;
				z-index: 101;
				left: 0;
				top: 0;
				
				display: flex;
				width: 100%;
				height: 100%;
				
				background: rgba(0,0,0,0.7);			
				
				text-align: center;
				align-items: center;
			}

			
			#realizacje .realizacje_inner #realizacje_content .bwg-item a .bwg-title2 {
				text-align: center;
				font-weight: normal;
				padding: 15px;
				
				font-size: 26px;
				line-height: 44px;
				font-weight: 400;
				color: #fff;
				
				transition: all 0.2s ease;
			}
				
				
			#realizacje .realizacje_inner #realizacje_content .bwg-item a:hover .bwg-title2 {
				color: #2BC9FA;
				transition: all 0.2s ease;
			}
				
				
				
				

		#realizacje .realizacje_inner #realizacje_content a.bwg_lightbox {
			position: relative;
			display: block;
			margin: 0 !important;
		}
		
			#realizacje .realizacje_inner #realizacje_content a.bwg_lightbox .bwg-item0 {
				position: relative;
			}
					
					
			#realizacje .realizacje_inner #realizacje_content a.bwg_lightbox .bwg-item0:before {
				content: "";
				position: absolute;
				left: 0;
				top: 0;
				z-index: 10;
				
				width: 100%;
				height: 100%;
				display: block;
							
				background: rgba(43, 201, 250, 0.85);
				
				opacity: 0;
				transition: all 0.2s ease;
			}
					
					
			#realizacje .realizacje_inner #realizacje_content a.bwg_lightbox .bwg-item0:hover:before {
				opacity: 1;
				transition: all 0.2s ease;
			}
					
					
					
					
			#realizacje .realizacje_inner #realizacje_content a.bwg_lightbox .bwg-item0:after {
				content: "";
				position: absolute;
				left: 0;
				top: 0;
				z-index: 10;
				
				width: 100%;
				height: 100%;
				display: block;
							
				background-image: url(../graf/ico_zoom.svg);
				background-size: 60px 60px;
				background-position: 50% 50%;
				background-repeat: no-repeat;
				
				opacity: 0;
				transition: all 0.2s ease;
			}
					
					
			#realizacje .realizacje_inner #realizacje_content a.bwg_lightbox .bwg-item0:hover:after {
				opacity: 1;
				transition: all 0.2s ease;
			}
					
					
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
		#realizacje .realizacje_inner #realizacje_content .tablenav-pages_0 {
			height: 35px;
			line-height: 35px;
		}
		
		#realizacje .realizacje_inner #realizacje_content .pagination-links {

		}
		
			#realizacje .realizacje_inner #realizacje_content .pagination-links a {
				display: inline-block;
				
				padding: 8px 15px;
				margin: 0 2px !important;
				font-size: 16px;
				background: #fff;
			}
			
			
			#realizacje .realizacje_inner #realizacje_content .pagination-links a:not(.disabled):hover {
				color: #fff;
				background: #2BC9FA;
				border: 1px solid #2BC9FA;
			}
		
			#realizacje .realizacje_inner #realizacje_content .pagination-links a.disabled {
				opacity: 0.8;
			}
		
		
		
		
		
		
#kontakt {
	width: 100%;
	background: #F4F7FA;
}
		
		
	#kontakt .wp-block-columns {
		margin: 0;
	}
	
		#kontakt .wp-block-column {
			flex-basis: 50%;
		}
	
	
		#kontakt .wp-block-column:first-child {
			
		}
	
			#kontakt .wp-block-column:first-child iframe {
				height: 100%;
				
			}
			
			
		#kontakt .wp-block-column:last-child {
			padding: 100px 0 100px 100px;
			box-sizing: border-box;
			margin: 0;
			
		}
		
	
		
		#kontakt .wp-block-column:last-child h2{
			display: inline-block;
			position: relative;
			padding: 20px 0;
		}

			#kontakt .wp-block-column:last-child h2:before {
				content: "";
				position: absolute;
				left: 0;
				top: 0;
				
				display: block;
				width: 100px;
				height: 3px;
				background: #2BC9FA;
				transition: all 0.2s ease;
			}
			
	
	
	
	
	
	
	
				#kontakt .wp-block-column:last-child form {
					width: 600px;
					box-sizing: border-box;
					padding-top: 50px;
				}
				
				#kontakt .wp-block-column:last-child form br {
					display: none;
				}
	
				#kontakt .wp-block-column:last-child form label {
					flex-basis: 100%;
					max-width: 100%;
					margin: 7px 1% 7px 0;
					box-sizing: border-box;
				}
			
				#kontakt .wp-block-column:last-child form label span {
					display: block;
				}
					
				#kontakt .wp-block-column:last-child form input {
					width: 100%;
					box-sizing: border-box;
					padding: 16px 15px 8px 15px;
					
					border: 1px solid #E8E8E8;
				}
			

					#kontakt .wp-block-column:last-child form input::placeholder {
							color: transparent;
						}
						
						#kontakt .wp-block-column:last-child form input ~ .floating-label {
							position: absolute;
							pointer-events: none;
							display: inline-block;
							left: 10px;
							top: 3px;
							width: 100%;
							padding: 3px 0 3px 4px;
							color: #787878;
							font-size: 14px;
							transition: all 0.2s ease;
						}
						
						
						#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: 11px;
							top: -8px;
							left: 13px;
							transform: translateX(0%);
						}	
					
					
				

				#kontakt .wp-block-column:last-child form textarea {
					width: 100%;
					max-width: 100%;
					min-width: 100%;
					height: 120px;
					min-height: 100px;
					
					box-sizing: border-box;
					padding: 20px 15px 12px 15px;
					
					font-family: 'DM Sans', sans-serif;
					
					outline: 0;
					border: 1px solid #E8E8E8;
				}
				
				
					#kontakt .wp-block-column:last-child form .wiadomosc {
						display: block;
						position: relative;
					}
				
				
					#kontakt .wp-block-column:last-child form .wiadomosc .floating-label {
						position: absolute;
						pointer-events: none;
						transition: 0.2s ease all;
						
						color: #787878;
						font-size: 14px;
						
						top: 5px;
						left: 10px
					}
					
					#kontakt .wp-block-column:last-child form .wiadomosc textarea::placeholder {
						color: transparent;
					}
					
					#kontakt .wp-block-column:last-child form .wiadomosc textarea:focus ~ .floating-label,
					#kontakt .wp-block-column:last-child form .wiadomosc textarea:not(:placeholder-shown) ~ .floating-label {
						font-size: 11px;
						top: -3px;
						left: 15px;
						transform: translateX(0%);
					}
				
				
				

				
					#kontakt .wp-block-column:last-child form .submit {
						display: inline-block;
						position: relative;
						margin: 15px auto 0 auto;
					}
					
					#kontakt .wp-block-column:last-child form .submit button {
						position: relative;
						font-size: 18px;
						padding: 16px 80px;
						cursor: pointer;
						
						background: #2BC9FA;
						border: 1px solid #2BC9FA;
						color: #161C2D;
						text-transform: uppercase;
						letter-spacing: 1px;
						font-size: 16px;
						font-weight: 600;
						outline: 0;
						
						transition: all 0.2s ease;
					}
						
					#kontakt .wp-block-column:last-child form .submit button:hover {
						background: transparent;
						color: #2BC9FA;
						
						transition: all 0.2s ease;
						
					}
						
					
					#kontakt .wp-block-column:last-child form .submit .ajax-loader {
						position: absolute;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
					}

					#kontakt .wp-block-column:last-child form .submit .ajax-loader {
						background-image: url(../graf/white-dots.svg);
						background-size: 30%;
						background-repeat: no-repeat;
						background-position: 50% 50%;
						margin: 0;
						z-index: 10;
						display: block;
						width: 100%;
						height: 100%;
						background-color: #2BC9FA;
						
						opacity: 0;
						
						transition: 0.3s ease;
					}

					#kontakt .wp-block-column:last-child form .submit .ajax-loader.is-active {
						opacity: 1;
						transition: 0.3s ease;
					}
					
					
					#kontakt .wp-block-column:last-child form .wpcf7-not-valid-tip {
						color: #FFA630;
						font-size: 13px;
					}
					
					#kontakt .wp-block-column:last-child form  #wsparcie_content .wpcf7-not-valid-tip {
						padding-left: 15px;
						padding-bottom: 10px;
					}
					
					#kontakt .wp-block-column:last-child form.invalid .wpcf7-response-output {
						border: 2px solid #FFA630;
						background: #FFA630;
						color: #fff;
						text-align: center;
					}
	
	
			#kontakt .wp-block-column:last-child .napiszemail {
				padding-top: 40px;
			}
			
				#kontakt .wp-block-column:last-child .napiszemail a {
					font-size: 16px;
					text-transform: uppercase;
					color: #161C2D;
					letter-spacing: 2px;
					text-decoration: none;
				}
				
				#kontakt .wp-block-column:last-child .napiszemail a:hover {
					color: #2BC9FA;
				}
	
	
#unia {
	padding: 60px 4%;
	box-sizing: border-box;
	margin: 0 auto;
	width: 100%;
	max-width: 1000px;
	line-height: 1.4;
}

		
	#unia .wp-block-columns {
		width: 100%;
		margin: 0 auto;
		padding-bottom: 20px;
		gap: 5px;
	}
		
	#unia p {
		padding: 7px 0;
	}
		
	
	
	
	
	
footer {
	width: 100%;
	background: #161C2D;
	padding: 40px 0;
}
	
	
	footer .footer_inner {
		width: 1400px;
		margin: 0 auto;
		color: #fff;
	}
	

	footer .wp-block-columns {
		margin: 0;
		align-items: flex-start !important;
	}
	
	footer .wp-block-columns a {
		text-decoration: none;
	}

	footer .wp-block-columns a:hover {
		color: #fff;
	}
	
	
	footer .wp-block-column:nth-child(1) {
		flex-basis: 18% !important;
	}
	
		footer .wp-block-column:nth-child(1) figure {
			margin: 0;
		}
		
		footer .wp-block-column:nth-child(1) img {
			width: 130px;
			height: auto;
		}
	
	footer .wp-block-column:nth-child(2) {
		flex-basis: 18% !important;
	}
		
	footer .wp-block-column:nth-child(3) {
		flex-basis: 30% !important;
	}
	
	footer .wp-block-column:nth-child(4) {
		flex-basis: 17% !important;
	}
	
	footer .wp-block-column:nth-child(5) {
		flex-basis: 17% !important;
	}
	
	
	
	
#footer_menu {
	width: 100%;
	background: #161C2D;
	text-align: center;
	margin: 50px 0;
}
		
	#footer_menu ul {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 50px;
	}
	
	#footer_menu ul li {
		list-style: none;
		display: inline-block;
	}
	
	#footer_menu ul li a {
		text-decoration: none;
		color: #fff;
		
		text-transform: uppercase;
	}
	
	#footer_menu ul li a:hover {
		color: #2BC9FA;
	}
	

	#footer_menu ul li.ue {
		position: relative;
		display: inline-flex;
		overflow: hidden;
		align-items: center;
	}
		
		#footer_menu ul li.ue a {
			display: block;
			text-indent: 999px;
			
			background-image: url(../graf/ico_ue.svg);
			background-size: contain;
			background-repeat: no-repeat;
			background-position: 50% 50%;
			
			width: 45px;
			height: 30px;
		}
		
#footer_copyrights {
	width: 100%;
	background: #161C2D;
	text-align: center;
	margin: 50px 0 0 0;
	
	color: #fff;
	font-size: 14px;
}
		
	#footer_copyrights .copyrights {
		position: relative;
		z-index: 1;
	}
	
	#footer_copyrights .copyrights:before {
		content: "";
		z-index: -1;
		display: block;
		width: 100%;
		height: 1px;
		background: rgba(255, 255, 255, 0.15);
		
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
	}
	
	#footer_copyrights .copyrights_inner {
		position: relative;
		z-index: 1;
		display: inline-block;
		background: #161C2D;
		padding: 0 30px
	}
		
	#footer_copyrights .projekt {
		padding-top: 10px;
		font-size: 12px;
		opacity: 0.5;
	}
		
	#footer_copyrights .projekt a {
		color: #fff;
		text-decoration: none;
	}
		
		
		
		
		
#politykaprywatnosci {
	display: block;
	z-index: -999;
	
	position: fixed;
	overflow: auto;
	width: 100%;
	height: 100%;
	top: -100%;
	left: 0;
	background: rgba(255,255,255,0.9);
	opacity: 0;
	
	transition: top 0s ease 0.3s, opacity 0.2s ease 0s, z-index 0s ease 0.5s;
}
	
	#politykaprywatnosci.on {
		top: 0;
		opacity: 1;
		z-index: 99999;
		
		transition: opacity 0.2s ease 0.3s, top 0s ease 0s;
	}

	#politykaprywatnosci a#politykaprywatnosci_close {
		position: absolute;
		right: 20px;
		top: 20px;
		
		color: #000;
		font-size: 20px;
		opacity: 0.6;
		
		transition: all 0.2s ease;
	}
	
		#politykaprywatnosci a#politykaprywatnosci_close:hover {
			opacity: 1;
			transition: all 0.2s ease;
		}
		
		
	#politykaprywatnosci .politykaprywatnosci_inner {
		position: fixed;
		top: 5vh;
		left: 50%;
		transform: translateX(-50%);
		
		width: 50vw;
		min-width: 600px;
		height:90vh;
		
		padding: 50px;
		box-sizing: border-box;
		border: 1px solid #ecece;
		
		background: #fff;
		overflow: auto;		
	}
		
		
	#politykaprywatnosci .politykaprywatnosci_inner::-webkit-scrollbar {
	  width: 10px;
	}
		
	#politykaprywatnosci .politykaprywatnosci_inner::-webkit-scrollbar-track {
	  background: #fff;
	}
		
	#politykaprywatnosci .politykaprywatnosci_inner::-webkit-scrollbar-thumb {
	  background-color: #ccc;
	  border-radius: 20px;
	  border: 3px solid #fff;
	}
			
			

		
		
	#politykaprywatnosci .politykaprywatnosci_inner h3 {
		padding: 20px 0 10px 0;
	}
		
		
		#politykaprywatnosci .politykaprywatnosci_inner ul {
			margin-left: 25px;
		}
	


@media screen and (max-width: 1450px) {
	h1 {
		font-size: 58px;
		line-height: 70px;
	}

	h2 {
		font-size: 44px;
		line-height: 54px;
	}

	h3 {
		font-size: 28px;
		line-height: 42px;
	}

	#header_inner {
		max-width: 100%;
		padding: 25px 2%;
		box-sizing: border-box;
	}

	#logo img {
		width: 230px;
		height: auto;
	}

	#menu nav #nav_inner ul li {
		margin: 0px 15px;
	}

	#menu nav #nav_inner ul li.button {
		margin: 0 0 0 15px;
	}

	#menu nav #nav_inner ul li.button a {
		padding: 12px 25px;
	}

	header.fixed #header_inner {
		padding: 8px 3%;
		box-sizing: border-box;
	}

	header.fixed #menu nav #nav_inner ul li.kontakt a {
		padding: 10px 25px;
	}

	#intro .intro_inner .wp-block-columns {
		width: 100%;
		box-sizing: border-box;
		padding: 0 5%;
	}

	#intro .intro_inner .wp-block-column:first-child {
		flex-basis: 70%;
	}

	#intro .intro_inner .wp-block-column:last-child {
		flex-basis: 30%;
	}

	#zaufalinam {
		padding: 35px 3%;
		width: 100%;
		box-sizing: border-box;
	}

	#zaufalinam .zaufalinam_header {
		flex-basis: 20%;
		font-size: 32px;
	}

	#zaufalinam #zaufalinam_logotypy {
		flex-basis: 80%;
		max-width: 80%;
	}

	#zaufalinam #zaufalinam_logotypy .swiper-wrapper .swiper-slide {
		margin: 0 15px !important;
	}

	#zaufalinam #zaufalinam_logotypy .swiper-wrapper .swiper-slide img {
		width: 200px;
	}

	#uslugi_menu {
		width: 100%;
		box-sizing: border-box;
		padding: 0 3%;
	}

	#uslugi_menu #uslugi_menu_inner {
		width: 55%;
		padding: 0 0 0 3%;
	}

	#uslugi_menu #uslugi_menu_inner .swiper-slide {
		width: auto !important;
		margin-right: 40px;
	}

	#uslugi_menu #uslugi_menu_inner .swiper-slide:last-child {
		margin: 0;
	}

	#uslugi_content .swiper-slide #slide-left {
		flex-basis: 55%;
		padding: 290px 0px 80px 3%;
	}

	#uslugi_content .swiper-slide #slide-left .slide-left-inner {
		width: 100%;
	}

	#uslugi_content .swiper-slide #slide-right {
		flex-basis: 45%;
		padding-left: 40px;
	}

	#uslugi_content .swiper-slide #slide-right .slide-right-inner {
		justify-content: center;
		padding-left: 0;
	}

	#uslugi_content #wykonujemy {
		width: 80%;
	}

	#uslugi_content #wykonujemy_txt {
		padding: 40px 25px 40px 30px;
	}

	#uslugi_content #wykonujemy_txt h2 {
		font-size: 30px;
	}
	
	#uslugi_content #wykonujemy_txt ul li {
		padding: 1px 0 1px 20px;
	}

	#onas .wp-block-column:last-child {
		padding: 80px 3% 80px 50px;
	}

	#onas .wp-block-column:last-child #onas_content {
		width: 100%;
	}

	#wiecej_onas {
		padding: 50px 3%;
		box-sizing: border-box;
	}

	#wiecej_onas .wp-block-columns {
		width: 100%;
		box-sizing: border-box;
		padding: 0 3%;
	}

	#wiecej_onas .columns_header .wp-block-column:first-child h2 {
		white-space: nowrap;
	}

	#wiecej_onas .columns_content .wp-block-column {
		margin: 0;
	}
	
	#wiecej_onas .columns_content .wp-block-column h3 {
		font-size: 24px;
	}

	#realizacje {
		padding: 80px 3%;
		box-sizing: border-box;
	}

	#realizacje h2 {
		width: 100%;
		box-sizing: border-box;
	}

	#realizacje .realizacje_inner {
		width: 100%;
		box-sizing: border-box;
		padding: 30px 0 0 0;
	}

	#realizacje .realizacje_inner #realizacje_menu {
		padding-right: 2%;
	}

	#realizacje .realizacje_inner #realizacje_content .bwg-item a .bwg-title2 {
		font-size: 22px;
		line-height: 34px;
	}

	#kontakt .wp-block-column:last-child {
		padding: 70px 0 70px 50px;
	}

	#kontakt .wp-block-column:last-child form {
		width: 90%;
	}

	#kontakt .wp-block-column:last-child form input ~ .floating-label {
		box-sizing: border-box;
	}

	footer .footer_inner {
		width: 100%;
		box-sizing: border-box;
		padding: 0 3%;
	}

	footer .wp-block-columns {
		align-items: center;
		flex-wrap: wrap !important;
		gap: 25px 20px;
	}

	footer .wp-block-column {
		margin: 0 !important;
	}

	footer .wp-block-column:nth-child(1) {
		flex-basis: 100% !important;
	}

	footer .wp-block-column:nth-child(2) {
		flex-basis: 45% !important;
	}

	footer .wp-block-column:nth-child(3) {
		flex-basis: 45% !important;
	}

	footer .wp-block-column:nth-child(4) {
		flex-basis: 45% !important;
		text-align: left;
	}

	footer .wp-block-column:nth-child(5) {
		flex-basis: 45% !important;
		text-align: left;
	}

	footer .wp-block-column:nth-child(4) br,
	footer .wp-block-column:nth-child(5) br {
		content: " ";
		padding: 0 2px;
	}
}