@font-face {
  font-family: 'AntykwaTorunska-Regular';
  src: url('../fonts/AntykwaTorunska-Regular.eot');
  src: url('../fonts/AntykwaTorunska-Regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/AntykwaTorunska-Regular.svg#AntykwaTorunska-Regular') format('svg'),
       url('../fonts/AntykwaTorunska-Regular.ttf') format('truetype'),
       url('../fonts/AntykwaTorunska-Regular.woff') format('woff'),
       url('../fonts/AntykwaTorunska-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'AntykwaTorunska-Bold';
  src: url('../fonts/AntykwaTorunska-Bold.eot');
  src: url('../fonts/AntykwaTorunska-Bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/AntykwaTorunska-Bold.svg#AntykwaTorunska-Bold') format('svg'),
       url('../fonts/AntykwaTorunska-Bold.ttf') format('truetype'),
       url('../fonts/AntykwaTorunska-Bold.woff') format('woff'),
       url('../fonts/AntykwaTorunska-Bold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AntykwaTorunska-Italic';
  src: url('../fonts/AntykwaTorunska-Italic.eot');
  src: url('../fonts/AntykwaTorunska-Italic.eot?#iefix') format('embedded-opentype'),
       url('../fonts/AntykwaTorunska-Italic.svg#AntykwaTorunska-Italic') format('svg'),
       url('../fonts/AntykwaTorunska-Italic.ttf') format('truetype'),
       url('../fonts/AntykwaTorunska-Italic.woff') format('woff'),
       url('../fonts/AntykwaTorunska-Italic.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'AntykwaTorunska-BoldItalic';
  src: url('../fonts/AntykwaTorunska-BoldItalic.eot');
  src: url('../fonts/AntykwaTorunska-BoldItalic.eot?#iefix') format('embedded-opentype'),
       url('../fonts/AntykwaTorunska-BoldItalic.svg#AntykwaTorunska-BoldItalic') format('svg'),
       url('../fonts/AntykwaTorunska-BoldItalic.ttf') format('truetype'),
       url('../fonts/AntykwaTorunska-BoldItalic.woff') format('woff'),
       url('../fonts/AntykwaTorunska-BoldItalic.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

/*style ogólne*/

body{
    font-family: 'Open Sans', sans-serif;
    padding-top: 70px;
    min-width: 320px;
    font-size: 1rem;
    line-height: 1.7rem;
    background-color: #fff;
}
@media (min-width: 576px) {
    body{
        padding-top: 87px;
    }
}



a{
    color: #6db74f;
}
a:hover, a:focus, a:active{
    color: #00ff00;
}    


h1, h2,h3.h4,h5,h6{
    font-family: 'Cabin', sans-serif;
}

h2{
    margin: 3rem 0 2rem 0;
}
h4{
    margin: 0 0 1rem 0;
}
h5{
    margin: 2rem 0 1rem 0;
}

p, ul, ol{
    margin-bottom: 1rem;
}

@media (min-width: 768px) {
    p, li{
        text-align: justify;
    }
}



/*przyciski*/

.btn:hover,.btn:focus, .btn:active {
    box-shadow: none;
}

.btn-green{
        color: #fff;
        background-color: #6db74f;
        border-color: #6db74f;
   }

.btn-green:hover{
        color: #fff;
        background-color: green;
        border-color: green;
   }
 
   a:not([href]):not([tabindex]):hover,
   a:not([href]):not([tabindex]){
       color: #fff;
   }

.btn-info, a.btn-info, .btn-info:active, .btn-info:focus,
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active{
        color: #fff;
        background-color: green;
        border-color: green;
        
   }

.btn-info:hover,  a.btn-info:hover{
        color: #fff;
        background-color: #6db74f;
        border-color: #6db74f;
   }


.btn-primary, .btn-primary:focus, .btn-primary:active,
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active{
    background-color: #bd2130;
    border-color: #bd2130;
     box-shadow: none;
}
.btn-primary:hover{
    background-color: #dd2130;
    border-color: #dd2130;
     box-shadow: none;
}

/*pola formularzy*/

label{
    font-size: 0.9rem;
    font-weight: 600;
    margin-bottom: 0;
}

label.is-invalid{
    color: #dc3545;
}
.form-control-sm{
        width: 100%;
    }

input.form-control, input.form-control:focus, input.form-control:active,
div.form-control, div.form-control:focus, div.form-control:active,
textarea.form-control,  textarea.form-control:focus,  textarea.form-control:active{
    box-shadow: none;
    border: 1px solid #ced4da;
    
}
input.form-control:hover, textarea.form-control:hover,
div.form-control:hover, 
input.form-control.is-invalid, input.form-control.is-invalid:hover, input.form-control.is-invalid:focus, input.form-control.is-invalid:active,
div.form-control.is-invalid, div.form-control.is-invalid:hover, div.form-control.is-invalid:focus, div.form-control.is-invalid:active,
textarea.form-control.is-invalid, textarea.form-control.is-invalid:hover, textarea.form-control.is-invalid:focus,  textarea.form-control.is-invalid:active{
    box-shadow: none;
}

 
    
@media (min-width: 768px) {    
 .text-label{
     text-align: right;
  }
}

/* górny pasek adresu */
.top{
    background-color: #323546; 
     /*color: #bdbdbd;*/
    color: #fff;
    font-size: 0.9rem;
}

.logo{
   
    padding-top: 3px;
    padding-bottom: 2px;
    
}
#logo{
    height: 30px;
    -webkit-transition: height 1s;
    -moz-transition: height 1s;
    transition: height 1s;
}
#logo.male {
    height: 32px;
    
}
@media (min-width: 576px) {
#logo{
    height: 45px;
    -webkit-transition: height 1s;
    -moz-transition: height 1s;
    transition: height 1s;
}
}

@media (min-width: 992px) {
    .top-contact div{
        padding-left: 25px;
}
}

#cart-ilosc{
       font-size: 0.7rem;
}
.top a{
    /*color: #bdbdbd;*/
    color: #fff;
}
.top a:hover, .top a:hover i{
    color: #00ff00;
    text-decoration: none;
}
.top a i, .top i{
    color: #6db74f;
}





/*memu górne*/

.top-menu{
    background-color: #646672;
    font-size: 0.9rem;
}


.navbar{
    padding: 0 1rem;
}

.navbar a{
     /*color: #bdbdbd;*/
    color: #fff;
}

.navbar a:hover{
    color: #00ff00;
}
.navbar a.nav-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    text-align: inherit;
    white-space: nowrap;
    position: relative;
}
.navbar a.dropdown-item, .navbar a.nav-item {
    color: #646672;
}
.navbar a.dropdown-item:hover, .navbar a.nav-item:hover  {
    color: #00ff00;
    background-color: #646672;
    text-decoration: none;
}

