.space { 
	position: fixed;
	top:0px;
	bottom:0px;
	right:0px;
	left:0px;
	z-index: 0;
	opacity: .3;
}   .source { 
	font-family: 'Source Code Pro', monospace;
 }
body {
 background: #fff;
 font-family: 'Open Sans', 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%;
*/
 	
	}
	 
	.s_head { 
		font-size: 20px;
		font-family: 'Source Code Pro', monospace;
		letter-spacing: normal;
		

	}
	.s_txt { 
		font-size: 14px;
		line-height: 22px;
	}
	a.s_more, .s_more { 
		display: inline-block;
		border:1px solid #fff;
		border-radius: 100%;
		width: 90px;
		height: 90px;
		line-height: 88px;
		text-align: center;
		color:#fff;
		background: transparent;
		font-size: 12px;
		position: relative;
		transition: all 1s ease;
	}
	a.s_more.cobalt, .s_more.cobalt { 
		border:1px solid #17255A;
		color:#17255A;
	}
	a.s_more.cobalt:hover, .read_more:hover .s_more.cobalt { 
		color:#17255A;
	}
	a.s_more.dark { 
		border:1px solid #353531;
		color:#353531;
	}
	a.s_more.dark:hover { 
		color:#353531;
	}
	a.s_more:hover, .s_more:hover, .read_more:hover .s_more { 
		background: #FB534F;
		color:#fff;
	}
	.s_more:after { 
		position: absolute;
		left:0px;
		border-radius: 100%;
		top:0px;
		width: 100%;
		height: 100%;
		border:1px solid #FB534F;
		opacity: 0;
		transform: scale(.9);
		content:" ";
	}
	.s_more:before { 		border-radius: 100%;

		position: absolute;
		left:0px;
		top:0px;
		width: 100%;
		height: 100%;
		border:1px solid #FB534F;
		opacity: 0;
		transform: scale(.8);
		content:" ";
	}
	.s_more:hover:after, .read_more:hover .s_more:after { 
		animation: s_more 1s linear infinite;
	}
	.s_more:hover:before, .read_more:hover .s_more:before { 
		animation: s_more 1.2s linear infinite;
	}
	@keyframes s_more { 
		0% { transform: scale(0.9); opacity: 0;}
		50% { transform: scale(1); opacity: 1;}
		100% { transform: scale(1.5); opacity: 0;}
	}
	.s_more.mini { 
		height: 20px;
		width: 20px;
		line-height: 18px;
		font-size: 10px;
		text-align: center;
	}
	.read_more { 
		position: relative;
		display: inline-block;
		text-decoration: none;
		font-size: 12px;
		line-height: 20px;
	}
	a.read_more.cobalt { 
		color:#17255A;
	}
	.read_more:hover { 
		text-decoration: none;
	}
	body.noscroll { 
		overflow: hidden;
	}
	body.dark { 
		background: #17255A;
	}
	.playf { 
		font-family: 'Playfair Display', serif;
	}	.sociale { 
		position: fixed; 
		right:120px;
		top:25px;
		z-index: 99999999999;
		color:#fff;
		font-size: 30px;
	}
	.sociale i { 
		margin-left: 10px;
	}
	.ponizej .sociale { 
		color:#000;
	}

	.kanit { 
		letter-spacing: normal;
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;
		
	}
	#content { 
 }
.navbar-brand-wrap {
	padding: 0px;
}
	 .navbar-brand { 
 		 top:0px;
 		padding:10px;
 		position: relative;
		 left:0px;
		 background: #17255A;
		 width: auto;
		 max-width: 100%;
		 z-index: 99999999999;
	 }
	 .navbar-brand.absolutny { 
		 position: absolute;
		 background: #fff;
	 }
	 .navbar-brand img { 
		 width: 100%;
	 }

						 	.input-yellow.form-control { 
							 	background: transparent;
							 	border:1px solid #F2C14E;
							 	box-shadow: none;
							 	color:#F2C14E;
						 	}
/*
						 	.blog-text { 
							 	
							 	font-size: 13px;
						 	}
						 	.blog-title span { 
							 	float: right;
							 	font-size: 12px;
						 	}
*/
/*
						 	a.blog-row:hover,  a.blog-row:hover .blog-title.text-yellow,   a.blog-row:hover .blog-text.text-yellow { 
							 	background: #F2C14E;
							 	color:#252525 !important;
							 	text-decoration: none;
						 	}
						 	.blog-row { 
							 	display: block;
							 	padding: 10px;padding-top: 20px;
							 	padding-bottom: 20px;
							 	border-bottom: 1px dashed #F2C14E;
							 	
						 	}
*/
						 	.box.strefa-box { 
							 	background: #F2C14E;
							 	
						 	}
						 	.box.strefa-box .box-title { 
							 	color:#F2C14E;
						 	}
						 	.text-yellow { 
							 	color:#F2C14E;
						 	}
	.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, .ciemne .logo-color {  
		display: none !important;
	}
	.ponizej .logo-white, .whiteHeader .logo-white, .ciemne .logo-white { 
		display: block !important;
	}
	.ponizej .menu a, .whiteHeader .menu a, .ciemne .menu a { 
		color:#FDE2C7 !important;
	}
	
	.ponizejs nav,  .whiteHeader nav { 
		background: rgba(33, 74, 132, 0.85);
	}
	.new-header { 
		position: relative;
		text-align: center;
		margin-bottom: 50px;
	}
	.new-header span { 
		position: relative;
		display: inline-block;
		font-size: 40px;
		font-weight: 100;
				line-height: 40px;
	}
	.new-header span:before { 
		position: absolute;
		left:-20px;
		bottom:-20px;
		width: 60px;
		height: 60px;
		background: #DFE6D9;
		border-radius: 100%;
		z-index: -1;
		content:" ";

	}
	.new-header-after { 
		position: absolute;
		right:-20px;
		width: 40px;
		bottom:100%;
		border-bottom: 1px solid #ccc;
 	}
 	.new-header-after:after { 
	 	position: absolute;
	 	left:20px;
	 	top:-20px;
	 	bottom:-10px;
	 	border-right:1px solid #ccc;
	 	content:" ";
	 	
 	}
 	
	#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;
		}
		
	.form-status {
		position: absolute;
		right:10px;
		bottom:0px;
		line-height: 32px;
		font-size: 12px;
	}
	.form-status label {
		margin: 0px !important;
		line-height: 32px !important;
	}
	.error .form-status label.error {
		color:#cc0000;
	}
	.form-status label.error.done {
		font-size: 20px;
		color:#68bf48;
	}
	.valid .form-status label { 
		font-size: 20px;
		color:#68bf48;
		}
		
	input.form-control.valid {
		border-color:#68bf48 !important;
		color:#68bf48 !important;
	}
	input.form-control.error {
		color:#cc0000 !important;
		border-color:#cc0000 !important;
	}

