@media screen and (min-width: 1200px) {
.services {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
}

.services .top {
	float:left;
	width:100%;
	height:50vw;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:center;
	align-items:flex-start;
	align-content:center;
}
	.services .top .dir {
		float:left;
		width:70%;
		margin:0px 0px 4.7vw 5%;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #3b3b3b;
		font-family: NeueHaasGrotDisp55Roman;
		font-size: 21px;
		font-weight: 400;
		line-height: 36px;
	}
	.services .top h1 {
		float:left;
		width:70%;
		margin:0px 0px 0px 5%;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #3b3b3b;
		font-family: NeueHaasGrotDisp65Medium;
		font-size: 6.8vw;
		font-weight: 400;
		line-height: 6.8vw;
		visibility:hidden;
	}
		.services .top h1 span {
			float:left;
			width:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}
	.services .top  .right {
		float:right;
		width:70%;
		height:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:absolute;
		top:0;
		right:0;
		z-index:-1;
	}
		.services .top  .right .gallery {
			float:left;
			width:100%;
			height:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
		}
			.services .top  .right .gallery  .img{
				float:left;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				width:100%;
				height:100%;
				object-fit: cover;	
			}
			
	.services .scroll-down,
	.services .scroll-down-uslu {
		float: left;
		position: absolute;
		left:0;
		bottom:4.6vw;
		margin: 0px 0px 0px 5%;
		padding: 0px 0px 0px 65px;
		background: url(../images/scroll-down.png) left no-repeat;
		color: #3b3b3b;
		font-family: NeueHaasGrotDisp65Medium;
		font-size: 18px;
		font-weight: 400;
		line-height: 60px;
		cursor: pointer;
	}
	
	
.services .middle {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 23vw 0px;
	position:relative;
	background-color: #3b3b3b;
}
	.services .middle .text {
		float:left;
		width:45.1vw;
		margin:0px 0px 0px 5%;
		padding:6.8vw 6.5vw 6.8vw 6.8vw;
		color: #3b3b3b;
		font-family: NeueHaasGrotDisp45Light;
		font-size: 1vw;
		font-weight: 400;
		line-height: 1.57vw;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		background-color: #f5f5f5;
	}
	.services .middle .info {
		float:left;
		width:45.1vw;
		height:36vw;
		position:relative;
		margin:-10vw 0px 0px 0px;
		padding:0px 0px 0px 0px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		background-color: #fff;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
		align-content:center;
	}
		.services .middle .info img {
			width:9.52vw;
		}
		.services .middle .info h3 {
			float:left;
			width:100%;
			margin:30px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			color: #3b3b3b;
			font-family: NeueHaasGrotDisp65Medium;
			font-size: 3.15vw;
			font-weight: 100;
			line-height: 3.15vw;
			text-align:center;
		}
		.services .middle .hr {
			float:left;
			width: 2px;
			height: 8.42vw;
			position:absolute;
			left:50%;
			bottom:-4.21vw;
			margin:0px 0px 0px -1px;
			padding:0px 0px 0px 0px;
			background-color: #b7d437;
		}	
		.services .middle .benefits {
			float:left;
			width:90%;
			margin:7.4vw 0px 0px 5%;
			padding:0px 0px 0px 0px;
			position:relative;
		}
			.services .middle .benefits .sprawdz {
				position: relative;
				float: left;
				margin: 3px 1.6vw 0px 0px;
				color: #fff;
				font-family: NeueHaasGrotDisp55Roman;
				font-size: 1.25vw;
				line-height: 2.5vw;
				padding-right: calc(75px + 1.3vw);
				background: url(../images/sep_sprawdz_green.png) right no-repeat;
			}
			.services .middle .benefits .opis {
				float:left;
				width:85%;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
			}
				.services .middle .benefits .opis h2 {				
					color: #fff;
					font-family: NeueHaasGrotDisp65Medium;
					font-weight:400;
					font-size: 3.2vw;
					line-height: 3.2vw;
					margin-bottom: 1vw;
				}
				.services .middle .benefits .opis {
					color: #cccccc;
					font-family: NeueHaasGrotDisp45Light;
					font-size: 1vw;
					font-weight: 400;
					line-height: 1.6vw;
				}
					.services .middle .benefits .opis p {
						float:left;
						width:45%;
					}
					.services .middle .benefits .opis ul {
						float:right;
						width:50%;
						list-style: none; 
						position:relative;
					}
					.services .middle .benefits .opis ul li {
						box-sizing: border-box;
						-moz-box-sizing: border-box;
						-webkit-box-sizing: border-box;
						width:100%;
						padding:0px 0px 0px 30px;
						background: url(../images/benefits_ul_li.png) top 0.4vw left no-repeat;
					}
					
.services .how {
	float:left;
	width:100%;
	height:32vw;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	background-color: #f1f1f1;
}
	.services .how .step {
		float:left;
		width:90%;
		height:30vw;
		margin:-15vw 0px 0px 5%;
		padding:0px 0px 0px 0px;
		position:relative;
		background-color: #fff;
	}
		.services .how .step .inside {
			float:left;
			width:90%;
			margin:5.5vw 0px 0px 5%;
			padding:0px 0px 0px 0px;
			position:relative;
		}
			.services .how .step .inside .box {
				float:left;
				width:20%;
				height:100%;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				display:flex;
				flex-direction:column;
				flex-wrap:wrap;
				justify-content:flex-start;
				align-items:center;
				align-content:center;
			}
				.services .how .step .inside .box .number-step {
					float:left;
					margin:0px 0px 0px 0px;
					padding:0px 0px 30px 0px;
					position:absolute;
					top:0;
					left:0;
					color: #3b3b3b;
					font-family: NeueHaasGrotDisp55Roman;
					font-size: 20px;
					font-weight: 400;
					line-height: 20px;
					background: url(../images/number_step_hr.png) bottom left no-repeat;
				}
				.services .how .step .inside .box .arrow {
					float:left;
					margin:-40px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position:absolute;
					left:0;
					top:50%;
				}
				.services .how .step .inside .box .ikon {
					float:left;
					width:7.9vw;
					margin:3.1vw 0px 2.1vw 0px;
					padding:0px 0px 0px 0px;
					position:relative;	
				}
				.services .how .step .inside .box .name-step {
					float:left;
					width:80%;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position:relative;
					color: #787878;
					font-family: NeueHaasGrotDisp55Roman;
					font-size: 1vw;
					font-weight: 400;
					line-height: 1.4vw;
					text-align:center;
				}
		.services .how .step .header {
			float:left;
			width: 33vw;
			height:15vw;
			margin:3.15vw 0px 0px 5%;
			padding:0px 0px 0px 0px;
			color: #3b3b3b;
			font-family: NeueHaasGrotDisp65Medium;
			font-size: 3.15vw;
			font-weight: 400;
			line-height: 3.15vw;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:space-around;
			align-items:center;
			align-content:center;
			background-color: #b7d437;
		}
		.services .how .step .text {
			float:left;
			width:38vw;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:absolute;
			right:7%;
			bottom:-10.2vw;
			color: #3b3b3b;
			font-family: NeueHaasGrotDisp45Light;
			font-size: 1vw;
			font-weight: 400;
			line-height: 1.6vw;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}
			.services .how .step .text span {
				position:absolute;
				top:0;
				left:-45px;
				font-weight:900;
			}
				
.services .big_nag {
	margin-top:-12.1vw;
}
	.services .big_nag  h2 {
		color:#fff;
		font-weight:400;
	}

.services .home2 {
	height:32.10vw;
}	
.services .home2 .top {
	height:32.10vw;
}
	.services-main .home2 {
		height:42vw;
	}	
	.services-main .home2 .top {
		height:42vw;
	}
.services .top .wrap .scroll_box {
	display:none;
}

.services .home1 .wrap .opis {
	width:80%;
	margin:0px 0px 0px 0px;
}

.services .page {
	float:left;
	width:100%;
	height:25.7vw;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
}
	.services .page  .left, .services .page  .right {
		float:left;
		width:50%;
		height:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		background-color: #f1f1f1;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-around;
		align-items:center;
		align-content:center;
	}
	.services .page  .right {
		float:right;
		background-color: #fff;
	}
		.services .page  .left div {
			padding:0px 0px 0px 115px;
			background: url(../images/competences_prev.png) left no-repeat;
		}
		.services .page  .right div {
			padding:0px 115px 0px 0px;
			background: url(../images/competences_next.png) right no-repeat;
		}
		.services .page a {
			color: #3b3b3b;
			font-family: NeueHaasGrotDisp65Medium;
			font-size: 32px;
			font-weight: 400;
			line-height: 48.65px;
			text-decoration:none;
		}
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
.services {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
}

.services .top {
	float:left;
	width:100%;
	height:50vw;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:center;
	align-items:flex-start;
	align-content:center;
}
	.services .top .dir {
		float:left;
		width:97%;
		margin:0px 0px 30px 3%;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #3b3b3b;
		font-family: NeueHaasGrotDisp55Roman;
		font-size: 18px;
		font-weight: 400;
		line-height: 36px;
	}
	.services .top h1 {
		float:left;
		width:97%;
		margin:0px 0px 0px 3%;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #3b3b3b;
		font-family: NeueHaasGrotDisp65Medium;
		font-size: 6.8vw;
		font-weight: 400;
		line-height: 6.8vw;
		visibility:hidden;
	}
		.services .top h1 span {
			float:left;
			width:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}
	.services .top  .right {
		float:right;
		width:70%;
		height:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:absolute;
		top:0;
		right:0;
		z-index:-1;
	}
		.services .top  .right .gallery {
			float:left;
			width:100%;
			height:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
		}
			.services .top  .right .gallery  .img{
				float:left;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				width:100%;
				height:100%;
				object-fit: cover;	
			}
			
	.services .scroll-down,
	.services .scroll-down-uslu {
		float: left;
		position: absolute;
		left:0;
		bottom:4.6vw;
		margin: 0px 0px 0px 3%;
		padding: 0px 0px 0px 65px;
		background: url(../images/scroll-down.png) left no-repeat;
		color: #3b3b3b;
		font-family: NeueHaasGrotDisp65Medium;
		font-size: 18px;
		font-weight: 400;
		line-height: 60px;
		cursor: pointer;
	}
	
	
.services .middle {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 210px 0px;
	position:relative;
	background-color: #3b3b3b;
}
	.services .middle .text {
		float:left;
		width:57%;
		margin:0px 0px 0px 3%;
		padding:40px;
		color: #3b3b3b;
		font-family: NeueHaasGrotDisp45Light;
		font-size: 14px;
		font-weight: 400;
		line-height: 20px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		background-color: #f5f5f5;
	}
	.services .middle .info {
		float:left;
		width:37%;
		height:36vw;
		position:relative;
		margin:-10vw 0px 0px 0px;
		padding:0px 0px 0px 0px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		background-color: #fff;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
		align-content:center;
	}
		.services .middle .info img {
			width:9.52vw;
		}
		.services .middle .info h3 {
			float:left;
			width:100%;
			margin:30px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			color: #3b3b3b;
			font-family: NeueHaasGrotDisp65Medium;
			font-size: 30px;
			font-weight: 100;
			line-height: 30px;
			font-weight: 100;
			text-align:center;
		}
		.services .middle .hr {
			float:left;
			width: 2px;
			height: 8.42vw;
			position:absolute;
			left:50%;
			bottom:-4.21vw;
			margin:0px 0px 0px -1px;
			padding:0px 0px 0px 0px;
			background-color: #b7d437;
		}	
		.services .middle .benefits {
			float:left;
			width:94%;
			margin:50px 0px 0px 3%;
			padding:0px 0px 0px 0px;
			position:relative;
		}
			.services .middle .benefits .sprawdz {
				position: relative;
				float: left;
				margin: 6px 20px 0px 0px;
				color: #fff;
				font-family: NeueHaasGrotDisp55Roman;
				font-size: 18px;
				line-height: 28px;
				padding-right: 60px;
				background: url(../images/sep_sprawdz_green.png) right no-repeat;
				background-size: 50px;
			}
			
				/* position: relative; */
				/* float: left; */
				/* margin: 3px 1.6vw 0px 0px; */
				/* color: #fff; */
				/* font-family: NeueHaasGrotDisp55Roman; */
				/* font-size: 1.25vw; */
				/* line-height: 2.5vw; */
				/* padding-right: calc(75px + 1.3vw); */
				/* background: url(../images/sep_sprawdz_green.png) right no-repeat; */
			.services .middle .benefits .opis {
				float:left;
				width:100%;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
			}
				.services .middle .benefits .opis h2 {				
					color: #fff;
					font-family: NeueHaasGrotDisp65Medium;
					font-weight:400;
					font-size: 30px;
					line-height: 40px;
					margin-bottom: 20px;
				}
				.services .middle .benefits .opis {
					color: #cccccc;
					font-family: NeueHaasGrotDisp45Light;
					font-size: 15px;
					line-height: 23px;
				}
					.services .middle .benefits .opis p {
						float:left;
						width:45%;
					}
					.services .middle .benefits .opis ul {
						float:right;
						width:50%;
						list-style: none; 
						position:relative;
					}
					.services .middle .benefits .opis ul li {
						box-sizing: border-box;
						-moz-box-sizing: border-box;
						-webkit-box-sizing: border-box;
						width:100%;
						padding:0px 0px 0px 30px;
						background: url(../images/benefits_ul_li.png) top 0.4vw left no-repeat;
					}
					
.services .how {
	float:left;
	width:100%;
	/* height:32vw; */
	margin:0px 0px 0px 0px;
	padding:0px 0px 40px 0px;
	position:relative;
	background-color: #f1f1f1;
}
	.services .how .step {
		float:left;
		width:94%;
		/* height:30vw; */
		margin:-15vw 0px 0px 3%;
		padding:0px 0px 0px 0px;
		position:relative;
		background-color: #fff;
	}
		.services .how .step .inside {
			float:left;
			width:90%;
			margin:5.5vw 0px 0px 5%;
			padding:0px 0px 0px 0px;
			position:relative;
		}
			.services .how .step .inside .box {
				float:left;
				width:20%;
				height:100%;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				display:flex;
				flex-direction:column;
				flex-wrap:wrap;
				justify-content:flex-start;
				align-items:center;
				align-content:center;
			}
				.services .how .step .inside .box .number-step {
					float:left;
					margin:0px 0px 0px 0px;
					padding:0px 0px 30px 0px;
					position:absolute;
					top:0;
					left:0;
					color: #3b3b3b;
					font-family: NeueHaasGrotDisp55Roman;
					font-size: 20px;
					font-weight: 400;
					line-height: 20px;
					background: url(../images/number_step_hr.png) bottom left no-repeat;
				}
				.services .how .step .inside .box .arrow {
					float:left;
					margin:-40px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position:absolute;
					left:0;
					top:50%;
					display:none;
				}
				.services .how .step .inside .box .ikon {
					float:left;
					width:7.9vw;
					margin:3.1vw 0px 2.1vw 0px;
					padding:0px 0px 0px 0px;
					position:relative;	
				}
				.services .how .step .inside .box .name-step {
					float: left;
					width: 80%;
					margin: 0px 0px 0px 0px;
					padding: 0px 0px 0px 0px;
					position: relative;
					color: #787878;
					font-family: NeueHaasGrotDisp55Roman;
					font-size: 14px;
					font-weight: 400;
					line-height: 20px;
					text-align: center;
				}
		.services .how .step .header {
			float: left;
			width: 30%;
			height: 150px;
			margin: 30px 5% 30px 5%;
			padding: 0px 0px 0px 0px;
			color: #3b3b3b;
			font-family: NeueHaasGrotDisp65Medium;
			font-size: 20px;
			font-weight: 400;
			line-height: 20px;
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: space-around;
			align-items: center;
			align-content: center;
			background-color: #b7d437;
		}
		.services .how .step .text {
			float: left;
			width: 55%;
			margin: 30px 5% 0px 0px;
			padding: 0px 0px 0px 0px;
			position: relative;
			color: #3b3b3b;
			font-family: NeueHaasGrotDisp45Light;
			font-size: 14px;
			font-weight: 400;
			line-height: 20px;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			height: 150px;
			display: flex;
			align-items: center;
		}
			.services .how .step .text span {
				position: absolute;
				top: 0;
				left: -20px;
				font-weight: 900;
				display:none;
			}
				
.services .big_nag {
	margin-top:-12.1vw;
}
	.services .big_nag  h2 {
		color:#fff;
		font-weight:400;
	}

.services .home2 {
	height:32.10vw;
}	
.services .home2 .top {
	height:32.10vw;
}
	.services-main .home2 {
		height:40vw;
	}	
	.services-main .home2 .top {
		height:40vw;
	}
.services .top .wrap .scroll_box {
	display:none;
}

.services .home1 .wrap .opis {
	width:80%;
	margin:0px 0px 0px 0px;
}

.services .page {
	float:left;
	width:100%;
	height:240px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
}
	.services .page  .left, .services .page  .right {
		float:left;
		width:50%;
		height:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		background-color: #f1f1f1;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-around;
		align-items:center;
		align-content:center;
	}
	.services .page  .right {
		float:right;
		background-color: #fff;
	}
		.services .page  .left div {
			padding:0px 0px 0px 115px;
			background: url(../images/competences_prev.png) left no-repeat;
		}
		.services .page  .right div {
			padding:0px 115px 0px 0px;
			background: url(../images/competences_next.png) right no-repeat;
		}
		.services .page a {
			color: #3b3b3b;
			font-family: NeueHaasGrotDisp65Medium;
			font-size: 22px;
			font-weight: 400;
			line-height: 48.65px;
			text-decoration:none;
		}	
}

