/* RESET CSS */
* {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	text-decoration: none;
	outline: 0;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
html{
	width: 100%;
	height: 100%;
}
body{
	width: 100%;
	height: 100%;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	background: #f3f3f3;
	overflow-x: hidden;
	position: relative;
}
b{
	font-weight: bold;
}
.clear{
	clear: both;
}
#kontener{
	width: 100%;
	height: 100%;
	min-height: 820px;
	position: relative;
	overflow-x: hidden;
}
#kontener.active{
	height: auto;
	min-height: 1215px;
}


#kontener img.logo{
	width: 160px;
	height: 160px;
	position: absolute;
	top: 50px;
	left: 50%;
	z-index: 999999;
	margin-left: -80px;
	-webkit-transition: 0.6s ease-in-out;
	transition: 0.6s ease-in-out;
}
#kontener section.left{
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	background: #ea6500;
	overflow: hidden;
	-webkit-transition: 0.6s ease-in-out;
	transition: 0.6s ease-in-out;
}
#kontener section.left div.bg{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: bg-ani 10s linear infinite;
	animation: bg-ani 10s linear infinite;
}
#kontener section.left div.bg::before{
    content: '';
    width: 1200px;
    height: 1200px;
    position: absolute;
    top: -1200px;
    right: -500px;
	background: rgb(246,160,30);
	background: radial-gradient(circle, rgba(246,160,30,1) 0%, rgba(234,101,0,0) 40%);
}
@keyframes bg-ani {
    0% {
    	-webkit-transform: translateY(0%);
    	transform: translateY(0%);
    }
    100% {
    	-webkit-transform: translateY(200%);
    	transform: translateY(200%);
    }
}
@-webkit-keyframes bg-ani {
    0% {
    	-webkit-transform: translateY(0%);
    	transform: translateY(0%);
    }
    100% {
    	-webkit-transform: translateY(200%);
    	transform: translateY(200%);
    }
}
@keyframes fadeInLeft {
    0% {
    	opacity: 0;
    	-webkit-transform: translateX(-200px);
    	transform: translateX(-200px);
    }
    100% {
    	opacity: 1;
    	-webkit-transform: translateX(0px);
    	transform: translateX(0px);
    }
}
@-webkit-keyframes fadeInLeft {
    0% {
    	opacity: 0;
    	-webkit-transform: translateX(-200px);
    	transform: translateX(-200px);
    }
    100% {
    	opacity: 1;
    	-webkit-transform: translateX(0px);
    	transform: translateX(0px);
    }
}
@keyframes fadeInRight {
    0% {
    	opacity: 0;
    	-webkit-transform: translateX(200px);
    	transform: translateX(200px);
    }
    100% {
    	opacity: 1;
    	-webkit-transform: translateX(0px);
    	transform: translateX(0px);
    }
}
@-webkit-keyframes fadeInRight {
    0% {
    	opacity: 0;
    	-webkit-transform: translateX(200px);
    	transform: translateX(200px);
    }
    100% {
    	opacity: 1;
    	-webkit-transform: translateX(0px);
    	transform: translateX(0px);
    }
}
/*
 NAWIGACJA
 * */
img.logo-mobile{
	position: absolute;
	top: 70px;
	left: 35px;
	display: none;
}
.top-mobile-tab{
	width: 46px;
	height: 46px;
	position: fixed;
	top: 15px;
	right: 5px;
	z-index: 9999;
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3);
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	background: #EA6500;
	-webkit-transition: 0.6s ease-out;
	transition: 0.6s ease-out;
	display: none;
}
.top-mobile-tab img{
	position: absolute;
	top: 3px;
	left: 3px;
	cursor: pointer;
	-webkit-transition: 0.8s ease-out;
	transition: 0.8s ease-out;
}
.top-mobile-tab img.fin-tab-1{
	display: none;
}
.top-mobile-tab:hover img{
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
nav{
	position: relative;
	text-align: center;
	padding-top: 300px;
	display: none;
	font-family: Arial, Helvetica, sans-serif;
}
nav ul li a{
	color: #fff;
	display: block;
	width: 100%;
	padding: 18px 0;
	font-size: 14px;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	overflow: hidden;
	position: relative;
	text-transform: uppercase;
	-webkit-transition: 0.2s 0.2s ease-out;
	transition: 0.2s 0.2s ease-out;
}
nav ul li a p{
	position: relative;
	color: #fff;
	-webkit-transition: 0.2s 0.2s ease-out;
	transition: 0.2s 0.2s ease-out;
}
nav ul li:last-of-type a{
	border: none;
}
nav ul li a span{
	width: 0;
	height: 100%;
	background: #F3F3F3;
	position: absolute;
	top: 0;
	right: 0px;
	-webkit-transition: 0.4s ease-out;
	transition: 0.4s ease-out;
}
nav ul li a.active,
nav ul li a.active p{
	color: #93090e;
}
nav ul li a.active span{
	width: 100%;
}
#kontener section.left footer{
	width: 200px;
	position: absolute;
	bottom: 20px;
	right: 50px;
	text-align: center;
	font-size: 0.7em;
}
#kontener section.left footer p{
	color: #fff;
	text-align: center;
	float: right;
}
#kontener section.right{
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 999;
	overflow: hidden;
	background: #f3f3f3;
	-webkit-transition: 0.6s ease-in-out;
	transition: 0.6s ease-in-out;
}
#kontener section.right div.bottom{
	position: absolute;
	bottom: 20px;
	left: 50px;
}



/*
 logowanie
 * */
#kontener .logowanie{
	width: 350px;
	position: absolute;
	top: 260px;
	right: 55px;
	text-align: right;
}
#kontener .logowanie h1{
	color: #fff;
	font-size: 1.6em;
	line-height: 1.4em;
	text-align: right;
	margin-bottom: 40px;
}
#kontener .logowanie h1 b{
	font-weight: 900;
	font-size: 1.2em;
}
#kontener .logowanie p{
	color: #fff;
	font-size: 1.2em;
	text-align: right;
	margin-bottom: 15px;
}
#kontener .logowanie .inputki,
#kontener .rejestracja .inputki{
	height: 130px;
}
#kontener .logowanie input[type=text],
#kontener .logowanie input[type=password]{
	width: 270px;
	padding: 12px 20px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	border: 1px solid #fff;
	box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.3);
	margin: 10px 0;
	text-align: right;
	-webkit-transition: 0.4s ease-out;
	transition: 0.4s ease-out;
}
#kontener .logowanie input[type=text]:focus,
#kontener .logowanie input[type=password]:focus{
	box-shadow: 0px -2px 0px 0px rgba(0,0,0,0.3);
}
#kontener .reset{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #EA6500;
	display: none;
}
#kontener .logowanie span.zamknij-haslo{
	width: 110px;
	padding: 10px;
	color: #fff;
	float: right;
	display: block;
	cursor: pointer;
	font-size: 0.9em;
	text-align: left;
	position: relative;
	margin-bottom: 20px;
}
#kontener .logowanie span.zamknij-haslo img{
	width: 19px;
	height: 19px;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -9px;
	-webkit-transition: 0.6s;
	transition: 0.6s;
}
#kontener .logowanie span.zamknij-haslo:hover img{
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
#kontener .logowanie span.zmien-haslo{
	width: 130px;
	padding: 10px;
	color: #fff;
	float: right;
	display: block;
	cursor: pointer;
	font-size: 0.9em;
	text-align: left;
	position: relative;
	margin-bottom: 20px;
}
#kontener .logowanie span.zmien-haslo img{
	width: 19px;
	height: 19px;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -9px;
	-webkit-transition: 0.6s;
	transition: 0.6s;
}
#kontener .logowanie span.zmien-haslo:hover img{
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

/*
 3 kroki
 *
 * */
#kontener .right .trzy-kroki,
#kontener .left .trzy-kroki{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #EA6500;
	text-align: right;
	color: #fff;
	display: none;
}
#kontener .right .trzy-kroki{
	background: #F3F3F3;
	text-align: left;
	color: #000;
}
#kontener .trzy-kroki img{
	box-shadow: 1px 1px 9px 0px rgba(0, 0, 0, 0.2);
	margin: 10px;
}
#kontener .right .trzy-kroki .zamknij-podpowiedz{
	width: 190px;
	padding: 7px 10px 10px;
	position: absolute;
	top: 0;
	right: 0;
	background: #000;
	color: #fff;
}
#kontener .right .trzy-kroki .zamknij-podpowiedz span{
	font-size: 30px;
	position: absolute;
	top: 0;
	right: 0;
	-webkit-transition: 0.6s;
	transition: 0.6s;
}
#kontener .right .trzy-kroki .zamknij-podpowiedz:hover span{
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
#kontener .right .trzy-kroki .scroll,
#kontener .left .trzy-kroki .scroll{
	width: 90%;
	height: 500px;
	margin: 250px auto 0;
	overflow-y: auto;
	padding-right: 30px;
}
#kontener .scroll h1{
	font-size: 30px;
	margin-bottom: 30px;
}
#kontener .scroll p{
	font-size: 16px;
	line-height: 20px;
	margin: 20px 0;
}
/* logowanie */
#kontener .logowanie input[type=submit],
#kontener .rejestracja input[type=submit]{
	width: 130px;
	height: 30px;
	color: #fff;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.5);
	margin: 10px 0;
	background: #93090e;
	cursor: pointer;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
#kontener .logowanie input[type=submit]:hover,
#kontener .rejestracja input[type=submit]:hover{
	-webkit-transform: translateY(2px);
    transform: translateY(2px);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
    background: #820509;
}
#kontener .button-contact {
    position: fixed;
    bottom: 30px;
    right: 10px;
    z-index: 1000;
}
#kontener .button-contact__btn {
    color: #fff;
    padding: 10px 20px;
    margin: 0;
    font-size: 18px;
    background-color: #eb6f11;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    text-align: right;
}
#kontener .rejestracja{
	width: 350px;
	position: absolute;
	top: 260px;
	left: 55px;
	text-align: left;
}
#kontener .rejestracja h1{
	color: #232323;
	font-size: 1.6em;
	line-height: 1.4em;
	text-align: left;
	margin-bottom: 40px;
}
#kontener .rejestracja h1 b{
	font-weight: 900;
	font-size: 1.2em;
	color: #ea6500;
}
#kontener .rejestracja p{
	color: #ea6500;
	font-size: 1.2em;
	text-align: left;
	margin-bottom: 15px;
}
#kontener .rejestracja input[type=text]{
	width: 270px;
	padding: 12px 20px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	border: 1px solid #cfcfcf;
	box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.3);
	margin: 10px 0;
	text-align: left;
	-webkit-transition: 0.4s ease-out;
	transition: 0.4s ease-out;
}
#kontener .rejestracja input[type=text]:focus{
	box-shadow: 0px -2px 0px 0px rgba(0,0,0,0.3);
}
#kontener .rejestracja span.kroki{
	width: 230px;
	padding: 10px;
	color: #7c7c7c;
	float: left;
	display: block;
	cursor: pointer;
	font-size: 0.9em;
	text-align: right;
	position: relative;
	margin-bottom: 20px;
}
#kontener .rejestracja span.kroki img{
	width: 19px;
	height: 19px;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -9px;
	-webkit-transition: 1s;
	transition: 1s;
}
#kontener .rejestracja span.kroki:hover img{
	-webkit-transform: perspective(320px) rotateY(360deg);
	transform: perspective(320px) rotateY(360deg);
}
#kontener .fin{
	text-align: center;
	-webkit-animation: fadeInRight 0.4s 0.6s ease-out both 1;
	animation: fadeInRight 0.4s 0.6s ease-out both 1;
	display: none;
}
#kontener .fin p{
	font-size: 0.9em;
}
#kontener .fin p.top{
	padding-top: 50px;
}
@media (max-width: 1280px) {
	#kontener .fin p.top{
		padding-top: 20px;
	}
}
#kontener .fin p.top b{
	color: #eb6a02;
}
#kontener .fin a.wyloguj{
	width: 110px;
	padding: 9px 20px 9px 15px;
	font-size: 0.7em;
	color: #fff;
	text-align: left;
	-webkit-border-radius: 100px;
	display: block;
	-moz-border-radius: 100px;
	border-radius: 100px;
	box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.5);
	margin: 15px auto 30px;
	background: #93090e;
	cursor: pointer;
	position: relative;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
#kontener .fin a.wyloguj img{
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -6.5px;
}
#kontener .fin a.wyloguj:hover{
	-webkit-transform: translateY(2px);
    transform: translateY(2px);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
    background: #820509;
}

.circle{
	width: 100px;
	height: 100px;
	margin: 10px auto 30px;
	position: relative;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.ccircle{
	width: 88px;
	height: 88px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	position: absolute;
	top: 6px;
	left: 6px;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	background: rgb(244,146,23);
	background: -moz-radial-gradient(center, ellipse cover,  rgb(244,146,23) 0%, rgb(235,107,3) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgb(244,146,23)), color-stop(100%,rgb(235,107,3)));
	background: -webkit-radial-gradient(center, ellipse cover,  rgb(244,146,23) 0%,rgb(235,107,3) 100%);
	background: -o-radial-gradient(center, ellipse cover,  rgb(244,146,23) 0%,rgb(235,107,3) 100%);
	background: -ms-radial-gradient(center, ellipse cover,  rgb(244,146,23) 0%,rgb(235,107,3) 100%);
	background: radial-gradient(ellipse at center,  rgb(244,146,23) 0%,rgb(235,107,3) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f49217', endColorstr='#eb6b03',GradientType=1 );
}
#owl{
	margin: 30px 0 20px;

}
#content .owl-carousel .owl-wrapper-outer{
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.35);
}
#owl1, #owl2, #owl3, #owl4{
	width: 220px;
}
.realizacja p{
	padding: 10px 0;
	color: #EA6500;
}
.realizacja p:first-of-type{
	padding-top: 20px;
}
.color-orange {
    color: #ea6500;
}
#kontener .fin .ccircle p{
	width: 88px;
 	height: 88px;
	color: #fff;
	font-size: 2em;
	display: table-cell;
    vertical-align: middle;
}
.circle-time{
	width: 100px;
	height: 100px;
	margin: 15px auto 50px;
	position: relative;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.circle-time img{
	position: absolute;
	top: 50%;
	left: 22px;
	margin-top: -15.5px;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
#kontener .circle-time p{
	width: 100%;
	font-size: 1.1em;
	text-align: center;
	position: absolute;
	top: 40px;
	left: 19px;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.circle-p{
	text-align: center;
}
.circle-goal-quarter, .month-circle {
    width: 124px;
    height: 124px;
    margin: 15px 15px 15px 0;
    position: relative;
}
.circle-goal-quarter p, .month-circle p {
    font-size: 32px;
    color: #ea6500;
    text-align: center;
    position: absolute;
    font-weight: 900;
    top: 40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.circle-goal-quarter span, .month-circle span {
    font-size: 16px;
    text-align: center;
    position: absolute;
    font-weight: 700;
    top: 72px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
/*
 KONTENT
 * */
#kontener .center{
	height: 500px;
	min-height: 500px;
	position: relative;
	margin: 0 230px 0 320px;
	overflow: hidden;
	-webkit-transition: 0.6s ease-in-out;
	transition: 0.6s ease-in-out;
}
#kontener .center .ladowanie{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	background: #f3f3f3;
	display: none;
}
#kontener .center .ladowanie .spinner {
  	margin: 300px auto;
  	width: 40px;
  	height: 40px;
  	position: relative;
  	text-align: center;
  	-webkit-animation: rotate 2.0s infinite linear;
  	animation: rotate 2.0s infinite linear;
}
#kontener .center .ladowanie .dot1,
#kontener .center .ladowanie .dot2 {
  	width: 60%;
  	height: 60%;
  	display: inline-block;
  	position: absolute;
  	top: 0;
  	background-color: #EA6500;
  	border-radius: 100%;
  	-webkit-animation: bounce 2.0s infinite ease-in-out;
  	animation: bounce 2.0s infinite ease-in-out;
}
#kontener .center .ladowanie .dot2 {
  	top: auto;
  	bottom: 0px;
  	-webkit-animation-delay: -1.0s;
  	animation-delay: -1.0s;
}
@-webkit-keyframes rotate {
	100% {
		-webkit-transform: rotate(360deg)
	}
}
@keyframes rotate {
	100% {
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg)
	}
}
@-webkit-keyframes bounce {
  	0%, 100% { -webkit-transform: scale(0.0) }
  	50% { -webkit-transform: scale(1.0) }
}

@keyframes bounce {
  	0%, 100% {
    	transform: scale(0.0);
    	-webkit-transform: scale(0.0);
  	} 50% {
    	transform: scale(1.0);
    	-webkit-transform: scale(1.0);
  	}
}
#kontener.active .center{
	height: auto;
	/*overflow: auto;*/
}
#kontener .center div span.qwe{
	height: 40px;
	display: block;
	margin: 10px;
}

/*
 PO ZALOGOWANIU
 * */
