@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;700&family=Playfair+Display:wght@400;700&display=swap');


html, body, div, span, applet, object, iframe,
                h1, h2, h3, h4, h5, h6,  blockquote, pre,
                a, abbr, acronym, address, big, cite, code,
                del, dfn, em, font, img, ins, kbd, q, s, samp,
                small, strike, sub, sup, tt, var,
                dl, dt, dd,
                fieldset, form, label, legend {
                    margin: 0;
                    padding: 0;
                    border: 0;
                    outline: 0;
                    font-weight: inherit;
                    font-style: inherit;
                    font-size: 100%;
                    vertical-align: baseline;
                }
                :focus {
                    outline: 0;
                }
                body {
                    line-height: 22px;
                    color:#30353A;
					background-color:white;
				    font-size:15px;
					font-family: 'IBM Plex Sans', sans-serif;
					font-weight:400;
                }

                blockquote:before, blockquote:after,
                q:before, q:after {
                    content: "";
                }
                blockquote, q {
                    quotes: "" "";
                }

								
.font {
font-family: 'Playfair Display', serif;
}
								
								
.boxszukaj {
display:none;	
}	


div, nav, header, footer,span,table,tr,td,h1,h2,h3,h4,a,p,input,textarea,ul,li {
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.baner-podstrona {
float:left;
width:100%;
height:300px;
background-repeat : no-repeat;
	background-position:center center;
	background-size:cover;
}	


.glowna4.podrzedna .baner-podstrona, .glowna7nadrzedna .baner-podstrona, .glowna3.podrzedna .baner-podstrona, .glowna5.podrzedna  .baner-podstrona {
display: none;
}	


.boxszukaj {
padding: 30px 20% 60px 20%;
width: 100%;
background-color: #191919;
border-bottom: 1px solid #303030;
text-align: center;
float: left;
position: absolute;
top: 50px;
left: 0px;
z-index: 9999999999;
}

.boxszukaj input{
display: inline-block;
padding: 10px 30px;
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
		font-family: 'IBM Plex Sans Arabic', sans-serif;
		border: 1px solid #464646;
		background-color: #191919;
		color: #FFF;
}


.boxszukaj input:last-of-type{
display: inline-block;
padding: 10px 30px;
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
    font-family: 'Kaisei HarunoUmi', serif;
		border: 1px solid #464646;
		background-color: #FFF;
		border: 1px solid #FFF;
		color: #000;
		position: relative;
		bottom: -1px;
}


.strona {
	width: 100%;
	border: 0px;
	margin:0 auto;
	min-width:300px;
	max-width:1480px;
	padding: 0px 4%;
}

.ramka {
	width: 100%;
	border: 0px;
	float:left;
	position:relative;
}

.boxtop {
	float:left;
	width:100%;
	background-color:#191919;
}	

.boxtop .ramka{
	padding-left: 4%;
	font-size: 11px;
}	

.boxtop .boxkontakt a img:hover {
	opacity:0.7;
}	


.boxtop .lang {
	float:left;
	width:20%;
}	

.boxtop .lang  a {
display:inline-block;	
padding:12px 5px;
}	

.boxtop .boxkontakt {
	float:left;
	width:80%;
	text-align:right;
	color:#A1A1A1;
	font-size:11px;
	text-transform:uppercase;
}	

.boxtop .boxkontakt img {
    vertical-align: middle;
    margin-left: 10px;
    position: relative;
    top: 0px;
    margin-right: 10px;
}



.boxtop .boxkontakt a:last-of-type  img{
    vertical-align: middle;
    margin-left: 10px;
    position: relative;
    top: 0px;
    margin-right: 0px;
    vertical-align: middle;
}


.header {
	width: 100%;
	border: 0px;
	float:left;
	position:relative;
	height:120px;
}	



header {
	width: 100%;
	border: 0px;
	float:left;
	position:relative;
	height:120px;
	z-index:9999;
}	


.glowna74nadrzedna header, .glowna4nadrzedna header, .glowna4.podrzedna header, .glowna3nadrzedna header, .glowna5nadrzedna header  , .glowna6nadrzedna header, .glowna7nadrzedna header, .glowna3.podrzedna header, .glowna5.podrzedna header, .glowna103nadrzedna header{
   background-color: #000; 
}

.wyniki-wyszukiwania a {
font-weight: 700;
color: #C5A47E;
}

.glowna4.podrzedna.szczegoly header {
	background-color: transparent;
}	


.szczegoly_podstrona {
margin-top: -120px;
width: 100%;
float: left;
padding: 40% 0px 0px 0px;
position:relative;
}


.szczegoly_podstrona:before {
width: 100%;
position:absolute;
height: 100%;
background: rgb(0,0,0);
background: -moz-linear-gradient(0deg, rgba(0,0,0,0.2553221972382703) 0%, rgba(0,0,0,0.31414572665003504) 68%, rgba(0,0,0,0.4878151944371498) 95%, rgba(0,0,0,0.5354342420561975) 100%);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.2553221972382703) 0%, rgba(0,0,0,0.31414572665003504) 68%, rgba(0,0,0,0.4878151944371498) 95%, rgba(0,0,0,0.5354342420561975) 100%);
background: linear-gradient(0deg, rgba(0,0,0,0.2553221972382703) 0%, rgba(0,0,0,0.31414572665003504) 68%, rgba(0,0,0,0.4878151944371498) 95%, rgba(0,0,0,0.5354342420561975) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
content:'';
z-index: 9;
top: 0px;
left: 0px;
}


.szczegoly_podstrona .sciezka {
display: block;
}

 
.szczegoly_middle {
margin: auto auto;
position: absolute;
width: 100%;
max-width: 1380px;
left: 0;
top: 0;
bottom: 0;
right: 0;
z-index: 99;
text-align: center;
height: 100px;
}


.szczegoly_podstrona img {
height: 100%;
width: 100%;
top: 0px;
left: 0px;
position:absolute;
object-fit: cover;
}


.szczegoly_middle h2{
color: #FFF;
font-size: 50px;
line-height: 64px;
}

.glowna4.podrzedna.szczegoly .szczegoly_middle .sciezka {
display: block !important;


}


.tresc-podstrony table.naglowek_tresc {
width: 100%;
margin: 20px 0px;
margin-bottom:0px;
}

.tresc-podstrony table.naglowek_tresc td{
padding: 20px 3%;
width: 50%;
}


.tresc-podstrony table.naglowek_tresc td:first-of-type{
text-align: right;
}

.tresc-podstrony h2 {
font-family: 'Kaisei HarunoUmi', serif;
font-size: 39px;
line-height: 58px;
}

.tresc-podstrony h3 {
font-size: 22px;
line-height: 33px;
color: #666666;
}


.szczegoly_podstrona .sciezka img {
    height: 10px;
    width: 22px;
    top: 0px;
    left: 0px;
    position: relative;
    object-fit: cover;
}


.opis_middle {
float: left;
width: 100%;
padding: 120px 0px 40px 0px;
}


.opis_middle_left {
}


.opis_middle .opis_middle_right {
float: right;
width: 60%;
margin-right: -10%;
margin-top: -60px;
margin-left: 4%;
margin-bottom: 40px;
}

.opis_middle .opis_middle_right h4{
padding: 0px 0px 40px 0px;
display: block;
width: 100%;
font-size: 22px;
line-height: 34px;
}

.opis_middle .cycle-slideshow.banerpodstrona {
float: left;
width: 100%;
position: relative;
	height: 35vw;
}

.opis_middle .cycle-slideshow.banerpodstrona .prev {
position: absolute;
right: 61px;
width: 60px;
height: 60px;
background-color: #FFF;
bottom: 0;
z-index: 999;
font-size: 0px;
	background-image:url('../grafika/strzalka_left.webp');
	background-repeat : no-repeat;
	background-position:center center;
}

.opis_middle .cycle-slideshow.banerpodstrona .next {
position: absolute;
right: 0px;
width: 60px;
height: 60px;
background-color: #FFF;
bottom: 0;
z-index: 999;
font-size: 0px;
	background-image:url('../grafika/strzalka_right.webp');
	background-repeat : no-repeat;
	background-position:center center;
}


.opis_middle .cycle-slideshow.banerpodstrona .sekwencja{
float: left;
width: 100%;
background-repeat : no-repeat;
	background-position:center center;
	background-size:cover;
	height: 35vw;
}

.opis_middle .cycle-slideshow.banerpodstrona .sekwencja img{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
object-fit: cover;
}


header  nav{
	width: 100%;
	border: 0px;
	float:left;
	overflow: hidden;
}	



