body {
	background: #fafafa;
   color: #000;
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
	font-size: 14px;
	line-height:1.7;
}







#Top-top{
	width: 100%;
	height: 32px;
  line-height: 32px;
	font-size: 13px;
  background: #586E2C;
  color: #fff;
  position: relative;
	}

  #Top-top a{
    display: block;
    width: 100%;
    height: 32px;
    line-height: 32px;
    text-align: center;
  }


#dofinansowanie{
  width: 160px;
  height: 177px;
  position: absolute;
  right: 0;
  top: 300px;
  background: url('../img/fundusze.png') no-repeat left;
  z-index: 999;
}


#Top{
  width: 100%;
  text-align: center;
  position: relative;
  padding: 26px 0 0 0;
  height: 290px;
  }
  

#wyszukaj{
  position: absolute;
  top: 180px;

   left: 0;
   right: 0;
   margin: 0 auto;
   width: 400px;
   height: 40px;
   border: solid 1px #000;
   z-index: 2;
}
#wyszukaj form{
  margin: 0;
 
}


#wyszukaj form input[type="text"]{
  margin-top: 4px;
  padding: 7px;
  font-size: 13px;
  border: 0;
  background: transparent;
  width: calc(100% - 40px);
  }

  #szukaj-sbm{
    width: 30px;
    position: absolute;
    right: 0;
    top: 0;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
  }

#top-icons{
  position: absolute;
	top: 80px; 
	right: 0;
}


#user-ac{
  display: inline-block;
  width: 50px;
	height: 50px;
	text-align: center;
  position: relative;
  background:  url('../img/user.svg') no-repeat center;
  background-size: 32px auto;
  cursor: pointer;
  z-index: 1;  
}

#user-ac a{
  display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	position: relative;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
}

#KoszykInfo{
  display: inline-block;
  width: 50px;
	height: 50px;
	text-align: center;
  position: relative;
  background:  url('../img/cart.svg') no-repeat center;
  background-size: 32px auto;
  cursor: pointer;
  z-index: 1;
}
	
	
	#KoszykInfo a{
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	position: relative;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	#KoszykInfo a:hover{
	text-decoration: none;
	}
	
	#IleKosz{
		position: absolute;
		right: 0;
		top: 0;
		color: #fff;
		width: 20px;
		height: 20px;
    font-size: 12px;
		line-height: 20px;
		text-align: center;
		background: #000;
		-webkit-border-radius: 50%;
		border-radius: 50%;
	}
	

 #new-user{
  display: block;
  height: 40px;
  margin-top: 20px;
  line-height: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 25px;
text-transform: uppercase;
font-size: 12px;
text-align: center;
border: solid 1px #000;
 }


  #panel-kosz{
		position: absolute;
		right: 0;
		top: 40px;
		width: 460px;
		min-height: 50px;
		height: auto;
		z-index: 1000;
		text-transform: none;
		background: #fff;
		padding: 10px;
		display: none;
		border: solid 1px #eee3e3;
		}


	
		.panel-inc{
      padding: 10px;
      }




		
      #panel-kosz h3{
        padding: 10px 10px;
        background: #000;
        color: #fff;
        text-align: center;
        margin: 0 0 15px 0;
        font-weight: 400;
        letter-spacing: 2px;
        text-transform: uppercase;
        font-size: 14px;
        
        
        }
        
        .panel-stopka{
        padding: 10px 0;
        color: #000;
        font-size: 13px; 
        border-top: solid 1px #eee3e3;
        }
    
    
   

    .box-out{
      display: -moz-box;
  display: -webkit-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  justify-content: space-between ;
  flex-wrap: wrap; 
margin: 0 0 80px 0;
    }

    .flex-2{
      width: 49%;
    }
    

    .produkt-box{
      display: block;
      margin: 10px 0;
      padding: 0;
      border: solid 1px #000;
      display: -moz-box;
      display: -webkit-flexbox;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -moz-flex;
      display: flex;
      justify-content: space-between ;
      flex-wrap: nowrap; 
      height: 140px;
    }

    .produkt-box-img{
      width: 140px;
      height: 140px;
      position: relative;
    }
    .produkt-box-img img{
      width: 100%; 
      height: 100%; 
      object-fit: cover;
      }

      .produkt-box-img span{
        width: 100%;
        height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
      text-align: center;
      display: flex;
      opacity: 0;
        flex-direction: column;
        justify-content: center;
        -webkit-transition: all 500ms ease-out;
        -moz-transition: all 500ms ease-out;
        -ms-transition: all 500ms ease-out;
        -o-transition: all 500ms ease-out;
        transition: all 500ms ease-out;
      }

      .produkt-box-img:hover span{
        opacity: 1;
        -webkit-transition: all 500ms ease-out;
        -moz-transition: all 500ms ease-out;
        -ms-transition: all 500ms ease-out;
        -o-transition: all 500ms ease-out;
        transition: all 500ms ease-out;
      }

      .produkt-box-txt{
        width: calc(100% - 140px);
        padding: 20px;
        display: flex;
        flex-direction: column;
        justify-content: center;
      }

      .produkt-box-txt h3{
        margin: 0;
        font-size: 14px;
        line-height: 1.4em;
        color: #000;
        font-weight: 600;
        text-transform: uppercase;
        font-family: 'Montserrat', serif;
      }

      .box-opis{
        font-weight: 600;
        text-transform: uppercase;
        font-family: 'Montserrat', serif;
        font-size: 12px;
      }
    
    
    
        a.pul{
          display: block;
        height: 40px;
        width: 100%;
        overflow: hidden;
        margin-bottom: 10px;
        font-size: 12px;
        line-height: 13px;
        text-transform: none;
        text-decoration: none;
        color: inherit;
    
        
        }
        
        
        a.pul:hover{
        text-decoration: none;
    
        }
        
        
        a.pul > div{
        width: 40px;
        height: 40px;
        float: left;
        margin-right: 20px;
        overflow: hidden;
        background-repeat:no-repeat;
        background-size:cover;
          background-position: center;
        }
        
        
        
        
        
        a.pul div.cena-pu{
        width: 80px;
        height: 40px;
        float: right;
        text-align: right;
        font-weight: 400;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
    
        }
        
        a.pul span{
        width: 200px;
        display: block;
        height: 40px;
        float: left;
        display: flex;
        flex-direction: column;
        justify-content: center;
        }
    
        a.pul i{
          width: 50px;
          display: block;
          height: 40px;
          float: left;
          display: flex;
          text-align: right;
          font-style: normal;
          flex-direction: column;
          justify-content: center;
          }
          
        
        
        
        a.pul p{
        margin: 2px 0;
        font-style: italic;
        }
    
    
    
    
    
    
        a.kosz-pk{
          display: block;
          text-align: center;
          height: 50px;
          line-height: 50px;
          background: #000;
          color: #fff;
          text-transform: uppercase;
          letter-spacing: 2px;
          }
          
          
          a.kosz-pk:hover{
          text-decoration: none;
          background: #000;
          color: #fff;
          }
    




          #darm-przes-i{
            border: solid 1px #000;
            color: #000;
            padding: 10px;
            text-align: center;
            margin-top: 20px;
          }



         #panel-kosz  b{
           font-weight: bold;
         }











.scrl{
  -webkit-transition: all 500ms ease-in;
  -moz-transition: all 500ms ease-in;
  -ms-transition: all 500ms ease-in;
  -o-transition: all 500ms ease-in;
  transition: all 500ms ease-in;
}



#result-inc{
position: fixed;
width: 100%;
height: 100vh;
text-align: center;
z-index: 10000;
display: flex;
  flex-direction: column;
  justify-content: center;
}

#result-inc > div{
width: 50%;
padding: 40px 30px;
background: #a21717;
color: #fff;
margin: 0 auto;
text-align: center;
font-size: 18px;
position: relative;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0 0 5px 0 #383838;
box-shadow: 0 0 5px 0 #383838;
}


#result-close{
position: absolute;
right: 0;
top: 0;
width: 40px;
height: 40px;
cursor: pointer;
background:  url('../img/close-res.png') no-repeat center;

}

a#logo{
width: 254px;
height: 133px;
display: block;
background:  url('../img/logo-n.png') no-repeat center;
background-size: contain;
margin: 0 auto;

}






/* ---------------- MENU TOP ---------------*/


#MenuTop{
margin-top: 80px;
height: 40px;

}

#MenuTop.scrl{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: #fff;
  z-index: 1000;
  border-bottom: solid 1px #e4e4e4;
}


  #tgmenu{
  display: none;
  }


#MenuTop > ul{
text-align: center;
}


#MenuTop > ul > li{
display: inline-block;
margin: 0 14px;
position: relative;
height: 40px;
}


#MenuTop > ul > li > a {
color: #000;
text-align: center;
font-size: 13px;
line-height: 40px;
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
text-transform: uppercase;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 500ms ease-in;
-moz-transition: all 500ms ease-in;
-ms-transition: all 500ms ease-in;
-o-transition: all 500ms ease-in;
transition: all 500ms ease-in;
}




#MenuTop > ul > li > a.click{
  color: #000;
}

#MenuTop a.click:hover {
  text-decoration: none;
  color: #000;
}

#MenuTop >  ul > li  >  a:hover{
  text-decoration: none;
  color: #000;
}




/* -- dropdown ---*/

#MenuTop > ul > li.drpdwn i{
display: none;
}

#MenuTop > ul > li.drpdwn > ul{
  display: block;
position: absolute;
background: #fff;
left: -20px;
top: 40px;
width: 300px;
display: none;
padding: 0;
z-index: 1000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}




#MenuTop > ul > li.drpdwn > ul li{
display: block;
margin: 0;
}


#MenuTop > ul > li.drpdwn > ul a{
text-align: left;
font-size: 12px;
display: block;
padding: 5px 20px;
text-transform: uppercase;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}



#MenuTop >  ul > li.drpdwn  ul a:hover{
  color: #fff;
  background: #000;
}


#MenuTop > ul > li.drpdwn  ul a.click{
  color: #fff;
  background: #000;
}




/* ---------------- end MENU TOP ---------------*/



.slider-przes{
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  /*background: rgba(0, 0, 0, 0.30);*/
  display: block;
}





#my-swipper {
  width: 100%;
  height: auto;
  height: 660px;
}

#my-swipper.swiper-container{
  width: 100%;
  height: 660px;
}



.slide-inc{
width: 100%;
height: 100%;

}

.slide-inc > picture > img{
  width: 100%; 
  height: auto;
  height: 100%; 
   object-fit: cover;
  }


#pagination-swip{
  bottom: 30px;
  left: 0;
  right: 0;
  margin: 0 auto;
}



#my-swipper .swiper-pagination{
text-align: center !important;
}


#my-swipper .swiper-pagination-bullet{
margin: 0 3px;
}


.slide-inc-txt{
  width: 500px;

z-index: 2;
position: absolute;
bottom: 0;

left: 0;
padding: 0 0 165px 65px;
font-family: 'Montserrat', sans-serif;

}

.swipper-caption{
color: #fff;
font-size: 14px;
width: 100%;
margin: 0;
text-align: left;
text-transform: uppercase;
}


.swipper-caption h2{
  font-family: 'Montserrat', sans-serif;
  font-size: 48px;
  margin: 0 0 10px 0;
color: #fff;
text-transform: uppercase;
font-weight: 500;
}



.swipper-caption a.more{
  margin: 40px 0 0 0;
  color:#fff;
  border: solid 1px #fff;

  }
  
  .swipper-caption a.more:hover{
    color: #e4c4c4;
    border: solid 1px #e4c4c4;
  }


.swiper-button-next, .swiper-button-prev{
  /*display: none;*/
}
/* ------------------ end SWIPER - SLIDER --------- */






#kat-text{
position: absolute;
top: -20px;
z-index:1000;
display: -webkit-flex;
display: flex;
width: 100%;
flex-wrap: wrap;
align-items: flex-start;
justify-content: center;
background: #fff;
height: 50px;
line-height: 50px;
-webkit-border-radius: 25px;
border-radius: 25px;
-webkit-box-shadow: 0 0 6px 0 #D4D4D4;
box-shadow: 0 0 6px 0 #D4D4D4;
}

#kat-text a{
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
padding: 0 20px;
line-height: 50px;
font-weight: bold;
}







.drag-info{
  text-align:right;
  padding-right:24px;
  color:#fff;
  font-size:13px;
  background: url(../img/drag.png) right no-repeat;
  font-style:italic;
  margin-right:20px;
  margin-bottom: 20px;
  height:20px;
  line-height:20px;
  display:none;
  width: 145px;
  opacity: 0.5;
  filter: alpha(opacity=50); 
  }
  




.flex-out{
  display: -webkit-flex;
  display: flex;
  width: 100%;
}

.flex-out-pr{
  display: -webkit-flex;
  display: flex;
  width: 100%;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
}

.flex-out-p{
  display: -webkit-flex;
  display: flex;
  width: 100%;
  flex-flow: row-reverse;
}


.flex-text{
  width: 620px;
  padding: 120px 75px 120px 0;
margin-left: calc(50% - 620px);
}

.flex-text-p{
  width: 620px;
  padding: 120px 0 120px 75px;
margin-right: calc(50% - 620px);
}

.flex-img{
  width: 50%;
  position: relative;
}


.flex-img > img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}






#Infob2{
  padding: 120px 0;
  color: #fff;
}




#flex-h{
  display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
}



#Infob2-txt{
  width: 48%;
}