.navbar-collapse{
    padding-bottom: 1rem;
}
@media (min-width: 992px) {
   .navbar-collapse{
    padding-bottom: 0;
}


.top-menu .nav-link{
    padding: .28rem 1rem;
}

.top-menu form{
    margin-left: 3rem;
}
}
.top-menu input.form-control, .top-menu input.form-control:hover, .top-menu input.form-control:focus, .top-menu input.form-control:active{
    box-shadow: none;
    border: 1px solid #fff ;
}
    
.top-menu  button{
    border: none;
    background-color: #fff;
    -webkit-transition: background 1s;
    -moz-transition: background 1s;
    transition: background 1s;
    
}
.top-menu  button:hover{
    background-color: #00ff00;
    
}

.top-menu .navbar-toggler{
    background-color: transparent;
    color: #fff;
   
}
.top-menu .navbar-toggler-icon{
   padding-top: 5px;
}

.top-menu{
    box-shadow: 0px 3px 5px #aaa;
}



.top-menu .navbar-expand-lg .navbar-nav .dropdown-menu.poziom{
    position: static;
    float: none;
}

.dropdown-menu{
    font-size: 14px;
}
.dropdown-menu a span{
    border-bottom: 1px solid #ccc;
    display: block;
}
.dropdown-menu a:hover span{
    border-bottom: 1px solid transparent;
    
}

.item-dropdown span:after{
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}
.dropdown-toggle.item-dropdown:after{
    content: none;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
}
@media (max-width: 991px){
    .dropdown-menu.poziom-3{
    border-radius: 0;
    border-left: none;
    border-right: none;
}
.dropdown-menu.poziom-3 a{
    padding-left: 3rem;
}
    .navbar{
        align-items: baseline;
    }
#navbarNavDropdown{
    overflow: auto;
    position: absolute;
    background-color: #999;
    width: 250px;
    padding-left:10px;
    padding-right: 10px;
    margin-top: 38px;
    
}
.nav-item{
    line-height: 1rem;
}
}
@media (min-width: 992px){
 .dropdown-menu.poziom-2{
    margin-top: -3px;
    
}

.top-menu .navbar-expand-lg .navbar-nav .dropdown-menu.poziom-3{
    position: absolute;
    margin-left: 3rem;
    margin-top: -5px;
}}

/*
@media (min-width: 990px){
    .dropdown-menu.poziom-3{
    margin-left: 3rem;
}
*/

@media (min-height: 200px) and (max-width: 991px){
#navbarNavDropdown{
    max-height: 120px;
}
}
@media (min-height: 300px) and (max-width: 991px){
#navbarNavDropdown{
    max-height: 220px;
}
}
@media (min-height: 400px) and (max-width: 991px){
#navbarNavDropdown{
    max-height: 320px;
}
}
@media (min-height: 500px) and (max-width: 991px){
#navbarNavDropdown{
    max-height: 420px;
}
}
@media (min-height: 600px) and (max-width: 991px){
#navbarNavDropdown{
    max-height: 520px;
}
}
@media (min-height: 700px) and (max-width: 991px){
#navbarNavDropdown{
    max-height: 620px;
}
}
@media (min-height: 200px) and (min-width: 992px){
    #navbarNavDropdown{
           max-height: 120px;
    }
}
@media (min-height: 800px) and (max-width: 991px){
#navbarNavDropdown{
    max-height: 720px;
}
}

.dropdown:hover .dropdown-menu.poziom-2{
        display: block;
}
 .dropdown-menu.poziom-2 .dropdown:hover .dropdown-menu.poziom-3{
        display: block;
    }
    @media (max-width: 991px){
.dropdown.otwarte .dropdown-menu.poziom-2{
        display: block;
}
 .dropdown-menu.poziom-2 .dropdown.otwarte .dropdown-menu.poziom-3{
        display: block;
    }
    }
/*breadcrumbs*/
.breadcrumbs{
    font-size: 0.8rem;
    padding: 0.5rem 0;
    border-bottom: 3px double #6db74f;
    line-height: 1rem;
}


/* menu kategorii*/

.navbar-expand-lg #navbarKategorie  .navbar-nav {

    -ms-flex-direction: column;
    flex-direction: column;
   width: 100%;
}

.kategorie .navbar{
    padding: 0;
    align-items: center;
    
}


.kategorie .navbar-toggler-icon i{
    padding-top: 2px;    
}

@media (min-width: 992px) {
.kolumna-lewa{
 padding-right: 0; 

}
}

.kategorie button {
    background-color: #646672;
    color: #fff;
    font-weight: 600;
    width: 100%;
    border-radius: 0;
    text-align: left;
}


