/*RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;

	font: inherit;
	vertical-align: baseline;
	list-style: none;
}

a:link {
	color: inherit;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: inherit;
}
a:hover {
	text-decoration: none;
	color: inherit;
}
a:active {
	text-decoration: none;
	color: inherit;
}
transition: slide-fwd-center 0.45s cubic-bezier(0.250, 0.460, 0.450, 0.940)
/*GLOBAL*/
body,html { width: 100%; height: 100%; min-height: 100%; }
body { font-size: 18px; font-family: bebas; color:#565655;}
.cf{clear: both; font-size: 0;}
.main { width: 1200px; margin: 0px auto;}
/*.anim{ -webkit-transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);-moz-transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);-o-transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); } */
.hide { display: none!important; }
.show { display: block!important; }
em{ font-style: italic; }
br{font-size: 0;}
/*FRAMEWORK*/

/*LOADER*/
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url("../images/preloader.gif") center no-repeat #fff;
}
/*LOADER:END*/

/*COOKIE INFO*/
#cookieinfo{  font-family: latolight; z-index: 1000; background-color: rgba(0, 0, 0, 0.50);  font-size: 14px; box-shadow: 2px 2px 2px #d1cfcf; padding: 20px 0px; color: #fff; text-align: center; position: fixed; bottom: 0px; left: 0px; width: 100%; }
#continuebutton{ margin: 0px auto; margin-top: 8px; display: block; background: #9A1310; color: #ecedea; font-weight: bold; line-height: 25px; font-family: calibri; text-align: center; cursor: pointer; height: 25px; width: 96px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
}
#continuebutton:hover { background: #fff; color: #9A1310; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
/*COOKIE INFO: END*/

.facebook{ position: fixed; left: 0px; top: 150px; z-index: 9999; }
.instagram{ position: fixed; left: 0px; top: 230px; z-index: 9999; }
.whatsup{ position: fixed; left: 0px; top: 310px; z-index: 9999; }

/*MENU*/
#header .main{ position: relative; }
#header ul.nav{ float: none; padding: 33px 50px 33px 0px; font-size: 22px; width: 100%; text-align: center; box-sizing: border-box; }
#header ul.nav li{ vertical-align: middle; display: none;  background: url("../images/line.png") right center no-repeat;}
#header ul.nav li:nth-child(1){ display: inline-block; }
#header ul.nav li:nth-child(2){ display: inline-block; }
#header ul.nav li:nth-child(3){ display: inline-block; }
#header ul.nav li:nth-child(4){ display: inline-block; }
#header ul.nav li:nth-child(5){ display: inline-block; }
#header ul.nav li:nth-child(6){ display: inline-block; }
#header ul.nav li:nth-child(4){margin: 0px 13px;}
#header ul.nav li:nth-child(4) a:hover{background: #fff;}
#header ul.nav li a{display: block; float: left; padding: 15px 18px;}
#header ul.nav li a:hover{ background: #565655; color: #fff;}
#header ul.nav li:nth-child(3), #header ul.nav li:nth-child(4), #header ul.nav li:nth-child(6){background: none;}
#header ul.nav li:nth-child(4){ width: 278px;  }
#header ul.nav li:nth-child(4) img{ width: 100%; max-width: 1000px; }

#header #lang { position: absolute; right: 0px; top: 55px; }
#header #lang li{ width: 30px; text-align: center; font-size: 14px; line-height: 26px;  font-family: latoregular; padding: 0px 3px; float: left; }
#header #lang li img{ width: 100%; }


/*SLIDER*/
#slider{width: 1912px; left: 50%; position: relative; margin-left: -960px;}
#slider .slides li{text-align: center; font-family: latoblack;}
#slider .slides li .main{position: relative;}
#slider .slides li h1{ text-shadow: 0px 0px 15px rgba(68, 68, 68, 0.5); position: absolute; z-index: 100; bottom: 0; left: 0;font-size: 122px; text-align: left; margin-left: 18px; color: #fffffe; text-shadow: #000 2px 0 10px;}
#slider .slides li h1 span{margin-bottom: -172px; display: block; margin-left: 0px; letter-spacing: 2px;}
#slider .slides li img{}
#slider .flex-direction-nav{display: none;}
#mainslider{overflow: hidden;}

/*meble*/
#furniture{ margin-top: 75px; margin-bottom: 85px;}
#furniture img{ width: 100%; max-width: 1810px; }
#furniture ul { padding: 0% 5%; padding-bottom: 70px; width: 90%; text-align: center; display: inline-block; }
#furniture ul li{  width: 12%;  position: relative; box-sizing: border-box; padding: 12px; font-size: 26px; text-align: center; display: inline-block; }
#furniture ul li img{  width: 100%; }

#furniture ul li:hover img{ opacity: 0.5; transform: scale(1.1); }



