/* aqua */
/* pale gray */
/* black */
/* black */
.search__form {
  background: #FFF;
  border: solid 1px #a9a9a9;
  width: 100%;
  height: 3em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin-bottom: 1em; }
  .search__form__field {
    -webkit-box-flex: 2;
    -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: 0 -.5em 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
    margin: 0;
    padding: 0;
    margin-bottom: 1em; }
    .search__results__filter__option {
      display: inline-block;
      text-decoration: none;
      color: #444444;
      margin: 0 .5em; }

.search__results--1 li {
  width: 100%; }

@media all and (min-width: 769px) {
  .search__results--2 li,
  .search__results--3 li,
  .search__results--4 li {
    width: 50%;
    float: left; } }

@media all and (min-width: 1025px) {
  .search__results--3 li,
  .search__results--4 li {
    width: 33.33%; } }

@media all and (min-width: 1301px) {
  .search__results--4 li {
    width: 25%; } }

.content__region .search__results__item__txt h2 {
  margin: 0 0 0.5em;
  font-size: 1.5em; }