body {
font-family: 'Poppins', sans-serif;
 
 	letter-spacing:1.5px; 
 	color:#13293D;
	font-weight: 400;
	 -webkit-font-smoothing:antialiased;
	 overflow-x: hidden;
	     -moz-osx-font-smoothing: grayscale;
/*
	     overflow:hidden;
overflow-y: auto;
width: 100%;
*/
 	
	}
	body.noscroll { 
		overflow: hidden;
	}
	.playf { 
		font-family: 'Playfair Display', serif;
	}
	.playfsc { 
font-family: 'Kanit', sans-serif;
font-weight: 900;

	}
	.text-gold { 
		color:#B99D6B;
	}
	.bg-gold { 
		background: #B99D6B;
	}
	.gold-break { 
		text-align: center;
		margin-top: 10px;
		margin-bottom: 10px;
		
	}
	.top-under-1 { 
		position: absolute; 
		left:0px;
		top:0px;
		width: 55%;
		height: 100%;
		z-index: 0;
		background: #9CEAEF;
	}
	.top-under-2 { 
		position: absolute; 
		width: 55%;
		top:0px;
		right:0px;
		height: 70%;
		background: #C4FFF9;
		z-index: 0;
	}
	.top-under-3, .contenty-top-right { 
		position: absolute; 
		width: 45%;
		bottom:0px;
		height: 30%;
		right:0px;
		background: #E0FBFC;
		z-index: 0;
	}
	.contenty-top-right {
		bottom: auto;
		top:0px;
		height: 150px;
		z-index: -1;
	}
	.about-right-line { 
		border-left:3px dashed #E0FBFC;
		position: absolute;
		right:0px;
		width:45%;
		bottom:0px;
		top:0px;
	}
	.big-clock-wrap { 
		position: absolute;
		right:15%;
		bottom:15%;
		width:35%;
		max-width: 35%;
		height: 70vh;
		max-height: 80vh;
		z-index: 5;
		border:2px solid #000;
		border-radius: 20px;
		background: #fff;
		animation:pralka 3s linear infinite;
	 }
	 @keyframes pralka { 
		 0% { transform: translate(0,0);}
		 5% { transform: translate(0,-10px);}
		 10% { transform: translate(0,10px);}
	 }

	.big-clock-wrap-after { 
		position: absolute;
		right:10%;
		bottom:10%;
		width:35%;
		max-width: 35%;
		height: 60vh;
		max-height: 70vh;
		z-index: 0;
		border:3px solid #000;
		background: #fff;
 	}
	.big-clock-car { 
		position: absolute;
 z-index: -5;
bottom: -25px;
 left: 100%;
 margin-left: 15px;
	 }
	 .big-clock-car img { 
		 width: 100px;
	 }
	 .big-clock-car-line { 
		 position: absolute;
		 bottom:-25px;
		 height: 10px;
		 left:-30px;
		 right:-10px;
		 background: #000;
	 }
	.big-clock { 
		width: 75%;
		position: relative; 
		margin: auto;
		margin-top: 150px;
		margin-bottom: 100px;
		box-shadow: 0px 2px 30px rgba(0,0,0,0.2);
		border-radius: 100%;

	}
	.big-clock-in { 
		position: absolute;
		left:0px;
		top:0px;
		bottom: 0px;
		right:0px;
		border:2px solid #000;
		border-radius:100%;
	}
	.big-clock-line { 
		position: absolute; 
		left:50px;
		right:50px;
		bottom:50px;
		top:50px;
		transform: rotate(-30deg);
		animation: wskazowka 5s linear infinite;
	}
	.big-clock-line img { 
		position: absolute; 
		top:55%;
		transform: rotate(-90deg);
		left:0px;
		width: 50px;
	}
	@keyframes wskazowka { 
		0% { transform: rotate(-30deg);}
		20% { transform: rotate(30deg);}
		50% { transform: rotate(80deg); }
		70% { transform: rotate(140deg);}
		100% { transform: rotate(690deg);}
	}
	 .big-clock-text-under { 
		 position: absolute;
		 right:-2px;
		 top:-2px;
		 width: 250px;
		 height: 70px;
		 background: #222;
		 z-index: -1;
		 border-radius: 0px 20px 0px 20px
	 }
	.big-clock-text { 
		position: absolute;
		font-size: 30px;
		z-index: 5;
		padding: 12px 20px; 
 		font-family: 'Codystar', cursive;
		opacity: 0;
		right:0px;
		left:0px;
		bottom:0px;
		text-align: center;
		top:0px;
		transition:all .5s ease;
		z-index: 999999;
		color: #fff;
		text-shadow: 0px 1px 5px #fff;
	} 
	.big-clock-text.active {
		opacity: 1;
	}
	.big-clock-line:after { 
		position: absolute;
		top:50%;
		right:50%;
		border-radius: 3px;
		width:50%;
		height: 5px;
		background:#000;
		content:" ";
	}
	.big-clock-icons { 
		position: absolute; 
		left:20px;
		top:40px;
	}
	.big-block-icon { 
		top:-20px;
		position: relative;
		font-size: 25px;
		float: left;
		color:#efefef;
		margin-left: 10px;
		transition:all 1s ease;
	}
	.big-block-icon.active { 
		color:rgb(19, 192, 34);
	 }
	 .big-block-icon-4 { 
		 clear: both;
	 }
	
