body {
	background: #fff;
	color: #000;
	font-size: 15px;
	font-family: 'Inter', sans-serif;
    overflow-x: hidden !important;
    line-height: 18px;
    font-weight: 400;
    width: 100% !important;

}

.wrapper-pad{
    padding: 0 40px;
    position: relative;
    
}

.hidover{
    overflow: hidden !important;
}


.wrapper-sw{
    margin: 0;
    position: relative;
}
.wrapper-sw .swiper-scrollbar{
    height: 1px;
    background: #D5D5D5;
    left: 0;
}
.wrapper-sw .swiper-scrollbar-drag{
    background: #000;
    height: 3px;
    top: -1px;
    border-radius: 2px;
}

.wrapper{
    width: calc(100% - 80px);
    margin: 0 40px;
    position: relative;
}

.wr-odst{
margin-bottom: 50px !important;
}



#koszyk-show{
    max-width: 1450px;
    margin: 0 auto;
    position: relative;
}





.ukr{
    display: none;
}


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


#Odst-blog{
    height: 40px;
}



#Top{ 
    width: 100%;
   height: 80px;
   top: 40px;
   position: fixed;
   z-index: 9998;
   border-bottom: 1px solid #000000;
}

#Top.stuck {
    background: #fff;
}

#Top.clcs {
    background: #fff;
    top: 0 !important;
}


#TopOdst{
    width: 100%;
    height: 80px;
    position: relative;
}



#MenuTop{
    display: block;
    position: relative;
    text-align: left;
    margin: 0 auto 0 200px;
    padding: 15px 0;   
    width: calc(100% - 360px);   
}

#MenuTop li{
    display: inline-block;
    position: relative;
    margin: 0 30px 0 0;
}

#MenuTop li a{
    cursor: pointer;
    font-weight: 500;
    font-size: 16px;
    /*text-transform: uppercase; */
        -webkit-transition: all 200ms ease-in;
-moz-transition: all 200ms ease-in;
-ms-transition: all 200ms ease-in;
-o-transition: all 200ms ease-in;
transition: all 200ms ease-in; 
}
#MenuTop li a:hover{
    color: #959596;
        -webkit-transition: all 400ms ease-in;
-moz-transition: all 200ms ease-in;
-ms-transition: all 200ms ease-in;
-o-transition: all 200ms ease-in;
transition: all 200ms ease-in; 
}

#MenuTop ul:last-of-type{
    margin-top: 8px;
}

#MenuTop ul:last-of-type li{
    margin: 0 20px 0 0;
}

#MenuTop ul:last-of-type li a{
    font-size: 12px;
}





.MenuMore{
    display: none;
    position: absolute;
    right: -10px;
    top: 0;
    width: 30px;
    height: 40px;
    z-index: 1;
    cursor: pointer;
}

.MenuMore:before { 
    content: " ";
     position: absolute;
     right: 0;
     top: 0;
     width: 30px;
     height: 40px;
     background: url('../img/chevron-right.svg') no-repeat right;
     background-size: 20px auto;
}

#MenuLogo{
   display: none;
   position: relative;
   width: 100%;
   height: 160px;
   background:  url('../img/logo-moma.svg') no-repeat 40px 40px; 
   background-size: 100px auto;
   cursor: pointer;
   margin-bottom: 30px;
}





#MenuLogo:before { 
    content: " ";
     position: absolute;
     right: 24px;
     top: 30px;
     width: 40px;
     height: 40px;
     background: url('../img/zamknij.svg') no-repeat left;
     background-size: 34px auto;
}

#MenuClose{
     height: 40px;
     width: 40px;
     position: absolute;
     right: 24px;
     top: 30px;
     cursor: pointer;
}
#MenuClose:before { 
    content: " ";
     position: absolute;
     right: 0;
     top: 0;
     width: 40px;
     height: 40px;
     background: url('../img/zamknij2.svg') no-repeat left;
     background-size: 34px auto;
}


#MenuTopL{
    position: relative;
}

#MenuTopRes{
    position: relative;
    width: 100%;
    
}

#MenuTopRes-inc{
    padding: 0;
}

#MenuBackH{
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 30px; 
    position: relative;
    background: #111111;
    color: #fff;
    height: 160px;
    width: 100%;
    position: relative;
    background-size: cover;
}
#MenuBackH > div{
    width: 100%;
    height:100%;
    position: relative;
    padding: 40px;
    z-index: 1;
}

#MenuBackH-przes{
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.2);
}

#MenuBack{
    position:absolute;
    left: 40px;
    top: 30px;
    height: 40px;
    width: 40px;
    cursor: pointer;
}

#MenuBack:before { 
    content: " ";
     position: absolute;
     right: 0;
     top: 0;
     width: 40px;
     height: 40px;
     background: url('../img/b-back-w.svg') no-repeat left;
     background-size: 14px auto;
}

#MenuBackH a{
display: inline-block;
position: absolute;
bottom: 30px;
}



#menu-wszystkie{
    display: block;
    text-align: right;
    margin-bottom: 20px;
    text-decoration: underline;
    text-underline-offset: 5px;
    color: #8B2F3C;
position: relative;
font-weight: 500;
padding-right: 22px;
font-style: italic;
}

#menu-wszystkie:before{
    content: " ";
     position: absolute;
     right: -10px;
     width: 20px;
     height: 16px;
     background: url('../img/plus.svg') no-repeat right;
     background-size: 12px auto;
}


.SubMenuBox{
    border-top: solid 1px #eae9e6;
    margin-top: 30px;
    padding-top: 40px;
}






#SubMenuTop{
    padding: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

#SubMenuTop > div{
    width: 16%;
}

#SubMenuTop > div.TmBig{
    width: 30%;
}

#SubMenuTop > div.TmBig2{
    width: 25%;
}






.MenuPolec{
    margin-bottom: 30px;
}





/* WYSZUKIWARKA */
#Szukaj{
padding: 30px 0 10px 0;
}

#Szukaj form input[type="text"]{
border: 0;
border-bottom: solid 2px #111111;
border-radius: 0;
font-size: 32px;
padding-right: 50px;
padding-left: 0;
background: #fff;
}
#Szukaj form input[type="text"]:focus
{border: 0;border-bottom: solid 2px #111111;}

#no-result{
margin: 0 0 50px 0;
}

#szukaj-prod{
    width: calc(75% - 10px);
}

#szukaj-kat-brand{
    width: calc(25% - 10px);
     height: calc(100vh - 112px);
     position: sticky;
     top: 0;
    background: #eae9e6;
    padding: 30px;
}

#szukaj-kat-brand a{
    display: block;
    margin: 7px 0;
}


#szukaj-kat-brand a.more{
    margin:  50px auto 0 auto; 
    width: calc(100% - 40px);
}


/* END WYSZUKIWARKA */





















#Popup-Bg{
    position: fixed;
    top: 80px;
    width: 0;
    z-index: 10000000;
    width: 100vw;
    height: calc(100vh - 80px);
    /* backdrop-filter: blur(2px);
    background: #ffffffd8;  */
    background: #fff;
    display: none;
    overflow-y: auto;
}

#ClosePopup{
    position: fixed;
    z-index: 2;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #fff;
    top: 80px;
    right: 5px;
    cursor: pointer;
    background: url('../img/zamknij.svg') no-repeat center;
    background-size: 34px auto;
}




.top-menu-lev-0{
     font-weight: 600;
     font-size: 18px;
    margin: 0 0 26px 0;
}


.seall{
    text-decoration: underline;
    text-underline-offset: 5px;
    font-style: italic;
    margin-bottom: 60px;
    font-size: 17px;
    display: block;
font-weight: 500;
color: #8B2F3C;
position: relative;
width: fit-content;
}

.seall:before{
    content: " ";
     position: absolute;
     right: -20px;
     width: 20px;
     height: 16px;
     background: url('../img/plus.svg') no-repeat right;
     background-size: 12px auto;
}




.top-menu-lev-1{
    font-weight: 600;
    margin: 0 0 20px 0;
    text-decoration: underline;
    text-underline-offset: 5px;
}
.top-menu-lev-1-inc{
    padding: 5px 0 15px 0;
}
.top-menu-lev-2{
    font-weight: 300;
    font-size: 13px;
   margin: 0 0 10px 0; 
}


#SubMenuTop  a > i{
font-weight: 400 !important;
font-size: 12px !important;
color: #8B2F3C !important;
font-style: italic;
margin-left: 4px;
}


#MenuTopRes  a > i{
font-weight: 400 !important;
font-size: 12px !important;
color: #8B2F3C !important;
font-style: italic;
margin-left: 4px;
text-transform: capitalize;
}


.top-menu-img{
position: relative;
}
.top-menu-img img{
width: 100%;
height: auto;
}
.top-menu-img > div{
width: 100%;
color: #fff;
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
padding: 20px;

}




.seemore{
font-weight: 400 !important;
font-size: 12px !important;
color: #8B2F3C !important;
font-style: italic;
position: relative;
}

.seemore:before{
    content: " ";
     position: absolute;
     right: -20px;
     width: 20px;
     height: 16px;
     background: url('../img/plus.svg') no-repeat right;
     background-size: 10px auto;
}



#MenuTopL{
    position: relative;
}






#MenuNav{
    display: none;
   position: absolute;
   left: 10px;
   top: 18px;
    width: 40px;
    height: 40px;
    cursor: pointer;
}
#MenuNav:before { 
     content: " ";
     position: absolute;
     left: 0;
     width: 20px;
     height: 16px;
     background: url('../img/burger.svg') no-repeat left;
     background-size: 20px auto;
}








.TopBlog{
    border-bottom: 0 !important;
      background: rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px); /* dla Safari */
}



#logo-moma{
    display: block;
    position: absolute;
    width: 127px;
    height: 42px;
     background: url('../img/logo-moma.svg') no-repeat center;
    left: 40px;
    top: 20px; 
}

#logo-mash{
    display: block;
    position: absolute;
    width: 127px;
    height: 42px;
     background: url('../img/logo-mash.svg') no-repeat center;
     background-size: 127px auto;
    left: 40px;
    top: 0; 
}




.TopBlog #logo-moma{
    background: url('../img/logo-moma-white.svg') no-repeat center;

}







#topbelka{
    width: 100%;
    position: relative;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    font-weight: 300;
   /* text-transform: uppercase; */
    overflow: hidden;
}
#topbelka > div{
    width: calc(100% - 40px); 
    overflow: hidden;
}
#topbelka  a{
    display: block;
    width: 100%;
    height: 40px;
    color: inherit;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

#close-topbelka{
    position:absolute;
    right:5px;
    top:8px;
    width:26px;
    height:26px;
    text-align:center;
    font-size:18px;
    z-index:100;
    line-height:26px;
    cursor:pointer
}

#topbelka span{
    display: inline-block; 
    width: 46px;
    background: url('../img/strzalkatop.svg') no-repeat right;
}



#Top.scr{
    position: fixed;
    top: 0;
     -webkit-transition: all 400ms ease-in;
    -moz-transition: all 400ms ease-in;
    -ms-transition: all 400ms ease-in;
    -o-transition: all 400ms ease-in;
    transition: all 400ms ease-in; 
    
}

.thome{
    background: #E2DED9 !important;
}
.tnslt{
    background: #f1eeed !important;
}





#szukaj{
    width: 380px;
    height: 40px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    border: 1px solid #000000;
border-radius: 10px;
}




#szukaj-f-out{
    width: calc(100% - 30px);  
}


#szukaj form input[type="text"] {
color:#000;
border: 0;
background: transparent;
padding: 0 0 0 20px;
height: 30px;
line-height: 30px;
font-weight: 500;
font-size: 15px;
margin: 4px 0 0 0;
width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#szukaj ::placeholder { 
    color: #7F7F7F;
    opacity: 1; 
  }
  
  #szukaj  :-ms-input-placeholder {
    color: #7F7F7F;
  }
  
  #szukaj ::-ms-input-placeholder {
    color: #7F7F7F;
  }








  #szukaj-submit{
      width: 24px;
      height: 24px;
      cursor: pointer;
      position: absolute;
      right: 7px;
      top: 7px;
      background: url('../img/lupa.svg') no-repeat bottom;
  }





#top-ikonki{
    position: absolute;
    right: 40px;
    top: 20px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
}

#i-country{
    background-size: 26px auto;
    background-repeat: no-repeat;
    background-position: left;
    line-height: 40px;
    width: 56px;
    height: 40px;
    text-align: right;
    margin-left: 30px;
    position: relative;
}

#i-country::after{
    content: "›";
    position: absolute;
    right: -14px;
    top: -2px;
    font-weight: normal;
    font-size: 16px;
    color: #293033;
}



.i-top{
    width: 40px;
    height: 40px;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    cursor: pointer;
}

#i-search{
    background-image: url('../img/lupa.svg');
}

#i-user{
    background-image: url('../img/user.svg');
}
#i-ulubione{

    background-image: url('../img/ulubione.svg');
}
#i-kosz{

    background-image: url('../img/kosz.svg');
}



.TopBlog #i-search{

    background-image: url('../img/lupa-white.svg');
}

.TopBlog #i-user{

    background-image: url('../img/user-white.svg');
}
.TopBlog  #i-ulubione{

    background-image: url('../img/ulubione-white.svg');
}
.TopBlog  #i-kosz{

    background-image: url('../img/kosz-white.svg');
}

#i-nav{
    display: none;
}

#i-kosz > div, #i-ulubione > div{
    position: absolute;
    width: 14px;
    height: 14px;
    line-height: 14px;
text-align: center;
font-size: 9px;
    background: #293033;
color: #fff;
    top: 0;
    right: 0;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.TopBlog #i-kosz > div, .TopBlog #i-ulubione > div{

    background: #fff;
    color: #000;

}


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

#nav-przes{
    display: none;
    position: fixed;
    z-index: 9999;
    width: 100%;
    left: 0;
    height: 100vh;
    bottom: 0;
        background-color: rgba(0, 0, 0, 0.50);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

#MainMenu{
    
    height: 30px;
    width: 100%;
    margin: 7px 0 0 0;
    text-align: center;
    position: relative;
}

#MainMenu > ul{
    height: 30px;
    text-align: center;
}

#MainMenu li{
    display: inline-block;
    height: 30px;
}

.i-mob{
    display: none;
}




#MainMenu li a{
    display: block;
	margin: 0;
    padding: 0 10px;
    color: #293033;
    line-height: 30px;
    height: 30px;
	font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
    box-sizing: border-box; 
}



.mpromo{
    color: #FF6B00 !important;
}
.mpziel{
    color: #147C54 !important;
}
.mpnieb{
    color: #2718f5 !important;
}


#MainMenu li a:hover{
    border-bottom: solid 3px #293033;
}

#MainMenu li a.click{
    border-bottom: solid 3px #293033;
}


.TopBlog #MenuTop li a{
    color: #fff;
}

.TopBlog #MenuTop li a:hover{
    border-bottom: solid 3px #fff;
}

.TopBlog #MenuTop li a.click{
    border-bottom: solid 3px #fff;
}



#MainMenu li.i-mob{
    display: none;
}

#mob-menu{
    display: none;
}

#MenuSklep{
text-align: center;
position: relative;
}



.mob-kat{
    display: none;
}

/* Pierwszy UL - GŁÓWY */
#MenuSklepTop > ul{
   /* height: 30px; */
    text-align: center;
}
#MenuSklepTop > ul > li{
    display: inline-block;
    margin: 0;
    padding: 0 0 3px 0;
    height: 27px;
   
}

#MenuSklepTop > ul > li:hover{
    border-bottom: solid 3px #293033;
    padding: 0;

}

#MenuSklepTop > ul > li > a{
    display: block;
	margin: 0;
	padding: 0 10px;
    line-height: 27px;
    height: 27px;
    font-size: 15px;
    color: #293033;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 400ms ease-in;
-moz-transition: all 400ms ease-in;
-ms-transition: all 400ms ease-in;
-o-transition: all 400ms ease-in;
transition: all 400ms ease-in; 
}

#TopBlog #MenuSklepTop > ul > li > a{
color: #fff;
}


#TopBlog #MenuSklepTop > ul > li:hover{
    border-bottom: solid 3px #fff;
}


/* BLOK Z SUBKATEGORIAMI */



#MenuSklepTop .nav-subcat{
    position: absolute;
    width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 29px;
    text-align: left;
    padding: 30px;
    background: #fff;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    display: none;
    border: 1px solid #D5D5D5;
    z-index: 1000;
}



#MenuSklepTop .nav-subcat  a{
    display: block;
    padding: 4px 0;
    line-height: 1.3;
    font-size: 13px;
}


/* Pierwszy ul podkategorii */


#MenuSklepTop .nav-subcat > ul{
    margin: 0 30px;
    flex-grow: 1;
}

#MenuSklep .nav-subcat > ul > li > a{
    font-weight: 600;
}

/* Drugi ul podkategorii */
#MenuSklepTop .nav-subcat > ul > li > ul{
    margin: 16px 0;
}


/* Trzeci ul podkategorii */

#MenuSklepTop .nav-subcat > ul > li > ul > li > ul{
    display: none;
}



 .subsubm{
    display: none;
}


#i-nav-c{
    display: none;
}

#bg-nav{
    display: none;
}
 
.rekl-kat{
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
 }
    
    
    
    
    
    .rekl-kat img{
    max-width: 300px;
    height: auto;
   
    }
    
    .rekl-kat a{
    display: block;
    color: inherit;
    text-decoration: none;
    width: 100%;
    height: auto;
    }

    .rekl-tytul{
        position: absolute;
        top: 0;
        width: 100%;
        background: #af8655;
        padding: 10px;
        text-align: center;
        color: #fff;
        text-transform: uppercase;
        
    }
    


/* --------------------- PANELE ---------------*/

/* -- Kosz, Ulubione, Klient -- */

.panel-ng{
    height: 45px;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;

}

.panel-ng-sm{
    height: 30px;
    position: relative;

}

.close-panel{
    width: 30px;
    height: 30px;
    position: absolute;
    z-index: 10;
    right: 0;
    top: -10px;
    background:  url('../img/close-mini.svg') no-repeat center;
    cursor: pointer;
}


#panel-szukaj{
    font-size: 13px;
    text-align: left;
    position: absolute ;
    left: 0;
    top: 60px;
    width: 100%;
    background: #fff;
    border-bottom: solid 1px #D5D5D5;
padding: 0;
display: none;
z-index: 1001;
max-height: calc(100vh - 120px);
overflow-y: auto;
overflow-x: hidden;
padding-left: 25px;
}

#panel-szukaj .close-panel{
top: 5px;
right: 5px;
}

#panel-szukaj.scr{
    position: fixed;

}

.flex-c{
             display: flex;
             justify-content: center;
}

#no-result{
    text-align: center;
    padding: 24px 0;
    font-weight: 600;
    font-size: 16px;
}

#szukaj-produkty{
    width: calc(100% - 400px);
    padding: 16px;

    
}

.szukaj-prod{
    display: block;
    width: calc(25% - 10px);
    margin: 10px 5px;
    display: flex;
    justify-content: center;
    padding: 0;
}



.szukaj-cena{
    margin: 10px 0 0 0;
    font-weight: 400;
    color: #FF6B00;
}


.szukaj-cena i{
    color: #D5D5D5;
    text-decoration-line: line-through;
    padding-left: 5px;
    font-weight: 400;
    font-size: 11px;
}
.szukaj-producent{
    font-size:10px;
    font-weight: 400;
margin: 0;
}

.szukaj-a{
    display: block;
    margin: 7px 0;
}

.szukaj-a:hover{
    text-decoration: underline;
}


.szukaj-img{
    background: #fff;
    width: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.szukaj-img img{
    display: block;
    width: 100px;
    height: auto;
}

.szukaj-prod-txt{
    width: calc(100% - 100px);
    padding-left: 12px;
    font-size: 13px;
    line-height: 1.1;
    font-weight: 600;
}

#szukaj-kategorie{
    background: #EBEBEB;
    width: 400px;
    padding: 16px;

}



#panel-mini{
    position: fixed;
    top: 0;
    right: -700px;
    width: 700px;
    background: #fff;
    z-index: 1002;
     height: 100vh;
     overflow-y: hidden; 
     overflow-x: hidden; 
}



#filtr-panel-mini{
        position: fixed;
        width: 100%;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.50);
        z-index: 1000;
        top: 0;
        left: 0;
        display: none;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

.panel-mini-inc{
padding: 40px 50px 100px 50px;
height: 100%;
overflow-y: auto;
}

.panel-mini-inc .h3{
    margin: 0 0 40px 0;
    position: relative;
    width: fit-content;

}
.panel-mini-inc .h3 span{
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #111111;
    color: #fff;
    text-align: center;
    line-height: 20px;
    font-size: 13px;
    font-weight: 400;
    position: absolute;
    top: -5px;
    right: -20px;
}

    .closepanelm{
        position: absolute;
        top: 30px;
        right: 50px;
        width: 20px;
        height: 20px;
        cursor: pointer;
    }
    .closepanelm:before{ 
    content: " ";
     position: absolute;
     left: 8px;
     top: 0;
     width: 40px;
     height: 40px;
     background: url('../img/zamknij.svg') no-repeat left;
     background-size: 34px auto;
}








a.pul{
display: block;
min-height: 90px;
padding-bottom: 15px;
margin-bottom: 15px;
position: relative;
border-bottom: 1px solid #eae9e6;
}


.pul .k-img{
    width: 90px;
    height: 90px;
    position: absolute;
    left: 0;
    top: 0;
}

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

.pul p{
    width: calc(100% - 110px);
    margin: 0 0 5px 110px;
    text-align: left;
    position: relative;

}
.pul p.brand{
    text-transform: uppercase;
    font-size: 10px;
}

.pul p.k-cena{
    position: absolute;
    bottom: 15px;
    width: calc(100% - 110px);
}
.pul p.k-cena span{
    display: block;
    top: 0;
    position: absolute;
    right: 0;
    font-weight: 700;
}

.u-del{
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    top: 5px;
    cursor: pointer; 
}


.u-del:before { 
    content: " ";
     position: absolute;
     left: 0;
     top: 0;
     width: 20px;
     height: 20px;
     background: url('../img/k-delete.svg') no-repeat right;
     background-size: 14px auto;
}



#k-razem{
padding: 15px 0;
text-align: left;
font-size: 13px;
text-transform: uppercase;
position: relative;
}
#k-razem span{
    display: block;
    position: absolute;
    right: 0;
    top: 15px;
    text-transform: none;
    font-size: 14px;
    font-weight: 700;
}


#kosz-pk{
    display: block;
    text-transform: uppercase;
    text-align: center;
    background: transparent;
    border: solid 1px #293033;
    width: 48%;
    height: 50px;
     line-height: 50px;
    font-size: 15px;
    border-radius: 10px;
}

#dokasy-pk{
    display: block;
    text-transform: uppercase;
    text-align: center;
    background: #293033;
    color: #fff;
    width: 48%;
    height: 50px;
    line-height: 50px;
    font-size: 15px;
    border-radius: 10px;
    margin-bottom: 12px;
}


#panel-mini-bot{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px 50px;
    width: 100%;
    background: #fff;
}



.txt-img{
    width: 100%;
    height: auto;
}


