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


 }
@font-face {
  font-family: japi;
  src: url(ZinHenaKokuryu-RCF.ttf);
}
 .josefa { font-family: 'Montserrat', sans-serif;
 
 }
 .mh-100 { 
	 min-height: 100vh;
 }
 .btn.btn-buy { 
	 border:1px solid #087DC0;
	 color:#087DC0;
	 
 }
 .jap { 
	 font-family: 'Noto Sans JP', sans-serif;
	 display: inline-block;
	 position: relative;
	 font-weight: 400;
	 padding: 3px 5px;
 	 color:#000;
 }
 .jap:after { 
	 position: absolute;
	 top:50%;
	 left:0px;
	 width: 10px;
 	 height: 10px;
	 border:0px solid #E12D34;
  	 border-radius: 100%;
 	 border:2px solid #fff;
 	 background: #E12D34;
	 z-index: 0;
	 transform: translate(-30%,0%);
	  content:" ";
  }
  .jap:before { 
	  left:-3px;
top:50%;

width: 24px;
height: 20px; 
	  background: #fff;
	  z-index: -1;
 	  transform: translate(-100%,-50%);
	  position: absolute;
  }
  .jap span { 
	  font-family: 'Ubuntu','Rubik','Lato', 'Montserrat', sans-serif;
	  font-weight: 300;
	  font-style: italic;
  }
 .jap.jap-head { 
	 font-size: 9px;
	 margin-bottom: 0px;
 }
	 .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;
}
body {
/* 	font-family: 'Mukta', sans-serif; */
font-family: 'Roboto', sans-serif;
/* font-family: 'Ubuntu','Rubik','Lato', 'Montserrat', sans-serif;  */
 	letter-spacing:1.3px; 
 	color:#2B303A;
	font-weight: 400;
	 -webkit-font-smoothing:antialiased;
	 overflow-x: hidden;
	     -moz-osx-font-smoothing: grayscale;
/*
	     overflow:hidden;
overflow-y: auto;
width: 100%;
*/
 	
	}
	 
	body.noscroll { 
		overflow: hidden;
	}
	.playf { 
		font-family: 'Playfair Display', serif;
	}
	.sociale { 
		position: fixed; 
		right:120px;
		top:25px;
		z-index: 99999999999;
		color:#fff;
		font-size: 30px;
	}
	.sociale i { 
		margin-left: 10px;
	}
	.ponizej .sociale { 
		color:#000;
	}
#o-nas { 
	border: 50px solid #E7F2F8;
	border-width: 0px 50px 0px 50px;
}
	.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;
		
	}
	 .glowna-cat { 
		 overflow: hidden;
		 
	 }
	 .glowna-cat:hover { 
	 }
	 
	 .glowna-cat img { 
		 position: relative;
		 transition:all 1s ease;		 transform-origin: right bottom;
transform: scale(1); 
	 }
	 .glowna-cat.glowna-cat-1 img { 
		 transform-origin: right top;
	 }
	 .glowna-cat.cat-wielo .link-header { 
		 transform: none;
		 left:30px;
		 top:30px;
	 }
	 .glowna-cat.cat-wielo img { 
		 transform-origin: center;
	 }
	 .glowna-cat:hover img { 
transform: scale(2);
 		 
	 }


	.link-header { 
		position: absolute;
		top:50%;
		left:50%;
		width: 33%;
		overflow: hidden;
		text-transform: uppercase;
		font-size: 13px;
		font-weight: 900;
 		background: #fff;
  		transform: translate(-50%,-50%);
  		font-weight: 300;
 		color:#000;
 		transition:all .5s ease;
 		
	}
	.glowna-cat:hover .link-header { 
		 		box-shadow: 0px 5px 40px rgba(0,0,0,.5);
  		color:#fff;

	}
	.link-header img { 
		width: 100%;
	}
	.link-header span { 
		position: absolute;
		top:50%;
		z-index: 99999;
		left:10%;
		right:10%;
		text-align: center;
		transform: translateY(-50%);
		
	}
	.link-header:after { 
		position: absolute;
		right:-15px;
		top:-15px;
  		transition:all .5s ease;
 		width: 30px;
		height: 30px;
 		background: #E42528;
		border-radius: 100%;
		content:" ";
		transform-origin: right top;
	}
	.glowna-cat:hover .link-header:after { 
 		transform-origin: right top;
 	 transform: scale(10,5);
 		border-radius: 0px;
	}
	
	
	 .hot-cold-wrap { 
			  padding: 50px;
		 }
		 .hot-text, .cold-text { 
			 font-size: 80px;
			 font-weight: 900;
			 margin-top: 50px;
			 line-height: 60px;
			 color:#C6E1EA;
			 letter-spacing: 2px;
		 }
		 .hot-text { 
			 color:#F5D2DA;
		 }
		 .kubek-hot, .kubek-cold { 
			 width: 50%;
		 }
		 .cold-opis, .hot-opis { 
			 font-size: 13px;
position: absolute;
right: 37%;
top: 54%;
transform: translateY(-50%);
		 }
		 .cold-opis span { 
			 font-weight: 900;
			 color:#C6E1EA;
			 
		 }
		 .hot-opis span { 
			 font-weight: 900;
			 color:#F5D2DA;
		 }
		 .hot-opis { 
			 right: auto;
			 left:37%;
		 }
		 .nakladka-img { 
			 position: absolute;
			 left:0px;
			 width: 100%;
			 z-index: 999; 
			 bottom:0px;
			 transform: scale(1,0);
			 transform-origin: center bottom;
			 transition:all 3s ease;
		 }
		 .kubek-w.active .nakladka-img { 
			 transform: scale(1);
		 }
		 .kubek-w { 
			 padding: 0px;
			 position: relative;
		 }
		 @media (max-width:566px) { 
			 .hot-cold-wrap { 
				 padding: 10px;
			 }
			 .kubek-hot, .kubek-cold { 
				 width: 60%;
			 }
			  .cold-opis, .hot-opis { 
			 font-size: 12px;
position: absolute;
right: 45%;
top: 54%;
transform: translateY(-50%);
line-height: 12px;
		 }
		 .hot-opis { 
			 right: auto;
			 left:45%;
			 
			 }
		 }
		 
		 
		 
		 
	.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);
	 				}
	 				
	 				
   .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:" ";
   }
   .wyroznienie { 
	   text-align: center;
	   font-size: 13px;
	   font-weight: 500;
	   color:#E12D34;
   }
 .wyroznienie img { 
	 width:40%;
	 margin-bottom: 0px; 
	 
 }
		.slonik { 
			position: absolute;
			bottom:0px;
			width: 40%;
			right:0px;
			opacity: 0;
			z-index: 0;
			transition: all 1s ease;
		}
		.slonik.active { 
			opacity: .1;
		}


		 .recoms-wrap {
			 position: relative;
			 max-width: 800px;
 		 }
		 .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 img  { 
 		 width: auto !important;
 		 height: 40px;
		 padding: 0px;
		 opacity: 1;
		 top:0px;
		 left:0px;
		 transform: scale(1);	  	 

transition:all 1s ease;
		 
  	 }
  	 .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:#000;
		border-radius: 0px;
		color:#000;
		background: #fff;
		position: relative;
		transition:all .4s ease;
	}
	.btn.btn-outline-black:after { 
		position: absolute;
		left:0px;
		width: 100%;
		height: 100%;
		top:0px;
		background: #000;
		z-index: 0;
		content:" ";
		transform-origin: left center;
		transition:all .4s ease;
		transform: scale(0,1);
	}
		.btn.btn-outline-black span { 
		position: relative;
		z-index: 5;
	}
	.btn.btn-outline-black:hover:after { 
		transform: scale(1);
	}
	.btn.btn-outline-black:hover { 
		cursor: pointer;
		color:#fff;
	}

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







			#big_loader { 
				position: absolute;
				z-index: 9999;
 				width: 60%;
				top:50%;
				left:50%;
				transform: translate(-50%,-50%);
				text-align: center;
				z-index: 99999999;
 				}
				#big_loader svg { 
 		position: relative;
		width: 230px;
