@import url(stala/default.css?v=2);
@import url(stala/default_shop.css);


.body {
	padding: 0px;
	margin: 0px;
}

.text {
	line-height: 140%;
	padding: 15px 0px;
	clear: both;
}

.main {
	width: 1250px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}


/* HEADER */

header {
	width: 100%;
	display: flex;
	flex-direction: column;
}

#headerBelka {
	display: flex;
	justify-content: space-between;
	background:#b39c88;
	padding:  8px 0px;
}

#headerBelkaL a {
	margin-left: 17px;
	padding-left: 20px;
	margin-top: 4px;
	line-height: 15px;
	display: inline-block;
	color:#fff;
	font-size:13px;
	background: url(iko_mail.png) no-repeat left center;
}

#headerBelkaL a:nth-child(2) {
	background-image: url(iko_tel.png)
}

#headerBelkaL a:hover {
	text-decoration: none;
	opacity:.7;
	transition: .4s;
}


/* wyszka */

#wysz{
	height: 25px;
	display: inline-block;
	border-right: solid 1px #fff;
	margin-right: 15px;
	padding-right: 15px;
}

.input_wysz {
	font-size: 13px;
	vertical-align: middle;
	margin: 0px;
	height: 25px;
	line-height: 15px;
	width: 240px;
	padding-left: 10px;
	background: #fff;
	color: #8c8c8c;
	border: none;
	border-right:none;
}


.button_wysz {
	background: rgba(255,255,255,.2) url(iko_wysz.png) center center no-repeat;
	display: inline-block;
	vertical-align:middle;
	height: 25px;
	width: 25px;
	border: none;
	border-left:none;
	border-left: none;
	cursor:pointer;
	margin-left: -5px;
}

.button_wysz:hover {
	background-color:#f1f1f1;
	transition:.4s;
}

::-webkit-input-placeholder { opacity: 1 !important;}
:-moz-placeholder {opacity: 1 !important;}
::-moz-placeholder { opacity: 1 !important;}
:-ms-input-placeholder {opacity: 1 !important;}
:placeholder-shown { opacity: 1 !important;}

/*
.select {
	background: transparent;
	width: 100%;
	padding-left: 8px;
	font-size: 15px;
	color: #8c8c8c;
	border: none;
	height: 26px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
}

.styled-select {
	border: 1px solid #e2e2e2;
	border-top: none;
	border-bottom: none;
	width: 175px;
	height: 26px;
	overflow: hidden;
	background: #fff url(select.png) 97% center no-repeat;
	display: inline-block;
	vertical-align: middle;
}
*/
/*logo*/

#logoTop {
	display: block;
	background: #fff;
	text-align: center;
	padding: 20px 10px;
}

#logo {
	display: inline-block;
	text-indent: -9999px;
	position:relative;
	width: 130px;
	height: 52px;
}


#logo span {
	width: 130px;
	height: 52px;
	position:absolute;
	top:0px;
	left:0px;
	background: url(restwood.png) center center no-repeat;
}


/* strefa */


#strefa{
	color: #000000;
	font-size: 13px;
	font-weight: 300;
	display: inline-block;
}


#lang {
	border-left: solid 1px #fff;
	display: inline-block;
	padding-right: 25px;
	line-height: 20px;
	padding-left: 5px;
}


#log {
	border-left: solid 1px #fff;
	display: inline-block;
	padding-right: 25px;
	line-height: 25px;
	padding-left: 20px;
	font-size:13px;
}

#log a {
	padding-left: 10px;
	color:#fff;
}

#lang a {
	width: 24px;
	height: 15px;
	display: inline-block;
	vertical-align:middle;
	line-height: 100%;
	margin-top:-3px;
	color:#fff;
	margin-left: 15px;
}
#lang a#langpl {
	margin-left:20px;
	opacity:.3;
	background: url(pl.png) no-repeat left top;
}
#lang a#langen {
	margin-left:10px;
	opacity:.3;
	background: url(en.png) no-repeat left top;
}
#lang a#langde {
	margin-left:10px;
	opacity:.3;
	background: url(de.png) no-repeat left top;
}

#lang a.s, #lang a:hover, #log a:hover {
	text-decoration: none;
	font-weight: 600;
	color:#fff;
}
#lang a#langpl:hover, #lang a#langpl.s,
#lang a#langen:hover, #lang a#langen.s,
#lang a#langde:hover, #lang a#langde.s
{
	transition: .4s;
	opacity:1;
}