.txt-img2{
    display: block;
    width: calc(50% - 5px);
    height: auto;
}
.txt-img  img, .txt-img2  img{
    width: 100%;
    height: auto;
}

.GaleriaTxt{
    margin-top: 12px;
  display: grid;
    grid-template-columns: repeat(auto-fill, minmax(540px, 1fr));
    gap: 10px;
    align-items: stretch;
}

.GaleriaTxtG{
   margin-top: 12px; 
}



.img-txt{
display: block;
}

.GaleriaTxtG .img-txt{
margin-top: 10px;

}


.img-txt  img, .img-txt  video{
    width: 100%;
    height: auto;
    border-radius: 10px;
}


.max-w{
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}


.tekst-flex-inc{
 display: grid;
  gap: 40px;                     /* odstęp między komórkami */
  --min: 300px;                  /* minimalna szerokość jednej komórki */
  --max-cols: 6;                 /* maksymalna liczba kolumn w rzędzie */
  --gap: 40px;
  /* WAŻNE: ograniczamy szerokość kontenera tak, żeby fizycznie nie zmieściło się
     więcej niż --max-cols kolumn o szerokości --min (plus gapy) */
  width: min(100%, calc(var(--min) * var(--max-cols) + var(--gap) * (var(--max-cols) - 1)));
  margin: 0 auto;                /* wycentrowanie gdy kontener mniejszy niż 100% */
  /* auto-fit dopasuje liczbę kolumn w zależności od dostępnej szerokości,
     każda kolumna ma min 400px i rośnie równomiernie (1fr) */
  grid-template-columns: repeat(auto-fit, minmax(var(--min), 1fr));
  box-sizing: border-box;
}



.tekst-ramka-out{


  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  box-sizing: border-box;
  width: 100%;



}


/*------------------------------------- SCIEZKA  ----------------------------------------*/

#Sciezka{
    padding: 20px 0 40px 0;
font-size: 12px;
line-height: 16px;
font-weight: 400;

}


#Sciezka li{
    display: inline-block;
    padding: 0 5px;
    margin: 0 5px;
    position: relative;
}

#Sciezka li a{
    text-decoration: underline;
}

#Sciezka li:before{
    content: " ";
     position: absolute;
     left: -20px;
     width: 20px;
     height: 16px;
     background: url('../img/chevron-right.svg') no-repeat right;
     background-size: 9px auto;
   
}

#Sciezka li:first-of-type{
    padding: 0 5px 0 0;
    margin: 0 5px 0 0;
}

#Sciezka li:first-of-type:before{
    content: "";
    display: none;
}

#Sciezka li a:hover{
   color: #000;
}



#backto{

    background: #F2F2F2;
    padding: 0 8px;
    position: relative;
    height: 26px;
    line-height: 26px;
    margin-left: 24px;
    font-size: 11px;
    display: none;
    border-radius: 5px;
}

#backto i{
    display: inline-block;
    width: 22px;
    height: 26px;
    position: absolute;
    left: -24px;
    background: #F2F2F2 url('../img/back.svg') no-repeat center;
    background-size: 6px auto;
    border-radius: 5px;
}

/*------------------------------------- SKLEP GŁÓWNA  ----------------------------------------*/


#bg-sklep{
    background: #f3ebe4;
    padding: 0 0 80px 0;
}



.my-swipper {
    width: 100%;
    aspect-ratio: 2 / 1;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    min-height: 600px;
}

.my-swipper .swiper-slide{
    display: block;
    width: 100%; 
    height: 100%; 
}






#my-swipper {
    height: calc(100vh - 40px);
    width: 100%;
    position: relative;
    overflow-x: hidden;
}

#my-swipper .swiper-slide{
    display: block;
    width: 100%; 
    height: 100%; 
}




.swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    background: transparent;
    opacity: 1;
    border: solid 1px #000;
        }
        .swiper-pagination-bullet-active{
background: #000;
        }




.cap-wrap{
    max-width: 900px;
    margin: 0 auto;
}

.posit-2 .cap-wrap{
margin: 0 0 0 auto;
}

.posit-4 .cap-wrap{
margin: 0 auto 0 0;
}

.swpipper-a{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}


.slide-inc{
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}

.slider-img{
    width: 100%;
    height: 100%;
    position: absolute; 
    right: 0;
    top: 0;
}

.slider-img a{
    display: block;
    width: 100%;
    height: 100%;

}


.slider-img  img{
    width: 100%;
    height: 100%;
     object-fit: cover;
}
    .slider-img  video{
        width: 100%;
        height: 100%;
         object-fit: cover;
    
        }
    
        .s-mobile, .slider-img a.s-mobile{
            display: none;
            position: relative;
            width: 100%;
    height: 100%;
        }
        .d-mobile, .slider-img a.d-mobile{
            display: block;
            position: relative;
            width: 100%;
    height: 100%;
        } 

.swipper-caption{
    width: 100%;
    padding: 140px 40px 100px 40px;
    height: 100%;
position: absolute;
z-index: 10;
}

.swipper-caption .wrapper-pad{
    height: 100%;
}



.swipper-caption .h1{
    margin: 0;
    font-size: 68px;
    line-height: 1.2;
    font-weight: 600;
}

.swipper-txt{
font-weight: 400;
font-size: 16px;
}

.swipper-ng{
font-size: 16px;
line-height: 1;
position: relative;
}

#swipper-p{
bottom: 10px;
left: 0;
right: 0;
text-align: center;
margin: 0 auto;
}










/*------------------------------------- UNIWERSALNE ----------------------------------------*/
.h1{
    font-size: 60px;
    margin: 0 0 40px 0;
    line-height: 1.2;
    font-weight: 400;
}

.h1h{
    font-size: 60px;
    margin: 0 0 40px 0;
    line-height: 1.2;
    font-weight: 400;
}

.h2{
    font-size: 48px;
    margin: 20px 0;
    line-height: 1.2;
    font-weight: 400;
}

.h3{
    font-size: 26px;
    margin: 0.8em 0;
    line-height: 1.2;
    font-weight: 400;
}

.h4{
    font-size: 18px;
    margin: 1em 0;
    font-weight: 600;
    position: relative;
}




.h1p{
    font-size: 26px;
    margin: 0 0 0.5em 0;
    line-height: 1.2;
    font-weight: 800;
}

.h3o{
    font-size: 18px;
    margin: 0 0 1em 0;
    padding-bottom: 10px;
    line-height: 1.2;
    font-weight: 700;
    border-bottom: solid 1px #dcdada;
}


.h3n{
    font-size: 38px;
    line-height: 1.4;
    font-weight: 500;
text-align: left;
margin: 24px 0;
position: relative;

}

.h3w{
    font-size: 29px;
    line-height: 33px;
    font-weight: 500;
margin: 0 0 16px 0;
}

.h3wc{
    font-size: 22px;
    line-height: 30px;
    font-weight: 400;
margin:0;
}

.notop{
    margin-top: 0 !important;
}

.nobot{
    margin-bottom: 0 !important;
}


.h3p{
    font-size: 15px;
    line-height: 18px;  
    text-transform: uppercase;    
    color: #293033;
    margin: 0 0 36px 0;
}

.h4n{
    font-size: 18px;
    line-height: 21px;
    font-weight: 400;
text-align: center;
margin: 0;  
}

.hp1{
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 118%;
color: #222222;
margin: 0;
}

.hp4{
font-style: normal;
font-weight: 700;
font-size: 12px;
line-height: 18px;
margin: 10px 0;
}


.h5{
    font-size: 15px;
line-height: 18px;
    text-transform: uppercase;
margin: 24px 0;  
}

.h5n{
    font-size: 15px;
line-height: 18px;
    text-transform: uppercase;
text-align: center;
margin: 0;  
}

.morenc{
    
    margin: 42px 0 0 0;
    -webkit-transition: all 400ms ease-in;
    -moz-transition: all 400ms ease-in;
    -ms-transition: all 400ms ease-in;
    -o-transition: all 400ms ease-in;
    transition: all 400ms ease-in; 
    -webkit-border-radius: 10px;
 border-radius: 10px;
 }

.more{
   margin: 42px 0 0 0;
   border: solid 1px #000;
   -webkit-transition: all 400ms ease-in;
   -moz-transition: all 400ms ease-in;
   -ms-transition: all 400ms ease-in;
   -o-transition: all 400ms ease-in;
   transition: all 400ms ease-in; 
   -webkit-border-radius: 10px;
border-radius: 10px;
}
.more:hover{
    background: #000;
    color: #fff;
    text-decoration: none;
 }
.button{
display: block;
min-width: 140px;
width: fit-content;
height: 40px;
line-height: 40px;
text-transform: uppercase;
font-size: 15px;
padding: 0 20px;
text-align: center;
cursor: pointer;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.button-in{
    display: inline-block;
    width: auto;
    max-width: 100%;
    height: 40px;
    padding: 0 24px;
    line-height: 38px;
    text-transform: uppercase;
    font-size: 15px;
    text-align: center;
    cursor: pointer;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    }
    

.morectr{
    position: relative;
    margin: 40px auto 0 auto !important; 
}


.morebut{
    display: block;
   margin: 42px 0 0 0;
   background: #000;
   color: #fff;
   text-align: center;
   padding: 20px;
   -webkit-transition: all 400ms ease-in;
   -moz-transition: all 400ms ease-in;
   -ms-transition: all 400ms ease-in;
   -o-transition: all 400ms ease-in;
   transition: all 400ms ease-in; 
   -webkit-border-radius: 10px;
border-radius: 10px;
}
.morebut:hover{
    background: #424242;
    text-decoration: none;
 }




.moren{
   margin: 30px 0 0 0;
display: block;
min-width: 80px;
padding: 0 20px;
width: fit-content;
max-width: 100%;
height: 40px;
line-height: 40px;
text-align: center;
cursor: pointer;
-webkit-border-radius: 3px;
border-radius: 3px;
   -webkit-transition: all 400ms ease-in;
   -moz-transition: all 400ms ease-in;
   -ms-transition: all 400ms ease-in;
   -o-transition: all 400ms ease-in;
   transition: all 400ms ease-in; 

}
.more:hover{  
    text-decoration: none;
 }






.morew{
   background: #F7F6F4;
   color: #111111;
}
.morew:hover{
    background: #dfdfdf;
}
.moreb{
   background: #111111;
   color: #fff;
}
.moreb:hover{
background: #424242;
}


.morebr{
   border: solid 1px #fff;
   color: #fff;
}

.moreu{
    text-decoration: underline;
    font-weight: 400;
    margin-left: 10px;
}

.moreplus-out{
    width: 100%;
    height: 45px;
    position: relative;
}

.moreplus{
    display: block;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-weight: 400;
font-size: 14px;
position: absolute;
right: 0;
top: 0;
width: 36px;
height: 36px;
line-height: 36px;
background: #f7f7f7;
border-radius: 10px;
padding: 0 0 0 40px;
overflow: hidden;
        -webkit-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in; 
}

.moreplus:before { 
        content: ""; 
        background: url('../img/ico-plus-more.svg') no-repeat center;
        position: absolute;
        font-size: 26px;
         width: 40px;
         height: 36px;
        left: 0;
        top:0;


}

.moreplus:hover{
    width: fit-content;
    padding: 0 10px 0 40px;
            -webkit-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in; 
}


.moreplustop{
bottom: auto;
top: -40px;  
}

.moreplustoptab{
bottom: auto;
top: -12px;  
}


.fkolor{
    color: #fff;
}

/* ----------------------------------------------MAIN-------------------------------------- */

.m-infoblok{
    background: #e2ded9;
}


#m-infoblok-inc{
    padding: 58px 0;
    font-size: 16px;
}

#m-prod1{
    padding-top: 32px;
}

.flex-3{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center; 
}

.finc1{
    width: 27%;
}

.finc2{
    width: 24%;
    font-size: 16px;
line-height: 1.4;
}

.finc3{
    width: 36%;
}

.flex-3-inc  img{
    max-width: 100%;
    height: auto;
}



.flex-3-inc .h1{
    margin-top: 8px;
}

#katgeorie-home-mob{
    display: none;
}



#katgeorie-home-in, #katgeorie-promo-in{
    padding: 40px 0;
  border-top: 1px solid #293033;
   /* border-bottom: 1px solid #293033;*/
}


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

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

.strona-bnr > div{
    display: block;
    font-size: 15px;
    text-align: center;
    width: calc(50% - 20px);
    margin-bottom: 90px;  
    
}



.strona-bnr  h4{
    font-size: 26px;
    font-weight: 500;
    margin: 0 0 10px 0;
    line-height: 1.1;
    text-align: center;
}

.simg {
border-radius: 10px;
overflow: hidden;
margin-bottom: 30px;
}

.simg img, .simg video{
    width: 100%;
    height: auto;
    border-radius: 10px;
}



.strona-bnr .button{
    margin: 24px auto 0 auto;
}


.strona-tresc{
    margin-bottom: 90px;
}



.main-tresc{
    max-width: 1240px;
    margin: 0 auto;
}








#kategorie-home a{
    display: block;
    font-size: 13px;
    text-align: center;
    color: #5a6970;
    width: calc(16.6667% - 20px);
    


}

#kategorie-home div{
    margin: 0 auto;
    max-width: 200px;
}













.kimg{
    width: 100%;
    height: 164px;
    text-align: center;
  position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.kimg > img{
    margin: 0 auto;
    max-width: 70%;
    max-height: 100%;
    -o-object-fit: scale-down;
    object-fit: scale-down
}

#kategorie-home a h4{
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2;
   color: #293033;
    margin: 15px 0 5px 0;
    text-align: center;

}


.realizacje-50{
width: 48%;
}

.realizacje-50 .h1{
margin-bottom: 64px;
position: relative;
}

.realizacje-50 .h1 span{
display: inline-block;
    font-size: 15px;
text-transform: uppercase;
position: relative;
line-height: 18px;
padding-bottom: 20px;
top: -20px;
padding-left: 20px;

}

.realizacje-30{
    width: 30%;
    }

    .realizacje-30 > span{
        display: block;
        text-transform: uppercase;
        font-size: 13px;
line-height: 15px;
    }


#Realizacje{
    padding: 0 0 56px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start; 
    

    
}

#Realizacje-f{
    padding: 24px 0 0 0;
    display: flex;

}

#Realizacje a, #Realizacje-f a{
    display: block;
    position: relative;
    width: 48%;
    font-size: 18px;
    text-align: left;
    line-height: 22px;
    padding: 28px 0;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;

}
#real-k{
    display: block;
    position: absolute;
    bottom: 60px;
    font-size: 28px;
    text-decoration: underline;

}


#Realizacje-f a{
flex: 1;
}


#Realizacje .h2, #Realizacje-f .h2{
font-size: 29px;
line-height: 33px;
    margin: 27px 0 16px 0;
    border-top: solid 1px #293033;
    padding: 16px 24px 0 0;
    background: url('../img/more-r.svg') no-repeat right 24px;
   
}

a#realizacje-start{
   padding-left: 4%;
}

a#realizacje-start > div{
    background: #fffdfa;
    padding: 32px;
    height: 100%;
}


#Realizacje-f img, #Realizacje img{
    width: 100%;
    height: auto;
}


#ng-rel{
    font-weight: 500;
font-size: 29px;
line-height: 33px;
margin-bottom: 32px;
}


.real-loc{
    background: url('../img/loc.svg') no-repeat left;
    padding: 5px 0 5px 38px;
    margin-top: 24px;
    font-size: 15px;
line-height: 18px;
text-transform: uppercase;
}


#BanerCaly{
    width: 100%;
    height: auto;
    border-radius: 10px 10px 0 0 ;
}

#BanerCaly img{
    width: 100%;
    height: auto;
    border-radius: 10px 10px 0 0 ;
}


#Baner-Strefa, .Baner-Strefa{
    margin: 50px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start; 
    width: 100%;
}

.Banery{
    display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(700px, 1fr));
  box-sizing: border-box;
  width: 100%;
}



.BanerySm{
    display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
  box-sizing: border-box;
  width: 100%;
}

.Banery a, .Banery > div, .BanerySm a, .BanerySm > div{
    display: block;
    position: relative;
    text-align: center;
}


.BanerBg{
    width: 100%;
    height: auto;
    display: block;
    position: relative;
}


.BanerProd{
    max-width: 702px;
    position: relative;
    margin: 0 auto;
}

.BanerWyr{
    display: flex;
    align-items: stretch; /* oba bloki mają taką samą wysokość */
}

.WyrTxtd{
    text-align: center;  
    padding: 40px;
    width: 50%;
}

.WyrTxt{
    display: flex;
    justify-content: center; /* poziome wyśrodkowanie */
    align-items: center;     /* pionowe wyśrodkowanie */
    text-align: center;      /* opcjonalnie wyśrodkowanie treści */
    padding: 40px;
    width: 50%;
    box-sizing: border-box;
}

.WyrImg{
   width: 50%; 
     flex: 1; 
    overflow: hidden; /* ukrywa nadmiar obrazu - ważne */
}

.WyrImg img{
    width: 100%;
    height: 100%;
    object-fit: cover; /* klucz: obraz wypełnia blok pion/poziom */
    display: block;
}


.Zaogr img{
     border-radius: 10px;
}




.TextOut{
    display: flex;
    align-items: stretch; /* oba bloki mają taką samą wysokość */
}

.TextInc{
    display: flex; 
    width: 50%;
    padding-right: 50px;

}

.TextIncR{
    display: flex; 
    width: 50%;
    padding-left: 50px;

}


.ImgInc{
   width: 50%; 
     flex: 1; 
    overflow: hidden; /* ukrywa nadmiar obrazu - ważne */
}

.ImgInc > div{
    height: 100%;
    width: 100%;
}


.ImgInc img, .ImgInc video{
    width: 100%;
    height: 100%;
    object-fit: cover; /* klucz: obraz wypełnia blok pion/poziom */
    display: block;
    border-radius: 10px;
}

.FlexImg{
    height: 100%;
    width: 100%;
    display: flex;
    align-items: stretch;
    gap: 10px;  
}

.FlexImg img, .FlexImg video{
    width: 100%;
    height: 100%;
    object-fit: cover; /* klucz: obraz wypełnia blok pion/poziom */
    display: block;
    border-radius: 10px;
}

.txt-img2{
   flex: 1;
    display: flex;
    overflow: hidden;
}


.TextGora{
    padding-bottom: 40px;
}

.TextD{
    padding-top: 40px;
}
.TextDG{
    padding: 40px 0;
}


.ImgC img, .ImgC video{
width: 100%;
height: auto;
 border-radius: 10px;
}



.Baner-Prx{
width: 100%;
min-height: 800px;
overflow: hidden;
position: relative;
}


 .section-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    will-change: transform;     /* płynniejsze animacje */
    z-index: 0;
  }

  .section-content {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
  }




.Prx-txt{
max-width: 1200px;
padding: 40px;
margin: 0 auto;

}







.baner-sw{
    width: auto;
    height: 620px;
    text-align: left;
    display: block;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}


.baner-sw b, .baner-sw strong, .baner-home strong{
font-weight: 600;
}
.baner-sw i, .baner-sw em, .baner-home em{
    font-style: italic;
    }
    .baner-sw p, .baner-home p{
        margin: 10px 0;
        }

.baner-sw-img {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}



.baner-sw-img img, .baner-sw-img video{
    width: 100%;
    height: auto;
    border-radius: 10px;
}


.baner-sw-img-h{
    width: auto;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.baner-sw-img-h img, .baner-sw-img-h video{
     width: auto;
    height: 100%;
    border-radius: 10px;
}




.baner-sw h4, .baner-home h4{
margin: 35px 0 20px 0;
}

.baner-sw h4 span, .baner-home h4 span{
    display: block;
    font-size: 16px;
margin: 0;
}





.baner-sw-sm{
    width: 300px;
    height: auto;
    display: block;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 12px;
text-align: center;
}




.baner-sw-sm h4{
margin: 10px 0 7px 0;
}

.baner-sw-sm h4 span{
    display: block;
    font-size: 16px;
margin: 0;
}





.InfoGrafika{
  

     display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;
}

.InfoGrafika .baner-sw-sm{
flex: 0 1 300px;
}

.Baner-Strefa h4,  .Banery h4{
    font-size: 26px;
    font-weight: 500;
    margin: 30px 0 5px 0;
    line-height: 1.2;
}

#Baner-Strefa .h3{
    margin: 35px 0 5px 0;
    font-weight: 500;
    font-size: 26px;
    line-height: 31px;
}


#Baner-Strefa a{
    display: block;
    position: relative;
    width: 32.5%;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    margin-bottom: 60px;
}

#Baner-Strefa .more, #Baner-Strefa .morenc{
    margin: 25px auto 0 auto; 
}



.Baner-Strefa a{
    display: block;
    position: relative;
    width: 49%;
    margin: 45px 0;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
}

.Baner-Strefa span.button{
    margin: 35px auto 0 auto;
}




.pielegnacja-img{
    width: 100%;

}

.bs-txt{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding: 40px;
}

.bs-txt-sm{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding: 20px;
}



.posit-1{
    text-align: center;
}

.posit-1 .more, .posit-1 .morenc{
     margin: 30px auto 0 auto !important;
}

.posit-2{
    text-align: right;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.posit-2 .more,.posit-2 .morenc{
     margin: 30px 0 0 auto !important;
}

.posit-3{
    text-align: center;
        display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.posit-3 .more,.posit-3 .morenc{
     margin: 30px auto 0 auto !important;
}

.posit-4{
    text-align: left;
        display: flex;
    flex-direction: column;
    justify-content: center;
}

.posit-4 .more,.posit-4 .morenc{
     margin: 30px auto 0 0 !important;
}

.posit-5{
    text-align: center;
        display: flex;
    flex-direction: column;
    justify-content: center;
}

.posit-5 .more,.posit-5 .morenc{
     margin: 30px auto 0 auto !important;
}




.bs-img img, .bs-img video{
    width: 100%;
    height: auto;
    border-radius: 10px;
    overflow: hidden;
}

.bsa-txt{
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    padding: 24px 0;
    text-align: center;
}


.bsa-txt .more{
    margin: 42px auto 0 auto; 
}


.Baner-Strefa1{
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: 60px;
    text-align: center;
    }


.Baner-Strefa1 a:not(.more){
display: block;
width: 100%;
}

.Baner-Strefa1 a.more{
    margin-left: auto;
    margin-right: auto;
}
    










.Baner-Strefa2{
width: 100%;
height: 660px;
overflow: hidden;
position: relative;
margin-bottom: 90px;
}



.bs2-txt{
width: 100%;
max-width: 600px;
height: 100%;
margin: 0 auto;
display: flex;
flex-direction: column;
justify-content: center;
color: #fff;
text-align: center;
margin-bottom: 50px;
}


.bs2-txt .more{
    border: solid 1px #fff;
    margin: 40px auto 0 auto;
}
.bs2-txt .h1 span{
    display: block;
    font-size: 16px;
    text-transform: uppercase;
}

.Baner-Strefa2 .wrapper{
    height: 100%;
}


.bs-img1{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%;

}

.bs-img1 img{
    height: 100%;
}

.bs-img2{
    position: absolute;
    height: 90%;
    right: 0;
    bottom: -20px;

}

.bs-img2 img{
    height: 100%;
}





.bsa2-txt{
position: relative;
z-index: 2;
   width: 540px;
   height: 100%;
margin: 0 auto 0 35%;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
 
}

.bsa2-txt h4{
    font-weight: 500;
    margin: 0;
font-size: 172px;
line-height: 140px;

}

.bsa2-txt span{
    display: block;
    position: absolute;
    bottom: 107px;
     right: 35px;
     font-size: 36px;
line-height: 34px;
font-weight: 400;
}




.strona-produkty{
    margin-bottom: 90px;
}

.strona-produkty .h2{
    margin: 0 0 40px 0;
}




/* BLOG */

#blog-main{
    position: relative;
    color: #fff !important;
    width: 100%;
    height: 1100px;
    height: calc(100vh - 40px);
    padding-top: 80px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
}


#background-video{
    width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}



