@import url("https://fonts.googleapis.com/css?family=Aladin:400,500,700");
body {
  font-family: "Aladin", sans-serif;
  color: #222;
  display: flex;
  flex-direction: column;
}
html,
body {
  height: 100%;
}
.content {
  flex: 1 0 auto;
}
.footer {
  flex-shrink: 0;
}
.rating span {
  font-size: 25px;
  color: #ccc;
}
.starrating > span {
  cursor: pointer;
}
#home_search_field {
  width: 80%;
  /*padding: 12px 20px;*/
  /*margin: 8px 0;*/
  /*box-sizing: border-box;*/
  /*border: 10px solid #ccc;*/
  /*-webkit-transition: 0.2s;*/
  /*transition: 0.2s;*/
  /*outline: none;*/
  /*border-radius: 30px;*/
}
@media (min-width: 520px) {
  #home_search_field {
    height: 55px;
  }
}
@media (max-width: 520px) {
  #home_search_field {
    height: 50px;
  }
}
#signInForm {
  margin: 0 !important;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}