#cartTop, #log {
	display: inline-block;
}

#kosz {
	display:inline-block;
	font-size: 14px;
	color: #929292;
	font-weight: 400;
	padding-right: 20px;
}

#kosz span {
	color:#fff;
	font-size: 16px;
	font-weight: 600;
}

#kosz b {
	background: rgba(255,255,255,.2);
	min-width: 25px;
	height: 23px;
	line-height: 23px;
	display: inline-block;
	color:#fff;
	font-size: 14px;
	text-align: center;
	margin-left: 10px;
}

#kosz:hover, #mailtop:hover {
	transition: .4s;
	text-decoration:none;
	color:#e62e41;
}


/* menu */

#nav_res {
	position:absolute;
	right:20px;
	top: -65px;
	width: 40px;
	height:40px;
	display:none;
	z-index: 1000;
	text-indent: -9999px;
	background: #000 url(stala/responsive.png) center center no-repeat;
	cursor: pointer;
	padding: 11px;
}

#nav_res:hover, #nav_res2:hover {
	background-color: #6d5740;
	text-decoration: none;
}


#nav_res2{
	width: 100%;
	background: #000;
	color: #fff;
	text-align: center;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	padding: 10px 0px;
	cursor: pointer;
	display: none;
	margin: 20px 0;
}


#menuGL {
	position: relative;
	display: block;
	width:100%;
	border-top: solid 1px #e7e7e7;
	border-bottom: solid 1px #e7e7e7;
}

#menuGL #menunav {
	display: flex;
	justify-content: center;
}

#menuGL #menunav a {
	display: inline-block;
	padding: 0 20px;
	height: 47px;
	line-height: 47px;
	font-size: 16px;
	color:#000000;
	text-transform: uppercase;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	letter-spacing: 3px;
}

#menuGL #menunav a.s, #menuGL #menunav a:hover {
	color:#b39c88;
	text-decoration: none;
}

/* slajder */

aside {
	display: block;
	width:100%;
	position: relative;
	height: 650px;
}

aside::before {
	content: '';
	width:100%;
	height: 99px;
	background: url(bg-testimonial-bottom.png);
	position: absolute;
	bottom:0;
	left:0;
	z-index:200;
}

blockquote {
	width: 100%;
	position: relative;
	margin:0;
}

.slajd {
	height: 650px;
	width: 100%;
	position: absolute;
	display:none;
	background-repeat: no-repeat;
	background-position: center top;
}

aside small{
	position: absolute;
	left: 0px;
	bottom: 70px;
	text-align: center;
	width:100%;
	z-index:201;
}

aside small a {
	background: #ffffff;
	width: 15px;
	height: 15px;
	border-radius: 15px;
	display: inline-block;
	margin: 0 5px;
	cursor: pointer;
}

aside small a.s {
	background: #444343;
}

.opis_animki {
	padding: 0 0px 30px 30px;
	font-size:15px;
	font-weight: 300;
	top: 150px;
	max-width: 520px;
	position:absolute;
	text-align:left;
	color:#fff;
	line-height: 160%;
	background: rgba(0,0,0,.4);
	text-shadow: 0px 0px 7px rgba(66, 68, 90, 1);
}

.opis_animki .nagl {
	text-align:left;
	font-size:52px;
	color:#fff;
	line-height: 110%;
	font-weight: bold;
}

.opis_animki .naglmm {
	font-size: 30px;
	color:#fff;
	font-weight: 300;
}

.opis_animki .nagl a {
	color:#fff;
}

.opis_animki .nagl a:hover {
	color:#e9462b;
	transition:.4s;
	text-decoration:none;
}

.nagl .wyczysc_filtr {
	font-size: 14px;
	float: right;
	margin-top: 10px;
	font-weight: normal;
}

.opis_animki .butt {
	margin-top:30px;
}

.opis_animki .butt a {
	display: inline-block;
	font-size: 18px;
	color: #ffffff;
	background: #b39c88;
	padding: 16px 50px;
	margin: 10px 0px 0px 0;
	text-shadow: none;
	border-radius: 40px;
	font-weight:400;
	letter-spacing: 1px;
}