#blog-main #Sciezka li:before{
     background: url('../img/chevron-right-w.svg') no-repeat right;
     background-size: 9px auto;
}

#blog-main .wrapper{
    height: 100%;
}


#blog-main #Sciezka li a:hover{
   color: #fff;
}

#logo-blog{
    width: 310px;
    height: 250px;
    margin-bottom: 50px;
    position: relative;
    left: -40px;
    background:  url('../img/logoblog.svg') no-repeat center;
}



#blog-home-txt{
    position: absolute;
    bottom: 100px;
}

#blog-home-txt .h1{
font-size: 64px;
margin: 14px 0 20px 0;
}

#blog-home-txt p{
    font-size: 16px;
}


.mag-kat{
    display: block;
    width: fit-content;
    text-align: center;
    text-transform: uppercase;
    font-size: 9px;
    line-height: 20px;
    height: 20px;
    padding: 0 9px;
    border: solid 1px #000;
    border-radius: 20px;
    margin: 0;
}

#blog-home-txt .mag-kat{
    border: solid 1px #fff; 
}
.praca-sub{
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
}

#blog-lista{
    position: relative;
}

.h1praca{
margin-bottom: 110px !important;
}


.blog-h-left{
    width: 46.1%;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

#bloghleft{
    position: -webkit-sticky;
position: sticky;
top: 0;
}



.blog-h-right{
    width: 51%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start; 
}

#blog-w-more{
    width: 100%;
}

.blog-wpis{
    display: block;
    width: 100%;
    font-size: 14px;
}

.blog-wpis-s{
    display: block;
    width: 47.2%;
    font-size: 14px;
    margin-bottom: 44px;
}

.blog-wpis h4, .blog-wpis-s h4{
    font-size: 27px;
    margin: 15px 0;
    line-height: 1.3;
}



.blog-img{
    width: 100%;
    height: auto;
    position: relative;
    border-radius: 10px;
    margin: 0 0 15px 0;
}



.blog-img > img{
width: 100%;
height: auto;
border-radius: 10px;
}

.blog-more{
    display: block;
    margin: 15px 0 0 0;
    font-size: 13px;
    text-transform: uppercase;
    width: fit-content;
    padding: 0 24px 0 0;
    background: url('../img/plus-blog.svg') no-repeat right;
    background-size: 17px auto;
}


.blog-s-wpis{
    margin: 0 0 100px 0;
}

.blog-s-txt{
width: 48%;

}

.blog-s-img{
    width: 48%;
    border-radius: 10px;
    }

    .blog-s-img img{
        width: 100%;
        height: auto;
        border-radius: 10px;
    }







#Magazyn-Home{
width: 100%;
text-align: left;
}

#Magazyn-Home-h{
    height: 120px;
    font-size: 96px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 100px; 
    overflow: hidden;
    width: 100%;
    
}
#Magazyn-Home-h span{
    padding: 0 20px;
}

#Magazyn-Home-h span:nth-of-type(even)  {
    color: #ccc;
  }


  #Magazyn-Home .h1{
    margin: 0 0 40px 0;
  }


 
  .subt h4{
    text-transform: uppercase;
    text-align: center;
    font-weight: 400;
font-size: 26px;
margin: 18px 0;
  }

  #Magazyn-Home-inc{
    height: 800px;
    width: 100%;
    color: #fff !important;
    position: relative;
    margin: 0;
    padding: 0;
    text-align: left;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  #Magazyn-Home-inc .wrapper-pad{
    height: 100%;
  }


.blur { filter: blur(10px); transition: filter 0.3s ease; }
.loaded { filter: blur(0); }


  .praca-txt-info{
    padding: 110px 0;
    text-align: center;
    font-size: 24px;
    line-height: 1.2;
  }


  .praca-txt-info h2{
    color: #000;
text-align: center;
font-size: 64px;
font-weight: 400;
line-height: 1.2;
margin: 40px auto;
  }


  .praca-txt-info .tresci{
    font-size: 24px;
  }


  .praca-txt-info .more{
    margin: 42px auto 0 auto;
  }




#moma-licz{
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start; 
    width: 100%;
    margin: 60px 0;
}




#moma-licz > div{
    width: 32%;
    border: solid 1px #D5D5D5;
    border-radius: 10px;
    padding: 30px;
    font-size: 16px;
font-weight: 400;
text-align: left;
}

#moma-licz > div h3{
    color: #000;
    font-size: 64px;
font-weight: 600;
line-height: 1; 
}

#moma-licz > div h4{
font-size: 32px;
font-weight: 400;
line-height: 1; 
margin-bottom: 20px;
}



.baner-praca{
    background: #F2F2F2;
    padding: 90px 0;
    text-align: left;
}

.baner-praca-inc{
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start; 
    flex-direction: row-reverse;
    width: 100%; 
}

.baner-praca-txt{
    width: 47%;
    text-align: left;
}

.baner-praca-txt h2{
    font-size: 64px;
font-weight: 400;
line-height: 1.2;
margin: 0 0 25px 0;

}

.baner-praca-txt .more{
width:fit-content;
background: #85C6A6;
padding: 0 30px;
color: #fff;
border: 0;
}

.baner-praca-txt .more:hover{
    background: #71aa8d;
}

.baner-praca-img{
    width: 36.8%;
}

.baner-praca-img img{
    width: 100%;
    height: auto;
    border-radius: 10px;
}





#moma-wart{
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start; 
    width: 100%;
    margin: 120px 0; 
    border-radius: 10px;
border: 1px solid #D9D9D9;
}

#moma-wart > div{
width: 50%;
height: 325px;
padding: 35px 50px;
text-align: left;
font-size: 20px;
line-height: 1.2;
}

#moma-wart h3{
    font-weight: 700;
    background: #85C6A6;
    padding: 10px;
    border-radius: 50px;
    text-transform: uppercase;
    width: fit-content;
    margin: 15px 0 30px;
}


.wart-img{
    height: 64px;

}

.wart-img > img{
    height: 64px;
    width: auto;
}


#moma-wart > div:first-of-type{
    border-bottom: solid 1px #D9D9D9;
    border-right: solid 1px #D9D9D9;
}
#moma-wart > div:nth-of-type(2){
    border-bottom: solid 1px #D9D9D9;
}
#moma-wart > div:nth-of-type(3){
    border-right: solid 1px #D9D9D9;
}



#oferty-pracy{
    margin-top: 60px;
    background: #fff;
    padding: 30px 50px;
    border-radius: 10px;
}

.oferta-pracy{
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start; 
    width: 100%;
    padding: 30px 0;
    border-bottom: solid 1px #D9D9D9;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.oferta-pracy:last-of-type{
    border: 0;
}



.of-p-ile{
    font-size: 18px;
    width: 100px;
}

.of-p-nazwa{
    font-size: 18px;
    font-weight: 700; 
    width: 400px;
    padding-right: 80px;
}
.of-p-nazwa span{
    display: block;
    color: #858585;
font-size: 13px;
font-weight: 400;
}

.of-p-miejsce{
    width: calc(100% - 580px);
    height: 100%;
}


.of-p-miejsce span{
    background: #F2F2F2;
    border-radius: 50px;
    padding: 7px 20px;
    font-size: 13px;
    font-weight: 500;
    display: block;
    width: fit-content;
}

.of-p-aplikuj{
    width: 80px;
text-transform: uppercase;
font-size: 14px;
background: url('../img/plus.svg') no-repeat right;
padding: 7px 0;
}


.Praca-dane{
    width: 100%;
    border-radius: 10px;
border: 1px solid #D5D5D5;
margin: 60px 0;
}

.Praca-dane-inc{
    padding: 50px 30px;
}

.Praca-dane > h2{
    border-radius: 10px 10px 0px 0px;
    background: #F2F2F2;
    padding: 25px 30px;
    font-size: 28px;
font-weight: 400;
line-height: 1.2;
}



.moreap{
    margin: 60px auto 60px auto;
    border: solid 1px #000;
    background: #000;
    color: #fff;
    -webkit-transition: all 400ms ease-in;
    -moz-transition: all 400ms ease-in;
    -ms-transition: all 400ms ease-in;
    -o-transition: all 400ms ease-in;
    transition: all 400ms ease-in; 
    -webkit-border-radius: 10px;
 border-radius: 10px;
 }
 .moreap:hover{
     background: #fff;
     color: #000;
     text-decoration: none;
  }
















  #logo-blog-h{
    width: 310px;
    height: 250px;
    position: relative;
    top: 40px;
    left: -40px;
    background:  url('../img/logoblog.svg') no-repeat center;
}


  .przesl-p{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    z-index: 0;
}

.mh-zajawka{
    max-width: 465px;
    margin: 0 auto;
}




#swipper-marka{
    padding: 7px 0 ;
}

.marka-s{
    width: 390px;
}


.marka{
    width: 390px;
height: 144px;
margin: 25px 0; 
text-align: center;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #D5D5D5;
border-radius: 10px;
}



.marka > div{
    width: 100%;
     text-align: center;
}

.marka > div > img{
    max-height: 120px;
    max-width: 85%;
    width: auto;
    height: auto;
}


.marka-b{
    width: 32%;
    height: 94px;
    margin: 0 0 20px 0; 
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #D5D5D5;
    border-radius: 10px;
}

.marka-b img{
    max-height: 50px;
    max-width: 80%;
    width: auto;
    height: auto;
}

#jestesmy{
width: 100%;
height: auto;
background: url('../img/bg-jestesmy.jpg') no-repeat center;
background-size: cover;
margin: 100px 0;
padding: 60px 0 0 0;
position: relative;
color: #fff;
}



.Main-Grupa{
 width: 100%;
height: auto;
background-repeat:  no-repeat;
background-position: center;
background-size: cover;

}























#prod-tab-n{
    text-align: left;
    padding: 0 0 10px 0;
}



#prod-tab-n  a{
    display: block;
    width: fit-content;
    height: 32px;
    line-height: 32px;
    font-weight: 400;
    font-size: 15px;
    padding: 0 22px;
    margin: 0 20px 0 0;
    cursor: pointer;
    border: solid 1px #000;
    position: relative;
    -webkit-border-radius: 16px;
border-radius: 16px;
text-transform: uppercase;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}


#prod-tab-n  a.clco{
    background: #000;
    color: #fff;
}

.prod-tab-inc{
    display: none;
    position: relative;
}




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

.wyroznione-baner{
background: #F2F2F2;
display: -moz-box;
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
flex-wrap: wrap;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
margin-bottom: 90px;
}


.wyroznione-baner-main{
background: #F2F2F2;
display: -moz-box;
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
flex-wrap: wrap;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}

.wyroznione-txt .sub-h{
    font-size: 18px;
}

.wyroznione-txt{
    width: 50%;
    font-size: 15px;
    text-align: center;
    display: flex;
flex-direction: column;
justify-content: center;

}

.wyroznione-txt > div{
    width: 100%;
    max-width: 600px;
    padding: 30px;
    margin: 0 auto;
}

.wyroznione-txt h3{
    font-size: 60px;
    line-height: 1.2;
    font-weight: 400;
    padding: 0 30px;
}

.wyroznione-txt h3 span{
    display: block;
    font-size: 42px;
}



.wyroznione-txt .button{
margin: 0 auto;
}


.wyroznione-txt-2{
    text-align: left;
    font-size: 16px;
}

.wyroznione-txt-2 h3{
    font-size: 40px;
font-weight: 400;
line-height: 1.2;
}

.wyroznione-txt-2 .sub-h{
font-size: 16px;
margin-bottom: 10px;
}


.morewyr{
    display: block;
    width: fit-content;
    margin: 35px 0 0 0 ;
    border-bottom: 1px solid #124734;
    font-size: 12px;
    text-transform: uppercase;
}

.wyroznione-img{
    width: 50%;
    position: relative;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; 
}

.wyroznione-img img, .wyroznione-img video{
    width: 100.4%;
    height: 100%;
}

.wyronione-odst{
    height: 90px;
}

.prodng{
    font-size: 32px;
    font-weight: 500;
    margin: 80px auto 20px auto;
    text-align: center;
    line-height: 1.2; 
}

.baner-parallax{
    width: 100%;
    height: 600px;
    position: relative;
}

.baner-parallax-txt{
    max-width: 600px;
    padding: 0 20px;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    width: 100%;
height: 100%;
position: absolute;
display: flex;
flex-direction: column;
justify-content: center;
left: 0;
right: 0;
top: 0;
font-size: 16px;
}

.baner-parallax-txt .button{
    margin: 30px auto 0 auto;
    border: solid 1px #fff;
}

.baner-parallax-txt h2{
    font-size: 67px;
font-weight: 400;
line-height: 1.2;
margin: 20px 0;
}




.flex-salon{
    width: 48%;
    position: relative;
}

.flex-salon .swsn, .flex-salon .swsp{
top: 10px;
}


.salon{
    border-top: 1px solid #293033;
    margin: 58px 0 24px 0;
    padding: 24px 0 0 0;
    position: relative;
}



.sln{
    width: 100%;
}

.pro-expo{
    display: block;
    line-height: 24px;
    padding-left: 38px;
    background: url('../img/promocja.svg') no-repeat left;
    margin: 16px 0;
    color: #293033 !important;
    text-decoration: underline;  
}
.salon-mapa{
    display: block;
    line-height: 28px;
    padding-left: 38px;
    background: url('../img/lokalizacja.svg') no-repeat left;
    margin: 16px 0;
    color: #293033 !important; 
    text-decoration: underline;  
}


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

.flex-s{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start; 
}

.flex-rev{
    flex-direction: row-reverse;
}

.flex-inc{
width: 46%;
position: relative;
}

.flex-inc2{
    width: 48%;
    position: relative;  
}

.flex-inc3{
    width: 31%;
    position: relative;  
}

.flex-inc3a{
    width: 33.3333%;
    position: relative;  
}

.flex-inc .tresci{
    max-width: 400px;
}

.flex-inc > img{
    max-width: 100%;
    height: auto;
}

.flex-inc .h1{
    margin-top: 0;
}





.flex-img{
    width: 100%;
    text-align: right;
    margin: 50px 0 0 0;
}

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


.produkty-sw{
    padding: 35px 0;
    position: relative;
}

.produkty-sw-n{
    padding: 0 0 25px 0;
    position: relative;
}


.moreplus_{
    display: block;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-weight: 400;
font-size: 15px;
line-height: 21px;
height: 21px;
text-transform: uppercase;
background: url('../img/ico-plus-more.svg') no-repeat right top;
padding-right: 27px;
color: #000;
position: absolute;
right: 0;
top: -42px;
}

.moreplush{
    top: -65px;
}

.moreplusn{
    top: 24px;
}

.moreplusnh{
    top: 24px;
    right: 40px;
}


#promo-expo{
    display: block;
    width: fit-content;
    height: 32px;
    line-height: 32px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    padding: 0 22px;
    border-radius: 10px;
    margin: 40px 0 15px 0;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.s-blok{
    padding: 31px 0 56px 0; 
    border-top: 1px solid #293033;
}

.s-blok .h3n{
margin-bottom: 16px;

}

.s-blok .wrapper{
    margin-top: 44px;
}

.flex-prod{
     display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: 13px;
    align-items: stretch;
}

.flex-prod-s{
     display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 13px;
    align-items: stretch;
}


 .Produkt{
   display: block;
     position: relative;
     border: 1px solid #D5D5D5;
     background: #fff;
     border-radius: 10px;
     padding: 15px;
     -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
 }

 .ProduktSw{
    width: 340px;
    min-height: 505px;
    text-align: left;
 }






 .Produkt:hover .nakladka{
    opacity: 1;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in; 
 }

.nakladka{
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    padding: 0;
    aspect-ratio: 20 / 21;
    background: #fff;
    opacity: 0;
    z-index:2;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in; 
}

.nimg{
    width: 100%;
    height: 100%;
    position: relative;
    text-align: center;
    border-radius: 10px 10px 0 0;
}

.nimg > img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px 10px 0 0;


}


 .pimg{
    width: 100%;
    aspect-ratio: 1 / 1;
    margin-top:15px;
     position: relative;
    display: flex;
    justify-content: center; /* centrum poziomo */
    align-items: center;     /* centrum pionowo */
 }


 .pimg-wyp{
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    padding: 0;
    aspect-ratio: 20 / 21;
    z-index:1;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
 }

 .pimg-wyp img{
     width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
 }

 .pimg-2{
    width: 100%;
    aspect-ratio: 1 / 1;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    opacity: 0;
    z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in; 
 }
 .pimg-2:hover{
    opacity: 1;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;  
 }

 .pimg img, .pimg-2 img,  .nimg2 img{
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain

 }

 .prod-lab-strefa{
    width: 100%;
    position: relative;
    height: 18px;
    padding-right: 30px;
    z-index: 3;
 }


 .prod-lab, .prod-lab2{
    display: inline-block;
    -webkit-border-radius: 16px;
border-radius: 16px;
height: 17px;
line-height: 17px;
background: #000;
color: #fff;
text-align: center;
padding: 0 7px;
margin-right:7px;
z-index: 2;
text-transform: uppercase;
font-weight: 500;
font-size: 8px;
line-height: 17px;
 }


 
.ico-new{
    background: #EBEBEB;
    color: #000;
}

.ico-dostawad{
    background: #EBEBEB;
    color: #000;
}

.ico-tylkounas{
    background: #FFE83D;
    color: #000;
}


.ico-24{
background: #EBEBEB;
color: #000;
}

.Produkt .upust{
  background: #FF6B00;
}




 .Produkt h4{
     text-align: left;
     padding: 0;
     margin: 0;
width: 100%;
  font-size: 14px;
  font-weight: 600;
  display: -webkit-box;
   -webkit-line-clamp: 2;
           line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;

 }


.OdstC{
    height: 50px;
}

 .Produkt .Cena{
    position: absolute;
    bottom: 35px;
text-align: left;
margin: 0;
color: #FF6B00;
font-weight: 400;
font-size: 16px;
line-height: 18px;
}



.Produkt .Cena span b{
    font-size: 12px;
    font-style: normal;
    color: #FF6B00;
 
}

 .Produkt .Cena span{
    color: #D5D5D5;
    display: inline-block;
    font-size: 12px;
    margin: 0 0 0 5px;
    
 }

 .Produkt .Cena span i{
    margin: 0 3px 0 0;
    font-style: normal;
    text-decoration-line: line-through;
 }




 .Produkt .Cena .cenaod{
    display: inline-block;
     font-size: 12px;
     margin: 0;
     padding-right: 4px;
     line-height: 18px;
     
}


.Produkt .wysylka{
    position: absolute;
    bottom: 14px;
text-align: left;
margin: 0;
color: #959595;
font-weight: 400;
font-size: 11px;
line-height: 14px;
}

.Produkt .wysylka > div{
    width: 10px;
    height: 10px;
    background: #FF6B00;
    border-radius: 50%;
    display: inline-block;
    margin: 2px 6px 0 0;
}

.Produkt .wysylka > div.g{
    background: #07b95d;
}


.Produkt .brand{
    margin: 10px 0 0 0;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
text-align: left;

}

.Produkt .nakladka .brand{
    margin: 34px 0 0 0;
}


.Produkt .ulubione-p{
    position: absolute;
    top: 0;
    right: 0;
       text-align: center;
       background: url('../img/ico-ulub.svg') no-repeat center;
       width: 22px;
    height: 19px;
    border: 0;
    border-radius: 0;
   }

   .Produkt .addu{
    background: url('../img/ico-ulub-add.svg') no-repeat center;
   } 











/*.Produkt .brand:first-letter { text-transform: uppercase; }*/



.icon-p{
    position: absolute;
    top: 8px;
    left: 8px;
}

.icon-p > p{
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 12px;
margin: 2px;
    -webkit-border-radius: 50%;
    border-radius: 50%;

}




.Produkt-kolory{
    position: relative;
    display: inline-block;
    z-index: 10;
    overflow: hidden;
    max-height: 15px;
    line-height: 15px;
    height: 15px;
    margin-top: 5px;
     text-align: left;

    }


    .Produkt-kolory > div{
    width: 15px;
    height: 15px;
    overflow: hidden;
    display: inline-block;
    margin: 0 6px 0 0;
    border: 1px solid #D5D5D5;
    -webkit-border-radius: 2px;
border-radius: 2px;
line-height: 15px;
position: relative;
    }


    .Produkt-kolory > div.plusd{
        width: fit-content;
        border: 0;
        color: #FF6B00;
        font-size: 12px;
    }
   
    
    .Produkt-kolory > div img{
    height: 100%;
    width: auto;
    }


.odts-p{
    height: 56px;
}



#lista-produktow{
    width: 100%;
    position: relative;
}

#FiltrBox{
width: 100%;
height: 84px;
margin: 0 0 0 0;
/*border-top: 1px solid #D5D5D5;
border-bottom: 1px solid #D5D5D5;*/
padding: 20px 0;
position: relative;
margin: 0 0 20px 0;
}

#FiltrBox-view{
    display: block;
    width: 3000px;
}






#wszystkiefiltry > div{
    padding-right: 30px;
min-width: 120px;
}

#wszystkiefiltry  span{
    display: none;
}



#FiltrBoxWybr{
    margin: 20px 0;
}



.wybrfiltr, #wyczysfiltry, .kategfiltr{
    display: inline-block; 
    height: 30px;
    line-height: 30px;
    font-weight: 700;
    font-size: 12px;
padding: 0 15px 0 27px;
       cursor: pointer;
    margin: 0 10px 10px 0;
position: relative;
border-radius: 7px;
border: 1px solid #5e5e5e;
background: url('../img/zamknij.svg') no-repeat 7px 8px;
background-size: 14px;
}
.wybrfiltr:hover, .kategfiltr:hover{
    background-color: #F2F2F2;
}

#wyczysfiltry{
    background: #F2F2F2;
    padding: 0 15px;
}

#wyczysfiltry:hover{
    background: #e0e0e0;
}




/* ------------------MENU LEFT ------------- */

#RightMain{
    width: calc(100% - 295px);
}

#MenuLeft{
width: 255px;
padding: 0 20px 48px 0;
color: #000;
position: -webkit-sticky;
position: sticky;
top: 0;
height: 100vh;
overflow-y: scroll;
}




/* width */
#MenuLeft::-webkit-scrollbar {
    width: 6px;
  }
  
  /* Track */
  #MenuLeft::-webkit-scrollbar-track {
    background: #f6f5f5; 
  }
   
  /* Handle */
  #MenuLeft::-webkit-scrollbar-thumb {
    background: #dddddd; 
  }
  
  /* Handle on hover */
  #MenuLeft::-webkit-scrollbar-thumb:hover {
    background: #9c9c9c; 
  }









