html {
font-size: 18px;	
}
body
{
	background-color: #fff;
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: 'Poppins', sans-serif;
}

.ue_nag {
width: 100%;
float: left;
position: relative;
text-align: left;
font-weight: 700;
color: #228187;
}

.ue_content {
width: 100%;
float: left;
position: relative;
background: #f3f3f3;
padding: 2.5vw;
}

.ue_content p {
margin: 0 0 1.2rem;
line-height: 1.7;
}

.ue_amount {
font-weight: 700;
}

.ue_logo_wrap {
width: 100%;
float: left;
position: relative;
text-align: center;
margin-top: 1.5rem;
}

.ue_logo {
max-width: 100%;
height: auto;
}

.container-fluid {
width: 100%;
margin-left: 0 !important;
margin-right: 0 !important;
padding: 0 !important;
}

[class*="col-"],  /* Elements whose class attribute begins with "col-" */
[class^="col-"] { /* Elements whose class attribute contains the substring "col-" */
  padding-left: 0;
  padding-right: 0;
}








@media all and (min-width: 1140px) {

.norm {
			
			}
			.res {
				display: none;	
			}

.row {
margin-left: 0vw !important;
margin-right: 0vw !important;	
padding: 4vw 11vw !important;
}
.row_box {
padding: 0 !important;	
}
.barea {
padding: 0 !important;	
}

.row_box2 {
display: none;	
padding: 0 !important;	
}
.row_box1 {
padding: 0 !important;	
}


	#glowna {
	width: 100%;
	float: left;
	position: relative;
	}
	
	

#logo {
  float: left;
  position: absolute;	
  transition: all ease .5s;
  width: 20vw;
  left: 0;
  height: 9vh;
  margin: 2vh 0 0 5vw;
  z-index: 999;
  background-image: url(../grafika/techsystem_klimatyzacje.png); background-position: center left; background-repeat: no-repeat; background-size: contain;
}
.logo2 {
float: left;
	position: relative;	
	height: 5.5vh;
	width: 20vw;
	margin: 0.5vw 0 0 2.5vw;
	background-image: url(../grafika/techsystem_klimatyzacje2.png); background-position: center left; background-repeat: no-repeat; background-size: contain;
}


#logo.newsize {
	float: left;
	position: relative;	
	height: 5.5vh;
	width: 20vw;
	margin: 0.5vw 0 0.5vw 2.5vw;
	background-image: url(../grafika/techsystem_klimatyzacje2.png); background-position: center left; background-repeat: no-repeat; background-size: contain;
}



#nav {
  height: 15vh;
  background: transparent;
  display: block;
  position: fixed;
  width: 100%;
  z-index: 999999;
  transition: all ease .5s;
  top: 0;
  text-align: center;
}

#nav.shrink {
  height: 7.5vh;
  transition: all ease .5s;
  background: #fff;
  border-bottom: 1px solid #f2f2f2;
    z-index: 9999;
}



#nav2 {
  display: block;
  position: fixed;
  width: 100%;
  transition: all ease .5s;
  top: 0;
  text-align: center;
    height: 7.5vh;
  transition: all ease .5s;
  background: #fff;
  border-bottom: 1px solid #f2f2f2;
    z-index: 9999;
}


#nav.shrink #logo {
  transition: all ease .5s;
}


.see_menu2 {
float: right;
		height: 5vh;
		margin:2.2vh 2.5vw 0 0 !important;
		vertical-align: middle;
		cursor: pointer;
		padding: 0px;
		color: #000;
		z-index: 9999999;
		position: relative;
		 transition: all ease .5s;
}

.see_menu2:hover {
color: #187b82;
 transition: all ease .5s;	
}
.see_menu {
		float: right;
		height: 5vh;
		margin: 2.8vw 3vw 0 0 !important;
		vertical-align: middle;
		cursor: pointer;
		padding: 0px;
		color: #fff;
		z-index: 9999;
		position: relative;
		 transition: all ease .5s;
		 z-index: 99;
		  transition: all ease .5s;
		}
		.see_menu:hover {
		color: #228187;	
		 transition: all ease .5s;
		}
		
#see_menu.newsize_menu {		 
		float: right;
		height: 5vh;
		margin:2.2vh 2.5vw 0 0 !important;
		vertical-align: middle;
		cursor: pointer;
		padding: 0px;
		color: #000;
		z-index: 9999999;
		position: relative;
		 transition: all ease .5s;
		 
}
#see_menu.newsize_menu:hover {
color: #187b82;
 transition: all ease .5s;
}

	
		
			.fa-align-right {
				font-size: 1.9vw;
				Text-align: center;
			}
	
		
	
#top {
float: right;
position:absolute;
right: 10vw;
top: 2.5vw;	
color: #fff;
 transition: all ease .5s;
}


	

	#top.newsize_0 {
	top: 1vw;
	color: #000 !important;
	float: right;
position:absolute;
right: 10vw;
 transition: all ease .5s;
	}
		
		#top a {
	color: #fff !important;	
	text-decoration: none;
	}
	
	#top.newsize_0 a {
	color: #187b82 !important;
	text-decoration: none;
	}		
		
#top2 {
top: 1vw;
	color: #000 !important;
	float: right;
position:absolute;
right: 10vw;
 transition: all ease .5s;
}	
		
			#top2 a {
	color: #187b82 !important;	
	text-decoration: none;
	}
			
#nag_top {
float: left;
position: relative;
font-size: 1vw;
font-weight: 700;
margin-top: 0.5vw;
}

	#nag_top.newsize_1 {
	color: #187b81 !important;
	
	}
	
#toshiba_top {
float: left;
position: relative;
width: 10vw;
height: 6vh;
margin-top: -0.5vw;
margin-right: 2.5vw;
 background-image: url(../grafika/toshiba.png); background-position: top left; background-repeat: no-repeat; background-size: contain;
}	

#toshiba_top.newsize_4 {

 background-image: url(../grafika/toshiba2.png); background-position: center left; background-repeat: no-repeat;
}
	
	
#toshiba_top2 {
float: left;
position: relative;
width: 10vw;
width: 10vw;
height: 6vh;
margin-top: -0.5vw;
margin-right: 2.5vw;
 background-image: url(../grafika/toshiba2.png); background-position: center left; background-repeat: no-repeat; background-size: contain;
}		
	
	
#nag_top2 {
float: left;
position: relative;
font-size: 1vw;
font-weight: 700;
margin-top: 0.5vw;
color: #187b81 !important;
}	
	
#icon_top {
float: left;
position: relative;
font-size: 2vw;
font-weight: 700;
top: -0.35vw;
margin-right: 1.5vw;
margin-left: 1.5vw;

}	
	#icon_top.newsize_2 {
	color: #187b82 !important;

	}
	
#icon_top2 {
float: left;
position: relative;
font-size: 2vw;
font-weight: 700;
top: -0.35vw;
margin-right: 1.5vw;
margin-left: 1.5vw;
color: #187b82 !important;
}		
	

#tel_top {
float: left;
position: relative;
font-size: 1.8vw;
font-weight: 700;
}		
	#tel_top.newsize_3 {
	color: #187b82 !important;
	}
	
	
	
#tel_top2 {
float: left;
position: relative;
font-size: 1.8vw;
font-weight: 700;
color: #187b82 !important;
}	
		
#menu {
float: right;
position: fixed;
top: 0;
right:0;
display:none;
width: 30vw;
height: 100%;
background-color: #fff;
z-index: 999999999999999;
max-height: 100%;
	overflow-y: auto;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.15);
			-moz-box-shadow:    0px 0px 3px 0px rgba(0, 0, 0, 0.15);
			box-shadow:         0px 0px 3px 0px rgba(0, 0, 0, 0.15);
		
	
}

.toshiba_menu {
display: none;	
}

.logo_menu {
width: 100%;
float: left;
position: relative;	
height: 10vh;
margin-top: 3vw;
background-image: url(../grafika/logo_auto2.png); background-position: bottom center; background-repeat: no-repeat;
}
	
.menu_l {
width: 60%;
float: left;
position: relative;
margin: 16% 15% 10% 25%;	
}
	.menu_l ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	z-index: 999999999;
	}
	.menu_l ul li {
	width: 100%;
	float: left;
	position: relative;
	margin: 0 0 0.9vw 0;
	font-size: 1.5vw;
	font-weight: 700;
	transition: all ease .5s;
	}
	
	.menu_l ul li:hover {
	transition: all ease .5s;
	}
	
	
		.menu_l ul li a {
		float:left;
		position: relative;
		color: #187b82;
		text-decoration: none;
		transition: all ease .5s;
		}
		.menu_l ul li a:hover {
		color: #000;
		transition: all ease .5s;
		}
		
		
		.socialm {
		width: 60%;
		float: left;
		position: relative;
		margin-top: 2vh;
		margin: 2vh 15% 0 25%;
		display: none;
		}
		
		
		
		.fb_m, .twitter_m, .insta_m {
			z-index: 9999;
			float: left;
			position: relative;
			margin-right: 1vw;
				text-decoration: none;
				color: #000;
				width: 3.2vw;
				height: 3.2vw;
				line-height: 3.3vw;
		vertical-align: middle;
		font-size: 1.2vw !important;
				-webkit-border-radius: 3.2vw;
				-moz-border-radius: 3.2vw;
				border-radius: 3.2vw;
				text-align: center;
				border: 0.09vw solid #000;
				font-weight: 700;
				transition: all ease .5s;
				}		
				.fb_m:hover, .twitter_m:hover, .insta_m:hover {				
				color: #187b82;
				border: 0.09vw solid #187b82;
				transition: all ease .5s;
				}
		