.opis_animki .butt a:hover{
	text-decoration: none;
	background: #000;
	transition: .4s;
}

/* BOXY DUZE */

#boxBody {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#boxBody .productBox {
	width: 31%;
	margin-bottom:20px;
	vertical-align:top;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 280px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
}


.productBox .productBoxNagl {
	text-align:center;
	font-size:29px;
	font-weight: 600;
	color:#ffffff;
	position: relative;
	display: flex;
	width:90%;
	flex-direction: column;
	text-shadow: 0px 0px 7px rgba(66, 68, 90, 1);
}

.productBox .productBoxNagl h2 {
	font-size:29px;
	font-weight: 600;
	color:#ffffff;
	padding:0;
	text-align: center;
}
.productBox .productBoxNagl h2 a {
	color:#fff;
}
.productBox .productBoxNagl h2 a:hover {
	color:#e9462b;
	text-decoration: none;
}


.productBox .productBoxNagl::before {
	content: '';
	width: 50px;
	height: 1px;
	background: #fff;
	display: block;
	left: 50%;
	position: relative;
	margin-left:-25px;
}

.productBox .productBoxNagl span {
	display: block;
	font-weight: 300;
	font-size:24px;
	color:#fff;
	line-height: 100%;
}

.productBox .productBoxNagl a.but {
	font-weight: 400;
	color:#e9462b;
	font-size:14px;
	padding: 10px 20px;
	display: inline-block;
	background:#fff;
	margin-top: 25px;
	text-shadow: none;
	opacity: .8;
}

.productBox .productBoxNagl a.but:hover {
	color: #fff;
	background: #e9462b;
	transition:.4s;
	text-decoration: none;
}

/*CONTENT*/

#content {
	text-align: left;
	width: 100%;
	padding: 0;
	position: relative;
	display: flex;
	justify-content: space-between;
}

#kols {
	width:100%;
}

#koll {
	width: 255px;
}

#kolp {
	width:100%;
	max-width: 940px;
}


/* menu lewe */

#menull {
	display: block;
	padding-top: 10px;
}

#menull a {
	display: block;
	color:#000000;
	font-size: 16px;
	padding: 3px 0 3px 10px;
	margin: 5px 0;
	font-weight: 500;
	border-left: solid 5px #f1f1f1;
}

#menull a:hover, #menull a.s {
	color:#e9462b;
	text-decoration: none;
	border-left: solid 5px #9e9083;
}

#menull a.m2 {
	font-weight: 400;
	font-size: 14px;
	padding-left: 20px;
	border-left:none;
	border-left: solid 10px #f8f8f8;
}

#menull a.m2.s {
	border-left: solid 10px #9e9083;
}

#menull a.m3 {
	font-size: 14px;
	padding-left: 25px;
	border-left:none;
	font-weight: 300;
	border-left: solid 15px #f8f8f8;
}

#menull a.m3.s {
	border-left: solid 15px #9e9083;
}

/* filtry */

#filtr {
	display: block;
	padding-top: 10px;
}

.filtr_con {
	display: block;
	margin-top: 15px;
}

.filtr_con .filtr_scroll {
	overflow: auto;
	overflow-x: hidden;
	max-height: 100px;
	border: 1px solid #e2e2e2;
	padding: 5px 10px;
}

.filtr_con .filtr_scroll div a {
	color:#2a2a2a;
	font-size: 14px;
}

.filtr_con .filtr_scroll div a.sel {
	color:#cf00df;
}

.filtr_con .cols2 {
	display: flex;
	justify-content: space-between;
}

.filtr_con .cols2 .w50 {
	width: 48%;
}

.filtr_con b {
	font-size: 14px;
	display: block;
	color:#000;
	margin-bottom:10px;
}

.filtr_con .styled-select {
	border: 1px solid #e2e2e2;
	width:100%;
	height: 36px;
}

.filtr_con .styled-select .select {
	height: 36px;
}

.filtr_con input[type='text'] {
	border: 1px solid #e2e2e2;
	width:100%;
	height: 36px;
	color:#8c8c8c;
	font-size: 15px;
	padding-left: 10px;
}

#filtr .btn_filtr {
	border:none;
	border-radius: 2px;
	background:#e9462b;
	color:#fff;
	padding: 5px 10px;
	margin-top: 15px;
	font-size: 14px;
	cursor: pointer;
}

