.search-h-mobile{
    display: none;
    font-size: 20px;
    font-weight: 800;
}
@media(max-width:400px){
    .search-h-mobile{
        display:flex;
        justify-content: space-between;
        align-items: center;
    }
}
.search{
    display:flex;
    gap:10px;
    /*width: calc(100% - 88px);*/
    width:100%;
    background-color: #fff;
    padding: 8px;
    border-radius: 10px;
    box-sizing: border-box;
}
@media(max-width:768px){
    .search{
        flex-direction: column;
        gap:15px;
    }
}
@media(max-width:400px){
    .search{
        /*display:none;*/
    }
}

@media(min-width:401px){
.search-mobile{
    display:none!important;
}
}

@media(max-width:400px){
    .search-mobile{
        position:absolute;
        top:0;
        left:0;
        width:100%;
        padding:30px 20px 40px 20px;
        box-sizing:border-box;
        background-color:#fff;
        border-radius: 15px;
        display:none;
        flex-direction:column;
        gap:15px;
        -moz-box-shadow: 1px 1px 4px 0px rgba(168,168,168,1);
        -webkit-box-shadow: 1px 1px 4px 0px rgba(168,168,168,1);
        box-shadow: 1px 1px 4px 0px rgba(168,168,168,1);
        z-index: 10000;
    }
}

.search-menu-mobile-x{
    width: 30px;
    height: 30px;
    cursor: pointer;
    position: relative;
    padding:5px;
    border-radius:7px;
    display:flex;
    align-items:center;
    justify-content:center;
    transition: 0.1s;
}
.search-menu-mobile-x:hover{
    background-color: #f6f4fd;
    transition: 0.1s;
}


.search-mobile button{
    background-color: #005ce7;
    color:#fff;
    font-weight:600;
    height: 38px;
    width: 100%;
    outline: none;
    border: none;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor:pointer;
}
.search-mobile img{
    width: 20px;
    height: 20px;
}

.search-button-mobile-inp{
    color:#65676b;
    font-size:1.3rem;
    background: #fff;
    border-radius: 10px;
    border: 2px solid #f0f2f5;
    display: flex;
    align-items: center;
    padding: 2px 8px;
    width: 100%;
    cursor:pointer;
}

.search button, .search-button-mobile button{
    background-color: var(--global-blue-new);
    color: #fff;
    height: 44px;
    width: 130px;
    outline: none;
    border: none;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor:pointer;
    transition: 0.1s;
    font-weight:600;
    gap:8px;
}
.search button:hover, .search-button-mobile button:hover{
    background-color: var(--global-blue-new-hover);
    transition: 0.1s;
}
@media(max-width:768px){
    .search button, .search-button-mobile button{
        width:100%;
        height: 48px;
    }
}
.search img, .search-button-mobile img{
    width: 20px;
    height: 20px;
}

.search-button-mobile{
    display:none;
}

@media(max-width:400px){
    .search-button-mobile{
        /*display:flex;*/
        gap: 5px;
        width:100%;
    }
    .search-button-mobile button{
        width:auto;
        font-weight: 600;
        padding: 5px 10px;
        gap:5px;
    }
}

.columns-search{
    display:flex;
    justify-content: space-between;
    width:calc(100% - 40px);
}
@media(max-width:768px){
    .columns-search{
        width: calc(100%);
        gap:15px;
    }
}
@media(max-width:400px){
    .columns-search{
        flex-direction: column;

        width:100%;
    }
}

.search-input{
    /*width:calc((100% - 150px - 10px - 10px - 5px) / 2 );*/
    /*width:calc(50% - 5px);*/
    width:100%;
    box-sizing:border-box;
    position:relative;
}
@media(max-width:600px){
    .search-input{
        width:100%;
    }
}

#inp-search, #inp-location{
    outline:none;
    /*border:1px solid rgba(0,26,255,0.1);*/
    border:1px solid #b3bddc;
    /*border:none;*/
    background-color:#fff;
    border-radius:10px;
    font-size:1.6rem;
    font-weight:300;
    padding:12px 10px;
    margin-right:10px;
    width:100%;
    box-sizing:border-box;
    transition: all 0.05s ease-in-out;
    cursor: pointer;
}
@media(max-width:768px){
    #inp-search, #inp-location{
        padding:14px 10px;
    }
}


