BODY {  min-height: 100%;  background: #ffffff;  font-size: 16px;  line-height: 1.5;  font-family: Arial, Verdana, serif;  color: #4f4f4f;
  padding-bottom: 0px;  } 

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
    
body{ font-family: "Montserrat", sans-serif!important; color: #222;  font-size: 16px; font-weight: 400;  }
    
    
    header#top {  padding-top: 20px;  position: absolute;  z-index: 2; width: 100%;  }

TD,
TH {
  padding: 8px;
}

IMG,
EMBED,
OBJECT,
VIDEO {
  max-width: 100%;
  height: auto !important;
}

IFRAME {
  max-width: 100%;
}

H1 {
  clear: both;
  font-size: 22px;
  padding-top: 0px;
  padding-bottom: 15px;
  margin: 0px;
  text-align: left;
}

H2 {
}

H3 {
}

HR {
  margin: 0px;
  padding: 0px;
  border: 0px;
  height: 1px;
  background-color: #cccccc;
}

INPUT,
SELECT {
  vertical-align: middle;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  color: #000000;
  padding: 6px;
}

TEXTAREA {
  border: 1px solid #cccccc;
  background-color: #ffffff;
  color: #000000;
  padding: 6px;
}

INPUT:focus,
INPUT:active,
TEXTAREA:focus,
TEXTAREA:active,
SELECT:focus,
SELECT:active {
  border: 1px solid #666666;
}

INPUT[type="submit"],
INPUT[type="submit"]:hover,
INPUT[type="submit"]:focus,
.btn-primary,
.btn-primary.active,
.btn-primary:active,
.btn-primary:hover,
.open > .dropdown-toggle.btn-primary {
  cursor: pointer;
  vertical-align: middle;
  margin-bottom: 2px;
  margin-top: 2px;
  border: 0px none;
  background: #275899;
  border: 1px solid #275899;
  color: #ffffff;
  padding: 6px;
  transition: all 0.2s ease-in-out;
}

INPUT[type="submit"]:hover,
.btn-primary.focus,
.btn-primary:focus {
  opacity: 0.8;
}

.bootstrap-select {
  width: 100%;
}

INPUT[type="checkbox"].styled,
INPUT[type="radio"].styled {
  margin: 0px;
  margin-right: 10px;
  border: 1px solid #275899;
  width: 15px;
  height: 15px;
  outline: 0px none;
  padding: 1px;
}

LABEL {
  font-weight: normal;
}

A {
  color: #275899;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}

A:hover {
  color: #498bf9;
  text-decoration: none;
}

A:focus {
  outline: 3px solid #000000;
 outline: 0px solid #000;
}

#menu1,
#menu1 * {
  margin: 0;
  padding: 0;
  list-style: none;
}

#g_menu {
  max-width: 100%;
  margin: auto;
}

#menu1 {
  display: block;
  margin: 0px;
  padding: 0px;
}

#menu1 LI {
  position: relative;
  white-space: nowrap;
}

#menu1 UL LI {
  width: 240px;
  white-space: normal;
  text-align: left;
}

#menu1 UL {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  display: block;
  transition: all 0.2s ease-in-out;
  -webkit-box-shadow: 3px 3px 14px rgba(0, 0, 0, 0.1);
  box-shadow: 3px 3px 14px rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.5);  border-radius: 6px;
padding-top: 5px; padding-bottom: 5px; 
}

#menu1 > LI {
  float: left;
}


#menu1 > LI.sub { margin-left: 13px;  }


#menu1 > LI:last-child a{  padding-right: 0; margin-right: 0;}

#menu1 UL UL {
  top: 0;
  left: 100%;
}

#menu1 LI:hover > UL,
#menu1 LI:focus > UL,
#menu1 LI.sfHover > UL {
  display: block;
  opacity: 1;
  z-index: 99;
  visibility: visible;
}

#menu1 A {
  display: block;
  text-decoration: none;
}

#menu1 A.item1 { position: relative; 
  border-right: 0px solid #5fadeb;
  color: #ffffff;
  background: transparent;
  padding-left: 22px;
  padding-right: 22px;
  height: 40px;
  line-height: 40px;
  font-size: 17px;
    font-weight: 500; 
    letter-spacing: 0.9px;
  text-transform: uppercase;
  transition: all 0.2s ease-in-out;
text-transform: none;
 
}

#menu1 li.sub A.item1::before {  content: "\e9c1";  position: absolute;  bottom: 0;  left:0px;    font-family: 'icomoon';  font-style: normal;
  font-weight: 400;  font-variant: normal;  text-transform: none;  line-height: 1;  text-align: center;  font-size: 16px;
  color: #fff;  text-align: left;  top: 32%; }


#menu1 LI:last-child A.item1 {
  border-right: 0px none;
}

#menu1 A.item1:hover,
#menu1 A.item1:focus,
#menu1 LI.sfHover A.item1,
#menu1 LI.sfHover A.current,
#menu1 LI.current A.item1 {
  color: #ffffff;
  background: transparent;
}

.xactive #menu1 .sub A.item1::after {
  content: "\E9C1";
  display: block;
  float: right;
  margin-left: 10px;
  font-family: icomoon;
  width: 19px;
  height: 29px;
  line-height: 29px;
  text-align: center;
  color: #000000;
}

#menu1 A.item2 {
  color: #ffffff;
  background: transparent; 
  font-weight: normal;
  font-size: 15px;
  text-align: left;
    font-weight: 500; 
 padding: 7px 10px;
  border-bottom: 0px solid #5fadeb;
  border-top: 0px none;
  transition: all 0.2s ease-in-out;
}

#menu1 A.item2:hover,
#menu1 A.item2:focus {
  color: #ffffff;
  background: rgba(238, 50, 45, 0.6);    
  transition: none;
}

#mobnav-btn {
  display: none;
  cursor: pointer;
  width: 40px;
  height: 40px;
  padding-top: 8px;
  background: none;
  border: none;
}

#mobnav-bt:hover,
#mobnav-bt:focus {
  opacity: 0.8;
}

#mobnav-btn DIV {
  height: 100%;
  position: relative;
height: 29px;
}

#mobnav-btn div SPAN {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #000000;
  opacity: 1;
  left: 0;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

#mobnav-btn div span:nth-child(1) {
  top: 2px;
}

#mobnav-btn div span:nth-child(2) {
  top: 10px;
}

#mobnav-btn div span:nth-child(3) {
  top: 18px;
}

.xactive #mobnav-btn div span:nth-child(1) {
  -webkit-transform: translateY(8px) rotate(45deg);
  -moz-transform: translateY(8px) rotate(45deg);
  -o-transform: translateY(8px) rotate(45deg);
  transform: translateY(8px) rotate(45deg);
}

.xactive #mobnav-btn div span:nth-child(2) {
  display: none;
}

.xactive #mobnav-btn div span:nth-child(3) {
  -webkit-transform: translateY(-8px) rotate(-45deg);
  -moz-transform: translateY(-8px) rotate(-45deg);
  -o-transform: translateY(-8px) rotate(-45deg);
  transform: translateY(-8px) rotate(-45deg);
}

#d_menu {
  clear: both;
  background: #f1f1f1;
}

#d_menu UL {
  list-style-type: none;
  display: table;
  padding: 0px;
  margin: auto;
}

#d_menu LI {
  list-style-type: none;
  display: block;
  padding: 0px;
  margin: 0px;
  float: left;
}

#d_menu A {
  display: block;
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 14px;
  color: #424242;
}

#d_menu A:hover,
#d_menu A:focus {
  color: #000000;
}

#top {
  padding-top: 10px;
}

#top0 { margin:0 auto; width: 1515px; padding-left: 15px; padding-right: 15px;  max-width: 98%;  }

#top1 {
  width: 100%;
  max-width: 100%;
  margin: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: auto;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

#top1_1 {
  float: left;
  text-align: left;
padding-top: 10px;
  padding-bottom: 10px;
width: 170px;
}

#top1_2 {
  float: right;
  text-align: right;
  padding-bottom: 10px;
}

#top1_lang{width: 100%;  display: flex;  flex-direction: row;  align-items: flex-end;  justify-content: flex-end;  margin-bottom: 16px; }

#top1_lang a{ text-transform: uppercase; color:#fff;   border:1px solid rgba(255, 255, 255, 0.0); padding: 2px 7px; font-size: 13px; font-weight: 400; letter-spacing: 0.4px; border-radius: 5px;   }
#top1_lang a:hover{ text-transform: uppercase; color:#fff; }

#top1_lang li.wyb a {   border:1px solid rgba(255, 255, 255, 0.4);  } 

#top1_lang li {  position: relative; }
  

#top1_lang li:last-child::before { content: ''; position: absolute; width: 100%; top: 33%; left:0px;   bottom: 19%; background: transparent;  border-left: 1px solid rgba(255, 255, 255, 0.4);  pointer-events: none;  }


#top1 .danebel { color:#fff; font-size: 15px; font-weight: 500; letter-spacing: 0.5px;  }

#top1 .danebel a { color:#fff;  position: relative;  font-size: 14px; font-weight: 500; letter-spacing: 1.2px; margin-right: 25px; text-transform: none; background: #000;  background-color: transparent;  }

#top1 .danebel a:first-child::before { content: "\ea82";  position: absolute;  bottom: 0;  right: auto;  font-family: 'icomoon';  font-style: normal;
  font-weight: 400;  font-variant: normal;  text-transform: none;  line-height: 1;  text-align: center;  font-size: 16px; 
  text-align: left;  top: 3px;  left: -15px;} 

#top1 .danebel a:hover { color:#ddd;  }


#top2 {
  clear: both;  
  min-height: 40px;
}

MAIN {
  background: #f1f1f1;
  clear: both; padding-top: 190px; 
}

#maincontent {
  width: 1400px;
  max-width: 98%;
  margin: auto;
  text-align: left;
  background: #ffffff;
  padding-top: 30px;
  padding-bottom: 30px;
}

#foot {
  clear: both;
  background: #f8fbfd;
  padding-top: 15px;
  overflow-y: auto;
background-color: #f3f3f3; 
border-top:1px solid #cfcfcf; 
}

#foot0 {
  width: 1400px;
  max-width: 98%;
  margin: auto;
  font-size: 13px;
  color: #616c7e;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: auto;
  -webkit-flex-wrap: wrap;  flex-wrap: wrap;  -webkit-justify-content: space-between; 
 justify-content: space-between;color:#5a5a5a; font-weight: 400; letter-spacing: 0.3px; max-width: 100%;  margin-left: auto;  margin-right: auto;  width: 1170px;  padding-left: 30px;  padding-right: 30px;

}

#foot0 A {
 color:#5a5a5a;
}

#foot0 A:hover,
#foot0 A:focus {
  color: #000000;
}