@media screen and (min-width: 600px) and (max-width: 899px) {
.services {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
}

.services .top {
	float:left;
	width:100%;
	height:50vw;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:center;
	align-items:flex-start;
	align-content:center;
}
	.services .top .dir {
		float:left;
		width:97%;
		margin:0px 0px 30px 3%;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #3b3b3b;
		font-family: NeueHaasGrotDisp55Roman;
		font-size: 18px;
		font-weight: 400;
		line-height: 36px;
	}
	.services .top h1 {
		float:left;
		width:97%;
		margin:0px 0px 0px 3%;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #3b3b3b;
		font-family: NeueHaasGrotDisp65Medium;
		font-size: 6.8vw;
		font-weight: 400;
		line-height: 6.8vw;
		visibility:hidden;
	}
		.services .top h1 span {
			float:left;
			width:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}
	.services .top  .right {
		float:right;
		width:70%;
		height:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:absolute;
		top:0;
		right:0;
		z-index:-1;
	}
		.services .top  .right .gallery {
			float:left;
			width:100%;
			height:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
		}
			.services .top  .right .gallery  .img{
				float:left;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				width:100%;
				height:100%;
				object-fit: cover;	
			}
			
	.services .scroll-down,
	.services .scroll-down-uslu {
		float: left;
		position: absolute;
		left:0;
		bottom:4.6vw;
		margin: 0px 0px 0px 3%;
		padding: 0px 0px 0px 65px;
		background: url(../images/scroll-down.png) left no-repeat;
		color: #3b3b3b;
		font-family: NeueHaasGrotDisp65Medium;
		font-size: 18px;
		font-weight: 400;
		line-height: 60px;
		cursor: pointer;
	}
	
	
.services .middle {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 150px 0px;
	position:relative;
	background-color: #3b3b3b;
}
	.services .middle .text {
		float:left;
		width:57%;
		margin:0px 0px 0px 3%;
		padding:40px;
		color: #3b3b3b;
		font-family: NeueHaasGrotDisp45Light;
		font-size: 14px;
		font-weight: 400;
		line-height: 20px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		background-color: #f5f5f5;
	}
	.services .middle .info {
		float:left;
		width:37%;
		height:36vw;
		position:relative;
		margin:-10vw 0px 0px 0px;
		padding:0px 0px 0px 0px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		background-color: #fff;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
		align-content:center;
	}
		.services .middle .info img {
			width:9.52vw;
		}
		.services .middle .info h3 {
			float: left;
			width: 100%;
			margin: 20px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			position: relative;
			color: #3b3b3b;
			font-family: NeueHaasGrotDisp65Medium;
			font-size: 20px;
			line-height: 24px;
			font-weight: 100;
			text-align: center;
		}
		.services .middle .hr {
			float:left;
			width: 2px;
			height: 8.42vw;
			position:absolute;
			left:50%;
			bottom:-4.21vw;
			margin:0px 0px 0px -1px;
			padding:0px 0px 0px 0px;
			background-color: #b7d437;
		}	
		.services .middle .benefits {
			float:left;
			width:94%;
			margin:50px 0px 0px 3%;
			padding:0px 0px 0px 0px;
			position:relative;
		}
			.services .middle .benefits .sprawdz {
				position: relative;
				float: left;
				margin: 6px 20px 0px 0px;
				color: #fff;
				font-family: NeueHaasGrotDisp55Roman;
				font-size: 18px;
				line-height: 28px;
				padding-right: 60px;
				background: url(../images/sep_sprawdz_green.png) right no-repeat;
				background-size: 50px;
			}
			
				/* position: relative; */
				/* float: left; */
				/* margin: 3px 1.6vw 0px 0px; */
				/* color: #fff; */
				/* font-family: NeueHaasGrotDisp55Roman; */
				/* font-size: 1.25vw; */
				/* line-height: 2.5vw; */
				/* padding-right: calc(75px + 1.3vw); */
				/* background: url(../images/sep_sprawdz_green.png) right no-repeat; */
			.services .middle .benefits .opis {
				float:left;
				width:100%;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
			}
				.services .middle .benefits .opis h2 {				
					color: #fff;
					font-family: NeueHaasGrotDisp65Medium;
					font-weight:400;
					font-size: 30px;
					line-height: 40px;
					margin-bottom: 20px;
				}
				.services .middle .benefits .opis {
					color: #cccccc;
					font-family: NeueHaasGrotDisp45Light;
					font-size: 15px;
					line-height: 23px;
				}
					.services .middle .benefits .opis p {
						float:left;
						width:45%;
					}
					.services .middle .benefits .opis ul {
						float:right;
						width:50%;
						list-style: none; 
						position:relative;
					}
					.services .middle .benefits .opis ul li {
						box-sizing: border-box;
						-moz-box-sizing: border-box;
						-webkit-box-sizing: border-box;
						width:100%;
						padding:0px 0px 0px 30px;
						background: url(../images/benefits_ul_li.png) top 0.4vw left no-repeat;
					}
					
.services .how {
	float:left;
	width:100%;
	/* height:32vw; */
	margin:0px 0px 0px 0px;
	padding:0px 0px 40px 0px;
	position:relative;
	background-color: #f1f1f1;
}
	.services .how .step {
		float:left;
		width:94%;
		/* height:30vw; */
		margin:-15vw 0px 0px 3%;
		padding:0px 0px 0px 0px;
		position:relative;
		background-color: #fff;
	}
		.services .how .step .inside {
			float:left;
			width:90%;
			margin:5.5vw 0px 0px 5%;
			padding:0px 0px 0px 0px;
			position:relative;
		}
			.services .how .step .inside .box {
				float:left;
				width:20%;
				height:100%;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				display:flex;
				flex-direction:column;
				flex-wrap:wrap;
				justify-content:flex-start;
				align-items:center;
				align-content:center;
			}
				.services .how .step .inside .box .number-step {
					float:left;
					margin:0px 0px 0px 0px;
					padding:0px 0px 30px 0px;
					position:absolute;
					top:0;
					left:0;
					color: #3b3b3b;
					font-family: NeueHaasGrotDisp55Roman;
					font-size: 16px;
					font-weight: 400;
					line-height: 20px;
					background: url(../images/number_step_hr.png) bottom left no-repeat;
				}
				.services .how .step .inside .box .arrow {
					float:left;
					margin:-40px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position:absolute;
					left:0;
					top:50%;
					display:none;
				}
				.services .how .step .inside .box .ikon {
					float:left;
					width:7.9vw;
					margin:3.1vw 0px 2.1vw 0px;
					padding:0px 0px 0px 0px;
					position:relative;	
				}
				.services .how .step .inside .box .name-step {
					float: left;
					width: 80%;
					margin: 0px 0px 0px 0px;
					padding: 0px 0px 0px 0px;
					position: relative;
					color: #787878;
					font-family: NeueHaasGrotDisp55Roman;
					font-size: 14px;
					font-weight: 400;
					line-height: 20px;
					text-align: center;
				}
		.services .how .step .header {
			float: left;
			width: 30%;
			height: 150px;
			margin: 30px 5% 30px 5%;
			padding: 0px 0px 0px 0px;
			color: #3b3b3b;
			font-family: NeueHaasGrotDisp65Medium;
			font-size: 20px;
			font-weight: 400;
			line-height: 20px;
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: space-around;
			align-items: center;
			align-content: center;
			background-color: #b7d437;
		}
		.services .how .step .text {
			float: left;
			width: 55%;
			margin: 30px 5% 0px 0px;
			padding: 0px 0px 0px 0px;
			position: relative;
			color: #3b3b3b;
			font-family: NeueHaasGrotDisp45Light;
			font-size: 14px;
			font-weight: 400;
			line-height: 20px;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			height: 150px;
			display: flex;
			align-items: center;
		}
			.services .how .step .text span {
				position: absolute;
				top: 0;
				left: -20px;
				font-weight: 900;
				display:none;
			}
				
.services .big_nag {
	margin-top:-12.1vw;
}
	.services .big_nag  h2 {
		color:#fff;
		font-weight:400;
	}

.services .home2 {
	height:370px;
}	
.services .home2 .top {
	height:100%;
}
	.services-main .home2 {
		height:680px;
	}	
	.services-main .home2 .top {
		height:100%;
	}
.services .top .wrap .scroll_box {
	display:none;
}

.services .home1 .wrap .opis {
	width:100%;
	margin:0px 0px 0px 0px;
}

.services .page {
	float:left;
	width:100%;
	height:150px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
}
	.services .page  .left, .services .page .right {
		float:left;
		width:50%;
		height:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		background-color: #f1f1f1;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-around;
		align-items:center;
		align-content:center;
	}
	.services .page  .right {
		float:right;
		background-color: #fff;
	}
		.services .page  .left div {
			padding:0px 0px 0px 100px;
			background: url(../images/competences_prev.png) left no-repeat;
		}
		.services .page  .right div {
			padding:0px 100px 0px 0px;
			background: url(../images/competences_next.png) right no-repeat;
		}
		.services .page a {
			color: #3b3b3b;
			font-family: NeueHaasGrotDisp65Medium;
			font-size: 16px;
			font-weight: 400;
			line-height: 48.65px;
			text-decoration:none;
		}	
}

