@charset "utf-8";

.search-form {
     position: relative;
}
 .search-form .form-control {
     border-radius: 4px;
}
 .search-form__field {
     border-color: #e8edf2;
     height: 59px;
     color: #000;
     font-size: 16px;
     font-weight: 300;
     padding-left: 20px;
}
 .search-form__field::placeholder {
     opacity: 1;
     color: #000;
}
 .search-form__field:focus {
     box-shadow: none;
     color: #000;
     border-color: #6eb63c;
}
 .search-form__submit {
     z-index: 100;
     position: absolute;
     border-radius: 0 4px 4px 0 !important;
     padding: 0;
     top: 0px;
     right: 0px;
     height: 34px;
     width: 34px;
     text-align: center;
}
 .search-form__submit:after {
     font-family: FontAwesome;
     content: '';
}
 .search-form .tt-menu {
     background-color: #fff;
     box-shadow: 0 15px 30px rgba(0, 0, 0, 0.25);
     width: 100%;
     z-index: 101 !important;
     max-height: calc(100vh - 130px);
     overflow: auto;
}
 .search-form .tt-empty {
     padding: 12px 1rem;
}
 .search-form .tt-suggestion {
     padding: 7px 1rem;
     transition: background-color 0.25s;
     white-space: normal !important;
}
 .search-form .tt-suggestion .tt-img {
     margin-right: 10px;
     float: left;
     vertical-align: top;
}
 .search-form .tt-suggestion:hover {
     background-color: #eee;
     cursor: pointer !important;
}
 .search-form .tt-suggestion:after {
     content: '';
     display: block;
     clear: both;
}
 .search-form .tt-suggestion > .tt-highlight {
     color: #ef9c00;
}
 @media (max-width: 767px) {
     .search-form {
         min-width: auto !important;
    }
}