.hidden{
    display: none;
    visibility: hidden;
}
.kategorie li{
    border-bottom: 1px solid #ccc;
    font-weight: 600;
    text-align: left;
    
}

.kategorie a{
    padding-left: 0.5rem;
    text-transform: uppercase;
    color: #646672;
    display: flex;
    justify-content: space-between;
   
    
}
.kategorie a i{
    padding-right: 5px;
    font-size: 0.7rem;
   display: block;
   padding-top: 0.5rem;
   color: #999;
}


.kategorie a:hover{
    color: #6db74f;
    background-color: #e1e1e1;
    font-weight: 900;
}
.kategorie a.active{
    background-color: #eee;
    font-weight: 900;
}
.kategorie a span{
    display: block;
    min-width: 100px;
}
.kategorie .poziom-2 , .kategorie .poziom-3{
    line-height: 1rem;
} 
.kategorie .poziom-2 a i, .kategorie .poziom-3 a i{
    padding-top: 0.1rem;
}

.kategorie .navbar-expand-lg .navbar-nav  .poziom-2 a.nav-link{
    font-size: 0.8rem;
    padding-left: 1.5rem; 
}
.kategorie .poziom-2 a.nav-link{
    background-color: #eee;
    
}
.kategorie .poziom-2 a:hover,
.kategorie .poziom-2 a.active{
    background-color: #e1e1e1;
}
.kategorie .navbar-expand-lg .navbar-nav .poziom-3 a.nav-link{
    font-size: 0.8rem;
    padding-left: 3rem; 
}
.kategorie .poziom-3 a.nav-link{
    background-color: #e1e1e1;
    
}
.kategorie .poziom-3 a:hover,
.kategorie .poziom-3 a.active{
    background-color: #ddd;
}

/*tagi*/


.tagi{
    margin-top: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-top: 2px solid #6db74f;
    line-height: 2rem;
}


.tagi a{
    color: #999;
    border: 1px solid #999;
    font-size: 0.9rem;
    padding: 3px 5px;
    white-space: pre;
    
}
.tagi a:hover{
    color: #fff;
    background-color: #999;
    border: 1px solid #000;
    text-decoration: none
    
}
/*strona główna*/

.col-lewa{
    padding-right: 2px;
    padding-top: 4px;
}
.col-prawa{
    padding-left: 2px;
    padding-top: 4px;
}

@media (min-width: 768px) {
 .col-lewa{
    padding-right: 15px;
    padding-top: 0;
    height: 50%;
}
.col-prawa{
    padding-left: 15px;
    height: 50%;
    padding-top: 3px;
} 

 .col-md-lewa{
    padding-right: 2px;
    
}
.col-md-lewa div{
    height: 100%;
}
.col-md-lewa a{
    display: block;
    height: 100%;
}
.col-md-lewa a img{
    height: 100%;
    overflow: hidden;
}

.col-md-prawa{

    padding-left: 2px;

}


.baner-prawa{
    height: 100%;
    overflow: hidden;
}
.baner-prawa a{
    height: 100%;
}
.baner-prawa a img{
    width: 100%;
}
}
.container{
    position: relative;
}

.baner{
    padding-bottom: 10px;
}
#shadow{
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 1rem;
    z-index: -2;
}
#shadow .col-6.lewa{
    position: absolute;
    width: 40%;
    height:10px;
    bottom:25px;
    left:25px;
    box-shadow: 0 15px 10px  rgba(0,0,0,0.8);
    transform: rotate(-3deg);

}
#shadow .col-6.prawa{
position: absolute;
    width: 40%;
    height:10px;
    bottom:25px;
    right:25px;
    box-shadow: 0 15px 10px  rgba(0,0,0,0.8);
    transform: rotate(3deg);

}
.baner-content{
    background-color: #fff;    
}


/*mapy z google*/

.google-maps {
        margin-top: 60px;
        position: relative;
        padding-bottom: 100%; 
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
    
    @media (min-width: 576px){
        .google-maps {
            padding-bottom: 65%; 
    }

    }
   
/*strony*/
.strona{
    padding-bottom: 100px;
}

/* strony kategori/*/

.kategoria, .nowosci, .glowna{
    padding-bottom: 10px;
    
}
.glowna .kategoria {
    padding-bottom: 10px;
    
}

.kategoria .kategoria-header,
.nowosci .nowosci-header,
.koszyk .koszyk-header
{
   text-align: right;
   padding: 0.7rem 1rem 0 1rem;
   background-repeat: no-repeat;
   background-position: bottom;
   border-bottom: 1px solid #6db74f;
    text-shadow: 1px 1px #fff;
    
}


.kategoria .kategoria-header h2,
.nowosci .nowosci-header h2,
.koszyk .koszyk-header h2
{
    margin: 0;
    font-family: "AntykwaTorunska-BoldItalic";
    color: #bd2130;
    
}
@media (min-width: 768px){
    .kategoria .kategoria-header h2,
    .nowosci .nowosci-header h2,
    .koszyk .koszyk-header h2{
    font-size: 3rem;
    }
}
.kategoria .kategoria-header p,
.nowosci .nowosci-header p,
.koszyk .koszyk-header p{
    text-align: right;
    line-height: 1rem;
    font-family: "AntykwaTorunska-Regular";
    font-size: 1.2rem;
}


.kategoria-ikona{
    padding: 5px 10px 0 10px;
    text-align: center;
   
}

.kategoria-ikona img,
.kategoria-ikona a{
    transition-duration: 1s;
    transform: all 1s;
    -webkit-transform: all 1s;
    -moz-transform: all 1s;
}

@media (min-width: 576px) {
.kategoria-ikona:hover img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}
}
.kategoria-ikona h3{
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    text-align: center;
    font-size: 0.9rem;
    font-family: AntykwaTorunska-Bold;
    background-color: #fff;
    padding: 1px;
    opacity: 0.85;
    transition-duration: 1s;
    transform: all 1s;
    -webkit-transform: all 1s;
    -moz-transform: all 1s;
    overflow: hidden;
}
@media (min-width: 576px) {
    .kategoria-ikona h3{
    font-size: 1.1rem;

}

.kategoria-ikona:hover h3{
    left: 0;
    right: 0;
 
}
}
.kategoria-ikona a
{
    color: #000;
   }