#foot1 {
  float: left;
  text-align: left;
  padding-bottom: 15px;
}

#foot2 {
  float: left;
  text-align: center;
  padding-bottom: 15px;
}
#foot2 a{padding-left: 10px; padding-right: 10px;   }


#foot3 {
  float: right;
  text-align: right;
  padding-bottom: 15px;
}

#l_menu {
  clear: both;
}

#l_menu .l_item1 {
  color: #ffffff;
  background: #00bac2;
  display: block;
  padding: 8px;
  border-bottom: 1px solid #ffffff;
  font-size: 16px;
}

#l_menu .l_item1:hover,
#l_menu .l_item1:focus,
#l_menu .l_item1.active {
  opacity: 0.8;
}

#l_menu .l_item2 {
  color: #000000;
  background: #b3ebed;
  display: block;
  padding: 8px;
  border-bottom: 1px solid #ffffff;
  font-size: 15px;
  padding-left: 20px;
}

#l_menu .l_item2:hover,
#l_menu .l_item2:focus,
#l_menu .l_item2.active {
  opacity: 0.8;
}

#lang_menu {
  list-style-type: none;
  display: block;
  padding: 0px;
  margin: 0px;
}

#lang_menu LI {
  display: block;
  padding: 0px;
  padding-left: 0px;
  padding-right: 0px;
  float: left;
  margin: 0px;
}

/* slider examle */

#slider {
  top: 0px;
  left: 0px;
  width: 100%;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: auto;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
  background: #666666;
}

#slider_img {
  position: absolute;
  z-index: 2;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 480px;
  overflow: hidden;
}

.slider_el {
  width: 100%;
  height: 480px;
  overflow: hidden;
  background-position: top left;
  background-repeat: no-repeat;
}

#slider_naw {
  position: absolute;
  z-index: 3;
  top: 10px;
  right: 10px;
  overflow: hidden;
}




.slider {
  width: 100%; 
max-width: 1600px;
  height: 700px;
  margin: auto;
    margin-top: auto;
  position: relative;
  margin-top: 0px;
 padding-left: 100px;

}

.slider__wrapper {
  width: inherit;
  max-width: inherit;
  height: inherit;
background: #000;
}

.slider__wrapper::before {  content: "";  background-color: transparent;  position: absolute;  background-image: url(/upload/image/ozd1.png) !important;
  background-repeat: no-repeat;  background-position: left top;  pointer-events: none;  z-index: 101;  width: 93px;  height: 114px;
    bottom: -30px;  right: 100px;  background-size: contain;  }



.slider__image {
  width: inherit;
  max-width: inherit;
  height: inherit;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #f1f1f1;
    position: relative;
}

.slider__naw {
  width: inherit;
  max-width: inherit;
  height: 4rem;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 100;
padding-left: 178px;
  bottom: 10px;  bottom: 50px;   max-width: 50%;  
}

.slider__descriptionWrapper {
  width: 100%;
  max-width: inherit;
  bottom: 0;
    text-align: center; 
  position: absolute;
    background-color: transparent;
  top: 50%;  
  left: 50%;
  z-index: 100;
    -webkit-transform:  translate(-50%, -50%);
    -moz-transform:  translate(-50%, -50%);
    -ms-transform:  translate(-50%, -50%);
    -o-transform:  translate(-50%, -50%);
    transform:  translate(-50%, -50%);

}