#kontener.active section.left{
	width: 320px;
	height: 100%;
}
#kontener.active section.left nav,
#kontener.active section.right .fin{
	display: block;
}
#kontener.active img.logo{
	top: 50px;
	left: 80px;
	margin-left: 0px;
}
#kontener.active .logowanie,
#kontener.active .rejestracja{
	display: none;
}
#kontener.active section.right{
	width: 230px;
	height: 100%;
	background: #fff;
	-webkit-box-shadow: 0px 0px 42px 21px rgba(0, 0, 0, 0.06);
	-moz-box-shadow: 0px 0px 42px 21px rgba(0, 0, 0, 0.06);
	box-shadow: 0px 0px 42px 21px rgba(0, 0, 0, 0.06);
}
#kontener.active section.left footer{
	width: 200px;
	bottom: 20px;
	right: 50%;
	margin-right: -100px;
}
#kontener.active section.left footer p{
	float: none;
}
#kontener.active section.right div.bottom {
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left: -87px;
}
#kontener.active div.top-mobile{
	width: 100%;
	height: 90px;
	background: #ea6500;
	position: relative;
	-webkit-transition: 0.6s ease-in-out;
	transition: 0.6s ease-in-out;
	display: none;
}
#kontener.active div.top-mobile .menu{
	position: absolute;
	top: 25px;
	left: 20px;
	cursor: pointer;
}
#kontener.active div.top-mobile .fin-m{
	position: absolute;
	top: 25px;
	right: 20px;
	cursor: pointer;
}
#kontener div.top-mobile .basket-m{
	display: none;
}
#kontener.active div.top-mobile .basket-m{
	width: 45px;
	position: absolute;
	top: 23px;
	right: 85px;
	cursor: pointer;
	display: inline-block;
}
@media (max-width: 380px) {
	#kontener.active div.top-mobile .fin-m {
		width: 32px;
		position: absolute;
		top: 28px;
		right: 20px;
		cursor: pointer;
	}
	#kontener.active div.top-mobile .basket-m {
		width: 35px;
		position: absolute;
		top: 28px;
		right: 62px;
		cursor: pointer;
	}
}

/*
	STRONA GŁÓWNA
*/
#kontener .karta,
#kontener .inspirujace{
	width: 100%;
	height: auto;
	background: #fff;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.35);
	color: #232323;
	font-size: 10px;
	margin: 20px 0;
}
#kontener .nagrody-k{

}
.baner-5-5{
	margin: 20px 0 50px;
	position: relative;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.35);
	overflow: hidden;
}
.baner-5-5 .baner-5-5__menu{
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow-y: auto;
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.35);
	transition: .6s ease-out;

	background: #ea6500;
	background: -moz-linear-gradient(top, #ea6500 0%, #ec8d00 100%);
	background: -webkit-linear-gradient(top, #ea6500 0%,#ec8d00 100%);
	background: linear-gradient(to bottom, #ea6500 0%,#ec8d00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea6500', endColorstr='#ec8d00',GradientType=0 );
}
.baner-5-5 .baner-5-5__menu li{
	padding: 20px;
	color: #fff;
	cursor: pointer;
	transition: .2s ease-out;
}
.baner-5-5 .baner-5-5__menu li:hover,
.baner-5-5 .baner-5-5__menu li.active{
	background: #F3F3F3;
	color: #93090e;
}
.baner-5-5__img{
	display: none;
}
.baner-5-5__img.active{
	display: block;
}

/*
 Podstrona KONTAKT
 * */
.kontakt{
	padding-top: 100px;
}
.kontakt .left-50{
	width: 48%;
	height: 2000px;
	float: left;
	position: fixed;
	top: 0px;
	right: 0px;
	line-height: 1.2em;
	background: #fff;
	z-index: 0;
}
.kontakt .container-fluid{
	font-size: 10px;
}
.kontakt h1{
	font-size: 3em;
}
.kontakt h1 span{
	color: #eb6f11;
	font-weight: bold;
}
.kontakt h2{
	font-size: 2em;
	font-weight: bold;
	margin-top: 20px;
}
.kontakt p{
	font-size: 1.6em;
	line-height: 1.2em;
	margin: 10px 0;
}
.kontakt p.bottom{
	color: #9e9e9e;
	font-size: 1.4em;
	margin-top: 40px;
}
.kontakt input,
.kontakt textarea{
	font-size: 1.2em;
	width: 100%;
	height: 40px;
	padding: 10px;
	background: #f3f3f3;
	border-radius: 6px;
	border: 1px solid #d8d8d8;
}
.kontakt textarea{
	height: 100px;
	resize: none;
	overflow-y: auto;
}
.kontakt button{
	width: 170px;
	height: 30px;
	color: #fff;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.5);
	margin: 10px 0;
	background: #93090e;
	cursor: pointer;
	position: relative;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.kontakt button span{
	position: absolute;
	top: 10px;
	left: 15px;
}
.kontakt button img{
	position: absolute;
	top: 12px;
	right: 15px;
}
.kontakt button:hover{
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
    background: #820509;
}
@media (max-width: 1280px) {
	.kontakt .left-50{
		width: 47%;
		margin-right: -100px;
	}
}
@media (max-width: 1000px) {
	.kontakt .left-50{
		width: 50%;
		margin-right: 0px;
	}
}
@media (max-width: 771px) {
	.kontakt .left-50{
		display: none;
	}
	.kontakt input,
	.kontakt textarea{
		background: #fff;
	}
}

/*
 ERROR
 * */
.error{
	text-align: center;
	padding-top: 100px;
	font-size: 10px;
}
.error h1{
	font-size: 7em;
	color: #eb6e05;
	font-weight: bold;
}
.error h2{
	font-size: 7em;
	font-weight: 300;
}
.error p{
	font-size: 1.6em;
	margin: 60px 0 10px;
}
.error img{
	width: 100%;
	height: auto;
}
.error a{
	width: 190px;
	padding: 10px;
	display: block;
	font-size: 1.1em;
	color: #fff;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.5);
	margin: 0 auto;
	background: #93090e;
	text-transform: uppercase;
	cursor: pointer;
	position: relative;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.error a:hover{
	-webkit-transform: translateY(2px);
    transform: translateY(2px);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
    background: #820509;
}

/*
 SZKOLENIA
 * */
.szkolenia{
	text-align: center;
	padding-top: 60px;
	font-size: 10px;
}
.szkolenia h1{
	font-size: 3em;
}
.szkolenia p{
	font-size: 1.6em;
	line-height: 1.2em;
	margin: 30px 0;
}
.szkolenia p b{
	color: #eb6e05;
}
.szkolenia a.szkolenie{
	display: block;
	position: relative;
	color: #000;
	font-weight: bold;
}
a.szkolenie .img-szolenia{
	width: 100%;
	height: auto;
}
a.szkolenie .circle-s{
	width: 60px;
  	height: 60px;
  	position: absolute;
  	top: 10px;
  	right: 20px;
}
a.szkolenie .circle-s .circle-szkolenia {
    width: 60px;
  	height: 60px;
  	position: absolute;
  	top: 0px;
  	right: 0px;
  	-webkit-transform: rotate(90deg);
  	transform: rotate(90deg);
}
a.szkolenie .circle-s span{
	width: 60px;
 	height: 60px;
	font-size: 1.5em;
	display: table-cell;
    vertical-align: middle;
}
a.szkolenie .circle-s p{
	/*
	font-size: 1.5em;
		position: absolute;
		  top: 20px;
		  right: 0px;
		  line-height: normal;
		  margin: 0;*/

}
.szkolenia a.wiecej{
	width: 220px;
	height: 30px;
	color: #fff;
	display: block;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.5);
	margin: 20px auto;
	background: #93090e;
	cursor: pointer;
	text-transform: uppercase;
	position: relative;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.szkolenia a.wiecej span{
	position: absolute;
	top: 10px;
	left: 15px;
}
.szkolenia a.wiecej img{
	position: absolute;
	top: 7px;
	right: 15px;
	-webkit-transition: 0.8s ease-out;
	transition: 0.8s ease-out;
}
.szkolenia a.wiecej:hover{
	-webkit-transform: translateY(2px);
    transform: translateY(2px);
    box-shadow: 0 0 0 0 rgba(0,0,0,0.5);
    background: #820509;
}
.szkolenia a.wiecej:hover img{
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
.szkolenia div.linia{
	width: 90%;
	height: 1px;
	margin: 30px auto;
	background: #dadada;
}
.szkolenia .materialy{
	text-align: center;
}
.szkolenia .materialy .material{
	margin: 10px 10px;
	display: inline-block;
	z-index: 5;
}
.szkolenia .materialy a.pdf,
.szkolenia .materialy a.wideo{
	width: 200px;
	height: 280px;
	display: inline-block;
	overflow: hidden;
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
	position: relative;
	z-index: 5;
}
.szkolenia .materialy a span{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.szkolenia .materialy a.pdf span{
	background: url(../img/12.png) no-repeat center center;
}
.szkolenia .materialy a.wideo span{
	background: url(../img/13.png) no-repeat center center;
}
.szkolenia .materialy a.pdf p,
.szkolenia .materialy a.wideo p{
	background: rgba(0,0,0,0.8);
	padding: 10px;
	color: #fff;
	font-size: 1.2em;
	line-height: 1em;
	margin: 0;
	border-radius: 100px;
	position: absolute;
	bottom: 10px;
	right: 0;
	box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.3);
}
.szkolenia .materialy a.pdf:hover,
.szkolenia .materialy a.wideo:hover{
	-webkit-animation: material-ani 3s linear infinite;
	animation: material-ani 3s linear infinite;
	z-index: 10;
}
@keyframes material-ani {
    0% {
    	-webkit-transform: perspective(360px) rotateY(0deg);
    	transform: perspective(360px) rotateY(0deg);
    	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
    }
    25% {
    	-webkit-transform: perspective(360px) rotateY(-10deg);
    	transform: perspective(360px) rotateY(-10deg);
    	box-shadow: 10px 0px 14px 0px rgba(0, 0, 0, 0.15);
    }
    50% {
    	-webkit-transform: perspective(360px) rotateY(0deg);
    	transform: perspective(360px) rotateY(0deg);
    	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
    }
    75% {
    	-webkit-transform: perspective(360px) rotateY(10deg);
    	transform: perspective(360px) rotateY(10deg);
    	box-shadow: -10px 0px 14px 0px rgba(0, 0, 0, 0.15);
    }
    100% {
    	-webkit-transform: perspective(360px) rotateY(0deg);
    	transform: perspective(360px) rotateY(0deg);
    	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
    }
}
@-webkit-keyframes material-ani {
    0% {
    	-webkit-transform: perspective(360px) rotateY(0deg);
    	transform: perspective(360px) rotateY(0deg);
    	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
    }
    25% {
    	-webkit-transform: perspective(360px) rotateY(-10deg);
    	transform: perspective(360px) rotateY(-10deg);
    	box-shadow: 10px 0px 14px 0px rgba(0, 0, 0, 0.15);
    }
    50% {
    	-webkit-transform: perspective(360px) rotateY(0deg);
    	transform: perspective(360px) rotateY(0deg);
    	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
    }
    75% {
    	-webkit-transform: perspective(360px) rotateY(10deg);
    	transform: perspective(360px) rotateY(10deg);
    	box-shadow: -10px 0px 14px 0px rgba(0, 0, 0, 0.15);
    }
    100% {
    	-webkit-transform: perspective(360px) rotateY(0deg);
    	transform: perspective(360px) rotateY(0deg);
    	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
    }
}
.filmiki-wysietlanie{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999999999999;
	display: none;
}
.filmiki-wysietlanie .filmiki-wysietlanie-zaciemnienie{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
}
.filmiki-wysietlanie .filmiki-wysietlanie-zaciemnienie span{
	position: absolute;
	top: 10px;
	right: 10px;
	color: #fff;
	cursor: pointer;
	font-size: 30px;
}
.filmiki-wysietlanie .filmiki-wysietlanie-youtube{
	width: 853px;
	height: 480px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -240px;
	margin-left: -426px;
}

/*
 zasady
 * */
.zasady{
	padding-top: 60px;
	font-size: 10px;
    line-height: 1.2;
}
.zasady h1{
	font-size: 3em;
}
.zasady h2 {
    font-size: 2.2em;
    font-weight: bold;
    margin-top: 24px;
}
.zasady p{
	font-size: 1.6em;
	line-height: 1.2em;
	margin: 20px 0;
}
.zasady p span,
.zasady ul li span{
	color: #eb6902;
	font-weight: bold;
}
.zasady p.small {
    font-size: 14px;
}
.zasady ul{
	font-size: 1.6em;
	line-height: 1.4em;
	margin: 15px 0;
    list-style-type: disc;
	/*list-style-image: url(../img/13.jpg);*/
	padding-left: 20px;
}
.zasady ul li {
    margin-bottom: 10px;
}
.zasady ul li::marker {
    color: #eb6902
}
.zasady ul ul{
	font-size: 1em;
	line-height: 1.4em;
	margin: 5px 20px 5px 0;
	list-style-image: url(../img/14.jpg);
}
.zasady .pionowa_linia{
	border-left: 1px solid #dadada;
}
.zasady .pozioma_linia{
	border-top: 1px solid #dadada;
	margin-top: 30px;
	padding-top: 30px;
}
@media (max-width: 767px) {
	.zasady .pionowa_linia,
	.zasady .pozioma_linia{
		border: none;
		margin-top: 30px;
	}
}
.zasady a{
	max-width: 350px;
    width: 100%;
	height: 42px;
	color: #fff;
    text-align: center;
    font-size: 14px;
	display: flex;
    padding: 0 10px;
    align-items: center;
    justify-content: center;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.5);
	margin: 30px 0;
	background: #93090e;
	cursor: pointer;
	text-transform: uppercase;
	position: relative;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.zasady a span{
	/*position: absolute;*/
	/*top: 10px;*/
	/*left: 15px;*/
}
.zasady a img{
	/*position: absolute;*/
	/*top: 7px;*/
	/*right: 15px;*/
    margin-left: 5px;
	-webkit-transition: 0.8s ease-out;
	transition: 0.8s ease-out;
}
.zasady a:hover{
	-webkit-transform: translateY(2px);
    transform: translateY(2px);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
    background: #820509;
}

/*
 *
  PREMIA
 */
.premia{
	font-size: 10px;
	text-align: center;
	padding-bottom: 50px;
}
.premia .wykres{
	background: #fff;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
}
.premia p{
	font-size: 1.6em;
	margin: 20px 0;
}
.premia p span{
	color: #eb6902;
	font-weight: bold;
}
.premia h1{
	 font-weight: bold;
	 font-size: 3em;
	 padding-top: 60px;
}
.premia h2{
	 font-size: 2em;
	 font-weight: bold;
	 padding-top: 20px;
}
.premia h3{
	 font-size: 1.7em;
	 padding-top: 5px;
	 padding-bottom: 40px;
}
.premia .ccircle p{
	width: 88px;
 	height: 88px;
	color: #fff;
	font-size: 2em;
	display: table-cell;
    vertical-align: middle;
}
.premia .txt-c{
	font-size: 1.2em;
}
.premia .img-legenda{
	margin: 10px;
	float: right;
	position: relative;
}
.premia .realizacja-premia{
	text-align: left;
}
.premia .realizacja-premia p{
	font-size: 1.2em;
	padding: 6px 0;
	margin: 0;
}
.premia .realizacja-premia p b{
	font-size: 1.2em;
}
b.pomaranczowy{
	color: #eb6902;
}
b.zielony{
	color: #4bcd05;
}
b.czerwony{
	color: #93090e;
}
.premia div.select{
	width: 240px;
	height: 30px;
	margin: 20px auto;
	color: #000;
	background: #d8d8d8;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	position: relative;
	overflow: hidden;
}
.premia div.select img{
	position: absolute;
	top: 0;
	right: 0;
	opacity: 0.4;
}
.premia div.select:hover img{
	opacity: 0.8;
}
.premia div.select select{
	width: 260px;
	height: 30px;
	background: transparent;
	padding: 0 16px;
	font-size: 14px;
	position: absolute;
	top: 0;
	left: 0;
}
.premia .przelacz-raport{
	width: 240px;
	height: 30px;
	display: block;
	margin: 20px auto;
	padding: 0;
	background: #d8d8d8;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	position: relative;
}
.premia .przelacz-raport span{
	display: block;
	width: 80px;
	height: 24px;
	background: #93090e;
	position: absolute;
	top: 3px;
	left: 3px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.6);
	-webkit-transition: 0.4s ease-out;
	transition: 0.4s ease-out;
}
.premia .przelacz-raport p{
	position: absolute;
	top: 9px;
	font-size: 12px;
	margin: 0;
	padding: 0;
	font-weight: bold;
	-webkit-transition: 0.2s 0.1s ease-out;
	transition: 0.2s 0.1s ease-out;
}
.premia .przelacz-raport p.p1{
	left: 20px;
	color: #fff;
}
.premia .przelacz-raport p.p2{
	right: 20px;
	color: #000;
}
.premia .przelacz-raport.active span{
	width: 155px;
	left: 82px;
}
.premia .przelacz-raport.active p.p1{
	color: #000;
}
.premia .przelacz-raport.active p.p2{
	color: #fff;
}
.canvas-l{
	width: 100%;
	height: 350px;
	visibility: hidden;
	-webkit-animation: content-ani 1s both 1;
	animation: content-ani 1s both 1;
	position: absolute;
	top: 0;
	left: 0;
}
.canvas-l.active{
	visibility: visible;
}
#wyplac{
	width: 120px;
	padding: 10px 0;
	display: block;
	color: #fff;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.5);
	margin: 10px auto;
	background: #93090e;
	cursor: pointer;
	position: relative;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
#wyplac:hover{
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
    background: #820509;
}

/*
 PODROZE
 * */
.podroze{
	padding-top: 70px;
	text-align: center;
	font-size: 10px;
}
.podroze h1{
	font-size: 3em;
	padding-bottom: 10px;
}
.podroze .up-t p{
	padding-bottom: 30px;
}
.podroze p{
	font-size: 1.6em;
}
.podroze p b{
	color: #eb6902;
	line-height: 1.5em;
	padding: 10px 0;
}
.podroze h2{
	color: #eb6902;
	font-size: 2em;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px 0;
}
.podroze .asd{
	-webkit-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}
.podroze .wyci{
	background: #fff;
	margin: 10px 0;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.35);
}
.podroze .wyci img.wyci-img-1{
	width: 100%;
	height: auto;
}
.podroze .wyci p{
	min-height: 220px;
	padding: 20px 20px;
}
.podroze .wyci h2{
	padding: 20px 0 0px;
	display: none;
	-webkit-transition: 0.4s ease-out;
	transition: 0.4s ease-out;
}
.podroze .wyci .wyci-i{
	position: relative;
	overflow: hidden;
}
.podroze .wyci .wyci-i img.wyci-img-2{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -41px 0 0 -41px;
	-webkit-transition: 0.4s ease-out;
	transition: 0.4s ease-out;
}
.podroze .wyci .wyci-i .wyci-i-a{
	width: 100px;
	height: 100px;
	display: block;
	background: rgba(255, 255, 255, 0.5);
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -50px 0 0 -50px;
	-webkit-transition: 1s ease-out;
	transition: 1s ease-out;
}
.podroze .wyci .wyci-i:hover .wyci-i-a{
	-webkit-transform: scale(11);
	transform: scale(11);
}
.podroze .wyci .wyci-i:hover img.wyci-img-2{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.podroze.active .wyci .wyci-i .wyci-i-a{
	-webkit-transform: scale(11);
	transform: scale(11);
}
.podroze.active .wyci .wyci-i{
	height: 200px;
}
.podroze.active .wyci .wyci-i img.wyci-img-1{
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -180px;
}
.podroze.active .wyci .wyci-i .wyci-i-a{
	opacity: 0;
}
.podroze.active .wyci .wyci-i img.wyci-img-2{
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity: 0;
}
.podroze.active .wyci h2{
	display: block;
}
.podroze .bottom h1{
	padding: 40px 0 20px;
}
.podroze .bottom p{
	color: #eb6902;
	font-weight: bold;
}
.podroze .clock-main{
	margin: 30px 0 10px;
	display: inline-block;
}
.podroze .rank{
	background: #fff;
	margin: 10px 0;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.35);
}
.podroze .rank img{
	margin: 40px 0 20px;
}
.podroze .rank h3{
	margin: 0 10px 20px;
	color: #eb6902;
	font-weight: bold;
	font-size: 1.8em;
}
.podroze .rank p{
	margin: 0 20px 20px;
	font-size: 1.4em;
	line-height: 1.4em;
	min-height: 130px;
}
.podroze .rank span.s1{
	padding: 20px 0;
	display: block;
	background: #eb6902;
}
.podroze .rank span.s1 p{
	color: #fff;
	min-height: 0;
	padding: 0 20px;
	margin: 0;
}
.podroze .rank span.s1 p b{
	color: #fff;
	font-size: 3em;
}
.podroze .rank span.s2{
	padding: 20px 0;
	display: block;
}
.podroze .rank span.s2 p{
	min-height: 0;
	padding: 0 20px;
	margin: 0;
}
.podroze .rank span.s2 p b{
	color: #eb6902;
	font-size: 3em;
}

/*
 mobilki
 * */
@media (max-width: 1280px) {
	#kontener section.center{
		margin: 0px 50px 0px 320px;
	}
	#kontener.active section.right{
		-webkit-transform: translateX(230px);
    	transform: translateX(230px);
    	position: absolute;
    	top: 0;
    	right: 0;
    	z-index: 9999999;
	}
	#kontener.active .top-mobile-tab{
		display: block;
	}
}
@media (max-width: 1000px) {
	#kontener section.left div.bg{
		display: none;
	}
	#kontener section.center{
		margin: 0px 0px 0px 0px;
	}
	#kontener.active section.left{
		-webkit-transform: translateX(-320px);
    	transform: translateX(-320px);
    	position: absolute;
    	top: 0;
    	left: 0;
	}
	#kontener.active img.logo-mobile{
		display: block;
	}
	#kontener.active div.top-mobile{
		display: block;
		z-index: 1;
	}
	#kontener.active img.logo{
		top: -35px;
		left: 50%;
		margin-left: -80px;
		-webkit-transform: scale(0.5);
    	transform: scale(0.5);
	}
	#kontener.active .top-mobile-tab{
		display: none;
	}
}