.zobacz_takze {
width: 100%;
height: 20vh;
margin: 3%;
float: right;
margin-left: -100%;
position: absolute;
bottom: 0;
border-top: 0.05vw solid #f5f5f5;	
background-image: url(../grafika/baner_menu.png); background-position: center center; background-repeat: no-repeat; background-size: contain;
}

	
.close {
	width: 2.2vw;
				height: 2.2vw;
	-webkit-border-radius: 2.2vw;
				-moz-border-radius: 2.2vw;
				border-radius: 2.2vw;
				
				border: 0.09vw solid #000 !important;
	float:right;position:absolute;cursor:pointer;top:2.1vh;right:3vw;color:#000 !important;font-size:1.2vw;z-index:99999999;transition: all ease .5s;line-height: 2.1vw;}
	.close:hover {
	color: #187b82 !important;
	border: 0.09vw solid #187b82 !important;
	transition: all ease .5s;
	}	
	
	
.poz_baner {
float: left;
position: relative;	
width: 100%;
height: 100vh;
background-color: #fff;
}


/* SWIPPER */
.swiper-container {
    width: 100%;
    height: 100vh;
}

	.b1 {
	width: 100%;
	height: 100vh;
	float: left;
	position: relative;
	
	}
	
		.baner_nag {
		width: 100%;
		float: left;
		position: relative;
		font-size: 5.2vw;
		line-height: 5.7vw;
		font-weight: 900;
		color: #000;
		padding: 14vw 3vw 2vw 10vw;
		}
		.baner_tekst {
		width: 100%;
		float: left;
		position: absolute;
		text-align: center;
		padding: 1vw 0vw 0vw 0vw;
		color: #fff;
		bottom: 10vh;
		text-transform: uppercase !important;
		
		}
			.baner_t1 {
			width: 100%;
			float: left;
			position: relative;
			font-size: 140px;
			font-weight: 700;
			padding: 0 30vw;
			
			}
			.baner_t2 {
			width: 100%;
			float: left;
			position: relative;
			font-size: 1.8vw;
			font-weight: 700;
			line-height: 2.1vw;
			padding: 0 30vw;
			}
			.baner_t3 {
			width: 100%;
			float: left;
			position: relative;
			font-size: 3.2vw;
			font-weight: 700;
			padding: 0 20vw;
			line-height: 3.5vw;
			}
			.baner_t4 {
			width: 100%;
			float: left;
			position: relative;
			font-size: 4vw;
			font-weight: 700;
			padding: 0 20vw;
			line-height: 4vw;
			}
			.baner_t5 {
			width: 100%;
			float: left;
			position: relative;
			font-size: 2.5vw;
			font-weight: 700;
			line-height: 3vw;
			padding: 0vw 20vw 0 20vw;
			
			}
		
	
		.swiper-pagination {
		float: left !important;	
		position: absolute;
		left: 2vw;
		}
		
		.swiper-pagination-bullet {
			background: none !important;
			padding: 0.36vw;
			border-radius: 0.15vw;
			border: 0.15vw solid #fff !important;
			margin-bottom: 0.9vw !important;
			opacity: 1 !important;
		}
		.swiper-pagination-bullet-active {
			background-color: #fff !important;
		}

.nag, .nag2 {
width: 70%;
margin: 5vw 0 4vw 0;
float: left;
position: relative;
font-size: 3vw;
font-weight: 900;
color: #187b82;
line-height: 3vw;
text-transform: uppercase;
}
	.center {
	width: 100%;
	color: #000;
	text-align: center;	
	}
.nag2 {
width: 100%;	
float: left;
position: relative;
font-size: 2.6vw;
line-height: 3vw;
margin-top: 8vw;
color: #000;
}
.baner {
width: calc(100% - 11.5vw);	
margin: 0 7.5vw 0 4vw;
float: left;
position: relative;
font-size: 2.6vw;
line-height: 3vw;
margin-top: 3vw;	
}




.poz2 {
width: 100%;
float: left;
position: relative;	
}
	.box1, .box2, .box3 {
	width: calc(100% - 14vw);
	float:left;
	position: relative;
	min-height: 60vh;
	color: #fff;
	padding: 5vw 7vw 5vw 7vw;
	}
	
	
	.res {
	display: none;	
	}
	
		.box1 {
		border-top: 2vh solid #dbdbdb;
		background-color: #f3f3f3;
		color: #000;
		}
		
		.box2 {
		border-top: 2vh solid #146369;
		background-color: #187b82;
		}
		
		.res_p3 {
		display: none;	
		}
		
		.box3 {
		border-top: 2vh solid #3f3b3a;
		background-color: #605a5a;
		}
		
			.img_box1 {
			width: 100%;
			height: 20vh;
			margin-bottom: 3vw;
			background-image: url(../grafika/box1.png); background-position: top center; background-repeat: no-repeat; background-size: contain;	
			}
			
			.img_box2 {
			width: 100%;
			height: 20vh;
			margin-bottom: 3vw;
			background-image: url(../grafika/box2.png); background-position: top center; background-repeat: no-repeat; background-size: contain;	
			}
			
			.img_box3 {
			width: 100%;
			height: 20vh;
			margin-bottom: 3vw;
			background-image: url(../grafika/box3.png); background-position: top center; background-repeat: no-repeat; background-size: contain;	
			}
		
			.box_nag {
			width: 100%;
			float: left;
			position: relative;
			text-align: center;
			font-size: 1.5vw;
			font-weight: 700;
			line-height: 1.6vw;
			text-transform: uppercase;
			}
			
			.box_nag1 {
			width: 100%;
			float: left;
			position: relative;
			text-align: center;
			font-size: 1.5vw;
			font-weight: 700;
			line-height: 1.6vw;
			text-transform: uppercase;
			}
			
			.box_tekst {
			width: 100%;
			float: left;
			position: relative;
			text-align: center;
			font-size: 1vw;
			line-height: 1.2vw;
			font-weight: 500;
			margin-top: 1vw;
			}
		
		.poz_box {
		width: 100%;
		float: left;
		position: relative;
		text-align: center;
		margin-top: -1.4vw;
		z-index: 999;
		}
		
		.poznaj_nas_bt {
		border: 0.1vw solid #146369;
		background-color: #146369;
		color: #fff;
		font-size: 0.8vw;
		padding: 0.8vw 1.2vw;
		text-decoration: none;
		font-weight: 700;
		text-transform: uppercase;
		 transition: all ease .5s;
		}
			.poznaj_nas_bt:hover {
			text-decoration: none;
			background-color: #1e8f97;
			border: 0.1vw solid #1e8f97;
			color: #fff;	
			 transition: all ease .5s;
			}
			
	
.poz3 {
width: 100%;
min-height: 70vh;
margin: 0;
padding: 0;
float: left;
position: relative;	
background-image: url(../grafika/poz3.jpg); background-position: center right; background-repeat: no-repeat; background-size: contain;
}
	.poz_automatyka1 {
	width: 50%;
	float: left;
	position: relative;
	font-size: 1.3vw;
	font-weight: 400;
	color: #000;
	line-height: 2.6vw;
	}
	.poz_automatyka2 {
	float: left;
	position: relative;
	width: 100%;
	margin-top: 0vw;
	}
	
	
.poz_automatyka2 a {
float: left;
position: relative;
border: 0.1vw solid #000;
color: #000;
font-size: 0.8vw;
padding: 0.8vw 1.2vw;	
text-decoration: none;
font-weight: 700;
text-transform: uppercase;
margin-top: 3vw;
 transition: all ease .5s;
}
	.poz_automatyka2 a:hover {
	text-decoration: none;
	background-color: #000;
	color: #fff;
	 transition: all ease .5s;
	}
	
	.logo_automatyka {
	width: 13vw;
	height: 3.5vw;
	float: left;
	position: relative;
	margin-top: 3.2vw;
	margin-left: 2vw;
	background-image: url(../grafika/logo_auto.png); background-position: top center; background-repeat: no-repeat; background-size: contain;
	}
	
	
.poz4 {
width: 100%;
min-height: 80vh;
margin: 0;
padding: 0;
float: left;
position: relative;	
background-color: #f3f3f3;
}
	.poz_of {
	width: 100%;
	float: left;
	position: relative;
	text-align: center;
	margin-top: 6vw;
	z-index: 999;
	}
	
	.poz_of a {
	border: 0.1vw solid #146369;
	background-color: #146369;
	color: #fff;
	font-size: 0.8vw;
	padding: 0.8vw 1.2vw;
	text-decoration: none;
	font-weight: 700;
	text-transform: uppercase;
	 transition: all ease .5s;
	}
	.poz_of a:hover {
	text-decoration: none;
	background-color: #187b82;
	border: 0.1vw solid #187b82;
	color: #fff;
	 transition: all ease .5s;
	}
	
	.box_of1, .box_of2, .box_of3, .box_of4 {
	width: 100%;
	float: left;
	position: relative;
	text-align: center;
	padding: 5vh 0 0 0;
	font-size: 1.6vw;
	font-weight: 700;
	text-transform: uppercase;
	}
		.box_of1_img {
		width: 100%;
		height: 30vh;
		float: left;
		position: relative;
		background-image: url(../grafika/box_of1.png); 	
		background-position: top center; background-repeat: no-repeat; background-size: contain;
		}
		.box_of2_img {
			width: 100%;
			height: 30vh;
		float: left;
		position: relative;
		background-image: url(../grafika/box_of2.png); 	
		background-position: top center; background-repeat: no-repeat; background-size: contain;
		}
		.box_of3_img {
			width: 100%;
			height: 30vh;
		float: left;
		position: relative;
		background-image: url(../grafika/box_of3.png); 	
		background-position: top center; background-repeat: no-repeat; background-size: contain;
		}
		.box_of4_img {
			width: 100%;
			height: 30vh;
		float: left;
		position: relative;
		background-image: url(../grafika/box_of4.png); 
background-position: top center; background-repeat: no-repeat; background-size: contain;		
		}
	
	
	
	
.stopka_l {
float: left;
position: relative;
width: 15vw;
height: 10vw;
border-right: 0.1vw solid #000;
background-image: url(../grafika/stopka_map.png); background-position: center center; background-repeat: no-repeat; 
}

.stopka_r {
float: left;
position: relative;
width: 20vw;
height: 10vw;
padding-left: 2.2vw;
padding-top: 1vw;
font-size: 1vw;
font-weight: 700;
text-transform: uppercase;
color: #6d6767;
}

.logo_stop {
width: 15vw;
height: 3vw;
margin-bottom: 2vw;
background-image: url(../grafika/logo_auto2.png); background-position: top left; background-repeat: no-repeat; background-size: contain; 
}
.adres_stop {
width: 20vw;
height: 5vw;	
padding-left: 4vw;
}


.stopka_top {
	width: 100%;
float: right;
position: relative;
font-size: 1vw;
font-weight: 700;
text-transform: uppercase;
margin-top: 1.5vw;
text-align: right;
}
	.stopka_top a {
	margin-left: 1.3vw;
	color: #000;
	text-decoration: none;
	transition: all ease .5s;
	}
	.stopka_top a:hover {
	color: #187b82;
	transition: all ease .5s;
	}
	
.stopka_bottom2 {
float: right;
position: relative;
width: 100%;
margin-top: 1.5vw;
text-align: right;
}

.stopka_bottom_res {
display: none;
}	
	
.socialm2 {
		width: 100%;
		float: right !important;
		position: relative;
		text-align: right !important;
		margin: 2vh 0% 0 0%;
		display: none;

		}	
		.fb_m2, .twitter_m2, .insta_m2 {
			float: right;
			position: relative;
			margin-left: 1vw;
				text-decoration: none;
				color: #000;
				width: 3.2vw;
				height: 3.2vw;
				line-height: 3.3vw;
		vertical-align: middle;
		font-size: 1.2vw !important;
				-webkit-border-radius: 3.2vw;
				-moz-border-radius: 3.2vw;
				border-radius: 3.2vw;
				text-align: center;
				border: 0.09vw solid #000;
				font-weight: 700;
				transition: all ease .5s;
				}		
				.fb_m2:hover, .twitter_m2:hover, .insta_m2:hover {				
				color: #187b82;
				border: 0.09vw solid #187b82;
				transition: all ease .5s;
				}
	
	
.stopka_bottom {
width: 100%;
float: left;
position: relative;
background-color: #f3f3f3;
margin-top: 0!important;
margin-bottom: 0!important;	
padding-bottom: 2vw!important;
padding-top: 1.2vw!important;
}
	
	
	
	


.stopka_dol_l {
width: 100%;
float: right;
position: relative;
margin-top: 1vw;
}	
	
.stopka_dol_r {
width: 100%;
float: right;
position: absolute;
right: 0;
margin-right: 11vw;
}	

.p_stopka2_2 {
width: 100%;
float: left;
position: relative;
padding: 0;	
font-weight: 300;
text-align: right;
color: #000;
margin-top: 1vw;
}	
	.p_stopka2_2 a {
	font-weight: 800;
	text-decoration: none;
	color: #06203b;
	margin-left: 0.5vw;
	 transition: all ease .5s;
	}
		.p_stopka2_2 a:hover {
		color: #000;	
		 transition: all ease .5s;
		}
		
		
		
	.ahagency {
	padding-left: 2vw;
	
	background-image: url(../grafika/ahagency.png); background-position: center left; background-repeat: no-repeat; background-size: contain;	
	}
	
	
	
	
/*kontakt*/


.text_area3 {
width: 100%;
float: left;
position: relative;
margin: 0% 0%;
background-color: #fff;
}			
.kontakt_l {
	width: 50%;
	height: 100vh;
	float: left;
	position: relative;
	font-size: 1vw;
	line-height: 1.4vw;
	color: #000;
	font-weight: 600;
	background-color: #efeeec;
	}

	.tresc_kontakt {
	width: 100%;
	float: left;
	position: relative;
	padding: 35vh 0% 3vw 11vw;
	}
	
		.tresc_kontakt a {
		text-decoration: none;
		color: #000;
		}
		
	.bt_kontakt_napisz {
	width: 100%;
	float: left;
	position: relative;
	padding: 0vh 0 0 11vw;	
	}
		
	.kontakt_l h3 {
	font-size: 1.3vw;
	font-weight: 700;
	margin: 0 0 2vw 0;
	}
	
	.kontakt_l h4 {
	font-size: 1.4vw;
	font-weight: 600;
	margin: 2vw 0 2vw 0;
	}

	.kontakt_r {
	width: 50%;
	float: left;
	position: relative;
	height: 100vh;
	}
	#map {
	height:100% !important;
	}
		
		
	
			.guzik_napisz {
				float: left;
				position: relative;
			
	background-color: #146369;
	color: #fff;
	font-size: 0.8vw;
	padding: 0.8vw 1.2vw;
	text-decoration: none;
	font-weight: 700;
	text-transform: uppercase;
	font-weight: 700;
	 transition: all ease .5s;
	 cursor: pointer;
			}
			.guzik_napisz:hover {
			text-decoration: none;
	background-color: #187b82;
	
	color: #fff;
	 transition: all ease .5s;
			}			
		


	
		
.kontakt_area {
	float: left;
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	max-height: 100%;
	overflow-y: auto;
	display: none;
	background-color: #fff;
	z-index: 99 !important;
	}
	.close_kontakt {
	float: right;
	position: absolute;
	cursor: pointer;
	top: 10vh;
	right: 5vw;
	color: #fff;
	background-color: #146369;
	font-size: 1.2vw;
	line-height: 1.2vw;
	padding: 0.5vw 0.7vw;
	transition: all ease .5s;
	z-index: 99999999999;
	border: 1px solid #146369;
	}
	
	.close_kontakt {
	right: 9px;	
	}
	.close_kontakt:hover {
	background-color: #187b82;
	border: 1px solid #187b82;
	color: #fff;
	transition: all ease .5s;
	}		
		
		
		.bi-telephone-outbound, .bi-phone, .bi-envelope {
		margin-right: 1.2vw !important;	
		}
		
		
		
	.aplikuj_box {
	float: left;
	position: absolute;
	top: 20%;
	width:70%;
	margin: 0px 15% 0 15%;
	text-align: center;
	}

	.ap_pole {
	width:100%;float:left;position:relative; margin-bottom: 1vw;
	}
	.ap_pole2 {
	width:100%;float:left;position:relative; margin-bottom: 2vw; margin-top:2vw;text-align: center;
	}
	.ap_pole3{float:left;position:relative;text-align:left;margin-top:1.2vw;font-size:1.1vw;width:calc(100% - 4vw);margin-left:4vw;}
	
		
		.ap_okno {
		float:left;position:relative;width:calc(100% - 2vw);padding:1vw;font-size:1.1vw;border:0;color:#000;background:none;border-bottom:2px solid #000;margin-bottom:0.5vw;text-align:left;z-index:9999999999999999999 !important;outline:none !important;
		}
		.ap_okno2 {
		float:left;position:relative;width:calc(50% - 2vw);padding:1vw;font-size:1.1vw;border:0;color:#000;background:none;border-bottom:2px solid #000;margin-bottom:0.5vw;text-align:left;z-index:9999999999999999999 !important;outline:none !important;
		}
		
	input[type=text], textarea {
 -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;

}
 
