/*
Theme Name: ascar
Author: Łukasz Kuchnio && Łukasz Widz
Author URI: https://kuchnio.com && https://lukaszwidz.pl

*/

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


body {
	background: #fff;
	width: 100%;
	height: 100%;
	min-height: 100vh;
	font-family: 'Red Hat Display', sans-serif;
	font-size: 16px;
	color: #222;
	line-height: 1.5;
	
	overflow-x: hidden;
}

body.overflow {
	overflow: hidden;
}

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

a:hover {
	color: #222;
	
	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: #222;
	font-size: 48px;
	font-weight: 700;
}

h2 {
	color: #222;
	font-size: 48px;
	font-weight: 700;
	line-height: 1.2;
}

h3 {
	color: #222;
	font-size: 38px;
	font-weight: 700;
}

h4 {
	color: #222;
	font-size: 20px;
	font-weight: 700;
}

p.button a,
a.button {
	background: #EB1C24;
	border: 2px solid #EB1C24;
	color: #fff;
	padding: 15px 45px;
	border-radius: 40px;
	margin: 0 10px;
	
	font-size: 18px;
	font-weight: 800;
}

	p.button a:hover,
	a.button:hover {
		background: #373C3F;
		border: 2px solid #373C3F;
	}

#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;
	}
	
	



header {
	width: 100%;
	position: absolute;
	z-index: 999;
	top: 0;
	left: 0;
	padding: 0;
	overflow: hidden;
}

	header .header_inner {
		position: relative;
		display: flex;
		width: 92vw;
		justify-content: space-between;
		align-items: center;
	}
	
	body:not(.home) header .header_inner {
		background: #373C3F;
	}
	
	
		header #logo {
			padding: 0 30px 0 8vw;
		}
		
			header #logo a {
				display: block;
			}
		
			header #logo a img {
				display: block;
			}

			

		@media screen and (min-width: 1501px) {

			header #menu {
				width: 100%;
			}

				header #menu .menu_inner2 {
					display: flex;
					width: 100%;
					align-items: center;
					justify-content: space-between;
				}

			header #menu .show-menu,
			header #menu #show-menu {
				display: none;
			}
			
				header #menu nav ul {
					display: flex;
					list-style: none;
				}
				
				header #menu nav ul li {
					padding: 0 5px;
				}
				
				header #menu nav ul li a {
					display: inline-block;
					padding: 8px 10px;
					border-radius: 3px;
					color: #fff;
					font-weight: 700;
					letter-spacing: 1px;
					font-size: 13px;
					text-transform: uppercase;
				}
				
				header #menu nav ul li.current_page_item a,
				header #menu nav ul li a:hover {
					background: #EB1C24;
					color: #fff;
				}

		}


		@media screen and (max-width: 1500px) {
			header #menu {
				display: flex;
				align-items: center;
				width: 100%;
			}
			
				header #menu .menu_inner {
					margin-left: auto;
				}

				header #menu .menu_inner2 {
					display: flex;
					width: 100%;
					align-items: center;
					justify-content: space-between;
				}

			header #menu #show-menu {
				display: none;
			}
							
			header #menu .show-menu {
				text-decoration: none;
				display: flex;
				flex-direction: column;
				justify-content: space-evenly;
				padding: 0;
				position: relative;
				top: 0px;
				width: 40px;
				height: 44px;
				cursor:  pointer;
				z-index: 9999;
				transform: scale(0.9);
			}

			header #menu .show-menu:hover {
				color: #E40000;
				cursor: pointer;
			}
			
				header #menu #toggle .span  {
					height:  5px;
					background:  #fff;
					transition:  all .3s ease-out;
					backface-visibility:  hidden;
				}
							

				header #menu #toggle:hover .span {
					background: #EB1C24;
					transition:  all .3s ease-out;
				}
				
			header #menu input#show-menu ~ .menu_inner nav {
				position: absolute;
				display: flex;
				flex-direction: column;
				justify-content: center;
				width: 80vw;
				height: 100%;
				
				top: 0;
				left: -80vw;
				
				overflow: hidden;
				
				position: fixed;
				z-index: 9999999999999;
				padding: 0;
				border-radius: 0 0 40px 0;
	
				opacity: 0;
				
				transition: 		all 0.5s ease 0s;
				-webkit-transition: all 0.5s ease 0s;
			}
			
				
				header #menu input#show-menu:checked ~ .menu_inner nav {
					left: 0;
					box-sizing: border-box;
					opacity: 1;
					background-color: #373C3F;
					transition: 		all 0.5s ease 0s;
					-webkit-transition: all 0.5s ease 0s;
				}
			
				header #menu nav #close-menu {
					position: absolute;
					right: 35px;
					top: 35px;
					
					display: block;
					width: 35px;
					height: 35px;
				}
				
					header #menu nav #close-menu:before {
						content: "";
						display: block;
						width: 35px;
						height: 3px;
						background: #fff;
						
						position: absolute;
						left: 5px;
						top: 5px;
						
						transform: rotate(45deg);
						transition: all 0.2s ease;
					}
				
					header #menu nav #close-menu:after {
						content: "";
						display: block;
						width: 35px;
						height: 3px;
						background: #fff;
						
						position: absolute;
						left: 5px;
						top: 5px;
						
						transform: rotate(-45deg);
						transition: all 0.2s ease;
					}

				header #menu nav #close-menu:hover:after,
				header #menu nav #close-menu:hover:before {
					cursor: pointer;
					background: #EB1C24;
					transition: all 0.2s ease;
				}
					
					
				
				header #menu nav ul {
					padding-left: 8vw;
				}

				header #menu nav ul li {
					list-style: none;
					display: block;
					padding: 5px 0;
				}

					header #menu nav ul li a {
						display: inline-block;
						padding: 1px 10px;
						border-radius: 3px;
						color: #fff;
						font-weight: 700;
						letter-spacing: 1px;
						font-size: 32px;
						text-transform: uppercase;
					}

					header #menu nav ul li.current-menu-item a,
					header #menu nav ul li a:hover {
						color: #EB1C24
					}



		}

		
















		header #menu .telefon {
			margin-left: auto;
			position: relative;
			margin-right: -90px;
			padding: 60px;
			background: #fff;
			border-radius: 0 0 0 40px;
			display: flex;
			align-items: center;
		}
		
		
		@media screen and (max-width: 1250px) {
			header #menu .telefon {
				padding: 40px 60px;
			}
		}


			header #menu .telefon .textwidget:first-child a {
				margin-right: 20px;
				
				display: flex;
				width: 30px;
				height: 30px;
				justify-content: center;
				align-items: center;
				background: #EB1C24;
				border-radius: 3px;
			}

				header #menu .telefon .textwidget:first-child a img {
					display: inline-block;
				}

				header #menu .telefon .textwidget:first-child a:hover {
					background: #4E565A;
				}

			header #menu .telefon .textwidget:last-child {
				font-size: 12px;
				color: #909598;
				
			}
				
				header #menu .telefon .textwidget:last-child a {
					color: #4E565A;
					font-size: 18px;
					font-weight: 700;
				}
				
				header #menu .telefon .textwidget:last-child a:hover {
					color: #EB1C24;
				}