.kategoria-ikona a:hover{
    text-decoration: none;
}


/*filtr przeg;lądania - sortuj - widok*/

.filtrPrzeglad{
    padding-top: 15px;
    padding-bottom: 15px;
    /*border-bottom: 1px solid #646672;*/
    border-top: 1px solid #646672;
    font-size: 0.8rem;
}

.filtrPrzeglad .btn-sm{
    color : #646672;
    border: 1px solid #ccc;
    }
.filtrPrzeglad .btn-sm.disable{
    color : #ccc;
    border: 1px solid #ccc;
    
}
.filtrPrzeglad .btn-sm:hover, .filtrPrzeglad .btn-sm:focus, .filtrPrzeglad .btn-sm:active {

    color : #00ff00;
    background-color: #646672;
    border-color: #646672;
    box-shadow: none;
    }
    .filtrPrzeglad select{
         font-size: 0.8rem;   
    }
    .filtrStrony{
        margin-top: 1rem;
    }
    .filtrStrony,
    .filtrStrony .select
    {
        font-size: 0.8rem;
    }
    
    .strony{
        display: flex;
        justify-content: flex-end;
    }
    .strony div{
        padding: 0 15px;
    }
    .strony div a{
        padding: 0 5px;
    }
    
    
/*listy towarów na stronach kategorii*/    
    /*kafelki*/
    .towar-kafelek{
         align-items: stretch ;
               
    }
    .kafelek{
        padding: 10px;
        display: flex;
        align-items: stretch;
        
    }
   
    .kafelek a{
        border: 1px solid #ccc;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 100%;
    }
    .kafelek a h3{
        color: #323546;
       
    }
    .kafelek a:hover{
        color: #323546;
        text-decoration: none;
    }
    .kafelek h3{
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 0.5rem;
        margin-bottom: 0.3rem;
    }
    .kafelek .cena{
        margin-left: 15px;
        margin-right: 15px;
        text-align: right;
        margin-bottom: 0.5rem;
        
    }
    .kafelek .cenastara{
        margin-left: 15px;
        margin-right: 15px;
        text-align: right;
        font-size: 0.8rem;
        text-decoration: line-through;
    }
    .kafelek a .cena,  .kafelek a .cenastara{
        color: #646672;
    }

.kafelek img,
.kafelek a{
    transition-duration: 1s;
    transform: all 1s;
    -webkit-transform: all 1s;
    -moz-transform: all 1s;
}
@media (min-width: 576px) {

.kafelek:hover a{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}
}

.kafelek:hover a{
    background-color: #eee;
}

.kafelek a h3{
        min-height: 35px;
        font-size:0.9rem;
        overflow: hidden;
    }
    
    .kafelek .cena{
        height: 20px;
         font-size: 0.8rem;
    }
.kafelek a h3.h3-wzor{
     font-size: 0.9rem;
     min-height: auto;
    }
@media (min-width: 576px) {
 .kafelek a h3{
        min-height: 43px;
         font-size: 1.1rem;
    }
    
    
    .kafelek .cena{
        height: 27px;
         font-size: 1rem;
    }
}

/*.kafelek .kafelek-img{
       height:146px;
       overflow: hidden;
    }    
    
    @media (min-width: 380px) {
     .kafelek .kafelek-img{
        height:155px;
    }
  
}
@media (min-width: 400px) {
     .kafelek .kafelek-img{
        height:165px;
    }
  
}
@media (min-width: 450px) {
     .kafelek .kafelek-img{
        height:201px;
    }
  
}
@media (min-width: 576px) {
     .kafelek .kafelek-img{
        height:233px;
    }
 .kafelek h3{
        height: 43px;
    }
    .kafelek .cena{
        height: 27px;
    }
  
}

@media (min-width: 768px) {
    .kafelek .kafelek-img{
        height:208px;
    }
   
}
@media (min-width: 992px) {
     .kafelek .kafelek-img{
        height:235px;
        
    }
   
}
@media (min-width: 1200px) {
    .kafelek .kafelek-img{
        height:208px;
    }
   
}
*/
/*oznaczenie nowości i promocji */


.nowosc{
    position: absolute;
    background-color: transparent;
    width: 130px;
    height: 110px;
    overflow: hidden;
    margin: 5px 0px;
    top: 0px;
    right: 0px;
    z-index: 10;
    transition-duration: 1s;
    transform: all 1s;
    -webkit-transform: all 1s;
    -moz-transform: all 1s;
}
.nowosc-lewa{
    position: absolute;
    z-index: 9;
    border-bottom: 5px solid #020;
    border-left: 4px solid transparent;
    top: 0;
    left: 26px;
    width: 10px;
}
.nowosc-prawa{
    position: absolute;
    z-index: 9;
    bottom: 6px;
    right: 0px;
border-left: 5px solid #020;
border-bottom: 4px solid transparent;
height: 10px;
}
.nowosc-text{
    background-color: green;
    color: #fff;
    font-weight: bold;
    transform: rotate(45deg);
    position: absolute;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    width: 140px;
    overflow: hidden;
    top: 25px;
    right: -30px;
    z-index: 10;
    text-align: center;

}
@media (min-width: 576px) {
.kafelek:hover .nowosc{
    margin: -11px -5px ;
}
}