#filtr .btn_filtr:hover {
	transition: .4s;
	background:#212121;
}

/*FOOTER*/

footer {
	clear: both;
	float: left;
	width: 100%;
	background:#b39c88;
	border-bottom: solid 8px #fff;
	padding: 10px 0 20px 0;
}

#social {
	display: block;
	text-align: center;
	padding: 20px 0;
}

#social a, #social span {
	background: url(fbst.png) no-repeat center center;
	width: 13px;
	height: 23px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px 0 10px;
}

#social .insta {
	background: url(instast.png) no-repeat center center;
	width: 23px;
	height: 23px;
}
#social .paynow {
	background: url(paynow.png) no-repeat center center;
	width: 82px;
	height: 19px;
}

#copy {
	display: block;
	color:#fff;
	font-size:12px;
	text-align: center;
	padding-bottom:3px;
}

#projekt {
	display: block;
	color:#fff;
	font-size:12px;
	text-align: center;
}

#projekt a,
#copy a {
	color:#fff;
}

/*duzy footer*/

#footer {
	clear: both;
	width: 100%;
	background: #b39c88 url(bg-testimonial-top.png) no-repeat top center;
	padding: 150px 0px 0px 0px;
}

#footer .main {
	display: flex;
}

.menust, .newsletter, .adres {
	padding: 0px 0 0 30px;
	margin-left:30px;
	color:#e8dcd1;
	text-align:left;
	font-size: 14px;
	width:18%;
	background: url(pasek.gif) no-repeat left top;
}

.newsletter {
	width: 28%;
}

.adres {
	width: 34%;
}

.newsletter form {
	color:#e8dcd1;
	text-align:left;
	font-size: 14px;
}

.newsletter form input[type='email'] {
	border: solid 1px #fff;
	background: rgba(255,255,255,.1);
	color:#fff;
	padding: 8px 10px;
	width: 100%;
	margin: 20px 0 10px 0;
}

.newsletter form input[type='submit'] {
	border: none;
	background: none;
	color:#000;
	padding:0;
	font-weight: 400;
	text-decoration: underline;
	cursor: pointer;
}

.newsletter form input[type='submit']:hover {
	opacity: .5;
	transition: .4s;
}



.adres img {
	margin: 10px 0;
}

.menust span, .newsletter span, .adres span {
	display: block;
	font-weight: 400;
	color:#fff;
	margin-bottom:15px;
	font-size: 20px;
}

.menust a {
	background: url(mest.png) no-repeat left center;
	display: block;
	font-weight: 400;
	color:#000;
	font-size: 14px;
	margin-bottom: 5px;
	padding: 5px 0 5px 20px;
}

/* sciezka */

#sciezka{
	text-align: left;
	margin-bottom: 15px;
	font-size: 12px;
	color: #848484;
	margin-top: 30px;
}

#sciezka a{
	display: inline-block;
	font-size: 12px;
	color: #848484;
	font-weight: 400;
}
#sciezka a::before {
	content: '';
	background: url(sciezka.png) no-repeat center center ;
	width: 20px;
	text-align:center;
	height: 10px;
	color:#8b8c8f;
	font-weight: 300;
	margin-top:-2px;
	display: inline-block;
	vertical-align: middle;
}

#sciezka a:first-child::before {
	display:none;
}

#sciezka a:hover{
	text-decoration: none;
	color: #6d5740;
}

/* listing */

#seoBelka, #seoBelkaSt {
	font-size:14px;
	line-height: 140%;
}

#seoBelka h1 {
	padding:  20px 0;
	margin-bottom: 10px;
	font-size: 24px;
	position: relative;
	font-weight: 400;
	text-transform: uppercase;
}

#seoBelka h1::before {
	content:'';
	background: #000;
	width: 75px;
	height: 4px;
	display: block;
	bottom: 0;
	position: absolute;
}

/*#seoBelka .text {*/
/*	font-size:15px;*/
/*	color:#888888;*/
/*	line-height: 140%;*/
/*}*/

#seoBelkaSt {
	font-size:14px;
	color:#888888;
	line-height: 140%;
	padding-bottom: 20px;
}

