.roboto { 
	 font-family: 'Roboto Slab', serif;
font-family: 'Noto Sans', sans-serif;


 }
 .josef { font-family: 'Montserrat', sans-serif;
 
 }
 .mh-100 { 
	 min-height: 100vh;
 }
	 .bigbluewrap { 
		  position: absolute;
		 left:5%;
		 top:50%;
		 transform: translateY(-50%);
		 width: 30%;
		 color:#000;
		 z-index: 0;
		 opacity: .05;
	 }
	 #bigbluebg { 
		width: 100%;
		animation:bb .5s linear infinite;
		 
	 }
	 @keyframes bb { 
		 0% { transform: rotate(0deg);}
		 100% { transform: rotate(360deg);}
	 }
	 .btn.btn-outline-main { 
		 border: 2px solid #fff;
		 width: 300px;
		 height: 80px;
		 line-height: 76px;
		 color:#fff;
		 display: inline-block;
		 padding: 0px;
		 font-size: 20px;
		 text-align: center;
	 }
	 .btn.btn-outline-main:hover { 
		 background: #fff;
		 color:#000 !important;
	 }
ul.menu { 
	margin-top: 10px !important;
}
.in-white  { 
	padding: 30px 20px;
}
.in-white-header { 
	position: absolute;
	left:20px; top:-25px;
	border-top:25px solid #fff;
	height: 50px;
	line-height: 25px;
	font-size:22px;
	font-weight: 900;
	background: #052F5F;
	padding: 0px 10px;
	color:#fff;
}
.in-white-header.prawy { 
	left: auto; right:20px;
}
.red-over { 
	margin-top:20px;
	margin-bottom: 20px;
	border:1px dashed #E72A4F;
	color:#E72A4F;
	font-weight: 600;
	padding: 20px;
	font-size: 18px;
	text-align: center;
}
.odpowie { 
	background: #052F5F;
	color:#fff;
	font-size: 18px;
	line-height: 30px;
	text-align: center;
	padding: 20px;
	margin-bottom: 20px;
}
.odpowie a { 
	color:#fff;
}
.biuroIn { 
	padding: 30px;
	font-size: 13px;
	background: #fff;
	border:1px solid #000;
	margin-bottom: 30px;
	position: relative;
	text-align: center;
 }
 .biuro-name { 
	 position: absolute; 
	 left:0px;
	 top:0px;
	 background: #000;
	 padding: 5px 10px;
	 font-size: 11px;
	 color:#fff;	 text-align: left;

	 min-height: 30px;
	 line-height: 20px;
 }
 .biuro-adres { 
	 position: absolute; 
	 right:0px;
	 bottom:0px;
	 color:#000;
	 width: auto;
	 border:1px dashed #000;
	 border-width: 1px 0px 0px 1px;
	 height: 30px;
	 line-height: 29px;
	 padding: 0px 15px;
 }
 .biuroWrap.jasny:hover .biuro-adres, .biuroWrap.jasny:hover .biuro-adres a { 
	 color:#fff;
	 border-color:#fff;
 }
 .biuro-adres a { 
	 color:#000;
 }
 .biuro-adres p { 
	 display: inline;
 }


.overBiuro {
	opacity: 0;
	position: absolute;
	left:0px; 
	top:0px;
	max-width:100%;
 	width: auto;
	height: auto;
	-webkit-transition:all .3s ease;
	transition:all .3s ease;
	z-index: 0;
	
}
.biuroWrap:hover .overBiuro {
	opacity: 1;
}
.wyroznione { 
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
}
.wyroznione span { 
	display: inline-block;
	margin: 5px;
	text-transform: uppercase;
	font-size: 15px;
	min-height: 28px;
	line-height: 18px;
	padding: 5px 10px;
	color:#fff;
	background: #E5294D;
}
body {
font-family: 'Montserrat', sans-serif; 
 	letter-spacing:1.2px; 
 	color:#13293D;
	font-weight: 400;
	 -webkit-font-smoothing:antialiased;
	 overflow-x: hidden;
	     -moz-osx-font-smoothing: grayscale;
/*
	     overflow:hidden;
overflow-y: auto;
width: 100%;
*/
 	
	}
	/* BACZYNSKA */
	
	
	body.noscroll { 
		overflow: hidden;
	}
	.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;
		
	}
	.map-wrap { 
		 				transform: scale(0,1);
		 				transition:all 2s ease 1s;
	 				}
	 				.section.active .map-wrap { 
		 				transform: scale(1);
	 				}
	 				.map-pin { 
		 				position: absolute; 
		 				width: 15%;
		 				transform: scale(0.7,1) translateY(-500%);
		 				opacity: 0;
		 				transform-origin: center bottom;
		 				transition: all .5s ease 3s;
		 				left:42%;
		 				top:14%;
	 				}
	 				.map-pin.map-pin-1 { 
		 				width: 12%;
		 				left:24%;
		 				top:17%;
		 						 				transition: all .5s ease 3.2s;

	 				}
	 				.map-pin.map-pin-2 { 
		 				width: 10%;
		 				left:25%;
		 				top:50%;		 				transition: all .5s ease 3.4s;

	 				}
	 				.map-pin.map-pin-3 { 
		 				width: 10%;
		 				left:49%;
		 				top:21%;
	 					 				transition: all .5s ease 3.6s;
	}
	 				.map-pin.map-pin-4 { 
		 				width: 10%;
		 				left:75%;
		 				top:55%;
	 				 				transition: all .5s ease 3.8s;
		}
	 				.map-pin.map-pin-5 { 
		 				width: 10%;
		 				left:50%;
		 				top:50%;
	 					 				transition: all .5s ease 4s;
	}
	 				.map-pin.map-pin-6 { 
		 				width: 10%;
		 				left:66%;
		 				top:37%;
	 				 				transition: all .5s ease 4.2s;
		}
	 				.section.active .map-pin {
		 				opacity: 1; 
		 				transform: scale(1) translateY(0);
	 				}
	 				
	 		
body .glightbox-container { 
		z-index: 999999999 !important;
	}
	 
#overgal { 
	position: fixed;
	bottom:0px;
	opacity: 0;
	display: none;
	transition:all .5s ease;
	left:50%;
	transform: translate(-50%,120%);
	margin-bottom: 20px;
	padding: 20px;
	background: rgba(255,255,255,.9);
	max-width: 500px;
	z-index: 9999999999999999;
}
#overgal.show { 
	display: block;
}
#overgal.active { 
	transform: translate(-50%,0);
	opacity: 1;
}
#overgal-title { 
	margin-bottom: 10px;
	text-align: center;
	color:#000;
	font-size: 16px;
	font-weight: 900;
}
#overgal-desc { 
	margin-bottom: 10px;
	color:#000;
	text-align: center;
	font-size: 13px;
	}
	.thumb{
			margin-bottom: 30px;
			cursor: pointer;
 		}
		.thumbIn { 
			position: relative;			overflow: hidden;

		}
		.mainLookOver { 
			
			position: absolute;
			top:0px;
			bottom:0px;
			right:0px;
			opacity: 0;
			transition: all .2s ease;
			left:0px;
			z-index: 5;		 
			
		}
		.thumbIn:after { 
			position: absolute;
			left:0px;
			right:0px;
			bottom:0px;
			top:0px;
			background: #545E75;
			opacity: .4;
			content:" ";
			transition: all .8s ease;
			z-index: 0;
			transform: scale(1);
		}
		.thumb:hover .thumbIn:after { 
			opacity: 0;
			transform: scale(0);
			background: #63ADF2;
		}
		.mainLookOver img { 
			width: 100%;		 
 			position: absolute;
			top:0px;
			left:0px;
			opacity: 0;
			transition: opacity .05s ease;		}
 
		.mainLookOver img.active { 
			opacity: 1;
 
 }
 .thumb:hover .mainLookOver, .thumb.active .mainLookOver { 
	 opacity: 0;
	 
 }
				
	.offer-box { 
		height: 100%;
		padding: 30px;
		color:#fff;
		background: #464F51;
		box-shadow: 0px 20px 50px rgba(0,0,0,.2);
	}
	.offer-box-img { 
		text-align: right;
		width: 100%;
		margin-bottom: 30px;
		position: relative;
	}
	.offer-box-img i { 
		color:#ED254E;
		font-size: 80px;
	}
	.sc_icon_over { 
		opacity: 0;
		position: absolute;
		left:50%;
		transform: translateX(-50%);
		top:0px;
	}
	.sc_icon_over.active { 
		opacity: 1;
		transition: all 3s ease;
	}
	.btn { 
		white-space: normal;
	}
	.offer-box-img img { 
		width: 100%;
		max-width: 120px;
		margin: auto;
	}
	.offer-box-heading { 
		min-height: 50px;
		line-height: 38px;
		font-size: 24px;
		color:#052F5F;
		font-weight: 900;
		text-align: left;
		
		}
		.offer-box-heading h3 { 
			color:#052F5F;
		}
		.offer-box-heading span { 
			border:1px solid #fff;
		border-width: 1px 0px 1px 0px;	
		display: inline-block;
		}
		.offer-box-txt { 
			color:#052F5F;
			font-size: 15px;
			text-align: left;
			padding: 20px 0px;
		}
		.offer-box-txt span { 
			background: #ED254E;
			color:#fff;
			font-size: 12px;
			padding: 0px 5px;
			height: 20px;
			line-height: 20px;
			display: inline-block;
			margin-right: 5px;
		}	
   .ttheading1,. ttheading2, .ttheading3 {

	   transform-origin: center;
	   color:rgba(0,0,0,.1);
     }

   .ttheading11, .ttheading21, .ttheading31 {
	   position: absolute;
	   left:-200px;
	   top:50%;
	   height: 1px;
 	   right:-60px;
	   transition:all 1s linear;
	   transition-delay: 0s;
	   transform: scale(0,1);
	   transform-origin: left center;
	   
   }
