body {
font-family: 'Raleway', sans-serif;
 
 	letter-spacing:2px; 
 	color:#031927;
	font-weight: 400;
	 -webkit-font-smoothing:antialiased;
	 overflow-x: hidden;
	     -moz-osx-font-smoothing: grayscale;
/*
	     overflow:hidden;
overflow-y: auto;
width: 100%;
*/
 	
	}
	a { 
		color:#23CE6B;
	}
	body.noscroll { 
		overflow: hidden;
	}
	.sans { 
		font-family: 'Open Sans', sans-serif;

	}
		.montse { 
		font-family: 'Montserrat', sans-serif;

	}
	.playf { 
		font-family: 'Playfair Display', serif;
	}
	.popnas { 
		padding-top: 15px;
		padding-bottom: 15px;
		color:#2B303A;
	}
	.popnas:hover, .popnas:hover a { 
		background: #2B303A;
		color:#fff !important;
		text-decoration: none;
		
		
		}
			.sociale { 
		position: fixed; 
		right:120px;
		top:25px;
		z-index: 99999999999;
		color:#fff;
		font-size: 30px;
	}
 .top_bg_2 { 
		position: absolute;
		left:0px;
		top:0px;
		right:0px;
		bottom:0px;
		background-position: right bottom;
		background-size: cover;
		background-repeat: no-repeat;
		background-image:url(/layout/ofenso_top_5.jpg);
	}
	.top_bg_1 { 
		position: absolute;
		width: 44%;
		bottom:0px;
		left:0px;
		top: auto;
		z-index: 9;
		
	}
	
	.about-list-number { 
		font-size: 90px;
		font-weight: 100;
		color:#ccc;
	}
	.about-list-short-text { 
		padding: 15px 0px;
		border:1px solid #ccc;
		border-width: 1px 0px;
		font-size: 18px;
		font-weight: 700;
		color:#000;
		line-height: 30px;
	}
	.about-list-text { 
		font-size: 14px;
		color:#999;
	}
	
	
	 	.top_after, .breaker-big { 
		 	position: fixed; 
		 	left:0px;
		 	top:auto !important;
		 	bottom:0px;
		 	right:0px;
		 	height: 80px;
		 	background-image:url(/layout/dolne_budownictwo.png);
		 	background-color:rgba(255,255,255,.3);
		 	background-position: left center;
		 	background-size: auto 100%;
		 	background-repeat: repeat-x;
		 	opacity: 0.8;
	 	}
	 	.breaker-big { 
		 	position: relative;
		 	width: 100%;

	 	}
	 	.about-col { 
		 	background: #000;
		 	color:#fff;
		 	text-align: center;
		 	position: relative;
		 	padding: 0px;
	 	}
	 	.about-col-in { 
		 	position: absolute;
		 	left:0px;
		 	top:0px;
		 	bottom:0px;
		 	right:0px;
		 	display: flex;
		 	flex-direction: column;
		 	justify-content: center;
		 	align-items: center;
	 	}
	 	.about-col-header { 
		 	font-size: 30px;
		 	line-height: 30px;
		 	font-weight: 900;
		 	padding-bottom: 20px;
		 	width: 80%;
 	 	}
	 	.about-col-text { 
		 	font-size: 16px;
		 	width: 80%;
 	 	}
 	 	
	  	 .karta img { 
		 width: 100%;
		 border-radius: 5px 5px 0px 0px;
	 }

 .karta-footer { 
	 background:rgba(255,255,255,.8);
	 color:#000;
	 font-size: 30px;
	 position: absolute;
	 left:0px;
	 border-radius: 0px 0px 5px 5px;
	 right:0px;
	 bottom:0px;
	 font-weight: 800;
	 text-align: center;
	 padding: 30px; 
 }
 .col-md-4 .karta-footer { 
	 font-size: 20px;
	 padding: 30px 10px;
 }
	  .klient-big-wrap { 
		  position: relative;
		  z-index: 1;
		 }
	  .klient-big-wrap:hover { 
		  z-index: 999999;
	  }
	 .klient-big { 
		 position: relative;
		 z-index: 1; width: 100%;	  
  		 background: #fff;
  		 box-shadow: 0px 0px 0px rgba(3, 25, 39, 0.78);
  		 transition: box-shadow .5s ease;
  		 display: block;
	 }
	 .klient-big:hover { 
		 z-index: 999999;
		 box-shadow: 0px 5px 30px rgba(3, 25, 39, 0.78);
	 }
	 .klient-big-over { 
		 position: absolute;
		 left:0px;
		 top:0px;
		 right:0px;
		 display: flex;
		 align-items: center;
		 justify-content: center;
		 bottom:0px;
		 text-align: center;
	 }
	 .klient-big-over img { 
		 width: 100%;
	 }
	 .klient-big.mini .klient-big-over img { 
		 width: 50% !important;
	 }
	 .klient-big-after { 
		 background: #4464AD;
		 color:#fff;
		 opacity: 0;
		 transition:all .2s ease;
		 transform: scale(.9);
		 position: absolute;
		 left:0px;
		 top:0px;
		 right:0px;
		 display: flex;
		 justify-content: center;
		 align-content: center;
		 flex-direction: column;
		 bottom:0px;
	 }
	 .klient-big:hover .klient-big-after { 
		 opacity: 1;
		 transform: scale(1);
	 }
	 .klient-big-after-h1 { 
		 text-align: center;
		 font-size: 16px;
		 text-transform: uppercase;
		 font-weight: 300;
		 transform: translateY(10px);
		 opacity: 0;
		 transition: all .3s .1s ease;
	 }
	 .klient-big-after-h2 { 
		 margin-top: 10px;
		 margin-bottom: 10px;
		 text-align: center;
		 font-size: 13px;
		 text-transform: uppercase;
		 font-weight: 300;
		 transform: translateY(10px);
		 opacity: 0;
		 transition: all .3s .2s ease;
	 }
	 .klient-big-after-button { 
		 text-align: center;
		 font-size: 13px;
		 text-transform: uppercase;
		 font-weight: 300;
		 transform: translateY(10px);
		 opacity: 0;
		 transition: all .3s .3s ease;
	 }
	 .klient-big:hover .klient-big-after-h1, .klient-big:hover .klient-big-after-h2, .klient-big:hover .klient-big-after-button { 
		 transform: translateY(0);
		 opacity: 1;
	 }