@media (max-width: 800px) {
	#kontener section.left{
	    width: 100%;
	    height: 820px;
	    top: 0px;
	}
	#kontener .logowanie {
		width: auto;
	}
	#kontener section.right{
	    width: 100%;
	    height: 600px;
	    top: 820px;
	}
	#kontener .rejestracja{
		top: 40px;
		right: 50px;
		left: auto;
		text-align: right;
	}
	#kontener .rejestracja h1,
	#kontener .rejestracja p,
	#kontener .rejestracja span.kroki{
		text-align: right;
	}
	#kontener .rejestracja span.kroki{
		float: right;
	}
	#kontener section.right div.bottom {
	    left: auto;
	    right: 50px;
	}
	#kontener .rejestracja .inputki {
	  height: 70px;
	}
	#kontener{
		min-height: 1450px;
	}
	#kontener.active{
		min-height: 1120px;
	}
	#kontener.active section.left{
	    height: 100%;
	}
	#kontener.active section.right{
	    height: 100%;
	}
}
@media (max-width: 745px) {
	.mobile-display{
		visibility: hidden;
		height: 0;
	}
}
@media (max-width: 410px) {
	.popup-button-rwd{
		width: auto !important;
	}
}
/*
 HOVERY
 * */
#kontener.active.hover-menu section.left{
	width: 230px;
	-webkit-transform: translateX(0px);
	transform: translateX(0px);
}
#kontener.active.hover-menu section.center,
#kontener.active.hover-menu div.top-mobile{
	-webkit-transform: translateX(230px);
	transform: translateX(230px);
}
#kontener.active.hover-menu img.logo{
	-webkit-transform: scale(0.5) translateX(520px);
    transform: scale(0.5) translateX(520px);
}
#kontener.active.hover-fin section.right{
	-webkit-transform: translateX(0px);
	transform: translateX(0px);
}
#kontener.active.hover-fin section.center,
#kontener.active.hover-fin div.top-mobile{
	-webkit-transform: translateX(-230px);
	transform: translateX(-230px);
}
#kontener.active.hover-fin img.logo{
	-webkit-transform: scale(0.5) translateX(-320px);
    transform: scale(0.5) translateX(-320px);
}
#kontener.active.hover-fin-tab section.right{
	-webkit-transform: translateX(0px);
	transform: translateX(0px);
}
#kontener.active.hover-fin-tab .top-mobile-tab{
	background: #1b1b1b;
	-webkit-transform: translateX(-230px);
	transform: translateX(-230px);
}
#kontener.active.hover-fin-tab .top-mobile-tab img.fin-tab{
	display: none;
}
#kontener.active.hover-fin-tab .top-mobile-tab img.fin-tab-1{
	display: block;
}

/*
 SLAJDY
 * */
#owl .item img{
    display: block;
    width: 100%;
    height: auto;
}

/*
 ANIAMACJA KONTENERA
 * */
#content > div{
	-webkit-animation: content-ani 1.2s both 1;
	animation: content-ani 1.2s both 1;
}
@keyframes content-ani {
    0% {
    	opacity: 0;
    }
    100% {
    	opacity: 1;
    }
}
@-webkit-keyframes content-ani {
    0% {
    	opacity: 0;
    }
    100% {
    	opacity: 1;
    }
}

/*
 REJESTRACJA
 * */
.rej{
	background: #EA6500;
	position: relative;
}
.rej img.logo{
	margin: 20px auto;
	display: block;
	position: relative;
}

.rej form .rodo{
	background: rgba(255,255,255,.1);
	padding: 8px;
	margin-left: 43px;
	height: 200px;
	overflow-y: auto;
}
.rej form .rodo p{
	font-size: 16px;
}

.rej form p{
	color: #fff;
	font-size: 12px;
	margin: 20px 0 5px 20px;
}
.rej input[type=text],
.rej input[type=email],
.rej input[type=password]{
	width: 100%;
	padding: 12px 20px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	display: block;
	border: 1px solid #fff;
	box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.3);
	margin: 0 auto;
	text-align: left;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.rej input[type=submit]{
	width: 130px;
	height: 30px;
	color: #fff;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	display: block;
	margin: 40px auto;
	box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.5);
	background: #93090e;
	cursor: pointer;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	position: relative;
}
.rej input[type=submit]:hover{
	-webkit-transform: translateY(2px);
    transform: translateY(2px);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
    background: #820509;
}
.rej input[type="radio"],
.rej input[type="checkbox"]{
    display: none;
}
.rej input[type="checkbox"] + label,
.rej input[type="radio"] + label{
	position: relative;
	width: 90%;
	margin: 0 0 0 6%;
}
.rej input[type="checkbox"] + label span,
.rej input[type="radio"] + label span{
    display: block;
    width: 26px;
    height: 26px;
    margin-top: 24px;
    background: #fff;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: -6px;
    left: -30px;
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    float: left;
}
.rej input[type="checkbox"] + label > p,
.rej input[type="radio"] + label > p{
    display: table-cell;
	vertical-align: middle;
	float: left;
	margin-left: 10px;
	font-size: 1em;
	line-height: 1.2em;
}
.rej input[type="checkbox"]:checked + label span p,
.rej input[type="radio"]:checked + label span p{
	width: 16px;
    height: 16px;
    display: block;
	background: #93090E;
	-webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
	position: absolute;
	top: -15px;
	left: -15px;
}
.rej input[type="checkbox"] + label > p a,
.rej input[type="radio"] + label > p a{
	text-decoration: underline;
	color: #fff;
}
.rej input[type="checkbox"] + label > p a:hover,
.rej input[type="radio"] + label > p a:hover{
	color: #93090E;
}
.fizyczna-none,
.adres-none{
	display: none;
}
.rej .bg{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	right: 0px;
	background: rgb(242,163,60);
	background: -moz-radial-gradient(center, ellipse cover,  rgb(242,163,60) 0%, rgb(234,101,0) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgb(242,163,60)), color-stop(100%,rgb(234,101,0)));
	background: -webkit-radial-gradient(center, ellipse cover,  rgb(242,163,60) 0%,rgb(234,101,0) 100%);
	background: -o-radial-gradient(center, ellipse cover,  rgb(242,163,60) 0%,rgb(234,101,0) 100%);
	background: -ms-radial-gradient(center, ellipse cover,  rgb(242,163,60) 0%,rgb(234,101,0) 100%);
	background: radial-gradient(ellipse at center,  rgb(242,163,60) 0%,rgb(234,101,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2a33c', endColorstr='#ea6500',GradientType=1 );
}

/*
 komunikaty
 * */
div.komunikat-info{
	width: 96%;
	padding: 15px 0;
	text-align: center;
	position: fixed;
	bottom: 2%;
	left: 2%;
	z-index: 99999;
	font-family: 'UniversLTPro-55Roman', Arial, Helvetica, sans-serif;
	-webkit-box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.7);
	-moz-box-shadow:    4px 4px 0px 0px rgba(0, 0, 0, 0.7);
	box-shadow:         4px 4px 0px 0px rgba(0, 0, 0, 0.7);
}
div.komunikat-info.errors{
	background: #ad0000;
	color: #fff;
}
div.komunikat-info.success{
	background: #1b9fd3;
	color: #fff;
}
div.komunikat-info ul li{
	margin: 2px 0;
}
div.komunikat-info span.zam{
	width: 30px;
	height: 30px;
	display: block;
	text-align: center;
	cursor: pointer;
	background: #1b1b1b;
	color: #fff;
	position: absolute;
	top: -10px;
	right: 20px;
	-webkit-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}
div.komunikat-info span.zam p{
	width: 30px;
	height: 30px;
	font-size: 18px;
	display: table-cell;
    vertical-align: middle;
}
div.komunikat-info span.zam:hover{
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

/*
 POPUP - regulamin
 * */
div.popup-regulamin{
	width: 100%;
	min-height: 100%;
	overflow-y: auto;
	padding-bottom: 100px;
	background: rgba(255, 255, 255, 0.9);
	color: #232323;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999999999999999999999999;
}
div.popup-regulamin div.popup-content{
	width: 100%;
	height: 100%;
	overflow-y: auto;
	position: absolute;
	top: 0;
	left: 0;
}
div.popup-regulamin div.main-regulamin{
	max-width: 700px;
	min-width: 300px;
	background: #fff;
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
	margin: 0px auto;
}
div.popup-regulamin div.main-regulamin .left{
	max-width: 400px;
	min-height: 300px;
	float: left;
}
div.popup-regulamin div.main-regulamin .left h1{
	color: #db5500;
	font-size: 22px;
	font-weight: bold;
	padding: 40px 20px 10px 45px;
}
div.popup-regulamin div.main-regulamin .left p{
	padding: 10px 20px 10px 45px;
	line-height: 16px;
}
div.popup-regulamin div.main-regulamin .left a{
	padding: 6px 20px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	margin: 10px 0 10px 45px;
	box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.5);
	background: #93090e;
	cursor: pointer;
	-webkit-transition: 0.4s linear;
	transition: 0.4s linear;
	position: relative;
}
div.popup-regulamin div.main-regulamin .left a:hover{
	-webkit-transform: translateY(2px);
    transform: translateY(2px);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
    background: #820509;
}
div.popup-regulamin div.main-regulamin .right{
	width: 300px;
	float: left;
}
div.popup-regulamin div.main-regulamin .right img{
	margin: 30px 0 0 10px;
}
div.popup-regulamin div.main-regulamin .zgody-reg{
	color: #656565;
	background: #f8f7f7;
	padding-bottom: 20px;
}
div.popup-regulamin div.main-regulamin .zgody-reg input{
	float: left;
	margin-top: 10px;
	margin-left: 15px;
}
div.popup-regulamin div.main-regulamin .zgody-reg label,
div.popup-regulamin div.main-regulamin .zgody-reg p{
	width: 90%;
	float: left;
	padding: 10px 20px 0;
	line-height: 16px;
}
div.popup-regulamin div.main-regulamin .zgody-reg label i,
div.popup-regulamin div.main-regulamin .zgody-reg p i{
	color: red;
}
div.popup-regulamin div.main-regulamin .zgody-reg button{
	width: 220px;
	padding: 6px 0;
	text-align: center;
	color: #fff;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	margin: 10px auto 20px;
	display: block;
	box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.5);
	background: #93090e;
	cursor: pointer;
	-webkit-transition: 0.4s linear;
	transition: 0.4s linear;
	position: relative;
}
div.popup-regulamin div.main-regulamin .zgody-reg button:hover{
	-webkit-transform: translateY(2px);
    transform: translateY(2px);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
    background: #820509;
}
div.popup-regulamin .podstawy{
	padding: 20px 48px;
}
div.popup-regulamin .podstawy h2{
	color: #db5500;
	font-size: 22px;
	font-weight: bold;
	padding-bottom: 10px;
}
div.popup-regulamin .podstawy ul{
	list-style: circle;
	padding-left: 20px;
}
div.popup-regulamin .podstawy ul li{
	padding-bottom: 8px;
}
/* popup szkolenie */
div.popup{
	width: 100%;
	height: 100%;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	-webkit-transition: 0.6s ease-out;
	transition: 0.6s ease-out;
	z-index:99999999999999999;
}
div.popup div.lightbx{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(255, 255, 255,0.9);
}
div.popup div.popupcontent{
	width: 800px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -250px 0 0 -400px;
}
div.popup div.popupcontent img{
	width: 100%;
	box-shadow: 0px 12px 22px 0px rgba(0,0,0,0.3);
}
div.popup span.closing{
	padding: 10px;
	display: block;
	background: #fff;
	font-size: 20px;
	font-weight: bold;
	color: #eb6b03;
	cursor: pointer;
	position: absolute;
	top: 12px;
	right: 12px;
	-webkit-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}
div.popup span.closing:hover{
	background: #d35b00;
	color: #fff;
}
@media (max-width: 870px) {
	div.popup div.popupcontent{
		width: 500px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -157px 0 0 -250px;
	}
}
@media (max-width: 570px) {
	div.popup div.popupcontent{
		width: 300px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -95px 0 0 -150px;
	}
}
p.mfont{
	font-size: 12px;
}
span.underline{
	text-decoration: underline;
}













/*
 RAPORT
 * */