.promocja{
    position: absolute;
    background-color: transparent;
    width: 130px;
    height: 110px;
    overflow: hidden;
    margin: 5px;
    top: 0px;
    right: 0px;
    z-index: 10;
    transition-duration: 1s;
    transform: all 1s;
    -webkit-transform: all 1s;
    -moz-transform: all 1s;
}
.promocja-lewa{
    position: absolute;
    z-index: 9;
    border-bottom: 5px solid #020;
    border-left: 4px solid transparent;
    top: 0;
    left: 26px;
    width: 10px;
}
.promocja-prawa{
    position: absolute;
    z-index: 9;
    bottom: 6px;
    right: 0px;
border-left: 5px solid #020;
border-bottom: 4px solid transparent;
height: 10px;
}
.promocja-text{
    background-color: #bd2130;
    color: #fff;
    font-weight: bold;
    transform: rotate(45deg);
    position: absolute;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    width: 140px;
    overflow: hidden;
    top: 25px;
    right: -30px;
    z-index: 10;
    text-align: center;

}
@media (min-width: 576px) {
.kafelek:hover .promocja{
    margin: -11px -5px ;
}
}



/*lista*/
 
    .towar-lista{
        
        border: 1px solid #ccc;
        margin-bottom: 15px;
         
    }
.towar-lista:hover {
    background-color: #eee;
}
.lista{
        padding-top: 15px;
        padding-bottom: 15px;
        }
        
        .towar-lista .row{
            align-items: center;
        }
          
    .lista h3 a{
        font-weight: bold;
        color: #323546;
        font-size: 1.1rem;
    }
    .lista a:hover{
        
        text-decoration: none;
    }
    
    .lista .cena{
        text-align: right;
        padding-right: 40px;
        
    }
    .lista .cena, .lista .cenastara{
        color: #646672;
    }
    .lista .cenastara{
        padding-right: 40px;
        text-align: right;
        font-size: 0.8rem;
        text-decoration: line-through;
    }
    

    
 .towar-lista .nowosc, .towar-lista .promocja{
    top: -10px;
    right: -10px;
    
}


/*strona szczegółów towaru*/

.towar{
    padding-bottom: 10px;
}





.nav-pills .nav-link.active{
    background-color: #6db74f;
    
}
.nav-pills .nav-link{
    background-color: #aaa;
    
    margin-right: 0.5rem;
    color: #fff;
    margin-bottom: 2px;
}
.nav-pills .nav-link:hover{
    background-color: green;
    
}
.tab-content{
    margin-bottom: 3px;
    margin-left: -15px;
    margin-right: -15px;
}
.tab-pane{
    border: 1px solid #ddd;
    padding: 0.5rem 0.5rem;
    border-radius: 0.25rem;
}

#pills-zalaczniki a{
    color: #323546;
}
#pills-zalaczniki i{
    font-size: 1.5rem;
}

/*zakładki wzór / parametry*/

#pills-tab-1.nav {
    align-items: stretch;
 
}
@media (min-width: 768px) {
 #pills-tab-1.nav {
 
    flex-wrap: nowrap;
}   
}
#pills-tab-1 .nav-link {
    display: flex;
    align-items: center;
    text-align: center;
}
#pills-tab-1 .nav-link i{
    font-size: 2rem;
    margin-right: 10px;
}
#pills-tab-1.nav-pills .nav-link.active, 
#pills-tab-1.nav-pills .nav-link{
    background-color: green;
    width: 100%;
}
#pills-tab-1.nav-pills .nav-link.active:hover, 
#pills-tab-1.nav-pills .nav-link:hover{
    background-color: #6db74f;

}
#pills-opis .row{
    margin-left: 0;
    margin-right: 0;
}
#pills-opis .col-12, #pills-opis .col-11, #pills-opis .col-10, #pills-opis .col-9, #pills-opis .col-8, #pills-opis .col-7, #pills-opis .col-6, #pills-opis .col-5,#pills-opis .col-4,#pills-opis .col-3, #pills-opis .col-2, #pills-opis .col-1,
#pills-opis .col-sm-12,#pills-opis .col-sm-11,#pills-opis .col-sm-10,#pills-opis .col-sm-9,#pills-opis .col-sm-8,#pills-opis .col-sm-7,#pills-opis .col-sm-6,#pills-opis .col-sm-5,#pills-opis .col-sm-4,#pills-opis .col-sm-3,#pills-opis .col-sm-2,#pills-opis .col-sm-1,
#pills-opis .col-md-12,#pills-opis .col-md-11,#pills-opis .col-md-10,#pills-opis .col-md-9,#pills-opis .col-md-8,#pills-opis .col-md-7,#pills-opis .col-md-6,#pills-opis .col-md-5,#pills-opis .col-md-4,#pills-opis .col-md-3,#pills-opis .col-md-2,#pills-opis .col-md-1,
#pills-opis .col-lg-12,#pills-opis .col-lg-11,#pills-opis .col-lg-10,#pills-opis .col-lg-9,#pills-opis .col-lg-8,#pills-opis .col-lg-7,#pills-opis .col-lg-6,#pills-opis .col-lg-5,#pills-opis .col-lg-4,#pills-opis .col-lg-3,#pills-opis .col-lg-2,#pills-opis .col-lg-1,
#pills-opis .col-xl-12,#pills-opis .col-xl-11,#pills-opis .col-xl-10,#pills-opis .col-xl-9,#pills-opis .col-xl-8, #pills-opis .col-xl-7, #pills-opis .col-xl-6, #pills-opis .col-xl-5, #pills-opis .col-xl-4, #pills-opis .col-xl-3, #pills-opis .col-xl-2, #pills-opis .col-xl-1
{
    padding-left: 1px;
    padding-right: 1px;
}