/*firma*/
#company .headline{text-align: center; margin-bottom: 60px;}
#company .headline h1{font-family: bebas; font-size: 37px; text-transform: uppercase; background: url("../images/line.jpg") center repeat-x;}
#company .headline span{padding: 0px 100px; background: #fff;}
#company .content{font-family: latolight; font-size: 18px; }
#company > .main > .content > h1{ text-align:center; width: 100%; margin-bottom: 28px;}

#company .content .text { float: left; width: 100%; padding-left: 0%; padding-top: 0px; }
#company .content .year { float: left; width: 328px }
#company .content .text p{line-height: 24px; color: #565655; font-family: latolight; font-size: 18px; width: 100%; float: left; text-align: justify; }

#company .content .text a.more{ display: inline-block;  text-align: center;margin-top: 20px; font-size: 18px; font-family: bebas; border: 1px solid #770909; color: #fff; padding: 10px 20px; order: 1px solid #fff; background: #770909; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  }
#company .content .text a.more:hover{ display: inline-block; margin-top: 20px; font-size: 18px; font-family: bebas; color: #770909; padding: 10px 20px; border: 1px solid #770909; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  }


/*galeria*/
#gallery .headline{text-align: center; margin-bottom: 55px;}
#gallery .headline h1{font-family: bebas; font-size: 37px; text-transform: uppercase; background: url("../images/line.jpg") center repeat-x;}
#gallery .headline span{padding: 0px 85px; background: #fff;}
#gallery {margin-bottom: 80px; overflow: hidden;}
#gallery ul{float: left; position: relative;}
#gallery ul li{ float: left; width: 33.33%; padding: 3px; box-sizing: border-box; background: url("../images/zoom.png") no-repeat center; }
#gallery ul li a img{ width: 100%; display: block;}
#gallery ul li:hover img{ opacity: 0.6;}

/*mapa i kontakt*/
#contact{overflow: hidden; border-bottom: 15px solid #3b3b39;}
#contact > h1{position: relative; margin-left: -960px; left: 50%;}
#contact .headline{text-align: center; margin-bottom: 25px;}
#contact .headline h1{font-family: bebas; font-size: 37px; text-transform: uppercase; background: url("../images/line.jpg") center repeat-x;}
#contact .headline span{padding: 0px 100px; background: #fff;}
#contact > .main > ul{float: left; font-family: latolight; color: #3b3b39; margin-bottom: 45px; margin-top: 45px;}
#contact > .main > ul > li{float: left;}
#contact > .main > ul > li:first-child{margin-left: 45px; width: 238px;}
#contact > .main > ul > li:first-child img{ width:100%; }
#contact > .main > ul > li:first-child img{margin-top: 20px;}
#contact > .main > ul > li:nth-child(2){margin-left: 228px;}
#contact > .main > ul > li:nth-child(3){margin-left: 115px;}
#contact > .main > ul > li > ul{float: left;}
#contact > .main > ul > li:nth-child(2) > ul{max-width: 160px}
#contact > .main > ul > li:nth-child(3) > ul{max-width: 240px}
#contact > .main > ul > li > ul > li{float: left; width: 100%; line-height: 23px;}


/*PODSTRONY - firma*/
#banner{width: 1912px; left: 50%; position: relative; margin-left: -960px;}
#banner .slides li{text-align: center; font-family: latoblack;}
#banner .slides li .main{position: relative; text-transform: uppercase;}
#banner .slides li h1{position: absolute; z-index: 100; bottom: 0; left: 0;font-size: 73px; text-align: left; margin-left: 19px; color: #fffffe; margin-bottom: 13px; text-shadow: #000 2px 0 10px;}
#banner .slides li h1 span{margin-bottom: -108px; display: block; margin-left: -2px; letter-spacing: 2px;}
#banner .slides li img{}
#banner .flex-direction-nav{display: none;}
#mainbanner{overflow: hidden;}


#company-firma .content .text { float: left; width: 720px; padding-left: 50px; padding-top: 0px; }
#company-firma .content .text p { padding-top: 40px; }
#company-firma .content .year { float: left; width: 328px }

#company-firma .content{font-family: latolight; font-size: 18px; margin: 0px 38px; float: left;}
#company-firma .content p{line-height: 24px; color: #565655; font-family: latolight; font-size: 18px; width: 100%; text-align: justify; }
#company-firma .main .content ul.firma{ margin: 40px 0px; width: 100%; text-align: center; display: inline-block; }
#company-firma .main .content ul.firma li{ margin: 5px; text-align: center; display: inline-block; background: url("../images/zoom.png") no-repeat center; }
#company-firma .main .content ul.firma li a:hover img{ opacity: 0.5; }
#company-firma .main .content ul.made{font-size: 0; text-transform: uppercase; width: 100%; text-align: center; float: left; margin-bottom: 65px; margin-top: 50px;}
#company-firma .main .content ul.made > li{display: inline-block; margin: 0px 99px; margin-left: 99px; color: #3b3b39;}
#company-firma .main .content ul.made > li > ul{float: left; max-width: 200px; max-height: 90px;}
#company-firma .main .content ul.made > li > ul > li{float: left; width: 100%; }
#company-firma .main .content ul.made > li > ul > li:first-child{font-size: 120px; font-family: bebas; }
#company-firma .main .content ul.made > li > ul > li:last-child{font-size: 18px;}
#company-firma .main .content ul.made > li:first-child{margin-left: 0;}
#company-firma .main .content ul.made > li:last-child{margin-right: 0;}
#company-firma .picture{overflow: hidden;}
#company-firma .picture { text-align: center; position: relative; margin-bottom: 135px; width: 100%; overflow: hidden; }