.btn.my-button { 
border:1px solid #23CE6B;
color:#23CE6B;
border-radius: 0px;
box-shadow: none;
position: relative;
background: transparent;
transition: all .4s ease;
font-weight: 300;
}
.btn.my-button span { 
	position: relative;
	z-index: 10;
}
.btn.my-button:after { 
	position: absolute;
	left:0px;
	top:0px;
	transform-origin: center left;
	bottom:0px;z-index: 0;
	width: 100%;
	transform: scale(0,1);
	background: #23CE6B;
	content:" ";
	transition:all .4s ease;
}
.btn.my-button:hover:after { 
	transform: scale(1,1);
}
.btn.my-button:hover { 
	color:#fff;
}
.news-main { 
	margin-bottom: 50px;
	display: block;
	color:#000;
}
.news-main:hover { 
	color:#000;
	text-decoration: none;
}
.news-header { 
	font-size: 40px;
	line-height: 40px;
	font-weight: bold;
	padding-bottom: 20px;
	margin-bottom: 20px;
	position: relative;
}
.news-header:after { 
	content:" ";
	position: absolute;
	left:0px;
	bottom:0px;
	transform-origin: left center;
	border-bottom: 1px solid #ccc;
	transform: scale(0.1, 1);
	transition:all .5s ease;
	width: 100%;
}
.news-main:hover .news-header:after { 
	transform: scale(1,1);
	border-color:#23CE6B;
}
.czytada { 
	transition: all .5s ease;
}
.news-main:hover .czytada { 
	color:#23CE6B;
}
.news-text { 
	font-size: 13px;
	color:#999;
}
.news-footer { 
	padding-top: 10px;
	font-size: 15px;
}
#topscene { 
	position: absolute;
	left:0px;
	top:0px;z-index: 99;
	right:0px;
	bottom:0px;
	overflow: hidden;
}
	.sociale i { 
		margin-left: 10px;
	}
	.ponizej .sociale { 
		color:#000;
	}

	.kanit { 
		letter-spacing: normal;
font-family: 'Kanit', sans-serif;
font-weight: 900;

	} 
.toggleMen {
			position: fixed;
			top:25px;
			right:25px;
			width: 60px;
			z-index: 999999999999;
			height: 60px;
			text-align: center;
			line-height: 40px;
			font-size: 60px;
			cursor: pointer;
			color:#fff;
			border: 0px;
			background: transparent;
		}
		.toggleMen.active, .ponizej .toggleMen { 
			color:#000;
		}
		.menuMobi {
			display: none;
		}
		.menuMobi.active {
 display: block !important;
 position: fixed;
left: 0px;
right: 0px;
top: 0px;
padding-top:100px;
bottom: 0px;
height:100vh;
color:#000;
background: #fff;
z-index: 9999;
overflow: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
overflow-scrolling:touch;

		}