/*
   .ttheading1.active .ttheading11,.ttheading2.active .ttheading21,.ttheading3.active .ttheading31 {
	   transform: scale(1,1);
   }
*/
    .section.active .ttheading1 span,.ttheading2.active span,.ttheading3.active span {
	    animation: top-heading-show 6s;
		    animation-delay: 1s;
	animation-fill-mode: forwards;  
     }
        .ttheading2  span {
	  	  
  letter-spacing: 8px;
     }
     .ttheading3  span {
   letter-spacing: 2px;
     }
    @keyframes top-heading-show {
	    0% { color:rgba(0,0,0,.1); opacity: 1; text-shadow: 0px 0px 0px rgba(0,0,0,0);  }
	    10% { color:rgba(0,0,0,.3); text-shadow: 0px 0px 0px rgba(0,0,0,0);}
	    30% { color:rgba(0,0,0,.1); text-shadow: 0px 0px 0px rgba(0,0,0,0);}
	    40% { color:rgba(240, 201, 7, 0.28); text-shadow: 0px 0px 20px rgba(240, 200, 8, 0.08)}
	    41% { color:rgba(240, 201, 7, 0.7); text-shadow: 0px 0px 20px rgba(240, 200, 8, 0.08)}
	    45% { color:rgba(240, 201, 7, 0.3); text-shadow: 0px 0px 20px rgba(240, 200, 8, 0.08)}
	    50% { color:rgba(240, 201, 7, 0.9); text-shadow: 0px 0px 20px rgba(240, 200, 8, 0.08)}
	    55% { color:rgba(240, 201, 7, 0.7); text-shadow: 0px 0px 20px rgba(240, 200, 8, 0.5)}
	    60% { color:rgba(0,0,0,.1); text-shadow: 0px 0px 20px rgba(240, 200, 8, 0.05)}
	    65% { color:rgba(240, 201, 7, 1); text-shadow: 0px 0px 20px rgba(240, 200, 8, 1)}
	    70% { color:rgba(240, 201, 7, 1); text-shadow: 0px 0px 100px rgba(240, 200, 8, 1)}
	    90% { color:rgba(240, 201, 7, 1); text-shadow: 0px 0px 20px rgba(240, 200, 8, 1)}
	    100% { color:rgba(240, 201, 7, 1); text-shadow: 0px 0px 20px rgba(240, 200, 8, 1)}
    }
 
    .top-text-heading {
	color:rgba(0,0,0,.1);
	   font-size: 100px;
	   position: absolute;
	   right:10%;
	   bottom: 20%;
	   display: inline-block;
	   max-width: 30%;
	   
    }
    .top-text-heading span {
	    position: relative;
 	    font-weight: 300; 
 	    z-index: 5;
 	    padding: 0px 15px;
    }
      .top-text-heading span.mniejszy { 
	     font-size: 20px;
	     line-height: 26px;
	     display: block;
     }
     .section.active .ttheading1 span.mniejszy { 
	     animation:top-heading-show 3s;
	     animation-delay: 3s;
	     animation-fill-mode: forwards;
     }


  .top-text-heading:after {
   position: absolute;
	   left:0px;
	   z-index: 0;
	   top:15px;
	   right:15px;
	   bottom:15px;
	   left:15px;
	   background: transparent;
	   content:" ";
   }

		.lampy { 
			position: absolute;
			left:0px;
			top:0px;
			width: 100%;
			height: 100%;
		}
		.lampy-under, .lampy-over { 
			position: absolute;
			left:0px;
			top:0px;
			bottom:0px;
			right:0px;
			background-size:cover;
			background-position: center top;
			background-repeat: no-repeat;
			background-image: url(/layout/lampy-under-1.jpg);
		}
		.lampy-over { 
			opacity: 0;
			z-index: 5;
			transition:all 10s ease;
			background-image: url(/layout/lampy-over-1.jpg);
		}
		.section.active .lampy-over { 
			opacity: 1;
		}
		
		


		 .recoms-wrap {
			 position: relative;
			  padding-left:0px; padding-right: 50px;
		 }
		 .recoms { 
			 position: relative;
		 }
		 .recoms-over {
			 position: absolute;
			 left:0px;
			 z-index: 88;
			 top:0px;
			 bottom:0px;
			 right:0px;
			 text-shadow: 0px 5px 20px rgba(0,0,0,.2);
		 }
		 .recoms-title {
			 left:40px;
			 top:-30px;
			 font-size: 40px;
			 font-weight: 900;
			 position: absolute;
		 }
		 .recoms-left {
			 position: absolute;
			 right:0px;
			 top:0px;
			 transform: translate(50%,-50%);
			 padding: 5px;
  			 width: 70px;
		 }
		 .recoms-right {
			 position: absolute;
			 right:20px;
			 bottom:0px;
			 transform: translateY(50%);
			 font-size: 70px;
		 }
		 .recoms-in {
			 background: #fff;
			 padding: 30px 150px;
			 position: absolute;
			 left:0px;
			 top:0px;
			 overflow: hidden;
			 right:0px;
			 bottom:0px;
			 box-shadow: 0px 10px 40px rgba(0,0,0,.1);
		 }
		.mainrecom { 
			font-size: 16px;
			line-height: 24px;
			padding: 30px 50px 30px 200px;
			visibility: hidden;
		}
		 .recom {
			 font-size: 16px;
			 position: absolute;
			 top:50%;
			 right:50px;
			 left:200px;
			 transform: translateY(50%);
			 line-height: 24px;
			 opacity: 0;
			 transition:all .5s ease;
		 }
		 .recom.active { 
opacity: 1;
transform: translateY(-50%);
		 }
		 .recom-bottom {
			 font-weight: bold;
			 font-size: 15px;
			 margin-top: 10px;
			 display: block;
		 }
		  
		 .recom-choose { 
			 float: left;
			 width: 20px;
			 height: 20px;
			 background: #fff;
			 position: relative;
			 border-radius: 100%;
			 margin-right: 10px;
			 margin-bottom: 20px;
			 margin-top: 20px;
			 transition: all .3s ease;
			 border:1px solid transparent;
			 box-shadow: 0px 5px 20px rgba(0,0,0,.2);

		 }
		 .recom-choose-over { 
			 position: absolute;
			 left:0px;
			 top:0px;
			 right:0px;
			 bottom:0px;
			 border-radius: 100%;
			 background-size: cover;
			 background-position: center;
			 }
		 .recom-choose:hover {
			 cursor: pointer;
			 opacity: 1; border:1px solid #E97E3D;
			 box-shadow: 0px 5px 20px rgba(0,0,0,.5);
			 
		 }
		 .recom-choose.active {
			 background: #fff; border:1px solid #E97E3D;
			 box-shadow: 0px 5px 20px rgba(0,0,0,.5);
		 } .recom-choose img { 
			 width: auto;
			 max-width: 100%;
			 max-height: 100%;
			 border-radius: 100%;
		 }
		 .recom-imgs { 
			 position: absolute;
			 left:0px;
			 bottom:0px;
			 height: 100%;
			 width: 190px;
			 overflow: hidden;
		 }
		 .recom-img { 
			 position: absolute; 
			 left:0px;
			 bottom:0px;
			 height: 100%;
			 width: 190px;
			 opacity: 0;
			 transform: translateX(-100%);
			 transition: all .5s ease;
			 background-size: cover;
			 background-position: center;
		 }
		 .recom-img.active { 
			 opacity: 1;
			 transform: translateX(0);
		 }
			.to-show-up { 
				background: #FAFAFA;
				transform: translateY(100%);
				position: relative;
				transition:all 3s ease 1s;
				overflow: hidden;
			}
			.section.active .to-show-up, .section.active .to-show-down { 
				transform: translateY(0);
			}
			.to-show-down { 
				background: #fff;
				transform: translateY(-100%);
				position: relative;
				overflow: hidden;
				transition: all 3s ease 1s;			}
				.max-80 { 
					position: absolute;
					left:50%;
					top:50%;
					transform: translate(-50%,-50%);
					width: auto !important;
					max-height: 80%;
					height: auto;
					
 				}
 				.to-show-opis { 
	 				position: absolute;
	 				right:0px;
	 				top:15%;
	 				font-size: 30px;
	 				background: #FF1053;
	 				color:#fff;
	 				padding: 15px;
	 				z-index: 9999999;
	 				transform: translateX(100%);
	 				transition:all 2s linear 3s;
 				}
 				.to-show-opis.lewy { 
	 				top:auto;
	 				bottom:15%;
	 				right: auto;
	 				left:0px;
	 				transform: translateX(-100%);
 				}
 				.section.active .to-show-opis { 
	 				transform: translate(0);
 				}
 				
 				
		.warsztat-header { 
			margin-top: 50px;
			color:#000;
			font-size: 60px;
			text-align: right;
			margin-right: 30px;
			position: relative;
			z-index: 999;

		}
		.triangle-up-right {
     width: 0;
    height: 0;
    padding-left:100%;
    padding-top: 100%;
    margin-top: -20px;
    position: absolute;
    overflow: hidden;
}
.triangle-up-right:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-left:-500px;
    margin-top:-500px;
    
    border-left: 500px solid transparent;
    border-top: 500px solid #fff;
}

			.cat-wrap {
				padding-bottom: 40px;
				padding-top:40px;
				transition: all .4s ease;
			}
			.cat-wrap:hover, .cat-wrap.aktywny { 
				cursor: pointer;
				background: #fff;
				
			}
			.cat-icon { 
				text-align: center;
				margin-bottom: 10px;
				font-size: 50px;
			}
			.cat-desc { 
				text-align: center;
				font-size: 16px;
				font-weight: 100;
			}
			.realizacjaWrap { 
				background-size: cover;
				position: relative;
				background-position: center;
				overflow: hidden;					border: 5px solid #fff;

			}
			.realizacjaIn { 
				position: absolute;
				right:0px;
				bottom:0px;
				padding: 10px;
 				font-size: 40px;
				color:#fff;
				
			}
			.realizacjaBg { position: absolute;
				left:0px;
				top:0px;
				right:0px;
				bottom:0px;
				transition:all .5s ease;
				background-size: cover;				background-position: center;

			}
			.realizacjaWrap:hover .realizacjaBg { 
				transform: scale(1.05);
			}
			@media (max-width:900px) { 
				
				.realizacjaIn { 
					font-size: 22px;
				}
				.relizacjaWrap { 
				}
			}


	 		.loga-row img { 
		 		max-width: 100%;
		 		max-height: 80px;
	 		}
	 		.loga-row .mdek { 
		 		margin-bottom: 30px;
	 		}
.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 {
 		}
		.menuMobi.active {
 display: block !important;
 position: fixed;
left: 0px;
right: 0px;
top: 0px;
padding-top:100px;
bottom: 0px;
height:100vh;
color:#000;
background: #fff;
z-index: 9999;
overflow: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
overflow-scrolling:touch;

		}