.headline{text-align: center; margin: 30px 0px;}
.headline h1{font-family: bebas; font-size: 37px; text-transform: uppercase; background: url("../images/line.jpg") center repeat-x;}
.headline span{padding: 0px 100px; background: #fff;}

/*PODSTRONY - produkty*/

#products ul li h1{font-size: 30px; text-transform: uppercase; color: #151515; margin: 15px 0px 10px 0px;}
#products ul li h1 span{font-family: latolight;}
#products ul li p{font-size: 15px; font-family: lato; color: #9b9b9b;  line-height: 23px;}
#products ul li a.more{ display: inline-block; margin-top: 0px; font-size: 18px; font-family: bebas; color: #fff; padding: 10px 20px; border: 1px solid #770909; background: #770909; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  }
#products ul li a.more:hover{ display: inline-block; margin-top: 0px; font-size: 18px; font-family: bebas; color: #770909; padding: 10px 20px; border: 1px solid #770909; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  }
#products ul{text-align: left; float: left; margin-bottom: 60px;}
#products ul li{  float: left; width: 370px; min-height: 400px; padding: 15px; background: url("../images/zoom.png") no-repeat center 67px;}
#products ul li img:hover{ opacity: 0.6;}


/*PODSTRONY - referencje*/
#referenzen { text-align: center; }
#referenzen ul{ margin: 30px 0px; width: 100%; text-align: center; display: inline-block; }
#referenzen ul li{ position: relative; margin: 5px; text-align: center; display: inline-block; background: #000;  }
#referenzen ul li span{  opacity: 0; display: block; color: #fff; position: absolute; width: 100%;  text-align: center; top: 60px; padding-bottom: 70px;  background: url("../images/more.png") no-repeat center bottom; }
#referenzen ul li span h2{ font-size: 38px; font-family: bebas;  }
#referenzen ul li span p{ font-size: 16px; font-family: latolight;  }
#referenzen ul li a:hover img{ opacity: 0.4; }
#referenzen ul li a:hover span{ opacity: 1; }
#referenzen ul li a img{ display: block; }
#referenzen iframe{ padding: 10px; display: -inline-block; }


/*PODSTRONY - referencja*/
#referencja { margin-bottom: 40px;}
#referencja .text { line-height: 24px; color: #565655; font-family: latolight; font-size: 18px; width: 100%; text-align: justify; }
#referencja ul{ margin: 40px 0px; width: 100%; text-align: center; display: inline-block; }
#referencja ul li{ margin: 5px; text-align: center; display: inline-block; background:  url("../images/zoom.png") no-repeat center;  }
#referencja ul li a:hover img{ opacity: 0.4; }
#referencja ul li a img{ display: block; }


/*PODSTRONY - kontakt*/
#kontakt { margin-bottom: 40px;}
#kontakt .c1 .row1 .icon{float: left; margin-right: 14px;}
#kontakt .c1 .row1 .info{float: left; padding-left: 17px; border-left: 2px solid #212626; text-align: left; line-height: 28px; margin-bottom: 12px;}
#kontakt .c1 .row1 .info h1{font-family: latoblack; font-size: 32px; padding-top: 3px;}
#kontakt .c1 .row1 .info h2{margin-left: 1px;}
#kontakt .c1{float: left; margin-left: 27px; color: #212626; width: 389px; }
#kontakt .c2{float: left; }



#kontakt .c1 .row1{width: 100%; text-transform: uppercase; float: left;}
#kontakt .c1 .row2{float: left; width: 100%;}
#kontakt .c1 .row2 ul{float: left; width: 380px; margin-left: 10px;}
#kontakt .c1 .row2 ul li{ font-family: latoregular; float: left; padding: 0px 0px 0px 28px; margin: 8px 0px; width: 100%; color: #3c3c3b; text-align: left; font-size: 18px;}
#kontakt .c1 .row2 ul li span{ font-family: bebas; font-size: 22px; }
#kontakt .c1 .row2 ul li:nth-child(1){background: url("../images/icon_kontakt_phone.png") no-repeat left 3px;}
#kontakt .c1 .row2 ul li:nth-child(2){background: url("../images/icon_kontakt_mail.png")  no-repeat left 4px; padding-left: 34px;}
#kontakt .c1 .row2 ul li:nth-child(3){background: url("../images/icon_kontakt_location.png") no-repeat left 3px; padding-left: 34px;}
#kontakt .c1 .row2 ul li:nth-child(4){background: url("../images/icon_kontakt_time.png") no-repeat left 5px; padding-left: 34px;}
#kontakt .c2 .formularz .left{width:290px; float:left;}
#kontakt .c2 .formularz .right{float:left;}
#kontakt .c2 .formularz .left input.wiersz{width: 100%; height: 70px; background-color:#f7f6f6; border: 2px solid #e9e8e8; margin-bottom: 15px; border-radius: 5px; font-size: 16px;padding-left: 10px; box-sizing:border-box; font-family: latoregular;}
#kontakt .c2 .formularz .right textarea{width:460px;height: 238px; background: #f7f6f6; border: 2px solid #e9e8e8; margin-left:17px; border-radius: 5px; font-size: 16px;padding-left: 10px; padding-top: 10px; box-sizing:border-box; font-family: latoregular;}
#kontakt .c2 .button{float:right; border:0; background: #848484; color: #fff; border-radius: 3px; margin-top: 10px; font-family: latobold; font-size: 18px; cursor: pointer; padding: 8px 33px; text-transform: uppercase;}
#kontakt .c2 .button:hover{ background: #770909;  }

.form-status{ margin-top: 10px; margin-right: 15px; font-size: 1.4em; line-height: 20px; text-align: center; margin-bottom: 10px; }
.form-status span.error{  background: red; padding: 5px; display: block; color: #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.form-status span.accept{ background: #aee893; padding: 5px; display: block; color: #443d3d; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }


/*PODSTRONY - produkt wybrany*/
#produkt .col1 { float: left; padding-left: 20px; padding-right: 30px; width: 517px; }
#produkt .col2 {  float: left; width: 613px!important; line-height: 24px; color: #565655; font-family: latolight; font-size: 16px; width: 100%; text-align: justify;  }
#produkt  ul{ margin: 40px 0px; width: 100%; text-align: center; display: inline-block; }
#produkt  ul li{ font-size: 22px; margin: 30px 20px; text-align: center; display: inline-block; background: url("../images/zoom.png") no-repeat center; }
#produkt  ul.r4 li { margin: 15px 17px;  }
#produkt  ul.ogrodowe { margin-top: 10px;  }
#produkt  ul.ogrodowe li img{ width:270px; margin: 15px 50px;  }
#produkt  ul li a:hover img{ opacity: 0.5; }


#produkt-wybrany .cl1{ float: left; padding-left: 43px; width: 516px; margin-right: 55px; }
#produkt-wybrany .cl1 a{ display: inline-block; }
#produkt-wybrany .cl1 a img:hover{ opacity: 0.5; }
#produkt-wybrany .cl1 .owl-item{ text-align: center; }
#produkt-wybrany .cl1 .item0{ display: none; }
#produkt-wybrany .cl1 .owl-item a img{ width: 100%; }
#produkt-wybrany .cl1 .owl-prev{ left: -10px; top: 55px; position: absolute; width: 35px; height:35px; background: url("../images/prev.png") no-repeat center; text-indent: -9999px; }
#produkt-wybrany .cl1 .owl-next{ right: -10px; top: 55px; position: absolute; width: 35px; height:35px; background: url("../images/next.png") no-repeat center; text-indent: -9999px; }


#produkt-wybrany .cl2{ float: left; width: 550px; font-family: latolight; padding-top: 40px; }
#produkt-wybrany .cl2 .breadcrumbs{ font-size: 16px; text-transform:uppercase; }
#produkt-wybrany .cl2 .text{ padding-top: 30px; }
#produkt-wybrany .cl2 .text h3{ font-size: 22px; font-family: latobold; }
#produkt-wybrany .cl2 .text ul { padding-bottom: 20px; }
#produkt-wybrany .cl2 .text ul li{ padding: 15px 20px; }
#produkt-wybrany .cl2 .text ul li:nth-child(2n){ background: #f7f7f7; }
#produkt-wybrany .cl2 .text p{ line-height: 24px; }
#produkt-wybrany .cl2 .text a.back{ display: inline-block;  margin-top: 20px; font-size: 18px; font-family: bebas; border: 1px solid #770909; color: #fff; padding: 10px 20px; order: 1px solid #fff; background: #770909; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  }
#produkt-wybrany .cl2 .text a.back:hover{ display: inline-block; margin-top: 20px; font-size: 18px; font-family: bebas; color: #770909; padding: 10px 20px; border: 1px solid #770909; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  }


ul.oparcia { width: 100%; text-align:center; display: inline-block; }
ul.oparcia li{ background: none!important; width: 11,11%!important; margin: 0px!important; padding: 3px; box-sizing: border-box; text-align:center; display: inline-block; }
ul.oparcia li img{ width: 100%; }

#menubutton{ display: none; }
#mailbutton{ display: none; }
#phonebutton{ display: none; }
#mobilemenu{ display: none; }
#mobilelang{ display: none; }
#langbutton{ display: none; }


@media (max-width:1240px) {
.main { width: 90%; padding: 0% 5%; }

.facebook{ position: fixed; left: 0px; top: 150px; z-index: 9999; }
.facebook img{ width: 50px; }
.instagram{ position: fixed; left: 0px; top: 210px; z-index: 9999; }
.instagram img{ width: 50px; }
.whatsup{ position: fixed; left: 0px; top: 270px; z-index: 9999; }
.whatsup img{ width: 50px; }


#menubutton{ cursor: pointer; float: left; display: block; box-sizing: border-box; width:40%; border-right: 1px solid #fff; box-sizing: border-box; text-align: center; background: #03789a; padding: 14px 0px;  }	
#menubutton img{ max-width: 98px; }	
#mailbutton{ cursor: pointer; float: left; display: block; box-sizing: border-box; width:20%; border-right: 1px solid #fff; box-sizing: border-box; text-align: center; background: #ababab; padding: 14px 0px; }	
#mailbutton img{ max-width: 28px; }	
#phonebutton{ cursor: pointer; float: left; display: block; box-sizing: border-box; width:20%; border-right: 1px solid #fff; text-align: center; background: #ababab; padding: 14px 0px; }	
#phonebutton img{ max-width: 21px; }	
#header ul#nav { display: none; }

#langbutton{  cursor: pointer; float: left; display: block; width:20%; text-align: center; background: #da171f; padding: 8px 0px; }
#langbutton img{ width: 100%; max-width: 33px; }



/*MOBILE MENU*/	
#mobilemenu{ border-top: 1px solid #fff; background: #03789a; z-index: 99999; display: none; opacity: 0; width: 100%; position: absolute; top: 53px; left: 0px;  }
#mobilemenu ul li.plus { background: url("../images/plus.png") no-repeat right 10px!important; }
#mobilemenu ul li.minus { background: url("../images/minus.png") no-repeat right 10px!important; }
#mobilemenu ul li.parent{  background: url("../images/plus.png") no-repeat right 10px; }
#mobilemenu ul li { cursor: pointer;  border-bottom: 1px dashed #fff; font-size: 18px; color: #fff; font-family: latobold; padding: 10px 10px;}
#mobilemenu ul li a { display: block; }
#mobilemenu ul li:last-child{ border-bottom: 0px; }
#mobilemenu ul li ul.sub { margin-top: 15px; opacity: 0; display: none; width:100%; background: #83140b; -webkit-transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);-moz-transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);-o-transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000); }
#mobilemenu ul li ul.sub li a { display: block; }
#mobilemenu ul li:nth-child(4){ display: none; }

/*MOBILE LANG*/	
#mobilelang{ display: block; border-top: 1px solid #fff; background: #da171f; z-index: 1000; display: none; opacity: 0; width: 20%; position: absolute; top: 53px; right: 0px; }
#mobilelang ul li{ text-align: center; padding: 10px 0px; border-bottom: 1px dashed #fff; }
#mobilelang ul li:last-child{  border-bottom: none; }
#mobilelang ul li img{ width: 30px; border: 2px solid #fff; border-radius: 100px;  }


#header ul.nav{ padding: 20px 0px; }
#header ul.nav li{ display: none!important; }
#header ul.nav li:nth-child(4){ width: 80%; display: inline-block!important; }
#header ul#lang { display: none!important; }


/*SLIDER*/
#slider{width: 100%; left: 0%; position: relative; margin-left: 0px;}
#slider .slides li{ text-align: center; font-family: latoblack;}
#slider .slides li .main{position: relative; text-transform: uppercase;}
#slider .slides li h1{ text-shadow: 0px 0px 15px rgba(68, 68, 68, 0.5); position: absolute; z-index: 100; bottom: 0; left: 0;font-size: 40px; text-align: left; margin-left: 18px; color: #fffffe;}
#slider .slides li h1 span{  margin-bottom: 0px; display: inline-block; margin-left: 0px; letter-spacing: 2px;}
#slider .slides li img{ width: 100%; }
#slider .flex-direction-nav{display: none;}
#mainslider{overflow: hidden;}

/*MEBLE*/
#furniture{ margin-top: 35px; margin-bottom: 85px;}
#furniture img{ width: 100%; max-width: 1810px; }
#furniture ul { padding: 0%; padding-bottom: 40px; width: 100%; text-align: center; display: inline-block; }
#furniture ul li{  width: 45%;  position: relative; box-sizing: border-box; padding: 12px; font-size: 26px; text-align: center; display: inline-block; }
#furniture ul li img{  width: 100%; }
#furniture ul li:nth-child(1) img{  width: 70%; }
#furniture ul li:nth-child(2) img{  width: 70%; }
#furniture ul li:nth-child(4) img{  width: 70%; }
#furniture ul li:hover img{ opacity: 0.5; transform: scale(1.1); }


/*FIRMA*/
#company .headline{text-align: center; margin-bottom: 60px;}
#company .headline h1{font-family: bebas; font-size: 37px; text-transform: uppercase; background: url("../images/line.jpg") center repeat-x;}
#company .headline span{padding: 0px 50px; background: #fff;}
#company .content{font-family: latolight; font-size: 18px; }
#company > .main > .content > h1{ text-align:center; width: 100%; margin-bottom: 28px;}

#company .content .text { text-align: center; float: none; width: 100%; padding-left: 0px; padding-top: 0px; }
#company .content .year { text-align: center; padding-bottom: 30px; float: none; width: 100%; }
#company .content .text p{line-height: 24px; color: #565655; font-family: latolight; font-size: 18px; width: 100%; float: none; text-align: justify; }

#company .content .text a.more{ display: inline-block;  margin-top: 20px; font-size: 25px; font-family: bebas; border: 1px solid #770909; color: #fff; padding: 10px 20px; order: 1px solid #fff; background: #770909; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  }
#company .content .text a.more:hover{ display: inline-block; margin-top: 20px; font-size: 25px; font-family: bebas; color: #770909; padding: 10px 20px; border: 1px solid #770909; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  }

/*GALERIA*/
#gallery .headline{text-align: center; margin-bottom: 55px;}
#gallery .headline h1{font-family: bebas; font-size: 37px; text-transform: uppercase; background: url("../images/line.jpg") center repeat-x;}
#gallery .headline span{padding: 0px 85px; background: #fff;}
#gallery {margin-bottom: 40px; overflow: hidden;}
#gallery ul{float: none; position: relative;}
#gallery ul li{ float: none; width: 100%; display: inline-block; padding: 3px; box-sizing: border-box; background: url("../images/zoom.png") no-repeat center; }
#gallery ul li a img{ width: 100%; display: block;}
#gallery ul li:hover img{ opacity: 0.6;}

/*MAPA I KONTAKT*/
#contact{overflow: hidden; border-bottom: 15px solid #3b3b39;}
#contact > h1{position: relative; margin-left: -960px; left: 50%;}
#contact .headline{text-align: center; margin-bottom: 25px;}
#contact .headline h1{font-family: bebas; font-size: 37px; text-transform: uppercase; background: url("../images/line.jpg") center repeat-x;}
#contact .headline span{padding: 0px 100px; background: #fff;}
#contact > .main > ul{ text-align: center; float: none; font-family: latolight; color: #3b3b39; margin-bottom: 45px; margin-top: 45px;}
#contact > .main > ul > li{ width: 100%; float: none;}
#contact > .main > ul > li:first-child{ width: 100%; text-align: center; margin-left: 0px; padding-bottom: 30px; }
#contact > .main > ul > li:first-child img{  width: 280px; }
#contact > .main > ul > li:nth-child(2){margin-left: 0px; padding-bottom: 30px; }
#contact > .main > ul > li:nth-child(3){margin-left: 0px; padding-bottom: 30px; }
#contact > .main > ul > li > ul{float: none;}
#contact > .main > ul > li:nth-child(2) > ul{ max-width: 100%; }
#contact > .main > ul > li:nth-child(3) > ul{ max-width: 100%; }
#contact > .main > ul > li > ul > li{float: none; width: 100%; line-height: 23px;}


/*PODSTRONY BANER*/
#banner{width: 100%; left: 0%; position: relative; margin-left: 0px; background: url("../images/slider.jpg") no-repeat center; background-size: cover; }
#banner .slides li{text-align: center; font-family: latoblack;}
#banner .slides li .main{top: 0px; left: 0px; z-index: 100; text-transform: uppercase;  text-align: center; padding:20px 0px; }
#banner .slides li h1{ text-shadow: 0px 0px 15px rgba(68, 68, 68, 0.8); position: static; z-index: 100; bottom: 0; left: 0; font-size: 40px; text-align: center; margin-left: 19px; color: #fffffe; margin-bottom: 13px;}
#banner .slides li h1 span{margin-bottom: 0px; display: inline-block; margin-left: 0px; letter-spacing: 2px;}
#banner .slides li img{ display: none;}
#banner .flex-direction-nav{display: none;}
#mainbanner{ width: 100%; overflow: hidden;}


.headline{text-align: center; margin: 30px 0px;}
.headline h1{font-family: bebas; font-size: 37px; text-transform: uppercase; background: url("../images/line.jpg") center repeat-x;}
.headline span{padding: 0px 50px; background: #fff;}



/*FIRMA*/
#company-firma .content .text { float: none; width: 100%; padding-left: 0px; padding-top: 0px; }
#company-firma .content .text p { padding-top: 40px; }
#company-firma .content .year { text-align: center;  float: none; width: 100% }

#company-firma .content{font-family: latolight; font-size: 18px; margin: 0px; float: none;}
#company-firma .content p{line-height: 24px; color: #565655; font-family: latolight; font-size: 18px; width: 100%; text-align: justify; }
#company-firma .main .content ul.firma{ margin: 20px 0px; width: 100%; text-align: center; display: inline-block; }
#company-firma .main .content ul.firma li{ margin: 5px; text-align: center; display: inline-block; background: url("../images/zoom.png") no-repeat center; }
#company-firma .main .content ul.firma li a img{ width: 100%; }
#company-firma .main .content ul.firma li a:hover img{ opacity: 0.5; }
#company-firma .main .content ul.made{font-size: 0; text-transform: uppercase; width: 100%; text-align: center; float: none; margin-bottom: 65px; margin-top: 50px;}
#company-firma .main .content ul.made > li{display: inline-block; margin: 0px 99px; margin-left: 99px; color: #3b3b39;}
#company-firma .main .content ul.made > li > ul{float: none; max-width: 200px; max-height: 90px;}
#company-firma .main .content ul.made > li > ul > li{float: none; width: 100%; }
#company-firma .main .content ul.made > li > ul > li:first-child{font-size: 120px; font-family: bebas; }
#company-firma .main .content ul.made > li > ul > li:last-child{font-size: 18px;}
#company-firma .main .content ul.made > li:first-child{margin-left: 0;}
#company-firma .main .content ul.made > li:last-child{margin-right: 0;}
#company-firma .picture{overflow: hidden; width: 100%; position: relative; margin-bottom: 50px; }
#company-firma .picture img { display: block; position: relative;  width: 1200px; left: 50%; margin-left: -600px; }

/*PODSTRONY - produkty*/
#products ul li h1{font-size: 36px; text-transform: uppercase; color: #151515; margin: 15px 0px 10px 0px;}
#products ul li h1 span{font-family: latolight;}
#products ul li p{font-size: 15px; font-family: lato; color: #9b9b9b;  line-height: 23px;}
#products ul li a.more{ display: inline-block; margin-top: 0px; font-size: 22px; font-family: bebas; color: #fff; padding: 10px 20px; border: 1px solid #770909; background: #770909; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  }
#products ul li a.more:hover{ display: inline-block; margin-top: 0px; font-size: 22px; font-family: bebas; color: #770909; padding: 10px 20px; border: 1px solid #770909; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  }
#products ul{text-align: center; float: none; margin-bottom: 60px;}
#products ul li{  float: none; max-width: 380px; width: 100%; min-height: 400px; padding: 0px; background: url("../images/zoom.png") no-repeat center 67px;}
#products ul li img{ width: 100%;}
#products ul li img:hover{ opacity: 0.6;}


/*PODSTRONY - referencje*/
#referenzen { text-align: center; }
#referenzen ul{ margin: 30px 0px; width: 100%; text-align: center; display: inline-block; }
#referenzen ul li{ position: relative; margin: 5px; text-align: center; display: inline-block; background: #000;  }
#referenzen ul li span{  opacity: 0; display: block; color: #fff; position: absolute; width: 100%;  text-align: center; top: 60px; padding-bottom: 70px;  background: url("../images/more.png") no-repeat center bottom; }
#referenzen ul li span h2{ font-size: 38px; font-family: bebas;  }
#referenzen ul li span p{ font-size: 16px; font-family: latolight;  }
#referenzen ul li a:hover img{ opacity: 0.4; }
#referenzen ul li a:hover span{ opacity: 1; }
#referenzen ul li a img{ display: block; }
#referenzen iframe{ width: 100%; box-sizing: border-box; padding: 10px; display: inline-block; }

/*PODSTRONY - kontakt*/
#kontakt { margin-bottom: 40px;}
#kontakt .c1 .row1 .icon{ display: none; float: none; margin-right: 14px;}
#kontakt .c1 .row1 .info{float: none; padding-left: 0px; border-left: none; text-align: center; line-height: 28px; margin-bottom: 12px;}
#kontakt .c1 .row1 .info h1{font-family: latoblack; font-size: 32px; padding-top: 3px;}
#kontakt .c1 .row1 .info h2{margin-left: 1px;}
#kontakt .c1{float: none; margin-left: 0px; color: #212626; width: 100%; }
#kontakt .c2{float: none; }



#kontakt .c1 .row1{width: 100%; text-transform: uppercase; float: none;}
#kontakt .c1 .row2{  float: none; width: 100%;}
#kontakt .c1 .row2 ul{float: none; width: 100%; margin-left: 0px;}
#kontakt .c1 .row2 ul li{ font-family: latoregular; float: none; padding: 0px!important; margin: 8px 0px; width: 100%; color: #3c3c3b; text-align: center; font-size: 18px;}
#kontakt .c1 .row2 ul li span{ font-family: bebas; font-size: 22px; }
#kontakt .c1 .row2 ul li:nth-child(1){background: none;}
#kontakt .c1 .row2 ul li:nth-child(2){background: none;}
#kontakt .c1 .row2 ul li:nth-child(3){background: none;}
#kontakt .c1 .row2 ul li:nth-child(4){background: none;}
#kontakt .c2 .formularz .left{width:100%; float:none;}
#kontakt .c2 .formularz .right{float:none; text-align:center;}
#kontakt .c2 .formularz .left input.wiersz{width: 100%; height: 70px; background-color:#f7f6f6; border: 2px solid #e9e8e8; margin-bottom: 15px; border-radius: 5px; font-size: 16px;padding-left: 10px; box-sizing:border-box; font-family: latoregular;}
#kontakt .c2 .formularz .right textarea{width:100%;height: 238px; box-sizing: border-box; background: #f7f6f6; border: 2px solid #e9e8e8; margin-left:0px; border-radius: 5px; font-size: 16px;padding-left: 10px; padding-top: 10px; box-sizing:border-box; font-family: latoregular;}
#kontakt .c2 .button{ display: block; width: 100%; float:none; border:0; background: #848484; color: #fff; border-radius: 3px; margin-top: 10px; font-family: latobold; font-size: 26px; cursor: pointer; padding: 18px 0px;  text-transform: uppercase;}
#kontakt .c2 .button:hover{ background: #770909;  }


/*PODSTRONY - produkt wybrany*/
#produkt .col1 { float: left; padding-left: 20px; padding-right: 30px; width: 517px; }
#produkt .col2 {  float: left; width: 613px!important; line-height: 24px; color: #565655; font-family: latolight; font-size: 16px; width: 100%; text-align: justify;  }
#produkt  ul{ margin: 0px 0px 40px 0px; width: 100%; text-align: center; display: inline-block; }
#produkt  ul li{ width: 100%; max-width: 500px; font-size: 22px; margin: 30px 0px; text-align: center; display: inline-block; background: url("../images/zoom.png") no-repeat center; }
#produkt  ul li img{ width: 100%; }
#produkt  ul.r4 li { margin: 15px 17px;  }
#produkt  ul.ogrodowe { margin-top: 10px;  }
#produkt  ul.ogrodowe li img{ width:270px; margin: 15px 50px;  }
#produkt  ul li a:hover img{ opacity: 0.5; }


#produkt-wybrany .cl1{ float: none; padding-left: 0px; width: 100%; max-width: 516px; margin-right: 0px; }
#produkt-wybrany .cl1 a{ display: inline-block; }
#produkt-wybrany .cl1 a img{ width: 100%;}
#produkt-wybrany .cl1 a img:hover{ opacity: 0.5; }
#produkt-wybrany .cl1 .owl-item{ text-align: center; }
#produkt-wybrany .cl1 .item0{ display: none; }
#produkt-wybrany .cl1 .owl-item a img{ width: 100%; }
#produkt-wybrany .cl1 .owl-prev{ left: -10px; top: 55px; position: absolute; width: 35px; height:35px; background: url("../images/prev.png") no-repeat center; text-indent: -9999px; }
#produkt-wybrany .cl1 .owl-next{ right: -10px; top: 55px; position: absolute; width: 35px; height:35px; background: url("../images/next.png") no-repeat center; text-indent: -9999px; }


#produkt-wybrany .cl2{ text-align:center; float: none; max-width: 550px; width: 100%; font-family: latolight; padding-top: 40px; }
#produkt-wybrany .cl2 .breadcrumbs{ font-size: 16px; text-transform:uppercase; }
#produkt-wybrany .cl2 .text{ padding-top: 30px; }
#produkt-wybrany .cl2 .text h3{ font-size: 22px; font-family: latobold; }
#produkt-wybrany .cl2 .text ul { padding-bottom: 20px; }
#produkt-wybrany .cl2 .text ul li{ padding: 15px 20px; }
#produkt-wybrany .cl2 .text ul li:nth-child(2n){ background: #f7f7f7; }
#produkt-wybrany .cl2 .text p{ line-height: 24px; }
#produkt-wybrany .cl2 .text a.back{ display: inline-block;  margin-top: 20px; font-size: 24px; font-family: bebas; border: 1px solid #770909; color: #fff; padding: 10px 20px; order: 1px solid #fff; background: #770909; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  }
#produkt-wybrany .cl2 .text a.back:hover{ display: inline-block; margin-top: 20px; font-size: 24px; font-family: bebas; color: #770909; padding: 10px 20px; border: 1px solid #770909; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  }


ul.oparcia { width: 100%; text-align:center; display: inline-block; }
ul.oparcia li{ background: none!important; width: 30%!important; margin: 0px!important; padding: 3px; box-sizing: border-box; text-align:center; display: inline-block; }
ul.oparcia li img{ width: 100%; }



}


#furniture-carousel {
	overflow: hidden;
	width: 100%;
	margin-top: 40px;
  }
  
  .carousel-track {
	display: flex;
	transition: transform 0.5s ease;
	will-change: transform;
  }
  
  .carousel-item {
	width: calc(100% / 6); /* Każdy element karuzeli będzie miał szerokość 1/6 kontenera */
	flex-shrink: 0;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
  }
  
  .carousel-item:hover {
	opacity:0.9;
	transform: scale(1.1);
  }
  .carousel-item img {
	max-width: 100%; /* Zdjęcia nie będą większe niż ich kontener */
	display: block;
  }


  
  .carousel-item h2 {
	font-size: 1em; /* Dostosuj rozmiar czcionki do swoich potrzeb */
  }