@font-face {
font-family: 'Swiss 721 Thin BT';
font-style: normal;
font-weight: normal;
src: local('Swiss 721 Thin BT'), url('/font/Swiss721ThinBT.woff') format('woff');
}

body {
font-family: 'Lato', sans-serif;
 color:#424B54;
 	letter-spacing: 0px; 
	font-weight: 500;
	 -webkit-font-smoothing:antialiased;
	 overflow-x: hidden;
	     -moz-osx-font-smoothing: grayscale;
/*
	     overflow:hidden;
overflow-y: auto;
width: 100%;
*/
 	
	}
	p {
		margin-bottom: 0px;
	}
	.jezyki {
		margin-top:15px;
		font-size:11px;
		color:#999;
	}
	.jezyki a {
		font-size:12px;
		color:#333;
	}
	.jezyki a.active {
		color:#999;
	}
	.contenty {
		padding: 0px 0px;
		overflow: hidden;
	}
	.koloo { 
		position: absolute;
		left:50%;
		width: 30%;
		opacity: 0;
		transform: translateX(-30%) translateY(-50%) rotate(-90deg);
		
		top:50%;
	}
	.koloo.lewy { 
		right:50%;
		left: auto;	
		transform: translateX(30%) translateY(-50%) rotate(90deg);

	}
	.koloo.active { 
		left:100%;	opacity: 0.04;	transition:all 3s ease;

	}
	.koloo.active.lewy {
		left: auto;
		right:100%;
	}
	.about-wrap {
 		padding: 30px;
		position: relative;
		
	}
	.about-wrap-in-1, .about-wrap-in-2, .about-wrap-in-3, .about-wrap-in-4 { 
		position: absolute;
		border:1px solid #2E86AB;
		left:0px;
		top:0px;
		width: 30%;
		height: 30%;
		border-width: 1px 0px 0px 1px;
	}
	.about-wrap-in-2 { 
		right:0px;
		left: auto;
		border-width: 1px 1px 0px 0px;
	}
	.about-wrap-in-3 { 
		right:0px;
		left:auto;
		top:auto;
		bottom:0px;
		border-width: 0px 1px 1px 0px;
	}
	.about-wrap-in-4 { 
		top:auto;
		bottom:0px;
		border-width: 0px 0px 1px 1px;
	}
	.about-wrap-bg {
		position: absolute;
		left:50%;
		top:50%;
		width:20vw;
		height:20vw;
		background: #2E86AB;
		opacity: .05;
		transform: translate(-50%, -50%) rotate(0deg);

		z-index: -1;
	}
	.about-wrap-bg.active {
		transition: all 3s ease;
				transform: translate(-50%, -50%) rotate(-45deg);

	}
	.about-wrap span {
		position: relative;
	}
	.about-wrap span {
		display: inline-block;
 		padding-left:3px;
		padding-right:3px;
		padding-top: 0px;
		padding-bottom: 0px;
		 
		content:" ";
		background: #DCF763;
		z-index: 0;
 	}
 	span.podkreslony {
	 	display: inline;
 		padding-left:3px;
		padding-right:3px;
		padding-top: 0px;
		padding-bottom: 0px;
		 
		content:" ";
		background: rgba(221, 248, 100, 0.80);
		z-index: 0;
		color:#424B54;
		margin-bottom: 2px;
 	}
 	.white_podkreslony span.podkreslony {
		background: rgba(221, 248, 100,1);

} 	a.in_text {
	 	color:#000 !important; 
	 	text-decoration: underline !important;
 	}
 	a.in_text:hover {
	 	cursor: pointer;
	 	color:#000;
 	}
 	span.podkreslony.infooter {
	 	background: #DCF763;color:#000;padding: 0px 10px;
 	}
	.godown {
		position: absolute;
		bottom:-70px;
		color:#2E86AB;
		transform: translateX(-50%);
		z-index: 999999999999;
		left:50%;
		font-size: 40px;
	}
	.overy, .novery {
		position: absolute;
		left:15px;
		top:0px;
		bottom:0px;
		z-index: 999999;
		right:15px;
	}
	.novery {
		z-index: 99999;
	}
	.nover {
		position: absolute;
		background: #fff;
		z-index: 999999;
 		transition: all 2s ease; 
		opacity: 1;
	}
	.novery.active .nover {
	animation:nover 10s linear infinite;
	}
	@keyframes nover {
		0% { 
			opacity: 1;
		}
		25% { 
			opacity: 1;
		}
		35% { opacity:0; }
		50% { opacity: 0; }
		65% { opacity: 0; }
				75% { opacity: 1; }

		100% { opacity: 1; }
	}
	.nover.nover1 {
 		width: 12.5%;
height: 19%;
top: 1%;
left: 11%;
		
	
	}
	.nover.nover2 {
 width: 13%;
height: 39%;
top: 1%;
left: 24%;
	
	}
	.nover.nover3 {
 		width: 12.5%;
height: 19%;
top: 1%;
right: .5%;
		
	
	}
	.nover.nover4 {
 	width: 12.5%;
height: 19%;
top: 21%;
left: 11%;
		
	
	}
		.nover.nover5 {
 		width: 12.5%;
height: 19%;
top: 21%;
left: 37%;
		
	
	}
		.nover.nover6 {
 		width: 12.5%;
height: 19%;
top: 21%;
left: 50%;
		
	
	}
		.nover.nover7 {
 		width: 12.5%;
height: 19%;
top: 21%;
right: .5%;
		
	
	}
		.nover.nover8 {
 	width: 12.5%;
height: 19%;
top: 41%;
left: 11%;
		
	
	}
		.nover.nover9 {
 	width: 13.5%;
height: 19%;
top: 41%;
left: 23%;
		
	
	}
			.nover.nover10 {
 	width: 25%;
height: 19%;
top: 41%;
left: 62%;
		
	
	}
			.nover.nover11 {
 	width: 13%;
height: 19%;
top: 61%;
left: 11%;
		
	
	}
			.nover.nover12 {
 	width: 12%;
height: 19%;
top: 61%;
left: 49.5%;
		
	
	}
			.nover.nover13 {
 	width: 12%;
height: 19%;
top: 61%;
left: 75%;
		
	
	}
			.nover.nover14 {
 	width: 12%;
height: 19%;
top: 61%;
right: .5%;
		
	
	}
				.nover.nover15 {
 	width: 12%;
height: 19%;
top: 80%;
left: 24.5%;
		
	
	}
				.nover.nover16 {
 	width: 12%;
height: 19%;
top: 80%;
right: 36.5%;
 	
	}
		 	.over {
		position: absolute;
		width: 20%;
 		height: 33.3%;
		background: #2BA7DF;
  		z-index: 99999999;
		transition:all 2s ease;
		transform: scale(1);
		opacity: 1;
	}
	.overy.active .over {
		transform: scale(5);
		opacity: 0;
	}
	
	.over1, .over6, .over11, .over16, .over21 {
		left:0px;
	}
	.over2, .over7, .over12, .over17, .over22 {
		left:20%;
	}
	.over3, .over8, .over13, .over18, .over23 {
		left:40%;
	}
	.over4, .over9, .over14, .over19, .over24 {
		left: 60%;
	}
	.over5,.over10, .over15, .over20, .over25 {
		left:80%;
	}
	.over1, .over2, .over3, .over4, .over5 {
		top:0px;
	}
	.over6, .over7, .over8, .over9, .over10 {
		top:33.3%;
 	}
 	.over11, .over12, .over13, .over14, .over15 {
	 	top:66.6%;
 	}
 	.over16, .over17, .over18, .over19, .over20 {
	 	top:60%;
	 	display: none;
 	}	
 		.over21, .over22, .over23, .over24, .over25 {
	 	top:80%;
	 	display: none;
 	}	 
	.tw {
		opacity: 0.9;
		position: absolute;
 		padding: 50px 20px;
		margin-right: 100px;
		margin-bottom: 100px;
		top:30%;
		right:0px;
		z-index: 99999999;
		font-weight: 500;
 		color:#fff;
 		text-align: right;
} 
.tw h1 span {
	font-size:36px;
}
.tw span {background: #2E86AB; padding: 5px 10px; display: inline-block; text-transform: uppercase; font-weight: 900; margin-bottom: 10px;}
/*

.tw {
		position: relative;
		margin-left:-200px;
		padding: 50px 20px;
		margin-right: 100px;
		margin-bottom: 30px;
		font-weight: 300;
		background: #2BA7DF;
		color:#fff;
}
.tw:after {
	position: absolute;
	left:-10px;
	top:10px;
	bottom:-10px;
	right:10px;
	background: #fff;
	content:" ";
	z-index: -1;
}
*/
	 .przykrywacz {
		 position: absolute;
		 left:0px;
		 right:0px;
		 bottom: 0px;
		 top:0px;
		 background: #fff;
		 z-index: 99999999;
		 transition: all 5s ease;
	 }
	 .przykrywacz.active {
		 transform: translateY(103%);
	 }
	 .kreska-block-text {
		  padding-top:150px; padding-bottom:150px; 
	 }
	 .kreska-block-content {
		  padding-top:250px; padding-bottom: 150px
	 }
	 .kropla {
		 position: absolute;
		 top:-10px;
		 left:100%;
		 margin-left:-10px;
		  width: 20px;
  height: 20px;
  border-radius: 80% 0 55% 50% / 55% 0 80% 50%;
  background: #2BA7DF;
  transition:all 5s linear;
  transform: rotate(-45deg) scale(0.5);
 	 }
 	 .kropla.lewa {
	 	 left:0%;
 	 }
 	 .pinkie .kropla {
	 	 background: #C64191;
 	 }
	 .kreskawrap {
		 transition: all 5s ease;
		 transform: scale(1,0);
		 transform-origin: top center;
		 position: absolute; left:0px;bottom:0px; top:0px;z-index: -1; border-right: 1px solid #2BA7DF;
 }
 .kreskawrap.prawa {
	 position: absolute; left:auto; right:0%; bottom:0px; top:0px;z-index: -1; border-left: 1px solid #C64191;
 }
	 .kreskawrap.active {
		 transform: scale(1,1.2);
	 }
	 .kroplawrap {
		 transition: all 5s ease;
		 transform: translateY(0);
		 position: absolute; left:0px;bottom:0px; top:5px;z-index: 999999999999999
	 }
	 .kroplawrap.prawa {
		 position: absolute; left:auto;bottom:0px; right:0px; top:0px;z-index: 999999999999999
	 }
	 .kroplawrap.active {
		 transform: translateY(120%);
	 }
	 .kroplawrap.active .kropla {
		 transform: rotate(-45deg) scale(5);
	 }
	 .dolnefale {
		 position: absolute;
		 bottom:0px;
		 display: none;
		 left:0px;
		 right:0px;
		 transform: scale(0) translateY(90%);
		 transform-origin: 25% bottom;
 		 height: 500px;
		 transition:all 3s ease;
		 transition-delay: 5s;
	 } 
	 
					.badania-in-next {
						position: absolute;
						left:100%;
						top:50%;
						transform: translate(-25%,-50%);
						font-size: 200px;
						color:rgba(0,0,0,.1);
						z-index: -1;
					}
					.badania-header {
						font-weight: 900;
						color:rgba(0,0,0,.5);
						text-transform: uppercase;
						font-size: 50px;
					}
					.badania-header.mniejsze {
						font-size: 40px;
					}
					.badania-in-header {
						position: relative;
						 margin-left:-15px;
						margin-right: -15px;
						margin-bottom: 30px;
						background:rgba(255,255,255,.5);
						color:#424B54;
						text-align: center;
						margin-top:-15px;
						padding: 10px;
 					}
					.badaniaIn {
						padding: 15px;
						height: 100%;
						background: rgba(0,0,0,.3);
 						color:#fff;
 						box-shadow: 0px 3px 10px rgba(0,0,0,.1);
					}
					.badaniaIn:after {
						position: absolute;
						left:0px;
						top:0px;
						bottom:0px;
						right:0px;
						background: -webkit-linear-gradient(#2BA7DF 0%, #D90368 100%);
						content:" ";
						z-index: -2;
					}
					.breakiTxt {
						font-size: 20px;
						line-height: 28px;
						color:#fff;
						font-weight: 500;
/*
						left:50%;
						top:50%;
*/
						padding-top: 100px;
						padding-bottom: 100px;
/* 						transform: translate(-50%,-50%); */
						z-index: 9999999;
						position: relative;
						text-align: center;
						
					}
					.breaki.active .breakiTxt {
						color:#424B54;
					transition:all 2s ease;
						transition-delay: 1s;}
						
					.breaki {min-height:50vh; position: relative;
						background: rgba(255,255,255,.9);
padding-bottom: 50px;
						position: relative;									 

border-top:1px solid #2BA7DF;
border-bottom:1px solid #B9314F;
						z-index: 99999999999;
  					}
					.breaki.active { 				 
						transition-delay: 1s;
					}
					.breaki:after {
						position: absolute; 
						left:0px;
						width: 5px;
						top:0px;
						bottom:0px;
						content:" ";
						background: -webkit-linear-gradient(#2BA7DF 0%,  #B9314F 100%);

					}
					.breaki:before {
						position: absolute; 
						right:0px;
						width: 5px;
						top:0px;
						bottom:0px;
						content:" ";
												background: -webkit-linear-gradient(#2BA7DF 0%,  #B9314F 100%);

					}
					.breaki-bg {
						position: absolute;
					}
					.kreciol5-row {
						position: absolute; left:0px; right:0px; z-index: 9999;
					}
					#kreciol5Over {
					position: absolute;
					left:83.5%;
					transform: translateX(-50%);
					top:25%;
					width: 40%;
					height: auto;
						opacity: 0.05;
					}
					#kreciol5:after { 
						position: absolute;
						left:0px;
						top:0px;
						bottom:0px;
						right:0px;
						opacity: 1;
						background: #fff;
						content: " ";
						border-radius: 100%;
						transition:all 3s ease;
						transition-delay: .5s;
	}
					#kreciol5.active:after {
						opacity: 0;
					}
					#kreciol5 {
					position: absolute;
top: 100%;
left: 100%;
transform: translate(-50%,-50%);
width: 50%;
						
					}

					#Warstwa_1 {
						width: 40%;
					}
					.kreciol2 {
 						 position: absolute;
 						 bottom:0px;
 						 right:0px;
						transform: rotate(0deg);
						animation: krec1 30s linear infinite;
						transform-origin: center;
					}
					@keyframes krec1 {
						0% { 
						transform:   rotate(0deg);
						}
						33% { 
													transform:   rotate(10deg);

						}
						66% { 
													transform:  rotate(-10deg);

						}
					}
					 .kreciol3 {
 						 position: absolute;
 						 bottom:0px;
 						 right:0px;
						transform: rotate(0deg);
						animation: krec3 30s linear infinite;
						transform-origin: center;
					}
					@keyframes krec3 {
						0% { 
						transform:   rotate(0deg);
						}
						33% { 
							transform:   rotate(-10deg);
 						}
						66% { 
							transform:  rotate(10deg);

						}
					}
					.krecioly3 {
						position: absolute;
						width: 20%;
						opacity: 0.5;
						left:0px;
						bottom:0px;
						margin-left: auto;
												transform: rotate(-45deg);

					}
					.krecioly4 { 
						opacity: 0.5;
						position: absolute;
						width: 5%;
						bottom:0px;
						left:0px;
						margin-left: auto;
						margin-bottom: 8%;
						margin-right: 8%;
						transform: rotate(-45deg);
 					}
 				 
 				 
					.kroplaDuza {
		 position: absolute;
		 top:0px;
  		  width: 100px;
  height: 100px;	
  left: 30%;	 	   border-radius: 100% 100% 100% 100% / 100% 100% 100% 100%;
  border: 1px solid #2BA7DF;
  transition:all 5s linear;
  transform: rotate(-45deg) scale(1) translateY(0);
  animation:krop 20s linear infinite;
 	 }
 	 	.kroplaDuza1 {
		 position: absolute;
		 top:0px;
		 left:0%;
  		  width: 120px;
  height: 120px;		 	   border-radius: 100% 100% 100% 100% / 100% 100% 100% 100%;
  border: 1px solid #E85D75;
  transition:all 7s linear;
  transform: rotate(-45deg) scale(1) translateY(0);
  animation:krop 20s linear infinite;
 	 }
 	 	.kroplaDuza2 {
		 position: absolute;
		 top:0px;
		 left:50%;
  		  width: 80px;
  height: 80px;		 	   border-radius: 100% 100% 100% 100% / 100% 100% 100% 100%;
  border: 1px solid #84828F;
  transition:all 3s linear;
  transform: rotate(-45deg) scale(1) translateY(0);
  animation:krop 20s linear infinite;
 	 }
 	  
 	 .dolnakreska {
	 	 display: inline-block;
	 	 width: 60px;
	 	 border-bottom: 1px solid #2BA7DF;
	 	 margin: 0px 10px;
 	 }
 	 .kroplaDuzaWrap {
	 	 background: #fff;
	 	 transform:   scale(0.9) translateY(-100%);	 
   	  animation:kropwrap 20s linear infinite;
 	  	 position: absolute;
		 bottom:50px;
		 left:50px;
 		  width: 100px;
 height:120px; } 
 
 @keyframes kropwrap {
	 	 0% { 
   transform:   scale(0.9) translateY(-100%);

	 	 }
	 	 50% { 
 
		 	   transform:  scale(1.1) translateY(0%);

	 	 }
 	 }
 	 @keyframes krop {
	 	 0% { 
		 	     border-radius: 100% 100% 100% 100% / 100% 100% 100% 100%;
 
	 	 }
	 	 50% { 
  border-radius: 80% 0 55% 50% / 55% 0 80% 50%;

 
	 	 }
 	 }
 	 

						
						.strategieIn {
							position: relative;
							left:0px;
							top:0px;
							bottom:0px;
							width:100%;
							text-align: center;
 							align-items:center;
							justify-content: center;
							color:#fff;
							display: flex;
							justify-content: center;
							flex-direction: column;
							font-size:18px;
							font-weight: 500;
							transform: scale(0) translateX(0);
							opacity: 0;
							transition:all 1.2s ease;
							transform-origin: center top;
							padding: 0px 15px;
							z-index: 6;
							height: 100%;
							top:-100%;
						}
						.strategieWrap.active .strategieIn, .strategieWrap.active .strategieIn.second,.strategieWrap.active .strategieIn.third,.strategieWrap.active .strategieIn.last {
							opacity: 1;
							transform: scale(1) translateX(0) translateY(0%);
							left:0px;
							width: 100%; height:100%;top:0px;right:0px;

						}
						.strategieIn.second {
							z-index: 5;
							top:-100%;
							width: 100%;
							left:0px;
							height: 100%;
							transform: scale(0) translateX(0%);
							opacity: 0;
							transition-delay: .3s;
						}
						.strategieIn.third {
							z-index: 4;
 							top:-100%;
 							transform: scale(0) translateX(0%);
 							transform-origin: center;
							opacity: 0;							width: 100%;
 							transition-delay: .6s;
						}
						.strategieIn.last {
							z-index: 3;
							top:-100%;
 							transform-origin: center;
							transform: scale(0) translateX(00%);
							opacity: 0;
 
							transition-delay: .9s;
							 						width: 100%;

						}
						.strategieIn:before {
							position: absolute;
							left:-5px;
							top:-5px;
 							bottom:-5px;
							right:-5px;
							border:1px solid #DCF763;
							content:" ";
 						}
						.strategieIn:after {
							position: absolute;
							left:0px;
 							right:0px;
							top:0px;
							background: #89023E;
							bottom:0px;/*

background-image: linear-gradient(to right, #693393 0%, #D90368 100%);
*/
opacity: .98;							content:" ";
							z-index: -1;
						}
						.strategieIn.last:after {
background: #8A2387;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #89023E, #D90368);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #89023E, #D90368); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
						}
						.strategie_circle_txt {
							position: absolute;
 							width: 100px;
							color:#89023E;
							font-size: 16px;
							font-weight: 500;
							text-align: center;
							opacity: 0;
							transition: all .3s ease;
						}
						.strategie_circle_txt.strategie_circle_1 {
							bottom:101%;
							left:50%;
							margin-left:-50px;
							transform:  scale(0);
							transition-delay: .6s;
							transform-origin: center bottom;
  						}
  						.strategie_circle_wrap.active .strategie_circle_txt.strategie_circle_1,.strategie_circle_wrap.active .strategie_circle_txt.strategie_circle_3 {
	  						transform: scale(1);
	  						opacity: 1;
	  						
  						}
  						 .strategie_circle_wrap.active .strategie_circle_txt.strategie_circle_2,.strategie_circle_wrap.active .strategie_circle_txt.strategie_circle_4 {
	  						transform: scale(1) translateY(-50%);
	  						opacity: 1;
	  						
  						}
						.strategie_circle_txt.strategie_circle_2 {
							top:50%;
							text-align: left;
							left:101%;
							transform: scale(0);
							transition-delay: .9s;
							transform-origin: left center;}
						 
  					 
						.strategie_circle_txt.strategie_circle_3 {
							top:101%;
							left:50%;
							margin-left:-50px;
							transform: scale(0);
							transition-delay: 1.2s;
							transform-origin: center top;
													}
						.strategie_circle_txt.strategie_circle_4 {
							top:50%;
							right:101%;
							text-align: right;
							transform: scale(0) translateY(-50%);
							transition-delay: 1.5s;
							transform-origin: right center;						}
							
						 .strategie_circle {
							 transform: scale(0,0);
							 transition:all .5s ease;
							 opacity: 0;
						 }
						 
						 .strategie_circle_wrap.active .strategie_circle {
							 transform: scale(1);
							 opacity: 1;
						 }
						 .strategie_circle_in_txt {
							 position: absolute;
							 left:0px;
							 top:0px;
							 right:0px;
							 bottom:0px;
							 text-align: center;
							 display: flex;
							 justify-content: center;
							 align-items: center;
							 color:#89023E;
						 }
						 .strategie_circle_in_1 {
							 position: absolute;
							 width:8px;
							 height: 8px;
							 top:-4px;
							 border-radius: 100%;
							 background: #DCF763;
							 left:50%;
							 margin-left: -4px;
							 transform: scale(0);
							 transition:all .5s ease;
							 transition-delay: .5s;
													 transform-origin: center center;
 }
						 .strategie_circle_in_2 {
							 position: absolute;
							 width:8px;
							 height: 8px;
							 right:-4px;
							 border-radius: 100%;
							 background: #DCF763;
							 top:50%;
							 margin-top: -4px;
							 transform: scale(0);
							 transition:all .5s ease;
							 transition-delay: .8s;
													 transform-origin: center center;
 }
						 .strategie_circle_in_3 {
							 position: absolute;
							 width:8px;
							 height: 8px;
							 bottom:-4px;
							 border-radius: 100%;
							 background: #DCF763;
							 left:50%;
							 margin-left: -4px;
							 transform: scale(0);
							 transition:all .5s ease;
							 transition-delay: 1.1s;
													 transform-origin: center center;
 }
						 .strategie_circle_in_4 {
							 position: absolute;
							 width:8px;
							 height: 8px;
							 top:50%;
							 border-radius: 100%;
							 background: #DCF763;
							 left:-4px;
							 transform-origin: center center;
							 margin-top: -4px;
							 transform: scale(0);
							 transition:all .5s ease;
							 transition-delay: 1.4s;
						 }
						 .strategie_circle_wrap.active .strategie_circle_in_1, .strategie_circle_wrap.active .strategie_circle_in_2, .strategie_circle_wrap.active .strategie_circle_in_3, .strategie_circle_wrap.active .strategie_circle_in_4 {
							 transform: scale(1);
						 }
 				 	.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;
	}
	.btn.btn-blue {
		border-radius: 0px;
		background: #2BA7DF;
		color:#fff;
		box-shadow: none;
		border:1px solid #2BA7DF;	}
	.btn.btn-blue:hover {
		background: #fff;
		color:#2BA7DF;
		border:1px solid #2BA7DF;
		cursor: pointer;
	}
	
	.show-opacity {
		opacity: 0;
	}
	.show-up { 
		transform: translateY(50px);
	}
	.show-opacity.active {
		opacity: 1;		transition: all 1s ease;

	}
		.show-opacity.delay-05.active {
		transition-delay: .5s;
		}
	.show-opacity.delay-1.active {
		transition-delay: 1s;
		}
		.show-opacity.delay-2.active { 
			transition-delay: 2s;
			}
	.show-up.active {
		transform: translateY(0);
	}
	.show-scale { 
		transform: scale(0);
	}
	.show-scale.active { 
		transform: scale(1);
	}
	.show-down {
		transform: translateY(-50px);
		}
		.show-down.active {
			transform: translateY(0);
			}
	.show-go-up {
		transform: translateY(100px);
		opacity: 0;
		transition:all 3s ease;
	}
	.show-left {
		transform: translateX(-100px);
		opacity: 0;
		transition:all 3s ease;
	}
	.show-left.active {
		transform: translateX(0);
		opacity: 1;
	}
	.show-right {
		transform: translateX(100px);
		opacity: 0;
		transition:all 3s ease;
	}
	.show-right.active {
		transform: translateX(0);
		opacity: 1;
	}
	.show-go-up.active {
		transform: translateY(0);
		opacity: 1;
	}
	
	.delay-05 {
		transition-delay: .5s;
	}
	.delay-1 {
		transition-delay: 1s;
	}
	.delay-2 { 
		transition-delay: 2s;
	}
	.show-opac {
		opacity: 0;
		transition:all 3s linear;
	}
	.show-opac.active {
		
		opacity: 1;
	}
	.showblack  {
		background: #000;
		transition:all 3s linear;
		
	}
	.showblack.active {
		background: #fff;
	}
	.showblack-down {
		overflow: hidden;
	}
	.showblack-down:after  {
		position: absolute;
		top:0px;
		bottom:0px;
		right:0px;
		left:0px;
		content:" ";
		transform: translateY(0);
		background: #000;
		transition:all 3s linear;
		
	}
	.showblack-down.active:after {
		transform: translateY(100%);
		
	}
	body.noscroll {
		overflow: hidden;
	}
	.wspieramy {
						color:#fff;
 					}
					.wspieramy span {
						display: inline-block;
						border-radius: 3px;
						background: #fff;
						padding: 0px 15px;
						margin: 5px;
						color:#533A71;
						font-size: 16px;
						height: 30px;
						line-height: 30px;
						
					}
		.doswiadczenie-text-wrap {
			position: relative; z-index: 999; margin-right:-50px;
		}			
		.doswiadczenie-text {
			background: #fff; padding:30px; margin-left:-150px; position: relative; margin-bottom:50px;
		}
			.abw {
				padding-top:150px;
			}		
	.abWrap {
		position: absolute;
		left:15px;
 		right:15px;
	bottom:0px;
		
	}
	.abWrap img {
		visibility: hidden;
		position: absolute;
		left:0px;
 		bottom:0px;
 		
	}
	.abWrap img.active {
		visibility: visible;
	}


	.articleTop {
		position: relative;
		min-height:  30vh;
		position: relative;
margin-left: -15px;
margin-right: -15px;
padding-bottom: 50px;
color:#fff;
padding-top:70px;
 	}
 	.articleTop.mini {
	 	min-height: 200px;
 	}
 	.articleTop.mini .articleTopRow {
	 	min-height: 100px;
 	}
 	.articleTopRow {
		min-height: calc(40vh - 5px);
 	}
 	.articleTopBgs {
	 	position: absolute;
	 	z-index: 0;
	 	left: 0px;
	 	top:0px;
	 	width: 100%;
	 	height: 100%;
 	}
 	.articleTopBg {
	 	z-index: 0;
	 	position: absolute;
	 	left:0px;
	 	top:0px;
	 	width: 100%;
	 	height: 100%;
	 	opacity: 0;
	 	transition:opacity 2s ease;
	 	visibility: hidden;
	 	background-size:cover;
	 	background-position: center;
 	}
 	.articleTopBg.semi {
	 	visibility: visible;
 	}
 	.articleTopBg.active { 
	 	opacity: 1;
 	}
	.articleTopTlo {
		position: absolute;
		left:0px;
height:100%;
bottom:0px;
		z-index: 1;
		right:0px;
		content:" ";
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,2d2d2d+49,2d2d2d+100&0+0,0+49,0.65+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 19%, rgba(0,0,0,.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 19%,rgba(0,0,0,.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 19%,rgba(0,0,0,.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 


}

.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: 9999999999999999;
		   
	   }
	nav {
		top:0px;
 		position: fixed;
		left:0px;
		width:100%;
		z-index: 99999999999999;
		letter-spacing: normal;
		background:#fff;
 		 
	}
	.logoGrafika {
		height: 30px;
		position: absolute;
		top:5px;
		left:5px;
	}
	.logoGrafika img {
		width: 35px;
		
	}	.navbar-brand {
		position: relative;
		top:0px;
		background: transparent;
		z-index: 9999;
		width: 100%;
		margin-right: 0px;
		background: #fff;
		padding: 5px 5px 5px 5px;
		border:1px solid #fff;
	}
	.navbar-brand-wrap {
		width: 180px; flex-grow: 0.2;
	}
	.navbar-brand img {
		width: 100%;
 	}
 	.top {
	 	position: relative;
	 	margin-bottom: 100px;
	 	margin-top:150px;
	  
 	} 
	.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 a { 
		font-weight: 700 !important;
 		padding: 0px 15px;
		margin: 0px;
		margin-top:5px;
		display: inline-block;
		font-size: 22px;
		height: 40px;
		color:#979797 !important;
		line-height: 40px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		text-transform: uppercase;
	}
 
	.menu a:hover {
		color:#3E0C13;
 		text-decoration: none;
		cursor: pointer;
	}
	.menu a.active {
		color:#000 !important;
	}
	.hidden-sessions {
		display: none;
		padding-left: 12px;
		
	}
	.menu .hidden-sessions a { 
		font-size: 12px; 
		height: 24px;
		line-height: 24px; 
		color:#999;
	}
	.hidden-sessions.active {
		display: block;
	}
	.leftWyroznia {
		 background: #84828F;
		 position: relative;
		 
	 }
	 .rightWyroznia {
		 background: #84828F;
		 position: relative;
	 }
	 .leftWyrozniaIn {
		 background: #E85D75;
		 padding: 50px;
		 position: relative; 
		 left:30px;
		 color:#fff;
		 top:-20px;
		 right:-20px;
	 }
	 	 .rightWyrozniaIn {
		 background: #E85D75;
		 padding: 50px;
		 position: relative; 
		 left:-20px;
		 color:#fff;
		 top:-20px;
		 right:20px;
	 }


	.imgover1, .imgover2, .imgover3, .imgover4, .imgover5 {
		background: #e51d1d;
		opacity: 1;
		position: absolute;
		top:0px;
		left:0px;
		right:0px;
		bottom:0px;
		z-index: 10;
		transition: all 9s linear;
		transition-delay: 2s;
		
	}
	.imgover2 {
		background: #59b620;
		transition-delay: 1s;		z-index: 8;
		opacity: .7;

	}
	.imgover3 {
		background: #2b9fde;		z-index: 9;
opacity: 0.8;
		transition-delay: 1.5s;
	} 
	.imgover4 {
		background: #fff;
		transition-delay: 0s;
 	}
 	.imgover5 {
	 	transition-delay: 0s;
	 	transition: all 2s linear;
	 	background: #000;
 	}
	.imgwrapper.active .imgover1, .imgwrapper.active .imgover2, .imgwrapper.active .imgover3, .imgwrapper.active .imgover4, .imgwrapper.active .imgover5 {
		opacity: 0;
	}
	.imgwrapper {
		overflow: hidden;
 	}
 	.imgover5right {
	 	background: #000;
	 	left:0px;
	 	right:0px;
	 	bottom:0px;
	 	top:0px;
	 	position: absolute;
	 	transition: all 3s linear;
 	}
 	.imgwrapper.active .imgover5right {
	 	transform: translateX(-100%);
	 	margin-left:1px;
 	}
	.imgunder {
		opacity: 0;
		position: relative;
		z-index: 5;
		transition: all 4s linear;
		
	}
	
					h2.zprawym {
						position: relative;
						padding-bottom: 20px;
						margin-bottom: 50px;
					}
					h2.zprawym:after {
						position: absolute;
						right:-50px;
						width: 120px;
						border-bottom: 1px solid #2BA7DF;
						content:" ";
						height: 1px;
						bottom:0px;
					}
					h2.zlewym {
						position: relative;
						padding-bottom: 20px;
						margin-bottom: 50px;
					}
					h2.zlewym:after {
						position: absolute;
						left:-50px;
						width: 120px;
						border-bottom: 1px solid #2BA7DF;
						content:" ";
						height: 1px;
						bottom:0px;
					}
					.pinkie h2.zlewym:after {
						border-color:#C64191;
					}
					#Warstwa_1 {
						width: 40%;
					}
					.kreciol2 {
 						 position: absolute;
 						 bottom:0px;
 						 right:0px;
						transform: rotate(0deg);
						animation: krec1 30s linear infinite;
						transform-origin: center;
					}
					@keyframes krec1 {
						0% { 
						transform:   rotate(0deg);
						}
						33% { 
													transform:   rotate(10deg);

						}
						66% { 
													transform:  rotate(-10deg);

						}
					}
					 .kreciol3 {
 						 position: absolute;
 						 bottom:0px;
 						 right:0px;
						transform: rotate(0deg);
						animation: krec3 30s linear infinite;
						transform-origin: center;
					}
					@keyframes krec3 {
						0% { 
						transform:   rotate(0deg);
						}
						33% { 
							transform:   rotate(-10deg);
 						}
						66% { 
							transform:  rotate(10deg);

						}
					}
					.krecioly {
						position: absolute;
						width: 20%;
						opacity: 0.5;
						right:0px;
						bottom:50px;
						margin-left: auto;
												transform: rotate(-45deg);

					}
					.krecioly1 { 
						opacity: 0.5;
						position: absolute;
						width: 5%;
						bottom:50px;
						right:0px;
						margin-left: auto;
						margin-bottom: 8%;
						margin-right: 8%;
						transform: rotate(-45deg);
 					}
 					.box {
	 					padding:0px 20px 20px 20px;
	 					border:1px solid #2BA7DF;
	 					font-weight: 500;
	 					color:#2BA7DF;
	 					text-align: center;
	 					transform: scale(1);
	 					box-shadow: 0px 10px 20px rgba(0,0,0,.0);
	 					transition: all .5s ease;
	 					position: relative;
 					}
 					.text-blue {
	 					color:#2BA7DF;
	 					}
 					.box ul, .badaniaIn ul {
	 					padding-left: 0px;
 					}
 					.text-gray {
	 					color:#424B54;
	 					}
 					.box ul li {
	 					display: block;
	 					min-height: 30px;
	 					line-height: 30px;
	 					color:#6B818C;
	 					list-style: none;
	 					padding-left: 0px;
	 					font-weight: 400;
	 					 					}
	 					 					.badaniaIn ul li {
		 					 				display: block;
	 					min-height: 30px;
	 					line-height: 30px;
	 					color:#fff;
	 					list-style: none;
	 					padding-left: 0px;
	 					font-weight: 400;
	 					 					}	
	 					 					}
 					.box .box_title { 
	 					position: relative;
	 					margin-left:-20px;
	 					margin-right: -20px;
	 					margin-bottom: 50px;
	 					top:0px;
	 					right:0px;
	 					min-height: 30px;
	 					line-height: 30px;
	 					background: #2BA7DF;
	 					color:#fff;
 					}
 					.pinkie .box {
	 					padding: 30px;
	 					border:1px solid #C64191;
	 					color:#C64191;
 					}
 					.pinkie {
	 					color:#C64191;
 					}
 					.box:hover {
	 					cursor: pointer;
	 					transform: scale(1.05);
	 					box-shadow: 0px 10px 20px rgba(0,0,0,.4);
 					}
 					.farma-icon i {
	 					border:2px solid #2BA7DF;
	 					color:#2BA7DF;
	 					border-radius: 100%;
	 					width: 80px;
	 					height: 80px;
	 					text-align: center;
	 					line-height: 78px;
	 					font-size: 40px;
 					}
 					.farma-icon {
	 					text-align: center;
	 					margin-bottom: 20px;
	 					margin-top:20px;
 					}
 					.farma-title {
	 					font-size:16px;
	 					line-height: 20px;
	 					text-align: center;
	 					color:#2BA7DF;
	 					font-weight: 500;
	 					margin-bottom: 30px;
 					}
 					.farma-box {
	 					text-align: center;
 					}
 					.farma-box span {
	 					display: inline-block;
	 					background: #fff;
	 					margin: 10px;
	 					border-radius: 5px;
	 					padding: 0px 10px;
	 					letter-spacing: 0px;
	 					color:#2BA7DF;
	 					border:1px solid #2BA7DF;
	 					font-size: 14px;
	 					min-height: 30px;
	 					line-height: 30px;
	 					 
 					}
	.doprawej {
		transform: translateX(100%);
		transition:all 3s linear;
	}
	.imgwrapper.active .doprawej {
		transform: translateX(0);
	}
	.imgwrapper.active .imgunder {
		opacity: 1;
	}
	.content-wrapper-big {
		overflow: hidden;
		width: 100%;
	}
	.content-wrapper {
		width: 200%;
	}
	.content-left, .content-right {
		width:50%;
		float: left;
		transition:all 2s ease;
	}
	
	.content-right-back {
		font-size:24px;
		display: inline-block;
		margin-bottom: 30px;
		padding: 0px 30px;
		height: 40px;
		
		line-height: 40px;
		transition:all .3s ease;
		text-shadow: 0px 3px 6px rgba(0,0,0,0);
	}
	.content-right-back:hover {
		transform: scale(1.2);
		text-shadow: 0px 3px 6px rgba(0,0,0,.6);
		cursor: pointer;
	}


	.content-wrapper.active .content-left, .content-wrapper.active .content-right {
		transform: translateX(-100%);
	}
	#content {
	position: relative;
	padding-left:0px;
	padding-right: 0px;
	top:0px;
	bottom:0px;
	right:0px; 
	z-index: 1; 
	}
	#mainPhoto.mainContent {
		padding-top: 0px;
		padding-bottom: 0px;
		cursor: pointer;
		position: relative;
		left:0px;
		right:0px;
		height: 90vh !important;
 		top:0px;
	}
	.mainPhotoLeftBorder {
		position: absolute;
		left:15px;
		top:30px;
		bottom:30px;
		width: 1px;
			background: #fff;
	content:" ";
		z-index: 99999999999;
	}
	.mainPhotoRightBorder {
		position: absolute;
		right:15px;
		top:30px;
		bottom:30px;
		width: 1px;
		content:" ";
		background: #fff;
		z-index: 9999999999;
	}
	.mainPhotoBottomBorder {
		position: absolute;
		left:15px;
		right:15px;
			background: #fff;
	bottom:30px;
		height: 1px;
		content:" ";
		z-index: 99999999999;
	}
	#mainPhotoOpis {
		position: absolute;
		bottom:50%;
		transform: translateX(-50%);
		font-size: 11px;
		left:50%;
		color:#fff;
		z-index: 99999999;
		text-align: center;
		padding: 5px;
 		
	}
	.mainPhotoTxt {
		position: absolute;
		left:50%;
		bottom:40px;
		font-size: 150px;
		color:rgba(255,255,255,0.5);
		transform: translateX(-50%);
		z-index: 999999999;
		font-weight: 900;
	}
	.mainPhotoLeft {
		position: absolute;
		left:0px;
		width: 50%;
		bottom:0%;
		top:0px;
		background-image: url(/layout/przemekTop.jpg);
		background-position: center 80%;
		background-size: cover;	/* 	animation:mainleft 70s linear infinite; */
		border-bottom:1px solid #000;
		z-index: 99999;
		transition:all .05s ease;
		overflow: hidden;

	}
	
	.mainPhotoLeftTxt {
		position: absolute;
		bottom:50px;
		font-size: 140px;
		font-weight: 900;
		color:rgba(255,255,255,0.6);
		left:50vw;
		z-index: 9999999;
 		
	}
		@keyframes mainleft {
		0% { 
			width:50%; 
		}
		30% { 
			width: 80%;
		}
		60% { 
			width: 30%;
		}
	}