input[type=text]:focus, textarea:focus {
   box-shadow: 0 0 5px rgba(249, 175, 43, 1);

  border: 1px solid rgba(249, 175, 43, 1);
}
input[type="checkbox"]{display:none;}
input[type="checkbox"] + label span{display:inline-block;width:1.4vw;height:1.4vw;margin:-5px 15px 0 0vw;vertical-align:middle;background-color:#fff;border:1px solid #cacaca;cursor:pointer;z-index:99999;}
input[type="checkbox"]:checked ~ label span:after{display:inline-block;width:1.4vw;height:1.4vw;margin:-1vw 0 0 0.2vw;font-size:1.4vw;cursor:pointer;z-index:99999;color:#e73d30;content:'\2714';}
	
	.areatext2 {
		
		float: left;
		position: relative;
		width:calc(100% - 2vw);
		padding: 1vw;
		font-size: 1.1vw;
		height: 10vw;
		border: 0;
		border-bottom: 2px solid #000;
		background-color: #fff;
		margin-bottom: 0.5vw;
		text-align: left;
		color: #000;
		}
		
		
		
		.bt_form2 {
		float: left;
				position: relative;
			
	background-color: #146369;
	color: #fff;
	font-size: 0.8vw;
	padding: 0.8vw 1.2vw;
	text-decoration: none;
	font-weight: 700;
	text-transform: uppercase;
	font-weight: 700;
	 transition: all ease .5s;
	 cursor: pointer;
			border: none;
		}
							.bt_form2:hover {
							background-color: #187b82;
			transition: all ease .5s;
							}

								.centruj_bt {
								display: inline-block;
								float: none;
								}
		
		
		
		
	.onas_area {
	width: 100%;
	float: left;
	position: relative;
	height: 20vw;
	text-align: center;
	}
		.count1 {
		width:33%;
		height: 20vw;
		padding-top: 8.5vw;
		float: left;
		position: relative;
		background-color: #187b81;
		color: #fff;
		}
		
		.count2 {
		width:34%;
		padding-top: 8.5vw;
		height: 20vw;
		float: left;
		position: relative;
		background-color: #116a6f;
		color: #fff;
		}
		
		.count3 {
		width:33%;
		height: 20vw;
		padding-top: 8.5vw;
		float: left;
		position: relative;
		background-color: #0b565b;
		color: #fff;
		}
		
		
	
	
	.number {
	float: left;
	position: relative;
	width: 100%;
	font-size: 4vw;
	}
	.desc {
	float: left;
	position: relative;
	width: 100%;
	font-size: 1vw;
	font-weight: 500;
	}
		
		
		.onas_kr {
		width: 15%;
		height: 0.8vh;
		margin-right: 85%;
		background-color: #228187;
		margin-bottom: 3vh;
		}
		
		.o_nas_img {
		width: 100%;
		float: left;
		position: relative;
		height: 80vh;
		background-image: url(../grafika/onas.jpg); background-position: top right; background-repeat: no-repeat; background-size: cover;
		}
		
		.o_nas_img2 {
		width: 100%;
		float: left;
		position: relative;
		height: 80vh;
		background-image: url(../grafika/onas2.jpg); background-position: top right; background-repeat: no-repeat; background-size: cover;
		}
		
		.o_nas_opis1 {
		padding: 20vh 6vw 7vh 11vh;
		float: left;
		position: relative;
		font-size: 1vw;
		line-height: 1.8vw;
		font-weight: 400;
		}
		
		.o_nas_opis2 {
		padding: 13vh 6vw 7vh 11vh;
		float: left;
		position: relative;
		font-size: 1vw;
		line-height: 1.8vw;
		font-weight: 400;
		}
		
			.o_nas_nag {
				width: 100%;
			float: left;
			position: relative;
			color: #228187;
			font-size: 3vw;
			font-weight: 900;
			line-height: 3.2vw;
			margin-bottom: 3vw;
			}
			
			
			
		.oferta_img {
		width: 100%;
		float: left;
		position: relative;
		height: 80vh;
		background-image: url(../grafika/oferta1.jpg); background-position: top right; background-repeat: no-repeat; background-size: cover;
		}	
		.oferta_img2 {
		width: 100%;
		float: left;
		position: relative;
		height: 80vh;
		background-image: url(../grafika/oferta2.jpg); background-position: top right; background-repeat: no-repeat; background-size: cover;
		}	
		.oferta_img3 {
		width: 100%;
		float: left;
		position: relative;
		height: 80vh;
		background-image: url(../grafika/oferta3.jpg); background-position: top right; background-repeat: no-repeat; background-size: cover;
		}	
		.oferta_img4 {
		width: 100%;
		float: left;
		position: relative;
		height: 80vh;
		background-image: url(../grafika/oferta4.jpg); background-position: top right; background-repeat: no-repeat; background-size: cover;
		}	
		.oferta_img5 {
		width: 100%;
		float: left;
		position: relative;
		height: 80vh;
		background-image: url(../grafika/oferta5.jpg); background-position: top right; background-repeat: no-repeat; background-size: cover;
		}	
		
		
		
		
		.oferta_opis1 {
		padding: 20vh 6vw 7vh 11vh;
		float: left;
		position: relative;
		font-size: 1vw;
		line-height: 1.8vw;
		font-weight: 400;
		}
			.oferta_opis1 ul {
			margin-left: 1vw;
			padding-left: 0;
			margin-top: 1vw;
			}
			
	
.movie {
	float:left;
	width: 100% !Important;
	height: 100% !Important;
	max-height: 100vh !Important;
position: relative;
overflow:hidden !Important;		
}


	video {
  object-fit: cover;
  width: 100vw;
  height: 100vh;
  
  top: 0;
  left: 0;
}

.movie2 {
	height: 100%;
	float: left;
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
background-image: url(../grafika/filtr2.png);	
}

.oferta_res {
display: none;	
}

	.baner_nag2 {
	width: 100%;
	float: left;
	position: absolute;
	left: 0;
	bottom: 15vh;
	color: #fff;
	font-size: 3vw;
	font-weight: 700;
	text-align: center;
	}


	.bt_down {
	float: left;
	 position: absolute;
  margin: 0 auto;
	width: 100%;
z-index: 999999;
text-align: center;
bottom: 6vh;
	}
	
	.bt_down_bt {
	width: 10vw;
	padding: 1vw 0;
	margin: 0 auto;
	position: relative;
	color: #fff;
	border: 0.05vw solid #fff;
	font-size: 1vw;
	font-weight: 500;
	cursor: pointer;
	transition: all ease .5s;
	}
		.bt_down_bt:hover {
		background-color: #187b81;
		border: 0.05vw solid #187b81;
		transition: all ease .5s;
		}
		
		
	.rodo {
	float: left;
	position: relative;
	width: 100%;
	height: 100vh;
	background-image: url(../grafika/rodo.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;
	}	
		
	.baner_referencje {
	float: left;
	position: relative;
	width: 100%;
	height: 100vh;
	background-image: url(../grafika/baner_referencje.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;
	}		
	
	
		.bt_down_bt2 {
		width: 10vw;
		padding: 1vw 0;
		margin: 0 auto;
		position: relative;
		color: #fff;
		font-size: 3vw;
		font-weight: 500;
		cursor: pointer;
		transition: all ease .5s;
		}
		.bt_down_bt2:hover {
		color: #187b81;
		
		transition: all ease .5s;
		}
		
	
	.nag_ref {
	width: 100%;
	float: left;
	position: relative;
	text-align: center;
	font-size: 2vw;
	color: #187b81;
	font-weight: 700;
	padding: 10vh 5vw;
	line-height: 2vw;	
	}
	
		
	.box_ref1, .box_ref2, .box_ref3 {
	width: 100%;
	float: left;
	position: relative;
	text-align: center;
	font-size: 2vw;
	color: #000;
	font-weight: 700;
	padding: 2vh 5vw 5vh 5vw;
	line-height: 2vw;
	}		
			.box_ref1_img {	
		float: left;
		position: relative;
		width: 100%;
		height: 30vh;
		background-image: url(../grafika/box_ref1.jpg); background-position: top center; background-repeat: no-repeat; 
		}
		.box_ref2_img {
			float: left;
		position: relative;
		width: 100%;
		height: 30vh;
		background-image: url(../grafika/box_ref2.jpg); background-position: top center; background-repeat: no-repeat; 
		}
		.box_ref3_img {
			float: left;
		position: relative;
		width: 100%;
		height: 30vh;
		background-image: url(../grafika/box_ref3.jpg); background-position: top center; background-repeat: no-repeat; 
		}
		
		
	.ref_opis {
	float: left;
	position: relative;
	width: 100%;
	padding: 0vh 5vw 10vh 5vw;
	font-size: 1vw;
	color: #000;
	font-weight: 500;
	line-height: 1.6vw;
	}		
	
	
	.nag_real {
		width: 100%;
	float: left;
	position: relative;
	text-align: left;
	font-size: 1.5vw;
	color: #000;
	font-weight: 700;
	padding: 2vh 3vw 0vh 4vw;
	line-height: 1.6vw;
	}
	
	
	.log_real {
	width: 100%;
	float: left;
	position: relative;
	text-align: left;
	font-size: 1vw;
	color: #000;
	font-weight: 700;
	padding: 0.5vh 5vw 1vh 4vw;
	line-height: 1vw;
	color: #228187;
	}
	
	.opis_real {
	width: 100%;
	float: left;
	position: relative;
	text-align: left;
	font-size: 0.75vw;
	color: #000;
	font-weight: 400;
	padding: 2vh 5vw 2vh 6.1vw;
	line-height: 1.6vw;
	}
	
	
		.bi-house-fill {
		margin-right: 0.5vw;	
		margin-top: -0.5vh;
		}
			.bi-geo-alt {
				margin-left: 0.35vw;
			margin-right: 0.8vw;	
			}
		
			.box_re {
			padding: 3vw 0;
			border: 0.02vw solid #fff;
			background-color: #f3f3f3;
			}
			
			
			
			
}
			
			










@media all and (min-width: 577px) and (max-width: 1139px) {
	
	


.row {
margin-left: 0vw !important;
margin-right: 0vw !important;	
padding: 4vw 11vw !important;
}
.row_box {
padding: 0 !important;	
}
.barea {
padding: 0 !important;	
}


.row_box1 {
	padding: 0 !important;	
display: none;	
}
.row_box2 {
padding: 0 !important;	
}


	#glowna {
	width: 100%;
	float: left;
	position: relative;
	}
	



#nav {
  height: 15vh;
  background: transparent;
  display: block;
  position: fixed;
  width: 100%;
  z-index: 999999;
  transition: all ease .5s;
  top: 0;
  text-align: center;
}

#nav.shrink {
  height: 8vw;
  transition: all ease .5s;
  background: #fff;
  border-bottom: 1px solid #f2f2f2;
    z-index: 9999;
}



#nav2 {
  display: block;
  position: fixed;
  width: 100%;
  transition: all ease .5s;
  top: 0;
  text-align: center;
    height: 8vw;
  transition: all ease .5s;
  background: #fff;
  border-bottom: 1px solid #f2f2f2;
    z-index: 9999;
}


#nav.shrink #logo {
  transition: all ease .5s;
}


		
	
#top {
float: right;
position:absolute;
right: 10vw;
top: 2.5vw;	
color: #fff;
 transition: all ease .5s;
}
	#top.newsize_0 {
	top: 1vw;
	color: #000 !important;
	float: right;
position:absolute;
right: 10vw;
 transition: all ease .5s;
	}
		
		#top a {
	color: #fff !important;
text-decoration: none;	
	}
	
	#top.newsize_0 a {
	color: #187b82 !important;
	text-decoration: none;
	}		
		
		
#top2 {
top: 1vw;
	color: #000 !important;
	float: right;
position:absolute;
right: 10vw;
 transition: all ease .5s;
}	
		
			#top2 a {
	color: #187b82 !important;	
	text-decoration: none;
	}
	
		
		
#nag_top {
display: none;
}

	#nag_top.newsize_1 {
	display: none;
	}
	
#toshiba_top {
display: none;
}	

#toshiba_top.newsize_4 {
display: none;
}
	
	
#toshiba_top2 {
display: none;
float: left;
position: relative;
width: 10vw;
height: 4vw;
margin-top: 0.1vw;
margin-right: 2.5vw;
 background-image: url(../grafika/toshiba2.png); background-position: center left; background-repeat: no-repeat; background-size: contain;
}		
	
	
#nag_top2 {
	display: none;
float: left;
position: relative;
font-size: 1vw;
font-weight: 700;
margin-top: 0.5vw;
color: #187b81 !important;
}	
	
#icon_top {
display: none;

}	
	#icon_top.newsize_2 {
	
display: none;
	}
	
#icon_top2 {
	display: none;
float: left;
position: relative;
font-size: 2vw;
font-weight: 700;
top: -0.35vw;
margin-right: 1.5vw;
margin-left: 1.5vw;
color: #187b82 !important;
}		
	

#tel_top {

display: none;
}		
	#tel_top.newsize_3 {
	display: none;
	}
	
#tel_top2 {
	display: none;
float: left;
position: relative;
font-size: 1.8vw;
font-weight: 700;
color: #187b82 !important;
}	
		
#menu {
float: right;
position: fixed;
top: 0;
right:0;
display:none;
width: 100%;
height: 100%;
background-color: #fff;
z-index: 9999999999999;
max-height: 100%;
	overflow-y: auto;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.15);
			-moz-box-shadow:    0px 0px 3px 0px rgba(0, 0, 0, 0.15);
			box-shadow:         0px 0px 3px 0px rgba(0, 0, 0, 0.15);
		
	
}

