.search-form {
    margin: 20px 0 5px;
}

.search-form input {
    border: none;
    padding: 0 50px 0 20px;
    line-height: 50px;
    width: calc(100% - 10px);
    min-height: 50px;
}

.search-form .button {
    margin: 0;
    height: 50px;
    font-size: 18px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 50px;
}

.search-form .form-group:after {
    content: "";
    background: url("/../static/img/icon_zoom.png");
    width: 18px;
    height: 18px;
    position: absolute;
    right: 30px;
    top: 15px;
    opacity: 0.5;
}

.search-results .alert {
    margin-bottom: 20px;
    margin-top: 0;
    border-color: #c5c5c5;
}

.search-results .alert.error {
    border-color: #dc002e;
}

.search-results .search-result {
    background: white;
    padding: 20px 20px 0;
}

.search-results .search-result.active {
    background: #f8f8f8;
}

.search-results .search-result a {
    color: #333333;
    border-bottom: 1px solid #ddd !important;
    display: block;
    transition: 0.3s;
    padding-bottom: 10px;
}

.search-results .search-result:last-of-type a {
    border-bottom: none !important;
}

.search-results .search-result img {
    max-width: 100%;
    margin-bottom: 10px;
}

.search-results .search-result .highlight {
    color: #dc002e;
}

.search-results .search-result .name {
    font-weight: bold;
    padding-left: 20px;
}
.search-results .search-result .name .highlight {
    font-weight: bold;
}

.search-results .search-result .description {
    font-size: 14px;
    padding-left: 20px;
}

.search-results .search-result .description .highlight {
    font-size: 14px;
}

.search-results .search-result .type {
    text-align: right;
    text-transform: uppercase;
    color: #c5c5c5;
    font-weight: bold !important;
}

.search-results .search-results-header,
.search-results .search-results-footer {
    margin: 20px 0;
}

.search-results .search-results-footer .loaded-results,
.search-results .search-results-header .load-previous-results,
.search-results .search-results-footer .load-more-results {
    text-align: center;
}

.search-results .search-results-header .load-previous-results .button,
.search-results .search-results-footer .load-more-results .button {
    cursor: pointer;
}

.search-results .search-results-footer .loading {
    margin: 21px 0;
    padding: 0;
}

@media (max-width: 767px) {
    .search-form input {
        width: 100%;
    }

    .search-form .button {
        float: right;
    }

    .search-results .search-result .name,
    .search-results .search-result .description {
        padding-left: 0;
    }
}

@media (max-width: 480px) {
    .search-form .button {
        width: 100%;
    }
}