.menuMobi a { 
	display: block;
	height: 60px;
	line-height: 60px;
	color:#000;
	text-align: center;
	font-size: 30px;
}
#content { 
 /*
border:20px solid #000;
border-width: 0px 20px 0px 20px;
*/
}

	 .navbar-brand { 
		 position: relative;
		 top:0px;
		 left:0px;
		 width: auto;
 		 padding: 10px 10px 0px 0px;
		 z-index: 99999999999;
		 opacity: 1; 
		 transition:all 1.5s ease;	
		 transform: scale(1);
		 transform-origin: right bottom;
		 overflow: hidden; }
		 .aktywne .navbar-brand { 
			 opacity: 1;
			 transform: scale(1);
		 }
		 .navbar-brand:hover { 
			 overflow: visible;
		 }
		
	 
  	 .navbar-brand:hover img.logo-big {
	  	 opacity: 1;
  	 }

	 .navbar-brand img { 
		 width: 100%;
	 }

	.podkreslony { 
		display: inline-block;
		margin: 3px 5px;
		background: #DFE6D9;color: #000;
		text-transform: uppercase;
		padding: 3px 5px;
		border-radius: 3px;
		
	}
	.gold-break span {
		display: inline-block;
		margin: auto;
		width: 80px;
		border-bottom: 1px solid #d39139;
	}
	.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:#052F5F;
		border-radius: 0px;
		color:#052F5F;
		background: #fff;
		position: relative;
		transition:all .4s ease;
	}
	.btn.btn-outline-black:after { 
		position: absolute;
		left:0px;
		width: 100%;
		height: 100%;
		top:0px;
		background: #052F5F;
		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;
}
	
	.logo-white { 
		display: none;
	}
	.poniszej .logo-color, .whiteHeader .logo-color { 
		display: none !important;
	}
	.poniszej .logo-white, .whiteHeader .logo-white { 
		display: block !important;
	}
	.ponizej .menu a, .whiteHeader .menu a { 
		color:#fff !important;
 	}
	
	.ponizej nav,  .whiteHeader nav { 
		background: #000;
	}
	.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;
		}
		@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: fixed;
		 width: 100px;
		 
 		 height: 50px;
 		 padding-top: 20px;
		 bottom:0px;
		 cursor: pointer;
		 left:50%;
		 transform: translateX(-50%);
		 z-index: 999999;
		 color:#000;
		 text-align: center;
		 font-size: 20px;
		 z-index: 999999999;
	 }
	 .goDownWrap.inactive { 
		 opacity: 0;
	 }
	 .goDown { 
		 position: fixed;
		 bottom:0px;
		 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;
		}
/*
		.poo .wyr-green { 
			color:#000;
			display: inline-block;
		}
*/
		.wyr-green span { 
			position: relative;
			z-index: 5;
		}
/*
		.poo .wyr-green:after { 
			z-index: 0;
			position: absolute;
			bottom:5px; left:-2px;
			right:10%;
			opacity: 0.4;
			height: 10px;
			background: #6ca656;
			content:" ";
		}
*/
 
		.hidden-elements { 
			transition: all 1s ease;
 			opacity: 0;
			width: 0px;
			height: 0px;
			text-align: left;
			margin-left:50%;
			margin-top: 20px;
 			transform-origin: center top;
			transform: scale(0);
		}
		.col-wrap.active .hidden-elements { 
			opacity: 1;
			transform: scale(1);
			width: 100%;
			margin-left: 0px;
			height: 100%;
		}
		.col-wrap.inactive:hover { 
			transition:all .3s ease;
			background: #f9f9f9;
			cursor: pointer !important;
		}
		.col-wrap { 
			transition:all 1s ease;
		}
 
		.col-content { 
						transition:all 1s ease;
transform-origin: center top;
margin-bottom: 20px;

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

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

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

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

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

	}
	.big-header span { display: inline-block;
padding: 0px 15px;
line-height: 70px;
font-weight: 500;
font-size: 40px;
border: 1px solid #000;
border-width: 1px 1px 1px 1px;
transition: all 1s ease;
opacity: 0;
transform: translateX(-100%);
} 
			.big-header.active span { 
				opacity: 1;
				transform: translateX(0);
			}
			.big-header.active span:nth-child(2) {
				transition-delay: .2s; }
			.big-header.active span:nth-child(3) {
				transition-delay: .4s; }
						.big-header.active span:nth-child(4) {
				transition-delay: .6s; }
						.big-header.active span:nth-child(5) {
				transition-delay: .8s; }
						.big-header.active span:nth-child(6) {
				transition-delay: .10s; }
						.big-header.active span:nth-child(7) {
				transition-delay: .12s; }			
				
				
				
		.big-header span:nth-child(odd) { 
			background: #000;
			color:#fff;
		}
		.big-header span:last-of-type { 
 		}
 		.parallax-container:after { 
	 		position: absolute;
	 		left:0px;
	 		top:0px;
	 		right:0px;
	 		bottom:0px;
	 		background: rgba(238, 38, 78, 0.50);
	 		content:" ";
	 		z-index: 5;
 		}
 		.parallax-container.drugi:after { 
	 		background: rgba(238, 38, 78, 0.70);
 		}
	.parallax-header { 
		line-height: 40px;
		margin: auto;
		font-size: 30px;
		font-family: 'Playfair Display SC', serif;

		z-index: 9999;
		text-align: center;
		font-weight: 300;
		position: absolute;bottom:0%;
		transform: translate(-50%,25%);
		left:50%;
		width: 80%;
	}
	.parallax-header span {
		position: relative;
		background: #000;
		color:#fff;
		padding: 10px 15px;
		display: inline-block;
	}
 
	.number-wrap { 
		position: relative;
		border:1px dashed #000;
		font-size: 80px;
		display: flex;
align-items: center;
text-align: center;		border-radius: 100%;

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

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

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

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

	 }
	 .usluga-in-i-wrap { 
		 width: 100%;
		 display: flex;
		 justify-content: center;
		 align-items: center;
		 height: 100%;
		 position: relative;
		 background: #fff;
 	 }
	 .usluga-in-i i { 
		 font-size: 80px; 
		 
		 line-height: 200px;
 
	 }
	 .usluga-title { 
		 margin-top: 10px;
position: absolute;
/* bottom: 14%; */
color:#000;
bottom: -20px;
background: #fff;
left: -20px;
width: 70%;
z-index: 10;
padding: 20px; 
border: 1px solid #000;
border-width: 0px 0px 1px 1px;
	 }
	   .fp-section { 
 		 transition: all 1.5s ease;	 }
	 .fp-tableCell { 
		 padding: 50px 30px 30px 30px;
		 transition: all 1.5s ease;
		 position: relative;
	 }
	 .classic-section { 
		 position: relative;
		 height: 100%;
		 left:0px;
		 top:0px;
		 right: 0px;
		 bottom:0px;
	 }
	 .classic-section:after { 
 background-color:rgba(43, 45, 67, 0.55);
 		 position: absolute;
		 left:0px;
		 top:0px;
		 right:0px;
		 bottom:0px;
		 z-index: 0;
		 content:" ";
	 }
	 .classic-section-header { 
		 font-size: 70px;
		 color:#fff;
		 font-weight: 700;
		 text-align: center;
	 }
	 .classic-section-text { 
		 font-size: 20px;
		 line-height: 20px;
		 margin-top: 10px;
		 text-align: center;
		 color:#fff;
	 }
	 .classic-section-text.text-black { 
		 color:#FF1153;
	 }
	 .fp-section { 
		 opacity: 0.2;
		 transition: all 1s linear;
	 }
	 .fp-section.active { 
		 opacity: 1;
	 }
	.top {
		position: relative;
 		overflow: hidden;

height: 100%; 		padding: 0px 0px 00px 0px;
transition: all 1.5s ease;

 
	} 
	.top.minimi {
 	}
 	.right-sml-wrap { 
	 	position: absolute; bottom:0px; z-index: 9;
 	}
 	.right-sml-wrap-in { 
	 	height: 80vh;
 	}
	.top_bg_wrap_wrap { 
			position: absolute;
		top:10px;
		left:10px;
		z-index: 99;
		right:10px;
		overflow: hidden;
		bottom:10px;
	}
	.top_bg_wrap { 
		position: absolute;
		top:0px;
		left:0px;
		right:0px;
		bottom:0px;
		transform: scale(1);
/* 		animation:topbgwrap 30s  linear infinite; */
	}
	@keyframes topbgwrap { 
		0% { transform: scale(1);}
		50% { transform: scale(1.05);}
		100% { transform: scale(1);}
	}
	.top_bg_under { 
		position: fixed;
		top:0px;
		right:5%;
		bottom:0px;
		left:0px;
		z-index: 0;
		background-size: auto 60%;
		background-position: right 20%;
		background-repeat: no-repeat;
	}
	.top_bg_lampa { 
		position: fixed;
		top:-10% !important;
		right:0px;
		bottom:0px;
		left:0px;
		z-index: 4;
		background-size: auto 100%;
		background-position: bottom right;
		background-repeat: no-repeat;
	}

	.top_bg {
		opacity:  0;
		visibility: hidden;
position: relative;
top:0px !important;
left: 0px !important;
 height:80vh;
 z-index: 99999999;
  background-size:cover; background-position: center 30%; background-repeat: no-repeat;
transform-origin: center;
background-image: url(/layout/hf_top.jpg); 
 } 
	.top_bg.active { 
		opacity: 1;
		visibility: visible;
	} 
