@import url('https://fonts.googleapis.com/css?family=Titillium+Web:200,300,400,600,700,900&display=swap&subset=latin-ext');



body
{
margin:0px;
font-family: 'Titillium Web', sans-serif;
background:#f5f5f5;
}

body a, body a:hover, body a:focus
{

text-decoration:none;
color: #2e4995;
}

body input, body select, body textarea
{
font-family: 'Titillium Web', sans-serif;
}


.kasuj
{
  clear:both;
}

main{
    min-height: 600px;
}

header
{
width:100%;
position: relative;
padding-top:190px;
}


.naglowek
{
  width:100%;
  position:fixed;
  background:white url('../img/tlo-menu.gif') repeat-x bottom left;
  top:0px;
  left:0px;
  z-index:9999;


}


.naglowek-c
{
  max-width:1170px;
  width:100%;
  margin:0px auto;
}

.naglowek-poz
{
 padding:47px 0px 97px 0px;
 position: relative;
}

.naglowek-poz .naglowek-logo
{

  width:auto;
  height:46px;
  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  -o-transition: 0.7s;
  transition: 0.7s; 
  display:inline-block;
  vertical-align:middle;
}





.naglowek-poz-f
{
  padding:17px 0px 67px 0px;
  position: relative;
}


.naglowek-poz-f .naglowek-logo
{

  width:auto;
  height:36px;
  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  -o-transition: 0.7s;
  transition: 0.7s; 
  margin-right:40px; 
  display:inline-block;
  vertical-align:middle;
}



.naglowek-poz .menu-strony-gora
{
  position: absolute;
  top:47px;
  right:0px;
  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  -o-transition: 0.7s;
  transition: 0.7s;  
}

.naglowek-poz-f .menu-strony-gora
{
  position: absolute;
  top:12px;
  right:0px;
  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  -o-transition: 0.7s;
  transition: 0.7s; 
}

.menu-strony-gora-koszyk
{
  display:inline-block;
  vertical-align:middle;
  padding-right:30px;
  margin-left:60px;
  position: relative;
}

.menu-strony-gora-koszyk span
{
  display:block;
  width:26px;
  height:26px;
  position: absolute;
  top:-10px;
  right:0px;
  border:2px solid #2e4995;
  color:#2e4995;
  font-size:16px;
  font-weight:bold;
  text-align:center;
  line-height:22px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border-radius: 13px; 
}

.menu-strony-gora-user
{
  display:inline-block;
  vertical-align:middle;
  padding-left:30px;
  margin-left:60px;
  position: relative;
  background:url('../img/user.png') no-repeat left center;

}

.menu-strony-gora-user a
{
  font-size:16px;
  font-weight:400;
  color:#4f4f4f;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;   
}

.menu-strony-gora-user a:hover
{
  color:#2e4995;
}

.menu-strony-gora-szukaj
{
  display:inline-block;
  vertical-align:middle;
  padding-left:40px;
  position: relative;
  background:url('../img/szukaj.png') no-repeat left center; 
  font-size:0; 
}

.menu-strony-gora-szukaj-input
{
  display:inline-block;
  vertical-align:middle;
  height:46px;
  background:#f8f8f8;
  width:280px;
  padding:0px 10px;
  position: relative;
}

.menu-strony-gora-szukaj-input input
{
  display:block;
  width:100%;
  background:transparent;
  border:0px;
  line-height:46px;
  margin:0px;
  font-size:16px;
  font-weight:400;
  color:#4f4f4f;  
}

.menu-strony-gora-szukaj-input-bt
{
  display:inline-block;
  vertical-align:middle;
  height:46px;
  width:140px;
  position: relative;  
}

.menu-strony-gora-szukaj-input-bt input
{
  display:block;
  position: absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  border:0px;
  padding:0px;
  margin:0px;
  font-size:16px;
  font-weight:400;
  color:#4f4f4f;
  background:#e4e4e4;
  line-height:100%;
  text-align:center;
  cursor:pointer;
    -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s; 
}

.menu-strony-gora-szukaj-input-bt input:hover
{
  color:white;
  background:#2e4995;
}



/*NAWIGACJA STRONY*/

.menu-strony-nav
{
    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;

}




.menu-strony
{
  vertical-align: middle;
  display:inline-block;
  padding:0px;
  margin:0px;
  

}

.menu-strony > li
{
  list-style-type:none;
  display:inline-block;
  padding-right:25px;
  
}


.menu-strony > li > a
{
 
  color:white;
  display:inline-block;
  font-size:16px;
  font-weight:700; 
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  position: relative;
  padding:13px 18px 14px 0px;
  
 

}

.menu-strony > .aktywny > a, .menu-strony > li:hover > a
{
  color:#e4e4e4;
  
}


.menu-strony > li > a::before
{
 
  content:'';
  position: absolute;
  right:0px;
  top:50%;
  margin-top:-4px;
  width:8px;
  height:8px;
  border-right: 1px solid white; 
  border-bottom:1px solid white; 
  background:transparent;
  transform: rotate(45deg); 
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);  
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s; 

}

