.kup-teraz { 
		position: fixed;
		top:80px;
		right:0px;
		background: #DB5461;
		color:#fff;
 		width: 200px;
		font-size: 11px;
		z-index: 99999999;
		border-radius: 20px 0px 0px 20px;
		box-shadow: -5px 5px 20px rgba(0,0,0,0.3);
		transition: all .5s ease;
	
	}
	.kup-teraz.relatywny { 
		position: relative;
		top:0px;
		margin-top: 20px;
		width: auto;
		border-radius: 0px 20px 20px 0px;
		transform: translateX(0);
		right: auto;
		display: inline-block;
		transition:all .5s ease;
		transform-origin: left center;
	}
	.kup-teraz.relatywny:hover { 
				box-shadow: -5px 5px 30px rgba(0,0,0,0.9);

		transform: scale(1.05) translateX(20px);
 		
		}
	.kup-teraz.relatywny .bag { 
		position: absolute; 
		right:0px;
		top:0;
		bottom:0px;
 		font-size: 30px;
 		display: flex;
 		align-items: center;
 		justify-content: center;
 		width: 60px;
 		border-radius: 0px 20px 20px 0px;
 		background: rgba(0,0,0,.1);
	}

	.kup-teraz.relatywny .kup span { 
		font-weight: 400;
		font-size: 14px;
		display: block;
		text-align: left;
	}
	.kup-teraz.relatywny:after { 
		position: absolute;
		right:100%;
		width: 20vw;
		top:0px;
		bottom:0px;
		content:" ";		transition:all .5s ease;
		transform-origin: left center;

		box-shadow: -15px 5px 20px rgba(0,0,0,0.3);
		background: #DB5461;
		
		
	}
	.kup-teraz.relatywny:hover:after { 
 
		
		}
	.widoczny.kup-teraz.startinactive.inactive { 
		transform: translateX(0);
		right:0px;
	}
	.kup-teraz.startinactive,.widoczny.kup-teraz.inactive, .kup-teraz.inactive { 
			transform: translateX(100%);
		right:24px;
	}
	.widoczny.kup-teraz {
		right: 0px;
		transform: translateX(0); 
		
	}
	.kup-teraz-zwin { 
		cursor: pointer;
		position: absolute; 
		left:0px;
		top:0px;
		width: 24px;
		bottom:0px;
		border-radius: 20px 0px 0px 20px;
		background: rgba(255,255,255,.3);
		color:#fff;
		line-height: 14px;
		padding-top: 8px;
		font-weight: 300;
		font-size: 30px;
		transform-origin: center;
		padding-bottom: 10px;
		text-align: center;
		transition:all .3s ease;

	}
	.kup-teraz .to-show { 
		display: none;
	}
	.to-hide { 
		display: block;
	}
	.kup-teraz.inactive .to-show { 
		display: block;
	}
	.kup-teraz.inactive .to-hide { 
		display: none;
	}

	.kup-teraz-zwin:hover { 
		cursor: pointer;
		background: #fff;
		color:#000 !important;
	}
	.kup-teraz-link { 
		color:#fff;
		}
		.kup-teraz-link:hover { 
			text-decoration: none;
			color:#fff;
			}
	.kup-teraz-zwin i { 
		transition: transform .5s ease;
	}
	.kup-teraz.inactive .kup-teraz-zwin { 
		background: #DB5461;
	}
	.widoczny.kup-teraz.inactive.startinactive .kup-teraz-zwin i { 
		transform: rotate(0deg);
	}
	.widoczny.kup-teraz.inactive .kup-teraz-zwin i,.kup-teraz.startinactive .kup-teraz-zwin i,.kup-teraz.inactive .kup-teraz-zwin i { 
		transform: rotate(-180deg);
	}
	.kup { 
		font-size: 20px;
		font-weight: 900;
	}
	
	
	
	.roz-wrap { 
		width: 50px;
		height: 50px;
		border:1px solid #000;
		line-height: 48px;
		font-size: 12px;
		text-align: center;
		font-weight: bold;
		border-radius: 100%;
		float: left;
		display: inline-block;
		margin:0px 10px 5px 0px;
		background: #fff;
		position: relative;
	}
	.roz-wrap span { 
		position: absolute;
		left:50%;
		top:50%;
		transform: translate(-50%,-50%);
		z-index: 2;
		padding: 1px 1px;
		color:#000;
		display: inline-block;
		background: #fff;
		line-height: 10px;
		
	}
	.roz-wrap img.mini-bottle { 
		position: absolute;
		left:50%;
		top:50%;
		height: 46px;
		z-index: 0;
		width: auto;
		display: none;
		transform: translate(-50%,-50%);
	}
 
	.main-top-wrap { 
		height: auto; position: relative; left:0px; right:0px; min-height: 100vh;
	}
	.product-pojemnosci, .product-colors { 
		margin-top: 10px;
		font-size: 12px;
		font-weight: 900;
	}
	.product-pojemnosc { 
		font-size: 12px;
		font-weight: 300;
		display: inline-block;
		margin: 0px 10px;
	} 
	.product-color { 
		width: 50px;
		float: left;
		line-height: 50px;
		height: 50px;
		position: relative;
 		display: inline-block;
		border-radius: 100%;
		margin:0px 10px 5px 0px;
		transition: all .3s ease;
		box-shadow:inset 0px 0px 3px rgba(0,0,0,.3);
		
	}
	.product-color:hover { 
		cursor: pointer;
		transform: scale(1.05);
	}
	.product-color:hover:after { 
		 
	}
	.product-color:after { 
		border:1px solid #222223;
		position: absolute;
		left:0px;
		opacity: 0;
		right:0px;
		bottom:0px;
		top:0px;
		border-radius: 100%;
		content:" ";
		transition: all .3s ease;
	}
	.product-color.active:after { 
		transform: scale(1.15);
		opacity: 1;
	}
	.product-color img,.roz-wrap img.over-bottle { 
		width: 150px;
		position: absolute;
		bottom:100%;
		left:50%;
		box-shadow: 0px 5px 30px rgba(0,0,0,.3);
		border:2px solid #fff;
		border-radius: 10px;
		z-index: 9999;
		transform: translateX(-50%);
		display: none;
	}
	.product-color:hosver img, .roz-wrap:hover img.ovder-bottle { 
		display: block;
	}
	 

	.product-color.color-1 { 
		background: #222223;
	}
	.product-color.color-2:after { 
		border-color: #c8b498;
	}
	.product-color.color-2 { 
		background: #c8b498;
	}
	.product-color.color-3:after { 
		border-color: #c30d23;
	}
	.product-color.color-3 { 
		background: #c30d23;
	}
	.product-color.color-4:after { 
		border-color: #83c0ea;
	}
	
	.product-color.color-4 { 
		background: #83c0ea;
	}	 .product-title { 
		 padding-top: 100px;position: relative; z-index: 5;
	 }
	.kubek-white-wrap { position: fixed;
width: auto;
top: 60px;
height: 90vh;
right: 5%;
text-align: right;
 transform: rotate(0deg) scale(1);
transform-origin: center; }
.kubek-white { 
	position: absolute;
	right:0px;
	width: auto;
	top:0px;
	height: 100%;
	opacity: 0;
	transition: all .3s ease;
}
.kubek-white.active { 
	opacity: 1;
}
.rob-ciemne { 
	transition: all 1s ease;background-color:#2B303A; 
 position: relative; top:0px;
}
.rob-ciemne.active { 
background-color:#2B303A; 
}