#Infob2-ico{
  width: 48%;
}

#Infob2 .h1{
  color: #fff;
}


.h1 b{
  display: block;
}

#Infob2 .NumKol{
color: #666064;
}


.Infob2-ico-flex{
  display: flex;
flex-wrap: nowrap;
margin: 45px 0;
}



.Infob2-ico-img{
  width: 80px;
  height: 80px;
  text-align: center;
  line-height: 75px;
  -webkit-border-radius: 50%;
border-radius: 50%;
background: #e32b30;
}

.Infob2-ico-img > img{
max-width: 40px;
height: auto;
vertical-align: middle;
}



.Infob2-ico-txt{
  width: calc(100% - 80px);
  padding-left: 45px;
}

.Infob2-ico-txt h4{
  text-transform: uppercase;
  font-size: 16px;
  margin-bottom: 10px;
}


#referencje-out{
  position: relative;
  padding: 50px 0 90px 0;
  background: #efefef;
}

#referencje-out .h1{
  text-align: center;
}

#referencje {
  width: 100%;
  height: 220px;
}

#referencje.swiper-container{
  width: 100%;
  height: 220px;
}

.refer{
width: 33.3333% !important;
padding: 0 25px;
height: 220px;

}
.refer div{
text-align: left;
width: 100%;
}

.refer span{
  padding-left: 30px;
  font-size: 13px;
}

.refer-in{
width: 100%;
height: 150px;
padding: 30px;
background: #fff;
overflow: hidden;
margin-bottom: 15px;
}



#referencje-navig .swiper-pagination-bullet{
  margin: 0 5px;
}

#referencje-navig{
  width: 100%;
  height: 30px;
  position: absolute;
  bottom: 30px;
  right: 0;
  left: 0;
  text-align: center;
    
  
  }



.NumKol{
  font-size: 72px;
  color: #d6d6df;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
}





.Info2{
  background: #000;
  color: #fff;
  text-align: center;
  position: relative;
  width: 100%;
  padding: 20px 30px;
  
  }
  
  
  .Info{
  background:#000;
  color: #fff;
  text-align: center;
  padding: 10px 30px;
  position: relative;
  }
  .Info2 a, .Info a{
  color: #fff;
  
  }

  .Info2 b, .Info b{
   font-weight: bold;

    
    }

  
  
  .InfoOK{
    background: #000;
    color: #fff;
    text-align: center;
    position: relative;
    width: 100%;
    padding: 20px 30px;
    margin: 10px 0 25px 0;
    
    }







    .Info2 a.cls, .Info a.cls{
      display: block;
      position: absolute;
      right: 7px;
      top: 7px;
      width: 20px;
      height: 20px;
      border: solid 1px #fff;
      line-height: 18px;
      text-align: center;
      padding: 0;
      }
      
      
      .Info2 a.cls:hover, .Info a.cls:hover{
      text-decoration: none;
      }
      
      

      .Sinfo2, .Sinfo{
        background: #f8f8f8;
        padding: 25px;
        margin: 0 0 25px 0;
        font-size: 13px;
      }
      
      
      .koszyk-div{
      background: #fff;
      padding: 15px;
      margin: 15px 0;
      }
      
      
      .form-out{
        margin: 0 auto;
        padding: 20px 0;
        max-width: 800px;
      }
      
      
      
      #sprawdz-kod{
      display: inline-block;
      height: 40px;
      line-height: 40px;
      padding: 0;
      width: 160px;
      text-align: center;
      background: #87bb0f;
      text-transform: uppercase;
      color: #fff;
      margin: 0 10px;
      }
      
      .koszyk-wb{
      background: #f8f8f8;
      padding: 10px 7px;
      margin-bottom: 4px;
      }
      
      
      #result-kod{
      margin: 20px 0;
      
      }
      
      
      .koszyk-wb-2{
      background: #f8f8f8;
      padding: 10px 7px;
      margin-bottom: 4px;
      }
      
      .koszyk-wb > div.rdo, .koszyk-wb-2 > div.rdo{
      width: 40px;
      float: left;
      text-align: center;
      padding-top: 4px;
      }
      
      .koszyk-wb > div.opsx, .koszyk-wb-2 > div.opsx{
      margin-left: 40px;
      
      }
      
      .chkd{
      background: #e8e8e8;
      }
      
      
      .koszyk-wb p, .koszyk-wb-2 p{
      font-weight: bold;
      font-size: 16px;
      margin: 0 0 5px 0;
      }
      
      
      .koszyk-wb span, .koszyk-wb-2 span{
      display: block;
      font-weight: bold;
      font-size: 14px;
      margin: 0 0 5px 0;
      }
      
      
      table.Basket{
      empty-cells: show;
      width: 100%;
      border-collapse: collapse;
      }
      
      
      table.Basket td{
      padding: 10px 10px;
      border: solid 1px #cecece;
      font-size: 13px;
      vertical-align: middle;
      }
      
      
      table.Basket thead{
      font-weight: bold;
      text-align: center;
      }
      
      
      
      table.Basket tr.a{
      background: #f9f9f9;
      }
      
      table.Basket h3{
      font-weight: 600;
      margin: 0 0 5px 0 !important;
      font-size: 16px;
      }
      table.Basket a{
      color: #000;
      }

      table.Basket p{
        margin: 5px 0 !important;
      }
      
     
      
      table.Basket .bigc{
      font-size: 20px;
      
      }
      
      
      
      .only-mob{
      display: none;
      }
      
      table.Deliv{
      empty-cells: show;
      width: 100%;
      border-collapse: collapse;
      }
      
      
      table.Deliv td{
      padding: 10px 7px;
      }
      
      
      
      
      table.Deliv td.cna{
      font-size: 14px;
      font-weight: bold;
      }
      
      table.Deliv h4, table.Deliv p{
      margin: 0;
      }
      
      
      .bck-rgt{
      width: 50%; float: right;
      }
      
      .bck-rgt > div{
      padding-left: 25px;
      }
      
      .bck-lft{
      width: 50%; float: left;
      }
      
      .bck-lft2{
      width: 50%; float: left;
      }
      
      .bck-lft > div, .bck-lft2 > div{
      padding-right: 25px;
      }
      
      .blk-cntr{
      width: 50%;
      margin: 0 auto;
      }
      
      
      
      
      .red{
      display: block;
      background: #b30000;
      padding: 7px;
      color: #fff;
      margin: 10px 0;
      }
      
      
      
      .red2{
      display: block;
      background: #b30000;
      padding: 15px;
      color: #fff;
      margin: 10px 0;
      -webkit-border-radius: 7px;
      border-radius: 7px;
      text-align: center;
      }
      
      .Amount{
      font-size: 34px;
      text-align: center;
      color: #fff;
      text-transform: uppercase;
      background: #fa6900;
      padding: 15px 0;
      margin: 15px 0;
      }
      
      
      
      
      
      .Amount > span{
      display: block;
      font-size: 12px;
      margin-bottom: 5px;
      
      }
      
      
      #userDn{
        position: relative;
      padding-top: 70px;
      }
      
      #UsMenu{
      position: absolute;
      width: 100%;
      left: 0;
      top: 0;
      display: flex;
      flex-wrap: nowrap;
      align-items: flex-start;
      }
      
      
      
      
      #UsMenu  a{
      display: block;
      width: 25%;
      height: 50px;
      float: left;
      text-align: center;
      font-size: 13px;
      color: #fff;
      text-transform: uppercase;
      line-height: 50px;
      background: #1b1c20;
      margin-right: solid 1px #fff;
      border-left: solid 1px #fff;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
      }
      
      #UsMenu  a:hover{
      text-decoration: none;
      background: #2f3137;
      }
      
      #UsMenu a.clck{
      background: #fff;
      color: #000;
      font-weight: bold;
      }
      
      
      
      
      
      table.zamowienie{
        empty-cells: show;
        width: 100%;
        border-collapse: collapse;
        margin: 10px 0;
        }
      
        table.zamowienie a{
          color: inherit;
        }
      
        table.zamowienie tr.lth td{
          text-decoration: line-through; color: #949494;
        }
        
        
        table.zamowienie td{
        padding: 25px;
        border: solid 1px #cecece;
        font-size: 13px;
        }
        
        
      .zcena{
        font-size: 18px;
        font-weight: bold;
      }
      
      .ctr{
        text-align: center;
      }
      
      
      table.zamowienie tr.odst td{
        border: 0;
        padding: 15px;
      }
      
      
      #steps{
      margin: 20px 0;
      height: 70px;
      }
      
      #steps ul{
        padding: 0;
        margin: 0;
        border: 0;
        list-style: none;
      }
      
      #steps ul li{
        margin: 0;
        padding: 0;
        list-style: none;
        display: inline;
      }
      
      #steps ul li div{
      display: block;
      width: 33.3333%;
      height: 50px;
      float: left;
      text-align: center;
      font-size: 14px;
      color: #696969;
      padding: 15px 5px;
      background: #eeeeee;
      margin-right: solid 1px #e5e5e5;
      border-left: solid 1px #e5e5e5;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
      }
      
      
      #steps ul li #step1.on{
      color: #fff;
      background: #fa6900;
      }
      #steps ul li #step2.on{
      color: #fff;
      background: #fa6900;
      }
      #steps ul li #step3.on{
      color: #fff;
      background: #fa6900;
      }
      #steps ul li #step4.on{
      color: #fff;
      background: #fa6900;
      }
      #steps ul li #step5.on{
      color: #fff;
      background: #fa6900;
      }
      
      
      
      
      
      .Amount{
      background: #fa6900;
      padding: 15px;
      color: #fff;
      }
      
      
      
      
      
      
      .cntd{
      width: 40%;
      margin-left: auto;
      margin-right: auto;
      }
      
      
      
      


























#RealizacjeOut{
  padding: 40px 0;
  text-align: center;
}

#RealizacjeOut a.more{
  margin: 40px auto;
  width: 200px;
}



#Realizacje{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
}

.realizacje{
  width: 24%;
  height: 290px;
  margin-bottom: 18px;
}

.realizacje a{
  width: 100%;
  height: 100%;
  position: relative;
  background: #231f20;
  display: flex;
flex-direction: column;
justify-content: center;
}

.realizacje img{
 max-width: 80%; 
max-height: 80%; 
display: block;
margin: 0 auto;
}
/*
.realizacje.relfrs{
  width: 49.5%;
}
*/
.realizacje.relfrs a{
  background: #e32b30;
}



.realizacje span{
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
position: absolute;
color: #fff;
font-weight: 500;
font-size: 13px;
line-height: 1.4;
font-weight: 400;
top: 0;
left: 0;
z-index: 2;
padding: 0 15px;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: flex;
  flex-direction: column;
  justify-content: center;
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -ms-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}

.realizacje span:hover{
  background-color: rgba(0, 0, 0, 0.9);
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -ms-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}

.realizacje  span p{
  display: none;
  
}

.realizacje span:hover p{
  display: block;
}

.realizacje b{
  display: block;
   font-size: 16px;
  font-weight: 500;
text-transform: uppercase;
  margin-bottom: 10px;
}

















  .info-blx{
    width: 100%;
    height: 680px;
    background: #9e9e9e;
    }
    
    .info-blx-txt{
    width: 40%;
    height: 100%;
    display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 0 5%;
      color: #fff;
    }
    
    .info-blx-img{
      width: 60%;
      height: 100%;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      position: relative;
    }
    
    .info-blx-img img{
      width: 100%; 
  height: 100%; 
  object-fit: cover;
    }
    
    .info-blx-txt .more{
      color: #fff;
      border: solid 1px #fff;
      margin: 40px auto 0 0;
    }
    
    .info-blx-txt h2{
      color: #fff !important;
      border: 0;
         }
    
    
      .info-blx-txt h3{
        font-size: 24px;
        line-height: 1.4;
        margin: 0.5em 0;
        }
    
    
    .inb-l{
      float: left;
    }
    
    .inb-r{
      float: right;
    }
    
    .info-k-1, .info-k-4{
      background: #2f4628;
      background: #9e9e9e;
      
      
    }
    
    .info-k-2, .info-k-5{
      background: #b79222;
      background: #383838;
      
    }
    
    .info-k-3, .info-k-6{
      background: #2E4967;
      background: #787878;
    }
    
    




.kol-1, .kol-8{
  background: #7a8ed9;
}

.kol-2, .kol-7{
  background: #a7c850;
}

.kol-3, .kol-5{
  background: #f0d318;
}

.kol-4, .kol-6{
  background: #5bc4db;
}















.h3{
  margin: 20px 0;
  font-size: 18px;
  line-height: 1.4em;
  color: #000;
  font-weight: 700;
  text-transform: uppercase;
}


/*----------------- HomeTop ---------------------*/
#HomeTop {
        width: 100%;
        height: 100vh;
		  background: #515151;
}
.HomeTop-inc{
width: 50%;
height: 50%;
color: #fff;
float: left;
font-size: 16px;
padding: 0;
font-weight: 300;
position: relative;
 background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}



.HomeTop-inc > div{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.7);
}


#hc-1{
width: 100%;
padding: 150px  35px 0 35px;
position: absolute;
top: 0;
text-align: right;
}

#hc-2{
width: 100%;
padding: 150px  35px 0 35px;
position: absolute;
top: 0;
text-align: left;
}


#hc-3{
width: 100%;
padding: 50px  35px 0 160px;
position: absolute;
top: 0;
text-align: right;
background: #f02137;
}