.menu-strony > li:hover > a::before, .menu-strony > .aktywny:hover > a::before
{
  transform: rotate(-135deg); 
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  border-right: 1px solid #e4e4e4; 
  border-bottom:1px solid #e4e4e4;   
  margin-top:0px; 
}

.menu-strony > li > .menu-strony-nav-pod
{
  position: absolute;
  left:0px;
  top:100%;
  width:100%;
  background:#2e4995;
  visibility:hidden;
  opacity:0;
  margin:0px;
  padding:0px;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;   
}

.menu-strony > li:hover > .menu-strony-nav-pod
{

  visibility:visible;
  opacity:1;
 
}


.menu-strony > li ul
{

  float:left;
  width:25%;
  display:block; 
  padding:40px;
  padding-right:0px;
  padding-left:0px;
  margin:0px; 
}


.menu-strony > li ul > li
{
  list-style-type:none;
  display:block; 
  padding:0px 20px;
  margin:0px; 
  
}


.menu-strony > li ul > li > a
{
  display:block; 
  color:#e4e4e4;
  font-size:16px;
  font-weight:400; 
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  position: relative;
  padding:6px 0px;
}

.menu-strony > li ul > a > li
{
  display:block; 
  color:black;
  font-size:16px;
  font-weight:400; 
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  position: relative;
  padding:6px 0px;
  padding-left:10px;
}
.menu-strony > li ul > a > li:hover
{
    font-weight:bold;
}

li.active-subcategory{
    background:white;
}

li.active-subcategory a{
    color: black;
}

.menu-strony > li ul > li:hover > span, .menu-strony > li ul > li:hover > a {color: black;}


.menu-strony > li ul > span
{

  display:block; 
  color:#e4e4e4;
  font-size:16px;
  font-weight:700; 
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  position: relative;
  padding:6px 0px;
  padding-left:20px;
  cursor:default;
}


.menu-strony-nav-produkt
{
  display:block; 
  position:relative;
  float:right;
  width:264px;
  height:100%;
  background:white;
}
.menu-strony-nav-subcategories
{
  display:flex; 
  position:relative;
  float:left;
  width:calc(100% - 264px);
  background:white;
}
.menu_image            
{ overflow: hidden;}
.menu-strony-nav-subcategories , .menu-strony-nav-produkt     
{ padding-bottom: 99999px;
  margin-bottom: -99999px;
}

.menu-strony-nav-produkt-all
{
  background:white;
  padding:34px;
  border:1px solid white;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;   
}

a:hover .menu-strony-nav-produkt-all
{
  border:1px solid white;
}

.menu-strony-nav-produkt-ob
{
  background-repeat:no-repeat;
  width:100%;
  height:200px;
  background-position: center; 
  background-size: contain;
  margin-bottom:40px; 
}

.menu-strony-nav-produkt-nag
{
  font-size:18px;
  color:black;
  font-weight:700;
  line-height:26px;
  margin:0px 0px 30px 0px;

}

.menu-strony-nav-produkt-cena-prz
{
  display:block;
  font-size:18px;
  color:#afafaf;
  font-weight:400;
  line-height:30px;
  text-decoration:line-through;
}

.menu-strony-nav-produkt-cena-akt
{
  display:block;
  font-size:33px;
  color:#2e4995;
  font-weight:700;
  line-height:39px;
}


.menu-strony-przycisk-mobilny
{
  width:36px;
  height:36px;
  position: absolute;
  right:0px;
  top:40px;
  background:white;
 display:none;
 cursor: pointer;

}

.menu-strony-przycisk-mobilny::before
{
  content:'';
  position: absolute;
  top:8px;
  left:7px;
  width:22px;
  height:19px;
  border-top:3px solid #00447C;
  border-bottom:3px solid #00447C;
}

.menu-strony-przycisk-mobilny::after
{
  content:'';
  position: absolute;
  top:16px;
  left:7px;
  width:22px;
  height:3px;
  background:#00447C;
}

.menu-strony-info
{
  position: absolute;
  right:0px;
  bottom:0px;
  height:100%;
  background:#dd0e24;
}

.menu-strony-info > span
{
  display:inline-block;
  vertical-align:middle;
  padding:0px 34px 0px 34px;
  margin-left:34px;
  line-height:50px;
  color:white;
  font-size:16px;
  font-weight:400;
  background:url('../img/menu-info.png') no-repeat left center;
}
.menu-strony-info > span a {
    color:white;
}

/*BANER STRONY*/

.baner-wszystko-all
{
  padding-top:50px;
  padding-bottom:30px; 
}


.baner-wszystko
{
  position: relative;
  width:100%;
  max-width:1140px;
  margin:0px auto;

}

.baner
{
  width:100%;

}