header .logo {
position:absolute;
left:0px;
right:0px;
top:34px;
width:250px;
margin:0 auto;
}	

header .logo img:hover{
opacity:0.7;
}	


.sekwencja  .ramka {
position: static;
}

.opis_middle h3{
font-size: 24px;
line-height: 38px;
}


.wpis .opacity2 img:hover {
	filter: brightness(90%);
	-webkit-box-shadow: 10px 10px 18px -7px rgba(0,0,0,0.64);
-moz-box-shadow: 10px 10px 18px -7px rgba(0,0,0,0.64);
box-shadow: 10px 10px 18px -7px rgba(0,0,0,0.64);
}	


.wpis .nazwa_wpis:hover {
	color:#C5A47E;
}	

.wpis .wiecej_wpis:hover {
	background-color:#C5A47E;
	color:white;
	border:1px solid #C5A47E;
}	

.opis_middle h5, .glowna6.podrzedna h5{
display: block;
width: 100%;
position: relative;
clear: both;
margin: 70px 0px 0px 0px;
padding-top: 30px;
text-align: center;
font-family: 'Kaisei HarunoUmi', serif;
}

.opis_middle h5 strong, .glowna6.podrzedna  h5 strong{
display: block;
padding: 30px 80px;
background-color: #FFF;
display: inline-block;
font-weight: 400;
font-size: 30px;
line-height: 42px;
}

.opis_middle h5:before, .glowna6.podrzedna h5:before{
left: 0;
right: 0;
width: 100%;
margin: auto auto;
border-top: 1px solid #EDEFEF;
position: absolute;
height: 1px;
content:'';
top:0;
bottom: -70px;
z-index: -1;
}


.galeria {
width: 100%;
padding: 30px 0px 30px 0px;
float: left;
display:flex;
flex-wrap: wrap;
}

.galeria div{
width: 25.3%;
margin: 2% 4%;
float: left;
}

.galeria div a img:hover {
	-webkit-box-shadow: 10px 10px 18px -7px rgba(0,0,0,0.64);
-moz-box-shadow: 10px 10px 18px -7px rgba(0,0,0,0.64);
box-shadow: 10px 10px 18px -7px rgba(0,0,0,0.64);
filter: brightness(80%);
}	


.galeria div a{
display: block;
width: 100%;
padding: 25px;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.08);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.08);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.08);
color: #000;
text-decoration: none;
}

.galeria div a img{
width: 100%;
height: 26vw;
object-fit: cover;
margin-bottom: 20px;
}


.glowna4.szczegoly table {
width: 100%;
display: block;
}

.glowna4.szczegoly table  tbody{
width: 100%;
display: block;
}



.glowna4.szczegoly table tr {
width: 100%;
position: relative; 
display: flex;
flex-wrap:wrap;
}


.glowna4.szczegoly table tr td{
width: 29.3%;
position: relative; 
margin: 2%;
border:1px solid #d3d3d3 !important;
}


.glowna4.szczegoly table tr td img {
    max-width: 100%;
    position: relative;
    vertical-align: middle;
    max-height: 300px;
    margin: 0px auto;
    display: block;
}


.glowna4.szczegoly table tr td p {
    width: 100%;
    position: relative;
    display: block;
    background-color: #FFF;
    padding: 18px 30px;
    z-index: 9;
    margin: 0px 0px;
}

.opis_middle a {
background-color: #000;
color: #FFF;
padding: 20px 30px;
display: inline-block;
text-decoration:none;
}

.opis_middle a:hover {
	background-color:#C5A47E;
}	

.opis_middle .cycle-slideshow.banerpodstrona .sekwencja img:hover {
filter: brightness(80%);
}	


.glowna4.szczegoly .opis_middle table a {
    background-color: transparent;
    color: #FFF;
    padding: 0px 0px;
    display: block;
}


.wroc {
padding: 0px 0px 40px 0px;
float: left;
width: 100%;
margin-top:30px;
}


.wroc a{
display: block;
width: 100px;
padding: 14px 28px;
background-color: #1F1B19;
color: #FFF;
text-decoration: none;
}

.szczegoly .wroc a {
float:none;
margin:0 auto;
}	



.wroc a:hover {
	background-color:#C5A47E;
}	

.img_szczegoly img:hover {
	-webkit-box-shadow: 10px 10px 20px -8px rgba(0,0,0,0.63);
-moz-box-shadow: 10px 10px 20px -8px rgba(0,0,0,0.63);
box-shadow: 10px 10px 20px -8px rgba(0,0,0,0.63);
filter: brightness(70%);
}	




#nawigacja-menu{
  list-style: none;
	margin: 0px 0px 0px 0px;
	display:inline-block;
	padding:0px;
	float:left;
	text-align:center;
	vertical-align:middle;
	width:103%;
}

#nawigacja-menu ul {
display:none;	
}	


#nawigacja-menu li{
display:inline-block;
margin:0px;
padding:0px;
float:none;
vertical-align:middle;
}


#nawigacja-menu li:nth-child(5) {
margin-right:160px;
}


#nawigacja-menu li:nth-child(6) {
margin-left:160px;
}



#nawigacja-menu li a{
	color:white;
	text-decoration:none;
	vertical-align:middle;
	display:inline-block;
  font-size:16px;
  padding:45px 20px;
  font-weight:bold;
}


#nawigacja-menu li a:hover{
	color:#C5A47E;
}

#nawigacja-menu li.menubold a {
color:#C5A47E;
}

.sciezka {
    font-size: 13px;
    font-weight: 700;
}

.boxszukaj input:last-of-type {
cursor:pointer;
}	

.boxszukaj input:last-of-type:hover {
	background-color:#C5A47E;
	color:white;
}	


.cycle-slideshow.baner {
    width: 100%;
	border: 0px;
	float:left;
	position:relative;
	z-index:0;
	margin-top:-120px;
	min-height: 470px;
}	

.cycle-slideshow.baner .sekwencja{
    width: 100%;
	border: 0px;
	float:left;
	position:relative;
	z-index:0;
	height:calc(100vh - 50px);
		background-repeat : no-repeat;
	background-position:center center;
	background-size:cover;
	text-align:center;
	min-height: 470px;
}	

.cycle-slideshow.baner .sekwencja:before {
 background: rgb(0,0,0);
background: -moz-linear-gradient(0deg, rgba(0,0,0,0.14887962020745793) 0%, rgba(0,0,0,0.33655469023546913) 68%, rgba(0,0,0,0.7455182756696428) 90%, rgba(0,0,0,0.829551889115021) 100%);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.14887962020745793) 0%, rgba(0,0,0,0.33655469023546913) 68%, rgba(0,0,0,0.7455182756696428) 90%, rgba(0,0,0,0.829551889115021) 100%);
background: linear-gradient(0deg, rgba(0,0,0,0.14887962020745793) 0%, rgba(0,0,0,0.33655469023546913) 68%, rgba(0,0,0,0.7455182756696428) 90%, rgba(0,0,0,0.829551889115021) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); 
content:'';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}




.cycle-slideshow.baner .sekwencja .box-txt{
    width: 100%;
	border: 0px;
	float:none;
	margin-top:37vh;
	text-align:center;
	color:white;
	max-width:80%;
	display:inline-block;
	position: relative; 
}	


.cycle-slideshow.baner .sekwencja .box-txt img {
vertical-align:middle;
margin-left:10px;
margin-right:10px;
}	

.cycle-slideshow.baner .sekwencja .box-txt small {
	font-weight:bold;
	text-transform:uppercase;
}	


.cycle-slideshow.baner .sekwencja .box-txt h1 {
	font-size:60px;
	line-height:80px;
	font-weight:400;
}	



.glowna4nadrzedna .baner-podstrona, .glowna3nadrzedna .baner-podstrona, .glowna5nadrzedna .baner-podstrona, .glowna6nadrzedna .baner-podstrona, .glowna10nadrzedna .baner-podstrona{
    display: none;
}



.baner_kontakt {
float: left;
width: 100%;
	background-image:url('../grafika/kontakt.webp');
	background-repeat : no-repeat;
	background-position:center center;
	background-size: cover;
	margin-top: -120px;
	position: relative;
	padding-top: 120px;
	padding-bottom: 120px;
}



