/* ================================================================================ */
/* SEARCH FILTERS */
/* (main.scss) */
/* ================================================================================ */
.search-block {
  display: block;
  clear: both;
  margin-bottom: 1em; }
  .search-block .h5 {
    display: block;
    margin-bottom: 5px; }

.results-page .search-wrap input[type="text"] {
  height: 34px;
  line-height: 34px;
  font-size: 1em; }

.text-input {
  position: relative;
  display: block;
  border: 1px solid #b7b7b7; }
  .text-input input[type="text"] {
    margin: 0;
    background: none;
    font-family: 'Georgia';
    font-size: 1.125em;
    font-style: italic;
    line-height: 34px;
    border: 0;
    float: left;
    width: 90%;
    padding: 0 10px;
    line-height: 40px;
    height: 40px; }
    .text-input input[type="text"]:focus {
      outline: none; }
  .text-input .mag {
    cursor: pointer;
    position: absolute;
    border: 0;
    background: url(../../images/sprite_ui.png) no-repeat;
    display: block;
    text-indent: -9999em;
    background-position: -55px -158px;
    width: 20px;
    height: 20px;
    top: 50%;
    margin-top: -10px;
    right: 15px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2) {
      .text-input .mag {
        background-image: url(../../images/sprite_ui_2x.png) !important;
        -webkit-background-size: 800px 800px;
        background-size: 800px 800px; } }

.new-search {
  border-bottom: 1px solid black;
  padding-bottom: 1.5em; }

.advanced-search {
  position: relative; }
  .advanced-search .matching {
    font-size: 0.875em;
    display: block; }
  .advanced-search .clear-filters {
    color: #2397db;
    font-family: 'Napco_1';
    font-size: 0.875em;
    text-transform: uppercase;
    font-weight: 700;
    text-decoration: underline;
    cursor: pointer; }
  @media (max-width: 900px) {
    .advanced-search {
      border-bottom: 1px solid black;
      padding-bottom: 1em; }
      .advanced-search .clear-filters {
        display: none; } }

.toggle-filters {
  display: none;
  position: absolute;
  top: 2px;
  right: 5px;
  width: 40px;
  height: 40px;
  background: black;
  border: none;
  cursor: pointer; }
  .toggle-filters:focus {
    outline: none; }
  .toggle-filters:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -8px;
    margin-top: -8px;
    width: 16px;
    height: 16px;
    background: url(../../images/sprite_ui.png) no-repeat;
    display: block;
    text-indent: -9999em;
    background-position: -75px -358px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2) {
      .toggle-filters:after {
        background-image: url(../../images/sprite_ui_2x.png) !important;
        -webkit-background-size: 800px 800px;
        background-size: 800px 800px; } }
  @media (max-width: 900px) {
    .toggle-filters {
      display: block; } }

.toggle-filters.active:after {
  background-position: -113px -358px; }

.filters {
  display: block;
  clear: both;
  margin-bottom: 2em; }
  @media (max-width: 900px) {
    .filters {
      display: none; } }
  .filters .options {
    display: block;
    background: #eee;
    margin-bottom: 1.3em; }
    .filters .options .top {
      position: relative;
      padding: 10px 10px 10px 35px;
      border-bottom: 1px solid white; }
    .filters .options .bot {
      padding: 10px; }
    .filters .options #only-checked {
      position: absolute;
      top: 13px;
      left: 10px; }
    .filters .options .show-selected {
      font-size: 0.875em;
      font-weight: 700; }
  .filters .red-list {
    list-style-type: none; }
    .filters .red-list li {
      margin-bottom: 3px; }
    .filters .red-list a {
      color: #2397db;
      text-transform: uppercase;
      font-family: 'Napco_1';
      font-size: 0.875em;
      font-weight: 700;
      padding-left: 25px;
      position: relative; }
      .filters .red-list a:after {
        content: '';
        position: absolute;
        background: url(../../images/sprite_ui.png) no-repeat;
        display: block;
        text-indent: -9999em;
        width: 8px;
        height: 12px;
        left: 6px;
        top: 4px;
        background-position: -30px -358px; }
        @media only screen and (-webkit-min-device-pixel-ratio: 2) {
          .filters .red-list a:after {
            background-image: url(../../images/sprite_ui_2x.png) !important;
            -webkit-background-size: 800px 800px;
            background-size: 800px 800px; } }
  .filters .radius .range {
    display: block;
    font-size: 0.875em;
    margin-bottom: .8em; }
  .filters .radius .inst {
    display: block;
    clear: both;
    font-size: 0.875em;
    line-height: 1.3em; }
  .filters fieldset {
    clear: both;
    margin-bottom: 1.5em;
    position: relative; }
    .filters fieldset select {
      display: block;
      width: 100%; }
    .filters fieldset label {
      display: block;
      margin-bottom: 3px; }
    .filters fieldset .show-letters {
      color: #2397db;
      text-decoration: underline;
      float: left;
      clear: left;
      margin-top: 5px; }
  .filters .btn-block-red {
    display: block;
    clear: both;
    width: 100%;
    padding: 10px 0;
    margin-top: 10px; }