/* 	.big-block-icon-1 { 
		bottom:10%;
		left:20%;
	}
	.big-block-icon-2 { 
		bottom:30%; 
		left:10%;
	}
	.big-block-icon-3 { 
		right: 45%;
		top: 3%;
	}
	.big-block-icon-4 { 
		right:20%;
		bottom:20%;
	}
	.big-block-icon-5 { 
		left:20%;
		bottom:10%;
	} */
	.big-clock span { 
		position: absolute; 
		left:50%;
		top:50%;
		transform: translate(-50%,-50%);
	}
	.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 #F1A345;
	}
	.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:#000 !important;
	}
	
	.ponizej nav,  .whiteHeader nav { 
 	}
	.blank  nav { 
	 background: transparent;
	}
	.blank .menu { 
		display: none;
	}  	
	#big-loader { 
		position: fixed;
		top:0px;
		right:0px;
		bottom:0px;
		left:0px;
		background: #fff;
		z-index: 999999999999;
		display: flex;
 		align-items: center;
		justify-content: center;
		animation: hideloader 1.5s ease 4s forwards;
		}
		@keyframes hideloader { 
			0% { 
opacity: 1;			}
			 
			100% { 
				opacity: 0;
			}
			 
		}
	#big-loader svg { 
		width: 30%;
		position: absolute;
		top:50%;
		left:50%;
		transform: translate(-50%,-50%);
/* 		animation:svgtotop 1s linear 4s forwards; */
	}
	@keyframes svgtotop { 
		from { top:50%; width:30%;		transform: translate(-50%,-50%);
}
		to { top: 0%; width:30%; transform: translate(-50%,-25%) scale(0.5);
};
	}
	#big-loader svg circle { 
		opacity: 0;
		animation:svgcircle 1s linear 1s forwards;

	}
	@keyframes svgcircle { 
		from { opacity:0; }
		to { opacity:1; }
	}
	 	#big-loader svg line  { 
	 stroke-dasharray: 383px; stroke-dashoffset: 453px;
Animation: svganim 3s linear 0s forwards;
 	}
	#big-loader svg path,#big-loader svg polygon  { 
	 stroke-dasharray: 383px; stroke-dashoffset: 453px;
Animation: svganim 4s linear 1s forwards;
 	}

@keyframes svganim {
from {stroke-dashoffset: 453px}
to {stroke-dashoffset: 0px;}
}
#big-loader #svg1, #big-loader #svg2 { 
	width: 30%;
	position: absolute;
	top:50%;
	left:50%;
 	transform: translate(-50%,-50%);
}


	 .right-btm { 
		 position: absolute;
		 right:50px; 
		 width: 15%;
		 bottom:15px;
		 
	 }
	 .right-btm svg { 
		 color:#999;
		 width: 100%;
	 }
	 .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;
		 
		
	 }
	 .certyfikaty img:hover { 
		 opacity: 1;
	 }
	 .face-img { 
position: absolute;
top:0px;
left:0px;
right:0px;		
bottom:0px;
border-radius: 100%;
background-position: center;
background-size: cover; 
	 }
		.col-txt-sml { 
			color:#888;
			font-size: 16px;
		}
		.break { 
			width: 100px;
			height: 1px;
			margin: 30px auto;
			background: #999;
		}
		.wyr-green { 
			color:#6ca656;
			font-weight: 200;
			font-size: 22px;
			text-align: left;
			line-height: 30px;
		 display: inline;
		 margin-bottom: 10px;
		 margin-top: 15px;
		 margin-right: 15px;
		 position: relative;
		}
/*
		.poo .wyr-green { 
			color:#000;
			display: inline-block;
		}
*/
		.wyr-green span { 
			position: relative;
			z-index: 5;
		}