.pokrewne{
    padding-left: 0;
    padding-right: 0;
}
.towar-opis{
        margin-bottom: 3px;
        
    }
    .towar-krotkiOpis   {
        padding-left:  0;
        padding-right: 0;
        padding-top: 10px;
        
    }
.galeria .carousel{
    margin-bottom: 0;
}


.btn-parametry{
    padding-right: 0;
    /*margin-top: 5px;*/
    width: 50%;
    display: flex;
    align-content: stretch;
}

.btn-wzory{
   /* margin-top: 5px;*/
    width: 50%;
    display: flex;
    align-content: stretch;
    
}
  #pills-tab-1{
        align-content: stretch;
    }
     .nav-pills .btn-wzory .nav-link{
        margin-right: 0;
    }

@media (min-width: 1200px) {
    #btn-wybor{
        position: fixed;
   width: 178px; 
   top: 330px;
   right: 0;
   z-index: 150;
    } 
    #btn-wybor-promocja{
        position: fixed;
   width: 178px; 
   top: 430px;
   right: 0;
   z-index: 150;
    } 
    .btn-parametry, 
    .btn-wzory{
        width: 178px;
        display: block;
        margin-left: 15px;
        margin-right: 15px;
        font-size: 0.8rem;
        line-height: 1.2rem;
        font-weight: bold;
    }
    #pills-tab-1{
        flex-direction: column;
    }
    #pills-tab-1 .nav-link i{
        font-size: 1.5rem;
        margin-right: 3px;
    }
       #pills-tab-1 .nav-link {
    padding-right: 0.5rem;
}
}


.nav-pills{
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 10px;
    margin-bottom: 10px;
}
/*etykietka koszyka z cena i ilością*/



.koszyk-etykieta{
 border: 1px solid #ddd;
 padding: 1rem 1.5rem;
 border-radius: 0.25rem;
 margin-bottom: 0.5rem;
 margin-left: -15px;
 margin-right: -15px;
 margin-top: 0.5rem;
 position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 90px;
 background-color: #eee;
 z-index: 100;
}
@media (min-width: 1200px) {
 .koszyk-etykieta{
     margin-bottom: 1rem;
 margin-top: 1rem;
 margin-left: 0;
 margin-right: 0;
   position: fixed;
   width: 178px; 
   top: 130px;
   right: 0;
    }
       .towar-opis{
        width: 780px;
    }
}
.koszyk-etykieta .cena{
    font-size: 1.5rem;
    line-height: 0.9rem;
    margin-bottom: 10px;
    
}
@media (max-width: 575px) {
.koszyk-etykieta .cena br{
    display: none;
    visibility: hidden;
}

}
.koszyk-etykieta .cenastara{
    font-size: 0.8rem;
    line-height: 0.9rem;
    text-decoration: line-through;
    
    
}
.form-control:disabled, .form-control[readonly] {

    background-color: #fff;
    

}
#minus a, #plus a{
    font-size: 0.6rem;
    color: #000;
    
}

@media (min-width: 576px) {
    .koszyk-etykieta .cena{
        padding-top: 5px;
        margin-bottom: 0;
    } 
}
.koszyk-etykieta .cena .small{
    font-size: 0.8rem;
    line-height:0.5rem;
}

.koszyk-etykieta #ilosc{
    text-align: right;
    
}
.koszyk-etykieta .ilosc{
    padding-right: 0;
}

@media (min-width: 1200px) {
    .koszyk-etykieta .cena{
        margin-bottom: 10px;
    }    
    
.koszyk-etykieta .ilosc{
    padding-right: 15px;
    margin-bottom: 10px;
}

    
}
.koszyk-etykieta .zamow button{
    width: 100%;
}

.towar h2{
   margin: 3px 0 3px 0;
}
/*galeria*/

.towar .galeria{
margin: 10px 0 0 0;
padding: 0 10px 0 0;

}

.towar .galeria1
{
margin: 0 0 0 0;
padding: 0;

}
.towar .galeria2 {
/*margin: -2rem 0 0 0;*/
padding: 0;

}
.galeria #carouselGallery{
    /*margin-bottom: 2rem;*/
}

.galeria #carouselGallery .carousel-inner,
.galeria1 #carouselGallery .carousel-inner,
.galeria2 #carouselGallery .carousel-inner{
    border: 1px solid #e1e1e1;
    
}


.galeria .no-gutters > .col-4,
.galeria1 .no-gutters > .col-4,
.galeria2 .no-gutters > .col-4{
    padding-left: 1px;
    padding-right: 1px;
}
.galeria .no-gutters,
.galeria1 .no-gutters,
.galeria2 .no-gutters{
    padding-left: 10px;
    padding-right: 10px;
}

.galeria .carousel-control-next, .galeria .carousel-control-prev,
.galeria1 .carousel-control-next, .galeria1 .carousel-control-prev,
.galeria2 .carousel-control-next, .galeria2 .carousel-control-prev{
    color: #323546;
    width: 10px;
}

.galeria .modal-header {
padding-top: 0.5rem;
padding-bottom: 0;
border-bottom:none;

}
.galeria .modal-header .close{
    font-size: 1rem;
    
}

.gallery-loop{
    z-index: 99;
    position: absolute;
    bottom: 0;
    right: 0;
    color: #999;
    background-color: #fff;
    padding: 2px 6px;
    
}

.modal .carousel-indicators li{
    background-color: #000;
    
}
.modal-body img{
    max-height: 80vh;
    width: auto;
}