/*
	.top_bg:after { 
		position: absolute;
		left:0px;
		top:0px;
		right: 0px;
		bottom:0px;
		background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0) 100%);
		z-index: 1;
		content:" ";
	}
	.top_bg_under { 
				opacity:  1;
position: fixed;top:60px;
bottom:40px;
right:40px;
left:40px;
z-index: 0;		
background:url(/layout/porost_top_under.jpg); background-size:cover; background-position: center; background-repeat: no-repeat;
transform-origin: center;
	}
*/
	.btn.btn-outline-orange { 
		color:#FC440F;
		border-color:#FC440F;
	}
	.btn.btn-outline-orange:hover { 
		background: #FC440F;
		color:#fff;
	}.ue_log { 
						position: absolute;
						top:10px;
						left:0px;
						z-index: 99999;
					}
					.ue_log img { 
						margin-left: 15px;
						height: 40px;
						width: auto;
					}
	.top_tekst {
		color:#fff;
 font-weight: 400;
z-index: 10;
position: absolute;
text-align: left;
font-size: 40px;
 line-height: 40px;
 margin-right: 0px;
letter-spacing: 3px;
right:50%;

top:50%;
z-index: 9999;
width: 33.4%;
transform: translate(0,-50%);
background: transparent;
 	}
 	.top_right { 
	 	position: absolute;
	 	right:0%;
	 	bottom:-5%;
	 	width: 100%;
	 	background-size:cover;
	 	background-position: center;
	 	z-index: 9999;
 	}
 	.top_belka { 
	 	position: absolute;
	 	bottom:60px;
	 	left:100%;
	 	width: 80px;
	 	transform: translateX(-50%);
	 	height: 60%;
	 	overflow: hidden;
	 	background: #449DD1;
 	}
 	.top_belka:after { 
	 	position: absolute;
	 	top:0px;
	 	width: 100%;
	 	height: 100%;
	 	content:" ";
	 	background: -webkit-linear-gradient(rgba(255,255,255,.19) 0%, rgba(255,255,255,0) 100%);
	 	left:0px;
	 	animation:belkapion 2s linear infinite;
 		 transform: translateY(100%); 
}
 	@keyframes belkapion { 
	 	0% { transform: translateY(100%);}
	 	100% { transform: translateY(-100%);}
 	}
	.top_tekst_container { 
		transition: all 1s ease;
	}
	.top_bg { 
 	}
	.big-blue-text { 
		background: #449DD1;
padding: 100px 50px;
color: #fff;
font-size: 18px;
line-height: 30px;
text-align: left;
		
	}
	.belka-btm { 
		position: absolute;
		bottom:0px;
		overflow: hidden;
		border-left:15px solid #fff;
		background: #449DD1;
height:80px;
	}
	.belka-btm:after { 
	 	position: absolute;
	 	top:0px;
	 	width: 100%;
	 	height: 100%;
	 	content:" ";
	 	background:  linear-gradient(to left, rgba(148,229,247,0.49) 0%, rgba(255,255,255,0) 100%);
	 	left:0px;
	 	animation:belkaprawo 2s linear infinite;
 		 transform: translateX(-100%); 
 		 
}
 	@keyframes belkaprawo { 
	 	0% { transform: translateX(-100%);}
	 	100% { transform: translateX(100%);}
 	}
	.top_btm_belka { 
		position: absolute;
		bottom:0px;
		left:0px;
right:0px;
		background: #449DD1;
		height:40px;
	}
	.gwarantuje { 
	padding: 100px 100px;
flex-direction: column;
text-align: center;
justify-content: center;
align-content: center;
font-weight: 300;
align-items: center;
font-size: 26px;
	}
	.gwarantuje small { 
		font-size: 12px;
		color:#999;
		font-style: italic;
	}
	.parabelka { 
		position: absolute;
		left:9.2%;
		width: 80px;
		background: #30C7F7;
		top:-10px;
		bottom:-10px;
		overflow: hidden;
		z-index: 9999;
	 				}
	 					.parabelka:before { 
	 	position: absolute;
	 	top:0px;
	 	width: 100%;
	 	height: 100%;
	 	content:" ";
	 	z-index: 999999;
	 	background:  linear-gradient(to top, rgba(255,255,255,.19) 0%, rgba(255,255,255,0) 100%);
	 	left:0px;
	 	animation:belkadol 2s linear infinite;
 		 transform: translateY(-100%); 
 		 
}
 	@keyframes belkadol { 
	 	0% { transform: translateY(-100%);}
	 	100% { transform: translateY(100%);}
 	}

	 				.parabelka:after { 
		 				position: absolute;
		 				top:50%;
		 				bottom:0px;
		 				left:0px;
		 				right:0px;
		 				background: #ED254E;
		 				content:" ";
	 				}
	 				#services { 
 		 				padding-top: 100px;
		 				padding-bottom: 50px;
	 				}
/*
	.top_bg:after { 
		background: rgba(0,0,0,.4);
		position: absolute;
		left:0px;
		top:0px;
		right:0px;
		bottom:0px;
		content:" ";
	}
*/
.big-head { 
	height: 60px;
	line-height: 60px;
	color:#fff;
	display: inline-block;
	padding: 0px 10px;
	font-size: 24px;
	background: #ED254E;
	margin-bottom: 50px;
 
}
.big-head.black { 
	background: #545E75;
}
	.top_boxes { 
		width: 300px;
		height: 165px;
		z-index: 99999;
		position: absolute;
		right:20px;
		bottom:0px;
		overflow: hidden;
	}
	.top_box { 
				background-size: cover;
		background-position: center;
		position: absolute;
		top:0px;
		right:0px;
		bottom:0px;
		left:0px;
		transform: translateY(100%);
		opacity: 0;
		transition: all 1s ease;

	}
	.top_box.active { 
		transform: translateY(0);
		opacity: 1;
	}
	.top_box_sale { 
		position: absolute;
		left:0px;
		top:0px; 
		background: #fff;
		padding: 3px 5px;
		color:#E97E3D;
		font-size: 12px;
		font-weight: bold;
	}
	.top_box_val { 
		position: absolute;
		right:0px;
		top:0px; 
		background: #fff;
		padding: 3px 5px;
		color:#E97E3D;
		font-size: 12px;
		font-weight: bold;
	}
	.top_box_text { 
		position: absolute;
		bottom:0px;
		right:0px;
		max-width: 100%;
		
		max-width: 100%;
		padding: 5px 10px;
		font-size: 10px;
		background: #000;
		color:#fff;
	}
	.new_button { 
		position: relative;
		min-height: 40px;
		line-height: 20px;
		padding: 5px;
		display: inline-block;
		border-bottom: 3px solid #000;
		transition: all .5s ease;

	}
.new_button.wielki { 
min-height: 50px;
padding: 10px 5px; }
.new_button.wielki span { 
font-size:20px;}
	.new_button:hover { text-decoration: none; border-color:#E97E3D;}
	.new_button span {
		position: relative;
		z-index: 10;
		display: block;
		font-weight: bold;
		font-size: 14px;
		color:#000;
		transition: all .5s ease;
		transform: translate(0,0);		 

		 }
		 .new_button:hover span { 
			 color:#fff;
			 transform: translateY(5px);
		 }
		 .new_button:after { 
			 position: absolute;
			 left:0px;
			 top:10px;
			 right:0px;
			 bottom:0px;
			 transform: scale(1,0);
			 transform-origin: center bottom;
			 background: #000;
			 content: " ";
			 z-index: 1;
			 transition: all .5s ease;
		 }
		 .new_button:hover:after { 
			 transform: scale(1);			 background: #E97E3D;

		 }
		 .img-border { 
			 border:10px solid #efefef;
		 }
/*
	body.aktywne .top_tekst_container { 
		opacity: 0;
		transform: translateY(-150px);
	}
*/
.normal-text { 
	font-size: 13px;
}
	.text_main_in { 
	line-height: 24px;
 	font-size: 18px;
 	margin-top: 30px;
	font-weight: 300;
	letter-spacing: normal;
	text-align: left;
	
	position: relative;
	}
	.text_main_in:after { 
		position: absolute; 
		left:-30px;
		top:-20px;
		width: 150px;
		height: 3px;
		background: #ED254E;
		content:" ";
	}
	.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;
 		position: relative;
		z-index: 10;
		background: #fff;
 	}
	.btn.btn-black {
		border-radius: 0px;
		background: #000;
		color:#fff;
		box-shadow: none;
		border:1px solid #000;	}
	.btn.btn-black:hover {
		background: #fff;
		color:#000;
		border:1px solid #000;
		cursor: pointer;
	}
	
	.show-up {
		transform: translateY(30px);
		opacity: 0;
	}
	.show-left {
		transform: translateX(-30px);
		opacity: 0;
	}
	.show-left.active {
		transform: translateX(0);
		opacity: 1;		transition:all 1s ease;

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

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

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

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

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

		
	}
	.show-scale-horizontal { 
		transform: scale(0,1);
	}
	.show-scale-horizontal.active {
		transform: scale(1,1);
		transition:all 1s ease;
	}
	body.noscroll {
		overflow: hidden;
	}
.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: 999;
	   }
	   .navwcag { 
		   position: absolute;
		   left:-5000px;
		   top:10px;
	   }
	nav {
		top:0px;
 		position: fixed;
		left:0px;
		width:100%;
		background:#fff;
 		 	}
		 	ul.menu, ul.main-menu {
			 	background: transparent;
			 	padding: 0px;
			 	margin: 0px;
		 	}
		 	.parallax-over { 
			 	opacity: 0;
		 	}
 	 
	.navbar-brand-wrap {width: 100%; flex-grow: 0.30; padding:0px 15px;}
	.navbar-brand img {
		width: 100%;
		height: auto;
  	}
	.topcol {
		position: relative;
		padding-top: 25px;
 	}/*

 	.topcol:nth-child(1):after {
	 	position: absolute;
	 	top:30px;
	 	left:15px;
	 	right:-15px;
	 	height: 1px;
	 	background: #fff;
	 	content:" ";
 	}
 	.topcol:nth-child(3):after {
	 	position: absolute;
	 	top:30px;
	 	left:-15px;
	 	right:15px;
	 	height: 1px;
	 	background: #fff;
	 	content:" ";
 	}
*/
	.menu {
		position: relative;
   	}
 	  .menu {  
 	}
	.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;
	}
	.about-menu .menu a { 
		color:#fff;
		text-transform: none;
	}
	.menu a { 
  		padding: 0px 10px;
		margin: 0px;
		display: block;
		font-size: 1rem;
		height: 50px;
		font-weight: 400;
 		line-height: 50px;
		overflow: hidden;
		white-space: nowrap;
		font-size: 14px;
		text-overflow: ellipsis;
		text-transform: uppercase;
		
 	}
 	.menu li .bigmenu a { 
			 height: 24px;
			 padding: 0px;
			 font-size: 12px;
			 line-height: 24px;
			 color:#000;
			 text-transform: none;
			 display: block;
		 }
		 .bigmenuheader { 
			 margin-top: 10px;
			 height: 30px;
			 line-height: 30px;
			 color:#000;
			 font-weight: 900;
			 margin-bottom: 5px;
		 }