.btn.my-button { 
border:1px solid #D6AB00;
color:#D6AB00;
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: #D6AB00;
	content:" ";
	transition:all .4s ease;
}
.btn.my-button:hover:after { 
	transform: scale(1,1);
}
.btn.my-button:hover { 
	color:#fff;
}

		@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: 100px;
 		 line-height: 100px;
 		 text-align: center;
 		 bottom:0px;
		 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;
 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;
		}
 
		.wyr-green span { 
			position: relative;
			z-index: 5;
		}
  
		.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;
margin-bottom: 20px;

		}
		.col-wrap.inactive .col-content { 
			transform: scale(0.3);
			opacity: .3;
		} 
		 
	 		 		 	 
 		.parallax-container:after { 
	 		position: absolute;
	 		left:0px;
	 		top:0px;
	 		right:0px;
	 		bottom:0px;
	 		background: #17255A;
	 		content:" ";
	 		opacity: 0.8;
	 		z-index: 1;
 		}
	.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;
	}
 
	 		 #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;
			 }
			 
	.top {
		position: relative;
 		overflow: hidden;
		min-height: 100vh;
		pointer-events: all !important;
 		padding: 0px 0px 00px 0px;

 
	} 
	.over_img { 
		z-index: 10;
		position: relative;
		width: auto;
		max-width: auto;
		height: 100%;
	}
	.sc_fake_img { 
		position: absolute;
		width: auto;
		max-width: auto;
		height: 100%;
		top:0px;
		right:0px;
	}
	.sc_fake_1 { 
		z-index: 1;
		transform: scale(0);
		transform-origin: 45% 70%;
	}
	.sc_fake.active .sc_fake_1 { 
		transition:all .5s ease;

		transform: scale(1);
	}
	.sc_fake_2 { 
		z-index: 2;	transform: scale(0);
		transform-origin: 45% 50%;
 	}
		.sc_fake.active .sc_fake_2 { 
					transition:all .5s ease .3s;
 		transform: scale(1);
	}
	.sc_fake_3 { 
		z-index: 3;	transform: scale(0);
		transform-origin: 60% 35%;
 	}
	.sc_fake.active .sc_fake_3 { 
		transition:all .5s ease .6s;
 		transform: scale(1);
	}
	.sc_fake_4 { 
		z-index: 4;	z-index: 3;	
		transform: scale(0);
		transform-origin: 35% 75%;
	}	.sc_fake.active .sc_fake_4 { 
		transition:all .5s ease 1.9s;
 		transform: scale(1);
	}
	.sc_fake_5 { 
		z-index: 0;	transform: scale(0);
		opacity: 0;
		transform-origin: 60% 35%;
 	}	.sc_fake.active .sc_fake_5 { 
		transition:all 1s ease 1.5s;
		opacity: 1;
 		transform: scale(1);
	}
	.sc_fake { 
		overflow: hidden;
		background-position: right bottom; background-size:100%;
		background-repeat: no-repeat;
 		position: absolute;
 		text-align: right;
		left:auto;
		top:20%;
		bottom:0%;
		right:0px;
		z-index: 5;
 	}
	.sc_top_bg_over { 
		overflow: hidden;
		 background-position: right bottom; background-size:100%;
		background-repeat: no-repeat;
 		position: absolute;
 		text-align: right;
		left:auto;
		top:20%;
		height: 80vh;
		bottom:0%;
		right:0px;
		z-index: 5;

opacity: 0;	}
	.sc_top_bg_over.active { 
		opacity: 1;
 	}
	 
	.sc_top_bg_under { 
		position: absolute;
		left:0%;
		top:0px;
		bottom:0px;
		right:0px;
		z-index: 1;
		background: #fff;
	}
	.sc_top_bg_under_1 { 
		position: absolute;
		left:0%;
		top:0px;
		bottom:0px;
		right:0px;
		background: #FB534F;
		z-index: 2;
		transform: scale(1) translate(-100%,100%) rotate(-45deg);
	}
	.sc_top_bg_under_1:after { 
		position: absolute;
		left:100%;
		top:0px;
		bottom:0px;
		width: 3px;
		opacity: 0.7;
		background: #FB534F;
		box-shadow: 0px 0px 20px 5px rgba(255,255,255,.8);
		content:" ";
	}
	.sc_top_bg_under_1.active { 
		animation: top_bg_under 10s linear infinite;
		
	}
	.sc_kreski { 
 		position: absolute;
		left:55%;
		bottom:60%;
		width: 20%;
 		border-radius: 100%;
 		transform: rotate(-43deg); 
 		z-index: 10;
	}
	.sc_kreski_1 { 	
		opacity: 0;
		position: absolute;
		left:0;
		bottom:0;
		width: 100%;
		height: 100%;
 		border-radius: 100%;
 		
		border:15px solid transparent;
		border-right-color: #FB534F;
 			animation:kreski1 10s linear infinite;
 			animation-delay: 4.5s;
}
	.sc_kreski:before { 
		opacity: 0;
		content:" ";
		position: absolute;
		left:0%;
		top:-50%;
		height: 200%;
		width: 200%;
		border-radius: 100%;
 		border:15px solid transparent;
		border-right-color: #FB534F;
		z-index: 10;
		margin-left: -30px;
		animation:kreski2 10s linear infinite; 			animation-delay: 4.5s;
	}
	.sc_kreski:after { 
		opacity: 0;
		content:" ";
		position: absolute;
		left:0px;
		top:-25%;
		height: 150%;
		width: 150%;
		border-radius: 100%;
 		border:15px solid transparent;
		border-right-color: #FB534F;
		z-index: 10;
		margin-left: -10px;		animation:kreski3 10s linear infinite; 			animation-delay: 4.5s;
	}
		@keyframes top_bg_under { 
		0% {		transform: scale(1) translate(-100%,100%) rotate(-45deg); }
		50% { 
			transform: scale(1) translate(0%,0%) rotate(-45deg);
		}
		100% { 
			transform: scale(1) translate(100%,-100%) rotate(-45deg);
		}
	}
		@keyframes kreski1 { 
		0% { opacity: 0;}
		40% { opacity: 0;}
		42% { 
			opacity: 1;
		}
		52% { 
			opacity: 0;
		}
		62% { opacity: 1;}
		72% { opacity: 0; }
		82% { opacity: 1;}
		92% { opacity: 0;}
		100% { 
			opacity: 0;
		}
	}	
	@keyframes kreski2 { 
		0% { opacity: 0;}
		45% { opacity: 0;}
		46% { opacity: 1; }
		56% { opacity: 0;}
		66% { opacity: 1;}
		
		76% { opacity: 0; }
		86% { opacity: 1;}
		96% { opacity: 0;}
		100% { 
			opacity: 0;
		}
	}	
	@keyframes kreski3 { 
		0% { opacity: 0;}
 		43% { opacity: 0;}
		44% { opacity: 1; }
		54% { opacity: 0;}
		64% { opacity: 1;}
		
		74% { opacity: 0; }
		84% { opacity: 1;}
		94% { opacity: 0;}
		100% { 
			opacity: 0;
		}

	}	 
	.top_bg_new { 
		position: absolute !important;
		left:0px;
		top:0px;
		right:0px;
		bottom:0px;
		opacity: .5;
		z-index: 0;
 		background-image:url(/layout/zss_space.png); background-size: auto 100%;
	}
	.top_bg_new.dark { 
		position: absolute !important;
		left:0px;
		top:0px;
		right:0px;
		bottom:0px;
		opacity: 1;
		z-index: 0;
 		background-image:url(/layout/zss_space_dark.png); background-size: cover;
	}
	.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_2 { 
		position: fixed;
		top:0px;
		right:0px;
		bottom:0px;
		left:0px;
		z-index: 0;
		background-size: auto 100%;
background-position: center bottom;
	}
	.top_bg_3 { 
		position: fixed;
		top:0px !important;
		right:0px;
		bottom:0px;
		left:0px;
		z-index: 4;
		background-size: auto 100%;
 background-position: center bottom;	}
	.top_bg_4 { 
		position: fixed;
		top:0px !important;
		right:0px;
		bottom:0px;
		left:0px;
		z-index: 99999999999999999;
		background-size: auto 100%;
background-position: center bottom;	}

	.top_bg {
 position: fixed;
top:0px;
left: 0px;
bottom:0px;
right:0px;
overflow: hidden;
z-index: 0;
background-size: auto 100%;

background-position: center bottom;
 } 
	.top_bg.active { 
		opacity: 1;
		visibility: visible;
	} 
	.atutHeader { 
		font-size: 40px;
		margin-bottom: 20px;
		font-weight: 900;
		text-align: center;
		color:#fff;
	}
	.atutOpis { 
		font-size: 24px;
		line-height: 30px;
		text-align: center;
	} 	.btn.btn-outline-orange { 
		color:#FC440F;
		border-color:#FC440F;
	}
	.btn.btn-outline-orange:hover { 
		background: #FC440F;
		color:#fff;
	}
	.top_tekst {
		color:#fff;
	color: #fff;
font-weight: 900;
z-index: 10;
position: relative;
text-align: right;
font-size: 70px;
 line-height: 70px;
letter-spacing: 2px;
	}
	.text_main_in { 
	line-height: 30px;
 	font-size: 24px;
	font-weight: 300;
	letter-spacing: normal;
	text-align: left;
	}
	.spin-main { 
		font-size: 300px;
		color:rgba(255,255,255,.3);
		animation:spin 5s linear infinite;
	}
	.spin-main i { 
		position: absolute;
		left:50%;
		top:50%;
		transform: translate(-50%,-50%);
	}
	@keyframes spin { 
		0% { transform: rotate(0deg);}
		100% { transform: rotate(360deg);}
	}
	.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;
		background: #252525;
		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 !important;
	}
	.delay-12 {
		transition-delay: 1.2s !important;
	}
	.delay-14 {
		transition-delay: 1.4s !important;
	}