/*
		.poo .wyr-green:after { 
			z-index: 0;
			position: absolute;
			bottom:5px; left:-2px;
			right:10%;
			opacity: 0.4;
			height: 10px;
			background: #6ca656;
			content:" ";
		}
*/
 
		.hidden-elements { 
			transition: all 1s ease;
 			opacity: 0;
			width: 0px;
			height: 0px;
			text-align: left;
			margin-left:50%;
			margin-top: 20px;
 			transform-origin: center top;
			transform: scale(0);
		}
		.col-wrap.active .hidden-elements { 
			opacity: 1;
			transform: scale(1);
			width: 100%;
			margin-left: 0px;
			height: 100%;
		}
		.col-wrap.inactive:hover { 
			transition:all .3s ease;
			background: #f9f9f9;
			cursor: pointer !important;
		}
		.col-wrap { 
			transition:all 1s ease;
		}
 
		.col-content { 
						transition:all 1s ease;
transform-origin: center top;

		}
		.col-wrap.inactive .col-content { 
			transform: scale(0.3);
			opacity: .3;
		}
		.komp-img { 
			width: 150px;
			height: 150px;
			line-height: 150px;
			font-size: 150px;
			overflow: hidden;
			border-radius: 100%;
			text-align: center;
			margin: auto;
			opacity: 0.5;
			position: relative;
			margin-bottom: 20px;
		 
padding:5px;
		}
		.komp-img:after { 
			position: absolute;
			left:3px;
			bottom:3px;
			right:3px;			border-radius: 100%;

			top:3px;
			z-index: 2;
			content:" ";
			background: #fff;
		}
		.komp-img:before { 
			position: absolute;
			left:0px;
			bottom:0px;
			border-radius: 100%;
			right:0px;
			top:0px;
			z-index: 1;
			content:" ";
			background-image: linear-gradient(to left bottom, #C4FFF9, #9CEAEF, #68D8D6, #3DCCC7, #07BEB8);font-size: 150px;

		}
		.komp-img i { 
			position: relative;
			z-index: 5;
			-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(to left bottom, #C4FFF9, #9CEAEF, #68D8D6, #3DCCC7, #07BEB8);font-size: 150px;
background-clip: text;
text-fill-color: transparent;
		}
	.komp-header span { 
		display: block;
		text-transform: uppercase;
		font-weight: 600;
		font-size: 12px;
	}
	.cennik-menu { 
		padding: 50px 15px;
	}
	.cennik-txt-wrap { 
		padding-top:50px;
		padding-bottom:50px;
	}
	.cennik-btn {
		height: 50px;
		line-break: 50px;
		display: block; 
		text-align: right;
	}
 	 		.oferta-left.prawa { 
		 		text-align: right;
	 		}
	 		.oferta-left.prawa .oferta-left-bg { 
-webkit-transform: scaleX(-1);
    transform: scaleX(-1);
	 		}
	 		.oferta-left { 
		 		background: #000; color:#fff;
		 		border:10px solid #fff;
		 		text-align: left;
		 		margin-top: 50px;
		 		font-size: 20px;
		 		font-weight: 300;
		 		position: relative;
		 		padding: 50px;
		 		z-index: 2;
	 		}
	 		.oferta-left-bg { 
		 		background-image:url(/layout/tlo_p.png);
		 		position: absolute;left:0px;top:0px;
		 		background-position: right bottom;
		 		background-size: auto 100%;
		 		background-repeat: no-repeat;
		 		right:0px;
		 		bottom:0px;
		 		opacity: 0.5;
	 		}
	 		.oferta-wrap { 
		 		z-index: 0;
		 		position: relative;
		 		background: #fff;
		 		padding: 50px;
	 		}
	 		.oferta-wrap:after { 
		 		position: absolute;
		 		left:-50px;
		 		top:0px;
		 		content:" ";
		 		right:0px;
		 		bottom:0px;
		 		background: #fff;
		 		border:5px solid #000;
	 		}
	 		.oferta-wrap.prawa:after { 
		 		left:0px;
		 		right:-15px;
		 		}	 		.color-thumb { 
		 		position: absolute;
		 		left:15px;
		 		right:15px;
		 		top:0px;
		 		bottom:0px;
		 		width: auto;
		 		opacity: 0;
		 		transition: all .5s ease;
	 		}
	 		.color-thumb:hover { 
		 		opacity: 1;
	 		}
	 		 		 		.big-blog-wrap { 
		 		 		 		position: relative;
	 		 		 		}
	 		 		 		.big-blog-wrap-bg { 
		 		 		 		position: absolute;
		 		 		 		top:0px;
		 		 		 		bottom:0px;
		 		 		 		right:15px;
		 		 		 		left:15px;
		 		 		 		background-size:cover;
		 		 		 		background-position: center;
	 		 		 		}
	 		 		 		.sml-blog-wrap-bg { 
		 		 		 		position: absolute;
		 		 		 		top:0px;
		 		 		 		left:0px;
		 		 		 		right:0px;
		 		 		 		bottom:0px;
		 		 		 		background-size: cover;
		 		 		 		background-position: center;
	 		 		 		}
	 		 		 		.sml-blog-wrap-title { 
		 		 		 		position: absolute;
		 		 		 		bottom:10%;	transition:all .5s ease;

		 		 		 		max-width: 60%;
		 		 		 		min-width: 40%;
		 		 		 		right:-30px;
		 		 		 		padding: 30px 50px 30px 30px;
		 		 		 		background: rgba(0,0,0,.5);
		 		 		 		color:#fff;
		 		 		 		font-size: 16px;
		 		 		 		font-weight: 300;
	 		 		 		}
	 		 		 		.sml-blog-wrap-date { 
		 		 		 		    position: absolute;
    right: -25px;
    top: 40px;
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
	 		 		 		}
	 		 		 		.big-blog-wrap:hover .big-blog-wrap-bg:after { 
		 		 		 		opacity: 0;
	 		 		 		}
	 		 		 		.big-blog-wrap:hover .big-blog-wrap-title, .sml-blog-wrap:hover .sml-blog-wrap-title { 
		 		 		 		border-color: #fff;
		 		 		 		background: #fff;
		 		 		 		color:#000;
		 		 		 		font-size: 0.8rem;
	 		 		 		}
	 		 		 		 .big-blog-wrap:hover .big-blog-wrap-title-sml { 
 		 		 		 		color:#000;
		 		 		 		font-size: 0.8rem;
}
	 		 		 		.big-blog-wrap-bg:after { 
		 		 		 		position: absolute;
		 		 		 		top:0px;
		 		 		 		transition:all .5s ease;
		 		 		 		right:0px;
		 		 		 		bottom:0px;
		 		 		 		left:0px;
		 		 		 		background: rgba(0,0,0,.6);
		 		 		 		content:" ";
	 		 		 		}
	 		 		 		.big-blog-wrap-title { 		 		 		 		transition:all .5s ease;

		 		 		 		position: absolute;
		 		 		 		top:10%;
		 		 		 		max-height: 80%;
		 		 		 		max-width: 80%;
		 		 		 		left:-50px;
		 		 		 		z-index: 99;
		 		 		 		border:1px solid #000;
		 		 		 		padding: 30px 30px 30px 80px;
		 		 		 		color:#fff;
		 		 		 		font-size: 30px;
		 		 		 		font-weight: 300;
	 		 		 		}
	 		 		 		.big-blog-wrap-title-sml { 
		 		 		 		font-size: 16px; 
	transition:all .5s ease;
	color:#fff;
		 		 		 		font-weight: 300;
	 		 		 		}
	 		 		 		.big-blog-wrap-date { 
		 		 		 		    position: absolute;
    left: -30px;
    top: 50px;
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    color:#000;
    font-size: 20px;
	 		 		 		}
	.big-header { 
				font-family: 'Playfair Display SC', serif;
position: relative;
margin-bottom: 50px;

	}
	.big-header span { display: inline-block;
padding: 0px 15px;
line-height: 70px;
font-weight: 500;
font-size: 40px;
border: 1px solid #000;
border-width: 1px 1px 1px 1px;
transition: all 1s ease;
opacity: 0;
transform: translateX(-100%);
} 
			.big-header.active span { 
				opacity: 1;
				transform: translateX(0);
			}
			.big-header.active span:nth-child(2) {
				transition-delay: .2s; }
			.big-header.active span:nth-child(3) {
				transition-delay: .4s; }
						.big-header.active span:nth-child(4) {
				transition-delay: .6s; }
						.big-header.active span:nth-child(5) {
				transition-delay: .8s; }
						.big-header.active span:nth-child(6) {
				transition-delay: .10s; }
						.big-header.active span:nth-child(7) {
				transition-delay: .12s; }			
				
				
				
		.big-header span:nth-child(odd) { 
			background: #000;
			color:#fff;
		}
		.big-header span:last-of-type { 
 		}
 		.parallax-container:after { 
	 		position: absolute;
	 		left:0px;
	 		top:0px;
	 		right:0px;
	 		bottom:0px;
	 		background: rgba(0,0,0,.4);
	 		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;
	}
 
	.number-wrap { 
		position: relative;
		border:1px dashed #000;
		font-size: 80px;
		display: flex;
align-items: center;
text-align: center;		border-radius: 100%;

justify-content:center;
	}
	.number-wrap span {
		font-size: 90px; 
		font-weight: 100;
		color:#000;
		position: absolute;
		top:50%;
		left:50%;
		transform: translate(-50%,-50%);
	}
	.about-text { 
		width: 70%; margin: auto; margin-top: 10px; margin-bottom: 10px;
	}
	.pracownia-about-bg { 
		position: absolute;
		left:-15px;
		bottom:-30%;
		opacity: 1;
		z-index: -1;
		height: 80%;
		width: 70%;
	}
	.pracownia-about-bg:after { 
		position: absolute;
		left:0px;
		bottom:0px;
		top:-100%;
		right:0px;
		border:1px solid #efefef;
 		opacity: 1;
		content:" ";	
		z-index: 1;
	}
	.pracownia-about-bg:before { 
		position: absolute;
		left:10%;
		width: 110%;
		height: 100%;
		bottom:10%;
		opacity: .4;
		content:" ";
		background: #D9E0D3;
		z-index: -2;
	}
	 		 #social-links {
				 position: absolute;
				 right:120px;
				 top:20px;
				 color:#000;
				 
				 z-index: 9999;
			 }
			 #social-links a { 
				 color:#000;
				 font-size: 24px;
				 margin-left: 10px;
				 float: right;
			 }
			 .img-top { 
				 width: 40px;
				 top:0px;
				 left:100%;
				 display: none;
				 opacity: 0.2;
				 position: absolute;
				 transform: translate(-50%,-50%);
				 
			 }
			  .img-bottom { 
				 width: 60px;
				 top:100%;
				 left:100%;
				 opacity: 0.2;
				 position: absolute;
				 transform: translate(-50%,-50%);
				 
							 display: none;
 }
			 
			  .img-bottom-left { 
				 width: 60px;
				 top:100%;
				 left:0px;
				 opacity: 0.2;
				 position: absolute;
				 transform: translate(-50%,-50%);
							 display: none;
	 
			 }
			 .img-top-left {
				 width: 40px;
				 display: none;
				 top:0px;				 opacity: 0.2;

				 left:0px;
				 position: absolute;
				 transform: translate(-50%,-50%);
			 }
			 .usluga-in-desc-wrap { 
				 position: absolute;
				 left:-20px;
				 top:10%;
				 bottom:-20px;
				 right:10%;
				 z-index: 0;
				 border:1px solid #ccc;
				 overflow: hidden;
				 transition:all .5s ease;
				 background: rgba(0,0,0,0);
			 }
			 .usluga-wrap:hover .usluga-in-desc-wrap { 
				 z-index: 5;
				 background: rgba(0,0,0,.5);
				 border-color:rgba(0,0,0,.5);
			 }
			 .usluga-in-desc { 
				 position: absolute;
				 right:0px;
				 top:0px;
				 padding: 20px;
 				 text-align: right;
				 font-size: 13px;
				 color:#fff;
				 opacity: 0;
  				 transition: all .5s ease;
				 
			 }
			 .usluga-wrap:hover .usluga-in-desc { 
				 opacity: 1;
			 }