.product-wyr.inactive.active .product-wyr-text, .product-wyr.inactive.active .product-wyr-line { 
					opacity:0 !important;
					transition: all .3s ease !important;
					transition-delay: 0s !important;
				}
				.product-wyr { 
					position: absolute;
					left:auto;
					right:0%;
					 
					z-index: 999999;
					top:5%;
					height: auto;
				}
				.product-wyr-text { 
					position: relative;
					width: 45%;
					left:5%;
					font-size: 14px;
					text-align: center;
					color:#fff;
					transition: all .8s ease .7s;
					transform: translateX(50px);
					opacity: 0;
				}
				
				.product-wyr-line { 
					position: absolute;
					width:45%;
					right:5%;
					top:50%;
					border-top:2px dashed #fff;
					transform: scale(0,1);
					transition: all .8s ease .4s;
					transform-origin: right center;
				}
				
				.product-wyr-circle { 
					width: 10%;
					background: #2B303A;
					border:3px solid #fff;
					position: absolute;
					top:50%;
					right:0%;					transition: all .5s ease 0s;
					border-radius: 100%;
					transform: translate(50%,-50%) scale(3);
					opacity: 0;
 				}
				.product-wyr.product-wyr-2 { 
					top:30%;
					right:0%;
					left:0%;
				}
				.product-wyr-2 .product-wyr-text { 
					width: 40%;
					left:auto;
					left:10%;
					}			 
				.product-wyr-2 .product-wyr-line { 
					right:30%;
					width: 20%;
				}
					.product-wyr-2 .product-wyr-circle { 
					right:20%;
				}
				.product-wyr.product-wyr-3 { 
					top:50%;
					right:0%;
					left:0%;
				}
				.product-wyr-3 .product-wyr-text { 
					width: 30%;
					left:5%;
				}
				.product-wyr-3 .product-wyr-line { 
					left:auto;
					right:25%;
					width: 40%;
				}
				.product-wyr-3 .product-wyr-circle { 
					right:15%;
				}
				
				
					.product-wyr.product-wyr-4 { 
					top:90%;
					right:0%;
					left:0%;
				}
				.product-wyr-4 .product-wyr-text { 
					width: 40%;
					left:15%;
				}
				.product-wyr-4 .product-wyr-line { 
					left:auto;
					right:15%;
					width: 30%;
				}
				.product-wyr-4 .product-wyr-circle { 
					left:auto;
					right:5%;
				}

				
				
				
				
				.product-wyr.active .product-wyr-text { 
					transform: translateX(0);
					opacity: 1;
				}.product-wyr.active .product-wyr-line { 
					transform: scale(1);
					opacity: 1;
				}.product-wyr.active .product-wyr-circle { 
					transform: translate(50%,-50%) scale(1);
					opacity: 1;
				}
				
			.product-wyr { 
				text-align: left;
			}
		.product-wyr-circle { 
			overflow: hidden;
			position: relative;
			margin: auto;
			width: 120px;
			display: inline-block;
			transform: translate(-50%,-50%) scale(3);
		}
		.product-wyr.active .product-wyr-circle { 
			transform: translate(-50%,-50%) scale(1);
		}
		.product-wyr-text { 
			left: auto !important;
			right:0px;
		}
		.product-wyr-line { 
			top:0px;
			right: auto;
			left:70px;
			border-color: #000;
			transform-origin: left center;
		}
		.product-wyr.active .product-wyr-text { 
			transform: translate(0,-50%);
		}
		.product-wyr-text { 
			position: absolute;
			left:0px;
			top:0%;
			color:#000;
			transform: translate(-50%,-50%);
		}

				@media (max-width:766px) { 
					.product-wyr { 
						position: absolute;
    left: 0px !important;
    right: 0px !important;
    z-index: 999999;
    top: 10%;
    height: auto;
					}
					.product-wyr-text h4 { 
						font-size: 12px;
						font-weight: 900;
					}
 .product-wyr-text,.product-wyr-2 .product-wyr-text,.product-wyr-3 .product-wyr-text,.product-wyr-4 .product-wyr-text {
    position: absolute;
    padding: 5px;
    width: 90% !important;
    background: rgba(255,255,255,.3);
    left: 5% !important;
    right: auto !important;
    z-index: 99999999;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    color: #000;
    transition: all 1s ease 1s;
    transform: translateY(-55%) scale(0);
    opacity: 0;
}
.product-wyr-2 .product-wyr-text { 
	transform-origin: right center;
}
.product-wyr.active .product-wyr-text { 
	transform: translateY(0%) scale(1) !important;
}
.product-wyr-line, .product-wyr-2 .product-wyr-line {
    position: absolute;
    left: 80%;
    right: 0%;
    top: 50%;
    border-top: 2px dashed #fff;
    transform: scale(0,1);
    transition: all 1s ease 1s;
    transform-origin: right center;
    display: none;
    }
    
    .product-wyr-circle {
    width: 60px !important;
    position: absolute !important;
    top: 0px !important;
    bottom:auto !important;
    left: 50%;
    right: auto !important;
    transition: all 1s ease 0s;
    border-radius: 100%;
    transform: translate(-50%,-50%) scale(3);
    opacity: 0;
    border: 2px solid #ccc;
    }
    .product-wyr.active .product-wyr-circle { 
    transform: translate(-50%,-90%) scale(1) !important;
}    .product-wyr-2 .product-wyr-circle { 
	    left:80%;
    }
    .product-wyr.product-wyr-2 { 
	    top: 40%;
    right: 0px;
    left: 0px;
}
/*
.product-wyr-2 .product-wyr-text {
    width: 90%;
    left: 5%;
    right: 5%;
}
.product-wyr-2 .product-wyr-line { 
	display: none;
    }
*/.product-wyr.product-wyr-3 {
    top: 65%;
    right: 0px;
    left:0px;
}
.product-wyr.product-wyr-4 {
    top: 95%;
    right: 0px;
    left:0px;
}
/*
    .product-wyr-2  .product-wyr-circle, .product-wyr-3  .product-wyr-circle {left:50%; opacity: .3}
    .product-wyr-3 .product-wyr-text {
    width: 90%;
    left: 5%;
}
.product-wyr-3 .product-wyr-line {
 display: none;
}
*/
				}
				
				
				
	.kub_atut_text { 
		margin-bottom: 30px;
		font-size: 18px;
		margin-top: 10px;
		font-weight: 300;
		text-align: center;
		color:#fff;
	}
 
	.circle-atut { 
		border-radius:100%;  
	}
	.colors-srodek { 
		position: absolute;
		top:50%;
		left:50%;
		transform: translate(-50%,-50%);
		width: 10%;
		z-index: 99999;
		font-size: 16px;
		color:#2B303A;
		font-weight: 300;
		background: #fff;
		border-radius: 100%;
	}
	.colors-srodek span { 
		position: absolute;
		z-index: 9999;
 background: #fff;
		top:50%;
		left:50%;
		text-align: center;
		width: 90%;
		opacity: 0;
		transform: translate(-50%,-50%);
		transition: all 1s ease;
	}
	.colors-srodek.active span { 
opacity: 1;
	}
	.colors-srodek:after { 
		position: absolute;
		top:50%;
		left:-30%;
		width: 160%;
		height: 1px;
		background: #2B303A;
		content:" ";
		transform: rotate(-45deg) scale(0,1);
		transition: all 1s ease .7s;
	}
	.colors-srodek.active:after,	.colors-srodek.active:before { 
		transform: rotate(-45deg) scale(1);
	}
	.colors-srodek:before { 
		position: absolute;
		top:-30%;
		left:50%;
		height: 160%;
		width: 1px;
		background: #2B303A;
		content:" ";
		transform: rotate(-45deg) scale(1,0);
		transition: all 1s ease .7s; 
	}
	
	.over-video-logo { 
		background: #fff;
		width: 23%;
		padding: 20px 30px;
		left:0px;
		top:0px;
		position: absolute;
		z-index: 10;
		min-height: 18%;
		color:#000;
 		line-height: 30px;
		text-align: left;
		display: flex;
		align-content: center;
		justify-content: center;
		align-items: center;
		font-size: 30px;
	}
	@media (max-width:1024px) { 
		.over-video-logo { 
			font-size: 20px;
			line-height: 20px;
		}
	}
	@media (max-width:768px) { 
		.over-video-logo { 
			padding: 10px;
		}
	}
	@media (max-width:566px) { 
		.over-video-logo { 
			font-size: 11px;
			line-height: 11px;
			padding: 5px;
		}
	}
	@media (max-width:766px) { 
		.circle-atut { 
			border-radius:100%; margin-top:10px; margin-bottom:10px;
		}
		
	.colors-srodek { 
		position: relative;
		width: 100%;
		top:auto;
		margin-bottom: 30px;
		left:auto;
		transform: none;
	}
	.colors-srodek img { 
		display: none;
		}
	.colors-srodek:after { 
		width: 100%;
		left:0px;
		display: none;
	}
	.colors-srodek:before { 
		height: 100%;
		display: none;
		top:0px;
	}
	}
	
	
	
			 					.nacoheader { 
				 					font-size: 40px;
				 					color:#C8B498;
				 					padding-top: 100px;
				 					font-weight: 400;
			 					}
			 					.nacoopis { 
				 					color:#C8B498;
				 					font-size: 20px;
				 					text-align: right;
			 					}
			 					.nacoheader-2.nacoheader, .nacoopis-2.nacoopis { 
				 					color:#222223;
				 					text-align: right;
			 					}
			 					.nacoopis-2.nacoopis { 
				 					text-align: left;
			 					}
			 						.nacoheader-3.nacoheader, .nacoopis-3.nacoopis { 
				 					color:#80BCE5;
				 					text-align: left;
			 					}
			 					 .nacoopis-3.nacoopis { 
				 					 text-align: right;
				 					 }
			 						.nacoheader-4.nacoheader, .nacoopis-4.nacoopis { 
				 					color:#BF0D22;
				 					text-align: right;
			 					}
			 					 .nacoopis-4.nacoopis {
				 					 text-align: left;
				 					 }
			 					.nacocircle { 
				 					width: 200px;
				 					height: 200px;
				 					flex-direction: column;
				 					background: #C8B498;
				 					border-radius: 100%;
				 					display: flex;
				 					align-content: center;
				 					align-items: center;
				 					color:#fff;
				 					text-align: center;
				 					font-size: 22px;
				 					position: absolute;
				 					justify-content: center;
				 					left:0%;
				 					top:10%;
			 					}
			 					.nacocircle2 { 
				 					left: auto;
				 					right:0px;
				 					top:50%;
				 					background: #222223;
			 					}
			 					.nacocircle3 { 
				 					left: 0px;
				 					top:0px;
 				 					background: #80BCE5;
			 					}
			 					.nacocircle4 { 
				 				left: auto;
				 					right:0px;
				 					top:0%;
 				 					background: #BF0D22;
			 					}
			 					.nacocircle span { 
				 					display: inline-block;
				 					text-align: center;
				 					padding: 5px;
				 					margin: 5px auto;
				 					font-size: 16px;
				 					border: 1px solid #fff;
				 					border-width: 1px 0px;
			 					}
			 					.nacocircle div { 
				 					font-size: 14px;
			 					}
			 					