#hc-4{
width: 100%;
padding: 50px  35px 0 35px;
position: absolute;
top: 0;
text-align: left;
}

#hc-1 h2 span, #hc-3 h2 span{
right: 0;
left: auto;
}

#hc-2 h2 span, #hc-4 h2 span{
right: auto;
left: 0;
}




.HomeTop-inc h2{
font-weight: 900;
font-size: 60px;
text-transform: uppercase;
line-height: 60px;
position: relative;
margin: 0 0 35px 0;
}

.HomeTop-inc li{
display: inline-block;
text-transform: uppercase;
padding-right: 8px;
}
.HomeTop-inc li:last-of-type{
padding-right: 0;
}

.HomeTop-inc li::after{
content: " | ";
padding-left: 7px;
}

.HomeTop-inc li:last-of-type::after {
content: "";
padding-left: 0;
}

.HomeTop-inc li a{
color: #fff;
}
.HomeTop-inc li a:hover{
color: #f02137;
}


.HomeTop-inc h2 a{
color: #fff;
}
.HomeTop-inc h2 a:hover{
color: #f02137;
}

#hc-3 h2 a{
color: #fff;
}
#hc-3 h2 a:hover{
color:  #000;
}




.HomeTop-inc h2 span{
display: block;
width: 120px;
height: 1px;
background: #fff;
position: absolute;
bottom: -10px;

}






#fbtop{
position: relative;
display: inline-block;
width: 43px;
height: 43px;
background: url('../img/fb-top.png') no-repeat center;
top: 15px;
margin-left: 20px;
}






/* ---------------- HOME -------------------------*/
.h-blok{
  display: -webkit-flex;
  display: flex;
  width: 100%;
  margin: 80px 0;
}

.h-blok-rev{
  display: -webkit-flex;
  display: flex;
  width: 100%;
  flex-direction: row-reverse;
  margin: 80px 0;
}

.h-blok > div:not(.clear), .h-blok-rev > div:not(.clear){
  width: 50%;
}

.g-blok > div{
  width: 50%;
}


.g-blok{
  display: -webkit-flex;
  display: flex;
  width: 100%;
  flex-direction: row-reverse;
}

.g-blok .h-image{
width: 50%;
height: 60vh !important;
padding-right: 2px;

}



.h-image img{
  width: 100%; 
  height: 100%; 
  object-fit: cover;
  vertical-align: middle;
}

.h-text-right{
padding: 60px 45px 60px 85px
}


.h-text-left{
  padding: 60px 85px 60px 45px;

}



.h-text-dark{
background: #ebebeb;
color: #000;
}


.h-text-dark p{
  margin: 0.8em 0;
  }

.h-text-dark a.ddc{
  color: #000;
  font-size: 24px;
  font-weight: 600;
}

.p-telefon{
  font-size: 60px;
  line-height: 0.6;
  font-weight: 300;
}

.h-text-right h4, .h-text-left h4{
font-size: 24px;
font-weight: 400;
margin: 30px 0;
color: #000;
}


.news-data{
font-size: 13px;
margin: 0 0 5px 0;
color: #838383;
font-weight: normal;
}


.ogran{
max-width: 1000px;
}




#filmy{
  text-align: center;
  font-size: 18px;
  background: #000;
}





#player{
width: 100%;
height: 600px;
background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
}



#filmy-th{
padding: 0;
}

.film-th{
  width: 25%;
   background: #000;
  float: left;
  height: 170px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  position: relative;
 
}

.film-th span{
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
position: absolute;
top: 0;
left: 0;
z-index: 2;
outline: 1px solid #fff;
text-align: center;
display: flex;
  flex-direction: column;
  justify-content: center;
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -ms-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}

.film-th span:hover{
  background-color: rgba(0, 0, 0, 0.7);
  outline-offset: -15px;
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -ms-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}

.film-th span:hover i{
  display: inline;
  
}

.film-th span i{
display: none;
  color: #fff;
  font-size: 28px;


}

/* ------------------------------ PRODUKTY *-------------------------*/
.p-image-main{
  width: 50%;
  height: 800px;
float: left;
position: relative;
background-color: #f4f5f7;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}


.p-image-main a{
  display: block;
  width: 100%;
  height: 100%;
}





.p-image-left{
  width: 50%;
  position: relative;
  float: left;
  text-align: center;
  }
  


  .p-image-right{
    width: 50%;
    position: relative;
    float: left;
    text-align: center;
    background-position: center;
background-repeat: no-repeat;
background-size: cover;
    }

    
  .p-image-right img,   .p-image-left img{
    max-width: 100%;
    height: auto;
    }
    
    .p-text-right{
    width: 50%;
     float: left;
    padding-left: 50px;
    padding-right: 7%;
    }
    
    .p-text-left{
      width: 50%;
      float: left;
      padding-right: 50px;
      padding-left: 7%;
      }


/* ------------------------infoblk ------------------*/

#infoblok{
  margin-top: 40px;
padding: 40px 0;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}

.infoblok{
width: 20%;
height: 240px;
font-size: 13px;
color: #000;
text-align: center;
}


.inf-img{
  text-align: center;
  height: 110px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.inf-img img{
  max-height: 90%;
  max-width: 80%;
  width: auto;
  height: auto;
}

.infoblok a{
display: block;
width: 100%;
height: 100%;
color: inherit;
}


.infoblok h4{
font-size: 14px;
text-transform: uppercase;
font-family: 'Montserrat', serif;
font-weight: 600;
margin: 5px 0 7px 0;
line-height: 1.1;
color: #000;
}








#infoblok2{
  margin: 80px 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}



.infoblok2{
  width: 33.33333333%;
  height: 300px;
  font-size: 13px;
  color: #fff;
  text-align: center;
  position: relative;

  }


  .infoblok2 img{
    width: 100%; 
    height: 100%; 
     object-fit: cover;
    }





    .infoblok2 span{
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    outline: 1px solid #fff;
    text-align: center;
    display: flex;
      flex-direction: column;
      justify-content: center;
      -webkit-transition: all 500ms ease-out;
      -moz-transition: all 500ms ease-out;
      -ms-transition: all 500ms ease-out;
      -o-transition: all 500ms ease-out;
      transition: all 500ms ease-out;
    }

    .infoblok2 h4{
      font-size: 16px;
      text-transform: uppercase;
      font-family: 'Montserrat', serif;
      font-weight: 500;
      margin: 0 0 7px 0;
      line-height: 1.1;
    }
      



    .infoblok2 span:hover{
      background-color: rgba(0, 0, 0, 0.7);
      outline-offset: -15px;
      -webkit-transition: all 500ms ease-out;
      -moz-transition: all 500ms ease-out;
      -ms-transition: all 500ms ease-out;
      -o-transition: all 500ms ease-out;
      transition: all 500ms ease-out;
    }


    .infoblok2 span div{
      padding: 0 40px;
      color: rgba(255, 255, 255, 0);
      -webkit-transition: all 500ms ease-out;
      -moz-transition: all 500ms ease-out;
      -ms-transition: all 500ms ease-out;
      -o-transition: all 500ms ease-out;
      transition: all 500ms ease-out;
    }

    .infoblok2 span:hover div{
      color: rgba(255, 255, 255, 1);
      -webkit-transition: all 500ms ease-out;
      -moz-transition: all 500ms ease-out;
      -ms-transition: all 500ms ease-out;
      -o-transition: all 500ms ease-out;
      transition: all 500ms ease-out;
    }






    .subcat-out{
      width: 100%;
      padding: 0 0 50px 0;
    }
  
    .subcat-flx{
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-between;
      align-items: flex-start;
    }
    
  
  
  
    .subcat-lft{
      width: 60%;
    }
    
  
  
    .subcat-lft img{
      width: 100%; 
      height: auto; 
      margin-bottom: 25px;
    }
    
  
  
    .subcat-rgt{
      width: 37%;
    }
  
    .subcat-rgt a{
        display: block;

              font-weight: 600;
  

        color: #000;
          font-size: 16px;
        line-height: 2;
          font-family: 'Montserrat', sans-serif;
        font-weight: 600;
        text-transform: uppercase;



    }
    .subcat-rgt a:hover{
  
      color: #a06367;
  }
  
  
    
    .subcat-rgt a:before{
    content: '';
    font-size: 14px;
    font-family: 'FontAwesome';
    color: #ffaa8c;
    background: url('../img/ch-right.png') no-repeat left;
    padding: 0 16px 0 0;
    -webkit-transition: ease-in .4s;
    -moz-transition: ease-in .4s;
    -o-transition: ease-in .4s;
    transition: ease-in .4s;
    }
  
    .subcat-rgt a:hover:before{
        background: url('../img/ch-right-o.png') no-repeat 5px;
        padding: 0 16px 0 0;
       }
  
  
  















.subkategorie-out{
  text-align: center;
}


    .subkategorie{
      padding: 30px 0;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-around;
      }
      
      .subkat{
      width: 32%;
      height: 300px;
    text-align: center;
    margin: 20px 0;
     }

      .subkat a{
        display: block;
        color: inherit;
      }

      .subkat-img{
        width: 100%; 
        height: 260px; 
         position: relative;
        }

      .subkat-img img{
        width: 100%; 
        height: 100%; 
         object-fit: cover;
        }
    


        .subkat h4{
          font-size: 14px;
          text-transform: uppercase;
          font-family: 'Montserrat', serif;
          font-weight: 600;
          margin: 15px 0 0 0;
          line-height: 1.1;
          color: #000;
          }
          


          .subkat-img span{
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0);
          position: absolute;
          top: 0;
          left: 0;
          z-index: 2;
          outline: 1px solid #fff;
          text-align: center;
          font-size: 13px;
          display: flex;
            flex-direction: column;
            justify-content: center;
            -webkit-transition: all 500ms ease-out;
            -moz-transition: all 500ms ease-out;
            -ms-transition: all 500ms ease-out;
            -o-transition: all 500ms ease-out;
            transition: all 500ms ease-out;
          }
      
              
      
      
          .subkat-img span:hover{
            background-color: rgba(0, 0, 0, 0.7);
            outline-offset: -15px;
            -webkit-transition: all 500ms ease-out;
            -moz-transition: all 500ms ease-out;
            -ms-transition: all 500ms ease-out;
            -o-transition: all 500ms ease-out;
            transition: all 500ms ease-out;
          }
      
      
          .subkat-img span div{
            padding: 0 30px;
            color: rgba(255, 255, 255, 0);
            -webkit-transition: all 500ms ease-out;
            -moz-transition: all 500ms ease-out;
            -ms-transition: all 500ms ease-out;
            -o-transition: all 500ms ease-out;
            transition: all 500ms ease-out;
          }
      
          .subkat-img span:hover div{
            color: rgba(255, 255, 255, 1);
            -webkit-transition: all 500ms ease-out;
            -moz-transition: all 500ms ease-out;
            -ms-transition: all 500ms ease-out;
            -o-transition: all 500ms ease-out;
            transition: all 500ms ease-out;
          }

/* ------------------------ end infoblk ------------------*/

.h-prezent{
width: 100%;
height: 700px;
color: #000;
position: relative;
background: transparent;
}


.h-prezent-txt{
  font-size: 24px;
  color: #000;
position: relative;
z-index: 1;
padding-left: 7%;
max-width: 50%;
height: 100%;
display: flex;
  flex-direction: column;
  justify-content: center;
}


.h-prezent-przes{
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0);
z-index:0;
top: 0;
left: 0;
}


.h-prezent b, .h-prezent strong{
font-weight: 900;
font-size: 18px;
}





.h-prezent ol li{
padding: 10px 0 10px 40px;
margin-left: 80px;
list-style-type: decimal-leading-zero;
font-size: 48px;
font-weight: 900;
color: #f02137;
}

.h-prezent h3{
font-size: 24px;
font-weight: 900;
margin: 0 0 20px 0;
text-transform: uppercase;
}



.h-prezent h4{
font-size: 24px;
font-weight: bold;
margin: 0;
color: #fff;
}



.h-kont{
width: 50%;
float: left;
}




.h-ban-left{
width: 50%;
padding-right: 58px;
float: left;
}



.h-ban-right{
width: 50%;
padding-left: 58px;
float: right;
}

.h-ban-image{
width: 100%;
height: 316px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin-bottom: 30px;
}


#marki{
padding: 75px 0;
}




#mapa-google{
width: 100%;
height: 100%;
}

.tab-blok{
margin: 0 0 50px 0;
}

.tab-sec{
border-bottom: solid 1px #d1d2d3;
padding: 15px;
}

.tab-blok .tab-sec:first-of-type{
border-top: solid 1px #d1d2d3;
}





.tab-h{
background-position: left;
background-repeat: no-repeat;
line-height: 22px;
font-size: 18px;
font-weight: 500;
padding: 5px 0 5px 0;
color: #000;
cursor: pointer;
position: relative;
text-transform: uppercase;
}




.tab-h i{
 font-style: normal !important;
  }


.tab-cont{
padding: 20px 0;
display: none;
}

.angl{
position: absolute;
right: 20px;
top: 5px;
}

/* ---------------- end HOME -------------------------*/








h1, h2, h3, h4{
  font-weight: 400;
  line-height: 1.1;
position: relative;
}

h3.pole{
font-size: 48px;
padding: 10px 0 30px 0;
text-align: center;
}







.h1{
  font-size: 36px;
  margin: 0 0 34px 0;
  color: #000;
  text-transform: uppercase;
  font-weight: 600;
  font-family: 'Montserrat', serif;
}