.menu li .bigmenu a.bigmenubox { 
		 display: block;
		 height: auto;
		 
		 background-size: cover;
		 background-position: center;
		 margin-bottom: 10px;
		 position: relative;
	 }
	 
	 .bigmenubox-text { 
		 position: absolute;
		 bottom:20px;
		 left:0px;
		 padding: 5px 10px;
		 max-width: 80%;
		 background: #fff;
		 color:#EFBC9B;
		 font-size: 12px;
	 }
	 .bigmenubox-text.prawy { 
		 left: auto;
		 right:0px;
	 }
	 .bigmenubox-text.prawysrodek { 
		 left: auto;
		 right:0px;
		 bottom:50%;
	 }


.menu { 
		transition:all .5s ease;
	}
	.menu.fixed { 
		position: fixed;
		top:0px;
		left:0px;
		right:0px;
		background: #fff;
		height: 40px;
		transform: translateY(30px);
		line-height: 40px;
	}
	.menu.fixed .logoTopWrap.pion,.menu.fixed .logoTopWrap.pion_white { 
		display: none;
	}
	.menu.fixed .logoTopWrap.poziom { 
		display: block;
		height: 30px;
	}
	.menu.fixed .logoTopWrap.poziom #logoTop { 
		height: 30px;
		margin-top: 5px;
	}
	.menu.fixed .main-menu { 
		position: relative;
		bottom: auto;
	}
.menu {
	-webkit-transition: all .1s ease;
 	font-size:13px;
	color:#fff;
 	position: relative;
	z-index: 9999999;
 	display: block;
 }
 #menuWrap.active { 
	 display: block !important;
 }
 .menu.active { 
	 
 }
.menu li  {
	display: inline-block;
	margin: 0px 0px;
}
.menu li a {
	display: inline-block;
	font-size: 12px;
	color:#00272B;
	
	height: 82px;
	line-height: 82px;
	text-transform: uppercase;
	font-weight: 400;
	padding: 0px 5px;
}
.startBody .menu li a { 
	color:#fff;
}
.startBody .menu.fixed li a { 
	color:#000;
}
.startBody .menu li .bigmenu a, .startBody .menu li.bigmenuwrap:hover a { 
 	color:#000;
}
.lookbookMenuWrap {
	position: relative;
}
.lookbookMenuPop {
	position: absolute;
	top:100%;
	left:-10px;
	padding: 10px 0px 0px 0px;
	background: #E4B766;
	width: auto;
	z-index:9999999;
	display: none;
}

.lookbookMenuWrap:hover .lookbookMenuPop {
	display: block;
}
.menu li.lookbookMenuWrap .lookbookMenuPop a {
	display: block;
	padding: 0px 10px;
	font-size:16px;
	text-align: left;
	width: auto;
	white-space: nowrap;
}
.lookbookMenuPop a:hover {
	background: #ccc;
}
 
@media (min-width:990px) { 
 
 .bigmenuwrap:hover .bigmenu { 
			 display: block;
			 box-shadow: 0px 5px 30px rgba(0, 39, 44, 0.28);
			 opacity: 1;
			 transform: translate(0,0);
		 }
		 .bigmenuwrap { 
 			 transition: all .5s ease;
			 background: transparent;
		 }
		 .bigmenuwrap:hover { overflow: visible; background: #fff; color:#000 !important;}
		 }
		 .bigmenu { 
			 overflow: hidden;
			 position: absolute;
			 left:0px;
 			 top:100%;
 			 z-index: -1;
 			 display: none;
			 right:0px;
			 width: 1200px;
			 max-width: 1200px;
			 z-index: 9999999999;
			 background: #fff;
			 transform: translateY(-30px);
			 opacity: 0;
			 transition: opacity .5s ease .3s, transform .5s ease .3s;
			 
		 }
		 @media (max-width:1199px) { 
			 .bigmenu { 
				 max-width: 996px;
			 }
		 }
		 
		 .bigmenusmlimg { 
			 max-height:24px; margin-right:5px;
			 max-width: 24px;
			 vertical-align: middle;
			 border-radius: 100%;
		 }
 	.menu a:hover { 
	 	color:#e97e3d;
 	}
 	.menu .jezyki a { 
	 	padding: 0px 10px;
	 	display: inline-block;
 	}
 	.menu .jezyki span { 
	 	display: inline-block;
	 	line-height: 50px;
 	}
 	.menu .jezyki a.active { 
	 	background: #000;
	 	color:#fff !important;
 	}
 	p { margin-bottom: 0px !important;}
 	.header-belka { 
	 	position: relative;
	 	left:0px;
	 	top:0px;
	 	min-height: 30px;
	 	padding-top: 5px;
	 	padding-bottom: 5px;
	 	line-height: 20px;
	 	color:#fff;
	 	font-size: 12px;
	 	width: 100%;
	 	background: #474747;
 	}
 	.header-belka a { 
	 	color:#fff;
 	}
 	 .header { 
		 position: fixed;
		 top:0px;
		 z-index: 9999999;
		 right:0px;
		 padding-right: 0px;
		 left:0px;
		 height: 110px;
	 }
	 .menu a { 
		 height: 60px;
		 line-height: 60px;
		 color:#000;
	 }
	.menu a:hover { 
		cursor: pointer;
 	}
	.menu a small {
		font-weight: 700;
	}
   .articleTop {
		position: relative;
		min-height:  80vh;
		position: relative;
margin-left: -15px;
margin-right: -15px; 
	   margin-top: 80px;
 	}
 	.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;
 	}
 	.articleTopTitle {
	 	position: absolute;
		bottom:0px;
		left:50%;
		bottom:0px;
	 	z-index: 99999999;
 	}
 	.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+ */
 


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

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

	}
	#popoverContent span.podi {
		position: relative;
		font-weight: 900;
		display: inline;
/* 		border-bottom:3px solid #7D4E57; */
 	}#popoverContent.active {
		opacity: 1;
	}
	
	 .footer {
		 padding-top:100px;
		 padding-bottom: 100px;
	 }
	 .footer h3 {
		 color:#fff;
	 }
	 .footer a {
		 color:#fff !important;
		 font-size: 13px;
		 height:24px;
		 line-height: 24px;
		 display: block;
	 }
.service-group-header { 
	color:#000; font-weight: 300; text-align: center; font-size: 60px;
}
.porost-text { 
	position: absolute; left:10%;
					top:35px; max-width: 80%; color:#999; font-size:16px; font-weight: 300; line-height: 26px;
}
.left-menu { 
	position: fixed;
	left:0px;
	top:0px;
	bottom:0px;
	background: #fff;
	border-right:2px solid #000;
	width: 60px;
	z-index: 999999999;
	padding-top: 150px;
	
	
}
.left-menu a { 
	width: 58px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	font-size: 30px;
	color:#000;
	display: block;
	transition: all .3s ease;
}
.left-menu a:hover { 
	background: #ccc;
	cursor: pointer;
	text-decoration: none;
}
.left-menu a.active,.left-menu a.active:hover { 
	background: #000;
	color:#fff;
}
.onas-wrap { 
	  padding: 15px;
} .footer-copyright {
  padding: 15px 0; }
.big-search {
	display: none;
	position: fixed;
	top:0px;
	bottom:0px;
	right:0px;
	left:0px;
	z-index: 9999999999999;
	background: rgba(0,0,0,.65);
	transition:all .5s ease;
	opacity: 0;
	transform: translateY(-20px);
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
.big-search-top { 
	background: #fff;
	padding: 15px 15px 30px 15px;
}
.big-search.active {
	display: block;
}
.search-form-row { 
  margin-top:20px; width:100%;
}
.big-search.active.showed {	display: block;

	transform: translateY(0);
	opacity: 1;
}
.main-search-after {
	position: absolute;
	left:0px;
	 display: none;
	top:100%;
	right:0px;
	border:3px dashed rgba(0,0,0,1);
	z-index: 99999999999;
 	z-index: 9;
}


   input.search-input-pop.my-input { 
	   color:#000;
	   
   }
   .input-group.my-group.my-input-pop-group .over-my-group {
	   color:#000;
   }
     select.form-control.my-input.my-input-sm, input.form-control.my-input.my-input-sm {
	    height: 40px !important;
	    line-height: 40px !important;
 	    
	    }  
	      .input-group.my-group {
		      z-index: 99999999;
	      } 
	     .input-group.my-group .input-group-addon {
	   border-radius: 0px 3px 3px 0px;
	   border-width: 1px 1px 1px 0px;
		   background: rgba(255,255,255,.2);
	   box-shadow: none;
	   border-color:rgba(255,255,255,0.6);
	   color:rgba(255,255,255, 0.8);
height: 50px;
line-height: 50px;
   }
   
.darkHeader  select.form-control.my-input,.darkHeader input.form-control.my-input, .big-search  .input-group.my-group input.form-control.my-input{
	background: #fff;
	border-color:#999;
	border-width: 0px 0px 1px 0px;
	color:#000;
	outline: none;
	border-radius: 0px;
}
.darkHeader .input-group.my-group .input-group-addon {
	background: #fff;
border-color:#999;
color:rgba(0,0,0,0.9);
}
    .input-group.my-group.input-group-sm .input-group-addon {
	    height: 40px;
	    line-height: 40px;
    }
    .my-group.input-group-sm label {
	    line-height: 28px;
    }
   .my-group label {
	   font-weight: bold;
	   display: inline-block;
	   margin-right: 5px;
	   line-height: 38px;
	   margin-bottom: 0px;
	   
   }

.input-group.my-group .over-my-group {
	position: absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
 	background: rgba(255,255,255,.3);
	opacity: 1;
	cursor: pointer;
	z-index: 99;
	color:#fff;
	border-radius: 3px;
	line-height: 40px;
	padding:0px 15px;		 transition:all .5s ease;

	
	 }
	 .big-search .input-group.my-group .over-my-group {
		 background: rgba(0,0,0,.3);
	 }
	.big-search .input-group.my-group .over-my-group:hover {
		background: rgba(0,0,0,.6);
	}
	 .input-group.my-group input {
		 opacity: 0;
		 transition:all .5s ease;
	 }
	 .input-group.my-group.is-hiding input {
		 opacity: 1;
	 }
.input-group.my-group .over-my-group:hover {
	background: rgba(255,255,255,.6);
 cursor: pointer;
 }
.input-group.my-group.is-hiding .over-my-group {
	opacity: 0;
	}

.my-input-pop {
	display: none;
	position: absolute;
	left:15px;
	top:100%;
	width: 100%;
	background: #fff; 
	z-index: 999999999;
	opacity: 0;
	transform: translateY(-10px);
	border:1px solid #ccc;
	
} 
.my-input-pop.is-showing {
	display: block;	
	
	transition:all .5s ease;

}
.my-input-pop.is-showing.active {
	transform: translateY(0);
	opacity: 1;
}
 .my-input-pop a {
	font-weight: 300;
	color:#666;
	display: block;
	height: 40px;
	padding: 0px 10px;
	line-height: 40px;
	clear: both;
}
.my-input-pop a:hover {
	cursor: pointer;
	background: #ccc;
	text-decoration: none;
}
.my-input-pop a i {
	color:#999;
	margin-right: 5px;
}
.my-input-pop a img {
	float: right;
	height: 18px;
	margin-top: 8px;
}
.my-input-pop.active {
	display: block;
}

	@media (max-width:990px) {
		
#menuWrap.active {
		z-index: 99999999999999;
		transform: translateX(0);

}
#menuWrap a:hover { 
	background: #f9f9f9;
}
.goback {
	display: none;
}
.goback.active {
	display: block;
}
#menuWrap:after {
	position: absolute;
	top:0px;
	height: 100px;
	left:0px;
	right:0px;
	z-index: 0;
	content:" ";
	background: #474747;
}
#menumobiBg { 
	display: none;
}
#menumobiBg.active { 
	position: absolute;
	top:0px;
	display: block;
	left:0px;
	z-index: 9;
	height: 100px;
	width: 100%;
	background-size: cover;
	background-position: center;
	opacity: 0.4;
}
#menuWrap  {
	position: fixed;
	top:0px;
	background: #fff;
	z-index: 99999999;
	color:#fff;
	left:0px;
	padding-top:100px;
	right:0px;
	height: 100%;
	display: block;
	transition:all .5s ease;
	transform: translateX(100%);
	overflow:hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	
	
}
#menuWrap.semiactive { 
	display: block;
}
#menuWrap .menu {
	height: auto;
	
}
#menuTitle { 
	position: absolute;
	top:80px;
	left:0px;
	z-index: 99;
	right:0px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color:#fff;
	font-size: 13px;
	font-weight: bold;
}
 