/* 		animation:svgtotop 1s linear 4s forwards; */
	}
	@media (max-width:360px) { 
		#big_loader svg { 
			width: 200px;
		}
	}
	#logo_zojirushi { 
		transform: translateY(5px);
		opacity: 0;
	}
	#logo_zojirushi.active { 
		transform: translateY(0);		transition:all 1s ease;

		opacity: 1;
 	}
 	#kropa { 
	 	opacity: 0;
	 	transform: scale(0) translate(-0.03 -0.71);
 	}
 	#kropa.active { 
	 	opacity: 1;	 	transition:all .5s ease;

	 	transform: scale(1) translate(-0.03 -0.71);
 	}
 	#kreska { 
	 	opacity: 0;
	 	transition: all 1s ease 1s;
 	}
 	#kreska.active { 
	 	opacity: 1;

 	}
 	#logo_ins { 
	 	transform: translateY(-50px);
	 	opacity: 0;
	 	transform-origin: center;
 	}
 	#logo_ins.active { 
	 	opacity: 1;	 	transition: all 1s ease 1s;

	 	transform: translateY(0px);
 	}
 	#logo_ins.big path, #logo_ins.big .cls-1 { 
	 	color:#fff;
	 	fill:#fff;transition: all 1s ease 0s;
 	}
 	#logo_ins.big { 
	 	width: 60%; transition: all 1s ease 0s;

 	}
 	#logo_zoji.ukryte { 
	 	opacity: 0;	transition:all 1s ease;
 	}
	.cls-3 { 
		opacity: 0;
	}
	.legenda { 
		opacity: 0;
		transform: translateY(50px);
		color:#fff;
		font-size: 30px;
		position: relative;
	}
	.legenda.big { 
		opacity: 1;		transition: all 1s ease 1s;

		transform: translateY(0);
	}
/*
	.legenda:after { 
		position: absolute;
		left:50%;
		margin-left: -25px;
		margin-top: -25px;
		top:50%;
		width: 50px;
		height: 50px;
		z-index: 0;
		background: #E42A2D;
		border-radius: 100%;
		transform: scale(0);
		content:" ";
	}
*/
	.legenda span { 
		position: relative;
		z-index: 1;
	}
	.legenda.big:after { 			transition:none;

		transform: scale(1);
	}



 @media (max-width:766px) { 
	 #big_loader { 
		 width: 90%;
	 }
	 .legenda { 
		 font-size: 20px;
	 }
		 .wrapkola { 
			 overflow: hidden;
		 }
	 }.scrolle-wrap.fixed .left-scroll-wrap, .scrolle-wrap.fixed .right-scroll-wrap { 
							 position: fixed;
							 top:0px;
							 width:15.4%;
							 bottom:0px;
							 right:0px;
						 }
						
/*
						 .left-scroll-wrap:after,.right-scroll-wrap:after { 
							 position: absolute;
							 left:0px;
							 right:0px;
							 top:45px;
							 bottom:0px;
							 box-shadow: inset 0px -40px 30px rgba(255,255,255,1);
							 content:" ";
							 z-index: 5;							 transition:all .3s ease;

						 }
*/
/*
						  .left-scroll-wrap:before, .right-scroll-wrap:before { 
							 position: absolute;
							 left:0px;
							 right:0px;
							 top:45px;
							 bottom:0px;
							 box-shadow: inset 0px 40px 30px rgba(255,255,255,1);
							 content:" ";
							 z-index: 5;
							 opacity:0;
							 transition:all .3s ease;
						 }
*/
						 .scrolle-wrap.fixed .left-scroll-wrap:before, .scrolle-wrap.fixed .left-scroll-wrap:after,						 .scrolle-wrap.fixed .right-scroll-wrap:before, .scrolle-wrap.fixed .right-scroll-wrap:after  { 
							 opacity: 1;
						 }
						 .scrolle-wrap.fixed .left-scroll-wrap { 
							 right:auto;
							 left:50px;
						 }
						 .scrolle-wrap.fixed .right-scroll-wrap { 
							 right:50px;
						 }
						 .left-scroll-wrap, .right-scroll-wrap { 
						 transform: translateZ(0);
						 -webkit-backface-visibility: hidden;
 							 
						 }
						 .left-scroll, .right-scroll { 
							 padding-bottom: 50px;-webkit-backface-visibility: hidden; backface-visibility: hidden
						 }