.toshiba_menu {
width: 70%;
height: 10vh;
float: left;
margin-left: -100%;
position: absolute;
bottom: 21vh;
margin: 0 15% 3% 15%;
border-top: 0.05vw solid #f5f5f5;	
background-image: url(../grafika/toshiba2.png); background-position: center center; background-repeat: no-repeat; background-size: contain;
}	

.logo_menu {
width: calc(100% - 50vw);
float: left;
position: relative;	
height: 8vh;
margin: 2vw 25vw;
background-image: url(../grafika/techsystem_klimatyzacje2.png); background-position: center center; background-repeat: no-repeat; background-size: contain;
}
	
.menu_l {
width: 100%;
float: left;
position: relative;
top: 0vw;
padding: 3% 0% 3% 0%;	
text-align: center;
}
	.menu_l ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
	.menu_l ul li {
	width: 100%;
	float: left;
	position: relative;
	margin: 0 0 0.9vh 0;
	padding: 0;
	font-size: 3vw;
	font-weight: 800;
	text-transform: uppercase;
	}
		.menu_l ul li a {
		color: #187b82;
		text-decoration: none;
		transition: all ease .5s;
		}
		.menu_l ul li a:hover {
		color: #000;
		transition: all ease .5s;
		}
		
		
		.socialm {
width: 100%;
float: left;
position: relative;
text-align: center;
display: none;
}
		.fb_m, .twitter_m, .insta_m {
		width: 8vw;
		height: 8vw;
		-webkit-border-radius: 8vw;
		-moz-border-radius: 8vw;
		border-radius: 8vw;
		display: inline-block;
		text-align: center;
		border: 0.3vw solid #605a5a;
		line-height: 8.3vw;
		vertical-align: middle;
		font-size: 4.3vw !important;
		color: #605a5a !important;
		}
		.fb:hover, .twitter_m:hover, .insta_m:hover {
		color: #fbad24 !important;	
		border: 0.3vw solid #fbad24;
		}
	
		
		
		
		
		

.zobacz_takze {
width: 70%;
height: 20vh;
float: left;
margin-left: -100%;
left: 0;
position: absolute;
bottom: 0;
margin: 0 15% 3% 15%;
border-top: 0.05vw solid #f5f5f5;	
background-image: url(../grafika/baner_menu.png); background-position: center center; background-repeat: no-repeat; background-size: contain;
}

	
.close {
	width: 4.2vw;
				height: 4.2vw;
	-webkit-border-radius: 4.2vw;
				-moz-border-radius: 4.2vw;
				border-radius: 4.2vw;
				
				border: 0.09vw solid #000 !important;
	float:right;position:absolute;cursor:pointer;top:2.1vh;right:3vw;color:#000 !important;font-size:3vw;z-index:99999999;transition: all ease .5s;line-height: 3.9vw;}
	.close:hover {
	color: #187b82 !important;
	border: 0.09vw solid #187b82 !important;
	transition: all ease .5s;
	}	
	
	
.poz_baner {
float: left;
position: relative;	
width: 100%;
height: 60vh;
background-color: #fff;
}


/* SWIPPER */
.swiper-container {
    width: 100%;
    height: 60vh;
}

	.b1 {
	width: 100%;
	 height: 60vh;
	float: left;
	position: relative;
	
	}
	
		.baner_nag {
		width: 100%;
		float: left;
		position: relative;
		font-size: 5.2vw;
		line-height: 5.7vw;
		font-weight: 900;
		color: #000;
		padding: 14vw 3vw 2vw 10vw;
		}
		.baner_tekst {
		width: 100%;
		float: left;
		position: absolute;
		text-align: center;
		padding: 1vw 0vw 0vw 0vw;
		color: #fff;
		bottom: 10vh;
		text-transform: normal !important;
		
		}
			.baner_t1 {
			width: 100%;
			float: left;
			position: relative;
			font-size: 140px;
			font-weight: 700;
			padding: 0 30vw;
			
			}
			.baner_t2 {
			width: 100%;
			float: left;
			position: relative;
			font-size: 1.8vw;
			font-weight: 700;
			line-height: 2.1vw;
			padding: 0 30vw;
			}
			.baner_t3 {
			width: 100%;
			float: left;
			position: relative;
			font-size: 9.2vw;
			font-weight: 700;
			padding: 0 10vw 3vw 10vw;
			line-height: 9.5vw;
			}
			.baner_t4 {
			width: 100%;
			float: left;
			position: relative;
			font-size: 4vw;
			font-weight: 700;
			padding: 0 20vw;
			line-height: 4vw;
			}
			.baner_t5 {
			width: 100%;
			float: left;
			position: relative;
			font-size: 5.5vw;
			font-weight: 700;
			line-height: 6vw;
			padding: 0vw 10vw 0 10vw;
			
			}
		
	
		.swiper-pagination {
		float: left !important;	
		position: absolute;
		left: 2vw;
		}
		
		.swiper-pagination-bullet {
			background: none !important;
			padding: 0.36vw;
			border-radius: 0.15vw;
			border: 0.15vw solid #fff !important;
			margin-bottom: 0.9vw !important;
			opacity: 1 !important;
		}
		.swiper-pagination-bullet-active {
			background-color: #fff !important;
		}

.nag, .nag2 {
width: 100%;
margin: 0vw 0 4vw 0;
float: left;
position: relative;
font-size: 2.5rem;
font-weight: 900;
color: #187b82;
line-height: 4rem;
text-transform: uppercase;
}
	.center {
	width: 100%;
	color: #000;
	text-align: center;	
	}
.nag2 {
width: 100%;	
float: left;
position: relative;
font-size: 2.6vw;
line-height: 3vw;
margin-top: 8vw;
color: #000;
}
.baner {
width: calc(100% - 11.5vw);	
margin: 0 7.5vw 0 4vw;
float: left;
position: relative;
font-size: 2.6vw;
line-height: 3vw;
margin-top: 3vw;	
}




.poz2 {
width: 100%;
float: left;
position: relative;	
}
	.box1, .box2, .box3 {
	width: 100%;
	float:left;
	position: relative;
	
	color: #fff;
	padding: 5vw 10vw 5vw 10vw;
	}
	
	.nres {
	display: none;	
	}
	
		.box1 {
		border-top: 2vh solid #dbdbdb;
		background-color: #f3f3f3;
		color: #000;
		
		}
		
		.box2 {
		border-top: 2vh solid #146369;
		background-color: #187b82;
		
		}
		
		.box3 {
		border-top: 2vh solid #3f3b3a;
		background-color: #605a5a;
		
		}
		
		
		.img_box1 {
			width: 100%;
			height: 25vh;
			margin-bottom: 5vw;
			background-image: url(../grafika/box1.png); background-position: top center; background-repeat: no-repeat; background-size: contain;	
			}
			
			.img_box2 {
			width: 100%;
			height: 25vh;
			margin-bottom: 5vw;
			background-image: url(../grafika/box2.png); background-position: top center; background-repeat: no-repeat; background-size: contain;	
			}
			
			.img_box3 {
			width: 100%;
			height: 25vh;
			margin-bottom: 5vw;
			background-image: url(../grafika/box3.png); background-position: top center; background-repeat: no-repeat; background-size: contain;	
			}
		
			.box_nag {
			width: 100%;
			float: left;
			position: relative;
			text-align: center;
			font-size: 1rem;
			font-weight: 700;
			line-height: 2rem;
			text-transform: uppercase;
			margin-bottom: 1vw;
			}
			.box_tekst {
			width: 100%;
			float: left;
			position: relative;
			text-align: center;
			font-size: 1rem;
			line-height: 2rem;
			font-weight: 500;
			margin-top: 0vw;
			}
		
		.poz_box {
		width: 100%;
		float: left;
		position: relative;
		text-align: center;
		margin-top: -2.4vw;
		z-index: 999;
		}
		
		.poznaj_nas_bt {
		border: 0.1vw solid #146369;
		background-color: #146369;
		color: #fff;
		font-size: 1rem;
		padding: 1.5vw 2vw;	
		text-decoration: none;
		font-weight: 700;
		text-transform: uppercase;
		 transition: all ease .5s;
		}
			.poznaj_nas_bt:hover {
			text-decoration: none;
			background-color: #1e8f97;
			border: 0.1vw solid #1e8f97;
			color: #fff;	
			 transition: all ease .5s;
			}
			
	
.poz3 {
width: 100%;

margin: 15vw 0 10vw 0;
padding: 0 0;
float: left;
position: relative;	

}

	.poz_automatyka1 {
	width: 100%;
	padding: 0;
	float: left;
	position: relative;
	font-size: 1rem;
	font-weight: 400;
	color: #000;
	line-height: 2rem;
	}
	.poz_automatyka2 {
	float: left;
	position: relative;
	width: 100%;
	margin-top: 0vw;
	}
	
	
.poz_automatyka2 a {
float: left;
position: relative;
border: 0.1vw solid #000;
color: #000;
font-size: 1rem;
padding: 1.8vw 2.2vw;	
text-decoration: none;
font-weight: 700;
text-transform: uppercase;
margin-top: 3vw;
 transition: all ease .5s;
}
	.poz_automatyka2 a:hover {
	text-decoration: none;
	background-color: #000;
	color: #fff;
	 transition: all ease .5s;
	}
	
	.logo_automatyka {
	width: 35vw;
	height: 5.5vw;
	float: left;
	position: relative;
	margin-top:3.6vw;
	margin-left: 2vw;
	background-image: url(../grafika/logo_auto.png); background-position: center center; background-repeat: no-repeat; background-size: contain;
	}
	
	
.poz4 {
width: 100%;
margin: 0;
padding: 0;
float: left;
position: relative;	
background-color: #f3f3f3;
}
	.poz_of {
	width: 100%;
	float: left;
	position: relative;
	text-align: center;
	margin-top: 6vw;
	z-index: 999;
	margin-bottom: 6vw;
	}
	
	.poz_of a {
	border: 0.1vw solid #146369;
	background-color: #146369;
	color: #fff;
	font-size: 1rem;
	padding: 1.8vw 2.2vw;	
	text-decoration: none;
	font-weight: 700;
	text-transform: uppercase;
	 transition: all ease .5s;
	}
	.poz_of a:hover {
	text-decoration: none;
	background-color: #187b82;
	border: 0.1vw solid #187b82;
	color: #fff;
	 transition: all ease .5s;
	}
	
	.box_of1, .box_of2, .box_of3, .box_of4 {
	width: 50%;
	float: left;
	position: relative;
	text-align: center;
	padding: 2vh 0 0 0;
	margin-bottom: 2vw;
	font-size: 2vw;
	font-weight: 700;
	text-transform: uppercase;
	background-position: top center; background-repeat: no-repeat; background-size: contain;
	}
		.box_of1_img {
		float: left;
		position: relative;
		width: 100%;
		height: 25vh;
		background-image: url(../grafika/box_of1.png); 	
		background-position: top center; background-repeat: no-repeat; background-size: contain;
		}
		.box_of2_img {
		float: left;
		position: relative;
		width: 100%;
		height: 25vh;
		background-image: url(../grafika/box_of2.png); 	
		background-position: top center; background-repeat: no-repeat; background-size: contain;
		}
		.box_of3_img {
		float: left;
		position: relative;
		width: 100%;
		height: 25vh;
		background-image: url(../grafika/box_of3.png);
		background-position: top center; background-repeat: no-repeat; background-size: contain;		
		}
		.box_of4_img {
		float: left;
		position: relative;
		width: 100%;
		height: 25vh;
		background-image: url(../grafika/box_of4.png); 	
		background-position: top center; background-repeat: no-repeat; background-size: contain;
		}
	
	
	
	
.stopka_l {
display: none;
}

.stopka_r {
float: left;
position: relative;
width: 200%;

padding: 2vw 0 0vw 0;
font-size: 1.5rem;
font-weight: 500;
Text-align: center;
text-transform: uppercase;
color: #6d6767;
}


.stopka_top {
	width: 100%;
float: right;
position: relative;
font-size: 1vw;
font-weight: 700;
text-transform: uppercase;
margin-top: 1.5vw;
text-align: right;
}
	.stopka_top a {
	margin-left: 1.3vw;
	color: #000;
	text-decoration: none;
	transition: all ease .5s;
	}
	.stopka_top a:hover {
	color: #187b82;
	transition: all ease .5s;
	}
	
.stopka_bottom2 {
float: right;
position: relative;
width: 100%;
margin-top: 1.5vw;
text-align: right;
}	
	
.socialm2 {
		width: 100%;
		float: right !important;
		position: relative;
		text-align: right !important;
		margin: 2vh 0% 0 0%;
display: none;
		}	
		.fb_m2, .twitter_m2, .insta_m2 {
			float: right;
			position: relative;
			margin-left: 1vw;
				text-decoration: none;
				color: #000;
				width: 3.2vw;
				height: 3.2vw;
				line-height: 3.3vw;
		vertical-align: middle;
		font-size: 1.2vw !important;
				-webkit-border-radius: 3.2vw;
				-moz-border-radius: 3.2vw;
				border-radius: 3.2vw;
				text-align: center;
				border: 0.09vw solid #000;
				font-weight: 700;
				transition: all ease .5s;
				}		
				.fb_m2:hover, .twitter_m2:hover, .insta_m2:hover {				
				color: #187b82;
				border: 0.09vw solid #187b82;
				transition: all ease .5s;
				}
	
	
.stopka_bottom {
width: 100%;
float: left;
position: relative;
background-color: #f3f3f3;
margin-top: 0!important;
margin-bottom: 0!important;	
padding-bottom: 2vw!important;
padding-top: 1.2vw!important;
display: none;
}
	
	.stopka_bottom_res {
	width: 100%;
float: left;
position: relative;
background-color: #fff;
margin-top: 0!important;
margin-bottom: 0!important;	
padding-bottom: 2vw!important;
padding-top: 1.2vw!important;	
	}
	
	


.stopka_dol_l {
width: 100%;
float: right;
position: relative;
margin-top: 1vw;
display: none;
}	
	
.stopka_dol_r {
width: 100%;
float: right;
position: absolute;
right: 0;

}	

.p_stopka2_2 {
width: 100%;
float: left;
position: relative;
padding: 0;	
font-size: 1rem;
font-weight: 300;
text-align: center;
color: #605a5a;
margin-top: 1vw;
padding: 2vw 0;

}	
	.p_stopka2_2 a {
	font-weight: 800;
	text-decoration: none;
	color: #06203b;
	margin-left: 0.5vw;
	 transition: all ease .5s;
	}
		.p_stopka2_2 a:hover {
		color: #000;	
		 transition: all ease .5s;
		}
		
		
		
	.ahagency {
	padding-left: 7vw;
	
	background-image: url(../grafika/ahagency.png); background-position: center left; background-repeat: no-repeat; background-size: contain;	
	}
	
	
	
	
/*kontakt*/


.text_area3 {
width: 100%;
float: left;
position: relative;
margin: 0% 0%;
background-color: #fff;
}			
.kontakt_l {
	width: 100%;
	padding: 4vw 0 10vw 0;
	float: left;
	position: relative;
	font-size: 1.6rem;
	line-height: 1.6rem;
	color: #000;
	font-weight: 600;
	background-color: #efeeec;
	}

	.tresc_kontakt {
	width: 100%;
	float: left;
	position: relative;
	padding: 10vh 0% 3vw 11vw;
	}
		.tresc_kontakt a {
		text-decoration: none;
		color: #000;
		}
		
	.bt_kontakt_napisz {
	width: 100%;
	float: left;
	position: relative;
	padding: 0vh 0 0 11vw;	
	}
		
	.kontakt_l h3 {
	font-size: 1.6rem;
	font-weight: 700;
	margin: 0 0 2vw 0;
	}
	
	.kontakt_l h4 {
	font-size: 1.6rem;
	font-weight: 600;
	margin: 2vw 0 4vw 0;
	line-height: 2rem;
	}

	.kontakt_r {
	width: 100%;
	float: left;
	position: relative;
	min-height: 750px;
	}
	#map {
	width: 100% !important;
	float: left;
	position: relative;
	height:100% !important;
	z-index: 999999;
	}
		
		
	
			.guzik_napisz {
				float: left;
				position: relative;
			
	background-color: #146369;
	color: #fff;
	font-size: 4vw;
	padding: 3.2vw 4.2vw;
	text-decoration: none;
	font-weight: 700;
	text-transform: uppercase;
	font-weight: 700;
	 transition: all ease .5s;
	 cursor: pointer;
			}
			.guzik_napisz:hover {
			text-decoration: none;
	background-color: #187b82;
	
	color: #fff;
	 transition: all ease .5s;
			}			
		


	
		
