:-ms-input-placeholder { color: #1d2272;
	}

.inszuk:-ms-input-placeholder { color: #232323;
	}

.file-text-o::before {
		content: "\f0f6";
		font-family: Fontawesome;
	}

.boxmenu{
	float:left; 
	display:block;
	}

.box_menlist {
	position:relative;
	font-family: var(--font-main), Arial;
	font-weight: normal;
	font-size: 20px;
	height:auto;
	cursor:pointer;
	color:#232323;
	margin-bottom: 2px;
	margin-left: 10px;
	padding-left:5px;
	border-left:2px solid #717171;
	-webkit-transition: 1s;
		transition: 1s;
	}

.box_menlist:hover {
	background:#fff;
	color: #e80000;
	-webkit-transition: 1s;
		transition: 1s;
	}

div.men {
	position: relative;
	display:table;
	margin-left:auto; 
	margin-right:auto; 
	vertical-align:middle;
	width:100%;
	max-width:100%;
	max-width:1600px;
	height: 40px;
	text-align:left;
	font-size: 14px; 
	font-weight: normal; 
	font-family:  var(--font-main), Arial; 
	color:#fff;
	}

div.men2 {
	position: relative;
	margin-left:auto; 
	margin-right:auto; 
	vertical-align:middle;
	width:100%;
	max-width:100%;
	max-width:1600px;
	height: 60px;
	text-align:left;
	font-size: 12px; 
	font-weight: normal; 
	font-family:  var(--font-main), Arial; 
	color:#232323;
}

div.men2a{
	position: relative;
	margin-left:auto; 
	margin-right:auto; 
	vertical-align:middle;
	width:100%;
	max-width:100%;
	max-width:1600px;
	height: 85px;
	text-align:left;
	font-size: 12px; 
	font-weight: bold; 
	font-family:  var(--font-main), Arial; 
	color:#232323;
}

div.men3 {
	position: relative;
	margin-left:auto; 
	margin-right:auto; 
	vertical-align:middle;
	width:100%;
	max-width:100%;
	max-width:1600px;
	height: 50px;
	text-align:left;
	font-size: 12px; 
	font-weight: bold; 
	font-family:  var(--font-main), Arial; 
	color:white;
}

div.men3a {
	position: relative;
	margin-left:auto; 
	margin-right:auto; 
	vertical-align:middle;
	width:100%;
	max-width:100%;
	max-width:1600px;
	height: 50px;
	text-align:left;
	font-size: 12px; 
	font-weight: bold; 
	font-family:  var(--font-main), Arial; 
	color:white;
}

div.men4 {
	position: relative;
	margin-left:auto; 
	margin-right:auto; 
	vertical-align:middle;
	width:100%;
	max-width:100%;
	max-width:1600px;
	text-align:left;
	font-size: 12px; 
	font-weight: normal; 
	font-family:  var(--font-main), Arial; 
	color:#232323;
	}

.block {
    z-index:5000;
	position: absolute;
	display:none;
	max-width: 250px;
	height: auto;
	background: #fff;
	padding:10px;
	box-sizing: border-box;
	border: 1px solid #909090;
	}

.dcont{
		cursor:pointer;
	}

.dcontp{
		display:none;
	}

.blok_kafel{
	display:table; 
	position: relative;
	#margin: 15px auto;
	width: 100%;
	}

.info{
	position: relative; 
	display:table;
	box-sizing:border-box; 
	width:100%; 
	}

.butinfo{
	display:table;
	box-sizing:border-box; 
	width:100%;
	background:#fff;
	border-top:3px solid #e80000;
	border-bottom:1px solid #b4b4b4;
	color:#232323;
	text-align:center;
	cursor:pointer;
	-webkit-transition: 1s;
		transition: 1s;
	}

.butinfo:hover{
	background:#e80000;
	color:#fff;
	-webkit-transition: 1s;
		transition: 1s;
	}

.blog {
	position:relative; 
	display:inline-block;
	width:calc(100% - 10px);
	min-height:150px;	
	height:auto;
	//padding:5px;
	margin:5px;
	box-sizing: border-box;
	cursor:pointer;
	font-size: 14px; 
	color:#232323;
	border:1px solid #1d2272;
	background:#f3f3f3;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	font-family: var(--font-main), Arial; 
	-webkit-transition: 1s;
		transition: 1s;
	}

.blog:hover{
		#border-bottom:1px solid #f1b23c;
		-webkit-transition: 1s;
		transition: 1s;
	}

.blog-33 {
		width: 33.33%;
	}

.img_blog {
	width:100%;
	height:220px;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover;   
	background-repeat:no-repeat; 
	background-position: center; 
	padding:5px;
	box-sizing: border-box;
	-webkit-transition: 1s;
		transition: 1s;
	}

.img-blog-indw{
		height:150px;
	}

.blog:hover > div > .img_blog {
	transform: scale(1.2);
	-webkit-transition: 1s;
		transition: 1s;
	}

.blog_hol {
	position:absolute;
	z-index:2;
	right:0;
	top:0;
	width:40px;
	opacity:0;
	height:40px;
	box-sizing: border-box;
	display:table;
	background: #fff;
	padding:0px 5px 0px 5px;
	font-family: var(--font-main), Arial;
	font-size: 26px;
	-webkit-transition: 1s;
		transition: 1s;
	}

.blog:hover > .blog_hol {
	width:40px;
	opacity:1;
	color:#fff;
	background: #e80000;
	-webkit-transition: 1s;
		transition: 1s;
	}

.blok_title3{
	position:relative; 
	z-index:1;
	display:table;
	width:100%;
	font-family:var(--font-main), Arial; 
	font-size:22px; 
	font-weight:normal;
	color:#232323;
	padding:15px; 
	box-sizing: border-box;
	height:auto;
	-webkit-transition: 1s;
		transition: 1s;
	}

.blog:hover > .blok_title3 {
	color: #fff;
	background: #f1b23c;
	-webkit-transition: 1s;
		transition: 1s;
	}

.blog:hover > .blok_title3 > .offer-data {
	color: #fff;
	-webkit-transition: 1s;
		transition: 1s;
	}

.blog-title3-indw{
		text-align:center;
		font-size:24px; 
		letter-spacing: 2px;
		min-height:88px;
		display:flex;
		align-items: center;
		justify-content: center;
	}

.blok_opis {
	position:relative; 
	box-sizing: border-box; 
	display:table; 
	float:left;
	padding:20px; 
	width: 100%; 
	text-align:justify;
	color:#696969;
	font-size: 18px;
	line-height: 1.6em;
	font-family: var(--font-main), Arial;
	}

.blok_opis > p {
		 margin: 0;
	}

.blog:hover > .blok_opis {
	-webkit-transition: 1s;
		transition: 1s;
	}

.kontakt_left{
	display:block; 
	font-size: 22px;
	font-family:var(--font-main); 
	float:left; 
	width:30%;
	}

.map_left{
	display:block; 
	font-size: 22px;
	font-family:var(--font-main); 
	float:left; 
	width:60%;
	}

.mail_content{
	width:50%; 
	float:left; 
	box-sizing:border-box; 
	padding:30px;
	}

.pagcontent{
	display:block; 
	box-sizing: border-box; 
	word-wrap:break-word;
	width:100%; 
	height:auto; 
	font-family:var(--font-text), Arial;
	line-height: 1.5;
	}

