.search__form {
    background: #FFF;
    border: solid 1px #a9a9a9;
    width: 100%;
    height: 3em;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.search__form__field {
    -webkit-flex: 2 1 auto;
    -ms-flex: 2 1 auto;
    flex: 2 1 auto;
    display: inline
}

.search__form__field input {
    height: 100%;
    width: 100%;
    border: 0;
    padding: .5em
}

.search__form__select {
    display: inline
}

.search__form__select select {
    height: 100%;
    border: 0;
    padding: .5em
}

.search__form__button {
    display: inline;
    margin-left: auto;
    width: 3em;
    background: 0;
    border: none
}

.search__results {
    padding: 0;
    margin: 3em -.5em 0;
    list-style: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.search__results__item {
    padding: 0 .5em;
    margin: 0 0 1em;
    position: relative
}

.search__results__item__card {
    height: 100%
}

.search__results__item__image {
    width: 100%
}

.search__results__item__link {
    white-space: nowrap
}

.search__results__item__rating {
    width: 10em;
    display: block;
    overflow: hidden;
    font-size: .9em;
    line-height: 1.2em
}

.search__results__item__relevance__box {
    height: .2em;
    margin: .5em 0;
    background: #CCC
}

.search__results__item__relevance__box__fill {
    height: 100%;
    background: #42FF00
}

.search__results__filter {
    font-size: .8em
}

.search__results__filter__option {
    text-decoration: none;
    color: #444444;
    margin: 0 .5em
}

@media (min-width:769px) {
    .search__results--2 li,
    .search__results--3 li,
    .search__results--4 li {
        width: 50%;
        float: left
    }
}

.lte-ie8 .search__results--2 li,
.lte-ie8 .search__results--3 li,
.lte-ie8 .search__results--4 li {
    width: 50%;
    float: left
}

@media (min-width:1025px) {
    .search__results--3 li,
    .search__results--4 li {
        width: 33.33%
    }
}

@media (min-width:1301px) {
    .search__results--4 li {
        width: 25%
    }
}

.search__results h2 {
	margin:0;
	font-size:1.1em;
}

.search__results__item__link {
	margin:0;
}