.h2{
  font-size: 32px;
  color: #000;
  bottom: 0;
  margin: 0.5em 0;
  font-weight: 600;
  text-transform: uppercase;
  font-family: 'Montserrat', serif;
}









.hcent{
  text-align: center;
  margin-top: 50px;
}




a.more{
display: block;
width: 170px;
height: 45px;
line-height: 45px;
font-size: 13px;
text-align: center;
margin: 40px 0;
color:#000;
background: transparent;
border: solid 1px #000;
font-weight: normal;
-webkit-transition: all 500ms ease-in;
-moz-transition: all 500ms ease-in;
-ms-transition: all 500ms ease-in;
-o-transition: all 500ms ease-in;
transition: all 500ms ease-in;
}

a.more:hover{
  color: #000;
  border: solid 1px #000;
  -webkit-transition: all 500ms ease-in;
-moz-transition: all 500ms ease-in;
-ms-transition: all 500ms ease-in;
-o-transition: all 500ms ease-in;
transition: all 500ms ease-in;
}

a.moren{
  display: inline-block;
  font-size: 16px;
  color: #b99d6c;
  text-decoration: underline;
  font-weight: 700;
  margin: 30px 0 15px 0;
}
.wrapper-out{
width: 1200px;
margin: 0 auto;
position: relative;
}


#wrapper-outc{
  background: transparent;

}

.wrapper-inc{
  padding: 0 7%;
}


.tresci{
overflow: hidden;
}


.tresci .embed-container { position: relative; margin-top: 40px; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } 
.tresci .embed-container iframe, .embed-container object, 
.tresci .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.tresci b, .tresci strong{
font-weight: 700;
color: #000;
}


.tresci h1, .tresci .h1{
  font-size: 36px;
  margin: 0 0 34px 0;
  color: #000;
  text-transform: uppercase;
  font-weight: 600;
  font-family: 'Montserrat', serif;
}


.tresci h2, .tresci .h2{
  font-size: 32px;
  color: #000;
  bottom: 0;
  margin: 0.5em 0;
  font-weight: 600;
  text-transform: uppercase;
  font-family: 'Montserrat', serif;
}

.tresci h3{
  font-size: 26px;
  color: #000;
  bottom: 0;
  margin: 1.5em 0;
  font-weight: 600;
  text-transform: uppercase;
  font-family: 'Montserrat', serif;
}

.tresci h4{
  font-size: 22px;
  color: #000;
  bottom: 0;
  margin: 1.5em 0;
  font-weight: 600;
  text-transform: uppercase;
  font-family: 'Montserrat', serif;
}






.tresci p{
margin: 1.5em 0;
}

.tresci .h2{
margin-top: 0 !important;
}

.tresci i, .tresci em{
font-style: italic
  }

  .tresci u{
text-decoration: underline;
    }

.tresci blockquote{
color: #959694;
text-align: center;
 margin: 30px 0;
 font-size: 36px;
 line-height: 1.2em;
 font-weight: bold;
 /*
  padding-left: 120px;
 background: url(../img/cyt-ico.png) no-repeat 10px 10px;*/
}
  

.doc-dark .tresci blockquote{

color: #2d2d2e;
 }

.tresci ul{
  margin: 20px 0 20px 5px;
  list-style: none;

  }
  
  .tresci ol{
    margin: 20px 0 20px 20px;
    padding-left: 60px;
    list-style-type: decimal-leading-zero;
    }
    .tresci ul:not(.pliki) > li{
      margin: 20px 0;
     padding: 3px 20px 3px 30px;
     -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
 border-left: solid 4px 
      }
  

      .tresci ul  ul  li,  .tresci ul  ol li,  .tresci ol  ol  li,  .tresci ol ul  li{
        margin: 10px 0 0 0 !important;
       padding: 5px 0 0 40px !important;
       border: none !important;
           background: none !important;
        }
  
  
  
  
  .tresci ol {
    list-style: none;
    counter-reset: my-awesome-counter;
    margin: 0;
    padding: 0;
  }
  .tresci ol > li {
    counter-increment: my-awesome-counter;
    width: 100%;
    margin: 20px 0 20px 100px;
    position: relative;
    min-height: 50px;
     padding: 20px 120px 20px 20px;
    border-left: solid 3px #d6d6df;
    -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
    
  }
  .tresci ol > li::before {
    content: "0" counter(my-awesome-counter);
    font-weight: 400;
    font-size: 2.5rem;
    font-family: 'Montserrat', serif;
    line-height: 1;
    color: #d6d6df;
    width: 90px;
    
    margin-right: 20px;
    position: absolute;
    top: 10px;
    left: -90px;
  }
  
  

  
  .doc-dark .tresci ul:not(.pliki) > li{
    border-bottom: #717176 1px dashed;
    padding: 20px 10px 22px 35px;
    font-weight: 500;
  }
  

/*------------------------- TOP KATGEORIA --------------------------- */

#TopCat{
width: 100%;
padding: 20px 0;
position: relative;
border-bottom: solid 1px #ebebeb;
font-size: 13px;
line-height: 1.4em;
margin-bottom: 20px;
}

#TopCat span{
  display: block;
  max-width: 600px;
}

#TopCattxt{
width: 54%;
}

#TopCatfoto{
  width: 44%;
}
#TopCatfoto img{
  width: 100%;
  height: auto;
}

#TopCat .h1{
  margin: 5px 0 15px 0;
}

#TopCat li{
font-size: 13px;
display: inline;
padding: 0 3px;
}

#TopCat li::after{
content: " / ";
padding-left: 5px;
}

#TopCat li:last-of-type::after {
content: "";
padding-left: 0;
}

#TopCat a:hover{
color: #d9c0b3;
}



/* ------------------------ PREZENTACJA KATEGORII ---------------------------- */

.kat-prez{
width: 100%;
height: 680px;
clear: both;
position: relative;
}

.kat-prez-brazc{
background: #3a2824;
}
.kat-prez-brazj{
background: #855c3b;
}
.kat-prez-bez{
background: #b29376;
}

.kat-prez-txt{
width: 35%;
height: 100%;
padding: 90px 70px 0 100px;
color: #fff;
font-size: 22px;
}


.kat-prez-lft{
float: left;
}

.kat-prez-rgh{
float: right;
}

.kat-prez-txt h3{
font-size: 58px;
margin-bottom: 30px;
}

.kat-prez-txt h4{
font-size: 28px;
margin-bottom: 30px;
}






.kat-prez-img{
width: 65%;
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size:cover;
}


.kat-prez-txt ul{
margin-top: 30px;
padding-left: 20px;
list-style-image: url('../img/li.png');
}

.kat-prez-txt li{
padding-top: 5px;
padding-bottom: 5px;
font-size: 28px;
}

.kat-prez-txt li a{
color: #fff;
}

.kat-prez-txt li a:hover{
color: #e3dad5;
}


/* ------------------------ end PREZENTACJA KATEGORII ---------------------------- */


/* ---------------------------PODKATEGORIE STRONA ------------------------------- */

.kat-sub{
width: 100%;
padding: 0;
height: 800px;
float: left;
}

.kat-sub-img{
  width: 100%;
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover;
  position: relative;
  margin-bottom: 34px;

}


.kat-sub-img img{
  width: 100%; 
  height: 100%; 
  object-fit: cover;
  }


.kat-image-left{
width: 50%;
height: 100%;
position: relative;
float: left;
background-color: #ebebeb;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}



.kat-image-right{
width: 50%;
height: 100%;
background-color: #ebebeb;
position: relative;
float: right;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}



.kat-text-right{
width: 50%;
height: 100%;
float: left;
padding-left: 7%;
padding-right: 12%;
display: flex;
  flex-direction: column;
  justify-content: center;
}


.kat-text-left{
width: 50%;
height: 100%;
float: right;
padding-right: 7%;
  padding-left: 12%;
display: flex;
  flex-direction: column;
  justify-content: center;
}




.kat-image-right a, .kat-image-left a{
width: 100%;
height: 100%;
left: 0;
top: 0;
position: absolute;
color: #fff;
padding: 0 20px;
text-align: center;
background-color: rgba(0, 0, 0, 0.7);
opacity: 0;
filter: alpha(opacity=0);
font-size: 38px;
font-weight: 400;
text-transform: uppercase;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: flex;
transition: opacity 0.6s, visibility 0.6s;
  flex-direction: column;
  justify-content: center;
}



.kat-image-right a:hover, .kat-image-left a:hover{
    opacity: 1.0;
    filter: alpha(opacity=100);
	 transition: opacity 0.6s, visibility 0.6s;
}





/* ------------------------------- ARTYKUŁY ----------------------------------*/





.news-lft{
padding-top: 50px;
}

.news-img {
  margin: 50px 0; 
  vertical-align: middle;
}

.news-img  img, .news-f-img img{
  width: 100%;
  height: auto;
  vertical-align: middle;
}




.news-rgt{
  width: 540px;
  float: right;
  padding-left: 30px;
  padding-top: 50px;
  text-align: right;
  }


  .news-rgt img{
    max-width: 100%;
    height: auto;
  }

  .news-rgt a{
display: block;
margin: 30px 0;
  }

.news-out{
  display: flex;
}

.news-f-lft{
  width: calc(100% - 540px);
}


.news-f-rgt{
  width: 540px;
  padding-left: 30px;

  position: relative;
}

.news-f-rgt h1{
  margin: 1em 0;
}

.news-f-rgt p{
  margin: 0;
}

.news-t{
  bottom: 0;
  position: absolute;
  line-height: 1.4em !important;
}


.news-t h1{
  margin: 0 0 20px 0!important;
}


.autor-box{
  font-size: 13px;
  line-height: 13px;
  padding: 5px 0;
}
.autor-box img{
  margin: 10px 0;
  display: block;
}

.autor-box b{
  display: block;
  font-weight: normal;

}



a.komt{
  display: block;
  color: #000;
  margin: 10px 0 30px 0;
  padding-left: 28px;
  line-height: 15px;
  font-size: 13px;
  background: url("../img/co-ico.png") no-repeat left;
}



a.tag{
display: inline-block;
height: 36px;
line-height: 36px;
text-align: center;
padding: 0 30px;
color: inherit;
font-style: italic;
border: solid 1px #b2b2b2;
margin: 5px;
-webkit-transition: all 500ms ease-out;
-moz-transition: all 500ms ease-out;
-ms-transition: all 500ms ease-out;
-o-transition: all 500ms ease-out;
transition: all 500ms ease-out;
}

a.tag:hover{
  border: solid 1px #000;
  color: #000;
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -ms-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}


#disqus_thread{
  margin: 80px 0 50px 0;
}

.pliki-out{
  margin: 50px 0;
}


.pliki-out .h3{
  font-size: 32px;
  font-weight: 600;

}


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



.pliki li{
position: relative;
margin: 15px 0;
padding: 0 20px 2px 20px;
color: #000;
border-left: solid 5px #000;
border-bottom: #d3d3d3 1px dashed;
-webkit-transition: all 500ms ease-out;
-moz-transition: all 500ms ease-out;
-ms-transition: all 500ms ease-out;
-o-transition: all 500ms ease-out;
transition: all 500ms ease-out;
z-index: 1;

}

.doc-dark .pliki-out .pliki li{

  color: #2d2d2e;
  }






.doc-dark .pliki li span{
  background: #fff;
  }

  .doc-dark .pliki li:first-letter{
    color: #00a6e3;
    }

.pliki li a{
  display: block;
  width: 100%;
  padding: 5px 0;

}


.pliki li:hover{
  color: #a06367;
border-left: solid 5px #a06367;
border-bottom: #a06367 1px dashed;
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -ms-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
  }

/* --------------- lista ------------------*/

.doc-odst{
  margin: 50px   auto !important;
}


.artykuly{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin: 60px 0;
 
}

.gal-list{
  width: 30%;
margin: 20px 0;
background: #fff;
height: 380px;
overflow: hidden;
}

.gal-list a{
  width: 100%;
  height: 100%;
  display: block;
  -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 20px;
  }


  .gal-list-img{
    width: 100%;
    height: 260px;
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover;
    position: relative;
    margin-bottom: 25px;
    }
    
    
    .gal-list-img img{
      width: 100%; 
      height: 100%; 
      object-fit: cover;
      }

  .gal-list-img a{
    width: 100%;
    height: 100%;
    padding: 0;
    display: block;
    }




    .gal-list-img span{
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    outline: 1px solid #fff;
    text-align: center;
    display: flex;
      flex-direction: column;
      justify-content: center;
      -webkit-transition: all 500ms ease-out;
      -moz-transition: all 500ms ease-out;
      -ms-transition: all 500ms ease-out;
      -o-transition: all 500ms ease-out;
      transition: all 500ms ease-out;
    }
    
    .gal-list-img span:hover{
      background-color: rgba(0, 0, 0, 0.7);
      outline-offset: -15px;
      -webkit-transition: all 500ms ease-out;
      -moz-transition: all 500ms ease-out;
      -ms-transition: all 500ms ease-out;
      -o-transition: all 500ms ease-out;
      transition: all 500ms ease-out;
    }
    
    .gal-list-img span i{
      color: #fff !important;
      display: none;
    }
    
    .gal-list-img span:hover i{
      color: #fff !important;
      display: inline;
    }



    .drag-info{
      text-align: right;
      padding-right: 24px;
      color: #787878;
      font-size: 13px;
      background: url('../img/drag.png') no-repeat right;
      font-style: italic;
      margin-right: 20px;
      height: 20px;
      line-height: 20px;
      display: none;
      }




    .mobel{
      display: none;
    }
    .deskel{
      display: block;
    }

 

    .flex-out-p{
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start;
      justify-content: space-between;
    }

    