.pagmen2{
	position:relative;
	display:table;
	margin-bottom:20px;
	width:100%;
	font-family:var(--font-heading);
	font-size: 36px;
	padding:5px 0px 5px 0px; 
	box-sizing: border-box;
	color: #232323;
	text-transform:uppercase;		
	text-decoration:none;
	-webkit-transition: 1s;
		transition: 1s;
	}

.blok_kafel2, .blok_kafel3{
	display:table; 
	position: relative;
	margin: 0px auto; 
	}

.blok_kafel3{
	width:100%; 
	}

.blok_product{
	display:block; 
	position: relative;
	margin-bottom:20px;
	margin-top:20px;
	}

.blok_title{
	position:absolute; 
	display:block;
	z-index:2;
	width:100%;
	height:auto;
	#top:50%;	
	#left:50%;
	#transform:translate(-50%, -50%);
	bottom:0;
	background: #111111;
	#background: rgba(0,0,0,0.5);
	#border-top:3px solid #e80000;
	#border:1px solid #b4b4b4;
	text-shadow: 1px 1px 1px #212121;
	font-family: var(--font-main), Arial; 
	#white-space: nowrap; 
	text-overflow: ellipsis; 
	overflow: hidden;
	font-size:24px; 
	font-weight:normal;
	text-align:center; 
	color:#fff;
	-webkit-transition: 1s;
		transition: 1s;
	}

.ind_kafel2 {
	position:relative;
	box-sizing:border-box;
	margin: 25px; 
	float:left; 
	width:290px;
	height:290px;
	cursor:pointer;
	font-size: 17px; 
	color:#232323;
	background:rgba(255,255,255,0.8);
	font-family: var(--font-main), Arial; 
	-webkit-transition: 1s;
		transition: 1s;
	}

.ind_kafel2:hover {
	-webkit-transition: 1s;
		transition: 1s;
	}

.ikona{
	position:relative;
	display: table;
	margin-left: auto;
	margin-right: auto;
	width:160px;
	height:160px;
	border-radius:50%;
	box-shadow: 0px 0px 1px #e20a17;
	background:#e20a17;
	margin-bottom:15px;
	border: 5px solid #fff;
	-webkit-transition: 1s;
		transition: 1s;
	}

.ind_kafel2:hover> .ikona {
	background:#aba4a4;
	box-shadow: 0px 0px 1px #aba4a4;
	-webkit-transition: 1s;
		transition: 1s;
	}

.img_kafel_ind2 {
	display: table-cell;
	vertical-align:middle;
	text-align: center;
	-webkit-transition: 1s;
		transition: 1s;
	}

.iko_k{
	max-width:140px;
	max-height:140px;
	filter: invert(0);
	-webkit-filter: invert(0);
	-webkit-transition: 1s;
		transition: 1s;
	}

.ind_kafel2:hover> div > p > .iko_k {
	max-width:140px;
	max-height:140px;
	-webkit-filter: invert(1);
    filter: invert(1);
	-webkit-transition: 1s;
		transition: 1s;
	}

.blok_title2{
	position:relative;  
	font-family: seguisb; 
	font-size:20px; 
	font-weight:normal;
	text-align:center; 
	height:30px;
	color:#232323;
	-webkit-transition: 1s;
		transition: 1s;
	}

.ind_kafel2:hover> .blok_title2 {
	-webkit-transition: 1s;
		transition: 1s;
	}

.ind_kafelb {
	position:relative;
	box-sizing: border-box;
	float:left; 
	width:calc(33.33% - 4px);
	#border:1px solid #e7e7e7;
	margin:2px;
	height:250px;
	cursor:pointer;
	z-index:0;
	#border-radius:10px;
	font-size: 17px;
	color:#fff;
	overflow:hidden;
	font-family: var(--font-main), Arial; 
	-webkit-transition: 1s;
		transition: 1s;
	}

.ind_kafel_category {
	position:relative;
	box-sizing: border-box;
	border: 10px solid transparent;
	float:left; 
	width:215px;
	height:195px;
	cursor:pointer;
	z-index:0;
	font-size: 17px; 
	color:#fff;
	font-family: var(--font-main), Arial; 
	-webkit-transition: 1s;
		transition: 1s;
	}

.image-block{
	width:100%;
	height:260px;
	}

.select{
	color:#e80000;
	border:1px solid #e80000;
	}

.ind_kafel:hover, .ind_kafelb:hover, .ind_kafel_category:hover{
	z-index:1;
	#transform:scale(1.2);
	#box-shadow: 0px 0px 25px #212121;
	-webkit-transition: 1s, z-index 0.4s;
		transition: 1s, z-index 0.4s;
	}

.img_kafel_ind {
	position:relative; 
	z-index:1; 
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover;  
	background-repeat:no-repeat; 
	background-position: center; 
	-webkit-transition: 1s;
		transition: 1s;
	}

.img_kafel_indb {
	position:relative; 
	display:table;
	height:100%; 
	width:100%; 
	background-size: cover; 
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover;  
	background-repeat:no-repeat; 
	background-position: center; 
	-webkit-transition: 1s;
		transition: 1s;
	}

.ind_kafel:hover> .img_kafel_ind, .ind_kafelb:hover> a > div >.img_kafel_indb{
	transform:scale(1.2);
	-webkit-transition: 1s;
		transition: 1s;
	}

.img_kafel_porto {
	position:relative; 
	display:table;
	height:100%; 
	width:100%; 
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover;  
	background-repeat:no-repeat; 
	background-position: center; 
	-webkit-transition: 1s;
		transition: 1s;
	}

.ind_kafel:hover > div > .img_kafel_porto, .ind_kafel_category:hover > div > .img_kafel_porto{
	transform:scale(1.2);
	-webkit-transition: 1s;
		transition: 1s;
	}

.hologram {
	position:absolute;
	vertical-align: middle;
	background: rgba(255,255,255,0.6);
	box-sizing:border-box;
	border:1px solid #111111;
	top:0px;
	z-index:4;
	display:block;
	width:100%;
	height:100%;
	opacity:0;
	-webkit-transition: 1s;
		transition: 1s;
	}

.hologram2 {
	position:absolute;
	vertical-align: middle;
	z-index:2;
	background:rgba(216,199,187,0.9);
	display:block;
	width:100%;
	height:250px;
	opacity:0;
	-webkit-transition: 1s;
		transition: 1s;
	}

.ind_kafelb:hover > a > .hologram2{
	height:250px;
	opacity:1;
	-webkit-transition: 1s;
		transition: 1s;
	}

.but_hol {
	position:relative;
	top:100px;
	text-align:center;
	font-size:20px;
	padding:10px; 
	width:80px; 
	left:50%;
	top:50%;
	margin-top:-40px;
	margin-left:-40px; 
	height:70px;
	border:1px solid #111111;
	font-size:28px;
	#text-shadow: 1px 1px 1px #212121;
	font-family: var(--font-main), Arial; 
	box-sizing: border-box;
	color: #111111;
	}

.but_hol2 {
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-40px;
	margin-left:-40px; 
	width:80px; 
	border:1px solid #232323;
	box-sizing: border-box;
	text-align:center;
	padding:18px 14px; 
	height:80px; 
	font-size:30px;
	font-family:var(--font-main), Arial; 
	color: #232323;
	}