/*
						 .right-scroll { 
							 position: absolute;
  bottom:auto;top:0px;
left:15px;height: 100%;
 	right:15px;
 
 						 }
						 .left-scroll { 
							 position: absolute;
							 top:0px;
							 height: 100%;
							 left:15px;
							 right:15px;
						 }
*/
						
						 .scrolle-anch img, .left-scroll img, .right-scroll img { 

   filter: grayscale(1);
      -webkit-filter: grayscale(1);
      }
						@-moz-document url-prefix() { 
							.scrolle-anch img, .left-scroll img, .right-scroll img { 
							 margin-bottom: 50px;
   transform: translateZ(0);
   filter:none;
   -webkit-filter: none;
   -moz-filter:none;
 						 }
 						 

}
						  @media (max-width:766px) { 
							 .scrolle-wrap.fixed .left-scroll-wrap, .scrolle-wrap.fixed .right-scroll-wrap { 
								 width: 50%;
								 }
								 .scrolle-wrap.fixed .left-scroll-wrap { 
							 right:50%;
						 }
 
						 }



		 .btn.to-shop-button { 
			 border:1px solid #999;
			 color:#000;
			 border-radius: 0px;
		 }
		 .btn.to-shop-button:hover { 
			 background: #000;
			 color:#fff;
		 }
		 .kanim-wrap { 
			 position: relative;
			 transform: rotate(45deg);
		 }
		.ka1, .ka2, .ka3, .ka4, .ka5, .ka6 { 
			 position: absolute;
			 top:0px;
			 left:0px;
 		 }
 		 .ka2 { 
	 		 transform: translateY(-10%);
 		 }
 		 .ka3 { 
	 		 transform: translateY(-20%);
 		 }
 		 .ka4 {
	 		 transform: translateY(-30%);
 		 }
 		 .ka5 { 
	 		 transform: translateY(-50%);
 		 }
 		 .ka6 { 
	 		 transform: translateY(-60%);
 		 }
 		 .ka7 { 
	 		 position: absolute;
	 		 left:0px;
	 		 top:0px;
	 		 opacity: 0;
	 		 transition:all 1s ease;
 		 }
 		 .ka7.active { 
	 		 opacity: 1;
 		 }
 		 .kanim-wrap img { 
	 		 width: auto !important;
	 		 max-width: 100%;
	 		 max-height: 90%;
	 		 height: auto;
 		 }



 .kub_atut { 
		 					 width: 100%;
		 					 background: #087DC0; 
 		 					 border-radius: 100%;
		 					 margin-bottom: 10px;
	 					 } 
	 					 .kub_atut img { 
		 					  transform: scale(1.1); 
		 					  
	 					 }
	 					 .kub_atut_text { 
		 					 position: absolute;
		 					 top:50%;
		 					 left:50%;
		 					 width: 150%;
		 					 background: #333;
		 					 color:#fff;
		 					 border-radius: 20px;
		 					 padding: 3px 5px;
		 					 transform: scale(0) translate(-50%,-50%);
		 					 transform-origin: center bottom;
		 					 font-size: 10px;
		 					 opacity: 0;
		 					 transition:all .3s ease;
	 					 }
	 					 .kub_atut:hover .kub_atut_text { 
		 					 opacity: 1;
		 					 transform: scale(1)  translate(-50%,-50%);
	 					 }
	 					 
	 					 
	 					 
							 .kanim-over { 
								 position: absolute;
								 left:0px;
								 top:0px;
								 right:0px;
								 bottom:0px;
								 z-index: 99999;
							 }
							 .kanim-over-1 { 
								 position: absolute;
								 left:30%;
								 bottom:30%;
							 }
							  .kanim-over-2 { 
								 position: absolute;
								 left:50%;
								 top:20%;
							 }
							 .kanim-over-3 { 
								 position: absolute;
								 left:50%;
								 top:50%;
							 }
							 .kanim-over-1, .kanim-over-2, .kanim-over-3 { 
								 animation: kani 1s linear infinite;
							 }
							 .kanim-over-1:hover, .kanim-over-2:hover, .kanim-over-3:hover { 
								 animation: none;
							 }
							 @keyframes kani { 
								 0% { transform: scale(1);}
								 33% { transform: scale(1.1)}
								 66% { transform: scale(.9);}
								 100% { transform: scale(1);}
							 }
							 .kanim-over-in { 
								 
								 width: 16px;
								 height: 16px;
								 background: #fff;
								 border-radius: 100%;
								 position: absolute;
								 left:50%;
								 top:50%;
								 transform: translate(-50%,-50%);
								 
							 }
							 .kanim-over-in:after { 
								 position: absolute;
								 left:50%;
								 top:50%;
								 width: 40px;
								 height: 40px;
								 border-radius: 100%;
								 border:1px solid #fff;
								 transform: translate(-50%,-50%);
								 content:" ";
							 }
							 .kanim-over-over { 
								 position: absolute;
								 left:50%;
								 top:50%;
								 background: #000;
								 box-shadow: 0px 10px 30px rgba(0,0,0,.4);
								 border-radius: 100%;
								 transform: translate(-50%,-50%) scale(0);
								 transition:all .2s ease;
								 opacity: 0;
								 width: 200px;
								 height: 200px;
								 overflow: hidden;
							 }
							 .kanim-over-1:hover .kanim-over-over { 
								 transform: translate(-50%,-50%) scale(1);
								 opacity: 1;
							 }
							 .kanim-over-2:hover .kanim-over-over { 
								 transform: translate(-50%,-50%) scale(1);
								 opacity: 1;
							 }
							 .kanim-over-3:hover .kanim-over-over { 
								 transform: translate(-50%,-50%) scale(1);
								 opacity: 1;
							 }
							 
							 
							 @media (max-width:599px) { 
			 .section-header.absolutny { 
			 
			 }
			 .section-header-main { 
				 font-size: 20px;
			 }
			 
		 }
			 .sub-section-header { 
				 font-size: 30px;
				 text-transform: uppercase;
				 background: #000;
				 padding: 0px 20px;
				 display: inline-block;
				 margin-bottom: 20px;
				 margin-top: 50px;
			 }
			 .sub-section-content { 
 				 font-size: 16px;
				 line-height: 20px;
				 padding: 20px;
				 width: 120%;
			 }
			 .sub-section-main-img { 
				 opacity: .6;		transform: translateY(5%);		 border-radius: 20px;

			 }
			 .sub-section-over-img { 
				 position: absolute;transform: translateY(-5%);
				 top:30%;
				 left:-20%;
 				 width: 50%;
				 box-shadow: 0px 5px 30px rgba(0,0,0,.3);
				 border-radius: 20px;
			 }
			 .sub-section-over-img.prawy { 
left:auto; right:-20%;
			 }
			 @media (max-width:766px) { 
				 			 .sub-section-content { 
width: 100%;
}
				 .sub-section-over-img  { 
					 left:5%;

				 }
				 			 .sub-section-over-img.prawy { 
left:auto;
right:5%;
}
			 }




					 .kolko-kubek { 
						 width: 30%;
 						 border-radius: 100%;
						 overflow: hidden;
						 position: absolute;
					 }
					 .kolko-kubek-in  { 
						 position: relative;
						 left:0px;
						 top:0px;
						 width: 100%;
						 overflow: hidden;
						 border-radius: 100%;
						 right:0px;
						 bottom:0px;
					 }
					 .kolko-kubek:nth-child(1) { 
						 left:10%;
						 top:5%; 
 					 }
 					 .kolko-kubek:nth-child(1) .kolko-kubek-in {
	 					 						 background: #81b8f6;

	 					 
	 					 } 

					 .kolko-kubek:nth-child(2) { 
						 left:55%;
						 top:10%; 
					 }
					  .kolko-kubek:nth-child(2) .kolko-kubek-in {
	 					 						 background: #ccc;

	 					 
	 					 } 
					 .kolko-kubek:nth-child(3) { 
						 left:30%;
						 top:30%;
					 }
					 					  .kolko-kubek:nth-child(3) .kolko-kubek-in {
						 											 background: #3B918A;
  
						 					  }

					 .kolko-kubek:nth-child(4) { 
						 left:55%;
						 top:55%;
 					 }
					 	  .kolko-kubek:nth-child(4) .kolko-kubek-in {
						 											 background: #7f1936;
  
						 					  }
					  .kolko-kubek:nth-child(5) { 
						 left:15%;
						 top:55%;					 

					 }
					   .kolko-kubek:nth-child(5) .kolko-kubek-in {
						 											 background: #999;
  
						 					  }
					  .kolko-kubek:nth-child(6) { 
						 left:50%;
						 top:50%;
					 }
					  .kolko-kubek:nth-child(7) { 
						 left:10%;
						 top:75%;
					 }
					 .kolko-kubek-img { 
						 position: absolute;
						 top:50%;
						 left:50%;
						 transform: translate(-50%,-50%);
						 max-width: 90%;
						 max-height: 90%;
						 width: auto;
mix-blend-mode: multiply;
					 }
					 
					 
					 .about-video { 
	width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); object-fit:cover;
}
 
		 
.main-page-blog { 
	display: block;
	color:#fff;
}
.main-page-blog:hover { 
	opacity: .9;
	color:#fff;
	text-decoration: none;
}
.about-wrap { 
	position: sticky; top:50px;text-align: center; padding-top:50px; padding-bottom:150px; min-height: 95vh;
}
.about-kolo-wrap { 
	position: absolute; top:0px; height: 100%; overflow: hidden; left:-20%; right:-20%; transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden
	
}#big-kolo { 

	position: absolute; left:50%; top:0px; width: 100%; background:#E7F2F8;  border-radius: 100%; transform: translateX(-50%) translateY(-100%); backface-visibility: hidden; -webkit-backface-visibility: hidden;
	}