#MenuLeft > ul{
    margin: 0;
    padding:0;
    list-style: none;

}

#MenuLeft  li{
    position: relative;
}


#MenuLeft  li a{
    display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 5px 0;
font-size: 13px;
}

#MenuLeft  li a:hover{
    text-decoration: underline;
}

#MenuLeft  li a.click{
    text-decoration: underline;
}

#MenuLeft > ul > li{
    font-weight: 600;
    border-bottom: solid 1px #e1e1e1;
    padding: 10px 0;
}



#MenuLeft > ul > li  ul > li a{
    font-size: 13px;
    font-weight: 400;
 
}

.shpodkat{
    background: url('../img/plus-lg.svg') no-repeat right 8px;
    background-size: 14px auto;
}

.upd{
    background: url('../img/dash-lg.svg') no-repeat right 8px !important;
    background-size: 14px auto  !important;
}

.shpodkat a{
    padding-right: 20px;
}

#MenuLeft > ul > li  ul  ul:not(.pgclick){
    display: none;
}

#MenuLeft > ul > li  ul  ul li a{
    padding: 2px 0 2px 10px;
    font-size: 12px;
}










/*----------- KATGEORIE ----------------------*/
#Kat-Opis{
    margin: 0 0 20px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}


#Kat-Opis-doc{
    margin: 0 0 20px 0;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}


#Kat-Opis-txt{
    width: 35%;
    
}

#Kat-Opis-txt-doc{
position: relative;
    width: 50%;
    text-align: left;
padding-right: 40px;
}

#Kat-Opis-img-doc{
    width: 50%;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; 
}

#Kat-Opis-txt-doc .tresci{
position: absolute;
bottom: 0;
padding-right: 40px;
font-size: 14px;
}

#Kat-Opis-img-doc  img{
    width: 100%;
height: auto;
border-radius: 10px;
}

#Kat-Opis-img{
    width: 62%;
    height: 350px;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}
#Kat-Opis-img  img{
    width: 100%;
height: 100%;
object-fit: cover;
}


#Kat-Opis-txt h1, #Kat-Opis-txt-doc h1{
    font-size: 36px;
    margin: 0 0 34px 0;
    line-height: 1.3;
    font-weight: 500;
}

#Kat-Opis-txt h1 span{
    display: block;
    color: #9E9E9E;
font-size: 15px;
font-weight: 600;
}



#swipper-subkat{
    margin: 20px 0 20px 0;
    position: relative;
    padding-bottom: 24px;
}


.subkateg{
    width: 140px;
    height: auto;
    text-align: center;
    display: block;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 12px;
}

.subkateg-img{
    width: 100%;
    aspect-ratio: 1 / 1;
    margin-bottom: 7px;
    background: #eae9e6;
    color: #f5f4f1;
    text-align: center;
    font-size: 140px;
    line-height: 1;
    font-weight: 700;
    overflow: hidden;


}

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

}


#Cat-Footer{
    margin-top: 70px;
}


#LinkTag{
    margin: 30px 0;
    text-align: center;
}

#LinkTag a{
    display: inline-block;
    width: fit-content;
    height: 40px;
    line-height: 40px;
    padding: 0 30px;
    margin: 5px;
    border: solid 1px #1F2B3A;
    color: #1F2B3A;
    border-radius: 10px;

}

#LinkTag a:hover{
        background: #1F2B3A;
    color: #fff;
}


#WsystkieProdukty{
display: block;
font-size: 12px;
font-weight: 400;
color: #7f7f7f;

}
#WsystkieProdukty span{
    display: inline !important;
    font-size: 12px !important;
    font-weight: 400 !important;
}



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

#salony-popup{
    max-width: 900px;
}

.salon-inc, .salon-popup{
    width: 49%;
    padding-bottom: 80px;
}

.salon-img{
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.salon-img img{
    width: 100%;
    height: auto;
    border-radius: 10px;
    }


    .salon-inc h4, .salon-popup h4{
        margin: 24px 0;
        font-size: 46px;
        line-height: 46px;

    }
    .salon-inc p, .salon-popup p{
     margin: 16px 0;
    }

    .salon-inc p b, .salon-popup p b{
        font-weight: 600;
    }



    .salon-inc p a, .salon-popup p a{
        color: #FF6B00;
    }

    a.more-s{
        display: block;
        text-decoration: underline;
        margin: 16px 0;
        font-size: 17px;
    }





#darm-dost{
    border: solid 1px #CB6F5A;
    color: #CB6F5A;
    padding: 15px;
    margin-bottom: 30px; 
    text-align: center;
    font-size: 13px;
}

#darm-dost b{
    font-weight: 600;
}

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

}


#magazyn-out{
    max-width: 964px;

    max-width: 1450px;
    margin: 0 auto;
    padding-bottom: 80px;
}

#magazyn-ng-t{
    width: 376px;
    padding: 34px 80px 56px 0;
font-style: normal;
font-weight: 800;
font-size: 72px;
line-height: 33px;
}

#magazyn-ng-o{
    width: calc(100% - 376px);
    padding: 34px 0 56px 0;
font-style: normal;
font-weight: 500;
font-size: 29px;
line-height: 33px;
}

#magazyn-wyr-l{
    width: 49%;
    padding-bottom: 80px;
}

#magazyn-wyr-r{
    width: 44.6%;
    padding-bottom: 80px;
    font-size: 18px;
line-height: 21px;

}

.magazyn-wyr img{
width: 100%;
height: auto;
}

.magazyn-wyr h4{
    margin: 8px 0 24px 0;
    font-size: 46px;
    line-height: 46px;
max-width: 320px;
}
.magazyn-wyr p{
    max-width: 320px;
}



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







.wyr-kat{
    display: block;
    
    text-transform: uppercase;
    font-size: 15px;
    line-height: 18px;
    margin: 45px 0 0 0;
}

.magazyn-wyr a{
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}




a.mag{
width: calc(16.66666% - 70px);
height: 450px;
display: block;
margin: 30px 0;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;

}


a.mag-s{
    width: calc(33.3333% - 70px);
    height: 450px;
    display: block;
    margin: 30px 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


a.mag-b{
    width: 58%;
    height: 560px;
    display: block;
    margin: 30px 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}






a.mag h4, a.mag-b h4, a.mag-s h4{
    margin: 16px auto;
    text-align: center;
    font-size: 25px;
line-height: 27px;
max-width: 400px;
}

a.mag p, a.mag-b p, a.mag-s p{
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    margin: 0 auto;
    max-width: 400px;
}


.mag-wideo{
    margin: 80px auto;
    max-width: 780px;
    text-align: center;
    padding: 0 24px;
    position: relative;
}


.mag-wideo .nvideo{
    font-size: 13px;
line-height: 15px;
text-align: center;
text-transform: uppercase;
position: absolute;
}

#nvideol{
    left: -15px; 
    top: 13px;
    transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3)
}

#nvideor{
    right: -15px; 
    bottom: 13px;
    transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1)
}

.praca{
    max-width: 1450px;

    margin: 56px auto;
}

.praca h4{
    margin: 16px 0;

    font-size: 25px;
line-height: 27px;

}


#blog-ng{
    width: 41%;
    font-size: 24px;
line-height: 28px;
padding: 0 0 80px 0;
}

#blog-ng h1{
    margin: 16px 0 32px 0;
    font-style: normal;
    font-weight: normal;
    font-size: 70px;
    line-height: 74px;
}



#blog-ng-img{
    width: 49%;
}




#blog-ng-img img{
    width: 100%;
    height: auto;
}


#blog-mapa{
    width: 49%;
    height: 600px;
    border-radius: 10px;
}

.blog-kat{
    display: block;
    text-transform: uppercase;
    font-size: 15px;
line-height: 18px;
    margin: 0;
}


.blog-caly{
    width: 100%;
    max-width: 1154px;
    clear: both;
    padding: 40px 0 0;
    margin: 0 auto;
    }

    #blog-foto-l{
    width: 32%;
    }
    #blog-foto-r{
        width: 66%;
        }
.blog-foto{
    width: 100%;
    max-width: 728px;
    clear: both;
    padding: 40px 0;
    margin: 0 auto; 
    text-align: center; 
}

.blog-foto img{
    max-width: 100%;
    height: auto;
}

#blog-fotos{
    padding-bottom: 80px;
}

#produkty-blog{
    background: #fff;
    padding-top: 56px;
}


.blog-od{
    height: 40px;
}



#blog-wiecej{
    width: 170px;
margin: 40px  auto 0 auto;
}


#blog-s-top{
    text-align: center;
    margin: 40px 0 100px 0;
}

.blog-data{
    color: #9E9E9E;
text-align: center;
font-size: 14px;
font-weight: 400;
margin: 0 0 10px 0;
}

#blog-s-top .mag-kat{
    margin: 0 auto;
}


#blog-s-top h1{
    font-size: 24px;
font-weight: 400;
color: #6ABC94;
text-align: center;
margin: 40px 0;
}

#blog-s-top h4{
    color: #6ABC94;
    text-align: center;
    font-size: 64px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.2;
}


#blog-tresc{
    margin: 0 auto 100px auto;
    max-width: 950px;
}






.blog-s-produkty{
    margin-bottom: 100px;
}







#blog-kategorie{
    margin: 60px 0 48px 0;
}

#blog-kategorie span{
    display: none;
}
.blog-kat-a{
    padding: 10px 22px;
    margin-right: 10px;
    display: block;
    width: fit-content;
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 1.2;
text-transform: uppercase;
}

.blog-kat-o{

    border-bottom: solid 3px #000;
}






#user-kategorie{
    margin: 10px 0 30px 0;
}


.user-a{
    display: block;
    height: 60px;
    width: 333px;
    padding: 0;
    margin-right: 30px;
    display: block;
font-weight: 400;
font-size: 18px;
line-height: 60px;
border: solid 1px #000;
border-radius: 10px;
}

.user-o{
    background: #000;
    color: #fff;
}



#user-info{
    padding: 15px 20px;
    font-size: 18px;
font-weight: 400;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
border-radius: 10px;
border: #D5D5D5;
background: #F2F2F2;
}

#user-znak-out{
    height: 100%;
    width: fit-content;
}

#user-znak{
    border-radius: 10px;
    background: #fff;
    width: 90px;
    height: 90px;
    text-align: center;
    line-height: 90px;
   font-size: 21px;
    font-weight: 700;
    margin-right: 50px;
}

#user-inc{
    display: flex;
flex-wrap: wrap;
justify-content: space-between;
    width: calc(100% - 140px);
}

.user-inc{
    margin-right: 100px;
    width: fit-content;
}

.user-inc span{
    display: block;
    margin: 15px 0 15px 0;
font-size: 13px;
font-weight: 700;
color: #858585;
}


.tablist-ng{
    border-radius: 10px 10px 0px 0px;
    background: #F2F2F2;
    padding: 30px 20px;
    font-size: 28px;
font-weight: 400;
margin: 30px 0 0 0;
border: solid 1px #D5D5D5;
border-bottom: 0;
line-height: 1.3;
}

.tablist{
    border-radius: 0px 0px 10px 10px;
    border: solid 1px #D5D5D5;
    border-top: 0;
    padding: 30px 20px;
}


#order-s{
    border-radius: 10px;
    border: solid 1px #D5D5D5;
    margin: 30px 0;
    overflow: hidden;
    
}

.orderth{
    background: #F2F2F2;
    padding: 30px 20px;
    font-size: 28px;
font-weight: 700;
line-height: 1.3;
}

.orderinc{
    padding: 30px 20px;
    font-size: 18px;
font-weight: 400;
line-height: 1.3;
}

.orderinc b, .orderinc strong{
    font-weight: 700;
}

.orderinc strong{
    display: block;
    margin-bottom: 10px;
}


.orderflx{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
}

.orderflx > div{
    width: fit-content;
    margin-right: 60px;
}


#jstdlacieb-l{
    width: 50%;
    margin: 0 auto;
}

#jstdlacieb-l .h3n{
margin-top: 0;
}

#jstdlacieb-r{
    width: 50%;
    padding-left: 80px;

}

#jstdlacieb-r img{
    width: 100%;
    height: auto;
}


#jakkupic-out{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}




.tekstramka{
    display: block;
    text-align: left;
    margin: 40px 0;
    padding: 24px 30px 70px 30px;
    position: relative;
    border: solid 1px #fff;
    border-radius: 10px;
}


.tekstramka h3{
    font-weight: 500;
    font-size: 26px;
    margin: 25px 0 25px 0;
}

.tekstramka h4{
    font-weight: 500;
    font-size: 16px;
    margin: 0 0 15px 0;
    text-transform: uppercase;
}


.tekstramka p{
    font-weight: 400;
    font-size: 15px;
    line-height: 23px;
    letter-spacing: 1.6px;
    text-transform: uppercase;
}

.tekstramka a{
    position: absolute;
    bottom: 24px;
    left: 30px;
    display: block;
    padding-right: 34px;
    height: 22px;
    line-height: 22px;
    font-weight: 700;
font-size: 15px;
letter-spacing: 1.6px;
text-transform: uppercase;

}
.tekstramka a.wh{
    color: #fff;
background: url('../img/ico-plus-w.svg') no-repeat right;
}
.tekstramka a.bl{
    color: #000;
background: url('../img/ico-plus-more.svg') no-repeat right;
}




.salon-sw{
    width: 690px;
    height: auto;
    font-weight: 400;
font-size: 15px;
text-align: left;

}
.salon-sw-inc{
    width: 100%;
    height: 100%;
}

.salon-sw b, .salon-sw strong{
font-weight: 600;
}
.salon-sw i, .salon-sw em{
    font-style: italic;
    }
    .salon-sw p{
        margin: 10px 0;
        }

.salon-sw-img{
    width: 100%;
    height: 460px;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

.salon-sw-img img, .salon-sw-img video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.salon-sw h4{
font-weight: 300;
font-size: 48px;
line-height: 1.1;
margin: 35px 0 20px 0;
}
.salon-sw h4 span{
    display: block;
    font-weight: 400;
font-size: 21px;
text-transform: uppercase;
}

a.zws{
    display: block;
    padding-right: 34px;
    height: 22px;
    line-height: 22px;
    font-weight: 700;
font-size: 15px;
letter-spacing: 1.6px;
text-transform: uppercase;
width: fit-content;
margin-top: 30px;
background:  url('../img/ico-plus-more.svg') no-repeat right;
}

.morekw{
    display: block;
    width: 42px;
    height: 42px;
background: rgba(255, 255, 255, 0.25) url('../img/pluskw.svg') no-repeat center;
border: solid 1px #fff;
border-radius: 10px;
position: absolute;
z-index: 100;
right: 20px;
bottom: 22px;
-webkit-transition: all 400ms ease-in;
-moz-transition: all 400ms ease-in;
-ms-transition: all 400ms ease-in;
-o-transition: all 400ms ease-in;
transition: all 400ms ease-in; 
}



.salon-sw .morekw{
    background: transparent url('../img/pluskwon.svg') no-repeat center;
    border: solid 1px #000;
    -webkit-transition: all 400ms ease-in;
    -moz-transition: all 400ms ease-in;
    -ms-transition: all 400ms ease-in;
    -o-transition: all 400ms ease-in;
    transition: all 400ms ease-in; 
}

.morekw:hover{
    background: #000 url('../img/pluskw.svg') no-repeat center;
}



#Tylkounas{
    margin: 80px 0 0 0;
    padding: 45px 0;
    background: #EBEBEB;
}

#unas-main, .BanerD{
    width: 100%;
    height: 840px;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

#unas-main img, .BanerD img, .BanerD video{
    width: 100%;
    height: 100%;
    object-fit: cover;   
}

#unas-main-inc, .BanerD-inc{
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

#unas-main-a, .BanerD-a{
   display: block;
    width: 100%;
    height: 100%;
}

#unas-main-inc h3, .BanerD-inc h3{
    width: 50%;
font-weight: 300;
line-height: 1.2;
font-size: 96px;
color: #FFFFFF;
margin: 130px 0 0 58px;
text-transform: uppercase;
}

#unas-main-inc h4, .BanerD-inc h4{
    position: absolute;
    width: 50%;
    max-width: 550px;
font-weight: 300;
line-height: 1.2;
font-size: 96px;
color: #FFFFFF;
right: 20px;
bottom: 200px;
text-align: right;
text-transform: uppercase;
}


.BanerD-inc h4{
    position: absolute;
    width: 50%;
    max-width: 550px;
font-weight: 300;
line-height: 1.2;
font-size: 96px;
color: #FFFFFF;
right: 20px;
bottom: 200px;
text-align: right;
text-transform: uppercase;
}

#unas-main-txt, .BanerD-txt{
    font-weight: 700;
font-size: 15px;
line-height: 21px;
color: #fff;
position: absolute;
left: 58px;
bottom: 64px;
max-width: 480px;
}

#Tylkounas-nx{
    position: relative;
    margin: 75px 0 25px 0;
}




.unas-sw{
    width: 730px;
    height: 500px;
    font-weight: 400;
font-size: 15px;
line-height: 21px;
text-align: left;

}
.unas-sw-inc{
    width: 100%;
    height: 100%;
}
a.unas-a{
display: block;
width: 100%;
height: 100%;
}

.unas-sw b, .unas-sw strong{
font-weight: 600;
}
.unas-sw i, .unas-sw em{
    font-style: italic;
    }
    .unas-sw p{
        margin: 10px 0;
        }

.unas-sw-img{
    width: 100%;
    height: 410px;
    margin-bottom: 25px;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

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






















.subkat-proste{
 text-align: center;
    margin: 0 0 63px 0;
    display: none;
}
        
.subkat-proste a{
   
    height: 40px;
    display: inline-block;
    position: relative;
    margin: 6px 6px;
    padding: 0 24px;
line-height: 40px;
font-weight: 600;
border: solid 1px #c7beb1;
background: #f0eeeb;
-webkit-border-radius: 8px;
border-radius: 8px;
}

.subkat-proste a.clc{
    border: solid 1px #293033;
    background: #293033;
    color: #fff; 
}

.subkat-bgp{

    width: 60px;
        height: 60px;
    background: #E2DED9;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 6px;
    right: 50px;
    z-index: -1;
    }
    


.subkat-main{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 0 0 63px 0;
}



.subkat-main a{
    width: 33.333333%;
        margin: 0 0 60px 0;
        height: 355px;
    display: block;
    color: #5a6970;
    text-align: center;
}

.subkat-main-inc{
    max-width: 280px;
    margin: 0 auto;
    height: 100%;
    position: relative;
    font-size: 13px;
    
}

.subkat-img{
    width: 70%;
    margin-left: 30%;
    height: 230px;
    position: relative;
    text-align: center;


}

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

.subkat-main h4{
font-style: normal;
font-weight: 500;
    text-align: center;
    font-size: 28px;
    line-height: 1.2;
    margin: 10px 0;
    color: #293033;


}




.subkat-bg{
    width: 220px;
    height: 220px;
background: #f0eeec;
-webkit-border-radius: 50%;
border-radius: 50%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}










    #m-newsletter{   
        background: #EBEBEB;
       
    }

    .nslb{
        border-top: 1px solid #293033 !important;
    }

    #m-newsletter-inc{
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-between;
        padding: 47px 0;
    }

    #m-newsletter-inc-txt{
        width: calc(100% - 500px);
        max-width: 920px;

    }

    #m-newsletter-inc-txt span{
        display: block;
        font-weight: 400;
        font-size: 15px;
        line-height: 20px;
    }

    #m-newsletter-inc-txt h3{
    font-weight: 300;
font-size: 60px;
line-height: 1.2;
letter-spacing: -1px;
margin: 0 0 15px 0;
    }

    #m-newsletter-inc-txt b{
        font-weight: 500;
    }

    #m-newsletter-inc-txt h4{
        font-weight: 400;
        font-size: 26px;
        line-height: 1.2;
        }

       
#newsletter-form-up{
    margin: 20px auto 20px auto;
}


    #newsletter-form{
        position: relative;
          max-width: 800px;
        margin: 50px 0 0 0;
    }

    #nl-submit{
        background: url(../img/ico-nwsl-send.svg) no-repeat left;
        color: #fff;
        width: 50px;
        height: 50px;
        position: absolute;
        right: 15px;
        top: 0;
        cursor: pointer;
    }

 
.kls{
    font-size: 10px;
    margin: 30px 0;
    text-align: left;
    padding-left: 30px;
}

#nsfrm{
    position: relative;
}

    #newsletter-form  input[type="text"] {
        color:#000;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 50px;
        background: transparent;
         padding: 0 60px 0 20px;
            margin: 0;
         border: solid 1px #000;
         border-radius: 10px;
         font-weight: 400;
font-size: 26px;
line-height: 50px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
        
        #newsletter-form ::placeholder { 
            color: #BFBFBF;
            opacity: 1; 
          }
          
          #newsletter-form  :-ms-input-placeholder {
            color: #BFBFBF;
          }
          
          #newsletter-form ::-ms-input-placeholder {
            color: #BFBFBF;
          }

          #newsletter-form label{
              text-align: left;
          }



#nsl-odst{
    height: 80px;
}

.jzgoda{
    font-size: 15px !important;
line-height: 1.2 !important;

}


#m-newsletter-inc-img{
    margin-top: 30px;
    width: 430px;
    height: 305px;
    background: #9C9C9C url('../img/bg-nwsl.png') no-repeat center;
    border-radius: 10px;
    position: relative;
}

#m-newsletter-inc-img img{
  width: 100%;
    height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
    
  


    #arch-ind{
   
        display: flex;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: flex-start;
    }

    #arch-ind .container {
    
        line-height: 13px;
      
      }
      




   

.popup-show{
    cursor: pointer;
}






.alertinfo{
    background: #b14931;
    padding: 20px;
    text-align: center;
    margin: 20px auto;
    color: #fff;
}

.okinfo{
    background: #bdad95;
    padding: 20px;
    text-align: center;
    margin: 20px auto;
}


#stopka{
    margin-top: 50px;
    padding: 40px 0;
background: #EBEBEB;
font-size: 13px;
line-height: 17px;
}




#stopka h4{
    font-weight: 700;
    font-size: 14px;
    line-height: 1.4;
    text-transform: uppercase;
    margin: 0 0 24px 0;
}

#stopka h5{
margin: 30px 0 44px 0;
}

.stopka-inc{
    width: 24%;
    position: relative;
    font-size: 13px;
    line-height: 1.4;
}






#stopka-moma{
    background: url('../img/logo-moma.svg') no-repeat left 5px;
    background-size: 150px auto;
    min-height: 80px;
    padding-left: 190px;
    text-transform: none;
    font-size: 13px;
    line-height: 1.4;
    width: 100%;
                max-width: 916px;
                clear: both;
                 margin: 0 ;
}

#stopka-moma > p, #stopka-mash p{
   display: inline !important;  
}


#stopka-more{
    display: inline-block; 
    width: fit-content;
    padding-right: 25px;
    margin-left: 10px;
    text-decoration: underline;
    cursor: pointer;
background:  url('../img/plus-lg.svg') no-repeat right;
}