body.raport{
	overflow: auto;
	text-align: center;
	background: #f3f3f3;
}
body.raport div.tabelki{
	display: none;
}
body.raport div.tabelki.tab1{
	display: block;
}
body.raport header{
	width: 100%;
	background: rgba(234,101,0,1);
}
body.raport header img{
	padding: 30px 0;
}
body.raport h1 {
    font-weight: bold;
    font-size: 30px;
    padding-top: 20px;
    text-align: center;
    margin-bottom: 20px;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
body.raport h1:hover{
	color: #93090e;
}
.raport table{
	font-size: 13px;
	text-align: center;
	margin: 0 auto;
}
.raport table td{
	padding: 10px 5px;
	line-height: 15px;
	vertical-align: middle;
	border: 1px solid #fff;
}
.raport table td:nth-child(2),
.raport table td:nth-child(3),
.raport table td:nth-child(1){
	background: rgba(234,101,0,1);
}

.raport table td:nth-child(4),
.raport table td:nth-child(5),
.raport table td:nth-child(6),
.raport table td:nth-child(7),
.raport table td:nth-child(8),
.raport table td:nth-child(9){
	background: rgba(234,101,0,0.7);
}
.raport table td:nth-child(10),
.raport table td:nth-child(11),
.raport table td:nth-child(12),
.raport table td:nth-child(13),
.raport table td:nth-child(14),
.raport table td:nth-child(15){
	background: rgba(234,101,0,0.5);
}

.raport table td:nth-child(16),
.raport table td:nth-child(17){
	background: rgba(234,101,0,0.1);
}
.raport table tr:nth-child(1) td,
.raport table tr:nth-child(2) td{
	background: #ea6500;
	color: #fff;
	font-weight: bold;
}
.raport table tr:nth-child(2) td:nth-child(4),
.raport table tr:nth-child(2) td:nth-child(5),
.raport table tr:nth-child(2) td:nth-child(6),
.raport table tr:nth-child(2) td:nth-child(7),
.raport table tr:nth-child(2) td:nth-child(8),
.raport table tr:nth-child(2) td:nth-child(9){
	background: rgba(234,101,0,0.8);
}

.raport table tr:nth-child(2) td:nth-child(10),
.raport table tr:nth-child(2) td:nth-child(11),
.raport table tr:nth-child(2) td:nth-child(12),
.raport table tr:nth-child(2) td:nth-child(13),
.raport table tr:nth-child(2) td:nth-child(14),
.raport table tr:nth-child(2) td:nth-child(15){
	background: rgba(234,101,0,0.6);
}
.raport table tr:nth-child(1) td{
	padding: 20px;
}
.raport table tr:nth-child(1)  td.top-n{
	background: #F3F3F3;
	border: 0;
}









































/****************************************************************************************/
/*                               ZAINSPIROWANIE SMAKIEM                                 */
/****************************************************************************************/
.centering-wrapper {
  	display: table;
  	width: 100%;
  	height: 100%;
}
.centered-element {
  	display: table-cell;
  	text-align: center;
  	vertical-align: middle;
}
/* strona glowna */
.nagrody-s{
	height: auto;
	position: relative;
}
.deska{
	width: 100%;
	position: relative;
}
.nagrody-main{
	overflow: visible;
}
.owl-carousel.nagrody-k{
	width: 87%;
	margin: 0 6.5%;
	position: absolute;
	bottom: 45px;
	left: 0;
}
@media (max-width: 700px) {
	.owl-carousel.nagrody-k{
		bottom: 25px;
	}
}
@media (max-width: 410px) {
	.owl-carousel.nagrody-k{
		bottom: 15px;
	}
}
.nagrody-k div img{
	width: 80%;
	margin: 0 auto;
	display: block;
}
#content .nagrody-s .owl-carousel .owl-wrapper-outer{
	box-shadow: none;
}
.majonez-baner{
	margin-bottom: 50px;
}
.majonez-baner img{
	width: 100%;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.35);
}
/* katalog */
.katalog .txt{
	text-align: center;
}
.katalog .txt h1{
	font-size: 30px;
	color: #232323;
	padding-top: 50px;
}
.katalog .txt h1 b{
	color: #ea5906;
}
.katalog .txt p{
	font-size: 16px;
	color: #232323;
	padding-top: 30px;
	line-height: 21px;
}
.katalog .kategorie{
	width: 100%;
	text-align: center;
	margin-top: 60px;
	background: #fff;
	padding: 30px;
	position: relative;
	-webkit-transition: 0.2s linear;
	transition: 0.2s linear;
}
.katalog.glowny .kategorie{
	margin-top: 150px;
}
.katalog .stary .kategorie{
	margin-top: 30px;
}
.katalog .kategorie .wybor{
	width: 100%;
	height: 100%;
	box-shadow: inset 0px 0px 0px 2px #ea5906;
	position: relative;
}
.katalog .kategorie a{
	width: 24.7%;
	height: 420px;
	display: inline-block;
	color: #ea6500;
	background: rgba(234,101,1,0);
	position: relative;
	overflow: hidden;
}
.katalog .kategorie a img.after,
.katalog .kategorie a img.before{
	width: 60%;
	padding-bottom: 30px;
}
.katalog .kategorie a img.after{
	display: none;
}
.katalog .kategorie a img.bottom{
	position: absolute;
	bottom: -200px;
	left: 50%;
	margin-left: -78px;
	opacity: 0;
	-webkit-transition: 0.6s ease-out;
	transition: 0.6s ease-out;
}
.katalog .kategorie a p{
	font-weight: bold;
	font-size: 16px;
	text-transform: uppercase;
}
.katalog .kategorie a:hover{
	color: #fff;
	background: rgba(234,101,1,1);
	box-shadow: -6px 10px 30px 0px rgba(0,0,0,0.5);
}
.katalog .kategorie a:hover img.after{
	display: inline-block;
}
.katalog .kategorie a:hover img.before{
	display: none;
}
.katalog .kategorie a:hover img.bottom{
	bottom: -40px;
	opacity: 1;
}

/* stary katalog - kategorie */
.katalog .stary .kategorie a{
	width: 100%;
	height: 250px;
}
.katalog .stary .kategorie a img{
	width: 15%;
}
@media (max-width: 1000px){
	.katalog .kategorie a{
		width: 49.7%;
		height: 250px;
	}
	.katalog .kategorie a:hover img.bottom{
		opacity: 0;
	}
}
@media (max-width: 721px){
	.katalog .kategorie a{
		width: 99.7%;
		height: auto;
		padding: 20px 0;
	}
	.katalog .stary .kategorie a{
		width: 99.7%;
		height: auto;
	}
	.katalog .stary .kategorie a img{
		width: 60%;
	}
}

/* produkt */
.produkt .wybor{
	padding: 30px 0;
}
.produkt .left{
	height: 100%;
	padding: 10px;
}
.produkt .left img{
	width: 100%;
}
.produkt .right{
	height: 100%;
	padding: 30px;
	text-align: left;
}
.produkt .right h1{
	font-size: 38px;
	line-height: 44px;
}
.produkt .right h2{
	font-size: 26px;
	color: #eb6a02;
	padding-top: 20px;
}
.produkt .right p{
	font-size: 16px;
	line-height: 22px;
	padding-top: 20px;
}
@media (max-width: 767px) and (min-width: 400px){
	.produkt .left img{
		width: 70%;
	}
}
.produkt .wybor a{
	height: 35px;
	width: 200px;
	text-align: center;
	display: inline-block;
	margin: 20px 10px 0;
	box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.6);
	border-radius: 100px;
	position: relative;
}
.produkt .wybor a.zamow{
	background: #93090e;
}
.produkt .wybor a.anuluj{
	width: 130px;
	background: #989898;
}
.produkt .wybor a p{
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	position: absolute;
	top: 50%;
	left: 20px;
	margin-top: -6px;
}
.produkt .wybor a img{
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -8px;
	-webkit-transition: 0.4s ease-out;
	transition: 0.4s ease-out;
}
.produkt .wybor a.anuluj img{
	margin-top: -6.5px;
}
.produkt .wybor a:hover{
	box-shadow: none;
}
.produkt .wybor a:hover img{
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
.produkt .wybor a.anuluj:hover img{
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

























.katalog.glowny .kategorie .wybor{
	box-shadow: 0px 0px 0px 2px #ea5906;
	-webkit-transition: 0.2s linear;
	transition: 0.2s linear;
	overflow: hidden;
}
.katalog .nagroda{
	min-height: 330px;
	padding: 0 10px;
	margin: 10px 0 0;
	position: relative;
}
.katalog .nagroda .bg{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(255,255,255,0.8);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: 0.2s linear;
	transition: 0.2s linear;
}
.katalog .nagroda .bg .ikonki{
	width: 100%;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -20px;
	text-align: center;
}
.katalog .nagroda .bg .ikonki a{
	width: 40px;
	height: 40px;
	background: #eb6a02;
	display: inline-block;
}
.katalog .nagroda .bg .ikonki a.podglad{
	background: #93090e;
}
.katalog .nagroda .bg .ikonki a img{
	width: auto;
	-webkit-transition: 0.4s linear;
	transition: 0.4s linear;
}
.katalog .nagroda .bg .ikonki a img{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -8px 0 0 -8px;
}
.katalog .nagroda .bg .ikonki a:hover img{
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
.katalog .nagroda .bg .ikonki a:hover{
	box-shadow: none;
}
.katalog .nagroda:hover .bg{
	visibility: visible;
	opacity: 1;
}
.katalog .nagroda img{
	width: 100%;
}
.katalog .nagroda h4{
	font-size: 24px;
	color: #eb6a02;
}
.katalog .nagroda h3{
	font-size: 15px;
	padding: 10px 0;
}
.katalog .kategorie .kategorie-top{
	width: 100%;
	height: 120px;
	position: absolute;
	top: -100px;
	left: 0;
	padding: 5px;
}
.katalog .kategorie .kategorie-top .kat{
	height: 100px;
	width: 19%;
	display: inline-block;
	text-transform: uppercase;
	color: #676767;
	background: rgba(255,255,255,0);
	-webkit-transition: 0.4s linear;
	transition: 0.4s linear;
	cursor: pointer;
}
.katalog .kategorie .kategorie-top .kat p{
	font-size: 14px;
}
.katalog .kategorie .kategorie-top .kat img{
	width: 40%;
}
.katalog .kategorie .kategorie-top .kat:hover,
.katalog .kategorie .kategorie-top .kat.active{
	background: rgba(255,255,255,1);
}
.katalog .kategorie .wybor article{
	display: none;
	-webkit-animation: kat-ani 0.6s ease-out both;
	animation: kat-ani 0.6s ease-out both;
}
@keyframes kat-ani{
    0% {
    	-webkit-transform: scale(0.95);
    	transform: scale(0.95);
    }
    100% {
    	-webkit-transform: scale(1);
    	transform: scale(1);
    }
}
@-webkit-keyframes kat-ani{
    0% {
    	-webkit-transform: scale(0.95);
    	transform: scale(0.95);
    }
    100% {
    	-webkit-transform: scale(1);
    	transform: scale(1);
    }
}
.katalog .kategorie .wybor article.active{
	display: block;
}
@media (max-width: 632px){
	.katalog .kategorie .kategorie-top{
		top: -70px;
	}
	.katalog .kategorie .kategorie-top .kat{
		height: 70px;
	}
	.katalog .kategorie .kategorie-top .kat img{
		width: 60%;
	}
	.katalog .kategorie .kategorie-top .kat p{
		display: none;
	}
	.katalog .nagroda h4{
		font-size: 16px;
	}
	.katalog .nagroda h3{
		font-size: 11px;
	}
}






.popup-potwierdzenie{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999991;
	display: none;
}
.popup-potwierdzenie .zaciemnienie{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(243, 243, 243, 0.9);
}
.popup-potwierdzenie .popup-potwierdzenie-info{
	max-width: 500px;
	background: #fff;
	position: relative;
	padding: 20px;
	box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.2);
	margin: 0 auto;
}
.popup-potwierdzenie .popup-potwierdzenie-info > div{
	width: 100%;
	height: 100%;
	box-shadow: 0px 0px 0px 2px #ea5906;
}
.popup-potwierdzenie .popup-potwierdzenie-info p{
	padding: 20px 0 30px;
	font-size: 20px;
}
.popup-potwierdzenie .popup-potwierdzenie-info button,
.popup-potwierdzenie .popup-potwierdzenie-info a{
	padding: 15px 0;
	width: 180px;
	text-align: center;
	display: inline-block;
	margin: 20px 10px 10px;
	box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.6);
	border-radius: 100px;
	position: relative;
	color: #fff;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.popup-potwierdzenie .popup-potwierdzenie-info button.tak{
	background: #93090e;
}
.popup-potwierdzenie .popup-potwierdzenie-info button.nie,
.popup-potwierdzenie .popup-potwierdzenie-info button.nie-c,
.popup-potwierdzenie .popup-potwierdzenie-info a{
	width: 110px;
	background: #989898;
}
.popup-potwierdzenie .popup-potwierdzenie-info a{
	font-size: 12px;
	padding: 8px 0;
	margin-bottom: 20px;
}
.popup-potwierdzenie .popup-potwierdzenie-info button p,
.popup-potwierdzenie .popup-potwierdzenie-info button i{
	font-size: 10px;
	color: #fff;
	font-weight: bold;
	position: absolute;
	top: 50%;
	left: 20px;
	margin-top: -5px;
	padding: 0;
}
.popup-potwierdzenie .popup-potwierdzenie-info button i{
	width: 100%;
	text-align: center;
	left: 0px;
}
.popup-potwierdzenie .popup-potwierdzenie-info button img{
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -8px;
	-webkit-transition: 0.4s ease-out;
	transition: 0.4s ease-out;
}
.popup-potwierdzenie .popup-potwierdzenie-info button:hover{
	-webkit-transform:translateY(2px);
	transform:translateY(2px);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.6);
}