.baner-ob
{
  background-repeat:no-repeat;
  background-size:cover;
  width:100%;
  height:460px;
  background-position: center;
}


.baner-tekst
{
  width:100%;
  height:460px;
  background:white;
    
}

.baner-tekst-zaw
{   
    top:50%;
    position: relative;
    transform: translateY(-50%); 
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    padding:0px 70px;
}



.baner-tekst-jeden
{
  color:#333333;
  font-size:36px;
  font-weight:700;
  line-height:48px;
  margin-bottom:35px;
}

.baner-tekst-dwa
{
  color:#333333;
  font-size:20px;
  font-weight:400;
  margin-bottom:35px;
 
}

.baner-tekst-trzy
{
  color:#ff0000;
  font-size:20px;
  font-weight:700;
}




.baner-strony-przed
{
  
  position: absolute;
  right:90px;
  bottom:30px;
  z-index:600;
  text-align:right;

}


.baner-strony span
{
  font-size:0px;
  font-family:'Times New Roman';  
  cursor: pointer;
  width:10px;
  height:10px;
  display:inline-block;
  margin:0px 5px;
  vertical-align:top;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background:#2e4995;
   
}


.baner-strony .cycle-pager-active
{
  
  background:#e20613;
}
.product_name a{
    color:black;
}






/*PRZYCISKI*/

.przycisk
{
  background:#00447C;
  padding:24px 0px;
  text-align:center;
  width:100%;
  max-width:210px;
  display:inline-block;
  color:white;
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:3px;
    -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;   
}

.przycisk:hover
{
  background:#FFFF99;
  color:#242424;
    
}



/*NAGŁÓWKI*/

.naglowek-strona
{
  font-size:30px;
  color:black;
  font-weight:700;
  margin:0px 0px 48px 0px;
  text-align:center;
}
.naglowek-podstrona
{
  font-size:30px;
  color:black;
  font-weight:700;
  margin:0px 0px 24px 0px;
}



/*SEKCJA PROMOCJE*/


.sekcja-promocje
{
  padding:18px 0px 0px 0px;
}

.sekcja-promocje-produkt
{
  background:white;
  padding:34px;
  border:1px solid white;
    -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;   
}

a:hover .sekcja-promocje-produkt
{

  border:1px solid #4f4f4f;
  border-bottom:1px solid white;
}

.sekcja-promocje-produkt-ob
{
  background-repeat:no-repeat;
  width:100%;
  height:200px;
  background-position: center; 
    background-size: contain;
  margin-bottom:40px; 
}

.sekcja-promocje-produkt-nag
{
  font-size:18px;
  color:black;
  font-weight:700;
  line-height:26px;
  margin:0px 0px 30px 0px;

}

.sekcja-promocje-produkt-cena-prz
{
  display:block;
  font-size:18px;
  color:#4f4f4f;
  font-weight:400;
  line-height:30px;
  text-decoration:line-through;
}

.sekcja-promocje-produkt-cena-akt
{
  display:block;
  font-size:35px;
  color:#2e4995;
  font-weight:700;
  line-height:39px;
}

.sekcja-promocje-produkt-mag
{
  position: relative;
  padding-left:9px;
  font-size:16px;
  color:#1b9100;
  font-weight:400;
  padding-top:30px;
}

.sekcja-promocje-produkt-mag::before
{
  position:absolute;
  content:'';
  bottom:16px;
  left:0px;
  width:5px;
  height:5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;  
  background:#1b9100;
  content: none;
}