.baner_kontakt:before {
width: 100%;
position:absolute;
height: 100%;
background: rgb(0,0,0);
background: -moz-linear-gradient(0deg, rgba(0,0,0,0.2553221972382703) 0%, rgba(0,0,0,0.31414572665003504) 68%, rgba(0,0,0,0.4878151944371498) 95%, rgba(0,0,0,0.5354342420561975) 100%);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.2553221972382703) 0%, rgba(0,0,0,0.31414572665003504) 68%, rgba(0,0,0,0.4878151944371498) 95%, rgba(0,0,0,0.5354342420561975) 100%);
background: linear-gradient(0deg, rgba(0,0,0,0.2553221972382703) 0%, rgba(0,0,0,0.31414572665003504) 68%, rgba(0,0,0,0.4878151944371498) 95%, rgba(0,0,0,0.5354342420561975) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
content:'';
z-index: 9;
top: 0px;
left: 0px;
}




.baner_kontakt .naglowek_h1 {
color: #FFF;
position: relative;
z-index: 999;
}

.baner_kontakt .sciezka {
position: relative;
z-index: 999;
}




.wpisy {
margin: 50px 0px;
float: left;
width:100%;
display:flex;
flex-wrap: wrap;
}


.wpis {
margin: 2% 4%;
float: left;
width:42%;
}


.wpis .opacity2{
display:block;
width: 100%;
padding: 70% 0px 0px 0px;
position: relative;
}

.wpis .opacity2 img{
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
object-fit:cover;
}

.wpis .nazwa_wpis{
font-weight: 700;
color: #000;
font-size: 20px;
line-height: 32px; 
text-decoration: none;
display: block;
padding-bottom: 20px;
font-family: 'Kaisei HarunoUmi', serif;
}


.wpis .wiecej_wpis {
padding: 14px 25px;
border: 1px solid #000;
color: #000;
text-decoration: none;
display: inline-block;
margin-top: 20px;
}



.wpis_txt {
background-color: #FFF;
margin-left: -5%;
width: 70%;
padding: 50px 5%;
margin-top: -20%;
z-index: 99;
position: relative;
}


.sciezka {
padding: 4px 0px 20px 0px;
width: 100%;
float: left;
font-size: 11px;
text-align: center;
}

.sciezka img{
margin: 0px 5px;
}

.sciezka a{
color: #C5A47E;
text-decoration: none;
}


.sciezka a:last-of-type{
color: #BEBEBE;
text-decoration: none;
font-weight: 700;
}




.naglowek_h1 {
padding: 50px 0px 20px 0px;
text-align: center;
font-size: 50px;
line-height: 62px;
}


.glowna4.podrzedna.szczegoly .naglowek_h1 {
display:none;
}

.glowna4.podrzedna.szczegoly .sciezka {
display:none;
}

.lista-min-kat {
margin-top: 90px;
float: left;
width: 100%;
}

.min-kat {
width: 100%;
padding: 5% 0px 5% 0px;
position: relative;
float: left;
display: block;
overflow: hidden;
margin: 0px 0px 1% 0px;
}

.min-kat .img {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
		background-repeat : no-repeat;
	background-position:center center;
	background-size:cover;
	z-index: 0;
	
}

.min-kat .img::before {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
    left: 0;
    top: 0;
    content: '';
    z-index: 1;
}


.min-kat .img img{
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
object-fit: cover;
}



.min-kat .naglowek{
float: left;
width: 100%;
padding: 50px 0px;
position: relative;
z-index: 9;
}



.min-kat .naglowek strong {
    float: left;
    width: 100%;
    padding: 50px 0px;
    text-align: center;
    font-size: 34px;
    font-weight: 300;
    color: #FFF;
    line-height: 45px;
}

.min-kat .naglowek span {
    width: 70%;
    padding: 0px 0px;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    color: #FFF;
    line-height: 35px;
    display: block;
    padding: 0px 10%;
    margin: 0px auto;
}


.min-kat:hover {
filter: brightness(80%);
-webkit-box-shadow: 10px 10px 20px -15px rgba(0,0,0,0.66);
-moz-box-shadow: 10px 10px 20px -15px rgba(0,0,0,0.66);
box-shadow: 10px 10px 20px -15px rgba(0,0,0,0.66);
}	

.min-kat .naglowek em {
    width: 140px;
    padding: 0px 0px;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    color: #C5A47E;
    line-height: 35px;
    display: inline-block;
    padding: 12px 90px 12px 20px;
    margin: 20px auto;
		background-color: #FFFFFF;
	background-image:url('../grafika/strzalka.webp');
	background-repeat : no-repeat;
	background-position:90% center;
	background-size:auto auto;
	margin: 20px auto;
}

.min-kat .naglowek {
    text-align: center;
}


.podstrona_middle_baner_txt {
display: none;
}


.glowna74.podrzedna .podstrona_middle_baner_txt, .glowna6.podrzedna .podstrona_middle_baner_txt, .glowna2nadrzedna .podstrona_middle_baner_txt, .glowna8nadrzedna .podstrona_middle_baner_txt, .glowna9nadrzedna .podstrona_middle_baner_txt {
display: block;
margin: 0px auto;
width: 100%;
max-width: 1280px;
position: relative;
z-index: 999;
}


.glowna74nadrzedna .podstrona_middle_baner_txt, .glowna6.podrzedna .podstrona_middle_baner_txt .naglowek_h1, .glowna2nadrzedna .podstrona_middle_baner_txt .naglowek_h1, .glowna8nadrzedna .podstrona_middle_baner_txt .naglowek_h1, .glowna9nadrzedna .podstrona_middle_baner_txt .naglowek_h1 {
color: #FFF !important;
}



.glowna74.podrzedna .podstrona_middle_baner, .glowna6.podrzedna .podstrona_middle_baner, .glowna6.podrzedna .podstrona_middle_baner, .glowna2nadrzedna .podstrona_middle_baner, .glowna8nadrzedna .podstrona_middle_baner, .glowna9nadrzedna .podstrona_middle_baner{
padding: 18% 0px;
position: relative;
float: left;
margin-top: -120px;
width: 100%;
margin-bottom: 70px;
}


.glowna74.podrzedna .podstrona_middle_baner .baner-podstrona, .glowna6.podrzedna .podstrona_middle_baner .baner-podstrona, .glowna2nadrzedna .podstrona_middle_baner .baner-podstrona, .glowna8nadrzedna .podstrona_middle_baner .baner-podstrona, .glowna9nadrzedna .podstrona_middle_baner .baner-podstrona{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}





.glowna74.podrzedna .podstrona_middle_baner .baner-podstrona:before, .glowna6.podrzedna .podstrona_middle_baner .baner-podstrona:before, .glowna2nadrzedna .podstrona_middle_baner .baner-podstrona:before, .glowna8nadrzedna .podstrona_middle_baner .baner-podstrona:before, .glowna9nadrzedna .podstrona_middle_baner .baner-podstrona:before {
 background: rgb(0,0,0);
background: -moz-linear-gradient(0deg, rgba(0,0,0,0.14887962020745793) 0%, rgba(0,0,0,0.33655469023546913) 68%, rgba(0,0,0,0.7455182756696428) 90%, rgba(0,0,0,0.829551889115021) 100%);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.14887962020745793) 0%, rgba(0,0,0,0.33655469023546913) 68%, rgba(0,0,0,0.7455182756696428) 90%, rgba(0,0,0,0.829551889115021) 100%);
background: linear-gradient(0deg, rgba(0,0,0,0.14887962020745793) 0%, rgba(0,0,0,0.33655469023546913) 68%, rgba(0,0,0,0.7455182756696428) 90%, rgba(0,0,0,0.829551889115021) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); 
content:'';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 99;
}





.glowna74.podrzedna .ramka .naglowek_h1, .glowna6.podrzedna .ramka .naglowek_h1, .glowna2nadrzedna .ramka .naglowek_h1, .glowna8nadrzedna .ramka .naglowek_h1, .glowna9nadrzedna .ramka .naglowek_h1  {
    display: none;
}

.glowna74.podrzedna .ramka .sciezka, .glowna6.podrzedna .ramka .sciezka, .glowna2nadrzedna .ramka .sciezka, .glowna8nadrzedna .ramka .sciezka, .glowna9nadrzedna .ramka .sciezka {
    display: none;
}


.tresc {
padding: 0px 0px 90px 0px;
}


.boxkimjestesmy {
	width: 100%;
	border: 0px;
	float:left;
	padding-top:50px;
	padding-bottom:50px;
}	

.boxkimjestesmy  .boximg {
	width: 50%;
	border: 0px;
	float:left;
	margin-top: 9%;
}	


.boxkimjestesmy  .boximg img{
	border: 0px;
	float:left;
	max-width:100%;
}	