.menuMobi a { 
	display: block;
	height: 60px;
	line-height: 60px;
	color:#000;
	text-align: center;
	font-size: 30px;
}
#content { 
 }

	 .navbar-brand { 
 		 top:5px;
		 left:10px;
		 width: 200px;
		 position: relative;
		 z-index: 99999999999;
	 }
	 .navbar-brand.absolutny { 
		 position: absolute;
		 background: #fff;
	 }
	 .navbar-brand img { 
		 width: 100%;
	 }

	.podkreslony { 
		display: inline-block;
		margin: 3px 5px;
		background: #DFE6D9;color: #000;
		text-transform: uppercase;
		padding: 3px 5px;
		border-radius: 3px;
		
	}
	.gold-break span {
		display: inline-block;
		margin: auto;
		width: 80px;
		border-bottom: 1px solid #35629F;
	}
	.btn.btn-outline-gold { 
		border-color:#d39139;
		border-radius: 0px;
		color:#d39139;
		position: relative;
		transition:all .4s ease;
	}
	.btn.btn-outline-gold:after { 
		position: absolute;
		left:0px;
		width: 100%;
		height: 100%;
		top:0px;
		background: #d39139;
		z-index: -1;
		content:" ";
		transform-origin: left center;
		transition:all .4s ease;
		transform: scale(0,1);
	}
	.btn.btn-outline-gold:hover:after { 
		transform: scale(1);
	}
	.btn.btn-outline-gold:hover { 
		cursor: pointer;
		color:#fff;
	}
	
		.btn.btn-outline-black { 
		border-color:#000;
		border-radius: 0px;
		color:#000;
		background: #fff;
		position: relative;
		transition:all .4s ease;
	}
	.btn.btn-outline-black:after { 
		position: absolute;
		left:0px;
		width: 100%;
		height: 100%;
		top:0px;
		background: #000;
		z-index: 0;
		content:" ";
		transform-origin: left center;
		transition:all .4s ease;
		transform: scale(0,1);
	}
		.btn.btn-outline-black span { 
		position: relative;
		z-index: 5;
	}
	.btn.btn-outline-black:hover:after { 
		transform: scale(1);
	}
	.btn.btn-outline-black:hover { 
		cursor: pointer;
		color:#fff;
	}

	
		.btn.btn-outline-white { 
		border-color:#fff;
		border-radius: 0px;
		background: transparent;
		color:#fff;
		position: relative;
		transition:all .4s ease;
	}
	.btn.btn-outline-white:after { 
		position: absolute;
		left:0px;
		width: 100%;
		height: 100%;
		top:0px;
		background: #fff;
		z-index: 0;
		content:" ";
		transform-origin: left center;
		transition:all .4s ease;
		transform: scale(0,1);
	}
	.btn.btn-outline-white span { 
		position: relative;
		z-index: 5;
	}
	.btn.btn-outline-white:hover:after { 
		transform: scale(1);
	}
	.btn.btn-outline-white:hover { 
		cursor: pointer;
		color:#000;
	
}
	
		.btn.btn-outline-pink { 
		border-color:#C91252;
		border-radius: 0px;
		color:#C91252;
		position: relative;
		transition:all .4s ease;
	}
	.btn.btn-outline-pink:after { 
		position: absolute;
		left:0px;
		width: 100%;
		height: 100%;
		top:0px;
		background: #C91252;
		z-index: 0;
		content:" ";
		transform-origin: left center;
		transition:all .4s ease;
		transform: scale(0,1);
	}
	.btn.btn-outline-pink span { 
		position: relative;
		z-index: 5;
	}
	.btn.btn-outline-pink:hover:after { 
		transform: scale(1);
	}
	.btn.btn-outline-pink:hover { 
		cursor: pointer;
		color:#fff;
	
}
#szybkaWycenaButton { 
	position: absolute;
	right:15px;
	top:25px;
	z-index: 999999;
}

/*
	.ponizej .logo-color, .whiteHeader .logo-color {  
		display: none !important;
	}
	.ponizej .logo-white, .whiteHeader .logo-white { 
		display: block !important;
	}
	.ponizej .menu a, .whiteHeader .menu a { 
		color:#fff !important;
	}
*/
	  
	 .goDownWrap { 
		 position: absolute;
		 width: 200px;
 		 height: 50%;
		 bottom:0px;
		 cursor: pointer;
		 left:50%;
		 transform: translateX(-50%);
		 z-index: 999999;
	 }
	 .goDown { 
		 position: fixed;
		 bottom:10px;
		 width:80px;z-index: 1;
		 left:50%;
		 transform-origin: center 60%;
		 transform: translateX(-50%) rotate(180deg);
		 
	 }
	 .goDown svg { 
		 width: 100%;
	 }
	 .goDown.top_bggd { 
		 position: absolute;
		 bottom:-30px;
		 z-index: 999999999;
	 }
	 .goDown.top_bggd svg path { 
		 color:#fff;
	 }
	 .certyfikaty img { 
		 max-height: 100px;
		 max-width: 100%;
		 opacity: 0.7;
		 
		
	 } 
 		.parallax-container:after { 
	 		position: absolute;
	 		left:0px;
	 		top:0px;
	 		right:0px;
	 		bottom:0px;
	 		background: rgba(3, 25, 39, 0.8);
	 		content:" ";
	 		z-index: 5;
 		}
	.parallax-header { 
		line-height: 40px;
		margin: auto;
		font-size: 30px;
		font-family: 'Playfair Display SC', serif;

		z-index: 9999;
		text-align: center;
		font-weight: 300;
		position: absolute;bottom:0%;
		transform: translate(-50%,25%);
		left:50%;
		width: 80%;
	}
	.parallax-header span {
		position: relative;
		background: #000;
		color:#fff;
		padding: 10px 15px;
		display: inline-block;
	}
  
	 	.section-header { 
		 	text-align: center;
		 	font-size: 60px;
		 	font-weight: 900;
 		 	padding-bottom: 10px;
	 	}
	 	.section-sub-header { 
		 	text-align: center;
		 	font-size: 18px;
		 	font-weight: 400;
		 	text-transform: uppercase;
		 	padding-bottom: 30px;
		 	
	 	}
	 	.section-text { 
		 	font-size: 16px;
		 	text-align: center;
	 	}
	.top {
		position: relative;
 		min-height: 100vh;
  		padding: 0px 0px 00px 0px;

 
	} 
	.top_bg_new { 
		position: absolute !important;
		left:0px;
		top:0px;
		right:0px;
		bottom:0px;
		opacity: 0.2;
		z-index: 1;  
		background-image:url(/layout/boisko.png); background-size:40% auto; background-repeat: no-repeat; background-position: center 95%; 
	}
	.top_bg_wrap_wrap { 
			position: absolute;
		top:10px;
		left:10px;
		z-index: 99;
		right:10px;
		overflow: hidden;
		bottom:10px;
	}
	.top_bg_wrap { 
		position: absolute;
		top:0px;
		left:0px;
		right:0px;
		bottom:0px;
		transform: scale(1);
/* 		animation:topbgwrap 30s  linear infinite; */
	}
	@keyframes topbgwrap { 
		0% { transform: scale(1);}
		50% { transform: scale(1.05);}
		100% { transform: scale(1);}
	}
	.top_bg_under { 
		position: fixed;
		top:0px;
		right:5%;
		bottom:0px;
		left:0px;
		z-index: 0;
		background-size: auto 60%;
		background-position: right 20%;
		background-repeat: no-repeat;
	}
	.top_bg_lampa { 
		position: fixed;
		top:-10% !important;
		right:0px;
		bottom:0px;
		left:0px;
		z-index: 4;
		background-size: auto 100%;
		background-position: bottom right;
		background-repeat: no-repeat;
	}

	.top_bg {
		opacity:  0;
		visibility: hidden;
position: fixed;
top:auto !important;
left: auto !important;
bottom:0px;
right:15%;
overflow: hidden;
z-index: 2;	
width: 40%;	
 background-size:auto 80%; background-position: bottom right; background-repeat: no-repeat;
transform-origin: center;
 } 
	.top_bg.active { 
		opacity: 1;
		visibility: visible;
	} 