p.topinfo{
	margin: 20px 0 0 0;
	font-size: 13px;

}

p.topinfo a{
	color: inherit;

}
p.topinfo a:hover{
	color: #000;
	text-decoration: none;

}


p.topinfo span{
  display: block;
  font-size: 14px;
       color: #000;
  font-weight: 600;
  margin: 0 0 4px 0;
}
    
p.topinfo b{
font-weight: 700;
color: #586E2C;
text-decoration: underline;
}

    #ProduktFoto{
      width: 48%;
      overflow: hidden;
      margin-top: 30px;
      padding: 0;
      text-align: center;
      position: sticky;
      position: -webkit-sticky;
      top: 40px;
      }
      
      #Pfoto{
        width: 100%;
        position: relative;
      margin-bottom: 10px;
     }
        
        
        #Pfoto .swiper-slide{
        width: 100%;
        height: 500px;
        position: relative;
        
        }

        #Pfoto .swiper-slide a{
          display: block;
          width: 100%;
          height: 100%;
        }
        
        #Pfoto .swiper-slide img{
        	width: 100%; 
		height: 100%; 
		 object-fit: cover;
        }
    
        #pf-nex-but{
          right: -100px;
          }
          
          
          #pf-prev-but{
          left: -100px;
          }
          
          
          
          #GaleriaTh{
          width: 100%;
          height: 70px;
          }
          
          
          #GaleriaTh .swiper-slide{
          width: 70px;
          height: 70px;
          border: solid 1px #eaeaea;
          cursor: pointer;
          background-position: center;
          background-repeat: no-repeat;
          background-size: cover;
          }
          
          #GaleriaTh .clc{
          border: solid 1px #fa6900;
          }
    
    
    
    
    
    
          #ProduktInfo{
            margin-top: 30px;
            width: 48%;
            }
            
          
            #ProduktInfo .tresci .h2{
             margin-bottom: 40px;
              }
        
          
      
    
    
          #ProduktInfo a.brand{
        color: #a2a2a2;
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 600;
          }
            
          #ProduktInfo a.brand:hover{
            color: #000;
            text-decoration: none;
              }
                
          
              #ProduktInfo	.flex-out{
                margin-top: 20px;
              }
    




              .swiperek-out{
                width: 100%;
                height: 500px;
                position: relative;
              }
              
              
              .swiperek{
                width: 100%;
                height: 500px;
              }
             
              
              .swn{
                right: -30px;
              }
              
              .swp{
                left: -30px;
              }
              

              #swn, #swn2{
                right: -30px;
              }
              
              #swp, #swp2{
                left: -30px;
              }
              

          #art-pak{
            display: block;       
            font-size: 13px;
           /* 
           line-height: 1;
           min-height: 30px;
           padding-left: 40px;
           background: url('../img/ico-pak.png') no-repeat left; */
          }
          
          
          #art-wag{
            display: block;
            margin-top: 20px;
            
            
            
            font-size: 13px;
          
            /* 
            line-height: 1;
            min-height: 30px;
            padding-left: 40px;
            background: url('../img/ico-wa.png') no-repeat left; */
          }
          
          
          
          #art-pak span, #art-wag span{
            display: block;
            font-size: 14px;
                 color: #000;
            font-weight: 600;
            margin: 0 0 4px 0;
          }


          #ProduktKontakt{
            display: -moz-box;
        display: -webkit-flexbox;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-flex;
        display: flex;
        justify-content: space-between ;
        flex-wrap: wrap; 
        background: #efefef;
        padding: 10px 30px;
        margin: 40px 0;
          }



          .p-info{
            display: block;
          color: inherit;
          margin: 0;
          height: 60px;
         padding: 15px 5px 15px 60px;
          font-size: 12px;
          line-height: 1.2;
          width: 30%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;	
          }
          
          
          #zapytaj-op{
          background: url('../img/zapytaj.png') no-repeat left;
          }
          #telefon-s{
            background:  url('../img/phone.png') no-repeat left;
            }
          
          #email-s{
            background:  url('../img/email.png') no-repeat left;
            
          }
          
          .p-info b{
            display: block;
            text-transform: uppercase;
           }

           .p-info span{
            display: block;
            font-size: 12px;
          padding-top: 1px;
            color: #586E2C;
           }
          
          
          .p-info:hover{
            text-decoration: none;
            color: #000;
          }
          

          #OpisProdukt{
            margin-top: 40px;
          }

          #OpisProdukt h4{
            font-size: 18px;
            margin: 0;
            padding-bottom: 20px;
            font-weight: 600;
            text-transform: uppercase;
            font-family: 'Montserrat', serif;
            position: relative;
           
          }

        

          #OpisProdukt h4 span{
            position: absolute;
            right: 0;
            top: -14px;
            
            display: block;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            text-align: center;
            line-height: 44px;
            cursor: pointer;
          }
          #OpisProdukt h4 span:hover{
            background: #eae9e9;
          }

          #opisprodukt-txt{
            display: none;
            margin: 0 0 30px 0;
          }

          #opis-akcja{
            font-size: 13px;
            font-weight: 600;
            color: #586E2C;
            cursor: pointer;
            padding: 5px 0;
            border-top: solid 1px #eae9e9;
          }
          #opis-akcja > span{
            display: inline-block;
          }


          #opis-akcja i{
            margin-left: 5px;
          }



          #TopInfo{
            width: 42%;
        
					}

          .Koszyk-p{
            width: 100%;
            margin: 0;
            position: relative;
            font-size: 13px;
                }
            
            
    
                      
            
            
            
            .Koszyk-p form input[type="text"]{
            border: solid 1px #dedede;
            background: #ffffff;
            }
            



p.bsk{
margin: 10px 0 5px 0;
font-weight: normal;
position: relative;
}




#qtyimp{
  position: relative;

  }


  

  #qtyimp input[type="text"]
  {
  width: calc(100% - 100px);
  margin-left: 50px;
  text-align: center;
  margin-top: 0;
  }
  
  
  
  #qtyplus{
  width: 46px;
  height: 50px;
  border: solid 1px #e2e2e2;
  text-align: center;
  line-height: 48px;
  position: absolute;
  right: 0;
  top: 0;
  background: #fff;
  cursor: pointer;
  }
  
  #qtyplus:before {
    content: "+";
    font-size: 20px;
    color: #969696
  }
  
  #qtyminus:before {
    content: "-";
    font-size: 20px;
    color: #969696
  }
  
  #qtyminus{
    width: 46px;
    height: 50px;
  border: solid 1px #e2e2e2;
  text-align: center;
  line-height: 48px;
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
  cursor: pointer;

  }



  .DoKoszyka{
    height: 47px;
    text-align: center;
    background: #586E2C;
    color: #fff;
    text-transform: uppercase;
    line-height:47px;
    cursor: pointer;
    font-size: 18px;
    margin-top: 10px;
    
    }
    
    

    .Pndst{
      border: solid 1px #586E2C;
      text-align: center;
      padding: 10px;
      position: relative;
      color: #586E2C;
      font-weight: bold;
      margin-bottom: 20px;
    }			
    


    #dost_24{
      border: solid 1px #cccbcb;
      padding: 10px 10px 10px 65px;
      margin-bottom: 20px;
      position: relative;
      line-height: 1.2;
      font-size: 12px;
      background: url('../img/dostawa24.png') no-repeat 10px;
    }

    #dost_n{
      border: solid 1px #cccbcb;
      padding: 10px 10px 10px 70px;
      margin-bottom: 20px;
      position: relative;
      font-size: 12px;
      line-height: 1.2;
      background: url('../img/dostawa.png') no-repeat 10px;
    }

    #dost_n b{
                color: #586E2C;
      font-size: 15px;
    }

    #dost_24 p{
  
      margin: 7px 0 5px 0;
    

    }

    #dost_24 p b{
    font-size: 14px;
    font-weight: bold;
    }



    #dost_24 b{
      color: #586E2C;
      font-weight: bold;
    }



    
#dostawa-d{
  border: solid 1px #cccbcb;
  padding: 10px 10px 10px 65px;
          margin-bottom: 20px;
          position: relative;
          font-size: 12px;
          line-height: 1.2;
          cursor: pointer;
          background: url('../img/dostawa-n.png') no-repeat 10px;
}

#dostawa-d b{
  color: #586E2C;
  font-weight: bold;
}


.PCena{
  border: solid 1px #586E2C;
  text-align: center;
  padding: 0 0 10px 0;
  position: relative;
}

.Pndst{
  border: solid 1px #586E2C;
  text-align: center;
  padding: 10px;
  position: relative;
  color: #586E2C;
  font-weight: bold;
  margin-bottom: 20px;
}			


.wysylka-info b{
color: #586E2C;
display: block;
}	



#wysylka-info-k{
border: solid 1px #cecece;
padding: 10px 10px 10px 65px;
margin: 20px 0;
position: relative;
font-size: 13px;
cursor: pointer;
background: #f9f9f9 url('../img/dostawa-n.png') no-repeat 10px;
}

#wysylka-info-k b{
color: #586E2C;
display: block;
font-size: 13px;
}

#ProduktInfo .Cena{
color: #586E2C;
font-size: 24px;
margin: 10px 0 0 0;
font-weight: 700;

}



  

  


#ProduktInfo .Special{
  display: block;
  font-size: 14px;
  color: #586E2C;
  line-height: 1;
  position: relative;
  text-decoration: none;
  }

  #ProduktInfo .Special:after{
    position: absolute;
    width: 60px;
    height: 1px;
    background: #586E2C;
    content: "";
    bottom: 7px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  



  p.upust2{
    width: 100%;
    font-size: 14px;
    
    color: #fff;
    margin: 0;
     height: 30px;
     line-height: 30px;
     z-index: 2;
    background:#586E2C;
    padding: 0;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
  
    }

p.oszcz{
margin: 0;
font-size: 12px;
color: #586E2C;
}





#ProduktOpis{
  padding: 40px 0;
  margin: 20px 0 40px 0;
}			




#art-action{
	background: #f8f8f8;
	padding: 10px 20px;
	margin: 40px 0;
	width: 100%;
	font-size: 13px;
	}
	
	
	#art-action a{
		display: inline-block;
		color: inherit;
		font-style: italic;
		margin: 0 10px;
	}








.swipper-prod-out{
  position: relative;

}



.Produkt{
  width: 23%;
  margin: 20px 0;
  min-height: 420px;
  height: 480px;
  font-size: 13px;
  position: relative;
}



.Produkt-sw{
  width: 370px !important;
  margin: 20px;
  min-height: 500px;
  font-size: 13px;
  position: relative;
  text-align: left !important;
  
}

#s-prev-but-new, #s-prev-but-pol{
  left: -40px;
}
#s-nex-but-new, #s-nex-but-pol{
  right: -40px;
}


.Produkt-s{
  position: relative;
  min-height: 480px;
  height: 480px  !important;   
  font-size: 13px;
    width: 23% !important;
    margin: 0 1%;
text-align: left !important;
align-items:flex-start !important;
}

.Produkt-s > div{
  width: 100%;
  height: 100%;
}


.Produkt a, .Produkt-s a, .Produkt-sw a{
   display: block;
   width: 100%;
   height: 100%;
}

.Produkt .h3, .Produkt-s .h3, .Produkt-sw .h3{
  font-size: 16px;
  margin: 0;
  line-height: 1.2;

}

.brand{
  margin: 0;
}

.wagan{
  font-size: 13px;
  line-height: 1.2;
  margin: 7px 0;
}

.Produkt-img{
  width: 100%;
  height: auto;
  position: relative;
  margin-bottom: 20px;
  }

  .Produkt-img img{
    width: 100%; 
    height: auto;

    }
  

.Produkt-img a{
width: 100%;
height: 100%;
padding: 0;
display: block;
}





.Produkt-img span{
  width: 100%;
  height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
text-align: center;
display: flex;
opacity: 0;
  flex-direction: column;
  justify-content: center;
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -ms-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}

.Produkt-img:hover span{
  opacity: 1;
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -ms-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}



.Cena{
font-size: 18px;
font-weight: 600;
color: #000;
margin: 0;
}



p.upust{
  font-size: 12px;
  
  position: absolute;
  top: 10px;
  left: -5px;
  color: #fff;
   height: 30px;
   line-height: 30px;
   z-index: 2;
  background:#000;
  padding: 0 20px;
  text-transform: uppercase;
  font-weight: 600;
  }
  
  
  p.newp{
    font-size: 12px;
    position: absolute;
    top: 10px;
    left: -5px;
    color: #272727;
     height: 30px;
     line-height: 30px;
     z-index: 2;
    background:#fff;
    padding: 0 10px;
    text-transform: uppercase;
    font-weight:600;
    letter-spacing: 1px;
    border: solid 1px #272727;
  }

.Special{
  text-decoration: line-through;
  color: #a5a4a4;
  font-weight: 400;
  font-size: 14px;
  }



.art-list{
width: 30%;
margin: 20px 0;
min-height: 450px;
font-size: 13px;

}

.art-list a{
  width: 100%;
  height: 100%;
  display: block;
  -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 0 20px 0;
  }

  .art-list .h3{
    margin: 15px 0 10px 0;

  }