#stopka-more.on{
    margin-left: 0;
    background:  url('../img/minus.svg') no-repeat right !important;
}



#stopka-moma-inc{
    display: none;
}

#stopka-mash{
  background: url('../img/logo-mash.svg') no-repeat top left;
    background-size: 150px auto;
    min-height: 80px;
    padding-left: 190px;
    text-transform: none;
    font-size: 13px;
    line-height: 1.4;
    width: 100%;
                max-width: 916px;
                clear: both;
                 margin: 0;
}

#stopka-moma b, #stopka-mash b{
    font-weight: 600;
}
#stopka-moma i, #stopka-mash i{
   font-style: italic;
}
#stopka-moma u, #stopka-mash u{
    text-decoration: underline;
 }

 #stopka-moma-inc p{
    margin: 15px 0;
 }





#stopka-menu{
    border-top: solid 1px #bdbdbd;
    margin-top: 20px;
    padding: 40px 0;
}





#stopka li{
    margin: 10px 0;
}



.dpgraf{
display: inline-block;
border: solid 1px #bdbdbd;
border-radius: 5px;
width: 60px;
height: 32px;
text-align: center;
position: relative;
margin: 0 4px 7px 0;
}

.dpgraf > div{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;

}

.dpgraf  img{
    display: block;
    margin: auto;
    width: 70%;
    height: 70%;
  object-fit: contain;
}

#ikon-desk{
    padding: 0 0 40px 0;
    position: relative;
}

#ikon-mob{
    display: none;
}

#stopka-tekst{
    margin-top: 30px;
}

#stopka-copy{
   margin-top: 10px; 
   font-size: 12px;
}


#stopka-bot{
border-top: solid 1px #bdbdbd;
padding: 20px 60px 0 0;
position: relative;
}

#stopka-bot li{
    display: inline-block;
    margin: 0 14px 5px 0;
    padding: 0;
}



#stopka-lang{
    position: absolute;
    right: 0;
    top: 8px;

}


#stopka-lang a{
    display: block;
    background-size: 20px auto;
    background-repeat: no-repeat;
    background-position: left;
    line-height: 40px;
    width: 46px;
    height: 40px;
    text-align: right;
    margin-left: 30px;
    position: relative;
}

#stopka-lang a::after{
    content: "›";
    position: absolute;
    right: -14px;
    top: -1px;
    font-weight: normal;
    font-size: 16px;
    color: #293033;
}





#moma-id{
    height: 160px;
    background: url('../img/logo-moma.png') no-repeat 0 center;
}

.soc-ico{
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    background: #000;
    line-height: 30px;
    text-align: center;
    color: #EBEBEB;
    font-size: 16px;
    -webkit-border-radius: 50%;
border-radius: 50%;

}

#dogory{
    position: fixed;
    right: 20px;
    bottom: 90px;
    width: 50px;
    height: 50px;
-webkit-box-shadow: 0px 0px 8px 0px rgba(201, 201, 201, 1);
-moz-box-shadow: 0px 0px 8px 0px rgba(201, 201, 201, 1);
box-shadow: 0px 0px 8px 0px rgba(201, 201, 201, 1);
 background: #fff url('../img/chevron-up.svg') no-repeat center;
border-radius: 50%;
cursor: pointer;
z-index: 100;
display: none;
}



/* --------------------- KARTA PRODUKTU ----------------- */

.drag-info{
    display: none;
}

#title-mob{
    display: none;
    }



    #ProduktFoto{
        width: calc(100% - 415px);
        /*overflow: hidden;*/
        padding: 0;
        text-align: center;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        
        }
        
        #Pfoto{
          width: calc(100% - 109px);
          position: relative;
          border: 1px solid #D5D5D5;
          border-radius: 10px;
          overflow: hidden;
           }
          
          
          #Pfoto .swiper-slide{
          width: 100%;
          height: 860px;
           display: flex;
            flex-direction: column;
            justify-content: center;
          
          }
          
          #Pfoto .swiper-slide img{
          max-width: 100%;
          max-height: 860px;
          width: auto;
          }
      
          #pf-nex-but{
            right: -24px !important;
            top: 45% !important;
            }
            
            
            #pf-prev-but{
                left: -24px !important;
                top: 45% !important;
            }


          
            
            
            
            #GaleriaTh{
            width: 94px;
            height: 860px;
            overflow: hidden;
            }
            
            
            #GaleriaTh .swiper-slide{
            width: 94px;
            height: 94px;
            cursor: pointer;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            border: 1px solid #D5D5D5;
            border-radius: 7px;
            }
            
    
      
      


            #termin-r{
                margin: 0 0 25px 0;
                }
                
                #termin-r b{
                color: #1b6e87;
                }
                
                .termin-r{
                
                font-size: 12px;
                font-style: italic;
                margin: 0;

                }

                .termin-r b{
                    font-weight: 700;
                }

                .termin-r span{
                    color: #bdbdbd;
                }

                .termin-r p{
                    margin: 7px 0;
                }
                
                
                
                #soc-icon{
                width: 200px;
                height:46px;
                position: fixed;
                bottom: 0;
                padding: 0;
                left: 0;
                right: 0;
                z-index: 101;
                margin: 0 auto;
                }
                
                
                #soc-icon a{
                display: inline-block;
                width: 36px;
                height: 53px;
                text-align: center;
                margin: 0 3px;
                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    box-sizing: border-box;
                }
                
                #sc-fb{
                background: url('../img/soz-icon-n.png') no-repeat 6px 0;
                }
                
                #sc-tw{
                background: url('../img/soz-icon-n.png') no-repeat -67px 0;
                }
                
                
                #sc-gp{
                background: url('../img/soz-icon-n.png') no-repeat -30px 0;
                }
                
                #sc-pi{
                background: url('../img/soz-icon-n.png') no-repeat -132px 0;
                }
                
                
                
                
                #Pfoto img{
                max-width: 100%;
                }
                
                #Pfoto-blok{
                position: relative;
                left: -5px;
                width: calc(100% + 10px);
                }
                
                .Pfoto-th{
                width: 25%;
                height: 200px;
                float: left;
                padding: 5px;
                }
                
                .Pfoto-th a{
                display: block;
                overflow: hidden;
                width: 100%;
                height: 190px;
                position: relative;
                background-repeat:no-repeat;
                background-size:cover !important;
                }
                
                .Pfoto-th a img{
                max-width: 130%;
                display: block;
                position: absolute;
                top: 50%;
                 left: 50%;
                -moz-transform: translateX(-50%) translateY(-50%);
                -webkit-transform: translateX(-50%) translateY(-50%);
                -o-transform: translateX(-50%) translateY(-50%);
                -ms-transform: translateX(-50%) translateY(-50%);
                transform: translateX(-50%) translateY(-50%);
                }
                
                
                .foto-pu{
                height: 90px;
                }
                .foto-pu a{
                height: 70px;
                }
                
                
                
                #przejdz-produkt{
                display: block;
                position: fixed;
                bottom: 0;
                background: #333 url('../img/forw.png') no-repeat right ;
                height: 30px;
                line-height: 30px;
                color: #fff;
                text-align: center;
                width: 100%;
                letter-spacing: 10px;
                text-transform: uppercase;
                font-size: 12px;
                
                }
                
                #przejdz-produkt:hover{
                text-decoration: none;
                background: #293033;
                }
                
                
                #ProduktInfo{
                  width: 400px;
                
                  }


                  .ProdInfod{
                    width: 100%;
                    border: 1px solid #D5D5D5;
                    border-radius: 10px;
                    padding: 28px;
                    margin-bottom: 30px;
                  }

                  .ProdInfod > h3{
font-style: normal;
font-weight: 500;
font-size: 28px;
line-height: 32px;
letter-spacing: -0.03em;
color: #000000;
margin: 0 0 20px 0;
                  }

                  .ProdInfod > h3 > span{
                    display: block;
                    width:fit-content;
                    font-size: 18px;
                    background-size: 18px auto;
                    background-repeat: no-repeat;
                    background-position: right;
                    padding-right: 32px;
                  }


                  .produkt-title{
                      width: calc(100% - 120px);
                  }

                  .produkt-brand{
                      width: 100px;

                  }

                  .produkt-brand img{
                      max-width: 100%;
                      height: auto;
                  }
                  
                
                
                #ProduktInfo .h1{
                    font-size: 28px;
                margin: 0 0 20px 0;
                font-weight: 500;
           
                }


                .abrand{
                    display: block;
                    margin: 0 0 5px 0;
                     color: #646B6C;
                    font-size: 16px;
                    line-height: 19px;
                    text-decoration: underline;
                }


.labs{
    display: inline-block;
    text-transform: uppercase;
    height: 24px;
    line-height: 24px;
    padding: 0 12px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    margin: 0 9px 9px 0;
    font-size: 10px;
color: #000000;
background: #D5D5D5;
vertical-align: middle;
                font-weight: 500;
                text-align: center;
}
                 
.tylkounas-p{                 
                      background: #f9e74c;
}

.lab-24{                 
    background: #10a15b;
    color: #fff;
}
                

.lab-promo{
    background: #FF6B00;
    color: #fff;
}

.icop{

    text-transform: uppercase;
color: #222222;
font-style: normal;
font-weight: 500;
font-size: 11px;
line-height: 24px;
min-height: 25px;
padding-left: 25px;
margin: 5px 0;
}

.icop{
background-size: 16px 16px !important;
}

.icop a{
    color: #FF6B00;
    text-decoration: underline;
    cursor: pointer;
}

.icop a.ncol{
    color: inherit;
    text-decoration: none;

}


.koszinfoico{
    background: #F2F2F2;
border-radius: 8px;
padding: 15px 17px;
font-size: 12px;
}


#icop-darmd{
    background:  url('../img/ico-darmd.svg') no-repeat left;
    }
    #icop-zwrot{
        background: url('../img/ico-zwrot.svg') no-repeat left;
        }

#icop-sklep{
background: url('../img/ico-loc.svg') no-repeat left;
}
#icop-probki{
    background: url('../img/ico-probki.svg') no-repeat left;
}

#icop-dostawa{
    background: url('../img/ico-dostawa.svg') no-repeat left;
    line-height: 1.3;
   /* display: flex;
    flex-direction: column;
    justify-content: center; */
}

.mag-green{
    /*color: #03983c;*/
    filter: invert(25%) sepia(83%) saturate(2403%) hue-rotate(136deg) brightness(101%) contrast(97%);
}
.mag-orange{
    /*color: #FF6B00;*/
    filter: invert(48%) sepia(70%) saturate(3413%) hue-rotate(0deg) brightness(102%) contrast(101%);
}

#icop-dostawa span{
   font-size: 10px;
   text-transform: none; 
   /*color: #7e7e7e;*/
   font-style: italic;
}

#wysylka-wiecej{
    display: inline-block !important;
}


#icop-promo{
    background:  url('../img/ico-promo.svg') no-repeat left;
    color: #FF6B00;
   padding-top: 5px
}


#icop-salon{
    background: url('../img/ico-loc.svg') no-repeat left;
}


#icop-zamow{
    background:  url('../img/ico-zamow.svg') no-repeat left;
    color: #FF6B00;
   padding-top: 2px
}

#icop-min-order{
    background:  url('../img/ico-info.svg') no-repeat left;
   padding-top: 2px
}




#butpromo{
    background: #FF6B00  url('../img/ico-promo-n.svg') no-repeat 17px center;
    background-size: 16px 16px;
   color: #fff;
border-radius: 8px;
height: 30px;
line-height: 30px;
font-size: 12px;
padding-left: 42px;
margin-top: 15px;
}










#konsultant{
    display: block;
    height: 35px;
background: #F2F2F2;
border-radius: 8px;
text-transform: uppercase;
line-height: 35px;
margin-top: 16px;
color: #000;
font-size: 14px;
text-decoration: none;
text-align: center;
}


#paypo{
    text-align: center;
    font-size: 13px;
    text-transform: uppercase;
    margin: 20px 0 0 0;
    padding: 0 0 20px 0;
    background: url('../img/ico-paypo.svg') no-repeat bottom;
    background-size: 60px auto;

}


.inc-wariant-expo{
    display: block;
    width: 100%;
    border: solid 1px #E1DED9;
    padding: 7px;
    border-radius: 8px;
    margin: 5px 0;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.03em;
    color: #000000;
    margin: 16px auto;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }


.inc-wariant{
display: block;
width: 48%;
border: solid 1px #E1DED9;
padding: 7px;
border-radius: 8px;
margin: 5px 0;
font-style: normal;
font-weight: 600;
font-size: 12px;
line-height: 14px;
letter-spacing: 0.03em;
color: #000000;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.inc-wariant-s{
    padding-bottom: 30px;
}

.wariant-clc div.onw{
    position: absolute;
    z-index: 10;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
  /*  background: rgba(0, 0, 0, 0.1);*/
    top: -1px;
    left: -1px;
    border-radius: 8px;
    border: solid 1px #000;
}
.wariant-clc div.onw span{
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    background: #fff url('../img/ico-ok.svg') no-repeat center ;
    border-radius: 50%;
    z-index: 10;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);


}

.wariant-img, .wariant-img-war{
    width: 100%;
    height: 100px;
border-radius: 8px;
position: relative;
margin-bottom: 10px;
}


.wariant-img-expo{
    width: 100%;
    height: 300px;
border-radius: 8px;
position: relative;
margin-bottom: 14px;

}

.wariant-img  img{
    width: 100%;
    height: 100%;
  object-fit: cover;
  border-radius: 8px;
}

.wariant-img-expo  img{
    width: 100%;
    height: 100%;
  object-fit: cover;
  border-radius: 8px;
}

.wariant-img-war img{
    width: 100%;
    height: 100%;
  object-fit: contain;

}

.wariant-nazwa{
 
    text-align: center;

}





	
.wariant-cena{
position: relative;
text-align: left;
margin: 20px 0 4px 0;
font-size: 13px;
color: #ff8227;

}

.wariant-cena span{
position: absolute;
right: 0;
text-decoration: line-through;
color: #989898;
font-weight: 400;
}


.zobacz-d{
    cursor: pointer;
    z-index: 20;
    position: absolute;
    top: 72px;
    right: 15px;
    width: 27px;
    height: 27px;
    background: #fff url('../img/ico-details.svg') no-repeat center;
    border-radius: 50%;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
}


.wariant-img-d-out{
    width: 100%;
    height: 260px;
    position: relative;
    
}


.wariant-img-d{
   position: absolute;
   top: -25px;
   left: -25px;
   width: calc(100% + 50px);
   height: 260px;
   overflow: hidden;
}
  
  .wariant-img-d a > img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .wariant-pic-out{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    margin: 7px 0;
  }
  
  .wariant-pic{
    width: 48%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
  }
  
  .wariant-pic-img{
    width: 40px;
  }
  .wariant-pic-img > img{
    max-width: 30px;
    height: auto;
  }
  
  .wariant-pic-txt{
    width: calc(100% - 40px);
    padding: 8px 0 8px 5px;
    line-height: 14px;
    font-size: 12px;
  
  }
  





/*próbki materiału*/

.h3pop{
    font-weight: 500;
font-size: 15px;
line-height: 115%;
color: #BFB3B2;
margin: 0 0 20px 0;

}
.h3pop span{
    display: block;
    color: #000;
    font-weight: 400;
font-size: 8px;
line-height: 115%;
}

#d-probki{
    width: 212px;
    height: 540px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 40px;

}

#mobh{
    display: none;
}

/* width */
#d-probki::-webkit-scrollbar {
    width: 3px;
  }
  
  /* Track */
  #d-probki::-webkit-scrollbar-track {
    background: #f1f1f1; 
  }
   
  /* Handle */
  #d-probki::-webkit-scrollbar-thumb {
    background: #2f2f2f; 
  }
  
  /* Handle on hover */
  #d-probki::-webkit-scrollbar-thumb:hover {
    background: #000000; 
  }






#d-form{
    width: 460px;
}


.probki{
    width:100%;
    border: solid 1px #E1DED9;
padding: 7px;
border-radius: 8px;
margin: 10px 0;
font-style: normal;
font-weight: 600;
font-size: 12px;
line-height: 14px;
letter-spacing: 0.03em;
color: #000000;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.probki-clc{
    border: solid 1px #000;
    background: #F5F5F5;
}

.probki-img{
    width: 100%;
    height: 100px;
    background: #E1DED9;
border-radius: 8px;
position: relative;
margin-bottom: 10px;
}

.probki-img  img{
    width: 100%;
    height: 100%;
  object-fit: cover;
  border-radius: 8px;
}

.probki-nazwa{
    min-height: 37px;
}















                

                .swipper-p{
                    display: none;
                }

               
                
                
                .hml{
                width: calc(100% - 110px);
                float: left;
                
                }
                
                
                #Koszyk-Karta{
                background: #f8f8f8;
                padding: 30px 20px;
                position: relative;
                }
                
                
                
             
                
                
                
                
                
                
                  #ProduktInfo .Cena{
                    display: inline-block;
                    font-size: 24px;
                    background: #f5f4f2;
                    height: 50px;
                    line-height: 50px;
                    padding: 0 25px;
                    font-weight: bold;
                    margin: 0;
                    text-align: center;
                    min-width: 210px;
                      -webkit-box-sizing: border-box;
                      -moz-box-sizing: border-box;
                      box-sizing: border-box;
                    }
                    
                
                
                    #Sozul{
                      height: 36px;
                      position: relative;
                      }
                      
                
                
                #zapytaj-op{
                display: block;
                float: left;
                text-align: center;
                line-height: 30px;
                height: 30px;
                color: #1b6e87;
                border: solid 1px #1b6e87;
                font-weight: 400;
                text-transform: uppercase;
                font-size: 13px;
                width: 210px;
                margin: 0 10px 0 0;
                }
                
                #zapytaj-op:hover{
                text-decoration: none;
                background: #fff;
                }
                
                #ulubione-op, #ulubione-opc{
                display: block;
                float: left;
                line-height: 30px;
                height: 30px;
                width: 35px;
                margin: 0 10px 0 0;
                overflow: hidden;
                font-size: 22px;
                color: #1b6e87;
                font-weight: 300;
                text-align: center;
                }
                
                #ulubione-op:hover, #ulubione-opc:hover{
                text-decoration: none;
                }
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                #zapytaj-op{
                  display: block;
                  float: left;
                  text-align: center;
                  line-height: 26px;
                  height: 26px;
                  color: #fff;
                  background: #293033;
                  font-weight: bold;
                  text-transform: uppercase;
                  font-size: 13px;
                  width: 210px;
                  margin: 0 10px 0 0;
                  }
                  
                  #zapytaj-op:hover{
                  text-decoration: none;
                  background: #3e3e3e;
                  }
                  
               
             
                  
                  
                  .sci-a{
                  width: 30px;
                  height: 34px;
                  line-height: 34px;
                  display: block;
                  position: absolute;
                  top: 0;
                  font-size: 14px;
                  color: #9e9e9e;
                  text-align: center;
                  padding: 0;
                  }
                  
                  .sci-a:hover{
                  color: #1b6e87;
                  }
                  
                  
                  #sci-gp{
                  left: 90px;
                  
                  }
                  
                  #sci-pi{
                    left: 60px;
                 
                  }
                  
                  #sci-tw{
                    left: 30px;
                 
                  }
                  
                  #sci-fb{
                  left: 0;
                 
                  }


                  
                  
                  
                  #WybWar{ 
                  width: 100%;
                  padding: 11px 0;
                  display: none;
                  border: solid 1px #293033;
                  margin: 13px 0 32px 0;
                  }


               
                  
                  #ww-pic{
                  width: 47px;
                  padding-left: 11px;
                  }
                  
                  
                 

                  .kp-img{
                      position: relative;
                      width: 23px;
                      height: 23px;
                      -webkit-border-radius: 50%;
                        border-radius: 50%;
                        border: solid 1px #BDAD95;
                  }


                  .kp-img > img{
                  width: 100%;
                  height: 100%;
                object-fit: cover;
                -webkit-border-radius: 50%;
                        border-radius: 50%;
                  }


                  #war2{
                    height: 24px;
                      position: relative;
                  }

                  
                  #ww-info{
                      position: relative;
                  width: calc(100% - 47px);
                  font-size: 15px;
                    line-height: 18px;
                    padding-right: 80px;
        
                  }

                  #zmien-w{
                      display: block;
             
                      position: absolute;
                      right: 10px;
                      top: 0;
                      text-decoration: underline;
                 
                  }

               

                  #war2 > #zmien-w{
                    right: 0;
                    left: 0;
                    width: 100%;
                    top: -11px;
                    height: 46px;
                    line-height: 46px;
                    padding: 0 10px;
                    text-decoration: none;
                    text-transform: uppercase;
                    font-size: 14px;
                    font-weight: 600;
                    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
                  }


                  #opcje-img{
                      position: absolute;
                      right: 10px; 
                      top: 0;
                      display: flex;
                      flex-wrap: nowrap;
                      align-items: flex-start;
                      justify-content: space-between;
         
                  }

                  #opcje-img > div{
           
                      width: 36px;
                      height: 36px;
                      margin: 5px 3px;
                      overflow: hidden;
                      border: 1px solid #BDAD95;
                      -webkit-border-radius: 50%;
                  border-radius: 50%;
                      background-position: center;
                      background-repeat: no-repeat;
                      background-size: cover;
                  }
                  
               
                 
                  #BlokCena{
                  margin: 24px 0 48px 0;
                  display: flex;
                flex-wrap: nowrap;
                justify-content: space-between;
                align-items: flex-start;
                position: relative;
                  }
                  
                

                  #CenaProduktu{
                    font-weight: 500;
                    font-size: 26px;
                    line-height: 31px;
                    letter-spacing: -0.03em;
                    color: #FF6B00;
                  }
   
                  #CenaProduktu i{
                    color: #FF6B00;
                    font-style: normal !important;
                  }
                  
                  #CenaProduktu #cenaod{
                    display: block;
                    font-size: 12px;
                    line-height: 14px;
                    margin-bottom: 4px;
                    text-transform: uppercase;
                    letter-spacing: normal;
                    color: #293033;
                   }
                  
                  
                  
                  #CenaPromo{
                   display: none;
                   padding: 12px 0 0 0;
                   line-height: 38px;
                  }

                  #promo-day{
                    background: #FF6B00;
                    border-radius: 8px;
                    color: #fff;
                    font-size: 14px;
                    line-height: 35px;
                    height: 35px;
                    font-size: 14px;
                    text-align: center;
                    text-transform: uppercase;
                    margin-bottom: 16px;
                  }
                  #promo-day b{
                    text-decoration: underline;
                  }
                  
                  #cp-cena{
                  
                  font-size: 12px;
                  line-height: 14px;
                  letter-spacing: -0.03em;    
                  color: #BFBFBF;
                  }
                  #cp-cena span{
                    text-decoration: line-through;
                  }


                  #cp-cena i{
                    color: #BFBFBF; 
                  }
                  
                  #cp-cena span#cp-upust{
                    text-decoration: none;
                    color: #FF6B00;
                    margin-left: 7px;
                  }
                  
         

                  #cena30{
                    font-size: 12px;
                    margin: 0;
                    color: #BFBFBF; 
                    position: relative;
                    top: -44px;
                  }

                  
                  
                  #CenaWysylka{
                    font-size: 15px;
                    line-height: 38px;
                    text-transform: uppercase;
                    margin-bottom: 18px;
                    color: #CB6F5A;
                    letter-spacing: normal;
                    margin-top:30px;
                   
                  
                  }

       

                  #wysylka-uwagi{
                      display: none;
                      border-top: solid 1px #293033;
                      font-size: 14px;
                  }
                  
                 
              
                  
                  #CenaWysylka i{
                  color: #293033;
                  }

                  #CenaWysylka em{
                      color: #fff;
                      background: #bdad95;
                      padding: 7px 15px;    
                      -webkit-border-radius: 20px;
                      border-radius: 20px;

                  }
                  
                 #Na-Zamow{
                     border-top: 1px solid #293033;
                     border-bottom: 1px solid #293033;
                     padding: 24px 0;
                     font-size: 16px;
                    line-height: 21px;
                  }


                  #Na-Zamow .h5{
              
                margin: 0 0 8px 0;  
                }
                  
                  
                  #bsk{
                  line-height: 34px;
                  height: 34px;
                  margin: 0 10px 0 0;
                  float: left;
                  font-weight: bold;
                  font-size: 14px;
                  }
                  
                  
                  #BlokKoszyk{
                  position: relative;
                  margin-top: 14px;
                  }
                
                
                  #alert-info{
                    width: 100%;
                    position: absolute;
                    top: -50px;
                height: 14px;
                margin: 5px 0;
                font-size: 13px;
                text-align: center;
                  }

                  #alert-info > div{
                    background: #c80202;
                    color: #fff;
                    padding: 6px;
                    text-align: center;
                    margin: 10px 0 0 0;
                    border-radius: 8px;
                  }



                  
                  
                  #BlokKoszyk-b{
                      position: relative;
                   }



                   #Blok-ekspo{
                    position: relative;
                  width: 100%;
                  padding: 5px 15px 7px 15px;
                  border-bottom: solid 1px #293033;

                 }

                 #Blok-ekspo > div{
                    width: 100%;
                    font-size: 14px;
                    font-weight: bold;
                    padding: 10px 0 10px 40px;
                    background-size: 20px auto;
                    margin: 2px 0;
                 }

                 #ekspo-tel{
                    background: url('../img/z-tel.svg') no-repeat left 10px;
                 }
                 #ekspo-mail{
                    background: url('../img/z-mail.svg') no-repeat left 12px;
                 }
                 #ekspo-loc{
                   
                    background: url('../img/salon.svg') no-repeat left 10px;
                 }







                   .ulubione-p{
                    position: absolute;
                    top: 50px; 
                    right: 0;
                       text-align: center;
                       background:  url('../img/ico-serce.svg') no-repeat center;
                       width: 33px;
                    height: 33px;
                    border: 1px solid #000000;
                    border-radius: 8px;
                    
                   }

  
                   .addu{
                    background: url('../img/ico-serce-on.svg') no-repeat center !important;  
                   }

                   .opct{
                    opacity: 0.4;
                    cursor: default !important;
                   }

               
                .z-telmail{
                    font-weight: 600;
                     margin: 16px 0 0 0;
                     display: inline-block;
                     
                }

                #z-telmail-tel{
                    background: url('../img/z-tel.svg') no-repeat left;
                    padding: 5px 0 5px 37px;
                }

                #z-telmail-mail{
                    background: url('../img/z-mail.svg') no-repeat left;
                    padding-left: 37px;
                    margin-left: 46px;
                }

                .z-telmail i{
                    font-size: 15px;
                    margin-right: 10px;
                    line-height: 1;
                    
                }




                   #DoKoszyka{
                       width: 100%;
                       height: 35px;
                       text-align: center;
                       line-height: 35px;
                       text-transform: uppercase;
                       background: #000000;
                       color: #fff;
                       font-size: 14px;
                       cursor: pointer;
                       border-radius: 8px;
                       margin: 0 0 15px 0;
                   }

                   #ZapytajoProdukt{
                    width: calc(100% - 55px);
                    height: 35px;
                    text-align: center;
                    line-height: 35px;
                    text-transform: uppercase;
                    border-radius: 8px;
                    background: #fff;
                    border: solid 1px #000000;
                    color: #000000;
                    font-size: 14px;
                    cursor: pointer;
                
                   }

                   #Wsalonie{
                    width: 48%;
                    font-size: 14px;
                   }
                  
                  
                
                  .qtyimp{
                    position: relative;
                  height: 32px;
                  width:  96px;
                 
                  }
                  
                  .qtyimp input[type="text"]{
                  padding: 0;
                  position: absolute;
                  top: 0;
                  left:32px;
                  width: 32px !important;
                  height: 32px;
                  color: #293033;
                  background: transparent;
                  font-weight: 700;
                  line-height: 32px;
                    font-size: 17px;
                    text-align: center;
                    border: 1px solid #000000;
                    border-radius: 0;
                  }
                  .qtyimp input[type="text"]:focus{
                    border: 1px solid #000000;
                   background: transparent;   
                  }
                  
                  .qtyplus{
                  width: 32px;
                  height: 32px;
                  background: #F2F2F2 url('../img/ico-plus.svg') no-repeat center;
                  text-align: center;
                  position: absolute;
                  right:0;
                  top: 0;
                  cursor: pointer;
border-radius: 0 8px 8px 0;
border: solid 1px  #F2F2F2;
                  }
                  
               
                  .qtyminus{
                    width: 32px;
                  height: 32px;
                  background: #F2F2F2 url('../img/ico-minus.svg') no-repeat center;
                  text-align: center;
                  position: absolute;
                  left:0;
                  top: 0;
                  cursor: pointer;
border-radius: 8px 0 0 8px;
border: solid 1px  #F2F2F2;
          
                  }



                  #InfoK{
                    position: fixed;
                    right: calc(50% - 400px);
                    width: 800px;
                    top: 40%;
                    margin-top: 10px;
                    padding: 50px 15px;
                    background: #000;
                    color: #fff;
                    font-size: 14px;
                    text-align: center;
                    z-index: 100;
                    text-transform: none;
                    display: none;
                    border-radius: 10px;
            }
            
            
                
               











                  
               
 #Produkt-icons{
    padding: 24px 0;
    border-bottom: solid 1px #293033;
     display: flex;
     flex-wrap: nowrap;
     align-items: flex-start;
     justify-content: space-between;

 }

 /*
 #Produkt-icons a{
     display: block;
     width: 100%;
     height: 100%;
 }
 */