/*
	.top_bg:after { 
		position: absolute;
		left:0px;
		top:0px;
		right: 0px;
		bottom:0px;
		background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0) 100%);
		z-index: 1;
		content:" ";
	}
	.top_bg_under { 
				opacity:  1;
position: fixed;top:60px;
bottom:40px;
right:40px;
left:40px;
z-index: 0;		
background:url(/layout/porost_top_under.jpg); background-size:cover; background-position: center; background-repeat: no-repeat;
transform-origin: center;
	}
*/
	.btn.btn-outline-orange { 
		color:#FC440F;
		border-color:#FC440F;
	}
	.btn.btn-outline-orange:hover { 
		background: #FC440F;
		color:#fff;
	}
	.top_tekst {
		color:#26A05D;
	color: #23CE6B;
font-weight: 900;
z-index: 999999;
position: relative;
 text-align: center;
font-size: 44px;

text-transform: uppercase;
 line-height: 50px;
letter-spacing: 10px;
 	}
	.text_main_in { 
	line-height: 30px;
 	font-size: 18px;
 	text-transform: none;
	font-weight: 300;
	letter-spacing: 5px;
	text-align: center;
	} 	.contenty {
		padding: 0px 0px;
		overflow: hidden;
		position: relative;
		z-index: 10;
  	}
	.btn.btn-black {
		border-radius: 0px;
		background: #000;
		color:#fff;
		box-shadow: none;
		border:1px solid #000;	}
	.btn.btn-black:hover {
		background: #fff;
		color:#000;
		border:1px solid #000;
		cursor: pointer;
	}
	
	.show-up {
		transform: translateY(30px);
		opacity: 0;
	}
	.show-left {
		transform: translateX(-30px);
		opacity: 0;
	}
	.show-left.active {
		transform: translateX(0);
		opacity: 1;		transition:all 1s ease;

	}
	.show-right {
		transform: translateX(30px);
		opacity: 0;
	}
	.show-right.active {
		transform: translateX(0);
		opacity: 1;		transition:all .5s ease;

	}
	
	.show-down{
		transform: translateY(-50px);
		opacity: 0;
	}
	.show-up.active, .show-down.active {
		transform: translateY(0);
		opacity: 1;		transition:all .5s ease;

	}
	.show-fast.show-me.active {
		transition: all .5s ease !important;
	}
	.delay-02 { 
		transition-delay: .2s !important;
	}
	.delay-04 { 
		transition-delay: .4s !important;
	}
	.delay-06 { 
		transition-delay: .6s !important;
	}
	.delay-08 { 
		transition-delay: .8s !important;
	}
	.delay-05 {
		transition-delay: .5s;
	}
	.delay-1 {
		transition-delay: 1s;
	}
	.delay-15 { 
		transition-delay: 1.5s !important;
	}
	.show-opac, .show-opacity {
		opacity: 0;
	}
	.show-scale { 
		transform: scale(0.3);
	}
	.show-scale.active { 
		transform: scale(1);
	}
	.show-opac.active, .show-opacity.active {
				transition:all .5s linear;

		opacity: 1;
	}
	.showblack  {
		background: #000;
		
	}
	.showblack.active {
		background: #fff;		transition:all .5s linear;

	}
	.showblack-down {
		overflow: hidden;
	}
	.showblack-down:after  {
		position: absolute;
		top:0px;
		bottom:0px;
		right:0px;
		left:0px;
		content:" ";
		transform: translateY(0);
		background: #000;
		
	}
	.showblack-down.active:after {
		transform: translateY(100%);		transition:all 1s linear;

		
	}
	.show-scale-horizontal { 
		transform: scale(0,1);
	}
	.show-scale-horizontal.active {
		transform: scale(1,1);
		transition:all 1s ease;
	}
	body.noscroll {
		overflow: hidden;
	}  .text-lower {
	    text-transform: lowercase !important;
    }
.skrollr-mobile  #skrollr-body {
	   position: fixed;
	   top:0px;
	   left:0px;
	   width: 100%;
	   height: 100%;
	   
	   }
	   header {
		   position: absolute;
		   z-index: 999999999;
	   }
	   .navwcag { 
		   position: absolute;
		   left:-5000px;
		   top:10px;
	   }
	nav {
		top:0px;
		z-index: 9999999999;
 		position: fixed;
 		left:0px;
background: rgba(3, 25, 39, 0);
		width:100%;
  		overflow: hidden;
		 	}
		 	.ponizej nav, .podstrona nav { 
			 			background: rgba(3, 25, 39, 0.85);

		 	}
		 	ul.menu {
			 	background: transparent;
			 	padding: 0px;
		 	}
		 	.parallax-over { 
			 	opacity: 0;
		 	}
 	 
	.navbar-brand-wrap {width: 200px; flex-grow: 0.33; padding:0px;}
	.navbar-brand img {
		width: 100%;
 	}
	.topcol {
		position: relative;
		padding-top: 25px;
 	}/*

 	.topcol:nth-child(1):after {
	 	position: absolute;
	 	top:30px;
	 	left:15px;
	 	right:-15px;
	 	height: 1px;
	 	background: #fff;
	 	content:" ";
 	}
 	.topcol:nth-child(3):after {
	 	position: absolute;
	 	top:30px;
	 	left:-15px;
	 	right:15px;
	 	height: 1px;
	 	background: #fff;
	 	content:" ";
 	}
*/
	.menu {
		position: relative;
 	}
	.menua {
		padding-left:32px;
		position: relative;
	}
	.menua span {
		position: absolute;
		left:0px;
		top:10px;
		height: 20px;
		width: 20px;
		display: block;
		padding-left: 1px;
 		line-height: 8px;
		text-align: center;
		font-size: 10px;
		font-weight: 100;
		border-radius: 0px;
	}
	.menu li { 
		list-style: none;
		display: inline-block;
	}
	.menu a.social { 
		padding: 0px 5px;
	}
	.menu a { 
  		padding: 0px 20px;
		margin: 0px;
		display: block;
		font-size: .9rem;
		height: 30px;
		font-weight: 400;
		color:#fff !important;
		line-height: 30px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		text-transform: uppercase !important;
 	}
	.menu a:hover { 
		cursor: pointer;
		color:#fff !important;
		background: #23CE6B;
	}
	.menu a small {
		font-weight: 700;
	}
	@media (max-width:1200px) {
		.menu a { 
			font-size: 13px;
			letter-spacing: 0px;
		} 
		#access { 
			right:130px;
		}
		
	}
 @media (max-width:1400px) { 
	 #access { 
		 top:5px;
	 }
 }
	.menu a:hover {
		color:#876b39;
 		text-decoration: none;
		cursor: pointer;
	}
	.menu a.active {
		color:#876b39;
	} 
	
		.btn-op { 
			transition:all .5s ease;
		}
		.paraa { 
			cursor: pointer;
		}
		.paraa:hover .btn-op { 
			transform: scale(1.1);
			background: rgba(255,255,255,.2);
			box-shadow: 0px 5px 20px rgba(0,0,0,.3);
		}
		.wrapi {
			border-radius: 10px;
			height: 150px;
			display: block;
			color:#000;
			line-height: 120px;
		}