.modal-body .close{
    position: absolute;
    right:1rem;
    font-size: 1rem;
    z-index: 2000;
}

/*parametry - cechy*/
.card {
    width: auto;
    margin-bottom: 1rem;
}

.card-header{
    padding: 0.2rem 1rem;
}

.card h5{
    margin: 0;
    font-weight: 900;
}
.card-body{
       padding:  1rem;
       padding-top: 0.5rem;
}

.card-body p{
       font-size: 0.8rem;
       color: #646672;
       line-height: 1rem;
       /*text-align: center;*/
       margin-bottom: 0.5rem;
}
  .kategoria-select{
         align-items: stretch ;
               
    }
    .select{
        padding: 5px;
        text-align: center;
        font-size: 0.8rem;
         transition-duration: 1s;
    transform: all 1s;
    -webkit-transform: all 1s;
    -moz-transform: all 1s;
        
    }
    .select a, .select a:hover{
        color: #212529;
        text-decoration: none;
        display: block;
        line-height: 1rem;
    }
    .selected{
        border: 1px solid red;
         -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    }
    
    .wartosc-row{
        display: flex;
        align-items: stretch;
    }
    
    .wartosc-item:hover,
    .select:hover{
        border: 1px solid #ccc;
         -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
        padding: 1px;
    }
    .select.selected:hover{
        border: 1px solid red;
         
    }
    .wartosc-selected{
        border-top: 1px solid #ccc;
        margin-top: 2rem;
        padding-top: 1rem;
        
    }
    .tekst-format{
        border: 1px solid #ccc;
        padding: 1rem 0;
        width: 100%;
        height: 100%;
       
    }
    .wartosc-item  {
     text-align: center;
     padding: 5px;
     transition-duration: 1s;
    transform: all 1s;
    -webkit-transform: all 1s;
    -moz-transform: all 1s;
      display: flex;
     align-content: space-between;
      /*-ms-flex-align: end;
  align-items: flex-end;*/
      align-items: stretch;
    }
    
    .wartosc-item div{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .wartosc-item p{
        font-size: 0.8rem;
        margin-bottom: 2px;
         text-align: center;
         line-height: 1rem;
    }
    .wartosc-ikona{
        text-align: center;
        font-size: 1.1rem;
        background-color: #fff;
        padding: 1px;
        opacity: 0.85;
        color: #999;
        position: relative;
    }
    .wartosc-ikona i{
        padding: 0.1rem;
        position: absolute;
        bottom: 0;
        right: 0;
        background-color: #fff;
        opacity: 0.9;
    }
        
    
     .wzor-ikona{
        text-align: center;
        font-size: 1.1rem;
        background-color: #fff;
        padding: 1px;
        opacity: 0.85;
        color: #999;
        
    }
    .wzor-ikona i{
        padding: 0 0.5rem;
    }
    .wzor-ikona .fa-check-square{
        color: green;
        font-weight: bold;
    }
    
      .card .cenastara{
        
        text-decoration: line-through;
    }
    
    #parametry-kv-success, #wzory-kv-success{
        margin-top: 1rem;
        
    }
    #parametry-pliki a, #wzory-pliki a{
        color: #212529;
    }
     #parametry-pliki a.ico-usun, #wzory-pliki a.ico-usun{
        color: #bd2130;
    }
    
    .tekstowy{
        display: flex;
        justify-content: space-between;
        padding-left: 1rem;
         padding-right: 1rem;
    }
    .tekstowy1{
        display: block;
        padding-left: 1rem;
         padding-right: 1rem;
    }
   
    .tekstowy1 .opis-id{
        margin-top: 0;
        border: 1px solid #aaa;
        padding: 1rem;
    } 
   .wartosc-check.selected,
   .wartosc-edit.selected{
        border: none;
         -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    textarea.poletekstowe.form-control{
        height: 10rem;
    }
    .opis-id{
        margin-top: 2rem;
        
    }
    .kategoria-select.tekst .select {
        
        display: flex;
        align-items: stretch;
        justify-content: center;
    }
    .kategoria-select.tekst .select div{
        width: 100%;
        
    }
    .kategoria-select.tekst .select a{
        
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .kategoria-select.tekst .select a{
        background-color: #aaa;
        height: 100%;
        padding: 5px;
        color: #fff;
        
    }
    
    
    #modal-zamowienie-content{
        margin: 2rem 0;
    }
    #modal-zamowienie-content p{
        line-height: 1rem;
    }
    #kontynuuj{
      margin-bottom: 0.5rem;  
    }
    
/*wyszukiwanie*/    
.szukaj-form{
    margin: 1rem 0;
}
@media (max-width: 767px) {
.szukaj-form .szukaj-button{
    text-align: right;
}
}
/*stopka*/

.stopka{
    background-color: #323546;
    color: #fff;
    padding: 20px 0;
}

footer{
    font-size: 0.7rem;
    border-top: 1px solid #fff;
    padding: 5px 0 10px 0;
     line-height: 1rem;
}
@media (min-width: 576px) {
 footer{
    font-size: 0.8rem;
    border-top: 1px solid #fff;
    padding: 5px 0 20px 0;
     line-height: 1.2rem;
}   
    
}
aside{
    margin-bottom: 15px;
    font-size: 0.8rem;
    line-height: 1rem;
}
aside div{
   /* padding-bottom: 20px; */
}