.slider__description {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.slider__title { padding-left: 80px;  }

.slider__title h1 { margin:0 auto; 
    font-size: 3.4375rem;
    line-height: 1.3;
    color: #fff; 
    font-weight: 700; 
    letter-spacing: -0.7px;
    margin-bottom: 0rem;
    margin-top: 0rem;
}



.slider__znak  {  width: 80px; height: 80px; background-color: #90d429; position: absolute; right: 35px; border-radius: 50%; display: flex; justify-content: center; align-items: center;  top: 55%; z-index: 101; }

.slider__znak:hover { background-color: #6da519;   }

.slider__title h1{ position: relative; text-align: left; }

.slider__title h1 span{  font-size: 2.188rem; font-weight: 700;  padding: 4px 30px;  position: relative; letter-spacing: -1px;  display: block; }

.slider__title h1::before {  content: "";   position: absolute; top:8px; bottom: 8px; left:0px; right:0px; border-left:3px solid #fff;  pointer-events: none; }



.slider__title h2{ margin:0 auto; 
    font-size: 1.75rem;
    color: #fff; 
font-weight: 700; 
    line-height: 1.5;
    letter-spacing: -0.5px;
    margin-bottom: 0.5rem;

}

.slider__title h3{ margin:0 auto; 
    font-size: 1.5rem;
        color: #fff; 
    font-weight: 300; 
    line-height: 1.3;
    letter-spacing: -0.5px;
    max-width: 720px;
    margin-bottom: 0.1rem;

}

.slider__title .przycisk1 { 
    vertical-align: super;
display: inline-block; 
background-color: #0a3930;
    font-size: 1rem;
border-radius: 30px;
color: #fff;
padding: 0.5rem 2.75rem;
    margin: 1.5rem 0.5rem;  padding-top: 0.56rem;   }

.slider__title .przycisk2 {
    vertical-align: super;
    display: inline-block; 
    background-color: #2b2b2b;
    font-size: 1rem;
    border-radius: 30px;
    color: #fff;
    padding: 0.5rem 2.75rem;
    margin: 1.5rem 0.5rem;  padding-top: 0.56rem;   }

.slider__title .przycisk1:hover { background-color: #2b2b2b;  }
.slider__title .przycisk2:hover { background-color: #0a3930;  }

.slider__button {
  margin-top: 3rem;
}
.slider__button a {
  padding: 1rem 2rem;
  font-size: 1.25rem;
  font-weight: 500;
  color: #f5f5f5;
  line-height: 1;
  background: #b3c009;
  border-radius: 0rem;
}
.slider__button a:hover {
  color: #414141;
}

.slider__list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  position: absolute;
    bottom: 35px; 
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;

 justify-content: flex-start;
  -webkit-box-align: flex-start;
  -moz-box-align: flex-start;
  -ms-flex-align: flex-start;
 

}

.slider__item {
  margin: 0 0.5rem;
}



    
    
    
.slider__item.activeSlide .slider__link {
  background-color: transparent;
border-bottom: 16px solid #f15a2b;
}

.slider__link {
  display: block;
  width: 20px;
  height: 4px;
  border-radius: 50%;
  background-color: #ffffff;
  transition: all 0.3s ease-in-out;
border-radius: 0; 
}
.slider__link:hover {
  background-color: #0a3930;

}

.slider__link {
  margin: 0;
  width: 15px;
  height: 15px;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 16px solid #55847b;
background: transparent; 
}

.slider__link:hover{
background: transparent; 
 background-color:  transparent; 
border-bottom: 16px solid #f15a2b;
}




#naw {
  display: block;
  padding: 0px;
  margin: 0px;
  list-style-type: none;
  float: left;
}

#naw LI {
  display: block;
  padding: 0px;
  margin: 0px;
  list-style-type: none;
  padding-left: 10px;
  float: left;
}

#naw LI A {
  display: block;
  float: left;
  width: 17px;
  height: 17px;
  overflow: hidden;
  background: url("../img/zm1.png") left top no-repeat;
}

#naw LI A.activeSlide,
#naw LI.activeSlide A {
  background-image: url("../img/zm2.png");
}

.nav-tabs {
  margin-bottom: 15px;
}


 

 .image-top { min-height: 900px; position: relative; background-position:center center; background-repeat:no-repeat; background-size:cover; display: flex;  flex-direction: column;  justify-content: center; overflow: unset; z-index: 1; }

.image-top:before { content: '';  position: absolute;  background-color: rgba(0, 0, 0, 0.3); width: 100%; height: 100%; pointer-events: none; }

    
    .image-top .image-top-wrap {  position: relative;  max-width: 100%;  margin-left: auto;  margin-right: auto;
  min-height: 100%;  width: 1170px;  padding-left: 30px;  padding-right: 30px; }
    
    .image-top .image-top-wrap .image-top-text {  }

    .image-top  .image-top-info { position: absolute; right: 300px; bottom: -15px; width: 138px; height:auto; display: flex; justify-content: center; align-items: center; flex-direction: column; background-color: rgba(238, 50, 45, 0.7);  border-radius: 5px; color:#fff; font-size: 13px; font-weight: 400; line-height: 26px; letter-spacing: 0.7px;  padding-top: 17px; padding-bottom: 35px;  padding-left: 10px;
  padding-right: 10px;   width: auto; }

.image-top  .image-top-info b{    font-size: 40px; font-weight: 600; line-height: 32px; letter-spacing: 0px;  }
    
    .image-top .image-top-wrap h1 { color:#fff; font-size: 80px;  font-weight: 600; letter-spacing: -0.5px; line-height: 90px; }

    .image-top .image-top-wrap a { font-size: 14px; font-weight: 500; letter-spacing: 0.3px; background-color: rgba(0, 0, 0, 0.5); border-radius: 10px; padding: 10px 20px; padding-right: 40px;  display: inline-block; color:#fff; position: relative; }
    
    .image-top .image-top-wrap a:hover{  background-color: rgba(238, 50, 45, 0.7); }
    

   .image-top .image-top-wrap a::before {  content: "";  position: absolute;  bottom: 0;  right: 17px;  font-family: 'icomoon';
  font-style: normal;  font-weight: 400;  font-variant: normal;  text-transform: none;  line-height: 1;  text-align: center;
  font-size: 16px;  color: #fff;  text-align: left;  top: 35%; }


    
    
        .produkty-top { min-height: 130px; position: relative; background-position: center bottom;  background-repeat: no-repeat;  background-size: cover; display: flex;  flex-direction: column;  justify-content: center; background-color: #f6f6f6;  padding-top: 80px; padding-bottom: 170px; position: relative; }

 .produkty-top::before { content:''; position: absolute; bottom: 0;  background-color: transparent; width: 100%; height: 175px; background-image: url(../img/fala9.png);  background-position: center bottom;  background-repeat: no-repeat; background-size: 100%; pointer-events: none;   }
    
    .produkty-top .produkty-top-wrap {  position: relative;  max-width: 100%; margin-left: auto;  margin-right: auto;
  min-height: 100%;  width: 1170px;  padding-left: 30px;  padding-right: 30px; }
    
    .produkty-top .produkty-top-wrap   ul { padding: 0; margin: 0; list-style: none; }
    
    .produkty-top .produkty-top-wrap   h2 { font-size: 28px; line-height: 1.1; font-weight: 500; color:#000;  }
    
    .produkty-top .produkty-top-wrap   ul li{ background-color: #fff; display: inline-block; width: 48%; margin: 1%; border-radius:5px ;  box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1);  position: relative; transition: all 0.2s ease-in-out;}

.produkty-top .produkty-top-wrap ul li:hover { box-shadow: 0 10px 15px -3px rgba(0,0,0,0.2); transition: all 0.2s ease-in-out; }

.produkty-top .produkty-top-wrap ul li a { display: inline-block;  width: 100%;  height: 100%;  display: flex; flex-wrap: wrap; align-items: center; } 

.produkty-top .produkty-top-wrap ul li:hover h3{ color: #e32225; }

.produkty-top .produkty-top-wrap   ul li:nth-of-type(1)::before { content: '';  position: absolute; background-color: transparent;
  width: 50%;  height: 100%;  background-image: url(../img/ico-lody.png);  background-position: center center;  background-repeat: no-repeat;  pointer-events: none;  opacity: 1;  } 


.produkty-top .produkty-top-wrap   ul li:nth-of-type(2)::before { content: '';  position: absolute; background-color: transparent;
  width: 50%;  height: 100%;  background-image: url(../img/ico-mrozonki.png);  background-position: center center;  background-repeat: no-repeat;  pointer-events: none;  opacity: 1;  } 

    
    .produkty-top .produkty-top-wrap   h3 {  margin: 0; padding: 0; display: inline-block;  width: 40%;  text-align: center;  font-size: 30px; font-weight: 500; color:#000;  line-height: 1.1;  }
    
      



.image-logos { margin-top: -20px; border-bottom: 1px solid #f0f0f0;  overflow: hidden;  }

.image-logos .image-logos-wrap { position: relative;  max-width: 100%;  margin-left: auto;  margin-right: auto;
  min-height: 100%;  width: 1170px;  padding-left: 30px;  padding-right: 30px;   overflow: hidden; } 

.image-logos  .image-logos-title { color:#000;  font-size: 18px; font-weight: 500; line-height: 26px; letter-spacing: 0; margin-bottom: 36px;  }

.image-logos .image-logos-wrap ul { list-style: none;  list-style: none;  display: flex;  flex-direction: row;  justify-content: space-between;  align-items: center;  padding: 0;  margin: 0; justify-content: center; }

.image-logos .image-logos-wrap ul li { display: inline-block; padding: 24px;  }

.logos_slider { }
.logos_slider .logos__wrapper { width: 100%; height: 114px; min-width: 100%; }
.logos_slider .cycle-carousel-wrap { }
.logos_slider .cycle-slide { padding-left:34px; padding-right: 34px; }
.logos_slider .cycle-slide img{ }





.section-offer { position: relative; margin-top: 0px; padding-top: 95px; padding-bottom: 35px;  }


.section-offer::before { content:''; position: absolute; bottom: 0;   background: linear-gradient(180deg,rgba(255, 255, 255, 1) 60%, rgba(243, 243, 243, 1) 60%);    width: 100%; height: 70%; background-image: url(../img/ofertatlo.png);  background-position: center bottom;  background-repeat: no-repeat; background-size: 100%; pointer-events: none;  }

.section-offer .section-offer-wrap { position: relative;  max-width: 100%;  margin-left: auto;  margin-right: auto;
  min-height: 100%;  width: 1170px;  padding-left: 30px;  padding-right: 30px;  flex-direction: column; }

.section-offer  .section-offer-title {  color:#000; font-size: 28px; font-weight: 500; line-height: 26px; letter-spacing: 0; margin-bottom: 56px;  }

.section-offer  .section-offer-box-all {   display: flex; flex-direction: row;   }

.section-offer  .section-offer-box-a { width: 270px;  max-width: 270px; display: flex; flex-direction: column; flex-wrap: wrap; min-width: 270px; }

.section-offer  .section-offer-box-a ul{ margin: 0; padding: 0; list-style: none; }

.section-offer  .section-offer-box-a ul li{  padding: 7px 15px; color:#000; font-size: 16px; font-weight: 500;  letter-spacing: 0.5px; border-radius: 5px;
  box-shadow: 0px  0px 3px 0px rgba(0,0,0,0.2); margin-bottom: 8px; position: relative; cursor: pointer; }

.section-offer  .section-offer-box-a ul li:hover {    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.4);   }


.section-offer  .section-offer-box-a ul li:hover::before {  content: "";  position: absolute;  bottom: 0;  right: 17px;  font-family: 'icomoon';   font-style: normal;  font-weight: 400;  font-variant: normal;  text-transform: none;  line-height: 1;  text-align: center;
  font-size: 16px;  color: #ff2826;  text-align: left;  top: 35%; }

.section-offer  .section-offer-box-a ul li.ope::before {  content: "";  position: absolute;  bottom: 0;  right: 17px;  font-family: 'icomoon';   font-style: normal;  font-weight: 400;  font-variant: normal;  text-transform: none;  line-height: 1;  text-align: center;
  font-size: 16px;  color: #ff2826;  text-align: left;  top: 35%; }


.section-offer  .section-offer-box-b { display: none; flex-direction: row; flex-wrap: wrap;    } 



.section-offer-box-b.open  { display: flex;   } 

.section-offer  .section-offer-box-allb { display: flex; flex-direction: column; flex-wrap: wrap; margin-top: -10px; width: 100%; }

.section-offer .section-offer-box-aa{ width: 58%;  padding-left: 50px;  font-size: 16px;  font-weight: 400;   
  line-height: 26px;  color: #424242;  padding-right: 10px;  }

.section-offer .section-offer-box-aa h2{ font-size: 60px; font-weight: 600; line-height: 1; color: #000; letter-spacing: -1.2px; margin-bottom: 65px;   }

.section-offer .section-offer-box-aa img{ margin-bottom: 30px;   }


.section-offer .section-offer-box-bb{ width: 42%; padding-top: 55px;  }


.section-offer  .section-offer-box-allb a { font-size: 14px; font-weight: 500; letter-spacing: 0.5px; background-color:#595959;   border-radius: 10px; padding: 10px 20px; padding-right: 40px;  display: inline-block; color:#fff; position: relative; min-width: 200px; }
    
.section-offer  .section-offer-box-allb a:hover{  background-color: #e32225;  background-color:  #444;  }


    

.section-offer  .section-offer-box-allb a::before {  content: "";  position: absolute;  bottom: 0;  right: 17px;  font-family: 'icomoon';   font-style: normal;  font-weight: 400;  font-variant: normal;  text-transform: none;  line-height: 1;  text-align: center;
  font-size: 16px;  color: #fff;  text-align: left;  top: 35%; }



.section-offer  .section-offer-box-allb a:nth-of-type(1)  {  background-color: #e32225; margin-right: 5px;  }
.section-offer  .section-offer-box-allb a:nth-of-type(1):hover  {  background-color:  #444;   }








.section-inspirations { padding-top: 40px; padding-bottom: 85px; background-color: #f3f3f3;   }

.section-inspirations .section-inspirations-wrap { position: relative;  max-width: 100%;  margin-left: auto;  margin-right: auto;
  min-height: 100%;  width: 1170px;  padding-left: 30px;  padding-right: 30px;  flex-direction: column; }


.section-inspirations .section-inspirations-wrap  ul {  padding: 0;  margin: 0;  list-style: none; margin-left: -1%;  margin-right: -1%; margin-bottom: 27px;}
.section-inspirations .section-inspirations-wrap  ul > li { display: inline-block; width: 31%; margin: 1%;  width: 31.33%; }

.section-inspirations .section-inspirations-wrap  ul > li:hover {  box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.4); }

.section-inspirations .section-inspirations-wrap  ul > li img { border-radius: 5px;  overflow: hidden; }

.section-inspirations  .section-inspirations-title {  color: #000; font-size: 28px;  font-weight: 500;  line-height: 26px;  letter-spacing: 0; 
    margin-bottom: 23px; }

.section-inspirations  .section-inspirations-more {  }
.section-inspirations  .section-inspirations-more a{  }


.section-inspirations  .section-inspirations-more a { font-size: 14px; font-weight: 500; letter-spacing: 0.3px; background-color:#595959;   border-radius: 10px; padding: 12px 20px; padding-right: 40px;  display: inline-block; color:#fff; position: relative; min-width: 200px;  }
    
.section-inspirations  .section-inspirations-more a:hover{  background-color: #e32225; }
    

 .section-inspirations  .section-inspirations-more a::before {  content: "";  position: absolute;  bottom: 0;  right: 17px;  font-family: 'icomoon';   font-style: normal;  font-weight: 400;  font-variant: normal;  text-transform: none;  line-height: 1;  text-align: center;
  font-size: 16px;  color: #fff;  text-align: left;  top: 35%; }




.section-numbers{ background-color: #000;  position: relative;  background-position: center bottom;  background-repeat: no-repeat;  display: flex;  flex-direction: column;  justify-content: center;  background-size: cover; min-height: 575px; 
background-color: rgba(0, 0, 0, 0.2);   background-blend-mode: overlay; }


 

.section-numbers::before { content:''; position: absolute; bottom: 0;  background-color: transparent; width: 100%; height: 175px; background-image: url(../img/fala9.png);  background-position: center bottom;  background-repeat: no-repeat; background-size: 100%; pointer-events: none;   }

.section-numbers  .section-numbers-wrap{ position: relative;  max-width: 100%; margin-left: auto;  margin-right: auto;
  min-height: 100%;  width: 1170px;  padding-left: 30px;  padding-right: 30px;  flex-direction: column; color:#fff; }

.section-numbers  .section-numbers-wrap  ul {  padding: 0;  margin: 0;  list-style: none;  display: flex;  flex-direction: row;  flex-wrap: wrap;  justify-content: space-around; }
.section-numbers  .section-numbers-wrap  ul > li { display: inline-block; width: 31.33%; margin: 1%; text-align: center; width: auto; padding: 20px;  padding-bottom: 130px;  }

.section-numbers  .section-numbers-wrap  ul > li h2 { font-size: 60px; line-height: 1.1; font-weight: 600; letter-spacing: 0px; margin-bottom: 30px; }
.section-numbers  .section-numbers-wrap  ul > li p { font-size: 16px; line-height: 1.1; font-weight: 500; letter-spacing: 0.5px; min-height: 36px; }

.section-numbers  .section-numbers-wrap  ul > li img { border-radius: 5px;  overflow: hidden; } 

 




.section-production { padding-top: 40px; padding-bottom: 40px; z-index: 1;  position: relative; }

.section-production .section-production-wrap { position: relative;  max-width: 100%; margin-left: auto;  margin-right: auto;
  min-height: 100%;  width: 1170px;  padding-left: 30px;  padding-right: 30px;  flex-direction: column; }


.section-production  .section-production-box-a h2 {color: #000; font-size: 28px; font-weight:500; line-height: 26px; letter-spacing: 0; margin-bottom: 36px; }


.section-production .section-production-box-all { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between;
  align-items: flex-start; }

.section-production .section-production-box-a { width: 50%;   color:#424242; font-size: 15px; font-weight: 500; line-height: 26px; letter-spacing: 0.4px;  padding-right: 35px; padding-top: 20px;  }

.section-production .section-production-box-a .more{ opacity: 0.0; height: 0px; overflow: hidden; transition: all 0.2s ease-in-out;  }
.section-production .section-production-box-a.act .more{ opacity: 0.9;  height: auto;  transition: all 0.2s ease-in-out;  }

.section-production .section-production-box-a a { font-size: 14px; font-weight: 500; letter-spacing: 0.3px; background-color:#595959;   border-radius: 10px; padding: 10px 20px; padding-right: 40px;  display: inline-block; color:#fff; position: relative; border: 0;  min-width: 200px; margin-top: 20px;   } 
    
.section-production .section-production-box-a a:hover{  background-color: #e32225; }
    

.section-production .section-production-box-a a::before {  content: "";  position: absolute;  bottom: 0;  right: 17px;  font-family: 'icomoon';   font-style: normal;  font-weight: 400;  font-variant: normal;  text-transform: none;  line-height: 1;  text-align: center;
  font-size: 16px;  color: #fff;  text-align: left;  top: 35%; }

.section-production .section-production-box-a a.zwin::before {  content: "";   transform: rotate(180deg); bottom: auto; }

.section-production .section-production-box-a.act .rozwin{ display: none; }



.section-production .section-production-box-b {  width: 50%;  text-align: right;   }

.section-production .section-production-box-b .section-production-img2{    }
.section-production .section-production-box-b .section-production-img2 img{ border-radius: 10px; max-width: 100%; height: auto;    }









.section-news {position: relative; padding-top: 390px; padding-bottom: 110px;    min-height: 580px; margin-top: -185px; }

.section-news::before { content:''; position: absolute; bottom: 0;   background: linear-gradient(180deg,rgba(255, 255, 255, 1) 60%, rgba(243, 243, 243, 1) 60%);    width: 100%; height: 70%; background-image: url(../img/ofertatlo.png);  background-position: center top;  background-repeat: no-repeat; background-size: 100%; pointer-events: none;   }

.section-news .section-news-wrap { position: relative;  max-width: 100%; margin-left: auto;  margin-right: auto;
  min-height: 100%;  width: 1170px;  padding-left: 30px;  padding-right: 30px;  flex-direction: column; }


.section-news  .section-news-title{color: #000; font-size: 28px; font-weight:500; line-height: 26px; letter-spacing: 0; margin-bottom: 44px; }

.section-news .section-news-group {   }

.section-news .section-news-group a{ padding: 7px 15px;  color: #000;  font-size: 16px;  font-weight: 500;  letter-spacing: 0.5px;  border-radius: 5px; display: inline-block;  min-width: 205px; background-color: #fff; 
  box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);  margin-bottom: 8px;  position: relative;  cursor: pointer; padding-right: 40px; margin-right: 10px;  }


.section-news .section-news-group a:hover {  box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.4); }


.section-news .section-news-group a::before {  content: "";  position: absolute;  bottom: 0;  right: 17px;  font-family: 'icomoon';  font-style: normal;
  font-weight: 400;  font-variant: normal;  text-transform: none;  line-height: 1;  text-align: center;  font-size: 16px;  color: #ff2826;  text-align: left;
  top: 33%; }


.section-news .section-news-box-all { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between;
  align-items: flex-start; padding-top: 27px;  }
 

.section-news .section-news-box-all ul {  width: 100%; list-style: none; padding:0; margin: 0; margin-left: -2%; margin-right: -2%;  }

.section-news .section-news-box-all ul li{ width: 46%; margin: 2%; max-width: 46%;  display: inline-block; }

.section-news .section-news-box-all ul li .img2{ width: 40%; max-width: 40%; margin-right: 5%; display: inline-block; vertical-align: top;}
.section-news .section-news-box-all ul li .text2{ width: 55%; max-width: 55%;  display: inline-block; vertical-align: top; }

.section-news .section-news-box-all ul li .text2 { font-size: 15px; color:#424242; font-weight: 400; letter-spacing: 0.5px; line-height: 26px; margin-top: -6px;  }

.section-news .section-news-box-all ul li .text2 h3{ font-size: 18px; color:#000; font-weight: 500; letter-spacing: 0.5px;  }

.section-news .section-news-box-all ul li a{ display: inline-block; }
.section-news .section-news-box-all ul li:hover h3{ color: #e32225;  }
.section-news .section-news-box-all ul li:hover .img2 {  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);   }

 
.section-news .section-news-box-all ul li { display: none; }
.section-news .section-news-box-all ul li:nth-child(-n+2) { display: inline-block; }


        .produkty-top1 { min-height: 130px; position: relative; background-position: center center;  background-repeat: no-repeat;  background-size: cover; display: flex;  flex-direction: column;  justify-content: center; background-color: #f6f6f6;  }
    
    .produkty-top1 .produkty-top-wrap1 {  position: relative;  max-width: 1170px;  margin-left: auto;  margin-right: auto;
  min-height: 100%;  width: 1170px;  padding-left: 30px;  padding-right: 30px; }
    


.section-tworzymy{ min-height: 770px; position: relative;  background-position: center bottom;  background-repeat: no-repeat;  display: flex;  flex-direction: column;  justify-content: center;  background-size: cover; justify-content: flex-start; 
background-color: rgba(0, 0, 0, 0.1);   background-blend-mode: overlay;
}

.section-tworzymy::before { content:''; position: absolute; bottom: 0;  background-color: transparent; width: 100%; height: 175px; background-image: url(../img/fala9.png);  background-position: center bottom;  background-repeat: no-repeat; background-size: 100%; pointer-events: none;   }

.section-tworzymy  .section-tworzymy-wrap{ position: relative;  max-width: 100%;  margin-left: auto;  margin-right: auto;
  min-height: 100%;  width: 1170px;  padding-left: 30px;  padding-right: 30px;  flex-direction: column; color:#fff; }


.section-tworzymy  .section-tworzymy-text {  padding-top: 140px; }

.section-tworzymy  .section-tworzymy-wrap h2 { font-size: 60px; line-height: 1.1; font-weight: 600; letter-spacing: -0.5px; margin-bottom: 50px; }
.section-tworzymy  .section-tworzymy-wrap h3  { font-size: 16px; line-height: 1.1; font-weight: 500; letter-spacing: 0.5px; text-align: center; padding-top: 70px; }
.section-tworzymy  .section-tworzymy-wrap h3 strong { font-size: 60px; line-height: 1.1; font-weight: 600; letter-spacing: -0.5px; display: block;   margin-bottom: 10px;}

.section-tworzymy  .section-tworzymy-wrap p { max-width: 630px; color:#fff; font-size: 18px; font-weight: 400;  line-height: 26px; letter-spacing: -0.3px; }

 

.section-wyroznienia { padding-bottom: 20px;  }

.section-wyroznienia .section-wyroznienia-title {  color: #000;  font-size: 18px;  font-weight: 500;  line-height: 26px;
  letter-spacing: 0;    }

.section-wyroznienia .section-wyroznienia-wrap { position: relative;  max-width: 100%;  margin-left: auto;  margin-right: auto;
  min-height: 100%;  width: 1170px;  padding-left: 30px;  padding-right: 30px;  flex-direction: column; }

.section-wyroznienia .section-wyroznienia-wrap ul { list-style: none;  list-style: none;  display: flex;  flex-direction: row;  justify-content: space-between;  align-items: center;  padding: 0;  margin: 0; justify-content: center; flex-wrap: wrap; }

.section-wyroznienia .section-wyroznienia-wrap ul li { display: inline-block; padding: 24px;  }



#comm_info { justify-content: center; } 


.stopka { display: flex;  flex-direction: column; justify-content: flex-start;  background-color: #f3f3f3; padding-top: 57px; padding-bottom: 55px; }

.stopka .stopka-wrap{ position: relative;  max-width: 100%;  margin-left: auto;  margin-right: auto;
  min-height: 100%;  width: 1170px;  padding-left: 30px;  padding-right: 30px;  flex-direction: row; display: flex;
  justify-content: space-between;  align-items: flex-start;  flex-wrap: wrap; }

.stopka  .stopka-box {  display: inline-block; width: 23%; margin: 1%;   padding: 0px;  width: auto;  line-height: 30px;  letter-spacing: 0.3px; font-weight: 500;  }

.stopka  .stopka-box a{ color:#323232;   }
.stopka  .stopka-box a:hover{ color:#d81f23;   }


.stopka  .stopka-box a i.icon-phone2{ color:#d81f23; margin-right: 5px;   }
.stopka  .stopka-box a i.icon-envelop{ color:#d81f23;   margin-right: 5px;  }

.stopka  .stopka-box a i.icon-facebook2{ color:#a1a1a1;  font-size: 22px;  }
.stopka  .stopka-box a i.icon-youtube{ color:#9d9d9d;  font-size: 28px;  }


.stopka  .stopka-box  h3{ font-size: 24px; color:#3c3c3c;  font-weight: 500;  letter-spacing: -0.8px; margin-bottom: 25px;  }

.stopka  .stopka-box  ul{  list-style: none; padding: 0; margin: 0; }




.stopka  .sto1 {  max-width: 240px; }
.stopka  .sto1 h3 {   line-height: 29px;}
.stopka  .sto1  img { padding-top: 10px;   padding-bottom: 12px; } 
 
    
.stopka  .sto2 {   max-width: 200px; }
.stopka  .sto3 {  position: relative;  margin-left: -1%;  }

 

 

.section-lody-top { min-height: 540px;  position: relative;  background-position: center bottom;  background-repeat: no-repeat;
  background-size: cover;  display: flex;  flex-direction: column;  justify-content: center;  overflow: unset;  z-index: 1; width: 100%; min-height: 645px; background-color: #000; }

.section-lody-top::before { content: '';  position: absolute;  background-color: rgba(0, 0, 0, 0.4);  width: 100%; height: 100%;  pointer-events: none; }


.section-lody-top .section-lody-top-wrap{ position: relative;  max-width: 100%;  margin-left: auto;  margin-right: auto;  min-height: 100%;  width: 1170px;  padding-left: 30px;  padding-right: 30px;  flex-direction: column;  }

.section-lody-top  .section-lody-top-text{ font-size: 55px; line-height: 90px; letter-spacing: -0.5px; color:#fff;  font-weight: 600; text-align: center;  padding-top: 60px; padding-bottom: 20px;   }


.section-lody-top  .section-lody-top-info {  position: absolute;  right: 300px;  bottom: -15px;  width: 138px;
  height: auto;  display: flex;  justify-content: center;  align-items: center;  flex-direction: column;  background-color: rgba(238, 50, 45, 0.7);  border-radius: 5px;  color: #fff;  font-size: 13px;  font-weight: 400;  line-height: 26px;  letter-spacing: 0.7px;  padding-top: 17px;
  padding-bottom: 40px;  width: auto; padding-left: 5px; padding-right: 5px; }


.section-lody-top  .section-lody-top-info b {  font-size: 40px;  font-weight: 600;  line-height: 32px;  letter-spacing: 0px; }






.section-podlody  {position: relative; padding-top: 40px; padding-bottom: 150px; background-color: transparent;  overflow: hidden; }


.section-podlody::before { content: '';  position: absolute;  bottom: 0;  background-color: transparent;  width: 100%;
  height: 210px;  background-image: url(../img/lodytlodol.png);  background-position: center bottom;  background-repeat: no-repeat;
  background-size: 100%;  pointer-events: none; }



.section-podlody .section-podlody-wrap { position: relative;  max-width: 100%;  margin-left: auto;  margin-right: auto;
  min-height: 100%;  width: 1170px;  padding-left: 30px;  padding-right: 30px;  flex-direction: column; }

.section-podlody .section-podlody-wrap h2{margin: 0; padding: 0; color: #000; font-size: 28px; font-weight: 500; line-height: 26px;  letter-spacing: 0;   margin-bottom: 32px;}

.section-podlody .section-podlody-wrap  ul {  padding: 0;  margin: 0;  list-style: none; margin-left: -1%;  margin-right: -1%; margin-bottom: 27px;  display: flex;  flex-direction: row;  flex-wrap: wrap;  justify-content: flex-start;  align-items: stretch; }

.section-podlody .section-podlody-wrap  ul > li { display: inline-block; width: 23%; margin: 1%;  width: 23%; text-align: center;  margin-bottom: 58px; }

.section-podlody .section-podlody-wrap  ul > li .img2 { border-radius: 8px;  box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2); height: 100%;  width: 100%;  display: flex;  justify-content: center;  align-items: center; background-color: #fff; overflow: hidden;  }

.section-podlody .section-podlody-wrap  ul > li .img2:hover { box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.4);   }

.section-podlody .section-podlody-wrap  ul > li img { max-width: 100%; height: auto;   }
.section-podlody .section-podlody-wrap  ul > li a { display: inline-block; height: 100%;  width: 100%; display: flex; flex-direction:column; }
.section-podlody .section-podlody-wrap  ul > li p { font-size: 16px; font-weight: 500; color:#000; padding-top: 15px;    }


.section-podlody .section-podlody-wrap  ul > li .img2 p { margin-top: 10px; margin-bottom: 10px; padding: 30px 10px;    }

.section-podlody .section-podlody-wrap  ul > li:hover p {  color:#d81f23;  }


  

.section-szuk  { position: relative; padding-top: 50px; padding-bottom: 110px; background-color: transparent;   }

.section-szuk::before { content: '';  position: absolute;  top: 0;  background-color: transparent;  width: 100%;
  height: 340px;  background-image: url(../img/lodytlogora.png);  background-position: center top;  background-repeat: no-repeat;
  background-size: 100%;  pointer-events: none; }

.section-szuk .section-szuk-wrap { position: relative;  max-width: 100%;  margin-left: auto;  margin-right: auto;
  min-height: 100%;  width: 1170px;  padding-left: 30px;  padding-right: 30px; display: flex; flex-direction: column;  text-align: center; align-items: center;  }

.section-szuk .section-szuk-box{ max-width: 100%;   width: 750px;   }

.section-szuk .section-szuk-box .input-group-btn{ position: relative; left:-20px; }

.section-szuk .section-szuk-box .input-group-btn::before {  content: "\e98e";  position: absolute;  bottom: auto;  right: auto; left: 0; font-family: 'icomoon';  font-style: normal;  font-weight: 400;  font-variant: normal;  text-transform: none;  line-height: 1;  text-align: center;   font-size: 22px;  color: #888888;  text-align: left;  top: 35%; left: -30px;  z-index: 3;   pointer-events: none; }


.section-szuk .section-szuk-box .input-group-btn button { opacity: 0.0; width: 40px; height: 100%;  position: absolute; padding: 0; margin: 0; overflow: hidden; right: 0; z-index: 3; }  

.section-szuk .section-szuk-box #art_szuk {padding: 32px 30px; border-radius: 8px;  border:1px solid #b0b0b0;  font-size: 21px; font-weight: 400; color: #000;  }






.section-podlody-child  {position: relative; padding-top: 40px; padding-bottom: 150px; background-color: #f3f3f3;  padding-bottom: 80px; } 

.section-podlody-child::after {  content: '';  position: absolute;  bottom: 0;  background-color: transparent;  width: 100%;
  height: 100%;  background-image: url(../img/lodyc.png);  background-position: center top;  background-repeat: no-repeat;
  background-size: 100%;  pointer-events: none;  border-top: 50px solid #fff;  }

  
 

.section-podlody-child .section-podlody-child-wrap { position: relative;  max-width: 100%;  margin-left: auto;  margin-right: auto;
  min-height: 100%;  width: 100%;   z-index: 1;}

.section-podlody-child .section-podlody-child-wrap  h2{margin: 0; padding: 0; color: #000; font-size: 28px; font-weight: 500; line-height: 26px;  letter-spacing: 0;   margin-bottom: 10px; margin-bottom: 25px; } 

.section-podlody-child .section-podlody-child-wrap  h3{margin: 0; padding: 0; color: #000; font-size: 20px; font-weight: 400; line-height: 26px;  letter-spacing: 0;   margin-bottom: 40px;}

 
.section-podlody-child  .section-podlody-child-box-text { font-size: 15px;    }
.section-podlody-child  .section-podlody-child-box-text li { margin-bottom: 20px;   }

.section-podlody-child  .section-podlody-child-box-text strong { display: inline-block;  margin-bottom: 3px; font-weight: 600;   }


.section-podlody-child  .section-podlody-child-row { position: relative; display: flex;  flex-direction: row; flex-wrap: wrap; 
     min-height: 740px; padding-top: 10px;  min-height: auto; }


.section-podlody-child  .section-podlody-child-row::before {  content: '';  position: absolute;  bottom: auto;  background-color: transparent;
  width: 100%;  height: 100%;    background-position: center center;  background-repeat: no-repeat;
  background-size: 100%;  pointer-events: none;  background-position: 50% 0px; opacity: 1; 
    background-image: url(../img/falaccc.png);  background-position: 50% 0px; display: none; }
 
.section-podlody-child  .section-podlody-child-row:nth-of-type(1)::before { display: none; }
 

.section-podlody-child  .section-podlody-child-row-ins { position: relative; display: flex;  flex-direction: row; flex-wrap: wrap;  max-width: 100%;  margin-left: auto;  margin-right: auto;  min-height: 100%;  width: 1170px;  padding-left: 30px;  padding-right: 30px;  padding-top: 100px; }

.section-podlody-child .section-podlody-child-boxa { width: 50%; display: flex;  flex-direction: column;  justify-content: center;  align-items: flex-start; }

.section-podlody-child .section-podlody-child-boxb { width: 50%;  padding-left: 20px;  display: flex;  flex-direction: column;  justify-content: center; align-items: center; }

.section-podlody-child .section-podlody-child-boxc { width: 100%;   }

.section-podlody-child .section-podlody-child-boxa a.war {  font-size: 15px; font-weight: 600;  letter-spacing: 0px;  background-color: #aaa;  border-radius: 5px;  padding: 7px 30px;    padding-right: 20px;  padding-right: 50px;  display: inline-block;  color: #fff;  position: relative;  min-width: 210px;  box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2); margin-right: 10px; background-color: #595959; }

.section-podlody-child .section-podlody-child-boxa a.war:hover {  background-color: #e32225;  background-color: #444; }

.section-podlody-child .section-podlody-child-boxa a.war::before {  content: "";  position: absolute;  bottom: 0;  right: 25px;  font-family: 'icomoon';  font-style: normal;  font-weight: 400;  font-variant: normal;  text-transform: none;  line-height: 1;  text-align: center;  font-size: 16px;  color: #fff;  text-align: left;  top: 35%;  }   


.section-podlody-child .section-podlody-child-boxa a.ale {  font-size: 15px; font-weight: 600;  letter-spacing: 0px;  background-color: #fff;  border-radius: 5px;  padding: 7px 30px;    padding-right: 20px;  padding-right: 50px;  display: inline-block;  color: #424242;  position: relative;  min-width: 155px;  box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2); margin-right: 10px; }

.section-podlody-child .section-podlody-child-boxa a.ale:hover {  background-color: #444; color: #fff;  }

.section-podlody-child .section-podlody-child-boxa a.ale::before {  content: "";  position: absolute;  bottom: 0;  right: 25px;  font-family: 'icomoon';  font-style: normal;  font-weight: 400;  font-variant: normal;  text-transform: none;  line-height: 1;  text-align: center;  font-size: 16px;  color: #e5e5e5;   text-align: left;  top: 35%;  }

.section-podlody-child .section-podlody-child-boxa a.ale:hover::before {  color: #fff;   }

.section-podlody-child .section-podlody-child-box-text p{ font-size: 15px; font-weight: 400; line-height: 26px; color:#424242; margin-bottom: 26px;   }


.section-podlody-child .section-podlody-child-boxc table { display: none; margin-bottom: 50px;  }


.section-podlody-child .section-podlody-child-row.war .section-podlody-child-boxc table.wartosci { display: table; }
.section-podlody-child .section-podlody-child-row.ale .section-podlody-child-boxc table.alergeny { display: table; }

.section-podlody-child .section-podlody-child-row.war .section-podlody-child-boxc table.wartosci  { display:none!important;  }
.section-podlody-child .section-podlody-child-row.war .section-podlody-child-boxc table.alergeny  { display:none!important; }

.section-podlody-child .section-podlody-child-row.ale .section-podlody-child-boxc table.alergeny { display:none!important; }
.section-podlody-child .section-podlody-child-row.war .section-podlody-child-boxc table.alergeny { display:none!important; }



.section-podlody.section-dopobrania2 {  position: relative;  padding-top: 55px;  padding-bottom: 90px;  }
    
    
.section-podlody.section-dopobrania2::before { display: none; }

.section-podlody.section-dopobrania2::after{  content: '';  position: absolute;  bottom: 0;  background-color: transparent;
  width: 100%;  height: 100%;  background-image: url(../img/dopobraniatlo.png);  background-position: center top;  background-repeat: no-repeat;
  background-size: 100%;  pointer-events: none; opacity: 0.5;  }


.section-podlody.section-dopobrania2 .section-podlody-wrap {  flex-direction: column;  position: relative;  display: flex;  z-index: 1; } 
    
.section-podlody.section-dopobrania2  .section-podlody-wrap ul > li p.name { font-size: 24px;  font-weight: 500;  color: #000;  padding-top: 12px; margin-bottom: 35px;  text-align: left;  line-height: 1.1; min-height: 50px;  padding-top: 17px;  }

.section-podlody.section-dopobrania2  .section-podlody-wrap ul > li .img2 {  border-radius: 0px;    box-shadow: none;  }

.section-podlody.section-dopobrania2  .section-podlody-wrap ul > li {  display: inline-block;  width: 23%;  margin: 2%;  margin-bottom: 2%;  width: 21%; }
    

.section-podlody.section-dopobrania2  .section-podlody-wrap ul > li span.link {padding: 7px 15px;  position: relative; display: inline-block; font-size: 15px;  font-weight: 600;  color:#424242;   border-radius: 5px;  box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);  margin-bottom: 8px;
   cursor: pointer; max-width: 150px; text-align: center; padding-right: 30px;  }

.section-podlody.section-dopobrania2  .section-podlody-wrap ul > li span.link::before {  content: "";  position: absolute;  bottom: 0;  right: 25px;  font-family: 'icomoon';  font-style: normal;  font-weight: 400;  font-variant: normal;  text-transform: none;  line-height: 1;  text-align: center;  font-size: 16px;  color: #e5e5e5;   text-align: left;  top: 33%;  }


.section-podlody.section-dopobrania2  .section-podlody-wrap ul > li:hover p {   color: #d81f23;  }

 
.section-podlody.section-dopobrania2  .section-podlody-wrap ul > li:hover span.link::before { color: #d81f23; }
.section-podlody.section-dopobrania2  .section-podlody-wrap ul > li:hover span.link { color: #d81f23; }


.section-podlody.section-dopobrania2  .section-podlody-wrap .img2no  { background-color: transparent;
  width: 100%;  height: 100%;  background-image: url(../img/sys/no-photo2.gif);  background-position: center center;  background-repeat: no-repeat;  background-size: auto;  pointer-events: none;  background-position: 50% 50%;  }



.section-podlody.kontaktpod2 {   }

 

.section-podlody.kontaktpod2 .section-podlody-wrap ul > li {  display: inline-block;  width: 64%;  margin: 1%;  width: 64%; text-align: left; color: #323232;  }

.section-podlody.kontaktpod2 .section-podlody-wrap ul > li:nth-of-type(1) {  display: inline-block;  width: 31%;  margin: 1%;  width: 31%; }
 

.section-podlody.kontaktpod2  .section-podlody-wrap ul > li a { display: inline-block; width: auto; color: #323232; }

.section-podlody.kontaktpod2  .section-podlody-wrap ul > li a i.icon-facebook2 {  color: #a1a1a1;  font-size: 22px; }

.section-podlody.kontaktpod2  .section-podlody-wrap ul > li a i.icon-youtube {  color: #9d9d9d;  font-size: 28px; }

.section-podlody.kontaktpod2  a i.icon-envelop {  color: #d81f23;  margin-right: 5px; }

.section-podlody.kontaktpod2 a i.icon-phone2 {  color: #d81f23;  margin-right: 5px; }

.section-podlody.kontaktpod2  a:hover {  color: #d81f23; }


.section-podlody.kontaktpod2  .section-podlody-wrap ul > li:hover p {  color: #323232;  }







.section-podlody.kontaktpod2 .section-wyroznienia-zajawka1{  }
.section-podlody.kontaktpod2 .section-wyroznienia-zajawka1 img{  margin-top: 16px; margin-bottom:0px; margin-right: 30px;  }





.newsyy > LI {border: 0;  width: 46%;  margin: 2%;  max-width: 46%;  display: inline-block; }


.newsyy > LI .desc h2 { font-size: 18px;  color: #000;  font-weight: 500;  letter-spacing: 0.5px; } 
.newsyy > LI  .date { display: none; } 
.newsyy > LI  .more { display: none; } 

.newsyy > LI .image A {  border: 0;  background: #f3f3f3;  padding: 0;  display: block; } 


.newsyy > LI .zaj {font-size: 15px;  color: #424242;  font-weight: 400;  letter-spacing: 0.5px;  line-height: 26px;
    margin-top: -6px; }



.kon-sec { width: 100%; position: relative; padding-top: 80px;   padding-bottom: 40px; }


.kon-sec::before {  content: '';  position: absolute;  top: 0;  background-color: transparent;  width: 100%;  height: 340px;
  background-image: url(../img/lodytlogora.png);  background-position: center top;  background-repeat: no-repeat;  background-size: 100%;
    pointer-events: none; opacity: 0.6; } 

.kon-wrap {display: flex;  flex-direction: row;  flex-wrap: wrap;  width: 100%; position: relative;  max-width: 100%;  margin-left: auto;  margin-right: auto;  min-height: 100%;  width: 1170px;  padding-left: 30px;  padding-right: 30px;  }


.kon-wrap  h2 { font-size: 26px; font-weight: 600; margin-bottom: 30px;  }
.kon-wrap  h3 { font-size: 26px; font-weight: 600; margin-bottom: 30px;  }


.kon-wrap  INPUT[type="submit"]  {  border:0; background-color: #595959; font-size: 14px;  font-weight: 500;  letter-spacing: 0.3px; min-width: 130px; }

.kon-wrap  .form-horizontal .col-form-label {   color: #000;}

.kon-form  .form-group.row .small {  color: #000; }

.kon-tresc  { width: 50%; max-width: 50%; position: relative; }
.kon-tresc  p{ font-size: 16px; font-weight: 500; line-height: 24px; padding-top: 15px; margin-bottom: 10px;   }
.kon-form  { width: 50%; max-width: 50%;  position: relative; }


.kon-form div.col-md-4.col-sm-6 {  width: 60%; flex: 0 0 60%;    max-width: 60%;  }


.kon-mapa  { width: 100%; max-width: 100%; height: auto;  }

.kon-tresc a { display: inline-block; width: auto; color: #323232; padding-top: 2px;  padding-bottom: 2px; }

.kon-tresc a i.icon-facebook2 {  color: #a1a1a1;  font-size: 22px; }

.kon-tresc a i.icon-youtube {  color: #9d9d9d;  font-size: 28px; }

.kon-tresc  a i.icon-envelop {  color: #d81f23;  margin-right: 5px; }

.kon-tresc a i.icon-phone2 {  color: #d81f23;  margin-right: 5px; }

.kon-tresc  a:hover {  color: #d81f23; }

.kon-tresc p {  color: #323232;  }



.section-lody-top.kon-image  .section-lody-top-text {  height: auto; }

.section-lody-top.kon-image .section-lody-top-wrap {  display: flex;   justify-content: center;  }





.section-podlody.news1 {   }
.section-podlody.news1 .lis{ margin-bottom: 25px; margin-top: 10px;   }
.section-podlody.news1 .lis a{ padding: 9px 15px;   padding-right: 15px;  color: #000;  font-size: 16px;  font-weight: 500;  letter-spacing: 0.5px;  border-radius: 5px;  display: inline-block;  min-width: 205px;  background-color: #fff;  box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
  margin-bottom: 8px;  position: relative;  cursor: pointer;  padding-right: 40px;  margin-right: 10px;  }

.section-podlody.news1 .lis a:hover { box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.4);  } 


.section-podlody.news1 .lis a::before {  content: "";  position: absolute;  bottom: 0;  right: 17px;  font-family: 'icomoon';  font-style: normal;  font-weight: 400;  font-variant: normal;  text-transform: none;  line-height: 1;  text-align: center;  font-size: 16px;
  color: #ff2826;  text-align: left;  top: 33%; }


.news1  .box-all { display: flex; flex-direction: row; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; }
.news1  .box-all .box {  width: 50%; flex: 0 0 50%;    max-width: 50%;  padding: 20px 10px; }
.news1  .box-all .box a{  width: 100%;  height: auto;   display: flex;  }
.news1  .box-all .box .img2 {  width: 38%; flex: 0 0 36%;    max-width: 36%; text-align: center; margin-right: 5%;   }
.news1  .box-all .box .text2 {  width: 57%; flex: 0 0 59%;    max-width: 59%;  }

.news1  .box-all .box .text2 h3 {   font-size: 18px;  color: #000;  font-weight: 500;  letter-spacing: 0.5px;   }
.news1  .box-all .box .text2 span {  font-size: 15px;  color: #424242;  font-weight: 400;  letter-spacing: 0.5px; display: inline-block; }

.news1  .box-all .box:hover .text2 h3 { color: #e32225; }
.news1  .box-all .box:hover .img2 { box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);  }



.section-lody-top.wpis2 { background: #2f3543!important;  }
.section-lody-top.wpis2::before { display: none; }


.wpis2-wrap {   margin-top: -300px; position: relative;  max-width: 100%;  margin-left: auto;  margin-right: auto;  min-height: 100%;  width: 1170px;  padding-left: 30px;  padding-right: 30px; display: flex; flex-direction: column; z-index: 1; }

.wpis2-out { position: relative; }

.wpis2-out::after {  content: '';  position: absolute;  bottom: 0;  background-color: transparent;  width: 100%;  height: 100%;
  background-image: url(../img/dopobraniatlo.png);  background-position: center 200px;  background-repeat: no-repeat;  background-size: 100%;
    pointer-events: none;  opacity: 0.5; }


        
.wpis2-wrap .wpis2-date { color:#fff; text-align: center; }

.wpis2-wrap .wpis2-title { color:#fff; text-align: center;  }
.wpis2-wrap .wpis2-title h1 { text-align: center;  font-size: 28px;  font-weight: 500;  line-height: 26px; margin-bottom: 20px; margin-top: 10px;  }

.wpis2-wrap .wpis2-img { color:#fff; text-align: center; max-width: 900px;  margin: 0 auto;  } 

.wpis2-wrap .wpis2-text { color:#000;  }


.wpiss { padding-top: 30px; padding-bottom: 50px;  }
.wpiss .date{ display: none;   } 



.section-insp  {  }

.section-insp  .section-podlody-wrap ul  { align-items: flex-start; }

.section-insp  .section-podlody-wrap ul > li {  display: inline-block;  width: 31%;  margin: 1%;    margin-bottom: 1%;
  width: 31%;  text-align: center;  margin-bottom: 45px;  }

.section-insp  .section-podlody-wrap .img2{ min-height: 210px;  background-position: center center;  background-repeat: no-repeat;  background-size: cover; }

.section-insp  .section-podlody-wrap ul > li p {   font-size: 18px; }




.tabela { padding: 30px 30px;  }
.tabela ul{ padding-left: 20px;  }
.tabela td{ vertical-align: text-top;  }
.tabela  h2{ vertical-align: text-top;  }
.tabela  h3{ vertical-align: text-top; background-color: #222; color: #fff; font-size: 20px; padding: 10px 20px; display: inline-block; margin-bottom: 25px; }

 

 .tabela tr td:nth-of-type(1)  { width: 33%!important; }

 .tabela tr td:nth-of-type(2)  { width: 66%!important;  }



.zajw {  position: absolute; width: 0px; height: 0px; overflow: hidden; opacity: 0; display: none; }


.section-podlody.ofirmie2::after {  background-position: center -60px; }





.section-podlody.section-insp-sl { padding-bottom: 10px;   }
.section-podlody.section-insp-sl::before { display: none; }

.section-podlody.section-insp-sl .section-insp-sl-title {  text-align: center; margin: 0 auto;  padding: 0;  color: #000;  font-size: 28px;  font-weight: 500;  line-height: 26px;  letter-spacing: 0;  margin-bottom: 32px;}


.section-podlody.section-insp-sl .section-insp-sl-wszy  { text-align: center; margin-bottom: 10px; margin-top: 60px;   }

.section-podlody.section-insp-sl .section-insp-sl-wszy span  {padding: 9px 15px;    padding-right: 15px;  padding-right: 15px;  color: #000;
  font-size: 16px;  font-weight: 500;  letter-spacing: 0.5px;  border-radius: 5px;  display: inline-block;  min-width: 205px;  background-color: #fff;  box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);  margin-bottom: 8px;  position: relative;  cursor: pointer;   }

.section-podlody.section-insp-sl .section-insp-sl-wszy span:hover{ box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.4);  }


.section-slidd .logos_slider  {  position: relative; }
.section-slidd .logos_slider .arrows { position: absolute; position: absolute;   top: 50%;   display: flex;
  flex-direction: row;  justify-content: space-between; margin-left: -5%; width: 110%;  pointer-events: none; }

.section-slidd .logos_slider .arrows i{  font-size: 40px; color:#222;  }
.section-slidd .logos_slider .arrows i:hover{  color: #d81f23;  }

.section-slidd .logos_slider .arrows #prevp {pointer-events: auto;  }
.section-slidd .logos_slider .arrows #nextp { pointer-events: auto;  }


.section-slidd .logos_slider .logos__wrapper { width: 100%;  height: 100%;  min-width: 100%; }

.section-slidd .logos_slider .logos__wrapper .link-sl { display: block; cursor: pointer; }

.section-slidd .logos_slider .logos__wrapper img { width: auto;  max-height: 220px; max-width: 220px;  }

.section-slidd .logos_slider .cycle-slide { padding-left: 0px;  padding-right: 0px; }


.search_list{ padding: 30px 0px;  }
.search_list li{ list-style: none; display: inline-block;  width: 31%;  margin: 1%;    margin-bottom: 1%;  margin-bottom: 1%;
  width: 31%;  text-align: center;  margin-bottom: 45px; border: 0; max-width: 31%; min-width: 31%;  }
 
.search_list ul { display: flex; flex-direction: row; flex-wrap: wrap; padding: 0; justify-content: center; }
.search_list li .b{   width: 100%; display: inline-block; }
.search_list li .b:hover span{ color: #d81f23;  }



.search_list li .b span{ display: block; font-size: 18px; font-weight: 500;  color: #000;  padding-top: 15px;  }

.search_list li .img2{  border-radius: 8px;  box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);  height: 100%;  width: 100%;
  display: flex;  justify-content: center;  align-items: center;  background-color: #fff;  overflow: hidden;  
    min-height: 320px;  max-height: 320px; }

.search_list li .img2:hover { box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.4); }

.search_list li .img2 img { max-height: 330px; padding: 20px; }

.search_list li.inn { display: none; }

.brak { margin-bottom: 100px; padding-top: 30px; }


#sz {  width: 0px; height: 0px; opacity: 0; position: absolute; pointer-events: none; }

#maincontent { width: 1170px;  padding-left: 30px;  padding-right: 30px; }



#comm {position: fixed;  z-index: 2;  top: 45%;  left: 50%;  width: 500px;  max-width: 90%;  transform: translate(-50%, -50%);  }

.xactive #menu1 .sub A.item1::after { display: none; }  


.kon-tresc a i.icon-youtube { color: #000; font-size: 0; }

.kon-tresc a i.icon-youtube::before { content: "\eef3"; color: #9d9d9d; font-size: 28px; color: #595959; }

 
.stopka .stopka-box a i.icon-youtube { color: #000; font-size: 0; }

.stopka .stopka-box a i.icon-youtube::before { content: "\eef3"; color: #9d9d9d; font-size: 28px; color: #595959;  }

.stopka .sto3 { padding-top: 61px; }

#comm_txt { order: -1; }

.image-top::before {  background-color: rgba(0, 0, 0, 0.4); }

.image-top .sci1   {  position: absolute; width: 100%; height: 100%; background: #000; z-index: -1; opacity: 0.9;  }

#top1 .danebel a { color: #fff; background: transparent!important;   }

a:focus { outline: 3px solid #e32225; }

.section-lody-top .section-lody-top-text  h1{ clear: inherit;  font-size: inherit;  text-align: center;  font-weight: inherit;  margin: 0 auto; padding: 0; line-height: inherit; }


.section-wyroznienia.newa .section-wyroznienia-wrap  { padding: 0; }
.section-wyroznienia.newa .section-wyroznienia-wrap ul li{ max-width: 20%; }

.section-wyroznienia.newa .section-wyroznienia-wrap ul li { padding: 18px; }




@media only screen and (max-width: 1199px) {

    .produkty-top .produkty-top-wrap ul li  img{ width: 50%; }
    
      #mobnav-btn {   display: block;    clear: both;  z-index: 11;  position: absolute;  right: 20px; background: #000; border-radius: 5px; padding-left: 8px; padding-right: 8px; } 
    
    #mobnav-btn div SPAN { background: #fff; }
    
      #menu1 {   float: none;    text-align: left;    width: 100%;    height: 0px !important;   max-height: 0px;    overflow: hidden;    opacity: 0;    visibility: hidden;   transition: all 0.8s ease-in-out;  }
    
    
    
    
    
    .xactive #menu1 {    overflow-y: auto;    visibility: visible !important;    max-height: 4000px;    height: auto !important;
    opacity: 1;  }
    
    .xactive .layer #menu1 {    max-height: 100%;  } 
    
    .xactive #menu1 .sub A.item1::after {  display: none; }
    
     .xactive #g_menu.layer {   position: absolute;    z-index: 10;    top: 0px;    padding-top: 50px;    height: 100vh;
    overflow: hidden;    background: #2196f3;  background-color: rgba(0, 0, 0, 0.7);  width: 300px;   right: 0;  }
    
    
    #menu1 > LI { float: left;  display: block;  width: 100%; }
    #menu1 > LI.sub { padding-left: 8px;  }
    
     ul#menu1 UL {  position: relative;  height: 0; visibility: hidden; opacity: 0; display: none;   background-color: transparent; }

            
   ul#menu1 > LI:hover UL {   height: 0;  opacity: 1; visibility: visible;   display: none; }
    ul#menu1 > LI.sub.open > UL {   height: auto;  opacity: 1; visibility: visible; overflow: hidden; display: block; background-color: transparent;}  
    
    
    .image-top .image-top-wrap h1 {  font-size: 70px; }
        
    .image-top .image-top-info {  position: absolute;  right: 20px; } 
    
     .section-lody-top .section-lody-top-info {  position: absolute;    right: 20px;  }
    
    
    .section-offer .section-offer-box-allb a:nth-of-type(1) { margin-bottom: 15px; } 
    .section-offer .section-offer-box-allb a:nth-of-type(2) { margin-bottom: 15px; } 

  }


@media only screen and (max-width: 992px) {

 .produkty-top .produkty-top-wrap ul li { display: inline-block; width: 98%;  margin: 3% 1%; }  
    
 .section-production .section-production-box-all {      flex-direction: column; }
  .section-production .section-production-box-a {  width: 100%; padding-right: 0; padding-top: 40px; }  
    
    .section-production .section-production-box-b {  width: 100%; text-align: left;  }
    
    .section-production-box-b { order: -1; }
    
    .section-news .section-news-box-all ul li { width: 96%;  margin: 2%;  max-width: 96%; }
    
    .stopka .stopka-box { width: 45%;  max-width: 100%;  margin-bottom: 30px; }
    .stopka .sto3 {  margin: 1%;  margin-bottom: 30px;  }
    
    .stopka .sto1 { order: -2; }
    .stopka .sto4 { order: -1; }
    
    .section-offer .section-offer-box-b {   flex-direction: column; }
    
    .section-offer .section-offer-box-aa { width: 100%;  padding-left: 0px;  padding-right: 0px; flex-direction: column;  }
    .section-offer .section-offer-box-bb { width: 100%;  max-width: 100%;    text-align: center; }
    .section-offer .section-offer-box-bb img { max-width: 350px; height: auto;  margin: 0 auto; }
    .section-offer .section-offer-box-aa h2 {   font-size: 22px;  padding: 7px 15px;  color: #000;  font-weight: 500;  letter-spacing: 0.5px;  border-radius: 5px;  box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);  margin-bottom: 12px;  position: relative;  cursor: pointer;     width: 100%; padding-left: 35px;   transition: all 0.2s ease-in-out;  }
    
    .section-offer .section-offer-box-aa img { margin-bottom: 2px; }
    
    .section-offer .section-offer-box-a ul li { font-size: 15px; }
    
    .section-offer .section-offer-box-a { display: none; }
    
    .section-offer .section-offer-box-allb {  width: 100%; }  
    
    
    
    
  .section-offer .section-offer-box-b { display: flex;  }
    
   .section-offer .section-offer-box-aa *:not(h2) {  display: none; }
   .section-offer .section-offer-box-bb {  display: none; padding-top: 5px; margin-bottom: 30px; }
    
    
     .section-offer .section-offer-box-b.ope .section-offer-box-aa { display: flex;  flex-direction: column;  }
     .section-offer .section-offer-box-b.ope .section-offer-box-aa *{ display: flex;  flex-wrap: wrap; }
     .section-offer .section-offer-box-b.ope .section-offer-box-aa h2{ margin-bottom: 40px; color:#e32225; position: relative; top:25px; }
     .section-offer .section-offer-box-b.ope .section-offer-box-bb { display: flex;  }
    
     .section-offer .section-offer-box-b .section-offer-box-aa h2:hover{ color:#e32225; padding-left: 38px;   transition: all 0.2s ease-in-out;  }
    
      .section-offer .section-offer-box-b .section-offer-box-aa h2::before {  content: "";  position: absolute;  bottom: 0;
  left: 15px;  font-family: 'icomoon';  font-style: normal;  font-weight: 400;  font-variant: normal;  text-transform: none;
  line-height: 1;  text-align: center;  font-size: 16px;  color: #ff2826;  text-align: left;  top: 30%;   }

   .produkty-top { padding-bottom: 80px; }     
    .section-offer {  padding-top: 45px; }
    
    .section-numbers { min-height: 300px;  padding-top: 70px; }
    
    .section-numbers .section-numbers-wrap ul > li { padding-bottom: 100px; }
    
    
       .section-lody-top { min-height: 400px;  }
    .section-lody-top { min-height: 400px; }
    
        .news1 .box-all .box  {  width: 96%;   margin: 2%;   max-width: 96%;  flex: 0 0 96%; }
 
    .section-podlody.section-dopobrania2 .section-podlody-wrap ul > li {  display: inline-block;  width: 46%;
  margin: 2%;    margin-bottom: 2%;  margin-bottom: 2%;  width: 46%;  }
    
    .section-podlody .section-podlody-wrap ul > li a { text-align: center;  align-items: center; }
    
    .section-podlody.section-dopobrania2 .section-podlody-wrap ul > li span.link::before {   right: 12px; }
    
    .kon-form {  width: 60%;  max-width: 60%; }
    .kon-tresc {  width: 40%;  max-width: 40%; } 
    
    .section-lody-top .section-lody-top-text {  font-size: 45px; line-height: 1.2; }
    
      #top1_1 img { width: 154px;  min-width: 154px; } 
    
    
    .section-szuk { padding-top: 40px;  padding-bottom: 20px; }
    
    
    
    
}




@media only screen and (max-width: 768px) {

.section-inspirations .section-inspirations-wrap ul {  text-align: center; }
    
.section-inspirations .section-inspirations-wrap ul > li { margin: 3% 1%;   width: auto; max-width: 98%;  }   
    
.section-inspirations-more { text-align: center; }
        
.section-numbers .section-numbers-wrap ul {  flex-direction: column; padding-bottom: 80px; }
    
    .section-numbers .section-numbers-wrap ul > li {  padding-bottom: 15px; }
    
    .section-numbers .section-numbers-wrap ul > li h2 { margin-bottom: 2px; }    
    
    .image-top .image-top-wrap h1 { font-size: 50px;  line-height: 60px; }
    
    .image-top { min-height: 550px; }
    
    .section-news { margin-top: 60px; background: #f3f3f3; padding-top: 60px; padding-bottom: 60px; }

    .section-tworzymy .section-tworzymy-wrap h2 {  font-size: 40px; margin-bottom: 25px; }

    .section-tworzymy { min-height: 600px;}
    
    .section-tworzymy .section-tworzymy-wrap h3 {padding-top: 40px;  padding-bottom: 60px; }
    
    .section-tworzymy .section-tworzymy-text {  padding-top: 70px; }
    
    .section-wyroznienia {  padding-top: 30px; } 
    
    .section-wyroznienia-title { font-size: 20px; color: #000;  font-weight: 500;  }
    
   .image-logos .image-logos-title { font-size: 20px; color: #000;  font-weight: 500;  }
    
    .image-logos { margin-top: 40px;  }
    
   
    
    .section-insp .section-podlody-wrap ul > li  {   margin: 3% 1%;   width: 98%;   max-width: 98%;  } 
    
    .section-lody-top .section-lody-top-text { font-size: 40px; }
    
    .kon-wrap {  flex-direction: column; }
    
    .kon-tresc {  width: 100%; max-width: 100%; }
    
    .kon-form  {  width: 100%; max-width: 100%; padding-top: 30px;  } 
    
    .kon-form div.col-md-4.col-sm-6 { width: 100%; flex: 0 0 100%; max-width: 100%; } 
    
    .kon-form  .form-horizontal .col-form-label {  text-align: left; }
        
    .section-podlody-child .section-podlody-child-row-ins { flex-direction: column; }
    
    .section-podlody-child .section-podlody-child-boxa { width: 100%; }
    
    .section-podlody-child .section-podlody-child-boxb { width: 100%; padding: 0;  padding-bottom: 40px; order: -1; }
    
    .section-podlody-child .section-podlody-child-row-ins { padding-top: 20px; }
    
    .section-podlody-child {  padding-bottom: 80px; }
    
    .section-podlody-child .section-podlody-child-boxa a.war { margin: 10px; }
    
    .section-podlody-child .section-podlody-child-boxa a.ale { margin: 10px; }
    
    .tabela tr td:nth-of-type(1) {  width: 44% !important;} 
    .tabela tr td:nth-of-type(2) {  width: 65% !important;} 
    
    
    .search_list li { margin: 2%;width: 46%; max-width: 46%; min-width: 46%; }

    #comm_info { flex-direction: column;  padding-left: 15px;    padding-right: 15px; }
    
    #comm_txt {  margin-bottom: 10px; }
    #comm_txt br{  display: none; }
#comm_close A {  display: inline-block; }
    
    
    
  }




@media only screen and (max-width: 575px) {

 
    .produkty-top .produkty-top-wrap ul li:nth-of-type(2)::before {  background-size: 40px; }
    .produkty-top .produkty-top-wrap ul li:nth-of-type(1)::before {  background-size: 40px; }
    
    .section-news .section-news-box-all ul li .img2 { width: 100%; max-width: 100%;  margin-right: 0%; margin-bottom: 20px; }
    
    .section-news .section-news-box-all ul li .text2 {  width: 100%; max-width: 100%; margin-bottom: 30px; }

    .danebel {display: none; }
    
     .stopka .stopka-box {   width: 98%;  margin-bottom: 15px;  }
    
     .stopka .sto3 h3 {display: none;  }
     .stopka .sto2   { margin-bottom: 0;   }
         
     .produkty-top .produkty-top-wrap ul li img {  width: 100%; }
    
    .produkty-top .produkty-top-wrap ul li:nth-of-type(1)::before {  width: 100%;  background-size: 70px; height: 75%;}
    .produkty-top .produkty-top-wrap ul li:nth-of-type(2)::before {  width: 100%;  background-size: 70px;  height: 75%; }
    
    .produkty-top .produkty-top-wrap ul li { overflow: hidden;  }
    .produkty-top .produkty-top-wrap ul li img { width: 115%; max-width: 115%; min-width: 115%; margin-left: -3%;  }
    
    .produkty-top .produkty-top-wrap h3 { display: block;  width: 100%;  padding-bottom: 16px;   padding-top: 20px; }
         
    
   .news1 .box-all .box .img2 { width: 100%;  max-width: 100%;  margin-right: 0%;  margin-bottom: 20px;  }
    
    .news1 .box-all .box .text2 { width: 100%;  flex: 0 0 100%; max-width: 100%;}
         
    .news1 .box-all .box a { flex-direction: column; }
    
 .section-podlody.section-dopobrania2 .section-podlody-wrap ul > li {  margin-bottom: 1%;  margin-bottom: 30px;   width: 98%; }
    
    .section-insp .section-podlody-wrap .img2 { min-height: auto; }
    
    .tabela tr  { display: flex; flex-direction: column; }  
    
      .tabela tr td:nth-of-type(1) {  width: 98% !important;} 
    .tabela tr td:nth-of-type(2) {  width: 98% !important;} 
    
    
     .section-offer .section-offer-box-bb img { max-width: 100%; }
    
     .search_list li { margin: 0;width: 100%; max-width: 100%; min-width: 100; margin-bottom: 30px;  }
    
       #top1_1 img { width: 110px;  min-width: 110px; } 

}


@media only screen and (max-width: 350px) {

    .image-top .image-top-wrap h1 { font-size: 36px;  line-height: 46px; }
    
}



@media only screen and (max-width: 575px) {
  .form-horizontal .form-group {
    margin-left: 0px;
    margin-right: 0px;
  }

  #facebook_pan {
    background: #3b5998;
    float: none;
    padding: 0;
    position: static;
    right: auto;
    top: auto;
    width: 100%;
    z-index: 1;
  }

  #facebook_pan2 {
    margin-left: 0px;
    overflow: hidden;
  }


  #g_menu,
  #menu1 {
    overflow-y: auto;
    width: 100%;
    display: block;
  }

  #mobnav-btn {
    display: block;
    clear: both;
  }

  #menu1 {
    float: none;
    text-align: left;
    width: 100%;
    height: 0px !important;
    max-height: 0px;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: all 0.8s ease-in-out;
  }

  HTML.xactive {
    /*overflow:hidden; */
  }

  .xactive #menu1 {
    overflow-y: auto;
    visibility: visible !important;
    max-height: 4000px;
    height: auto !important;
    opacity: 1;
  }

  .xactive .layer #menu1 {
    max-height: 100%;
  }



  #top1_1,
  #top1_2 {
    float: none;
    clear: both;
    width: auto;
    text-align: center;
  }

  #foot1,
  #foot2,
  #foot3 {
    float: none;
    clear: both;
    width: 100%;
    text-align: center;
  }
}

@media only screen and (max-width: 768px) and (min-width: 576px) {
  .form-horizontal .form-group {
    margin-left: 0px;
    margin-right: 0px;
  }

  #facebook_pan {
    background: #3b5998;
    float: none;
    padding: 0;
    position: static;
    right: auto;
    top: auto;
    width: 100%;
    z-index: 1;
  }

  #facebook_pan2 {
    margin-left: 0px;
    overflow: hidden;
  }

  

  #g_menu,
  #menu1 {
    overflow-y: auto;
    width: 100%;
    display: block;
  }

  #mobnav-btn {
    display: block;
    clear: both;
  }

  #menu1 {
    float: none;
    text-align: left;
    width: 100%;
    height: 0px !important;
    max-height: 0px;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: all 0.8s ease-in-out;
  }

  HTML.xactive {
    /*overflow:hidden; */
  }

  .xactive #menu1 {
    overflow-y: auto;
    visibility: visible !important;
    max-height: 4000px;
    height: auto !important;
    opacity: 1;
  }

  .xactive .layer #menu1 {
    max-height: 100%;
  }

 

 
 
  #menu1 .open UL {
    height: auto !important;
    max-height: 4000px !important;
  }

  #menu1 UL LI {
    width: 100%;
    white-space: normal;
    text-align: left;
  }

  #top1_1,
  #top1_2 {
    float: none;
    clear: both;
    width: auto;
    text-align: center;
  }

  #foot1,
  #foot2,
  #foot3 {
    float: none;
    clear: both;
    width: 100%;
    text-align: center;
  }
}


@media only screen and (max-width: 1299px) {
    
.section-slidd .logos_slider .arrows { top: -62px;  margin-left: 0;  width: 100%;   }
    
    
}



    

@media only screen and (max-width: 1199px) and (min-width: 769px) {
}

@media print {
  * {
    background: transparent !important;
    color: #000 !important; /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group; /* h5bp.com/t */
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }

  DIV {
    max-width: 100%;
  }
}