#menuWrap li {
	display: block;
	padding: 0px;
}
#menuWrap a {
	color:#000;
	border-bottom: 1px solid #efefef;
	height: 40px;
	line-height: 39px;
	margin: 0px;
 	text-align: left;
 	text-transform: uppercase;
 	padding-left: 10px;
 	transform: translateX(100%);
 	transition: all .5s ease;
 	opacity: 0;
	display: block;
}
#menuWrap a.bigmenubox { 
	height: auto;
}
#menuWrap.active a { 
	transform: translateX(0);
	opacity: 1;
}
#menuWrap.active #menu1 li:nth-child(2) a {
	transition-delay: .2s; }
	
#menuWrap.active #menu1 li:nth-child(3) a {
	transition-delay: .4s; }
	
#menuWrap.active #menu1 li:nth-child(4) a {
	transition-delay: .6s; }
	
#menuWrap.active #menu2 li:nth-child(1) a {
	transition-delay: .8s; }
	
#menuWrap.active #menu2  li:nth-child(2) a {
	transition-delay: 1s; }
	
#menuWrap.active #menu2 li:nth-child(3) a {
	transition-delay: 1.2s; }
	
#menuWrap.active #menu2 li:nth-child(4) a {
	transition-delay: 1.4s; }
	
#menuWrap.active #menu3 li:nth-child(5) a {
	transition-delay: 1.6s; }
	
#menuWrap.active li:nth-child(10) a {
	transition-delay:1.8s; }
	
#menuWrap.active li:nth-child(11) a {
	transition-delay: 2s; }
	
#menuWrap.active li:nth-child(12) a {
	transition-delay: 2.2s; }
#menuWrap.in {
	display: block !important;
} 
button.navbar-toggle  {
	outline: none;
  width: 50px;
  height: 40px;
  position: fixed;
  top:5px;
  -webkit-appearance: none;
  appearance: none;
  padding: 0px;
  background: transparent;
  border: 0px;
  right:0px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  z-index: 999999999999;
  cursor: pointer;
}

.navbar-toggle span {
  display: block;
  position: absolute;
  height: 1px;
  width: 70%;
  left:10%;
  background: #000;
  border-radius: 9px;
  opacity: 1;
 
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.navbar-toggle span:nth-child(1) {
  top: 10px;
}

.navbar-toggle span:nth-child(2) {
  top: 20px;
}

.navbar-toggle span:nth-child(3) {
  top: 30px;
}
body.basket-active .navbar-toggle { 
	display: block;
	
}
.navbar-toggle span:nth-child(1) {
  top: 10px;
}

.navbar-toggle span:nth-child(2) {
  top: 20px;
}

.navbar-toggle span:nth-child(3) {
  top: 30px;
}
body.basket-active .navbar-toggle { 
	display: block;
	
}
body.basket-active .navbar-toggle span,body.search-active .navbar-toggle span { 
	background: #000;
}
.navbar-toggle.open span:nth-child(1), body.basket-active .navbar-toggle span:nth-child(1), body.search-active .navbar-toggle span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

.navbar-toggle.open span:nth-child(2), body.basket-active .navbar-toggle span:nth-child(2), body.search-active .navbar-toggle span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

.navbar-toggle.open span:nth-child(3), body.basket-active .navbar-toggle span:nth-child(3), body.search-active .navbar-toggle span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.navbar-toggle.open span { 
	background: #fff;
}



		nav { 
			background: #fff;
		} 
		.onas-wrap { 
			padding: 20px 10px;
			font-size: 13px;
		}
		.top-text-heading { 
			font-size: 40px;
			max-width: 70%;
			bottom:10%;
		}
		#luxury { 
			overflow: hidden;
		}
		ul.menu { 
					position: fixed;
					top:0px;
					right:0px;
					bottom:0px;
					left:0px;
					background: #fff;
					z-index: 999;
					display: flex;
					flex-direction: column;
					align-items: center;
					justify-content: center;
				}
				.menu a, .menu li { 
					display: block;
					height: 40px;
					text-align: center;
				}
	.about-menu ul.menu { 
		position: relative;
		background: #000;
		flex-direction: row;
	}			
	.about-menu a, .about-menu li { 
		display: inline-block;
	}
	.about-menu a { 
		padding: 0px 5px;
		height: 40px;
		line-height: 40px;
	}
	 .fp-tableCell { 
			padding: 10px;
		}
		#szybkaWycenaButton { 
			right:50px;
			top:12px;
		}
		.service-group-header { 
			color:#000; font-weight: 300; text-align: center; font-size: 40px
		}
		.top_bg, .top_bg_under { 
			background-position: center bottom;left:10px;
			right:10px;
			bottom:10px;
			top:10px;
		}
		.top {
		position: relative;
		overflow: hidden;
		min-height: 100vh;
		padding: 0px 0px 00px 0px;

 
	} 
	.top_bg_wrap_wrap { 
			position: fixed;
		top:5px;
		left:5px;
		right:5px;
		overflow: hidden;
		bottom:5px;
	}
	.top_bg_wrap { 
		position: absolute;
		top:0px;
		left:0px;
		right:0px;
		bottom:0px;
		transform: scale(1);
		animation:none;	}
		
	.top_bg {
		opacity:  0;
		visibility: hidden;
 top:0px;
bottom:0px;
right:0px;
left:0px;
 z-index: 999999999;		  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: 35px;
		}
		.number-wrap { 
		position: relative;
		border:1px dashed #000;
		font-size: 40px;
		display: flex;
align-items: center;
text-align: center;		border-radius: 100%;

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

			 
	.best-things h5 { 
		font-size: 14px;
	}
	
	#offer { 
		padding: 0px;
	}
	.nsoc-main-wrap-in { 
		margin-top: 50px;
		margin-bottom: 50px;
	}
	.prawe .opisy-icon-wrap { 
		transform: translate(-50%,-50%);
		position: absolute;
	}
 			.opisy-main-block {
			padding: 40px 15px 15px 15px;
			text-align: left !important;
			
		} 
		.prawe .opisy-main-block { 
			padding: 40px 15px 15px 15px;
		}
		.opisy-icon-wrap { 
			top:0px !important;
			left:50% !important;
			width: 80px;
			height: 80px;
			font-size: 40px;
			line-height: 78px;
			transform: translate(-50%,-50%);
		}
		.navbar-brand {
		position: relative;
		top:0px;
 		z-index: 9999;
		width: auto;
		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;
}
	 