.delay-16 {
		transition-delay: 1.6s !important;
	}.delay-18 {
		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;
    }
    #spacecomm_sign { 
	    position: relative;
	    padding: 15px 9px 10px 9px;
    }
    #spacecomm_sign img { 
	    width: 100%;
    }
.skrollr-mobile  #skrollr-body {
	   position: fixed;
	   top:0px;
	   left:0px;
	   width: 100%;
	   height: 100%;
	   
	   }
	   header {
		   position: absolute;
		   z-index: 99999999999999;
	   }
	   .navwcag { 
		   position: absolute;
		   left:-5000px;
		   top:10px;
	   }
	nav {
		top:0px;
 		position: fixed;
		left:0px;
 		width:100%;
 
/*   		background: #252525; */
   		transition:all .3s ease;
		 	}
/*
		 	nav:after { 
			 	position: absolute;
			 	top:0px;
			 	height: 3px;
			 	left:0px;
			 	right:0px;
			 	background: #D62839;
			 	content:" ";
		 	}
*/
		 	ul.menu {
			 	background: transparent;
			 	padding: 0px;
			 	margin-bottom: 0px;
		 	}
		 	.parallax-over { 
			 	opacity: 0;
		 	}
		 	
.klikacz {
	position: fixed;
	z-index: 999999999999999;
	transition:all 3.5s ease;
	background: #17255A;
	width: 100vw;
	height: 100vw;
	opacity: 0.5;
	transform: scale(0);
	border-radius: 100%;
}
.klikaczIn { 
	position: absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	transform: scale(1);
	border-radius: 100%;
}
.klikaczIn:before { 
	position: absolute;
	left:-10px;
	top:-10px;
	right:-10px;
	bottom:-10px;
	border:20px solid #FB534F;
	content:" ";
	border-radius: 100%;
	transform: scale(.7);
	transition: all .3s ease;
}
.klikaczIn:after { 
	position: absolute;
	left:-40px;
	top:-40px;
	right:-40px;
	bottom:-40px;
	border:20px solid #FB534F;
	content:" ";
	border-radius: 100%;
	transform: scale(.8);
	transition: all .5s ease;
}
.klikacz.active .klikaczIn:before { 
	transform: scale(2);
}
.klikacz.active .klikaczIn:after { 
	transform: scale(1.3);
}
.klikacz:after {
	position: absolute;
	background: rgba(222, 145, 20, 0.26);
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	opacity: 1;
	transform: scale(0.3);
	border-radius: 100%;
	content:" ";
	transition:all 1.5s ease;
	}
	.klikacz.active:after {
		transform: scale(6);
		opacity: 0;
		}
	
	