.sekcja-promocje-produkt-mag span
{
  display:inline-block;
  vertical-align:middle;
  padding:0px 10px;
  background:#ff0000;
  font-size:14px;
  color:white;
  font-weight:700;
  margin-left:4px; 
  line-height:24px; 
  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.sekcja-promocje-produkt-dodaj
{
  display:block;
  padding:8px 33px 8px 31px;
  position: relative;
  background:#4f4f4f;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  margin-bottom:30px;  
}

.sekcja-promocje-produkt-dodaj:hover
{
 
  background:#2e4995;
  
}

.sekcja-promocje-produkt-dodaj::before
{
  content:'';
  position: absolute;
  top:50%;
  right:14px;
  margin-top:-8px;
  width:16px;
  height:16px;
  background:url('../img/plus.png') no-repeat center center;
}

.sekcja-promocje-produkt-dodaj span
{
  display:inline-block;
  padding-left:40px;
  min-height:26px;
  background:url('../img/koszyk-dodaj.png') no-repeat left center;
  font-size:16px;
  color:white;
  font-weight:400; 
}
.sekcja-produkt-przycisk
{
  display:block;
  border:2px solid #2e4995;
  padding:12px 30px;
  text-align:center;
  font-size:16px;
  color:#2e4995;
  font-weight:400; 
  background:transparent;
  margin-bottom:30px; 
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;  
}


.sekcja-produkt-przycisk:hover
{

  color:white; 
  background:#2e4995; 

}
/*SEKCJA POPULARNE*/

.sekcja-popularne
{
  padding:18px 0px 0px 0px;
}

.sekcja-popularne-produkt
{
  width:100%;
}

.sekcja-popularne-produkt-ob
{
  width:100%;
  height:232px;
  overflow:hidden;
  position:relative;
}

.sekcja-popularne-produkt-ob-img
{
  position: absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  background-repeat:no-repeat;
  background-size:cover;
  background-position: center;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  transform: scale(1,1); 
  -webkit-transform: scale(1,1);
  -ms-transform: scale(1,1);     
}


a:hover .sekcja-popularne-produkt-ob-img
{
  transform: scale(1.1,1.1); 
  -webkit-transform: scale(1.1,1.1);
  -ms-transform: scale(1.1,1.1);   
}

.sekcja-popularne-produkt-nag
{
  width:100%;
  padding:15px 0px;
  text-align:center;
  font-size:16px;
  color:white;
  font-weight:400;
  background:#2e4995;
  margin:0px 0px 30px 0px;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;     
}

a:hover .sekcja-popularne-produkt-nag
{
 
  background:#4f4f4f;
    
}


/*SEKCJA ARANZACJE*/


.sekcja-aranzacje
{
  padding:18px 0px 0px 0px;  
}

.sekcja-aranzacje-pozycja
{
  position: relative;
  margin-bottom:30px;
}

.sekcja-aranzacje-ob
{
  width:100%;
  height:498px;
  overflow:hidden;
  position:relative;
}

.sekcja-aranzacje-ob-img
{
  position: absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  background-repeat:no-repeat;
  background-size:cover;
  background-position: center;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  transform: scale(1,1); 
  -webkit-transform: scale(1,1);
  -ms-transform: scale(1,1);     
}


a:hover .sekcja-aranzacje-ob-img
{
  transform: scale(1.1,1.1); 
  -webkit-transform: scale(1.1,1.1);
  -ms-transform: scale(1.1,1.1);   
}

.sekcja-aranzacje-nag
{
  position: absolute;
  top:0px;
  left:0px;
  width:100%;
  padding:15px 0px;
  font-size:16px;
  color:#4f4f4f;
  font-weight:400; 
  text-align:center;
  margin:0px;
  background:rgba(255,255,255,0.8);
}

.sekcja-aranzacje-przycisk
{
  display:block;
  border:4px solid #2e4995;
  padding:12px 30px;
  text-align:center;
  font-size:16px;
  color:#2e4995;
  font-weight:700; 
  background:transparent;
  margin-bottom:30px; 
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;  
}


.sekcja-aranzacje-przycisk:hover
{

  color:white; 
  background:#2e4995; 

}




/*SEKCJA WPISY*/

.sekcja-wpisy
{
  padding:18px 0px 0px 0px;
}


.sekcja-wpisy-pozycja
{
  position: relative;
  margin-bottom:30px;
}

.sekcja-wpisy-ob
{
  width:100%;
  height:374px;
  overflow:hidden;
  position:relative;
  margin-bottom:35px;
}

.sekcja-wpisy-ob-img
{
  position: absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  background-repeat:no-repeat;
  background-size:cover;
  background-position: center;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  transform: scale(1,1); 
  -webkit-transform: scale(1,1);
  -ms-transform: scale(1,1);     
}


a:hover .sekcja-wpisy-ob-img
{
  transform: scale(1.1,1.1); 
  -webkit-transform: scale(1.1,1.1);
  -ms-transform: scale(1.1,1.1);   
}

.sekcja-wpisy-data
{
  position: absolute;
  top:0px;
  left:0px;
  width:100%;
  padding:15px 0px;
  font-size:16px;
  color:#4f4f4f;
  font-weight:400; 
  text-align:center;
  margin:0px;
  background:rgba(255,255,255,0.8);
  z-index:999;
}

.sekcja-wpisy-nag
{
  font-size:18px;
  color:black;
  font-weight:700; 
  line-height:26px;
  margin:0px 0px 25px 0px;  
}

.sekcja-wpisy-pozycja p
{
  font-size:14px;
  color:black;
  font-weight:400; 
  line-height:26px;  
}


/*SEKCJA NEWSLETTER*/

.sekcja-newsletter
{
  padding:30px 0px 0px 0px;
}

.sekcja-newsletter-ob
{
  
  background-repeat:no-repeat;
  background-size:cover;
  background-position: center;
  width:100%;
  height:497px;     
}

.sekcja-newsletter-tekst
{
  width:100%;
  height:497px; 
  background:#2e4995; 
  position: relative;
}

.sekcja-newsletter-tekst-zaw
{
  top:50%;
  position: relative;
  transform: translateY(-50%); 
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  padding:0px 60px;

}

.sekcja-newsletter-tekst-zaw-nag
{
  font-size:30px;
  color:white;
  font-weight:700; 
  line-height:48px;
  margin:0px 0px 30px 0px;
  text-align:center;
  text-decoration:underline;   
}

.sekcja-newsletter-tekst-zaw-jeden
{
  font-size:48px;
  color:#ffd200;
  font-weight:700; 
  line-height:48px;
  text-align:center;
}

.sekcja-newsletter-tekst-zaw-jeden span
{
  font-size:60px;
}


.sekcja-newsletter-tekst-zaw-dwa
{
  
  font-size:30px;
  color:white;
  font-weight:700; 
  line-height:48px;
  text-align:center;
  padding:0px 0px 40px 0px;
}

.sekcja-newsletter-form
{
  border:4px solid #ffd200;
  background:transparent;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font:0;  
}

.sekcja-newsletter-form-input-tekst
{
  display:block;
  float:left;
  height:42px;
  width:70%;
  position: relative;
}

.sekcja-newsletter-form-input-tekst input
{
  position: absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  line-height:100%;
  font-size:16px;
  color:white;
  font-weight:400;
  border:0px;
  padding:0px 10px;
  margin:0px;
  background:transparent;    
}

.sekcja-newsletter-form-input-tekst input::-webkit-input-placeholder { 
  color:white;
  opacity:1;
}
.sekcja-newsletter-form-input-tekst input::-moz-placeholder {
  color:white;
  opacity:1;
}
.sekcja-newsletter-form-input-tekst input:-ms-input-placeholder { 
  color:white;
  opacity:1;
}
.sekcja-newsletter-form-input-tekst input:-moz-placeholder { 
  color:white;
  opacity:1;
}


.sekcja-newsletter-form-input-bt
{
  display:block;
  float:left;
  height:42px;
  width:30%;
  position: relative;
}

.sekcja-newsletter-form-input-bt input
{
  position: absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  line-height:100%;
  font-size:16px;
  color:#2e4995;
  font-weight:400;
  border:0px;
  padding:0px;
  margin:0px; 
  background:#ffd200;
  cursor:pointer;  
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.sekcja-newsletter-form-input-bt input:hover
{
 
  color:white;
  
}

.sekcja-newsletter-tekst-zaw-trzy
{
  padding-top:30px;
  text-align:center;
}

.sekcja-newsletter-tekst-zaw-trzy p
{
  font-size:14px;
  color:white;
  font-weight:400;
  line-height:20px; 
}


/*STOPKA*/

.stopka
{
  padding-top:70px;
}

.stopka-dane-poz-nag
{
  font-size:14px;
  color:black;
  font-weight:700;
  line-height:26px;
  margin:0px 0px 20px 0px;  
}


.stopka-dane-poz ul
{
  margin:0px;
  padding:0px;
}

.stopka-dane-poz ul li
{
  list-style-type:none;
  display:block;
}

.stopka-dane-poz ul li a
{  
  display:inline-block;
  font-size:14px;
  color:black;
  font-weight:400;
  line-height:26px; 
    -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;  
}

.stopka-dane-poz ul li a:hover
{  
  
  color:#2e4995;

}

.stopka-dane-poz
{
  position: relative;
/*  min-height:320px;*/
  padding-top:20px;
  
}

.stopka-dane-poz-lin
{
  padding-left:30px;
  
}

.stopka-dane-poz-lin::before
{
  content:'';
  position: absolute;
  left:-40px;
  top:0px;
  width:1px;
  height:100%;
  background:#e5e5e5;

}

.stopka-dane-poz p
{

  font-size:14px;
  color:black;
  font-weight:400;
  line-height:26px;  
  padding-bottom:20px;
}

.stopka-dane-poz p a
{
  font-size:14px;
  color:black;
  font-weight:400;
  line-height:26px;    
}

.stopka-dane-poz p a:hover
{  
  
  color:#2e4995;

}

.stopka-projekt
{
  padding:70px 0px 70px 0px;
  text-align:left;
}

.stopka-projekt-p, .stopka-projekt-p a, .stopka-projekt-p a:hover
{

 font-size:14px;
  color:black;
  font-weight:400;
  line-height:26px; 
  
}

.sekcja-filtry{
    display:flex;
    flex-wrap: wrap;
    justify-content:flex-start;
}

.sekcja-filtry-poz{
    display: inline-block;
}
.filtry-name{
    position: relative;
    cursor: pointer;
    padding: 7px 12px 7px 12px;
    margin: 10px 7px;
    line-height: 1;
    letter-spacing: .5px;
/*    background: #e0742c;*/
    background-color: #696A6C;
    color: #fff;
    border-radius: 20px;
}

.filtry-name2{
    position: relative;
    cursor: pointer;
    padding: 7px 12px 7px 12px;
    margin: 10px 7px;
    line-height: 1;
    letter-spacing: .5px;
    background: #ccc;
    color: white;
    border-radius: 20px;
}

.filtry-name:after{
    content: "\25bc";
    color: gray;
}
.filtry-name.in{
    background: black;
}
.filtry-name.in:after{
    content: "\25bc";
    color: gray;
}
.filtry-attr-box{
    display: none;
    position: absolute;
    z-index:10;
    background: white;
    box-shadow: 0 3px 5px 0 rgba(0,0,0,.15);
    width: 255px;
}
.filtry-attr-box ul{
        list-style: none;
        padding: 5px 10px;
}
.filtry-attr-box ul li{
        position: relative;
        padding: 6px 0;
}
.filtry-poz-lbel span{
    position: relative;
    display: inline-block;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    text-align: center;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 2px;
    border: 1px solid #333;
    cursor: pointer;
}
.filtry-poz-lbel span:after{
        content: "";
    opacity: 0;
    position: absolute;
    width: 11px;
    height: 5px;
    top: 8px;
    left: 6px;
    border: 2px solid #1a1a1a;
    border-top: none;
    border-right: none;
    transform: rotate(-45deg);
    transition: opacity .1s ease-in-out;
}
.filtry-poz-lbel.checked span:after{
    opacity: 1;
}
.attr_id{
    display: none;
}

.filltry-attr-box-down{
    border-top: 1px #333 solid;
    padding: 10px 5px;
}
.filltry-attr-box-down a{
    color: black;
    float:right;
    font-weight: 700;
    cursor: pointer;
}
.per-page span{
    padding: 10px 15px;
    cursor: pointer;
    font-size:20px;    
     font-weight: bold;
}
.per-page span:first-of-type{
    padding-left: 0;
}
.aktiv{
   color: #DD0E24;
}
.sort-select{
    position: relative;
    padding: 7px 12px 7px 12px;
    margin: 10px 7px;
    line-height: 1;
    letter-spacing: .5px;
/*    background: #e0742c;*/
    background-color: #696A6C;
    color: #fff;
    border-radius: 20px;
}

.sort-select a{
    cursor: pointer;
    color:white;
}
.collapse li{
    padding-top:4px;
    cursor: pointer;
}

.easy-autocomplete{
    outline:none!important;
}
.easy-autocomplete input{
    border:none;
    line-height: 35px;
    box-shadow:none;
    
}
.button_send
{
  display:block;
  padding:8px 33px 8px 31px;
  position: relative;
  background:#4f4f4f;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  margin-bottom:30px;  
}

.button_send:hover
{
 
  background:#2e4995;
  
}
.site-body{
    padding-left:0px;
}
#map{
    height:400px;
}

.pagi {
    text-align: right;
}
.pagi input{
    padding: 5px 10px;
    text-align: center;
    border-radius: 10px;
}

.pagi-next, .pagi-prev{
    padding: 5px 10px;
    border-radius: 10px;
    background: #00447C;
    color: white;
    margin: 0 10px;
    cursor: pointer; 
}
/*.menu-image{
    
}*/

/*KASOWANIE MARGINESÓW BOOSTRAPA*/

.row-kasuj > div
{
  padding-right: 0px;
  padding-left: 0px;
}


.sort-select ul{
    list-style: none;
    padding-left: 0;
}

.eac-item img{
    max-height: 60px;
}

.basket_photo{
    max-height: 60px;
}


.menu-strony > li ul > li.subcategory > a {
    color: #666;
    transition: all .3s ease-in-out;
    font-weight: 700;
}
.menu-strony > li ul > li.subcategory:hover > a {
    color: #000;
}
.easy-autocomplete{
    margin-left: -10px;
}

.produkt-dostepnosc{
    padding-top: 20px;
}

.produkt-dostepnosc:before{
top: 30px;
bottom: initial;
}

.produkt-dostepnosc a{
    color:inherit;
}

.product-quantity{
    margin-bottom: 10px;
}

.invoice-data{
    display: none;
}

.button-telefocznie:before{
    content: none;
}
.button-telefocznie span{
    background-image: none;
}
.btn-product{
    width: 100%;
    margin-bottom: 0px;
}

.easy-autocomplete-container ul li div.col-xs-8{
    word-break: normal;
}
.sort-select{
    width: 200px;
}
#sort-select-options{
    position:absolute;
    background-color: #696A6C;
    color: #fff;
    padding: 15px;
        border-radius: 20px;
        z-index: 999;
        width: 200px;
        margin-left: -10px;
}
.product_features ul > li > div:after{
    content: '';
    clear: both;
}