.boxkimjestesmy  .boxtxt {
	width: 50%;
	border: 0px;
	float:left;
	padding-left:5%;
	margin-top:100px;
}	

.boxkimjestesmy  .boxtxt small {
	color:#C6A57F;
	text-transform:uppercase;
	font-weight:bold;
}	

.boxkimjestesmy  .boxtxt strong {
	color:#000;
	font-size:40px;
	line-height:50px;
	font-weight:400;
}	

.boxkimjestesmy  .boxtxt a {
display:inline-block;
margin:10px;
}	


.boxjakosc {
	width: 100%;
	border: 0px;
	float:left;
	text-align:center;
		padding-top:50px;
	padding-bottom:50px;
}	



.boxjakosc  small {
	color:#C6A57F;
	text-transform:uppercase;
	font-weight:bold;
}	

.boxjakosc strong {
	color:#000;
	font-size:40px;
	line-height:50px;
	font-weight:400;
}	

.boxjakosc .ramka img{
	vertical-align:middle;
	margin:10px;
}	

.boxkolekcja {
	width: 100%;
	border: 0px;
	float:left;
	background-color:#F8F0E9;
	padding-top:80px;
	overflow: hidden;
}	

.boxkolekcja .ramka {
	width: 100%;
	border: 0px;
	float:left;
	padding-top:50px;
	padding-bottom:90px;
}	


.boxkolekcja .ramka .box-txt {
	width: 60%;
	border: 0px;
	float:left;
	padding-right:10%;
	padding-top:30px;
}	






.boxkolekcja .ramka .box-txt a.link_brazowy {
	font-size:45px;
	line-height:55px;
	display: block;
	position: relative;
	padding: 0px 50% 0px 0px; 
}	

.boxkolekcja .ramka .box-txt a.link_brazowy:before {
	top: 0;
	bottom: 0;
	margin: auto 0;
	position: absolute;
	width: 45%;
	content:'';
	height: 1px ;
  background-color: #C5A47E;
	right: 0px;
}	



.boxkolekcja .ramka .box-img{
	width: 40%;
	border: 0px;
	text-align:right;
	position: relative;
}	




.boxkolekcja .ramka .box-img{
	float:right;
	margin-top: -5%;
}	

.boxkolekcja .ramka.ramka2 .box-img {
	float:left;
}	






.boxkolekcja .ramka:nth-of-type(2) .box-img:before{
	left: 42%;
	top: -140px;
	height: 390px;
	width: 305px;
	position: absolute;
	content:'';
	background-image:url('../grafika/leaf.webp');
	background-repeat : no-repeat;
	background-position:center center;
	background-size:100% 100%;
}	


.nakladkaramka{
	display:inline-block;
	position:relative;
	object-fit:cover;
	    width: 90%;
			  padding-top: 90%;
				max-height: 430px;
			
}	


.ramka.ramka2 .nakladkaramka{
  padding-top: 80%;
	max-height: 220px;
	}


.nakladkaramka .nakladka {
	background-image:url('../grafika/tloramka.webp');
	background-repeat : no-repeat;
	background-position:center center;
	background-size:100% 100%;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:8;
}	

.nakladkaramka img {
	object-fit:cover;
	width:100%;
	height:100%;
	position: absolute;
	z-index:0;
	top: 0;
	left: 0;
}	

.boxkolekcja .ramka2 .box-img {
	text-align:left;
}	




.boxkolekcja .ramka2 .nakladkaramka {
    width: 85%;
}



.boxkolekcja  .przycisk2 {
	display:inline-block;
	margin-left:20px;
}	

.boxinspirtacje {
	width: 100%;
	border: 0px;
	float:left;
}	


.boxinspirtacje .ramka{
	width: 100%;
	border: 0px;
	float:left;
	text-align:center;
	padding-top:50px;
	padding-bottom:50px;
}	

.boxinspirtacje .ramka span {
	font-weight:400;
	font-size:60px;
	line-height:70px;
	letter-spacing:6px;
	color:#684321;
}	

.boxinspirtacje .ramka small {
	color:#684321;
	font-size:30px;
	line-height:50px;
}	

.boxinspirtacje .ramka2 {
	width: 100%;
	border: 0px;
	float:left;
	text-align:center
}	

.boxinspirtacje .ramka2 .box{
	width: 46%;
	border: 0px;
	float:left;
	display:block;
	height:95vh;
-webkit-border-bottom-right-radius: 200px;
-moz-border-radius-bottomright: 200px;
border-bottom-right-radius: 200px;
background-repeat : no-repeat;
	background-position:center center;
	background-size:cover;
	margin:2%;
	 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration:none;
  position:relative;
}	

.boxinspirtacje .ramka2 .box div {
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background-color:rgba(0,0,0,0.2);
-webkit-border-bottom-right-radius: 200px;
-moz-border-radius-bottomright: 200px;
border-bottom-right-radius: 200px;
}	

.boxinspirtacje .ramka2 .box:hover {
	filter: brightness(80%);
	-webkit-box-shadow: 10px 10px 38px -11px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 38px -11px rgba(0,0,0,0.75);
box-shadow: 10px 10px 38px -11px rgba(0,0,0,0.75);
}	


.boxinspirtacje .ramka2 .box span {
position:absolute;
right:100px;
bottom:50px;
filter: brightness(150%);
display:block;
}	

.boxinspirtacje .ramka2 .box span  img {
vertical-align:middle;
margin-left:10px;
}	


.boxinspirtacje .ramka2 .box.box2 {
	float:right;
	height:35vh;
	display:block;
}	

.boxinspirtacje .ramka2 .box.box3 {
	float:right;
	height:45vh;
	display:block;
}	


.boxinspirtacje .ramka2 .box.box3 {
	width: 40%;
	margin-left:8%;
	
}	


.boxindywidualnepodejscie {
	width: 100%;
	border: 0px;
	float:left;
  padding:200px 0px 90px 0px;
	background-image:url('../grafika/tlo_projekty.webp');
	background-repeat : no-repeat;
	background-position:right 30%;
	position: relative;
	oveflow: hidden;
	margin-top: 100px;
}	

.boxindywidualnepodejscie:before {
	right: 0px;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	content:'';
	background-image:url('../grafika/tlo_projekty2.webp');
	background-repeat : no-repeat;
	background-position:right center;
	z-index: -1;
}	



.boxindywidualnepodejscie .ramka {
	width: 100%;
	border: 0px;
	float:left;
     margin-top:200px;	
	 padding-left:5%;
}	

.boxindywidualnepodejscie .ramka .box{
	float:left;
	width:30%;
	height:590px;
	background-color:#F8F0E9;
	padding:50px;
	position:relative;
	margin-top:-200px;
	line-height:27px;
	padding-right:100px;
}	


.boxindywidualnepodejscie .ramka .box:before{
	background-image:url('../grafika/leaf2.webp');
	background-repeat : no-repeat;
	background-position:right center;
	width: 264px;
	height: 354px;
	position: absolute;
	right: -60px;
	top: -200px;
	z-index: 0;
	display: block;
	content:'';
}	






.boxindywidualnepodejscie .ramka .box strong {
	font-size:35px;
	line-height:45px;
	color:#674220;
	font-weight:400;
}	


.boxindywidualnepodejscie .ramka .box img.img {
position:absolute;
left:50px;
top:-12px;
}	



.boxindywidualnepodejscie .ramka .box img.img2 {
position:absolute;
right:-60px;
top:210px;
}	

.boxindywidualnepodejscie .ramka .box2 {
    float: left;
    width: 35%;
    margin-top: 10px;
    margin-left: 10%;
    color: white;
}


.boxindywidualnepodejscie .ramka .box2 b{
	font-size:45px;
	line-height:55px;
	font-weight:400;
}	


.boxaktualnosci {
float:left;
width:100%;
background-color:#F8F0E9;
margin-top:80px;
padding-bottom:80px;
}	

.boxaktualnosci .ramka {
float:left;
width:100%;
text-align:center;
padding-top:60px;
padding-bottom:60px;
}	

.boxaktualnosci .ramka strong{
color:#674220;
font-size:50px;
line-height:60px;
font-weight:400;
}	

.boxaktualnosci .row {
float:left;
width:100%;
border-bottom:1px solid #E1CEB9;
padding-top:50px;
padding-bottom:50px;
}	

.boxaktualnosci .row .img{
float:left;
width:40%;
}	

.boxaktualnosci .row .img .nakladkaramka {
width:100%;
max-height:250px;
}	


.boxaktualnosci .row .img .nakladkaramka .nakladka{
background-image: url('../grafika/tloramka2.webp');
}	