.art-list-img a{
width: 100%;
height: 100%;
padding: 0;
display: block;
}


.art-list-img{
width: 100%;
height: 260px;
background-position: center;
background-repeat: no-repeat;
background-size:cover;
position: relative;
margin-bottom: 34px;
}


.art-list-img img{
  width: 100%; 
  height: 100%; 
  object-fit: cover;
  }


.art-list-img span{
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
position: absolute;
top: 0;
left: 0;
z-index: 2;

text-align: center;
display: flex;

  flex-direction: column;
  justify-content: center;
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -ms-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}

.art-list-img span:hover{
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -ms-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}

.art-list-img span i{
  color: #fff !important;
  text-transform: uppercase;
  border: solid 1px #fff;
  width: 150px;
  height: 40px;
  line-height: 40px;
  display: none;
  margin: 0 auto;
  font-size: 13px;
}

.art-list-img span:hover i{
  color: #fff !important;
  display: block;
}




.art-data{
width: 120px;
height: 120px;
-webkit-border-radius: 60px;
border-radius: 60px;
font-size: 18px;
float: left;
background: #b3c071;
color: #20332f;
text-align: center;
margin-right: 30px;
display: flex;
  flex-direction: column;
  justify-content: center;
}

.art-data span{
font-size: 52px;
font-weight: 600;
line-height: 0.8;
display: block;
margin-top: 4px;
}

.art-txt{
float: right;
width: calc(100% - 150px);
}

/* -----------------------karta ------------- */

#art-top{
width: 100%;
}


#art-foto{
width: 50%;
height: 600px;
position: relative;
float: left;
 background-size:cover;
  background-position: center;
  background-repeat: no-repeat;
}


#art-foto a{
display: block;
width: 100%;
height: 100%;
}


#art-foto span{
  display: block;
  position: absolute;
  bottom: -60px;
  height: 60px;
  background: #f02137;
  width: 85%;
  left: 0;
  }


#art-opis{
width: 50%;
float: left;
padding-left: 50px;
padding-right: 7%;
position: relative;
}

p.kod{
margin: 0;
font-style: italic;

}



#art-txt h2{
margin-top: 0;
}

#art-action{
background: #f8f8f8;
padding: 25px;
margin: 20px 0;
width: 100%;
}


#art-action a{
  display: inline-block;
  color: #000;
  font-style: italic;
  margin: 0 10px;
}



#nawig-art{
  margin-top: 10px;
padding: 20px 0;
}


#nawig-art  a {
display: block;
width: 220px;
min-height: 94px;
padding: 0;
position: relative;
z-index: 1;
line-height: 1.3em;
font-size: 13px;
display: flex;
  flex-direction: column;
  justify-content: center;
}

#nawig-art .naw-p{
position: absolute;
z-index: -1;
padding: 0 10px;
	 -webkit-transition-property: all;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: linear;

}

#nawig-art-left .naw-p{
left: 0;
}

#nawig-art-right .naw-p{
right: 0;
}

#nawig-art-left{
text-align: left;
float: left;
background: #f8f8f8;
}


#nawig-art-right{
text-align: right;
float: right;
background: #f8f8f8;
}

#nawig-art  a  span{
display: block;
text-transform: uppercase;
font-size: 14px;
line-height: 20px;
color: #000;
font-weight: 600;
}

#nawig-art div.naw-img{
width: 70px;
height: 74px;
z-index: -1;
background-position: center;
background-repeat: no-repeat;
background-size:cover;
position: absolute;
    opacity:0;
    filter: alpha(opacity=0);

	 -webkit-transition-property: all;
    -webkit-transition-duration: 0.5s;
	 -webkit-transition-delay: 0.3s;
    -webkit-transition-timing-function: linear;
    transition-property: all;
    transition-duration: 0.5s;
	 transition-delay: 0.3s;
    transition-timing-function: linear;
}


#nawig-art-left  div.naw-img{
float: left;
top: 10px;
left: 10px;
}

#nawig-art-right  div.naw-img{
float: right;
top: 10px;
right: 10px;
}




a#nawig-art-left:hover  div.naw-p{
left: 80px;
}

a#nawig-art-left:hover  div.naw-img{
    opacity: 1;
    filter: alpha(opacity=100);
}


a#nawig-art-right:hover  div.naw-p{
right: 80px;
}

a#nawig-art-right:hover  div.naw-img{
    opacity: 1;
    filter: alpha(opacity=100);
}

/* ------------------------------- end ARTYKUŁY ----------------------------------*/










/* ------------------------- GALERIA --------------------------------------------- */



.galeria_home{
  width: 30%;
  padding: 2px;
  float: left;
}


.galh-1{
width: 30%;
padding: 2px 1px 2px 0;
height: 540px;
}


.galh-2,  .galh-3{
width: 20%;
padding: 2px 1px 2px 1px;
height: 540px;
}

.galh-4{
width: 30%;
padding: 2px 0 2px 1px;
height: 540px;
}


.galeria-out{
  margin: 30px 0;
}

.galeria{
width: 25%;
padding: 2px;
float: left;
}




.gal-1{
width: 50%;
padding: 1px 1px 1px 0;
height: 720px;
}




.gal-2{
width: 25%;
height: 720px;
padding: 1px 1px 1px 1px;
}



.gal-3{
width: 25%;
padding: 1px 0 1px 1px;
height: 360px;
}


.gal-4{
width: 25%;
padding: 1px 0 1px 1px;
height: 360px;
}


.gal-5{
width: 25%;
padding: 1px 1px 1px 0;
height: 360px;
}

.gal-6{
width: 25%;
padding: 1px 1px 1px 1px;
height: 360px;
}

.gal-7{
width: 50%;
padding: 1px 0 1px 1px;
height:  720px;
float: right;
}


.gal-8{
width: 25%;
padding: 1px 1px 1px 0;
height: 360px;
}

.gal-9{
width: 25%;
padding: 1px 1px 1px 1px;
height: 360px;
}


.g-img{
width: 100%;
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size:cover;
position: relative;
}


.g-img span, .g-img-art span, .g-img-prod span{
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 10px;
text-align: center;
position: absolute;
color: #fff;
background-color: rgba(0, 0, 0, 0.7);
opacity: 0;
filter: alpha(opacity=0);
font-size: 14px;
display: flex;
transition: opacity 0.6s, visibility 0.6s;
  flex-direction: column;
  justify-content: center;

  -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.g-img span i, .g-img-art span i, .g-img-prod span i{
color: #fff;
font-size: 40px;

}



.g-img span:hover, .g-img-art span:hover, .g-img-prod span:hover{
    opacity: 1.0;
    filter: alpha(opacity=100);
	 transition: opacity 0.6s, visibility 0.6s;
}






.g-img .flm, .g-img-art .flm, .g-img-prod .flm{
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 10px;
  text-align: center;
  position: absolute;
  color: #fff;
  font-size: 64px;

  opacity: 0.6;
  filter: alpha(opacity=60);
  display: flex;
    flex-direction: column;
    justify-content: center;
  }
  

  .flm i{
    font-style: normal !important;
  }
  
  












#gal-txt{
width: 50%;
padding: 2px 0 2px 2px;
height: 720px;
float: left;
}


#gal-txt ol{
padding-left: 100px;
list-style-image: url('../img/li.png');
color: #20362b;
}

#gal-txt li{
padding: 16px 0;
padding-left: 30px;
font-size: 22px;
color: #20362b;
}

#gal-txt > div{
width: 100%;
height: 100%;
background: #f2f2f2;
overflow: hidden;
display: flex;
  flex-direction: column;
  justify-content: center;
}

#gal-txt > div > div{
padding: 40px;
}











/* -------------------------  GALERIA artykuly --------------------------------------------- */



.galeria-art{
  width: 25%;
padding: 1px;
height: 280px;
float: left;
}

.g-img-art{
width: 100%;
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size:cover;
position: relative;
}

.g-img-art img{
  width: 100%; 
  height: 100%; 
  object-fit: cover;
  vertical-align: middle;
}


.gl-art-1{
  width: 30%;
  padding: 1px 1px 1px 0;
  }
  
  .gl-art-2{
    width: 20%;
    padding: 1px 1px 1px 1px;
 }
  

 .gl-art-3{
  width: 30%;
  padding: 1px 1px 1px 1px;
}

.gl-art-4{
  width: 20%;
  padding: 1px 0 1px 1px;
}


.gl-art-5{
  width: 20%;
  padding: 1px 1px 1px 0;
}

.gl-art-6{
  width: 30%;
  padding: 1px 1px 1px 1px;
}


.gl-art-7{
  width: 20%;
  padding: 1px 1px 1px 1px;
}

.gl-art-8{
  width: 30%;
  padding: 1px 0 1px 1px;
}



/* -------------------------  GALERIA produkty --------------------------------------------- */

.galeriaProdukty{
padding: 90px 35px 35px 35px;
}

.galeria-prod{
  width: 20%;
  padding: 5px;
  float: left;
  }
  
  .g-img-prod{
  width: 100%;
  height: 150px;
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover;
  position: relative;
  }

/* ------------------------- end GALERIA --------------------------------------------- */




/* ------------------------------ PRODUKTY ----------------------*/
#ZobaczInne{

  padding: 0 0 30px 0;
  

}

#ZobaczInne h4{
font-size: 18px;

}
.p-more{
float: left;
padding: 10px 10px 0 0;
width: 33.3333%;
}

.p-more a{
  max-width: 100%;
  }

.p-more a img{
max-width: 100%;
height: auto;
}


/* ---------------------------- DOKUMENT ---------------------------------------*/

.doc-paralax{
padding: 100px 0;
color: #fff;
position: relative;
text-align: center;
font-size: 18px;
}

.doc-paralax .h1{
  color: #fff !important;
  border: 0;
  text-align: center !important;
  line-height: 1.3 !important;
  
}

.doc-paralax .h1 span{
  color: #fff !important;
}

.doc-paralax h1, .doc-paralax h2, .doc-paralax h3, .doc-paralax h4{
  color: #fff;

}







.doc-paralax-przes{
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index:0;
  top: 0;
  left: 0;
  z-index: 7;
  }


  .doc-paralax .wrapper-inc{
position: relative;
z-index: 10;
 
  }


.doc-flex{
width: 100%;
 display: -moz-box;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    justify-content: space-between ;
    flex-wrap: wrap;
}


.flex-box3{
width: 30%;
padding: 40px 0;
}


.flex-box3 h2{
  font-weight: 500;
  font-size: 24px;
  color: #19191a;
  line-height: 1;
  margin: 0 0 30px 0;
  position: relative;
  text-transform: uppercase;
}

.doc-paralax a.more{
color: #fff;
border-color: #fff;
text-transform: uppercase;
width: 300px;
}





.box-f-image{
  width: 100%;
  height: 260px;
  margin-bottom: 20px;
}

.box-f-image img{
  width: 100%; 
  height: 100%; 
  object-fit: cover;
}


.doc-dark{
  background: #ebebeb;
  color: #2d2d2e;
padding: 40px 0;
}




.doc-caly{
width: 100%;
clear: both;
padding: 40px 0;
}



.doc-paralax .more{
margin-left: auto;
margin-right: auto;

}


.motto{
font-weight: normal;
font-size: 36px;
margin-bottom: 30px;
color: #bbc1c4;
}




.doc-lewy{
width: 48%;
padding: 40px 0;
}



.doc-link{
width: 100%;
height: 100%;
}

.doc-link a{
display: block;
width: 100%;
height: 100%;
text-align: center;
color: #fff;
background-color: rgba(0, 0, 0, 0.7);
opacity: 0;
display: flex;
  flex-direction: column;
  justify-content: center;
filter: alpha(opacity=0);
transition: opacity 0.6s, visibility 0.6s;

}
.doc-link a:hover{
    opacity: 1.0;
    filter: alpha(opacity=100);
	 transition: opacity 0.6s, visibility 0.6s;
}

.doc-prawy{
width: 48%;
padding: 40px 0;
}

.zfoto{
background-position: center;
background-repeat: no-repeat;
background-size: cover;

}


.doc-wh{
width: 100%;
height: 100vh;
}



.doc-wh-lewy{
width: 50%;
height: 100%;
float: left;
padding: 0 60px 0 120px;
display: flex;
  flex-direction: column;
  justify-content: center;
   background-size:cover;
  background-position: center;
  background-repeat: no-repeat;
}



.doc-wh-prawy{
width: 50%;
height: 100%;
float: right;
padding: 0 120px 0 60px;
position: relative;
display: flex;
  flex-direction: column;
  justify-content: center;
   background-size:cover;
  background-position: center;
  background-repeat: no-repeat;

}

.doc-wh-caly{
width: 100%;
height: 100%;
background: #faf9f8;
display: flex;
  flex-direction: column;
  justify-content: center;
   background-size:cover;
  background-position: center;
  background-repeat: no-repeat;
}

#mapa-google-doc{
width: 100%;
min-height: 500px;
height: 100%;
}

#mapid-doc{
  width: 100%;
  min-height: 400px;
  height: 100%;
  }

.gal-odst{
height: 40px;
}



/*
.doc-wh-prawy #kontaktowy, .doc-wh-lewy #kontaktowy{
position: absolute;
left: 0;
top: 0;
padding: 20px 0 0 0;
width: 100%;
height: 100%;
background: #faf9f8;
}
*/




.table-blok{
overflow-x: auto;
min-width: 100%;
}