.sekcja-projektowania-naglowek
{
  top:0px;
  left:0px;
  width:100%;
  padding:15px 0px;
  font-size:16px;
  color:#0f0f0f;
  font-weight:700; 
  text-align:center;
  margin:0px;
  background:rgba(255,255,255,0.8);
}
.sekcja-projektowania-img-lewo{
    margin:15px 0;
    height:400px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.sekcja-projektowania-img-prawo{
    margin:15px 0;
    height:400px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position:relative;
}

.sekcja-projektowania-txt-prawo{
    padding:15px;
    height:100%;
    width: 100%;
    position:absolute;
    top: 0; left:0;
    font-size: 19px;

}

.promo_products, .bestseller_products {
    overflow: hidden;
    position: relative;
}

.promo_products .slick-prev, .bestseller_products .slick-prev{
    background-image: url('../img/bleft.png');
}
.promo_products .slick-next, .bestseller_products .slick-next{
    background-image: url('../img/bright.png');
}
.slick-prev{
    left:15px;
}

.slick-next{
    right: 15px;
}
.slick-prev, .slick-next {
    position: absolute;
    top: calc(50% - 20px);
    display: block;
    width: 40px;
    height: 40px;
    background-color: transparent;
    border: none;
    color: transparent;
}

.menu-strony > li.outlet{
    background: #dd0e24;
    padding: 0 10px;
    margin-right: 5px;
}
.menu-strony > li.outlet > a{
    padding: 13px 0 14px;
}
.menu-strony > li.outlet > a:before{
    content: none;
}

.cena-promocja{
    color:  #dd0e24;
}
.modal.in .modal-dialog {
    margin-top: 220px;
    max-width: 95%;
}
.mixpicker_modal.active {
    z-index: 9999;
}
.modal-dialog {
    width: 800px;
}
.modal-dialog img {
    max-width: 100%;
    height: auto !important;
}

.bootbox-body h5, .bootbox-body div, .bootbox-body .sekcja-newsletter-tekst-zaw-trzy p, #newsletter_email2{
    color: black;
}