.boxaktualnosci .row .txt{
float:left;
width:60%;
padding-left:5%;
}	

.boxaktualnosci .ramka2  {
float:left;
width:100%;
}	

.boxaktualnosci .row .txt a.link_czarny {
font-size:30px;
line-height:40px;
}	



.boxaktualnosci .ramka2 .row:last-child {
border-bottom:0px;	
}	


.boxaktualnosci .ramka3  {
float:left;
width:100%;
text-align:center;
margin-top:50px;
}	




.boxaktualnosci .nakladkaramka {
    padding-top: 55%;

}

.paginacja {
float:left;
width:100%;
text-align:center;
padding-top:0px;
padding-bottom:30px;
}	

.paginacja a {
display:inline-block;
color:#C5A47E;
padding:5px;
}	


.paginacja a:hover {
color:black;
}	

.paginacja span {
	display:inline-block;
	padding:5px;
}	

.paginacja strong {
	display:inline-block;
	padding:5px;
}	



.katalog-produktow {
margin: 40px 0px;
margin-bottom:0px;
width: 100%;
float:left;
padding: 30px 0px 30px 0px;
display: flex;
flex-wrap:wrap;
}


.katalog-produktow .oferta {
float: left;
margin: 60px 2%;
width: 29.3%;
}



.katalog-produktow .oferta .img {
width: 100%;
float: left;
padding: 40%;
position: relative;
}



.katalog-produktow .oferta .img:before {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0px;
	background-image:url('../grafika/tlo_produkt_a.webp');
	background-repeat : no-repeat;
	background-position:center center;
	background-size: 100% 100%;
	z-index: 9;
	content:'';
	transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;
}


.katalog-produktow .oferta:hover .img:before {
	background-size: 150% 150%;
	transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;
}




.katalog-produktow .oferta:nth-of-type(3n+2) .img:before {
	background-image:url('../grafika/tlo_produkt_b.webp');
}


.katalog-produktow .oferta:nth-of-type(3n+2)  {
	position: relative;
	top: -80px;
}

.wiecej_katalog {
width: 45%;
float: left;
display: block;
border-bottom: 2px solid #C5A47E;
padding: 10px 70px 10px 0px;
	background-image:url('../grafika/strzalka.webp');
	background-repeat : no-repeat;
	background-position:95% center;
	background-size:auto auto;
	font-size: 16px;
	margin-top: 40px;
	color: #000;
	text-decoration: none;
}


.wiecej_katalog:hover {
	border-bottom: 2px solid black;
	color:#C5A47E;
}	

.wiecej_sklep {
width: 50%;
float: left;
display: block;
margin-left: 5%;
border-bottom: 2px solid #C5A47E;
background-color: #C5A47E;
padding: 10px 20px 10px 20px;
	font-size: 11px;
		margin-top: 40px;
		color: #FFF;
		text-decoration: none;
		text-align: center;
}


.wiecej_sklep:hover {
	background-color:black;
}	


.tresc_katalog {
width: 100%;
float: left;
padding: 40px 0px 40px 0px;
}

.tresc_katalog a:first-of-type{
width: 100%;
font-size: 25px;
line-height: 35px;
text-decoration: none;
color: #000;
}


.tresc_katalog a:first-of-type:hover {
	color:#C5A47E;
}	

 
.katalog-produktow .oferta .img img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0px;
left: 0px;
}



.tresc-kontakt {
color: #FFF;
text-align: center;
padding-top: 50px;
z-index: 99;
position: relative;
}



.tresc-kontakt a{
border:2px solid #C5A47E;
display: inline-block;
padding: 20px 30px;
text-transform: uppercase;
color: #FFF;
font-weight: 700;
text-decoration: none;
}



.naglowek_kontakt {
padding: 50px 0px;
float: left;
width: 100%;
display: block;
text-align: center;
font-size: 26px;
line-height: 36px;
color:#C5A47E;
}

.middle_kontakt {
background-color: #F8F0E9;
width: 100%;
float: left;
position: relative;
overflow: hidden;
}


.middle_kontakt .ramka {
position: static;
}

.mapa {
right: 0;
top:0;
position: absolute;
width: 50%;
height: 100%;
}

.mapa iframe{
width: 100%;
height: 100%;
}


.formularz {
float: left;
width: 50%;
padding: 80px 7% 80px 0px;
}

.formularz strong{
font-size: 30px;
line-height: 40px;
}

.formularz .pole {
padding: 12px 0px;
width: 100%;
float: left;
position: relative;
}

.formularz .pole img{
right: 5%;
top: 30px;
position: absolute;
}

.formularz .pole2 {
padding: 12px 0px;
width: 100%;
float: left;
position: relative;
}

.formularz .pole input{
border: 1px solid #000000;
padding: 20px 30px;
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	font-family: 'IBM Plex Sans Arabic', sans-serif;
	font-size: 13px;
	background-color: #F8F0E9;
	width: 100%;
}


.formularz .pole2 textarea{
border: 1px solid #000000;
padding: 20px 30px;
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	font-family: 'IBM Plex Sans Arabic', sans-serif;
	font-size: 13px;
		background-color: #F8F0E9;
		width: 100%;
}


.formularz .pole2 small{
font-size: 11px;
color: #A7A296;
}

.formularz .pole2 small a{
color: #615C52;
font-weight: 700;
}



.formularz .pole3 .przycisk{
padding: 20px 30px;
background-color: #000000;
font-family: 'IBM Plex Sans Arabic', sans-serif;
	font-size: 17px;
	color: #FFF;
	border: 0px;
	line-height: 38px;
}






footer {
float:left;
width:100%;
background-color:black;
color:white;
padding-top:60px;
padding-bottom:100px;
}	

footer .ramka .box{
float:left;
width:50%;
}	

footer .ramka .box strong {
font-size:25px;
line-height:35px;
font-weight:400;
}	


footer .ramka .box .pole{
float:left;
width:70%;
}	

footer .ramka .box .pole input {
float:left;
width:100%;
font-family: 'Roboto', sans-serif;
border:0px;
background-color:transparent;
border-bottom:1px solid #828282;
color:white;
padding:20px;
padding-left:0px;
padding-right:0px;
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size:15px;
  font-weight:300;
}	



footer .ramka .box .pole2{
float:left;
width:30%;
}	

footer .ramka .box .pole3{
float:left;
width:100%;
margin-top:10px;
font-size:12px;
color:#878989;
}	

footer .ramka .box .pole2 input{
float:right;
font-family: 'Roboto', sans-serif;
border:0px;
background-color:white;
text-align:center;
padding:15px 40px;
color:black;
font-weight:bold;
font-size:18px;
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor:pointer;
}	

footer .ramka .box .pole2 input:hover {
	background-color:#C5A47E;
	color:white;
}	


footer .ramka .box2{
float:left;
width:50%;
text-align:right;
}	



footer .ramka2{
float:left;
width:100%;
}	


footer .ramka3{
float:left;
width:100%;
}	


footer .ramka3 .box{
float:left;
width:50%;
}	

footer .ramka3 .box img {
vertical-align:middle;	
}	

footer .ramka3 .box2{
float:left;
width:50%;
text-align:right;
margin-top:10px;
}	


footer .ramka .box2 .lang{
float:left;
width:100%;
}	

footer .ramka .box2 .social{
float:left;
width:100%;
margin-top:50px;
}	


footer .ramka .box2 .social img{
margin:10px;
}	

footer .ramka .box2 .social img:hover{
opacity:0.7;
}	

footer .ramka2 {
float:left;
width:100%;
margin-top:40px;
margin-bottom:40px;
}	

.wyniki-wyszukiwania {
float:left;
width:100%;
margin-top:10px;
margin-bottom:10px;
border-bottom:1px solid #BEBEBE;
padding-top:10px;
padding-bottom:10px;
}	

.wyniki-wyszukiwania a {
font-size:18px;
}	

.wyniki-wyszukiwania a:hover {
color:black;	
}	