.kontakt_area {
	float: left;
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	max-height: 100%;
	overflow-y: auto;
	display: none;
	background-color: #fff;
	z-index: 99 !important;
	}
	.close_kontakt {
	float: right;
	position: absolute;
	cursor: pointer;
	top: 10vh;
	right: 5vw;
	color: #fff;
	background-color: #146369;
	font-size: 1.2vw;
	line-height: 1.2vw;
	padding: 0.5vw 0.7vw;
	transition: all ease .5s;
	z-index: 99999999999;
	border: 1px solid #146369;
	}
	
	.close_kontakt {
	right: 9px;	
	}
	.close_kontakt:hover {
	background-color: #187b82;
	border: 1px solid #187b82;
	color: #fff;
	transition: all ease .5s;
	}		
		
		
		.bi-telephone-outbound, .bi-phone, .bi-envelope {
		margin-right: 1.2vw !important;	
		}
		
		
		
	.aplikuj_box {
	float: left;
	position: absolute;
	top: 20%;
	width:70%;
	margin: 0px 15% 0 15%;
	text-align: center;
	}

	.ap_pole {
	width:100%;float:left;position:relative; margin-bottom: 1vw;
	}
	.ap_pole2 {
	width:100%;float:left;position:relative; margin-bottom: 2vw; margin-top:2vw;text-align: center;
	}
	.ap_pole3{float:left;position:relative;text-align:left;margin-top:1.2vw;font-size:1.1vw;width:calc(100% - 4vw);margin-left:4vw;}
	
		
		.ap_okno {
		float:left;position:relative;width:calc(100% - 2vw);padding:1vw;font-size:1.1vw;border:0;color:#000;background:none;border-bottom:2px solid #000;margin-bottom:0.5vw;text-align:left;z-index:9999999999999999999 !important;outline:none !important;
		}
		.ap_okno2 {
		float:left;position:relative;width:calc(50% - 2vw);padding:1vw;font-size:1.1vw;border:0;color:#000;background:none;border-bottom:2px solid #000;margin-bottom:0.5vw;text-align:left;z-index:9999999999999999999 !important;outline:none !important;
		}
		
	input[type=text], textarea {
 -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;

}
 
input[type=text]:focus, textarea:focus {
   box-shadow: 0 0 5px rgba(249, 175, 43, 1);

  border: 1px solid rgba(249, 175, 43, 1);
}
input[type="checkbox"]{display:none;}
input[type="checkbox"] + label span{display:inline-block;width:1.4vw;height:1.4vw;margin:-5px 15px 0 0vw;vertical-align:middle;background-color:#fff;border:1px solid #cacaca;cursor:pointer;z-index:99999;}
input[type="checkbox"]:checked ~ label span:after{display:inline-block;width:1.4vw;height:1.4vw;margin:-1vw 0 0 0.2vw;font-size:1.4vw;cursor:pointer;z-index:99999;color:#e73d30;content:'\2714';}
	
	.areatext2 {
		
		float: left;
		position: relative;
		width:calc(100% - 2vw);
		padding: 1vw;
		font-size: 1.1vw;
		height: 10vw;
		border: 0;
		border-bottom: 2px solid #000;
		background-color: #fff;
		margin-bottom: 0.5vw;
		text-align: left;
		color: #000;
		}
		
		
		
		.bt_form2 {
		float: left;
				position: relative;
			
	background-color: #146369;
	color: #fff;
	font-size: 0.8vw;
	padding: 0.8vw 1.2vw;
	text-decoration: none;
	font-weight: 700;
	text-transform: uppercase;
	font-weight: 700;
	 transition: all ease .5s;
	 cursor: pointer;
			border: none;
		}
							.bt_form2:hover {
							background-color: #187b82;
			transition: all ease .5s;
							}

								.centruj_bt {
								display: inline-block;
								float: none;
								}
		
		
		
		
	.onas_area {
	width: 100%;
	float: left;
	position: relative;
	margin-top: 7.5vh;
	text-align: center;
	}
		.count1 {
		width:100%;
		padding-top: 5.5vw;
		float: left;
		position: relative;
		background-color: #187b81;
		color: #fff;
		}
		
		.count2 {
		width:100%;
		padding-top: 5.5vw;
		float: left;
		position: relative;
		background-color: #116a6f;
		color: #fff;
		}
		
		.count3 {
		width:100%;
		padding-top: 5.5vw;
		float: left;
		position: relative;
		background-color: #0b565b;
		color: #fff;
		}
		
		
	
	
	.number {
	float: left;
	position: relative;
	width: 100%;
	font-size: 3rem;
	}
	.desc {
	float: left;
	position: relative;
	width: 100%;
	font-size: 1rem;
	font-weight: 500;
	padding-bottom: 3vh;
	}
		
		
		.onas_kr {
		width: 15%;
		height: 0.4vh;
		margin-right: 85%;
		background-color: #228187;
		margin-bottom: 2vh;
		}
		
		.o_nas_img {
		width: 100%;
		float: left;
		position: relative;
		height: 60vw;
		background-image: url(../grafika/onas.jpg); background-position: top right; background-repeat: no-repeat; background-size: cover;
		}
		
		.o_nas_img2 {
		width: 100%;
		float: left;
		position: relative;
		height: 60vw;
		background-image: url(../grafika/onas2.jpg); background-position: top right; background-repeat: no-repeat; background-size: cover;
		}
		
		.o_nas_opis1 {
			width: 100%;
		padding: 4vh 11vw 7vh 11vw;
		float: left;
		position: relative;
		font-size: 1rem;
		line-height: 1.6rem;
		font-weight: 400;
		}
		
		
	
			.oferta_opis1 ul {
			margin-left: 6vw;
			padding-left: 0;
			margin-top: 3vw;
			}
		
		.o_nas_opis2 {
		padding: 4vh 11vw 7vh 11vw;
		float: left;
		position: relative;
		font-size: 1rem;
		line-height: 1.6rem;
		font-weight: 400;
		}
		
			.o_nas_nag {
				width: 100%;
			float: left;
			position: relative;
			color: #228187;
			font-size: 2rem;
			font-weight: 900;
			line-height: 3rem;
			margin-bottom: 3vw;
			}
			
			
			
		.oferta_img {
		width: 100%;
		float: left;
		position: relative;
		height: 70vh;
		background-image: url(../grafika/oferta1.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover;
		}	
		.oferta_img2 {
		width: 100%;
		float: left;
		position: relative;
		height: 70vh;
		background-image: url(../grafika/oferta2.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover;
		}	
		.oferta_img3 {
		width: 100%;
		float: left;
		position: relative;
		height: 70vh;
		background-image: url(../grafika/oferta3.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover;
		}	
		.oferta_img4 {
		width: 100%;
		float: left;
		position: relative;
		height: 70vh;
		background-image: url(../grafika/oferta4.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover;
		}	
		.oferta_img5 {
		width: 100%;
		float: left;
		position: relative;
		height: 70vh;
		background-image: url(../grafika/oferta5.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover;
		}	
		
		
		
		
		.oferta_opis1 {
		padding: 4vh 11vw 7vh 11vw;
		float: left;
		position: relative;
		font-size: 1rem;
		line-height: 1.6rem;
		font-weight: 400;
		}
			.oferta_opis1 ul {
			margin-left: 6vw;
			padding-left: 0;
			margin-top: 3vw;
			}
			
	
.movie {
display: none;	
}
.movie2 {
	height: 100%;
	float: left;
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
background-image: url(../grafika/filtr2.png);	
}

.oferta_res {
width: 100%;
height: 80vh;
float: left;
position: relative;
background-image: url(../grafika/oferta_res.jpg); background-position: top right; background-repeat: no-repeat; background-size: cover;

}


	.baner_nag2 {
	width: 100%;
	float: left;
	position: absolute;
	left: 0;
	bottom: 5vh;
	color: #fff;
	font-size: 2rem;
	line-height: 2.rem;
	font-weight: 700;
	text-align: center;
	}


	.bt_down {
	float: left;
	 position: absolute;
  margin: 0 auto;
	width: 100%;
z-index: 999999;
text-align: center;
bottom: 6vh;
display: none;
	}
	
	.bt_down_bt {
	width: 30vw;
	padding: 3vw 0;
	margin: 0 auto;
	position: relative;
	color: #fff;
	border: 0.05vw solid #fff;
	font-size: 3vw;
	font-weight: 500;
	cursor: pointer;
	transition: all ease .5s;
	}
		.bt_down_bt:hover {
		background-color: #187b81;
		border: 0.05vw solid #187b81;
		transition: all ease .5s;
		}
		
		
	.rodo {
	width: 100%;
height: 90vh;
float: left;
position: relative;
background-image: url(../grafika/rodo.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover;
	}			
		
	.baner_referencje {
	width: 100%;
height: 90vh;
float: left;
position: relative;
background-image: url(../grafika/baner_referencje2.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover;
	}		
	
	
		.bt_down_bt2 {
			display: none;
		width: 10vw;
		padding: 1vw 0;
		margin: 0 auto;
		position: relative;
		color: #fff;
		font-size: 3vw;
		font-weight: 500;
		cursor: pointer;
		transition: all ease .5s;
		}
		.bt_down_bt2:hover {
		color: #187b81;
		
		transition: all ease .5s;
		}
		
	
	.nag_ref {
		width: 100%;
			padding: 4vh 11vw 7vh 11vw;
			float: left;
			position: relative;
			color: #228187;
			font-size: 2rem;
			font-weight: 900;
			line-height: 3rem;
			margin-bottom: 3vw;	
			text-align: center;
	}
	
		
	.box_ref1, .box_ref2, .box_ref3 {
	width: 100%;
	float: left;
	position: relative;
	text-align: center;
	font-size: 2rem;
	color: #000;
	font-weight: 700;
	padding: 10vh 5vw 5vh 5vw;
	line-height: 2rem;
	}		
			.box_ref1_img {	
		float: left;
		position: relative;
		width: 100%;
		height: 30vh;
		background-image: url(../grafika/box_ref1.jpg); background-position: top center; background-repeat: no-repeat; background-size:contain;
		}
		.box_ref2_img {
			float: left;
		position: relative;
		width: 100%;
		height: 30vh;
		background-image: url(../grafika/box_ref2.jpg); background-position: top center; background-repeat: no-repeat; background-size:contain;
		}
		.box_ref3_img {
			float: left;
		position: relative;
		width: 100%;
		height: 30vh;
		background-image: url(../grafika/box_ref3.jpg); background-position: top center; background-repeat: no-repeat; background-size:contain;
		}
		
		
		
		
		
	.ref_opis {
	float: left;
	position: relative;
	width: 100%;
	padding: 0vh 5vw 10vh 5vw;
	font-size: 1rem;
	color: #000;
	font-weight: 500;
	line-height: 1.6rem;
	}		
	
	
	.nag_real {
		width: 100%;
	float: left;
	position: relative;
	text-align: left;
	font-size: 1.3rem;
	color: #000;
	font-weight: 700;
	padding: 2vh 3vw 0vh 4vw;
	line-height: 1.3rem;
	}
	
	
	.log_real {
	width: 100%;
	float: left;
	position: relative;
	text-align: left;
	font-size: 1.1rem;
	color: #000;
	font-weight: 700;
	padding: 0.5vh 5vw 3vh 4vw;
	line-height: 1.1rem;
	color: #228187;
	}
	
	.opis_real {
	width: 100%;
	float: left;
	position: relative;
	text-align: left;
	font-size: 1rem;
	color: #000;
	font-weight: 400;
	padding: 0vh 5vw 2vh 6.1vw;
	line-height: 1.4rem;
	}
	
	
		.bi-house-fill {
		margin-right: 0.5vw;	
		margin-top: -0.5vh;
		}
			.bi-geo-alt {
				margin-left: 0.35vw;
			margin-right: 0.8vw;	
			}
		
			.box_re {
			padding: 3vw 0;
			border: 0.02vw solid #fff;
			background-color: #f3f3f3;
			}
			
			
			.res_stopka {
			display: none;	
			}
			
			
			.norm {
			display: none !important;	
			}
			.res {
			}
	
	
	
	
.box_of1, .box_of2, .box_of3, .box_of4 {
background-size: contain;
background-size: 100%;
padding-top: 1vh
}
	
	
#logo {
  float: left;
  position: absolute;	
  transition: all ease .5s;
  width: 28vw;
  left: 0;
  height: 15vw;
  margin: 0vw 0 0 5vw;
  z-index: 999;
  background-image: url(../grafika/techsystem_klimatyzacje.png); background-position: center left; background-repeat: no-repeat; background-size: contain;
}
.logo2 {
float: left;
	position: relative;	
	height: 8vw;
	width: 24vw;
	margin: 0 0 0 2.5vw;
	background-image: url(../grafika/techsystem_klimatyzacje2.png); background-position: center left; background-repeat: no-repeat; background-size: contain;
}


#logo.newsize {
	float: left;
	position: relative;	
	height: 8vw;
	width: 24vw;
	margin: 0vw 0 1vw 2.5vw;
	background-image: url(../grafika/techsystem_klimatyzacje2.png); background-position: center left; background-repeat: no-repeat; background-size: contain;
}	
	
	
#toshiba_top {
float: left;
position: relative;
width: 15vw;
height: 7vh;
margin-top: -0.5vw;
margin-right: 2.5vw;
 background-image: url(../grafika/toshiba.png); background-position: center left; background-repeat: no-repeat; background-size: contain;
}	

#toshiba_top.newsize_4 {

 background-image: url(../grafika/toshiba2.png); background-position: center left; background-repeat: no-repeat; background-size: contain;
}
	
	
#toshiba_top2 {
float: left;
position: relative;
width: 15vw;
height: 7vh;
margin-top: -0.5vw;
margin-right: 2.5vw;
 background-image: url(../grafika/toshiba2.png); background-position: center left; background-repeat: no-repeat; background-size: contain;
}		



.baner_nag {
		width: 100%;
		float: left;
		position: relative;
		font-size: 3.2vw;
		line-height: 3.7vw;
		font-weight: 900;
		color: #000;
		padding: 14vw 3vw 2vw 10vw;
		}
		.baner_tekst {
		width: 100%;
		float: left;
		position: absolute;
		text-align: center;
		padding: 1vw 0vw 0vw 0vw;
		color: #fff;
		bottom: 7vh;
		text-transform: uppercase !important;
		
		}
			
			.baner_t3 {
			width: 100%;
			float: left;
			position: relative;
			font-size: 4.2vw;
			font-weight: 700;
			padding: 0 20vw;
			line-height: 4.5vw;
			}
			
			.baner_t5 {
			width: 100%;
			float: left;
			position: relative;
			font-size: 3.5vw;
			font-weight: 700;
			line-height: 4vw;
			padding: 0vw 20vw 0 20vw;
			
			}	
			
			
			
			
.see_menu2 {
float: right;
		height: 5vh;
		margin:2.2vh 2.5vw 0 0 !important;
		vertical-align: middle;
		cursor: pointer;
		padding: 0px;
		color: #000;
		z-index: 9999999;
		position: relative;
		 transition: all ease .5s;
}

.see_menu2:hover {
color: #187b82;
 transition: all ease .5s;	
}
.see_menu {
		float: right;
		height: 5vh;
		margin: 5vw 3vw 0 0 !important;
		vertical-align: middle;
		cursor: pointer;
		padding: 0px;
		color: #fff;
		z-index: 9999;
		position: relative;
		 transition: all ease .5s;
		 z-index: 99;
		  transition: all ease .5s;
		}
		.see_menu:hover {
		color: #228187;	
		 transition: all ease .5s;
		}
		
#see_menu.newsize_menu {		 
		float: right;
		height: 5vw;
		margin:2vw 2.5vw 0 0 !important;
		vertical-align: middle;
		cursor: pointer;
		padding: 0px;
		color: #000;
		z-index: 9999999;
		position: relative;
		 transition: all ease .5s;
		 
}
#see_menu.newsize_menu:hover {
color: #187b82;
 transition: all ease .5s;
}

	
		
			.fa-align-right {
				font-size: 3.9vw;
				Text-align: center;
			}
	
	
	
}

















			
			

@media all and (min-width:319px) and (max-width: 576px)
{


.row {
margin-left: 0vw !important;
margin-right: 0vw !important;	
padding: 4vw 11vw !important;
}
.row_box {
padding: 0 !important;	
}
.barea {
padding: 0 !important;	
}


.row_box1 {
	padding: 0 !important;	
display: none;	
}
.row_box2 {
padding: 0 !important;	
}


	#glowna {
	width: 100%;
	float: left;
	position: relative;
	}
	
	

#logo {
  float: left;
  position: absolute;	
  transition: all ease .5s;
  width: 60vw;
  left: 0;
  height: 8vw;
  margin: 2vw 0 0 4vw;
  z-index: 999;
  background-image: url(../grafika/techsystem_klimatyzacje.png); background-position: center left; background-repeat: no-repeat; background-size: contain;
}
.logo2 {
float: left;
	position: relative;	
	height: 5.5vw;
	width: 50vw;
	margin: 0.5vw 0 0 2.5vw;
	background-image: url(../grafika/techsystem_klimatyzacje2.png); background-position: center left; background-repeat: no-repeat; background-size: contain;
}