.ind_kafel:hover > .hologram, .ind_kafel_category:hover > .hologram{
	opacity:1;
	-webkit-transition: 1s;
		transition: 1s;
	}

.ind_kafel:hover> .img_kafel_porto {
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity : 0.70;
	filter : alpha(opacity=70);
	-webkit-transition: 1s;
		transition: 1s;
	}

input[type=checkbox]:not(old),
	input[type=radio   ]:not(old){
	  width     : 2em;
	  margin    : 0;
	  padding   : 0;
	  font-size : 1em;
	  opacity   : 0;
	}

input[type=checkbox]:not(old) + label,
	input[type=radio   ]:not(old) + label{
	  display      : inline-block;
	  margin-left  : -2em;
	  line-height  : 1.5em;
	}

input[type=checkbox]:not(old) + label > span,
	input[type=radio   ]:not(old) + label > span{
	  display          : inline-block;
	  width            : 20px;
	  height           : 20px;
	  margin           : 0.25em 0.5em 0.25em 0.25em;
	  border:1px solid #1d2272;
	  vertical-align   : bottom;
	  background	   :transparent;
	}

input[type=checkbox]:not(old):checked + label > span,
	input[type=radio   ]:not(old):checked + label > span{

	}

input[type=checkbox]:not(old):checked + label > span:before,
	input[type=radio]:not(old):checked + label > span:before{
	  content: "\f00c";
	  font-family: Fontawesome;
	  display     : block;
	  width       : 20px;
	  color       : #232323;
	  font-size   : 18px;
	  line-height : 20px;
	  text-align  : center;
	}

input.list {
	height: 40px;
	width:100%;
	padding: 5px;
	box-sizing:content-box;
	box-sizing: border-box;
	outline-width: 0;
	border:none;
	background: #ff6600;
	font-family:  var(--font-main), Arial; 
	color: #111111;
	font-size:18px;
	}

input.reqd, select.reqd, input[type=checkbox].reqd:not(old) + label > span, textarea.reqd{
	border: 2px solid #a89481;
	background: rgba(52,122,184,0.2);
	}

input.reqderr, select.reqderr, input[type=checkbox].reqderr:not(old) + label > span, textarea.reqderr{
	border: 2px solid #b21010;
	background: rgba(178,16,16,0.2);
	}

.dt, .dd {
	padding: 15px;
	margin: 2px;
	}

.dt {
	background: #ebebeb;
	}

.dd {
	background: #f6f6f6;
	}

.sheet-select {
	color:#fff;
	background:#e80000;
	}

#section-to-print{
	display:none;
	}

.text {
	font-size:16px;
	font-weight: normal;
	font-family: var(--font-main), Arial;
	}

.filtr-name, .opcja-name{
	border-bottom:1px solid #b4b4b4;
	font-size: 20px; 
	margin-bottom:10px;
	padding:5px;
	box-sizing:border-box;
	font-family: var(--font-main), Arial;
	}

.filtr-list, .opcja-list{
	font-family: var(--font-main), Arial;
	font-size: 14px; 
	}

.tag-opis{
	border: 1px solid #b4b4b4;
	padding: 3px;
	width: auto;
	float:left;
	margin:2px;
	}

.opcja-box{
	padding:5px;
	box-sizing:border-box;
	width:100%;
	height:200px;
	}

.opcja-box-left{
	border-right:1px solid #b4b4b4; 
	width:49%; 
	float:left; 
	padding:5px; 
	box-sizing:border-box;
	}

.opcja-box-price{
	width:100%; 
	clear:both; 
	padding:5px; 
	box-sizing:border-box; 
	border-top:1px solid #b4b4b4;
	}

#title-content-blok {
	text-align:left; 
	font-size:32px;
	font-family:var(--font-main), Arial;
	color:#232323;
	}

.ind_lr{
	float:left;
	display:table;
	width:50%;
	box-sizing: border-box;
	font-size:26px;
	}

.ind_text{
	padding: 15px;
	box-sizing:border-box;
	color:#fff;
	}

a.button_ind {
	margin-left:auto;
	margin-right:auto;
	box-sizing:content-box;
	box-sizing: border-box;
	background: #1d2272;
	padding: 10px 20px;
	font-size: 20px;
	text-align:center;
	font-weight:normal;
	cursor:pointer;
	font-family: var(--font-main), Arial; 
	color: #fff;
	display: table;
	border-radius:5px;
	-webkit-transition: 1s;
            transition: 1s;
	}

a.button_ind:hover {
	background: #232323;
	color:#fff;
	-webkit-transition: 1s;
            transition: 1s;
	}

a.button_indinv {
	margin-left:auto;
	margin-right:auto;
	box-sizing:content-box;
	box-sizing: border-box;
	background: #fff;
	padding: 20px;
	font-size: 24px;
	text-align:center;
	font-weight:normal;
	cursor:pointer;
	font-family:  var(--font-main), Arial; 
	color: #ff6600;
	display: table;
	-webkit-transition: 1s;
            transition: 1s;
	}

a.button_indinv:hover {
	background: #212121;
	color: #fff;
	-webkit-transition: 1s;
            transition: 1s;
	}

.kont-width{
	 min-width:33.3%;
	 display:table;
	}

.font-ind{
	font-size:36px;
	}

.serwisblock{
	float:left; 
	width:50%;
	box-sizing:border-box;
	}

.block-offer-indx{
	width:33%;  
	display:table; 
	height:250px; 
	position:relative;
	float:left;
	cursor:pointer;
	-webkit-transition: 1s;
            transition: 1s;
	}

.block-offer-indx:hover{
	background: rgba(255,255,255, 0.2);
	-webkit-transition: 1s;
            transition: 1s;
	}

.block-offer-img{
	text-align:center;
	height:180px;
	position:relative;
	}

.block-offer-img > img{
	position:absolute; 
	top:50%;
	left:50%; 
	transform:translate(-50%, -50%); 
	}

.block-offer-title{
	text-align:center;
	color:#fff;
	font-size:22px;
	font-family:  Lato-Bold, Arial;
	font-weight:normal;
	}

.home-box{
	position:relative; 
	width:100%; 
	margin-top:50px;
	font-size:46px;
	font-family: var(--font-main), Arial;
	}

.home-img{
	position:absolute;
	right:0;
	top:-20px;
	}

.offer-blok {
	position: relative;
	width:383.33px;
	#width:285px;
	height:290px;
	border-radius:10px;
	margin:15px 5px;
	box-sizing:border-box;
	cursor:pointer;
	box-sizing: border-box;
	float: left;
	z-index: 0;
	transform:scale(1.00);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	}

.offer-blok:hover {
	box-shadow:0 10px 40px -5px rgba(0,0,0,.5);
	transform:scale(1.05);
	-webkit-transition: 0.5s;
	transition: 0.5s;
	}

.offer-padding{
		padding: 0 20px;
		box-sizing:border-box;
	}

.offer-ring {
	margin:auto;
	max-width:100%;
	border-radius:10px;
	max-height:290px;
	background-position: center top; 
	background-repeat: no-repeat; 
	-webkit-background-size: 100% auto; 
	-moz-background-size: 100% auto; 
	-o-background-size: 100% auto; 
	background-size: 100% auto;
	-webkit-transition: 2s;
            transition: 2s;
	}