/* top10 */
.top10 div.txt{
	max-width: 800px;
	margin: 70px auto 50px;
	text-align: center;
}
.top10 div.txt h1{
	font-size: 30px;
	padding-bottom: 30px;
}
.top10 div.txt h1 b{
	color: #ea5906;
	font-weight: bold;
}
.top10 div.txt div.pkt{
	display: block;
	text-align: center;
	padding-top: 30px;
}
.top10 div.txt div.pkt p{
	background: url(../img/top_p/ico.png) no-repeat center left;
	font-size: 15px;
	font-weight: bold;
	padding: 5px 5px 5px 40px;
	margin: 0 10px;
	display: inline-block;
}
.top10 .top{
	width: 760px;
	height: 760px;
	margin: 0 auto;
	position: relative;
	left: 50%;
	margin-left: -380px;
}
.top10 .top .kolo{
	width: 569px;
	height: 558px;
	background: url(../img/top_p/kolo.jpg) no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.top10 .top div.talerz-content{
	width: 440px;
	height: 440px;
	background: #fff;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-box-shadow: 10px 10px 40px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 10px 10px 40px 0px rgba(0,0,0,0.2);
	box-shadow: 10px 10px 40px 0px rgba(0,0,0,0.2);
	-webkit-transition: 0.6s ease-out;
	transition: 0.6s ease-out;
}
.top10 .top div.talerz-content .zam-talerz{
	width: 60px;
	height: 60px;
	background: #e96500;
	color: #fff;
	font-size: 20px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	position: absolute;
	top: 100px;
	right: 200px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: 0.6s ease-out;
	transition: 0.6s ease-out;
	cursor: pointer;
}
.top10 .top div.talerz-content .zam-talerz p{
	position: absolute;
	top: 15px;
	right: 15px;
	-webkit-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}
.top10 .top div.talerz-content .zam-talerz:hover p{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.top10 .top div.talerz{
	width: 440px;
	height: 440px;
	background: #fff;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: rgb(255,255,255);
	background: -moz-radial-gradient(center, ellipse cover,  rgb(255,255,255) 76%, rgb(234,234,234) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(76%,rgb(255,255,255)), color-stop(100%,rgb(234,234,234)));
	background: -webkit-radial-gradient(center, ellipse cover,  rgb(255,255,255) 76%,rgb(234,234,234) 100%);
	background: -o-radial-gradient(center, ellipse cover,  rgb(255,255,255) 76%,rgb(234,234,234) 100%);
	background: -ms-radial-gradient(center, ellipse cover,  rgb(255,255,255) 76%,rgb(234,234,234) 100%);
	background: radial-gradient(ellipse at center,  rgb(255,255,255) 76%,rgb(234,234,234) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=1 );
}
.top10 .top div.dno{
	width: 310px;
	height: 310px;
	overflow: hidden;
	background: #fff;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: rgb(255,255,255);
	background: -moz-radial-gradient(center, ellipse cover,  rgb(255,255,255) 56%, rgb(181,181,181) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(56%,rgb(255,255,255)), color-stop(100%,rgb(181,181,181)));
	background: -webkit-radial-gradient(center, ellipse cover,  rgb(255,255,255) 56%,rgb(181,181,181) 100%);
	background: -o-radial-gradient(center, ellipse cover,  rgb(255,255,255) 56%,rgb(181,181,181) 100%);
	background: -ms-radial-gradient(center, ellipse cover,  rgb(255,255,255) 56%,rgb(181,181,181) 100%);
	background: radial-gradient(ellipse at center,  rgb(255,255,255) 56%,rgb(181,181,181) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b5b5b5',GradientType=1 );
}
.top10 .top div.dno img.kucharz{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 1;
	-webkit-transition: 0.3s ease-out;
	transition: 0.3s ease-out;
}
.top10 .top div.dno .produkt-talerz{
	position: absolute;
	-webkit-transform: translate(0, -16%) scale(0.6);
	transform: translate(0, -16%) scale(0.6);
	text-align: center;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: 0.4s 0s ease-out;
	transition: 0.4s 0s ease-out;
}
.top10 .top div.dno .produkt-talerz h4{
	font-size: 18px;
	color: #eb6a02;
	padding: 20px 0 5px;
	text-transform: uppercase;
}
.top10 .top div.dno .produkt-talerz h5{
	font-size: 14px;
	padding: 0px 0 5px;
	font-weight: bold;
}
.top10 .top div.dno .produkt-talerz ul{
	font-size: 14px;
	list-style: square;
	text-align: left;
	margin-left: 25px;
}
.top10 .top .produkt-talerz img{
	width: 230px;
}
.top10 .top img.produkt-top{
	width: 100px;
	position: absolute;
	cursor: pointer;
	-webkit-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}
.top10 .top img.produkt-top.p6{
	top: 20px;
	left: 480px;
}
.top10 .top img.produkt-top.p9{
	top: 140px;
	left: 620px;
}
.top10 .top img.produkt-top.p7{
	top: 330px;
	left: 660px;
}
.top10 .top img.produkt-top.p2{
	top: 540px;
	left: 620px;
}
.top10 .top img.produkt-top.p10{
	top: 650px;
	left: 490px;
}
.top10 .top img.produkt-top.p8{
	top: 650px;
	left: 180px;
}
.top10 .top img.produkt-top.p5{
	top: 540px;
	left: 50px;
}
.top10 .top img.produkt-top.p4{
	top: 330px;
	left: -5px;
}
.top10 .top img.produkt-top.p1{
	top: 140px;
	left: 50px;
}
.top10 .top img.produkt-top.p3{
	top: 20px;
	left: 170px;
}
.top10 .top.active div.talerz-content .zam-talerz{
	position: absolute;
	top: 25px;
	right: 25px;
	opacity: 1;
	visibility: visible;
}
.top10 .top.active div.talerz-content{
	-webkit-transform: translate(-50%, -50%) scale(1.6);
	transform: translate(-50%, -50%) scale(1.6);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}
.top10 .top.active div.dno img.kucharz{
	-webkit-transform: translate(-50%, 100%);
	transform: translate(-50%, 100%);
	opacity: 0;
}
.top10 .top div.dno .produkt-talerz.active{
	opacity: 1;
	visibility: visible;
	-webkit-transition: 0.4s 0.2s ease-out;
	transition: 0.4s 0.2s ease-out;
}
.top10 .top img.produkt-top:hover{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
@media (max-width: 760px){
	.top10 .top{
		-webkit-transform: scale(0.65) translate(0, -30%);
		transform: scale(0.65) translate(0, -30%);
	}
}
@media (max-width: 505px){
	.top10 .top{
		-webkit-transform: scale(0.45) translate(0, -30%);
		transform: scale(0.45) translate(0, -30%);
	}
}
/* moje konto */
.konto h1{
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	margin: 60px 0 30px;
}
.konto .row > p{
	text-align: center;
	margin-bottom: 80px;
	padding: 0 20px;
}
.konto h2{
	font-size: 22px;
	font-weight: bold;
	padding-bottom: 10px;
}
.konto .left{
	position: relative;
}
.konto .konto-edit{
	position: relative;
	/*margin-top: 30px;*/
}

.konto .label {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 4px;
    display: block;
    text-align: left;
    color: #333;
    padding-left: 0;
}

.konto .center-text {
    text-align: center;
}

.konto .custom-select-container {
    max-width: 500px;
    margin: 0 auto 40px auto;
}

.konto .custom-select-wrapper {
    position: relative;
}

.konto .custom-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    padding: 20px 40px 20px 16px;
    font-size: 18px;
    color: #888;
    border: none;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    cursor: pointer;
}

.konto .custom-select-wrapper::after {
    content: "⌄";
    position: absolute;
    top: 40%;
    right: 16px;
    transform: translateY(-50%);
    color: #ea6500;;
    font-size: 24px;
    pointer-events: none;
}
.konto br {
    display: block;
}
@media (max-width: 700px) {
    .konto br{
        display: none;
    }
}
.konto .left button.edytuj-dane{
	background: transparent;
	position: absolute;
	top: 5px;
	right: 13px;
	z-index: 10;
	opacity: 0.5;
	-webkit-transition: 0.4s ease-out;
	transition: 0.4s ease-out;
}
.konto .left button.edytuj-dane img{
	-webkit-transition: 0.6s ease-out;
	transition: 0.6s ease-out;
}
.konto .left button.edytuj-dane:hover{
	opacity: 1;
}
.konto .left button.edytuj-dane:hover img{
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.konto .left span{
	display: block;
	padding: 15px 0;
	border-bottom: 1px solid #dadada;
}
.konto .left span:last-of-type{
	border: 0;
}
.konto .left h3{
	text-align: left;
	float: left;
}
.konto .left p{
	text-align: right;
	clear: right;
	font-size: 14px;
	color: #eb6902;
}
.konto .right span{
	display: block;
	padding: 15px 0;
	border-bottom: 1px solid #dadada;
}
.konto .left span:after,
.konto .right span:after{
	content: '';
	display: block;
	clear: both;
}
.konto .right span:last-of-type{
	border: 0;
}
.konto .right h3{
	clear: left;
	font-size: 14px;
}
.konto .right p{
	font-size: 22px;
	clear: left;
	color: #eb6902;
	padding-top: 8px;
}
.konto .right p b{
	font-size: 33px;
}
.konto .wybrane-nagrody{
	background: #fff;
	margin-top: 50px;
	margin-bottom: 50px;
	box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.2);
    border-radius: 16px;
}
.konto .wybrane-nagrody h1{
	margin: 30px 0 10px;
}
.konto .wybrane-nagrody .nagroda{
	min-height: 320px;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}
.konto .wybrane-nagrody .nagroda img{
	width: 100%;
	margin: 0 auto;
}
.konto .wybrane-nagrody .nagroda h4{
	color: #eb6a02;
	font-size: 26px;
	padding-top: 5px;
}
.konto .wybrane-nagrody .nagroda h3{
	font-size: 15px;
	line-height: 18px;
	padding-top: 10px;
}
.konto .edycja-konto{
	width: 100%;
	position: absolute;
	top: 40px;
	right: 0;
	z-index: 9;
	background: #fff;
	box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.3);
	display: none;
}
.konto .edycja-konto:after{
	content: '';
	width: 0px;
	height: 0px;
	border-right: 20px solid transparent;
	border-left: 20px solid transparent;
	border-bottom: 20px solid #fff;
	border-top: 20px solid transparent;
	position: absolute;
	top: -35px;
	right: 2px;
	text-align: center;
}
.konto .edycja-konto input[type=text]{
	width: 80%;
	height: 30px;
	padding: 0 20px;
	display: block;
	margin: 10px auto;
	clear: both;
	font-size: 12px;
	border-bottom: 1px solid #f2f2f2;
	-webkit-transition: 0.4s;
    transition: 0.4s;
}
.konto .edycja-konto input[type=text]:focus{
	border-bottom: 1px solid #b1b1b1;
}
.konto .edycja-konto input[type=text][disabled=disabled]{
	background: #fff;
	color: #c9c9c9;
}
.konto .edycja-konto input[type=submit]{
    width: 110px;
    font-size: 12px;
    color: #fff;
    padding: 7px 0;
    -webkit-border-radius: 100px;
    display: block;
    -moz-border-radius: 100px;
    border-radius: 100px;
    box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.5);
    margin: 10px auto;
    background: #93090e;
    cursor: pointer;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.konto .edycja-konto input[type=submit]:hover{
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
}
.konto p.katalog-link{
	margin: 40px 0;
}
.konto a.katalog-link{
	width: 200px;
    font-size: 12px;
    color: #fff;
    padding: 7px 0;
    -webkit-border-radius: 100px;
    display: block;
    -moz-border-radius: 100px;
    border-radius: 100px;
    box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.5);
    margin: 10px auto 40px;
    background: #93090e;
    cursor: pointer;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    text-transform: uppercase;
    text-align: center;
}
.konto a.katalog-link:hover{
	box-shadow: 0 0 0 0 rgba(0,0,0,0.5);
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
}
.zmowienia__table{
	width: 100%;
	margin: 30px 0;
}
.zmowienia__table td{
	font-size: 12px;
	padding: 10px;
	vertical-align: middle;
}
.zmowienia__table td .img{
	width: 70px;
	display: block;
	background: no-repeat center;
	background-size: contain;
}
@media (max-width: 650px) {
	.zmowienia__table .mobile-d-none{
		display: none;
	}
}
.zmowienia__table td .img::after {
	content: '';
	padding-bottom: 100%;
	display: block;
}
.zmowienia__table td.zmowienia__table-pkt{
	color: #eb6902;
	font-weight: bold;
}
.zmowienia__table td.zmowienia__table-name{
	font-size: 14px;
	font-weight: bold;
}
/*
	KONTO - TEST
*/
.margin-top-40 {
    margin-top: 40px;
}
.capitalize {
    text-transform: capitalize;
}
.konto.konto-test .wykresy{
	background: #fff;
	margin-top: 0px;
	padding: 30px 0;
	box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.2);
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.konto.konto-test .wykresy h1{
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    margin: 0;
    position: relative;
}
.konto.konto-test .flex-boxes {
    display: flex;
}
@media (max-width: 1600px) {
    .konto.konto-test .flex-boxes {
        flex-direction: column;
        align-items: center;
    }
}
.konto.konto-test .box-quarter {
    width: 100%;
    max-width: 504px;
    background: #fff;
    box-shadow: 0 4px 4px rgba(0,0,0,0.25);
    padding: 15px;
    border-radius: 12px;
    overflow: hidden;
    margin: 20px auto 10px auto;
    position: relative;
}
.konto.konto-test .box-quarter p{
    font-size: 33px;
    font-weight: 900;
    margin-top: 5px;
}
.konto.konto-test .box-quarter p span   {
    font-size: 22px;
    font-weight: 700;
}
.konto.konto-test .box {
    width: 100%;
    max-width: 328px;
    background: #fff;
    box-shadow: 0 4px 4px rgba(0,0,0,0.25);
    padding: 20px 20px 10px 20px;
    border-radius: 12px;
    overflow: hidden;
    margin: 20px auto 10px auto;
    position: relative;
}

.konto.konto-test .box .realization {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 100%;
    background: linear-gradient(to bottom, #F59C00, #EB5A02); /* Orange gradient */
    border-radius: 0 10px 10px 0; /* Optional rounded corner */
    display: flex;
    align-items: center;
    justify-content: center;
}

.konto.konto-test .box .realization p {
    writing-mode: vertical-rl;
    transform: rotate(180deg); /* To make text go from bottom to top */
    text-align: center;
    color: white;
    font-weight: 900;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-size: 12px;
}

.konto.konto-test .mx-5 {
    margin: 20px 10px;
}

@media (max-width: 1000px) {
    .konto.konto-test .mx-5 {
        margin: 10px auto;
    }
}

.konto.konto-test .box .box-bottom {
    display: flex;
    align-items: center;
}

.konto.konto-test .box .box-text {
    margin-bottom: 28px;
}
.konto.konto-test .box .box-text-grey {
    color: #787878;
    margin-bottom: 6px;
}
.konto.konto-test .wykresy{
    height: 420px;
}
.konto.konto-test .wykresy .wykres{
    visibility: hidden;
    width: 100%;
    height: 370px;
    position: absolute;
    top: 30px;
    left: 0;
}
#chart_1,
#chart_2,
#chart_3{
    height: 350px;
}
.konto.konto-test .wykresy .wykres.active{
    visibility: visible;
}
.konto.konto-test .wykresy-btn{
	text-align: center;
	margin-top: 50px;
}
.konto.konto-test .wykresy-btn button{
	font-size: 12px;
	color: #fff;
	padding: 7px 20px;
	-webkit-border-radius: 100px;
	display: block;
	-moz-border-radius: 100px;
	border-radius: 100px;
	box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.5);
	margin: 20px 10px;
	background: #93090e;
	cursor: pointer;
	display: inline-block;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	text-transform: uppercase;
	text-align: center;
}
.konto.konto-test button:hover{
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
}





















/*
 PASEK PRAWY
 * */
.fin p{
	line-height: 1.2em;
}
.fin h1{
	margin: 30px 30px 5px;
	line-height: 1.2em;
	font-weight: bold;
}
.fin .nagroda{
	position: relative;
	padding-bottom: 20px;
}
.fin .nagroda > img{
	width: 80%;
	margin: 0 auto;
	display: block;
}
.fin .nagroda h4{
	color: #ea5906;
}
.fin .nagroda .ikonki{
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.fin .nagroda a{
	width: 30px;
	background: #eb6a02;
	display: block;
	padding: 4px 0;
	margin: 1px 0;
}
.fin .nagroda a.zamawiam{
	background: #93090e;
}
.fin .nagroda a img{
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.fin .nagroda a:hover img{
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}

/* SZUKAJ */
.szukaj h1{
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	margin: 60px 0 30px;
}
.szukaj .row > p{
	text-align: center;
	margin-bottom: 80px;
	padding: 0 30px;
}
.szukaj .row > p span{
	color: #ea5906;
    font-weight: bold;
}
.szukaj table.uzytkownicy{
	width: 100%;
    text-align: center;
}
.szukaj table.uzytkownicy td,
.szukaj table.uzytkownicy th{
    text-align: center;
    padding: 10px 0;
    font-size: 14px;
    border-bottom: 1px solid #F3F3F3;
}
.szukaj table.uzytkownicy td img{
	display: block;
	margin: 0 auto;
	opacity: 0.5;
	-webkit-transition: 0.2s;
	transition: 0.2s;
	position: relative;
	z-index: 10;
}
.szukaj table.uzytkownicy td img.lupa-x{
	display: none;
}
.szukaj table.uzytkownicy td a.pokaz_szczegoly.active img.lupa-x{
	display: block;
}
.szukaj table.uzytkownicy td a.pokaz_szczegoly.active img.lupa{
	display: none;
}
.szukaj table.uzytkownicy th{
	font-weight: bold;
	padding: 20px 0;
}
.szukaj table.uzytkownicy td:nth-child(1),
.szukaj table.uzytkownicy th:nth-child(1){
    width: 15%;
}
.szukaj table.uzytkownicy td:nth-child(2),
.szukaj table.uzytkownicy th:nth-child(2),
.szukaj table.uzytkownicy td:nth-child(3),
.szukaj table.uzytkownicy th:nth-child(3){
    width: 20%;
}
.szukaj table.uzytkownicy td:nth-child(4),
.szukaj table.uzytkownicy th:nth-child(4){
    width: 15%;
}
.szukaj table.uzytkownicy td:nth-child(5),
.szukaj table.uzytkownicy th:nth-child(5){
    width: 20%;
}
.szukaj table.uzytkownicy td a{
    color: #fff;
    position: relative;
}
.szukaj table.uzytkownicy td a div.chmurka-info{
    width: 280px;
    background: #333333;
    position: absolute;
    top: 5px;
    right: 0;
    z-index: 11;
    box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.3);
    display: none;
}
.szukaj table.uzytkownicy td a div.chmurka-info.active{
    display: block;
}
.szukaj table.uzytkownicy td a div.chmurka-info div{
    border: 0;
    text-align: left;
    padding: 0 10px;
    clear: both;
    display: block;
    font-size: 12px;
}
.szukaj table.uzytkownicy td a div.chmurka-info div span{
	width: 47%;
	display: block;
	float: left;
	padding: 10px 0;
}
.szukaj div.wyszukaj,
.szukaj .tabelka-szukaj{
	background: #fff;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
}
.szukaj div.wyszukaj{
	padding: 10px 20px;
	margin-bottom: 20px;
}
.szukaj div.wyszukaj input{
	width: 95%;
	font-size: 14px;
}
.szukaj div.wyszukaj button img{
	opacity: 0.5;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.szukaj table.uzytkownicy td img:hover,
.szukaj div.wyszukaj button:hover img{
	opacity: 1;
}
.szukaj #dodaj-uzytkownika input[type=text]{
    width: 270px;
    padding: 12px 20px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    border: 1px solid #fff;
    box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.3);
    margin: 10px auto;
    clear: both;
    display: block;
    -webkit-transition: 0.4s ease-out;
    transition: 0.4s ease-out;
}
.szukaj #dodaj-uzytkownika input[type=text]:focus{
    box-shadow: 0px 2px 0px 0px rgba(234, 101, 0, 0.3);
}
.szukaj #dodaj-uzytkownika input[type=submit]{
    width: 140px;
    font-size: 12px;
    color: #fff;
    padding: 12px 0;
    -webkit-border-radius: 100px;
    display: block;
    -moz-border-radius: 100px;
    border-radius: 100px;
    box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.5);
    margin: 20px auto 40px;
    background: #93090e;
    cursor: pointer;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    text-transform: uppercase;
    text-align: center;
}
.szukaj #dodaj-uzytkownika input[type=submit]:hover{
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
}


/* questionnaire */