.letters {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 98%;
  max-width: 300px;
  background: #222;
  color: white;
  font-size: 0.875em;
  padding: 10px;
  border: 3px solid #2397db;
  z-index: -500;
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  -webkit-transition: opacity 300ms linear;
  -moz-transition: opacity 300ms linear;
  -o-transition: opacity 300ms linear;
  transition: opacity 300ms linear; }
  .letters .letter-links {
    display: block;
    padding: 15px;
    text-align: center;
    clear: both;
    cursor: pointer; }
    .letters .letter-links a {
      color: white;
      margin-right: 4px; }
  .letters .close-letters {
    float: right;
    margin-left: 10px;
    margin-bottom: 6px;
    color: white;
    width: 20px;
    height: 20px;
    background: #2397db;
    text-transform: uppercase;
    position: relative; }
    .letters .close-letters:after {
      content: '';
      display: block;
      position: absolute;
      left: 2px;
      top: 2px;
      background: url(../../images/sprite_ui.png) no-repeat;
      display: block;
      text-indent: -9999em;
      width: 15px;
      height: 15px;
      background-position: -59px -128px; }
      @media only screen and (-webkit-min-device-pixel-ratio: 2) {
        .letters .close-letters:after {
          background-image: url(../../images/sprite_ui_2x.png) !important;
          -webkit-background-size: 800px 800px;
          background-size: 800px 800px; } }

.letters.open {
  z-index: 2;
  opacity: 1;
  -ms-filter: "alpha(opacity=100)"; }

.filter-group {
  display: block; }
  .filter-group .group-head {
    display: block;
    background: #eee;
    color: black;
    position: relative;
    height: 60px;
    border-bottom: 1px solid white;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .filter-group .group-head .h5 {
      margin: 0;
      display: block;
      line-height: 60px;
      padding: 0 12px; }
    .filter-group .group-head:after {
      content: '';
      width: 16px;
      height: 16px;
      display: block;
      position: absolute;
      right: 15px;
      top: 50%;
      margin-top: -8px;
      background: url(../../images/sprite_ui.png) no-repeat;
      display: block;
      text-indent: -9999em;
      background-position: -56px -358px; }
      @media only screen and (-webkit-min-device-pixel-ratio: 2) {
        .filter-group .group-head:after {
          background-image: url(../../images/sprite_ui_2x.png) !important;
          -webkit-background-size: 800px 800px;
          background-size: 800px 800px; } }
    .filter-group .group-head:hover {
      background: #dedede; }
  .filter-group .group-body {
    display: none;
    clear: both;
    background: #747474;
    padding: 12px;
    color: white; }
  .filter-group .checks {
    list-style-type: none;
    display: block; }
    .filter-group .checks li {
      margin-bottom: 5px;
      font-size: 0.875em;
      display: block;
      clear: both;
      width: 100%; }

.filter-group.open .group-head {
  background: #464646;
  color: white; }
  .filter-group.open .group-head:after {
    background-position: -113px -358px; }
  .filter-group.open .group-head:hover {
    background: #3b3b3b; }