.ind_kafel:hover > .offer-ring {
	background-size: 110% auto;
	-webkit-transition: 0.2s;
            transition: 0.2s;
	}

.offer-blok:hover > .offer-ring {
	background-position: center bottom; 
	-webkit-transition: 5s;
            transition: 5s;
	}

.offer-title-name, .offer-title-more{
	position:absolute;
	bottom:0px;
	left:0;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	text-align:left;
	width:100%;
	color:#232323;
	background: -moz-linear-gradient(top,transparent 0, rgba(236,236,237,.9) 80%, rgba(236,236,237,.9) 100%);
	background: -webkit-linear-gradient(top,transparent 0,rgba(236,236,237,.9) 80%, rgba(236,236,237,.9) 100%);
	background: linear-gradient(to bottom,transparent 0,rgba(236,236,237,.9) 80%, rgba(236,236,237,.9) 100%);
	font-size:20px;
	padding: 60px 15px 15px;
	#white-space: pre-wrap; 
	#text-overflow: ellipsis; 
	#overflow: hidden;
	font-family:var(--font-main)-bold, Arial;
	box-sizing:border-box;
	-webkit-transition: 0.5s;
            transition: 0.5s;
	}

.offer-blok:hover > .offer-title-name {
		bottom:-50px;
		opacity:0;
	}

.offer-title-more{
		text-align:center;
		font-size:16px;
		font-family: lato-regular, Arial;
		bottom:-50px;
		opacity:0;
	}

.offer-blok:hover > .offer-title-more {
		bottom:0px;
		opacity:1;
	}

.offer-sign{
	margin-top:25px;
	text-align:center;
	color:#232323;
	background:#fff;
	font-size:40px;
	padding: 20px 0;
	box-sizing:border-box;
	-webkit-transition: 0.5s;
            transition: 0.5s;
	}

.offer-data{
	font-family:var(--font-main)-bold, Arial;
	color:#696969;
	font-size:18px;
	margin-top:10px;
	box-sizing:border-box;
	text-align:right;
	}

.offer-cont{
	#display:none;
	text-align:center;
	color:#696969;
	font-size:16px;
	min-height:60px;
	font-family: var(--font-main), Arial;
	padding:0px 15px;
	box-sizing:border-box;
	-webkit-transition: 0.5s;
            transition: 0.5s;
	}

.ind_kafel:hover > .offer-cont {
	-webkit-transition: 0.5s;
            transition: 0.5s;
	}

.offer-button{
		text-align:center;
		color:#a89481;
		background:#fff;
		font-size:16px;
		max-width:200px;
		font-family: Raleway-Bold, Arial;
		padding:10px 0px;
		margin:10px auto 30px auto;
		box-sizing:border-box;
		-webkit-transition: 0.5s;
				transition: 0.5s;
	}

.ind_kafel:hover > .offer-button {
		color:#fff;
		background:#a89481;
		-webkit-transition: 0.5s;
				transition: 0.5s;
	}

.offer-sigin{
		color:#a89481;
		background:#fff;
		font-size:34px;
		text-align:center;
		-webkit-transition: 1.0s;
				transition: 1.0s;
	}

.ind_kafel:hover >  .offer-sigin{
		opacity:0;
		-webkit-transition: 1.0s;
				transition: 1.0s;
	}

.pagcontent a.offer-button{
		text-align:center;
		color:#fff;
		background:#212121;
		font-size:16px;
		max-width:200px;
		font-family: var(--font-main), Arial;
		font-weight:normal;
		padding:10px 10px;
		text-align:center;
		box-sizing:border-box;
		-webkit-transition: 0.5s;
				transition: 0.5s;
	}

.pagcontent a.offer-button:hover {
		color:#ff6600;
		-webkit-transition: 0.5s;
				transition: 0.5s;
	}

a.hrgal {
	text-align:center;
	font-size: 14px; 
	font-weight: normal; 
	font-family:  var(--font-main), Arial; 
	color:#ff6600;
	}

a.hrgal:hover { 
	color:#fff;
	}

.kont-cont{
	font-size:46px;
	font-family:  var(--font-main), Arial; 
	color:#111111;
	}

.kont-cont > span{
	font-size:54px;
	font-family:  Raleway-Bold, Arial; 
	color:#111111;
	}

.title_ind{
		width:100%;
		font-size:30px;
		font-family: var(--font-main), Arial; 
		text-align:left;
	}

.pdf{
		display:block;
		margin-top:8px;
		box-sizing:border-box;
		width:100%;
	}

.pdfl{
		float:left;
		box-sizing:border-box;
		width:35px;
	}

.pdfr{
		float:left;
		padding:0px 10px;
		box-sizing:border-box;
		width:calc(100% - 35px);
		text-align:left;
	}

.pdfr > a{
		font-size:18px;
		font-weight:normal;
		font-family:  var(--font-main), Arial;
		color:#ff6600;
		-webkit-transition: 1s;
            transition: 1s;
	}

.border-slider{
		display:none;
		position:absolute;
		width:100%;
		height:100%;
		background:#909090;
		clip-path: polygon(0% 15px, 100% 15px, 95% 566px, 0% 591px);
		-webkit-clip-path:polygon(0% 15px, 100% 15px, 95% 566px, 0% 591px)
	}

.zapytanie{
		background:#faf9f8;
	}

