body {
  font-family: Verdana, sans-serif; }

a {
  color: #0063C3;
  text-decoration: none; }

hr {
  margin-top: 10px;
  margin-bottom: 10px; }
  hr:after {
    content: "";
    display: table;
    clear: both; }

.transparent {
  opacity: 0; }

.content-wrapper {
  margin: 0 -15px;
  min-width: 620px; }

header {
  position: fixed;
  z-index: 99;
  top: 0;
  width: 100%;
  height: 60px;
  padding: 10px;
  background: #AC0000; }
  header .logo {
    height: 40px;
    float: left;
    margin-right: 20px;
  }
  header .input-group {
    float: left;
    display: inline-block;
    width: 350px;
    height: 30px;
    margin-top: 5px;
    border-radius: 5px;
    overflow: hidden; }
    header .input-group #q {
      border: 0;
      height: 100%; }
      header .input-group #q:focus {
        outline: none;
        box-shadow: inset 0 0 0 1px #FFBE61; }
    header .input-group .input-group-btn button {
      height: 100%;
      padding: 0 30px;
      border: 0;
      background: #FFBE61; }
  header .stats {
    line-height: 40px;
    float: left;
    margin-left: 20px;
    color: white;
  }
  header .algolia {
    line-height: 40px;
    float: right;
    margin-left: 20px;
    color: white;
  }
#hits {
  padding: 70px 10px 10px 10px; }

.hit {
  float: left;
  width: 610px;
  background: #eff0f1;
  padding: 10px;
  overflow: hidden;
  margin:0px 10px 10px 0px;
  height: 245px;
}
.hit .picture-wrapper {
  float: left;
  padding: 5px;
  width: 200px;
}
.hit .picture-wrapper img {
  width: 150px;
}
.hit .desc-wrapper {
  float:right;
  width: 380px;
}
.hit .name {
  font-weight: bold;
  font-size: 1.2em;
  margin-bottom: 0.5em;
}
.hit ul {
  list-style: none;
  margin:10px 0 0 0;
  padding:0;
  font-size: 0.8em;
}
.hit strong:after {
  content:" : ";
}
.hit em {
  color: #000000;
  font-style: normal;
  background-color: #FFBE61;
}