#samkontaktform input.form-control, #samkontaktform select.form-control {
    border: 0px;
    /*
 	height: 40px;
	line-height: 36px;
*/
    
    height: auto;
    box-shadow: none;
    border-radius: 0px;
    background: transparent;
    font-size: 1em;
    font-weight: bold;
    font-weight: 700;
    border: 1px solid rgba(255,255,255,.5);
    color: #fff;
    background: rgba(255,255,255,0.1);
    padding: 0.5em 0.5em;
    height: 40px;
  
}
#samkontaktform input:focus,
#samkontaktform textarea:focus, #samkontaktform select.form-control:focus {
    border-color: #ccc;
    background: #efefef;
}

	.mainPhotoRight {
		position: absolute;
		right:0%;
		width: 50%;
		overflow: hidden;
		bottom:0px;
		top:0;		transition:all .05s ease;

		border-top:1px solid #000;
/* 			animation:mainright 70s linear infinite; */
 
		z-index: 99999;

	}
	.mainPhotoRightTxt {
		position: absolute;
		bottom:50px;
		font-size: 140px;
		font-weight: 900;
		color:rgba(255,255,255,0.6);
		left:50vw;
		z-index: 9999999;
		 
		
	}
		@keyframes mainright {
		0% { 
			width:50%; 
		}
		30% { 
			width: 20%;
		}
		60% { 
			width: 70%;
		}
	 
	}video {
min-height: 100% !important; min-width: 100% !important; height: auto !important; width: auto !important; position: absolute; left: 0; top: 0; -webkit-transform: translateZ(0); }