.Produkt-icons-inc{
    display: block;
    width: 32%;
    text-align: center;
    font-size: 12px;
line-height: 14px;
background: #E2DED9;
height: 123px;
}

.dostawad{
    background: #fa8363;
    color: #fff;
}

#pic-oragne{
color: #E04A25;
}

.pin-img{
    padding: 3px 0 0 0;
    width: 100%;
    height: 46px;
    text-align: center;
    margin: 16px auto 16px auto;
background-position: center;
background-repeat: no-repeat;
}



.pin-img b{
font-weight: normal;
font-size: 35px;
line-height: 41px;
letter-spacing: -1px;
}

#icop-s{
    background-image: url('../img/salon.svg');
}

#icop-d{
    background-image: url('../img/wniesienie.svg');
}
#icop-gk{
    background-image: url('../img/kartap.svg');
}
#icop-dd{
    background-image: url('../img/d-dostawa.svg');
    background-size: 50px auto;
}

#dostepny-salon{
    display: block;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 24px 0; 
    border-bottom: solid 1px #293033;
    font-size: 18px;
line-height: 21px;
text-align: center;
color: #fa8363;
/*
padding: 24px 0 24px 45px;
background: url('../img/salon-or.svg') no-repeat left;
background-size: 24px auto;
*/
}

#dostepny-salon > a{
    display: block;
    width: 100%;
    padding: 7px 0;
    text-align: center;
    border: solid 1px #fa8363;
    margin-top: 10px;
}
#dostepny-salon > a:hover{
    background: #fa8363;
    color: #fff;
}



#obsluga-klienta{
    display: block;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
    padding: 24px 0 24px 45px;
    border-bottom: solid 1px #293033;
    font-size: 18px;
line-height: 21px;
background: url('../img/telefon.svg') no-repeat left;
}

#obsluga-klienta b{
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    
}

#obsluga-klienta span{
    display: block;
    font-size: 14px;
}



.opis-tab-inc{
padding: 5px 0;
font-size: 16px;
line-height: 18px;
}

.opis-tab-inc h4{
height: 60px;
width: 100%;
line-height: 60px;
background: #E1DED9;
border-radius: 10px;
font-style: normal;
font-weight: 600;
font-size: 12px;
text-indent: 10px;
    text-transform: uppercase;
    margin: 0;
    cursor: pointer; 
    position: relative;
}

.opis-tab-inc h4.war{
    line-height: 14px;
    padding: 18px 0 0 50px;

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



.opis-tab-inc h4 i {
display: block;
position: absolute;
left: 10px;
top: 10px;
width: 40px;
height: 40px;
background: #FFFFFF;
border-radius: 8px;
text-align: center;
line-height: 40px;
font-size: 22px;
color: #222222;
text-indent: 0;
font-weight: 400 ;
}

.opis-tab-inc h4 i.on{
    color: #fff;  
    background: #000;
}

.opis-tab-inc h4 b {
    display: block;
    position: absolute;
    left: 10px;
    top: 10px;
    width: 40px;
    height: 40px;
    background: #FFFFFF url('../img/ico-dostawa-w.svg') no-repeat center;
    border-radius: 8px;
    text-align: center;
    line-height: 40px;
    font-size: 22px;
    color: #222222;
    text-indent: 0;
}


.opis-tab-inc h4 span{
    display: block;
    font-weight: 500;
    font-size: 11px;
    line-height: 14px;
    letter-spacing: 0.03em;
    color: #858585;
    text-transform: none;
    }

.opis-tab-inc h4 .dst-war{
display: inline-block;
font-weight: 500;
font-size: 12px;
line-height: 13px;
letter-spacing: 0.03em;
color: #858585;
text-transform: none;
}

.opis-tab-c{
    display: none;
    padding: 10px 0 0 0;
}

.open-tab h4{
    background: #F2F2F2 url('../img/ico-minus.svg') no-repeat right 10px top 28px;
}


.close-tab h4{
    background: #F2F2F2 url('../img/ico-plus.svg') no-repeat right 10px top 22px;
}

.projekt-img{
    width: 100%;
    text-align: center;
}

.projekt-img img{
    max-width: 100%;
    height: auto;
    margin: 0 auto 10px auto;
}



.proddost{
    position: relative;
    margin: 0 0  12px 0;
    font-size: 13px;
    padding: 0 80px 0 7px;
    line-height: 15px;
}

.proddost span{
    display:block;
    position: absolute;
    top: 0;
    right: 7px;
    font-weight: 700;
}

#darmdost{
position: relative;
height: 30px;
line-height: 30px;
font-weight: 400;
font-size: 12px;
line-height: 30px;
background: #FF6B00;
border-radius: 8px;
color: #fff;
margin: 0;
padding: 0 10px;
}
#darmdost b{
    font-weight: 700;
}

#darmdost a{
    display:block;
    position: absolute;
    top: 0;
    right: 10px;
    color: #fff;

}

a.aorang{
    font-size: 14px;
    color: #FF6B00;
    text-decoration: underline;
}


#prodwymiary{
    position: relative;
    width: 340px;
    height: 240px;
    margin: 16px auto;
   

}
#prodwymiary div#imgp{
width: 140px;
height: 140px;
margin: 0 auto 0 120px;
background-color: #fff;

}

#prodwymiary div#imgp img{
    width: 100%; 
	height: 100%; 
	object-fit: contain;
    /*
    https://css-tricks.com/almanac/properties/m/mix-blend-mode/
    https://css-tricks.com/almanac/properties/b/background-blend-mode/
    */

}

#prodwymiary #wymiary{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 300px;
    z-index: 100;
}

#prodwymiary #wymiary-up{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 300px;
    background: url('../img/ico-wymiary-up.svg') no-repeat  75px 0 ;
}
#prodwymiary #wymiary-down{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 300px;
    background: url('../img/ico-wymiary-down.svg') no-repeat  75px 0 ;
}
#prodwymiary #wymiary-deep{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 300px;
    background: url('../img/ico-wymiary-deep.svg') no-repeat  75px 0 ;
}

#prodwymiary #wymiary span{
    font-size: 12px;
    line-height: 14px;
    color: #000;
    position: absolute;
    width: 70px;
    text-align: center;


}

#prodwymiary #wymiary span b{
    display: block;
    font-weight: 700;
}

#p-wys{
left: 0;
top: 30px;
}

#p-gleb{
    left: 0;
    top: 180px;
    }


#p-szer{
    left: 150px;
    top: 180px;
}


.wariant-th{
width: 41px;
height: 38px;
border: 1px solid #000000;
border-radius: 5px;
position: absolute;
right: 30px;
top: 10px;
text-indent: 0;
font-size: 9px;
text-transform: none;
text-align: center;
line-height: 1.1;
display: none;
}


.wariant-th img{
width: 100%; 
	height: 100%; 
	object-fit: cover;
    border-radius: 4px;
}














                  .bsk{
                  font-weight: bold;
                  margin: 15px 0 7px 0;
                  }
                
                
                
                
          
.clickopt{
    background: #1b6e87;
    color: #fff;
    outline: #1b6e87 solid 3px;
    }
    
    .clickopt2{
    background: #1b6e87;
    color: #fff;
    
    /* outline: 2px solid #000; */
    -webkit-box-shadow: 2px 2px 0 0 #000000;
    box-shadow: 0 5px 0 0 #000000;
    }
    
    .clickopt:hover, .clickopt2:hover{
    background: #1b6e87;
    }
    
    
    
    #p-wymiary-dane{
        font-size: 12px;
        line-height: 14px;
    }
    #p-wymiary-dane b{
        display: block;
        padding: 8px;
        font-weight: 700;
        background: #F2F2F2;
        -webkit-border-radius: 4px;
border-radius: 4px;
    }
    
    
    
        ul.p-dane{
            margin: 16px 0 0 0;
            padding: 0;
            list-style: none;
            }
            
            ul.p-dane li{
            padding: 0;
            margin: 10px 0;
            position: relative;
            
            color: #000;
            font-weight: 700;
            display: flex;
            flex-wrap: wrap;
            align-items: flex-start;
            justify-content: space-between;
             }

             ul.p-dane li div{
                width: 48%;
             }
            
             ul.p-dane li span{
            display: block;
            width: 48%;
            font-weight: 500;
            text-align: right;
            }
    
    
    
    
            ul.d-dane{
                margin: 0;
                padding: 0;
                list-style: none;
                }
                
                ul.d-dane li{
                padding: 0 0 0 34px;
                margin: 20px 0;
                min-height: 22px;
                background: url('../img/cube.svg') no-repeat left;
                 }

                 ul.d-dane li a{
                    display: block;
                    padding: 0 36px 0 0; 
                    background: url('../img/download.svg') no-repeat right;
                 }
                
               
    
    
    
    

    
    
    
    
    
    
    #Produkt_opis{
      padding: 50px 10px 50px 0;
      width: 50%;
      float: left;
      }
      
      #Produkt_dane{
      padding: 50px 0 50px 10px;
      margin: 0;
      width: 50%;
      float: left;
      }
      
      #Produkt_dane ul{
      margin: 0;
      padding: 0;
      list-style: none;
      }
      
      #Produkt_dane li{
      padding: 10px 5px;
      border-bottom: solid 1px #eaeaea;
      }
      
      #Produkt_dane li span{
      display: block;
      color: #a6a6a6;
      font-style: italic;
      font-size: 12px;
      
      }
      
      #Produkt_dane h3{
      margin-top: 0;
      }
      
      
      
      
      
      
      .plikid{
      padding: 0 0 20px 0;
      }
      
      .plikid h3{
      font-size: 13px;
      text-transform: uppercase;
      letter-spacing: 2px;
      margin-top: 30px;
      }
      
      
      .plikid ul{
        padding: 0;
        margin: 0;
        border: 0;
        list-style: none;
      
      
      }
    
    
    
    h2.linka{
    margin: 20px 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 24px;
    letter-spacing: 2px;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
          














.katalog{
    width: 22.5%;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 46px 0;
    padding-bottom: 20px;
    font-size: 15px;
font-weight: 500;
line-height: 1.2;
    border-bottom: solid 1px #D5D5D5;
}




.katalog div{
    margin-bottom: 20px;
    border-radius: 10px;
    height: 420px;
    position: relative;
}



.katalog div img{
    border-radius: 10px;
    width: 100%; 
	height: 100%; 
	object-fit: cover;

}





.design{
    width: 22.5%;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 46px 0;
    padding-bottom: 20px;
    font-size: 15px;
font-weight: 500;
line-height: 1.2;
    border-bottom: solid 1px #D5D5D5;
}




.design-img{
    margin-bottom: 20px;
    border-radius: 10px;
    height: 420px;
    position: relative;
}



.design-img img{
    border-radius: 10px;
    width: 100%; 
	height: 100%; 
	object-fit: cover;

}

.design-txt{
    text-transform: none;
    text-align: left;
    font-weight: 400;
    margin-top: 10px;
    display: none;
}

.design-more{
    margin: 20px auto 0 auto;
    border: solid 1px #000;
    text-align: center;
    padding: 7px 25px;
    width: fit-content;
    border-radius: 5px;
    font-size: 12px;
    cursor: pointer;
}


/* FORMULARZ */




          form label{
            display: block;
            font-size: 12px;
            line-height: 14px;
            color: #000;
            margin: 0 0 5px 0;
            position: relative;
         } 

         form label span{
            display: block;
            position: absolute;
            right: 0;
            bottom: 0;
            font-size: 8px;
line-height: 115%;
color: #BFB3B2;
         }
        
        
         form input[type="text"],
         form input[type="password"],
         form select, 
         form textarea,
         input[type="text"].inputbuton 
         {
            font-family: 'Inter', sans-serif;
            font-style: 400;
            font-weight: normal;
            font-size: 15px;
            line-height: 16px;
         color:#000;
         padding: 15px 20px;
         margin: 0 0 16px 0;
         width: 100%;
         border: 1px solid #D5D5D5;
         border-radius: 10px;
             -webkit-box-sizing: border-box;
             -moz-box-sizing: border-box;
             box-sizing: border-box;
   
         }


     
         input[type="text"].inputbuton 
         {
            font-style: 400;
            font-weight: normal;
            font-size: 15px;
            line-height: 18px;
         color:#293033;
         border: solid 1px #F1EEED;
         background: #F1EEED;
         padding: 4px 8px;
         margin: 13px 0 0 0;
         width: 100%;
             -webkit-box-sizing: border-box;
             -moz-box-sizing: border-box;
             box-sizing: border-box;
   
         }

         #dodaj-kod{
            width: 86px;
            height: 26px;
            text-align: center;
           margin: 13px 0 0 0;
            cursor: pointer;
            border: 1px solid #AFA59C;
            font-size: 13px;
line-height: 24px;
text-transform: uppercase;

color: #AFA59C;
         }
        
        
           
         form input[type="text"]:focus,
         form input[type="password"]:focus,
         form select:focus,
         form textarea:focus
         {
             outline: none;
         background: #F2F2F2;

         }
        
        
         form input[type="submit"]{
            display: block;
            margin: 0 auto 16px auto;
            background: #000;
            color: #fff;
            border: 0;
            height: 42px;
            padding: 0 30px;
            line-height: 42px;
            text-align: center;
            font-weight: 400;
            text-transform: uppercase;
            width: fit-content !important;
            cursor: pointer;
            font-size: 15px;
            border-radius: 10px;
            font-family: 'Inter', sans-serif;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
        form input[type="submit"]:hover{
            background: #000; 
            color: #fff;
        }

        ::-webkit-input-placeholder { /* Edge */
            color: #000;
          }
          
          :-ms-input-placeholder { /* Internet Explorer 10-11 */
            color:#000;
          }
          
          ::placeholder {
            color:#000;
          }
        
         
        
        .container {
            display: block;
            position: relative;
            padding-left: 30px;
                    font-size: 15px;
            cursor: pointer;
            line-height: 20px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            text-transform: none !important;
          }
          
        
          .container input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 15px;
            width: 15px;
            left: 0;
            top: 0;
          }
          
          
          .checkmark {
            position: absolute;
            top: 0;
            left: 0;
            height: 15px;
            width: 15px;
            border: solid 1px #000;
            background: transparent;
    
          }


   
        
          .container:hover input ~ .checkmark {
            border: solid 1px #000;
            
            background: transparent;
          }
          
        
          .container input:checked ~ .checkmark {
            background-color: transparent;
          }
          
        
          .checkmark:after {
            content: "";
            position: absolute;
            display: none;
          }
          
        
          .container input:checked ~ .checkmark:after {
            display: block;
          }
          
        
          .container .checkmark:after {
                width: 13px;
                height: 13px;
                background: #000;
                left: 1px;
                top: 1px;
          }





     

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


.form_nr{
    width: 70px;
font-style: normal;
font-weight: 500;
font-size: 48px;
line-height: 54px;
letter-spacing: -0.7px;
color: #F1EEED;
}

.form-flx{
    padding-left: 24px;
    width: calc(50% - 35px);
}

.form-flx-c{
    padding-left: 24px;
    width: calc(100% - 70px);  
}

.h2p{
    color: #000;
    font-size: 24px;
    margin: 0 0 35px 0;
    font-weight: 400;
    line-height: 1.2;
}

.h2p span{
    display: block;
    margin: 15px 0 0 ;
    font-size: 12px;
font-weight: 400;
color: #858585;
}



.h2pop{
	
    font-size: 32px;
    font-weight: 500; 
    margin: 0 0 35px 0;
   text-align: left;
   line-height: 115%;
}

.h2pop span{
    display: block;
    font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 115%;
}

.h2pop span a{
text-decoration-line: underline;
color: #FF6B00;
}

.salony-dost{
    display: block;
    height: 45px;
padding: 0 15px;
position: relative;
background: #F5F5F5;
border: 1px solid #E1DED9;
border-radius: 8px;
margin: 8px 0;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 45px;
letter-spacing: -0.03em;
color: #000000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}


.salony-kons{
    display: block;
padding: 15px;
position: relative;
background: #F5F5F5;
border: 1px solid #E1DED9;
border-radius: 8px;
margin: 8px 0;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 18px;
letter-spacing: -0.03em;
color: #000000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}



.salony-kons > div{
    font-size: 13px;
    color: #797574;
    margin-top: 6px; 
}

.salony-kons > div a{
    color: #FF6B00;
text-decoration: underline;
}

.salony-dost > div{
position: absolute;
top: 0;
height: 45px;
line-height: 45px;
right: 15px;
font-size: 12px;
color: #BFB3B2;
}
.salony-dost > div > span{
    font-size: 15px;
}
.salony-dost > div > i{
display: inline-block;
width: 10px;
height: 10px;
border-radius: 50%;
background: #FF6B00;
margin-left: 10px;
}
.salony-dost > div >  i.green{
   
    background: #1BC017;
}

.doc-image{
    float: right;
    padding: 0 0 32px 32px;
}







#popupob{
    text-align: left;
    position: relative;
padding: 40px 30px;
}



    #popupob h3{
        font-size: 18px;
        margin: 0 0 40px 0;
    }



    .popupob-w{
        width: 100%;
        height: 40px;
        line-height: 40px;
        margin: 10px 0;
        cursor: pointer;
        

    }

    .popupob-o{
        position: relative
    }


    .popupob-o:after{
        content: "";
        display: block;
        position: absolute;
        width: 10px;
        height: 30px;
        background: #000;
        left: -40px;
        top: 0;

    }

    .popupob-w > div{

        display: inline-block;
        height: 16px;
        width: 40px;


    }

    .popupob-w > div > img{
        height: 16px;
        width: auto;
    }




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

	}

    #popupnl-mask2{
        position: fixed;
        width: 980px;
        height: 340px;
        z-index: 1000000000;
        left: 0;
        right: 0;
        margin: 0 auto;
        bottom: 50px;
    display: none;
    
        }
	
	#popupnl-mask > div{
        width: 100%;
        text-align: center;
        height: 100vh;
        display: flex;
          flex-direction: column;
          justify-content: center;
          z-index: 0;
        }


        #popupnl-content{
            width: 900px;
            margin: 0 auto;
            padding: 0;
            text-align: center;
            position: relative;
            max-height: 90vh;
            min-height: 560px;
            overflow-y: auto;
            z-index: 1;
            -webkit-border-radius: 6px;