#seoLL {
	display: block;
	font-size: 12px;
	color:#212121;
	padding:  20px 0;
	margin-top:20px;
	text-align: justify;
	line-height: 120%;
	border-top: solid 1px #f1f1f1;
}

/*produkt*/

.listing{
	display: flex;
	width: 100%;
	align-items: stretch;
	flex-wrap: wrap;
	margin-top: 30px;
}

.skos{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
	z-index: 10;
	color: #fff;
	background: #000;
	padding: 7px;
	width: auto !important;
	font-size: 11px;
}

@-webkit-keyframes example {
    0%   {background-color: #ac8562;}
    50%  {background-color: #000;}
    100% {background-color: #ac8562;}
}

@keyframes example {
    0%   {background-color: #ac8562;}
    50%  {background-color: #000;}
    100% {background-color: #ac8562;}
}

.skos.promocja{
	-webkit-animation-name: example;
    -webkit-animation-duration: 2s;
    animation-name: example;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

.produkt{
	max-width: 297px;
	width:100%;
	position: relative;
	flex-direction: column;
	margin: 0px 20px 20px 0;
}

.produkt:nth-child(4n) {
	margin-right: 0;
}

#kolp .produkt:nth-child(4n) {
	margin-right: 20px;
}

#kolp .produkt:nth-child(3n) {
	margin-right: 0px;
}

.produkt .produkt_foto {
	text-align: center;
}

.produkt .produkt_foto img {
	width: 100%;
	/*mix-blend-mode: multiply;*/
}

.produkt .produkt_belka {
	display: flex;
	align-items: center;
	flex-direction: column;
}

.produkt .produkt_belka .produkt_nazwa {
	color:#333333;
	width: 100%;
	text-align: center;
	font-size: 15px;
	padding-top: 10px;
}

.produkt .produkt_belka .produkt_nazwa a {
	color:#000;
	font-weight: bold;
}

.produkt .produkt_belka .produkt_nazwa span {
	display: block;
	font-weight: 300;
	font-size: 13px;
}

.produkt .produkt_belka .produkt_cena {
	width: 100%;
	text-align: center;
	color:#e9462b;
	font-size: 16px;
	font-weight: 500;
}

.produkt .produkt_belka .produkt_cena small {
	font-size: 11px;
	color:#3e3e3e;
	font-weight: 300;
	text-decoration: line-through;
}


/* karta */

#karta {
	margin-bottom: 20px;
	display: flex;
	justify-content: space-between;
}

#kartaLL {
	width: 480px;
}

#fotki{
	border: solid 1px #f1f1f1;
	background: #fff;
	padding: 15px;
	width: 480px;
	float: left;
	text-align: center;
	position:relative;
}

#fotogl{
	clear: both;
	float: left;
	width: 450px;
	text-align: center;
	margin-bottom: 10px;
	overflow: hidden;
}

#fotogl .scrollable {
	position:relative;
	overflow:hidden;
	width: 450px;
	height: 450px;
}


#fotogl .scrollable .items {
	width:20000em;
	position:absolute;
}

#fotogl .scrollable div {
	float:left;
	width: 450px;
	height: 450px;
	position:relative;
}

#fotogl .scrollable div img {
	width: 450px;
	height: auto;
}


.lshop #fotogl .scrollable, .lshop #fotogl .scrollable div {
	height: 580px;
}

#fotogl #zoomDRIMO {
	display: none;
	position: absolute;
	z-index:50;
	line-height: 40px;
	padding: 10px 20px 10px 25px;
	top:0;
	right:0;
	color:#616161;
	font-size:12px;
	background: url(stala/lupaZoom.png) no-repeat left center;
}

#fotogl #zoomDRIMO:hover {
	color:#d1131b;
	trtansition:.4s;
	text-decoration:none;
}

#fotodod {
	clear: both;
	float: left;
	width: 100%;
	text-align: center;
}

#fotodod a {
	display: inline-block;
	border: 1px solid #f1f1f1;
	cursor:pointer;
	margin: 3px;
	width: 90px;
	height: 90px;
	overflow: hidden;
}

#fotodod a img {
	width:100%;
	height: auto;
}

#fotodod a:hover {
	opacity:.7;
	transition:.4s;
}



#kartaPP {
	width: 740px;
}

#kartaPP h1 {
	font-size: 24px;
	font-weight: bold;
	text-align: left;
	padding-bottom: 0;
}

