.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; } }

.lte-ie8 .search__results--2 li,
.lte-ie8 .search__results--3 li,
.lte-ie8 .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%; } }

.menu__sidebar__search {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 100%; }
  @media all and (min-width: 769px) {
    .menu__sidebar__search {
      width: auto; } }
  .menu__sidebar__search .lte-ie8 {
    width: auto; }
  .menu__sidebar__search .search__btn {
    display: none;
    position: relative;
    z-index: 9;
    height: 44px;
    width: 44px;
    background-color: #eeb83c;
    border: 3px solid #FFF;
    border-radius: 50%;
    padding: 3px; }
    .menu__sidebar__search .search__btn span {
      display: block;
      height: 100%;
      border-radius: 50%;
      background-color: #FFF;
      background-image: url("/_site/images/design/icon_search.png");
      background-position: center center;
      background-size: 17px 17px;
      background-repeat: no-repeat;
      -webkit-transition: -webkit-transform 0.35s ease;
      transition: -webkit-transform 0.35s ease;
      -o-transition: transform 0.35s ease;
      transition: transform 0.35s ease;
      transition: transform 0.35s ease, -webkit-transform 0.35s ease; }
    .menu__sidebar__search .search__btn:hover span {
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg); }
    .menu__sidebar__search .search__btn:focus {
      outline: none; }
    @media all and (min-width: 769px) {
      .menu__sidebar__search .search__btn {
        display: inline-block; } }
    .menu__sidebar__search .search__btn .lte-ie8 {
      display: inline-block; }
  .menu__sidebar__search__field {
    display: block;
    z-index: 10;
    position: relative;
    height: 44px;
    width: 100%;
    background: white;
    -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
    transition: opacity 1s ease, -webkit-transform 1s ease;
    -o-transition: transform 1s ease, opacity 1s ease;
    transition: transform 1s ease, opacity 1s ease;
    transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease;
    padding: 0 5%; }
    .menu__sidebar__search__field form {
      display: block;
      vertical-align: middle;
      padding: 0 10px;
      -webkit-transform-origin: right;
      -ms-transform-origin: right;
      transform-origin: right;
      -webkit-transition: max-width 1s ease;
      -o-transition: max-width 1s ease;
      transition: max-width 1s ease;
      overflow: hidden;
      white-space: nowrap; }
      @media all and (min-width: 769px) {
        .menu__sidebar__search__field form {
          max-width: 0px; } }
      .menu__sidebar__search__field form .lte-ie8 {
        max-width: 0px; }
    .menu__sidebar__search__field input {
      display: inline-block;
      vertical-align: top;
      width: 80%;
      width: calc(100% - 10px - 40px);
      height: 34px;
      padding-left: 10px;
      background-color: transparent;
      border: 0;
      color: #eeb83c; }
      .menu__sidebar__search__field input.placeholder {
        color: #eeb83c;
        font-family: "Open Sans", sans-serif; }
      .menu__sidebar__search__field input:-moz-placeholder {
        color: #eeb83c;
        font-family: "Open Sans", sans-serif; }
      .menu__sidebar__search__field input::-moz-placeholder {
        color: #eeb83c;
        font-family: "Open Sans", sans-serif; }
      .menu__sidebar__search__field input:-ms-input-placeholder {
        color: #eeb83c;
        font-family: "Open Sans", sans-serif; }
      .menu__sidebar__search__field input::-webkit-input-placeholder {
        color: #eeb83c;
        font-family: "Open Sans", sans-serif; }
      .menu__sidebar__search__field input:focus {
        outline: none; }
    .menu__sidebar__search__field .search__submit {
      display: inline-block;
      vertical-align: top;
      width: 34px;
      height: 34px;
      background-color: #eeb83c;
      border: 2px solid #FFF;
      border-radius: 50%;
      padding: 2px; }
      .menu__sidebar__search__field .search__submit span {
        display: block;
        height: 100%;
        border-radius: 50%;
        background-color: #FFF;
        background-image: url("/_site/images/design/icon_search.png");
        background-position: center center;
        background-size: 14px 14px;
        background-repeat: no-repeat;
        -webkit-transition: -webkit-transform 0.35s ease;
        transition: -webkit-transform 0.35s ease;
        -o-transition: transform 0.35s ease;
        transition: transform 0.35s ease;
        transition: transform 0.35s ease, -webkit-transform 0.35s ease; }
      .menu__sidebar__search__field .search__submit:hover span {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg); }
      .menu__sidebar__search__field .search__submit:focus {
        outline: none; }
    @media all and (min-width: 769px) {
      .menu__sidebar__search__field {
        position: absolute;
        width: auto;
        opacity: 0;
        top: 0;
        right: 0;
        border-radius: 20px;
        padding: 5px 0; }
        .menu__sidebar__search__field input {
          width: 200px; }
        .menu__sidebar__search__field .search__submit {
          float: none; } }
    .menu__sidebar__search__field .lte-ie8 {
      position: absolute;
      width: auto;
      opacity: 0;
      top: 0;
      right: 0;
      border-radius: 20px;
      padding: 5px 0; }
      .menu__sidebar__search__field .lte-ie8 input {
        width: 200px; }
      .menu__sidebar__search__field .lte-ie8 .search__submit {
        float: none; }

.mason--search .menu__sidebar__search__field {
  opacity: 1; }

.mason--search .search__btn .icon_search {
  display: none; }

.mason--search .search__btn .icon_cross {
  display: block; }

@media all and (min-width: 769px) {
  .menu__sidebar__search__field form {
    pointer-events: none; } }

.menu__sidebar__search__field .lte-ie8 form {
  pointer-events: none; }

.mason--search .menu__sidebar__search__field form {
  pointer-events: all;
  max-width: 264px; }

.search_form_button {
  margin-top: 0 !important; }

.search__form input {
  width: 250px;
  width: calc(100% - 65px);
  height: 46px;
  padding-left: 10px;
  font-size: 20px;
  font-size: 1.25rem;
  border-radius: 10px; }
  .search__form input:focus {
    outline: none; }
  .search__form input.placeholder {
    color: #393939; }
  .search__form input:-moz-placeholder {
    color: #393939; }
  .search__form input::-moz-placeholder {
    color: #393939; }
  .search__form input:-ms-input-placeholder {
    color: #393939; }
  .search__form input::-webkit-input-placeholder {
    color: #393939; }

.search__form button {
  height: 46px;
  width: 46px;
  background-color: transparent;
  border-radius: 50%;
  background-color: #FFF;
  border: 0;
  color: #eeb83c;
  -webkit-transition: background-image 0.35s ease, background-color 0.35s ease;
  -o-transition: background-image 0.35s ease, background-color 0.35s ease;
  transition: background-image 0.35s ease, background-color 0.35s ease;
  vertical-align: bottom; }
  .search__form button:focus {
    outline: none; }
  .search__form button:hover {
    background-color: #a72c35; }