.tp-search-form{
    position: relative;
}
.tp-ajax-post{
    display: block;
    padding: 10px 15px;
    background: #ffffff;
    margin-bottom: 2px;
}
.tp-search-results a:hover .tp-ajax-post{
    background: #f2f2f2;
}
.tp-search-results a{
    color: inherit !important;
    text-decoration: none !important;
    transition: 0.3s all;
}
.tp-ajax-post h3{
    text-decoration: none;
    font-size: 16px;
    color: #000;
    font-weight: 600;
    margin: 0;
}
.tp-search-results a:hover h3{
    text-decoration: underline;
}
.tp-ajax-post p{
    margin: 0;
    font-size: 14px;
}
.tp-ajax-post mark{
    padding: 0;
    background-color: transparent;
    font-weight: 600;
    text-decoration: underline;
}

.tp-search-results{
max-height: 400px;
overflow-x: hidden;
overflow-y: auto;
}

.tp-search-form input[type="text"]{
    width: 100%;
}
.tp-search-form button,
.tp-search-form input[type="text"]{
    padding: 5px 10px;
    border-radius: 0;
    border: 1px solid;
}
.tp-search-form input[type="text"]:focus{
    border-color: #000;
}
#search-results-container{
    position: absolute;
    top: auto;
    left: 0;
    background: #f1f1f1;
    width: calc(100% - 1px );
    margin-top: 12px;
    
}
.tp-search-results{
    position: relative;
    padding: 10px;
    box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.25);
    z-index: 2;
}
.tp-search-results-inner{
    position: relative;
}
.tp-search-results-inner:before{
    content: '';
    position: absolute;
    left: 30px;
    top: -12px;
    width: 30px;
    height: 15px;
    border-bottom: solid 15px #f1f1f1;
    border-left: solid 15px transparent;
    border-right: solid 15px transparent;
}
.tp-search-form form{
    display: flex;
    align-items: center;
}
.tp-search-form button{
    margin-left: -1px;
    position: absolute;
    right: 0;
    background: transparent;
    border: none;
}


.tp-loader {
    border: 2px solid #c8c8c8;
    border-radius: 50%;
    border-top: 2px solid #000000;
    width: 21px;
    height: 21px;
    -webkit-animation: tpspin 2s linear infinite;
    animation: tpspin 2s linear infinite;
    display: inline-flex;
    vertical-align: middle;
  }
  
  /* Safari */
  @-webkit-keyframes tpspin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
  }
  
  @keyframes tpspin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }

  .tp-cross{
    position: relative;
  }
  .tp-cross::after,
  .tp-cross::before{
    content: '';
    position: absolute;
    height: 21px;
    width: 2px;
    background-color: #000;
  }
  .tp-cross::before{
    transform: rotate(-45deg);
  }
  .tp-cross::after{
    transform: rotate(45deg);
  }
  
   .ic-inp {
    float: left;
    width: 100%;
    position: relative;
}

.ic-inp i.fa.fa-search {
    position: absolute;
    top: 11px;
    left: 8px;
    font-size: 14px;
}

.ic-inp input#s {
    padding-left: 30px;
    border-radius: 6px;
}