@media (max-width:990px) { 
	.nacocircle { 
		font-size:15px;
	    width: 150px;
	    height: 150px;
	}
	.nacocircle span { 
		font-size:13px;
		}
		.nacocircle div { 
			font-size: 10px;
			}
	.nacoheader { 
		font-size:30px;
		}
		.nacoopis { 
			font-size:16px;
			}
	}
@media (max-width:766px) { 
	
	.kubek-white-wrap { 
		right: 15px;
		opacity: .3;
	}
	.roz-wrap, .product-color { 
		margin: 3px 3px;
		}
	.product-description { 
		font-size: 11px;
	}
	.main-top-wrap { 
		height: auto; position: relative; left:0px; right:0px;
	}
	.kubek-white {
		right:0px;
  
/*
	position: absolute;
    width: auto;
    top: 50px;
    height: 70vw;
     left: 30%;
    transform: rotate(68deg) scale(1);
    transform-origin: center;
*/
    }
  
    .product-title { 
	    padding-top: 100px;position: relative; z-index: 5;
    }
    .rob-ciemne { 
	    top:auto;
    }
}

			 					@media (max-width:766px) {
				 						.nacocircle { 
				 					width: 150px;
				 					height: 150px;
				 					font-size: 14px;
				 					}
				 					
				 					.nacocircle { 
					 					top:-40px;
					 					left:15px;
				 					}
				 						.nacocircle2 { 
				 					left: auto;
				 					right:15px;
				 					top:50%;
				 					background: #222223;
			 					}
			 					.nacocircle3 { 
				 					left: 15px;
 
				 					top:-30px;
 				 					background: #80BCE5;
			 					}
			 					.nacocircle4 { 
				 				left: auto;
				 					right:0px;
				 					top:0%;
 				 					background: #BF0D22;
			 					}
			 					
			 				
				 					.nacocircle span { 
					 					font-size: 12px;
				 					}
 				 					.nacoheader { 
					 					font-size: 24px;
					 					text-align: center !important;
				 					}
				 					.nacoopis { 
					 					text-align: center !important;
					 					font-size: 16px;
					 					margin-bottom: 100px;
				 					}
			 					}
			 					
	            .c-face { 
		            text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 200px;
	            }
	            .p-spec__item .c-face figcaption { 
		            font-weight: bold;
		            font-size: 	17px;
		            text-align: center;
	            }
	            .c-img { 
		            text-align: center;
	            }
	            .c-img img { 

vertical-align: bottom;	            }
	            .p-spec__color_lineup .c-color.-bz::before {
    background: #000;
}