.checki-wrap {
			color:#666;
		}
		.checki-wrap h5 { 
			font-size: 16px;
			font-weight: 700;
		}
		.checki-wrap i {
			#999;
 		} 
body.inactive .top, body.inactive .contenty {
		display: none !important;
	}
	
	body.inactive {
 		top:0px;
		right:0px;
		bottom:0px;
		left:0px;
	}
	body.inactive #content { 
		display: none;
	}
	body.inactive #popover { 
		position: relative;
	}
	body.inactive #popoverContent { 
		position: relative;
		overflow: visible;
	}
	#popover {
		position: fixed;
		top:0px;
		bottom:0px;
		right:0px;
		left:0px;
		background: #fff;
 		z-index: 9999999999;
		display: none;
	 
	}
	header.przechodzi {
		z-index: 9;
		}	
		#popover.active {
		display: block;
	}
	.popoverIn#popoverInCenter {
			 width: 100%;
			 position: absolute;
			 z-index: 9999999999;
			 left:50%;
			 background: transparent;
			 height: auto;
 			 top:50%;
			 bottom: auto;
			 opacity: 0;
			 transform: translate(-50%, -50%)  scale(1.5);
   			 border-radius:0px;
 		 }
		 #popoverInCenter svg { 
			 position: absolute;
			 left:50%;
			 width: 105%;
			 top:50%;
			 transform: translate(-50%,-50%);
		 }
		 #popover .popoverIn#popoverInCenter.active {
		transform: translate(-50%,-50%) scale(1) ;
		opacity: 1;
	}
		 #popoverInCenter img {
			 position: relative;
			 width: 100%;
			 z-index: 3;
		 }
		 