#kartaPP .podpisNagl {
	font-size: 14px;
}

#kartaPP .podpisNagl2 {
	font-width: bold;
	color: #2a2a2a;
}


#kartaPP .cennyCard {
	margin-top: 20px;
	padding: 20px 0 0px 0;
	border-top: solid 1px #adadad;

}

#kartaPP .cennyCard .con  {
	display: flex;
	align-items: center;
}

#rozstock {
	display: inline-block;
	font-size: 14px;
	display:none;
}


#kartaPP .cennyCard .cenabox {
	width:35%;
	justify-content: center;
	align-items: center;
	vertical-align: middle;
}

.ilosc_card {
	width: 30%;
}

.ilosc_card input {
	width: 80px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	padding-right:30px;
}

#errorMin, #errorMin2 {
	width:100%;
	display: none;
	margin-top:10px;
	color:red;

}

#kartaPP .cennyCard .cenabox .price_brutto, #kartaPP .cennyCard .cenabox .price_brutto_promo {
	font-size: 24px;
	color:#e9462b;
}

#kartaPP .cennyCard .cenabox .price_brutto b, #kartaPP .cennyCard .cenabox .price_brutto_promo b {
	font-size: 32px;
	font-weight: 600;
}
#kartaPP .cennyCard .cenabox .price_brutto .cena_stara, #kartaPP .cennyCard .cenabox .price_brutto_promo .cena_stara {
	font-size: 18px;
	text-decoration: line-through;
	color:#cccccc;
	display: block;
}

#kartaPP .cennyCard .koszbox {
	width:30%;
	text-align: left;
}

#kartaPP .cennyCard .koszbox .bt_kup {
	padding: 10px 20px 10px 20px;
	text-align: left;
	background: #e9462b;
	border:none;
	color:#fff;
	font-size: 15px;
	font-weight: 600;
}

#kartaPP .cennyCard .koszbox .bt_kup:hover {
	background-color: #000;
	transition: .4s;
	cursor: pointer;
}




#kartaPP .cennyCard .opisbox {
	width:45%;
	font-size: 12px;
	color:#a2a2a2;
}


#kartaPP .opisCard, #kartaLL .opisCard  {
	margin-top: 20px;
	padding: 20px 0 20px 0;
	border-top: solid 1px #adadad;
	display: flex;
	flex-direction: column;
}
.opisCard  {
	clear: both;
	border-top: none;
}

.opisCard .opisgl_nagl {
	padding-bottom: 10px;
	font-weight: bold;
	font-size: 18px;
}

.opisCard .opisgl {
	width: 100%;
	line-height: 160%;
}
.opisCard .opisgl h3, .text h3 {
	font-size: 16px;
	font-weight: bold;
	margin: 15px 0 5px 0;
}

.opisCard .opisgl p, .text h3 {
	display: block;
}


#kartaPP .info {
	width: 100%;
	margin-top: 20px;
}

#kartaPP #ytcard {
	width: 100%;
	margin-top: 20px;
}

#kartaPP #ytcard iframe {
	display: block;
}

#kartaPP .info div {
	display: flex;
	font-size: 14px;
	margin-bottom:5px;
}

#kartaPP .info div span:last-child {
	font-weight: 600;
	padding-left: 5px;
}

#kartaPP #tagiCard {
	padding-top: 20px;
	color:#ccc;
}

#logoprod {
	font-size: 14px;
}

#kartaPP #wersjeCard {
	margin-top: 20px;
	padding: 10px 0 0px 0;
	border-top: solid 1px #adadad;
	display: flex;
	flex-wrap: wrap;
}

#kartaPP #wersjeCard small, #kartaPP #wersjeCard span, #wersjeCard .wersjeCardNagl {
	display: block;
	width:100%;
	font-size: 12px;
}

#kartaPP #wersjeCard .wersjeCardNagl {
	font-weight: bold;
	font-size: 16px;
}
#kartaPP #wersjeCard span {
	margin-top: 10px;
}

#kartaPP #wersjeCard .wersjeCardLi {
	width: 62px;
	height: 62px;
	padding: 5px;
	border: solid 1px #f1f1f1;
	margin-right: 10px;
	cursor: pointer;
	margin-top:10px;
	display: flex;
	align-items: center;
	position: relative;
}