.bootbox .modal-footer {
    display: none;
}
.bootbox .bootbox-close-button{
    font-size: 30px!important;
    color:black!important;
}

.bootbox .sekcja-newsletter-form {
    border: 4px solid #2e4995;
}

.bootbox .sekcja-newsletter-form-input-bt input {
    background: #2e4995;
    color: white;
}
/* ==== RWD ==== */



@media (max-width: 1200px) {

.menu-strony-gora-koszyk
{
  
  padding-right:30px;
  margin-left:30px;

}



.menu-strony-gora-user
{
  padding-left:30px;
  margin-left:30px;
}


.menu-strony-gora-szukaj-input
{
  display:inline-block;
  vertical-align:middle;
  height:46px;
  background:#f8f8f8;
  width:180px;
  padding:0px 10px;
  position: relative;
}



.menu-strony-gora-szukaj-input-bt
{
  display:inline-block;
  vertical-align:middle;
  height:46px;
  width:100px;
  position: relative;  
}


.menu-strony > li
{
  list-style-type:none;
  display:inline-block;
  padding-right:10px;
  
}

.baner-wszystko
{ 
  max-width:940px;
}

.stopka-dane-poz-lin
{
  padding-left:0px;
  
}

.stopka-dane-poz-lin::before
{
  content:'';
  position: absolute;
  left:-40px;
  top:0px;
  width:1px;
  height:100%;
  background:#e5e5e5;

}

}