/*
			 .usluga-wrap:hover .usluga-in-desc, .usluga-in.active .usluga-in-desc { 
				 transform: translateY(0);				 box-shadow: 2px 5px 30px rgba(0,0,0,.3);

				 opacity: 1;
			 }
*/
	 .usluga-wrap { 
		 position: relative;
		 margin-bottom: 50px;
		 display: block;
		 margin-top: 50px;
	 }
	 .usluga-in-i:after { 
		 position: absolute;
		 left:10px;
		 right:10px;
		 top:-35px;
		 bottom:-35px;
 border:1px solid #000;
 border-top:0px;
 border-bottom: 0px;		 opacity: 0.2;

 z-index: -1;
		 content:" ";
	 }
	 .usluga-in-i:before { 
		 position: absolute;
		 left:-25px;
		 right:-25px;
		 z-index: -1;
		 opacity: 0.2;
		 top:10px;
		 bottom:10px;
		 border: 1px solid #000;
		 border-width: 1px 0px 1px 0px;
		 content:" ";
	 }
	 .usluga-in { 
 		 position: absolute;
		 left:15px;
 		 right:15px;
		 top:0px;
		 bottom:0px;
		 text-align: center;
		 display: flex;
		 flex-direction: column;
		 justify-content: center;
		 align-items: center;
	 }
	 .usluga-in-bg { 
		 position: absolute;
		 left:0px;
		 top:0px;
		 bottom:0px;
		 right:0px;
		 z-index: 0;
		 background-size:cover;
		 background-position: center;
		 transition:all .5s ease;
		 
	 }
	 .usluga-wrap:hover .usluga-in-bg { 
		 transform: scale(1.1);
	 }
	 .usluga-in-bg-wrap { 
		 z-index: 0;
		 position: absolute;
		 left:0px;
		 top:0px;
		 bottom:0px;
		 right:0px; 
		 overflow: hidden;
	 }
	 .usluga-in-desc-i { 
		  border:1px dashed #EE3071;
		 width: 200px;
		 z-index: -1;
		 height: 200px;
		 border-radius: 100%;
		 position: absolute;
		 top:50%;
		 left:50%;
		 transform: translate(-50%,-50%);
		 opacity: .1;
	 }
	 .usluga-in-desc-i i { 
		 font-size: 80px; 
		 color:#EE3071;
		 
		 line-height: 200px;
	 }
	 .usluga-in-i { 
		 border:1px dashed #000;
		 width: 200px;
		 height: 200px;
		 border-radius: 100%;

	 }
	 .usluga-in-i-wrap { 
		 width: 100%;
		 display: flex;
		 justify-content: center;
		 align-items: center;
		 height: 100%;
		 position: relative;
		 background: #fff;
 	 }
	 .usluga-in-i i { 
		 font-size: 80px; 
		 
		 line-height: 200px;
 
	 }
	 .usluga-title { 
		 margin-top: 10px;
position: absolute;
/* bottom: 14%; */
color:#000;
bottom: -20px;
background: #fff;
left: -20px;
width: 70%;
z-index: 10;
padding: 20px; 
border: 1px solid #000;
border-width: 0px 0px 1px 1px;
	 }
	.top {
		position: relative;
		overflow: hidden;
		min-height: 100vh;
		padding: 0px 0px 00px 0px;
 
	} 
	.top_bg {
		opacity:  1;
position: absolute;top:0px;
bottom:0px;
right:0px;
left:0px;
overflow: hidden;
z-index: 2;		
background:url(/layout/porost_top.jpg); background-size:cover; background-position: left top; background-repeat: no-repeat;
transform-origin: center;
 	}
	@keyframes top { 
	0% { opacity: 1;  }
	20% { opacity: 1;   }
	60% { 
		opacity: .4;  
	}	
	90% { 
		opacity: 1;  
	}
		
	}
	.top-bg-1 { 
		position: absolute;
		left:-80px;
		top:80%;
		bottom:0px;
		width: 100px;
		border-radius: 100%;
		background: #2e5077;
		z-index: 10;
		
	}
	.top-bg-1:after { 
		position: absolute;
		left:0px;
		content:" ";
		bottom:-50px;
		background: #2e5077;
		width: 150px;
		height: 150px;
		border-radius: 100%;
		z-index: 10;
	}
	.top-bg-2{ 
		position: absolute;
		right:-60px;
		top:0%;
		bottom:70%;
		width: 120px;
		border-radius: 100%;
		background: #2e5077;
		z-index: 10;
	}
	.top-bg-2:before { 
		position: absolute;
		right:200px;
		top:-80px;
		background: #2e5077;
		width: 200px;
		height: 200px;
		border-radius: 100%;
		z-index: 10;
		content:" ";
	}
	.top-bg-2:after { 
		position: absolute;
		right:0px;
		content:" ";
		top:-100px;
		background: #2e5077;
		width: 250px;
		height: 250px;
		border-radius: 100%;
		z-index: 10;
	}
	.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:" ";
	}
	.new-header { 
		position: relative;
		text-align: center;
		margin-bottom: 50px;
		margin-top: 30px;
	}
	.new-header.in-top { 
		margin-bottom: 0px;
		z-index: 99999999;
	}
	.new-header.in-top span { 
		background: rgba(255,255,255,0.8);
		color:#000;
	}
	.new-header span { 
		position: relative;
		display: inline-block;
		font-size: 40px;
		font-weight: 100;
		padding: 5px 10px;
 		line-height: 40px;
		background: rgba(61, 204, 199, 0.3);
	}
	 .new-header.white-he span{ 
		 color:#F1A345;
		 background: rgba(255,255,255,.8);
 	 }
	.white-he .new-header-after:after  {
		background: #fff;
		opacity: 0.9;
	}
	.new-header-after { 
		position: absolute;
	left: -30px;
right:-20px;
bottom: -12px;
	 }
	 .new-header-after:after { 
		background: #fff;
		position: absolute;
		left:-30px;
		right: -30px;
		opacity: 0.3;
		height: 15px;
		bottom:0px;
		content:" ";
	 }
	 .new-header.active .new-header-after:after { 
		 animation:haf 4s linear infinite;
		 transform-origin: center bottom;
	 }
	 @keyframes haf { 
		 0% { 
			 transform: scale(1);
		 }
		 33% { transform: scale(1,.8);}
	 66% { transform: scale(1,1.2);}
		100% { transform: scale(1); }
	 }
	 .white-he .new-header-after-1 { 
		 background: #fff;
	 }
	 .new-header-after-1 { 
		background:#9CEAEF;
		border-radius: 100%;
		position: absolute;
		left:-20px;
		bottom:-10px;
		opacity: 0.8;
		transform: scale(1.2);
		width: 30px;
		height: 30px;
		transform-origin: center top;
		
	 } 
	 .new-header.active .new-header-after-1 { 
		 animation:up1 2s ease infinite;
	 }
	 @keyframes up1 { 
		0% { transform: scale(.8) translate(0,0); opacity: 0.8;}
		100% { transform: scale(1.3) translate(0,-90px); opacity: 0;}
	}
	 .white-he .new-header-after-2 { 
		 background: rgba(0,0,0,.1);
	 }
	 .new-header-after-2 { 
		background:#07BEB8;		border-radius: 100%;

		position: absolute;
		left:20%;
		bottom:0px;
		opacity: 0.8;
		transform: scale(1.2);
		width: 20px;
		height: 20px;
		transform-origin: center top;
		
	 } 
	 .new-header.active .new-header-after-2 { 
		 animation:up2 2s ease infinite;
		 animation-delay: .4s;
	 }
	 @keyframes up2 { 
		 0% { transform: scale(.8) translate(0,0); opacity: 0.8;}
		 100% { transform: scale(1.9) translate(0,-70px); opacity: 0;}
	 }
	 .white-he .new-header-after-4 { 
		 background: #fff;
	 }
	 .new-header-after-4 { 
		background:#C4FFF9;		border-radius: 100%;

		position: absolute;
		left:80%;
		bottom:10px;
		opacity: 0.8;
		transform: scale(1.2);
		z-index: 10;
		width: 24px;
		height: 24px;
		transform-origin: center top;
		
	 } 
	 
	 .new-header.active .new-header-after-4 { 
		 animation:up4 1.1s ease infinite;
		 animation-delay: .4;
	 }
	 @keyframes up4 { 
		 0% { transform: scale(.8) translate(0,0); opacity: 0.8;}
		 100% { transform: scale(1.3) translate(0,-70px); opacity: 0;}
	 }
	 .new-header-after-3 { 
		background:#C4FFF9;
		position: absolute;		border-radius: 100%;

		left:0px;
		bottom:10px;
		opacity: 0.8;
		transform: scale(1.2);
		z-index: 10;
		width: 12px;
		height: 12px;
		transform-origin: center top;
		
	 } 
	 .new-header.active .new-header-after-3 { 
		 animation:up3 1.7s ease infinite;
		 animation-delay: .2;
	 }
	 @keyframes up3 { 
		 0% { transform: scale(.8) translate(0,0); opacity: 0.8;}
		 100% { transform: scale(1.3) translate(0,-50px); opacity: 0;}
	 }
	 
	.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:#fff;
		font-weight: 300;
		z-index: 10;
		margin-right: 50px;
		position: relative;
		text-align: right;
		font-size: 56px;
		line-height: 60px;
	}
	.top_tekst span.text-200 { 
		background: #2e5077;
		clear: both;
		float: right;
		padding: 10px 10px;
	}
	.text_main_in { 
	line-height: 30px;
	color:#fff;
	float: right;
	margin-top: 10px;
	padding: 10px;
	background: #2e5077;
	text-align: right;
	}
	.top_boxes_wrap {
		position: relative;
		z-index: 10;
		margin-top: 50px;
	}
	.bottom_box {
		border-radius: 10px;
		text-align: center;
		margin-bottom: 50px;
		background: #5BC0EB;
		color:#fff;
		cursor: pointer;
		
	} 	.contenty {
		padding: 0px 0px;
		overflow: hidden;
		position: relative;
		z-index: 10;
		background: #fff;
	}
	.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;
	}
	.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;
	}
