.gradientbialy{
        background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 65%, rgba(255,255,255,0.7665266790309874) 84%, rgba(255,255,255,0) 100%);
        position: fixed;
        width: 100%; 
        bottom: 0px; 
        height: 100px; 
        z-index: 1050;
        
    }
    
    @media (min-width: 801px){
    .gradientbialy{
            display: none;
        }} 
        
        
        .containerresult-panel{
  //    background-color: #f2f3f7;
     // background-color: #f8f8f8;
       background-color: white;
        float: left;
        margin-left: clamp(300px, 18%, 380px); 
        width: calc(100% - clamp(300px, 18%, 380px));
        transition: all 1s ease;
        height: 100%;
        min-height: 800px;
       // background-color: #fbfbfb;
       // border: 1px  gainsboro solid;
    }
    @media (max-width: 801px){
       .containerresult-panel{
           
        //  background:#FBFBFB; 
           
        padding-left: 0; 
        position: absolute;   
        top:100%;
        left: 0;
        margin-left:0px;
        width: 100%;
        height: 100%;
        min-height: 100px;
        z-index:1000;
        transition: top  0.5s, left 0.5s, opacity 0.5s;
        overflow-y: auto;
      
        //transition-timing-function: cubic-bezier(0.0, 0.5, 0.7, 0.8);
        //transition:transform 1s cubic-bezier(0, 0, 0.25, 3);
       // border: 1px  gainsboro solid;
       //  transition:transform 1s cubic-bezier(0, 0, 0.25, 3);
         //transition: transform 0.5s ease 0s, opacity 0.5s ease 0.5s;
        // transition: all 1s ease;
      
       
       } 
     
    
        
    }
    
    
    .kafel{
        display: block;
        position: relative;
        clear: both;
         font-family: Arial,helvetica,sans-serif;
        background-color: white;
       
        width: calc(96% - 0px);
        padding: 10px;
        min-height: 120px;
        margin-top: 10px;
        margin-left: 2%;
        cursor: pointer;
         transition: all 1s ease;
         border-radius: 5px;
         border-width: 1px;
      border-style: solid;
  border-color: #e3e3db;
  padding: 0;
  box-shadow: 0px 15px 30px -35px;
  
    }

                .kafellogo{
                    float: left;
                    padding-left: 19px;
                    padding-right: 19px;
                    max-width: 100px;
                    max-height: 118px;
                    min-width: 100px;
                    min-height: 118px;
                    pointer-events: none;
                      display: flex;
  align-items: center;
  border-width: 0px;
  border-style: solid;
  border-color: #e3e3db;

                }
                
              @media (max-width: 801px){   
                .kafellogo{
                    float: left;
                    padding-left: 19px;
                    padding-right: 19px;
                    
                    max-width: 80px;
                    max-height: 80px;
                    min-width: 80px;
                    min-height: 80px;
                    pointer-events: none;
                      display: flex;
  align-items: center;
  border-width: 0px;
  border-style: solid;
  border-color: #e3e3db;
padding-top: 10px;
                }}
                
                .containerinkafel1{
                    font-size: 14px;
                  //   background-color: #f9f8f8;
                    float: left;
                    padding: 15px;
                    overflow-y: hidden;
                    width: calc(60% - 100px);
                  
                    min-height: 80px;
                    max-height: 80px;
                  
                    pointer-events: none;
                    

                }
                @media (max-width: 801px){
                     .containerinkafel1{
                 width: calc(100% - 170px);
                 pointer-events: none;
                  font-size: 10px;
                  min-height: 60px;
                    
                 
                }
                }


                                .kafelnazwa{
                                    float: left;

                                     width: 100%;
                                }
                                .kafelopis{
                                     padding-top: 5px;
                                     color: dimgray;
                                     float: left;
                                     overflow-y: hidden;
                                     width: 100%;
                                }
                                
                 .containerinkafel2{
                     pointer-events: none;
                     padding-top: 15px;
                     color: #666666;
                    
                  //  background-color:  #f9f8f8;
                    float: left;
                    width: calc(40% - 70px);
                    
                    min-height: 60px;
                    position: relative;
                   // margin-left: 70px;
                    //pointer-events: none;

                }
                @media (max-width: 801px){
                    .containerinkafel2{
                        padding-left: 132px;
                        width: calc(100% - 132px);
                        font-size: 10px;
                        min-height: 60px;
                        padding-top: 0px;
                        padding-bottom: 5px;
                    }
                }
                
                                 .kafelwynagrodzenie{
                                    float: left;
                                     font-size: 12px;
                                     width: 100%;
                                }
                                
                                .kafelzawod{
                                    font-size: 12px;
                                     width: 100%;
                                }
                                .kafelczasemisji{
                                    font-size: 12px;
                                     width: 100%;
                                 }
                                
                                @media (max-width: 801px){
                                   .kafelwynagrodzenie{
                                       font-size: 10px;
                                    width:80%;
                                }
                                
                                .kafelzawod{
                                    font-size: 10px;
                                    width: 80%;
                                }
                                .kafelczasemisji{
                                    font-size: 10px;
                                    width: 80%;
                                 }
                                
                                }
                
                .likebuttonimg{
                    
                     width: 20px;
                    height: 20px;
                    margin-left: 10px;
                    margin-top: 10px;
                }
                .likebutton{
                    pointer-events: all;
                    position: absolute;
                    top: 15px;
                    right: 15px;
                    width: 40px;
                    height: 40px;
                    //filter: brightness(0.75);
                }
                @media (max-width: 801px){
                     .likebutton{
                   top: auto;
                    bottom: 15px;
                    right: 15px;}
                }
            
               
             .clearfix::after {
            content: "";
            display: block;
            clear: both;
        }
               
        
        
        .container-szczegoly-nazwa{
           padding: 5px;
           padding-top: 30px;
           padding-bottom: 10px;
           padding-left: 150px;
           width: calc(100% - 160px); 
            
        font-family: Arial,helvetica,sans-serif;
        font: 14px;
        }
        @media (max-width: 801px){
        .container-szczegoly-nazwa{
           
            font-size: 12px;    
        
        }    
        }
        
        
        .container-szczegoly-tytul{
           padding: 5px;    
            padding-top: 10px;
           padding-bottom: 20px;
            padding-left: 150px;
                        width: calc(100% - 160px); 
            
        color: darkslategray;    
        font-family: Arial,helvetica,sans-serif;
        font: 12px;    
        }
         @media (max-width: 801px){
        .container-szczegoly-tytul{
        font-size: 12px;    
        }    
        }
        
        
        .container-szczegoly-opis{
         padding: 20px;
            
         
        width: calc(100% - 50px);    
        font-family: Arial,helvetica,sans-serif;
        font: 14px;    
        
        -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
        }
        @media (max-width: 801px){
        .container-szczegoly-opis{
            
        font-size: 10px;     
        }
        }     
        
        .container-szczegoly-adress{
            color: #5e6060;
       //    background: #f2f3f7;
  
 width: calc(50% - 30px);
  padding: 10px;
  margin: 5px;
  border-radius: 10px;
  float: left;
  min-height: 72px;
  
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
  box-shadow: #dfe1e3 3px 3px 8px -0px;
        }
        
        .container-szczegoly-telefon{
            display: flex;
            align-items: center;
            justify-content: center;
            width: calc(50% - 33px);
           
            //  background: #f2f3f7;
            border-radius: 10px;
 
 

            font-size: 20px; 
            
            cursor: pointer;
            padding: 10px;
           float: left;
     min-height: 72px;
             margin: 5px;
         
             -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
             box-shadow: slategray 10px 10px 15px -10px;
  border: 1px solid rgb(215, 213, 213);
   margin-bottom: 50px;
        }
        
         @media (max-width: 801px){
         .container-szczegoly-adress{
         width: calc(100% - 30px);    
        font-size: 12px;     
        min-height: 60px;
        }
         .container-szczegoly-telefon{
             width: calc(100% - 30px);
        font-size: 14px;   
        min-height: 50px;
        }
        }
        
        
        
          
    
        
        
        .container-szczegoly-likebutton{
            pointer-events: all;
            float: right;
            top: 15px;
            right: 15px;
            width: 60px;
            height: 60px;
            cursor: pointer;
            
        }
        
        .container-szczegoly-message{
            pointer-events: all;
            float: right;
            top: 15px;
            right: 75px;
            width: 60px;
            height: 60px;
            cursor: pointer;
            
        }
        
        .container-szczegoly-messagebuttonimg{
            width: 33px;
  height: 25px;
  margin-left: 10px;
  margin-top: 10px;
}
            
        
        
        
      .container-szczegoly-likebuttonimg{  
  width: 25px;
  height: 25px;
  margin-left: 10px;
  margin-top: 10px;
      }
      
     .container-szczegoly-paramer{  
         display: flex;
         flex-wrap: wrap;
      border-radius: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-bottom: 20px;
 // background-color: #f2f3f7;
     }
     
          .container-szczegoly-parametry{
     border-radius: 10px;
  color: rgb(102, 102, 102);
  background-color: white;
  box-shadow: #dfe1e3 3px 3px 8px -0px;
 // box-shadow: slategray 10px 10px 15px -10px;
 // border: 1px solid rgb(215, 213, 213);
user-select: none;
margin: 5px;
font-size: 16px;
  font-family: Arial,helvetica,sans-serif;
  padding: 10px;
width: calc(50% - 33px);
        }
        
           @media (max-width: 801px){
        
        .container-szczegoly-parametry{
         
        font-size: 10px;     
        
        }
        }
        
        .container-szczegoly-parametry-tytul{
        color: #758286;
  font-size: 12px;
        }
        
        
         .container-szczegoly-wynagrodzenie{  
         display: flex;
         flex-wrap: wrap;
      border-radius: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 20px;
 // background-color: #f2f3f7;
     }
     
          .container-szczegoly-wynagrodzenie-ramkax{  
          align-items: center;
            justify-content: center;
            width: calc(50% - 30px);
              background: #f2f3f7;
            border-radius: 10px;
 
 

            font-size: 16px; 
            font-family: Arial,helvetica,sans-serif;
          
            padding: 10px;
           float: left;
  
             margin: 5px;
         
             -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
             color: #7573b3;
     }
     
         .container-szczegoly-wynagrodzenie-ramka{  
       border-radius: 10px;
  color: rgb(102, 102, 102);
  background-color: white;
  box-shadow: #dfe1e3 3px 3px 8px -0px;
 // box-shadow: slategray 10px 10px 15px -10px;
 // border: 1px solid rgb(215, 213, 213);
user-select: none;
margin: 5px;
font-size: 16px;
  font-family: Arial,helvetica,sans-serif;
  padding: 10px;
width: calc(50% - 33px);
     }
     
          @media (max-width: 801px){
         .container-szczegoly-wynagrodzenie-ramka{
         width: calc(100% - 33px);    
        font-size: 14px;     
        min-height: 60px;
        }
      }
     
     
       .container-szczegoly-wynagrodzenie-tytul{
        color: #758286;
  font-size: 12px;
        }