@keyframes banopis{
		0% {
		transform: perspective(500px) translate3D(0px,0px,0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
		-webkit-transform: perspective(500px) translate3D(0px,0px,0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
		}
		20% {
			transform: perspective(500px) translate3D(-16px,-4px,-38px)rotateX(0deg) rotateY(0deg) rotateZ(0deg);
			-webkit-transform: perspective(500) translate3D(-17px,8px,4px)rotateX(0deg) rotateY(0deg) rotateZ(0deg);
		}
		40% {
			transform: perspective(500px) translate3D(1px,9px,-26px)rotateX(0deg) rotateY(0deg) rotateZ(0deg);
			-webkit-transform: perspective(500) translate3D(-16px,8px,18px)rotateX(0deg) rotateY(0deg) rotateZ(0deg);
		}
		60% {
			transform: perspective(500px) translate3D(19px,-7px,-26px)rotateX(0deg) rotateY(0deg) rotateZ(0deg);
			-webkit-transform: perspective(500) translate3D(-18px,-7px,-48px)rotateX(0deg) rotateY(0deg) rotateZ(0deg);
		}
		80% {
			transform: perspective(500px) translate3D(16px,7px,44px)rotateX(0deg) rotateY(0deg) rotateZ(0deg);
			-webkit-transform: perspective(500) translate3D(19px,6px,13px)rotateX(0deg) rotateY(0deg) rotateZ(0deg);
		}
		100% {
			transform: perspective(500px) translate3D(0px,0px,0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
			-webkit-transform: perspective(500px) translate3D(0px,0px,0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
		}
	}

.text-title{
		color:#232323;
		font-size:16px;
		padding:10px 0px;
		box-sizing:border-box;
		border-bottom:1px solid #ececed;
		font-family: Lato-Semibold, Arial;

	}

.cennik_box{
		width:100%;
		display:table;
		height:auto;
		background:#ececed;
		border-radius:10px;
		box-sizing:border-box;
		padding:10px;
	}

.cennik_col{
		position:relative;
		display:table;
		width:25%;
		float:left;
		height:auto;
		box-sizing:border-box;
		padding:5px;
	}

.cennik_bestseler{
		background:#fff;
		border-radius:10px;
		box-shadow: 1px 10px 10px #8a8a8a;
	}

.cennik_bestseler_title{
		position:absolute;
		width:100%;
		top:-25px;
		left:0px;
		background:#a89481;
		border-top-left-radius:10px;
		border-top-right-radius:10px;
		color:#fff;
		box-sizing:border-box;
		padding:5px;
		font-family: var(--font-main), Arial;
		text-align:center;
		font-size:14px;
		}

.cennik_title{
		color:#232323;
		font-size:22px;
		padding:5px;
		box-sizing:border-box;
		border-bottom:1px solid #fff;
		font-family:var(--font-main), Arial;
	}

.cennik_price{
		color:#5b5b5b;
		font-size:16px;
		font-family: var(--font-main), Arial;
		text-align:center;
		padding:5px;
		box-sizing:border-box;
	}

.cennik_price > span{
		color:#232323;
		font-size:36px;
		font-family:var(--font-main)-bold, Arial;
	}

.cennik_opislight{
		color:#5b5b5b;
		font-size:14px;
		padding:5px;
		box-sizing:border-box;
		font-family: var(--font-main), Arial;
		text-align:center;
	}

.cennik_opis > ul li::before {
		content: "\f00c";
		font-size:16px;
	}

.cennik_opis{
		color:#5b5b5b;
		font-size:14px;
		padding:5px;
		box-sizing:border-box;
		font-family: var(--font-main), Arial;
	}

.portfolio-tytul{
		background:#ececed;
		position:absolute;
		z-index:5000;
		width:100%;
		height:1200px;
		clip-path: polygon(0% 70px, 80% -1px, 0% 100%);
		-webkit-clip-path:polygon(0% 70px, 80% -1px, 0% 100%);
		animation-name:fadeInRightBig;
		animation-duration:1s;
		-webkit-animation-name:fadeInRightBig;
		-webkit-animation-duration:1s;
	}

.portfolio-topmargin{
		background:#fff;
		position:absolute;
		z-index:4999;
		width:100%;
		height:75px;
		clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
		-webkit-clip-path:polygon(0% 0%, 100% 0%, 0% 100%);
	}

.portfolio-bottommargin{
		background:#fff;
		position:absolute;
		top:300px;
		z-index:4999;
		width:100%;
		height: calc(100% - 150px);
		clip-path: polygon(0% 0%, 100% 700px, 100% 100%, 0% 100%);
		-webkit-clip-path:polygon(0% 0%, 100% 700px, 100% 100%, 0% 100%);
		animation-name:fadeInUpBig;
		animation-duration:1s;
		-webkit-animation-name:fadeInUpBig;
		-webkit-animation-duration:1s;
	}

.portfolio-nonebackground{
		background:transparent;
		position:relative;
		z-index:5001;
	}

.portfolio-opis{
		margin-top:80px;
		width:40%;
		color:#5b5b5b;
		font-family: var(--font-main), Arial;
		font-size:18px;
	}

.portfolio-opis > h1{
		color:#232323;
		font-family:var(--font-main)-bold, Arial;
		font-size:32px;
	}

.portfolio-img{
		text-align:center;
		animation-name:fadeInUpBig;
		animation-duration:1s;
		-webkit-animation-name:fadeInUpBig;
		-webkit-animation-duration:1s;
	}

.portfolio-img img{
		box-shadow: 0 10px 40px -5px rgba(0,0,0,.5);
	}

.portfolio-nav{
		position:relative; 
		margin-top:40px;
	}

.portfolio-back-next{
		position:absolute;
		display:table;
		box-sizing:border-box;
		padding:10px;
		background:#a89481;
		cursor:pointer;
		transform:scale(1.2);
		-webkit-transition: 0.5s;
			transition: 0.5s;
	}

.portfolio-back-next:hover{
		box-shadow:0 2px 10px -1px rgba(0,0,0,.5);
		transform:scale(1.00);
		-webkit-transition: 0.5s;
			transition: 0.5s;
	}

.portfolio-n{
		left: 55px;
	}

.portfolio-b{
		left: 0px;
	}

.portfolio-fa-left::before{
		content: "\f053";
		font-family: Fontawesome;
		color:#fff;
		font-size:30px;
	}

.portfolio-rama{
		display:inline-flex;
		width:100%;
	}

.portfolio-zakres{
		position:position:relative;
		margin-left:auto;
		right:0;
		width:auto;
		max-width:100%;
		background: rgba(255,255,255,0.9);
		box-sizing:border-box;
		padding:10px;
		border-radius:10px;
		margin-bottom:30px;
		box-shadow: 0 10px 40px -5px rgba(0,0,0,.5);
	}

.stat-box{
		width:33.333333%;
		float:left;
		text-align:center;
		margin:20px 0px;
	}

.stat-in{
		font-size:18px;
		font-family: var(--font-main);
		color:#1d2272;
	}

.stat-val{
		font-size:80px;
		box-sizing:border-box;
		padding:0px 0px 10px 0px;
		color:#1d2272;
		font-family: var(--font-heading);
	}

.stat-txt{
		font-size:20px;
		font-family: var(--font-main);
		color:#fff;
		background: radial-gradient(circle at top left, rgba(107,117,246,.22), transparent 35%), linear-gradient(135deg, #0d122e, #1d2272 58%, #3e4fd8);
		margin:4px;
		padding:10px;
		box-sizing:border-box;
		border-radius:10px;
	}

.ncechy-box, .ncechy-box-i, .ncechy-box-33, .ncechy-box-25{
		width:calc(50% - 20px);
		float:left;
		margin:10px;
		box-sizing:border-box;
	}

.ncechy-box-33{
		width:calc(33.3333% - 20px);
		margin:30px 10px;
	}

.ncechy-box-25{
		width:calc(25% - 20px);
		margin:20px 10px;
		box-sizing:border-box;
		padding:5px;
	}

.ncechy-icon{
		text-align:center;
	}

.ncechy-title, .ncechy-title-33, .ncechy-title-25{
		font-family:var(--font-main)-bold;
		font-size:16px;
		text-align:center;
		color:#a89481;
		margin: 5px 0px 15px 0px;
	}

.ncechy-title-33, .ncechy-title-25{
		font-size:20px;
	}

.ncechy-title-25{
		text-align:left;
		padding-bottom: 10px;
		box-sizing:border-box;
		border-bottom: 4px solid #a89481;
		color: #232323;
	}

.ncechy-opis, .ncechy-opis-33, .ncechy-opis-25{
		font-size:13px;
		color: #696969;
		text-align:center;
	}

.ncechy-opis-33, .ncechy-opis-25{
		font-size:16px;
		text-align:left;
	}

.nproces-box{
		width:calc(50% - 40px);
		float:left;
		display:table;
		#background:#a89481;
		margin:20px;
		border-radius:10px;
	}

.nproces-title{
		width:40%;
		float:left;
		box-sizing:border-box;
		padding:10px;
		border-bottom: 2px solid #a89481;
	}

.nprosec-opis{
		width:60%;
		float:left;
		box-sizing:border-box;
		padding:20px;
		background:#ececed;
		text-align:justify;
		border-bottom-right-radius:10px;
		border-bottom-left-radius:10px;
		color:#696969;
		box-shadow: 0 10px 20px -10px rgba(0,0,0,.2);
	}

.ncenter {
		text-align:center;
	}

.ncenter-title {
		text-align:center;
		color:#a89481;
		border:none;
		padding:0px;
	}

.index-wyroznik-a{
		display: flex;
		align-items: center; 
		width:30%;
		height:280px;
		color:#fff;
		font-family: Raleway-Bold, Arial;
		font-size:34px;
		float:left;
		box-sizing:border-box;
		padding:10px;
	}

.index-wyroznik-b{ 
		box-sizing:border-box;
		padding:10px;
		color:#fff;
		float:left;
		width:70%;
		font-family: var(--font-main), Arial;
		background:#a89481;
		font-size:24px;
	}

.index-wyroznik-b > ul li::before {
		color:#fff;
	}

.video-container {
	  position: absolute;
	  top: 0;
	  bottom: 0;
	  width: 100%;
	  height: 100%; 
	  z-index:-1;
	  overflow: hidden;
	}

.video-container video {
	  min-width: 100%; 
	  min-height: 100%; 
	  width: auto;
	  height: auto;
	  position: absolute;
	  top: 20%;
	  left: 50%;
	  transform: translate(-50%,-50%);
	}

.footer_menu_link{
		text-transform:uppercase;		
	}

.contact-block{
		display:table;
		width:100%;
		box-sizing:border-box;
		margin-bottom:10px;
	}

.padding{
		padding: 20px;
		box-sizing:border-box;
	}

.br-lft{
		padding: 0px 20px;
		border-left: 2px solid #74aaab;
	}

.br-rgh{
		padding: 0px 20px;
		border-right: 1px solid #f1b23c;
	}

.contact-form{
		display:table;
		width:100%;
		background:#a89481;
		box-sizing:border-box;
		padding:15px;
		color:#fff;
	}

.content-img-left {
		float:left; 
		height:100%; 
		padding:0px 20px 20px 0px; 
		box-sizing:border-box; 
		max-height:350px; 
		max-width:500px; 
		width:100%
	}

.dod-table{
		display:table; 
		width:100%; 
		font-family:Oswald-Light;
		border-top: 1px solid #e5e5e5;
		border-left: 1px solid #e5e5e5;
		font-size
	}

.dod-row{
		display:table-row; 
		width:auto;
		cursor:pointer;
		-webkit-transition: 1s;
            transition: 1s;
	}

.dod-row:hover{
		background:#a89481;
		color:#fff;
		-webkit-transition: 1s;
            transition: 1s;
	}

.dod-cell {
		display:table-cell; 
		box-sizing:border-box;
		padding:10px;
		border-bottom: 1px solid #e5e5e5;
		border-right: 1px solid #e5e5e5;
	}

.w150{
		width:200px;
	}

.w80{
		width:80%;
	}

.w70{
		width:70%;
	}

.w60{
		width:60%;
	}

.w50{
		width:50%;
	}

.w40{
		width:40%;
	}

.w30{
		width:33.33%;
	}

.w30-0{
		width:30%;
	}

.w20{
		width:20%;
	}

.bgw30{
		width: calc(33.33% - 4px);
		float:left;
	}

.bgw50{
		width: calc(50% - 10px);
		float:left;
	}

.m-hauto{
		min-height: auto;
	}

.mHight{
		min-height:calc(100vh - 600px);
	}

.dod-blue{
		background:#a89481;
		color:#fff;
	}

.dod-tab-mobile{
		display:none;
		margin-top:30px;
		width:100%;
	}

.indextit{
		font-size:36px !important;
		font-family:var(--font-main), Arial;
	}

.indextit-brdleft {
	  border-left: 2px solid #1d2272;
	  padding: 0px 0px 25px 25px;
	  box-sizing: border-box;
	  line-height: 1.2;
	  text-align: left;
	}

.index-kafel{
		display:flex;
		width:100%;
		cursor:pointer;
		margin-top:20px;
	}

.index-kafel-ikona{
		display:flex;
		min-width:90px;
		width:90px;
		min-height:90px;
		padding:10px;
		box-sizing:border-box;
	}

.index-kafel-title{
		width:calc(100%-90px);
		display:flex;
		padding:0px 10px;
		box-sizing:border-box;
		align-items: center;
		justify-content: center;
		font-family:var(--font-main), Arial;
		font-size:26px;
		border-left:2px solid #a89481;
		color:#232323;
		-webkit-transition: 0.5s;
            transition: 0.5s;
	}

.index-kafel:hover > .index-kafel-title{
		color: #a89481;
		border-left:2px solid transparent;
		-webkit-transition: 0.5s;
            transition: 0.5s;
	}

.red-square{
		position:relative;
		display:flex;
		width:280px;
		height:280px;
		align-items: center;
		justify-content: center;
		background:#ea1c1c;
		margin: 30px auto;
		color:#fff;		
	}

.znacznik{
		position:absolute;
		left:1px;
		bottom:-2px;
	}

.tir-ikon{
		position:absolute;
		top:-50px;
		left:20px;
	}

.r-certyfikat{
		height:80px;
		width:100%;
		padding:10px 10px;
		box-sizing:border-box;
	}

.icontext{
		color:#232323;
		cursor:pointer;
		line-height: 1.0;
		padding:20px;
		box-sizing:border-box;
		-webkit-transition: 0.5s;
            transition: 0.5s;
	}

.iconalltf {
		position:relative;
		//top:50%;
		//transform: translateY(-50%);
		border-style: none;
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
		font-size: 30px;
		width: 120px;
		height: 120px;
		line-height: 120px;
		border-radius: 50%;
		border: 1px solid var(--bdcolor);
		margin-left: auto;
		margin-right: auto;
		background: #1d2272;
			-webkit-transition: 0.5s;
            transition: 0.5s;
	}

.iconalltf img {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

.icontext:hover{
		
		.iconalltf{
			background: #fff;
			-webkit-transition: 0.5s;
            transition: 0.5s;
		}
		
		color: #1d2272;
		-webkit-transition: 0.5s;
            transition: 0.5s;
	}

table.table-pzw, .table-pzw > tbody > tr > td {
		border:1px solid #126e79;
		padding: 5px;
		box-sizing:border-box;
	}

.table-pzw-head{
		background: #126e79;
		color:#fff;
		font-family:var(--font-main), Arial;
	}

.table-pzw{
		width:100%;
	}

.table-lp-pzw{
		width:40px;
	}

.table-pln-pzw{
		width:60px;
	}

.contact-info{
		border-radius:20px;
		border: 1px solid #1d2272;
	}

.bckgalmulti{
		position:absolute;
		display:block;
		top:0;
		width:100%;
		height:100%;
		background:#f6f6f6;
		clip-path: polygon(5% 50px, 100% 0%, 95% 95%, 2% 100%);
		-webkit-clip-path:polygon(0% 70px, 100% 0%, 100% 85%, 0% 100%);
	}

.container{
		position:relative;
		//padding:45px 0px;
		box-sizing:border-box;
		z-index:1;
	}

.process-path {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  max-width:100%;
	max-width:100%;
	max-width:1600px;
  margin: 60px auto;
  padding: 0 20px;
}

.step-node {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 2;
  min-width:150px;
}

.step-circle {
  width: 60px;
  height: 60px;
  background: #1d2272;
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  margin-bottom: 25px;
  border: 4px solid #fff;
  box-shadow: 0 0 0 2px #1d2272;
  font-size:24px;
  font-family:var(--font-heading);
}

.step-card {
  text-align: center;
  padding: 0 10px;
  max-width: 200px;
  background: transparent;
  background: rgba(255,255,255,0.8);
  border-radius:10px;
  padding: 5px;
  box-sizing:border-box;
}

.step-card h4 {
  font-size: 1.15rem;
  margin-bottom: 10px;
  color: #333;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family:var(--font-heading);
}

.step-card p {
  font-size: 0.9rem;
  color: #777;
  line-height: 1.5;
  font-size:18px;
  margin: 0;
}

.step-line {
  flex: 1;
  height: 2px;
  border-top: 2px dashed #1d2272;
  margin-top: 30px; 
  position: relative;
  top: 0;
  opacity: 0.5;
}

.parent-container {
    display: flex;
    flex-wrap: wrap;
    max-width:100%;
	max-width:100%;
	max-width:1600px;
    margin: 0 auto;
    gap: 15px; }

.ind_kafel {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    cursor: pointer;
    width: calc(33.33% - 20px); 
    height: 300px; background: #f3f3f3;
    border: 1px solid #1d2272;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.kafel-bg {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-size: cover;
    background-position: center;
    transition: transform 0.8s ease;
    z-index: 1;
}

.kafel-content {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 20px;
    text-align: center;
}

.offer-icon {
    width: 80px;
    height: 80px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 15px;
    transition: transform 0.4s ease;
}

.offer-name {
    font-family: var(--font-heading), sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #232323;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.offer-line {
    width: 40px;
    height: 2px;
    background: #1d2272;
    margin: 10px 0;
    transition: width 0.4s ease;
}

.ind_kafel:hover {
    box-shadow: 0 10px 25px rgba(222, 2, 39, 0.2);
}

.ind_kafel:hover .kafel-bg {
    transform: scale(1.1); }

.ind_kafel:hover .offer-name {
    color: #ffffff; }

.ind_kafel:hover .offer-line {
    width: 80px; background: #ffffff;
}

.ind_kafel:hover .offer-cont {
    color: #eeeeee;
    opacity: 1;
}

@keyframes revealEffect {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.footer-title {
    font-family: 'var(--font-heading)', Arial, sans-serif;
    font-size: 20px;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.seo-locations {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 15px;
}

.seo-locations a {
    font-size: 15px !important;
    opacity: 0.8;
    border-bottom: 1px solid transparent;
}

.seo-locations a:hover {
    opacity: 1;
    border-bottom: 1px solid #1d2272;
}

.polska-tag {
    width: 100%;
    margin-top: 10px;
    font-size: 14px;
    #font-style: italic;
    color: #1d2272;
    font-family: 'var(--font-heading)';
}

.atuty-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 40px 0;
    width: 100%;
}

.price-value {
    font-size: 32px;
    font-family: 'var(--font-heading)';
    color: #1d2272;
}

.parent-container{
	display:flex;
	flex-wrap:wrap;
	gap:24px;
	width:100%;
	margin:30px 0 10px 0;
}

.parent-container .ind_kafel{
	position:relative;
	width:calc(33.333% - 18px);
	min-height:420px;
	margin:0;
	float:none;
	overflow:hidden;
	border-radius:18px;
	cursor:pointer;
	background:#0f153d;
	box-shadow:0 14px 34px rgba(8,18,61,.14);
	border:1px solid rgba(29,34,114,.08);
	transition:transform .35s ease, box-shadow .35s ease;
}

.parent-container .ind_kafel:hover{
	transform:translateY(-8px);
	box-shadow:0 24px 50px rgba(8,18,61,.22);
}

.parent-container .kafel-bg{
	position:absolute;
	inset:0;
	background-size:cover;
	background-position:center;
	transform:scale(1);
	transition:transform .9s ease;
}

.parent-container .ind_kafel:hover .kafel-bg{
	transform:scale(1.08);
}

.parent-container .kafel-content{
	position:relative;
	z-index:2;
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	padding:28px;
	box-sizing:border-box;
	color:#fff;
}

.parent-container .offer-icon{
	width:90px;
	height:90px;
	border-radius:50%;
	background-color:rgba(255,255,255,.12);
	background-repeat:no-repeat;
	background-position:center;
	background-size:95px 95px;
	border:1px solid rgba(255,255,255,.24);
	backdrop-filter:blur(4px);
	-webkit-backdrop-filter:blur(4px);
	margin-bottom:22px;
	box-shadow:0 8px 20px rgba(0,0,0,.12);
}

.parent-container .offer-name{
	font-family:var(--font-heading), var(--font-main), Arial, sans-serif;
	font-size:28px;
	line-height:1.15;
	color:#fff;
	margin-bottom:14px;
	text-shadow:0 2px 10px rgba(0,0,0,.18);
}

.parent-container .offer-line{
	width:68px;
	height:3px;
	border-radius:999px;
	background:linear-gradient(90deg, #ffffff 0%, #8ea2ff 100%);
	margin-bottom:18px;
}

.parent-container .offer-cont{
	font-family:var(--font-text), Arial, sans-serif;
	font-size:17px;
	line-height:1.55;
	color:rgba(255,255,255,.92);
	min-height:72px;
	padding:0;
	text-align:left;
	max-width:90%;
}

.parent-container .offer-cont p{
	margin:0;
}

.parent-container .offer-cont p + p{
	margin-top:8px;
}

.parent-container .ind_kafel::after{
	content:"Zobacz więcej";
	position:absolute;
	right:24px;
	top:22px;
	z-index:3;
	padding:10px 16px;
	border-radius:999px;
	font-family:var(--font-main), Arial, sans-serif;
	font-size:14px;
	letter-spacing:.2px;
	color:#fff;
	background:rgba(255,255,255,.10);
	border:1px solid rgba(255,255,255,.18);
	backdrop-filter:blur(6px);
	-webkit-backdrop-filter:blur(6px);
	opacity:0;
	transform:translateY(8px);
	transition:all .3s ease;
}

.parent-container .ind_kafel:hover::after{
	opacity:1;
	transform:translateY(0);
}

.policy-privacy{
	max-width:1100px;
	margin:0 auto;
	padding:40px 20px 60px 20px;
	box-sizing:border-box;
}

.policy-privacy h1{
	font-family:var(--font-heading), Arial, sans-serif;
	font-size:38px;
	color:#1d2272;
	margin-bottom:30px;
}

.policy-section{
	margin-bottom:35px;
	padding-bottom:20px;
	border-bottom:1px solid #e7ebf5;
}

.policy-section h3{
	font-family:var(--font-heading), Arial, sans-serif;
	font-size:22px;
	color:#1d2272;
	margin-bottom:12px;
}

.policy-section p{
	font-family:var(--font-elements), Arial, sans-serif;
	font-size:16px;
	line-height:1.7;
	color:#4b546f;
	margin-bottom:12px;
}

.policy-section ul{
	padding-left:20px;
	margin-bottom:10px;
}

.policy-section li{
	font-family:var(--font-elements), Arial, sans-serif;
	font-size:16px;
	color:#4b546f;
	margin-bottom:6px;
	position:relative;
}

.policy-section li::marker{
	color:#1d2272;
}

.policy-section strong{
	color:#1d2272;
	font-weight:600;
}

.policy-section a{
	color:#1d2272;
	text-decoration:none;
	border-bottom:1px dashed rgba(29,34,114,.4);
	transition:0.3s;
}

.policy-section a:hover{
	color:#4a6cf7;
	border-bottom-color:#4a6cf7;
}

.policy-section:last-child{
	border-bottom:none;
}

.about-section{
    margin-bottom:40px;
}

.about-section h3{
    font-family:var(--font-heading);
    font-size:26px;
    color:#1d2272;
    margin-bottom:15px;
}

.about-section p{
    font-family:var(--font-elements);
    font-size:17px;
    line-height:1.7;
    color:#4b546f;
}

.about-section ul{
    margin-top:10px;
    padding-left:20px;
}

.about-section li{
    margin-bottom:6px;
}

.offer-buttons{
	margin-top:15px;
	display:flex;
	gap:15px;
	flex-wrap:wrap;
}

.scroll-y-container{
	width:100%;
	min-height:220px;
	max-height:630px; overflow-y:auto;
	overflow-x:hidden;

	box-sizing:border-box;
	padding:10px;

	scroll-behavior:smooth;

	scrollbar-width:none;
	-ms-overflow-style:none;
}

.scroll-y-container .item{
	padding:12px 15px;
	margin-bottom:10px;

	background:#f5f7ff;
	border-radius:10px;

	border:1px solid rgba(29,34,114,.08);

	font-family:var(--font-elements);
	color:#4b546f;
}

.pdf-grid{
	display:grid;
	grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));
	gap:20px;
	margin-top:25px;
}

.pdf-title{
	font-family:var(--font-heading), Arial, sans-serif;
	font-size:18px;
	line-height:1.3;
	color:#1d2272;
	margin-bottom:8px;
}

.pdf-desc{
	font-family:var(--font-elements), Arial, sans-serif;
	font-size:14px;
	line-height:1.5;
	color:#6a7288;
}

.age-btn{
    min-width:170px;
    padding:13px 22px;
    border-radius:999px;
    border:none;
    cursor:pointer;
    font-family:var(--font-main), Arial, sans-serif;
    font-size:16px;
    transition:all .3s ease;
}

.age-btn-yes{
    background:linear-gradient(135deg, #1d2272, #4a6cf7);
    color:#fff;
    box-shadow:0 10px 24px rgba(29,34,114,.18);
}

.age-btn-yes:hover{
    transform:translateY(-2px);
    box-shadow:0 14px 28px rgba(29,34,114,.26);
}

.age-btn-no{
    background:#eef2ff;
    color:#1d2272;
    border:1px solid rgba(29,34,114,.12);
}

.age-btn-no:hover{
    background:#e3e9ff;
}

.shops-wrap{
    display:flex;
    gap:30px;
    margin-top:30px;
	margin-bottom:60px;
	border-bottom: 1px solid #e6e6e6;
    align-items:stretch;
}

.shops-left{
    width:38%;
    display:flex;
    flex-direction:column;
}

.shop-item{
    padding:16px 18px;
    margin-bottom:12px;
    background:#ffffff;
    border:1px solid rgba(29,34,114,.08);
    border-radius:12px;
    box-shadow:0 5px 15px rgba(15,21,61,.05);
    cursor:pointer;
    transition:all .3s ease;
    font-family:var(--font-elements), Arial, sans-serif;
    color:#4b546f;
    line-height:1.5;
}

.shop-item:hover{
    transform:translateY(-3px);
    border-color:rgba(29,34,114,.2);
    box-shadow:0 12px 24px rgba(15,21,61,.1);
    color:#1d2272;
}

.home-section{
	margin: 50px 0 70px 0;
}

.home-section-tight{
	margin: 35px 0 45px 0;
}

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

.home-intro{
	max-width: 980px;
	margin: 0 auto 15px auto;
	text-align: center;
}

.home-intro p{
	font-family:var(--font-elements), Arial, sans-serif;
	font-size:18px;
	line-height:1.8;
	color:#4b546f;
	margin:18px 0 0 0;
}

.home-subtitle{
	font-family:var(--font-heading), Arial, sans-serif;
	font-size:40px;
	line-height:1.2;
	color:#1d2272;
	margin:0 0 10px 0;
}

.home-cta{
	max-width:980px;
	margin:0 auto;
	text-align:center;
}

.home-cta p{
	font-family:var(--font-elements), Arial, sans-serif;
	font-size:19px;
	line-height:1.8;
	color:#4b546f;
	margin:0;
}

.home-cta-buttons{
	margin-top:26px;
	display:flex;
	justify-content:center;
	gap:16px;
	flex-wrap:wrap;
}

.article-shell{
	max-width: 980px;
	margin: 0 auto 50px auto;
}

.article-meta{
	display:flex;
	flex-wrap:wrap;
	gap:10px 18px;
	align-items:center;
	margin: 0 0 25px 0;
	padding-bottom:16px;
	border-bottom:1px solid #e7ebf5;
	font-family:var(--font-elements), Arial, sans-serif;
	font-size:15px;
	color:#6b728c;
}

.article-meta-item{
	display:flex;
	align-items:center;
	gap:8px;
}

.article-meta-item i{
	color:#1d2272;
}

.article-lead{
	font-family: var(--font-heading), Arial, sans-serif;
	font-size: 30px;
	line-height: 1.35;
	color: #1d2272;
	max-width: 900px;
	margin: 0 0 30px 0;
	padding-left: 24px;
	border-left: 4px solid #1d2272;
}

.article-cover{
	margin: 0 0 35px 0;
	border-radius:18px;
	overflow:hidden;
	box-shadow:0 14px 35px rgba(15,21,61,.12);
}

.article-cover img{
	display:block;
	width:100%;
	height:auto;
}

.article-body{
	font-family:var(--font-elements), Arial, sans-serif;
	font-size:18px;
	line-height:1.9;
	color:#4b546f;
}

.article-body p{
	margin:0 0 20px 0;
}

.article-body h2,
.article-body h3{
	font-family:var(--font-heading), Arial, sans-serif;
	color:#1d2272;
	margin:35px 0 14px 0;
	line-height:1.3;
}

.article-body h2{ font-size:30px; }

.article-body h3{ font-size:24px; }

.article-body ul{
	margin: 0 0 20px 20px;
	padding-left: 20px;
}

.article-body li{
	margin-bottom:10px;
}

.article-highlight{
	margin:35px 0;
	padding:24px 28px;
	border-radius:18px;
	background:linear-gradient(135deg, #f5f7ff 0%, #eef2ff 100%);
	box-shadow:0 10px 24px rgba(29,34,114,.06);
}

.article-highlight h3{
	margin-top:0;
}

.article-author-box{
	margin-top:40px;
	padding:24px 28px;
	border:1px solid rgba(29,34,114,.08);
	border-radius:18px;
	background:#fff;
	box-shadow:0 8px 20px rgba(15,21,61,.05);
}

.article-nav{
	margin-top:35px;
	display:flex;
	flex-wrap:wrap;
	gap:16px;
	justify-content:center;
}

.article-related-title{
	text-align:center;
	font-family:var(--font-heading), Arial, sans-serif;
	font-size:32px;
	color:#1d2272;
	margin:60px 0 25px 0;
}