.p-spec__color_lineup .c-color::before {
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background: #000;
    display: block;
    margin-right: 8px;
}
.p-spec__color_lineup .c-color.-rz::before {
    background: #c30d23;
}
.p-spec__color_lineup .c-color.-al::before {
    background: #83c0ea;
}
.p-spec__color_lineup .c-color.-nz::before {
    background: #c8b498;
}
.p-spec__color_lineup .c-color {
    font-size: 17px;
}
.p-spec__color_lineup .c-color {
    display: flex;
    align-items: center;
    list-style: none;
}
.p-spec__table {
    margin-top: 50px;
    border-top: 2px solid;
    border-bottom: 2px solid;
    table-layout: fixed;
}.p-spec__table th {
    padding: 20px 10px;
    width: 310px;
}.p-spec__table th {
    background: #eee;
}.p-spec__table th, .p-spec__table td {
    font-size: 16px;
}.p-spec__table td {
    padding: 20px 30px;display: table-cell;
    vertical-align: inherit;
}
}.p-spec__table td + td {
    border-left: 1px dotted;
}
.p-spec__table tr + tr th, .p-spec__table tr + tr td {
    border-top: 1px solid;
}

			.product-supers { 
				margin-top: 10px;
			}
			.product-super { 
				display: inline-block; 
				margin-right: 5px;
				border:1px solid #999;
				border-radius: 3px;
				font-size: 11px;
				color:#999;
				padding: 3px 5px;
				min-height: 20px;
				line-height: 14px;
				margin-bottom: 10px;
			}
			@media (max-width:766px) { 
				.product-super { 
					font-size: 10px;
					min-height: 20px;
					line-height: 14px;
					margin-bottom: 5px;
					margin-right: 5px;
				}
			}