/*
table{
width: 100%;
border-collapse: separate;
border-spacing: 5px;
empty-cells: show;
margin: 0;

}

table tr{
  background: #0288d0;
}

table td{
padding: 20px 15px;
text-align: left;
font-size: 14px;
vertical-align: middle;
color: #fff;
}

table thead tr{
  background: transparent;
  }
table thead  td{
background: transparent;
font-weight: 600;
font-size: 15px;
padding: 10px;
text-transform: capitalize;
background: transparent;
color: #fff;
}

table tr:nth-child(even){
  
  background: #00a6e3;
}


table.rwno td{

  width: 33.33333%;
}


table tr.ar td{
background: #f4f4f4;
}

table tr.sprzed td{
color: rgba(255, 255, 255, 0.3);
}


table td.tb-sprzed{
background: #c75050;
color: #fff !important;
}

table td.tb-rez{
background: #a2861a;
color: #fff !important;
}


table tr.ar td.tb-sprzed{
background: #c75050;
color: #fff !important;
}

table tr.ar td.tb-rez{
background: #a2861a;
color: #fff !important;
}


sup{
vertical-align: super;
}


table p{
margin: 5px 0 !important;
}
*/
/* ---------------------------- end DOKUMENT ---------------------------------------*/






/* --------------------------STOPKA------------------------------------*/







#stopka-out{
background: #ebebeb;
}


#stopka{
width: 100%;
margin: 0;
padding: 65px 0 35px 0;
display: -webkit-flex;
display: flex;
width: 100%;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between ;
}


#stopka-text{
  margin-top: 40px;
  width: 100%;
  font-size: 13px;
  background: #f7f7f7;
  padding: 40px 0;
}

#stopka-text > div{
  padding-left: 200px;
  background: url('../img/logo-ol.png') no-repeat left ;
  background-size: 120px auto;
}


.stopka-inc{
  width: 30%;
}


.stopka-inc h1, .stopka-inc .h1{
  font-size: 36px;
  margin: 0 0 34px 0;
  color: #000;
  text-transform: uppercase;
  font-weight: 600;
  font-family: 'Montserrat', serif;
}






.stopka-inc li{
  margin: 5px 0;
}


#copyr{
padding: 40px 0;

}



#wp-logo{
display: block;
position: absolute;
right: 80px;
top: -5px;
width: 82px;
height: 32px;
background: url('../img/wp-logo.png') no-repeat center;
opacity: 0.5;
filter: alpha(opacity=50);
}

#wp-logo:hover{
opacity: 1;
filter: alpha(opacity=100);
}

.soc-ico{
display: inline-block;
width: 40px;
height: 40px;
overflow: hidden;
font-size: 18px;
margin: 25px 0 0 0;
color: #000;
text-align: center;
line-height: 42px;
-webkit-transition: all 500ms ease-out;
-moz-transition: all 500ms ease-out;
-ms-transition: all 500ms ease-out;
-o-transition: all 500ms ease-out;
transition: all 500ms ease-out;
}

.soc-ico > i{
  font-style: normal;
}

.soc-ico:hover{
color: #b99d6c;

-webkit-transition: all 500ms ease-out;
-moz-transition: all 500ms ease-out;
-ms-transition: all 500ms ease-out;
-o-transition: all 500ms ease-out;
transition: all 500ms ease-out;
}





/* ------------------------------------ FORMULARZ ---------------------*/


form label{
display: block;
color: #606060;
font-size: 13px;
margin: 10px 0 2px 0;
font-weight: normal;
}



form input[type="text"],
form input[type="password"],
form select,
form textarea
{
color:#6a6a6a;
border: solid 1px #e9e9e9;
background: #fff;
padding: 15px;
font-family: 'Raleway', sans-serif;
font-size: 15px;
margin: 0 0 10px 0;
width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


form input[type="text"]:focus,
form input[type="password"]:focus,
form select:focus,
form textarea:focus
{
border: solid 1px #919191;
background: #fff;
}



form input[type="submit"]{
  border: 0;
color: #fff;
background: #000;
padding: 0;
line-height: 50px;
font-size: 14px;
text-align: center;
margin: 10px auto;
width: 240px;
cursor: pointer;
text-transform: uppercase;
font-family: 'Raleway', sans-serif;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}



form input[type="image"]{
padding: 0;
display: inline-block;
margin: 0 10px;
cursor: pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}






form input[type="submit"].sbm2 {
	background:transparent;
	
		border-left: solid 1px #000;
		border-right: solid 1px #000;
		color: #000;
		font-size: 11px;
		padding: 2px 0;
    width: 70px;
    height: 30px;
    line-height: 30px;
		margin-top: 0;
		margin-left: 10px;
	 cursor: pointer;
	
	}


form input[type="submit"].bsk {
background: #000;
  border: 0;
  color: #fff;
  font-size: 16px;
  padding: 10px 20px;
  width: 100%;
 -moz-border-radius:2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
border-radius:2px;

}


form input[type="button"] {

background: #000;

  border: 0;
  color: #fff;
  font-size: 16px;
  padding: 10px 20px;
  width: 100%;
  margin-top: 20px;
 -moz-border-radius:2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
border-radius:2px;

}




.checkbox, .radio {
	width: 19px;
	height: 20px;
	padding: 0 25px 0 0;
	margin: 0 0 5px 0;
	background: url(../img/checkbox.png) no-repeat;
	display: block;
	clear: left;
	float: left;
}
.radio {
	background: url(../img/radio.png) no-repeat;
}
.select {
	position: absolute;
	width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 12px/21px arial,sans-serif;
	background: url(../img/select.png) no-repeat;
	overflow: hidden;
}




#kontaktowy form input[type="text"],
#kontaktowy form input[type="password"],
#kontaktowy form select,
#kontaktowy  form textarea
{
margin: 10px 0;

}



.container {
    display: block;
    position: relative;
    padding-left: 38px;
    margin-bottom: 10px;
    cursor: pointer;
    line-height: 25px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  

  .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 25px;
    width: 25px;
    left: 0;
    top: 0;
  }
  
  
  .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    border: solid 1px #b8b8b8;
    background: #fff;
    -webkit-border-radius: 3px;
border-radius: 3px;
  }
  

  .container:hover input ~ .checkmark {
    border: solid 1px #3a3939;
    background: #f2f2f2;
  }
  

  .container input:checked ~ .checkmark {
    background-color: #fff;
  }
  

  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  

  .container input:checked ~ .checkmark:after {
    display: block;
  }
  

  .container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid 000;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }




  .btn-lght{
    display: inline-block;
    height: 30px;
    line-height: 28px;
    color: #000;
    padding: 0 20px;
    margin: 15px 0;
    border: solid 1px #000;
    -webkit-border-radius: 5px;
border-radius: 5px;
background: #faf8f8;
cursor: pointer;
}

.btn-lght:hover{
    color: #fff;
    background: #000;
}

	
.user-flex{
  width: 100%;
   display: -moz-box;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    justify-content: space-between ;
    flex-wrap: wrap;
  }



  .user-flex > div{
    width: 48%;
    padding: 25px 0;
  }



.btn{
width: 160px;
height: 40px;
line-height: 40px;
background: #1b1c20;
color: #fff;
margin: 35px 0;
padding: 0 20px;
cursor: pointer;
}

.btn:hover{
background: #000;
}

.btn > i{
margin-right: 7px;
}





















#kod-schowka{
max-width: 300px;
}



#wyslijForm{
border: solid 1px #7f8c91;
color: #7f8c91;
background: transparent;
padding: 0;
line-height: 70px;
font-size: 24px;
text-align: center;
margin: 7px auto;
max-width: 300px;
cursor: pointer;
}











/* -----------------------NAWIGACJA ---------------------*/
#Navig{
width: 100%;
text-align: center;
padding: 25px 0;
clear: both;
}

#Navig a{
display: inline-block;
padding: 5px 10px;
margin: 0 2px;
font-size: 14px;
}

#Navig a:hover{
color: #190a03;
}

a.Nav{
color: #190a03;
font-weight: bold;
}





#gototop{
position: fixed;
right: 20px;
bottom: 30px;
width: 50px;
height: 50px;
background: #000;
color: #fff;
z-index: 100;
text-align: center;
line-height: 50px;
font-size: 24px;
cursor: pointer;
display: none;
-webkit-border-radius: 40px;
border-radius: 40px;
opacity: 0.7;
filter: alpha(opacity=70);
}

#gototop:hover{
opacity: 1;
filter: alpha(opacity=100);
}
















#cookieinfo{
  width: 280px;
  background: #e0e0e0;
  padding: 25px 25px 10px 25px;
  position: fixed;
  bottom: 30px;
  left: 30px;
  font-size: 13px;
  text-align: center;
  z-index: 100;
  
  }

  
  #cookieinfo a{
    display: inline-block;
    margin-top: 20px;
    padding: 5px 14px;
    text-transform: uppercase;
    color: #b6b3b3;
    font-weight: bold;
    text-align: center;
  }
  
  #cookieinfo p{
    margin: 0;
  }
  
  #closecinfo{
  color: #94ad02 !important;
    }


/*--------------------------------POPUP ----------------------*/

#zap-prod{
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: space-between;
  margin: 20px 0;
  border: solid 1px #f2f2f2;
  padding: 10px;
  }
  
  
  #z-img{
  width: 80px;
  height: 70px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #fff;
  text-align: center;
  }
  #z-img img{
    max-width: 80px;
    max-height: 70px;
    width: auto;
    height: auto;
    }
  
    #z-txt{
      width: calc(100% - 120px);
      display: flex;
  flex-direction: column;
  justify-content: center;
  color: #272727;
  font-size: 16px;
  font-weight: 800;
  text-transform: uppercase;
  }


.h2pop{
    font-size: 18px;
    color: #000;
    font-weight: 800;
    text-transform: uppercase;
	border-bottom: solid 1px #d3d3d3;
	margin: 0 0 30px 0;
	padding-bottom: 20px;
}


#popokno-mask{
	position: fixed;
	width: 100%;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 1000000000;
	top: 0;
	left: 0;
	}

  #popokno-mask > div{
    width: 100%;
    text-align: center;
    height: 100vh;
    display: flex;
      flex-direction: column;
      justify-content: center;
      z-index: 0;
    }
  
    #popokno-content{
      width: 800px;
      background: #fff;
      margin: 0 auto;
      padding: 0;
      text-align: left;
      position: relative;
      max-height: 90vh;
      min-height: 500px;
      overflow: hidden;
      z-index: 1;
      border-radius: 10px;
      display: -moz-box;
      display: -webkit-flexbox;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -moz-flex;
      display: flex;
      justify-content: space-between ;
      flex-wrap: wrap; 
      }


      #popokno-img{
        width: 50%;
        height: 100%;
        position: relative;
      }

      #popokno-img a{
        display: block;
        width: 100%;
        height: 100%;
      }

      #popokno-img img{
        width: 100%; 
        height: 100%; 
        object-fit: cover;
        }

        #popokno-txt{
          width: 50%;
          height: 100%;
          padding: 20px 40px;
          display: flex;
          flex-direction: column;
          justify-content: center;
          text-align: center;
        }

        #popokno-txt a.more{
          margin: 30px auto 0 auto;
        }

        #popokno-txt h4{
          font-size: 22px;
          color: #000;
          bottom: 0;
          margin: 0;
          font-weight: 600;
          text-align: center;
          text-transform: uppercase;
          font-family: 'Montserrat', serif;
        }
  
  
  #popokno-exit {
        cursor: pointer;
        display: block;
        height: 30px;
        padding: 0 15px;
        position: absolute;
        top: 8px;
        right: 8px;
         line-height: 20px;
         color: #fff;
         background: #fff url('../img/close.svg') no-repeat center;
         line-height: 30px;
         font-size: 10px;
         letter-spacing: 1px;
         text-align: center;
         text-transform: uppercase; 
         border-radius: 4px;
      }




#popup-mask{
	position: fixed;
	width: 100%;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 1000000000;
	top: 0;
	left: 0;
	display: none;

	}
	
	#popup-mask > div{
	width: 100%;
	text-align: center;
	height: 100vh;
	display: flex;
	  flex-direction: column;
	  justify-content: center;
	  z-index: 0;
	}

	#popup-content{
		max-width: 50%;
		background: #fff;
		margin: 0 auto;
		padding: 20px 40px;
		text-align: left;
		position: relative;
		max-height: 90vh;
		overflow-y: auto;
		display: none;
		z-index: 1;
		}


#popup-exit {
			cursor: pointer;
			display: block;
			height: 30px;
			padding: 0 15px;
			position: absolute;
			top: 0;
			right: 0;
			 line-height: 20px;
			 color: #fff;
			 background: #000;
			 line-height: 30px;
       font-size: 10px;
       letter-spacing: 1px;
       text-align: center;
       text-transform: uppercase;

		
    }
    



















    #popup-mask-p{
      position: fixed;
      width: 100%;
      height: 100vh;
      background-color: rgba(0, 0, 0, 0.7);
      z-index: 1000000000;
      top: 0;
      left: 0;
  
    
      }
      
      #popup-mask-p > div{
      width: 100%;
      text-align: center;
      height: 100vh;
      display: flex;
        flex-direction: column;
        justify-content: center;
        z-index: 0;
      }
    
      #popup-content-p{
        width: 620px;
        margin: 0 auto;
        padding: 0;
        text-align: center;
        position: relative;
        overflow: hidden;
        z-index: 1;
        }

      
    
    
    #popup-exit-p {
          cursor: pointer;
          display: block;
          height: 30px;
          padding: 0 15px;
          position: absolute;
          top: 0;
          right: 0;
           line-height: 20px;
           color: #fff;
           background: #000;
           line-height: 30px;
           font-size: 10px;
           letter-spacing: 1px;
           text-align: center;
           text-transform: uppercase;
    
        
        }