#logo.newsize {
	float: left;
	position: relative;	
	height: 5.5vw;
	width: 50vw;
	margin: 1vw 0 1vw 2.5vw;
	background-image: url(../grafika/techsystem_klimatyzacje2.png); background-position: center left; background-repeat: no-repeat;background-size: contain;
}



#nav {
  height: 15vw;
  background: transparent;
  display: block;
  position: fixed;
  width: 100%;
  z-index: 999999;
  transition: all ease .5s;
  top: 0;
  text-align: center;
}

#nav.shrink {
  height: 7.5vw;
  transition: all ease .5s;
  background: #fff;
  border-bottom: 1px solid #f2f2f2;
    z-index: 9999;
}



#nav2 {
  display: block;
  position: fixed;
  width: 100%;
  transition: all ease .5s;
  top: 0;
  text-align: center;
    height: 7.5vw;
  transition: all ease .5s;
  background: #fff;
  border-bottom: 1px solid #f2f2f2;
    z-index: 9999;
}


#nav.shrink #logo {
  transition: all ease .5s;
}


.see_menu2 {
	float: right;
		height: 5vw;
		margin:1.5vw 2.5vw 0 0 !important;
		vertical-align: middle;
		cursor: pointer;
		padding: 0px;
		color: #000;
		z-index: 9999999;
		position: relative;
		 transition: all ease .5s;
}

.see_menu2:hover {
color: #187b82;
 transition: all ease .5s;	
}
.see_menu {
		float: right;
		height: 8vw;
		margin: 2vw 4vw 0 0 !important;
		vertical-align: middle;
		cursor: pointer;
		padding: 0px;
		
		color: #fff;
		z-index: 9999;
		position: relative;
		 transition: all ease .5s;
		}
		.see_menu:hover {
		color: #228187;	
		 transition: all ease .5s;
		}
		
#see_menu.newsize_menu {		 
		float: right;
		height: 5vw;
		margin:1.5vw 2.5vw 0 0 !important;
		vertical-align: middle;
		cursor: pointer;
		padding: 0px;
		color: #000;
		z-index: 9999999;
		position: relative;
		 transition: all ease .5s;
		 
}
#see_menu.newsize_menu:hover {
color: #187b82;
 transition: all ease .5s;
}

	
		
			.fa-align-right {
				font-size: 5vw;
				Text-align: center;
			}
	
		
	
#top {
float: right;
position:absolute;
right: 10vw;
top: 2.5vw;	
color: #fff;
 transition: all ease .5s;
}
	#top.newsize_0 {
	top: 1vw;
	color: #000 !important;
	float: right;
position:absolute;
right: 10vw;
 transition: all ease .5s;
	}
	
		#top a {
	color: #fff !important;	
	text-decoration: none;
	}
	
	#top.newsize_0 a {
	color: #187b82 !important;
	text-decoration: none;
	}	
		
#top2 {
top: 1vw;
	color: #000 !important;
	float: right;
position:absolute;
right: 10vw;
 transition: all ease .5s;
}	

		#top2 a {
	color: #187b82 !important;	
	text-decoration: none;
	}
		
#nag_top {
display: none;
}

	#nag_top.newsize_1 {
	display: none;
	}
	
#toshiba_top {
display: none;
}	

#toshiba_top.newsize_4 {
display: none;
}
	
	
#toshiba_top2 {
display: none;
float: left;
position: relative;
width: 10vw;
height: 4vh;
margin-top: 0.1vw;
margin-right: 2.5vw;
 background-image: url(../grafika/toshiba2.png); background-position: center left; background-repeat: no-repeat;
}		
	
	
#nag_top2 {
	display: none;
float: left;
position: relative;
font-size: 1vw;
font-weight: 700;
margin-top: 0.5vw;
color: #187b81 !important;
}	
	
#icon_top {
display: none;

}	
	#icon_top.newsize_2 {
	
display: none;
	}
	
#icon_top2 {
	display: none;
float: left;
position: relative;
font-size: 2vw;
font-weight: 700;
top: -0.35vw;
margin-right: 1.5vw;
margin-left: 1.5vw;
color: #187b82 !important;
}		
	

#tel_top {

display: none;
}		
	#tel_top.newsize_3 {
	display: none;
	}
	
#tel_top2 {
	display: none;
float: left;
position: relative;
font-size: 1.8vw;
font-weight: 700;
color: #187b82 !important;
}	
		
#menu {
float: right;
position: fixed;
top: 0;
right:0;
display:none;
width: 100%;
height: 100%;
background-color: #fff;
z-index: 9999999999999;
max-height: 100%;
	overflow-y: auto;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.15);
			-moz-box-shadow:    0px 0px 3px 0px rgba(0, 0, 0, 0.15);
			box-shadow:         0px 0px 3px 0px rgba(0, 0, 0, 0.15);
		
	
}

.toshiba_menu {
width: 50%;
height: 8vh;
float: left;
margin-left: -100%;
position: absolute;
bottom: 21vh;
margin: 0 25% 3% 25%;
border-top: 0.05vw solid #f5f5f5;	
background-image: url(../grafika/toshiba2.png); background-position: center center; background-repeat: no-repeat; background-size: contain;
}	

.logo_menu {
width: calc(100% - 50vw);
float: left;
position: relative;	
height: 8vh;
margin: 5vw 25vw;
background-image: url(../grafika/techsystem_klimatyzacje2.png); background-position: center center; background-repeat: no-repeat; background-size: contain;
}
	
.menu_l {
width: 100%;
float: left;
position: relative;
top: 0vw;
padding: 3% 0% 3% 0%;	
text-align: center;
}
	.menu_l ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
	.menu_l ul li {
	width: 100%;
	float: left;
	position: relative;
	margin: 0 0 0.9vh 0;
	padding: 0;
	font-size: 6vw;
	font-weight: 800;
	text-transform: uppercase;
	}
		.menu_l ul li a {
		color: #187b82;
		text-decoration: none;
		transition: all ease .5s;
		}
		.menu_l ul li a:hover {
		color: #000;
		transition: all ease .5s;
		}
		
		
		.socialm {
width: 100%;
float: left;
position: relative;
text-align: center;
display: none;
}
		.fb_m, .twitter_m, .insta_m {
		width: 8vw;
		height: 8vw;
		-webkit-border-radius: 8vw;
		-moz-border-radius: 8vw;
		border-radius: 8vw;
		display: inline-block;
		text-align: center;
		border: 0.3vw solid #605a5a;
		line-height: 8.3vw;
		vertical-align: middle;
		font-size: 4.3vw !important;
		color: #605a5a !important;
		}
		.fb:hover, .twitter_m:hover, .insta_m:hover {
		color: #fbad24 !important;	
		border: 0.3vw solid #fbad24;
		}
	
		
		
		
		
		

