html, body{margin:0; padding:0; height:auto;  scroll-behavior: smooth;}

div.header{width:100%; height:auto;overflow:hidden; margin:0 auto;background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,0.0) 0%, rgba(230,230,230,0.0) 100%);position:relative; z-index:1;}
div.header-in{width:86%; max-width:1400px; margin:0 auto;height:auto;overflow:hidden; }
div.slider-in{width:86%; margin:0 auto;height:auto;overflow:hidden; text-align:center; padding-top:160px;}
div.slider-nxs{width:86%; margin:0 auto;height:auto;overflow:hidden; text-align:center; padding-top:20px; padding-bottom:20px;}
div.nav{width: 100%; max-width:1400px; height: auto; margin: 0 auto; margin-top: 40px; position: relative; z-index: 1; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: stretch;    background: #000; height:80px;}
div.nav>img,a:link>img.nav{margin-top:-108px; height:200px;background: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.1)); border-radius: 20px; padding: 4px;}
div.logo{float:right; height:auto;margin:0 auto; padding-top:30px; padding-bottom:30px;font-family: 'Montserrat', sans-serif; color:#fff;}
div.header-contact{float:right;  height:auto; margin:0 auto;font-family: 'Roboto', sans-serif;font-weight:300; color:#fff;text-align:right; font-size:14px; line-height:40px; position:relative; padding-top:20px;padding-bottom:20px;}
ul.menu{list-style-type: none; padding:0; text-align:center; padding-top:10px;width:33.3%}
li.menu{ font-family: 'Montserrat', sans-serif; font-weight:500; font-size:14px; color:#fff; white-space: nowrap; transition: all .4s; line-height:30px; display:inline; padding-right:26px; padding-left:26px; padding-top:10px; letter-spacing:1px; }
li.menu:hover{ color:#e30b13; white-space: nowrap; transition: all .4s;}
li.menu-last{ font-family: "Merienda", cursive;font-optical-sizing: auto; font-style: normal; font-weight:500; font-size:16px; color:#fff; white-space: nowrap; transition: all .4s; line-height:38px; display:inline; padding:20px; padding-left:16px; background:#a40016; }
li.menu-last:hover{ color:#fff; white-space: nowrap; transition: all .4s;line-height:38px;}
ul.menu-2{list-style-type: none; padding:0;margin-top:0px; text-align:center; float:right;}
li.phone{ font-family: 'Montserrat', sans-serif; font-weight:500; font-size:16px; color:#000; white-space: nowrap; transition: all .4s; line-height:38px; display:inline; padding:20px; padding-left:16px; background:#fff; border-radius:12px; margin:12px;}
li.phone{ font-family: 'Montserrat', sans-serif; font-weight:500; font-size:16px; color:#000; white-space: nowrap; transition: all .4s; line-height:38px; display:inline; padding:20px; padding-left:16px; background:#fff; border-radius:12px; margin:12px;}
li.phone:hover{ color:#fff; background:#000; white-space: nowrap; transition: all .4s;line-height:38px;}

p.left{text-align:left;}
h1{    font-family: 'Montserrat', sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;color:#fff; text-align:center; font-weight:900; margin-top:40px; font-size:40px; position:relative; z-index:1; text-shadow:3px 3px 1px #333;}
h1.tittle{font-family: 'Montserrat', sans-serif;font-weight:300; font-size:16px; line-height:46px; color:#000;margin-top:12px; letter-spacing:0px;}
h2{font-family: 'Montserrat', sans-serif;font-weight:800; color:#333333; text-align:left; font-size:56px; line-height:66px;}
h2.in{font-family: "Merienda", cursive;font-weight:900; color:#fff; text-align:center; font-size:30px; }
h2.inblack{font-family: "Merienda", cursive;font-weight:800; color:#333; text-align:left; font-size:26px; line-height:38px; letter-spacing:-1px;}
h2.inwht{font-family: 'Montserrat', sans-serif;font-weight:800; color:#fff; text-align:left; font-size:26px; line-height:32px;letter-spacing:-1px;}

h2.content{font-family: 'Montserrat', sans-serif;font-weight:800; color:#333333; text-align:left; font-size:28px; }
h2.center{font-family: 'Roboto', sans-serif; font-weight:900; color:#333333; text-align:center; font-weight:100; font-size:38px; }
h3{font-family: 'Montserrat', sans-serif;font-weight:800; font-size:26px; line-height:36px;color:#333333;}
h4{font-family: 'Montserrat', sans-serif; font-weight:900; font-size:20px; line-height:30px;color:#333333;}
p.motto{ font-family:'Montserrat', sans-serif; text-align:center;color:#fff; font-weight:500; line-height:26px; text-shadow:2px 2px 2px #000; }
p.motto-black{ font-family:'Montserrat', sans-serif; text-align:center;color:#000; font-weight:500; line-height:26px; }

p.more{width:150px; transition: all .4s; padding:10px; color:#e30b13; text-align:center; margin-top:20px; border-radius:25px;font-family: 'Roboto', sans-serif; font-weight:400; margin:0 auto; border:1px solid #e30b13;}
p.more:hover{width:150px;background:#e30b13;transition: all .4s; color:#fff;}
p.more-left{width:150px; transition: all .4s; padding:10px; color:#fff; text-align:center; margin-top:20px; border-radius:25px;font-family: 'Roboto', sans-serif; font-weight:400; border:1px solid #e8e8e8;}
p.more-left:hover{width:150px;background:#e30b13;transition: all .4s; color:#fff;}
p.more-red{width:150px; transition: all .4s; padding:10px; color:#ffffff; text-align:center; margin-top:20px; border-radius:25px;font-family: 'Roboto', sans-serif; font-weight:400; margin:0 auto; border:1px solid #e30b13; background:#e30b13;}
p.more-red:hover{width:150px;background:none;transition: all .4s; color:#fff; background:#000;}
p.breadcrumbs{font-family: 'Roboto', sans-serif; text-align:center;color:#fff; text-shadow:2px 1px 3px #000;font-weight:400; line-height:16px; font-size:14px; margin-top:100px; }
p.more-wht{width:150px; transition: all .4s; padding:10px; color:#fff; background:#e30b13; text-align:center; margin-top:20px; border-radius:25px;font-family: 'Roboto', sans-serif; font-weight:400; margin:0 auto; border:1px solid #e30b13;}
p.more-wht:hover{width:150px;background:#e4e4e4; color:#333;transition: all .4s; border:1px solid #fff;}
p.more-wht2{width:280px; transition: all .4s; padding:10px; color:#fff; background:#e30b13; text-align:center;border-radius:25px;font-family: 'Roboto', sans-serif; font-weight:400; margin:0 auto; border:1px solid #e30b13; margin-top:60px; margin-bottom:60px;}
p.more-wht2:hover{width:280px;background:#e30b13;transition: all .4s; color:#fff;border:1px solid #fff;}
p.more-wht-left{width:150px; transition: all .4s; padding:10px; color:#000; text-align:center; margin-top:20px; border-radius:25px;font-family: 'Roboto', sans-serif; font-weight:400;  border:1px solid #111111;}
p.more-wht-left:hover{width:150px;background:#e4e4e4; color:#333;transition: all .4s;border:1px solid #fff;}
img.nav{transition: all .4s;}
img.nav:hover{transform: scale(1.06);transition: all .4s;}
p.middle-margin{font-family: 'Roboto', sans-serif; font-weight:300; line-height:30px; width:60%; margin:0 auto;color:#fff;}
p.link{position:relative; border:1px solid #3d3d3d;font-size:14px; width:350px; transition: all .4s;float:right; transition: all .4s; padding:35px; color:#fff; text-align:center; margin:0 auto; margin-top:40px; font-family: 'Lato', sans-serif; font-weight:900;background: rgb(38,0,0);
background: linear-gradient(90deg, rgba(38,0,0,1) 0%, rgba(164,0,22,0.5074404761904762) 100%, rgba(0,0,0,1) 100%);}
p.link:hover{transition: all .4s;  border-radius:40px; }
ul.red {list-style-type: none; padding:0; margin:0 }
li.red{ color:#fff; font-weight:500;  margin-bottom:10px; border-radius:12px; text-align:left; font-family: 'Roboto', sans-serif; border:0.0001em solid #e8e8e8; padding:12px; background:#333; box-shadow:1px 1px 20px #eaeaea;}
a:link{ text-decoration:none; color:#fff;}
a:hover{ text-decoration:none; color:#fff;}
a:active{ text-decoration:none; color:#fff;}
a:visited { text-decoration:none; color:#fff;}

a:link.navimg{ text-decoration:none; color:#da2016;}
a:hover.navimg{ text-decoration:none; color:#da2016;}
a:active.navimg{ text-decoration:none; color:#da2016;}
a:visited.navimg { text-decoration:none; color:#da2016;}

a:link.breadcrumbs{ text-decoration:none; color:#fff;}
a:hover.breadcrumbs{ text-decoration:none; color:#fff;}
a:active.breadcrumbs{ text-decoration:none; color:#fff;}
a:visited.breadcrumbs { text-decoration:none; color:#fff;}

a:link.mobile{ text-decoration:none; color:#333;}
a:hover.mobile{ text-decoration:none; color:#333;}
a:active.mobile{ text-decoration:none; color:#333;}
a:visited.mobile { text-decoration:none; color:#333;}

a:link.copyright{ text-decoration:none; color: rgba(255,255,255,0.3);}
a:hover.copyright{ text-decoration:none; color:rgba(255,255,255,0.3);}
a:active.copyright{ text-decoration:none; color:rgba(255,255,255,0.3);}
a:visited.copyright{ text-decoration:none; color:rgba(255,255,255,0.3);}

.reveal{ transform: translateY(150px); opacity: 0; transition: 1s all ease;}
.reveal.active{ transform: translateY(0); opacity: 1;}


div.slider{ width:100%; padding-bottom:200px; padding-top:40px; z-index:-1;background-image: url("company.jpg"); background-size: cover;  background-repeat: no-repeat; background-position: center center; margin-bottom:120px; }
div.slider-more{ width:100%; padding-top:60px;padding-bottom:60px; min-height:350px; z-index:-1;background-image: url("company.jpg"); background-size: cover;  background-repeat: no-repeat; background-position: center center; }
div.shadow{ width:100%; position:absolute; height:600px;  top:0; background: linear-gradient(0deg, rgba(0,0,0,0), rgba(0,0,0,0.6));}
div.shadow-in{ width:100%; position:absolute; height:380px; z-index:-1; top:0; background: linear-gradient(0deg, rgba(0,0,0,0), rgba(0,0,0,1)); }
div.flex{width:100%; max-width:1400px; margin:0 auto; height:auto; overflow:hidden; display:flex; flex-direction:row; flex-wrap: nowrap; justify-content:space-around; align-items: center; margin-bottom: 30px; }
div.flex-mob{display:none;}
div.flex-box-in{width:45%; text-align:left; padding:4%;font-family: 'Roboto', sans-serif;    font-weight: 400; color:#393f35; line-height:30px;}

div.flex-box{width:17%; text-align:left; padding:4%;font-family: 'Roboto', sans-serif;
    font-weight: 400; color:#393f35; line-height:30px; }
#felx1{background-image: url(images/big/1.jpg);
border-radius:26px;
border-right:4px solid #e4e4e4;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
min-height:380px;}
#felx1-in{background-image: url(images/big/1.jpg);
border-radius:26px;
border-right:4px solid #e4e4e4;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
	min-height:380px;}
#felx1b{background-image: url(images/big/2.jpg);
border-radius:26px;
border-right:4px solid #e4e4e4;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
	min-height:380px;}
	#felx1c{background-image: url(images/big/3.jpg);
border-radius:26px;
border-right:4px solid #e4e4e4;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
	min-height:380px;}
#felx1d{background-image: url(images/big/4.jpg);
border-radius:26px;
border-right:4px solid #e4e4e4;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
	min-height:380px;}

	#felx2{background-image: url(images/big/4.jpg);
	border-radius:26px;
	border-right:4px solid #e4e4e4;
min-height:380px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;}
	#felx3{background-image: url(piekarnia-oferta.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;}
	#felx4{background-image: url(sklepy-firmowe-slamar.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;}
	
	iframe{float:left;filter: grayscale(100%);transition: all .6s;}
iframe:hover{float:left;filter: grayscale(0%);transition: all .6s;}
div.margin{width:100%; height:60px;}
div.margin-main{width:100%; height:40px;}

div.margin-ctc{width:100%; height:auto; overflow:hidden; text-align: center; font-family: 'Roboto', sans-serif;
    font-weight: 400; line-height:26px;}
.accordion {
width: 86%;
max-width:1400px;
margin: 0 auto;
font-family: 'Roboto', sans-serif;
margin-top:40px;
}


details {
border: 0.1px solid #999;
border-radius: 12px;
margin-bottom: 12px;
background: #f4f4f4;
overflow: hidden;
}


summary {
cursor: pointer;
padding: 16px 20px;
display: flex;
justify-content: space-between;
align-items: center;
font-weight: bold;
list-style: none;
}


summary::-webkit-details-marker {
display: none;
}


.icon {
font-size: 20px;
transition: transform 0.3s ease;
}


details[open] .icon {
transform: rotate(45deg);
}


.content {
padding: 0 20px 20px;
color: #333;
line-height: 1.5;
font-weight:300;
}
div.icons{width:86%; max-width:1400px; margin:0 auto; box-shadow:1px 1px 80px #e8e8e8; display:flex; flex-direction:row; flex-wrap: nowrap; justify-content:space-around; align-items: stretch; margin-top:100px;}
div.icons-in{width:86%; max-width:1400px; margin:0 auto; box-shadow:1px 1px 80px #e8e8e8; display:flex; flex-direction:row; flex-wrap: nowrap; justify-content:space-around; align-items: flex-start; margin-top:60px;}

div.icons-area{padding:20px; float:left;  width:20%; background:#fff; color:#333; margin-right:0px;border-right:1px solid #e8e8e8; line-height:24px; font-family: 'Roboto', sans-serif; font-weight:400; text-align:center; margin:0 auto;}
div.icons-area-last{padding:20px; float:left; width:20%; background:#fff; color:#333; margin-right:1%; line-height:24px; font-family: 'Roboto', sans-serif; font-weight:400; text-align:center;}
div.icons-area>img{max-width:60%;  margin-top:-60px; }
div.icons-area-last>img{max-width:60%;margin-top:-60px;}

div.icons-item{width:86%; max-width:1400px; margin:0 auto; box-shadow:1px 1px 80px #e8e8e8; display:flex; flex-direction:row; flex-wrap: nowrap; justify-content:space-around; align-items: flex-start; margin-top:100px;background:#fff;}
div.icons-half{padding:20px; float:left;  width:45%;color:#000; margin-right:1%;border-right:1px solid #fff; line-height:24px; font-family: 'Roboto', sans-serif; font-weight:300; text-align:center;}
div.icons-half-right{padding:20px; float:left;  width:45%;  color:#000; margin-right:1%; line-height:24px; font-family: 'Roboto', sans-serif; font-weight:300; text-align:center;}
div.icons-half>img{max-width:20%;  margin-top:-60px; }
div.icons-half-right>img{max-width:20%; margin-top:-60px; }
div.icons-half-right-in{ float:left; padding:20px; width:60%; float:right; margin-top:80px; color:#000;  line-height:24px; font-family: 'Roboto', sans-serif; font-weight:300; text-align:right;background:#e8e8e8;}
div.icons-half-right-in>img{max-width:20%; margin-top:0px; }
div.marg{height:270px; width:100%;}
div.middle-margin{width:94%; padding:3%; margin:0 auto; text-align:center; margin-top:80px; background:#e8e8e8; background-image: url(bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
	background-attachment: fixed;
	margin-bottom:100px;}
 div.center-h{width:90%; max-width:1600px; text-align:center; margin:0 auto; margin-top:100px; margin-bottom:100px;}
  div.center-m{width:90%; max-width:1600px; text-align:center; margin:0 auto;  margin-bottom:100px;}
 div.center-photo{width:90%; max-width:1600px; text-align:center; margin:0 auto; margin-top:100px; margin-bottom:20px;}

div.middle-margin-in{width:86%; padding:1%; margin:0 auto; text-align:left; margin-top:40px; font-family: 'Roboto', sans-serif}
div.middle-margin>h3{text-align:center; color:#fff;}
div.content-in{width:100%; height:auto; overflow:hidden;  display:flex; flex-direction:row; flex-wrap: nowrap; justify-content:space-around; align-items: flex-start; }
div.left-navi{float:left; height:auto; overflow:hidden; background:#333; }
ul.left-navi{margin:0; padding:0; }
li.left-navi{display:block;padding:40px;font-family: 'Montserrat', sans-serif;font-weight:700; color:#fff; text-align:left; font-size:14px; border-bottom:2px solid #fff;} 
li.left-navi:hover{display:block;padding:40px;font-family: 'Montserrat', sans-serif;font-weight:700; color:#333; background:#e8e8e8; text-align:left; border-bottom:2px solid #fff;} 
li.left-navi-active{display:block;padding:40px;font-family: 'Montserrat', sans-serif;font-weight:700; color:#333; background:#e8e8e8; text-align:left; font-size:14px; border-bottom:2px solid #fff; border-left:4px solid #e30b13;} 
p.copyright{font-size:12px; color:rgba(255,255,255,0.2); margin-top:-40px; }
div.middle-margin-id{width:100%;text-align:left; background:#e8e8e8;border-bottom:2px solid #fff;}
div.margin-in{width:86%; max-width:1400px; margin:0 auto;height:auto;overflow:hidden;color:#333; }
div.right-content{float:right;width:74%; padding-left:1%; height:auto;overflow:hidden;font-family: 'Roboto', serif; font-weight:300; line-height:24px;}
div.section-up{ width:85%;max-width:1500px; margin: 0 auto; height:auto; overflow:hidden;font-family: 'Roboto', sans-serif; margin-bottom:80px;}
div.section{ width:85%;max-width:1500px; margin: 0 auto; height:auto; overflow:hidden;font-family: 'Roboto Slab', serif; margin-top:60px;}
div.section-photo{ width:100%;max-width:1500px; margin: 0 auto; height:auto; overflow:hidden;font-family: 'Roboto Slab', serif; }
.thirds-upimg {font-family: 'Roboto Slab', serif; width: 46%; margin-top: -100px; float: left; text-align: center; line-height:26px; padding:2%; color:#393f35}
.thirds-uptxt {font-family: 'Roboto Slab', serif; width: 96%; margin-top: 20px; float: left; text-align: center; line-height:26px; padding:2%; color:#393f35; font-weight:300;}
.thirds-box-left{font-family: 'Roboto', sans-serif; width: 43.5%; margin:1%; margin-top: 70px; float: left; text-align: left; line-height:26px; padding:2%; color:#393f35; font-weight:300;}
.thirds-box-right{font-family: 'Roboto Slab', serif; width: 43.5%; margin:1%; margin-top: 70px; float: left; text-align: left; line-height:26px; padding:2%; color:#393f35; font-weight:300;}
.thirds-box-left>img{border-radius: 50%;
    width: 90%;
box-shadow: 1px 1px 40px #d4d4d4;filter: sepia(50%);}
.thirds-up {font-family: 'Roboto Slab', serif; width: 43.5%; margin:1%; margin-top: 70px; float: left; text-align: center; line-height:26px; padding:2%; color:#393f35;  border-radius:20px; background: rgb(250,250,250);
background: linear-gradient(90deg, rgba(250,250,250,1) 0%, rgba(239,239,239,1) 35%, rgba(250,250,250,1) 71%); font-weight:300; border:1px solid #e8e8e8;}
.thirds-box-right>img{border-radius: 50%;
    width: 90%;
box-shadow: 1px 1px 40px #d4d4d4; float:right; filter: sepia(50%); }
hr{background:#e30b13;border: none;}
hr.grey{background:#d4d4d4; height:0.1vh}

td{ border:1px solid #d8d8d8; text-align:left; padding:10px; background:#333; color:#fff;}

div.grey{width:100%; padding-top:60px; padding-bottom:120px; background:#e8e8e8; margin-top:80px; text-align:center;font-family: 'Roboto', sans-serif; font-weight:900; font-size:26px;background-image: url("bg.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center center; }
div.img{width:30%; float:left; margin-top:30px; }
div.img > img {border-radius:22px 0px 0px 22px; border-left:4px solid #e4e4e4;}
div.article{width:66%; margin-right:4%; float:left;font-family: 'Roboto', sans-serif; font-weight:400; color:#393f35; line-height:30px;}
div.article-all{width:90%; margin: 0 auto;font-family: 'Roboto', sans-serif; font-weight:400; color:#393f35; line-height:30px; text-align:center; margin-top:60px;font-size:18px;}
div.article-all>h2{text-align:center;}
div.section{ width:86%; max-width:1400px; margin: 0 auto; height:auto; overflow:hidden;font-family: 'Roboto', serif; font-weight:300;}
div.article-xl{width:90%; margin: 0 auto;font-family: 'Roboto', sans-serif; font-weight:400; color:#393f35; line-height:30px; text-align:center;font-size:18px;  border:0.0001em solid #e4e4e4; background:#fafafa; padding:40px;border-radius:24px;}
div.article-price{width:90%; margin: 0 auto;font-family: 'Roboto', sans-serif; font-weight:400; color:#393f35; line-height:30px; text-align:center;font-size:18px; }

div.article-xl>h2{text-align:center;}
div.section-in{ width:100%; margin: 0 auto; height:auto; overflow:hidden;font-family: 'Roboto', serif; font-weight:300; }
.thirds {font-family: 'Roboto', sans-serif; font-weight:900;width: 40%; margin-top: -30px; float: left; background: #fff; text-align: left; line-height:30px; padding:5%; font-weight:400;color:#333;}
.thirds-in {font-family: 'Roboto', sans-serif; font-weight:900;width: 40%; margin-top: 50px; float: left; background: #fff; text-align: left; line-height:30px; padding:5%; font-weight:400;color:#333;font-size:18px;}
.thirds-img-in{font-family: 'Roboto', sans-serif; font-weight:900;width: 46%; margin-top: 120px; float: left; background: #fff; text-align: center; line-height:30px; padding:2% 2% 2% 0%; font-weight:400;color:#333;}
.thirds-img-in>img{}
.thirds-img{font-family: 'Roboto', sans-serif; font-weight:900;width: 46%; font-size:18px;float: left; background: #fff; text-align: center; line-height:30px; padding:2%; font-weight:400;color:#333;}
.thirds-img>{filter: grayscale(60%);}
.thirds-contact{font-family: 'Roboto', sans-serif; font-weight:900;width: 46%; margin-top: 120px; float: left; background: rgb(38,0,0);
background: linear-gradient(90deg, rgba(38,0,0,0.9) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 100%); text-align: left; line-height:30px; padding:2%; font-weight:300;color:#fff; border-radius: 0px 40px 0px 80px;}
.thirds-img>p{text-align:right; padding-right:10px; background:#000SS}
.thirds-img>h4{text-align:left;}
.thirds-img>img{max-width:100%}
.thirds>h3{text-align:left;}
.thirds>p{letter-spacing:0px; }
.thirds > img {border-radius:30px;}
div.thirds> img {max-width:100%; }
div.thirds-in> img {border-radius:30px;max-width:100%}
div.clx-center{width:86%; text-align:center; max-width:1400px; margin:0 auto;}
div.about-main{width:100%; height:auto;overflow:hidden; margin:0 auto;  margin-top:-100px; }
div.about{width:100%; height:auto;overflow:hidden; margin:0 auto;   }
div.about-in{width:90%;max-width:1500px;margin:0 auto; height:auto:overflow:hidden;font-family: 'Roboto', sans-serif; font-weight:300;}
div.about-price{width:85%;max-width:1500px;margin:0 auto; height:auto:overflow:hidden;font-family: 'Roboto', sans-serif; font-weight:300;}

div.stats{float:left; width:46%; padding:1%;text-align:center; margin:1%; background:#e8e8e8; padding-top:2%; line-height:14px;}
div.stats>h3{font-family: 'Montserrat', sans-serif;font-weight:800; font-size:26px;  margin:0; padding:0; text-align:center}
div.stats>img{max-width:30%; float:left;}
div.statsplus{float:left; width:46%; padding:1%;text-align:center; margin:1%; background:#e8e8e8; padding-top:2%; line-height:14px;}

div.footer{width:100%;height:auto; overflow:hidden;  padding-bottom:1em;  background: #000; margin-top:40px;}
div.footerin{width:85%; max-width:1500px;  margin: 0 auto; font-size:14px; padding-top:2em;  color:#fff; font-family: 'Montserrat', sans-serif; font-weight:300;display:flex; flex-direction:row; flex-wrap: nowrap; justify-content:space-around; align-items: stratch; border-top:1px solid #111111;margin-top:60px;}
div.left{width:19%; float:left; text-align:left;color:#999; line-height:26px; padding-left:5%; border-left:1px solid #111111; }
div.right{width:25%; float:left; text-align:left; color:#999;}
li.footer{ font-family: 'Montserrat', sans-serif; font-weight:600; font-size:14px; color:#fff; white-space: nowrap; transition: all .4s; line-height:26px; padding-top:8px; padding-bottom:8px; border-bottom:1px solid #111;}
 p.article{background:red; padding:10px;}

iframe.map{width:65%;}
iframe.view{width:35%;}

div.item-ct{width:86%; max-width:1400px; margin:0 auto; height:auto; overflow:hidden;  color:#333;}
div.item-photo{width:100%; margin:0 auto; height:auto; overflow:hidden;  color:#333;}

div.item1{width:50%; float:left; height:auto; overflow:hidden;font-family: 'Roboto', sans-serif; font-weight:300; font-size:16px; line-height:30px; }
div.item2{width:50%; float:left; height:auto; overflow:hidden;font-family: 'Roboto', sans-serif; font-weight:300; font-size:16px; line-height:30px; color:#fff;}
div.item1>img{margin: auto; display:block;float:left;}
div.item2>img{margin: auto; display:block;float:right;}
div.item2>h2.content{color:#fff; padding-top:40px;}
div.darkgrey{width:100%; background:#333; height:auto; overflow:hidden; margin-top:80px; margin-bottom:40px;}
.galleryin {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(8, 5vw);
  grid-gap: 4px; 
  padding-top:4px;
}
.gallery {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(8, 5vw);
  grid-gap: 4px; 
  margin-top:80px;
}

.gallery__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block; 
}

.gallery__item--1 {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 3;
  margin:0;
  padding:0;

  /** Alternative Syntax **/
  /* grid-column: 1 / span 2;  */
  /* grid-row: 1 / span 2; */
}

.gallery__item--2 {
  grid-column-start: 3;
  grid-column-end: 5;
  grid-row-start: 1;
  grid-row-end: 3;
    margin:0;
  padding:0;

  /** Alternative Syntax **/
  /* grid-column: 3 / span 2;  */
  /* grid-row: 1 / span 2; */
}

.gallery__item--3 {
  grid-column-start: 5;
  grid-column-end: 9;
  grid-row-start: 1;
  grid-row-end: 6;
    margin:0;
  padding:0;

  /** Alternative Syntax **/
  /* grid-column: 5 / span 4;
  grid-row: 1 / span 5; */
}

.gallery__item--4 {
  grid-column-start: 1;
  grid-column-end: 5;
  grid-row-start: 3;
  grid-row-end: 6;
    margin:0;
  padding:0;

  /** Alternative Syntax **/
  /* grid-column: 1 / span 4;  */
  /* grid-row: 3 / span 3; */
}

.gallery__item--5 {
  grid-column-start: 1;
  grid-column-end: 5;
  grid-row-start: 6;
  grid-row-end: 9;
    margin:0;
  padding:0;

  /** Alternative Syntax **/
  /* grid-column: 1 / span 4; */
  /* grid-row: 6 / span 3; */
}

.gallery__item--6 {
  grid-column-start: 5;
  grid-column-end: 9;
  grid-row-start: 6;
  grid-row-end: 9;
    margin:0;
  padding:0;
  
  

  /** Alternative Syntax **/
  /* grid-column: 5 / span 4; */
  /* grid-row: 6 / span 3; */
}
button.logos {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

img.logos {
  display: block;
  width: 100%;
}

section.logos {
  width: 100%;
  overflow: hidden;
}

article.logos {
  display: flex;
  width: 200%;
  animation: bannermove 20s linear infinite;
}

article.paused {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

div.logos {
	margin-top:100px;
  width: 100%;
}

ul.logos {
  display: flex;
  list-style-type: none;
  padding-left: 0;
  margin: 0;
}

li.logos {
  width: 100%;
}

li.logos:nth-child(2) {
}

li.logos:nth-child(3) {
}

@keyframes bannermove {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

div.second{width:90%; max-width:1500px; margin:0 auto; height:auto; overflow:hidden;}
div.logosecond{ float:left;width:10%;padding-top:0px; padding-top:2px;}
div.navisecond{ float:right;width:90%; font-family: 'Lato', sans-serif; font-weight:500;text-align:right; color:#000; 		padding-top:8px;}
li.menu-2{display:inline; text-shadow:1px 1px 1px #222; color:#fff; transition: all .4s; font-family: 'Lato', sans-serif; font-weight:500;font-size:14px;  margin-left:20px; padding-left:10px;   white-space:nowrap;  text-align:right;}
li.menu-2:hover{color:#fff; text-shadow:none;   box-shadow: inset 5px 0 0 0 #fff; color: white; }
li.menu-last-2{ font-family: 'Lato', sans-serif; font-weight:500; font-size:16px; color:#fff; white-space: nowrap; transition: all .4s; border-radius:10px; line-height:38px; display:inline; padding:10px; padding-left:8px; margin-left:20px; background:#a40016; }
li.menu-last-2:hover{ color:#fff; white-space: nowrap; transition: all .4s;line-height:38px;}

#secondary {
    height: 60px;
   background: rgb(38,0,0);
background: #000;

    border-top: 0px solid red;
    border-left-width: 0;
    border-right-width: 0;
    position: fixed;
    top: -100px; /* = -wysokosc naglowka */
    left: 0; right: 0;
    opacity: 0;
    transition: all 0.4s;
	z-index:6;
	padding-top:5px;

}

#secondary.visible {
    top: 0;
    opacity: 1;
}

ol {
  list-style: none;
  counter-reset: steps;
  line-height:42px;
}
ol li {
  counter-increment: steps;
}
ol li::before {
  content: counter(steps);
  margin-right: 0.5rem;
  background: #810202;
  color: white;
  width: 1.6em;
  height: 1.6em;
  border-radius: 50%;
  display: inline-grid;
  place-items: center;
  line-height: 1.2em;
}
ol ol li::before {
  background: darkorchid;
}

.navbar{display:none;}
.alert{color:red; margin-bottom:20px;}
.alert-danger{color:red;margin-bottom:20px;}
.alert-success{color:green;margin-bottom:20px;}
.form-label{text-align:left; font-weight:300;font-family: 'Roboto', sans-serif;}
.form-control{width:100%; height:30px; margin-bottom:20px;}
.form-control-height{width:100%; margin-bottom:20px;}
.center{text-align:center; font-size:14px;}
.btn{padding:20px;   display: block;
  margin-right: auto;
  margin-left: auto;background: #1d3561;
    color: #fff;}
.btn-primary{padding:20px;   display: block;
  margin-right: auto;
  margin-left: auto;background: #a40016;
    color: #fff;}		
	
	
div.i4ewOd-pzNkMb-haAclf QUIbkc{display:none !important}	
	
	
@media only screen and (max-width : 1024px) {
div.slider{ width:100%; height:100px; position:static; z-index:-1;background-image: url("company.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center center; filter:brightness(1); margin-bottom:20px; }
div.shadow{display:none;}
div.shadow-in{ height:180px;}

div.nav{float:none; width:100%; height:auto; margin:0 auto;padding-top:20px;text-align:center;}
div.logo{float:none; width:100%; height:auto;margin:0 auto; text-align:center; font-family: 'Parisienne', cursive; font-size:2em;padding-top:60px;}
div.header-contact{display:none;}
hr{display:none}
ul.menu{list-style-type: none; padding:0;margin:0; width:100%; text-align:center;}
.thirds {font-family: 'Roboto', serif; font-weight:300; width: 90%; margin:0 auto; margin-top: 70px; float: none; background: #fff; text-align: center; line-height:26px; padding:2%; }
div.article{width:100%; float:none;font-family: 'Roboto', serif; font-weight:300; color:#333; line-height:26px; text-align:center;}
div.contact{width:100%; height:auto; overflow:hidden; float:none; background:#393f35;}
div.content-contact{width:85%; max-width:1500px; margin:0 auto; height:auto; overflow:hidden; }
div.reviews{width:100%; float:none; height:auto; overflow:hidden; margin:0 auto; font-family: 'Roboto Slab', serif; font-weight:100;color:#393f35; text-align:center;}
div.left{width:100%; float:none; text-align:center; line-height:26px;}
div.right{width:100%; float:none; text-align:center;}
.thirds-in {font-family: 'Roboto', serif; width: 90%; float: none; background: #fff; text-align: center; line-height:26px; margin-top:0px;font-size:18px;}
div.section{ width:85%;max-width:1500px; margin: 0 auto; height:auto; overflow:hidden;font-family: 'Roboto', serif; font-weight:300; margin-top:0px;}
li.icons > img {vertical-align:-20px; margin-right:10px; max-width:40px;}
li.icons{ font-family: 'Roboto Slab', serif; display:inline; padding:30px; text-align:center; font-weight:900; font-size:10px; color:#393f35; white-space: nowrap; transition: all .4s; line-height:90px; letter-spacing:1px;}
div.thirds> img {max-width:300px;}
h2{text-align:center; line-height:40px; font-size:28px;}
h1{font-family: 'Montserrat', sans-serif; font-weight:800; color:#ffffff; text-align:center; margin-top:100px; font-size:2em;}
p.link{width:90%; background: rgb(38,0,0);
background: linear-gradient(90deg, rgba(38,0,0,1) 0%, rgba(164,0,22,0.5074404761904762) 100%, rgba(0,0,0,1) 100%);transition: all .4s; padding:20px; color:#fff; text-align:center; margin:0 auto; margin-top:40px; font-weight:400;}
div.slider-more{ height:100px;box-shadow:none; padding:0}

div.section{margin-top:0px;}
div.icons-area{padding:20px; float:none;  width:90%; background:#fff; color:#000; margin-right:0%;border-right:none; line-height:24px; font-family: 'Roboto', sans-serif; font-weight:300; text-align:center;}
div.icons{display:block; margin-top:80px;}
div.icons-area-last{padding:20px; float:none;  width:90%; background:#fff; margin:0 auto;color:#000; margin-right:0%;border-right:none; line-height:24px; font-family: 'Roboto', sans-serif; font-weight:300; text-align:center;}

div.icons-area>img{ margin-top:0px; }
div.icons-area-last>img{ margin-top:0px; }

div.icons-half{padding:20px; float:none;  width:90%;color:#000; margin-right:1%;border-right:1px solid #fff; line-height:24px; font-family: 'Roboto', sans-serif; font-weight:400; text-align:center;}
div.icons-half-right{padding:20px; float:none;  width:90%;  color:#000; margin-right:1%; line-height:24px; font-family: 'Roboto', sans-serif; font-weight:400; text-align:center;}
div.icons-half>img{max-width:20%;  margin-top:0px; }
div.icons-half-right>img{max-width:20%; margin-top:0px; }
div.img{display:none;}
div.icons-item{display:block;}
li.logos{padding-right:30px;}
div.middle-margin{padding-bottom:40px; margin-top:40px;}
div.about{margin-top:-40px;}
div.item1{width:100%; float:none; height:auto; overflow:hidden;font-family: 'Roboto', sans-serif; font-weight:300; font-size:16px; line-height:30px; }
div.item2{width:100%; float:none; height:auto; overflow:hidden;font-family: 'Roboto', sans-serif; font-weight:300; font-size:16px; line-height:30px; color:#fff;}
div.icons-in{display:block; margin-top:80px;}
div.icons-half-right-in{width:100%;}
div.right-content{width:100%; padding-left:0%;}
li.left-navi{padding:40px;}
div.left-navi{width:100%;}
div.slider-in{padding-top:0px;}
p.motto{display:none;}
li.menu{padding-left:0px; padding:20px;}
.navbar {
  width: 100%;
  display:block;
background: rgb(38,0,0);
background: #000;
  position:absolute;
  z-index:4;
 top:0;
 position:fixed;
  
}

.nav-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 62px;
  
}

.navbar .menu-items {
  display: flex;
}

.navbar .nav-container li {
  list-style: none;
}

..nav-container a {
  text-decoration: none;
  color: #fff;
  font-weight: 500;
  font-size: 1.2rem;
  padding: 0.7rem;
}

.navbar .nav-container a:hover{
    font-weight: bolder;
}

.nav-container {
  display: block;
  position: relative;
  height: 60px;
}

.nav-container .checkbox {
  position: absolute;
  display: block;
  height: 32px;
  width: 32px;
  top: 20px;
  left: 20px;
  z-index: 5;
  opacity: 0;
  cursor: pointer;
  
}

.nav-container .hamburger-lines {
  display: block;
  height: 26px;
  width: 32px;
  position: absolute;
  top: 17px;
  left: 20px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color:#fff;
}

.nav-container .hamburger-lines .line {
  display: block;
  height: 4px;
  width: 100%;
  border-radius: 10px;
  background: #fff;
  
}

.nav-container .hamburger-lines .line1 {
  transform-origin: 0% 0%;
  transition: transform 0.4s ease-in-out;
}

.nav-container .hamburger-lines .line2 {
  transition: transform 0.2s ease-in-out;
}

.nav-container .hamburger-lines .line3 {
  transform-origin: 0% 100%;
  transition: transform 0.4s ease-in-out;
}

.navbar .menu-items {
  padding-top: 20px;
background: rgb(38,0,0);
background: #000;
  height: auto;
  width: 100%;
  transform: translate(-150%);
  display: flex;
  flex-direction: column;
  transition: transform 0.5s ease-in-out;
  text-align: center;
  font-family: 'Lato', sans-serif;
}

.navbar .menu-items li {
  margin-bottom: 1.2rem;
  font-size: 16px;
  font-weight: 500;
  margin-top:20px;
  color:#fff
}

.logonav {
  position: absolute;
  top: -7px;
  left: 80px;
  font-size: 12px;
  color: #fff;
}
.logonavcontact {
  position: absolute;
  top: -9px;
  right: 10px;
  font-size: 12px;
  color: #fff;
  font-family: 'Montserrat', sans-serif;font-weight:700; font-size:20px; padding-top:4px;
}

.nav-container input[type="checkbox"]:checked ~ .menu-items {
  transform: translateX(0);
}

.nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line1 {
  transform: rotate(45deg);
}

.nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line2 {
  transform: scaleY(0);
}

.nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line3 {
  transform: rotate(-45deg);
}

.nav-container input[type="checkbox"]:checked ~ .logo{
  display: none;
}
div.nav{display:none;}
#secondary{display:none;}
div.thirds-img{width:100%; text-align:center; margin-top:0px}
div.left{float:none; width:100%; border:none; margin: 0 auto; padding:0%}
div.right{float:none; width:100%;border:none; margin: 0 auto; padding:0%; padding-top:30px;}
div.footerin{display:block; margin-top:0px}
h2.inblack{text-align:center;}
ul.red{list-style-type:none;}
.thirds-contact{float:none; width:92%; padding:4%; border-radius:0px; margin-top:20px; border-radius:20px; text-align:center;}
.form-control{width:98%;}
.form-control-height{width:98%;}
div.statsplus{float:none; width:86%; padding:1%;text-align:center; margin:1%; background:#e8e8e8; padding-top:2%; margin:0 auto; line-height:14px; margin-top:4px;}
iframe.map{width:100%;}
iframe.view{width:100%;margin-top:2px}
h2.inwht{text-align:center;}
.form-label{text-align:center; }
div.about-price{width:100%;}
div.article-price{width:100%;}
div.flex{width:100%; height:auto; overflow:hidden; display:block; }
div.flex-box{width:92%; text-align:center; padding:4%;font-family: 'Roboto', sans-serif;
    font-weight: 400; color:#393f35; line-height:30px; float:none;}
#felx1{background-image: url(images/big/1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
	height:200px;}
	#felx1-in{display:none;}
	#felx2{background-image: url(images/big/4.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
	height:200px;}

	#felx1b{background-image: url(images/big/2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
height:200px;}
	#felx1c{background-image: url(images/big/3.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
height:200px;}
	#felx1d{background-image: url(images/big/4.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
height:200px;}
.thirds-box-left{float:none;width:94%; text-align:center;}
div.flex-mob{width:100%; height:auto; overflow:hidden; display:block; }
p.more-wht-left{ text-align:center;margin:0 auto;}
p.breadcrumbs{font-family: 'Roboto', sans-serif; text-align:center;color:#fff; text-shadow:2px 1px 3px #000;font-weight:400; line-height:16px; font-size:14px; margin-top:60px; }
div.stats>h3{font-size:20px;}
div.stats{font-size:10px; line-height:20px;}
div.about-main{margin-top:0px;}
div.center-m{margin-top:-40px;}
div.center-h{margin-bottom:20px;}
div.flex-box-in{width:90%; text-align:left; padding:4%;font-family: 'Roboto', sans-serif;    font-weight: 400; color:#393f35; line-height:30px;}
ul{text-align:left;}
div.logo{display:none;}
 div.center-photo{margin-top:40px; margin-bottom:-60px;}
ul.footer{list-style-type:none; padding:0; margin:0; text-align:center;}
div.margin{display:none;}