@media (max-width: 992px) {
.easy-autocomplete input{
    padding-top:0px;    
}
    
header
{

padding-top:110px;

}

.naglowek
{
  width:100%;
  background:white;
}

.naglowek-poz, .naglowek-poz-f
{
 padding:40px 0px 40px 0px;
 position: relative;
}

.naglowek-poz .naglowek-logo, .naglowek-poz-f .naglowek-logo
{

  width:auto;
  height:30px;

}

.naglowek-poz .menu-strony-gora, .naglowek-poz-f .menu-strony-gora
{
  position: absolute;
  top:39px;
  right:50px;
}

.menu-strony-gora-koszyk
{
  display:inline-block;
  vertical-align:middle;
  padding-right:20px;
  margin-left:20px;
  position: relative;
}

.menu-strony-gora-koszyk img
{
  width:100%;
  height:27px;
}

.menu-strony-gora-koszyk span
{
  display:block;
  width:20px;
  height:20px;
  position: absolute;
  top:-10px;
  right:0px;
  border:2px solid #2e4995;
  color:#2e4995;
  font-size:14px;
  font-weight:bold;
  text-align:center;
  line-height:16px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border-radius: 13px; 
}


.menu-strony-gora-user
{
  display:inline-block;
  vertical-align:middle;
  padding-left:30px;
  margin-left:20px;
  position: relative;
  background:url('../img/user.png') no-repeat left center;

}


.menu-strony-gora-szukaj-input
{
  display:inline-block;
  vertical-align:middle;
  height:36px;
  background:#f8f8f8;
  width:90px;
  padding:0px 10px;
  position: relative;
}

.menu-strony-gora-szukaj-input input
{
  display:block;
  width:100%;
  background:transparent;
  border:0px;
  line-height:36px;
  margin:0px;
  font-size:16px;
  font-weight:400;
  color:#4f4f4f;  
}

.menu-strony-gora-szukaj-input-bt
{
  display:inline-block;
  vertical-align:middle;
  height:36px;
  width:90px;
  position: relative;  
}




.menu-strony-nav
{ 
  position: relative;
  bottom:auto;
  width:100%;
  display:none;
  margin-top:60px;

}

.menu-strony
{
  
  display:block;
  padding:0px 0px 0px 0px;
  margin:0px;
  background:white;

}

.menu-strony > li
{
  list-style-type:none;
  display:block;
  margin-right:0px;
  padding:8px 0px;
}


.menu-strony > li > a
{
 
  color:#2e4995;
  display:block;
  font-size:16px;
  font-weight:700; 
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  position: relative;
  padding:13px 18px 14px 0px;
}

.menu-strony > .aktywny > a, .menu-strony > li:hover > a
{
  color:black;
  
}


.menu-strony > li > a::before
{
  display:none; 
}

.menu-strony > li > .menu-strony-nav-pod
{
  visibility:visible;
  opacity:1; 
  position:relative;
  left:auto;
  top:auto;
  width: 100%; 
  background:white;
}

.menu-strony-nav-produkt
{
  display:none!important;
}

.menu-strony-nav-subcategories{
    display:none!important;
}
.menu-strony > li ul
{

  float:none;
  width:100%;
  display:block; 
  padding:20px;
  margin:0px; 
}


.menu-strony > li ul > span
{
  display:none; 
}

.menu-strony-info
{
  position:relative;
  right:auto;
  bottom:auto;
  height:50px;
  background:#dd0e24;
  margin-top:20px;
}


.menu-strony > li ul > li > a
{


  display:block; 
  color:#2e4995;
  font-size:16px;
  font-weight:400; 
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  position: relative;
  padding:6px 0px;
}

.menu-strony > li ul > li > a:hover, .menu-strony > li ul > .aktywny > a
{

  color:black;

}


.menu-strony-przycisk-mobilny
{
  display:block;
}


.baner-wszystko
{ 
  max-width:720px;
}

.stopka-dane-poz-lin::before
{
  display:none;

}


}