border-radius: 6px;
display: flex;
flex-direction: column;
justify-content: center;
background-repeat: no-repeat;
background-size: cover;
            }


            #popupnl-content2{
                width: 100%;
                height: 100%;
                overflow-y: auto;
                z-index: 1;
                -webkit-border-radius: 6px;
                border-radius: 6px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
                }



            #popupnl-content-inc{
                width: 400px;
                height: 80%;
                margin: 0 auto;
                padding: 40px 40px;
                background: #fff;
                -webkit-border-radius: 6px;
                border-radius: 6px;
                display: flex;
                flex-direction: column;
                justify-content: center;
                position: relative;
            }

            #popupnl-content-inc2{
                width: 50%;
                height: 100%;
                margin: 0;
                padding: 40px 40px;
                background: #fff;
                -webkit-border-radius: 6px 0 0 6px;
                border-radius: 6px 0 0 6px;
                display: flex;
                flex-direction: column;
                justify-content: center;
                position: relative;
            }

            #logo-nl{
              
                width: 65px;
                height: 25px;
                 background: url('../img/logo-moma.svg') no-repeat center;
              background-size: contain;
                margin: 0 auto 26px auto;
    
            }

            #popupnl-form-up{
                margin: 15px 0 15px 0;
            }

            #popupnl-form{
                position: relative;
                margin: 0 0 20px 0;
            }

            #popupnl-content-inc2 #popupnl-form{
                margin: 20px 0 10px 0;
            }

            #popupnl-form form input[type="text"]{
                 
                border: solid 1px #CECECE;
                background: #F6F6F6;
                -webkit-border-radius: 6px;
                border-radius: 6px;
                font-size: 13px;
                padding: 5px 10px;
                width: 100%;
                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    box-sizing: border-box;
          
               
            }

        

            #popupnl-submit{
                position: absolute;
                width: 73px;
                height: 30px;
                -webkit-border-radius: 6px;
                border-radius: 6px;
                background: #000;
                line-height: 30px;
                color: #fff;
                text-align: center;
                right: 0;
                top: 0px;
                font-size: 11px;
                text-transform: uppercase;

            }


            #popupnl-mask , #popupnl-mask2 h3{
                font-size: 22px;
                margin: 0;
                line-height: 1.2;
                font-weight: 500;

            }
            #popupnl-mask h4, #popupnl-mask2 h4{
                font-size: 11px;
                margin: 0.4em 0 0.8em 0;
                line-height: 1.2;
                text-transform: uppercase;
                font-weight: 500;

            }



            #popupnl-mask .tresci, #popupnl-mask2 .tresci{
                font-size: 11px;
        

            }
            #popupnl-mask .tresci p, #popupnl-mask2 .tresci p{
                margin: 0;
                line-height: 1.3em;
            }





            #popupnl-exit {
                width: 28px;
                height: 28px;
                        cursor: pointer;
                        display: block;
                        background: #000 url('../img/zamknij2.svg') no-repeat center;
                        position: absolute;
                        bottom: 20px;
                        right: 0;
                        left: 0;
                        margin: 0 auto;
                         line-height: 28px;
                        -webkit-border-radius: 6px;
border-radius: 6px;
                        
                    
                    }

                    #popupnl-exit2{
                        width: 28px;
                        height: 28px;
                                cursor: pointer;
                                display: block;
                                background: #000 url('../img/zamknij2.svg') no-repeat center;
                                position: absolute;
                                top: 10px;
                                right: 10px;

                                 line-height: 28px;
                                -webkit-border-radius: 6px;
        border-radius: 6px; 
                    }
            
                  

#popup-mask{
	position: fixed;
	width: 100%;
	height: 100vh;
	   background-color: rgba(0, 0, 0, 0.50);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
	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: 70%;
		background: #fff;
		margin: 0 auto;
		padding: 10px;
		text-align: left;
		position: relative;
		max-height: 90vh;
		overflow-y: auto;
        overflow-x: hidden;
		display: none;
		z-index: 1;
        border: 1px solid #E1DEDA;
box-shadow: 0px 0px 14px 4px rgba(0, 0, 0, 0.15);
border-radius: 10px;
        }
        

    
       
   


            #popup-content-on{
                position: fixed;
                max-width: 70%;
                background: #fff;
                margin: 0 auto;
                padding: 24px;
                text-align: left;
                max-height: 90vh;
                overflow-y: auto;
                display: none;
                z-index: 1;
                z-index: 1000000000;
                top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-box-shadow: 0 0 10px 0 #B5B5B5;
box-shadow: 0 0 10px 0 #B5B5B5;
                }


                #popup-exit-on {
                    width: 20px;
                    height: 20px;
                            cursor: pointer;
                            display: block;
                            background: url('../img/zamknij.svg') no-repeat center;
                            position: absolute;
                            top: 24px;
                            right: 24px;
                             line-height: 20px;
                            
                            
                        
                        }


#opis-s{
    padding: 18px 0 24px 0;
}

#frm-s{
    padding: 18px 0 0 0;
}


#opis-s b{
    display: block;
    font-weight: 600;
}








#popup-exit {
    width: 29px;
height: 29px;
			cursor: pointer;
			display: block;
			background: #000000 url('../img/ico-zamknij.svg') no-repeat center;
			position: absolute;
			top: 16px;
			right: 16px;
			z-index: 1000;
            border-radius: 7px;
		}

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

        .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{

    font-size: 28px;
    font-style: normal;
    font-weight: 500;
line-height: 1.2;
margin: 60px 0 30px 0;  
border-bottom: 1px solid #D5D5D5;
padding: 0 0 15px 0;
position: relative;
}




.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 #263033;
            text-transform: uppercase;
            font-weight: 700;
            font-size: 18px;
           margin: 30px 0 15px 0;
           position: relative;
           padding-top: 5px;
           color: #676767;
        }   
        
        
        

        .btn-lght{
            display: inline-block;
            text-transform: uppercase;
            color: #067B32;
            font-size: 12px;
            padding: 7px 20px;
            margin: 15px 0 25px 0;
            border: solid 1px #067B32;
            -webkit-border-radius: 10px;
        border-radius: 10px;
        background: #fff;
        cursor: pointer;
        }
        
        .btn-lght:hover{
            color: #fff;
            background: #067B32;
        }




	

	
	

	
	



	

	p.nazamow{
        display: block;
        font-size: 13px;
            text-decoration: none;
        margin: 0 0 7px 0;
        padding: 0 0 7px 0;
        font-weight: bold;
        border-bottom: solid 1px #eaeaea;
        text-transform: uppercase;
        }
    
    

            
	
	#wersja-wiecej{
        display: none;
        
        }
        
       
                
                .wiecej-rozwin{
                margin: 20px auto ;
                width: 340px;
                border: solid 1px #293033;
                -webkit-border-radius: 10px;
            border-radius: 10px;
                height: 40px;
                line-height: 40px;
                text-align: center;
                text-transform: uppercase;
                font-size: 13px;
                cursor: pointer;
                letter-spacing: 2px;
                }
                
                .wiecej-rozwin i{
                margin-right: 10px;
                }
                
                .wiecej-rozwin-p{
                height: 40px;
                line-height: 40px;
                color: #bd9591;
                text-transform: uppercase;
                font-size: 13px;
                cursor: pointer;
                letter-spacing: 2px;
                }
                















#opis-produktu{
    width: 46%;
}

#dane-produktu{
    width: 25%;
}

#pliki-produktu{
    width: 23%;
}










/* --------------------------------- FILTRY I SORTOWANIE -------------------------*/

#sortfiltr{
    margin: 0 0 54px 0;
    text-align: right;
    position: relative;
}

#sortowanie{
    display: inline-block; 
    height: 40px;
    line-height: 40px;
    font-weight: 500;
    font-size: 12px;
padding: 0 15px;
       cursor: pointer;
    margin: 0;
position: relative;
border-radius: 10px;
border: 1px solid #D9D9D9;
position: relative;
   
}


#sortowanie-res{
    display: none;
}

#filtry-do-r{
    position: absolute;
    right: 0;
display: inline-block;
text-align: right;
}



#filtry-res-show{
    display: none;
 
    
    }

#sortuj-res-show{
    background: url(../img/sort.svg) no-repeat right;
    padding-right: 20px;
}
  
    .f-sort-down{
        display: inline-block;
        margin: 0 0 0 5px;
        width: 8px;
        height: 7px;
        background: url('../img/sort-down.svg') no-repeat top;
    }
    .f-sort-up{
        display: inline-block;
        margin: 0 0 0 5px;
        width: 8px;
        height: 7px;
        background: url('../img/sort-up.svg') no-repeat top;
    }
    
    
    #filtrbox{
        display: block;
        position: absolute;
        top: -103px;
        width: 100%;
        left: 0;
    }


    #filtrbox-back{
        width: 30px;
        height: 30px;
        position: absolute;
        right: 5px;
        top: 5px;
        background: url('../img/close-mini.svg') no-repeat center;
        cursor: pointer;
        display: none;
    }

    #filtrbox-h{
        text-align: center;
        font-size: 15px;
        margin: 20px 0;
        font-weight: normal;
        text-transform: uppercase;
        display: none;
     
    }

    
#filtrbox-inc{
    margin: 0;

}
    
    .filtrng-resp{
        display: inline-block; 
        height: 40px;
        line-height: 40px;
        font-weight: 500;
        font-size: 12px;
padding: 0 15px;
           cursor: pointer;
        margin: 0 15px 40px 0;
position: relative;
border-radius: 10px;
border: 1px solid #D9D9D9;
position: relative;
    }

    .filtr-nomob{
        display: inline-block; 
    }

    .filtrng-resp-no{
        display: inline-block; 
        height: 40px;
        line-height: 40px;
        font-weight: 500;
        font-size: 12px;
padding: 0 15px;
        margin: 0 15px 40px 0;
position: relative;
border-radius: 10px;
border: 1px solid #aaaaaa;
position: relative;
background: #f3f2f2;
color: #bababa;
    }

    .filtrng-resp > u, .filtrng-resp-no > u{
        margin-left: 20px;
        text-decoration: none;
        color: #bdbdbd;
        font-size: 10px;
        font-style: italic;
    }

#FiltrBoxRespo .filtrng-resp > u, #FiltrBoxRespo .filtrng-resp-no > u{
    margin: 0;
    text-decoration: none;
    position: absolute; 
    right: 18px;
    text-align: right;
    color: #bdbdbd;
    font-size: 10px;
    font-style: italic;
}
   
   
    
    .m-wid{
        min-width: 200px;
    }
    
    
    .filtrzaz{
        background: #000;
        color: #fff;
    }
 
    
    .filtrng-resp > div > i{
        position: absolute;
        right: 16px;
        top: 16px
    }
    


    #SortowanieR{
        display: none !important;
    }

    #SortowanieD{
        display: inline-block;
    }

    #FiltrBoxRespoInc > h3 > span{
        display: none;
    }
  
    
    
    .filtrbox-inc{
        display: none;
        padding: 10px;
        position: absolute;
        background: #fff;
        width: calc(100% + 2px);
        left: -1px;
        top: 32px;
        z-index: 100;
        border-right: solid 1px #ddd;
        border-left: solid 1px #ddd;
        border-bottom: solid 1px #ddd;
        max-height: 360px;
        overflow-x: auto;
        scrollbar-width: thin;
    scrollbar-color:  #535353 #F5F5F5;
    border-radius: 0px 0px 10px 10px;
    }


    .m-wid .filtrbox-inc{
    min-width: 190px;

    }
    


    .filtrbox-inc::-webkit-scrollbar-track
    {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 10px;
        background-color: #F5F5F5;
    }
    
    .filtrbox-inc::-webkit-scrollbar
    {
        width: 6px;
        background-color: #F5F5F5;
    }
    
    .filtrbox-inc::-webkit-scrollbar-thumb
    {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #555;
    }
    




.filtr-bot{
background: #fff;
position: sticky;
left: 0;
bottom: 0;
padding: 5px 0 10px 0;
    width: 100%;
}


.filtrkat{
    display: block;
    width: 100%;
    line-height: 1.5;
    font-size: 13px;
    padding: 2px 0;
    position: relative;
    cursor: pointer;
    letter-spacing: normal;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.filtrkat_k{
    text-transform: uppercase;
    font-weight: bold;
}

.filtrkat_s{
    padding: 2px 0 2px 10px;
}

.flto{
    font-weight: 700;
    color: #f88461;
}
    
    
    .filtrwrt{
        display: block;
        width: 100%;
        line-height: 1.5;
        font-size: 12px;
        padding: 2px 0 2px 27px;
        position: relative;
        cursor: pointer;
        letter-spacing: normal;
    }


    
    
    .filtrwrt > span{
        display: block;
        width: 12px;
        height: 12px;
        border: solid 1px #293033;
        position: absolute;
        left: 2px;
        top: 3px;
        line-height: 12px;
        font-size: 9px;
        text-align: center;
        color: #293033;
  
    }


    .filtrwrt-no{
        display: block;
        width: 100%;
        line-height: 1.5;
        font-size: 12px;
        padding: 2px 0 2px 27px;
        position: relative;
        letter-spacing: normal;
        color: #bababa;
    }

    .filtrwrt-no > span{
        display: block;
        width: 12px;
        height: 12px;
        border: solid 1px #aaaaaa;
        position: absolute;
        left: 2px;
        top: 3px;
        line-height: 12px;
        background: #f3f2f2;
    }

    .filtrwrt > u, .filtrwrt-no > u{
        display: block;
        position: absolute;
        right: 2px;
        top: 0;
        text-decoration: none;
        color: #bdbdbd;
        font-size: 10px;
        font-style: italic;
    }



    .sortwrt{
        display: block;
        width: 100%;
        line-height: 1.5;
        font-size: 12px;
        padding: 2px 0 2px 27px;
        position: relative;
        cursor: pointer;
        letter-spacing: normal;
    }


    
    
    .sortwrt > span{
        display: block;
        width: 12px;
        height: 12px;
        border: solid 1px #293033;
        position: absolute;
        left: 2px;
        top: 3px;
        line-height: 12px;
        font-size: 9px;
        text-align: center;
        color: #293033;
        border-radius: 50%;
  
    }
    
    
    .range-s{
        margin: 10px auto;
        text-align: center;
    }
    

    
    
    .filtr-info{
        padding: 7px 15px;
        border: solid 1px #e0e0e0;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        display: inline-block;
        position: relative;
        margin: 5px;
        }
        
        .filtr-info i{
        margin-left: 10px;
        cursor: pointer;
        }
        
        #filtr-info{
        position: relative;
        padding: 20px 0 10px 0;
        text-align: center;
        }
        
    
    
    
    .wyczysc-filtr,  .wyczysc-cena{
          width: 110px;
        height: 30px;
        text-align: center;
         border: solid 1px #293033;
        line-height: 28px;
        font-size: 12px;
        font-weight: 400;
        position: absolute;
        top: 15px;
        right: 0;
        cursor: pointer;
        text-transform: uppercase;
        border-radius: 10px;
    }
    
    
    .wyczysc-wszystkie{
        display: inline-block;
        padding: 10px 2px;
        text-align: center;
        line-height: 20px;
        font-size: 15px;
        margin: 0 10px;
        cursor: pointer;
        color: #bdad95;
        font-weight: 600;
        border-bottom: solid 1px #bdad95;
    
    }
    
    
    .panel-zamknij{
    width: 100px;
    height: 30px;
    text-align: center;
    color: #fff;
    background: #000;
    line-height: 30px;
    text-transform: uppercase;
    font-size: 12px;
    margin: 10px 10px 0 0;
    cursor: pointer;
    letter-spacing: normal;
    border-radius: 10px;
    }
    
    
    #sortdiv{
        position: relative;
        width: 100%;
        margin: 20px 0 0 0;
        padding: 20px;
        border-bottom: solid 1px #293033;
        letter-spacing: normal;
    }
    
    #sortng{
        
        font-size: 14px;
        font-weight: 600;
        color: #293033;
        padding: 0;
        letter-spacing: normal;
        cursor: pointer;
    }

    #sortng span{
        display: block;
        font-weight: 400;
        letter-spacing: normal;
    }
    
    #sortng i{
        margin-left: 4px;
    }
    
    #sortopcje{
        position: absolute;
        right: 0;
    top: 40px;
        width: 180px;
        padding: 10px;
        z-index: 100;
        background: #fff;
        border: solid 1px #ddd;
       display: none;
      border-radius: 10px;

    }
    
    #sortopcje span{
    display: block;
 text-align: left;
    padding: 3px 0;
    cursor: pointer;
    font-size: 12px;
    line-height: 1.3;
    
    }

    #sortopcje span.slc{
       font-weight: 800;
       text-decoration: underline;
        
        }

        #sortuj-res-show b{
            display: none;
        }
    
    #sortopcje span:hover{
        text-decoration: underline;
        }


        #FiltrBoxRespo{
            position: fixed;
            background: #fff;
            padding: 0;
            width: 700px;
            z-index: 10001;
            top: 0;
            right: -700px;
            height: 100vh;
            overflow-y: hidden; 
            overflow-x: hidden; 
            border-left: 1px solid #D5D5D5;
            
            }

            #FiltrBoxRespoInc{
                position: relative;
                width: 100%;
                height: calc(100% - 70px);
                overflow-y: auto; 
                overflow-x: hidden; 
                padding: 40px;
            }

           
#FiltrBoxRespo   .filtrng-resp{
        display: block;
        padding: 12px 16px;
        border: 0;
        border-radius: 0;
        border-bottom: 1px solid #D5D5D5;
        font-weight: 500;
        font-size: 15px;
        line-height: 20px;
        cursor: pointer;
        height: auto;
        margin: 0;
position: relative;
    }

    #filtrzastosuj{
        width: 80%;
        margin: 12px auto;
        background: #000;
        color: #fff;
        text-align: center;
        height: 40px;
        line-height: 40px;
        text-transform: uppercase;
        cursor: pointer;
    }
    


    #FiltrBoxRespo .filtrng-resp-no{
        display: block;
        padding: 12px 16px;
        border: 0;
        border-radius: 0;
        border-bottom: 1px solid #D5D5D5;
        font-weight: 500;
        font-size: 15px;
        line-height: 20px;
        cursor: pointer;
        height: auto;
        margin: 0;
position: relative;
background: #f3f2f2;
color: #bababa;
    }

    #FiltrBoxRespo h3{
        padding: 20px 15px;
        font-weight: 700;
        font-size: 16px;
        margin: 0 0 20px 0;
        border-bottom: 1px solid #D5D5D5;
    }



    #FiltrBoxRespo .filtrbox-inc{
        width: auto;
        display: none;
        padding: 5px 0 0 0;
        position: relative;
        background: transparent;
        left: auto;
        top: auto;
        border: none;
        max-height: none;
        overflow: visible;
    }

    #FiltrBoxRespo .m-wid .filtrbox-inc{
        min-width: auto;
    }


    #filtr-mask{
        position: fixed;
        width: 100%;
        height: 100vh;
         background-color: rgba(0, 0, 0, 0.50);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
        z-index: 1000;
        top: 0;
        left: 0;
        display: none;
    
        }




    #closefiltry{
        position: absolute;
        top: 20px;
        right: 15px;
        width: 20px;
        height: 20px;
        background: url('../img/zamknij.svg') no-repeat center;
        cursor: pointer;
    }


        #Loading{
            position: fixed;
            width: 100%;
            height: 100vh;
            background-color: rgba(255, 255, 255, 0.7);
            z-index: 1000000000;
            display: none;
            background-image: url('../img/ajax-loader.gif');
            background-repeat: no-repeat;
            background-position: center;
            left: 0;
            top: 0;
        
        }

#zatwierdzfiltry{
    margin: 20px;
    width: 300px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #000;
    color: #fff;
    cursor: pointer;
}



        .cena-flt {
            padding: 7px;
            margin: 5px 5px;
            width: 70px;
        }

        #html5{
            width: 90%;
            margin: 0 auto;
            margin-top: 10px;
            height: 10px;
        }


        
        #html5 .noUi-connect {
            background: #293033;
            border: none;
        }
        
        #html5 .noUi-handle {
            height: 18px;
            width: 18px;
            top: -5px;
            right: -9px; /* half the width */
            border-radius: 9px;
            border: solid 1px #989898;
        }

        /* Hide markers on slider handles */
        #html5 .noUi-handle::before,
        #html5 .noUi-handle::after {
    display: none;
}
        
#html5 .noUi-handle {
    box-shadow: none;
}



/* --------------------- NAWIGACJ ---------------------*/


#Navig{
    padding: 40px 10px;
    text-align: center;
    clear: both;
    }
    
    
    #Navig a{
    margin: 0;
    color: #293033;
    font-size: 13px;
    display: inline-block;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    margin: 0 2px;
    }

  
    #Navig a.str, #Navig a.pn{
width: auto;
    }
    #Navig a.str{
        margin-right: 5px;
    }

    #Navig a.str:hover, #Navig a.pn:hover{
        background: transparent;
        text-decoration: underline;
    }
        

    #Navig #pstr{
        margin-left: 22px;

    }
    #Navig #pstr:after{
    content: "•";
    position: absolute;
    left: -20px;
    font-weight: normal;
    font-size: 28px;
    color: #293033;
  
    }

    
    #Navig a:hover{
     background:  #E2DED9;
    }
    

    
    #Navig .Nav{
    background: #293033;    
color: #fff;
display: inline-block;
width: 24px;
height: 24px;
text-align: center;
line-height: 24px;
-webkit-border-radius: 50%;
border-radius: 50%;
position: relative;
    }
/*
    #Navig a::after, #Navig .Nav::after{
        content: " - ";
        position: absolute;
        right: -10px;
        color: #293033;  
    }
*/


/* ---- BASKET -----*/

#ods-b{
padding-top: 38px;
}

.basketng{
    border-bottom: solid 1px #D5D5D5;
    padding: 0 0 17px 0;
    font-size: 16px;
font-weight: 600;
    display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
}