.zobacz_takze {
width: 70%;
height: 20vh;
float: left;
margin-left: -100%;
left: 0;
position: absolute;
bottom: 0;
margin: 0 15% 3% 15%;
border-top: 0.05vw solid #f5f5f5;	
background-image: url(../grafika/baner_menu.png); background-position: center center; background-repeat: no-repeat; background-size: contain;
}

	
.close {
	width: 8.2vw;
				height: 8.2vw;
	-webkit-border-radius: 8.2vw;
				-moz-border-radius: 8.2vw;
				border-radius: 8.2vw;
				
				border: 0.09vw solid #000 !important;
	float:right;position:absolute;cursor:pointer;top:2.1vh;right:3vw;color:#000 !important;font-size:6vw;z-index:99999999;transition: all ease .5s;line-height: 7.9vw;}
	.close:hover {
	color: #187b82 !important;
	border: 0.09vw solid #187b82 !important;
	transition: all ease .5s;
	}	
	
	
.poz_baner {
float: left;
position: relative;	
width: 100%;
height: 70vw;
background-color: #fff;
}


/* SWIPPER */
.swiper-container {
    width: 100%;
    height: 70vw;
}

	.b1 {
	width: 100%;
	 height: 70vw;
	float: left;
	position: relative;
	
	}
	
		.baner_nag {
		width: 100%;
		float: left;
		position: relative;
		font-size: 5.2vw;
		line-height: 5.7vw;
		font-weight: 900;
		color: #000;
		padding: 14vw 3vw 2vw 10vw;
		}
		.baner_tekst {
		width: 100%;
		float: left;
		position: absolute;
		text-align: center;
		padding: 1vw 0vw 0vw 0vw;
		color: #fff;
		bottom: 10vh;
		text-transform: normal !important;
		
		}
			.baner_t1 {
			width: 100%;
			float: left;
			position: relative;
			font-size: 140px;
			font-weight: 700;
			padding: 0 30vw;
			
			}
			.baner_t2 {
			width: 100%;
			float: left;
			position: relative;
			font-size: 1.8vw;
			font-weight: 700;
			line-height: 2.1vw;
			padding: 0 30vw;
			}
			.baner_t3 {
			width: 100%;
			float: left;
			position: relative;
			font-size: 9.2vw;
			font-weight: 700;
			padding: 0 10vw 3vw 10vw;
			line-height: 9.5vw;
			}
			.baner_t4 {
			width: 100%;
			float: left;
			position: relative;
			font-size: 4vw;
			font-weight: 700;
			padding: 0 20vw;
			line-height: 4vw;
			}
			.baner_t5 {
			width: 100%;
			float: left;
			position: relative;
			font-size: 5.5vw;
			font-weight: 700;
			line-height: 6vw;
			padding: 0vw 10vw 0 10vw;
			
			}
		
	
		.swiper-pagination {
		float: left !important;	
		position: absolute;
		left: 2vw;
		}
		
		.swiper-pagination-bullet {
			background: none !important;
			padding: 0.36vw;
			border-radius: 0.15vw;
			border: 0.15vw solid #fff !important;
			margin-bottom: 0.9vw !important;
			opacity: 1 !important;
		}
		.swiper-pagination-bullet-active {
			background-color: #fff !important;
		}

.nag, .nag2 {
width: 90%;
margin: 5vw 0 4vw 0;
float: left;
position: relative;
font-size: 7vw;
font-weight: 900;
color: #187b82;
line-height: 6vw;
text-transform: uppercase;
}
	.center {
	width: 100%;
	color: #000;
	text-align: center;	
	}
.nag2 {
width: 100%;	
float: left;
position: relative;
font-size: 2.6vw;
line-height: 3vw;
margin-top: 8vw;
color: #000;
}
.baner {
width: calc(100% - 11.5vw);	
margin: 0 7.5vw 0 4vw;
float: left;
position: relative;
font-size: 2.6vw;
line-height: 3vw;
margin-top: 3vw;	
}




.poz2 {
width: 100%;
float: left;
position: relative;	
}
	.box1, .box2, .box3 {
	width: 100%;
	float:left;
	position: relative;
	
	color: #fff;
	padding: 68vw 10vw 15vw 10vw;
	}
	
	.nres {
	display: none;	
	}
	
		.box1 {
		border-top: 2vh solid #dbdbdb;
		background-color: #f3f3f3;
		color: #000;
		background-image: url(../grafika/box1.png); background-position: center 50px; background-repeat: no-repeat; background-size: 45%;
		}
		
		.box2 {
		border-top: 2vh solid #146369;
		background-color: #187b82;
		background-image: url(../grafika/box2.png); background-position: center 50px; background-repeat: no-repeat; background-size: 45%;
		}
		
		.box3 {
		border-top: 2vh solid #3f3b3a;
		background-color: #605a5a;
		background-image: url(../grafika/box3.png); background-position: center 50px; background-repeat: no-repeat; background-size: 35%;
		}
			.box_nag {
			width: 100%;
			float: left;
			position: relative;
			text-align: center;
			font-size: 5.5vw;
			font-weight: 700;
			line-height: 6.6vw;
			text-transform: uppercase;
			margin-bottom: 1vw;
			}
			.box_tekst {
			width: 100%;
			float: left;
			position: relative;
			text-align: center;
			font-size: 4vw;
			line-height: 5.2vw;
			font-weight: 500;
			margin-top: 1vw;
			}
		
		.poz_box {
		width: 100%;
		float: left;
		position: relative;
		text-align: center;
		margin-top: -4.4vw;
		z-index: 999;
		}
		
		.poznaj_nas_bt {
		border: 0.1vw solid #146369;
		background-color: #146369;
		color: #fff;
		font-size: 2.8vw;
padding: 2.8vw 3.2vw;	
		text-decoration: none;
		font-weight: 700;
		text-transform: uppercase;
		 transition: all ease .5s;
		}
			.poznaj_nas_bt:hover {
			text-decoration: none;
			background-color: #1e8f97;
			border: 0.1vw solid #1e8f97;
			color: #fff;	
			 transition: all ease .5s;
			}
			
	
.poz3 {
width: 100%;

margin: 15vw 0;
padding: 0 0;
float: left;
position: relative;	

}

	.poz_automatyka1 {
	width: 100%;
	padding: 0;
	float: left;
	position: relative;
	font-size: 4.3vw;
	font-weight: 400;
	color: #000;
	line-height: 5.6vw;
	}
	.poz_automatyka2 {
	float: left;
	position: relative;
	width: 100%;
	margin-top: 0vw;
	}
	
	
.poz_automatyka2 a {
float: left;
position: relative;
border: 0.1vw solid #000;
color: #000;
font-size: 2.8vw;
padding: 2.8vw 3.2vw;	
text-decoration: none;
font-weight: 700;
text-transform: uppercase;
margin-top: 3vw;
 transition: all ease .5s;
}
	.poz_automatyka2 a:hover {
	text-decoration: none;
	background-color: #000;
	color: #fff;
	 transition: all ease .5s;
	}
	
	.logo_automatyka {
	width: 35vw;
	height: 5.5vw;
	float: left;
	position: relative;
	margin-top: 5.8vw;
	margin-left: 4vw;
	background-image: url(../grafika/logo_auto.png); background-position: center center; background-repeat: no-repeat; background-size: contain;
	}
	
	
.poz4 {
width: 100%;
margin: 0;
padding: 0;
float: left;
position: relative;	
background-color: #f3f3f3;
}
	.poz_of {
	width: 100%;
	float: left;
	position: relative;
	text-align: center;
	margin-top: 6vw;
	z-index: 999;
	margin-bottom: 6vw;
	}
	
	.poz_of a {
	border: 0.1vw solid #146369;
	background-color: #146369;
	color: #fff;
	font-size: 2.8vw;
padding: 2.8vw 3.2vw;	
	text-decoration: none;
	font-weight: 700;
	text-transform: uppercase;
	 transition: all ease .5s;
	}
	.poz_of a:hover {
	text-decoration: none;
	background-color: #187b82;
	border: 0.1vw solid #187b82;
	color: #fff;
	 transition: all ease .5s;
	}
	
	.box_of1, .box_of2, .box_of3, .box_of4 {
	width: 50%;
	float: left;
	position: relative;
	text-align: center;
	padding: 2vh 0 0 0;
	margin-bottom: 3vw;
	font-size: 3.6vw;
	font-weight: 700;
	text-transform: uppercase;
	background-position: center center; background-repeat: no-repeat; background-size: 80%;
	}
		.box_of1_img {
			float: left;
		position: relative;
		width: 100%;
		height: 30vh;
		background-image: url(../grafika/box_of1.png); 	
		background-position: center center; background-repeat: no-repeat; background-size: contain;
		}
		.box_of2_img {
			float: left;
		position: relative;
		width: 100%;
		height: 30vh;
		background-image: url(../grafika/box_of2.png); 	
		background-position: center center; background-repeat: no-repeat; background-size: contain;
		}
		.box_of3_img {
			float: left;
		position: relative;
		width: 100%;
		height: 30vh;
		background-image: url(../grafika/box_of3.png); 	
		background-position: center center; background-repeat: no-repeat; background-size: contain;
		}
		.box_of4_img {
			float: left;
		position: relative;
		width: 100%;
		height: 30vh;
		background-image: url(../grafika/box_of4.png); 	
		background-position: center center; background-repeat: no-repeat; background-size: contain;
		}
	
	
	
	
.stopka_l {
display: none;
}

.stopka_r {
float: left;
position: relative;
width: 100%;

padding: 7vw 0 7vw 0;
font-size: 4vw;
font-weight: 500;
Text-align: center;
text-transform: uppercase;
color: #6d6767;
}


.stopka_top {
	width: 100%;
float: right;
position: relative;
font-size: 1vw;
font-weight: 700;
text-transform: uppercase;
margin-top: 1.5vw;
text-align: right;
}
	.stopka_top a {
	margin-left: 1.3vw;
	color: #000;
	text-decoration: none;
	transition: all ease .5s;
	}
	.stopka_top a:hover {
	color: #187b82;
	transition: all ease .5s;
	}
	
.stopka_bottom2 {
float: right;
position: relative;
width: 100%;
margin-top: 1.5vw;
text-align: right;
}	
	
.socialm2 {
		width: 100%;
		float: right !important;
		position: relative;
		text-align: right !important;
		margin: 2vh 0% 0 0%;
display: none;
		}	
		.fb_m2, .twitter_m2, .insta_m2 {
			float: right;
			position: relative;
			margin-left: 1vw;
				text-decoration: none;
				color: #000;
				width: 3.2vw;
				height: 3.2vw;
				line-height: 3.3vw;
		vertical-align: middle;
		font-size: 1.2vw !important;
				-webkit-border-radius: 3.2vw;
				-moz-border-radius: 3.2vw;
				border-radius: 3.2vw;
				text-align: center;
				border: 0.09vw solid #000;
				font-weight: 700;
				transition: all ease .5s;
				}		
				.fb_m2:hover, .twitter_m2:hover, .insta_m2:hover {				
				color: #187b82;
				border: 0.09vw solid #187b82;
				transition: all ease .5s;
				}
	
	
.stopka_bottom {
width: 100%;
float: left;
position: relative;
background-color: #f3f3f3;
margin-top: 0!important;
margin-bottom: 0!important;	
padding-bottom: 2vw!important;
padding-top: 1.2vw!important;
display: none;
}
	
	.stopka_bottom_res {
	width: 100%;
float: left;
position: relative;
background-color: #fff;
margin-top: 0!important;
margin-bottom: 0!important;	
padding-bottom: 2vw!important;
padding-top: 1.2vw!important;	
	}
	
	


.stopka_dol_l {
width: 100%;
float: right;
position: relative;
margin-top: 1vw;
display: none;
}	
	
.stopka_dol_r {
width: 100%;
float: right;
position: absolute;
right: 0;

}	

.p_stopka2_2 {
width: 100%;
float: left;
position: relative;
padding: 0;	
font-size: 4vw;
font-weight: 300;
text-align: center;
color: #605a5a;
margin-top: 1vw;
padding: 4vw 0;

}	
	.p_stopka2_2 a {
	font-weight: 800;
	text-decoration: none;
	color: #06203b;
	margin-left: 0.5vw;
	 transition: all ease .5s;
	}
		.p_stopka2_2 a:hover {
		color: #000;	
		 transition: all ease .5s;
		}
		
		
		
	.ahagency {
	padding-left: 7vw;
	
	background-image: url(../grafika/ahagency.png); background-position: center left; background-repeat: no-repeat; background-size: contain;	
	}
	
	
	
	
/*kontakt*/


.text_area3 {
width: 100%;
float: left;
position: relative;
margin: 0% 0%;
background-color: #fff;
}			
.kontakt_l {
	width: 100%;
	padding: 4vw 0 10vw 0;
	float: left;
	position: relative;
	font-size: 5vw;
	line-height: 5.4vw;
	color: #000;
	font-weight: 600;
	background-color: #efeeec;
	}

	.tresc_kontakt {
	width: 100%;
	float: left;
	position: relative;
	padding: 10vh 0% 3vw 11vw;
	}
		.tresc_kontakt a {
		text-decoration: none;
		color: #000;
		}
	.bt_kontakt_napisz {
	width: 100%;
	float: left;
	position: relative;
	padding: 0vh 0 0 11vw;	
	}
		
	.kontakt_l h3 {
	font-size: 5.5vw;
	font-weight: 700;
	margin: 0 0 2vw 0;
	}
	
	.kontakt_l h4 {
	font-size: 5vw;
	font-weight: 600;
	margin: 2vw 0 4vw 0;
	line-height: 3vw;
	}

	.kontakt_r {
	width: 100%;
	float: left;
	position: relative;
	min-height: 750px;
	}
	#map {
	width: 100% !important;
	float: left;
	position: relative;
	height:100% !important;
	z-index: 999999;
	}
		
		
	
			.guzik_napisz {
				float: left;
				position: relative;
			
	background-color: #146369;
	color: #fff;
	font-size: 4vw;
	padding: 3.2vw 4.2vw;
	text-decoration: none;
	font-weight: 700;
	text-transform: uppercase;
	font-weight: 700;
	 transition: all ease .5s;
	 cursor: pointer;
			}
			.guzik_napisz:hover {
			text-decoration: none;
	background-color: #187b82;
	
	color: #fff;
	 transition: all ease .5s;
			}			
		


	
		