.questionnaire_popup {display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;}
.questionnaire_lightbox {position:absolute;display:block;width:100%;height:100%;background:rgba(255, 255, 255, 0.9);}
.questionnaire_popupcontent_box {display:flex;width:100%;height:100%;align-items:center;justify-content:center;}
.questionnaire_popupcontent {position:relative;display:inline-block;width:90%;max-width:650px;padding:50px;background:#FFF;border:10px solid #EB6B03;}






.questionnaire .owl-wrapper-outer {box-shadow:0 0 0 0 rgba(0, 0, 0, 0) !important;}
.questionnaire .owl-controls {display:none !important;}

.questionnaire p,
.questionnaire h2 {margin:0 0 20px 0; }

.questionnaire h2 {font-size:2em; }

.questionnaire label {padding:0 0 15px;}
.questionnaire textarea {border:1px solid #CCC;}

.questionnaire .btn {padding:9px 20px 9px 15px;font-size:0.7em;color:#fff;text-align:left;-webkit-border-radius:100px;display:inline-block;-moz-border-radius:100px;border-radius:100px;box-shadow:0px 2px 0px 0px rgba(0,0,0,0.5);margin:15px auto 30px;cursor:pointer;position:relative;-webkit-transition:0.4s;transition:0.4s;}

.questionnaire .btn-left {float:left;background:#EB6B03;}
.questionnaire .btn-right {float:right;background:#93090e;}

.questionnaire_close {padding:10px;display:block;background:#eb6b03;font-size:16px;color:#fff;cursor:pointer; position:absolute;top:0;right:-33px;-webkit-transition:0.2s ease-out;transition:0.2s ease-out;}
.quest_closing:hover{background:#d35b00;}





.ankieta2016 {position:relative;}

.ankieta2016 p,
.ankieta2016 h2 {margin:0 0 20px 0;}

.ankieta2016 h2 {font-size:2em;}

.ankieta2016 label {padding:0 0 15px;}
.ankieta2016 textarea {border:1px solid #CCC;}

.ankieta2016 .btn {padding:9px 20px 9px 15px;font-size:0.7em;color:#fff;text-align:left;-webkit-border-radius:100px;display:inline-block;-moz-border-radius:100px;border-radius:100px;box-shadow:0px 2px 0px 0px rgba(0,0,0,0.5);margin:15px auto 30px;cursor:pointer;position:relative;-webkit-transition:0.4s;transition:0.4s;}

.ankieta2016 .btn-left {float:left;background:#EB6B03;}
.ankieta2016 .btn-right {float:right;background:#93090e;}

.ankieta2016_close {padding:10px;display:block;background:#eb6b03;font-size:16px;color:#fff;cursor:pointer;position:absolute;-webkit-transition:0.2s ease-out;transition:0.2s ease-out;right:-34px;top:-10px;}
.ankieta2016_closing:hover{background:#d35b00;}




/* sklep */
.sklep{
	padding-bottom: 40px;
}
.nowe-zasady{
	margin: 30px 0;
	background: #fff;
	padding: 30px;
	position: relative;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
	line-height: 1.3;
}
.sklep .yt{
	width: 220px;
	padding: 8px 0;
	font-size: 12px;
	color: #fff;
	display: block;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.5);
	margin: 20px auto;
	background: #93090e;
	cursor: pointer;
	text-transform: uppercase;
	position: relative;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.sklep .yt:hover{
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
	box-shadow: 0 0 0 0 rgba(0,0,0,0.5);
	background: #820509;
}



.sklep .txt{
	text-align: center;
}
.sklep .txt h1{
	font-size: 30px;
	color: #232323;
	padding-top: 50px;
}
.sklep .txt h1 b{
	color: #ea5906;
}
.sklep .txt p{
	font-size: 16px;
	color: #232323;
	padding-top: 30px;
	line-height: 21px;
}
.sklep .kategorie{
	width: 100%;
	text-align: center;
	margin-top: 60px;
	background: #fff;
	padding: 30px;
	position: relative;
	-webkit-transition: 0.2s linear;
	transition: 0.2s linear;
}
.sklep .kategorie a{
	width: 225px;
	height: 225px;
	display: inline-block;
	margin: 10px;
	border: 2px solid #ea6500;
	box-shadow: 0px 3px 12px 0 rgba(0,0,0,0.2);
	background: url(../img/sklep-1.jpg) no-repeat;
	background: none !important;
	position: relative;
	z-index: 5;
	overflow: hidden;
	-webkit-transition: 0.6s ease-out;
	transition: 0.6s ease-out;
}
.sklep .kategorie a:hover{
	box-shadow: 0px 12px 52px 0 rgba(0,0,0,0.5);
	z-index: 10;
}
.sklep .kategorie a .pasek{
	width: 60px;
	height: 2px;
	display: block;
	background: #ea6500;
	position: absolute;
	top: 200px;
	left: 20px;
	-webkit-transition: 0.4s ease-out;
	transition: 0.4s ease-out;
}
.sklep .kategorie a:hover .pasek{
	width: 225px;
	height: 225px;
	top: 50%;
	left: 0;
	-webkit-transform: rotate(90deg) translate(-50%, 0%);
	transform: rotate(90deg) translate(-50%, 0%);
}
.sklep .kategorie a h4{
	text-align: left;
	color: #1b1b1b;
	font-weight: 800;
	font-size: 20px;
	position: absolute;
	bottom: 30px;
	left: 20px;
	-webkit-transition: 0.4s 0.2s ease-out;
	transition: 0.4s 0.2s ease-out;
}
.sklep .kategorie a:hover h4{
	color: rgba(255,255,255,0.2);
	font-size: 32px;
	bottom: 140px;
	left: -5px;
}
.sklep .kategorie a.top-h4:hover h4{
	bottom: 170px;
}
.sklep .kategorie a.big-h4:hover h4{
	font-size: 62px;
}
.sklep .kategorie a .pod-kategorie{
	width: 100%;
	padding: 15px;
	color: #fff;
	font-size: 14px;
	text-align: left;
	position: absolute;
	bottom: 0;
	left: -100%;
	-webkit-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}
.sklep .kategorie a:hover .pod-kategorie{
	left: 0;
	-webkit-transition: 0.4s 0.3s ease-out;
	transition: 0.4s 0.3s ease-out;
}

/* lista produktow */
.sklep .sciezka,
.sklep .lista,
.sklep .filtrowanie{
	width: 100%;
	text-align: left;
	margin-top: 60px;
	background: #fff;
	padding: 30px;
	position: relative;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
	-webkit-transition: 0.2s linear;
	transition: 0.2s linear;
}
.sklep .sciezka{
	padding: 25px 30px;
	text-align: center;
}
.sklep .lista{
	text-align: center;
	margin-top: 10px;
	padding: 30px 30px 0 30px;
}
.sklep .filtrowanie{
	margin-top: 10px;
	text-align: center;
}
.sklep .sciezka a{
	padding: 5px 10px;
	display: inline-block;
	margin: 5px;
	background: #bebdbd;
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.sklep .sciezka a.active,
.sklep .sciezka a:hover{
	background: #1b1b1b;
}
.sklep .lista li{
	width: 100%;
	padding: 20px 0;
	display: block;
	border-bottom: 1px solid #e5e5e5;
	text-align: left;
}
.sklep .lista li:last-child{
	border: none;
}
.sklep .lista li .lista-img{
	width: 120px;
	height: 120px;
	display: inline-block;
	vertical-align: top;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	-webkit-transition: 0.4s ease-out;
	transition: 0.4s ease-out;
}
.sklep .lista li.active .lista-img{
	width: 250px;
	height: 250px;
}
.sklep .lista li .lista-text{
	width: calc(100% - 250px);
	min-height: 120px;
	padding: 10px 20px 40px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	-webkit-transition: 0.4s ease-out;
	transition: 0.4s ease-out;
}
.sklep .lista li.active .lista-text{
	width: calc(100% - 380px);
	/*height: 120px;*/
}
.sklep .lista li .lista-opis{
	height: 0;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	margin: 10px 0;
	-webkit-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}
.sklep .lista li.active .lista-opis{
	height: auto;
	visibility: visible;
	opacity: 1;
	-webkit-transition: 0.2s 0.4s ease-out;
	transition: 0.2s 0.4s ease-out;
}
.sklep .lista li .lista-text .lista-nazwa{
	font-size: 20px;
	font-weight: 800;
	color: #1b1b1b;
}
.sklep .lista li .lista-text .lista-kategoria{
	font-size: 14px;
	color: #bebdbd;
	margin-top: 5px;
}
.sklep .lista li .lista-text .lista-cena{
	font-size: 20px;
	font-weight: 800;
	color: #ea5906;
	position: absolute;
	bottom: 10px;
	left: 20px;
}
.sklep .lista li.active .lista-text .lista-cena{
	position: relative;
	bottom: auto;
	left: auto;
	margin-top: 5px;
}
.sklep .lista li .lista-opcje{
	width: 100px;
	display: inline-block;
	vertical-align: top;
}
.sklep .lista li .lista-opcje a{
	width: 36px;
	height: 36px;
	display: inline-block;
	margin: 5px;
	border-radius: 100%;
	background: #1b1b1b;
	position: relative;
	-webkit-transition: 0.4s ease-out;
	transition: 0.4s ease-out;
}
.sklep .lista li .lista-opcje a img{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) rotateY(0deg);
	transform: translate(-50%, -50%) rotateY(0deg);
	-webkit-transition: 0.4s ease-out;
	transition: 0.4s ease-out;
}
.sklep .lista li .lista-opcje a.btn-lista-kup{
	background: #93090e;
}
.sklep .lista li .lista-opcje a:hover{
	box-shadow: 0 6px 14px -3px rgba(0,0,0,0.4);
}
.sklep .lista li .lista-opcje a:hover img{
	-webkit-transform: translate(-50%, -50%) rotateY(360deg);
	transform: translate(-50%, -50%) rotateY(360deg);
}
@media (max-width: 600px) {
	.sklep .lista li{
		text-align: center;
	}
	.sklep .lista li .lista-text{
		width: 100%;
		min-height: 0;
		padding: 10px;
	}
	.sklep .lista li .lista-opcje{
		width: 100%;
		display: block;
	}
	.sklep .lista li .lista-text .lista-cena {
		position: relative;
		bottom: auto;
		left: auto;
	}
	.sklep .lista li.active .lista-text {
		width: 100%;
	}
}
/* filtry */
.sklep .filtrowanie p{
	font-size: 14px;
}
.sklep .filtrowanie .filrt,
.sklep .filtrowanie .szukaj{
	display: inline-block;
	text-align: left
}
.sklep .filtrowanie .szukaj{
	margin: 0 20px;
}
.sklep .filtrowanie .sortowanie{
	display: inline-block;
	text-align: right;
}
.sklep .filtrowanie input,
.sklep .filtrowanie select{
	width: 100px;
	height: 25px;
	padding: 0 10px;
	margin-top: 10px;
	font-size: 12px;
	border: 1px solid #bebdbd;
}
.sklep .filtrowanie select{
	width: 140px;
}
.sklep .filtrowanie .szukaj input{
	width: 360px;
}
.sklep .filtrowanie a,
.sklep .filtrowanie button{
	width: 120px;
	padding: 8px 0;
	display: inline-block;
	margin: 20px 10px 0;
	font-size: 12px;
	background: #93090e;
	color: #fff;
	border-radius: 100px;
	cursor: pointer;
	-webkit-transition: 0.4s ease-out;
	transition: 0.4s ease-out;
}
.sklep .filtrowanie a:hover,
.sklep .filtrowanie button:hover{
	box-shadow: 0px 6px 14px -5px rgba(0,0,0,0.4);
}
.sklep .pagination{
	text-align: center;
	margin: 40px 0;
	display: block;
}
.sklep .pagination li{
	display: inline-block;
}
.sklep .pagination li span,
.sklep .pagination li a{
	width: 20px;
	padding: 5px;
	margin: 0 3px;
	background: #fff;
	color: #1b1b1b;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
	cursor: pointer;
	float: none;
	border: none;
	border-radius: 0;
}
.sklep .pagination li.disabled span,
.sklep .pagination li.disabled a{
	cursor: default;
	display: none;
}
/*.sklep .pagination li:first-of-type a,
.sklep .pagination li:last-of-type a{
	margin: 0 10px;
}*/
.sklep .pagination a:hover,
.sklep .pagination li.active a,
.sklep .pagination span:hover,
.sklep .pagination li.active span{
	background: #ea5906;
	color: #fff;
	border: none;
}
.sklep .pagination li.disabled span:hover,
.sklep .pagination li.disabled a:hover{
	background: #fff;
	color: #1b1b1b;
}
.sklep p.brak{
    width: 100%;
    text-align: center;
    margin-top: 10px;
    background: #fff;
    padding: 30px;
    position: relative;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
}
/* popup regulamin */
.popup-regulation {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999999;
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
    background: #fff;
}

/* sklep popup */
.sklep-popup{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999999999;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}
.sklep-popup.active{
	visibility: visible;
	opacity: 1;
	-webkit-transition: 0.4s ease-out;
	transition: 0.4s ease-out;
}
.sklep-popup .przyciemnienie{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(255,255,255,0.9);
	-webkit-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}
.sklep-popup.active .przyciemnienie{
	-webkit-transition: 0.4s ease-out;
	transition: 0.4s ease-out;
}
.sklep-popup .sklep-popup-content{
	width: 400px;
	padding: 10px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -90px 0 0 -200px;
	background: #fff;
	box-shadow: 0px 6px 22px 0px rgba(0, 0, 0, 0.4);
	opacity: 0;
	-webkit-transform: translate(0, 200px);
	transform: translate(0, 200px);
	-webkit-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}
.sklep-popup.active .sklep-popup-content{
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	opacity: 1;
	-webkit-transition: 0.6s ease-out;
	transition: 0.6s ease-out;
}
.sklep-popup .sklep-popup-content .sklep-popup-margin{
	position: relative;
	padding: 20px;
	text-align: center;
}
.sklep-popup .sklep-popup-content .sklep-popup-margin > *{
	position: relative;
}
.sklep-popup .sklep-popup-content .sklep-popup-border{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border: 2px solid #ea5906;
}
.sklep-popup.active .sklep-popup-content p{
	font-size: 20px;
	font-weight: 800;
	padding: 30px 20px 40px;
}
.sklep-popup.active .sklep-popup-content a{
	width: 120px;
	padding: 8px 0;
	display: inline-block;
	font-size: 12px;
	margin: 0 5px;
	background: #93090e;
	color: #fff;
	border-radius: 100px;
	-webkit-transition: 0.4s ease-out;
	transition: 0.4s ease-out;
}
.sklep-popup.active .sklep-popup-content a:hover{
	box-shadow: 0px 6px 14px -5px rgba(0,0,0,0.4);
}

/* popup extra */
div.popup-extra{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	-webkit-transition: 0.4s ease-out;
	transition: 0.4s ease-out;
	z-index: 99999999999999999;
	background: rgba(255, 255, 255,0.9);
	overflow-y: auto;
}
div.popup-extra div.lightbx{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
div.popup-extra .popup-extra-info{
	width: 900px;
	min-height: 400px;
	background: #fff;
	border: 5px solid #eb6b03;
	text-align: center;
	margin: 100px auto;
	position: relative;
	padding: 40px;
}
div.popup-extra .popup-extra-info h1{
	font-size: 45px;
	font-weight: 100;
	line-height: 55px;
}
div.popup-extra .popup-extra-info h1 b{
	font-weight: bold;
}
div.popup-extra .popup-extra-info h1 span{
	font-weight: bold;
	color: #eb6b03;
}
div.popup-extra .popup-extra-info h2{
	font-size: 28px;
	padding: 20px 0 10px;
}
div.popup-extra .popup-extra-info p{
	font-size: 18px;
	padding-top: 5px;
}
div.popup-extra .popup-extra-info p span{
	font-size: 23px;
	font-weight: bold;
	color: #eb6b03;
}
div.popup-extra .popup-extra-info p b{
	font-size: 23px;
	font-weight: bold;
}
div.popup-extra .popup-extra-info small{
	font-size: 12px;
	color: #8b8b8b;
	padding: 20px 0;
	display: block;
	line-height: 14px;
}
div.popup-extra .popup-extra-info p.przpis{
	font-size: 14px;
	color: #606060;
	line-height: 18px;
}
div.popup-extra .popup-extra-info a.link{
    width: 200px;
    padding: 9px 20px 9px 15px;
    font-size: 12px;
    color: #fff;
    text-align: left;
    -webkit-border-radius: 100px;
    display: block;
    -moz-border-radius: 100px;
    border-radius: 100px;
    box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.5);
    margin: 30px auto 10px;
    background: #93090e;
    cursor: pointer;
    text-transform: uppercase;
    position: relative;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
div.popup-extra .popup-extra-info a.link img{
	position: absolute;
	top: 50%;
	right: 18px;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
div.popup-extra .popup-extra-info a.regulamin{
    width: 200px;
    padding: 9px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    -webkit-border-radius: 100px;
    display: block;
    -moz-border-radius: 100px;
    border-radius: 100px;
    box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.5);
    margin: 0 auto;
    background: #93090e;
    cursor: pointer;
    text-transform: uppercase;
    position: relative;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
div.popup-extra .popup-extra-info a.popup-extra2-zam{
	padding: 10px;
	background: #eb6b03;
	color: #fff;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}
@media (max-width: 900px){
	div.popup-extra .popup-extra-info{
		width: 95%;
	}
}
@media (max-width: 900px){
	div.popup-extra .popup-extra-info{
		width: 95%;
	}
}


.ssf-content{
	width: 100%;
	margin: 30px 0;
	background: #fff;
	padding: 30px;
	text-align: center;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.35);
}
table.newp{
	width: 100%;
	text-align: center;
}
table.newp th{
	text-align: center;
	padding: 12px 0;
	font-weight: bold;
	color: #979797;
}
table.newp td{
	padding: 12px 0;
	border-top: 1px solid #e5e5e5;
}

#excelTable tbody tr td:nth-child(3) {color:dodgerblue;cursor:pointer;}
#excelTable tbody tr td:nth-child(3):hover {text-decoration:underline;}

#excelTable thead tr th:nth-child(3) .arrow-down {display:none;}





.recipes {display:block;width:100%;min-height:100%;height:100%;background:url('../img/recipes/bg.jpg') center top no-repeat;}


@media (min-width: 1750px) {

	.recipes .heading {display:block;width:1010px;height:240px;background:url('../img/recipes/bg-heading-xl.png') center center no-repeat;margin:30px auto 100px;}
	.recipes .heading .heading-circle {position:absolute;width:190px;height:190px;border-radius:100%;background:#feca30;margin:20px 0 0 50px;}
	.recipes .heading .heading-circle span {display:block;text-align:center;font-weight:700;text-transform:uppercase;}
	.recipes .heading .heading-circle span:nth-child(1) {font-size:17px;padding:40px 0 0;}
	.recipes .heading .heading-circle span:nth-child(2) {font-size:55px;font-weight:900;}
	.recipes .heading .heading-circle span:nth-child(3) {font-size:17px;}
	.recipes .heading .items {}
	.recipes .heading .items .item {position:absolute;}
	.recipes .heading .items .item1 {font-size:25px;font-weight:900;color:#ed7b26;text-transform:uppercase;margin:30px 0 0 240px;}
	.recipes .heading .items .item2 {font-size:13px;line-height:1.3;margin:70px 0 0 240px;width:280px;}
	.recipes .heading .items .item3 {font-size:13px;line-height:1.3;margin:70px 0 0 550px;width:350px;}

}
@media (max-width: 1749px) {

	.recipes .heading {display:block;width:813px;height:358px;background:url('../img/recipes/bg-heading-md.png') top left no-repeat;margin:30px auto 100px;}
	.recipes .heading .heading-circle {position:absolute;width:190px;height:190px;border-radius:100%;background:#feca30;margin:45px 0 0 50px;}
	.recipes .heading .heading-circle span {display:block;text-align:center;font-weight:700;text-transform:uppercase;}
	.recipes .heading .heading-circle span:nth-child(1) {font-size:17px;padding:40px 0 0;}
	.recipes .heading .heading-circle span:nth-child(2) {font-size:55px;font-weight:900;}
	.recipes .heading .heading-circle span:nth-child(3) {font-size:17px;}
	.recipes .heading .items {}
	.recipes .heading .items .item {position:absolute;}
	.recipes .heading .items .item1 {font-size:25px;font-weight:900;color:#ed7b26;text-transform:uppercase;margin:30px 0 0 240px;}
	.recipes .heading .items .item2 {font-size:13px;line-height:1.3;margin:100px 0 0 240px;width:180px;}
	.recipes .heading .items .item3 {font-size:13px;line-height:1.3;margin:100px 0 0 460px;width:250px;}

}



.recipes .items .item .ingredients {position:absolute;margin:-65px 0 0 -15px;}

.recipes .items .item .ingredients .head {display:block;width:179px;height:59px;background:url('../img/recipes/completed-top.png') center center no-repeat;}
.recipes .items .item .ingredients .head span {position:absolute;text-transform:uppercase;font-weight:900;color:#ea5906;margin:23px 0 0 25px;font-size:14px;}

.recipes .items .item .ingredients .completed {}
.recipes .items .item .ingredients .completed .completed-list {}
.recipes .items .item .ingredients .completed .completed-list .completed-item {position:relative;display:block;width:179px;background:url('../img/recipes/completed-center.png') center top repeat-y;}
.recipes .items .item .ingredients .completed .completed-list .completed-item .check {position:absolute;right:18px;top:5px;width:25px;}
.recipes .items .item .ingredients .completed .completed-list .completed-item .name {display:block;font-size:12px;width:109px;margin:0 0 0 25px;padding:5px 0 10px;}



.recipes .items .item .ingredients .completed-list .completed-item .bottom-line {position:absolute;display:block;width:119px;bottom:0;left:30px;border-bottom:2px dotted #ed7b26;}
.recipes .items .item .ingredients .completed-list .completed-item:last-child .bottom-line {display:none;}


.recipes .items .item .ingredients .uncompleted {}
.recipes .items .item .ingredients .uncompleted-top {display:block;width:179px;height:9px;background:url('../img/recipes/uncompleted-top.png') center center no-repeat;}
.recipes .items .item .ingredients .uncompleted-bottom {display:block;width:179px;height:24px;background:url('../img/recipes/uncompleted-bottom.png') center center no-repeat;}

.recipes .items .item .ingredients .uncompleted-list .uncompleted-item {position:relative;display:block;width:179px;height:75px;background:url('../img/recipes/uncompleted-center.png') center top repeat-y;}
.recipes .items .item .ingredients .uncompleted-list .uncompleted-item .exclamation {position:absolute;left:18px;bottom:20px;}
.recipes .items .item .ingredients .uncompleted-list .uncompleted-item .img {position:absolute;width:30px;right:18px;top:0;}
.recipes .items .item .ingredients .uncompleted-list .uncompleted-item .name {position:absolute;font-size:12px;margin:10px 0 0 35px;width:85px;}
.recipes .items .item .ingredients .uncompleted-list .uncompleted-item .bottom-line {position:absolute;display:block;width:119px;bottom:0;left:30px;border-bottom:2px dotted #FFF;}
.recipes .items .item .ingredients .uncompleted-list .uncompleted-item:last-child .bottom-line {display:none;}





.recipes .items {width:90%;margin:0 auto;}
.recipes .items .item {display:block;float:left;width:50%;height:600px;}
.recipes .items .item .box {display:block;width:330px;background:#e6e9eb;padding:20px;margin:0 auto;-webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,0.25);box-shadow:0 5px 10px 0 rgba(0,0,0,0.25);}
.recipes .items .item .box img {width:100%;margin:0 0 15px;}
.recipes .items .item .box .title {font-size:20px;font-weight:900;color:#ea5906;text-transform:uppercase;margin:0 0 5px;}
.recipes .items .item .box .subtitle {font-size:20px;font-weight:300;color:#999;text-transform:uppercase;margin:0 0 20px;}
.recipes .items .item .box .btns {text-align:right;}
.recipes .items .item .box .btns a {width:150px;padding:9px 20px 9px 15px;font-size:11px;color:#fff;-webkit-border-radius:100px;display:inline-block;-moz-border-radius:100px;border-radius:100px;box-shadow:0px 2px 0px 0px rgba(0,0,0,0.5);background:#93090e;cursor:pointer;position:relative;-webkit-transition:0.4s;transition:0.4s;text-transform:uppercase;text-align:center;}
.recipes .items .item .box .btns a:hover {-webkit-transform:translateY(2px);transform:translateY(2px);box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);background:#820509;}





@media (min-width: 1650px) {

	.recipe {display:block;width:100%;min-height:100%;height:100%;background:url('../img/recipes/bg.jpg') center top no-repeat;}

	.recipe .content {position:relative;width:1040px;margin:25px auto 0;height:1000px;}

	.recipe .content .box {position:absolute;display:block;width:400px;background:#e6e9eb;padding:20px 20px 10px;margin:0 auto;-webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,0.25);box-shadow:0 5px 10px 0 rgba(0,0,0,0.25);-moz-transform: rotate(-10deg);-webkit-transform: rotate(-10deg);-o-transform: rotate(-10deg);-ms-transform: rotate(-10deg);transform: rotate(-10deg);margin:105px 0 0 40px;}
	.recipe .content .box img {width:100%;margin:0 0 15px;}
	.recipe .content .box .title {font-size:20px;font-weight:900;color:#ea5906;text-transform:uppercase;margin:0 0 5px;}
	.recipe .content .box .subtitle {font-size:20px;font-weight:300;color:#999;text-transform:uppercase;margin:0 0 20px;}

	.recipe .content .note {position:absolute;}
	.recipe .content .note-md {display:none;}

	.recipe .content .items {position:absolute;top:745px;left:45px;}
	.recipe .content .items .item {position:absolute;}
	.recipe .content .items .item1 {margin:0;width:231px;height:204px;background:url('../img/recipes/receipt-item1.png');}
	.recipe .content .items .item2 {margin:0 0 0 235px;width:232px;height:186px;background:url('../img/recipes/receipt-item2.png');}
	.recipe .content .items .item3 {margin:0 0 0 467px;width:231px;height:209px;background:url('../img/recipes/receipt-item3.png');}
	.recipe .content .items .item4 {margin:0 0 0 702px;width:233px;height:202px;background:url('../img/recipes/receipt-item4.png');}

	.recipe .content .items .item1.active {background:url('../img/recipes/receipt-item1-active.png');}
	.recipe .content .items .item2.active {background:url('../img/recipes/receipt-item2-active.png');}
	.recipe .content .items .item3.active {background:url('../img/recipes/receipt-item3-active.png');}
	.recipe .content .items .item4.active {background:url('../img/recipes/receipt-item4-active.png');}

	.recipe .content .items .item .heading {position:absolute;border-bottom:2px dotted #FFF;color:#FFF;text-transform:uppercase;margin:55px 0 0 25px;font-size:17px;padding:0 0 5px;font-weight:900;}
	.recipe .content .items .item .exclamation {position:absolute;margin:130px 0 0 10px;}
	.recipe .content .items .item .name {position:absolute;text-transform:uppercase;margin:95px 0 0 25px;font-size:14px;width:120px;}
	.recipe .content .items .item .img {position:absolute;width:65px;margin:40px 0 0 155px;}

	.recipe .content .items .item.active .heading {color:#ea5906;border-bottom:2px dotted #ea5906;}

	.recipe .content .recipe-info {position:absolute;display:block;width:250px;height:250px;background:#ffca08;border-radius:100%;margin: -20px 0 0 230px;;}
	.recipe .content .recipe-info .recipe-circle {position:absolute;width:94%;height:94%;border:2px dotted #FFF;border-radius:100%;margin:3% 0 0 3%;}
	.recipe .content .recipe-info .recipe-circle span {display:block;text-align:center;text-transform:uppercase;}
	.recipe .content .recipe-info .recipe-circle .sm {font-weight:700;font-size:16px;padding:40px 0 0;}
	.recipe .content .recipe-info .recipe-circle .sm b {font-weight:900;}
	.recipe .content .recipe-info .recipe-circle .lg {font-weight:900;font-size:70px;}
	.recipe .content .recipe-info .recipe-circle .md {font-weight:700;font-size:20px;}



	.recipe .description {position: absolute;width:420px;height:635px;margin:47px 0 0 540px;}

	.recipe .description .desc-heading {display:block;width:100%;text-align:center;text-transform:uppercase;font-weight:700;color:#FFF;font-size:17px;margin:0 0 10px;}
	.recipe .description .desc-heading span {display:block;font-size:13px;}
	.recipe .description .desc-heading1:before {display:block;content:'';width:130px;height:1px;border-bottom:2px dotted #FFF;position:absolute;margin:7px 0 0 0;}
	.recipe .description .desc-heading1:after {display:block;content:'';width:130px;height:1px;border-bottom:2px dotted #FFF;position:absolute;margin: -23px 0 0 287px;}
	.recipe .description .desc-heading2:before {display:block;content:'';width:130px;height:1px;border-bottom:2px dotted #FFF;position:absolute;margin:7px 0 0 0;}
	.recipe .description .desc-heading2:after {display:block;content:'';width:130px;height:1px;border-bottom:2px dotted #FFF;position:absolute;margin: -9px 0 0 287px;}

	.recipe .description .desc-content {color:#FFF;font-size:12px;}
	.recipe .description .desc-content:after {display:block;content:'';clear:both;}
	.recipe .description .desc-content .desc-left,
	.recipe .description .desc-content .desc-right {float:left;width:50%;}

	.recipe .description .desc-content .desc-item {padding:0 0 10px;}
	.recipe .description .desc-content .desc-item .desc-head {font-weight:900;padding:0 0 3px;}
	.recipe .description .desc-content .desc-item span {display:inline-block;}
	.recipe .description .desc-content .desc-item span:nth-child(odd) {width:55px;text-align:right;}
	.recipe .description .desc-content .desc-item span:nth-child(even) {width:135px;}

}
@media (max-width: 1649px) {

	.recipe {display:block;width:100%;min-height:100%;height:100%;background:url('../img/recipes/bg.jpg') center top no-repeat;}

	.recipe .content {position:relative;width:780px;margin:25px auto 0;height:1380px;}

	.recipe .content .box {position:absolute;display:block;width:320px;background:#e6e9eb;padding:20px 20px 10px;-webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,0.25);box-shadow:0 5px 10px 0 rgba(0,0,0,0.25);-moz-transform: rotate(-10deg);-webkit-transform: rotate(-10deg);-o-transform: rotate(-10deg);-ms-transform: rotate(-10deg);transform: rotate(-10deg);margin:220px 0 0 35px;}
	.recipe .content .box img {width:100%;margin:0 0 15px;}
	.recipe .content .box .title {font-size:20px;font-weight:900;color:#ea5906;text-transform:uppercase;margin:0 0 5px;}
	.recipe .content .box .subtitle {font-size:20px;font-weight:300;color:#999;text-transform:uppercase;margin:0 0 20px;}

	.recipe .content .note {position:absolute;}
	.recipe .content .note-xl {display:none;}

	.recipe .content .items {position:absolute;top:915px;left:45px;}
	.recipe .content .items .item {position:absolute;}
	.recipe .content .items .item1 {margin:0 0 0 45px;width:231px;height:204px;background:url('../img/recipes/receipt-item1.png');}
	.recipe .content .items .item2 {margin:0 0 0 390px;width:232px;height:186px;background:url('../img/recipes/receipt-item2.png');}
	.recipe .content .items .item3 {margin:230px 0 0 45px;width:231px;height:209px;background:url('../img/recipes/receipt-item3.png');}
	.recipe .content .items .item4 {margin:230px 0 0 390px;width:233px;height:202px;background:url('../img/recipes/receipt-item4.png');}

	.recipe .content .items .item1.active {background:url('../img/recipes/receipt-item1-active.png');}
	.recipe .content .items .item2.active {background:url('../img/recipes/receipt-item2-active.png');}
	.recipe .content .items .item3.active {background:url('../img/recipes/receipt-item3-active.png');}
	.recipe .content .items .item4.active {background:url('../img/recipes/receipt-item4-active.png');}

	.recipe .content .items .item .heading {position:absolute;border-bottom:2px dotted #FFF;color:#FFF;text-transform:uppercase;margin:45px 0 0 25px;font-size:17px;padding:0 0 5px;font-weight:900;}
	.recipe .content .items .item .exclamation {position:absolute;margin:120px 0 0 10px;}
	.recipe .content .items .item .name {position:absolute;text-transform:uppercase;margin:85px 0 0 25px;font-size:14px;width:120px;}
	.recipe .content .items .item .img {position:absolute;width:65px;margin:30px 0 0 155px;}

	.recipe .content .items .item.active .heading {color:#ea5906;border-bottom:2px dotted #ea5906;}



	.recipe .content .recipe-info {position:absolute;display:block;width:250px;height:250px;background:#ffca08;border-radius:100%;margin:0px 0 0 135px;}
	.recipe .content .recipe-info .recipe-circle {position:absolute;width:94%;height:94%;border:2px dotted #FFF;border-radius:100%;margin:3% 0 0 3%;}
	.recipe .content .recipe-info .recipe-circle span {display:block;text-align:center;text-transform:uppercase;}
	.recipe .content .recipe-info .recipe-circle .sm {font-weight:700;font-size:16px;padding:40px 0 0;}
	.recipe .content .recipe-info .recipe-circle .sm b {font-weight:900;}
	.recipe .content .recipe-info .recipe-circle .lg {font-weight:900;font-size:70px;}
	.recipe .content .recipe-info .recipe-circle .md {font-weight:700;font-size:20px;}


	.recipe .description {position:absolute;width:345px;/*height:635px;*/margin:25px 0 0 400px;}

	.recipe .description .desc-heading {display:block;width:100%;text-align:center;text-transform:uppercase;font-weight:700;color:#FFF;font-size:17px;margin:0 0 10px;}
	.recipe .description .desc-heading span {display:block;font-size:13px;}
	.recipe .description .desc-heading1:before {display:block;content:'';width:110px;height:1px;border-bottom:2px dotted #FFF;position:absolute;margin:7px 0 0 0;}
	.recipe .description .desc-heading1:after {display:block;content:'';width:110px;height:1px;border-bottom:2px dotted #FFF;position:absolute;margin: -23px 0 0 233px;}
	.recipe .description .desc-heading2:before {display:block;content:'';width:110px;height:1px;border-bottom:2px dotted #FFF;position:absolute;margin:7px 0 0 0;}
	.recipe .description .desc-heading2:after {display:block;content:'';width:110px;height:1px;border-bottom:2px dotted #FFF;position:absolute;margin: -9px 0 0 233px;}

	.recipe .description .desc-content {color:#FFF;font-size:12px;}
	.recipe .description .desc-content:after {display:block;content:'';clear:both;}
	.recipe .description .desc-content .desc-left,
	.recipe .description .desc-content .desc-right {float:left;width:100%;}

	.recipe .description .desc-content .desc-item {padding:0 0 10px;}
	.recipe .description .desc-content .desc-item .desc-head {font-weight:900;padding:0 0 3px;}
	.recipe .description .desc-content .desc-item span {display:inline-block;}
	.recipe .description .desc-content .desc-item span:nth-child(odd) {width:25%;text-align:right;}
	.recipe .description .desc-content .desc-item span:nth-child(even) {width:75%;}


}
















.popup-recipes {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.5);z-index:9999;}
.popup-recipes-box {width:970px;height:470px;background:url('../img/recipes/popup-recipes-bg.png') center center no-repeat;position:absolute;top:50%;left:50%;margin:-235px 0 0 -485px;}
.popup-recipes-content {position:absolute;width:505px;height:4400px;margin:15px 0 0 15px;text-align:center;}
.popup-recipes-title {font-size:28px;text-transform:uppercase;color:#f07a01;margin:50px 0 40px;}
.popup-recipes-title span {display:inline-block;border-bottom:4px dotted #f07a01;padding:0 30px 10px;}
.popup-recipes-desc {font-weight:300;font-size:21px;line-height:1.2;margin:0 0 40px;}
.popup-recipes-text {color:#f07a01;font-size:21px;margin:0 0 40px;}
.popup-recipes-btns a {width:150px;padding:9px 20px 9px 15px;font-size:11px;color:#fff;-webkit-border-radius:100px;display:inline-block;-moz-border-radius:100px;border-radius:100px;box-shadow:0px 2px 0px 0px rgba(0,0,0,0.5);background:#93090e;cursor:pointer;position:relative;-webkit-transition:0.4s;transition:0.4s;text-transform:uppercase;text-align:center;}
.popup-recipes-btns a:hover {-webkit-transform:translateY(2px);transform:translateY(2px);box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);background:#820509;}

.popup-recipes-box .items {}
.popup-recipes-box .items .item {position:absolute;width:420px;height:140px;background:red;background-size:600px 600px;background-position:left center;}
.popup-recipes-box .items .item1 {margin:15px 0 0 535px;}
.popup-recipes-box .items .item2 {margin:165px 0 0 535px;}
.popup-recipes-box .items .item3 {margin:316px 0 0 535px;}
.popup-recipes-box .items .item .item-title {position:absolute;bottom:10px;left:10px;color:#FFF;text-shadow:0 0 10px #000;}






/*
    Rating stars
*/
.rating-stars{
	position: relative;
}
.rating-stars::before{
	content: 'Oceń materiał';
	width: 120px;
	padding: 10px 0;
	font-size: 12px;
	font-weight: 800;
	background: #fff;
	border-radius: 100px;
	position: absolute;
	bottom: 25px;
	left: 50%;
	z-index: 99;
	-webkit-transform: translate(-50%, -10px);
	transform: translate(-50%, -10px);
	box-shadow: 0 -6px 12px 0 rgba(0,0,0,.4);
	visibility: hidden;
	opacity: 0;
	transition: .4s ease-out;
}
.rating-stars:hover::before{
	visibility: visible;
	opacity: 1;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
.rating-stars ul {
	margin-top: 5px;
	list-style-type: none;
	padding: 0;
	-moz-user-select: none;
	-webkit-user-select: none;
}
.rating-stars ul > li.star {
	display: inline-block;
}
.rating-stars ul > li.star > a.fa {
	font-size: 20px;
	color: #ccc;
}
.rating-stars ul > li.star.hover > a.fa {
	color: #FFCC36;
}
.rating-stars ul > li.star.selected > a.fa {
	color: #FF912C;
}


/*
AKCJA KOSZYK
*/
.koszyk{
	min-height: 100vh;
	background: url(../img/koszyk/bg.jpg);
	background-size: cover;
}
.k__top{
	position: relative;
	display: inline-block;
	margin: 20px auto 0;
}
.k__badge{
	position: absolute;
	top: 17px;
	left: 34px;
}
.k__top-text{
	position: absolute;
	top: 0;
	left: 242px;
	right: 10px;
	bottom: 16px;
	display: flex;
	align-items: center;
}
.k__top-text h1,
.k__top-text h2{
	color: #e8651e;
	font-weight: bold;
	font-size: 24px;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.k__top-text h2{
	color: #1fa070;
	font-size: 14px;
	margin-bottom: 5px;
}
.k__top-text small{
	font-size: 12px;
}
.k__ul{
	list-style: decimal;
	padding-left: 16px;
	font-size: 14px;
}
.k__ul li{
	margin-bottom: 5px;
}
.k__middle{
	margin: 70px 0;
	text-align: center;
}
.k__basket{
	width: 475px;
	height: 585px;
	background: url(../img/koszyk/koszyk.png) no-repeat;
	display: inline-block;
	vertical-align: middle;
	position: relative;
}
.k__basket-c{
	width: 215px;
	height: 376px;
	position: absolute;
	top: 75px;
	left: 108px;
}
.k__basket-c-title{
	width: 100%;
	height: 75px;
	padding: 11px 20px;
	color: #e8651e;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
	text-align: left;
}
.k__basket-c-title b{
	font-size: 18px;
	display: block;
}
.k__basket-c-item{
	width: 90%;
	margin: 0 5%;
	height: 85px;
	text-align: left;
	border-bottom: 2px dotted #fff;
}
.k__basket-c-item-title,
.k__basket-c-item-none{
	width: 68%;
	max-height: 70%;
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	text-overflow: ellipsis;
}
.k__basket-c-item-none{
	padding-top: 35px;
}
.k__basket-c-item-img{
	width: 28%;
	height: 100%;
	display: inline-block;
	vertical-align: middle;
	position: relative;
}

.k__basket-c-item-img > span{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.k__basket-c-item-img img{
	max-width: 100%;
	max-height: 80%;
}
.k__basket-ok::before{
	content: '';
	width: 25px;
	height: 25px;
	background: url(../img/koszyk/ok.png) no-repeat;
	background-size: contain;
	position: absolute;
	bottom: 7px;
	left: -6px;

}
a.k__basket-a{
	width: 120px;
	text-align: center;
	padding: 9px;
	font-size: 10px;
	color: #fff;
	display: block;
	text-transform: uppercase;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	box-shadow: 0 2px 0 0 rgba(0,0,0,0.5);
	margin: 10px auto;
	background: #93090e;
	cursor: pointer;
	position: relative;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
a.k__basket-a:hover{
	transform: translate(0,2px);
	box-shadow: 0 0 0 0 rgba(0,0,0,0.5);
}
.k__yellow-card{
	width: 356px;
	height: 327px;
	font-family: 'Sriracha', 'Lato', cursive;
	background: url(../img/koszyk/karteczka.png) no-repeat;
	display: inline-block;
	vertical-align: middle;
}
.k__yellow-card > div{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.k__yellow-card-text{
	width: 250px;
	transform: rotate(-6deg);
	font-size: 20px;
	margin-left: -20px;
	text-transform: uppercase;
}
.k__yellow-card-text p:nth-child(2){
	font-size: 18px;
	font-weight: bold;
	margin: 30px 0;
	color: #FF1703;
	position: relative;
	display: inline-block;
}
.k__yellow-card-text p:nth-child(2) b{
	font-size: 93px;
	font-weight: normal;
}
.k__yellow-card-text p:nth-child(2) img{
	height: 120%;
	position: absolute;
	bottom: 0;
	left: 110%;
}
.k__bottom{
	padding-bottom: 50px;
	text-align: center;
}
.k__item{
	width: 220px;
	margin: 10px;
	min-height: 180px;
	background-color: #f07c0e;
	position: relative;
	text-align: left;
	box-shadow: 0 6px 12px 0 rgba(0,0,0,.3);
	display: inline-block;
	vertical-align: top;
}
.k__item::after{
	content: '';
	width: 100%;
	height: 40px;
	display: block;
	background: url(../img/koszyk/bottom-card.png) top left no-repeat;
	background-size: contain;
	position: absolute;
	top: 100%;
	left: 0;
}
.k__item-header{
	display: block;
	padding-bottom: 8px;
	margin: 15px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 2px dotted #fff;
}
.k__item-title{
	width: 58%;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	padding-left: 15px;
	color: #353535;
	display: inline-block;
	vertical-align: top;
}
.k__item-img{
	max-width: 40%;
	display: inline-block;
	vertical-align: top;
}
.k__item-img img{
	max-width: 100%;
	display: block;
	margin: 0 auto;
}
.k__popup{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999999;
	overflow-y: auto;
	align-items: center;
	justify-content: center;
	background: rgba(0,0,0,.7);
	display: none;
	transition: .4s ease-out;
}
.k__popup.active{
	display: flex;
}
.k__popup .k__popup-content{
	width: 700px;
	padding-bottom: 20px;
	margin: 50px 0;
	background: #F07C0E;
	text-align: center;
	position: relative;
}
.k__popup .k__popup-content::after{
	content: '';
	width: 100%;
	height: 9px;
	display: block;
	background: url(../img/koszyk/bottom-card-1.png) repeat-x;
	position: absolute;
	top: 100%;
	left: 0;
}
.k__popup-top{
	width: 100%;
	padding: 30px 50px;
	background: #dfe6ea url(../img/koszyk/bottom-card-2.png) bottom repeat-x;
}
.k__popup-top p{
	font-size: 30px;
	color: #F07C0E;
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
}
.k__popup .k__basket-c-item{
	width: 30%;
	display: inline-block;
	margin: 0 1%;
}
.k__popup-bottom{
	margin-bottom: 40px;
}
#content .koszyk .owl-carousel .owl-wrapper-outer {
	box-shadow: none;
}




.questionaire-lipton {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.5);z-index:9999999;display:none;}
.questionaire-lipton .content {}

.questionaire-lipton .content .item {display:none;position:absolute;width:90%;max-width:900px;background:#FFF;top:50%;left:50%;padding:30px;
	-moz-transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);border:10px solid #e8651e;}
.questionaire-lipton .content .item1 {display:block;}


.questionaire-lipton .content .question {padding:0 0 30px;font-size:25px;color:#333;font-weight:600;line-height:1.1;}
.questionaire-lipton .content .answer {padding:0 0 30px;font-size:15px;color:#434343;}



.questionaire-lipton .content .answer input[type="text"] {display:block;width:100%;padding:12px 15px;border:1px solid #CCC;color:#000;}

.questionaire-lipton .content .answer select {padding:12px 15px;border:1px solid #CCC;}


.questionaire-lipton .content .answer textarea {border:1px solid #666;margin:5px 0 0;width:100%;}



.questionaire-lipton form input {display:none !important;}


.questionaire-lipton label {display:block;}
.questionaire-lipton label input[type="checkbox"] {display:none;}
.questionaire-lipton label input[type="checkbox"] + span {display:block;margin:0 0 5px;background:#EEE;color:#000;padding:12px 15px;border-radius:4px;cursor:pointer;}
.questionaire-lipton label input[type="checkbox"] + span i {display:inline-block;padding:0 10px 0 0;color:#e8651e;}
.questionaire-lipton label input[type="checkbox"]:checked + span {background:#e8651e;color:#FFF;}
.questionaire-lipton label input[type="checkbox"]:checked + span i {color:#FFF;}


.questionaire-lipton label {display:block;}
.questionaire-lipton label input[type="radio"] {display:none;}
.questionaire-lipton label input[type="radio"] + span {display:block;margin:0 0 5px;background:#EEE;color:#000;padding:12px 15px;border-radius:4px;cursor:pointer;}
.questionaire-lipton label input[type="radio"]:checked + span {background:#e8651e;color:#FFF;}


.questionaire-lipton .content .answer ul.style1 li {display:block;margin:0 0 5px;background:#EEE;color:#000;padding:12px 15px;border-radius:4px;cursor:pointer;}
.questionaire-lipton .content .answer ul.style1 li:hover {background:#e8651e;color:#FFF;}
.questionaire-lipton .content .answer ul.style1 li .fa {display:inline-block;padding:0 10px 0 0;color:#e8651e;}
.questionaire-lipton .content .answer ul.style1 li:hover .fa {color:#FFF;}

/*
.questionaire-lipton .content .answer ul.style1 li {display:block;margin:0 0 5px;}
.questionaire-lipton .content .answer ul.style2 li .fa {position:absolute;padding:0 10px 0 0;color:#e8651e;margin:12px 15px;}
*/

.questionaire-lipton .content .answer .hide-answer {display:none;}
.questionaire-lipton .content .answer .hide-answer .hide-question {}
.questionaire-lipton .content .answer .hide-answer .hide-answers {}


.questionaire-lipton .subitems {}
.questionaire-lipton .subitems:after {display:block;content:'';clear:both;}
.questionaire-lipton .subitems .subitem {display:none;}
.questionaire-lipton .subitems .subitem1 {display:block;}



.questionaire-lipton .content .controls .add,
.questionaire-lipton .content .controls .next,
.questionaire-lipton .content .controls .closee  {
	text-align:center;
	font-size:13px;
	padding: 9px 20px;
	color: #fff;
	-webkit-border-radius: 100px;
	display: block;
	-moz-border-radius: 100px;
	border-radius: 100px;
	box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.5);
	background: #93090e;
	cursor: pointer;
	position: relative;
	text-transform:uppercase;
	-webkit-transition: 0.4s;
	transition: 0.4s;float:right;
	margin:0 3px 10px;
}



.popup-questionnaire2018 {position:relative;z-index:9999;}
.popup-questionnaire2018 .popup-questionnaire2018-bg {position:fixed;top:0;left:0;/*width:100%;height:100%;background:rgba(255,255,255,.5);*/}
.popup-questionnaire2018 .popup-questionnaire2018-content {position:fixed;top:50%;left:50%;width:90%;max-width:800px;background:#FFF;border:10px solid #EA6500;padding:50px;
	-moz-transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);}
.popup-questionnaire2018 .popup-questionnaire2018-content .question {font-size:23px;line-height:1.3;margin:0 0 20px;}
.popup-questionnaire2018 .popup-questionnaire2018-content .answers {padding:0 0 30px;}
.popup-questionnaire2018 .popup-questionnaire2018-content .answer {display:block;margin:0 0 13px;padding:0 0 0 25px;}
.popup-questionnaire2018 .popup-questionnaire2018-content .answer input {position:absolute;margin:0 0 0 -9999px;}
.popup-questionnaire2018 .popup-questionnaire2018-content .answer span {position:absolute;width:20px;height:20px;border:2px solid #EA6500;border-radius:100%;margin:-1px 0 0 -30px;}
.popup-questionnaire2018 .popup-questionnaire2018-content .answer input[type='radio']:checked+span:before {display:block;content:'';position:absolute;width:10px;height:10px;background:#EA6500;border-radius:100%;margin:4px 0 0 3px;}

.popup-questionnaire2018 .popup-questionnaire2018-content .controls .prev {float:left;}
.popup-questionnaire2018 .popup-questionnaire2018-content .controls .next {float:right;}

.popup-questionnaire2018 .popup-questionnaire2018-content .controls span, .closeQuestionnaire {
	font-size:12px !important;
	width: 120px;
	padding: 9px 20px 9px 15px;
	text-align:center;
	color: #fff;
	-webkit-border-radius: 100px;
	display: block !important;
	-moz-border-radius: 100px;
	border-radius: 100px;
	box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.5);
	margin: 0 0 10px;
	background: #93090e;
	cursor: pointer;
	text-transform: uppercase;
	position: relative;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.popup-questionnaire2018 .popup-questionnaire2018-content .controls span:hover{
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
	background: #820509;
}
.popup-questionnaire2018 .popup-questionnaire2018-content small {display:block;padding:0 0 5px;}
.popup-questionnaire2018 .popup-questionnaire2018-content textarea {width:100%;height:150px;border:1px solid #EA6500;padding:9px 10px;resize:none;}

.popup-questionnaire2018 .popup-questionnaire2018-content .item {display:none;}
.popup-questionnaire2018 .popup-questionnaire2018-content .item0 {display:block;}






/**
Wykres targetu
**/
.horizontal-charts{
	position: relative;
	padding: 20px 0 5px;
	margin: 50px 0;
}
.horizontal-charts-content{
	margin-top: 50px;
}
.premia-new .horizontal-charts__header-test{
	text-align: left;
	margin: 10px 0 10px 15%;
}
.target-lines{
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 15%;
	z-index: 10;
}
.target-lines.target-lines--wholesale{
	width: 70%;
}
.target-line-name{
	width: 1px;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
}
.target-line-name:before{
	content: '';
	width: 100%;
	background: #5f5f5f;
	position: absolute;
	top: 25px;
	left: 0;
	bottom: 0;
}
.target-line-name span{
	width: 100px;
	font-weight: bold;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -50px;
}
.horizontal-chart{
	margin: 10px 0;
}
.horizontal-chart:after{
	content: '';
	clear: both;
	display: block;
}
.horizontal-chart__name{
	width: 15%;
	margin: 0;
	height: 30px;
	float: left;
	text-transform: uppercase;
	text-align: right;
	font-size: 12px;
	position: relative;
}
.horizontal-chart__name span{
	width: 100%;
	padding: 5px 0;
	display: block;
	position: absolute;
	top: 50%;
	right: 8px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: default;
}
.horizontal-chart__info{
	width: 25%;
	height: 30px;
	float: left;
	position: relative;
}
.horizontal-chart__info span{
	width: 100%;
	text-align: left;
	font-size: 12px;
	padding: 5px 0;
	position: absolute;
	top: 50%;
	left: 8px;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	cursor: default;
	-webkit-transition: none;
	transition: none;
}
.horizontal-chart__info span:hover{
	width: auto;
	background: #fff;
	white-space: normal;
	padding: 5px;
	box-shadow: 0 6px 12px 0 rgba(0,0,0,.1);
	-webkit-transition: .2s;
	transition: .2s;
}
.horizontal-chart__strap{
	width: 50%;
	height: 30px;
	float: left;
	background: #d8d8d8;
	font-weight: bold;
	position: relative;
}
.horizontal-chart__strap.horizontal-chart__strap--wholesale{
	width: 70%;
}
.horizontal-chart__strap__target{
	color: #000;
	margin-left: 5px;
	font-weight: normal;
	font-size: 12px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
.horizontal-chart__strap__fill{
	width: 0;
	height: 100%;
	position: absolute;
	top: -2px;
	left: -2px;
	background: #ffaa2e;
	background: -moz-linear-gradient(-45deg, #ffaa2e 0%, #eb6902 100%);
	background: -webkit-linear-gradient(-45deg, #ffaa2e 0%,#eb6902 100%);
	background: linear-gradient(135deg, #ffaa2e 0%,#eb6902 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaa2e', endColorstr='#eb6902',GradientType=1 );
	-webkit-transition: .7s ease-out;
	transition: .7s ease-out;
	will-change: width;
}
.horizontal-chart__strap__fill span{
	width: 150px;
	color: #fff;
	text-align: right;
	position: absolute;
	top: 50%;
	right: 10px;
	white-space:nowrap;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
.horizontal-chart__strap__fill span.min{
	left: 10px;
	right: auto;
	text-align: left;
}
@media (max-width: 840px) {
	.horizontal-chart__name,
	.horizontal-chart__name,
	.horizontal-chart__info{
		width: 100%;
		text-align: left;
	}
	.target-lines,
	.target-lines.target-lines--wholesale{
		display: none;
	}
	.horizontal-charts__select {
		margin: 0 auto;
	}
	.premia-new .horizontal-charts__header-test {
		text-align: center;
		margin: 10px 0;
	}

	.horizontal-chart__strap {
		width: 100%;
	}
	.horizontal-chart__info span,
	.horizontal-chart__name span{
		left: 0;
	}
	.horizontal-chart__strap__fill span,
	.horizontal-chart__strap__fill span.min{
		left: 10px;
		right: auto;
		text-align: left;
	}
}