.videoWrap  {
	position: fixed;
	left:0px;
	right:0px;
	z-index: 0;
	height:100%;
	top:0px;
	background: #333;
	-webkit-transition: all 1s ease;
	overflow: hidden;
}
.videoPlik  {
overflow: hidden;
	position: absolute;
	width: 100%;
	height: 100%;
	left:0px;
	right:0px;
	bottom:0px;
	top:0px;
	background-position: center;
	background-size: cover;
	z-index: 1;
}


video {
min-height: auto; min-width: 100%; /* height: auto !important; width: auto !important;  */position: relative; left: 0; top: 0; -webkit-transform: translateZ(0); }


.vjs-control-bar, .vjs-caption-settings.vjs-modal-overlay.vjs-hidden {
	display: none;
}

 .wrapperNew {
	 position: fixed;
	 left:0px;
	 top:0px;
	 right:0px;
	 bottom:0px;
	 overflow: hidden;
	 overflow-y: scroll;
	 z-index: 999999999999;
	 
 }
 .zdjeciaWrap {
	 background: #fff;
 }
 .sessionAbout {
	 opacity: 0;
	 position: absolute;
	 bottom:100px;
	 left:50%;
	 transform: translateX(-50%);
	 max-width: : 40%;
	 color:#fff;
	 font-size: 22px;
	 transition: all 2s ease;
	 z-index: 5;
	 text-align: center;
 }
 .nazwaSesji {
	 display: inline-block;
	 text-align: center;
	 font-size: 40px;
	 font-weight: bold;
	 border-top:1px solid #fff;
	 border-bottom: 1px solid #fff;
	 margin-bottom: 30px;
 }
 .sessionAbout.active {
	 opacity: 1;
 }
 .powieksz:after {
	 position: absolute;
	 left:0px;
	 right:0px;
	 bottom:0px;
	 top:0px;
	 background:rgba(0,0,0,.5);
	 content:" ";
	 opacity: 0;
	 transition:all 2s ease;
 }
 .powieksz.active:after {
	 opacity: 1;
 }