@media screen and (min-width: 0px) and (max-width: 599px) {
.services {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
}

.services .top {
	float:left;
	width:100%;
	height:250px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:center;
	align-items:flex-start;
	align-content:center;
}
	.services .top .dir {
		float: left;
		width: 94%;
		margin: 0px 0px 10px 3%;
		padding: 0px 0px 0px 0px;
		position: relative;
		color: #3b3b3b;
		font-family: NeueHaasGrotDisp55Roman;
		font-size: 18px;
		font-weight: 400;
		line-height: 24px;
	}
	.services .top h1 {
		float: left;
		width: 97%;
		margin: 0px 0px 0px 3%;
		padding: 0px 0px 0px 0px;
		position: relative;
		color: #3b3b3b;
		font-family: NeueHaasGrotDisp65Medium;
		font-size: 24px;
		font-weight: 400;
		line-height: 28px;
		visibility: hidden;
	}
		.services .top h1 span {
			float:left;
			width:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}
	.services .top  .right {
		float:right;
		width:70%;
		height:250px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:absolute;
		top:0;
		right:0;
		z-index:-1;
	}
		.services .top  .right .gallery {
			float:left;
			width:100%;
			height:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
		}
			.services .top  .right .gallery  .img{
				float:left;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				width:100%;
				height:100%;
				object-fit: cover;	
			}
			
	.services .scroll-down,
	.services .scroll-down-uslu {
		float: left;
		position: absolute;
		left:0;
		bottom:20px;
		margin: 0px 0px 0px 3%;
		padding: 0px 0px 0px 40px;
		background: url(../images/scroll-down.png) left no-repeat;
		color: #3b3b3b;
		font-family: NeueHaasGrotDisp65Medium;
		font-size: 15px;
		font-weight: 400;
		line-height: 30px;
		cursor: pointer;
		background-size: 30px;
	}
	
	
.services .middle {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 30px 0px;
	position:relative;
	background-color: #3b3b3b;
    display: flex;
    flex-wrap: wrap-reverse;	
}
	.services .middle .text {
		float:left;
		width:94%;
		margin:0px 0px 0px 3%;
		padding:20px;
		color: #3b3b3b;
		font-family: NeueHaasGrotDisp45Light;
		font-size: 14px;
		font-weight: 400;
		line-height: 20px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		background-color: #f5f5f5;
		order:2;
	}
	.services .middle .info {
		float:left;
		width:94%;
		height:130px;
		position:relative;
		margin:20px 0px 30px 3%;
		padding:0px 0px 0px 0px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		background-color: #fff;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
		align-content:center;
		order:3;
	}
		.services .middle .info img {
			width:9.52vw;
		}
		.services .middle .info h3 {
			float: left;
			width: 100%;
			margin: 20px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			position: relative;
			color: #3b3b3b;
			font-family: NeueHaasGrotDisp65Medium;
			font-size: 20px;
			line-height: 24px;
			font-weight: 100;
			text-align: center;
		}
		.services .middle .hr {
			float:left;
			width: 2px;
			height: 8.42vw;
			position:absolute;
			left:50%;
			bottom:-4.21vw;
			margin:0px 0px 0px -1px;
			padding:0px 0px 0px 0px;
			background-color: #b7d437;
		}	
		.services .middle .benefits {
			float:left;
			width:94%;
			margin:50px 0px 0px 3%;
			padding:0px 0px 0px 0px;
			position:relative;
			order:1;
		}
			.services .middle .benefits .sprawdz {
				position: relative;
				float: left;
				margin: 6px 20px 0px 0px;
				color: #fff;
				font-family: NeueHaasGrotDisp55Roman;
				font-size: 18px;
				line-height: 28px;
				padding-right: 60px;
				background: url(../images/sep_sprawdz_green.png) right no-repeat;
				background-size: 50px;
			}
			
				/* position: relative; */
				/* float: left; */
				/* margin: 3px 1.6vw 0px 0px; */
				/* color: #fff; */
				/* font-family: NeueHaasGrotDisp55Roman; */
				/* font-size: 1.25vw; */
				/* line-height: 2.5vw; */
				/* padding-right: calc(75px + 1.3vw); */
				/* background: url(../images/sep_sprawdz_green.png) right no-repeat; */
			.services .middle .benefits .opis {
				float:left;
				width:100%;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
			}
				.services .middle .benefits .opis h2 {				
					color: #fff;
					font-family: NeueHaasGrotDisp65Medium;
					font-weight: 400;
					font-size: 24px;
					line-height: 34px;
					margin-bottom: 20px;
				}
				.services .middle .benefits .opis {
					color: #cccccc;
					font-family: NeueHaasGrotDisp45Light;
					font-size: 15px;
					line-height: 23px;
				}
					.services .middle .benefits .opis p {
						float:left;
						width:100%;
						margin-bottom:20px;
					}
					.services .middle .benefits .opis ul {
						float:left;
						width:100%;
						list-style: none; 
						position:relative;
						
					}
					.services .middle .benefits .opis ul li {
						box-sizing: border-box;
						-moz-box-sizing: border-box;
						-webkit-box-sizing: border-box;
						width: calc(100% - 20px);
						padding: 0px 0px 0px 20px;
						background: url(../images/benefits_ul_li.png) top 5px left no-repeat;
					}
					
.services .how {
	float:left;
	width:100%;
	/* height:32vw; */
	margin:0px 0px 0px 0px;
	padding:0px 0px 40px 0px;
	position:relative;
	background-color: #f1f1f1;
}
	.services .how .step {
		float:left;
		width:94%;
		/* height:30vw; */
		margin:0vw 0px 0px 3%;
		padding:0px 0px 0px 0px;
		position:relative;
		background-color: #fff;
	}
		.services .how .step .inside {
			float:left;
			width:90%;
			margin:5.5vw 0px 0px 5%;
			padding:0px 0px 0px 0px;
			position:relative;
		}
			.services .how .step .inside .box {
				float:left;
				width:100%;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
/* 				display:flex;
				flex-direction:column;
				flex-wrap:wrap;
				justify-content:flex-start;
				align-items:center;
				align-content:center; */
			}
				.services .how .step .inside .box .number-step {
					float: left;
					margin: 0px 0px 0px 0px;
					padding: 0px 0px 30px 0px;
					position: relative;
					top: 0;
					left: 0;
					color: #3b3b3b;
					font-family: NeueHaasGrotDisp55Roman;
					font-size: 16px;
					font-weight: 400;
					line-height: 20px;
					background: url(../images/number_step_hr.png) bottom left no-repeat;
				}
				.services .how .step .inside .box .arrow {
					float:left;
					margin:-40px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position:absolute;
					left:0;
					top:50%;
					display:none;
				}
				.services .how .step .inside .box .ikon {
					float: left;
					width: 50px;
					margin: 0px 20px 0px 20px;
					padding: 0px 0px 0px 0px;
					position: relative;
				}
				.services .how .step .inside .box .name-step {
					float: left;
					width: 100%;
					margin: 10px 0px 20px 0px;
					padding: 0px 0px 0px 0px;
					position: relative;
					color: #787878;
					font-family: NeueHaasGrotDisp55Roman;
					font-size: 14px;
					font-weight: 400;
					line-height: 20px;
					/* text-align: center; */
				}
		.services .how .step .header {
			float: left;
			width: 90%;
			height: 60px;
			margin: 10px 5% 20px 5%;
			padding: 0px 0px 0px 0px;
			color: #3b3b3b;
			font-family: NeueHaasGrotDisp65Medium;
			font-size: 18px;
			font-weight: 400;
			line-height: 20px;
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: space-around;
			align-items: center;
			align-content: center;
			background-color: #b7d437;
		}
		.services .how .step .text {
			float: left;
			width: 90%;
			margin: 10px 5% 20px 5%;
			padding: 0px 0px 0px 0px;
			position: relative;
			color: #3b3b3b;
			font-family: NeueHaasGrotDisp45Light;
			font-size: 14px;
			font-weight: 400;
			line-height: 20px;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}
			.services .how .step .text span {
				position: absolute;
				top: 0;
				left: -20px;
				font-weight: 900;
				display:none;
			}
				
.services .big_nag {
	margin-top:-12.1vw;
}
	.services .big_nag  h2 {
		color:#fff;
		font-weight:400;
	}

.services .home2 {
	height:370px;
}	
.services .home2 .top {
	height:100%;
}
	.services-main .home2 {
		height:730px;
	}	
	.services-main .home2 .top {
		height:100%;
	}
.services .top .wrap .scroll_box {
	display:none;
}

.services .home1 .wrap .opis {
	width:100%;
	margin:0px 0px 0px 0px;
}

.services .page {
	float:left;
	width:100%;
	height:150px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
}
	.services .page  .left, .services .page .right {
		float:left;
		width:50%;
		height:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		background-color: #f1f1f1;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-around;
		align-items:center;
		align-content:center;
	}
	.services .page  .right {
		float:right;
		background-color: #fff;
	}
		.services .page  .left div {
			padding:0px 0px 0px 100px;
			background: url(../images/competences_prev.png) left no-repeat;
		}
		.services .page  .right div {
			padding:0px 100px 0px 0px;
			background: url(../images/competences_next.png) right no-repeat;
		}
		.services .page a {
			color: #3b3b3b;
			font-family: NeueHaasGrotDisp65Medium;
			font-size: 16px;
			font-weight: 400;
			line-height: 48.65px;
			text-decoration:none;
		}	
}