.klikacz.active {
	transform: scale(3);
	opacity: 1;
}


 .gwiazdkaWrap {
	 position: fixed;
	 z-index: 0;
	 width: 2px;
	 opacity: 0;
  }
 .gwiazdkaAfter {
	 position: absolute;
	 left:0px;
	 top:0px;
	 height: 80%;
	 width: 1px;
	 background: -webkit-linear-gradient(rgba(94, 94, 130, 1) 0%, rgba(94, 94, 130,0) 75.63%);
	 opacity:1;
 
  }
 .gwiazdka {
	 position: absolute;
	 left:-2px;
	 top:-2px;
	 background: rgba(94, 94, 130,1);
	 border-radius:100%;
	 box-shadow: 0px 0px 20px rgba(94, 94, 130,1);
	 width: 4px;
	 height:4px;
	 opacity: 1;
	 transform: scale(0);
 }
 .gwiazdkaWrap.active .gwiazdka {
	 animation-name: gwiazdka;
 	 animation-timing-function: ease-out;
 }
 .gwiazdkaWrap.active {
	 animation-name: gww;
	 animation-timing-function: ease-out;
 }
 @keyframes gww {
	 0% { opacity: 0; }
	 20% { opacity: 1; }
	 70% { opacity: 1}
	 100% { opacity: 0; }
 }
 @keyframes gwiazdka {
	 0% { opacity: 0; transform: scale(0); }
	 20% { opacity:1; transform: scale(1); }
	 60% { opacity: 1; transform: scale(2); }
	 100% { opacity: 0.4; transform: scale(0); }
 }
 .gwiazdkaWrap.active  .gwiazdkaAfter{
	 animation-name:animWrap;
 	 animation-timing-function: ease-out;
 }
 @keyframes animWrap {
	 0% { transform: translate(0); }
	 
	 100% { transform: translateY(-100%);}
	  
 }


 	 .aktywne nav { 
	 	 background: #D62839;
 	 }
	.navbar-brand-wrap {width: 300px; flex-grow: 0.33; }
	.navbar-brand img {
		width: auto;
		max-height: 80px;
 	}
	.topcol {
		position: relative;
		padding-right: 0px;
		
  	} 	.menu {
		position: relative;
		float: right;
		background: #17255A;
		padding-right: 15px;
		padding-left: 15px;
 	}
 	.menu ul { 
	 	padding: 0px;
	 	margin: 0px;
 	}
	.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: 5px 10px;
    margin: 0px;
    display: block;	font-family: 'Source Code Pro', monospace;

    font-size: .9rem;
    height: 40px;
    font-weight: 500;
    color: #E7ECEF;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-transform: lowercase !important;
    position: relative;
    z-index: 5;
 	}
	.menu a:hover { 
		cursor: pointer;
		color:#fff;
  	}
  	.menu a span { 
	  	position: relative;
	  	z-index: 1;
  	}
  	.menu li { 
	  	position: relative;
  	}
  	.menu li:after {
	  	position: absolute;
	  	top:60%;
	  	left:0px;
	  	height: 5px;
	  	background: #FB534F;
	  	width: 100%;
	  	transform: scale(0,1) translateY(-50%);
	  	transition: all .3s ease;
	  	transform-origin: left center;
	  	content:" ";
	  	z-index: 3;
  	}
  	.menu li:hover:after { 
	  	transform: scale(1,1) translateY(-50%);
  	}/*

 	.menu a.start-menu:hover, .menu a.start-menu.active { 
	 	color:#739F34;
 	}	.menu a.o-mnie-menu:hover, .menu a.o-mnie-menu.active { 
	 	color:#00A6ED;
 	}
 	.menu a.o-wsporniku-menu:hover, .menu a.o-wsporniku-menu.active { 
	 	color:#A63D40;
 	}
 		.menu a.strefa-menu:hover, .menu a.strefa-menu.active { 
	 	color:#F2C14E;
 	}
 		.menu a.sklep-menu:hover, .menu a.sklep-menu.active { 
	 	color:#B4436C;
 	}
 	 		.menu a.logowanie-menu:hover, .menu a.logowanie-menu.active { 
	 	color:#FFCAB1;
 	}
*/
 		.menu a small {
		font-weight: 700;
	}
	.mh100 { min-height: 100vh !important;};
	@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 {
  		text-decoration: none;
		cursor: pointer;
	}
	.menu a.active {
 	} 
	
		.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;
	} 	
	 .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;
	
	
}

	.hidi { 
		visibility: hidden;
		width: auto;
		height: 100%;
	}
	.sc_top_circle_wrap { 
		position: absolute;
 		top:20%;
		bottom:0%;
		height: 80vh;
		right:0px;
		z-index: 5;
		width: auto;		left:auto;
text-align: right;
 		z-index: 999999999;
	}
	.sc_top_circle_1 { 
		position: absolute;
		left:0%;
		top:-30%;
		bottom:25%;
		width: 30%;
		border-right: 1px solid #FB534F;
		transform: scale(1,0) rotate(0deg);
		transform-origin: right top;
		transition: all 1s ease;
 	}
 	.sc_top_circle_2 { 
		position: absolute;
		left:-160%;
		top:0px;
		bottom:25%;
		width: 190%;
		z-index: 99;
		border-bottom: 1px solid #FB534F;
		transform: scale(0,1) rotate(0deg);
		transform-origin: left bottom ;
 	}
 .sc_top_circle_wrap.active .sc_top_circle_1 { 
		transform: scale(1) rotate(0deg);		transition: all 1s ease 1s;

	}
 .sc_top_circle_wrap.active .sc_top_circle_2 { 
		transform: scale(1) rotate(0deg);		transition: all 1s ease 1s;

	}
	.sc_top_circle { 
		background: #D7DFE2;
		overflow: hidden;
		border:2px solid #fff;
		z-index: 9999;
		border-radius: 100%;
		width: 10%;
		position: absolute;
		bottom:20%;
		left:27%;
		transform: scale(0);
	}
	.sc_top_circle_wrap.active .sc_top_circle { 
		transition: all 1s ease;
		transform: scale(1);
	}
	.sc_top_circle:after { 
		position: absolute;
		left:0px;
		top:0px;
		bottom:0px;
		right:0px;
		border-radius: 100%;
		background: #FB534F;
		transform: scale(0,0);
		content:" ";
	}
	 .sc_top_circle_wrap.active .sc_top_circle.active:after {
		transition: all 1s ease 1.5s;
		transform: scale(1);
		 }
		 .satelita-wrap { 
			 opacity: 0;
		 }
		 .satelita-wrap.active { 
			 opacity: 1;
			 transition: all 1s ease 2s;
		 }
	.satelita { 
		position: absolute;
		right:5%;
		top:50px;
		width: 8%;
		z-index: 999999999999999999;
		animation: satelita 40s linear infinite;
		transform-origin: center bottom;
		opacity: 0.4;
	}
 
	@keyframes satelita { 
		0% { opacity:0.4; transform: scale(1) translate(0,0) rotate(-5deg);}
		33% { opacity: .4; transform: scale(1) translate(50%,150%) rotate(15deg);}
		66% { opacity: .4; transform: scale(1) translate(-30%,-50%) rotate(-25deg);}
		100% { opacity:0.4; transform: scale(1) translate(0,0) rotate(-5deg);}
	
		
	}
	.satelita svg { 
		width: 100%; animation:satelita_over 10s linear infinite;		 			animation-delay: 4s;

	}