#kartaPP #wersjeCard .wersjeCardLi.nofoto {
	height: auto;
	width:auto;
	padding: 5px 10px;
	font-weight: 500;
}

#kartaPP #wersjeCard .wersjeCardLi:hover, #kartaPP #wersjeCard .wersjeCardLi.s {
	background: #e9462b;
	transition: .4s;
	color:#fff;
}

#kartaPP #wersjeCard .wersjeCardLi.none {
	opacity: .5;
	cursor: default;
	background: #fff !important;
}

#konfBody .konfNagl {
	font-weight: bold;
	border-top: solid 1px #adadad;
	margin-top:20px;
	padding-top:10px;
}

#konfBody #wersjeCard {
	margin-top:0;
	padding-top:0;
	border:none;
}

#konfBody .konfBaza {
	display: flex;
	flex-direction: column;
}

#konfBody .konfBaza .konfBazaLi {
	display: flex;
	margin: 10px 0 0 0;
	background: #f1f1f1;
	padding: 5px;
}


#konfBody .cardSubMenu {
	margin-top:20px;
}

#konfBody .cardSubMenu a {
	display: inline-block;
	padding: 5px 10px;
	border: solid 1px #f1f1f1;
	background: #fff;
	font-weight: 500;
	color: #333333;
	cursor: pointer;
	text-transform: uppercase;
}

#konfBody .cardSubMenu a:hover, #konfBody .cardSubMenu a.s {
	background: #e9462b;
	transition: .4s;
	color: #fff;
	text-decoration: none;
}

#konfBody .sekcjaBody.sekcja_pusto {

	background: none;
	margin-top: 20px;
	padding-top: 10px;
	border:none;
	border-top: solid 1px #adadad;
}

#konfBody .sekcjaBody {
	background: #f1f1f1;
	padding: 0px 10px 10px 10px;
	border: solid 1px #ccc;
}

#konfBody .cardSubMenu span {
	display: block;
	font-weight: bold;
	font-size: 16px;
	margin-right: 10px;
	color:#e9462b;
	margin-bottom:10px;
}

#konfBody .sekcjaBody:not(.sekcja_pusto) {
	display: none;
}


#konfBody .konfBaza .konfBazaLi .konfBazaLi_foto {

}
#konfBody .konfBaza .konfBazaLi .konfBazaLi_foto img {
	margin-bottom: -3px;
}


#konfBody .konfBaza .konfBazaLi .konfBazaLi_opis {
	padding: 0 20px;
	font-size: 12px;
	width: 80%;
}

#konfBody .konfBaza .konfBazaLi .konfBazaLi_opis select {
	height: 30px;
	background: #fff;
	margin-top: 10px;
}

#konfBody .konfBaza .konfBazaLi .konfBazaLi_opis b {
	display: block;
	font-size: 16px;
	padding: 5px 0;
}

#konfBody .konfBaza .konfBazaLi .konfBazaLi_ilosc {
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
}

#konfBody .konfBaza .konfBazaLi .pole_ilosc_priceod {
	width:100%;
	padding-left:5px;
}

#konfBody .konfBaza .konfBazaLi .konfBazaLi_ilosc .cenakonf {
	padding: 0 20px;
	color:#e9462b;
	font-size: 16px;
	width: 70%;
}

#konfBody .konfBaza .konfBazaLi .konfBazaLi_ilosc .cenakonf b {
	font-size: 21px;
}




.hideOtp {
	display:none !important;
}

.nohide {
	display:block !important;
}


#secConfiBox {
	clear: both;
	width:100%;
	margin-top: 50px;
}

.naglD, h1, h2, .nagl, .naglm2, .naglm3 {
	display: block;
	width:100%;
	font-size: 36px;
	font-weight: 400;
	color:#000000;
	padding: 20px 0;
	text-align: center;
	line-height: 130%;
}


#kolp .naglD, #kolp h1, #kolp  h2, #kolp .nagl, #kolp .naglm2, #kolp .naglm3 {
	text-align: left;

}

h3 {
	display: block;
	width:100%;
	font-size: 18px;
	font-weight: 500;
	color:#e9462b;
	padding: 5px 0;
}

#koll .nagl {
	font-size: 27px;
	text-align: left;
	padding-bottom: 0;
}


.naglD span {
	color:#977f7f;
}