.photo { 
	position: relative;
	height: 30vh;
	transition:all .3s ease;
	border-bottom:1px solid #000;
}
.photo:hover {
	z-index: 99999999999;
}
.photo:after {
	position: absolute;
	left:0px;
	top:0px;
	bottom:0px;
	right:0px;
	transition:all .3s ease;
	background: #000;
	opacity: 0;
	z-index: 99999999;
	content:" ";
}
.photo.inactive:after {
	opacity: 0.6;
}
.photo:hover:after {
	opacity: 0;
}
.photo:hover .photoIn{
top:-20%;
/* box-shadow: 0px 0px 30px rgba(0,0,0,.5); */
bottom:-20%;
z-index: 999999999999;
cursor: pointer;
  }
.photoIn {
 	position: absolute;
	top:0px;
	transition:all .3s ease;
	bottom:0px;
	right:0px;
	left:0px;
/* 	box-shadow: inset 0px 5px 20px rgba(0,0,0,.3); */
	background-size: cover;
 	background-position: center;
}
.photoIn.click {
	position: fixed;
}
.photoDesc, .photo2Desc {
	position: absolute;
	bottom:10%;
	left:10%;
	font-size: 20px;
	color:#fff;
 	z-index: 9999999;
 	text-shadow: 0px 1px 2px rgba(0,0,0,.3);
}
.galin img {
	display:none;
}
.galin img.active {
	display: block;
}



	.mainImg {
		width: auto;
		height: auto;
		max-width: 100%;
		max-height: 100%;
	}
	.mainContent {
		display: none;
	}
	.mainContent.active {
		display: block;
 		left:0px;
		right:0px;
		bottom:0px;
		top:0px;
		overflow: hidden;
		overflow-y: auto;
	}
	.mainContent.active#about, .mainContent.active#contact {
		position: relative;
		padding: 50px 20px 0px 20px;
	}
	.menua .plusminus {
		font-size: 14px;
		width: 30px;
		
	}
	.menua .minus, .menua.active .plus {
		display: none;
	}
	.menua.active .minus {
		display: inline-block;
	}
	/*

	.thumbOpis {
		position: absolute;
		right:0px;
		bottom:0px;
		padding: 0px 5px;
		height: 18px;
		line-height: 18px;
		background: #fff;
		font-size: 11px;
		z-index: 99999;
	}
	.thumbWrap:hover {
		cursor: pointer;
		opacity: 0.8;
		
		
	}
*/
	.thumbWrap {
		position: relative;
		background-size:cover;
		background-position: center;
		overflow: hidden;
 	}