/*
	.satelita_over { 
		position: absolute;
		left:0px;
		top:0px;
		width: 100%;
		opacity: 0;
		animation:satelita_over 10s linear infinite;		 			animation-delay: 4s;

	}
*/
	@keyframes satelita_over { 
		0% { fill: rgba(255,255,255,.8);}
		49.5% { fill: rgba(255,255,255,.8)}
		50% { fill:#F75C03;}
		95% {fill:#F75C03}
		96% { fill: rgba(255,255,255,.8);}
		100% { fill: rgba(255,255,255,.8);}
	}
	.s_main_heading_top:after, .s_main_heading_sub:after, .s_main_heading_txt:after { 
		position: absolute;
		left:0px;
		top:-1px;
		bottom:-1px;
		right:0px;
		content:" ";
		background: #17255A;
		
	}
	.s_main_heading_top:after { 
		transform: scale(1);
	}
	.s_main_heading.active .s_main_heading_top:after { 
		transition: all 2s ease 0s;
		transform: scale(0,1);
		transform-origin: right center;
	}
	
	.s_main_heading.active .s_main_heading_sub:after { 
		transition: all 2s ease .4s;
		transform: scale(0,1);
		transform-origin: left center;
	}
	.s_main_heading.active .s_main_heading_txt:after { 
		transition: all 2s ease .8s;
		transform: scale(1,0);
		transform-origin: center top;
	}
	.s_main_heading_top { 
		position: relative;
		height: 40px;
		border-bottom: 1px solid rgba(234, 238, 240, 0.3);
		font-size: 14px;
		text-transform: none;
		text-align: right;
		line-height: 50px;
		margin-bottom: 0px;
	}
	h1.s_main_heading_sub { 
		text-align: left;
		margin-top: 0px;
		position: relative;
		border-bottom: 1px solid rgba(234, 238, 240, 0.3);
	}
	.s_main_heading_txt { 
		position: relative;
	}
	.main-white { 
		color:#E7ECEF;
	}
	.main-cobalt { 
		color:#17255A;
	}
	#content { 
		position: relative;
		overflow: hidden;
	}
	.mini-satelita-wrap { 
		width: 110%;
		left:-5%;
		position: absolute;
		bottom:0;
		z-index: 1;
		height: 300px;
		border-radius: 100%;
 	} .main-body { 
		 background: #17255A;
	 }
	 .gobacktomain { 
		 position: fixed;
		 left:0px;
		 top:100px;
		 height:100px;
z-index:9999999999999;
color:#fff;
padding-left:30px;
width: 50%;
font-size: 40px;
	 }
	 .gobacktomain i { 
		 transition:all .3s ease;
		 opacity: 0.4;
	 }
	 .gobacktomain:hover { 
		 cursor: pointer;
	 }
	 .gobacktomain:hover i { 
		 transform: translateX(-30%) scale(1.2);
		 opacity: 1;
	 }
	 @media (max-width:767px) { 

	 }
	#mini-satelita { fill:#F75C03;
		position: absolute;
		left:5%;
		bottom:-20px;
		transform: translate(0,00%) rotate(-35deg);
		width: 130px;
		opacity: .4;
		animation: minisatelita 50s linear infinite;
	}
	@keyframes minisatelita {
		0% { 
			transform:   rotate(-30deg) translate(-50%,-50%) scale(0.4); left:5%;
		}
		45% { transform:   rotate(-45deg) translate(-50%,40%) scale(1); left:45%;}
		55% { transform:   rotate(-45deg) translate(-50%,40%) scale(1); left:55%;}

		100% { transform:   rotate(-60deg) translate(-50%,-50%) scale(0.4); left:90%;}
	}
	.top { 
			background-color: #17255A;

	}
	.about { 
		position: relative;
		background: #F0EDEE;
		top:-100px;
		
		padding: 50px;
  		box-shadow: 0px 20px 50px rgba(0,0,0,.2);
	}
	.about-hide { 
		position: absolute;
		left:0px;
		right:0px;
		top:0px;
		bottom:100px;
		background: #17255A;
		transition: all 2s ease;
	}
		.about-hide-1 { 
		position: absolute;
 		right:0px;
 		width: 100%;
		top:auto;
		height: 100px;
		bottom:0px;
		background: #17255A;
		transition: all 2s ease;
		transform-origin: right center;
	}
	.about.active .about-hide-1 { 
width:100px;
	}
	.about.active .about-hide
	 { 


		transform: translateX(-100%);
	}
	.offer-box { 
		height: 100%;
		padding: 30px;
		background: #17255A;
		box-shadow: 0px 20px 50px rgba(0,0,0,.2);
	}
	.offer-box-img { 
		text-align: center;
		width: 100%;
		margin-bottom: 30px;
		position: relative;
	}
	.sc_icon_over { 
		opacity: 0;
		position: absolute;
		left:50%;
		transform: translateX(-50%);
		top:0px;
	}
	.sc_icon_over.active { 
		opacity: 1;
		transition: all 3s ease;
	}
	.offer-box-img img { 
		width: 100%;
		max-width: 120px;
		margin: auto;
	}
	.offer-box-heading { 
		min-height: 50px;
		line-height: 48px;
		text-align: center;
		
		}
		.offer-box-heading span { 
			border:1px solid #fff;
		border-width: 1px 0px 1px 0px;	
		display: inline-block;
		}
		.offer-box-txt { 
			font-size: 12px;
			text-align: center;
			padding: 40px;
		}
		.ziemia { 
			position: absolute;
			top:10%;
			right:10%;
			width: 30%;
			z-index: -1;
			border-radius: 100%;
			overflow: hidden;
		}
		#spectrum1 { 
			position: absolute;
			top:0px;
			left:0px;
			
		}
	@media (max-width:1199px) {
		body { 
			padding-left: 0px;
		}
.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, #menu {
			display: none;
		}
		.menuMobi.active, #menu.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, #menu a { 
	display: block;
	height: 60px;
	line-height: 60px;
	color:#000;
	text-align: center;
	font-size: 30px;
}


		#szybkaWycenaButton { 
			right:50px;
			top:12px;
		}
		.service-group-header { 
			color:#000; font-weight: 300; text-align: center; font-size: 40px
		}
		.top_bg, .top_bg_2 { 
			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 { 
 			padding: 15px;
			white-space: normal;
		}
		.text_main_in { 
			color:#fff;
			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: 300px;
		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 {
 		}
/*
		#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: 50px;
			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:#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;
 			font-weight: 300;
			line-height: 40px;
			font-size: 20px;
			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; 
		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: 10px;
 		}
		#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-width:766px) { 
	.mh100 { 
		height: auto !important;
		min-height: auto !important;
	}
	.s_main_heading { 
		padding-top: 70px;
	}
	h1.s_main_heading_sub {
		font-size: 1.2rem;
		}
		.s_main_heading_txt {
			font-size: 0.7rem;
		}
		.sc_top_circle_wrap, .sc_top_bg_over, .sc_fake { 
			top:auto;
			bottom:0px;
			height: auto;
			transform: translateX(-15%) translateY(20%);

		}
		.over_img, .sc_fake_img { 
			width: 100%;
			height: auto;
		}.about { 
		position: relative;
		background: #E7ECEF;
		top:20px;
		
		padding: 10px;
  		box-shadow: 0px 20px 50px rgba(0,0,0,.2);
	}
	.satelita { 
		top:30%;
		width: 15%;
	}
	.sc_kreski_1, .sc_kreski:before, .sc_kreski:after  {
		border-width: 8px; 
		
	}
	.sc_kreski:before {
		margin-left: -20px;
	}
}



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


 
	 .case-study-title { 
		 color:#F75C03;
		 height: auto;
		 line-height: 40px;
		 font-size: 20px;
		 margin-bottom: 20px;
	 }
	 .case-study-row { 
		 margin-bottom: 100px;
	 }
	 .case-study-txt { 
		 font-size: 12px;
		 line-height: 20px;
		 color:#171E48;
	 }

		.blog-row-wrap { 
			background: #fff;
			position: relative;
			z-index: 9999;
		}
		.blog-row-wrap:after { 
			position: absolute;
			left:100%;
			top:0px;
			bottom:0px;
			width: 55px; 
			background: #F75C03;
			content:" ";
			opacity: 0;
 		}
 				.blog-row-wrap:before { 
			position: absolute;
			left:100%;
			top:0px;
			bottom:0px;
			width: 25px; 
			background: #F75C03;
			content:" ";
			opacity: 0;
 		}
 		.blog-row-wrap.active:before { 
	 		animation:blogrow 1.2s ease .5s;
	 		transform-origin: left center;
 		}
 		.blog-row-wrap.active:after { 
	 		animation:blogrow .8s ease .4s;
	 		transform-origin: left center;
 		}
 		@keyframes blogrow { 
	 		0% { transform: scale(1) translateX(0); opacity:1;}
 	 		100% { transform: scale(1.8,1) translateX(300%); opacity: 0;}
 		}
		a.blog-row { 
			min-height: 80px;
			line-height: 78px;
	/*
		border: 1px dashed #171E48;
			border-width: 0px 0px 1px 0px;
*/
color:#171E48;
border:none;
			font-size: 30px;
			padding: 0px;
			display: flex;
			
		}
		a.blog-row:after { 
			position: absolute;
			left:0px;
			top:0px;
			bottom:0px;
			right:0px;
			background: #F75C03;
			content:" ";
			z-index: 0;
			transform: scale(0,1);
			transition: all .5s ease;
			transform-origin: left center;
		}
		a.blog-row:hover:after { 
			transform: scale(1,1);
		}
		a.blog-row:hover { 
			text-decoration: none;
		}
		.blog-date, .blog-text, .blog-date span { 
			position: relative;
			z-index: 1;
			transition:all .5s ease .1s;
		}
		.blog-row:hover .blog-date,.blog-row:hover .blog-date span {
			color:#fff !important;

/* 			background: #F75C03; */
		}
		a.blog-row:hover .blog-text { 
/* 			background: #F75C03; */
			color:#fff !important;
		}
		.blog-date { 
			height: 100%;
			padding: 15px 0px 15px 0px;
			display: flex;
			flex-direction: column;
			align-items: center;
			line-height: 25px;
/* 			background: #000; */
			justify-content: center;
			position: relative;
			background: transparent;
			color:#171E48;
			font-size: 20px;
			text-align: center;
			font-family: 'Source Code Pro', monospace;

		}
		.blog-date:after { 
			position: absolute;
			right:0px;
 			font-size: 80px;
 			width: 1px;
			content:" ";
			border-right: 2px solid #F75C03;
 			font-family: 'Source Code Pro', monospace;
			top:5px;
			bottom: 5px;
 
		}
		.blog-date span { 
			display: block;
			font-size: 23px;
			color:#BFC3BA;
		}
		.blog-img { 
 			width: 100%;
		}
		@media (max-width:767px) { 
			.blog-date { 
				font-size: 14px;
				line-height: 14px;
				padding: 5px 0px;
			}
			.blog-date span { 
				font-size: 16px;
			}
			a.blog-row { 
				min-height: 40px;
				line-height: 40px;
				font-size: 20px;
				}
		}
		.blog-img-wrap { 
			position: absolute;
			left:0px;
			top:0px;
			width: 100%;
			transform: scale(1) translateX(-100%);
			opacity: 0;
			z-index: 0; 	transition:all .5s ease;
			box-shadow: 20px 10px 20px rgba(0,0,0,.1);
			transform-origin: left center;
		}
		.blog-img-wrap.active { 			transition:all 1s ease .3s;

			transform: scale(1);
			opacity: 1;
		}
		.step-circle-in { 
			position: absolute;
			left:0px;
			top:0px;
			bottom:0px;
			right:0px;
			border-radius: 100%;
			border:1px solid rgba(0,0,0,.4);
			animation:step-circle 5s linear infinite;
		}
		.step-circle-out { 
			position: absolute;
			left:0px;
			top:0px;
			bottom:0px;
			right:0px;
			border-radius: 100%;			border:1px solid rgba(0,0,0,.4);

			animation:step-circle-out 4s cubic-bezier(0.2,0.3,0.6,0.4) infinite;
		}
		.step-circle-out:before { 
			position: absolute;
			left:0%;
			top:50%;
			width: 6px;
			height:6px;
			background: #F75C03;
			border-radius: 100%;
			box-shadow: 0px 0px 10px 5px #F75C03;
			content:" ";
			margin-left:-3px;
			margin-top:-3px;
		}
		.step-circle-in:after { 
			position: absolute;
			left:100%;
			top:50%;
			width: 6px;
			height:6px;
			background: #F75C03;
			border-radius: 100%;
			box-shadow: 0px 0px 10px 5px #F75C03;
			content:" ";
			margin-left:-3px;
			margin-top:-3px;
		}
		 @keyframes step-circle-out { 
			0% { transform: rotate(0deg);}
			100% { transform: rotate(-360deg);}
		}
		@keyframes step-circle { 
			0% { transform: rotate(0deg);}
			100% { transform: rotate(360deg);}
		}
	
 		.step-upload { 
	 		position: absolute;
	 		left:50%;
	 		top:50%;
	 		z-index: 5;
	 		transform: translate(-50%,-50%) scale(.1);
	 		background: #fff;
	 		border:1px solid #F75C03;
	 		width: 20%;
	 		border-radius: 100%;
 		}
 		.step-circle.active .step-upload { 
	 		transition: all 10s ease 1s;
	 		background: #F75C03;
	 		transform: translate(-50%,-50%) scale(1);
 		}
 		
 		.step-uploads { 
	 		position: absolute;
	 		left:0px;
	 		top:0px;
	 		bottom:0px;
	 		right:0px;
	 		z-index: 1;
 		}
 		.step-uploads-1 { 
	 		position: absolute;
	 		left:20%;
	 		right:20%;
	 		height: 1px;
	 		top:50%;
	 		background: #0a1439;
	 		transform: rotate(-45deg);
	 		overflow: hidden;
 		}
 		.step-uploads-1:after,.step-uploads-2:after { 
	 		position: absolute;
	 		top:0px;
	 		left:100%;
	 		width: 20%;
	 		height: 1px;
	 		background: #F75C03;
	 		transform: translateX(0%) scale(1);
 	 		content:" ";
	 		transform-origin: right center;
	 		
 		}
 		.step-uploads-1:before,.step-uploads-2:before { 
	 		position: absolute;
	 		top:0px;
	 		right:100%;
	 		width: 20%;
	 		height: 1px;
	 		background: #F75C03;
	 		transform: translateX(0%) scale(1);
 	 		content:" ";
	 		transform-origin: left center;
	 		
 		}
 		.step-circle.active .step-uploads-1:before { 
	 		animation:su1b 2s ease infinite;
 		}
 		@keyframes su1b { 
	 		0% { transform: translateX(0%) scale(1);}
	 		100% { transform: translateX(340%) scale(0.3,1);}
 		}
 		.step-circle.active .step-uploads-1:after { 
	 		animation:su1 2s ease 1s infinite;
 		}
 		@keyframes su1 { 
	 		0% { transform: translateX(0%) scale(1);}
	 		100% { transform: translateX(-340%) scale(0.3,1);}
 		}
 		.step-uploads-2 { 
	 		position: absolute;
	 		left:10%;
	 		right:10%;
	 		height: 1px;
	 		top:50%;
	 		background: #0a1439;
	 		overflow: hidden;
	 		transform: rotate(45deg);
 		}
 		
 		 
 		.step-circle.active .step-uploads-2:before { 
	 		animation:su1b 2s ease 1.5s infinite;
 		}
/*
 		@keyframes su1b { 
	 		0% { transform: translateX(-300%);}
	 		100% { transform: translateX(50%);}
 		}
*/
 		.step-circle.active .step-uploads-2:after { 
	 		animation:su1 2.5s ease 2s infinite;
 		}
 		
 		
 		
 		
 		
 		
 		.step-circle.active .uploads-out .step-uploads-1:before { 
	 		animation:su1bo 2s ease infinite;
 		}
 		.uploads-out .step-uploads-1:before, .uploads-out .step-uploads-2:before { 
	 		left:50%;
	 		right: auto;
	 		transform: translateX(0%) scale(.3);
 		}
 		.uploads-out .step-uploads-1:after, .uploads-out .step-uploads-2:after { 
	 		right:50%;
	 		left: auto;
	 		transform: translateX(0%) scale(.3);
 		}
 		.step-upload.upload-out { 
	 			 		transform: translate(-50%,-50%) scale(1);

 		}
 		.step-circle.active .step-upload.upload-out { 
	 		animation:stuo 5s linear infinite;
 		}
 		@keyframes stuo { 
	 		0% { transform: translate(-50%,-50%) scale(1); background: #F75C03; }
	 		90% { transform: translate(-50%,-50%) scale(.3); background: #171E48;}
 		}
 		@keyframes su1bo { 
	 		0% { transform: translateX(0%) scale(.3,1);}
	 		100% { transform: translateX(240%) scale(1);}
 		}
 		.step-circle.active .uploads-out .step-uploads-1:after { 
	 		animation:su1o 2s ease 1s infinite;
 		}
 		@keyframes su1o { 
	 		0% { transform: translateX(0%) scale(.3,1);}
	 		100% { transform: translateX(-240%) scale(1);}
 		}
 			.step-circle.active .uploads-out .step-uploads-2:before { 
	 		animation:su1bo 2s ease 1.5s infinite;
 		}
/*
 		@keyframes su1b { 
	 		0% { transform: translateX(-300%);}
	 		100% { transform: translateX(50%);}
 		}
*/
 		.step-circle.active .uploads-out .step-uploads-2:after { 
	 		animation:su1o 2.5s ease 2s infinite;
 		}


/*
 		@keyframes su1 { 
	 		0% { transform: translateX(300%);}
	 		100% { transform: translateX(-50%);}
 		}
*/	.step-circle-send { 
			position: absolute;
			left:50%;
			top:50%;
			width: 20%;
			transform: translate(-50%,-50%) scale(1);
			background: #F75C03;
			border-radius: 100%;

 		}
 		.step-circle.active .step-circle-send { 
  		}
 		@keyframes stcs { 
	 		 
	 			 		55% { 
		 		transform: translate(-50%,-50%) scale(1.1);
	 		}
	 			 		100% { 
		 		transform: translate(-50%,-50%) scale(1);
	 		}
	 			 	 
 		}
 		
 		.step-circle-sends { 
	 		position: absolute;
	 		left:0px;
	 		top:0px;
	 		bottom:0px;
	 		right:0px;
	 		border-radius: 100%;
 		}
 		.step-circle-sends:after, .step-circle-sends:before { 
	 		position: absolute;
	 		left:-10px;
	 		bottom:-10px;
	 		right:-10px;
	 		top:-10px;
	 		border-radius: 100%;
	 		border:2px solid #F75C03;
	 		content:" ";
 		}
 		.step-circle.active .step-circle-sends.sends-back:after { 
	 			 		animation:stcb 2s ease infinite;

 		}
 		.step-circle.active .step-circle-sends:after { 
 			 		animation:stc 2s ease infinite;
}
 		 		.step-circle.active .step-circle-sends.sends-back:before { 
	 		 			 		animation:stcb 2s ease .3s infinite;

	 		 		}

 		.step-circle.active .step-circle-sends:before { 
	 		animation:stc 2s ease .3s infinite;
 		}
 		@keyframes stc { 
	 		0% { transform: scale(0.2);}
	 		100% { transform: scale(1);
		 		opacity: 0;
	 		}
 		}
 		@keyframes stcb { 
	 		0% { transform: scale(1.1); opacity: 0;}
	 		100% { transform: scale(0.2);
		 		opacity: 1;
	 		}
 		}
 		.step-circle.active .sat2.step-circle-out:before { 
		animation: stcob 2s linear infinite;
		}
		.step-circle.active .sat2.step-circle-in:after { 
					animation: stcob 2s linear infinite;
		}
		@keyframes stcob { 
				0% { background: #F75C03;
							box-shadow: 0px 0px 10px 5px #F75C03;

}
	50% { 			background: #F75C03;
							box-shadow: 0px 0px 10px 5px #F75C03;

}	 
	60% { background:#C0BCB5; 
			box-shadow: 0px 0px 10px 5px #C0BCB5; }
90% { background:#C0BCB5; 
			box-shadow: 0px 0px 10px 5px #C0BCB5; }
			60% { background: #F75C03;
							box-shadow: 0px 0px 10px 5px #F75C03;

}
	100% { 			background: #F75C03;
							box-shadow: 0px 0px 10px 5px #F75C03;

}	  
			 
		}
 		.step-circle.active .sat1.step-circle-out:before { 
		animation: stco 2s linear infinite;
		}
		.step-circle.active .sat1.step-circle-in:after { 
					animation: stco 2s linear infinite;
		}
		@keyframes stco { 
			0% { background:#C0BCB5; 
			box-shadow: 0px 0px 10px 5px #C0BCB5; }
50% { background:#C0BCB5; 
			box-shadow: 0px 0px 10px 5px #C0BCB5; }
			60% { background: #F75C03;
							box-shadow: 0px 0px 10px 5px #F75C03;

}
	90% { 			background: #F75C03;
							box-shadow: 0px 0px 10px 5px #F75C03;

}	 
100% { background:#C0BCB5; 
			box-shadow: 0px 0px 10px 5px #C0BCB5; }	
			 
		}
		.step-circle-anim { 
			opacity: .7;
		}
			.logo { 
				text-align: center;
				position: relative;
				margin-bottom: 30px;
			}
			.logo img { 
				width: auto;
				max-width: 100%;
				max-height: 100%;
			}
			.logo img.logo-over { 
				opacity: 0;
				position: absolute;
				transform: translate(-50%,-50%) scale(1);
				top:50%;
				left:50%;
				transition:all .5s ease;
			}
			.logo:hover img.logo-over { 
				opacity: 1;
			}
			#contact { 
				padding: 50px;
				overflow: hidden;
				position: relative;
				padding-top:200px;
 
				background: #171E48;

				
			}
			.step-circle { 
				background: transparent;
border-radius: 100%;
/* border:1px solid #fff; */


			}
			.step-number { 
				position: absolute;
				left:50%;
				top:10%;
				transform: translateX(-50%);
				max-width: 90%;
				width: 80%;
 				max-height: 90%;
				color:#fff;
				font-size: 70px;
				font-weight: 900;
				text-align: center;
				z-index: 99;
			}
			.step-desc { 
				z-index: 99;
				margin-top: 10px;
				line-height: 20px;
				font-size: 15px;
				font-weight: 300;
				color:#fff;
				display: block;
			}