.cycle-pager {position:absolute;left:0px;bottom:40px;width:100%;z-index:999;text-align:center;}
.cycle-pager span {background-color:#fff; margin: 0px 8px 0px 8px; padding:3px 30px;font-size:0px;  cursor: pointer;-webkit-border-radius: 10px;
-moz-border-radius: 10px;border-radius: 10px;}
.cycle-pager span.cycle-pager-active {  cursor: pointer;background-color:#674220;}

.link_brazowy {color:#674220;text-decoration:none;}
.link_brazowy:hover {color:#34343D;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}

.tresc p a {color:#674220;text-decoration:underline;}
.tresc p a:hover {color:#34343D;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}

.tresc-podstrony p a {color:#674220;text-decoration:underline;}
.tresc-podstrony p a:hover {color:#34343D;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}

.tresc img {max-width:100% !important;	 }	
.tresc-podstrony img {max-width:100% !important;	 }	
.tresc-kontakt img {max-width:100% !important;	 }	

.tresc table {max-width:100% !important;	 }	
.tresc-podstrony table {max-width:100% !important;	 }	
.tresc-kontakt table {max-width:100% !important;	 }	

.tresc iframe {max-width:100% !important;	 }	
.tresc-podstrony iframe {max-width:100% !important;	 }	
.tresc-kontakt iframe {max-width:100% !important;	 }	


.link_szary {color:#A1A1A1;text-decoration:none;}
.link_szary:hover {color:white;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}

.link_czarny {color:black;text-decoration:none;}
.link_czarny:hover {color:#674220;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}


.link_stopka {color:white;text-decoration:none;font-size:20px;display:inline-block;margin-right:10px;margin-left:10px;}
.link_stopka:hover {color:#C5A47E;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}


.link_stopka2 {color:#C5A47E;text-decoration:none;}
.link_stopka2:hover {color:white;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}




.link_bialy {color:white;text-decoration:none;}
.link_szary:hover {color:white;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}


.przycisk {color:#343434;text-decoration:none;border-bottom:2px solid #C5A47E;font-weight:bold;padding-bottom:3px;}
.przycisk:hover {color:#C5A47E;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}
.przycisk img {vertical-align:middle;margin-left:10px;}


.przycisk2 {color:white;text-decoration:none;font-weight:bold;padding:10px 30px;background-color:#C5A47E;}
.przycisk2:hover {background-color:#674220;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}






.boxkolekcja .przycisk2 {
    font-size: 12px;
}




.boxindywidualnepodejscie {
    overflow: hidden;
}


.formularz .pole2 small a:hover {
color:black;	
}	

.formularz .pole3 .przycisk:hover {
opacity:0.7;
}	

 
.szczegoly2 {
margin: 0px auto;
width: 100%;
max-width: 700px;
}

.formularz .pole3 .przycisk {
cursor:pointer;	
}	


.img_szczegoly img{
width: 100%;
margin-bottom: 30px;
}


.tresc_szczegoly b {
font-size: 28px;
line-height: 38px;
}


.tresc-kontakt a:hover {
	background-color:#C5A47E;
}	






	@media screen and (min-height:0px) and (max-height:640px)  

{




.cycle-slideshow.baner .sekwencja .box-txt {
    margin-top: 31vh;
}




}

	@media screen and (min-width:0px) and (max-width:1640px)  

{



.opis_middle .opis_middle_right {
    float: right;
    width: 60%;
    margin-right: -5%;
    margin-top: -60px;
    margin-left: 4%;
}




}


	@media screen and (min-width:0px) and (max-width:1540px)  

{



.opis_middle .opis_middle_right {
    float: right;
    width: 55%;
    margin-right: 0%;
    margin-top: -60px;
    margin-left: 4%;
}




}


	@media screen and (min-width:0px) and (max-width:1400px)  

{





#nawigacja-menu li a {
    padding: 45px 12px;
}




}


	@media screen and (min-width:0px) and (max-width:1360px)  

{




.boxindywidualnepodejscie::before {
    right: -200px;
}


.boxindywidualnepodejscie {
    background-position: 60% 30%;

}


.boxindywidualnepodejscie .ramka .box strong {
    font-size: 25px;
    line-height: 35px;
    color: #674220;
    font-weight: 400;
}


.boxindywidualnepodejscie .ramka .box {
    float: left;
    width: 35%;
    height: 590px;
    padding-right: 100px;
}



}




	@media screen and (min-width:0px) and (max-width:1320px)  

{


.boxkolekcja .ramka .box-img {
    margin-top: -2%;
}




}



	@media screen and (min-width:0px) and (max-width:1300px)  

{



.link_stopka {
    font-size: 14px;
}

footer .ramka3 .box2 {
    float: left;
    width: 50%;
    text-align: right;
    margin-top: 10px;
    font-size: 11px;
}



}




	@media screen and (min-width:0px) and (max-width:1280px)  

{



#nawigacja-menu li a {
    font-size: 14px;
}

#nawigacja-menu li a {
    padding: 45px 8px;
}



.cycle-slideshow.baner .sekwencja .box-txt h1 {
    font-size: 50px;
    line-height: 70px;
    font-weight: 400;
}





}





@media screen and (min-width:0px) and (max-width:400px)  

{

.boxtop .lang {
width:30%;
}	

.boxtop .boxkontakt {
width:70%;	
}	

header .logo {
right:auto;
left:10px;
}	


header .logo img {
	width: 200px !important;
}	

.cycle-slideshow.baner .sekwencja .box-txt img {
display:none;	
}	


}


@media screen and (min-width:0px) and (max-width:1250px)  

{




.tresc_katalog a:first-of-type {
    font-size: 20px;
    line-height: 30px;
}


.wiecej_katalog {
    width: 100%;
    float: left;
    display: block;
    border-bottom: 2px solid #C5A47E;
		text-align: center;
		padding: 10px 30px 10px 30px;
}


.wiecej_sklep {
    width: 100%;
    float: left;
    display: block;
    margin-left: 0%;
    border-bottom: 2px solid #C5A47E;
    background-color: #C5A47E;
    padding: 10px 20px 10px 20px;
    font-size: 11px;
    margin-top: 0px;
    color: #FFF;
    text-decoration: none;
    text-align: center;
}




}





	@media screen and (min-width:0px) and (max-width:1180px)  

{

.boxkimjestesmy .boxtxt strong {
    color: #000;
    font-size: 30px;
    line-height: 40px;
    font-weight: 400;
}
.przycisk {
    font-size: 12px;
    line-height: 38px;
}




.boxkolekcja .ramka .box-txt a.link_brazowy {
    font-size: 32px;
    line-height: 45px;
    padding: 0px 50% 0px 0px;
}


.boxkolekcja .ramka:nth-of-type(2) .box-img::before {
    left: 62%;
    top: -90px;
    height: 230px;
    width: 205px;
}



.boxindywidualnepodejscie .ramka .box {
    float: left;
    width: 40%;
    height: 590px;
    padding-right: 100px;
}


.boxindywidualnepodejscie .ramka .box2 b {
    font-size: 35px;
    line-height: 55px;
    font-weight: 400;
}

.przycisk2 {
    font-size: 12px;
}


}

@media screen and (min-width:1140px) and (max-width:9999px)  {

		#nawigacja-menu li:first-of-type {
		display:none;
		}

}







@media screen and (min-width:0px) and (max-width:1140px)  

{



header .logo {
    width: 210px;
}



header .logo {
    width: 160px;
}


header .logo img{
    width: 160px;
}




.galeria div {
    width: 42%;
    margin: 4%;
    float: left;
}





}



	@media screen and (min-width:0px) and (max-width:1080px)  

{


.szczegoly_podstrona {
    padding: 50% 0px 0px 0px;

}



.wpis_txt {
    background-color: #FFF;
    margin-left: -5%;
    width: 88%;
    padding: 30px 5%;
    margin-top: -10%;
    z-index: 99;
    position: relative;
}





}




	@media screen and (min-width:0px) and (max-width:1040px)  

{


.boxaktualnosci .row .txt a.link_czarny {
    font-size: 25px;
    line-height: 35px;
}




}





	@media screen and (min-width:0px) and (max-width:990px)  

{

.s2 {
display: none;
}


}







	@media screen and (min-width:0px) and (max-width:960px)  

{



footer .ramka .box {
    float: left;
    width: 100%;
}



footer .ramka .box2 {
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 30px;
}


.katalog-produktow .oferta:nth-of-type(3n+2) {
    position: relative;
    top: 0px;
}


.katalog-produktow .oferta {
    float: left;
    margin: 10px 2%;
    width: 46%;
}


}





	@media screen and (min-width:0px) and (max-width:920px)  

{

.cycle-slideshow.baner .sekwencja .box-txt h1 {
    font-size: 30px;
    line-height: 60px;
    font-weight: 400;
}


.cycle-slideshow.baner .sekwencja .box-txt img {
    vertical-align: middle;
    margin-left: 10px;
    margin-right: 10px;
    width: 40px;
    height: 1px;
}


.min-kat .naglowek span {
    width: 88%;
    padding: 0px 2%;
 
}

.min-kat .naglowek {
    padding: 10px 0px;

}



}




	@media screen and (min-width:0px) and (max-width:880px)  

{



.boxkimjestesmy .boximg {
    width: 100%;
    border: 0px;
    float: left;
    margin-top: 40px;
}

.boxkimjestesmy .boxtxt {
    width: 100%;
    border: 0px;
    float: left;
    padding-left: 0%;
    margin-top: 100px;
}



.tresc-podstrony table.naglowek_tresc {
    width: 100%;
    margin: 20px 0px;
		display: block;
}

.tresc-podstrony table.naglowek_tresc tr{
    width: 100%;
    margin: 20px 0px;
		display: block;
}

.tresc-podstrony table.naglowek_tresc tbody {
    width: 100%;
    margin: 20px 0px;
		display: block;
}


.tresc-podstrony table.naglowek_tresc td{
    width: 100%;
    margin: 20px 0px;
		display: block;
}


.tresc-podstrony table.naglowek_tresc td:first-of-type {
    text-align: center;
}

.szczegoly_middle h2 {
    color: #FFF;
    font-size: 35px;
    line-height: 54px;
}


}




	@media screen and (min-width:0px) and (max-width:860px)  

{


.boxindywidualnepodejscie .ramka .box {
    float: left;
    width: 95%;
    height: auto;
    padding-right: 100px;
}


.boxindywidualnepodejscie .ramka .box2 {
    float: left;
    width: 35%;
    margin-top: 30px;
    margin-left: 15%;
    color: white;
}

.boxindywidualnepodejscie .ramka .box img.img2 {
    position: absolute;
    right: auto;
    top: 350px;
    left: 0px;
    width: 70px;
}


.boxindywidualnepodejscie {
    padding-bottom:120px;
  
}

.boxindywidualnepodejscie .ramka .box2 {
    width: 80%;
}

.boxindywidualnepodejscie {
    background-size: auto 100%;
}


.glowna4.szczegoly table tr td {
    font-size: 12px;
}




.formularz {
    float: left;
    width: 100%;
    padding: 80px 5% 80px 5%;
}



.mapa {
    right:auto;
		left: -5%;
    top: 0;
    position: relative;
    width: 110%;
    height: 380px;
		overflow: hidden;
		
}




}


	@media screen and (min-width:0px) and (max-width:840px)  

{







.opis_middle .opis_middle_right {
    float: left;
    width: 100%;
    margin-right: 0%;
    margin-top: -60px;
    margin-left: 0%;
}



.opis_middle h5, .glowna6.podrzedna h5 {
    margin: 0px 0px 0px 0px;
  
}



.opis_middle .cycle-slideshow.banerpodstrona {
    height: 320px;
}



.opis_middle .cycle-slideshow.banerpodstrona .sekwencja {
    height: 320px;
}



}





	@media screen and (min-width:0px) and (max-width:820px)  

{



.boxkolekcja {
    padding-left: 10%;
		padding-right: 10%;
}



.boxkolekcja .ramka .box-img {
    width: 100%;
    border: 0px;
    text-align: right;
    position: relative;
}

.boxkolekcja .ramka .box-txt {
    width: 100%;
    border: 0px;
    float: left;
    padding-right: 0%;
    padding-top: 30px;
}



.galeria div {
    width: 46%;
    margin: 2%;
    float: left;
}


}

	@media screen and (min-width:0px) and (max-width:800px)  

{



.wpis {
    margin: 2% 4%;
    float: left;
    width: 92%;
}


}





	@media screen and (min-width:0px) and (max-width:780px)  

{



.boxjakosc strong {
    color: #000;
    font-size: 30px;
    line-height: 40px;
    font-weight: 400;
}



.boxjakosc .ramka img {
    vertical-align: middle;
    margin: 10px;
    max-width: 90px;
}


.boxinspirtacje .ramka span {
    font-weight: 400;
    font-size: 45px;
    line-height: 70px;
    letter-spacing: 6px;
    color: #684321;
}


.boxinspirtacje .ramka small {
    color: #684321;
    font-size: 20px;
    line-height: 30px;
}


.boxinspirtacje .ramka2 .box {
    width: 96%;
    height: 95vh;
    max-height: 300px;
}


.boxinspirtacje .ramka2 .box.box2 {
    width: 96%;
    height: 95vh;
    max-height: 300px;
}

.boxinspirtacje .ramka2 .box.box3 {
    width: 96%;
    height: 95vh;
    max-height: 300px;
}


.opis_middle h5 strong, .glowna6.podrzedna h5 strong {
    display: block;
    padding: 30px 50px;
    background-color: #FFF;
    display: inline-block;
    font-weight: 400;
    font-size: 25px;
    line-height: 42px;
}




}


	@media screen and (min-width:0px) and (max-width:720px)  

{


.boxindywidualnepodejscie .ramka .box img.img2 {
    display: none;
}

.boxindywidualnepodejscie .ramka .box2 {
    width: 100%;
}


.boxindywidualnepodejscie .ramka .box2 {
    margin-left: 0%;

}


.boxaktualnosci .row .txt a.link_czarny {
    font-size: 20px;
    line-height: 30px;
}


.boxaktualnosci .ramka strong {
    font-size: 40px;
    line-height: 50px;
}


.naglowek_h1 {
    font-size: 40px;
    line-height: 52px;
}



}




	@media screen and (min-width:0px) and (max-width:680px)  

{


.glowna4.szczegoly table {
width: 100%;
display: block;
}

.glowna4.szczegoly table tbody{
width: 100%;
display: block;
}

.glowna4.szczegoly table tr{
width: 100%;
display: block;
}


.glowna4.szczegoly table tr td {
    width: 96%;
    margin: 2%;
		display: block;
}





}



	@media screen and (min-width:0px) and (max-width:640px)  

{

.cycle-slideshow.baner .sekwencja .box-txt h1 {
    line-height: 50px;
}


.s1 {
display: none;
}


.min-kat .naglowek em {
    padding: 12px 50px 12px 10px;
 
}

.min-kat .naglowek strong {
    padding: 40px 0px;
    font-size: 26px;
    line-height: 35px;
}



.szczegoly_middle {
    height: 50px;
}

.szczegoly_podstrona {
    padding: 60% 0px 0px 0px;
}


}



	@media screen and (min-width:0px) and (max-width:580px)  

{



.tresc-podstrony h2 {
    font-family: 'Kaisei HarunoUmi', serif;
    font-size: 29px;
    line-height: 48px;
}




}




	@media screen and (min-width:0px) and (max-width:560px)  

{



.boxaktualnosci .row .img {
    float: left;
    width: 100%;
}

.boxaktualnosci .row .txt {
    float: left;
    width: 95%;
    padding-left: 5%;
    padding-top: 30px;
}



.katalog-produktow .oferta {
    float: left;
    margin: 10px 2%;
    width: 96%;
}


.szczegoly_podstrona {
    padding: 80% 0px 0px 0px;
}



.galeria div {
    width: 96%;
    margin: 2%;
    float: left;
}

.galeria div a img {
    height: 56vw;
}




}




	@media screen and (min-width:0px) and (max-width:540px)  

{






.boxkolekcja .ramka .box-txt a.link_brazowy {
    font-size: 24px;
    line-height: 38px;
    padding: 0px 30% 0px 0px;
}


.boxkolekcja .ramka .box-txt a.link_brazowy::before {
    width: 30%;
}


.boxkolekcja .przycisk {
    display: inline-block;
    margin-left: 0px;
    width: 100%;
    text-align: center;
}


.boxkolekcja .przycisk2 {
    display: inline-block;
    margin-left: 0px;
    width: 100%;
    text-align: center;
}


}


.pole3 .link_bialy:hover {
	text-decoration:underline;
}	

.sciezka a:hover {
text-decoration:underline !important;	
}	


.min-kat .naglowek em:hover {
background-color:black;
color:white;
}	

	@media screen and (min-width:0px) and (max-width:500px)  

{


.cycle-slideshow.baner .sekwencja .box-txt h1 {
    font-size: 25px;
    line-height: 45px;
    font-weight: 400;
}



footer .ramka3 .box {
    float: left;
    width: 100%;
		    text-align: center;
}


footer .ramka3 .box2 {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    font-size: 11px;
}


footer .ramka .box .pole2 input {
    padding: 15px 20px;
    font-size: 16px;
}



.szczegoly_podstrona {
    padding: 100% 0px 0px 0px;
}

.glowna74.podrzedna .podstrona_middle_baner_txt .naglowek_h1, .glowna6.podrzedna .podstrona_middle_baner_txt .naglowek_h1, .glowna2nadrzedna .podstrona_middle_baner_txt .naglowek_h1, .glowna8nadrzedna .podstrona_middle_baner_txt .naglowek_h1, .glowna9nadrzedna .podstrona_middle_baner_txt .naglowek_h1 {

    padding-top: 100px;
		
		}
		
		

}





 /* hide the link until viewport size is reached */
a.meanmenu-reveal {
	display: none;
}


/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
	width: 100%;
	position:absolute;
	padding: 0px 0;
	top: 0px;
	right: 0%;
	padding: 0px 0% 0px 0%;
	z-index:999999999999;
}



.mean-container a.meanmenu-reveal {
    width: 44px;
    height: 33px;
    padding: 22px 18px 20px 18px;
    position: absolute;
    z-index: 8000 !important;
    top: 69px;
    right:4% !important;
    cursor: pointer;
    color: #000;
    text-decoration: none;
    font-size: 24px;
    text-indent: -9999em;
    line-height: 30px !important;
    font-size: 22px !important;
    display: block;
    font-weight: 700;
    border-left: 0px solid rgba(0,0,0,0.1);
}


.mean-container a.meanmenu-reveal span {
	display: block;
	background:#FFF;
	height: 3px;
	margin-top: 4px;
font-size: 26px;
margin-left:auto;
margin-right:auto;
max-width: 50px;
}




.glowna74nadrzedna.mean-container a.meanmenu-reveal span, .glowna2nadrzedna.mean-container a.meanmenu-reveal span, .glowna6nadrzedna.mean-container a.meanmenu-reveal span, .glowna7nadrzedna.mean-container a.meanmenu-reveal span, .glowna9nadrzedna.mean-container a.meanmenu-reveal span, .glowna10nadrzedna.mean-container a.meanmenu-reveal span,  .glowna5nadrzedna.mean-container a.meanmenu-reveal span, .glowna3.podrzedna.mean-container a.meanmenu-reveal span {
	background:#FFF;
}

.glowna4.podrzedna h1 {
max-width:100%;	
padding: 30px 0px 30px 0px;
}	


footer .ramka3 .box img:hover {
opacity:0.7;	
}	



.mean-container .mean-nav {
	float: left;
	width: 100%;
	margin-top: 0px;
	margin-left: 0%;
	margin-right: 0%;
}


.mean-container .mean-nav > ul {
    padding: 130px 10% 150px 10% !important;
    width: 85% !important;
		max-width: 500px;
    list-style-type: none;
    position: absolute;
    z-index: 0 !important;
    right: 0%;
    background-color: #FFF;
    position: absolute;
    top: 50px;
    min-height: 300px !important;
		height: 60vh !important;
    max-height: 60vh !important;
    overflow-y: scroll;
    float: none !important;
		-webkit-box-shadow: inset 0px 0px 27px 0px rgba(0,0,0,0.09);
-moz-box-shadow: inset 0px 0px 27px 0px rgba(0,0,0,0.09);
box-shadow: inset 0px 0px 27px 0px rgba(0,0,0,0.09);
scrollbar-width: thin;

}


.mean-container .mean-nav > ul:before {
   width: 110px;
	 position: absolute;
	 top: 10px;
	 left:8%;
		background-image:url('../grafika/jgkmenu.webp');
	background-repeat : no-repeat;
	background-position:10% 40px;
	background-size: 110px;
	height: 120px;
	content:'';
}





.mean-container .mean-nav ul  ul{
	padding: 20px 0px 20px 0px !important;
	width: 100% !important;
	list-style-type: none;
	position: relative !important;
	z-index: 0 !important;
	left: 0% !important;
	top:0px !important;
	margin: 0px !important;
	float: left;
  position:relative;
	border-top: 0px solid #555355;
	border-bottom: 0px solid #555355;
}



.mean-container .mean-nav ul li {
	position: relative;
	float: left;
	width:90% !important;
	box-sizing: border-box;
	border-right: 0px solid #EBEBEB;
	padding: 0px !important;
	margin: 0px 5% !important;
	text-align: center;
}

.mean-container .mean-nav > ul  li:first-of-type:before {
	background-image:url('../grafika/ekocapital.webp');
	background-repeat : no-repeat;
	background-position:left center;
	background-size: 190px;
background-attachment: local;
left: -1%;
top:-124px;
content:'';
width: 190px;
height: 80px;
position: absolute;
}


.mean-container .mean-nav > ul ul  li:first-of-type:before {
	display: none;
}



.mean-container .mean-nav ul > li:last-of-type {
	padding-bottom: 300px;
}


.mean-container .mean-nav ul ul li {
	position: relative;
	float: left;
	width: 90% !important;
	box-sizing: border-box;
	border-bottom: 0px solid #E0E0E0 !important;
	border-right: 0px solid #EBEBEB !important;
	padding: 0px !important;
	margin: 0px 5% !important;
	font-weight: 400;
}


.mean-container .mean-nav ul ul li a{
	font-weight: 700 !important;
	color: #8D8D8D !important;
	font-size: 13px !important;
	padding-top: 6px !important;
		font-family: 'IBM Plex Sans Arabic', sans-serif;
	padding-bottom: 6px !important;
}


.mean-container .mean-nav ul ul ul li a{
	font-weight: 400 !important;
	color: #8D8D8D !important;
	font-size: 13px !important;
	padding-top: 6px !important;
	padding-bottom: 6px !important;
}


.mean-container .mean-nav ul ul li.menubold a{
	font-weight: 700 !important;
}

.mean-container .mean-nav ul ul {
	position: relative;
	float: left;
	width: 100% !important;
	box-sizing: border-box;
	border-right: 0px solid #EBEBEB;
	padding: 0px !important;
	margin: 0px 0% !important;
}





.mean-container .mean-nav ul li a {
	display: inline-block;
	float: none;
	width:90% !important;
  margin: 0px 10%;
	padding: 11px 0% 11px 0% !important;
	margin: 0 5%;
	color: #000 !important;
	text-decoration: none;
	font-weight: 400;
	font-size: 28px !important;
	text-align: left;
	position: relative;
	font-family: 'Kaisei HarunoUmi', serif;
}



.mean-container .mean-nav ul li a:hover {
	color: #C5A47E !important;
	z-index: 600;
}


.mean-container .mean-nav ul li a.menu-bold {
	font-weight:bold !important ;
	color:black !important; 
}


.mean-container .mean-nav ul li a img{
	display: none;
}



.mean-container .mean-nav ul li  img{
	display: none;
}


.mean-container .mean-nav ul li.menubold a {
color:#C5A47E !important;
font-weight: 700;
}



.mean-container .mean-nav ul li li a {
	width: 60%;
	padding: 1em 20%;
	opacity: 0.75;
	filter: alpha(opacity=75);
	text-shadow: none !important;
	visibility: visible;
}

.mean-container .mean-nav ul li.mean-last a {
	margin-bottom: 0;
}


.mean-container .mean-nav ul li a.mean-expand {
    margin-top: 0px;
    width: 29px !important;
    height: 25px !important;
    text-align: center;
    position: absolute;
    right: -5%;
    top: 6px;
    z-index: 999;
    font-weight: 700 !important;
    border: none !important;
    color: #000 !important;
    padding: 4px 10px !important;
    font-size: 20px !important;
			border: 1px solid #F2F2F2  !important;
}


.mean-container .mean-nav ul li li a.mean-expand {
    margin-top: 0px;
    width: 29px !important;
    height: 25px !important;
    text-align: center;
    position: absolute;
    right: -5%;
    top: 6px;
    z-index: 999;
    font-weight: 700 !important;
    border: none !important;
    color: #000 !important;
    padding: 4px 10px !important;
    font-size: 20px !important;
			border: 1px solid #F2F2F2  !important;
}




.mean-container .mean-nav ul li a.mean-expand:hover {
	background: transparent;
	color:#C5A47E !important;
}

.mean-container .mean-push {
	float: left;
	width: 0%;
	padding: 0;
	margin: 0;
}

.mean-nav .wrapper {
	width: 100%;
	padding: 0;
	margin: 0;
}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


.mean-remove {
	display: none !important;
}



.mean-container .mean-nav >  ul > li.menubold > a{
color:#C5A47E !important;
}


.mean-container .mean-nav ul li li a {
    border-bottom: 0px !important;
}








	@media screen and (min-width:0px) and (max-width:500px)  

{



.mean-container .mean-nav ul li a {
    font-size: 22px !important;

}



}