.basketng1{
    width: calc(100% - 310px);
}
.basketng2{
width: 100px;
}
.basketng3{
    width: 210px;
    text-align: center;
    }

.flex-basket{
    position: relative;
display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    padding: 25px 0 60px 0;
}  

.flex-polecamy{
    position: relative;
display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    padding: 10px;
    background: #F5F5F5;
    margin: 25px 0;
    border-radius: 10px;
}  

.flex-basket-img{
width: 87px;
border-radius: 10px;
}
.flex-basket-img img{
    width: 87px;
    height: auto;
    border-radius: 10px;
}

.flex-basket-opis{
    width: calc(100% - 400px);
    padding: 0 20px;
    font-size: 13px;
    font-weight: 400;
}

.flex-basket-opis h5{
font-weight: 600;
font-size: 16px;
line-height: 1.3;

}

.flex-basket-ilosc{
    width: 100px;
}

.flex-polecamy-opis{
    width: calc(100% - 470px);
    height: 87px;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.flex-polecamy-opis h5{
    font-weight: 600;
    font-size: 16px;
    line-height: 1.3;
    
}

.flex-polecamy-cena{
    width: 160px;
    height: 87px;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 26px;
font-weight: 500;
color: #FF6B00;

}

.flex-polecamy-kosz{
    width: 170px;
    height: 87px;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
 
}
   #polecamy-add, #polecamy-addm{
    border-radius: 8px;
background: #000;
width: 150px;
height: 36px;
line-height: 36px;
text-align: center;
color: #fff;
text-transform: uppercase;
cursor: pointer;
   } 



.flex-basket-cena{
    width: 160px;
    text-align: right;
    font-size: 15px;
    font-weight: 500;
}

.flex-basket-del{
    width: 50px;
    text-align: right; 
}


.update-k{
    position: relative;
  margin: 24px 0 0 0;
    width: 96px;
    height: 32px;
    line-height: 32px;
}

.plus-k{
    position: absolute;
    right: 0;
    top: 0;
    width: 32px;
    height: 32px;
    cursor: pointer;
    border-radius: 0px 8px 8px 0px;
    background: #F5F5F5 url('../img/ico-plus.svg') no-repeat center;
}

.qty-k{
    width: 32px;
    height: 32px;
    border: solid 1px #000;
    position: absolute;
    left: 32px;
    top: 0;
    text-align: center;
    line-height: 30px;
    font-size: 17px;
font-weight: 700;
}

.minus-k{
    position: absolute;
    left: 0;
    top: 0;
    width: 32px;
    height: 32px;
    cursor: pointer;
    border-radius: 8px 0px 0px 8px;
    background: #F5F5F5 url('../img/ico-minus.svg') no-repeat center;
}
  

.usun-k{
    width: 16px;
    height: 16px;
    background: url('../img/ico-del.svg') no-repeat center;
    margin: 32px 0 0 auto;
    cursor: pointer;
    z-index: 100;
}

.flex-basket-cena .k-cena{
    margin-top: 23px;
    height: 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.flex-basket-cena .k-cena .p-upust{
color: #D5D5D5;
font-size: 12px;
text-decoration: line-through;
font-weight: 500;
}
.flex-basket-cena .k-cena .p-rabat{
    color: #FF6B00;
    font-size: 12px;
    font-weight: 400;
    padding-left: 5px;
    }
    


#koszyk-left{
width: 63%;
}

#koszyk-right{
    width: 30%;
    border-radius: 10px;
border: 1px solid #000;
padding: 40px 30px 30px 30px;
position: -webkit-sticky;
        position: sticky;
        top: 0;
}

.koszng{
    font-size: 28px;
font-weight: 500;
margin: 40px 0 35px 0;
line-height: 1.2;
}

#koszyk-right .koszng{
    margin: 0 0 35px 0;
}




.ks-opis{
width: calc(100% - 110px);
padding-bottom: 20px;
font-weight: 600;
font-size: 16px;
}

.ks-opis > span{
    display: block;
    width:fit-content;
    font-size: 12px;
    background-size: 12px auto;
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 20px;
}

.ks-cena{
    width: 110px;
    text-align: right;
    padding: 0 0 20px 10px; 
    font-size: 16px;
    font-weight: 500;
}


#k-suma{
    border-top: 1px solid #000;
    padding: 30px 0; 
      
}
#k-suma .ks-opis{
    width: fit-content;
}

#total-zamowienie{
    width: fit-content; 

   color:  #FF6B00; 
   font-size: 26px;
font-weight: 500;
}

.ks-rabat{
   color:  #FF6B00;
}

.magazyn-n{
    background: #FF6B00;
    color: #fff;
    padding: 16px;
    text-align: center;
    font-size: 13px;
    margin-bottom: 12px;
}

#do-kasy{
    width: 100%;
    display: block;
    text-align: center;
    height: 72px;
    background: #067B32;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    line-height: 72px;
    margin-bottom: 15px;
    border-radius: 8px;
}

#kontynuuj-zakupy{
    width: 100%;
    display: block;
    text-align: center;
    height: 36px;
    background: #000;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 36px;
    border-radius: 8px;
}

    
    
    table.Basket{
    empty-cells: show;
    width: 100%;
    border-collapse: collapse;

    }

    table.Basket img{
        display: inline-block;
      
    }
    
    
    table.Basket td{
    padding: 10px 7px;
    border: solid 1px #d6d6d6;
    vertical-align: middle;
    line-height: 1.3;
    }
    
    
    table.Basket thead{
    font-weight: bold;
    text-align: center;
    }
    
    
    
    table.Basket tr.a{
    background: #f1f1f1;
    }
    
    table.Basket h3{
    margin: 0 0 5px 0;
    }
    table.Basket a{
    color: #293033;
    }
    
    
    
    
    table.Basket .bigc{
    font-size: 20px;
    
    }
    
.only-mob{
    display: none;
}


form input[type="submit"].sbm2 {
	background:transparent;
	display: inline-block;
		border-left: solid 1px #af8655;
        border-right: solid 1px #af8655;
        border-top: 0;
        border-bottom: 0;
		color: #af8655;
		font-size: 12px;
		padding: 2px 0;
        width: 60px;
        height: 22px;
        line-height: 22px;
		margin: 0 0 0 10px;
     cursor: pointer;
     text-transform: none;
     font-weight: 400;
     letter-spacing: 0;
	
	}



    

.Info2{
    background: #CB6F5A;
    color: #fff;
    text-align: center;
    position: relative;
    z-index: 100;
    margin-top: 30px;
    
    }
    
    
    
    .Info2 a{
    color: #fff;
    display: block;
    padding: 40px 30px;
    }
    
    
    .Info2 a:hover{
    text-decoration: none;
    }
    .InfoOK{
        background: #d7cec7;
        text-align: center;
        position: relative;
        z-index: 100;
        width: 100%;
        padding: 30px;
        margin: 40px 0;
        
        }

        .InfoOK b{
            font-weight: 700;
        }

        .InfoOK a{
            display: block;
            width: 100%;
            height: 100%;
             text-decoration: none;
        }

        .InfoOK a:hover{
            text-decoration: none;
        }

.Info{
    background: #FF6B00;
    color: #fff;
    font-size: 13px;
    text-align: left;
    position: relative;
    z-index: 100;
    width: 100%;
    padding: 10px 25px;
    margin: 30px 0;
    border-radius: 10px;
}


#userDn{
	position: relative;
padding-top: 70px;
}

#UsMenu{
position: absolute;
width: 100%;
left: 0;
top: 0;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}




#UsMenu  a{
display: block;
width: 25%;
height: 50px;
text-align: center;
font-size: 14px;
color: #fff;
text-transform: uppercase;
line-height: 50px;
background: #293033;
border: solid 1px #293033;

	-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: #293033;
border: solid 1px #293033;
}


.mobile-s{
    display: none;
}

table.zamowienie{
	empty-cells: show;
	width: 100%;
	border-collapse: collapse;
	margin: 0;
	}

    table.zamowienie thead{
        font-weight: 700;
        }

	table.zamowienie a{
		color: inherit;
	}

	table.zamowienie tr.lth td{
		color: #d6d6d6 !important;
	}

    table.zamowienie tr.lth b, table.zamowienie tr.lth strong, table.zamowienie tr.lth .zcena{
        color: #d6d6d6 !important;
    }
	
	
	table.zamowienie td{
	padding: 20px;
	border-bottom: solid 1px #D5D5D5;
	font-size: 13px;
    color: #858585;
	}
    table.zamowienie strong, table.zamowienie b{
        font-size: 18px;
        color: #000;
font-weight: 700;
    }

    table.zams td{
        color: #000;
    }



    table.zams a{
        text-decoration: underline;
    }
    





.zcena{
	font-size: 18px;
        color: #000;
        font-weight: 700;
}

.ctr{
	text-align: center;
}
.rgt{
	text-align: right;
}

#dozaplaty{
margin: 30px 0 30px auto;
width: fit-content;
height: 42px;
line-height: 42px;
padding: 0 100px;
background: #000;
color: #fff;
font-size: 18px;
font-weight: 500;
border-radius: 10px;
}


table.zamowienie tr.odst td{
	border: 0;
	padding: 5px;
}


.status{
    width: fit-content;
    height: 35px;
    line-height: 35px;
    border-radius: 20px;
    background: #F2F2F2;
    color: #000;
    font-size: 13px;
font-weight: 500;
padding: 0 20px;
margin: 0 0 0 auto;
}

.status-1{
    color: #43B2A3;
    background: #E6F6F3;
}
.status-2{
    color: #de8c00;
    background: #ffeed1;
}
.status-3, .status-4{
    color: #fff;
    background: #000;
}
.status-5{
    color: #c40000;
    background: #ffe5e5;
 
}


.Sinfo2{
	background: #e2ded9;
	padding: 24px;
	margin: 0 0 24px 0;
    font-size: 13px;
}


.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: fit-content;
height: 42px;
line-height: 42px;
background: #293033;
color: #fff;
margin: 40px auto;
padding: 0 30px;
cursor: pointer;
text-align: center;
text-transform: uppercase;
border-radius: 10px;
}


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






/* DOKUMENTY */

.clear{
    clear: both;
    }

.h-blok{
    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-bottom: 90px;
  }
  
  .h-blok-rev{
    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-direction: row-reverse;
    margin-bottom: 90px;
  }
  
  .h-image{
      width: 50%;
      border-radius: 10px;
  }

  .h-image img, .h-image video{
    width: 100%; 
    height: auto;
    border-radius: 10px;
  }
  
  .h-text-right{
    padding: 0 0 40px 50px;
    width: 50%;
  }
  
  
  .h-text-left{
    padding: 0 50px 40px 0;
    width: 50%;
  
  }

  .h-text-left .h1, .h-text-right .h1{
margin-top: 0;
  }



  .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;
    }
    .doc-lewy{
        width: 45%;
        padding: 32px 0;
        }
        
        .doc-prawy{
			width: 45%;
			padding: 32px 0;
			}
			
	
			.doc-caly{
                width: 100%;
                clear: both;
                padding: 32px 0;
                }

 

    
			.wrapper-inc{
                width: 100%;
                max-width: 916px;
                clear: both;
                 margin: 0 auto;
                }

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


	.tab-h{
				background-position: left;
				background-repeat: no-repeat;
				line-height: 22px;
				font-size: 16px;
						padding: 5px 0 5px 0;
			cursor: pointer;
				position: relative;
				text-transform: uppercase;
				}
				
				
				
				
				.tab-h i{
				 font-style: normal !important;
				  }
				
				
				.tab-cont{
				padding: 20px 0;
				display: none;
				}
				
				.angl{
                position: absolute;
                width: 30px;
                height: 30px;
				right: 0;
                top: 0;
                background: url('../img/plus.svg') no-repeat right;
                }
                
                .onangl{
                    position: absolute;
                    width: 30px;
                    height: 30px;
                    right: 0;
                    top: 0;
                    background: url('../img/minus.svg') no-repeat right !important;
                    }

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

		
.box-f-image{
	width: 100%;
	height: auto;
	margin-bottom: 20px;
  }
  
  .box-f-image img{
	width: 100%; 
	height: 100%; 
	object-fit: cover;
    border-radius: 10px;
  }

		
  .box-d-image img{
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    border-radius: 10px;
                }





           
                  
            
            
            
            
                
                        
                        ul.d-dane li{
                        padding: 0 0 0 34px;
                        margin: 20px 0;
                        background: url('../img/cube.svg') no-repeat left;
                         }
        
                         ul.d-dane li a{
                            display: block;
                            padding: 0 36px 0 0; 
                            background: url('../img/download.svg') no-repeat right;
                         }
                        





   

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


            
          .pliki li{
              padding: 2px 0 2px 34px;
                        margin: 20px 0;
                        background: url('../img/download.svg') no-repeat left;
             }

            .pliki li a{
                display: block;
        
             }
            
           .pliki li span{
            display: block;
            color: #a6a6a6;
            font-size: 13px;
            
            }
          
          
       
    



                .galeria-out {
                    display: flex;
                    flex-wrap: wrap;
                    align-items: flex-start;
                    justify-content: space-between;
                    margin-bottom: 90px;
                  }

                  .galeria-2{
                      width: calc(50% - 12px);
                      margin: 16px 0;
                  }

                  .galeria-3, .galeria-2l{
                    width: calc(33% - 12px);
                    margin: 16px 0;
                }

                .galeria-2r{
                    width: calc(67% - 12px);
                    margin: 16px 0;
                }

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


                  .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;
                    z-index: 3;
                    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-artx 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;
                      z-index: 2;
                    
                      opacity: 0.8;
                      filter: alpha(opacity=80);
                      display: flex;
                        flex-direction: column;
                        justify-content: center;
                      }
                      
                    
                      .flm i{
                        font-style: normal !important;
                      }
                      
                      
                    




.rowinc{
    height: 32px;
}










.tresci{
    overflow: hidden;
font-size: 16px;
line-height: 1.4;
    }








.wersjasm{
    font-size: 14px !important;
    line-height: 16px !important;
}
    
    
    .tresci .embed-container { position: relative; margin-top: 32px; 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: 600;
    }
    
    
    
    
    .tresci a:not(.more){
        color: #FF6B00;
    }
    
    .tresci a:hover:not(.more){
        text-decoration: underline;
    }
    



    .tresci h1{
        font-size: 60px;
    margin: 40px 0;
    font-weight: 400;
    }


    
    
    .tresci h2{
            margin: 40px 0;
        font-weight: 400;
        font-size: 48px;     
    }



    
    .tresci h3{
        margin: 16px 0;
        font-size: 24px;
        line-height: 28px;
        font-weight: 500;
    }



    .h3tm{
        font-style: normal;
        font-weight: normal;
        font-size: 15px;
        line-height: 18px;       
        text-transform: uppercase; 
        padding-bottom: 24px;
        border-bottom: 1px solid #293033;
        margin: 48px 0 24px 0 !important;
    }



    .wersjasm h1{
        font-size: 38px !important;
        line-height: 42px !important;
    }

    .wersjasm h2{
        font-size: 29px !important;
        line-height: 33px !important;
    }

    .wersjasm h3{
        font-size: 25px !important;
        line-height: 22px !important;
    }

.smfont{
    font-size: 14px;
    line-height: 16px;
}



.tresci .smfont h1{
    font-size: 38px;
    line-height: 42px;
    
}

.tresci .smfont h2{
    font-size: 29px;
        line-height: 33px;
    
}
    
.tresci .smfont h3{
    line-height: 25px;
    font-size: 22px;
}
    
    .tresci p{
    margin: 1em 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;*/
    }
    
    .docs-imgs{
      margin-bottom: 30px;
    }
    
    .docs-imgs img{
      width: 100%;
      height: auto;
    }
      
    
    .doc-dark .tresci blockquote{
      color: #fff;
     }
    
    .tresci ul{
      margin: 32px 0 32px 24px;

      }
      
      .tresci ol{
        margin: 32px 0 32px 24px;
        padding-left: 8px;
        list-style-type: decimal-leading-zero;
        }
     
        .tresci ul:not(.pliki) > li{
          margin: 10px 0;
         padding: 3px 0 3px 15px;
         list-style: disc outside !important;

          }
      
    
          .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;
               background: none !important;
            }
      
      
      
            .tresci ol li{
              margin: 10px 0;
              padding-left: 8px;
              }
      
      
    
      


              .mleft{
                width: 255px;
                padding: 0 20px 48px 0;
                margin: 0;
                position: -webkit-sticky;
position: sticky;
top: 0;
height: 100vh;
overflow-y: auto;
                }



/* width */
.mleft::-webkit-scrollbar {
    width: 6px;
  }
  
  /* Track */
  .mleft::-webkit-scrollbar-track {
    background: #f6f5f5; 
  }
   
  /* Handle */
  .mleft::-webkit-scrollbar-thumb {
    background: #dddddd; 
  }
  
  /* Handle on hover */
  .mleft::-webkit-scrollbar-thumb:hover {
    background: #9c9c9c; 
  }







#BanerkiMenu{
    margin: 40px 0;
}

#BanerkiMenu a{
    display: block;
    position: relative;
    margin: 10px 0;
    width: 100%;
    height: 100px;
    border-radius: 10px;
    overflow: hidden;
    
    
}
#BanerkiMenu .banm-txt{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 16px;
font-style: normal;
font-weight: 500;
color: #fff;
padding: 0 50px 0 17px;
background: url('../img/ico-plus-w.svg') no-repeat right 17px center;
}

#BanerkiMenu .banm-img{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

#BanerkiMenu .banm-img img{
    width: 100%;
    height: 100%;
    border-radius: 10px;
  object-fit: cover;
}




                .mright{
                    width: 80%;
                }
                
             
                
                .mleft  ul{
                margin: 25px 0 0 0;
                padding:0;
                list-style: none;
         
                
                }
                
                
                
                
                .mleft  ul li{
                padding: 5px 0  5px 0;
                margin: 0;
                }
                
                .mleft  ul li a{
                    color: #293033;
                }
                
                
                
                
                
                
                .mleft  ul ul{
                margin: 10px 0 5px 0;
                }
                
                

                
                
                .mleft a.ngh{
                display: block;
                text-transform: uppercase;
                font-weight: bold;
                padding: 5px 0;
           
                }
                
           
                .mleft a:hover{
                text-decoration: underline;
          
                }
                
                .mleft a.ngh:hover{
                    text-decoration: none;
                }
  


                #menu-brand .tab-sec{
                    padding: 10px 0;
                }

                #menu-brand .tab-h{
                    font-weight: 500;
                }

                #menu-brand .tab-cont{
                    padding: 10px 0;
                    }

                    #menu-brand ul{
                        margin: 0;
                    }







/* POPUP */


.popup-overlay {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .80);
    z-index: 1000000;
    display: none;
    }


    
    
    .popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 1000001;
    text-align: center;
      display: none;
      flex-direction: column;
      justify-content: center;
    
    }

#nl-popup{
    display: block;
}

    
    #npopup-content{
        width: 900px;
        padding: 30px;
        background: #fff;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        left: 0;
        right: 0;
        margin: 0 auto;
        display: flex;
          flex-direction: column;
          justify-content: center;
        }
















    
    
    
    .popup .popup-exit {
        cursor: pointer;
        display: block;
        width: 40px;
        height: 40px;
        position: absolute;
        top: 40px;
        right: 40px;
         line-height: 40px;
         color: #fff;
         font-size: 20px;
         border: solid 1px #fff;
         text-align: center;
        -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: rgba(0, 0, 0, .50);
    }
    
    .visible{
    display: block;
    }
    
    
    .visiblef{
    display: flex;
    }
    
    
    .popup img{
    max-width: 100%;
    height: auto;
    }
    
    
    .popup-content{
    max-width: 800px;
    min-width: 45%;
    min-height: 50%;
    max-height: 600px;
    padding: 30px;
    background: #fff;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: flex;
      flex-direction: column;
      justify-content: center;
    }
    
    .popup .popup-content > a{
    display: block;
    width: 100%;
    height: 100%;
    color: inherit;
    }
    
    .popup .popup-content > a:hover{
    text-decoration: none;
    }






    #logowanie{
        width: 100%;
        height: 510px;
        display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    }

    #logo_moma_sm{
        height: 25px;
        width: 100%;
        background: url('../img/logo-moma.svg') no-repeat center;
        background-size: auto 100%;
        margin-bottom: 30px;
    }

        #logo_mash_sm{
        height: 25px;
        width: 100%;
        background: url('../img/logo-mash.svg') no-repeat center;
        background-size: auto 100%;
        margin-bottom: 30px;
    }

    #logowanie-txt{
        width: 375px;
        height: 510px;
        padding: 0 60px;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }


    #logowanie-img{
        width: 355px;
        height: 510px;
        border-radius: 10px;
        background: url('../img/logowanie.jpg') no-repeat center;
    }

 


    .login-btn{
        border-radius: 8px;
        border: solid 1px #D5D5D5;
        color: #858585;
        font-size: 12px;
        font-weight: 400;
        text-align: left;
        padding: 8px 0 8px 82px;
        margin: 0 0 11px 0;
        display: block;
        position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
    }

    #ico-google{
        display: block;
        width: 20px;
        height: 20px;
        background: url('../img/icon-google.svg') no-repeat center;
        position: absolute;
        left: 55px;
        top: 5px;
    }
    #ico-fb{
        display: block;
        width: 20px;
        height: 20px;
        background: url('../img/icon-fb.svg') no-repeat center;
        position: absolute;
        left: 55px;
        top: 5px;
    }


        form input[type="text"].log-input, 
        form input[type="password"].log-input 
         
        {
           font-size: 12px;
           font-weight: 400;
           line-height: 1.2;
        color:#000;
        padding: 10px 0;
        margin: 0 0 10px 0;
        border: 0;
        border-bottom: 1px solid #D5D5D5;
        border-radius: 0;

  
        }



        form input[type="text"].log-input:focus,
        form input[type="password"].log-input:focus 
        {

        background: transparent;

        }
       


        #logowanie-box{
            display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
margin-bottom: 25px;
color: #858585;
        }

        #logowanie-box input{
            position: relative;
           top: 2px;
        }

        #logowanie-box b{
            font-weight: 500;
            color: #000;
        }



.logowanie-txt-b{
    
font-size: 12px;
font-weight: 400;
line-height: 1.2;
}

.logowanie-txt-b a{
    color: #4285F4;
}



        #LgtFrm{
            margin-top: 20px;
        }


  

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


#insta a{
    display: block;
    width: 24%;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

#insta a img{
    width: 100%;
    height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

#insta div{
    width: 100%;
    height: calc(100% - 4px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    color: #fff;
    padding: 10px 20px;
    z-index: 1;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 10px;
    opacity: 0;
    -webkit-transition: all 400ms ease-in;
    -moz-transition: all 400ms ease-in;
    -ms-transition: all 400ms ease-in;
    -o-transition: all 400ms ease-in;
    transition: all 400ms ease-in; 
    
}


#insta div:hover{
    opacity: 1;
    -webkit-transition: all 400ms ease-in;
    -moz-transition: all 400ms ease-in;
    -ms-transition: all 400ms ease-in;
    -o-transition: all 400ms ease-in;
    transition: all 400ms ease-in; 
}



.prod-cz{
    position: absolute;
    left: -150%;
}