.big-search {
	display: none;
	position: fixed;
	top:0px;
	bottom:0px;
	right:0px;
	left:0px;
	z-index: 9999999999999;
	background: rgba(0,0,0,.65);
	transition:all .5s ease;
	opacity: 0;
	transform: translateY(-20px);
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
.big-search-top { 
	background: #fff;
	padding: 15px 15px 30px 15px;
}
.big-search.active {
	display: block;
}
.search-form-row { 
  margin-top:20px; width:100%;
}
.big-search.active.showed {	display: block;

	transform: translateY(0);
	opacity: 1;
}
.main-search-after {
	position: absolute;
	left:0px;
	 display: none;
	top:100%;
	right:0px;
	border:3px dashed rgba(0,0,0,1);
	z-index: 99999999999;
 	z-index: 9;
}


   input.search-input-pop.my-input { 
	   color:#000;
	   
   }
   .input-group.my-group.my-input-pop-group .over-my-group {
	   color:#000;
   }
     select.form-control.my-input.my-input-sm, input.form-control.my-input.my-input-sm {
	    height: 40px !important;
	    line-height: 40px !important;
 	    
	    }  
	      .input-group.my-group {
		      z-index: 99999999;
	      } 
	     .input-group.my-group .input-group-addon {
	   border-radius: 0px 3px 3px 0px;
	   border-width: 1px 1px 1px 0px;
		   background: rgba(255,255,255,.2);
	   box-shadow: none;
	   border-color:rgba(255,255,255,0.6);
	   color:rgba(255,255,255, 0.8);
height: 50px;
line-height: 50px;
   }
   
.darkHeader  select.form-control.my-input,.darkHeader input.form-control.my-input, .big-search  .input-group.my-group input.form-control.my-input{
	background: #fff;
	border-color:#999;
	border-width: 0px 0px 1px 0px;
	color:#000;
	outline: none;
	border-radius: 0px;
}
.darkHeader .input-group.my-group .input-group-addon {
	background: #fff;
border-color:#999;
color:rgba(0,0,0,0.9);
}
    .input-group.my-group.input-group-sm .input-group-addon {
	    height: 40px;
	    line-height: 40px;
    }
    .my-group.input-group-sm label {
	    line-height: 28px;
    }
   .my-group label {
	   font-weight: bold;
	   display: inline-block;
	   margin-right: 5px;
	   line-height: 38px;
	   margin-bottom: 0px;
	   
   }

.input-group.my-group .over-my-group {
	position: absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
 	background: rgba(255,255,255,.3);
	opacity: 1;
	cursor: pointer;
	z-index: 99;
	color:#fff;
	border-radius: 3px;
	line-height: 40px;
	padding:0px 15px;		 transition:all .5s ease;

	
	 }
	 .big-search .input-group.my-group .over-my-group {
		 background: rgba(0,0,0,.3);
	 }
	.big-search .input-group.my-group .over-my-group:hover {
		background: rgba(0,0,0,.6);
	}
	 .input-group.my-group input {
		 opacity: 0;
		 transition:all .5s ease;
	 }
	 .input-group.my-group.is-hiding input {
		 opacity: 1;
	 }
.input-group.my-group .over-my-group:hover {
	background: rgba(255,255,255,.6);
 cursor: pointer;
 }
.input-group.my-group.is-hiding .over-my-group {
	opacity: 0;
	}

.my-input-pop {
	display: none;
	position: absolute;
	left:15px;
	top:100%;
	width: 100%;
	background: #fff; 
	z-index: 999999999;
	opacity: 0;
	transform: translateY(-10px);
	border:1px solid #ccc;
	
} 
.my-input-pop.is-showing {
	display: block;	
	
	transition:all .5s ease;

}
.my-input-pop.is-showing.active {
	transform: translateY(0);
	opacity: 1;
}
 .my-input-pop a {
	font-weight: 300;
	color:#666;
	display: block;
	height: 40px;
	padding: 0px 10px;
	line-height: 40px;
	clear: both;
}
.my-input-pop a:hover {
	cursor: pointer;
	background: #ccc;
	text-decoration: none;
}
.my-input-pop a i {
	color:#999;
	margin-right: 5px;
}
.my-input-pop a img {
	float: right;
	height: 18px;
	margin-top: 8px;
}
.my-input-pop.active {
	display: block;
}

		.toggleMen {
			position: fixed;
			top:0px;
			right:10px;
			width: 40px;
			z-index: 9999999999;
			height: 40px;
			color:#000;
			text-align: center;
			line-height: 40px;
			font-size: 30px;
 			border: 0px;
			background: transparent;
		}
		.whiteHeader .toggleMen { 
			color:#fff !important;
		}
		
		.whiteHeader .menu a,.whiteHeader .toggleMen.active { 
			color:#000 !important;
		}
		body {
			padding-left: 15px;
		}
/*
		#content {
			position: fixed;
			padding: 0px;
			left:0px;
			top:60px;
			bottom:40px;
			overflow-x: hidden;
			overflow-y: auto;
			-webkit-overflow-scrolling: touch;
 			
		}
*/
		.mainContent.active#about, .mainContent.active#contact {
		position: relative;
		padding: 50px 20px 0px 20px;
	}

		nav {
 			position: fixed;
			z-index: 999999999999;
 			overflow: visible;
			width: 100%;
		}
		.ue_log { 
			top:40px;
			left:0px;
			right:0px;
			display: flex;
			justify-content: space-between;
			align-content: space-between;
		}
		.ue_log img { 
			height: 30px;
			margin: 0px;
		}.btn.btn-outline-main { 
			width: auto;
			padding: 0px 15px;
		}
		.menuMobi, .menu {
 		}
		.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 {
  		}
		 
	.top {
		padding-top:0px;
	}
	.top_tekst {
		font-size:22px;
		line-height: 26px;
		margin-top: 0px;
		margin-bottom: 50px;
		margin-right: 0px;
		font-weight: 300;
		
	}
	.porost-text { 
		position: relative; left:0px;
					margin-top:0px; max-width: 100%; color:#999; font-size:16px; font-weight: 300; line-height: 26px; padding: 0px 15px;
	}
	.about-text { 
		width: 90%; margin: auto; margin-top: 10px; margin-bottom: 10px;
	}
	.goDown.top_bggd { 
		bottom:0px;
	}
	.top_boxes_wrap {
		margin-top:10px;
	}
	.bottom_box { 
		margin-bottom: 15px;
	}
	.bottom_box .top_box_in { 
		padding: 25px;
	}
	.bottom_box .top_box_main {
		font-size: 14px;
 	}
	.top_box { 
		display: flex;
		height: 100%;
		text-align: center;
		justify-content: center;
		align-items:center;
	}
	.top_box_secure svg { 
		width: 75px;
	}
	.top_box .top_box_in {
		padding: 20px 5px;
		font-size: 13px;
	}
	.top_box_desc { 
		padding: 5px;
		font-size: 11px; 
		line-height: 13px;
	}
	.col-4.top_box_wrap {
		padding: 10px;
	}
	.circle-bg-1 { 
		width: 80%;
		padding: 10px;
	}
	.best-things-over {
		left:0px;
		right:0px;
	}
 
	}
	
	@media (max-height:500px) { 
		.sociale {
			bottom:0px;
		}
	} 
	@media (max-width:1200px) { 
		.opisy-heading {
	color:#014990;
	font-size: 24px;
	margin-bottom: 0px;
}
.box-wrap {
	padding-top: 10px;
	padding-bottom: 10px;
}
.opisy-text { 
	font-size: 1rem;
	line-height: 1.1rem;
 }
.best-things i { 
	font-size: 40px;
}
.best-things .h5 { 
	font-size: 1rem;
}
		body {
			padding-left: 0px;
		}
		.navbar-brand-wrap {width:50%; flex-grow: 0.5;}
		.contenty { padding: 0px; }
		.big-text-wrap {
		 margin-left:0px; padding: 50px 0px 0px 0px; 
	}
		.big-header {
		font-weight: 900; font-size:30px
		} 
	.big-subheader {
		display:block; padding:10px 0px; border: 1px solid #000; border-width: 1px 0px; width: 100%; margin-bottom: 15px; font-size:16px; line-height: 20px;
	}	
 
	}
	.orange-box-text { 
		padding:30px; margin-top: 30px;   background: #474747; color:#F5991B;z-index: 9; position: relative;
	}
	.orange-box-text.to-right { 
		transform: translateX(100px);
	}
		.orange-box-text.to-left { 
		transform: translateX(-100px);
	}
	 .header-icons { 
		 position: absolute;
		 right:60px;
		 top:56px;
		 
	 }
	 .header-icons a { 
		 display: inline-block;
		 padding: 0px 5px;
		 color:#000;
		 font-size: 20px;
	 }

.subpage-header { 
font-size:42px; line-height: 52px; font-weight: bold
}
.subpage-header-btm { 
	font-size:20px; font-weight:20px; display:inline-block; line-height:40px; border-bottom:2px solid #000; margin-bottom:20px
}

.content-text { 
	line-height: 32px;
	font-size: 18px;
}
.subpage-top { 
	margin-top:150px;
}
 @media (max-width:767px) { 
	 .offer-box-img { 
		 text-align: center;
	 }
	 h1 { 
		 font-size: 1.7rem;
	 }
	 
	 .subpage-top { 
		 margin-top:50px;
	 }
	 #services {
		 overflow: hidden;
	 }
	 .belka-btm { 
		 
	 }
	 .subpage-header { 	margin-top: 50px;

font-size:30px; line-height: 42px; font-weight: bold
}
.subpage-header-btm { 
	font-size:18px; font-weight:20px; display:inline-block; line-height:30px; border-bottom:2px solid #000; margin-bottom:10px
}
.content-text { 
	font-size: 16px;
	line-height: 24px;
}
.wyroznij { 
	line-height: 22px;
}
button.navbar-toggle  {
	outline: none;
  width: 50px;
  height: 40px;
  position: fixed;
  top:5px;
  -webkit-appearance: none;
  appearance: none;
  padding: 0px;
  background: transparent;
  border: 0px;
  right:0px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  z-index: 999999999999;
  cursor: pointer;
}


.navbar-toggle span {
  display: block;
  position: absolute;
  height: 1px;
  width: 70%;
  left:10%;
  background: #000;
  border-radius: 9px;
  opacity: 1;
 
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.navbar-toggle span:nth-child(1) {
  top: 10px;
}

.navbar-toggle span:nth-child(2) {
  top: 20px;
}

.navbar-toggle span:nth-child(3) {
  top: 30px;
}
body.basket-active .navbar-toggle { 
	display: block;
	
}
body.basket-active .navbar-toggle span,body.search-active .navbar-toggle span { 
	background: #000;
}
.navbar-toggle.open span:nth-child(1), body.basket-active .navbar-toggle span:nth-child(1), body.search-active .navbar-toggle span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

.navbar-toggle.open span:nth-child(2), body.basket-active .navbar-toggle span:nth-child(2), body.search-active .navbar-toggle span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

.navbar-toggle.open span:nth-child(3), body.basket-active .navbar-toggle span:nth-child(3), body.search-active .navbar-toggle span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.navbar-toggle.open span { 
	background: #fff;
}


	 .header { 
		 background: #fff;
		 height: 50px;
	 }
	 .navbar-brand { 
		 padding: 5px 0px;
	 }
	 .header-icons { 
		 position: absolute;
		 right:60px;
		 top:36px;
		 
	 }
	 .header-icons a { 
		 display: inline-block;
		 padding: 0px 5px;
		 color:#000;
		 font-size: 20px;
	 }
.menu {
	padding-left: 0px;
	padding-right: 0px;
}
#menuWrap.active {
		z-index: 99999999999999;
		transform: translateX(0);

}
#menuWrap a:hover { 
	background: #f9f9f9;
}
.goback {
	display: none;
}
.goback.active {
	display: block;
}
#menuWrap:after {
	position: absolute;
	top:0px;
	height: 100px;
	left:0px;
	right:0px;
	z-index: 0;
	content:" ";
	background: #474747;
}
#menumobiBg { 
	display: none;
}
#menumobiBg.active { 
	position: absolute;
	top:0px;
	display: block;
	left:0px;
	z-index: 9;
	height: 100px;
	width: 100%;
	background-size: cover;
	background-position: center;
	opacity: 0.4;
}
#menuWrap  {
	position: fixed;
	top:0px;
	background: #fff;
	z-index: 99999999;
	color:#fff;
	left:0px;
	padding-top:100px;
	right:0px;
	height: 100%;
	display: block;
	transition:all .5s ease;
	transform: translateX(100%);
	overflow:hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	
	
}
#menuWrap.semiactive { 
	display: block;
}
#menuWrap .menu {
	height: auto;
	
}
#menuTitle { 
	position: absolute;
	top:80px;
	left:0px;
	z-index: 99;
	right:0px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color:#fff;
	font-size: 13px;
	font-weight: bold;
}
 
 .bigmenuwrap a.toclick:after { 
	position: absolute;
	right:5px;
	top:10px;
	font: normal normal normal 14px/1 FontAwesome;
 	content:"\f105";
}
#menuWrap li {
	display: block;
	padding: 0px;
}
#menuWrap a {
	color:#000;
	border-bottom: 1px solid #efefef;
	height: 40px;
	line-height: 39px;
	margin: 0px;
 	text-align: left;
 	text-transform: uppercase;
 	padding-left: 10px;
 	transform: translateX(100%);
 	transition: all .5s ease;
 	opacity: 0;
	display: block;
}
#menuWrap a.bigmenubox { 
	height: auto;
}
#menuWrap.active a { 
	transform: translateX(0);
	opacity: 1;
}
#menuWrap.active #menu1 li:nth-child(2) a {
	transition-delay: .2s; }
	