@-moz-document url-prefix() {
#big-kolo { 
	position: absolute; left:50%; top:0px; width: 100%; background:#E7F2F8;  border-radius: 100%; transform: translateX(-50%) translateY(5%); backface-visibility: hidden; -webkit-backface-visibility: hidden
}

}
.about-tlo { 
	position: absolute; z-index:0;left:-30%; top:0px; right:-30%; height:100%; opacity:1;background-image:url(/layout/fijit2.png); background-size: 100% auto; backface-visibility: hidden; -webkit-backface-visibility: hiddenbackground-position: right top; background-repeat: no-repeat
}
	 .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(0,0,0,.7);
	 		content:" ";
	 		z-index: 5;
 		}
	.parallax-header { 
		line-height: 40px;
		margin: auto;
		font-size: 30px;
		font-family: 'Playfair Display SC', serif;

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

justify-content:center;
	}
	.number-wrap span {
		font-size: 90px; 
		font-weight: 100;
		color:#000;
		position: absolute;
		top:50%;
		left:50%;
		transform: translate(-50%,-50%);
	}
	.about-text { 
		width: 70%; margin: auto; margin-top: 10px; margin-bottom: 10px;
	}
	.pracownia-about-bg { 
		position: absolute;
		left:-15px;
		bottom:-30%;
		opacity: 1;
		z-index: -1;
		height: 80%;
		width: 70%;
	}
	.pracownia-about-bg:after { 
		position: absolute;
		left: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 {
 	}
	.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:100vh;
overflow: hidden;
z-index: 0; 	
 background-size:cover; background-position: center bottom; 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: center;
font-size: 40px;
 line-height: 40px;
letter-spacing: 5px;
left:50%;
top:50%;
width: 95%;
transform: translate(-50%,-50%);
background: transparent;
 	}
	.top_tekst_container { 
		transition: all 1s ease;
	}
	.top_bg { 
		overflow: hidden;
	}
/*
	.top_bg:after { 
		background: rgba(0,0,0,.4);
		position: absolute;
		left:0px;
		top:0px;
		right:0px;
		bottom:0px;
		content:" ";
	}
*/
	.top_boxes { 
		width: 250px;
		height: auto;
		z-index: 99999;
		position: absolute;
		left:50%;
		opacity: .9;
		transform: translateX(-50%);
		height: 22%;
		top:auto;
		bottom:5%;
		overflow: hidden;
	}
	.top_boxes:hover { 
		opacity: 1;
	}
	.close-top-boxes { display: none;
		position: absolute;
		left:0px;
		top:0px;
font-size: 20px;
color:#000;
padding: 5px 10px;
z-index: 999999;


	}
	.close-top-boxes:hover { 
		cursor: pointer;
	}
	.top_box { 
		background-size: cover;
		background-position: center;
		position: absolute;
		top:auto;
		right:auto;
 		left:50%;
 		width: 100%;
 		height: 95%;
 		top:50%;	 
 		transform: translate(-50%,-50%) scale(0);
		opacity: 0;
		transition: all 1s ease;
		border-radius: 100px;
		display: flex;
		justify-content: center;
		align-items: center;
 	}
/*
 	.top_box:after { 
	 	position: absolute;
	 	
	 	left:-40px;
	 	bottom:-40px;
	 	right:0px;
	 	top:0px;
	 	background-image:url(/layout/box_bg_2.svg);
	 	background-position: left bottom;
	 	background-size: cover;
 	 	content:" ";
	 	z-index: 99;
 	}
 	.top_box:before { 
	 	position: absolute;
	 	left:-15px;
	 	bottom:-15px;
	 	right:0px;
	 	top:0px;
	 	background: #fff;
	 	content:" ";
	 	z-index: -1;
 	}
*/
	.top_box.active { 
		transform: translate(-50%,-50%) scale(1);
		opacity: 1;
	}
	.top_box_sale { 
		position: absolute;
		left:0px;
		top:0px; 
		background: #fff;
		padding: 3px 5px;
		display: none;
		color:#E97E3D;
		font-size: 12px;
		font-weight: bold;
	}
	.top_box img { 
		border-radius: 50px;
		width: auto;
		max-width: 100%;
		max-height: 100%;
		height: auto; 		border:3px solid #E8F3F8;
 		object-fit:cover;
		
	}
	.top-box-left { 
		border-radius: 0px 0px 0px 100px;
	}
	.top_box_val { 
		display: none;
		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:5px;
		left:50%;
		transform: translateX(-50%);
		width: 70%;
		padding: 3px 10px;
		font-size: 12px;
		font-weight: 400;
		
		text-align: center;
		color:#000;
		border-radius: 50px;
		background: rgba(233, 244, 248, 0.56);
	}
	.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: 14px;
	line-height: 18px;
	font-weight: 300;
	margin-top: 50px;
}
 
	.text_main_in { 
	line-height: 30px;
 	font-size: 30px;
 	margin-top: 30px;
	font-weight: 300;
	letter-spacing: normal;
	text-align: center;
	}
	.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);
	}
	.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;
		}
		.glowna nav { 
					background:rgba(255,255,255,.4);
 		 	}
 		 	.ponizej.glowna nav { 
	 		 	background: #fff;
 		 	}
		 	ul.menu, ul.main-menu {
			 	background: transparent;
			 	padding: 0px;
			 	margin: 0px;
		 	}
		 	.parallax-over { 
			 	opacity: 0;
		 	}
 	 
	.navbar-brand-wrap {width: 300px; flex-grow: 0.23; padding:0px;}
	.navbar-brand img {
  	}
	.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;
		float:left;
	}
	.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;
	position: relative;
}
 