#slider {
	position: relative;
}

	#slider #slider_inner {
		width: 92vw;
		height: 60vh;
		min-height: 700px;
		margin-left: 0;
		
		border-radius: 0 0 40px 0;
	}

	#slider .swiper-slide {
		
	}

		#slider .swiper-slide .slide {
			display: flex;
			flex-direction: column;
			justify-content: center;
			
			width: 100%;
			height: 100%;
			overflow: hidden;
			padding: 50px 3% 0 8vw;
			box-sizing: border-box;
			
			
			background-size: cover;
			background-repeat: no-repeat;
			background-position: 50% 50%;
		}
		

		#slider .swiper-slide .slide h2 {
			opacity: 0;
			
			max-width: 65%;
			font-size: 65px;
			font-weight: 700;
			text-transform: uppercase;
			color: #fff;
			padding-bottom: 20px;
			line-height: 1;
		}


		#slider .swiper-slide .slide .desc {
			opacity: 0;
			
			max-width: 50%;
			color: #fff;
			line-height: 1.7;
		}
		

		@media screen and (max-width: 1300px) {
			#slider .swiper-slide .slide h2 {
				max-width: 80%;
				font-size: 58px;
			}
			
			#slider .swiper-slide .slide .desc {
				max-width: 65%;
			}
		}
		
		
		#slider .swiper-slide .slide .desc a {
			margin-top: 20px;
			display: inline-block;
			color: #fff;
			padding: 7px 20px;
			border: 2px solid #fff;
			border-radius: 40px;
		}
		
		
		#slider .swiper-slide .slide .desc a:hover {
			background: #EB1C24;
			color: #fff;
			border: 2px solid #EB1C24;
			
		}
		
	#slider #nav_right {
		position: absolute;
		z-index: 5;
		right: 2.5vw;
		top: 50%;
		transform: translateY(-50%);
	}
		
		#slider #nav_right .numeric {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
		}
		
		#slider #nav_right .swiper-pagination-bullet {
			display: inline-block;
			width: unset;
			height: unset;
			padding: 5px;
			margin: 5px 0;
			background: none !important;
			
			color: #bbb;
			font-weight: 600;
			outline: 0;
			opacity: 1;
		}
		
		#slider #nav_right .swiper-pagination-bullet.swiper-pagination-bullet-active {
			color: #4E565A;
		}
		
	#slider #nav_left {
		display: flex;
		justify-content: space-between;
		align-items: center;
		
		position: absolute;
		z-index: 99;
		left: 0;
		bottom: 0;
		padding: 30px 50px 30px 8vw;
		
		background: #EB1C24;
		border-radius: 0 40px 0 0;
		color: #fff;
	}
	
		#slider #nav_left .progress {
			position: relative;
			margin-right: 50px;
			margin-left: 25px;
			width: 150px;
			height: 3px;
			background: rgba(255, 255, 255, 0.5);
		}

			#slider #nav_left .progress .first {
				position: absolute;
				left: -25px;
				top: 50%;
				transform: translateY(-50%);
			}
			
			#slider #nav_left .progress .last {
				position: absolute;
				right: -25px;
				top: 50%;
				transform: translateY(-50%);
				
			}
			
		
		
			#slider #nav_left .progress .swiper-scrollbar-drag {
				background: #fdf;
			}
		
		#slider #nav_left .button-prev,
		#slider #nav_left .button-next {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 28px;
			height: 28px;
			
			margin: 0 5px;
			outline: 0;
			cursor: pointer;
			
			transition: all 0.2s ease;
			
			background-size: contain;
			background-repeat: no-repeat;
			background-position: 50% 50%;
		}

			#slider #nav_left .button-prev {
				background-image: url(graf/arrow-left-circle.svg);
			}
			
			#slider #nav_left .button-next {
				background-image: url(graf/arrow-right-circle.svg);
			}
			
			#slider #nav_left .button-prev:hover {
				background-image: url(graf/arrow-left-circle-hover.svg);
			}
			
			#slider #nav_left .button-next:hover {
				background-image: url(graf/arrow-right-circle-hover.svg);
			}

			
			
			
#wszystko {
	padding: 120px 0 0 0;
	
	background-image: url(graf/bg_wszystko.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 0% 50%;
}

	#wszystko .wp-block-group__inner-container {
		max-width: 1000px;
		margin: 0 auto;
		box-sizing: border-box;
	}

	#wszystko .wp-block-group__inner-container h2 {
		padding-bottom: 60px;
	}

		#wszystko .wp-block-group__inner-container h2 strong {
			color: #EB1C24;
		}
			

	#wszystko .wp-block-group__inner-container .wp-block-columns {
		justify-content: space-between;
	}
			
		#wszystko .wp-block-group__inner-container .wp-block-columns .wp-block-column {
			display: flex;
			flex-direction: column;
			position: relative;
			flex-basis: 22%;
			max-width: 22%;
			
			margin: 0;
			padding: 20px;
			box-sizing: border-box;
			transition: all 0.2s ease;
		}
		
		#wszystko .wp-block-group__inner-container .wp-block-columns .wp-block-column:after {
			content: "";			
			position: absolute;
			right: -10px;
			top: 50%;
			
			display: inline-block;
			border-right: 3px solid #EB1C24;
			border-bottom: 3px solid #EB1C24;
			width: 7px; 
			height: 7px;
			transform: rotate(-45deg) translateY(20px);
		}

		#wszystko .wp-block-group__inner-container .wp-block-columns .wp-block-column:last-child:after {
			display: none;
		}

			#wszystko .wp-block-group__inner-container .wp-block-columns .wp-block-column figure {
				display: flex;
				align-items: center;
				justify-content: center;
				width: 70px;
				height: 70px;
			
				margin: 0;
				border: 2px solid #E5E5E5;
				border-radius: 4px;
				
				transition: all 0.2s ease;
			}
	
				#wszystko .wp-block-group__inner-container .wp-block-columns .wp-block-column:hover figure svg path {
					transition: all 0.2s ease;
				}
				
			#wszystko .wp-block-group__inner-container .wp-block-columns .wp-block-column h3 {
				font-size: 30px;
				padding: 20px 0 10px 0;
			}
	

		#wszystko .wp-block-group__inner-container .wp-block-columns .wp-block-column:hover {
			transform: scale(1.05);
			transition: all 0.2s ease;
		}

			#wszystko .wp-block-group__inner-container .wp-block-columns .wp-block-column:hover figure {
				background: #EB1C24;
				border: 2px solid #EB1C24;
				transition: all 0.2s ease;
			}

			#wszystko .wp-block-group__inner-container .wp-block-columns .wp-block-column:hover figure svg path {
				stroke: #fff;
				transition: all 0.2s ease;
			}
			
			#wszystko .wp-block-group__inner-container .wp-block-columns .wp-block-column:nth-child(2):hover figure svg path {
				fill: #fff;
				stroke: transparent;
				transition: all 0.2s ease;
			}
			
			
			
#inpost {
	max-width: 820px;
	margin: 0 auto;
	padding: 50px 0 0 0;
}

	#inpost .wp-block-media-text {
		font-size: 24px;
		grid-template-columns: 160px auto !important;
	}

		#inpost figure img {
			width: 150px;
			height: auto;
		}
				
	#inpost .wp-block-media-text__content {
		padding: 0 0 0 30px;
	}
	
	
			