.n-img{
width: 100px;
height: 100px;
float: left;
margin: 0 0 25px 0;
 background-size:cover;
  background-position: center;
  background-repeat: no-repeat;
}

.n-txt{
width: calc(100% - 100px);
height: 100px;
float: left;
padding: 0 0 0 20px;
margin: 0 0 25px 0;
}

h1.hpop{
font-size: 32px;
margin-bottom: 15px;
background: #3a2824;
color: #fff;
padding: 20px
}

h2.hpop{
font-size: 20px;
margin-bottom: 5px;
}

.zamknij-okno{
margin: 40px auto 0 auto;
border: solid 1px #7f8c91;
color: #7f8c91;
background: transparent;
padding: 0;
line-height: 70px;
font-size: 24px;
text-align: center;
max-width: 300px;
cursor: pointer;
}

.zamknij{
position: absolute;
width: 50px;
height: 50px;
text-align: center;
cursor: pointer;
right: 40px;
top: 40px;
font-size: 32px;
color: #fff;
}

#formZapytaj{
display: none;
}



#igabinet{
  display: block;
  position: fixed;
  height: 85px;
  width: 240px;
  background: #bb0a0a;
  color: #fff;
  z-index: 1000;
  bottom: -55px;
  right: 235px;
  font-size: 14px;
  -webkit-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}


#ig-top{
height: 30px;
width: 100%;
line-height: 30px;
font-weight: bold;
}
#ig-top span{
display: block;
background: #8f0707;
width: 30px;
height: 30px;
position: relative;
float: left;
margin-right: 20px;

}

#ig-top i{
font-size: 18px;
font-weight: bold;
position: absolute;
right: 2px;
bottom: 2px;
}

#ig-txt{

  padding: 10px 15px;
  border: solid 1px #bb0a0a;
  width: 100%;
  background: #fff;
  color: #666668;
  font-size: 13px;
  text-align: center;
}



#rdo-mask{
  position: fixed;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000000000;
  top: 0;
  left: 0;
  }
  
  #rdo-mask > div{
  width: 100%;
  text-align: center;
  height: 100vh;
  display: flex;
    flex-direction: column;
    justify-content: center;
  }
  
  #rdo-content{
  max-width: 50%;
  height: 500px;
  background: #fff;
  margin: 0 25%;
  padding: 20px;
  text-align: left;
  position: relative;
  font-size: 14px;
  }
  
  
  #rdo-content h3, #rdo-content h2{
    margin: 0.8em 0;
    color: #313131;
    font-size: 24px;
    }
  
    #rdo-content p{
      margin: 0.8em 0;
    }
  
    #rdo-content b,   #rdo-content strong{
      font-weight: bold;
    }
  
  
  #rdo-komunikat{
  width: 100%;
  height: 250px;
  overflow-y: auto;
  background: #fff;
  padding: 20px;
  font-size: 13px;
  }
  
  .rdo-info{
    font-size: 13px;
    margin-bottom: 10px;
    text-transform: none;
    text-align: left;
  }
  
  .rdo-komunikat{
  width: 100%;
  height: 100px;
  overflow-y: auto;
  background: #fff;
  padding: 10px;
  margin-bottom: 15px;
  font-size: 13px;
  text-align: left;
  }
  
  #rdo-ok{
  width: 250px;
  height: 50px;
  background: #f02137;
  color: #fff;
  text-align: center;
  margin: 25px 0 0 0;
  line-height: 50px;
  font-size: 16px;
  text-transform: uppercase;
  position: absolute;
  bottom: 20px;
  cursor: pointer;
  }
  
  
  
  @media only screen and (max-width: 1600px) {
  
  
    #rdo-content{
    max-width: 60%;
    margin: 0 20%;
    }
    
    
    }
    
    
    @media only screen and (max-width: 1400px) {
    
    
    #rdo-content{
    max-width: 70%;
    margin: 0 15%;
    }
    
    
    }
    
    
    @media only screen and (max-width: 1250px) {
    
    
    #rdo-content{
    max-width: 80%;
    margin: 0 10%;
    }
    
    
    
    
    }
    
    
    @media only screen and (max-width: 1120px) {
    
    
    #rdo-content{
    max-width: 90%;
    margin: 0 5%;
    }
    
    #rdo-content{
    font-size: 13px;
    }
    
    #rdo-content h1, #rdo-content h2,#rdo-content h3{
    font-size: 20px;
    }
    }
    
    
    
    @media only screen and (max-width: 860px) {
    
    #rdo-content{
    max-width: 96%;
    height: 90%;
    background: #fff;
    margin: 0 2%;
    padding: 10px;
    }
    
    #rdo-content h1, #rdo-content h2,#rdo-content h3{
    margin: 0;
    }
    
    
    #rdo-komunikat{
    height: 50%;
    padding: 10px;
    }
    
    
    }
    
    
    @media only screen and (max-width: 640px) {
    
    #rdo-komunikat{
    height: 40%;
    }
    
    
    }
    
    
    @media only screen and (max-width: 480px) {
    
    #rdo-komunikat{
    height: 30%;
    }
    
    
    }



    
.checkbox-ch{
  position: relative;
  min-height: 30px;
  line-height: 20px;
  margin: 0 ;
  text-align: left;
  text-transform: none;
  }
  
  .checkbox-ch span{
   display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 18px;
    background: #fff;
    z-index: 1;
    border: solid 1px #858383; 
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    
    }
  
    .checkbox-ch  p{
  display: inline-block;
  margin-left: 15px;
  font-size: 13px; 
  color: #858383; 
    }

    .rdo-info{
      margin-top: 10px;
      color: #858383;  
    }

    .rdo-info  p{
      display: inline-block;
        font-size: 13px; 
        }
  
   #rzwn{
      color: #eb6366;
      cursor: pointer;
    }
  
  
    #rodoc{
      font-size: 13px;
      display: none;
      text-transform: none;
      text-align: left;
      color: #858383; 
    }



    
#nowyprodukt{
	background: #000;
	color: #fff;
	padding: 15px;
	text-align: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	font-size: 13px;
}











.tbmenu{
	display: block;
	width: 31%;
	margin: 25px 1%;
	height: 370px;
}

.tbmenu > a{
	display: block;
	width: 100%;
	height: 100%;
	color: inherit;
}


.tbmenu > a:hover{
	text-decoration: none;
	color: inherit;
}

.tbmenu > a > div{
	width: 100%;
	height: 260px;
	border: solid 3px #fff;
	overflow: hidden;
	background: #e5e5e5;
	-webkit-box-shadow: 0 0 7px 0 #CCCCCC;
	box-shadow: 0 0 7px 0 #CCCCCC;
	position: relative;
}


.tbmenu > a > div:hover span{
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: all 500ms ease-in;
  -moz-transition: all 500ms ease-in;
  -ms-transition: all 500ms ease-in;
  -o-transition: all 500ms ease-in;
  transition: all 500ms ease-in;
	}

.tbmenu > a > div img{
	width: 100%; 
	height: 100%; 
	object-fit: cover;
}



.tbmenu > a > div span{
	display: flex;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	background-color: rgba(0, 0, 0, 0.4);
	color: #fff;
	height: 100%;
	width: 100%;
	flex-direction: column;
	justify-content: center;
	padding: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all 500ms ease-in;
	-moz-transition: all 500ms ease-in;
	-ms-transition: all 500ms ease-in;
	-o-transition: all 500ms ease-in;
	transition: all 500ms ease-in;
	}














.tbmenu h2{
	color: #313131;
	font-size: 20px;
	text-transform: uppercase;
	margin: 17px 4px;
	position: relative;
	line-height: 1.3;
	padding-right: 40px;
	font-weight: 600;
	background: url('../img/plus.png') no-repeat right 0;
}



.tbmenu h2:after {
  content:""; 
  background: #c2c2c2; 
  position: absolute; 
  bottom: -15px; 
  left: 0; 
  height: 1px; 
  width: 90px;
}





.frm-sm{
    width: 28%;
}

.frm-lg{
    width: 68%;
}

.frm-sr{
    width: 48%;
}

.info{
    margin: 0 0 4px 0;
    font-size: 12px;
    color: #9b9999;
    position: relative;
    top: -4px;
}



.krok{
    border-top: solid 3px #272727;
    font-weight: 800;
    font-size: 18px;
   margin: 30px 0 15px 0;
   position: relative;
   padding-top: 5px;
   color: #272727;
}

.krok i{
	font-style: normal;
}

.krok span{
    width: 50px;
    height: 30px;
    color: #fff;
    background: #272727;
    text-align: center;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    line-height: 28px;
}

.scr-box{
    width: 100%;
    height: 200px;
    overflow-y: auto; 
    margin: 20px 0 30px 0;
    padding: 0 10px;
    background: #fcfcfc;
    font-size: 13px;
}

.rodo-info{
	margin-top: 45px;
	font-size: 13px;
}

.rodo-info h2{
    border-top: solid 3px #272727;
    font-weight: 800;
    font-size: 18px;
   margin: 30px 0 15px 0;
   position: relative;
   padding-top: 5px;
   color: #272727;
}


.catDescr{
margin-bottom: 40px;
}




/*---------------------- KOSZYK --------------------------*/


#darm-przes{
  display: block;
  border: solid 1px #000;
  color: #000;
  text-align: center;
  padding: 15px;
  font-size: 13px;
  margin-bottom: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  #darm-przes b{
    color: #000;
  }
  
  #darm-przes p{
  margin: 5px 0 0 0;
  }
  
  #darm-przes:hover{
  text-decoration: none;
  }
  


  

  #payulink{
    display: block;
    margin: 40px auto;
    text-align: center;
    max-width: 400px;
    background: url('../checkout/img/PayU_Logo.png') no-repeat top;
      padding-top: 100px;
      background-size: 160px;
      color: #676767;
    }
    #payulink:hover{
      text-decoration: none;
    }

  
#KoszykM-out{
	position: fixed;
	width: 100%;
	/*height: 100vh;
	background-color: rgba(0, 0, 0, 0.2);
	*/
	z-index: 1000000000;
	bottom: 0;
	left: 0;
}

#KoszykM-out > div{
	width: 100%;
	height: 100%;
	text-align: center;
	


	/*
	height: 100vh;
	display: flex;
	  flex-direction: column;
	  justify-content: center;
	  z-index: 0;
*/
	  
	}

#KoszykM{
		width: 100%;
		background: #586E2C;
		color: #fff;
		text-align: center;
		margin: 0 auto;
		padding: 15px 40px;
		position: relative;
			z-index: 1;

}

#KoszykM p{
	margin: 5px 0;
}

#KoszykM-exit {
	cursor: pointer;
	display: block;
	height: 30px;
	width: 30px;
	text-align: center;
	position: absolute;
	top: 3px;
	right: 3px;
	 color: #fff;
	 background: transparent;
	 border: solid 1px #fff;
	 line-height: 26px;
	 font-size: 16px;
	 font-weight: 600;
	 text-align: center;

}

#KoszykM > a{
	display: inline-block;
	width: 240px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border: solid 2px #fff;
	color: #fff;
	text-transform: uppercase;
	margin: 10px auto 0 auto;
	-webkit-border-radius: 10px;
border-radius: 10px;
}

#KoszykM > a#kontzakup{
	border: 0;
	margin: 10px auto;
	height: 20px;
	line-height: 20px;
}

#KoszykM > a:hover{
	text-decoration: none;
	background: #1b1c20;
	border: solid 2px #1b1c20;
}

#KoszykM > a#kontzakup:hover{
	border: 0;
	background: transparent;
	text-decoration: underline;
}





.Produkt .koszyk-lista, .Produkt-s .koszyk-lista{
	position: absolute;
	width: calc(100% - 20px);	
	z-index: 2;
	bottom: 10px;
	height: 30px;
	line-height: 30px;
  width: 100% ;
}

.Produkt .koszyk-lista input[type="text"], .Produkt-s .koszyk-lista input[type="text"]{

	border: 0;
	background: transparent;
	padding: 4px 10px;
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	color: #586E2C;
	margin: 0;
	width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;

}

.Produkt .koszyk-lista input[type="text"]:hover, .Produkt-s .koszyk-lista input[type="text"]:hover{
  background: transparent;
	border: 0;

}
.Produkt .koszyk-lista input[type="text"]:focus, .Produkt-s .koszyk-lista input[type="text"]:focus{

	border: 0;
  background: transparent;
outline: none;

}


.Produkt .dokoszyka, .Produkt-s .dokoszyka{
	width: 100% ;
	background:  #586E2C;
	color: #fff;
	height: 30px;
	line-height: 30px;
	font-size: 13px;
	font-weight: 600;
  text-align: center;
  text-transform: uppercase;
cursor: pointer;
}

.kmp{
	width: 30px;
	height: 30px;
	background:  #586E2C;
	color: #fff;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
	-webkit-border-radius: 50%;
border-radius: 50%;
cursor: pointer;
position: absolute;
bottom: 0;
}

.k-min{
	left: 0;
}
.k-plus{
	right: 0;
}