[v-cloak] {
  display: none; }

.quick-search {
  padding-top: 2rem; }

.fixed {
  position: fixed; }

@media (min-width: 1024px) {
  .navbar {
    position: fixed !important;
    z-index: 889;
    width: 100%;
    height: 64px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); } }

.rentals .toggler {
  width: 100%;
  z-index: 888;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  background: #fff;
  justify-content: center; }
  @media (min-width: 1024px) {
    .rentals .toggler {
      position: fixed;
      top: 65px;
      width: 50%; } }
  @media (min-width: 1366px) {
    .rentals .toggler {
      display: none; } }
  .rentals .toggler button {
    padding: 0.5rem 1rem;
    color: #31698C; }
  .rentals .toggler .map-toggle {
    border-left: 1px solid #ccc; }
    @media (min-width: 1024px) {
      .rentals .toggler .map-toggle {
        display: none; } }
  .rentals .toggler .saved-toggle {
    border-left: 1px solid #ccc; }
.rentals .toggler.fixed {
  position: fixed;
  top: 0;
  left: 0; }
.rentals .ticker-group {
  display: flex;
  align-items: center;
  width: 100%; }
  .rentals .ticker-group label {
    flex-grow: 2;
    flex-shrink: 2; }
  .rentals .ticker-group .form-number-ticker {
    text-align: right;
    display: flex; }

.filters {
  width: 100%;
  background: #FFFEF1;
  padding: 1rem;
  position: absolute;
  top: 0;
  left: 0;
  display: none; }
  @media (min-width: 1366px) {
    .filters {
      display: block;
      z-index: 877;
      width: 22%;
      padding: 1rem 0.5rem 1rem 1rem; } }
  .filters h3 {
    color: #073466; }
  .filters .close-filters {
    position: absolute;
    top: 10px;
    right: 10px; }
    @media (min-width: 1366px) {
      .filters .close-filters {
        display: none; } }
  .filters .filter-form {
    max-height: 100%;
    background: rgba(0, 0, 0, 0.05);
    padding: 0.5rem; }
    .filters .filter-form .range {
      display: flex;
      flex-direction: row;
      align-items: center; }
      .filters .filter-form .range input {
        flex-grow: 2;
        margin: 0 1rem; }
    .filters .filter-form .submit {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      background: #FFFFFF;
      padding: 1rem; }
      @media (min-width: 1024px) {
        .filters .filter-form .submit {
          width: 50%; } }
      @media (min-width: 1366px) {
        .filters .filter-form .submit {
          width: 22%; }
          .filters .filter-form .submit button {
            font-size: 1.2rem; } }

.filters.show {
  display: block;
  z-index: 877; }
  @media (min-width: 1024px) {
    .filters.show {
      width: 50%; } }

.rental-list, .rental-results {
  width: 100%;
  z-index: 777; }
  @media (min-width: 1024px) {
    .rental-list, .rental-results {
      width: 50%;
      height: 100%;
      overflow-y: scroll;
      padding-top: 44px; } }
  @media (min-width: 1366px) {
    .rental-list, .rental-results {
      width: 38%;
      left: 22%;
      position: fixed;
      padding-top: 0; } }
  .rental-list .results-heading, .rental-results .results-heading {
    padding: 0.5rem;
    display: flex;
    align-items: center; }
    .rental-list .results-heading h4, .rental-results .results-heading h4 {
      flex-grow: 2;
      margin: 0;
      color: #073466; }
    .rental-list .results-heading label, .rental-results .results-heading label {
      margin-bottom: 0;
      margin-right: 0.5rem; }
    .rental-list .results-heading .sorter, .rental-results .results-heading .sorter {
      text-align: right; }
      .rental-list .results-heading .sorter select.form-control, .rental-results .results-heading .sorter select.form-control {
        height: 2.25rem; }
    .rental-list .results-heading .layout, .rental-results .results-heading .layout {
      margin: 0 0.5rem; }
    .rental-list .results-heading button, .rental-results .results-heading button {
      margin: 0 0.5rem; }
  .rental-list .saved-actions, .rental-results .saved-actions {
    display: none; }
    @media (min-width: 1366px) {
      .rental-list .saved-actions, .rental-results .saved-actions {
        display: block; } }
  .rental-list .cards, .rental-results .cards {
    padding: 0 0.5rem 0.5rem 0.5rem; }
    @media (min-width: 1366px) {
      .rental-list .cards, .rental-results .cards {
        padding-left: 0; } }
    .rental-list .cards .card, .rental-results .cards .card {
      margin-bottom: 0.5rem;
      background: rgba(0, 0, 0, 0.05);
      border: none; }
      @media (min-width: 1024px) {
        .rental-list .cards .card, .rental-results .cards .card {
          display: flex;
          flex-direction: row; } }
      @media (min-width: 1366px) {
        .rental-list .cards .card .card-title, .rental-results .cards .card .card-title {
          margin-bottom: 0; } }
      .rental-list .cards .card .photo, .rental-results .cards .card .photo {
        background-size: cover;
        background-position: center;
        position: relative;
        width: 100%;
        height: calc(100vw * 0.55); }
        @media (min-width: 1024px) {
          .rental-list .cards .card .photo, .rental-results .cards .card .photo {
            width: 40%;
            min-width: 40%;
            max-width: 40%;
            height: auto; } }
        @media (min-width: 1280px) {
          .rental-list .cards .card .photo, .rental-results .cards .card .photo {
            min-width: 200px;
            max-width: 200px;
            min-height: 130px;
            max-height: 100%; } }
        @media (min-width: 1366px) {
          .rental-list .cards .card .photo, .rental-results .cards .card .photo {
            min-width: 130px;
            max-width: 160px;
            min-height: 130px;
            max-height: 100%; } }
        .rental-list .cards .card .photo .photo-link, .rental-results .cards .card .photo .photo-link {
          position: absolute;
          width: 100%;
          height: 100%; }
        .rental-list .cards .card .photo img, .rental-results .cards .card .photo img {
          width: 100%;
          height: auto; }
        .rental-list .cards .card .photo .saved, .rental-results .cards .card .photo .saved {
          position: absolute;
          bottom: 0.25rem;
          left: 0.25rem; }
          .rental-list .cards .card .photo .saved button, .rental-results .cards .card .photo .saved button {
            background: rgba(255, 255, 255, 0.8);
            border-radius: 100px;
            padding: 0.5rem;
            outline: none; }
          .rental-list .cards .card .photo .saved .unsave-button i, .rental-results .cards .card .photo .saved .unsave-button i {
            color: tomato; }
      .rental-list .cards .card .location i, .rental-results .cards .card .location i {
        color: #31698C; }

.rental-list.locked {
  position: fixed; }

.map {
  display: none;
  height: calc(100vh - 64px);
  width: 100%;
  position: absolute;
  top: 64px;
  left: 0;
  z-index: 777; }
  @media (min-width: 1024px) {
    .map {
      position: fixed;
      right: 0;
      left: auto;
      width: 50%;
      z-index: 888;
      display: table;
      position: fixed; } }
  @media (min-width: 1366px) {
    .map {
      width: 40%; } }
  .map .close-map {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 9999;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    border-radius: 0;
    background: #fff; }
    @media (min-width: 1024px) {
      .map .close-map {
        visibility: hidden; } }
  .map #map {
    display: table;
    height: calc(100vh - 64px);
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0; }
  .map .gm-style-iw.gm-style-iw-c {
    padding-top: 0;
    padding-left: 0;
    width: 200px;
    height: auto; }
  .map .gm-style-iw-d {
    margin-right: -18px; }
  .map .gm-ui-hover-effect {
    background: #fff !important;
    border-radius: 100px !important;
    top: 3px !important;
    right: 3px !important; }
  .map .saved {
    z-index: 9999; }
  .map .map-link, .map .map-link:hover, .map .photo-link:active {
    text-decoration: none; }
  .map .map-photo {
    min-width: 200px;
    max-width: 200px;
    min-height: 130px;
    max-height: 130px; }
  .map .map-info {
    padding: 0.25rem;
    font-size: 0.8rem; }
    .map .map-info .address {
      font-size: 0.9rem; }
    .map .map-info .rate {
      color: #333; }
    .map .map-info .stats {
      display: flex;
      flex-direction: row;
      align-content: flex-start;
      color: #333; }
      .map .map-info .stats .stat {
        margin-right: 0.5rem; }

.map.show {
  z-index: 888;
  display: table;
  position: fixed; }

.flip-list-move {
  transition: transform 0.3s; }

.layout {
  position: absolute;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: 100%;
  width: 100%;
  /* overflow: hidden; */
  box-sizing: border-box; }
  @media (min-width: 1024px) {
    .layout {
      height: calc(100vh - 65px);
      top: 65px; } }

.form-number-ticker {
  margin-left: 0.5rem;
  display: inline-block; }
  .form-number-ticker .btn-ticker {
    display: inline-block;
    border-radius: 100px;
    padding: 1rem;
    background: #fff;
    display: inline-block;
    border: 1px solid #ced4da;
    outline: none; }