#stacja {
	display: flex;
	justify-content: flex-end;
	padding: 50px 0 0 0;
	box-sizing: border-box;
	overflow: hidden;
}

	#stacja .wp-block-group__inner-container {
		position: relative;
		width: 92vw;
		box-sizing: border-box;
		background: #EB1C24;
		border-radius: 40px 0 0 40px;
		border-top: 50px solid #fff;
	}
	
		#stacja .wp-block-group__inner-container:last-child:after {
			content: "";
			
			display: block;
			width: 360px;
			height: 520px;
			
			position: absolute;
			right: 8vw;
			bottom: 0;
			
			background-image: url(graf/img_stacja.png);
			background-size: contain;
			background-repeat: no-repeat;
			background-position: 50% 100%;
		}

		@media screen and (max-width: 1500px) {
			#stacja .wp-block-group__inner-container:last-child:after {
				right: 1vw;
			}
		}

		@media screen and (max-width: 1300px) {
			#stacja .wp-block-group__inner-container:last-child:after {
				right: 0;
				height: 450px;
				width: 200px;
				background-position: 0% 0%;
				
				background-size: cover;	
			}
		}

	#stacja .wp-block-group__inner-container h2 {
		display: inline-block;
		padding: 10px 50px 30px 0px;
		background: #fff;
		border-radius: 0 0 40px 0;
		left: -2px;
		top: -1px;
		position: relative;
	}
	
	#stacja .wp-block-group__inner-container h2 strong {
		color: #EB1C24;
	}
		
	#stacja .wp-block-group__inner-container .wp-block-columns {
		position: relative;
		z-index: 5;
		
		justify-content: center;
		align-items: flex-end;
		max-width: 100%;
		margin: 0 auto;
		padding: 80px 8vw;
	}
	
	@media screen and (max-width: 1500px) {
		#stacja .wp-block-group__inner-container .wp-block-columns {
			padding: 80px 4vw;
		}
	}
	
	@media screen and (max-width: 1300px) {
		#stacja .wp-block-group__inner-container .wp-block-columns {
			padding: 60px 3vw;
			align-items: center;
		}
	}
			
		#stacja .wp-block-group__inner-container .wp-block-columns .wp-block-column:first-child {
			color: #fff;
			flex-basis: 45%;
			margin: 0;
		}
		
		@media screen and (max-width: 1300px) {
			#stacja .wp-block-group__inner-container .wp-block-columns .wp-block-column:first-child {
				flex-basis: 40%;
			}
		}
	
			#stacja .wp-block-group__inner-container .wp-block-columns .wp-block-column:first-child li {
				position: relative;
				padding: 10px 0 10px 35px;
				list-style: none;
			}

			#stacja .wp-block-group__inner-container .wp-block-columns .wp-block-column:first-child li:before {
				content: "";
				
				position: absolute;
				left: 0;
				top: 10px;
				
				display: block;
				width: 20px;
				height: 20px;
				
				background-image: url(graf/ico_check_white.png);
				background-size: contain;
				background-repeat: no-repeat;
				background-position: 0% 50%;
			}
		
		

		#stacja .wp-block-group__inner-container .wp-block-columns .wp-block-column:last-child {
			position: relative;
			flex-basis: 45%;
			margin: 0;
		}

			#stacja .wp-block-group__inner-container .wp-block-columns .wp-block-column:last-child h3 {
				color: #fff;
				font-size: 50px;
			}

				#stacja .wp-block-group__inner-container .wp-block-columns .wp-block-column:last-child h3:last-child {
					padding-left: 50px;
					 -webkit-text-stroke-width: 1px;
					  -webkit-text-stroke-color: #fff;
					  color: transparent;
				}
		
		
		@media screen and (max-width: 1300px) {			
			#stacja .wp-block-group__inner-container .wp-block-columns .wp-block-column:last-child h3 {
				color: #fff;
				font-size: 42px;
			}
		}

			
			
#wszystkietypy {
	background: #F8F8F8;
}

	#wszystkietypy .wp-block-group__inner-container {
		width: 92vw;
		background: #fff;
		border-radius: 0 0 40px 0;
		padding: 100px 0;
		box-sizing: border-box;
	}
	
	
	#wszystkietypy_lista {
		max-width: 900px;
		margin: 0 auto;
		padding-bottom: 60px;
		padding-left: 60px;
	}
	

	#wszystkietypy_lista.wszystkietypy_lista_min {
		padding: 70px 0 0 0;
	}
	
	
		#wszystkietypy_lista .wp-block-column {
			margin: 0;
		}
		
		#wszystkietypy_lista .wp-block-column figure {
			position: relative;
			display: flex;
			justify-content: center;
			align-items: center;
			width: 100px;
			height: 100px;
			background: #373C3F;
			border-radius: 50%;
			box-shadow: 0 0 0px 20px rgba(55, 60, 63, 0.1);
			transition: all 0.2s ease;
		}

			#wszystkietypy_lista.wszystkietypy_lista_min .wp-block-column figure {
				width: 80px;
				height: 80px;
				box-shadow: 0 0 0px 15px rgba(55, 60, 63, 0.1);
			}
		
			#wszystkietypy_lista.wszystkietypy_lista_min .wp-block-column figure img {
				max-width: 60%;
				height: auto;
			}

		#wszystkietypy_lista .wp-block-column:hover figure {
			background: #EB1C24;
			transform: scale(1.1);
			transition: all 0.2s ease;
		}
		
		#wszystkietypy_lista .wp-block-column figure figcaption {
			display: flex;
			align-items: center;
			justify-content: center;
			
			position: absolute;
			top: -40px;
			left: 50%;
			transform: translateX(-50%);
			
			width: 130%;
			height: 35px;
			margin: 0;
			text-align: center;
			
			background: #EB1C24;
			padding: 5px 10px;
			color: #fff;
			font-weight: 600;
			font-size: 14px;
			border-radius: 5px;
			
			line-height: 1.2;
			
			opacity: 0;
			transition: all 0.2s ease;
		}

		#wszystkietypy_lista .wp-block-column:hover figure figcaption {
			top: -55px;
			
			opacity: 1;
			transition: all 0.2s ease;
		}
			
			
		
	#wszystkietypy h2 {
		font-size: 30px;
		font-weight: 500;
	}
	
	#wszystkietypy #odnosniki {
		padding: 80px 0 0 0;
	}
	
		#wszystkietypy #odnosniki a:first-child {
			background: #EB1C24;
			border: 2px solid #EB1C24;
			color: #fff;
			padding: 15px 45px;
			border-radius: 40px;
			margin: 0 10px;
			
			font-size: 18px;
			font-weight: 800;
		}
		
			#wszystkietypy #odnosniki a:first-child:hover {
				background: #373C3F;
				border: 2px solid #373C3F;
			}
		
	
		#wszystkietypy #odnosniki a:last-child {
			background: #fff;
			border: 2px solid #EB1C24;
			color: #EB1C24;
			padding: 15px 45px;
			border-radius: 40px;
			margin: 0 10px;
			
			font-size: 18px;
			font-weight: 800;
		}
		
			#wszystkietypy #odnosniki a:last-child:hover {
				background: #EB1C24;
				color: #fff;
				border: 2px solid #EB1C24;
			}
	
	
	