.menu li a {
	display: table-cell;
	font-size: 13px;
	color:#00272B;
	letter-spacing: 1px;
	
	height: 56px;
	line-height: 56px;
	text-transform: uppercase;
	font-weight: 500;
	padding: 0px 4px;
	position: relative;
	z-index: 5;
 	transition: all .3s ease;

}
.menu li.socialsy a span { 
	padding: 0px;
}
.menu li a span { 
 	padding: 1px 2px;
 	mix-blend-mode: multiply;

}
.menu li:hover a { 
	text-decoration: none;
	color:#000;
 }
.menu li.socialsy:after { 
	display: none;
}
.menu li:after { 
	position: absolute;
	top:50%;
	width: 20px;
	height: 20px;
	transform: translate(-50%,-50%);
	border-radius: 100%;
	background: #E22A2C;
	opacity: 0;
	z-index: 0;
	left:50%;mix-blend-mode: color;

	content: " ";
	transition: all .3s ease;
}
.menu li:hover:after { 
	opacity: .6;
}

.artist-wrap { 
  			  background: #fff;
 transition:all .5s ease;		
 position: relative;
 padding-bottom: 10px;
   margin: 0px 15px;
display: block;
padding-top: 20px;
 		  }
 		  .artist-wrap:afster { 
	 		  position: absolute;
 	 		  left:50%;
 	 		  bottom:5px;
 	 		  border-radius: 5px;
	 		  transform: translateX(-50%);
	 		  width: 60%;
	 		  height: 3px;
	 		  z-index: 15;
	 		  background: #333;
	 		  content:" ";
	 		  box-shadow: 0px 0px 5px rgba(124, 159, 240, 0.5);
 		  }
/*
		  .artist-wrap:hover { 
			  cursor: pointer;
			  box-shadow: 1px 1px 0px #EE00CE, 2px 2px 0px #EE00CE, 3px 3px 0px #EE00CE, 4px 4px 0px #EE00CE, 5px 5px 0px #EE00CE,6px 6px 0px #EE00CE, 7px 7px 0px #EE00CE, 8px 8px 0px #EE00CE, 9px 9px 0px #EE00CE, 10px 10px 0px #EE00CE;
		  }
*/
.artist-wrap:hover { 
	border-color:#F4AE54;
}

		  .artist-top { 
			  font-size: 9px;
			  font-weight: 300; 
			  color:#333;
			  position: absolute;
			  top:0px;
			  left:5px;
			  padding: 3px 5px;
			  z-index: 5;
			  transition: all .5s ease;
			  background: transparent;
		  }
		  .artist-wrap:hover .artist-top { 
			  color:#F4AE54;
			  background: #fff;
		  }
		  .artist-top span, .bluespan { 
			  color:#4ABCD5;
		  }
		  .artist-image { border-radius: 20px;
 
			  background-size: cover; 
			  background-position: center;
		  }
		  .artist-image img { 
			  border-radius: 20px;
		  }
		 
		  .artist-wrap:hover .artist-image:after { 
	opacity: 0;
}

		  .artist-bottom { 
			  display: none;
			position: absolute;
font-size: 14px;
bottom: 0px;
left: 0px;
right: 0px;
text-align: center;
font-weight: 900;
color: #080708;
background: #fff;
padding: 5px 15px;
border-radius: 0px 0px 13px 14px;
transition: all .5s ease;
		  }
		  .artist-wrap:hover .artist-bottom { 
			  background: #F4AE54;
			  color:#fff;
		  }
		  .artist-bottom span { 
			  color:#fff;

		  }
		  .artist-bottom-right { 
			  color:#F4AE54;
			  font-size: 20px;
			  position: absolute;
 
			  bottom:100%;
			  left:50%;
			  text-align: center;
			  transform: translate(-50%,100%);
			  transition: all .5s ease;
			  opacity: 0;
			  background: #fff;
			  padding: 5px 10px;
		  }
		  .artist-wrap:hover .artist-bottom-right { 
			  transform: translate(-50%,0);
			  opacity: 1;
		  }
		  
		  
			 .section-header.absolutny { 
				 position: absolute; 
				 left:50%;
				 z-index: 9999;
				 top:50%;
				 transform: translate(-50%,-50%);
				 
 			 }
 			 .section-header.relatywny { 
	 			 position: relative;
	 			 margin: auto;
	 			 display: inline-block;
	 			 text-align: left;
	 			 clear: both;
 			 }
 			 .section-header:after { 
	 			 content:" ";
	 			 background: #FF5754;
	 			 position: absolute;
	 			 left:0px;
	 			 top:0px;
	 			 right:0px;
	 			 bottom:-20%;
	 			 z-index: 9999;
	 			 transition:all 2.3s ease;
	 			 transform-origin: right center;
 			 }
 			 .section-header.active:after { 
	 			 transform: scale(0,1);
	 			 
 			 }
 			 .section-header-in { 
	 			 padding: 0px 15px;
	 			 position: relative;
 			 }
 			 .section-header-in:before { 
	 			 top:12px;
	 			 left:-5px;
	 			 border:1px solid #FF5754;
	 			 border-width: 1px 0px 0px 0px;
	 			 right:0px;
	 			 
	 			 position: absolute;
 	 			 content:" ";
	 			 transform-origin: left top;
	 			 border-radius: 0px 10px 0px 0px;
	 			 transform: scale(0,.1);
 			 }
 			 .section-header.active .section-header-in:before { 
	 			 animation: sectionheader 2s .3s linear forwards;
 			 }
 			 @keyframes sectionheader { 
	 			 0% { 
		 			 transform: scale(0,1);height: 1px;
	 			 }
	 			 80% { 
		 			 transform: scale(1,1); border-right-width: 1px;
		 			 height: 1px;
	 			 }
	 			 100% { 
		 			 transform: scale(1,1);border-right-width: 1px;
		 			 height: 120%;
	 			 }
 			 }
 			 
 			 .section-header-in:after { 
	 			 top:10px;
	 			 left:-5px;
	 			 border:1px solid #FF5754;
	 			 border-width: 0px 0px 0px 1px;
	 			 	 			 border-radius: 0px 0px 0px 10px;

	 			 height: 100%;
	 			 position: absolute;
 	 			 content:" ";
	 			 transform-origin: left top;
	 			 transform: scale(1,0);
 			 }
 			 .section-header.active .section-header-in:after { 
	 			 animation: sectionheaderafter 2s .3s linear forwards;
 			 }
 			 @keyframes sectionheaderafter { 
	 			 0% { 
		 			 transform: scale(1,0);width: 1px;
	 			 }
	 			 30% { 
		 			 transform: scale(1,1); border-bottom-width: 1px;
		 			 width: 1px;
	 			 }
	 			 100% { 
		 			 transform: scale(1,1);border-bottom-width: 1px;
		 			 width: 110%;
	 			 }
 			 }
 			 
 			 
 			 .section-header-top { 
	 			 background: #fff;
	 			 font-size: 10px;
	 			 min-height: 20px;
	 			 line-height: 10px;
	 			 padding: 5px 5px;
	 			 z-index: 999;
	 			 height: auto;
	 			  
	 			 position: relative;
	 			 display: inline-block;
	 			 color:#666;
 			 }
 			 .section-header-top span { 
	 			 font-style: italic;
 			 }
 			 .section-header-top:after { 
	 			 position: absolute;
	 			 left:0px;
	 			 top:0px;
	 			 right:0px;
	 			 bottom:0px;
	 			 border:1px solid #FF5754;
	 			 border-width: 1px 0px 1px 1px;
	 			 border-radius: 5px;
	 			 transform: scale(0,1);
	 			 transform-origin: left center;
	 			 content:" ";
 			 }
 			 .section-header-top:before { 
	 			 position: absolute;
	 			 right:100%;
	 			 margin-right: 10px;
	 			 width: 20px;
	 			 height: 20px;
	 			 background: #FF5754;
	 			 border-radius: 100%;
	 			 transform: scale(0);
	 			 transition:all .3s ease;
	 			 top:0px;
	 			 content:" ";
  			 }
  			 .section-header.active .section-header-top:before { 
	  			 transform: scale(1);
  			 }
 			 .section-header.active .section-header-top:after { 
	 			 animation:showpheader 1.2s .3s linear forwards;
 			 }
 			 @keyframes showpheader { 
	 			 0% { transform: scale(0,1); border-right-width:0px;}
	 			 100% { transform: scale(1,1); border-right-width: 1px;}
 			 }
 			 .section-header-main { 
	 			 font-size: 30px;
	 			 line-height: 30px;
	 			 text-transform: uppercase;
	 			 position: relative;
	 			 margin-top: 10px;	 			 z-index: 999;

	 			 font-weight: 300;
 			 }
 			 .section-header-main span { 
	 			 color:#FF5754;
 			 }