/*
 	.thumbWrapOver {
	 	position: absolute;
	 	left:-100px;
	 	top:-100px;
	 	right:-100px;
	 	bottom:-100px;
 		background-size:cover;
		background-position: center;
		z-index: 5;
		opacity: 0;
		transition:all .5s ease;
		padding: 150px;
 		background-clip: content-box;
 	}
 	.thumbWrap:hover .thumbWrapOver {
	 	opacity: 1;
 	}
*/
 	.thumbWrap:hover {
	 	cursor: pointer;
 	}
 	.thumbOpis {
	 	position: absolute;
	 	top:50%;
	 	text-align: center;
	 	left:50%;
	 	padding: 40px;
	 	font-size: 13px;
	 	color:#fff;
	 	transform: translate(-50%,-50%);
	 	z-index: 999999999;
	 	opacity: 0;
	 	font-weight: 700 !important;
	 	transition:all .5s ease;
 	}
 	.thumbWrap:hover .thumbOpis {
	 	opacity: 1;
 	}
	#sessionLeft {
		position: absolute;
		left:0px;
		top:0px;
		bottom:0px;
 		width: 20%;
		z-index: 9999999;
	}
	#sessionLeft i {
		position: absolute;
		top:50%;
		left:50px;
		font-size: 20px;
		z-index: 9999999999;
		color:#fff;
		transition:all .5s ease;
		text-shadow: 0px 1px 2px rgba(0,0,0,0.3);
		opacity: 0;
		transform: translateX(-10px);
	}
	#sessionLeft:hover, #sessionLeft.active {
		cursor: pointer;
	}
	#sessionLeft:hover i,#sessionLeft.active i {
		opacity: 1;		
		text-shadow: 0px 1px 3px rgba(0,0,0,0.6);

		transform: translateX(0);
	}
	/*

	#sessionLeft:hover {
		cursor: w-resize;
	}
*/
	#sessionRight {
		position: absolute;
		right:0px;
		top:0px;
		bottom:0px;
		
		width: 20%;
		z-index: 9999999;
	}#sessionRight:hover,#sessionRight.active {
		cursor: pointer;
	}
	#sessionRight i {
		position: absolute;
		top:50%;
		color:#fff;		transition:all .5s ease;
		text-shadow: 0px 1px 3px rgba(0,0,0,0.6);

		right:50px;
		font-size: 20px;
		z-index: 9999999999;
		opacity: 0;
		transform: translateX(10px);
	}
	#sessionRight:hover i,#sessionRight.active i  {
		opacity: 1;		text-shadow: 0px 1px 3px rgba(0,0,0,0.6);

		transform: translateX(0);
	}
	
