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

.competences .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;
}
	.competences .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;
	}
	.competences .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;
	}
		.competences .top h1 span {
			float:left;
			width:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}
	.competences .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;
	}
		.competences .top  .right .gallery {
			float:left;
			width:100%;
			height:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
		}
			.competences .top  .right .gallery  .img{
				float:left;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				width:100%;
				height:100%;
				object-fit: cover;	
			}
			
	.competences .scroll-down,
	.competences .scroll-down-kompy {
		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;
	}
	
	
.competences .middle {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 12vw 0px;
	position:relative;
	background-color: #3b3b3b;
}
	.competences .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;
	}
	.competences .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;
	}
		.competences .middle .info img {
			width:9.52vw;
		}
		.competences .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;
		}
		.competences .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;
		}
		
.competences .big_nag {
	margin-top:-12.1vw;
}
	.competences .big_nag  h2 {
		color:#fff;
		font-weight:400;
	}

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

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

.competences .page {
	float:left;
	width:100%;
	height:25.7vw;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
}
	.competences .page  .left, .competences .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;
	}
	.competences .page  .right {
		float:right;
		background-color: #fff;
	}
		.competences .page  .left div {
			padding:0px 0px 0px 115px;
			background: url(../images/competences_prev.png) left no-repeat;
		}
		.competences .page  .right div {
			padding:0px 115px 0px 0px;
			background: url(../images/competences_next.png) right no-repeat;
		}
		.competences .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) {
.competences {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
}

.competences .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;
}
	.competences .top .dir {
		float:left;
		width:94%;
		margin:0px 0px 4.7vw 3%;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #3b3b3b;
		font-family: NeueHaasGrotDisp55Roman;
		font-size: 21px;
		font-weight: 400;
		line-height: 36px;
	}
	.competences .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;
	}
		.competences .top h1 span {
			float:left;
			width:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}
	.competences .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;
	}
		.competences .top  .right .gallery {
			float:left;
			width:100%;
			height:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
		}
			.competences .top  .right .gallery  .img{
				float:left;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				width:100%;
				height:100%;
				object-fit: cover;	
			}
			
	.competences .scroll-down,
	.competences .scroll-down-kompy {
		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;
	}
	
	
.competences .middle {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 12vw 0px;
	position:relative;
	background-color: #3b3b3b;
}
	.competences .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;
	}
	.competences .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;
	}
		.competences .middle .info img {
			width:9.52vw;
		}
		.competences .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;
			text-align:center;
		}
		.competences .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;
		}
		
.competences .big_nag {
	margin-top:-12.1vw;
}
	.competences .big_nag  h2 {
		color:#fff;
		font-weight:400;
	}

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

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

.competences .page {
	float:left;
	width:100%;
	height:25.7vw;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
}
	.competences .page  .left, .competences .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;
	}
	.competences .page  .right {
		float:right;
		background-color: #fff;
	}
		.competences .page  .left div {
			padding:0px 0px 0px 115px;
			background: url(../images/competences_prev.png) left no-repeat;
		}
		.competences .page  .right div {
			padding:0px 115px 0px 0px;
			background: url(../images/competences_next.png) right no-repeat;
		}
		.competences .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: 600px) and (max-width: 899px) {
.competences {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
}

.competences .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;
}
	.competences .top .dir {
		float: left;
		width: 94%;
		margin: 0px 0px 20px 3%;
		padding: 0px 0px 0px 0px;
		position: relative;
		color: #3b3b3b;
		font-family: NeueHaasGrotDisp55Roman;
		font-size: 18px;
		font-weight: 400;
		line-height: 30px;
	}
	.competences .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;
	}
		.competences .top h1 span {
			float:left;
			width:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}
	.competences .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;
	}
		.competences .top  .right .gallery {
			float:left;
			width:100%;
			height:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
		}
			.competences .top  .right .gallery  .img{
				float:left;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				width:100%;
				height:100%;
				object-fit: cover;	
			}
			
	.competences .scroll-down,
	.competences .scroll-down-kompy {
		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;
	}
	
	
.competences .middle {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 12vw 0px;
	position:relative;
	background-color: #3b3b3b;
}
	.competences .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;
	}
	.competences .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;
	}
		.competences .middle .info img {
			width:9.52vw;
		}
		.competences .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;
			font-weight: 100;
			line-height: 24px;
			text-align: center;
		}
		.competences .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;
		}
		
.competences .big_nag {
	margin-top:-12.1vw;
}
	.competences .big_nag  h2 {
		color:#fff;
		font-weight:400;
	}

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

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

.competences .page {
	float:left;
	width:100%;
	height:25.7vw;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
}
	.competences .page  .left, .competences .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;
	}
	.competences .page  .right {
		float:right;
		background-color: #fff;
	}
		.competences .page  .left div {
			padding:0px 0px 0px 100px;
			background: url(../images/competences_prev.png) left no-repeat;
		}
		.competences .page  .right div {
			padding:0px 100px 0px 0px;
			background: url(../images/competences_next.png) right no-repeat;
		}
		.competences .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) {
.competences {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
}

.competences .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;
}
	.competences .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;
	}
	.competences .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;
	}
		.competences .top h1 span {
			float:left;
			width:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}
	.competences .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;
	}
		.competences .top  .right .gallery {
			float:left;
			width:100%;
			height:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
		}
			.competences .top  .right .gallery  .img{
				float:left;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				width:100%;
				height:100%;
				object-fit: cover;	
			}
			
	.competences .scroll-down,
	.competences .scroll-down-kompy {
		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;
	}
	
	
.competences .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;
}
	.competences .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;
	}
	.competences .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;
	}
		.competences .middle .info img {
			width:9.52vw;
		}
		.competences .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;
			font-weight: 100;
			line-height: 24px;
			text-align: center;
		}
		.competences .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;
		}
		
.competences .big_nag {
	/* margin-top:-12.1vw; */
}
	.competences .big_nag  h2 {
		color: #3b3b3b;
		font-weight:400;
	}

.competences .home2 {
	height:500px;
}	
.competences .home2.serv {
	height:730px;
}
.competences .home2 .top {
	height:100%;
}
	.competences-main .home2 {
		/* height:370px; */
	}	
	.competences-main .home2 .top {
		height:100%;
	}
.competences .top .wrap .scroll_box {
	display:none;
}

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

.competences .page {
	float:left;
	width:100%;
	height:25.7vw;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
}
	.competences .page  .left, .competences .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;
	}
	.competences .page  .right {
		float:right;
		background-color: #fff;
	}
		.competences .page  .left div {
			padding:0px 0px 0px 60px;
			background: url(../images/competences_prev.png) left no-repeat;
			background-size:50px;
		}
		.competences .page  .right div {
			padding:0px 60px 0px 0px;
			background: url(../images/competences_next.png) right no-repeat;
			background-size:50px;
		}
		.competences .page a {
			color: #3b3b3b;
			font-family: NeueHaasGrotDisp65Medium;
			font-size: 15px;
			font-weight: 400;
			line-height: 20px;
			text-decoration:none;
		}
		.competences .page .right {
			text-align:right;
		}
}