.glider-next, .glider-prev { 
	font-size: 50px;
	color:#ccc;
}

		  
  .glider-persp .glider-slide, .glider-persp .slick-slide {
    margin: 7px 10px;

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    will-change: transform;
    transform:  perspective(1500px) rotateY(0deg) scale(1) translateZ(0);
    transform-origin: 0 0;
    transition: transform 600ms cubic-bezier(0.23, 1, 0.32, 1);
  }
  .glider-persp .slick-slide.active { 
	  -webkit-transform:  perspective(1500px) rotateY(0deg) scale(1.25) translateZ(50px);
    -webkit-transform-origin: 100% 50% 0;
    z-index: 9999999;
    transform:  perspective(1500px) rotateY(0deg) scale(1.25) translateZ(50px);
    transform-origin: 0% 50% 0;
    margin: 7px 10px;

 	  
  }
  .glider-persp .glider-slide.right-3,.glider-persp .slick-slide.right-3 {
    -webkit-transform:  perspective(1500px) rotateY(-40deg) scale(1.25) translateZ(0);
    -webkit-transform-origin: 100% 50% 0;
    transform:  perspective(1500px) rotateY(-40deg) scale(1.25) translateZ(0);
    transform-origin: 0% 50% 0;
    margin: 10px -8px;
  }
  .glider-persp .glider-slide.left-3,.glider-persp .slick-slide.left-3 {
    -webkit-transform:  perspective(1500px) rotateY(40deg) scale(1.25) translateZ(0);
    -webkit-transform-origin: 100% 50% 0;
    transform:  perspective(1500px) rotateY(40deg) scale(1.25) translateZ(0);
    transform-origin: 0% 50% 0;
    margin: 10px 0;
  }
  .glider-persp .glider-slide.left-2,.glider-persp .slick-slide.left-2 {
    -webkit-transform:   perspective(1200px) rotateY(51deg) scale(1.20) translateZ(0);
    -webkit-transform-origin: 100% 50% 0;
    transform:   perspective(1200px) rotateY(51deg) scale(1.20) translateZ(0);
    transform-origin: 100% 50% 0;
    opacity: .7;
  }
  .glider-persp .glider-slide.right-2, .glider-persp .slick-slide.right-2 {
    -webkit-transform:  perspective(1200px) rotateY(-51deg) scale(1.20) translateZ(0);
    -webkit-transform-origin: 0 50% 0;
    transform:   perspective(1200px) rotateY(-51deg) scale(1.20) translateZ(0);
    transform-origin: 0 50% 0;    opacity: .7;
  }
  .glider-persp .glider-slide.left-1,.glider-persp .slick-slide.left-1 {
    -webkit-transform:  perspective(1400px) rotateY(38deg) scale(1.05) translateZ(0);
    -webkit-transform-origin: 100% 50% 0;
    transform:  perspective(1400px) rotateY(38deg) scale(1.05) translateZ(0);
    transform-origin: 100% 50% 0;    opacity: .7;
  }
  .glider-persp .glider-slide.right-1, .glider-persp .slick-slide.right-1 {    opacity: .7;
    -webkit-transform: perspective(1400px) rotateY(-38deg) scale(1.05) translateZ(0);
    -webkit-transform-origin: 0 50% 0;
    transform:  perspective(1400px) rotateY(-38deg) scale(1.05) translateZ(0);
    transform-origin: 0 50% 0;
  }
  .glider-persp .glider-slide:hover { 
	  opacity: 1 !important;
	  -webkit-transform: perspective(1400px) rotateY(0deg) scale(1) translateZ(0) !important;
    -webkit-transform-origin: center !important;
    transform:  perspective(1400px) rotateY(0deg) scale(1) translateZ(0) !important;
    transform-origin:center !important;    transition: all 1s ease;

  }