/*
	#sessionRight:hover {
	cursor: e-resize;
	}	
*/
	#sessionOpis {
		position: fixed;
		display: none;
		right:0px;
		bottom:0px;
		z-index: 9999999;
		padding: 10px;
		font-size: 12px;
		line-height: 14px;
		letter-spacing: 0.5px;
		background: #fff;
		color:#999;
	}
	#sessionWrap, .sessionWrap {
		position: fixed;
		top:40px;
		right:40px;
		bottom:40px;
		left:250px;
	}
	.sessionPhoto.active {
		display: block;
	}
	.sessionPhoto {
		position: absolute;
		left:0px;
		width: 100%;
		bottom:0px;
		top:0px;
		padding: 10px;
		cursor: pointer;
		display: none;
	}
	.sessionPhoto.prevactive {
		left:-100%;
		display: block;
	}
	.sessionPhoto.fastIn {
		transition: all .2s ease !important;
		transform: translateX(100%) !important;
		
	}
	.sessionPhoto.nextactive {
		left:100%;
		display: block;
	}
	.sessionPhoto.fastOut {
		transition: all .2s ease !important;
		transform: translateX(-100%) !important;
		
	}
	.sessionPhoto img { object-fit: contain;
  		max-width: 100%;
		max-height: 100%; 
		width: 100%;
		height: 100%;	}
		
		
		
	.navFooter {
		position: absolute;
		z-index: 99999999999;
		bottom:40px;
		left:0px;
		right:0px;
		font-size: 11px;
		text-align: center;
	}
	.sociale {
		margin-top:30px;
		margin-left: -15px;
		text-align: center;
		position: fixed;
		bottom:0px;
		background: #fff;
		font-size: 20px;
	}
	.sociale a i {
		opacity: 0.7;color:#292b2c;
		margin: 0px 15px;
	}
	.sociale a i:hover {
		opacity: 1;
		text-decoration: none;
	}
	
	
	@media (max-width:990px) { 
		 
	header {
		z-index: 99999999999;
		position: relative;
		height: 60px;
	}
		.toggleMen {
			position: fixed;
			top:5px;
			right:5px;
			width: 40px;
			z-index: 9999999999;
			height: 40px;
			text-align: center;
			line-height: 40px;
			font-size: 30px;
			color:#000;
			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 {
			padding: 10px;
			position: fixed;
			z-index: 999999999999;
			height: 60px;
			overflow: visible;
			width: 100%;
		}
		.menu {
			display: none;
		}
		.menu.active {
			display: block;
 position: fixed;
left: 0px;
right: 0px;
top: 60px;
bottom: 0px;
height:100vh;
background: #fff;
z-index: 9999999999999;
overflow: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
overflow-scrolling:touch;

		}
		.menu.active {
			text-align: center;
		}
		.menu.active .menua {
			display: block;
			text-align: center;
			height: 40px;
			font-weight: 500;
			line-height: 40px;
		}
		.menu.active .menua a.glowne {
			text-align: center;
			display: inline-block;
		}
		.menu.active a.glowne {
			display: block;
		}
		.menu .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 {
		position: relative;
		top:0px;
		width: 200px;
	}
	.navbar-brand img {
		height: auto;
		width: 100%;
	}.col.navbar-brand-wrap {
		width: auto;
display: block;
position: absolute;
left: 0px;

}
.jezyki {
position: absolute;
left: 220px;
}
		#sessionWrap, .sessionWrap {
    position: fixed;
    top: 40px;
    right: 15px;
    bottom: 15px;
    left: 15px;
	}
	}
	.konsumenckie-wrap {
 
 		align-items: center;
	}
	.konsumenckie-wrap .col-md-4 { 
		padding-bottom: 30px;
		padding-top:30px;
	}
	.konsumenckie-icon {
		font-size:80px;
		opacity: 0.5;
	}
	@media (max-width:1199px) { 
			#content {
		position: relative;
		top:10px;
		}
		.top { 
			margin-top:40px;
		}
		.menu a {
			padding:0px 5px;
			font-size:18px;
			}
		}
	@media (max-width:766px) { 
		body {
			padding-left: 0px;
		}
		.top { 
			margin-top:0px;
		}
		 .kreska-block-content {
		 min-height: 0; padding-top:0px; padding-bottom: 100px
	 }
.breakiTxt {
						font-size: 20px;
						line-height: 28px;
						color:#fff;
						font-weight: 500;
						left:50%;
						top:50%;
						padding-top: 50px;
						padding-bottom: 50px;
						transform: translate(-50%,-50%);
						z-index: 9999999;
						position: relative;
						text-align: center;
						
					}
.badania-header {
	color:#333;
	font-size: 30px;
}
.wspieramy span {
    display: inline-block;
    border-radius: 3px;
    background: #fff;
    padding: 0px 15px;
    margin: 5px;
    color: #533A71;
    font-size: 16px;
    min-height: 30px;
    height: auto;
    line-height: 30px;
}
footer h2 {
	font-size:26px;
}

.doswiadczenie-text-wrap {
			position: relative; z-index: 999; margin-right:0px;
		}			
		.doswiadczenie-text {
			background: #fff; padding:10px; margin-left:0px; position: relative; margin-bottom:50px;
		}
			.abw {
				padding-top:30px;
			}		
	.abWrap {
		position: absolute;
		left:15px;
 		right:15px;
	bottom:0px;
		
	}
	.abWrap img {
		visibility: hidden;
		position: absolute;
		left:0px;
 		bottom:0px;
 		
	}
	.abWrap img.active {
		visibility: visible;
	}




		.about-wrap {
			padding: 10px;
			margin-left:-10px;
			margin-right:-10px;
		}
		.about-wrap h5 {
			font-size: 1rem;
		}
		span.podkreslony {
			display: inline;
		}
	.tw {
		opacity: 0.98;
		position: relative;
 		padding: 10px 20px;
 		margin-top:-30px;
		margin-right: auto;
		margin-bottom: 100px;
		top:0%;
		right:0px;
		z-index: 99999999;
		font-weight: 500;
 		color:#fff;
 		text-align: center;
} 
.tw span {background: #2E86AB; padding: 5px 10px; display: inline-block; text-transform: uppercase; font-weight: 900; margin-bottom: 10px; font-size:18px; line-height: 24px}
.tw h1 span {
	font-size: 22px;
	}
	.col.navbar-brand-wrap {
		width: auto;
		display: block;
		
		position: absolute;
		left: 0px;
	}
	.navbar-brand {
		position: relative;
		top:0px;
		width: 200px;
	}
	.navbar-brand img {
		height: auto;
		width: 100%;
	}
	.jezyki {
		position: absolute;
		left:220px;
	}
	#content {
		position: relative;
		top:10px;
	}
	}

	@media (max-height:500px) { 
		.sociale {
			bottom:0px;
		}
	}