.naglD small {
	display: block;
	font-size: 15px;
	color:#6d5740;
	margin-top:10px;
}

#secConfiBoxy {
	clear: both;
	display: flex;
	justify-content: center;
	padding: 20px 0 60px 0;
}


.confibox {
	position: relative;
	width: 420px;
	margin: 30px 60px;
}

.confibox:hover {
	opacity:.7;
	transition: .3s;
}

.confibox img {
	border-radius: 280px;
}
.confibox span {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 218px;
	height: 218px;
	text-align: center;
	border-radius: 280px;
	border: solid 6px #fff;
	background: #b39c88;
	position: absolute;
	top:50px;
	left: 200px;
	font-size: 18px;
	color:#fff;
	font-weight: 600;
	text-transform: uppercase;
}

.confibox span b {
	display: block;
	color:#000;
	font-size: 24px;
	text-transform: none;
	line-height: 100%;
	padding-bottom:10px;
}


.confibox span::before {
	content: '';
	background: url("str.png");
	width: 50px;
	height: 50px;
	position: absolute;
	bottom:0;
	left:0;
}

.confibox a:hover span {
	text-decoration: none;
}

#zalacznik_file {
	margin-top: 20px;
}

#secGwar {
	clear: both;
	width:100%;
	background: #e5ddd5 url("bg-testimonial-bottom_2.png") no-repeat center bottom;
	padding: 40px 0 150px 0;
}

#secGwar .main {
	display: flex;
	justify-content: space-around;
}

#secGwar .main .boxgw {
	width: 25%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

#secGwar .main .boxgw .ico {
	height:125px;
	width: 125px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	border-bottom: solid 1px #fff;
}
#secGwar .main .boxgw .podpis {
	text-align: center;
	font-size: 18px;
	color:#694f49;
}

#secGwar .main .boxgw .podpis b {
	display: block;
	font-size: 21px;
	color:#000;
}



#boxGalerieKlient {
	clear: both;
}

#boxGalerieKlient .galerieNagl, #boxGalerieKlient .galeriebodyFoto {
	display: flex;
	justify-content: space-between;
	padding:10px 0;
	align-items: flex-end;
	width:100%;
}

#boxGalerieKlient .galerieNagl div:first-child {
	font-size: 21px;
	font-weight: 500;
}
#boxGalerieKlient .galerieNagl div:last-child {
	font-size: 14px;
	color:#3d3d3b;
}

#boxGalerieKlient .galerieNagl div:last-child span {
	color: #b39c88;
}

.red {
	color:#cd0000 !important;
}


#popup {
	background: rgba(0,0,0,.6);
	width:100%;
	height: 100%;
	position: fixed;
	top:0;
	left:0;
	z-index: 1000;
	justify-content: center;
	align-items: center;
	display: none;
}

#popup .popupBody {
	position:relative;
	padding: 10px;
	background: rgba(255,255,255,.6);
}

#popup .popupBody #close {
	background: #e9462b url(stala/close.png) no-repeat center center;
	width: 25px;
	height: 25px;
	position: absolute;
	top:0;
	right: 0;
	cursor: pointer;
}

#popup .popupBody.karta {
	background: #fff url(popupcart.jpg) no-repeat left top !important;
	width: 550px;
	height: 580px;
	display: flex;
	justify-content: space-around;
	align-items: flex-end;
	padding-bottom:25px;
}

#popup .popupBody.karta #popup_tak, #popup .popupBody.karta #popup_nie {
	background: #c96161;
	padding: 15px 0px;
	color:#fff;
	text-transform: uppercase;
	border-radius: 15px;
	font-weight: 400;
	margin: 0 10px;
	width: 240px;
	text-align: center;
	cursor: pointer;
}
#popup .popupBody.karta #popup_nie {
	background: #b39c88;
}

#popup .popupBody.karta #popup_tak:hover, #popup .popupBody.karta #popup_nie:hover {
	text-decoration: none;
	background:  #2a2a2a;

}

.productBox .productBoxNagl h2 {
	text-align: center !important;
}

#black {
	z-index:2;
	top: 42px;
	position: absolute;
	background: #000;
	color:#fff;
	padding: 15px 20px;
	width: 100%;
	text-align: center;
}


#opislewa {
	display:block !important;
}

#opisdol {
	display: none !important;
}