.glider-persp { 
	padding-top:10%;
	padding-bottom: 10%;
}
.header-socials { 
	position: absolute;
	right:210px;
	top:13px;
	z-index: 9999999999;
}
.header-socials a { 
	display: inline-block;
	font-size:20px;
	color:#000;
}
.header-socials a:hover { 
	opacity: 0.8;
	color:#000;
	text-decoration: none;
}
.invented { 
	position: absolute;
	right:0px;
	top:0px;
	overflow: hidden;
	padding-top: 10px;
	padding-right: 40px;
	font-size: 11px;
	height: 55px;
	padding-left: 20px;
	font-weight: 900;
	text-align: right;
	
}
.invented:before { 
	position: absolute; 
	right:10px;
	width: 20px;
	height: 20px;
	top:50%;
	transform: translateY(-60%);
	background: #E22A2C;
	border-radius: 100%;
	content:" ";
}
.invented-before { 
	position: absolute;
 	right:0px;
 width: auto;
 top:5px;
 bottom:5px;
 
 
}
.invented-before img { 
	width: auto;
	height: 100%;
}
.invented:after { 
	display: none;
	position: absolute;
	left:100%;
	top:0px;
	background: #E42A2D;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	transform: translate(-50%,-50%);
 	content:" ";
}

.btn.btn-filtr {
	color:#000;
	font-weight: 700; 
	background: transparent;
	border:none;
}
.obiects-menu-pop {
	display: none;
	position: absolute;
	left:0px;
	width: auto;
	white-space: nowrap;
 	top:100%;
	background: #fff;
 	z-index: 99999999;
	border:0px solid #ccc;
	box-shadow: 0px 5px 20px rgba(0,0,0,0.2);
}
.obiects-menu-pop-in {
	position: relative;
	max-height: 350px;
	overflow-x: hidden;
	overflow-y: auto;
	
	
}
.obiects-menu-pop-in a {
	font-weight: 300;
	text-align: left;
	position: relative;
	color:#000;
	display: block;
	width: auto;
	height: 34px;
	padding: 0px 80px 0px 15px;
	font-size: 14px;
	white-space: nowrap;
	line-height: 34px;
 }
 .obiects-menu-pop-in a:hover {
	 text-decoration: none;
	 background: #000;
	 color:#fff !important;
	 cursor: pointer;
 }
.obiects-menu-pop-in a i {
	color:#ccc;
	margin-right: 5px;
}
.obiects-menu-pop-in a img {
position: absolute;
top:0px;
right:15px;
	margin-left: 15px;
	height: 18px;
	margin-top: 8px;
}
.obiects-menu-pop.active {
	display: block;
}



.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;
}

.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);
    border: 2px solid #06AED5;
     color: #fff;
    font-size: 16px;
    font-weight: 300;
}

.sml-blog-wrap-date {
    position: absolute;
    right: -20px;
    top: 30px;
    font-size: 11px;
    -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 {
    background: #06AED5;
    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: 90%;
    left: -50px;
    z-index: 99;
    border: 2px solid #06AED5;
    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: -20px;
    top: 50px;
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    color: #fff;
    font-size: 16px;
}
@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: 99999999999;
		 right:0px;
		 padding-right: 0px;
		 left:0px;
		 height: 52px;
	 }
	 .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 (max-width:1200px) {
		.menu a { 
			font-size: 13px;
			letter-spacing: 0px;
		} 
		#access { 
			right:130px;
		}
		
	} 
    @media (max-width:767px) { 
	    #o-nas { 
		    
	border: 10px solid #E7F2F8;
	border-width: 0px 10px 0px 10px;
	    }
	    .invented { 
		    right:70px;
	    }
	    
.header-socials { 
	position: absolute;
	right:90px;
	top:11px;
	z-index: 9999999999;
}
.header-socials a { 
	display: inline-block;
	font-size:20px;
	color:#000;
}
.header-socials a:hover { 
	opacity: 0.8;
	color:#000;
	text-decoration: none;
}
	    .invented-before { 
		    height: 35px;
		    bottom:auto;
	    }
	    .links .title { 
		        padding: .625rem;
    border-bottom: 1px solid #f6f6f6;
    cursor: pointer;
	    }
	    .links .h3, .links .h6 { 
		        line-height: 1.5;
    font-size: .8rem;
    display: inline-block;
	    }
	    .links .collapse { 
		    display: none;
	    }
	    .links .collapse.show { 
		    display: inherit;
	    }
	    .social-buttons { 
		    margin-top: 20px;
		    float: none;
		    text-align: center;
	    }
	    .footer-container a.social-button { 
		    display: inline-block;
	    }.sml-blog-wrap-title { 
		    right:15px;
	    }
	    .big-blog-wrap-title { 
		    left:15px;
	    }
    }
.footer-logo {
  padding-top: 125px;
  margin: 0;
  max-width: 100%; }
  @media (max-width: 991px) {
	    .invented { 
		    right:50px;
	    }
	    .invented-before { 
		    height: 35px;
		    bottom:auto;
	    }
    .footer-logo {
      padding-top: 30px; } }
  @media (max-width: 767px) {
    .footer-logo {
      padding: 30px 0; } }