#inp-search:hover, #inp-location:hover{
    border-color: #4f5d8a;
    /*border-color: rgba(0,26,255,0.1);*/
    transition: all 0.05s ease-in-out;
}
#inp-search:focus, #inp-location:focus{
    border-color:   rgb(0 92 231 / 39%);;
    /*border-color: rgba(0,26,255,0.2);*/
    transition: all 0.05s ease-in-out;
    outline: 2px solid #41489380;
    outline-offset: -3px;
}

#inp-search::placeholder, #inp-location::placeholder{
    color:#818daf;
    font-size:1.4rem;
}

.prompts-keywords, .prompts-locations{
    position:absolute;
    top:50px;
    left:0;
    font-size:1.5rem;
    background-color:white;
    width:100%;
    display:none;
    -moz-box-shadow: 0px 5px 10px 0px rgba(209,209,209,1.00);
    -webkit-box-shadow: 0px 5px 10px 0px rgba(209,209,209,1.00);
    box-shadow: 0px 5px 10px 0px rgba(209,209,209,1.00);
    padding: 10px;
    border-radius:10px;
    box-sizing:border-box;
    display:none;
    max-height:300px;
    overflow-y:scroll;
    z-index:100;
}
@media(max-width:600px){
    .prompts-keywords, .prompts-locations{
        top:40px;
        z-index:100;
        display:none!important;
    }
}
/* dla wyszukiwarki słów */
#inp-search:focus + .prompts-keywords{
    display:block;
    transition:0.2s;
}

#inp-search:placeholder-shown + .prompts-keywords{
    display:none;
    transition:0.2s;
}

#inp-search + .prompts-keywords{
    display:none;
    transition:0.2s;
}

#inp-search + .prompts-keywords:hover{
    display:block!important;
}

/* dla wyszukiwarki po miatach */
#inp-location:focus + .prompts-locations{
    display:block;
    transition:0.2s;
}

#inp-location:placeholder-shown + .prompts-locations{
    display:none;
    transition:0.2s;
}

#inp-location + .prompts-locations{
    display:none;
    transition:0.2s;
}

#inp-location + .prompts-locations:hover{
    display:block!important;
}

/* ------------------------------- */
.x-inp-keyword{
    background-color:#D9DFEC;
    padding:2px 5px;
    border-radius:10px;
    margin-bottom:10px;
    margin-right:10px;
    display:inline-block;
}

.x{
    cursor:pointer;
    font-size:15px;
    margin-left:10px;
    font-weight:800;
}

#inp-location::after{
    position:absolute;
    right:10px;
    cursor:pointer;
    top:10px;
    font-size:20px;
    display:block;
    content:'X';
    color:red;
}
#inp-search:placeholder-shown + .x-inp-keyword::after, #inp-location:placeholder-shown + #x-inp-location::after{
   content:'';
}
/* ------------------------------- */

.prompt-title{
    text-transform:uppercase;
    font-size:1.1rem;
    letter-spacing:1px;
    font-weight:700;
}

.search-link, .profession-link{
    display:block;
    width:100%;
    transition:0.2s;
    padding:5px 10px;
    box-sizing:border-box;
    border-radius:10px;
    margin-top:5px;
}
.search-link:hover, .profession-link:hover{
    background-color:#f1f1f1;
    transition:0.2s;
}
@media(max-width:768px){
    .search-link, .profession-link{
        padding:5px 0px;
    }
}

#search-profession{
    margin-top:10px;
}

#search-profession-cont{
    padding-top:5px;
}

.profession-link{
    margin-top:0;
}

/*
input[type="button"]{
    outline:none;
    border:none;
    width:150px;
    background: linear-gradient(270deg, #0038A6 0%, #048BD7 100%);
    color:white;
    font-weight:600;
    font-size:1.4rem;
    border-radius:10px;
    margin-left:5px;
}*/

.remove-location{
    padding: 2px;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    background-color: #e9edf4;
    z-index: 1000000000;
    position: absolute;
    display: block;
    right: 10px;
    top: 10px;
    text-align: center;
    font-size: 12px;
    border-radius: 4px;
    cursor: pointer;
    display:none;
}
@media(max-width:768px){
    .remove-location{
        top:14px;
    }
}

.search-mobile .remove-location{
    font-size:12px;
    top:8px;
}