.kontakt_area {
	float: left;
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	max-height: 100%;
	overflow-y: auto;
	display: none;
	background-color: #fff;
	z-index: 99 !important;
	}
	.close_kontakt {
	float: right;
	position: absolute;
	cursor: pointer;
	top: 10vh;
	right: 5vw;
	color: #fff;
	background-color: #146369;
	font-size: 1.2vw;
	line-height: 1.2vw;
	padding: 0.5vw 0.7vw;
	transition: all ease .5s;
	z-index: 99999999999;
	border: 1px solid #146369;
	}
	
	.close_kontakt {
	right: 9px;	
	}
	.close_kontakt:hover {
	background-color: #187b82;
	border: 1px solid #187b82;
	color: #fff;
	transition: all ease .5s;
	}		
		
		
		.bi-telephone-outbound, .bi-phone, .bi-envelope {
		margin-right: 1.2vw !important;	
		}
		
		
		
	.aplikuj_box {
	float: left;
	position: absolute;
	top: 20%;
	width:70%;
	margin: 0px 15% 0 15%;
	text-align: center;
	}

	.ap_pole {
	width:100%;float:left;position:relative; margin-bottom: 1vw;
	}
	.ap_pole2 {
	width:100%;float:left;position:relative; margin-bottom: 2vw; margin-top:2vw;text-align: center;
	}
	.ap_pole3{float:left;position:relative;text-align:left;margin-top:1.2vw;font-size:1.1vw;width:calc(100% - 4vw);margin-left:4vw;}
	
		
		.ap_okno {
		float:left;position:relative;width:calc(100% - 2vw);padding:1vw;font-size:1.1vw;border:0;color:#000;background:none;border-bottom:2px solid #000;margin-bottom:0.5vw;text-align:left;z-index:9999999999999999999 !important;outline:none !important;
		}
		.ap_okno2 {
		float:left;position:relative;width:calc(50% - 2vw);padding:1vw;font-size:1.1vw;border:0;color:#000;background:none;border-bottom:2px solid #000;margin-bottom:0.5vw;text-align:left;z-index:9999999999999999999 !important;outline:none !important;
		}
		
	input[type=text], textarea {
 -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;

}
 
input[type=text]:focus, textarea:focus {
   box-shadow: 0 0 5px rgba(249, 175, 43, 1);

  border: 1px solid rgba(249, 175, 43, 1);
}
input[type="checkbox"]{display:none;}
input[type="checkbox"] + label span{display:inline-block;width:1.4vw;height:1.4vw;margin:-5px 15px 0 0vw;vertical-align:middle;background-color:#fff;border:1px solid #cacaca;cursor:pointer;z-index:99999;}
input[type="checkbox"]:checked ~ label span:after{display:inline-block;width:1.4vw;height:1.4vw;margin:-1vw 0 0 0.2vw;font-size:1.4vw;cursor:pointer;z-index:99999;color:#e73d30;content:'\2714';}
	
	.areatext2 {
		
		float: left;
		position: relative;
		width:calc(100% - 2vw);
		padding: 1vw;
		font-size: 1.1vw;
		height: 10vw;
		border: 0;
		border-bottom: 2px solid #000;
		background-color: #fff;
		margin-bottom: 0.5vw;
		text-align: left;
		color: #000;
		}
		
		
		
		.bt_form2 {
		float: left;
				position: relative;
			
	background-color: #146369;
	color: #fff;
	font-size: 0.8vw;
	padding: 0.8vw 1.2vw;
	text-decoration: none;
	font-weight: 700;
	text-transform: uppercase;
	font-weight: 700;
	 transition: all ease .5s;
	 cursor: pointer;
			border: none;
		}
							.bt_form2:hover {
							background-color: #187b82;
			transition: all ease .5s;
							}

								.centruj_bt {
								display: inline-block;
								float: none;
								}
		
		
		
		
	.onas_area {
	width: 100%;
	float: left;
	position: relative;
	margin-top: 7.5vh;
	text-align: center;
	}
		.count1 {
		width:100%;
		padding-top: 8.5vw;
		float: left;
		position: relative;
		background-color: #187b81;
		color: #fff;
		}
		
		.count2 {
		width:100%;
		padding-top: 8.5vw;
		float: left;
		position: relative;
		background-color: #116a6f;
		color: #fff;
		}
		
		.count3 {
		width:100%;
		padding-top: 8.5vw;
		float: left;
		position: relative;
		background-color: #0b565b;
		color: #fff;
		}
		
		
	
	
	.number {
	float: left;
	position: relative;
	width: 100%;
	font-size: 7vw;
	}
	.desc {
	float: left;
	position: relative;
	width: 100%;
	font-size: 4vw;
	font-weight: 500;
	padding-bottom: 3vh;
	}
		
		
		.onas_kr {
		width: 15%;
		height: 0.4vh;
		margin-right: 85%;
		background-color: #228187;
		margin-bottom: 2vh;
		}
		
		.o_nas_img {
		width: 100%;
		float: left;
		position: relative;
		height: 30vh;
		background-image: url(../grafika/onas.jpg); background-position: top right; background-repeat: no-repeat; background-size: cover;
		}
		
		.o_nas_img2 {
		width: 100%;
		float: left;
		position: relative;
		height: 30vh;
		background-image: url(../grafika/onas2.jpg); background-position: top right; background-repeat: no-repeat; background-size: cover;
		}
		
		.o_nas_opis1 {
		padding: 4vh 11vw 7vh 11vw;
		float: left;
		position: relative;
		font-size: 4vw;
		line-height: 5.2vw;
		font-weight: 400;
		}
		
		
	
			.oferta_opis1 ul {
			margin-left: 6vw;
			padding-left: 0;
			margin-top: 3vw;
			}
		
		.o_nas_opis2 {
		padding: 4vh 11vw 7vh 11vw;
		float: left;
		position: relative;
		font-size: 4vw;
		line-height: 5.2vw;
		font-weight: 400;
		}
		
			.o_nas_nag {
				width: 100%;
			float: left;
			position: relative;
			color: #228187;
			font-size: 7vw;
			font-weight: 900;
			line-height: 7.2vw;
			margin-bottom: 3vw;
			}
			
			
			
		.oferta_img {
		width: 100%;
		float: left;
		position: relative;
		height: 70vh;
		background-image: url(../grafika/oferta1.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover;
		}	
		.oferta_img2 {
		width: 100%;
		float: left;
		position: relative;
		height: 70vh;
		background-image: url(../grafika/oferta2.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover;
		}	
		.oferta_img3 {
		width: 100%;
		float: left;
		position: relative;
		height: 70vh;
		background-image: url(../grafika/oferta3.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover;
		}	
		.oferta_img4 {
		width: 100%;
		float: left;
		position: relative;
		height: 70vh;
		background-image: url(../grafika/oferta4.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover;
		}	
		.oferta_img5 {
		width: 100%;
		float: left;
		position: relative;
		height: 70vh;
		background-image: url(../grafika/oferta5.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover;
		}	
		
		
		
		
		.oferta_opis1 {
		padding: 4vh 11vw 7vh 11vw;
		float: left;
		position: relative;
		font-size: 4vw;
		line-height: 5.2vw;
		font-weight: 400;
		}
			.oferta_opis1 ul {
			margin-left: 6vw;
			padding-left: 0;
			margin-top: 3vw;
			}
			
	
.movie {
display: none;	
}
.movie2 {
	height: 100%;
	float: left;
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
background-image: url(../grafika/filtr2.png);	
}

.oferta_res {
width: 100%;
height: 80vh;
float: left;
position: relative;
background-image: url(../grafika/oferta_res.jpg); background-position: top right; background-repeat: no-repeat; background-size: cover;

}


	.baner_nag2 {
	width: 100%;
	float: left;
	position: absolute;
	left: 0;
	bottom: 5vh;
	color: #fff;
	font-size: 7.2vw;
	line-height: 8.2vw;
	font-weight: 700;
	text-align: center;
	}


	.bt_down {
	float: left;
	 position: absolute;
  margin: 0 auto;
	width: 100%;
z-index: 999999;
text-align: center;
bottom: 6vh;
display: none;
	}
	
	.bt_down_bt {
	width: 30vw;
	padding: 3vw 0;
	margin: 0 auto;
	position: relative;
	color: #fff;
	border: 0.05vw solid #fff;
	font-size: 3vw;
	font-weight: 500;
	cursor: pointer;
	transition: all ease .5s;
	}
		.bt_down_bt:hover {
		background-color: #187b81;
		border: 0.05vw solid #187b81;
		transition: all ease .5s;
		}
		
		
	.rodo {
	width: 100%;
height: 60vh;
float: left;
position: relative;
background-image: url(../grafika/rodo.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover;
	}			
		
	.baner_referencje {
	width: 100%;
height: 60vh;
float: left;
position: relative;
background-image: url(../grafika/baner_referencje2.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover;
	}		
	
	
		.bt_down_bt2 {
			display: none;
		width: 10vw;
		padding: 1vw 0;
		margin: 0 auto;
		position: relative;
		color: #fff;
		font-size: 3vw;
		font-weight: 500;
		cursor: pointer;
		transition: all ease .5s;
		}
		.bt_down_bt2:hover {
		color: #187b81;
		
		transition: all ease .5s;
		}
		
	
	.nag_ref {
		width: 100%;
			padding: 4vh 11vw 7vh 11vw;
			float: left;
			position: relative;
			color: #228187;
			font-size: 7vw;
			font-weight: 900;
			line-height: 7.2vw;
			margin-bottom: 3vw;	
	}
	
		
	.box_ref1, .box_ref2, .box_ref3 {
	width: 100%;
	float: left;
	position: relative;
	text-align: center;
	font-size: 6vw;
	color: #000;
	font-weight: 700;
	padding: 10vh 5vw 5vh 5vw;
	line-height: 6vw;
	}		
		.box_ref1_img {	
		float: left;
		position: relative;
		width: 100%;
		height: 30vh;
		background-image: url(../grafika/box_ref1.jpg); background-position: top center; background-repeat: no-repeat; background-size:contain;
		}
		.box_ref2_img {
			float: left;
		position: relative;
		width: 100%;
		height: 30vh;
		background-image: url(../grafika/box_ref2.jpg); background-position: top center; background-repeat: no-repeat; background-size:contain;
		}
		.box_ref3_img {
			float: left;
		position: relative;
		width: 100%;
		height: 30vh;
		background-image: url(../grafika/box_ref3.jpg); background-position: top center; background-repeat: no-repeat; background-size:contain;
		}
		
		
	.ref_opis {
	float: left;
	position: relative;
	width: 100%;
	padding: 0vh 5vw 10vh 5vw;
	font-size: 4vw;
	color: #000;
	font-weight: 500;
	line-height: 4.9vw;
	}		
	
	
	.nag_real {
		width: 100%;
	float: left;
	position: relative;
	text-align: left;
	font-size: 5.5vw;
	color: #000;
	font-weight: 700;
	padding: 2vh 3vw 0vh 4vw;
	line-height: 5.6vw;
	}
	
	
	.log_real {
	width: 100%;
	float: left;
	position: relative;
	text-align: left;
	font-size: 4vw;
	color: #000;
	font-weight: 700;
	padding: 0.5vh 5vw 3vh 4vw;
	line-height: 4vw;
	color: #228187;
	}
	
	.opis_real {
	width: 100%;
	float: left;
	position: relative;
	text-align: left;
	font-size: 4vw;
	color: #000;
	font-weight: 400;
	padding: 0vh 5vw 2vh 6.1vw;
	line-height: 4.9vw;
	}
	
	
		.bi-house-fill {
		margin-right: 0.5vw;	
		margin-top: -0.5vh;
		}
			.bi-geo-alt {
				margin-left: 0.35vw;
			margin-right: 0.8vw;	
			}
		
			.box_re {
			padding: 3vw 0;
			border: 0.02vw solid #fff;
			background-color: #f3f3f3;
			}
			
			
			.res_stopka {
			display: none;	
			}
			
			
			.norm {
			display: none !important;	
			}
			.res {
			}
			
}