.block-social {
  margin-bottom: 50px; }
  .block-social ul li { 
	  display: inline-block;
  }
  .block-social ul li a {
    color: #FFFFFF; }
    .block-social ul li a:before {
      font-size: 16px; }

.footer-copyright {
  text-align: center;
  border: none;
  text-transform: uppercase;
  font-size: 12px;
  padding: 0;
  margin-bottom: 30px;
  color: #ccc; }

/** Newsletter **/
.block_newsletter form .btn {
  border: 1px solid transparent; }
  .block_newsletter form .btn:hover {
    background: #FFFFFF;
    color: #fbceb4;
    border-color: #fbceb4; }
.block-toggler .title, .footer-container .links .title {
  position: relative;
  cursor: pointer; }
  .block-toggler .title .collapse-icons .remove, .footer-container .links .title .collapse-icons .remove {
    display: none; }
.block-toggler .title[aria-expanded="true"] .collapse-icons .add, .footer-container .links .title[aria-expanded="true"] .collapse-icons .add {
  display: none; }
.block-toggler .title[aria-expanded="true"] .collapse-icons .remove, .footer-container .links .title[aria-expanded="true"] .collapse-icons .remove {
  display: block; }
.block-toggler .navbar-toggler, .footer-container .links .navbar-toggler {
  display: block;
  padding: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  z-index: 9;
  top: 1px;
  right: 10px; }
  .footer-container .links .navbar-toggler { 
	  top:1px;
	  }
  .rtl .block-toggler .navbar-toggler, .rtl .footer-container .links .navbar-toggler {
    left: 10px;
    right: auto; }
.block-toggler.ApBlockLink ul li, .footer-container .links.ApBlockLink ul li {
  margin-bottom: 10px; }
@media (min-width: 768px) {
  .block-toggler.accordion_small_screen .collapse-icons, .footer-container .links.accordion_small_screen .collapse-icons {
    display: none; } }
.block-toggler.accordion_small_screen .collapse, .footer-container .links.accordion_small_screen .collapse {
  display: block; }
  @media (min-width: 768px) {
    .block-toggler.accordion_small_screen .collapse, .footer-container .links.accordion_small_screen .collapse {
      height: 100% !important; } }
  @media (max-width: 767px) {
	  .footer-container h3, .footer-container h4 { 
		  font-size: 14px;
	  }
    .block-toggler.accordion_small_screen .collapse, .footer-container .links.accordion_small_screen .collapse {
      display: none; }
      .block-toggler.accordion_small_screen .collapse.show, .footer-container .links.accordion_small_screen .collapse.show {
        display: block; } }
        
        .footer-container {
  color: #FFFFFF; }
  #index .footer-container {
    margin-top: 0; }
  .footer-container .block .title_block {
    color: #FFFFFF; }
  .footer-container li a {
    color: #FFFFFF; }
  .footer-container .block-social {
    margin-top: 10px; }
    @media (max-width: 480px) {
      .footer-container .block-social {
        text-align: center; } }
    .footer-container .block-social ul li a {
      color: #FFFFFF; }
    .footer-container .block-social .title_block {
      display: none; }

.footer-center {
  padding: 80px 0 30px;
  background: #222222; }

.ApColumn .block.block_newsletter {
  display: block;
  padding: 0; }
  .ApColumn .block.block_newsletter .title-newsletter {
    padding-right: 0; }
    .rtl .ApColumn .block.block_newsletter .title-newsletter {
      padding-left: 0;
      padding-right: inherit; }
    .ApColumn .block.block_newsletter .title-newsletter .title_block {
      text-transform: uppercase;
      font-size: 18px;
      padding-bottom: 30px; }
      .ApColumn .block.block_newsletter .title-newsletter .title_block:before {
        display: none; }
    .ApColumn .block.block_newsletter .title-newsletter .sub-letter {
      font-size: 14px;
      margin-bottom: 25px;
       padding-left: 0; }
      .rtl .ApColumn .block.block_newsletter .title-newsletter .sub-letter {
        padding-right: 0;
        padding-left: inherit; }
  .ApColumn .block.block_newsletter .block_content {
    min-width: 100%; }

.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 { 
  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: 1px 1px 1px 1px;
	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;
}
.about-bg { 
	position: absolute; top:0px; right:0px; left:0px; height: 100vh; background-image:url(/layout/zoji_tlo_dolne_2.jpg); background-size: cover; background-position: center top
}

	@media (max-width:990px) {
		nav { 
			background: #fff;
		}
		.navbar-brand { 
			padding: 10px;
		}
		.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;
						float: none;

				}
				.socialsy { 
					text-align: center;
				}
				#menuWrap  li.socialsy a { 
					display: inline-block;
					margin: 0px 10px;
				}
				#menuWrap li a.header-search-toggle { 
					border: 0px;
					position: fixed;
					top:5px;
					left:5px;
					color:#fff !important;
					z-index: 9999999;
				}
	.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;
overflow: hidden;
z-index: 2;		  background-size:cover; background-position: 20% 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;
}
	header {
		z-index: 99999999999;
/* 		position: relative; */
		height: 60px;
	}
.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;
			height: 40px;
			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;		border-radius: 0px 50px 0px 50px;

	}
	.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:16px;
		 
	 }
	 .header-icons a { 
		 display: inline-block;
		 padding: 0px 5px;
		 color:#000;
		 font-size: 20px;
	 }



 @media (max-width:990px) { 
	 #o-nas { 
	border: 20px solid #E7F2F8;
	border-width: 0px 20px 0px 20px;
}
.about-kolo-wrap { 
	left: 0px;
	right:0px;
}.sub-section-content { 
	width: 100%;
}
button.navbar-toggle  {
	outline: none;
  width: 50px;
  height: 40px;
  position: fixed;
  top:2px;
  -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: 45px;
	 }
	 .navbar-brand { 
		 padding: 5px 0px;
	 }
	 .header-icons { 
		 position: absolute;
		 right:60px;
		 top:16px;
		 
	 }
	 .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: 50px;
	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:50px;
	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;
	 }
	 .top_tekst { 
		 width: 100%;
	 }
	 .top_boxes { 
		 right: auto;
		 left:50%;
		 opacity: 1;
		 z-index: 99999999999;
		 bottom:0px;
		 top:55px;
		 width: 250px;
 		 transform: translateX(-50%);
		 height: 100px;
	 }
	 .top_boxes:hover { 
		 opacity: 1;
	 }
	 .top_box { 
/*
		 border: 0px;
		 background-color: #fff;
		 background-size: auto 100%;
		 background-repeat: no-repeat;		border-radius: 0px 0px 30px 30px;
transform: translateY(-100%);
		 background-image: none !important;
*/
	 }
	 .top_box.active { 
/* 		 transform: translateY(0); */
	 }
	 .top_box_sale,.top_box_val { 
		 background: transparent;
		 font-size: 11px;
	 }
	 .top_box_val { 
		 right:15px;
	 }
	 .top_box_text { /*

		 position: relative !important;
		  right: auto;
		 padding: 0px;
		 width: 100%;
		 text-align: left;
		 font-size: 10px; 
		 background: transparent;
		 letter-spacing: normal;
*/
font-size: 9px;
width: 90%;
	 }
	 .top-box-left { 
		 background-size: cover;		border-radius: 0px 0px 0px 30px;

		 background-position: center;
	 }
	 .top-box-right { 
		 display: flex;		border-radius: 0px 0px 30px 0px;

		 justify-content: center;
		 align-content: center;
		 text-align: center;
		 align-items:center;
	 }
		 .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) {.about-bg { 
			position: absolute; top:0px; right:0px; left:0px; height: 100vh; background-image:url(/layout/zoji_tlo_dolne_2.jpg); background-size: cover; background-position: 24.5% top;
		}
	 .legenda.big { 
		 font-size: 20px;
		 margin: auto;
		 padding: 0px 15px;
	 }
		.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;
}