#menuWrap.active #menu1 li:nth-child(3) a {
	transition-delay: .4s; }
	
#menuWrap.active #menu1 li:nth-child(4) a {
	transition-delay: .6s; }
	
#menuWrap.active #menu2 li:nth-child(1) a {
	transition-delay: .8s; }
	
#menuWrap.active #menu2  li:nth-child(2) a {
	transition-delay: 1s; }
	
#menuWrap.active #menu2 li:nth-child(3) a {
	transition-delay: 1.2s; }
	
#menuWrap.active #menu2 li:nth-child(4) a {
	transition-delay: 1.4s; }
	
#menuWrap.active #menu3 li:nth-child(5) a {
	transition-delay: 1.6s; }
	
#menuWrap.active li:nth-child(10) a {
	transition-delay:1.8s; }
	
#menuWrap.active li:nth-child(11) a {
	transition-delay: 2s; }
	
#menuWrap.active li:nth-child(12) a {
	transition-delay: 2.2s; }
#menuWrap.in {
	display: block !important;
} 
.menuSklepowe a {
	height: auto;
	width: auto;
	border-right: 1px solid #999;
	display: inline-block;
 	text-align: center;
 	overflow: hidden;
	border-top:0px !important;
	margin-left:0px;
	padding: 3px;
}
.menuSklepowe a span {
	display: none;
}
.menuSklepowe a img {
	height:26px;
 	margin-top: 0px;
 	margin-left:0px;
 	margin-right: 0px;
}
.sklepowe .logo {
	margin-top:30px;
} 
.sklepowe .logo#logoTop {
	margin-top: 0px;
}

	.bigmenu {
		position: fixed;
		left:0px;
		top:100px;
		right:0px;
		display: none;
height:auto;
width: 100%;
max-width: 100%;
transform: translateX(100%);
transition:all .5s ease;
background: #fff;
	}
	.bigmenu.active {
	position: fixed;
	background: #fff;
	left:0px;
	min-height: 100%;
	max-height: 100%;
	overflow: auto;
	opacity: 1;
 	display: block !important;
	padding-top: 0px;
	transform: translateX(0);
	
	
} 
	 	.orange-box-text.to-right { 
		transform: translateX(0);
	}
		.orange-box-text.to-left { 
		transform: translateX(00px);
	}
	 .margin-top-50-xs { 
		 margin-top: 50px;
	 }
	 .top_bg { 
		 position: relative;
		 padding-top: 100px;
	 }
	 .top_tekst { 
		 width: 100%;
		 position: relative;
		 top:0px;
		 left:0px;
		 transform: translate(0,0);
	 }
	 .top_belka, .top_btm_belka { 
		 display: none;
	 }
	 .top_right {
		 position: relative;
	 }
	 .top_boxes { 
		 right: auto;
		 left:50%;
		 bottom:0px;
		 width: 250px;
 		 transform: translateX(-50%);
		 height: 60px;
	 }
	 .top_box { 
		 background-color: #000;
		 background-size: auto 100%;
		 background-repeat: no-repeat;
		 background-image: none !important;
	 }
	 .top_box_sale,.top_box_val { 
		 background: transparent;
		 font-size: 11px;
	 }
	 .top_box_val { 
		 right:15px;
	 }
	 .top_box_text { 
		 position: relative !important;
		 margin-top: 20px;right: auto;
		 padding: 0px;
		 width: 100%;
		 text-align: left;
		 font-size: 10px; 
		 background: transparent;
		 letter-spacing: normal;
	 }
	 .top-box-left { 
		 background-size: cover;
		 background-position: center;
	 }
	 .top-box-right { 
		 padding-left: 5px;
	 }
	 .right-sml-wrap { 
		 position: relative;
	 }
	 .right-sml-wrap-in { 
		 height: auto;
	 }
	 .top_bg { 
		 height: auto;
		 background-position: 10% center;
	 }
	 .big-blue-text { 
		 background: #449DD1;
    padding: 50px 10px;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    text-align: left;
	 }
	 .gwarantuje { 
		 padding: 50px 20px;
	 }
	 .gwarantuje img { 
		 width: 80% !important;
	 }
		 .recoms-wrap {
			 position: relative;
			  padding-left:10px; padding-right: 10px;
		 }
		 .recoms { 
			 position: relative;
		 }
		 .recoms-over {
			 position: absolute;
			 left:0px;
			 display: none;
			 z-index: 88;
			 top:0px;
			 bottom:0px;
			 right:0px;
			 text-shadow: 0px 5px 20px rgba(0,0,0,.2);
		 }
		 .recoms-title {
			 left:40px;
			 top:-30px;
			 font-size: 40px;
			 font-weight: 900;
			 position: absolute;
		 }
		 .recoms-left {
			 position: absolute;
			 right:0px;
			 top:0px;
			 display: none;
			 transform: translate(-50%,-50%);
			 padding: 5px;
  			 width: 70px;
		 }
		 .recoms-right {
			 position: absolute;
			 right:20px;
			 bottom:0px;
			 transform: translateY(50%);
			 font-size: 70px;
		 }
		 .recoms-in {
			 background: #fff;
			 padding: 10px 10px;
			 position: relative;
			 left:0px;
			 top:0px;
			 overflow: hidden;
			 right:0px;
			 bottom:0px;
			 box-shadow: 0px 10px 40px rgba(0,0,0,.1);
		 }
		.mainrecom { 
			display: none;
			font-size: 16px;
			line-height: 24px;
			padding: 30px 10px 30px 10px;
			visibility: hidden;
		}
		 .recom {
			 font-size: 12px;
			 position: relative;
			 top:0%;
			 display: none;
			 right:0px;
			 left:0px;
			 transform: translateY(0);
			 line-height: 14px;
			 opacity: 0;
			 transition:all .5s ease;
		 }
		 .recom.active { 
			 display: block;
opacity: 1;
transform: translateY(0);
		 }
		 .recom-bottom {
			 font-weight: bold;
			 font-size: 11px;
			 margin-top: 10px;
			 display: block;
		 }
		  
		 .recom-choose { 
			 float: left;
			 width: 20px;
			 height: 20px;
			 background: #fff;
			 position: relative;
			 border-radius: 100%;
			 margin-right: 10px;
			 margin-bottom: 20px;
			 margin-top: 20px;
			 transition: all .3s ease;
			 border:1px solid transparent;
			 box-shadow: 0px 5px 20px rgba(0,0,0,.2);

		 }
		 .recom-choose-over { 
			 position: absolute;
			 left:0px;
			 top:0px;
			 right:0px;
			 bottom:0px;
			 border-radius: 100%;
			 background-size: cover;
			 background-position: center;
			 }
		 .recom-choose:hover {
			 cursor: pointer;
			 opacity: 1; border:1px solid #E97E3D;
			 box-shadow: 0px 5px 20px rgba(0,0,0,.5);
			 
		 }
		 .recom-choose.active {
			 background: #fff; border:1px solid #E97E3D;
			 box-shadow: 0px 5px 20px rgba(0,0,0,.5);
		 } .recom-choose img { 
			 width: auto;
			 max-width: 100%;
			 max-height: 100%;
			 border-radius: 100%;
		 }
		 .recom-imgs { 
			 position: relative;
			 left:0px;
			 bottom:0px;
			 height: 100%;
			 width: 100%;
			 overflow: hidden;
			 margin-bottom: 20px;
		 }
		 .recom-img { 
			 position: relative; 
			 left:0px;
			 display: none;
			 bottom:0px;
			 height: 100%;
			 width: 100%;
			 opacity: 0;
			 transform: translateX(0);
			 transition: all .5s ease;
			 background-size: cover;
			 background-position: center;
		 }
		 .recom-img.active { 
			 display: block;
			 opacity: 1;
			 transform: translateX(0);
		 }
	 
 }
	@media (max-width:600px) {
	 
		.best-things-wrap {
			padding-top: 50px;
			padding-bottom: 50px;
		} 
		.best-things { 
			margin-bottom: 40px;
			border-radius: 0px;
		}
		.best-things img {
			display: none;
		}
		.best-things-under { 
			position: relative;
			left:auto;
			right:auto;
			transform: none;
		}
		
		.best-things.active  {
				background: #fff;
				box-shadow: none;
				border-radius: 0px;
				transform: scale(1.1);
			}
		.best-things:hover .best-things-under {
 
 transform: none;				opacity: 0;
			}	
		#goBack {
			top:56px;
		}
	 .mainPhotoLeft, .mainPhotoRight {
	 
		transition:none;
		overflow: hidden;

	}
 
	
	
	
	
	












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