@media (max-width: 768px) {

.menu-strony-gora-user
{
  display:inline-block;
  vertical-align:middle;
  padding-left:0px;
  margin-left:20px;
  position: relative;
  background:transparent;

}


.menu-strony-gora-szukaj
{
  display:inline-block;
  vertical-align:middle;
  padding-left:0px;
  position: relative;
  background:white; 
  font-size:0; 
}

.menu-strony-gora-szukaj-input-bt
{
  display:inline-block;
  vertical-align:middle;
  height:36px;
  width:60px;
  position: relative;  
}

.naglowek-poz, .naglowek-poz-f
{
 padding:45px 0px 45px 0px;
 position: relative;
}

.naglowek-poz .naglowek-logo, .naglowek-poz-f .naglowek-logo
{

  width:auto;
  height:20px;

}


.baner-wszystko
{ 
  max-width:100%;
}


.baner-tekst
{
  width:100%;
/*  height:auto;*/
  background:white;
    
}

.baner-tekst-zaw
{   
    top:0%;
    position: relative;
    transform: translateY(0%); 
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    padding:70px 15px;
}

.baner-strony-przed
{
  
  position: absolute;
  right:0px;
  bottom:30px;
  width:100%;
  z-index:600;
  text-align:center;

}


.sekcja-newsletter-tekst
{
  width:100%;
  height:auto; 

}

.sekcja-newsletter-tekst-zaw
{
  top:0%;
  position: relative;
  transform: translateY(0%); 
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  padding:40px 60px;

}


.stopka-dane-poz
{
  position: relative;
  min-height:auto;
  padding-top:20px;
  text-align:center;
  
}

.stopka-projekt
{
  padding:70px 0px 70px 0px;
  text-align:center;
}


}




@media (max-width: 500px) {

.naglowek-poz, .naglowek-poz-f
{
 padding:20px 0px 70px 0px;
 position: relative;
}

.naglowek-poz .naglowek-logo, .naglowek-poz-f .naglowek-logo
{

  width:auto;
  height:20px;

}


.naglowek-poz .menu-strony-gora, .naglowek-poz-f .menu-strony-gora
{
  position: absolute;
  top:55px;
  right:auto;
  left:0px;
}

.menu-strony-przycisk-mobilny
{

  top:10px;


}

.sekcja-newsletter-tekst-zaw
{
  top:0%;
  position: relative;
  transform: translateY(0%); 
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  padding:30px 30px;

}

}

@media (max-width: 330px) {

.baner-strony-st-l
{  
  display:none;
}

.baner-strony-st-p
{ 
  display:none;
}

.menu-strony-gora-szukaj-input
{
  display:inline-block;
  vertical-align:middle;
  height:36px;
  background:#f8f8f8;
  width:60px;
  padding:0px 10px;
  position: relative;
}

.menu-strony-gora-szukaj-input-bt
{
  display:inline-block;
  vertical-align:middle;
  height:36px;
  width:50px;
  position: relative;  
}

}