/*
		 #popoverInCenter:after {
			 position: absolute;
			 left:0px;
			 right:0px;
			 bottom:0px;
			 top:0px;
			 content:" ";
			 background: #d3d3f6;
			 border-radius: 100%;
			 transition: all .5s ease;
			 z-index: -1;
			 opacity: 1;
			 box-shadow: 0px 10px 30px rgba(0,0,0,.0);
			 
		 }
*/
	.popoverIn {
		position: absolute;
		width: 33.4%;
		height: 50%;
		background: #fff !important;
 		transition:all 0.5s ease;
		
	}
	#popoverIn {
		position: absolute;
		left:0px;
		top:0px;
		bottom:0px;
		right:0px;
 		transition:all 1s ease;
	}
	#popoverIn.active {
		z-index: 9999999999;
		transform: scale(1);
	}
	#popover .popoverIn.active {
		transform: translate(0,0);
	}
	#popover .popoverIn#popover1.active {
		transform: translate(0,0) scale(1);
		opacity: 1;
	}
	.popoverIn#popover1 {
		left:0px;
		top:0px;
		transform: translate(0%,0%) scale(1.4);
		opacity: 0;
		transition-delay: 0.2s;
		background: #18206F;
		width: 25%;
		height: 50%; 
	}
	.popoverIn#popover2 {
		left:25%;
		top:0;
		width:25%;
		height: 50%;
		opacity: 0;
		transform: translate(0,0) scale(1.6);
				transition-delay: 0.3s;
background: #FB5607;
	}
	#popover .popoverIn#popover2.active {
		transform: translate(0,0) scale(1);
		opacity: 1;
	}
	.popoverIn#popover3 {
		left:50%;
		top:0%;
		width: 25%;
		transition-delay: 0.1s;
background: #4B7FC1;
opacity: 0;height: 50%;
		transform: translate(20%, -10%) scale(2);
	}
	#popover .popoverIn#popover3.active {
		transform: translate(0,0) scale(1);
		opacity: 1;
	}
	#popover4 {
		left:75%;
		background: #586BA4;
		top:0%;
		transform: translate(0,0) scale(1.2);
		height: 50%;
		width: 25%;
		opacity: 0;
		z-index: 99;
						transition-delay: 0.5s;

	}
	#popover .popoverIn#popover4.active {
		transform: translate(0,0) scale(1);
		opacity: 1;
	}
	#popover5 {
		background: #E6AF2E;
		left:0%;
		top:50%;
		transform: translate(0,0%) scale(3);
		transition-delay: 0.4s;
opacity: 0;
	}
	#popover .popoverIn#popover5.active {
		transform: translate(0,0) scale(1) ;
		opacity: 1;
	}
	#popover6 {
		background: #4B7FC1;
		left:25%;
		top:50%;
		height: 50%;
		transform: translate(0,0%) scale(1.5) ;
		opacity: 0;
	}
	#popover .popoverIn#popover6.active {
		transform: translate(0,0) scale(1);
		opacity: 1;
	}
	#popover7 {
		background: #18206F;
		left:50%;
		top:50%;
		height: 50%;
		transform: translate(0,0%) scale(1.5) ;
		opacity: 0;
	}
	#popover .popoverIn#popover7.active {
		transform: translate(0,0) scale(1);
		opacity: 1;
	}
	#popover8 {
		background: #FB5607;
		left:75%;
		top:50%;
		height: 50%;
		transform: translate(0,0%) scale(1.5) ;
		opacity: 0;
	}
	#popover .popoverIn#popover8.active {
		transform: translate(0,0) scale(1);
		opacity: 1;
	}
	.popoverIn.active {
		
	}
	#popoverContent {
		opacity: 0;
		transition:all 1s ease;
		position: absolute;
		top:0px;
		bottom:0px;
		right:0px;
		padding-bottom: 30px;
		left:0px;
		z-index: 99999999999999;
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
		overflow-scrolling:touch;
		color:#000;
		font-size: 18px;
		background: #fff;
	}
	#popoverContent strong, #popoverContent .pod{
		position: relative;
		font-weight: 900;
		display: inline;
/* 		border-bottom:3px solid #7D4E57; */

	}
	#popoverContent span.podi {
		position: relative;
		font-weight: 900;
		display: inline;
/* 		border-bottom:3px solid #7D4E57; */
 	}#popoverContent.active {
		opacity: 1;
	}
	
	 .footer {
		 padding-top:100px;
		 padding-bottom: 100px;
	 }
	 .footer h3 {
		 color:#fff;
	 }
	 .footer a {
		 color:#fff !important;
		 font-size: 13px;
		 height:24px;
		 line-height: 24px;
		 display: block;
	 }