.playfairdsc {
	font-family: 'Playfair Display SC', serif;

}
 .playfaird {
	 font-family: 'Playfair Display', serif;
	 
	 } 
	 .garam {
		 font-family: 'EB Garamond', serif;

}  .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: 99999999999;
	   }
	   .navwcag { 
		   position: absolute;
		   left:-5000px;
		   top:10px;
	   }
	nav {
		top:0px;
 		position: fixed;
		left:0px;
		width:100%;
  		 	}
		 	ul.menu {
			 	background: transparent;
			 	padding: 0px;
		 	}
		 	.parallax-over { 
			 	opacity: 0;
		 	}
			
	.jak {
		position: relative;
		background: transparent;
		color:#347495;
		padding: 30px 40px 50px 40px;
		text-align: center;
		z-index: 5;
		
 	}
 	.jakbg {
	 	position: absolute;
	 	top:50%;
	 	left:50%;
	 	transform: translate(-50%,-50%);
	 	border:1px solid #347495;
	 	background: #fff;
		border-radius: 100%;
		z-index: -1;
		width: 80%;
 	}
	.jak-next {
		position: absolute;
		top:50%;
		left:100%;
		transform: translate(0%,-50%);
		font-size: 50px;
		color:#fff;
		z-index: -1;
		
	}
	.jakbgnumber {
		position: absolute;
		bottom:-15%;
		left:50%;
		transform: translate(-50%,0%);
		font-size: 80px;
		font-weight: 800;
		color:rgba(52, 116, 148, 0.09);
	}
	.jak {
		transition:all .5s ease;
		transform: translateX(-100%) scale(0.2, 0);
		opacity: 0;
	}
	.jakwrap.active .jak {
		transform: translateX(0) scale(1,1);
		opacity: 1;
	}
	.jakwrap .jak.drugie { 
		transition-delay: 0.3s;
	}
	.jakwrap .jak.trzecie { 
		transition-delay: .6s;
	}
	.jakwrap .jak.czwarte { 
		transition-delay: .9s;
	}

 	.navbar-brand {
		position: relative;
		top:5px;
		background: transparent;
		z-index: 9999;
		width: 100%;
		margin-right: 0px;
		background: transparent;
		padding: 5px 5px 5px 15px;
		border:1px solid transparent;
	}
	.navbar-brand:after { 
		position: absolute;
z-index: 0;
left: -30px;
width: 110%;
height: 252%;
top: -90%;
z-index: -1;
background: #fff;
border-radius: 0% 100% 100% 100%;
content: " ";
	}
	.zamow-button { 
		position: absolute;
		bottom:0px;
		left:0px;
		padding: 0px 20px;
		height: 40px;
		line-height: 40px;
		background: #B6244F;
		border:1px solid #B6244F;
		color:#ffff;
		font-size: 16px;
		white-space: nowrap;
		box-shadow: -1px 1px 0px 1px #fff,-2px 2px 0px 1px #fff,-3px 3px 0px 1px #fff ;
		margin-left: 15px;
		z-index: 999999;
		transform: translate(0%,50%);
	}
	.zamow-button:hover { 
		text-decoration: none;
				background:#fff ;
		color:#B6244F;

	}
	@media (max-width:996px) { 
		.zamow-button { 
 padding: 0px 10px;
 height: 30px;
 line-height: 30px;
			top:40px;
			bottom:auto;
			font-size: 14px;
		}
	}
	.navbar-brand-wrap {width: auto; flex-grow: 0.22; padding:0px; position: relative;}
	.navbar-brand img {
		max-width:  100%;
		width: auto;
		max-height: 60px;
 	}
	.topcol {
		position: relative;
  	}/*

 	.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 { 
  		padding: 0px 20px;
		margin: 0px;
		display: block;
		font-size: 1rem;
		height: 30px;
		font-weight: 400;
		color:#000 !important;
		line-height: 30px;
 		white-space: nowrap;
		text-overflow: ellipsis;
		text-transform: uppercase;
	}
	.menu a.glowne { 
		height: 90px;
		position: relative;
		margin: 0px 40px;
		line-height: 90px;
		
	}
	.menu a.glowne span { 
		position: relative;
		z-index: 5;
	}
	.menu a.glowne:after { 
		position: absolute;
		left:-50px;
		right:-50px;
		top:-50px;
		content:" ";
		border-radius: 100%;
		z-index: -1;
		height: 150px;
		background: #fff;
		
	}
	.menu li:nth-child(1) a.glowne:after { 
 	}
	.menu a:hover { 
		cursor: pointer;
		color:#876b39 !important;
	}
	.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;
		}
		 
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;
  		z-index: 9999999999;
		display: none;
	 
	}
	header.przechodzi {
		z-index: 9;
		}	
		#popover.active {
		display: block;
	}
	.popoverIn { 
		position: absolute;
		left:0px;
		top:0px;
		right:0px;
		bottom:0px;
	}
	 
		 
/*
		 #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#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;
}
	@media (max-width:990px) {
		
		#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:0px;
			bottom:0px;
			top:0px;
		}
		#big-loader svg { 
			width: 60%;
		}
		.top_tekst { 
			background: rgba(255,255,255,.7);
			padding: 15px;
		}
		.text_main_in { 
			color:#000;
		}
		.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: 60px;
		}
		.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 {
		position: fixed;
		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;
	}
	.blank .toggleMen { 
		display: none !important;
	}
		.toggleMen {
			position: fixed;
			top:5px;
			right:5px;
			width: 40px;
			z-index: 9999999999;
			height: 40px;
			text-align: center;
			line-height: 40px;
			font-size: 30px;
			color:#F2A445;
			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, .menu {
			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.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;
			text-transform: uppercase;
			font-weight: 300;
			line-height: 40px;
			color:#000;
		}
		.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;
			margin-left: -15px;
			bottom:0px;	
			z-index: 9;font-size:13px;	}
			.sociale a i {
				font-size: 13px;
			}
		.navFooter {
			display: none;
		}
		.navbar-brand img {
 		}
		#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;
	}	
 
	}
	.uslugi-menu-wrap { 
		position: relative;
		z-index: 99999;
	}
	.uslugi-menu { 
		position: absolute;
		top:100%;
		left:0px;
		z-index: 9999999999;
		
		box-shadow: 0px 5px 30px rgba(0,0,0,.2);
		background: #fff;
		display: none;
	}
	.uslugi-menu-wrap:hover .uslugi-menu { 
		display: block;

	}
	.menu .uslugi-menu-wrap .uslugi-menu a { 
		height: 20px;
		line-height: 20px;
		text-align: left;
		padding: 0px 10px;
		font-size: 12px;
		display: block;
		color:#000;
		text-decoration: none;
		text-transform: uppercase;
	}
	.top-phone { 
	display: none;	
		z-index: 9999999999999;
		position: absolute; right:15px;top:15px; font-weight: 900;text-align: right; z-index:99999; color:#fff; line-height: 20px; font-size: 30px;    color: #fff;
    text-shadow: 0px 1px 2px #2D5077;	}
    .top-phone a { 
	    color:#fff;
    }
	.top-phone span { 
		font-size: 14px; font-weight: 300
	}
	.main-top-circle { 
		border:1px solid #fff;
		position: absolute;
		left:15px;
		right:15px;
		color:#fff;
		top:0px;
		bottom:0px;
		transform: translateY(40%); 
		border-radius: 100%;
		text-align: center;
		transition: all .6s ease;
		
	}
	.main-top-circle:before { 
		position: absolute;
		left:30%;
		top:30%;
		bottom:30%;
		right:30%;
		transform:scale(.6,1);
		opacity: .6;
		background: rgba(255,255,255,.0); 
		border-radius: 100%;
		content:" ";
		transform-origin: right top;		
	}
	.main-top-circle:hover:before { 
		transform: scale(1.2,.8) translateY(-200%);
		background: #fff; 
		opacity: 0;		transition:all 1.2s ease;

	}
	.main-top-circle:after { 
		position: absolute;
		left:0px;
		top:0px;
		bottom:0px;
		right:0px;
		transform:scale(.6,.8);
		opacity: .5;
		background: rgba(255,255,255,.0); 
		border-radius: 100%;
		content:" ";
		transform-origin: center top;		
	}
	.main-top-circle:hover:after { 
		transform: scale(1.2,.8) translateY(-150%);
		background: #fff; 
		opacity: 0;		transition:all 1.2s ease;

	}

	.main-top-circle:hover { 
		transform: scale(1.2,1.3);
		background: #2e5077;
		color:#f39424;
		border-color:#f39424;
	}
	.main-top-circle span { 
		position: absolute;
		left:50%;
		width: 80%; 
		transform: translateX(-50%);
		top:20%;
		font-weight: 900;
 		
	}
	.main-top-circle small { 
		font-weight: 300;
		display: block;
	}
	.main-top-circle img { 
		width: 100%;
	}
	@media (max-width:600px) {
		.main-top-circle-wrap
		{
			max-width: 200px;
		} 
		#mobiMenu { 
			position: fixed;
			left:0px;
			top:0px;
			bottom:0px;
			right:0px;
			background: #fff;
			z-index: 999999999999999;
			padding-top: 100px;
		}
		#mobiMenu ul { 
			padding: 0px;
			margin: 0px;
		}
		#mobiMenu ul li, #mobiMenu ul li a { 
			display: block;
			text-align: center;
			height: 40px;
			font-size: 30px;
			line-height: 40px;
			color:#347495;
			
		}
.main-top-circle { 
		border:1px solid #fff;
		position: absolute;
		left:15px;
		right:15px;
		color:#fff;
		top:0px;
		
		bottom:0px;
		transform: translateY(0%); 
		border-radius: 100%;
		text-align: center;
		transition: all .6s ease;
		
	}

		.main-top-circle span { 
		position: absolute;
		left:50%;
		width: 80%; 
		transform: translate(-50%,-50%);
		top:50%;
		font-weight: 900;
 		
	}
	.main-top-circle-wrap { 
		margin-bottom: 20px;
	}
	}

	.articleTop, .articleTopRow { 
		height: auto;
		min-height: 40vh;
		position: relative;
	}
	.articleTop:after { 
		position: absolute;
		left:0px;
		bottom: 0px;
		top:0px;
		right:0px;
		background: -webkit-linear-gradient(rgba(0,0,0,0.) 0%, rgba(0,0,0,.4) 100%);
		content:" ";
		background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0) 100%);

		z-index: 1;
	}
	.left-menu {
		background: #efefef;
		margin: 0px;
		padding: 0px;
		
	}
	.left-menu li {
		padding: 0px 0px;
		height: 40px;
		line-height: 40px;
		list-style: none;
	}
	.left-menu li a {
		color:#000;
		font-size: 12px;
		letter-spacing: 0px;
		text-transform: uppercase;
		cursor: pointer;
	}
	.left-menu li a { 
		height: 40px;
		padding: 0px 5px;
		display: block;
		
	}
	.left-menu li a:hover {
		cursor: pointer;
		background: rgba(0,0,0,.1);
	}
	@media (max-width:966px) {
	 .top-bg-1 { 
		 width: 60px;
	 }
	 .top-bg-1:after { 
		 width: 80px;
		 height: 80px;bottom:-30px;
	 }
	 .top-bg-2 { 
		 bottom:80%;
		 right:-80px;
	 }
	 .top-phone { 
		 z-index: 9999999999999;
		 font-size: 18px;
		 line-height: 20px;    color: #fff;
    text-shadow: 0px 1px 2px #2D5077;
	 }
	 .top_tekst { 
		 line-height: 24px;
		 text-align: center;
		 margin-top: 100px;
		 background: transparent;
	 }
	 .text_main_in { 
		 text-align: center;
		 line-height: 20px;
	 }
	 .top_bg { 
		 background-position: left top;
	 }
	 .top-bg-2:before { 
		     position: absolute;
    right: 100px;
    top: -60px;
    background: #2e5077;
    width: 90px;
    height: 90px;
    border-radius: 100%;
    z-index: 10;
    content: " ";
	 }
	 .top-bg-2:after { 
		 width: 110px;
		 height: 110px;
	 }
		.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;
}