#autoserwis {
	background: #F8F8F8;
	padding: 100px 3%;
	box-sizing: border-box;
	overflow: hidden;
}

	#autoserwis .wp-block-columns.fit {
		max-width: 1000px;
		margin: 0 auto;
	}

	#autoserwis .wp-block-columns.fit .wp-block-column:first-child {
		flex-basis: 60%;
	}
			
		#autoserwis .wp-block-columns.fit h2 strong {
			color: #EB1C24;
		}
			
	#autoserwis .wp-block-columns.fit .wp-block-column:last-child {
		flex-basis: 40%;
		
		text-align: right;
		padding-top: 50px;
	}

			
	
	#oferta_serwis {
		max-width: 1350px;
		margin: 0 auto;
		
		padding-top: 100px;
		align-items: stretch;
	}

		#oferta_serwis .wp-block-media-text {
			color: #4E565A;
			font-size: 24px;
			font-weight: 800;
			
			transition: all 0.2s ease;
		}
			
		#oferta_serwis .wp-block-media-text:hover {
			transform: scale(1.05);
			color: #EB1C24;
			
			transition: all 0.2s ease;
		}			
			
			#oferta_serwis .wp-block-media-text figure {
				display: flex;
				width: 65px;
				height: 65px;
				align-items: center;
				justify-content: center;
				
				background: #EB1C24;
				border-radius: 50%;
				
				box-shadow: 0 0 0 12px rgba(227, 30, 36, 0.1);
				transition: all 0.2s ease;
			}
			
			#oferta_serwis .wp-block-media-text:hover figure {				
				box-shadow: 0 0 0 16px rgba(227, 30, 36, 0.1);
				
				transition: all 0.2s ease;
			}
			
				
				#oferta_serwis .wp-block-media-text img {
					width: auto;
					height: auto;
				}
				
				#oferta_serwis .wp-block-media-text .wp-block-media-text__content {
					padding: 0 8% 0 0;
				}
				

		#oferta_serwis .wp-block-column:nth-child(1) {
			position: relative;
			align-self: center;
			z-index: 5;
			flex-basis: 30%;
			margin: 0;
		}

			#oferta_serwis .wp-block-column:nth-child(1) .wp-block-media-text {
				grid-template-columns: auto 80px;
				margin: 80px 0;
				
				text-align: right;
			}

			#oferta_serwis .wp-block-column:nth-child(1) .wp-block-media-text:nth-child(2) {
				padding-right: 45px;
			}


		#oferta_serwis .wp-block-column:nth-child(2) {
			position: relative;
			z-index: 3;
			flex-basis: 280px;
			text-align: center;
			margin: 0;
		}
		

		#oferta_serwis .wp-block-column:nth-child(2):after {
			content: "";
			
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
			
			background: rgba(196, 196, 196, 0.4);
			box-shadow: 0 0 0 30px rgba(196, 196, 196, 0.2);
			
			display: block;
			width: 450px;
			height: 450px;
			border-radius: 50%;
		}
		
			#oferta_serwis .wp-block-column:nth-child(2) img {
				position: relative;
				z-index: 1;
				height: 600px;
				width: auto;
			}
		
		#oferta_serwis .wp-block-column:nth-child(3) {
			position: relative;
			align-self: center;
			z-index: 5;
			flex-basis: 30%;
			margin: 0;
		}

			#oferta_serwis .wp-block-column:nth-child(3) h3 {
				padding: 80px 0;
				font-size: 45px;
			}
		

			#oferta_serwis .wp-block-column:nth-child(3) .wp-block-media-text {
				grid-template-columns: 80px auto;
				padding-left: 17px;
				text-align: left;
			}
		
		
#nasze_stacje {
	padding: 0 0 100px 0;
}

	#nasze_stacje .wp-block-group__inner-container {
		position: relative;
		padding: 100px 0 0 0;
		background: #EB1C24;
		color: #fff;
	}

	#nasze_stacje .wp-block-group__inner-container:after {
		content: "";
		
		display: block;
		width: 100%;
		height: 150px;
		
		background: #fff;
		position: absolute;
		left: 0;
		bottom: 0;
	}
			
	#nasze_stacje h5 {
		color: #fff;
		font-weight: 400;
		letter-spacing: 1px;
		opacity: 0.5;
	}
			
	#nasze_stacje h2 {
		color: #fff;
	}
			
	#nasze_stacje #stacje {
		max-width: 1000px;
		margin: 0 auto;
		padding: 50px 0;
	}
	
		#nasze_stacje #stacje .swiper-wrapper {
			justify-content: center;
		}
		
		#nasze_stacje #stacje .swiper-slide {
			position: relative;
			width: 400px !important;
			margin: 0 20px !important;
		}
	
		#nasze_stacje #stacje .stacja_img {
			display: block;
			width: 100%;
			height: 400px;
			border-radius: 40px;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: 50% 50%;
		}
		

		#nasze_stacje #stacje .stacja_txt {
			position: absolute;
			bottom: -50px;
			
			box-sizing: border-box;
			width: 340px;
			
			color: #4E565A;
			font-weight: 500;
			padding: 50px 20px 50px 35px;
			background: #fff;
			border-radius: 0 40px 40px 40px;
			transition: all 0.2s ease;
		}

		#nasze_stacje #stacje .swiper-slide:hover .stacja_txt {
			color: #fff;
			background: #EB1C24;
			transition: all 0.2s ease;
		}
		
		
			#nasze_stacje #stacje .stacja_txt .stacja_adres {
				padding: 0 0 0 35px;
				margin: 10px 0;
				background-image: url(graf/ico_gps_red.png);
				background-size: 22px 22px;
				background-repeat: no-repeat;
				background-position: 0% 20%;
			}
	
				#nasze_stacje #stacje .swiper-slide:hover .stacja_txt .stacja_adres {
					background-image: url(graf/ico_gps_white.png);
				}
		
			#nasze_stacje #stacje .stacja_txt .stacja_telefon {
				padding: 0 0 0 35px;
				margin: 10px 0;
				background-image: url(graf/ico_tel_red.png);
				background-size: 21px 21px;
				background-repeat: no-repeat;
				background-position: 0% 20%;
			}		

				#nasze_stacje #stacje .swiper-slide:hover .stacja_txt .stacja_telefon {
					background-image: url(graf/ico_tel_white.png);
				}
		
		
			#nasze_stacje #stacje .stacja_txt .stacja_buttons {
				overflow: hidden;
				max-height: 0;
				opacity: 0;
				transition: all 0.2s ease;

			}
		
				#nasze_stacje #stacje .swiper-slide:hover .stacja_txt .stacja_buttons  {
					opacity: 1;
					padding-top: 30px;
					max-height: 50px;
					
					transition: all 0.2s ease;
				}
				
				
				#nasze_stacje #stacje .stacja_txt .stacja_buttons a:first-child {
					display: inline-block;
					padding: 8px 30px;
					font-weight: 600;
					color: #EB1C24;
					background: #fff;
					border-radius: 40px;
					border: 2px solid #fff;
					
					margin-right: 10px;
				}
		
				#nasze_stacje #stacje .stacja_txt .stacja_buttons a:last-child {
					display: inline-block;
					padding: 8px 30px;
					font-weight: 600;
					color: #fff;
					background: #EB1C24;
					border-radius: 40px;
					border: 2px solid #fff;
					
				}

				#nasze_stacje #stacje .stacja_txt .stacja_buttons a:hover {
					color: #fff;
					background: #373C3F;
					border: 2px solid #373C3F;
				}
		
		
		
		
		
#kliencionas {
}

	#kliencionas .kliencionas_inner {
		padding: 0 0 100px 0;
	}
		
	#kliencionas h5 {
		color: #EB1C24;
		font-weight: 500;
		letter-spacing: 1px;
	}
			
	#kliencionas h2 {
		
	}
			
		#kliencionas h2 strong {
			color: #EB1C24;
		}
		

	#kliencionas #opinie {
		padding-top: 70px;
	}

		#kliencionas #opinie .swiper-slide {
			transition: all 0.2s ease;
		}
		
		#kliencionas #opinie .swiper-slide:not(.swiper-slide-active) {
			filter: grayscale(1);
			opacity: 0.2;
		}
		
		#kliencionas #opinie .opinia {
			padding: 0 70px;
		}

		#kliencionas #opinie .opinia .opinia_naglowek {
			padding: 0 0 15px 40px;
			
			font-weight: 700;
			
			background-image: url(graf/ico_quote.png);
			background-size: 22px 20px;
			background-repeat: no-repeat;
			background-position: 0% 20%;
		}
		
		#kliencionas #opinie .opinia .opinia_autor {
			font-weight: 700;
			padding-top: 15px;
		}
		
		
		
		
		