aside h5{
    margin: 0.5rem 0;
    font-size: 1rem;
}
.pierwsza div, .druga div, .trzecia div, .czwarta div{
     height: 100%;
     
}
.pierwsza, .druga{
    border-bottom: 1px solid #aaa;
    
}
@media (min-width: 576px) {
    
    
    aside{
        font-size: 0.9rem;
     line-height: 1.25rem;
    }
   aside h5{
    font-size: 1.25rem;
}
   
    
}
@media (min-width: 992px) {
    .pierwsza, .druga{
        border-bottom: none;
    }
    .pierwsza, .druga, .trzecia{
      border-right: 1px solid #aaa;
    }
}

aside a, footer a{
    color: #ccc;
}

aside img{
    margin-bottom: 0.3rem
}

aside .nav-link{
    padding: 0.1rem 0rem;
}

/*ikonki social mediów*/

#social-media{
    text-align: center;
    font-size: 2rem;
    margin: 0rem 2rem 0rem 0;
    display: flex;
    line-height: 3.5rem;
    height: auto;
        }
 

#social-media a{
    
    width: 3.5rem;
    height: 3.5rem;
    -webkit-transition: font-size 1s;
    -moz-transition: font-size 1s;
    transition: font-size 1s;
}

#social-media a:hover{
    font-size: 2.5rem;
    
}

#social-media a:hover, #social-media a:active, #social-media a:focus {
    color: #fff;
}


/*forlularz newslettera na głównej*/

.newsletter{
    margin-top: 0rem;
}
.newsletter input.form-control, .newsletter input.form-control:hover, .newsletter input.form-control:focus, .newsletter input.form-control:active{
    box-shadow: none;
    border: 1px solid #fff ;
}
    
.newsletter  button.btn{
    border: none;
    border: 1px solid #fff ;
    background-color: #fff;
    -webkit-transition: background 1s;
    -moz-transition: background 1s;
    transition: background 1s;
    
}
.newsletter  button:hover{
    background-color: #00ff00;
     border: 1px solid #00ff00;
}
aside div.newsletter{
    padding-bottom: 0;
}

/* współpraca*/
.partner{
    margin-top: 0rem;
    margin-bottom: 0rem;
    }
.partner-logo{
    margin-right: 15px;
}

.partner-logo img {
 -webkit-transition: all 1s;
-moz-transition: all 1s;
 transition: all 1s;
 -webkit-filter: brightness(0.9) grayscale(1);
filter: brightness(0.9)  grayscale(1);

}

.partner-logo:hover img {

-webkit-filter: grayscale(0);
filter: grayscale(0);
}

/* pasek informujący o cookies */
.cookie{
        position: fixed;
        bottom: 0;
        background-color: #fff;
        width: 100%;
        text-align: center;
        /*padding: 10px;*/
        z-index: 10;
        border-top: 1px solid #323546;
        
    }
    .cookie p{
        padding-top: 5px;
        font-size: 0.7rem;
        text-align: center;
        margin: 0;
        line-height: 1rem;
    }
    
    
    .zamknij{
        float: right;
       padding: 5px 10px;
        
        cursor:pointer; 
        margin-left: 10px;
        color: #323546;
        border-radius: 3px;
    }
    .zamknij:hover{
        
        color: #00ff00;
    }
    
    @media (min-width: 576px) {
    .cookie p{
        padding-top: 5px;
        font-size: 0.8rem;
        text-align: center;
        margin: 0;
        line-height: 1.25rem;
    }        
        
    }
    
    
    /*koszyk*/
    .koszyk table{
        margin: 2rem 0;
       
    }
    
    @media (max-width: 991px) {
     .koszyk table{
        line-height: 1rem;
       
    }   
}
    
    .koszyk-krok{
        margin-top: 1rem;
    }
    .koszyk-krok div{
        margin-bottom: 1rem;
    }
    .koszyk-krok button,    .koszyk-krok a{
        width: 100%;
        color: #fff;
    }
     .koszyk-krok a{
        background-color: #6db74f;
        color: #fff;
    }
    .koszyk-krok a.btn-active{
        background-color: green;
    }
      .koszyk-krok a:hover, .koszyk-krok a:focus, .koszyk-krok a:active{
        background-color: green;
        color: #fff;
    }
    .koszyk-krok button:hover, .koszyk-krok button:active, .koszyk-krok button:focus{
        color: #fff;
        box-shadow: none;
    }
    
    .btn-active{
        background-color: green;
    }
    .btn-disable{
        background-color: #aaa;
    }
    
    .koszyk th{
        text-align: center;
        font-size: 0.8rem;
        background-color: green;
        color: #fff;
        line-height: 1rem;
        padding: 5px;
    }
    .koszyk td{
        padding: 5px;
        vertical-align: middle;
    }
    .w-15{
        width:15%;
    }
    .koszyk tr.koszyk-podsumowanie td{
        background-color: #eee;
    }
    
    .przyciski{
        margin-bottom: 5rem;
        margin-top: 2rem; 
    }
    
   .card-body label p {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .card-body label.is-invalid p {
        color: #dc3545;
    }
     
    .big{
        font-size: 2rem;
    }
    
    
    
    /*paginacja*/
    
    .page-link{
        border: none;
        background-color: transparent;
        color: #6db74f;
    }
    .page-link:hover{
        background-color: transparent;
        color: #00ff00;
    }
    .page-item.active .page-link{
        background-color: transparent;
        color: green;
    }
    
    
    /*guziki w banerze*/
 

.col-lewa.h50 img,
.col-lewa.h50 a,
.col-prawa.h50 img,
.col-prawa.h50 a
{
    transition-duration: 1s;
    transform: all 1s;
    -webkit-transform: all 1s;
    -moz-transform: all 1s;
}

@media (min-width: 576px) {
.col-lewa.h50:hover img,
.col-prawa.h50:hover img
{
    transform: scale(1.1);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}
} 

.home-p{
    margin-bottom: 2px;
}



#pills-tabContent h2{
    font-size: 1.3rem;
}