.service-group-header { 
	color:#000; font-weight: 300; text-align: center; font-size: 60px;
}
.porost-text { 
	position: absolute; left:10%;
					top:35px; max-width: 80%; color:#999; font-size:16px; font-weight: 300; line-height: 26px;
}
.left-menu { 
	position: fixed;
	left:0px;
	top:0px;
	bottom:0px;
	background: #fff;
	border-right:1px solid #ccc;
	width: 60px;
	z-index: 999999999;
	
	
}

	@media (max-width:990px) {
		.ponizej .toggleMen { 
			color:#fff;
			
		}
		.articleTopRow h1 { 
			font-size: 24px;
			line-height: 30px;
			padding: 0px 15px;
		}
		.news-header { 
			font-size: 24px;
			line-height: 30px;
		}
		#szybkaWycenaButton { 
			right:50px;
			top:12px;
		}
		.service-group-header { 
			color:#000; font-weight: 300; text-align: center; font-size: 40px
		}
		.top_bg, .top_bg_under { 
			background-position: center bottom;left:10px;
			right:10px;
			bottom:10px;
			top:10px;
		}
		top {
		position: relative;
		overflow: hidden;
		min-height: 100vh;
		padding: 0px 0px 00px 0px;

 
	} 
	.top_bg_wrap_wrap { 
			position: fixed;
		top:5px;
		left:5px;
		right:5px;
		overflow: hidden;
		bottom:5px;
	}
	.top_bg_wrap { 
		position: absolute;
		top:0px;
		left:0px;
		right:0px;
		bottom:0px;
		transform: scale(1);
		animation:none;	}
		
	.top_bg {
		opacity:  0;
		visibility: hidden;
position: fixed;
top:0px;
bottom:0px;
right:0px;
left:0px;
overflow: hidden;
z-index: 2;		  background-size:cover; background-position: center; background-repeat: no-repeat;
transform-origin: center;
transition:all 3s linear;	}
	.top_bg.active { 
		opacity: 1;
		visibility: visible;
	} 

		#big-loader svg { 
			width: 60%;
		}
		.top_tekst { 
 			white-space: normal;
		}
		.text_main_in { 
 			font-size: 20px;
		}
	 

		.big-header span { 
			line-height: 60px;
			font-size: 30px;
		}
		.usluga-in-i-wrap { 
			width: 85%;
		}
		.usluga-title { 
			bottom:5%;
		}
		.navbar-brand img  {
			width: auto;
			max-height: 45px;
		}
		.number-wrap { 
		position: relative;
		border:1px dashed #000;
		font-size: 40px;
		display: flex;
align-items: center;
text-align: center;		border-radius: 100%;

justify-content:center;
	}
	.number-wrap span {
		font-size: 40px; 
		font-weight: 100;
		color:#000;
		position: absolute;
		top:50%;
		left:50%;
		transform: translate(-50%,-50%);
	}
	.podstrona .box-wrap-in {
		padding-left:15px;
		padding-top:120px;
	}
	.podstrona .opisy-icon-wrap {
		top:0px;
		left:50%;
		transform: translate(-50%,-50%);
	}

			 
	.best-things h5 { 
		font-size: 14px;
	}
	
	#offer { 
		padding: 0px;
	}
	.nsoc-main-wrap-in { 
		margin-top: 50px;
		margin-bottom: 50px;
	}
	.prawe .opisy-icon-wrap { 
		transform: translate(-50%,-50%);
		position: absolute;
	}
 			.opisy-main-block {
			padding: 40px 15px 15px 15px;
			text-align: left !important;
			
		} 
		.prawe .opisy-main-block { 
			padding: 40px 15px 15px 15px;
		}
		.opisy-icon-wrap { 
			top:0px !important;
			left:50% !important;
			width: 80px;
			height: 80px;
			font-size: 40px;
			line-height: 78px;
			transform: translate(-50%,-50%);
		}
		.navbar-brand {
 		top:0px;
 		z-index: 9999;
		width: 180px;
		margin-right: 0px;
	} 	.bg-opisy { 
		padding: 30px 15px;
	}
	.btn.my-button {
		white-space: normal;
	}
 
.searchToggle { 
	right:75px;
	top:5px;
}
#searchWrapper.active .searchToggle { 
	right:5px;
}
.searchInput {
	font-size: 20px;
}
	header {
		z-index: 99999999999;
/* 		position: relative; */
		height: 60px;
	}
		.toggleMen {
			position: fixed;
			top:10px;
			right:15px;
			width: 40px;
			z-index: 9999999999;
			height: 40px;
			text-align: center;
			line-height: 40px;
			font-size: 40px;
 			border: 0px;
			background: transparent;
		}
	 
		body {
			padding-left: 15px;
		}