#mapa {
	filter: grayscale(1);
	opacity: 0.7;
	
	width: 92vw;
	overflow: hidden;
	border-radius: 0 40px 0 0;	
}


body.page-id-14 #mapa,
body.page-id-12 #mapa,
body.page-id-10 #mapa {
	position: relative;
	margin-top: -100px;
}






#content {
	position: relative;
}

#content:not(.home) {
	padding: 100px 0 0 0;
}
	
.page-id-6 #content:before {
	content: "";
	
	display: block;
	width: 50vw;
	height: 100%;
	
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;

	background: #F8F8F8;
}


	#content #header {
		position: relative;
		overflow: hidden;
		width: 92vw;
		background: #373C3F;
		
		height: 160px;
		border-radius: 0 0 40px 0;
	}
	
		#content #header h1 {
			position: absolute;
			top: 45px;
			letter-spacing: 1px;
			font-size: 110px;
			padding-left: 50px;
			-webkit-text-stroke-width: 0.4px;
			-webkit-text-stroke-color: #fff;
			color: transparent;
			opacity: 0.1;
		}
	
	
	#content.txt .content_inner {
		max-width: 1350px;
		margin: 0 auto;
		padding: 60px 3%;
		box-sizing: border-box;
	}

		#content.txt .content_inner h2 {
			font-size: 32px;
			padding-bottom: 20px;
		}


	#content ul {
		list-style: none;
		padding: 20px 0;
	}
				
		#content ul li {
			padding: 10px 0 10px 35px;
			
			background-image: url(graf/ico_check_red.png);
			background-position: 0% 9px;
			background-repeat: no-repeat;
		}

	#content ol {
		padding: 5px 0;
		margin-left: 20px;
	}
				
		#content ol > li {
			padding: 7px 0;
		}


	
	#content .wp-block-columns.fit {
		max-width: 1350px;
		margin: 0 auto;
	}
	
	#content .wp-block-columns.col_stacje {
		max-width: 1000px;
	}
	
		#content .wp-block-columns.col_stacje .wp-block-column:first-child {
			flex-basis: 30%;
		}
	
	
		#content .wp-block-columns.col_stacje .wp-block-column:last-child {
			position: relative;
			flex-basis: 70%;
			padding: 60px 0;
			box-sizing: border-box;
			background: #fff;
			margin: 0;
		}
	
		#content .wp-block-columns.col_stacje .wp-block-column:last-child .stacje_txt {
			position: relative;
			padding: 0 50px;			
		}
		
		#content .wp-block-columns.col_stacje .wp-block-column:last-child .stacje_txt:before {
			content: "";
			
			display: block;
			width: 4px;
			height: 100%;
			
			position: absolute;
			left: 0px;
			top: 0;
			
			border-radius: 0 5px 5px 0;
			background: #EB1C24;
		}
	
	

	#content #sub_stacje {
		position: relative;
		max-width: 1000px;
		margin: 0 auto;
		padding: 50px 0 50px 0;
	}
	
	#content #sub_stacje:before {
		content: "";
		
		display: block;
		width: 70%;
		height: 100%;
		
		position: absolute;
		z-index: -1;
		right: 0;
		top: 0;

		background: #fff;
	}
	
	
		#content #sub_stacje .sub_stacja {
			display: flex;
			width: 100%;
			padding-bottom: 50px;
		}
	
			#content #sub_stacje .sub_stacja .stacja_img {
				display: block;
				position: relative;
				flex-basis: 40%;
				height: 300px;
				margin-left: 80px;
				border-radius: 40px;
				background-size: cover;
				background-repeat: no-repeat;
				background-position: 50% 50%;
			}

			#content #sub_stacje .sub_stacja .stacja_img span {
				position: absolute;
				
				right: -1px;
				bottom: -1px;
				
				padding: 25px 0;
				border-radius: 40px 0 0 0;
				background: #fff;
				font-weight: 700;
				width: 180px;
				text-align: right;
			}
				
			#content #sub_stacje .sub_stacja .stacja_txt {
				display: flex;
				flex-direction: column;
				padding-left: 100px;
			}
				
				#content #sub_stacje .sub_stacja .stacja_txt .stacja_adres {
					padding: 0 0 0 35px;
					margin: 10px 0;
					background-image: url(graf/ico_gps_red.png);
					background-size: 22px 22px;
					background-repeat: no-repeat;
					background-position: 0% 20%;
				}
	
				#content #sub_stacje .sub_stacja .stacja_txt .stacja_telefon {
					padding: 0 0 0 35px;
					margin: 10px 0;
					background-image: url(graf/ico_tel_red.png);
					background-size: 21px 21px;
					background-repeat: no-repeat;
					background-position: 0% 20%;
				}		
		
				#content #sub_stacje .sub_stacja .stacja_txt .stacja_buttons {
					padding-top: 20px;

				}
										
					#content #sub_stacje .sub_stacja .stacja_txt .stacja_buttons a:first-child {
						display: inline-block;
						padding: 8px 30px;
						font-weight: 600;
						color: #fff;
						background: #EB1C24;
						border-radius: 40px;
						border: 2px solid #EB1C24;
						
						margin-right: 10px;
					}
						
					#content #sub_stacje .sub_stacja .stacja_txt .stacja_buttons a:last-child {
						display: inline-block;
						padding: 8px 30px;
						font-weight: 600;
						color: #EB1C24;
						background: #fff;
						border-radius: 40px;
						border: 2px solid #EB1C24;
						
					}
					
					#content #sub_stacje .sub_stacja .stacja_txt .stacja_buttons a:hover {
						color: #fff;
						background: #373C3F;
						border: 2px solid #373C3F;
					}
		
				#content #sub_stacje .sub_stacja .stacja_txt .stacja_uslugi {
					margin-top: auto;
					padding-bottom: 25px;
				}
					
					#content #sub_stacje .sub_stacja .stacja_txt .stacja_uslugi span.mob {
						display: none;
					}
					
					#content #sub_stacje .sub_stacja .stacja_txt .stacja_uslugi ul {
						display: flex;
						list-style: none;
						padding: 0;
					}

					#content #sub_stacje .sub_stacja .stacja_txt .stacja_uslugi ul li {
						display: flex;
						
						position: relative;
						width: 50px;
						height: 50px;
						border-radius: 3px;
						border: 1px solid #909598;
						margin-right: 10px;
						padding: 0;
						
						opacity: 0.2;
						
						background-position: 50% 50%;
						background-size: auto auto;
						background-repeat: no-repeat;
					}

						#content #sub_stacje .sub_stacja .stacja_txt .stacja_uslugi ul li.stacjapaliw {
							background-image: url(graf/ico_stacjapaliw.png);
						}
						
						#content #sub_stacje .sub_stacja .stacja_txt .stacja_uslugi ul li.myjnia {
							background-image: url(graf/ico_myjnia.png);
						}
						
						#content #sub_stacje .sub_stacja .stacja_txt .stacja_uslugi ul li.odkurzacz {
							background-image: url(graf/ico_odkurzacz.png);
						}
						
						#content #sub_stacje .sub_stacja .stacja_txt .stacja_uslugi ul li.kompresor {
							background-image: url(graf/ico_kompresor.png);
						}
						
						#content #sub_stacje .sub_stacja .stacja_txt .stacja_uslugi ul li.jedzenie {
							background-image: url(graf/ico_jedzenie.png);
						}
						
						#content #sub_stacje .sub_stacja .stacja_txt .stacja_uslugi ul li.napoje {
							background-image: url(graf/ico_napoje.png);
						}
						

					#content #sub_stacje .sub_stacja .stacja_txt .stacja_uslugi ul li.checked {
						opacity: 1;
					}

					#content #sub_stacje .sub_stacja .stacja_txt .stacja_uslugi ul li:not(.checked) {
						cursor: not-allowed;
					}

				
					#content #sub_stacje .sub_stacja .stacja_txt .stacja_uslugi ul li span {
						opacity: 0;
						position: absolute;
						
						background: #EB1C24;
						color: #fff;
						border-radius: 5px;
						padding: 5px 10px;
					
						white-space: pre;
							
						text-align: center;
						left: 50%;
						transform: translateX(-50%);
						bottom: -30px;
						transition: all 0.2s ease;
					}
					
					#content #sub_stacje .sub_stacja .stacja_txt .stacja_uslugi ul li.checked:hover span {
						opacity: 1;
						bottom: -40px;
						transition: all 0.2s ease;
					}
					
				

	#stacjekontroli_top {
		position: relative;
		width: 100vw;
		background: #F8F8F8;
	}

		#stacjekontroli_top .wp-block-group__inner-container {
			position: relative;
			z-index: 1;
		}
		
		#stacjekontroli_top .wp-block-group__inner-container:before {
			content: "";
			
			position: absolute;
			z-index: -1;
			right: 0;
			top: 0;
			
			display: block;
			width: 50%;
			height: 100%;
			
			background: #fff;
			
		}
		
		#stacjekontroli_top > .wp-block-group__inner-container > .wp-block-columns {
			max-width: 1200px;
			margin: 0 auto;
		}
						
			#stacjekontroli_top > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column:first-child {
				flex-basis: 30%;
				box-sizing: border-box;
				padding: 60px 50px 60px 3%;
			}

				#stacjekontroli_top > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column:first-child ul li {
					list-style: none;
					padding-bottom: 20px;
					background: none;
				}
				
				#stacjekontroli_top > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column:first-child ul li:first-child {
					background-image: url(graf/ico_arrow_red.png);
					background-position: 95% 0%;
					background-repeat: no-repeat;
				}

						
			#stacjekontroli_top > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column:last-child {
				flex-basis: 70%;
				
				padding: 60px 3% 200px 80px;
				box-sizing: border-box;
				background: #fff;
				border-radius: 0 0 0 40px;
			}
				
			#stacjekontroli_top > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column:last-child .stacja_txt {
				position: relative;
			}
				
				
			#stacjekontroli_top > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column:last-child ul {
				list-style: none;
				padding: 40px 0;
			}
				
				#stacjekontroli_top > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column:last-child ul li {
					padding: 10px 0 10px 35px;
					
					background-image: url(graf/ico_check_red.png);
					background-position: 0% 9px;
					background-repeat: no-repeat;
				}
				
	#stacjekontroli_img {
		position: relative;
		
		max-width: 100vw;
		margin: 0 auto;
		
		background: #F8F8F8;
	}	
	
		
	#stacjekontroli_img:before {
		content: "";
		
		display: block;
		height: 100px;
		width: calc(50% + 210px);
		
		position: absolute;
		z-index: 5;
		right: 0;
		top: 0;
		
		border-radius: 0 0 0 40px;
		
		background: rgba(255 255 255 / 0.5);
		backdrop-filter: blur(5px);
	}
	
	
		#stacjekontroli_img .wp-block-group__inner-container {
			position: relative;
			z-index: 2;
			max-width: 1200px;
			margin: 0 auto;
			margin-top: -100px;
		}
			
		#stacjekontroli_img .wp-block-group__inner-container figure {
			margin: 0;
		}
			
		#stacjekontroli_img .wp-block-group__inner-container img {
			display: block;
			border-radius: 40px;
		}
		
		
	#stacjekontroli_cennik {
		position: relative;
		
		max-width: 100vw;
		margin: 0 auto;
		padding-bottom: 50px;
		
		background: #F8F8F8;
	}	
	
		#stacjekontroli_cennik .wp-block-group__inner-container {
			max-width: 1200px;
			margin: 0 auto;
			padding: 60px 0;
		}

		#stacjekontroli_cennik .wp-block-group__inner-container .wp-block-column:first-child {
			flex-basis: 30%;
		}

		#stacjekontroli_cennik .wp-block-group__inner-container .wp-block-column:last-child {
			flex-basis: 70%;
			padding-right: 3%;
			box-sizing: border-box;
		}
			
			
		#stacjekontroli_cennik .wp-block-group__inner-container table {
			padding-top: 30px;
			vertical-align: top;
		}
			
		#stacjekontroli_cennik .wp-block-group__inner-container table td {
			width: 50%;
			box-sizing: border-box;
			vertical-align: top;
			
			color: #909598;
		}
			
		#stacjekontroli_cennik .wp-block-group__inner-container table td:first-child {
			padding: 0 50px 20px 0;
		}
		
		#stacjekontroli_cennik .wp-block-group__inner-container table td:last-child {
			padding: 0 0 20px 50px;
		}
			
			
		#stacjekontroli_cennik .wp-block-group__inner-container table td img {
			vertical-align: middle;
			margin: 20px 15px 20px 0;
		}
			
		#stacjekontroli_cennik .wp-block-group__inner-container table td em {
			font-style: normal;
			color: #EB1C24;
		}

		#stacjekontroli_cennik .wp-block-group__inner-container table td strong {
			display: inline-block;
			color: #222;
			margin-top: 10px;
			padding-top: 10px;
			padding-right: 20px;
			border-top: 1px solid #909598;
		}
		
		
	#odbierzprezent {
		display: flex;
		position: relative;
		margin-top: -50px;
		padding-bottom: 50px;
	}
		
		#odbierzprezent .wp-block-group__inner-container {
			display: flex;
			width: 100%;
			flex-direction: column;
			align-items: center;
		}
	
		#odbierzprezent h2 {
			position: relative;
			align-self: flex-end;
			width: calc(50% + 370px);
			box-sizing: border-box;
			
			background: #EB1C24;
			border-radius: 0 0 0 40px;
			color: #fff;
			font-size: 30px;
			font-weight: 400;
			padding: 40px 200px 40px 50px;
		}

			#odbierzprezent h2:after {
				content: "";
				
				position: absolute;
				right: 5%;
				bottom: 0;
				
				display: block;
				width: 240px;
				height: 270px;
				
				background-image: url(graf/img_stacja_min.png);
				background-position: 50% 50%;
				background-size: contain;
				background-repeat: no-repeat;
				
			}
	
	

		#odbierzprezent a {
			display: inline-block;
			margin-top: 50px;
			
			background: #fff;
			border: 2px solid #EB1C24;
			color: #EB1C24;
			padding: 15px 45px;
			border-radius: 40px;
			font-size: 18px;
			font-weight: 800;
		}
	
			#odbierzprezent a:hover {
				background: #373C3F;
				border: 2px solid #373C3F;
				color: #fff
			}
			
			
			
			

	#autoserwis_sub {
		position: relative;
		width: 100%;
	}
	
	
		#autoserwis_sub .wp-block-group__inner-container {
			position: relative;
			z-index: 1;
		}
	

		#autoserwis_sub .wp-block-group__inner-container:before {
			content: "";
			
			position: absolute;
			z-index: -1;
			left: 0;
			top: 0;
			
			display: block;
			width: 50%;
			height: calc(100% - 100px);
			
			background: #F8F8F8;
		}

		#autoserwis_sub .wp-block-group__inner-container:after {
			content: "";
			
			position: absolute;
			z-index: -1;
			right: 0;
			top: 0;
			
			display: block;
			width: 50%;
			height: 100%;
			
			background: #fff;
		}
		
		#autoserwis_sub .wp-block-columns {
			max-width: 1350px;
			margin: 0 auto;
		}

			#autoserwis_sub .wp-block-columns .wp-block-column:first-child {
				position: relative;
				flex-basis: 30%;
				
			}

				#autoserwis_sub .wp-block-columns .wp-block-column:first-child:before {
					content: "";
					
					position: absolute;
					top: 100px;
					right: -2px;
					
					display: block;
					width: 250px;
					height: 600px;
					
					background-image: url(graf/img_autoserwis.png);
					background-position: 50% 50%;
					background-size: contain;
					background-repeat: no-repeat;
				}
				
				
				

			#autoserwis_sub .wp-block-columns .wp-block-column:last-child {
				position: relative;
				z-index: 1;
				flex-basis: 70%;
				padding: 60px 50px 100px 50px;
				box-sizing: border-box;
				border-radius: 0 0 0 40px;
				margin: 0;
				background-color: #fff;
				

				background-image: url(graf/img_autoserwis_blur.jpg);
				background-position: 0% 106px;
				background-size: auto 590px;
				background-repeat: no-repeat;
			}			


			
			

		#autoserwis_sub .wp-block-media-text {
			padding: 30px 0;
			grid-template-columns: 80px auto !important;
		}

			#autoserwis_sub .wp-block-media-text figure {
				display: flex;
				width: 65px;
				height: 65px;
				align-items: center;
				justify-content: center;
				transform: translateX(20px);
				background: #EB1C24;
				border-radius: 50%;
				box-shadow: 0 0 0 12px rgba(227, 30, 36, 0.1);
				transition: all 0.2s ease;
			}
					
				#autoserwis_sub .wp-block-media-text figure img {
					width: auto;
					height: auto;
				}
		
			#autoserwis_sub .wp-block-media-text h3 {
				font-size: 24px;
				font-weight: 800;
				padding-bottom: 20px;
			}
			
			
			
			
	#praca {
		position: relative;
		width: 100%;
	}
	
	
		#praca .wp-block-group__inner-container {
			position: relative;
			z-index: 1;
		}
	

		#praca .wp-block-group__inner-container:before {
			content: "";
			
			position: absolute;
			z-index: -1;
			left: 0;
			top: 0;
			
			display: block;
			width: 50%;
			height: calc(100% - 100px);
			
			background: #F8F8F8;
		}

		#praca .wp-block-group__inner-container:after {
			content: "";
			
			position: absolute;
			z-index: -1;
			right: 0;
			top: 0;
			
			display: block;
			width: 50%;
			height: 100%;
			
			background: #fff;
		}
		
		#praca .wp-block-columns {
			max-width: 1350px;
			margin: 0 auto;
		}

			#praca .wp-block-columns .wp-block-column:first-child {
				position: relative;
				flex-basis: 30%;
				box-sizing: border-box;
				padding: 60px 20px 60px 3%;
			}

				#praca .wp-block-columns .wp-block-column:first-child .swiper-wrapper {
					flex-direction: column;
					transform: unset !important;
				}

				#praca .wp-block-columns .wp-block-column:first-child .swiper-wrapper .swiper-slide {
					width: 100% !important;
					padding: 10px 0;
					cursor: pointer;
					transition: all 0.2s ease;
					
					background-image: none;
					background-position: 50% 50%;
					background-repeat: no-repeat;
				}
				
				#praca .wp-block-columns .wp-block-column:first-child .swiper-wrapper .swiper-slide:hover {
					color: #EB1C24;
					
					transition: all 0.2s ease;
				}
				
				#praca .wp-block-columns .wp-block-column:first-child .swiper-wrapper .swiper-slide-thumb-active {
					font-weight: bold;
					
					background-image: url(graf/ico_arrow_red.png);
					background-position: 95% 50%;
					background-repeat: no-repeat;
				}
					
					

			#praca .wp-block-columns .wp-block-column:last-child {
				position: relative;
				z-index: 1;
				flex-basis: 70%;
				padding: 60px 50px 100px 50px;
				box-sizing: border-box;
				border-radius: 0 0 0 40px;
				
				background: #fff;
			}

				#praca .wp-block-columns .wp-block-column:last-child .oferta_txt {
					padding-bottom: 50px;
				}
			
					#praca .wp-block-columns .wp-block-column:last-child .oferta_txt a {
						display: inline-block;
						margin-top: 10px;
					}
			
			
			
			
			
			
			
	#kontakt {
		position: relative;
			z-index: 1;
		width: 100%;
	}

		#kontakt:before {
			content: "";
			
			position: absolute;
			z-index: -1;
			left: 0;
			top: 0;
			
			display: block;
			width: 50%;
			height: calc(100% - 100px);
			
			background: #F8F8F8;
		}


		#kontakt:after {
			content: "";
			
			position: absolute;
			z-index: -1;
			right: 0;
			top: 0;
			
			display: block;
			width: 50%;
			height: 100%;
			
			background: #fff;
		}

	
		#kontakt .wp-block-group__inner-container {
			position: relative;
			z-index: 1;
		}
	

		#kontakt .wp-block-group__inner-container:after {
			content: "";
			
			display: block;
			width: 600px;
			height: 600px;
			
			position: absolute;
			z-index: 1;
			left: 0;
			top: 5%;

			background-image: url(graf/img_kontakt.png);
			background-position: 0% 0%;
			background-size: contain;
			background-repeat: no-repeat;
		}
	
	
		
		#kontakt .wp-block-columns {
			position: relative;
			z-index: 2;
			max-width: 1350px;
			margin: 0 auto;
		}

			#kontakt .wp-block-columns .wp-block-column:first-child {
				position: relative;
				flex-basis: 20%;
				
			}

				#kontakt .wp-block-columns .wp-block-column:first-child:before {
					content: "";
					
					position: absolute;
					top: 100px;
					right: -2px;
					
					display: block;
					width: 250px;
					height: 600px;
					
				}
				


			#kontakt .wp-block-columns .wp-block-column:last-child {
				position: relative;
				z-index: 1;
				flex-basis: 80%;
				padding: 60px 50px 100px 50px;
				box-sizing: border-box;
				border-radius: 0 0 0 40px;
				
				background: #fff;
			}

			
			
				#kontakt .kontakt_cols {
					padding-top: 90px;
				}
			
					#kontakt .kontakt_cols .wp-block-column {
						flex-basis: 50% !important;
						padding: 0 !important;
					}
				
					#kontakt .kontakt_cols .wp-block-column h3 {
						font-size: 22px;
					}

					#kontakt .kontakt_cols .wp-block-column .wp-block-media-text {
						grid-template-columns: 21px auto !important;
						padding: 25px 0;
					}
					
						#kontakt .kontakt_cols .wp-block-column .wp-block-media-text img {
							width: 21px;
							height: auto;
						}

						#kontakt .kontakt_cols .wp-block-column .wp-block-media-text .wp-block-media-text__content {
							padding: 0 0 0 20px;
						}
	
	

	
			#kontakt form p {
				display: block;
				color: #111D48;
				padding-bottom: 10px;
			}
			
			#kontakt form label {
				display: block;
				margin: 5px 0;
			}
			
			#kontakt form label span {
				display: block;
			}
			
			#kontakt form input,
			#kontakt form textarea {
				display: block;
				width: 100%;
				max-width: 100%;
				min-width: 100%;
				font-family: initial;
				
				padding: 16px 20px 8px 20px;
				box-sizing: border-box;
				
				background: #FBFBFB;
				box-sizing: border-box;
				border-radius: 4px;
			}
			
			
	
			#kontakt form input::placeholder,
			#kontakt form textarea::placeholder {
				color: transparent;
			}


				#kontakt form .floating-label {
					position: absolute;
					pointer-events: none;
					transition: 0.2s ease all;
					
					color: #999;
					font-size: 14px;
					
					top: 10px;
					left: 20px
				}
				
				#kontakt form textarea .floating-label {
					top: 0px;
				}

					#kontakt form input:focus ~ .floating-label,
					#kontakt form input:not(:placeholder-shown) ~ .floating-label{
						font-size: 10px;
						
						top: 0px;
						left: 20px;
						transform: translateX(0%);
					}	
			
					
					#kontakt form textarea:focus ~ .floating-label,
					#kontakt form textarea:not(:placeholder-shown) ~ .floating-label {
						font-size: 10px;
						
						top: 3px;
						left: 20px;
						transform: translateX(0%);
					}	
	
			
			
			
			#kontakt .regulamin {
				display: block;
				text-align: right;
				font-size: 13px;
			}
			
			#kontakt form .submit {
				display: flex;
				justify-content: flex-end;
				margin: 5px auto;
				text-align: right;
			}
			
			#kontakt form .submit .submit_inner {
				display: inline-block;
				position: relative;
			}
				
				#kontakt form .submit button {
					display: inline-block;
					background-color: #EB1C24;
					padding: 10px 50px;
					border-radius: 5px;
					border: 2px solid #EB1C24;
					color: #fff;
					font-size: 16px;
					font-weight: 600;
					border-radius: 40px;
					outline: 0;
					
					transition: all 0.2s ease;
				}
					
				#kontakt form button:hover {
					border: 2px solid #373C3F;
					background: #373C3F;
					color: #fff;
					cursor: pointer;
					
					transition: all 0.2s ease;
				}
					
				
				#kontakt form .ajax-loader {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
				}

				#kontakt form .ajax-loader {
					background-image: url(graf/white-dots.svg);
					background-size: 35%;
					background-repeat: no-repeat;
					background-position: 50% 50%;
					margin: 0;
					z-index: 10;
					display: block;
					border-radius: 40px;
					width: 100%;
					height: 100%;
					background-color: #373C3F;
					
					opacity: 0;
					
					transition: 0.3s ease;
				}

				#kontakt form .ajax-loader.is-active {
					opacity: 1;
					transition: 0.3s ease;
				}
				
				
				#kontakt form  .wpcf7-not-valid-tip {
					color: #ED1C24;
					font-size: 13px;
					padding-bottom: 0 !important;
				}
				
				#kontakt form .wpcf7-not-valid-tip {
					padding-left: 15px;
					padding-bottom: 10px;
				}
				
				#kontakt form.invalid .wpcf7-response-output {
					border: 2px solid #EB1C24;
					background: #EB1C24;
					color: #fff;
					text-align: center;
					padding: 10px 0;
					margin: 10px 0 0 0;
					line-height: 1.5;
					border-radius: 4px;
				}
				
				#kontakt form.sent .wpcf7-response-output {
					border: 2px solid #46b450;
					background: #46b450;
					color: #fff;
					text-align: center;
					padding: 10px 0;
					margin: 10px 0 0 0;
					line-height: 1.5;
					border-radius: 4px;
				}
			
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
footer {
	position: relative;
	margin-top: -10px;
	background: #373C3F;
	padding: 50px 0 80px 0;
}

	footer:after {
		content: "";
		display: block;
		width: 8vw;
		height: 55%;
		
		position: absolute;
		left: 92vw;
		top: 0;
		
		background: #fff;
		border-radius: 0 0 0 40px;
	}

	footer #footer_inner {
		display: flex;
		max-width: 1350px;
		margin: 0 auto;
		padding: 0 2%;
		box-sizing: border-box;
	}
		
		footer .footer_col1 {
			display: flex;
			flex-basis: 22%;
			padding: 0 2% 0 0;
			flex-direction: column;
			
			font-size: 12px;
			color: #fff;
		}
		
			footer .footer_col1 .copyrights {
				margin-top: auto;
			}
		
			footer .footer_col1 a {
				color: #fff;
				font-weight: 600;
			}
	

		footer .footer_col2 {
			color: #fff;
			flex-basis: 18%;
			padding: 0 2%;
		}
		
		@media screen and (max-width: 1300px) {
			footer .footer_col2 {
				padding: 0 0 0 2%;
			}
		}
	
			footer .footer_col2 h5 {
				position: relative;
				font-weight: 700;
				font-size: 16px;
				padding-bottom: 10px;
				margin-bottom: 10px;
			}
			
			footer .footer_col2 h5:after {
				content: "";
				width: 50px;
				height: 1px;
				background: #E31E24;
				
				position: absolute;
				left: 0;
				bottom: 0;
			}
	

			footer .footer_col2 ul li {
				list-style: none;
				padding: 2px 0;
			}
	
			footer .footer_col2 ul li a {
				color: #fff;
				font-size: 14px;
			}
			
			footer .footer_col2 ul li a:hover {
				color: #E31E24;
			}
	
	
		footer .footer_col3 {
			color: #fff;
			flex-basis: 18%;
			padding: 0 2%;
		}
		
		@media screen and (max-width: 1300px) {
			footer .footer_col3 {
				padding: 0 0 0 2%;
			}
		}
	
			footer .footer_col3 h5 {
				position: relative;
				font-weight: 700;
				font-size: 16px;
				padding-bottom: 10px;
				margin-bottom: 10px;
			}
			
			footer .footer_col3 h5:after {
				content: "";
				width: 50px;
				height: 1px;
				background: #E31E24;
				
				position: absolute;
				left: 0;
				bottom: 0;
			}
	

			footer .footer_col3 p {
				padding: 5px 0 15px 0;
				font-size: 14px;
			}

			footer .footer_col3 a {
				color: #fff;
				font-size: 14px;
			}
			
			footer .footer_col3 a:hover {
				color: #E31E24;
			}
	
	
		footer .footer_col4 {
			color: #fff;
			flex-basis: 22%;
			padding: 0 0 0 2%;
			
			font-weight: 700;
			color: #4E565A
		}
		
		@media screen and (max-width: 1300px) {
			footer .footer_col4 {
				flex-basis: 25%;
			}
		}
		
		footer .footer_col4 .textwidget {
			display: flex;
			flex-direction: column;
			height: 100%;
		}

			footer .footer_col4 a {
				display: inline-block;
				margin: 20px 0;
				color: #fff;
				font-size: 32px;
			}
	
			@media screen and (max-width: 1300px) {
				footer .footer_col4 a {
					font-size: 28px;
				}
			}
	
				footer .footer_col4 a strong {
					color: #E31E24;
				}
	
			footer .footer_col4 a:hover {
				color: #E31E24;
			}
	

			footer .footer_col4 p:last-child {
				margin-top: auto;
			}
			
				footer .footer_col4 p:last-child a {
					margin-top: auto;
					display: flex;
					width: 30px;
					height: 30px;
					justify-content: center;
					align-items: center;
					background: #EB1C24;
					border-radius: 3px;
				}

				footer .footer_col4 p:last-child a:hover {
					background: #373C3F;
				}