/*
		#content {
			position: fixed;
			padding: 0px;
			left:0px;
			top:60px;
			bottom:40px;
			overflow-x: hidden;
			overflow-y: auto;
			-webkit-overflow-scrolling: touch;
 			
		}
*/
		.mainContent.active#about, .mainContent.active#contact {
		position: relative;
		padding: 50px 20px 0px 20px;
	}

		nav {
 			position: fixed;
			z-index: 999999999999;
			height: 60px;
			overflow: visible;
			width: 100%;
		}
		.menuMobi  {
			display: none;
		}
		.menuMobi.active {
 display: block !important;
 position: fixed;
left: 0px;
right: 0px;
top: 0px;
padding-top:100px;
bottom: 0px;
height:100vh;
color:#fff;
background: #000;
z-index: 9999;
overflow: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
overflow-scrolling:touch;

		}
		
		.menuMobi.active {
			text-align: center;
		}
		.menuMobi.active .menua {
			display: block;
			text-align: center;
			height: 40px;
			font-weight: 500;
			line-height: 40px;
		}
		.menuMobi.active a { 
			display: block;
			height: 40px;
 			font-weight: 300;
			line-height: 40px;
			font-size: 20px;
			color:#fff;
		}
		.menuMobi.active .menua a.glowne {
			text-align: center;
			display: inline-block;
		}
		.menuMobi.active a.glowne {
			display: block;
		}
		.menuMobi .menua span {
			display: inline-block;
			float: none;
			position: relative;
			top:-1px;
			left:0px;
		}
		.menua span.minus, .menua.active span.plus {
			display: none;
		}
	
	.sociale { 
		position: fixed; 
		right:70px;
		top:15px;
		z-index: 99999999999;
		color:#fff;
		font-size: 15px;
	}
	.sociale i { 
		margin-left: 10px;
	}
	.ponizej .sociale { 
		color:#000;
	}
		.navFooter {
			display: none;
		}
		.navbar-brand img {
			margin-top: 0px;
 		}
		#sessionWrap, .sessionWrap {
    position: fixed;
    top: 40px;
    right: 15px;
    bottom: 15px;
    left: 15px;
	}
	.top {
		padding-top:0px;
	}
	.top_tekst {
		font-size:22px;
		line-height: 26px;
		margin-top: 0px;
		margin-bottom: 50px;
		margin-right: 0px;
		font-weight: 300;
		
	}
	.porost-text { 
		position: relative; left:0px;
					margin-top:0px; max-width: 100%; color:#999; font-size:16px; font-weight: 300; line-height: 26px; padding: 0px 15px;
	}
	.about-text { 
		width: 90%; margin: auto; margin-top: 10px; margin-bottom: 10px;
	}
	.goDown.top_bggd { 
		bottom:0px;
	}
	.top_boxes_wrap {
		margin-top:10px;
	}
	.bottom_box { 
		margin-bottom: 15px;
	}
	.bottom_box .top_box_in { 
		padding: 25px;
	}
	.bottom_box .top_box_main {
		font-size: 14px;
 	}
	.top_box { 
		display: flex;
		height: 100%;
		text-align: center;
		justify-content: center;
		align-items:center;
	}
	.top_box_secure svg { 
		width: 75px;
	}
	.top_box .top_box_in {
		padding: 20px 5px;
		font-size: 13px;
	}
	.top_box_desc { 
		padding: 5px;
		font-size: 11px; 
		line-height: 13px;
	}
	.col-4.top_box_wrap {
		padding: 10px;
	}
	.circle-bg-1 { 
		width: 80%;
		padding: 10px;
	}
	.best-things-over {
		left:0px;
		right:0px;
	}
 
	}
	@media (max-height:500px) { 
		.sociale {
			bottom:0px;
		}
	} 
	@media (max-width:1200px) { 
		.opisy-heading {
	color:#014990;
	font-size: 24px;
	margin-bottom: 0px;
}
.box-wrap {
	padding-top: 10px;
	padding-bottom: 10px;
}
.opisy-text { 
	font-size: 1rem;
	line-height: 1.1rem;
 }
.best-things i { 
	font-size: 40px;
}
.best-things .h5 { 
	font-size: 1rem;
}
		body {
			padding-left: 0px;
		}
		.navbar-brand-wrap {width:50%; flex-grow: 0.5;}
		.contenty { padding: 0px; }
		.big-text-wrap {
		 margin-left:0px; padding: 50px 0px 0px 0px; 
	}
		.big-header {
		font-weight: 900; font-size:30px
		} 
	.big-subheader {
		display:block; padding:10px 0px; border: 1px solid #000; border-width: 1px 0px; width: 100%; margin-bottom: 15px; font-size:16px; line-height: 20px;
	}	
 
	}
	
	@media (max-width:600px) {
	 
		.best-things-wrap {
			padding-top: 50px;
			padding-bottom: 50px;
		} 
		.best-things { 
			margin-bottom: 40px;
			border-radius: 0px;
		}
		.best-things img {
			display: none;
		}
		.best-things-under { 
			position: relative;
			left:auto;
			right:auto;
			transform: none;
		}
		
		.best-things.active  {
				background: #fff;
				box-shadow: none;
				border-radius: 0px;
				transform: scale(1.1);
			}
		.best-things:hover .best-things-under {
 
 transform: none;				opacity: 0;
			}	
		#goBack {
			top:56px;
		}
	 .mainPhotoLeft, .mainPhotoRight {
	 
		transition:none;
		overflow: hidden;

	}
 
	
	
	
	
	












html.l { 
	font-size: 1.25rem;
}
html.xl { 
	font-size: 1.5rem;
}